@ydesign/react-editor 0.0.2 → 0.0.3

package/dist/side-panel/images-grid.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FabricObject } from '@ydesign/core';
+
+type Props<ImageType> = {
+    images: ImageType[] | undefined;
+    onSelect: (image: ImageType, pos?: {
+        x: number;
+        y: number;
+    }, element?: FabricObject | undefined, event?: any) => void;
+    isLoading: boolean;
+    getPreview: (image: ImageType) => string;
+    loadMore?: false | undefined | null | (() => void);
+    getCredit?: (image: ImageType) => any;
+    getImageClassName?: (image: ImageType) => string;
+    rowsNumber?: number;
+    crossOrigin?: string;
+    shadowEnabled?: boolean;
+    itemHeight?: number;
+    error?: any;
+    hideNoResults?: boolean;
+};
+declare const ImagesGrid: <ImageType>({ images, rowsNumber, isLoading, getPreview, getCredit, getImageClassName, onSelect, crossOrigin, shadowEnabled, itemHeight, error, hideNoResults, }: Props<ImageType>) => react_jsx_runtime.JSX.Element;
+
+export { ImagesGrid };

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

@@ -0,0 +1,41 @@
+import{c as w}from"../chunk-WCHGSVUC.js";import"../chunk-O2XFH626.js";import a from"styled-components";import{useRef as v,useEffect as O}from"react";import{Spin as $}from"antd";import{jsx as o,jsxs as u}from"react/jsx-runtime";var D=a.div`
+  height: 100%;
+  overflow: auto;
+`,W=a.div`
+  width: 33%;
+  float: left;
+`,j=a.div`
+  padding: 6px;
+  width: 100%;
+  &:hover .credit {
+    opacity: 1;
+  }
+  ${w(".credit {opacity: 1;}")}
+`,P=a.div`
+  border-radius: 5px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: ${e=>e.$dataShadowenabled?"0 0 5px rgba(16, 22, 26, 0.3)":""};
+`,z=a.img`
+  width: 100%;
+  cursor: pointer;
+  display: block;
+  max-height: 300px;
+  min-height: 50px;
+  object-fit: contain;
+`,F=a.div`
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  font-size: 10px;
+  padding: 3px;
+  padding-top: 10px;
+  text-align: center;
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
+  width: 100%;
+  opacity: 0;
+  color: white;
+`,I=a.p`
+  text-align: center;
+  padding: 30px;
+`,H=({url:e,onSelect:d,shadowEnabled:i,className:g,itemHeight:r,crossOrigin:s,onLoad:m,credit:l})=>o(j,{className:"ydesign-close-panel",onClick:d,children:u(P,{$dataShadowenabled:i,children:[o(z,{className:g,style:{height:r??"auto "},src:e,draggable:!0,loading:"lazy",crossOrigin:s,onLoad:m}),l&&o(F,{className:"credit",children:l})]})}),B=({images:e,rowsNumber:d,isLoading:i,getPreview:g,getCredit:r,getImageClassName:s,onSelect:m,crossOrigin:l="anonymous",shadowEnabled:x,itemHeight:N,error:b,hideNoResults:S=!1})=>{let p=d||2,T=v(null),y=[];for(let t=0;t<p;t++)y.push((e||[]).filter((h,n)=>n%p===t));let c=v(null),f=()=>{},R=()=>{f()};return O(()=>(f(),()=>{c.current&&(window.clearTimeout(c.current),c.current=null)}),[e?.length,i]),u(D,{ref:T,onScroll:t=>{console.log(t)},children:[y.map((t,h)=>u(W,{style:{width:100/p+"%"},children:[t.map((n,C)=>o(H,{image:n,url:g(n),onSelect:(L,k,E)=>{m(n,L,k,E)},credit:r&&r(n),crossOrigin:l,shadowEnabled:x,itemHeight:N,className:s&&s(n),onLoad:R},C)),i&&o("div",{style:{padding:30},children:o($,{})})]},h)),!i&&(!e||!e.length)&&!b&&!S&&o(I,{children:"No results found"}),b&&o(I,{children:"Loading is failed..."})]})};export{B 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-XDLFQXMN.js";import"../chunk-JWQ2DUXA.js";import"../chunk-WIM26GEM.js";import{a as o}from"../chunk-LW2W4B2N.js";import"../chunk-QJBRJELT.js";import"../chunk-6LFGFFHI.js";import"../chunk-DBQHEZPG.js";import"../chunk-TX4BNXQC.js";import"../chunk-M33EDDXB.js";import"../chunk-DJBTBRPS.js";import"../chunk-55FJG4FK.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-LHQI6WDJ.js";import"../chunk-MCBL6QAP.js";import"../chunk-WIM26GEM.js";import{a as o}from"../chunk-LW2W4B2N.js";import"../chunk-QJBRJELT.js";import"../chunk-6LFGFFHI.js";import"../chunk-DBQHEZPG.js";import"../chunk-MXZ6RXT3.js";import"../chunk-TX4BNXQC.js";import"../chunk-WCHGSVUC.js";import"../chunk-M33EDDXB.js";import"../chunk-DJBTBRPS.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.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/shapes-panel.js

@@ -1 +1 @@
-import{a}from"../chunk-55FJG4FK.js";import"../chunk-O2XFH626.js";export{a as ShapesPanel};
+import{a}from"../chunk-MCBL6QAP.js";import"../chunk-MXZ6RXT3.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.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-XDLFQXMN.js";import"../chunk-JWQ2DUXA.js";import"../chunk-WIM26GEM.js";import{a}from"../chunk-LW2W4B2N.js";import"../chunk-QJBRJELT.js";import"../chunk-6LFGFFHI.js";import"../chunk-DBQHEZPG.js";import"../chunk-TX4BNXQC.js";import"../chunk-M33EDDXB.js";import"../chunk-DJBTBRPS.js";import"../chunk-55FJG4FK.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-LHQI6WDJ.js";import"../chunk-MCBL6QAP.js";import"../chunk-WIM26GEM.js";import{a}from"../chunk-LW2W4B2N.js";import"../chunk-QJBRJELT.js";import"../chunk-6LFGFFHI.js";import"../chunk-DBQHEZPG.js";import"../chunk-MXZ6RXT3.js";import"../chunk-TX4BNXQC.js";import"../chunk-WCHGSVUC.js";import"../chunk-M33EDDXB.js";import"../chunk-DJBTBRPS.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.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/toolbar/default-toolbar.js

@@ -1 +1 @@
-import{a,b}from"../chunk-XZAP76LL.js";import"../chunk-3HQUN5MA.js";import"../chunk-OQ6HU62L.js";import"../chunk-E7ZSWHPU.js";import"../chunk-JWQ2DUXA.js";import"../chunk-O2XFH626.js";export{a as DefaultToolbar,b as default};
+import{a,b}from"../chunk-ZVWJRZOZ.js";import"../chunk-OQ6HU62L.js";import"../chunk-YRJUN267.js";import"../chunk-RVXI723F.js";import"../chunk-WCHGSVUC.js";import"../chunk-O2XFH626.js";export{a as DefaultToolbar,b as default};

package/dist/toolbar/element-container.js

@@ -1 +1 @@
-import{a,b}from"../chunk-3HQUN5MA.js";import"../chunk-JWQ2DUXA.js";import"../chunk-O2XFH626.js";export{b as ElementContainer,a as extendToolbar};
+import{a,b}from"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-O2XFH626.js";export{b as ElementContainer,a as extendToolbar};

package/dist/toolbar/figure-toolbar.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StoreType } from '../model/store.js';
+import { FabricObject } from '@ydesign/core';
+import 'mobx-state-tree';
+
+type Props = {
+    store: StoreType;
+    components?: any;
+};
+type ButtonProps = {
+    element?: FabricObject;
+    store: StoreType;
+    elements: FabricObject[];
+};
+declare const getFillKey: (fill: any) => string;
+declare const FigureFill: (({ store, elements }: ButtonProps) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+declare const FigureSettings: (({ store, element }: ButtonProps) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+declare const FigureStroke: (({ store, elements }: ButtonProps) => react_jsx_runtime.JSX.Element | null) & {
+    displayName: string;
+};
+declare const FigureToolbar: (({ store, components }: Props) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { FigureFill, FigureSettings, FigureStroke, FigureToolbar, getFillKey };

package/dist/toolbar/figure-toolbar.js

@@ -0,0 +1 @@
+import{a,b,c,d,e}from"../chunk-CRTMZEJE.js";import"../chunk-YRJUN267.js";import"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-WCHGSVUC.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-V5RJX32O.js";import"../chunk-E7ZSWHPU.js";import"../chunk-O2XFH626.js";export{a as FiltersPicker};
+import{a}from"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-O2XFH626.js";export{a as FiltersPicker};

package/dist/toolbar/flip-button.js

@@ -1 +1 @@
-import{a}from"../chunk-GMISU6MD.js";import"../chunk-O2XFH626.js";export{a as FlipButton};
+import{a}from"../chunk-CS6Z4TQU.js";import"../chunk-O2XFH626.js";export{a as FlipButton};

package/dist/toolbar/group-button.js

@@ -1 +1 @@
-import{a}from"../chunk-V6ZZKUTN.js";import"../chunk-O2XFH626.js";export{a as GroupButton};
+import{a}from"../chunk-4FFLRF6N.js";import"../chunk-O2XFH626.js";export{a as GroupButton};

package/dist/toolbar/history-buttons.js

@@ -1 +1 @@
-import{e as a}from"../chunk-7LU5UGIG.js";import"../chunk-R6Z6F447.js";import"../chunk-TE6HYOIP.js";import"../chunk-FIAIYSJ7.js";import"../chunk-5MWZMSER.js";import"../chunk-2AWYWIIK.js";import"../chunk-U7HIFGXC.js";import"../chunk-GYDTKPW5.js";import"../chunk-XRRO2RT7.js";import"../chunk-JW76IC3E.js";import"../chunk-MNACXCF5.js";import"../chunk-XZAP76LL.js";import"../chunk-B35ZYWID.js";import"../chunk-H67HTXU4.js";import"../chunk-3HQUN5MA.js";import"../chunk-V5RJX32O.js";import"../chunk-GMISU6MD.js";import"../chunk-V6ZZKUTN.js";import"../chunk-OQ6HU62L.js";import"../chunk-EMAFC3HG.js";import"../chunk-E7ZSWHPU.js";import"../chunk-IUFYYEGO.js";import"../chunk-JWQ2DUXA.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-YVRHDXYK.js";import"../chunk-MNACXCF5.js";import"../chunk-R6Z6F447.js";import"../chunk-6BG6R2IO.js";import"../chunk-PSXS4WMN.js";import"../chunk-4FFLRF6N.js";import"../chunk-RFPYC6DZ.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-M4S26KQG.js";import"../chunk-EOBIVNFF.js";import"../chunk-GYDTKPW5.js";import"../chunk-XRRO2RT7.js";import"../chunk-3TTTJUTT.js";import"../chunk-ZVWJRZOZ.js";import"../chunk-OQ6HU62L.js";import"../chunk-B35ZYWID.js";import"../chunk-H67HTXU4.js";import"../chunk-CRTMZEJE.js";import"../chunk-YRJUN267.js";import"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-CS6Z4TQU.js";import"../chunk-IUFYYEGO.js";import"../chunk-MXZ6RXT3.js";import"../chunk-WCHGSVUC.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.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.d.ts

@@ -1,5 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FabricImage } from '@ydesign/core';
 
-declare const ImageEraserPen: () => react_jsx_runtime.JSX.Element;
+declare const ImageEraserPen: ({ element }: {
+    element: FabricImage;
+}) => react_jsx_runtime.JSX.Element;
 
 export { ImageEraserPen };

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

@@ -1 +1 @@
-import{a}from"../chunk-2AWYWIIK.js";import"../chunk-O2XFH626.js";export{a as ImageEraserPen};
+import{a}from"../chunk-M4S26KQG.js";import"../chunk-O2XFH626.js";export{a as ImageEraserPen};

package/dist/toolbar/image-remove-background.d.ts

@@ -1,5 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FabricImage } from '@ydesign/core';
 
-declare const ImageRemoveBackground: () => react_jsx_runtime.JSX.Element;
+declare const ImageRemoveBackground: ({ element }: {
+    element: FabricImage;
+}) => react_jsx_runtime.JSX.Element;
 
 export { ImageRemoveBackground };

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

@@ -1 +1 @@
-import{a}from"../chunk-U7HIFGXC.js";import"../chunk-O2XFH626.js";export{a as ImageRemoveBackground};
+import{a}from"../chunk-EOBIVNFF.js";import"../chunk-O2XFH626.js";export{a as ImageRemoveBackground};

package/dist/toolbar/image-toolbar.d.ts

@@ -11,10 +11,16 @@ declare const ImageFitToBackground: ({ element, store }: {
     element: FabricImage;
     store: StoreType;
 }) => react_jsx_runtime.JSX.Element;
-declare const ImageCrop: (() => react_jsx_runtime.JSX.Element) & {
+declare const ImageCrop: (({ element, store }: {
+    element: FabricImage;
+    store: StoreType;
+}) => react_jsx_runtime.JSX.Element) & {
     displayName: string;
 };
-declare const ImageClip: (() => react_jsx_runtime.JSX.Element) & {
+declare const ImageClip: (({ element, store }: {
+    element: FabricImage;
+    store: StoreType;
+}) => react_jsx_runtime.JSX.Element) & {
     displayName: string;
 };
 declare const ImageToolbar: (({ store, components }: Props) => react_jsx_runtime.JSX.Element) & {

package/dist/toolbar/image-toolbar.js

@@ -1 +1 @@
-import{a,b,c,d,e}from"../chunk-5MWZMSER.js";import"../chunk-2AWYWIIK.js";import"../chunk-U7HIFGXC.js";import"../chunk-3HQUN5MA.js";import"../chunk-V5RJX32O.js";import"../chunk-GMISU6MD.js";import"../chunk-EMAFC3HG.js";import"../chunk-E7ZSWHPU.js";import"../chunk-JWQ2DUXA.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-RFPYC6DZ.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-M4S26KQG.js";import"../chunk-EOBIVNFF.js";import"../chunk-YRJUN267.js";import"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-CS6Z4TQU.js";import"../chunk-MXZ6RXT3.js";import"../chunk-WCHGSVUC.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.js";import"../chunk-O2XFH626.js";export{c as ImageClip,b as ImageCrop,a as ImageFitToBackground,d as ImageToolbar,e as default};

package/dist/toolbar/opacity-picker.js

@@ -1 +1 @@
-import{a}from"../chunk-JW76IC3E.js";import"../chunk-O2XFH626.js";export{a as OpacityPicker};
+import{a}from"../chunk-3TTTJUTT.js";import"../chunk-O2XFH626.js";export{a as OpacityPicker};

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

@@ -1 +1 @@
-import{a}from"../chunk-FIAIYSJ7.js";import"../chunk-O2XFH626.js";export{a as TextAiWrite};
+import{a}from"../chunk-PSXS4WMN.js";import"../chunk-O2XFH626.js";export{a as TextAiWrite};

package/dist/toolbar/text-toolbar.js

@@ -1 +1 @@
-import{a,b,c}from"../chunk-TE6HYOIP.js";import"../chunk-FIAIYSJ7.js";import"../chunk-3HQUN5MA.js";import"../chunk-V5RJX32O.js";import"../chunk-E7ZSWHPU.js";import"../chunk-JWQ2DUXA.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-6BG6R2IO.js";import"../chunk-PSXS4WMN.js";import"../chunk-YRJUN267.js";import"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-WCHGSVUC.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,12 +1,12 @@
 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';
 import 'mobx-state-tree';
 import '@ydesign/core';
 
-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-7LU5UGIG.js";import"../chunk-R6Z6F447.js";import"../chunk-TE6HYOIP.js";import"../chunk-FIAIYSJ7.js";import"../chunk-5MWZMSER.js";import"../chunk-2AWYWIIK.js";import"../chunk-U7HIFGXC.js";import"../chunk-GYDTKPW5.js";import"../chunk-XRRO2RT7.js";import"../chunk-JW76IC3E.js";import"../chunk-MNACXCF5.js";import"../chunk-XZAP76LL.js";import"../chunk-B35ZYWID.js";import"../chunk-H67HTXU4.js";import"../chunk-3HQUN5MA.js";import"../chunk-V5RJX32O.js";import"../chunk-GMISU6MD.js";import"../chunk-V6ZZKUTN.js";import"../chunk-OQ6HU62L.js";import"../chunk-EMAFC3HG.js";import"../chunk-E7ZSWHPU.js";import"../chunk-IUFYYEGO.js";import"../chunk-JWQ2DUXA.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-YVRHDXYK.js";import"../chunk-MNACXCF5.js";import"../chunk-R6Z6F447.js";import"../chunk-6BG6R2IO.js";import"../chunk-PSXS4WMN.js";import"../chunk-4FFLRF6N.js";import"../chunk-RFPYC6DZ.js";import"../chunk-CB23VFSC.js";import"../chunk-3TO57JPN.js";import"../chunk-M4S26KQG.js";import"../chunk-EOBIVNFF.js";import"../chunk-GYDTKPW5.js";import"../chunk-XRRO2RT7.js";import"../chunk-3TTTJUTT.js";import"../chunk-ZVWJRZOZ.js";import"../chunk-OQ6HU62L.js";import"../chunk-B35ZYWID.js";import"../chunk-H67HTXU4.js";import"../chunk-CRTMZEJE.js";import"../chunk-YRJUN267.js";import"../chunk-4HEMGHOQ.js";import"../chunk-RVXI723F.js";import"../chunk-CS6Z4TQU.js";import"../chunk-IUFYYEGO.js";import"../chunk-MXZ6RXT3.js";import"../chunk-WCHGSVUC.js";import"../chunk-NX3CGW6Q.js";import"../chunk-7NNOHYKX.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/toolbar/zoom-buttons.js

@@ -3,10 +3,10 @@ import"../chunk-O2XFH626.js";import{observer as S}from"mobx-react-lite";import m
   height: 0px;
 `,k=m.div`
   position: absolute;
-  bottom: 10px;
+  bottom: 20px;
   width: auto;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 5px;
   overflow: hidden;
-`,i=[.1,.25,.5,.75,1,1.5,2,3],y=i[i.length-1],b=i[0],v=S(({store:t})=>{let p=Math.max(y,t.scaleToFit),s=Math.min(b,t.scaleToFit),d=t.scale<p,c=t.scale>s,u=i.map((r,C)=>({key:C,label:o("div",{style:{minWidth:80,textAlign:"center"},onClick:()=>{t.editor?.zoomHandler.zoomToRatio(r)},children:`${Math.round(100*r)}%`})}));return n(B,{children:[n(a.Compact,{children:[o(e,{disabled:!c,onClick:()=>t.editor?.zoomHandler.zoomOut(),children:o(f,{size:16})}),o(M,{menu:{items:u},placement:"top",children:n(e,{children:[Math.round(100*t.scale),"%"]})}),o(e,{disabled:!d,onClick:()=>t.editor?.zoomHandler.zoomIn(),children:o(h,{size:16})})]}),n(a.Compact,{style:{marginLeft:10},children:[o(l,{title:"\u9002\u5408\u5C4F\u5E55",children:o(e,{onClick:()=>t.editor?.workareaHandler.auto(),children:o(x,{size:16})})}),o(l,{title:"\u586B\u6EE1\u5C4F\u5E55",children:o(e,{onClick:()=>t.editor?.workareaHandler.one(),children:o(z,{size:16})})})]})]})}),A=({store:t})=>o(T,{children:o(k,{children:o(v,{store:t})})}),E=A;export{A as ZoomButtons,v as ZoomGroup,E as default};
+`,i=[.1,.25,.5,.75,1,1.5,2,3],y=i[i.length-1],b=i[0],v=S(({store:t})=>{let p=Math.max(y,t.scaleToFit),s=Math.min(b,t.scaleToFit),d=t.scale<p,c=t.scale>s,u=i.map((r,C)=>({key:C,label:o("div",{style:{minWidth:80,textAlign:"center"},onClick:()=>{t.editor?.zoomHandler.zoomToRatio(r)},children:`${Math.round(100*r)}%`})}));return n(B,{children:[n(a.Compact,{children:[o(e,{disabled:!c,onClick:()=>t.editor?.zoomHandler.zoomIn(),children:o(f,{size:16})}),o(M,{menu:{items:u},placement:"top",children:n(e,{children:[Math.round(100*t.scale),"%"]})}),o(e,{disabled:!d,onClick:()=>t.editor?.zoomHandler.zoomOut(),children:o(h,{size:16})})]}),n(a.Compact,{style:{marginLeft:10},children:[o(l,{title:"\u9002\u5408\u5C4F\u5E55",children:o(e,{onClick:()=>t.editor?.workareaHandler.auto(),children:o(x,{size:16})})}),o(l,{title:"\u586B\u6EE1\u5C4F\u5E55",children:o(e,{onClick:()=>t.editor?.workareaHandler.one(),children:o(z,{size:16})})})]})]})}),A=({store:t})=>o(T,{children:o(k,{children:o(v,{store:t})})}),E=A;export{A as ZoomButtons,v as ZoomGroup,E as default};

package/dist/topbar/file-menu.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StoreType } from '../model/store.js';
+import 'mobx-state-tree';
+import '@ydesign/core';
+
+declare const FileMenu: ({ store }: {
+    store: StoreType;
+}) => react_jsx_runtime.JSX.Element;
+
+export { FileMenu };

package/dist/topbar/file-menu.js

@@ -0,0 +1 @@
+import{a}from"../chunk-LCOWX5JR.js";import"../chunk-O2XFH626.js";export{a as FileMenu};

package/dist/topbar/topbar.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StoreType } from '../model/store.js';
+import 'mobx-state-tree';
+import '@ydesign/core';
+
+declare const Topbar: (({ store }: {
+    store: StoreType;
+}) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { Topbar };

package/dist/topbar/topbar.js

@@ -0,0 +1,28 @@
+import{a as n}from"../chunk-B35ZYWID.js";import{a}from"../chunk-LCOWX5JR.js";import{b as r}from"../chunk-KLZXBPXI.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";import o from"styled-components";import{observer as p}from"mobx-react-lite";import{Divider as l,Input as s,Tooltip as g,Button as m}from"antd";import{CloudUpload as h}from"lucide-react";import{jsx as t,jsxs as i}from"react/jsx-runtime";var v=o("div")`
+  white-space: nowrap;
+  height: 50px;
+  padding: 0 15px;
+  position: relative;
+  width: 100%;
+  z-index: 10;
+
+  @media screen and (max-width: 500px) {
+    overflow-x: auto;
+    overflow-y: hidden;
+    max-width: 100vw;
+  }
+`,f=o("div")`
+  @media screen and (max-width: 500px) {
+    display: flex;
+  }
+`,c=o("div")`
+  float: left;
+  display: flex;
+  align-items: center;
+  height: 50px;
+`,x=o("div")`
+  float: right;
+  display: flex;
+  align-items: center;
+  height: 50px;
+`,y=p(({project:e})=>(console.log(e.status),t(g,{title:"\u4FDD\u5B58\u4F5C\u56FE\u8BB0\u5F55",children:t(m,{type:"text",style:{marginLeft:16},icon:t(h,{size:16,style:{display:"flex"}}),children:"Save"})}))),L=p(({store:e})=>{let d=r();return t(v,{className:"topbar border-b-1 border-b-gray-200",children:i(f,{children:[i(c,{children:[i("div",{style:{display:"flex",alignItems:"center",gap:10,paddingRight:8,paddingLeft:16},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:"blue"})}),t("span",{style:{fontWeight:500,fontSize:20,lineHeight:"100%",letterSpacing:.25},children:"Ydesign"})]}),t(l,{orientation:"vertical"}),t(a,{store:e}),t("div",{style:{paddingLeft:10,maxWidth:200},children:t(s,{placeholder:"Design name"})}),i("div",{style:{paddingLeft:16},className:"text-gray-600",children:[e.width," x ",e.height," px"]}),t(y,{project:d})]}),t(x,{children:t(n,{store:e})})]})})});export{L as Topbar};

package/dist/utils/figure-to-svg.d.ts

@@ -0,0 +1,36 @@
+interface SizeParams {
+    width: number;
+    height: number;
+}
+interface RectParams extends SizeParams {
+    cornerRadius?: number;
+}
+interface FigureParams extends SizeParams {
+    id?: string;
+    fill: string;
+    stroke: string;
+    strokeWidth: number;
+    dash?: number[];
+    subType: string;
+    cornerRadius?: number;
+}
+type PathResult = string | {
+    path: string;
+    scaleX: number;
+    scaleY: number;
+};
+type PathDataFunc = (params: FigureParams) => PathResult;
+declare const rectData: ({ width, height, cornerRadius }: RectParams) => string;
+declare const circleData: ({ width, height }: SizeParams) => string;
+declare function starPath({ width: t, height: h }: SizeParams): string;
+declare const triangleData: ({ width: t, height: h }: SizeParams) => string;
+declare const rightTriangleData: ({ width: t, height: h }: SizeParams) => string;
+declare function diamondPath({ width: t, height: h }: SizeParams): string;
+declare function pentagonPath({ width: t, height: h }: SizeParams): string;
+declare function hexagonPath({ width: t, height: h }: SizeParams): string;
+declare function speechBubblePath({ width: t, height: h }: SizeParams): string;
+declare function crossPath({ width: t, height: h }: SizeParams): string;
+declare const TYPES: Record<string, PathDataFunc>;
+declare function figureToSvg(params: FigureParams): string;
+
+export { TYPES, circleData, crossPath, diamondPath, figureToSvg, hexagonPath, pentagonPath, rectData, rightTriangleData, speechBubblePath, starPath, triangleData };

package/dist/utils/figure-to-svg.js

@@ -0,0 +1 @@
+import{a,b,c,d,e,f,g,h,i,j,k,l}from"../chunk-7NNOHYKX.js";import"../chunk-O2XFH626.js";export{k as TYPES,b as circleData,j as crossPath,f as diamondPath,l as figureToSvg,h as hexagonPath,g as pentagonPath,a as rectData,e as rightTriangleData,i as speechBubblePath,c as starPath,d as triangleData};

package/dist/utils/image.d.ts

@@ -3,11 +3,17 @@ type Size = {
     width: number;
     height: number;
 };
-declare function getCrop(elementSize: Size, originalImageSize: Size): {
+/**
+ * 计算图片适配到目标尺寸的裁剪参数（Cover 模式，居中裁剪）
+ * @param targetSize 目标尺寸（画布/workarea）
+ * @param imageSize 原始图片尺寸
+ * @returns Fabric.js v6 裁剪参数（像素值）
+ */
+declare function getCrop(targetSize: Size, imageSize: Size): {
     cropX: number;
     cropY: number;
-    cropWidth: number;
-    cropHeight: number;
+    width: number;
+    height: number;
 };
 
 export { getCrop, getImageSize };

package/dist/utils/image.js

@@ -1 +1 @@
-import{a,b}from"../chunk-EMAFC3HG.js";import"../chunk-O2XFH626.js";export{b as getCrop,a as getImageSize};
+import{a,b}from"../chunk-3TO57JPN.js";import"../chunk-O2XFH626.js";export{b as getCrop,a as getImageSize};

package/dist/utils/index.js

@@ -1 +1 @@
-import{a,b,c,d}from"../chunk-E7ZSWHPU.js";import"../chunk-O2XFH626.js";export{a as convertFillToPickerValue,c as getJSONFontFamily,b as getRandomColor,d as isVectorShape};
+import{a,b,c,d}from"../chunk-RVXI723F.js";import"../chunk-O2XFH626.js";export{a as convertFillToPickerValue,c as getJSONFontFamily,b as getRandomColor,d as isVectorShape};

package/dist/utils/screen.js

@@ -1 +1 @@
-import{a,b,c,d}from"../chunk-JWQ2DUXA.js";import"../chunk-O2XFH626.js";export{a as MOBILE_BREAKPOINT,b as isMobile,c as mobileStyle,d as useMobile};
+import{a,b,c,d}from"../chunk-WCHGSVUC.js";import"../chunk-O2XFH626.js";export{a as MOBILE_BREAKPOINT,b as isMobile,c as mobileStyle,d as useMobile};

package/dist/utils/svg.d.ts

@@ -0,0 +1,3 @@
+declare function svgToURL(svg: string): string;
+
+export { svgToURL };

package/dist/utils/svg.js

@@ -0,0 +1 @@
+import{a}from"../chunk-CB23VFSC.js";import"../chunk-O2XFH626.js";export{a as svgToURL};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ydesign/react-editor",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "设计编辑器UI组件库，基于react版本",
   "main": "dist/app.js",
   "module": "dist/app.js",
@@ -71,6 +71,14 @@
     "./project": {
       "import": "./dist/project.js",
       "types": "./dist/project.d.ts"
+    },
+    "./topbar/*": {
+      "import": "./dist/topbar/*.js",
+      "types": "./dist/topbar/*.d.ts"
+    },
+    "./topbar": {
+      "import": "./dist/topbar/topbar.js",
+      "types": "./dist/topbar/topbar.d.ts"
     }
   },
   "author": "junhaoliao",
@@ -112,7 +120,7 @@
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.17",
     "tw-animate-css": "^1.4.0",
-    "@ydesign/core": "^0.0.1"
+    "@ydesign/core": "^0.0.2"
   },
   "browserslist": [
     "> 0.5%",

package/dist/chunk-2AWYWIIK.js

@@ -1 +0,0 @@
-import{Button as e}from"antd";import{Eraser as r}from"lucide-react";import{jsx as t}from"react/jsx-runtime";var s=()=>t(e,{type:"text",icon:t(r,{size:16,style:{display:"flex"}}),styles:{root:{padding:"0 10px"}},children:"Eraser pen"});export{s as a};

package/dist/chunk-55FJG4FK.js

@@ -1 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";var p=({store:e})=>(console.log("ShapesPanel",e),o("div",{children:"\u5F62\u72B6"}));export{p as a};

package/dist/chunk-5MWZMSER.js

@@ -1 +0,0 @@
-import{a as f}from"./chunk-2AWYWIIK.js";import{a as u}from"./chunk-U7HIFGXC.js";import{a as c,b as y}from"./chunk-3HQUN5MA.js";import{a as d}from"./chunk-V5RJX32O.js";import{a as I}from"./chunk-GMISU6MD.js";import{a as g,b as l}from"./chunk-EMAFC3HG.js";import{observer as s}from"mobx-react-lite";import{Button as i,Tooltip as k}from"antd";import{Crop as C}from"lucide-react";import{jsx as t}from"react/jsx-runtime";var x={root:{padding:"0 6px"}},F=({element:n,store:e})=>t(i,{type:"text",styles:x,onClick:async()=>{let o=e.width+2*e.bleed,m=e.height+2*e.bleed;console.log("w, h ---> ",o,m);let p=await g(n.getSrc()),r=l({width:o,height:m},p);console.log("cropImg",r)},children:"Fit to page"}),T=s(()=>t(k,{title:"Crop",children:t(i,{type:"text",styles:{root:{padding:"0 7px"}},children:t(C,{size:16})})})),B=s(()=>t(i,{type:"text",styles:x,children:"Apply mask"})),b={ImageFlip:I,ImageFilters:d,ImageFitToBackground:F,ImageCrop:T,ImageClip:B,ImageRemoveBackground:u,ImageEraserPen:f},h=s(({store:n,components:e})=>{let o=n.selectedElements,p=c({type:"text",usedItems:["ImageFlip","ImageFilters","ImageFitToBackground","ImageClip","ImageCrop","ImageRemoveBackground","ImageEraserPen"],components:e});return t(y,{items:p,itemRender:r=>{let a=e[r]||b[r];return a&&t(a,{elements:o,element:o[0],store:n},r)}})}),O=h;export{F as a,T as b,B as c,h as d,O as e};

package/dist/chunk-7LU5UGIG.js

@@ -1,16 +0,0 @@
-import{a as k}from"./chunk-R6Z6F447.js";import{c as h}from"./chunk-TE6HYOIP.js";import{d as E}from"./chunk-5MWZMSER.js";import{a as C}from"./chunk-GYDTKPW5.js";import{a as H}from"./chunk-XRRO2RT7.js";import{a as B}from"./chunk-JW76IC3E.js";import{a as x}from"./chunk-MNACXCF5.js";import{a as v}from"./chunk-XZAP76LL.js";import{b}from"./chunk-B35ZYWID.js";import{a as g}from"./chunk-H67HTXU4.js";import{a as T}from"./chunk-V6ZZKUTN.js";import u from"styled-components";import{useRef as q}from"react";import{Tooltip as N,Button as R}from"antd";import{Undo2 as A,Redo2 as U}from"lucide-react";import{observer as F}from"mobx-react-lite";import{useEffect as M}from"react";import{jsx as n,jsxs as _}from"react/jsx-runtime";var w=F(({store:o})=>(M(()=>{},[o._updateHistory]),_(c,{style:{float:"left",paddingRight:10},children:[n(N,{title:"\u64A4\u9500",placement:"bottom",children:n(R,{type:"text",disabled:!o.editor?.historyHandler.canUndo(),styles:{root:{padding:"0 7px"}},onClick:()=>{o.editor?.historyHandler.undo()},children:n(A,{size:16})})}),n(N,{title:"\u91CD\u505A",placement:"bottom",children:n(R,{type:"text",disabled:!o.editor?.historyHandler.canRedo(),styles:{root:{padding:"0 7px"}},onClick:()=>{o.editor?.historyHandler.redo()},children:n(U,{size:16})})})]})));import{observer as J}from"mobx-react-lite";import{Divider as K}from"antd";import{Fragment as X,jsx as e,jsxs as d}from"react/jsx-runtime";var Q=u.div`
-  white-space: nowrap;
-
-  height: 50px;
-  padding: 0 15px;
-  position: relative;
-  width: 100%;
-  z-index: 10;
-`,V=u.div`
-  width: 100%;
-  height: 100%;
-`,c=u.div`
-  align-items: center;
-  display: flex;
-  height: 50px;
-`,s={textbox:h,image:E,many:H};function xo(o,a){s[o]=a}var W=J(({store:o,downloadButtonEnabled:a,components:i={}})=>{let G=new Set(o.selectedElements.map(r=>r?.type)).size===1,P=o.selectedElements.length===1,m=o.selectedElements[0],y=o.selectedElements.length&&o.selectedElements.every(r=>r?.locked),l=P&&s[m?.type];G?l=s[m?.type]:o.selectedElements.length>1&&(l=s.many);let p=q(i);(Object.keys(i).some(r=>i[r]!==p.current[r])||Object.keys(p.current).some(r=>!(r in i)))&&(p.current=Object.assign({},i));let t=p.current,f=t?.ActionControls||(a?b:null),D=t?.Position||x,O=t?.Opacity||B,S=t?.Lock||C,z=t?.Duplicate||g,L=t?.Remove||k,I=t?.History||w,j=t?.Group||T;return e(Q,{className:"bp5-navbar design-toolbar",children:d(V,{children:[e(I,{store:o}),!m&&e(v,{store:o,components:t}),l&&!y&&e(l,{store:o,components:t}),d(c,{style:{float:"right"},children:[e(j,{store:o}),e(D,{store:o}),!y&&e(O,{store:o}),e(S,{store:o}),e(z,{store:o}),e(L,{store:o}),f&&d(X,{children:[e(K,{orientation:"vertical",style:{margin:"0 15px"}}),e(f,{store:o})]})]})]})})}),Bo=W;export{c as a,xo as b,W as c,Bo as d,w as e};

package/dist/chunk-E7ZSWHPU.js

@@ -1 +0,0 @@
-var s=t=>{if(t){if(typeof t=="string")return t;if(typeof t=="object"&&"colorStops"in t&&Array.isArray(t.colorStops))return t.colorStops.map(o=>({color:o.color,percent:o.offset*100}))}},i=()=>{let t="0123456789ABCDEF",o="#";for(let r=0;r<6;r++)o+=t[Math.floor(Math.random()*16)];return o},n=t=>{let o=[];for(let r of t){if(r.type==="group"){let e=n(r.objects);o.push(...e)}r.type==="textbox"&&(o.some(e=>e===r.fontFamily)||o.push(r.fontFamily))}return o},c=new Set(["ellipse","polygon","triangle","rect","line","circle","polyline","path"]);function p(t){return!!t&&c.has(t.type)}export{s as a,i as b,n as c,p as d};

package/dist/chunk-EMAFC3HG.js

@@ -1 +0,0 @@
-function p(o){return new Promise((t,s)=>{let h=new Image;h.onload=()=>{t({width:h.width,height:h.height})},h.onerror=()=>{s(new Error("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"))},h.src=o,h.crossOrigin="anonymous"})}function e(o,t){console.log(o),console.log(t);let{width:s,height:h}=o,w=s/h,c,r;w>=t.width/t.height?(c=t.width,r=t.width/w):(c=t.height*w,r=t.height);let d=(t.width-c)/2,n=(t.height-r)/2;return{cropX:d/t.width,cropY:n/t.height,cropWidth:c/t.width,cropHeight:r/t.height}}export{p as a,e as b};

package/dist/chunk-JW76IC3E.js

@@ -1 +0,0 @@
-import{Blend as s}from"lucide-react";import{Popover as d,Tooltip as m,Button as c,InputNumber as v,Slider as u}from"antd";import{observer as y}from"mobx-react-lite";import{jsx as t,jsxs as r}from"react/jsx-runtime";var x=y(({store:e})=>{let a=e.selectedShapes.length>0,o=e.selectedShapes[0],i=Math.round(100*o?.opacity),n=p=>{let l=Math.max(0,Math.min(p,100));e.editor?.objectsHandler.update({opacity:l/100})};return t(m,{title:"Opacity",placement:"bottom",children:t(d,{content:r("div",{children:[t("div",{style:{textAlign:"center",marginBottom:10},children:"Transparency"}),r("div",{style:{display:"flex"},children:[t("div",{style:{width:170,paddingRight:20},children:t(u,{min:0,max:100,onChange:n,value:i})}),t(v,{min:0,max:100,value:i,onChange:n,size:"small",styles:{root:{width:65}}})]})]}),trigger:"click",children:t(c,{type:"text",disabled:!a,styles:{root:{padding:"0 7px"}},children:t(s,{size:16})})})})});export{x as a};

package/dist/chunk-TE6HYOIP.js

@@ -1,7 +0,0 @@
-import{a as j}from"./chunk-FIAIYSJ7.js";import{a as I,b as H}from"./chunk-3HQUN5MA.js";import{a as B}from"./chunk-V5RJX32O.js";import{a as w,c as z}from"./chunk-E7ZSWHPU.js";import{a as v}from"./chunk-WJT6VPDR.js";import{observer as f}from"mobx-react-lite";import{useEffect as u,useState as y,useCallback as N}from"react";import{ColorPicker as M,Popover as L,Button as m,Input as W,InputNumber as b,Space as G,Slider as A,Tooltip as x}from"antd";import{cssGradient2FabricGradient as O}from"@ydesign/core";import{ChevronDown as E,TextAlignStart as V,TextAlignCenter as _,TextAlignEnd as R,TextAlignJustify as U,Bold as D,Italic as J,Underline as K,Strikethrough as $,ListChevronsUpDown as q,TextWrap as Q}from"lucide-react";import{FixedSizeList as X}from"react-window";import Y from"styled-components";import{jsx as t,jsxs as h}from"react/jsx-runtime";var Z=Y.img`
-  height: 20px;
-
-  .bp5-dark & {
-    filter: invert(1);
-  }
-`,{Search:tt}=W,et=({fontFamily:i,handleClick:n,modifiers:e,store:s,isCustom:c})=>{let[o,d]=y(!c);if(console.log(d,Z),u(()=>{o||s.loadFont(i)},[i,o]),i==="_divider")return t("div",{style:{width:"100%",height:1,background:"#e8e8e8"}});let l=i;return t(m,{type:e.active?"primary":"text",block:!0,style:{justifyContent:"start"},onClick:()=>n(i),disabled:e.disabled,styles:{root:{fontFamily:'"'+i+'"'},content:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}},children:l})},nt=({onChange:i,defaultValue:n})=>t(tt,{placeholder:n,allowClear:!0,onChange:e=>{i(e.target.value)},style:{width:210}}),ot=({store:i,fonts:n,activeFont:e,activeFontLabel:s,onFontSelect:c})=>{let[o,d]=y(""),l=n.filter(r=>r.toLowerCase().includes(o.toLowerCase()));return t(L,{content:h("div",{children:[t(nt,{defaultValue:"\u641C\u7D22\u5B57\u4F53",onChange:r=>d(r??"")}),t("div",{style:{paddingTop:5},children:t(X,{itemCount:l.length,itemSize:28,width:210,height:Math.min(400,28*l.length)+10,children:({index:r,style:p})=>{let a=l[r];return t("div",{style:{...p,display:"flex",alignItems:"center",justifyContent:"center"},children:t(et,{fontFamily:a,modifiers:{active:e===a},handleClick:()=>c(a),store:i,isCustom:i.fonts.find(g=>g.fontFamily===a)||v.find(g=>g.fontFamily===a)},a)})}})})]}),trigger:"click",children:t(m,{type:"text",style:{marginRight:5,fontFamily:'"'+e+'"',overflow:"hidden",whiteSpace:"nowrap",maxHeight:30,padding:"0 10px"},icon:t(E,{size:16,style:{display:"flex"}}),iconPlacement:"end",children:s})})},S=["left","center","right","justify"],it=f(({elements:i,store:n})=>{let e=n.fonts.concat(v).map(d=>d.fontFamily),s=i[0].fontFamily;s.length>15&&(s=s.slice(0,15)+"...");let c=z(n.objects),o=[...new Set(c.concat("_divider").concat(e))];return t(ot,{fonts:o,activeFont:i[0].fontFamily,activeFontLabel:s,store:n,onFontSelect:d=>{n.editor?.objectsHandler.setTextStyle({fontFamily:d})}})}),lt=f(({elements:i,store:n})=>{let e=i[0],[s,c]=y(e.fill),o=N(()=>{let{selectionStart:l,selectionEnd:r}=e;if(l!==r&&l!==void 0){let p=e.getSelectionStyles(l,l+1);if(p.length>0&&p[0].fill!==void 0)return p[0].fill}return e.fill},[e]);u(()=>{let l=n.editor?.customCanvas?.canvas;if(!l)return;let r=()=>{c(o())};return l.on("text:selection:changed",r),l.on("text:editing:entered",r),l.on("text:editing:exited",r),c(o()),()=>{l.off("text:selection:changed",r),l.off("text:editing:entered",r),l.off("text:editing:exited",r)}},[n.editor?.customCanvas?.canvas,o]),u(()=>{c(o())},[e,o]);let d=w(s);return t(M,{value:d,allowClear:!0,mode:["single","gradient"],onChangeComplete:l=>{let r=l.toCssString();if(r.includes("gradient")){let p=O(r);n.editor?.objectsHandler.setTextStyle({fill:p})}else n.editor?.objectsHandler.setTextStyle({fill:r});c(o())}})}),rt=f(({elements:i,store:n})=>{let[e,s]=y(i[0].fontSize);u(()=>{s(i[0].fontSize)},[i[0]?.fontSize,n._updateFontSize]);let c=o=>{Number.isNaN(o)||(n.editor?.objectsHandler.setTextStyle({fontSize:Number(o)}),s(Number(o)))};return t(b,{min:5,max:4*n.height,value:Math.round(e),onChange:c,style:{width:70}})}),st=f(({elements:i,store:n})=>{let e=i[0],[s,c]=y(e.textAlign),[o,d]=y(e.fontWeight),[l,r]=y(e.fontStyle),[p,a]=y(e.underline),[g,C]=y(e.linethrough),[T,P]=y(e.splitByGrapheme);return u(()=>{c(e.textAlign),d(e.fontWeight),r(e.fontStyle),a(e.underline),C(e.linethrough),P(e.splitByGrapheme)},[e]),h(G.Compact,{children:[t(x,{placement:"bottom",title:`Text align ${s}`,children:t(m,{type:"text",icon:s==="left"?t(V,{size:16,style:{display:"flex"}}):s==="center"?t(_,{size:16,style:{display:"flex"}}):s==="right"?t(R,{size:16,style:{display:"flex"}}):t(U,{size:16,style:{display:"flex"}}),onClick:()=>{let F=(S.indexOf(s)+1+S.length)%S.length,k=S[F];n.editor?.objectsHandler.setTextStyle({textAlign:k}),c(k)}})}),t(x,{placement:"bottom",title:"Bold",children:t(m,{type:o==="bold"||o==="700"?"primary":"text",icon:t(D,{size:16,style:{display:"flex"}}),onClick:()=>{o==="bold"||o==="700"?(n.editor?.objectsHandler.setTextStyle({fontWeight:"normal"}),d("normal")):(n.editor?.objectsHandler.setTextStyle({fontWeight:"bold"}),d("bold"))}})}),t(x,{placement:"bottom",title:"Italic",children:t(m,{type:l==="italic"?"primary":"text",icon:t(J,{size:16,style:{display:"flex"}}),onClick:()=>{l==="italic"?(n.editor?.objectsHandler.setTextStyle({fontStyle:"normal"}),r("normal")):(n.editor?.objectsHandler.setTextStyle({fontStyle:"italic"}),r("italic"))}})}),t(x,{placement:"bottom",title:"Underline",children:t(m,{type:p?"primary":"text",icon:t(K,{size:16,style:{display:"flex"}}),onClick:()=>{n.editor?.objectsHandler.setTextStyle({underline:!p}),a(!p)}})}),t(x,{placement:"bottom",title:"Strikethrough",children:t(m,{type:g?"primary":"text",icon:t($,{size:16,style:{display:"flex"}}),onClick:()=>{n.editor?.objectsHandler.setTextStyle({linethrough:!g}),C(!g)}})}),t(x,{placement:"bottom",title:"Split by grapheme",children:t(m,{type:T?"primary":"text",icon:t(Q,{size:16,style:{display:"flex"}}),onClick:()=>{n.editor?.objectsHandler.setTextStyle({splitByGrapheme:!T}),P(!T)}})})]})}),at=f(({elements:i,store:n})=>{let e=i[0],s={display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"},c=typeof e.lineHeight=="number"?100*e.lineHeight:120,[o,d]=y(c),[l,r]=y(e.charSpacing),p=a=>{n.editor?.objectsHandler.setTextStyle(a)};return t(L,{trigger:"click",content:h("div",{style:{padding:"0 6px",width:"230px"},children:[h("div",{style:s,children:[t("div",{children:"Line height"}),t("div",{children:t(b,{min:50,max:250,value:Math.round(o),style:{width:80},onChange:a=>{p({lineHeight:a/100}),d(a)}})})]}),t(A,{value:Math.round(o),min:50,max:250,step:1,onChange:a=>{p({lineHeight:a/100}),d(a)}}),h("div",{style:s,children:[t("div",{children:"Letter spacing"}),t("div",{children:t(b,{min:-50,max:250,value:Math.round(l/10),style:{width:80},onChange:a=>{p({charSpacing:(a??0)*10}),r((a??0)*10)}})})]}),t(A,{value:Math.round(l/10),min:-50,max:250,step:1,onChange:a=>{p({charSpacing:(a??0)*10}),r((a??0)*10)}})]}),children:t(m,{type:"text",icon:t(q,{size:16,style:{display:"flex"}})})})}),ct={TextFill:lt,TextFontFamily:it,TextFontSize:rt,TextFontVariant:st,TextSpacing:at,TextFilters:B,TextAiWrite:j},dt=f(({store:i,components:n})=>{let e=i.selectedElements,c=I({type:"text",usedItems:["TextFill","TextFontFamily","TextFontSize","TextFontVariant","TextSpacing","TextFilters","TextAiWrite"],components:n});return t(H,{items:c,itemRender:o=>{let d=n[o]||ct[o];return d&&t(d,{elements:e,element:e[0],store:i},o)}})}),Ct=dt;export{S as a,dt as b,Ct as c};

package/dist/chunk-U7HIFGXC.js

@@ -1 +0,0 @@
-import{Button as o}from"antd";import{jsx as t}from"react/jsx-runtime";var n=()=>t(o,{type:"text",styles:{root:{padding:"0 6px"}},children:"Remove background"});export{n as a};

package/dist/chunk-V6ZZKUTN.js

@@ -1 +0,0 @@
-import{Button as e}from"antd";import{observer as p}from"mobx-react-lite";import{Fragment as l,jsx as o,jsxs as s}from"react/jsx-runtime";var c=p(({store:t})=>{let n=t.selectedElements.length>1,r=t.selectedElements.length===1&&t.selectedElements[0]?.type==="group";return s(l,{children:[n&&o(e,{type:"text",onClick:()=>{},children:"Group"}),r&&o(e,{type:"text",onClick:()=>{},children:"Ungroup"})]})});export{c as a};

package/dist/chunk-XDLFQXMN.js

@@ -1,54 +0,0 @@
-import{c as s,d as S}from"./chunk-JWQ2DUXA.js";import{a as x}from"./chunk-WIM26GEM.js";import{a as o}from"./chunk-LW2W4B2N.js";import{a as P}from"./chunk-QJBRJELT.js";import{a as u}from"./chunk-6LFGFFHI.js";import{a as h}from"./chunk-DBQHEZPG.js";import{a as m}from"./chunk-TX4BNXQC.js";import{a as y}from"./chunk-M33EDDXB.js";import{a as f}from"./chunk-DJBTBRPS.js";import{a as T}from"./chunk-55FJG4FK.js";import a from"styled-components";import{useRef as g,useLayoutEffect as C}from"react";import{observer as i}from"mobx-react-lite";import{LayoutTemplate as z,TypeOutline as L,Image as N,Shapes as M,Upload as B,Wallpaper as H,Layers as I,ImageUpscale as E}from"lucide-react";import{clsx as R}from"clsx";import{jsx as n,jsxs as p}from"react/jsx-runtime";var U=a.div`
-  display: flex;
-  height: 100% !important;
-  padding: 0px !important;
-  position: relative;
-
-  &.bp5-navbar {
-    box-shadow: none;
-  }
-`,$=a.div`
-  @media screen and (min-width: 501px) {
-    overflow-y: auto;
-    overflow-x: hidden;
-    min-width: 72px;
-  }
-`,D=a.div`
-  display: flex;
-  flex-direction: column;
-`,F=a.div`
-  padding: 10px 10px 0px 10px !important;
-  height: 100% !important;
-
-  &.bp5-navbar {
-    width: 350px;
-  }
-
-  &.bp5-navbar.collapsed {
-    width: 0px;
-  }
-`,O=a.div`
-  display: none;
-  ${s(`
-    position: absolute;
-    bottom: 72px;
-    display: block;
-    width: 100vw;
-    height: 100vh;
-    background-color: rgba(0, 0, 0, 0.05);
-  `)}
-`,W=a.div`
-  position: absolute;
-  right: 1px;
-  top: 50%;
-  height: 96px;
-  width: 15px;
-  fill: white;
-  cursor: pointer;
-  z-index: 10;
-  transform: translate(100%, -50%);
-
-  ${s(`
-    display: none;
-  `)}
-`,A=({onClick:e})=>n(W,{onClick:e,children:n("div",{children:p("button",{className:"grid relative justify-center arrow",children:[p("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13 96",width:"13",height:"96",fill:"none",children:[n("path",{d:"M0,0 h1 c0,20,12,12,12,32 v32 c0,20,-12,12,-12,32 H0 z",className:"fill-white dark:fill-[#0b0809]"}),n("path",{d:"M0.5,0 c0,20,12,12,12,32 v32 c0,20,-12,12,-12,32",className:"fill-white stroke-gray-200 dark:fill-[#0b0809] dark:stroke-[#0b0809]"})]}),n("div",{className:"absolute self-center",children:n("span",{className:"w-3 h-3 text-block inline-flex items-center box-border dark:text-white",children:n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",children:n("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"1.25",d:"M7 3.17 4.88 5.3a1 1 0 0 0 0 1.42L7 8.83"})})})})]})})}),_={name:"templates",Tab:i(e=>n(o,{name:"templates",...e,children:n(z,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(P,{store:e})},j={name:"text",Tab:i(e=>n(o,{name:"text",...e,children:n(L,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(u,{store:e})},q={name:"photos",Tab:i(e=>n(o,{name:"photos",...e,children:n(N,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(f,{store:e})},G={name:"shapes",Tab:i(e=>n(o,{name:"shapes",...e,children:n(M,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(T,{store:e})},J={name:"upload",Tab:i(e=>n(o,{name:"upload",...e,children:n(B,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(h,{store:e})},K={name:"background",Tab:i(e=>n(o,{name:"background",...e,children:n(H,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(m,{store:e})},Q={name:"layers",Tab:i(e=>n(o,{name:"layers",...e,children:n(I,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(y,{store:e})},V={name:"size",Tab:i(e=>n(o,{name:"size",...e,children:n(E,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(x,{store:e})},X=[_,j,q,G,J,K,Q,V],Y=i(({store:e,sections:v,defaultSection:c="templates"})=>{(()=>{let t=g(!0);t.current&&(t.current=!1,e.openSidePanel(c))})();let r=S();C(()=>{r?e.openSidePanel(""):e.openSidePanel(c)},[r]);let d=[...v||X].filter(t=>t.visibleInList!==!1),b=d.find(t=>t.name===e.openedSidePanel)?.Panel,k=g(null);return p(U,{className:`bp5-navbar design-side-panel ${e.openedSidePanel?"":"collapsed"}`,children:[n($,{className:"design-side-tabs-container border-r-1 border-gray-200 dark:border-gray-800",ref:k,children:n(D,{className:"design-side-tabs-inner",children:d.map(({name:t,Tab:l})=>n(l,{name:t,onClick:()=>{t===e.openedSidePanel?e.openSidePanel(""):e.openSidePanel(t)},active:e.openedSidePanel===t},t))})}),b&&n(F,{className:R("bp5-navbar design-panel-container","border-r-1 border-gray-200 dark:border-gray-800"),onClick:t=>{let l=t.target.closest(".design-close-panel"),w=t.target.closest(".design-mobile");l&&(r||w)&&e.openSidePanel("")},children:n(b,{store:e})}),e.openedSidePanel&&n(O,{onClick:()=>e.openSidePanel("")}),e.openedSidePanel&&n(A,{onClick:()=>e.openSidePanel("")})]})}),Pe=Y;export{_ as a,j as b,q as c,G as d,J as e,K as f,Q as g,V as h,X as i,Y as j,Pe as k};

package/dist/chunk-XZAP76LL.js

@@ -1 +0,0 @@
-import{a as u,b as m}from"./chunk-3HQUN5MA.js";import{a as s}from"./chunk-OQ6HU62L.js";import{a as c,b as p}from"./chunk-E7ZSWHPU.js";import{ColorPicker as y,Tooltip as k,Button as f}from"antd";import{CirclePlus as g}from"lucide-react";import{cssGradient2FabricGradient as T}from"@ydesign/core";import{jsx as t,jsxs as d}from"react/jsx-runtime";var C=async e=>s(e),x=({store:e})=>{let i=e.editor?.workareaHandler.workarea?.fill,o=c(i);return t(k,{title:"\u80CC\u666F\u989C\u8272",children:t("div",{style:{height:32},children:t(y,{value:o,allowClear:!0,mode:["single","gradient"],onChangeComplete:r=>{let n=r.toCssString();if(n.includes("gradient")){let a=T(n);e.editor?.workareaHandler.setWorkareaBgColor(a)}else e.editor?.workareaHandler.setWorkareaBgColor(n)}})})})},P=({store:e})=>t("div",{children:d("label",{htmlFor:"input-file",children:[d(f,{type:"text",styles:{root:{padding:"0 8px"}},onClick:()=>{document.querySelector("#input-file")?.click()},children:[t(g,{size:16})," add image"]}),t("input",{type:"file",id:"input-file",style:{display:"none"},onChange:async i=>{let{target:o}=i;if(!(!o.files||o.files.length===0)){for(let r of o.files){let a={type:"image",src:await C(r)};e.editor?.objectsHandler.add(a)}o.value=""}},multiple:!0,accept:"image/*"})]})}),v=({store:e})=>t("div",{children:d(f,{type:"text",styles:{root:{padding:"0 8px"}},onClick:()=>{e.editor?.objectsHandler.add({originX:"left",originY:"top",fontSize:100,textAlign:"left",fill:p(),text:"Hello World",type:"textbox"})},children:[t(g,{size:16}),"add text"]})}),b={DefaultBackgroundPicker:x,DefaultAddImage:P,DefaultAddText:v},h=({store:e,components:l})=>{let o=u({type:"text",usedItems:["DefaultBackgroundPicker","DefaultAddImage","DefaultAddText"],components:l});return t(m,{items:o,itemRender:r=>{let n=l[r]||b[r];return n&&t(n,{store:e},r)}})},I=h;export{h as a,I as b};