+
+
+
+ ({
+ ...opt,
+ value: config[opt.id as keyof TextureAtlasConfig],
+ }))}
+ onChange={handleConfigChange}
+ onReset={handleResetConfig}
+ />
+
+ {canProcess && (
+
+ )}
+
+
+
+ {processingStatus.status !== "idle" && (
+
+ )}
+
+ {atlasResult && (
+
+
+
+ {getT("results.processingComplete")}
+
+
+
+

+
+
+
+
+
{getT("tools.textureAtlas.dimensions")}:
+
+ {atlasResult.metadata.width} x {atlasResult.metadata.height}
+
+
+
+
{getT("tools.textureAtlas.sprites")}:
+
{atlasResult.metadata.frameCount}
+
+
+
{getT("tools.textureAtlas.imageFormat")}:
+
{atlasResult.metadata.format}
+
+
+
{getT("tools.textureAtlas.dataFormat")}:
+
+ {atlasResult.metadata.outputFormat === "cocos-creator"
+ ? "Cocos Creator JSON"
+ : atlasResult.metadata.outputFormat === "cocos2d"
+ ? "Cocos2d plist"
+ : "Generic JSON"}
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
{getT("tools.textureAtlas.features")}
+
+ {(getT("tools.textureAtlas.featureList") as unknown as string[]).map(
+ (feature, index) => (
+ - • {feature}
+ )
+ )}
+
+
+
+
+