@ydesign/react-editor 0.0.6 → 0.0.8

package/dist/config.js

@@ -1 +1 @@
-import{a as c,b as d,c as e,d as f}from"./chunk-DCGJ6RKU.js";import"./chunk-7NNOHYKX.js";import{a,b}from"./chunk-ARZMBVXU.js";import"./chunk-O2XFH626.js";export{e as LinePoolItems,f as PathLineLibs,d as PathShapeLibs,c as ShapePathFormulasKeys,b as getTranslations,a as setTranslations};
+import{a as d,b as e,c as f,d as g}from"./chunk-TZ6B7XDS.js";import"./chunk-7NNOHYKX.js";import{i as c}from"./chunk-TTHQXTIX.js";import{a,b}from"./chunk-YCFED7XQ.js";import"./chunk-O2XFH626.js";export{f as LinePoolItems,g as PathLineLibs,e as PathShapeLibs,d as ShapePathFormulasKeys,b as getTranslations,c as setAPI,a as setTranslations};

package/dist/model/store.d.ts

@@ -40,6 +40,7 @@ declare const Font: mobx_state_tree.IModelType<{
  */
 declare const Store: mobx_state_tree.IModelType<{
     name: mobx_state_tree.IType<string | undefined, string, string>;
+    token: mobx_state_tree.IType<string | undefined, string, string>;
     width: mobx_state_tree.IType<number | undefined, number, number>;
     height: mobx_state_tree.IType<number | undefined, number, number>;
     scale: mobx_state_tree.IType<number | undefined, number, number>;
@@ -67,25 +68,24 @@ declare const Store: mobx_state_tree.IModelType<{
     }>, mobx_state_tree._NotCustomized>>;
     editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
     custom: mobx_state_tree.IType<any, any, any>;
-    objects: mobx_state_tree.IType<any[] | null | undefined, any[], any[]>;
+    objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
     _key: mobx_state_tree.IType<string | undefined, string, string>;
     _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
-    _updateHistory: mobx_state_tree.IType<number | undefined, number, number>;
     _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
 }, {
     readonly selectedElements: FabricObject[];
 } & {
     readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
     find(callback: (e: any) => boolean): any;
-    getElementById(): void;
+    getElementById(id: string): any;
 } & {
     _setEditor(editor: Editor): void;
     _triggerUpdate(): void;
-    _historyUpdate(): void;
     _fontSizeUpdate(): void;
+    _syncBackgroundColor(color: any): void;
 } & {
     setBackgroundColor(color: string | Record<string, any>): void;
-    set(e: FabricObject, options: any): void;
+    set(options: any, element?: FabricObject): void;
     setUnit({ unit, dpi }: {
         unit: any;
         dpi?: any;
@@ -134,13 +134,20 @@ declare const Store: mobx_state_tree.IModelType<{
      * @param fontFamily - 字体名称
      */
     loadFont(fontFamily: string): Promise<void[]>;
+} & {
+    on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
 }, mobx_state_tree._NotCustomized, mobx_state_tree._NotCustomized>;
 type StoreType = Instance<typeof Store>;
 interface StoreProps {
     key: string;
+    token?: string;
 }
-declare function createStore({ key }: StoreProps): mobx_state_tree.ModelInstanceTypeProps<{
+declare const getToken: () => {
+    value: string;
+};
+declare function createStore({ key, token }: StoreProps): mobx_state_tree.ModelInstanceTypeProps<{
     name: mobx_state_tree.IType<string | undefined, string, string>;
+    token: mobx_state_tree.IType<string | undefined, string, string>;
     width: mobx_state_tree.IType<number | undefined, number, number>;
     height: mobx_state_tree.IType<number | undefined, number, number>;
     scale: mobx_state_tree.IType<number | undefined, number, number>;
@@ -168,25 +175,24 @@ declare function createStore({ key }: StoreProps): mobx_state_tree.ModelInstance
     }>, mobx_state_tree._NotCustomized>>;
     editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
     custom: mobx_state_tree.IType<any, any, any>;
-    objects: mobx_state_tree.IType<any[] | null | undefined, any[], any[]>;
+    objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
     _key: mobx_state_tree.IType<string | undefined, string, string>;
     _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
-    _updateHistory: mobx_state_tree.IType<number | undefined, number, number>;
     _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
 }> & {
     readonly selectedElements: FabricObject[];
 } & {
     readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
     find(callback: (e: any) => boolean): any;
-    getElementById(): void;
+    getElementById(id: string): any;
 } & {
     _setEditor(editor: Editor): void;
     _triggerUpdate(): void;
-    _historyUpdate(): void;
     _fontSizeUpdate(): void;
+    _syncBackgroundColor(color: any): void;
 } & {
     setBackgroundColor(color: string | Record<string, any>): void;
-    set(e: FabricObject, options: any): void;
+    set(options: any, element?: FabricObject): void;
     setUnit({ unit, dpi }: {
         unit: any;
         dpi?: any;
@@ -235,8 +241,11 @@ declare function createStore({ key }: StoreProps): mobx_state_tree.ModelInstance
      * @param fontFamily - 字体名称
      */
     loadFont(fontFamily: string): Promise<void[]>;
+} & {
+    on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
 } & mobx_state_tree.IStateTreeNode<mobx_state_tree.IModelType<{
     name: mobx_state_tree.IType<string | undefined, string, string>;
+    token: mobx_state_tree.IType<string | undefined, string, string>;
     width: mobx_state_tree.IType<number | undefined, number, number>;
     height: mobx_state_tree.IType<number | undefined, number, number>;
     scale: mobx_state_tree.IType<number | undefined, number, number>;
@@ -264,25 +273,24 @@ declare function createStore({ key }: StoreProps): mobx_state_tree.ModelInstance
     }>, mobx_state_tree._NotCustomized>>;
     editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
     custom: mobx_state_tree.IType<any, any, any>;
-    objects: mobx_state_tree.IType<any[] | null | undefined, any[], any[]>;
+    objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
     _key: mobx_state_tree.IType<string | undefined, string, string>;
     _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
-    _updateHistory: mobx_state_tree.IType<number | undefined, number, number>;
     _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
 }, {
     readonly selectedElements: FabricObject[];
 } & {
     readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
     find(callback: (e: any) => boolean): any;
-    getElementById(): void;
+    getElementById(id: string): any;
 } & {
     _setEditor(editor: Editor): void;
     _triggerUpdate(): void;
-    _historyUpdate(): void;
     _fontSizeUpdate(): void;
+    _syncBackgroundColor(color: any): void;
 } & {
     setBackgroundColor(color: string | Record<string, any>): void;
-    set(e: FabricObject, options: any): void;
+    set(options: any, element?: FabricObject): void;
     setUnit({ unit, dpi }: {
         unit: any;
         dpi?: any;
@@ -331,6 +339,8 @@ declare function createStore({ key }: StoreProps): mobx_state_tree.ModelInstance
      * @param fontFamily - 字体名称
      */
     loadFont(fontFamily: string): Promise<void[]>;
+} & {
+    on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
 }, mobx_state_tree._NotCustomized, mobx_state_tree._NotCustomized>>;
 
-export { type ExportOptions, Font, Store, type StoreProps, type StoreType, createStore, createStore as default, forEveryChild };
+export { type ExportOptions, Font, Store, type StoreProps, type StoreType, createStore, createStore as default, forEveryChild, getToken };

package/dist/model/store.js

@@ -1 +1 @@
-import{a as u}from"../chunk-P5I43V7X.js";import{a as l,h as g,i as p,m}from"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";import{types as i,cast as y,flow as b,destroy as f}from"mobx-state-tree";var c=(e,t)=>{if(e?.objects)for(let r of e.objects){if(t(r)===!0)break;c(r,t)}},h=i.model("Font",{fontFamily:i.string,name:i.optional(i.string,""),url:i.optional(i.string,""),img:i.optional(i.string,""),styles:i.frozen()}).preProcessSnapshot(e=>Object.assign(Object.assign({},e),{fontFamily:e.fontFamily||e.name})),E=i.model("Store",{name:"yitu-design",width:1080,height:1080,scale:1,scaleToFit:1,unit:"px",dpi:72,bleed:0,bleedVisible:!1,rulesVisible:!1,openedSidePanel:"",selectedElementsIds:i.array(i.string),backgroundColor:i.optional(i.union(i.string,i.frozen()),"#fff"),fonts:i.array(h),editor:i.frozen(null),custom:i.frozen(),objects:i.frozen([]),_key:"",_updateTrigger:0,_updateHistory:0,_updateFontSize:0}).views(e=>({get selectedElements(){let t=e._updateTrigger;return console.log("_trigger\u90FD\u53D8\u5316\u662F\u89E6\u53D1\u805A\u7126\u5143\u7D20\u7684\u5237\u65B0 ---> ",t,e.selectedElementsIds.toJSON()),e.selectedElementsIds.map(r=>e.editor?.objectsHandler.findOneById(r))}})).views(e=>({get selectedShapes(){let t=[];return c({objects:e.selectedElements},r=>{r?.type!=="group"&&t.push(r)}),t},find(t){let r,a=e.editor?.customCanvas.canvas.getObjects();if(a)return c({objects:a},o=>{if(!r&&t(o))return r=o,!0}),r},getElementById(){}})).actions(e=>({_setEditor(t){e.editor=t},_triggerUpdate(){e._updateTrigger=e._updateTrigger+1},_historyUpdate(){e._updateHistory=e._updateHistory+1},_fontSizeUpdate(){e._updateFontSize=e._updateFontSize+1}})).actions(e=>({setBackgroundColor(t){e.backgroundColor=t,e.editor?.workareaHandler.setWorkareaBgColor(t)},set(t,r){e.editor?.objectsHandler.update(r,t.id)},setUnit({unit:t,dpi:r}){e.unit=t||e.unit,e.dpi=r||e.dpi},setObjects(t){e.objects=t},selectElements(t){e.selectedElementsIds=y(t)},openSidePanel(t){e.openedSidePanel!==t&&(e.openedSidePanel=t)},deleteElements(t){t.forEach(r=>{e.editor?.objectsHandler.remove(r)})},setScale(t){e.scale=t},clone(){e.editor?.objectsHandler.clone()},addElement(t){console.log("\u6DFB\u52A0json\u6570\u636E",t),e.editor?.objectsHandler.addJson(t)},setSize({width:t,height:r}){e.width=t,e.height=r,e.editor?.workareaHandler.setSize({width:t,height:r})},setupEditorListeners(){e.editor&&(e.editor.on("object:modified",()=>{e._triggerUpdate()}),e.editor.on("history:change",()=>{e._historyUpdate()}),e.editor.on("textbox:modified",()=>{e._fontSizeUpdate()}))}})).actions(e=>({_forEachElementUp(t,r){if(!e.editor)return;let a=e.editor.layerHandler.getEffectiveLayers(),o=t.map(n=>({id:n,index:a.findIndex(d=>d.id===n)}));o.sort((n,d)=>d.index-n.index);for(let{index:n}of o){if(n==-1)continue;let d=n<a.length-1&&a[n+1],s=t.indexOf(d?.id)>=0;n===a.length-1||s||r(n)}},_forEachElementDown(t,r){if(!e.editor)return;let a=e.editor.layerHandler.getEffectiveLayers(),o=t.map(n=>({id:n,index:a.findIndex(d=>d.id===n)}));o.sort((n,d)=>d.index-n.index);for(let{index:n}of o){if(n==-1)continue;let d=n>0&&a[n-1],s=t.indexOf(d?.id)>=0;n===0||s||r(n)}return!1}})).actions(e=>({canMoveElementsUp(t){let r=!1;return e._forEachElementUp(t,()=>{r=!0}),r},moveElementsUp(t){if(!e.editor)return;let r=e.editor.layerHandler.getEffectiveLayers();[...t].map(o=>({id:o,index:r.findIndex(n=>n.id===o)})).filter(o=>o.index!==-1).sort((o,n)=>n.index-o.index).map(o=>o.id).forEach(o=>{e.editor?.layerHandler.bringForward(o)}),e._triggerUpdate()},canMoveElementsTop(t){return this.canMoveElementsUp(t)},moveElementsTop(t){e.editor&&(t.forEach(r=>{e.editor?.layerHandler.bringToFront(r)}),e._triggerUpdate())},canMoveElementsDown(t){let r=!1;return e._forEachElementDown(t,()=>{r=!0}),r},moveElementsDown(t){if(!e.editor)return;let r=e.editor.layerHandler.getEffectiveLayers();[...t].map(o=>({id:o,index:r.findIndex(n=>n.id===o)})).filter(o=>o.index!==-1).sort((o,n)=>o.index-n.index).map(o=>o.id).forEach(o=>{e.editor?.layerHandler.sendBackwards(o)}),e._triggerUpdate()},canMoveElementsBottom(t){return this.canMoveElementsDown(t)},moveElementsBottom(t){e.editor&&(t.forEach(r=>{e.editor?.layerHandler.sendToBack(r)}),e._triggerUpdate())},setElementZIndex(){}})).actions(e=>({async toDataURL(t){return e.editor?.rendererHandler.toDataURL(t)},async toBlob(t){return e.editor?.rendererHandler.toBlob(t)},async saveAsImage(t){if(!e.editor)return;let{fileName:r,...a}=t||{multiplier:1},o=await e.editor.rendererHandler.toBlob(a);o&&u(o,r||"yitu."+a.format)},toJSON(){return e.editor?.rendererHandler.toJSON()},toObject(){return e.editor?.rendererHandler.toObject()},loadJSON:b(function*(t){if(!e.editor)return;let r=yield e.editor.sceneHandler.importFromJSON(t);r&&(e.width=r.width,e.height=r.height,e.backgroundColor=r.fill)}),clear(){}})).actions(e=>({removeFont(t){e.fonts.filter(r=>r.fontFamily===t).forEach(r=>{f(r)})},addFont(t){this.removeFont(t.fontFamily),e.fonts.push(t),this.loadFont(t.fontFamily)},async loadFont(t){let r=e.fonts.find(n=>n.fontFamily===t)||l.find(n=>n.fontFamily===t),o=[{fontStyle:"normal",fontWeight:"normal"},{fontStyle:"normal",fontWeight:"bold"}];return r?(r.styles&&(o=r.styles.map(n=>({fontStyle:n.fontStyle||"normal",fontWeight:n.fontWeight||"normal"}))),p(r)):m(t),Promise.all(o.map(n=>g(t,n.fontStyle,n.fontWeight)))}}));function x({key:e}){return E.create({_key:e})}var v=x;export{h as Font,E as Store,x as createStore,v as default,c as forEveryChild};
+import{a,b,c,d,e,f}from"../chunk-POWRXH5R.js";import"../chunk-P5I43V7X.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";export{b as Font,c as Store,e as createStore,f as default,a as forEveryChild,d as getToken};

package/dist/project.d.ts

@@ -11,6 +11,8 @@ interface ProjectOptions {
     store: StoreType;
 }
 declare class Project {
+    private saveTimeout;
+    private isOne;
     store: StoreType;
     id: string;
     name: string;
@@ -20,6 +22,9 @@ declare class Project {
     status: string;
     language: string;
     designsLength: number;
+    urls: {
+        editorUrl: string;
+    };
     constructor({ store }: ProjectOptions);
     setLanguage(lang: string): void;
     requestSave(): void;

package/dist/project.js

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-ONY3GLGA.js";import"./chunk-WJT6VPDR.js";import"./chunk-O2XFH626.js";export{a as ProjectContext,c as createProject,d as default,b as useProject};
+import{a,b,c,d}from"./chunk-SGK2XN5D.js";import"./chunk-WJT6VPDR.js";import"./chunk-O2XFH626.js";export{a as ProjectContext,c as createProject,d as default,b as useProject};

package/dist/side-panel/background-panel.js

@@ -1 +1 @@
-import{a,b}from"../chunk-XXR5YN2B.js";import"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{b as BackgroundPanel,a as setBackgroundColorsPreset};
+import{a,b}from"../chunk-PSO4W6J7.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{b as BackgroundPanel,a as setBackgroundColorsPreset};

package/dist/side-panel/images-grid.js

@@ -1 +1 @@
-import{a}from"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as ImagesGrid};
+import{a}from"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ImagesGrid};

package/dist/side-panel/index.js

@@ -1 +1 @@
-import{a as r,b as e,c as f,d as m,e as p,f as t,g as x,h as a,i as b,j as c}from"../chunk-WHYEXY5V.js";import"../chunk-ISNCNIFJ.js";import"../chunk-NQYSJ5MN.js";import"../chunk-YLXPQ2GI.js";import"../chunk-4LUZF4CB.js";import"../chunk-R452ARGU.js";import"../chunk-OFA6JIQB.js";import"../chunk-IPOZDTK2.js";import{a as o}from"../chunk-4HH3B3W3.js";import"../chunk-FGCLY24Q.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-XXR5YN2B.js";import"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{t as BackgroundSection,b as DEFAULT_SECTIONS,x as LayersSection,f as PhotosSection,o as SectionTab,m as ShapesSection,c as SidePanel,a as SizeSection,r as TemplatesSection,e as TextSection,p as UploadSection};
+import{a as r,b as e,c as f,d as m,e as p,f as t,g as x,h as a,i as b,j as c}from"../chunk-JUVJJS4T.js";import"../chunk-DGCF2GDA.js";import"../chunk-QWM7VMLQ.js";import"../chunk-5C2MNUBC.js";import{a as o}from"../chunk-4HH3B3W3.js";import"../chunk-HHYPIHAP.js";import"../chunk-IV52R7D7.js";import"../chunk-JPIYZYMQ.js";import"../chunk-MXZ6RXT3.js";import"../chunk-PSO4W6J7.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-5X6VER6G.js";import"../chunk-4LUZF4CB.js";import"../chunk-TS5CKDHH.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{t as BackgroundSection,b as DEFAULT_SECTIONS,x as LayersSection,f as PhotosSection,o as SectionTab,m as ShapesSection,c as SidePanel,a as SizeSection,r as TemplatesSection,e as TextSection,p as UploadSection};

package/dist/side-panel/layers-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-YLXPQ2GI.js";import"../chunk-4LUZF4CB.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as LayersPanel};
+import{a}from"../chunk-5X6VER6G.js";import"../chunk-4LUZF4CB.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as LayersPanel};

package/dist/side-panel/photos-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-R452ARGU.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as PhotosPanel};
+import{a}from"../chunk-TS5CKDHH.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as PhotosPanel};

package/dist/side-panel/shapes-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-OFA6JIQB.js";import"../chunk-MXZ6RXT3.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as ShapesPanel};
+import{a}from"../chunk-DGCF2GDA.js";import"../chunk-MXZ6RXT3.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ShapesPanel};

package/dist/side-panel/side-panel.js

@@ -1 +1 @@
-import{a as b,b as c,c as d,d as e,e as f,f as g,g as h,h as i,i as j,j as k,k as l}from"../chunk-WHYEXY5V.js";import"../chunk-ISNCNIFJ.js";import"../chunk-NQYSJ5MN.js";import"../chunk-YLXPQ2GI.js";import"../chunk-4LUZF4CB.js";import"../chunk-R452ARGU.js";import"../chunk-OFA6JIQB.js";import"../chunk-IPOZDTK2.js";import{a}from"../chunk-4HH3B3W3.js";import"../chunk-FGCLY24Q.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-XXR5YN2B.js";import"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{g as BackgroundSection,j as DEFAULT_SECTIONS,h as LayersSection,d as PhotosSection,a as SectionTab,e as ShapesSection,k as SidePanel,i as SizeSection,b as TemplatesSection,c as TextSection,f as UploadSection,l as default};
+import{a as b,b as c,c as d,d as e,e as f,f as g,g as h,h as i,i as j,j as k,k as l}from"../chunk-JUVJJS4T.js";import"../chunk-DGCF2GDA.js";import"../chunk-QWM7VMLQ.js";import"../chunk-5C2MNUBC.js";import{a}from"../chunk-4HH3B3W3.js";import"../chunk-HHYPIHAP.js";import"../chunk-IV52R7D7.js";import"../chunk-JPIYZYMQ.js";import"../chunk-MXZ6RXT3.js";import"../chunk-PSO4W6J7.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-5X6VER6G.js";import"../chunk-4LUZF4CB.js";import"../chunk-TS5CKDHH.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{g as BackgroundSection,j as DEFAULT_SECTIONS,h as LayersSection,d as PhotosSection,a as SectionTab,e as ShapesSection,k as SidePanel,i as SizeSection,b as TemplatesSection,c as TextSection,f as UploadSection,l as default};

package/dist/side-panel/size-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-IPOZDTK2.js";import"../chunk-5C2MNUBC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as SizePanel};
+import{a}from"../chunk-QWM7VMLQ.js";import"../chunk-5C2MNUBC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as SizePanel};

package/dist/side-panel/templates-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-FGCLY24Q.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as TemplatesPanel};
+import{a}from"../chunk-HHYPIHAP.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as TemplatesPanel};

package/dist/side-panel/text-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-ISNCNIFJ.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as TextPanel};
+import{a}from"../chunk-IV52R7D7.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as TextPanel};

package/dist/side-panel/upload-panel.js

@@ -1 +1 @@
-import{a,b,c}from"../chunk-NQYSJ5MN.js";import"../chunk-OQ6HU62L.js";import"../chunk-FOMWIGAQ.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{b as UploadPanel,c as default,a as setUploadFunc};
+import{a,b,c}from"../chunk-JPIYZYMQ.js";import"../chunk-OQ6HU62L.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{b as UploadPanel,c as default,a as setUploadFunc};

package/dist/toolbar/default-toolbar.js

@@ -1 +1 @@
-import{a,b,c}from"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as BackgroundPicker,b as DefaultToolbar,c as default};
+import{a,b,c}from"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as BackgroundPicker,b as DefaultToolbar,c as default};

package/dist/toolbar/download-button.js

@@ -1 +1 @@
-import{a,b}from"../chunk-HQSM4X2M.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as DownloadButton,b as default};
+import{a,b}from"../chunk-7YLSIB43.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as DownloadButton,b as default};

package/dist/toolbar/duplicate-button.js

@@ -1 +1 @@
-import{a}from"../chunk-INRJE7VS.js";import"../chunk-ARZMBVXU.js";import"../chunk-JMIN2XMC.js";import"../chunk-O2XFH626.js";export{a as DuplicateButton};
+import{a}from"../chunk-J6PYM4EV.js";import"../chunk-YCFED7XQ.js";import"../chunk-JMIN2XMC.js";import"../chunk-O2XFH626.js";export{a as DuplicateButton};

package/dist/toolbar/figure-toolbar.js

@@ -1 +1 @@
-import{a,b,c,d,e}from"../chunk-HD2T2D4D.js";import"../chunk-YOQ663QO.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{b as FigureFill,c as FigureSettings,d as FigureStroke,e as FigureToolbar,a as getFillKey};
+import{a,b,c,d,e}from"../chunk-62YF5KTO.js";import"../chunk-YVBVDUVA.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{b as FigureFill,c as FigureSettings,d as FigureStroke,e as FigureToolbar,a as getFillKey};

package/dist/toolbar/filters-picker.js

@@ -1 +1 @@
-import{a}from"../chunk-YOQ663QO.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as FiltersPicker};
+import{a}from"../chunk-YVBVDUVA.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as FiltersPicker};

package/dist/toolbar/flip-button.js

@@ -1 +1 @@
-import{a}from"../chunk-TYHXQPZQ.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as FlipButton};
+import{a}from"../chunk-TTK5Z2Z6.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as FlipButton};

package/dist/toolbar/group-button.js

@@ -1 +1 @@
-import{a}from"../chunk-KCNKLCD5.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as GroupButton};
+import{a}from"../chunk-T3TEB73P.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as GroupButton};

package/dist/toolbar/history-buttons.js

@@ -1 +1 @@
-import{e as a}from"../chunk-OG4HUTJF.js";import"../chunk-QX7ZGRSR.js";import"../chunk-TNBL7KOG.js";import"../chunk-4BG4CHIB.js";import"../chunk-OA7Z7HNL.js";import"../chunk-KCNKLCD5.js";import"../chunk-LFWKF4C4.js";import"../chunk-TWH7TO5J.js";import"../chunk-4WITBL6X.js";import"../chunk-2PAJLUQH.js";import"../chunk-XRRO2RT7.js";import"../chunk-OBJ5NZSC.js";import"../chunk-INRJE7VS.js";import"../chunk-HD2T2D4D.js";import"../chunk-YOQ663QO.js";import"../chunk-TYHXQPZQ.js";import"../chunk-3TO57JPN.js";import"../chunk-CB23VFSC.js";import"../chunk-IUFYYEGO.js";import"../chunk-HQSM4X2M.js";import"../chunk-MXZ6RXT3.js";import"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-WJT6VPDR.js";import"../chunk-JMIN2XMC.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as HistoryButtons};
+import{e as a}from"../chunk-KKA7WASQ.js";import"../chunk-KVT25LDU.js";import"../chunk-2T3O5ZZ2.js";import"../chunk-NDZKXZQ2.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-O73AAP2K.js";import"../chunk-AC6CCGZH.js";import"../chunk-RSKWMPST.js";import"../chunk-XRRO2RT7.js";import"../chunk-YCJBBRRT.js";import"../chunk-5OA2JYPB.js";import"../chunk-2A3HHQ7X.js";import"../chunk-7YLSIB43.js";import"../chunk-J6PYM4EV.js";import"../chunk-62YF5KTO.js";import"../chunk-YVBVDUVA.js";import"../chunk-TTK5Z2Z6.js";import"../chunk-T3TEB73P.js";import"../chunk-IUFYYEGO.js";import"../chunk-MXZ6RXT3.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-WJT6VPDR.js";import"../chunk-JMIN2XMC.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as HistoryButtons};

package/dist/toolbar/image-eraser-pen.js

@@ -1 +1 @@
-import{a}from"../chunk-TWH7TO5J.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as ImageEraserPen};
+import{a}from"../chunk-O73AAP2K.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ImageEraserPen};

package/dist/toolbar/image-remove-background.js

@@ -1 +1 @@
-import{a}from"../chunk-4WITBL6X.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as ImageRemoveBackground};
+import{a}from"../chunk-AC6CCGZH.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ImageRemoveBackground};

package/dist/toolbar/image-toolbar.js

@@ -1 +1 @@
-import{a,b,c,d,e}from"../chunk-LFWKF4C4.js";import"../chunk-TWH7TO5J.js";import"../chunk-4WITBL6X.js";import"../chunk-YOQ663QO.js";import"../chunk-TYHXQPZQ.js";import"../chunk-3TO57JPN.js";import"../chunk-CB23VFSC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{c as ImageClip,b as ImageCrop,a as ImageFitToBackground,d as ImageToolbar,e as default};
+import{a,b,c,d,e}from"../chunk-NDZKXZQ2.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-O73AAP2K.js";import"../chunk-AC6CCGZH.js";import"../chunk-YVBVDUVA.js";import"../chunk-TTK5Z2Z6.js";import"../chunk-MXZ6RXT3.js";import"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{c as ImageClip,b as ImageCrop,a as ImageFitToBackground,d as ImageToolbar,e as default};

package/dist/toolbar/lock-button.js

@@ -1 +1 @@
-import{a}from"../chunk-2PAJLUQH.js";import"../chunk-ARZMBVXU.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as LockButton};
+import{a}from"../chunk-RSKWMPST.js";import"../chunk-YCFED7XQ.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as LockButton};

package/dist/toolbar/opacity-picker.js

@@ -1 +1 @@
-import{a}from"../chunk-OBJ5NZSC.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as OpacityPicker};
+import{a}from"../chunk-YCJBBRRT.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as OpacityPicker};

package/dist/toolbar/position-picker.js

@@ -1 +1 @@
-import{a}from"../chunk-QX7ZGRSR.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as PositionPicker};
+import{a}from"../chunk-5OA2JYPB.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as PositionPicker};

package/dist/toolbar/remove-button.js

@@ -1 +1 @@
-import{a}from"../chunk-TNBL7KOG.js";import"../chunk-IUFYYEGO.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as RemoveButton};
+import{a}from"../chunk-2A3HHQ7X.js";import"../chunk-IUFYYEGO.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as RemoveButton};

package/dist/toolbar/text-ai-write.js

@@ -1 +1 @@
-import{a}from"../chunk-OA7Z7HNL.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as TextAiWrite};
+import{a}from"../chunk-2T3O5ZZ2.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as TextAiWrite};

package/dist/toolbar/text-toolbar.js

@@ -1 +1 @@
-import{a,b,c}from"../chunk-4BG4CHIB.js";import"../chunk-OA7Z7HNL.js";import"../chunk-YOQ663QO.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-WCHGSVUC.js";import"../chunk-ARZMBVXU.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";export{a as ALIGN_OPTIONS,b as TextToolbar,c as default};
+import{a,b,c}from"../chunk-KVT25LDU.js";import"../chunk-2T3O5ZZ2.js";import"../chunk-YVBVDUVA.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";export{a as ALIGN_OPTIONS,b as TextToolbar,c as default};

package/dist/toolbar/toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as node_modules_styled_components_dist_types from 'node_modules/styled-components/dist/types';
+import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
 import * as react from 'react';
 import { StoreType } from '../model/store.js';
@@ -10,7 +10,7 @@ import '@ydesign/core';
 import '../utils/fonts.js';
 import 'mobx';
 
-declare const NavBarGroup: node_modules_styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const NavBarGroup: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare function registerToolbarComponent(type: string, reactComponent: any): void;
 type ToolbarProps = {
     store: StoreType;

package/dist/toolbar/toolbar.js

@@ -1 +1 @@
-import{a,b,c,d}from"../chunk-OG4HUTJF.js";import"../chunk-QX7ZGRSR.js";import"../chunk-TNBL7KOG.js";import"../chunk-4BG4CHIB.js";import"../chunk-OA7Z7HNL.js";import"../chunk-KCNKLCD5.js";import"../chunk-LFWKF4C4.js";import"../chunk-TWH7TO5J.js";import"../chunk-4WITBL6X.js";import"../chunk-2PAJLUQH.js";import"../chunk-XRRO2RT7.js";import"../chunk-OBJ5NZSC.js";import"../chunk-INRJE7VS.js";import"../chunk-HD2T2D4D.js";import"../chunk-YOQ663QO.js";import"../chunk-TYHXQPZQ.js";import"../chunk-3TO57JPN.js";import"../chunk-CB23VFSC.js";import"../chunk-IUFYYEGO.js";import"../chunk-HQSM4X2M.js";import"../chunk-MXZ6RXT3.js";import"../chunk-N5KI6CPA.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-DCGJ6RKU.js";import"../chunk-7NNOHYKX.js";import"../chunk-ARZMBVXU.js";import"../chunk-WJT6VPDR.js";import"../chunk-JMIN2XMC.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as NavBarGroup,c as Toolbar,d as default,b as registerToolbarComponent};
+import{a,b,c,d}from"../chunk-KKA7WASQ.js";import"../chunk-KVT25LDU.js";import"../chunk-2T3O5ZZ2.js";import"../chunk-NDZKXZQ2.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-O73AAP2K.js";import"../chunk-AC6CCGZH.js";import"../chunk-RSKWMPST.js";import"../chunk-XRRO2RT7.js";import"../chunk-YCJBBRRT.js";import"../chunk-5OA2JYPB.js";import"../chunk-2A3HHQ7X.js";import"../chunk-7YLSIB43.js";import"../chunk-J6PYM4EV.js";import"../chunk-62YF5KTO.js";import"../chunk-YVBVDUVA.js";import"../chunk-TTK5Z2Z6.js";import"../chunk-T3TEB73P.js";import"../chunk-IUFYYEGO.js";import"../chunk-MXZ6RXT3.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-WJT6VPDR.js";import"../chunk-JMIN2XMC.js";import"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as NavBarGroup,c as Toolbar,d as default,b as registerToolbarComponent};

package/dist/topbar/create-design.d.ts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StoreType } from '../model/store.js';
+import { ProjectType } from '../project.js';
 import 'fabric';
 import 'mobx-state-tree/dist/internal';
 import 'mobx-state-tree';
 import '@ydesign/core';
 import '../utils/fonts.js';
 import 'mobx';
+import 'react';
 
 type Size = {
     name: string;
@@ -17,11 +19,12 @@ type Size = {
 };
 interface CreateDesignProps {
     store: StoreType;
+    project: ProjectType;
     visible: boolean;
     onClose: () => void;
     onConfirm: (size: Size) => void;
     mode?: 'create' | 'open';
 }
-declare const CreateDesign: ({ visible, onClose, onConfirm }: CreateDesignProps) => react_jsx_runtime.JSX.Element;
+declare const CreateDesign: ({ project, visible, onClose, onConfirm }: CreateDesignProps) => react_jsx_runtime.JSX.Element;
 
 export { CreateDesign };

package/dist/topbar/create-design.js

@@ -1 +1 @@
-import{a}from"../chunk-EN72YNS7.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-O2XFH626.js";export{a as CreateDesign};
+import{a}from"../chunk-OPXS6VQ6.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-O2XFH626.js";export{a as CreateDesign};

package/dist/topbar/file-menu.js

@@ -1 +1 @@
-import{a}from"../chunk-2XCWXNZD.js";import"../chunk-EN72YNS7.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{a as FileMenu};
+import{a}from"../chunk-A7SUGNOW.js";import"../chunk-OPXS6VQ6.js";import"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as FileMenu};

package/dist/topbar/topbar.js

@@ -1,4 +1,4 @@
-import{a as l}from"../chunk-HQSM4X2M.js";import{a as d}from"../chunk-2XCWXNZD.js";import"../chunk-EN72YNS7.js";import{b as r}from"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import{c as n}from"../chunk-ARZMBVXU.js";import{b as p}from"../chunk-ONY3GLGA.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";import o from"styled-components";import{observer as s}from"mobx-react-lite";import{Input as m,Tooltip as c,Button as f}from"antd";import{CloudUpload as g}from"lucide-react";import{jsx as t,jsxs as i}from"react/jsx-runtime";var h=o("div")`
+import{a as p}from"../chunk-A7SUGNOW.js";import"../chunk-OPXS6VQ6.js";import{a as d}from"../chunk-7YLSIB43.js";import{b as s}from"../chunk-5C2MNUBC.js";import"../chunk-MXZ6RXT3.js";import{c as i}from"../chunk-YCFED7XQ.js";import{b as l}from"../chunk-SGK2XN5D.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";import n from"styled-components";import{observer as f}from"mobx-react-lite";import{Input as m,Tooltip as x,Button as y,theme as h}from"antd";import{CloudUpload as c,Loader as v,Check as u}from"lucide-react";import{jsx as t,jsxs as a}from"react/jsx-runtime";var w=n("div")`
   white-space: nowrap;
   height: 50px;
   padding: 0 15px;
@@ -11,18 +11,18 @@ import{a as l}from"../chunk-HQSM4X2M.js";import{a as d}from"../chunk-2XCWXNZD.js
     overflow-y: hidden;
     max-width: 100vw;
   }
-`,v=o("div")`
+`,b=n("div")`
   @media screen and (max-width: 500px) {
     display: flex;
   }
-`,x=o("div")`
+`,N=n("div")`
   float: left;
   display: flex;
   align-items: center;
   height: 50px;
-`,y=o("div")`
+`,T=n("div")`
   float: right;
   display: flex;
   align-items: center;
   height: 50px;
-`,u=s(({project:e})=>(console.log(e.status),t(c,{title:"\u4FDD\u5B58\u4F5C\u56FE\u8BB0\u5F55",children:t(f,{type:"text",style:{marginLeft:14},icon:t(g,{size:16,style:{display:"flex"}}),children:"Save"})}))),z=s(({store:e})=>{let a=p();return t(h,{className:"topbar border-b-1 border-b-gray-200",children:i(v,{children:[i(x,{children:[i("div",{style:{display:"flex",alignItems:"center",gap:10,paddingRight:16,paddingLeft:16,userSelect:"none"},children:[t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("rect",{width:"20",height:"20",fill:"rgb(22, 119, 255)"})}),t("span",{style:{fontWeight:500,fontSize:20,lineHeight:"100%",letterSpacing:.25},children:"Ydesign"})]}),t(d,{store:e,project:a}),t("div",{style:{paddingLeft:10,maxWidth:200},children:t(m,{placeholder:n("topbar.editableTextPlaceholder")})}),i("div",{style:{paddingLeft:16,fontSize:14},className:"text-gray-600",children:[r({px:e.width,unit:e.unit,dpi:e.dpi,precious:0})," x"," ",r({px:e.height,unit:e.unit,dpi:e.dpi,precious:0})," ",e.unit]}),t(u,{project:a})]}),t(y,{children:t(l,{store:e})})]})})});export{z as Topbar};
+`,g={loading:{icon:t(c,{size:16,style:{display:"flex",animation:"spin 1s linear infinite"}}),textKey:"topbar.statusLoading"},saved:{icon:t(u,{size:16,style:{display:"flex",color:"#52c41a"}}),textKey:"topbar.statusSaved",color:"#52c41a"},"has-changes":{icon:t(c,{size:16,style:{display:"flex",color:"#faad14"}}),textKey:"topbar.statusHasChanges",color:"#faad14"},saving:{icon:t(v,{size:16,style:{display:"flex",animation:"spin 1s linear infinite"}}),textKey:"topbar.statusSaving"}},S=f(({project:e})=>{let o=g[e.status]||g.saved;return t(x,{title:i(o.textKey),children:t(y,{type:"text",style:{marginLeft:14,color:o.color},icon:o.icon,onClick:()=>{(e.status==="loading"||e.status==="saved")&&e.save()},children:i(o.textKey)})})}),P=f(({store:e})=>{let o=l(),{token:r}=h.useToken();return t(w,{className:"topbar",style:{backgroundColor:r.colorBgContainer,color:r.colorText,borderBottom:`1px solid ${r.colorBorder}`},children:a(b,{children:[a(N,{children:[a("div",{style:{display:"flex",alignItems:"center",gap:10,paddingRight:16,paddingLeft:16,userSelect:"none"},children:[t("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("rect",{width:"20",height:"20",fill:"rgb(22, 119, 255)"})}),t("span",{style:{fontWeight:500,fontSize:20,lineHeight:"100%",letterSpacing:.25},children:"Ydesign"})]}),t(p,{store:e,project:o}),t("div",{style:{paddingLeft:10,maxWidth:200},children:t(m,{placeholder:i("topbar.editableTextPlaceholder")})}),a("div",{style:{paddingLeft:16,fontSize:14},className:"text-gray-600",children:[s({px:e.width,unit:e.unit,dpi:e.dpi,precious:0})," x"," ",s({px:e.height,unit:e.unit,dpi:e.dpi,precious:0})," ",e.unit]}),t(S,{project:o})]}),t(T,{children:t(d,{store:e})})]})})});export{P as Topbar};

package/dist/utils/api.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 后台的接口汇总
+ */
+declare const URL = "https://api.yitupic.com";
+declare const API = "https://api.yitupic.com/api";
+declare const getAPI: () => string;
+declare const URLS: Record<string, (...args: any[]) => string>;
+declare const getFontList: () => string;
+declare const templateList: () => string;
+declare const templateDetail: (id: string) => string;
+declare const uploadImage: () => string;
+declare const setAPI: (o: string, t: (...args: any[]) => string) => void;
+
+export { API, URL, URLS, getAPI, getFontList, setAPI, templateDetail, templateList, uploadImage };

package/dist/utils/api.js

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i}from"../chunk-TTHQXTIX.js";import"../chunk-O2XFH626.js";export{b as API,a as URL,d as URLS,c as getAPI,e as getFontList,i as setAPI,g as templateDetail,f as templateList,h as uploadImage};

package/dist/utils/l10n.d.ts

@@ -211,6 +211,10 @@ declare const getTranslations: () => {
         newDesign: string;
         language: string;
         editableTextPlaceholder: string;
+        statusLoading: string;
+        statusSaved: string;
+        statusHasChanges: string;
+        statusSaving: string;
     };
 };
 /**

package/dist/utils/l10n.js

@@ -1 +1 @@
-import{a,b,c}from"../chunk-ARZMBVXU.js";import"../chunk-O2XFH626.js";export{b as getTranslations,a as setTranslations,c as translate};
+import{a,b,c}from"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{b as getTranslations,a as setTranslations,c as translate};

package/dist/utils/use-api.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/utils/use-axios.d.ts

@@ -0,0 +1,5 @@
+import * as axios from 'axios';
+
+declare const instance: axios.AxiosInstance;
+
+export { instance as default };

package/dist/utils/use-axios.js

@@ -0,0 +1 @@
+import{d as o}from"../chunk-POWRXH5R.js";import"../chunk-P5I43V7X.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";import a from"axios";var t=a.create({timeout:6e4});t.interceptors.request.use(e=>{let r=o();return r.value&&(e.headers.Authorization=`Bearer ${r.value}`),e},e=>Promise.reject(e));t.interceptors.response.use(e=>{let{data:r}=e;if(r&&r.statusCode&&r.statusCode<=201)return r;let s=new Error(e.data.message||"An error occurred");return Promise.reject(s)},e=>Promise.reject(e));var i=t;export{i as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ydesign/react-editor",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "设计编辑器UI组件库，基于react版本",
   "main": "dist/app.js",
   "module": "dist/app.js",
@@ -83,38 +83,44 @@
   },
   "author": "junhaoliao",
   "peerDependencies": {
+    "antd": "^6.3.1",
+    "mobx": "^6.15.0",
+    "mobx-react-lite": "^4.1.1",
+    "mobx-state-tree": "^6.0.1",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-sortablejs": "^6.1.4",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@types/react-window": "^1.8.8",
+    "antd": "^6.3.1",
     "autoprefixer": "^10.4.23",
+    "mobx": "^6.15.0",
+    "mobx-react-lite": "^4.1.1",
+    "mobx-state-tree": "^6.0.1",
     "postcss": "^8.5.6",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-sortablejs": "^6.1.4",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3"
   },
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "antd": "^6.3.1",
+    "axios": "^1.13.6",
     "clsx": "^2.1.1",
     "es-toolkit": "^1.44.0",
     "lucide-react": "^0.553.0",
-    "mobx": "^6.15.0",
-    "mobx-react-lite": "^4.1.1",
-    "mobx-state-tree": "^6.0.1",
     "react-overflow-list": "^0.5.0",
-    "react-sortablejs": "^6.1.4",
     "react-window": "^1.8.11",
-    "styled-components": "^6.1.19",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.17",
     "tw-animate-css": "^1.4.0",
-    "@ydesign/core": "^0.0.6"
+    "@ydesign/core": "^0.0.7"
   },
   "browserslist": [
     "> 0.5%",