@ydesign/react-editor 0.0.9 → 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 (184) 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 -346
  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 +19 -6
  30. package/dist/topbar/topbar.js +158 -8
  31. package/package.json +2 -2
  32. package/dist/canvas/context-menu/context-menu.d.ts +0 -2
  33. package/dist/canvas/context-menu/context-menu.js +0 -0
  34. package/dist/canvas/hotkeys.d.ts +0 -3
  35. package/dist/canvas/hotkeys.js +0 -1
  36. package/dist/canvas/workspace-canvas.d.ts +0 -19
  37. package/dist/canvas/workspace-canvas.js +0 -1
  38. package/dist/chunk-2A3HHQ7X.js +0 -1
  39. package/dist/chunk-2T3O5ZZ2.js +0 -1
  40. package/dist/chunk-3TO57JPN.js +0 -1
  41. package/dist/chunk-4HH3B3W3.js +0 -23
  42. package/dist/chunk-4LUZF4CB.js +0 -2
  43. package/dist/chunk-5OA2JYPB.js +0 -1
  44. package/dist/chunk-5X6VER6G.js +0 -1
  45. package/dist/chunk-62YF5KTO.js +0 -1
  46. package/dist/chunk-75WC3GVB.js +0 -1
  47. package/dist/chunk-7NNOHYKX.js +0 -15
  48. package/dist/chunk-A7SUGNOW.js +0 -1
  49. package/dist/chunk-AC6CCGZH.js +0 -1
  50. package/dist/chunk-CB23VFSC.js +0 -1
  51. package/dist/chunk-DGCF2GDA.js +0 -9
  52. package/dist/chunk-HHYPIHAP.js +0 -45
  53. package/dist/chunk-IUFYYEGO.js +0 -1
  54. package/dist/chunk-IV52R7D7.js +0 -27
  55. package/dist/chunk-J6PYM4EV.js +0 -1
  56. package/dist/chunk-JMIN2XMC.js +0 -1
  57. package/dist/chunk-JPIYZYMQ.js +0 -1
  58. package/dist/chunk-JUVJJS4T.js +0 -54
  59. package/dist/chunk-KKA7WASQ.js +0 -16
  60. package/dist/chunk-KVT25LDU.js +0 -1
  61. package/dist/chunk-NDZKXZQ2.js +0 -3
  62. package/dist/chunk-O56ZNYGR.js +0 -1
  63. package/dist/chunk-O73AAP2K.js +0 -1
  64. package/dist/chunk-OPXS6VQ6.js +0 -151
  65. package/dist/chunk-OQ6HU62L.js +0 -1
  66. package/dist/chunk-P5I43V7X.js +0 -1
  67. package/dist/chunk-POCSL7OS.js +0 -50
  68. package/dist/chunk-POWRXH5R.js +0 -1
  69. package/dist/chunk-PSO4W6J7.js +0 -9
  70. package/dist/chunk-QWM7VMLQ.js +0 -9
  71. package/dist/chunk-RSKWMPST.js +0 -1
  72. package/dist/chunk-SGK2XN5D.js +0 -1
  73. package/dist/chunk-T3TEB73P.js +0 -1
  74. package/dist/chunk-TS5CKDHH.js +0 -1
  75. package/dist/chunk-TTHQXTIX.js +0 -1
  76. package/dist/chunk-TTK5Z2Z6.js +0 -1
  77. package/dist/chunk-TZ6B7XDS.js +0 -1
  78. package/dist/chunk-WCHGSVUC.js +0 -8
  79. package/dist/chunk-WJT6VPDR.js +0 -9
  80. package/dist/chunk-XA2G4P2Q.js +0 -1
  81. package/dist/chunk-XRRO2RT7.js +0 -1
  82. package/dist/chunk-YCJBBRRT.js +0 -1
  83. package/dist/chunk-YRJUN267.js +0 -14
  84. package/dist/chunk-YVBVDUVA.js +0 -1
  85. package/dist/hooks/use-duplicate-element.d.ts +0 -16
  86. package/dist/hooks/use-duplicate-element.js +0 -1
  87. package/dist/hooks/use-lock.d.ts +0 -18
  88. package/dist/hooks/use-lock.js +0 -1
  89. package/dist/hooks/use-remove-element.d.ts +0 -16
  90. package/dist/hooks/use-remove-element.js +0 -1
  91. package/dist/lib/utils.d.ts +0 -5
  92. package/dist/lib/utils.js +0 -1
  93. package/dist/side-panel/background-panel.d.ts +0 -17
  94. package/dist/side-panel/background-panel.js +0 -1
  95. package/dist/side-panel/images-grid.d.ts +0 -27
  96. package/dist/side-panel/images-grid.js +0 -1
  97. package/dist/side-panel/layers-panel.d.ts +0 -16
  98. package/dist/side-panel/layers-panel.js +0 -1
  99. package/dist/side-panel/photos-panel.d.ts +0 -16
  100. package/dist/side-panel/photos-panel.js +0 -1
  101. package/dist/side-panel/shapes-panel.d.ts +0 -16
  102. package/dist/side-panel/shapes-panel.js +0 -1
  103. package/dist/side-panel/size-panel.d.ts +0 -16
  104. package/dist/side-panel/size-panel.js +0 -1
  105. package/dist/side-panel/tab-button.d.ts +0 -12
  106. package/dist/side-panel/tab-button.js +0 -1
  107. package/dist/side-panel/templates-panel.d.ts +0 -16
  108. package/dist/side-panel/templates-panel.js +0 -1
  109. package/dist/side-panel/text-panel.d.ts +0 -16
  110. package/dist/side-panel/text-panel.js +0 -1
  111. package/dist/side-panel/upload-panel.d.ts +0 -17
  112. package/dist/side-panel/upload-panel.js +0 -1
  113. package/dist/toolbar/default-toolbar.d.ts +0 -21
  114. package/dist/toolbar/default-toolbar.js +0 -1
  115. package/dist/toolbar/duplicate-button.d.ts +0 -16
  116. package/dist/toolbar/duplicate-button.js +0 -1
  117. package/dist/toolbar/element-container.d.ts +0 -13
  118. package/dist/toolbar/element-container.js +0 -1
  119. package/dist/toolbar/figure-toolbar.d.ts +0 -33
  120. package/dist/toolbar/figure-toolbar.js +0 -1
  121. package/dist/toolbar/filters-picker.d.ts +0 -18
  122. package/dist/toolbar/filters-picker.js +0 -1
  123. package/dist/toolbar/flip-button.d.ts +0 -18
  124. package/dist/toolbar/flip-button.js +0 -1
  125. package/dist/toolbar/group-button.d.ts +0 -16
  126. package/dist/toolbar/group-button.js +0 -1
  127. package/dist/toolbar/history-buttons.d.ts +0 -16
  128. package/dist/toolbar/history-buttons.js +0 -1
  129. package/dist/toolbar/image-eraser-pen.d.ts +0 -10
  130. package/dist/toolbar/image-eraser-pen.js +0 -1
  131. package/dist/toolbar/image-remove-background.d.ts +0 -10
  132. package/dist/toolbar/image-remove-background.js +0 -1
  133. package/dist/toolbar/image-toolbar.d.ts +0 -36
  134. package/dist/toolbar/image-toolbar.js +0 -1
  135. package/dist/toolbar/lock-button.d.ts +0 -16
  136. package/dist/toolbar/lock-button.js +0 -1
  137. package/dist/toolbar/many-toolbar.d.ts +0 -5
  138. package/dist/toolbar/many-toolbar.js +0 -1
  139. package/dist/toolbar/opacity-picker.d.ts +0 -16
  140. package/dist/toolbar/opacity-picker.js +0 -1
  141. package/dist/toolbar/position-picker.d.ts +0 -16
  142. package/dist/toolbar/position-picker.js +0 -1
  143. package/dist/toolbar/remove-button.d.ts +0 -16
  144. package/dist/toolbar/remove-button.js +0 -1
  145. package/dist/toolbar/text-ai-write.d.ts +0 -7
  146. package/dist/toolbar/text-ai-write.js +0 -1
  147. package/dist/toolbar/text-toolbar.d.ts +0 -19
  148. package/dist/toolbar/text-toolbar.js +0 -1
  149. package/dist/topbar/create-design.d.ts +0 -30
  150. package/dist/topbar/create-design.js +0 -1
  151. package/dist/topbar/file-menu.d.ts +0 -19
  152. package/dist/topbar/file-menu.js +0 -1
  153. package/dist/utils/api.d.ts +0 -14
  154. package/dist/utils/api.js +0 -1
  155. package/dist/utils/blob.d.ts +0 -5
  156. package/dist/utils/blob.js +0 -1
  157. package/dist/utils/download.d.ts +0 -3
  158. package/dist/utils/download.js +0 -1
  159. package/dist/utils/figure-to-svg.d.ts +0 -36
  160. package/dist/utils/figure-to-svg.js +0 -1
  161. package/dist/utils/file.d.ts +0 -3
  162. package/dist/utils/file.js +0 -1
  163. package/dist/utils/filters.d.ts +0 -2
  164. package/dist/utils/filters.js +0 -0
  165. package/dist/utils/fonts.d.ts +0 -68
  166. package/dist/utils/fonts.js +0 -1
  167. package/dist/utils/image.d.ts +0 -19
  168. package/dist/utils/image.js +0 -1
  169. package/dist/utils/l10n.d.ts +0 -227
  170. package/dist/utils/l10n.js +0 -1
  171. package/dist/utils/loader.d.ts +0 -6
  172. package/dist/utils/loader.js +0 -1
  173. package/dist/utils/screen.d.ts +0 -6
  174. package/dist/utils/screen.js +0 -1
  175. package/dist/utils/svg.d.ts +0 -3
  176. package/dist/utils/svg.js +0 -1
  177. package/dist/utils/text.d.ts +0 -3
  178. package/dist/utils/text.js +0 -1
  179. package/dist/utils/use-api.d.ts +0 -2
  180. package/dist/utils/use-api.js +0 -0
  181. package/dist/utils/use-axios.d.ts +0 -5
  182. package/dist/utils/use-axios.js +0 -1
  183. /package/dist/{chunk-MXZ6RXT3.js → chunk-EWOU5F3O.js} +0 -0
  184. /package/dist/{chunk-YCFED7XQ.js → chunk-WFMCGQ5V.js} +0 -0
package/dist/config.d.ts CHANGED
@@ -1,6 +1,231 @@
1
1
  import { XY } from '@ydesign/core';
2
- export { getTranslations, setTranslations } from './utils/l10n.js';
3
- export { setAPI } from './utils/api.js';
2
+
3
+ /**
4
+ * 设置/更新翻译
5
+ * @param {object} newTranslations - 新的翻译对象
6
+ * @param {object} options - 配置选项
7
+ * @param {boolean} options.validate - 是否验证翻译完整性
8
+ */
9
+ declare const setTranslations: (newTranslations: any, { validate }?: {
10
+ validate?: boolean | undefined;
11
+ }) => void;
12
+ /**
13
+ * 获取所有翻译(返回普通 JS 对象)
14
+ * @returns {object}
15
+ */
16
+ declare const getTranslations: () => {
17
+ toolbar: {
18
+ undo: string;
19
+ redo: string;
20
+ duration: string;
21
+ opacity: string;
22
+ effects: string;
23
+ blur: string;
24
+ textBackground: string;
25
+ backgroundCornerRadius: string;
26
+ backgroundOpacity: string;
27
+ backgroundPadding: string;
28
+ backgroundColor: string;
29
+ brightness: string;
30
+ filters: string;
31
+ sepia: string;
32
+ grayscale: string;
33
+ contrast: string;
34
+ saturation: string;
35
+ vibrance: string;
36
+ hueRotation: string;
37
+ noise: string;
38
+ pixelate: string;
39
+ textStroke: string;
40
+ shadow: string;
41
+ border: string;
42
+ cornerRadius: string;
43
+ textleft: string;
44
+ textcenter: string;
45
+ textright: string;
46
+ textjustify: string;
47
+ textBold: string;
48
+ textItalic: string;
49
+ textUnderline: string;
50
+ textStrikethrough: string;
51
+ splitByGrapheme: string;
52
+ position: string;
53
+ layering: string;
54
+ toForward: string;
55
+ up: string;
56
+ down: string;
57
+ toBottom: string;
58
+ alignLeft: string;
59
+ alignCenter: string;
60
+ alignRight: string;
61
+ alignTop: string;
62
+ alignMiddle: string;
63
+ alignBottom: string;
64
+ flip: string;
65
+ flipHorizontally: string;
66
+ flipVertically: string;
67
+ fitToBackground: string;
68
+ removeBackground: string;
69
+ removeBackgroundTitle: string;
70
+ cancelRemoveBackground: string;
71
+ confirmRemoveBackground: string;
72
+ eraserPen: string;
73
+ eraserPenTitle: string;
74
+ cancelEraserPen: string;
75
+ confirmEraserPen: string;
76
+ crop: string;
77
+ cropDone: string;
78
+ cropCancel: string;
79
+ clip: string;
80
+ removeClip: string;
81
+ removeMask: string;
82
+ transparency: string;
83
+ lockedDescription: string;
84
+ unlockedDescription: string;
85
+ removeElements: string;
86
+ duplicateElements: string;
87
+ download: string;
88
+ saveAsImage: string;
89
+ saveAsPDF: string;
90
+ lineHeight: string;
91
+ letterSpacing: string;
92
+ offsetX: string;
93
+ offsetY: string;
94
+ color: string;
95
+ selectable: string;
96
+ draggable: string;
97
+ removable: string;
98
+ resizable: string;
99
+ contentEditable: string;
100
+ styleEditable: string;
101
+ alwaysOnTop: string;
102
+ showInExport: string;
103
+ ungroupElements: string;
104
+ groupElements: string;
105
+ lineSize: string;
106
+ fade: string;
107
+ move: string;
108
+ zoom: string;
109
+ rotate: string;
110
+ none: string;
111
+ bounce: string;
112
+ blink: string;
113
+ strength: string;
114
+ spaceEvenly: string;
115
+ horizontalDistribution: string;
116
+ verticalDistribution: string;
117
+ strokeWidth: string;
118
+ strokeSettings: string;
119
+ colorPicker: {
120
+ solid: string;
121
+ linear: string;
122
+ angle: string;
123
+ };
124
+ aiText: {
125
+ aiWrite: string;
126
+ rewrite: string;
127
+ shorten: string;
128
+ continue: string;
129
+ proofread: string;
130
+ tones: string;
131
+ friendly: string;
132
+ professional: string;
133
+ humorous: string;
134
+ formal: string;
135
+ customPrompt: string;
136
+ generatedResult: string;
137
+ cancel: string;
138
+ generate: string;
139
+ back: string;
140
+ tryAgain: string;
141
+ insert: string;
142
+ promptPlaceholder: string;
143
+ };
144
+ addImage: string;
145
+ addText: string;
146
+ fileType: string;
147
+ quality: string;
148
+ multiplier: string;
149
+ size: string;
150
+ };
151
+ workspace: {
152
+ noPages: string;
153
+ addPage: string;
154
+ removePage: string;
155
+ duplicatePage: string;
156
+ moveUp: string;
157
+ moveDown: string;
158
+ };
159
+ scale: {
160
+ reset: string;
161
+ };
162
+ error: {
163
+ removeBackground: string;
164
+ };
165
+ sidePanel: {
166
+ templates: string;
167
+ searchTemplatesWithSameSize: string;
168
+ searchPlaceholder: string;
169
+ otherFormats: string;
170
+ noResults: string;
171
+ error: string;
172
+ text: string;
173
+ uploadFont: string;
174
+ myFonts: string;
175
+ photos: string;
176
+ videos: string;
177
+ animations: string;
178
+ effects: string;
179
+ elements: string;
180
+ shapes: string;
181
+ lines: string;
182
+ upload: string;
183
+ uploadImage: string;
184
+ uploadTip: string;
185
+ background: string;
186
+ resize: string;
187
+ layers: string;
188
+ layerTypes: {
189
+ image: string;
190
+ text: string;
191
+ svg: string;
192
+ line: string;
193
+ figure: string;
194
+ group: string;
195
+ };
196
+ layersTip: string;
197
+ noLayers: string;
198
+ namePlaceholder: string;
199
+ useMagicResize: string;
200
+ clipImage: string;
201
+ width: string;
202
+ height: string;
203
+ magicResizeDescription: string;
204
+ headerText: string;
205
+ createHeader: string;
206
+ subHeaderText: string;
207
+ createSubHeader: string;
208
+ bodyText: string;
209
+ createBody: string;
210
+ units: string;
211
+ };
212
+ topbar: {
213
+ newDesign: string;
214
+ language: string;
215
+ editableTextPlaceholder: string;
216
+ statusLoading: string;
217
+ statusSaved: string;
218
+ statusHasChanges: string;
219
+ statusSaving: string;
220
+ };
221
+ };
222
+
223
+ type UrlResult = {
224
+ method?: string;
225
+ url: string;
226
+ data?: Record<string, any>;
227
+ };
228
+ declare const setAPI: (o: string, t: (...args: any[]) => UrlResult) => void;
4
229
 
5
230
  declare const enum ShapePathFormulasKeys {
6
231
  ROUND_RECT = "roundRect",
@@ -52,4 +277,4 @@ interface PresetLine {
52
277
  declare const LinePoolItems: LinePoolItem[];
53
278
  declare const PathLineLibs: PresetLine[];
54
279
 
55
- export { type LinePoint, type LinePoolItem, LinePoolItems, PathLineLibs, type PathListItem, type PathPoolItem, PathShapeLibs, type PresetLine, ShapePathFormulasKeys };
280
+ export { type LinePoint, type LinePoolItem, LinePoolItems, PathLineLibs, type PathListItem, type PathPoolItem, PathShapeLibs, type PresetLine, ShapePathFormulasKeys, getTranslations, setAPI, setTranslations };
package/dist/config.js CHANGED
@@ -1 +1 @@
1
- import{a as d,b as e,c as f,d as g}from"./chunk-TZ6B7XDS.js";import"./chunk-7NNOHYKX.js";import{i as c}from"./chunk-TTHQXTIX.js";import{a,b}from"./chunk-YCFED7XQ.js";import"./chunk-O2XFH626.js";export{f as LinePoolItems,g as PathLineLibs,e as PathShapeLibs,d as ShapePathFormulasKeys,b as getTranslations,c as setAPI,a as setTranslations};
1
+ import{c as d,d as e,e as f,f as g}from"./chunk-45NWLCOP.js";import{a,b}from"./chunk-WFMCGQ5V.js";import{f as c}from"./chunk-EUTDQZKU.js";import"./chunk-O2XFH626.js";export{f as LinePoolItems,g as PathLineLibs,e as PathShapeLibs,d as ShapePathFormulasKeys,b as getTranslations,c as setAPI,a as setTranslations};
@@ -1,346 +1,5 @@
1
- import * as fabric from 'fabric';
2
- import * as mobx_state_tree_dist_internal from 'mobx-state-tree/dist/internal';
3
- import * as mobx_state_tree from 'mobx-state-tree';
4
- import { Instance } from 'mobx-state-tree';
5
- import { Editor, FabricObject } from '@ydesign/core';
6
- import { FONT } from '../utils/fonts.js';
7
- import 'mobx';
8
-
9
- interface ExportOptions {
10
- multiplier: number;
11
- format?: 'jpeg' | 'png' | 'webp';
12
- quality?: number;
13
- enableRetinaScaling?: boolean;
14
- left?: number;
15
- top?: number;
16
- width?: number;
17
- height?: number;
18
- filter?: (object: any) => boolean;
19
- }
20
- declare const forEveryChild: (node: any, cb: any) => void;
21
- declare const Font: mobx_state_tree.IModelType<{
22
- fontFamily: mobx_state_tree.ISimpleType<string>;
23
- name: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
24
- url: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
25
- img: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
26
- styles: mobx_state_tree.IType<any, any, any>;
27
- }, {}, mobx_state_tree.ModelCreationType<{
28
- fontFamily: string;
29
- name: string | undefined;
30
- url: string | undefined;
31
- img: string | undefined;
32
- styles: any;
33
- }>, mobx_state_tree._NotCustomized>;
34
- /**
35
- * 三个对象要搞清楚关系
36
- * 1. selectedElementsIds: 选中的元素id数组
37
- * 2. selectedElements: 会根据ids返回元素实例
38
- * 3. selectElements: 设置 ids 的
39
- * 4. selectedShapes:
40
- */
41
- declare const Store: mobx_state_tree.IModelType<{
42
- name: mobx_state_tree.IType<string | undefined, string, string>;
43
- token: mobx_state_tree.IType<string | undefined, string, string>;
44
- width: mobx_state_tree.IType<number | undefined, number, number>;
45
- height: mobx_state_tree.IType<number | undefined, number, number>;
46
- scale: mobx_state_tree.IType<number | undefined, number, number>;
47
- scaleToFit: mobx_state_tree.IType<number | undefined, number, number>;
48
- unit: mobx_state_tree.IType<string | undefined, string, string>;
49
- dpi: mobx_state_tree.IType<number | undefined, number, number>;
50
- bleed: mobx_state_tree.IType<number | undefined, number, number>;
51
- bleedVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
52
- rulesVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
53
- openedSidePanel: mobx_state_tree.IType<string | undefined, string, string>;
54
- selectedElementsIds: mobx_state_tree.IArrayType<mobx_state_tree.ISimpleType<string>>;
55
- backgroundColor: mobx_state_tree.IOptionalIType<mobx_state_tree_dist_internal.IUnionType<[mobx_state_tree.ISimpleType<string>, mobx_state_tree.IType<Record<string, any>, Record<string, any>, Record<string, any>>]>, [undefined]>;
56
- fonts: mobx_state_tree.IArrayType<mobx_state_tree.IModelType<{
57
- fontFamily: mobx_state_tree.ISimpleType<string>;
58
- name: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
59
- url: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
60
- img: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
61
- styles: mobx_state_tree.IType<any, any, any>;
62
- }, {}, mobx_state_tree.ModelCreationType<{
63
- fontFamily: string;
64
- name: string | undefined;
65
- url: string | undefined;
66
- img: string | undefined;
67
- styles: any;
68
- }>, mobx_state_tree._NotCustomized>>;
69
- editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
70
- custom: mobx_state_tree.IType<any, any, any>;
71
- objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
72
- _key: mobx_state_tree.IType<string | undefined, string, string>;
73
- _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
74
- _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
75
- }, {
76
- readonly selectedElements: FabricObject[];
77
- } & {
78
- readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
79
- find(callback: (e: any) => boolean): any;
80
- getElementById(id: string): any;
81
- } & {
82
- _setEditor(editor: Editor): void;
83
- _triggerUpdate(): void;
84
- _fontSizeUpdate(): void;
85
- _syncBackgroundColor(color: any): void;
86
- } & {
87
- setBackgroundColor(color: string | Record<string, any>): void;
88
- set(options: any, element?: FabricObject): void;
89
- setUnit({ unit, dpi }: {
90
- unit: any;
91
- dpi?: any;
92
- }): void;
93
- setObjects(objects: any): void;
94
- selectElements(ids: string[]): void;
95
- openSidePanel(t: string): void;
96
- deleteElements(ids: string[]): void;
97
- setScale(scale: number): void;
98
- clone(): void;
99
- addElement(options: any): void;
100
- setSize({ width, height }: {
101
- width: number;
102
- height: number;
103
- useMagic?: boolean;
104
- }): void;
105
- setupEditorListeners(): void;
106
- } & {
107
- _forEachElementUp(ids: Array<string>, callback: Function): void;
108
- _forEachElementDown(ids: Array<string>, callback: Function): false | undefined;
109
- } & {
110
- canMoveElementsUp(ids: Array<string>): false;
111
- moveElementsUp(ids: Array<string>): void;
112
- canMoveElementsTop(ids: Array<string>): false;
113
- moveElementsTop(ids: Array<string>): void;
114
- canMoveElementsDown(ids: Array<string>): false;
115
- moveElementsDown(ids: Array<string>): void;
116
- canMoveElementsBottom(ids: Array<string>): false;
117
- moveElementsBottom(ids: Array<string>): void;
118
- setElementZIndex(): void;
119
- } & {
120
- toDataURL(options?: ExportOptions): Promise<string | null | undefined>;
121
- toBlob(options?: ExportOptions): Promise<Blob | null | undefined>;
122
- saveAsImage(options?: ExportOptions & {
123
- fileName?: string;
124
- }): Promise<void>;
125
- toJSON(): any;
126
- toObject(): any;
127
- loadJSON: (data: any) => Promise<void>;
128
- clear(): void;
129
- } & {
130
- removeFont(fontFamily: string): void;
131
- addFont(font: FONT): void;
132
- /**
133
- * 加载字体(注入 CSS 并等待字体可用)
134
- * @param fontFamily - 字体名称
135
- */
136
- loadFont(fontFamily: string): Promise<void[]>;
137
- } & {
138
- on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
139
- }, mobx_state_tree._NotCustomized, mobx_state_tree._NotCustomized>;
140
- type StoreType = Instance<typeof Store>;
141
- interface StoreProps {
142
- key: string;
143
- token?: string;
144
- }
145
- declare const getToken: () => {
146
- value: string;
147
- };
148
- declare function createStore({ key, token }: StoreProps): mobx_state_tree.ModelInstanceTypeProps<{
149
- name: mobx_state_tree.IType<string | undefined, string, string>;
150
- token: mobx_state_tree.IType<string | undefined, string, string>;
151
- width: mobx_state_tree.IType<number | undefined, number, number>;
152
- height: mobx_state_tree.IType<number | undefined, number, number>;
153
- scale: mobx_state_tree.IType<number | undefined, number, number>;
154
- scaleToFit: mobx_state_tree.IType<number | undefined, number, number>;
155
- unit: mobx_state_tree.IType<string | undefined, string, string>;
156
- dpi: mobx_state_tree.IType<number | undefined, number, number>;
157
- bleed: mobx_state_tree.IType<number | undefined, number, number>;
158
- bleedVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
159
- rulesVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
160
- openedSidePanel: mobx_state_tree.IType<string | undefined, string, string>;
161
- selectedElementsIds: mobx_state_tree.IArrayType<mobx_state_tree.ISimpleType<string>>;
162
- backgroundColor: mobx_state_tree.IOptionalIType<mobx_state_tree_dist_internal.IUnionType<[mobx_state_tree.ISimpleType<string>, mobx_state_tree.IType<Record<string, any>, Record<string, any>, Record<string, any>>]>, [undefined]>;
163
- fonts: mobx_state_tree.IArrayType<mobx_state_tree.IModelType<{
164
- fontFamily: mobx_state_tree.ISimpleType<string>;
165
- name: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
166
- url: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
167
- img: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
168
- styles: mobx_state_tree.IType<any, any, any>;
169
- }, {}, mobx_state_tree.ModelCreationType<{
170
- fontFamily: string;
171
- name: string | undefined;
172
- url: string | undefined;
173
- img: string | undefined;
174
- styles: any;
175
- }>, mobx_state_tree._NotCustomized>>;
176
- editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
177
- custom: mobx_state_tree.IType<any, any, any>;
178
- objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
179
- _key: mobx_state_tree.IType<string | undefined, string, string>;
180
- _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
181
- _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
182
- }> & {
183
- readonly selectedElements: FabricObject[];
184
- } & {
185
- readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
186
- find(callback: (e: any) => boolean): any;
187
- getElementById(id: string): any;
188
- } & {
189
- _setEditor(editor: Editor): void;
190
- _triggerUpdate(): void;
191
- _fontSizeUpdate(): void;
192
- _syncBackgroundColor(color: any): void;
193
- } & {
194
- setBackgroundColor(color: string | Record<string, any>): void;
195
- set(options: any, element?: FabricObject): void;
196
- setUnit({ unit, dpi }: {
197
- unit: any;
198
- dpi?: any;
199
- }): void;
200
- setObjects(objects: any): void;
201
- selectElements(ids: string[]): void;
202
- openSidePanel(t: string): void;
203
- deleteElements(ids: string[]): void;
204
- setScale(scale: number): void;
205
- clone(): void;
206
- addElement(options: any): void;
207
- setSize({ width, height }: {
208
- width: number;
209
- height: number;
210
- useMagic?: boolean;
211
- }): void;
212
- setupEditorListeners(): void;
213
- } & {
214
- _forEachElementUp(ids: Array<string>, callback: Function): void;
215
- _forEachElementDown(ids: Array<string>, callback: Function): false | undefined;
216
- } & {
217
- canMoveElementsUp(ids: Array<string>): false;
218
- moveElementsUp(ids: Array<string>): void;
219
- canMoveElementsTop(ids: Array<string>): false;
220
- moveElementsTop(ids: Array<string>): void;
221
- canMoveElementsDown(ids: Array<string>): false;
222
- moveElementsDown(ids: Array<string>): void;
223
- canMoveElementsBottom(ids: Array<string>): false;
224
- moveElementsBottom(ids: Array<string>): void;
225
- setElementZIndex(): void;
226
- } & {
227
- toDataURL(options?: ExportOptions): Promise<string | null | undefined>;
228
- toBlob(options?: ExportOptions): Promise<Blob | null | undefined>;
229
- saveAsImage(options?: ExportOptions & {
230
- fileName?: string;
231
- }): Promise<void>;
232
- toJSON(): any;
233
- toObject(): any;
234
- loadJSON: (data: any) => Promise<void>;
235
- clear(): void;
236
- } & {
237
- removeFont(fontFamily: string): void;
238
- addFont(font: FONT): void;
239
- /**
240
- * 加载字体(注入 CSS 并等待字体可用)
241
- * @param fontFamily - 字体名称
242
- */
243
- loadFont(fontFamily: string): Promise<void[]>;
244
- } & {
245
- on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
246
- } & mobx_state_tree.IStateTreeNode<mobx_state_tree.IModelType<{
247
- name: mobx_state_tree.IType<string | undefined, string, string>;
248
- token: mobx_state_tree.IType<string | undefined, string, string>;
249
- width: mobx_state_tree.IType<number | undefined, number, number>;
250
- height: mobx_state_tree.IType<number | undefined, number, number>;
251
- scale: mobx_state_tree.IType<number | undefined, number, number>;
252
- scaleToFit: mobx_state_tree.IType<number | undefined, number, number>;
253
- unit: mobx_state_tree.IType<string | undefined, string, string>;
254
- dpi: mobx_state_tree.IType<number | undefined, number, number>;
255
- bleed: mobx_state_tree.IType<number | undefined, number, number>;
256
- bleedVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
257
- rulesVisible: mobx_state_tree.IType<boolean | undefined, boolean, boolean>;
258
- openedSidePanel: mobx_state_tree.IType<string | undefined, string, string>;
259
- selectedElementsIds: mobx_state_tree.IArrayType<mobx_state_tree.ISimpleType<string>>;
260
- backgroundColor: mobx_state_tree.IOptionalIType<mobx_state_tree_dist_internal.IUnionType<[mobx_state_tree.ISimpleType<string>, mobx_state_tree.IType<Record<string, any>, Record<string, any>, Record<string, any>>]>, [undefined]>;
261
- fonts: mobx_state_tree.IArrayType<mobx_state_tree.IModelType<{
262
- fontFamily: mobx_state_tree.ISimpleType<string>;
263
- name: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
264
- url: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
265
- img: mobx_state_tree.IOptionalIType<mobx_state_tree.ISimpleType<string>, [undefined]>;
266
- styles: mobx_state_tree.IType<any, any, any>;
267
- }, {}, mobx_state_tree.ModelCreationType<{
268
- fontFamily: string;
269
- name: string | undefined;
270
- url: string | undefined;
271
- img: string | undefined;
272
- styles: any;
273
- }>, mobx_state_tree._NotCustomized>>;
274
- editor: mobx_state_tree.IType<Editor | null | undefined, Editor | null, Editor | null>;
275
- custom: mobx_state_tree.IType<any, any, any>;
276
- objects: mobx_state_tree.IArrayType<mobx_state_tree.IType<any, any, any>>;
277
- _key: mobx_state_tree.IType<string | undefined, string, string>;
278
- _updateTrigger: mobx_state_tree.IType<number | undefined, number, number>;
279
- _updateFontSize: mobx_state_tree.IType<number | undefined, number, number>;
280
- }, {
281
- readonly selectedElements: FabricObject[];
282
- } & {
283
- readonly selectedShapes: FabricObject<Partial<fabric.FabricObjectProps>, fabric.SerializedObjectProps, fabric.ObjectEvents>[];
284
- find(callback: (e: any) => boolean): any;
285
- getElementById(id: string): any;
286
- } & {
287
- _setEditor(editor: Editor): void;
288
- _triggerUpdate(): void;
289
- _fontSizeUpdate(): void;
290
- _syncBackgroundColor(color: any): void;
291
- } & {
292
- setBackgroundColor(color: string | Record<string, any>): void;
293
- set(options: any, element?: FabricObject): void;
294
- setUnit({ unit, dpi }: {
295
- unit: any;
296
- dpi?: any;
297
- }): void;
298
- setObjects(objects: any): void;
299
- selectElements(ids: string[]): void;
300
- openSidePanel(t: string): void;
301
- deleteElements(ids: string[]): void;
302
- setScale(scale: number): void;
303
- clone(): void;
304
- addElement(options: any): void;
305
- setSize({ width, height }: {
306
- width: number;
307
- height: number;
308
- useMagic?: boolean;
309
- }): void;
310
- setupEditorListeners(): void;
311
- } & {
312
- _forEachElementUp(ids: Array<string>, callback: Function): void;
313
- _forEachElementDown(ids: Array<string>, callback: Function): false | undefined;
314
- } & {
315
- canMoveElementsUp(ids: Array<string>): false;
316
- moveElementsUp(ids: Array<string>): void;
317
- canMoveElementsTop(ids: Array<string>): false;
318
- moveElementsTop(ids: Array<string>): void;
319
- canMoveElementsDown(ids: Array<string>): false;
320
- moveElementsDown(ids: Array<string>): void;
321
- canMoveElementsBottom(ids: Array<string>): false;
322
- moveElementsBottom(ids: Array<string>): void;
323
- setElementZIndex(): void;
324
- } & {
325
- toDataURL(options?: ExportOptions): Promise<string | null | undefined>;
326
- toBlob(options?: ExportOptions): Promise<Blob | null | undefined>;
327
- saveAsImage(options?: ExportOptions & {
328
- fileName?: string;
329
- }): Promise<void>;
330
- toJSON(): any;
331
- toObject(): any;
332
- loadJSON: (data: any) => Promise<void>;
333
- clear(): void;
334
- } & {
335
- removeFont(fontFamily: string): void;
336
- addFont(font: FONT): void;
337
- /**
338
- * 加载字体(注入 CSS 并等待字体可用)
339
- * @param fontFamily - 字体名称
340
- */
341
- loadFont(fontFamily: string): Promise<void[]>;
342
- } & {
343
- on(eventName: any, callback: any): mobx_state_tree.IDisposer | undefined;
344
- }, mobx_state_tree._NotCustomized, mobx_state_tree._NotCustomized>>;
345
-
346
- export { type ExportOptions, Font, Store, type StoreProps, type StoreType, createStore, createStore as default, forEveryChild, getToken };
1
+ import 'fabric';
2
+ import 'mobx-state-tree/dist/internal';
3
+ import 'mobx-state-tree';
4
+ import '@ydesign/core';
5
+ export { E as ExportOptions, a as Font, b as Store, d as StoreProps, S as StoreType, c as createStore, c as default, f as forEveryChild, g as getToken } from '../store-DfmY1m2j.js';
@@ -1 +1 @@
1
- import{a,b,c,d,e,f}from"../chunk-POWRXH5R.js";import"../chunk-P5I43V7X.js";import"../chunk-WJT6VPDR.js";import"../chunk-O2XFH626.js";export{b as Font,c as Store,e as createStore,f as default,a as forEveryChild,d as getToken};
1
+ import{a,b,c,d,e,f}from"../chunk-KERQXVBL.js";import"../chunk-YBC2DYJX.js";import"../chunk-O2XFH626.js";export{b as Font,c as Store,e as createStore,f as default,a as forEveryChild,d as getToken};
package/dist/project.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import * as react from 'react';
2
- import { StoreType } from './model/store.js';
3
- import { FONT } from './utils/fonts.js';
2
+ import { S as StoreType, F as FONT } from './store-DfmY1m2j.js';
4
3
  import 'fabric';
5
4
  import 'mobx-state-tree/dist/internal';
6
5
  import 'mobx-state-tree';
7
6
  import '@ydesign/core';
8
- import 'mobx';
9
7
 
10
8
  interface ProjectOptions {
11
9
  store: StoreType;
@@ -28,8 +26,18 @@ declare class Project {
28
26
  constructor({ store }: ProjectOptions);
29
27
  setLanguage(lang: string): void;
30
28
  requestSave(): void;
29
+ /**
30
+ * 加载数据
31
+ * @param data JSON数据
32
+ */
31
33
  firstLoad(data?: any): Promise<void>;
32
- loadById(id: string): Promise<void>;
34
+ /**
35
+ * 加载远程数据
36
+ * @param id 模板id
37
+ * @param type 来源类型
38
+ * @returns
39
+ */
40
+ loadById(id?: string, type?: string): Promise<void>;
33
41
  updateUrlWithProjectId(): void;
34
42
  save(): Promise<void>;
35
43
  getGlobalFont(fonts?: FONT[]): Promise<FONT[]>;
package/dist/project.js CHANGED
@@ -1 +1 @@
1
- import{a,b,c,d}from"./chunk-SGK2XN5D.js";import"./chunk-WJT6VPDR.js";import"./chunk-O2XFH626.js";export{a as ProjectContext,c as createProject,d as default,b as useProject};
1
+ import{b as a,c as b,d as c,e as d}from"./chunk-2AZQIJ4K.js";import"./chunk-KERQXVBL.js";import"./chunk-YBC2DYJX.js";import"./chunk-EUTDQZKU.js";import"./chunk-O2XFH626.js";export{a as ProjectContext,c as createProject,d as default,b as useProject};
@@ -1,10 +1,7 @@
1
- export { BackgroundSection, DEFAULT_SECTIONS, LayersSection, PhotosSection, Section, ShapesSection, default as SidePanel, SizeSection, TemplatesSection, TextSection, UploadSection } from './side-panel.js';
2
- export { SectionTab } from './tab-button.js';
3
- import '../model/store.js';
1
+ export { BackgroundSection, DEFAULT_SECTIONS, LayersSection, PhotosSection, Section, SectionTab, ShapesSection, default as SidePanel, SizeSection, TemplatesSection, TextSection, UploadSection } from './side-panel.js';
2
+ import '../store-DfmY1m2j.js';
4
3
  import 'fabric';
5
4
  import 'mobx-state-tree/dist/internal';
6
5
  import 'mobx-state-tree';
7
6
  import '@ydesign/core';
8
- import '../utils/fonts.js';
9
- import 'mobx';
10
7
  import 'react/jsx-runtime';
@@ -1 +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-JUVJJS4T.js";import"../chunk-DGCF2GDA.js";import"../chunk-QWM7VMLQ.js";import"../chunk-5C2MNUBC.js";import{a as o}from"../chunk-4HH3B3W3.js";import"../chunk-HHYPIHAP.js";import"../chunk-IV52R7D7.js";import"../chunk-JPIYZYMQ.js";import"../chunk-MXZ6RXT3.js";import"../chunk-PSO4W6J7.js";import"../chunk-O56ZNYGR.js";import"../chunk-RVXI723F.js";import"../chunk-YRJUN267.js";import"../chunk-OQ6HU62L.js";import"../chunk-5X6VER6G.js";import"../chunk-4LUZF4CB.js";import"../chunk-TS5CKDHH.js";import"../chunk-POCSL7OS.js";import"../chunk-WCHGSVUC.js";import"../chunk-TZ6B7XDS.js";import"../chunk-7NNOHYKX.js";import"../chunk-TTHQXTIX.js";import"../chunk-YCFED7XQ.js";import"../chunk-O2XFH626.js";export{t as BackgroundSection,b as DEFAULT_SECTIONS,x as LayersSection,f as PhotosSection,o as SectionTab,m as ShapesSection,c as SidePanel,a as SizeSection,r as TemplatesSection,e as TextSection,p as UploadSection};
1
+ import{a as o,b as r,c as e,d as f,e as m,f as p,g as t,h as x,i as a,j as b,k as c}from"../chunk-SR5OYO6O.js";import"../chunk-63A6RW6Y.js";import"../chunk-RVXI723F.js";import"../chunk-45NWLCOP.js";import"../chunk-5C2MNUBC.js";import"../chunk-EWOU5F3O.js";import"../chunk-WFMCGQ5V.js";import"../chunk-EUTDQZKU.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};