feat(POSTV1-ASSET-ALL-16): 在编辑器接入全部复杂素材

2026-08-06 11:55:06 +08:00
parent 9de0d2a63c
commit 2cd85cd7cd
17 changed files with 309 additions and 167 deletions
@@ -33,7 +33,9 @@ export function TextTemplatePanel(props: {
        const status = props.fontStatuses[template.defaultFontId] ?? "idle";
        const unavailable = !template.available || status === "unavailable";
        return <button aria-label={`${template.templateId} ${template.displayName}${unavailable ? " 素材暂不可用" : ""}`} disabled={!props.canAdd || unavailable || status === "loading"} key={template.templateId} onClick={() => props.onAdd(template)} type="button">
-          <span className={`editor-template-mark ${template.category}`}>{template.displayName.slice(0, 2)}</span>
+          {template.previewUrl
+            ? <img alt="" className="editor-template-preview" decoding="async" loading="lazy" src={template.previewUrl} />
+            : <span className={`editor-template-mark ${template.category}`}>{template.displayName.slice(0, 2)}</span>}
          <strong>{template.templateId}</strong>
          <span>{template.displayName}</span>
          {unavailable ? <small>素材暂不可用</small> : status === "loading" ? <small>正在加载字体</small> : null}