@ydesign/react-editor 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/app.js +1 -1
  3. package/dist/canvas/workspace.d.ts +6 -4
  4. package/dist/canvas/workspace.js +1 -1
  5. package/dist/chunk-2AZQIJ4K.js +1 -0
  6. package/dist/chunk-45NWLCOP.js +15 -0
  7. package/dist/chunk-63A6RW6Y.js +21 -0
  8. package/dist/chunk-EUTDQZKU.js +1 -0
  9. package/dist/chunk-KERQXVBL.js +1 -0
  10. package/dist/{chunk-7YLSIB43.js → chunk-RBRSKAZL.js} +1 -1
  11. package/dist/chunk-SR5OYO6O.js +214 -0
  12. package/dist/chunk-YBC2DYJX.js +9 -0
  13. package/dist/config.d.ts +228 -3
  14. package/dist/config.js +1 -1
  15. package/dist/model/store.d.ts +5 -364
  16. package/dist/model/store.js +1 -1
  17. package/dist/project.d.ts +12 -4
  18. package/dist/project.js +1 -1
  19. package/dist/side-panel/index.d.ts +2 -5
  20. package/dist/side-panel/index.js +1 -1
  21. package/dist/side-panel/side-panel.d.ts +12 -6
  22. package/dist/side-panel/side-panel.js +1 -1
  23. package/dist/store-DfmY1m2j.d.ts +379 -0
  24. package/dist/toolbar/download-button.d.ts +1 -3
  25. package/dist/toolbar/download-button.js +1 -1
  26. package/dist/toolbar/toolbar.d.ts +1 -3
  27. package/dist/toolbar/toolbar.js +18 -1
  28. package/dist/toolbar/zoom-buttons.d.ts +1 -3
  29. package/dist/topbar/topbar.d.ts +1 -3
  30. package/dist/topbar/topbar.js +155 -5
  31. package/package.json +2 -2
  32. package/dist/assets/logo.d.ts +0 -7
  33. package/dist/assets/logo.js +0 -1
  34. package/dist/canvas/context-menu/context-menu.d.ts +0 -2
  35. package/dist/canvas/context-menu/context-menu.js +0 -0
  36. package/dist/canvas/hotkeys.d.ts +0 -3
  37. package/dist/canvas/hotkeys.js +0 -1
  38. package/dist/canvas/workspace-canvas.d.ts +0 -19
  39. package/dist/canvas/workspace-canvas.js +0 -1
  40. package/dist/chunk-2A3HHQ7X.js +0 -1
  41. package/dist/chunk-2T3O5ZZ2.js +0 -1
  42. package/dist/chunk-3TO57JPN.js +0 -1
  43. package/dist/chunk-4LUZF4CB.js +0 -2
  44. package/dist/chunk-5CKXOQAT.js +0 -1
  45. package/dist/chunk-5OA2JYPB.js +0 -1
  46. package/dist/chunk-5X6VER6G.js +0 -1
  47. package/dist/chunk-62YF5KTO.js +0 -1
  48. package/dist/chunk-75WC3GVB.js +0 -1
  49. package/dist/chunk-7NNOHYKX.js +0 -15
  50. package/dist/chunk-AC6CCGZH.js +0 -1
  51. package/dist/chunk-BE3YOONJ.js +0 -1
  52. package/dist/chunk-BWST6EER.js +0 -1
  53. package/dist/chunk-CB23VFSC.js +0 -1
  54. package/dist/chunk-DGCF2GDA.js +0 -9
  55. package/dist/chunk-ESNVOB52.js +0 -17
  56. package/dist/chunk-HHYPIHAP.js +0 -45
  57. package/dist/chunk-HOAYYKAZ.js +0 -3
  58. package/dist/chunk-IUFYYEGO.js +0 -1
  59. package/dist/chunk-IV52R7D7.js +0 -27
  60. package/dist/chunk-J6PYM4EV.js +0 -1
  61. package/dist/chunk-JHNSYFB2.js +0 -151
  62. package/dist/chunk-JMIN2XMC.js +0 -1
  63. package/dist/chunk-JPIYZYMQ.js +0 -1
  64. package/dist/chunk-KVT25LDU.js +0 -1
  65. package/dist/chunk-MGTFIE3C.js +0 -1
  66. package/dist/chunk-NLABIDJ5.js +0 -1
  67. package/dist/chunk-O56ZNYGR.js +0 -1
  68. package/dist/chunk-O73AAP2K.js +0 -1
  69. package/dist/chunk-OQ6HU62L.js +0 -1
  70. package/dist/chunk-P5I43V7X.js +0 -1
  71. package/dist/chunk-POCSL7OS.js +0 -50
  72. package/dist/chunk-PSO4W6J7.js +0 -9
  73. package/dist/chunk-QVSJHU2S.js +0 -1
  74. package/dist/chunk-QWM7VMLQ.js +0 -9
  75. package/dist/chunk-SGK2XN5D.js +0 -1
  76. package/dist/chunk-T3TEB73P.js +0 -1
  77. package/dist/chunk-TS5CKDHH.js +0 -1
  78. package/dist/chunk-TTK5Z2Z6.js +0 -1
  79. package/dist/chunk-TZ6B7XDS.js +0 -1
  80. package/dist/chunk-U7TPE4R3.js +0 -54
  81. package/dist/chunk-UCJMXWVT.js +0 -16
  82. package/dist/chunk-WCHGSVUC.js +0 -8
  83. package/dist/chunk-WJT6VPDR.js +0 -9
  84. package/dist/chunk-XA2G4P2Q.js +0 -1
  85. package/dist/chunk-XRRO2RT7.js +0 -1
  86. package/dist/chunk-YCJBBRRT.js +0 -1
  87. package/dist/chunk-YRJUN267.js +0 -14
  88. package/dist/chunk-YVBVDUVA.js +0 -1
  89. package/dist/chunk-Z4QXUZAS.js +0 -1
  90. package/dist/hooks/use-duplicate-element.d.ts +0 -16
  91. package/dist/hooks/use-duplicate-element.js +0 -1
  92. package/dist/hooks/use-lock.d.ts +0 -18
  93. package/dist/hooks/use-lock.js +0 -1
  94. package/dist/hooks/use-remove-element.d.ts +0 -16
  95. package/dist/hooks/use-remove-element.js +0 -1
  96. package/dist/lib/utils.d.ts +0 -5
  97. package/dist/lib/utils.js +0 -1
  98. package/dist/side-panel/background-panel.d.ts +0 -17
  99. package/dist/side-panel/background-panel.js +0 -1
  100. package/dist/side-panel/images-grid.d.ts +0 -27
  101. package/dist/side-panel/images-grid.js +0 -1
  102. package/dist/side-panel/layers-panel.d.ts +0 -16
  103. package/dist/side-panel/layers-panel.js +0 -1
  104. package/dist/side-panel/photos-panel.d.ts +0 -16
  105. package/dist/side-panel/photos-panel.js +0 -1
  106. package/dist/side-panel/shapes-panel.d.ts +0 -16
  107. package/dist/side-panel/shapes-panel.js +0 -1
  108. package/dist/side-panel/size-panel.d.ts +0 -16
  109. package/dist/side-panel/size-panel.js +0 -1
  110. package/dist/side-panel/tab-button.d.ts +0 -12
  111. package/dist/side-panel/tab-button.js +0 -1
  112. package/dist/side-panel/templates-panel.d.ts +0 -16
  113. package/dist/side-panel/templates-panel.js +0 -1
  114. package/dist/side-panel/text-panel.d.ts +0 -16
  115. package/dist/side-panel/text-panel.js +0 -1
  116. package/dist/side-panel/upload-panel.d.ts +0 -17
  117. package/dist/side-panel/upload-panel.js +0 -1
  118. package/dist/toolbar/default-toolbar.d.ts +0 -21
  119. package/dist/toolbar/default-toolbar.js +0 -1
  120. package/dist/toolbar/duplicate-button.d.ts +0 -16
  121. package/dist/toolbar/duplicate-button.js +0 -1
  122. package/dist/toolbar/element-container.d.ts +0 -13
  123. package/dist/toolbar/element-container.js +0 -1
  124. package/dist/toolbar/figure-toolbar.d.ts +0 -33
  125. package/dist/toolbar/figure-toolbar.js +0 -1
  126. package/dist/toolbar/filters-picker.d.ts +0 -18
  127. package/dist/toolbar/filters-picker.js +0 -1
  128. package/dist/toolbar/flip-button.d.ts +0 -18
  129. package/dist/toolbar/flip-button.js +0 -1
  130. package/dist/toolbar/group-button.d.ts +0 -16
  131. package/dist/toolbar/group-button.js +0 -1
  132. package/dist/toolbar/history-buttons.d.ts +0 -16
  133. package/dist/toolbar/history-buttons.js +0 -1
  134. package/dist/toolbar/image-eraser-pen.d.ts +0 -10
  135. package/dist/toolbar/image-eraser-pen.js +0 -1
  136. package/dist/toolbar/image-remove-background.d.ts +0 -10
  137. package/dist/toolbar/image-remove-background.js +0 -1
  138. package/dist/toolbar/image-toolbar.d.ts +0 -36
  139. package/dist/toolbar/image-toolbar.js +0 -1
  140. package/dist/toolbar/lock-button.d.ts +0 -16
  141. package/dist/toolbar/lock-button.js +0 -1
  142. package/dist/toolbar/many-toolbar.d.ts +0 -5
  143. package/dist/toolbar/many-toolbar.js +0 -1
  144. package/dist/toolbar/opacity-picker.d.ts +0 -16
  145. package/dist/toolbar/opacity-picker.js +0 -1
  146. package/dist/toolbar/position-picker.d.ts +0 -16
  147. package/dist/toolbar/position-picker.js +0 -1
  148. package/dist/toolbar/remove-button.d.ts +0 -16
  149. package/dist/toolbar/remove-button.js +0 -1
  150. package/dist/toolbar/text-ai-write.d.ts +0 -7
  151. package/dist/toolbar/text-ai-write.js +0 -1
  152. package/dist/toolbar/text-toolbar.d.ts +0 -19
  153. package/dist/toolbar/text-toolbar.js +0 -1
  154. package/dist/topbar/create-design.d.ts +0 -30
  155. package/dist/topbar/create-design.js +0 -1
  156. package/dist/topbar/file-menu.d.ts +0 -19
  157. package/dist/topbar/file-menu.js +0 -1
  158. package/dist/topbar/psd-parser.d.ts +0 -9
  159. package/dist/topbar/psd-parser.js +0 -1
  160. package/dist/utils/api.d.ts +0 -15
  161. package/dist/utils/api.js +0 -1
  162. package/dist/utils/blob.d.ts +0 -5
  163. package/dist/utils/blob.js +0 -1
  164. package/dist/utils/download.d.ts +0 -3
  165. package/dist/utils/download.js +0 -1
  166. package/dist/utils/figure-to-svg.d.ts +0 -36
  167. package/dist/utils/figure-to-svg.js +0 -1
  168. package/dist/utils/file.d.ts +0 -3
  169. package/dist/utils/file.js +0 -1
  170. package/dist/utils/filters.d.ts +0 -2
  171. package/dist/utils/filters.js +0 -0
  172. package/dist/utils/fonts.d.ts +0 -68
  173. package/dist/utils/fonts.js +0 -1
  174. package/dist/utils/image.d.ts +0 -19
  175. package/dist/utils/image.js +0 -1
  176. package/dist/utils/l10n.d.ts +0 -227
  177. package/dist/utils/l10n.js +0 -1
  178. package/dist/utils/loader.d.ts +0 -6
  179. package/dist/utils/loader.js +0 -1
  180. package/dist/utils/screen.d.ts +0 -6
  181. package/dist/utils/screen.js +0 -1
  182. package/dist/utils/svg.d.ts +0 -3
  183. package/dist/utils/svg.js +0 -1
  184. package/dist/utils/text.d.ts +0 -3
  185. package/dist/utils/text.js +0 -1
  186. package/dist/utils/use-api.d.ts +0 -2
  187. package/dist/utils/use-api.js +0 -0
  188. package/dist/utils/use-axios.d.ts +0 -25
  189. package/dist/utils/use-axios.js +0 -1
  190. /package/dist/{chunk-MXZ6RXT3.js → chunk-EWOU5F3O.js} +0 -0
  191. /package/dist/{chunk-YCFED7XQ.js → chunk-WFMCGQ5V.js} +0 -0
@@ -1,54 +0,0 @@
1
- import{a as T}from"./chunk-TS5CKDHH.js";import{a as x}from"./chunk-DGCF2GDA.js";import{a as v}from"./chunk-QWM7VMLQ.js";import{a as t}from"./chunk-ESNVOB52.js";import{a as f}from"./chunk-HHYPIHAP.js";import{a as h}from"./chunk-IV52R7D7.js";import{b as y}from"./chunk-JPIYZYMQ.js";import{b as u}from"./chunk-PSO4W6J7.js";import{c,d as P}from"./chunk-WCHGSVUC.js";import{a as g}from"./chunk-5X6VER6G.js";import{c as i}from"./chunk-YCFED7XQ.js";import r from"styled-components";import{useRef as k,useLayoutEffect as L}from"react";import{observer as a}from"mobx-react-lite";import{LayoutTemplate as B,TypeOutline as N,Image as M,Shapes as H,Upload as I,Wallpaper as R,Layers as E,ImageUpscale as U}from"lucide-react";import{clsx as $}from"clsx";import{theme as D}from"antd";import{jsx as n,jsxs as d}from"react/jsx-runtime";var F=r.div`
2
- display: flex;
3
- height: 100% !important;
4
- padding: 0px !important;
5
- position: relative;
6
-
7
- &.bp5-navbar {
8
- box-shadow: none;
9
- }
10
- `,O=r.div`
11
- @media screen and (min-width: 501px) {
12
- overflow-y: auto;
13
- overflow-x: hidden;
14
- min-width: 72px;
15
- }
16
- `,W=r.div`
17
- display: flex;
18
- flex-direction: column;
19
- `,A=r.div`
20
- padding: 10px 10px 0px 10px !important;
21
- height: 100% !important;
22
-
23
- &.bp5-navbar {
24
- width: 350px;
25
- }
26
-
27
- &.bp5-navbar.collapsed {
28
- width: 0px;
29
- }
30
- `,_=r.div`
31
- display: none;
32
- ${c(`
33
- position: absolute;
34
- bottom: 72px;
35
- display: block;
36
- width: 100vw;
37
- height: 100vh;
38
- background-color: rgba(0, 0, 0, 0.05);
39
- `)}
40
- `,j=r.div`
41
- position: absolute;
42
- right: 1px;
43
- top: 50%;
44
- height: 96px;
45
- width: 15px;
46
- fill: white;
47
- cursor: pointer;
48
- z-index: 10;
49
- transform: translate(100%, -50%);
50
-
51
- ${c(`
52
- display: none;
53
- `)}
54
- `,q=({onClick:e})=>n(j,{onClick:e,children:n("div",{children:d("button",{className:"grid relative justify-center arrow cursor-pointer",children:[d("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"})})})})]})})}),G={name:"templates",Tab:a(e=>n(t,{name:i("sidePanel.templates"),...e,children:n(B,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(f,{store:e})},J={name:"text",Tab:a(e=>n(t,{name:i("sidePanel.text"),...e,children:n(N,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(h,{store:e})},K={name:"photos",Tab:a(e=>n(t,{name:i("sidePanel.photos"),...e,children:n(M,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(T,{store:e})},Q={name:"shapes",Tab:a(e=>n(t,{name:i("sidePanel.shapes"),...e,children:n(H,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(x,{store:e})},V={name:"upload",Tab:a(e=>n(t,{name:i("sidePanel.upload"),...e,children:n(I,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(y,{store:e})},X={name:"background",Tab:a(e=>n(t,{name:i("sidePanel.background"),...e,children:n(R,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(u,{store:e})},Y={name:"layers",Tab:a(e=>n(t,{name:i("sidePanel.layers"),...e,children:n(E,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(g,{store:e})},Z={name:"size",Tab:a(e=>n(t,{name:i("sidePanel.resize"),...e,children:n(U,{style:{display:"inline-block"},size:20})})),Panel:({store:e})=>n(v,{store:e})},ee=[G,J,K,Q,V,X,Y,Z],ne=a(({store:e,sections:w,defaultSection:m="templates"})=>{(()=>{let o=k(!0);o.current&&(o.current=!1,e.openSidePanel(m))})();let{token:l}=D.useToken(),s=P();L(()=>{s?e.openSidePanel(""):e.openSidePanel(m)},[s]);let b=[...w||ee].filter(o=>o.visibleInList!==!1),S=b.find(o=>o.name===e.openedSidePanel)?.Panel,C=k(null);return d(F,{className:`bp5-navbar design-side-panel ${e.openedSidePanel?"":"collapsed"}`,style:{backgroundColor:l.colorBgContainer,color:l.colorText},children:[n(O,{className:"design-side-tabs-container",ref:C,style:{borderRight:`1px solid ${l.colorBorder}`},children:n(W,{className:"design-side-tabs-inner",children:b.map(({name:o,Tab:p})=>n(p,{active:e.openedSidePanel===o,onClick:()=>{o===e.openedSidePanel?e.openSidePanel(""):e.openSidePanel(o)}},o))})}),S&&n(A,{className:$("bp5-navbar design-panel-container"),style:{borderRight:`1px solid ${l.colorBorder}`},onClick:o=>{let p=o.target.closest(".design-close-panel"),z=o.target.closest(".design-mobile");p&&(s||z)&&e.openSidePanel("")},children:n(S,{store:e})}),e.openedSidePanel&&n(_,{onClick:()=>e.openSidePanel("")}),e.openedSidePanel&&n(q,{onClick:()=>e.openSidePanel("")})]})}),xe=ne;export{G as a,J as b,K as c,Q as d,V as e,X as f,Y as g,Z as h,ee as i,ne as j,xe as k};
@@ -1,16 +0,0 @@
1
- import{a as H}from"./chunk-2A3HHQ7X.js";import{c as R}from"./chunk-KVT25LDU.js";import{d as D}from"./chunk-HOAYYKAZ.js";import{a as w}from"./chunk-Z4QXUZAS.js";import{a as G}from"./chunk-XRRO2RT7.js";import{a as N}from"./chunk-YCJBBRRT.js";import{a as S}from"./chunk-5OA2JYPB.js";import{b as k}from"./chunk-7YLSIB43.js";import{a as x}from"./chunk-J6PYM4EV.js";import{e as a}from"./chunk-62YF5KTO.js";import{a as E}from"./chunk-T3TEB73P.js";import{b as B}from"./chunk-O56ZNYGR.js";import{c as f}from"./chunk-YCFED7XQ.js";import g from"styled-components";import{useRef as Y}from"react";import{Tooltip as P,Button as z}from"antd";import{Undo2 as q,Redo2 as J}from"lucide-react";import{observer as K}from"mobx-react-lite";import{useEffect as Q,useState as V}from"react";import{jsx as p,jsxs as W}from"react/jsx-runtime";var O=K(({store:o})=>{let[i,n]=V({hasUndo:!1,hasRedo:!1});return Q(()=>{let l=o.editor,c=s=>{n(s)};return l&&l.on("history:changed",c),()=>{l&&l.off("history:changed",c)}},[o.editor]),W(b,{style:{float:"left",paddingRight:10},children:[p(P,{title:f("toolbar.undo"),placement:"bottom",children:p(z,{type:"text",disabled:!i.hasUndo,styles:{root:{padding:"0 7px"}},onClick:()=>{o.editor?.historyHandler.undo()},children:p(q,{size:16})})}),p(P,{title:f("toolbar.redo"),placement:"bottom",children:p(z,{type:"text",disabled:!i.hasRedo,styles:{root:{padding:"0 7px"}},onClick:()=>{o.editor?.historyHandler.redo()},children:p(J,{size:16})})})]})});import{observer as Z}from"mobx-react-lite";import{Button as I,Divider as _,Space as $,theme as oo}from"antd";import{Check as to,X as eo}from"lucide-react";import{Fragment as so,jsx as e,jsxs as m}from"react/jsx-runtime";var ro=g.div`
2
- white-space: nowrap;
3
-
4
- height: 50px;
5
- padding: 0 15px;
6
- position: relative;
7
- width: 100%;
8
- z-index: 10;
9
- `,no=g.div`
10
- width: 100%;
11
- height: 100%;
12
- `,b=g.div`
13
- align-items: center;
14
- display: flex;
15
- height: 50px;
16
- `,io=({store:o})=>m($,{style:{height:50},children:[m(I,{onClick:()=>{o.editor?.imageCropHandler.cropImg.onDeselectEvent()},children:[e(to,{size:16}),"\u5B8C\u6210"]}),m(I,{onClick:()=>{o.editor?.imageCropHandler.cropCancel()},children:[e(eo,{size:16}),"\u53D6\u6D88"]})]}),y={textbox:R,image:D,path:a,rect:a,circle:a,ellipse:a,triangle:a,cropimage:io,many:G};function Oo(o,i){y[o]=i}var lo=Z(({store:o,downloadButtonEnabled:i,components:n={}})=>{let l=new Set(o.selectedElements.map(r=>r?.type)).size===1,c=o.selectedElements.length===1,s=o.selectedElements[0],h=o.selectedElements.length&&o.selectedElements.every(r=>r?.locked),v=c&&s?.isCropping,{token:T}=oo.useToken(),d=c&&y[s?.type];l?d=y[s?.type]:o.selectedElements.length>1&&(d=y.many);let u=Y(n);(Object.keys(n).some(r=>n[r]!==u.current[r])||Object.keys(u.current).some(r=>!(r in n)))&&(u.current=Object.assign({},n));let t=u.current,C=t?.ActionControls||(i?k:null),L=t?.Position||S,U=t?.Opacity||N,j=t?.Lock||w,A=t?.Duplicate||x,F=t?.Remove||H,M=t?.History||O,X=t?.Group||E;return e(ro,{className:"bp5-navbar design-toolbar",style:{backgroundColor:T.colorBgContainer,color:T.colorText},children:m(no,{children:[!v&&e(M,{store:o}),!s&&e(B,{store:o,components:t}),d&&!h&&e(d,{store:o,components:t}),!v&&m(b,{style:{float:"right"},children:[e(X,{store:o}),e(L,{store:o}),!h&&e(U,{store:o}),e(j,{store:o}),e(A,{store:o}),e(F,{store:o}),C&&m(so,{children:[e(_,{orientation:"vertical",style:{margin:"0 15px"}}),e(C,{store:o})]})]})]})})}),Io=lo;export{b as a,Oo as b,lo as c,Io as d,O as e};
@@ -1,8 +0,0 @@
1
- import{useState as s,useEffect as r}from"react";var o=768,i=()=>window.innerWidth<=o,l=e=>`
2
- @media (max-width: ${o}px) {
3
- ${e}
4
- .ydesign-editor-mobile & {
5
- ${e}
6
- }
7
- }
8
- `,a=()=>{let[e,n]=s(i());return r(()=>{let t=()=>{n(i())};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),e};export{o as a,i as b,l as c,a as d};
@@ -1,9 +0,0 @@
1
- import*as A from"mobx";var u=A.observable([]);function S(t){u.push(t)}function I(t){let e=u.findIndex(n=>n.fontFamily===t);e!==-1&&u.splice(e,1)}function O(t){u.replace(t)}var E="Some test text;?#D-\u041F\u0420\u0418\u0412\u0415\u0422!1230o9u8i7y6t5r4e3w2q1",g=null;function i(t,e="Arial",n="normal",s="normal"){g||(g=document.createElement("canvas"));let o=g.getContext("2d");return o.font=`${n} ${s} 40px '${t}', ${e}`,o.measureText(E).width}var c={Arial:!0},N=t=>!!c[t],v=6e3,p=60,y=()=>{},R=t=>{y=t},$=()=>v,W=t=>{$=t};async function M(t,e="normal",n="normal"){if(c[t])return;let s=!!document.fonts?.load,o=i("Arial","Arial",e,n);if(s)try{if(await document.fonts.load(`${n} ${e} 16px '${t}'`),i(t,"Arial",e,n)!==o){c[t]=!0;return}}catch{}let l=i("Times","Times",e,n),a=i(t,"Arial",e,n),d=Math.min(v,$())/p;for(let m=0;m<d;m++){let x=i(t,"Arial",e,n),C=i(t,"Times",e,n);if(x!==a||x!==o||C!==l){await T(p),c[t]=!0;return}await T(p)}let f=`Timeout for loading font "${t}". Is it a correct font family?`;console.warn(f),y(f)}function T(t){return new Promise(e=>setTimeout(e,t))}var F={},r=null;function w(){return r||(r=document.getElementById("custom-font-style"),r||(r=document.createElement("style"),r.id="custom-font-style",document.head.appendChild(r))),r.sheet}function P(t){let{fontFamily:e,url:n,styles:s}=t;if(F[e]||!n&&!s)return;let o=s||(n?[{src:`url("${n}")`}]:[]),l=w();o.forEach(a=>{let d=`
2
- @font-face {
3
- font-family: '${e}';
4
- src: ${a.src};
5
- font-style: ${a.fontStyle||"normal"};
6
- font-weight: ${a.fontWeight||"normal"};
7
- font-display: swap;
8
- }
9
- `;l.insertRule(d,l.cssRules.length)}),F[e]=!0}var b={},h="400,400italic,700,700italic";function j(t){h=t}function V(){return h}function L(t){return`https://fonts.googleapis.com/css?family=${t.replace(/ /g,"+")}:${h}`}function k(t){if(b[t])return;let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href=L(t),document.head.appendChild(e),b[t]=!0}export{u as a,S as b,I as c,O as d,N as e,R as f,W as g,M as h,P as i,j,V as k,L as l,k as m};
@@ -1 +0,0 @@
1
- import c,{useEffect as r}from"react";import{Editor as d}from"@ydesign/core";import{observer as l}from"mobx-react-lite";import{jsx as i,jsxs as v}from"react/jsx-runtime";var p=({store:e})=>{let o=c.useRef(null);return r(()=>{let s=o.current,{clientHeight:n,clientWidth:a}=s,t=new d({id:"canvas",config:{size:{width:a,height:n},workareaConfig:{width:e.width,height:e.height,background:"rgba(255,255,255,1)"}},container:s,state:{editor:e.editor,activeObject:e.selectedElements,objects:e.objects,zoomRatio:e.scale,setEditor:e._setEditor,setActiveObject:e.selectElements,setObjects:e.setObjects,setZoomRatio:e.setScale}});return e._setEditor(t),e.setupEditorListeners(),window._c=t,()=>{t.destroy()}},[]),v("div",{id:"canvas_container",ref:o,style:{flex:1,position:"relative",overflow:"hidden"},className:"bg-[#ecf0f1] dark:bg-[#92969d]",children:[i("div",{className:"inside-shadow w-full h-full shadow-inner",style:{position:"absolute",zIndex:2,pointerEvents:"none"}}),i("div",{style:{position:"absolute",height:"100%",width:"100%"},children:i("canvas",{id:"canvas"})})]})},b=l(p);export{p as a,b};
@@ -1 +0,0 @@
1
- import{jsx as d}from"react/jsx-runtime";var o=()=>d("div",{}),r=o;export{o as a,r as b};
@@ -1 +0,0 @@
1
- import{c as r}from"./chunk-YCFED7XQ.js";import{Blend as d}from"lucide-react";import{Popover as c,Tooltip as y,Button as u,InputNumber as h,Slider as v}from"antd";import{observer as g}from"mobx-react-lite";import{useState as f,useEffect as b}from"react";import{jsx as t,jsxs as s}from"react/jsx-runtime";var M=g(({store:o})=>{let m=o.selectedShapes.length>0,e=o.selectedShapes[0],[n,i]=f(()=>Math.round(100*(e?.opacity??1)));b(()=>{e&&i(Math.round(100*(e.opacity??1)))},[e,e?.opacity]);let a=l=>{let p=Math.max(0,Math.min(l,100));i(p),o.set({opacity:p/100})};return t(y,{title:r("toolbar.transparency"),placement:"bottom",children:t(c,{content:s("div",{children:[t("div",{style:{textAlign:"center",marginBottom:10},children:r("toolbar.transparency")}),s("div",{style:{display:"flex"},children:[t("div",{style:{width:170,paddingRight:20},children:t(v,{min:0,max:100,onChange:a,value:n})}),t(h,{min:0,max:100,value:n,onChange:a,size:"small",styles:{root:{width:65}}})]})]}),trigger:"click",children:t(u,{type:"text",disabled:!m,styles:{root:{padding:"0 7px"}},children:t(d,{size:16})})})})});export{M as a};
@@ -1,14 +0,0 @@
1
- import{c as u}from"./chunk-WCHGSVUC.js";import{useState as m,useRef as d,useLayoutEffect as p}from"react";import b from"styled-components";import{OverflowList as v}from"react-overflow-list";import{Ellipsis as h}from"lucide-react";import{Popover as w,Button as y}from"antd";import{jsx as s}from"react/jsx-runtime";var g=b.div`
2
- display: flex;
3
- height: 50px;
4
- align-items: center;
5
- float: left;
6
- overflow: hidden;
7
- max-width: 100%;
8
- box-sizing: border-box;
9
- user-select: auto;
10
-
11
- ${u(`
12
- width: auto !important;
13
- `)}
14
- `,W=({type:a,usedItems:l,components:i})=>{let c=[];return Object.keys(i).forEach(e=>{e.toLowerCase().indexOf(a)===0&&e.toLowerCase()!==a&&(i[e]?l.includes(e)||c.push(e):console.error(`error: Toolbar has invalid React component "${e}"`))}),l.filter(e=>!!e).concat(c)},z=({items:a,itemRender:l})=>{let[i,c]=m(null),e=d(null),f=()=>{if(e.current===null)return;let t=e.current.parentElement;if(!t)return;let r=0;Array.from(t?.children||[]).forEach(o=>{o!==e.current&&(r+=o.offsetWidth)});let n=Math.max(20,t.offsetWidth-r-10);c(o=>o!==n?n:o)};return p(()=>{f();let t=e.current?.parentElement,r=t?.parentElement;if(window.ResizeObserver){let n=new ResizeObserver(f);t&&n.observe(t),r&&n.observe(r);let o=new MutationObserver(f);return t&&o.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{n.disconnect(),o.disconnect()}}else{let n=setInterval(f,100);return()=>clearInterval(n)}},[]),s(g,{ref:e,style:{width:i??"auto"},className:"bp5-navbar-group bp5-align-left overflow-hidden flex-shrink-0",children:i!==null&&s(v,{className:"gap-2 items-center w-full",collapseFrom:"end",items:a,minVisibleItems:0,itemRenderer:l,overflowRenderer:t=>s(w,{content:s("div",{style:{display:"flex",gap:6},children:t.map(r=>l(r))}),trigger:"click",placement:"bottom",children:s(y,{type:"text",size:"small",onMouseDownCapture:r=>{r.preventDefault()},children:s(h,{})})})},i)})};export{W as a,z as b};
@@ -1 +0,0 @@
1
- import{c as l}from"./chunk-YCFED7XQ.js";import{Popover as ve,Button as Fe,Switch as T,Slider as k,InputNumber as v,ColorPicker as Z}from"antd";import{observer as pe}from"mobx-react-lite";import{Sparkles as ye}from"lucide-react";import{useEffect as xe,useState as i}from"react";import{Fragment as W,jsx as a,jsxs as s}from"react/jsx-runtime";var F=(h,g,f)=>Math.max(g,Math.min(f,h)),$={display:"inline-flex",justifyContent:"space-between",width:"100%",padding:6},E={display:"flex",alignItems:"center",justifyContent:"space-between",padding:6},u=({label:h,enabled:g,visible:f=!0,onEnabledChange:O,numberValue:n,min:t,max:p,onNumberValueChange:o,step:m})=>f?s(W,{children:[s("div",{style:{display:"inline-flex",justifyContent:"space-between",width:"100%",padding:"6px"},children:[a("span",{children:h}),a(T,{checked:g,onChange:d=>{O(d)}})]}),g?s("div",{style:{display:"flex",width:"100%",justifyContent:"space-between",marginTop:10,marginBottom:10},children:[a("div",{style:{flex:1},children:a(k,{value:n,onChange:d=>{o(d)},min:t,max:p,step:m})}),a(v,{size:"small",style:{width:60,marginLeft:10},value:n,step:m,onChange:d=>{o(F(d,t,p))}})]}):null]}):null,ke=pe(({element:h,store:g,elements:f})=>{let n=(f||[h])[0],t=g.editor,p=n?.type==="textbox",o=n?.type==="image",m=t?.imageFiltersHandler.getFilter("blur"),d=t?.imageFiltersHandler.getFilter("brightness"),y=t?.imageFiltersHandler.getFilter("contrast"),x=t?.imageFiltersHandler.getFilter("saturation"),C=t?.imageFiltersHandler.getFilter("vibrance"),H=t?.imageFiltersHandler.getFilter("hueRotation"),w=t?.imageFiltersHandler.getFilter("noise"),V=t?.imageFiltersHandler.getFilter("pixelate"),[ee,_]=i(!!m),[te,M]=i(m?.blur||.5),[ae,S]=i(!!d),[ne,L]=i(d?.brightness||.05),[re,I]=i(!!y),[ie,q]=i(y?.contrast||.25),[le,N]=i(!!x),[se,D]=i(x?.saturation||1),[oe,R]=i(!!C),[be,G]=i(C?.vibrance||1),[de,j]=i(!!H),[ce,J]=i(H?.rotation||-.5),[ue,A]=i(!!w),[me,K]=i(w?.noise||30),[ge,X]=i(!!V),[he,Q]=i(V?.blocksize||30),[fe,Y]=i(n?.stroke),[P,z]=i(n?.strokeWidth),[b,U]=i({enabled:!!n?.shadow,offsetX:n?.shadow?.offsetX||15,offsetY:n?.shadow?.offsetY||15,blur:n?.shadow?.blur||25,color:n?.shadow?.color||"rgba(0,0,0,0.45)",affectStroke:!1,nonScaling:!1,type:"shadow"});xe(()=>{Y(n?.stroke),z(n?.strokeWidth),U({enabled:!!n?.shadow,offsetX:n?.shadow?.offsetX||15,offsetY:n?.shadow?.offsetY||15,blur:n?.shadow?.blur||25,color:n?.shadow?.color||"rgba(0,0,0,0.45)",affectStroke:!1,nonScaling:!1,type:"shadow"}),_(!!m),M(m?.blur||.5),S(!!d),L(d?.brightness||.05),I(!!y),q(y?.contrast||.25),N(!!x),D(x?.saturation||1),R(!!C),G(C?.vibrance||1),j(!!H),J(H?.rotation||-.5),A(!!w),K(w?.noise||30),X(!!V),Q(V?.blocksize||30)},[n]);let B=e=>{t?.objectsHandler.setTextStyle(e)},c=(e,r)=>{U({...b,[e]:r}),t&&t.objectsHandler.setShadow({...b,[e]:r})};return a(ve,{trigger:"click",content:s("div",{style:{width:"280px",maxHeight:"calc(100vh - 150px)",overflow:"auto"},children:[a(u,{label:l("toolbar.blur"),visible:o,enabled:ee,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"blur",{blur:.5}),_(!0)):(t?.imageFiltersHandler._removeFilter(r,"blur"),_(!1))},min:0,max:1,step:.1,numberValue:te,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("blur","blur",e),M(e)}}),a(u,{label:l("toolbar.brightness"),visible:o,enabled:ae,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"brightness",{brightness:.05}),S(!0)):(t?.imageFiltersHandler._removeFilter(r,"brightness"),S(!1))},min:-1,max:1,step:.01,numberValue:ne,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("brightness","brightness",e),L(e)}}),a(u,{label:l("toolbar.contrast"),visible:o,enabled:re,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"contrast",{contrast:.25}),I(!0)):(t?.imageFiltersHandler._removeFilter(r,"contrast"),I(!1))},min:-1,max:1,step:.01,numberValue:ie,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("contrast","contrast",e),q(e)}}),a(u,{label:l("toolbar.saturation"),visible:o,enabled:le,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"saturation",{saturation:1}),N(!0)):(t?.imageFiltersHandler._removeFilter(r,"saturation"),N(!1))},min:-1,max:1,step:.01,numberValue:se,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("saturation","saturation",e),D(e)}}),a(u,{label:l("toolbar.vibrance"),visible:o,enabled:oe,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"vibrance",{vibrance:1}),R(!0)):(t?.imageFiltersHandler._removeFilter(r,"vibrance"),R(!1))},min:-1,max:1,step:.01,numberValue:be,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("vibrance","vibrance",e),G(e)}}),a(u,{label:l("toolbar.hueRotation"),visible:o,enabled:de,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"hueRotation",{rotation:-.5}),j(!0)):(t?.imageFiltersHandler._removeFilter(r,"hueRotation"),j(!1))},min:-1,max:1,step:.01,numberValue:ce,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("hueRotation","rotation",e),J(e)}}),a(u,{label:l("toolbar.noise"),visible:o,enabled:ue,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"noise",{noise:30}),A(!0)):(t?.imageFiltersHandler._removeFilter(r,"noise"),A(!1))},min:0,max:1e3,step:1,numberValue:me,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("noise","noise",e),K(e)}}),a(u,{label:l("toolbar.pixelate"),visible:o,enabled:ge,onEnabledChange:e=>{let r=n;e?(t?.imageFiltersHandler._createFilter(r,"pixelate",{blocksize:10}),X(!0)):(t?.imageFiltersHandler._removeFilter(r,"pixelate"),X(!1))},min:.01,max:100,step:.01,numberValue:he,onNumberValueChange:e=>{t?.imageFiltersHandler._changeAttr("pixelate","blocksize",e),Q(e)}}),p&&s(W,{children:[s("div",{style:$,children:[a("span",{children:l("toolbar.textStroke")}),a(T,{checked:!!P,onChange:e=>{B({strokeWidth:e?10:0,stroke:e?"red":null}),z(e?10:0),Y(e?"red":null)}})]}),!!P&&s("div",{style:{display:"flex",justifyContent:"space-between",padding:"6px"},children:[a(Z,{value:fe,onChange:e=>{let r=e.toCssString();B({stroke:r}),Y(r)}}),a(v,{value:P,onChange:e=>{B({strokeWidth:F(e,1,30)}),z(F(e,1,30))},style:{width:60},min:1,max:Math.round(n.fontSize/2)})]})]}),s("div",{style:$,children:[a("span",{children:l("toolbar.shadow")}),a(T,{checked:!!b.enabled,onChange:e=>{c("enabled",e)}})]}),b.enabled&&s(W,{children:[s("div",{style:E,children:[a("div",{children:l("toolbar.blur")}),a("div",{children:a(v,{value:b.blur,style:{width:60},min:0,max:50,onChange:e=>{c("blur",e)}})})]}),a(k,{value:b.blur,onChange:e=>c("blur",e),min:0,max:50}),s("div",{style:E,children:[a("div",{children:l("toolbar.offsetX")}),a("div",{children:a(v,{value:b.offsetX,style:{width:60},min:-50,max:50,onChange:e=>{c("offsetX",F(e,-50,50))}})})]}),a(k,{value:b.offsetX,onChange:e=>c("offsetX",e),min:-50,max:50}),s("div",{style:E,children:[a("div",{children:l("toolbar.offsetY")}),a("div",{children:a(v,{value:b.offsetY,style:{width:60},min:-50,max:50,onChange:e=>{c("offsetY",F(e,-50,50))}})})]}),a(k,{value:b.offsetY,onChange:e=>c("offsetY",e),min:-50,max:50}),s("div",{style:E,children:[a("div",{children:l("toolbar.color")}),a(Z,{defaultFormat:"rgb",value:b.color,onChange:e=>{c("color",e.toRgbString())}})]})]})]}),children:a(Fe,{type:"text",icon:a(ye,{size:16,style:{display:"flex"}}),styles:{root:{padding:"0 7px"}},children:l("toolbar.effects")})})});export{ke as a};
@@ -1 +0,0 @@
1
- import{a as r}from"./chunk-75WC3GVB.js";import{c as e}from"./chunk-YCFED7XQ.js";import{LockKeyholeOpen as m,LockKeyhole as k}from"lucide-react";import{Tooltip as d,Button as a}from"antd";import{observer as f}from"mobx-react-lite";import{jsx as t}from"react/jsx-runtime";var x=f(({store:l})=>{let{disabled:i,locked:o,lock:p,unlock:c}=r({store:l}),n=o?k:m,s=e(o?"toolbar.lockedDescription":"toolbar.unlockedDescription");return t(d,{title:s,placement:"bottom",children:t(a,{type:"text",styles:{root:{padding:"0 7px"}},disabled:i,onClick:()=>{o?c():p()},children:t(n,{size:16})})})});export{x as a};
@@ -1,16 +0,0 @@
1
- import { StoreType } from '../model/store.js';
2
- import 'fabric';
3
- import 'mobx-state-tree/dist/internal';
4
- import 'mobx-state-tree';
5
- import '@ydesign/core';
6
- import '../utils/fonts.js';
7
- import 'mobx';
8
-
9
- declare const useDuplicateElement: ({ store }: {
10
- store: StoreType;
11
- }) => {
12
- disabled: boolean;
13
- duplicate: () => void;
14
- };
15
-
16
- export { useDuplicateElement };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-JMIN2XMC.js";import"../chunk-O2XFH626.js";export{a as useDuplicateElement};
@@ -1,18 +0,0 @@
1
- import { StoreType } from '../model/store.js';
2
- import 'fabric';
3
- import 'mobx-state-tree/dist/internal';
4
- import 'mobx-state-tree';
5
- import '@ydesign/core';
6
- import '../utils/fonts.js';
7
- import 'mobx';
8
-
9
- declare const useLock: ({ store }: {
10
- store: StoreType;
11
- }) => {
12
- disabled: boolean;
13
- lock: () => void;
14
- unlock: () => void;
15
- locked: boolean | undefined;
16
- };
17
-
18
- export { useLock };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-75WC3GVB.js";import"../chunk-O2XFH626.js";export{a as useLock};
@@ -1,16 +0,0 @@
1
- import { StoreType } from '../model/store.js';
2
- import 'fabric';
3
- import 'mobx-state-tree/dist/internal';
4
- import 'mobx-state-tree';
5
- import '@ydesign/core';
6
- import '../utils/fonts.js';
7
- import 'mobx';
8
-
9
- declare const useRemoveElement: ({ store }: {
10
- store: StoreType;
11
- }) => {
12
- disabled: boolean;
13
- remove: () => void;
14
- };
15
-
16
- export { useRemoveElement };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-IUFYYEGO.js";import"../chunk-O2XFH626.js";export{a as useRemoveElement};
@@ -1,5 +0,0 @@
1
- import { ClassValue } from 'clsx';
2
-
3
- declare function cn(...inputs: ClassValue[]): string;
4
-
5
- export { cn };
package/dist/lib/utils.js DELETED
@@ -1 +0,0 @@
1
- import{a}from"../chunk-MXZ6RXT3.js";import"../chunk-O2XFH626.js";export{a as cn};
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const setBackgroundColorsPreset: (newColors: string[]) => void;
11
- declare const BackgroundPanel: (({ store }: {
12
- store: StoreType;
13
- }) => react_jsx_runtime.JSX.Element) & {
14
- displayName: string;
15
- };
16
-
17
- export { BackgroundPanel, setBackgroundColorsPreset };
@@ -1 +0,0 @@
1
- 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};
@@ -1,27 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { FabricObject } from '@ydesign/core';
3
-
4
- type Props<ImageType> = {
5
- images: ImageType[] | undefined;
6
- onSelect: (image: ImageType, pos?: {
7
- x: number;
8
- y: number;
9
- }, element?: FabricObject | undefined, event?: any) => void;
10
- isLoading: boolean;
11
- getPreview: (image: ImageType) => string;
12
- loadMore?: false | undefined | null | (() => void);
13
- getCredit?: (image: ImageType) => any;
14
- getImageClassName?: (image: ImageType) => string;
15
- rowsNumber?: number;
16
- crossOrigin?: string;
17
- shadowEnabled?: boolean;
18
- itemHeight?: number;
19
- spacing?: number;
20
- error?: any;
21
- hideNoResults?: boolean;
22
- };
23
- declare const ImagesGrid: (<ImageType>({ images, rowsNumber, isLoading, getPreview, getCredit, getImageClassName, onSelect, crossOrigin, shadowEnabled, itemHeight, error, hideNoResults, spacing, }: Props<ImageType>) => react_jsx_runtime.JSX.Element) & {
24
- displayName: string;
25
- };
26
-
27
- export { ImagesGrid };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ImagesGrid};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const LayersPanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { LayersPanel };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-5X6VER6G.js";import"../chunk-4LUZF4CB.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as LayersPanel};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const PhotosPanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { PhotosPanel };
@@ -1 +0,0 @@
1
- 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};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const ShapesPanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { ShapesPanel };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-DGCF2GDA.js";import"../chunk-MXZ6RXT3.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-BE3YOONJ.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as ShapesPanel};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const SizePanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { SizePanel };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-QWM7VMLQ.js";import"../chunk-5C2MNUBC.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as SizePanel};
@@ -1,12 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- interface SectionTabProps {
4
- children: any;
5
- name: string;
6
- onClick: any;
7
- active: boolean;
8
- iconSize?: number;
9
- }
10
- declare const SectionTab: ({ children, name, iconSize, onClick, active }: SectionTabProps) => react_jsx_runtime.JSX.Element;
11
-
12
- export { SectionTab };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-ESNVOB52.js";import"../chunk-O2XFH626.js";export{a as SectionTab};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const TemplatesPanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { TemplatesPanel };
@@ -1 +0,0 @@
1
- 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};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const TextPanel: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { TextPanel };
@@ -1 +0,0 @@
1
- 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};
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare function setUploadFunc(func: any): void;
11
- declare const UploadPanel: (({ store }: {
12
- store: StoreType;
13
- }) => react_jsx_runtime.JSX.Element) & {
14
- displayName: string;
15
- };
16
-
17
- export { UploadPanel, UploadPanel as default, setUploadFunc };
@@ -1 +0,0 @@
1
- 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};
@@ -1,21 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const BackgroundPicker: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
- type PageProps = {
16
- store: StoreType;
17
- components?: any;
18
- };
19
- declare const DefaultToolbar: ({ store, components }: PageProps) => react_jsx_runtime.JSX.Element;
20
-
21
- export { BackgroundPicker, DefaultToolbar, DefaultToolbar as default };
@@ -1 +0,0 @@
1
- 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};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const DuplicateButton: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { DuplicateButton };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-J6PYM4EV.js";import"../chunk-YCFED7XQ.js";import"../chunk-JMIN2XMC.js";import"../chunk-O2XFH626.js";export{a as DuplicateButton};
@@ -1,13 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare const extendToolbar: ({ type, usedItems, components }: {
4
- type: string;
5
- usedItems: Array<string | undefined>;
6
- components: any;
7
- }) => (string | undefined)[];
8
- declare const ElementContainer: ({ items, itemRender }: {
9
- items: any;
10
- itemRender: any;
11
- }) => react_jsx_runtime.JSX.Element;
12
-
13
- export { ElementContainer, extendToolbar };
@@ -1 +0,0 @@
1
- import{a,b}from"../chunk-YRJUN267.js";import"../chunk-WCHGSVUC.js";import"../chunk-O2XFH626.js";export{b as ElementContainer,a as extendToolbar};
@@ -1,33 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import { FabricObject } from '@ydesign/core';
4
- import 'fabric';
5
- import 'mobx-state-tree/dist/internal';
6
- import 'mobx-state-tree';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- type Props = {
11
- store: StoreType;
12
- components?: any;
13
- };
14
- type ButtonProps = {
15
- element?: FabricObject;
16
- store: StoreType;
17
- elements: FabricObject[];
18
- };
19
- declare const getFillKey: (fill: any) => string;
20
- declare const FigureFill: (({ store, elements }: ButtonProps) => react_jsx_runtime.JSX.Element) & {
21
- displayName: string;
22
- };
23
- declare const FigureSettings: (({ store, element }: ButtonProps) => react_jsx_runtime.JSX.Element) & {
24
- displayName: string;
25
- };
26
- declare const FigureStroke: (({ store, elements }: ButtonProps) => react_jsx_runtime.JSX.Element | null) & {
27
- displayName: string;
28
- };
29
- declare const FigureToolbar: (({ store, components }: Props) => react_jsx_runtime.JSX.Element) & {
30
- displayName: string;
31
- };
32
-
33
- export { FigureFill, FigureSettings, FigureStroke, FigureToolbar, getFillKey };
@@ -1 +0,0 @@
1
- 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};
@@ -1,18 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import { FabricObject } from '@ydesign/core';
4
- import 'fabric';
5
- import 'mobx-state-tree/dist/internal';
6
- import 'mobx-state-tree';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const FiltersPicker: (({ element, store, elements }: {
11
- elements?: Array<FabricObject>;
12
- element?: FabricObject;
13
- store: StoreType;
14
- }) => react_jsx_runtime.JSX.Element) & {
15
- displayName: string;
16
- };
17
-
18
- export { FiltersPicker };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-YVBVDUVA.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as FiltersPicker};
@@ -1,18 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { FabricObject } from '@ydesign/core';
3
- import { StoreType } from '../model/store.js';
4
- import 'fabric';
5
- import 'mobx-state-tree/dist/internal';
6
- import 'mobx-state-tree';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const FlipButton: (({ element, store }: {
11
- elements?: Array<FabricObject>;
12
- element?: FabricObject;
13
- store: StoreType;
14
- }) => react_jsx_runtime.JSX.Element) & {
15
- displayName: string;
16
- };
17
-
18
- export { FlipButton };
@@ -1 +0,0 @@
1
- import{a}from"../chunk-TTK5Z2Z6.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{a as FlipButton};
@@ -1,16 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { StoreType } from '../model/store.js';
3
- import 'fabric';
4
- import 'mobx-state-tree/dist/internal';
5
- import 'mobx-state-tree';
6
- import '@ydesign/core';
7
- import '../utils/fonts.js';
8
- import 'mobx';
9
-
10
- declare const GroupButton: (({ store }: {
11
- store: StoreType;
12
- }) => react_jsx_runtime.JSX.Element) & {
13
- displayName: string;
14
- };
15
-
16
- export { GroupButton };