@easy-editor/materials-dashboard-progress 0.0.2

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 (44) hide show
  1. package/.vite/plugins/vite-plugin-external-deps.ts +224 -0
  2. package/.vite/plugins/vite-plugin-material-dev.ts +218 -0
  3. package/CHANGELOG.md +7 -0
  4. package/LICENSE +9 -0
  5. package/dist/component.esm.js +257 -0
  6. package/dist/component.esm.js.map +1 -0
  7. package/dist/component.js +265 -0
  8. package/dist/component.js.map +1 -0
  9. package/dist/component.min.js +2 -0
  10. package/dist/component.min.js.map +1 -0
  11. package/dist/index.cjs +560 -0
  12. package/dist/index.cjs.map +1 -0
  13. package/dist/index.esm.js +557 -0
  14. package/dist/index.esm.js.map +1 -0
  15. package/dist/index.js +564 -0
  16. package/dist/index.js.map +1 -0
  17. package/dist/index.min.js +2 -0
  18. package/dist/index.min.js.map +1 -0
  19. package/dist/meta.esm.js +304 -0
  20. package/dist/meta.esm.js.map +1 -0
  21. package/dist/meta.js +315 -0
  22. package/dist/meta.js.map +1 -0
  23. package/dist/meta.min.js +2 -0
  24. package/dist/meta.min.js.map +1 -0
  25. package/dist/src/component.d.ts +36 -0
  26. package/dist/src/configure.d.ts +7 -0
  27. package/dist/src/constants.d.ts +36 -0
  28. package/dist/src/index.d.ts +6 -0
  29. package/dist/src/meta.d.ts +7 -0
  30. package/dist/src/snippets.d.ts +7 -0
  31. package/package.json +66 -0
  32. package/rollup.config.js +212 -0
  33. package/src/component.module.css +89 -0
  34. package/src/component.tsx +262 -0
  35. package/src/configure.ts +265 -0
  36. package/src/constants.ts +43 -0
  37. package/src/index.tsx +7 -0
  38. package/src/meta.ts +28 -0
  39. package/src/snippets.ts +60 -0
  40. package/src/type.d.ts +8 -0
  41. package/tsconfig.build.json +12 -0
  42. package/tsconfig.json +9 -0
  43. package/tsconfig.test.json +7 -0
  44. package/vite.config.ts +54 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,560 @@
1
+ 'use strict';
2
+
3
+ var react = require('react');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+
6
+ function styleInject(css, ref) {
7
+ if (ref === void 0) ref = {};
8
+ var insertAt = ref.insertAt;
9
+ if (typeof document === 'undefined') {
10
+ return;
11
+ }
12
+ var head = document.head || document.getElementsByTagName('head')[0];
13
+ var style = document.createElement('style');
14
+ style.type = 'text/css';
15
+ if (insertAt === 'top') {
16
+ if (head.firstChild) {
17
+ head.insertBefore(style, head.firstChild);
18
+ } else {
19
+ head.appendChild(style);
20
+ }
21
+ } else {
22
+ head.appendChild(style);
23
+ }
24
+ if (style.styleSheet) {
25
+ style.styleSheet.cssText = css;
26
+ } else {
27
+ style.appendChild(document.createTextNode(css));
28
+ }
29
+ }
30
+
31
+ var css_248z = ".component-module__container___VbZSk,.component-module__wrapper___IYMoW{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.component-module__container___VbZSk{position:relative}.component-module__ring___QkEHa{transform:rotate(-90deg)}.component-module__centerContent___Ri3R3{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.component-module__value___Fg70k{font-weight:700;line-height:1.1}.component-module__label___6IHVo{color:#fff;margin-top:4px;opacity:.7}.component-module__barContainer___AOTls{display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.component-module__barWrapper___cni-a{border-radius:4px;flex:1;max-height:8px;min-height:8px;overflow:hidden;width:100%}.component-module__barFill___KZkJe{border-radius:4px;height:100%;transition:width .5s ease}.component-module__barLabels___BvaEi{align-items:center;display:flex;justify-content:space-between}.component-module__barLabel___wVaWe{color:hsla(0,0%,100%,.7);font-size:12px}.component-module__barValue___H2muu{font-size:14px;font-weight:600}";
32
+ var styles = {"wrapper":"component-module__wrapper___IYMoW","container":"component-module__container___VbZSk","ring":"component-module__ring___QkEHa","centerContent":"component-module__centerContent___Ri3R3","value":"component-module__value___Fg70k","label":"component-module__label___6IHVo","barContainer":"component-module__barContainer___AOTls","barWrapper":"component-module__barWrapper___cni-a","barFill":"component-module__barFill___KZkJe","barLabels":"component-module__barLabels___BvaEi","barLabel":"component-module__barLabel___wVaWe","barValue":"component-module__barValue___H2muu"};
33
+ styleInject(css_248z);
34
+
35
+ /**
36
+ * Progress Component
37
+ * 进度组件 - 支持环形和线性进度条
38
+ */
39
+
40
+ // 格式化数值
41
+ const formatValue = (value, percentage, valueFormat) => {
42
+ if (valueFormat === 'percent') {
43
+ return `${Math.round(percentage)}%`;
44
+ }
45
+ return `${value}`;
46
+ };
47
+
48
+ // 环形进度条组件
49
+ const RingProgress = ({
50
+ percentage,
51
+ strokeWidthRatio,
52
+ trackColor,
53
+ progressColor,
54
+ gradientEnable,
55
+ gradientColors,
56
+ showValue,
57
+ showLabel,
58
+ label,
59
+ valueFormat,
60
+ displayColor,
61
+ gradientId
62
+ }) => {
63
+ const containerRef = react.useRef(null);
64
+ const [size, setSize] = react.useState(100);
65
+ react.useEffect(() => {
66
+ const container = containerRef.current;
67
+ if (!container) {
68
+ return;
69
+ }
70
+ const updateSize = () => {
71
+ const {
72
+ width,
73
+ height
74
+ } = container.getBoundingClientRect();
75
+ const minSize = Math.min(width, height);
76
+ if (minSize > 0) {
77
+ setSize(minSize);
78
+ }
79
+ };
80
+ updateSize();
81
+ const resizeObserver = new ResizeObserver(updateSize);
82
+ resizeObserver.observe(container);
83
+ return () => resizeObserver.disconnect();
84
+ }, []);
85
+ const strokeWidth = Math.max(2, size * strokeWidthRatio);
86
+ const radius = (size - strokeWidth) / 2;
87
+ const circumference = 2 * Math.PI * radius;
88
+ const strokeDashoffset = circumference - percentage / 100 * circumference;
89
+ const center = size / 2;
90
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
91
+ className: styles.container,
92
+ ref: containerRef,
93
+ children: [/*#__PURE__*/jsxRuntime.jsxs("svg", {
94
+ "aria-label": "Progress ring",
95
+ className: styles.ring,
96
+ height: size,
97
+ role: "img",
98
+ width: size,
99
+ children: [/*#__PURE__*/jsxRuntime.jsx("title", {
100
+ children: "Progress indicator"
101
+ }), gradientEnable ? /*#__PURE__*/jsxRuntime.jsx("defs", {
102
+ children: /*#__PURE__*/jsxRuntime.jsxs("linearGradient", {
103
+ id: gradientId,
104
+ x1: "0%",
105
+ x2: "100%",
106
+ y1: "0%",
107
+ y2: "0%",
108
+ children: [/*#__PURE__*/jsxRuntime.jsx("stop", {
109
+ offset: "0%",
110
+ stopColor: gradientColors[0]
111
+ }), /*#__PURE__*/jsxRuntime.jsx("stop", {
112
+ offset: "100%",
113
+ stopColor: gradientColors[1]
114
+ })]
115
+ })
116
+ }) : null, /*#__PURE__*/jsxRuntime.jsx("circle", {
117
+ cx: center,
118
+ cy: center,
119
+ fill: "none",
120
+ r: radius,
121
+ stroke: trackColor,
122
+ strokeWidth: strokeWidth
123
+ }), /*#__PURE__*/jsxRuntime.jsx("circle", {
124
+ cx: center,
125
+ cy: center,
126
+ fill: "none",
127
+ r: radius,
128
+ stroke: gradientEnable ? `url(#${gradientId})` : progressColor,
129
+ strokeDasharray: circumference,
130
+ strokeDashoffset: strokeDashoffset,
131
+ strokeLinecap: "round",
132
+ strokeWidth: strokeWidth,
133
+ style: {
134
+ transition: 'stroke-dashoffset 0.5s ease'
135
+ }
136
+ })]
137
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
138
+ className: styles.centerContent,
139
+ children: [showValue ? /*#__PURE__*/jsxRuntime.jsx("span", {
140
+ className: styles.value,
141
+ style: {
142
+ fontSize: size * 0.2,
143
+ color: displayColor
144
+ },
145
+ children: formatValue(Math.round(percentage), percentage, valueFormat)
146
+ }) : null, showLabel && label ? /*#__PURE__*/jsxRuntime.jsx("span", {
147
+ className: styles.label,
148
+ style: {
149
+ fontSize: size * 0.1
150
+ },
151
+ children: label
152
+ }) : null]
153
+ })]
154
+ });
155
+ };
156
+
157
+ // 线性进度条组件
158
+ const BarProgress = ({
159
+ percentage,
160
+ trackColor,
161
+ progressColor,
162
+ gradientEnable,
163
+ gradientColors,
164
+ showValue,
165
+ showLabel,
166
+ label,
167
+ valueFormat,
168
+ displayColor
169
+ }) => /*#__PURE__*/jsxRuntime.jsxs("div", {
170
+ className: styles.barContainer,
171
+ children: [showLabel || showValue ? /*#__PURE__*/jsxRuntime.jsxs("div", {
172
+ className: styles.barLabels,
173
+ children: [showLabel ? /*#__PURE__*/jsxRuntime.jsx("span", {
174
+ className: styles.barLabel,
175
+ children: label
176
+ }) : null, showValue ? /*#__PURE__*/jsxRuntime.jsx("span", {
177
+ className: styles.barValue,
178
+ style: {
179
+ color: displayColor
180
+ },
181
+ children: formatValue(Math.round(percentage), percentage, valueFormat)
182
+ }) : null]
183
+ }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
184
+ className: styles.barWrapper,
185
+ style: {
186
+ background: trackColor
187
+ },
188
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
189
+ className: styles.barFill,
190
+ style: {
191
+ width: `${percentage}%`,
192
+ background: gradientEnable ? `linear-gradient(90deg, ${gradientColors[0]}, ${gradientColors[1]})` : progressColor
193
+ }
194
+ })
195
+ })]
196
+ });
197
+ const Progress = ({
198
+ ref,
199
+ value = 0,
200
+ maxValue = 100,
201
+ type = 'ring',
202
+ showValue = true,
203
+ showLabel = false,
204
+ label = '',
205
+ valueFormat = 'percent',
206
+ strokeWidthRatio = 0.07,
207
+ trackColor = 'rgba(26, 26, 62, 0.8)',
208
+ progressColor = '#00d4ff',
209
+ gradientEnable = false,
210
+ gradientColors = ['#00d4ff', '#9b59b6'],
211
+ style: externalStyle
212
+ }) => {
213
+ const gradientId = react.useId();
214
+ const normalizedValue = Math.min(Math.max(value, 0), maxValue);
215
+ const percentage = normalizedValue / maxValue * 100;
216
+ const displayColor = gradientEnable ? gradientColors[0] : progressColor;
217
+ if (type === 'ring') {
218
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
219
+ className: styles.wrapper,
220
+ ref: ref,
221
+ style: externalStyle,
222
+ children: /*#__PURE__*/jsxRuntime.jsx(RingProgress, {
223
+ displayColor: displayColor,
224
+ gradientColors: gradientColors,
225
+ gradientEnable: gradientEnable,
226
+ gradientId: gradientId,
227
+ label: label,
228
+ percentage: percentage,
229
+ progressColor: progressColor,
230
+ showLabel: showLabel,
231
+ showValue: showValue,
232
+ strokeWidthRatio: strokeWidthRatio,
233
+ trackColor: trackColor,
234
+ valueFormat: valueFormat
235
+ })
236
+ });
237
+ }
238
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
239
+ className: styles.wrapper,
240
+ ref: ref,
241
+ style: externalStyle,
242
+ children: /*#__PURE__*/jsxRuntime.jsx(BarProgress, {
243
+ displayColor: displayColor,
244
+ gradientColors: gradientColors,
245
+ gradientEnable: gradientEnable,
246
+ label: label,
247
+ percentage: percentage,
248
+ progressColor: progressColor,
249
+ showLabel: showLabel,
250
+ showValue: showValue,
251
+ trackColor: trackColor,
252
+ valueFormat: valueFormat
253
+ })
254
+ });
255
+ };
256
+
257
+ const MaterialGroup = {
258
+ DISPLAY: 'display'};
259
+
260
+ const COMPONENT_NAME = 'EasyEditorMaterialsProgress';
261
+ const PACKAGE_NAME = '@easy-editor/materials-dashboard-progress';
262
+
263
+ const configure = {
264
+ props: [{
265
+ type: 'group',
266
+ title: '属性',
267
+ setter: 'TabSetter',
268
+ items: [{
269
+ type: 'group',
270
+ key: 'config',
271
+ title: '配置',
272
+ setter: {
273
+ componentName: 'CollapseSetter',
274
+ props: {
275
+ icon: false
276
+ }
277
+ },
278
+ items: [
279
+ {
280
+ name: 'id',
281
+ title: 'ID',
282
+ setter: 'NodeIdSetter',
283
+ extraProps: {
284
+ label: false
285
+ }
286
+ }, {
287
+ name: 'title',
288
+ title: '标题',
289
+ setter: 'StringSetter',
290
+ extraProps: {
291
+ getValue(target) {
292
+ return target.getExtraPropValue('title');
293
+ },
294
+ setValue(target, value) {
295
+ target.setExtraPropValue('title', value);
296
+ }
297
+ }
298
+ }, {
299
+ type: 'group',
300
+ title: '基础属性',
301
+ setter: {
302
+ componentName: 'CollapseSetter',
303
+ props: {
304
+ icon: false
305
+ }
306
+ },
307
+ items: [{
308
+ name: 'rect',
309
+ title: '位置尺寸',
310
+ setter: 'RectSetter',
311
+ extraProps: {
312
+ getValue(target) {
313
+ return target.getExtraPropValue('$dashboard.rect');
314
+ },
315
+ setValue(target, value) {
316
+ target.setExtraPropValue('$dashboard.rect', value);
317
+ }
318
+ }
319
+ }]
320
+ },
321
+ {
322
+ type: 'group',
323
+ title: '数值',
324
+ setter: {
325
+ componentName: 'CollapseSetter',
326
+ props: {
327
+ icon: false
328
+ }
329
+ },
330
+ items: [{
331
+ name: 'value',
332
+ title: '当前值',
333
+ setter: 'NumberSetter',
334
+ extraProps: {
335
+ defaultValue: 0
336
+ }
337
+ }, {
338
+ name: 'maxValue',
339
+ title: '最大值',
340
+ setter: 'NumberSetter',
341
+ extraProps: {
342
+ defaultValue: 100
343
+ }
344
+ }, {
345
+ name: 'valueFormat',
346
+ title: '值格式',
347
+ setter: {
348
+ componentName: 'SelectSetter',
349
+ props: {
350
+ options: [{
351
+ label: '百分比',
352
+ value: 'percent'
353
+ }, {
354
+ label: '数值',
355
+ value: 'number'
356
+ }]
357
+ }
358
+ },
359
+ extraProps: {
360
+ defaultValue: 'percent'
361
+ }
362
+ }]
363
+ }, {
364
+ type: 'group',
365
+ title: '显示',
366
+ setter: {
367
+ componentName: 'CollapseSetter',
368
+ props: {
369
+ icon: false
370
+ }
371
+ },
372
+ items: [{
373
+ name: 'type',
374
+ title: '进度条类型',
375
+ setter: {
376
+ componentName: 'SelectSetter',
377
+ props: {
378
+ options: [{
379
+ label: '环形',
380
+ value: 'ring'
381
+ }, {
382
+ label: '线性',
383
+ value: 'bar'
384
+ }]
385
+ }
386
+ },
387
+ extraProps: {
388
+ defaultValue: 'ring'
389
+ }
390
+ }, {
391
+ name: 'showValue',
392
+ title: '显示数值',
393
+ setter: 'SwitchSetter',
394
+ extraProps: {
395
+ defaultValue: true
396
+ }
397
+ }, {
398
+ name: 'showLabel',
399
+ title: '显示标签',
400
+ setter: 'SwitchSetter',
401
+ extraProps: {
402
+ defaultValue: false
403
+ }
404
+ }, {
405
+ name: 'label',
406
+ title: '标签文本',
407
+ setter: 'StringSetter'
408
+ }]
409
+ }, {
410
+ type: 'group',
411
+ title: '样式',
412
+ setter: {
413
+ componentName: 'CollapseSetter',
414
+ props: {
415
+ icon: false
416
+ }
417
+ },
418
+ items: [{
419
+ name: 'strokeWidthRatio',
420
+ title: '线条粗细',
421
+ setter: {
422
+ componentName: 'SliderSetter',
423
+ props: {
424
+ min: 0.02,
425
+ max: 0.2,
426
+ step: 0.01
427
+ }
428
+ },
429
+ extraProps: {
430
+ defaultValue: 0.07
431
+ }
432
+ }, {
433
+ name: 'trackColor',
434
+ title: '轨道颜色',
435
+ setter: 'ColorSetter',
436
+ extraProps: {
437
+ defaultValue: 'rgba(255, 255, 255, 0.1)'
438
+ }
439
+ }, {
440
+ name: 'progressColor',
441
+ title: '进度颜色',
442
+ setter: 'ColorSetter',
443
+ extraProps: {
444
+ defaultValue: '#00ffff'
445
+ }
446
+ }, {
447
+ name: 'gradientEnable',
448
+ title: '启用渐变',
449
+ setter: 'SwitchSetter',
450
+ extraProps: {
451
+ defaultValue: false
452
+ }
453
+ }, {
454
+ name: 'gradientColors',
455
+ title: '渐变颜色',
456
+ setter: 'ColorSetter',
457
+ extraProps: {
458
+ defaultValue: ['#00d4ff', '#9b59b6']
459
+ }
460
+ }]
461
+ }]
462
+ }, {
463
+ type: 'group',
464
+ key: 'data',
465
+ title: '数据',
466
+ items: [{
467
+ name: 'dataBinding',
468
+ title: '数据绑定',
469
+ setter: 'DataBindingSetter'
470
+ }]
471
+ }, {
472
+ type: 'group',
473
+ key: 'advanced',
474
+ title: '高级',
475
+ items: [{
476
+ name: 'condition',
477
+ title: '显隐控制',
478
+ setter: 'SwitchSetter',
479
+ extraProps: {
480
+ defaultValue: true,
481
+ supportVariable: true
482
+ }
483
+ }]
484
+ }]
485
+ }],
486
+ component: {},
487
+ supports: {},
488
+ advanced: {}
489
+ };
490
+
491
+ const snippets = [{
492
+ title: '进度环',
493
+ screenshot: '',
494
+ schema: {
495
+ componentName: COMPONENT_NAME,
496
+ props: {
497
+ value: 75,
498
+ maxValue: 100,
499
+ type: 'ring',
500
+ showValue: true,
501
+ showLabel: false,
502
+ valueFormat: 'percent',
503
+ strokeWidthRatio: 0.07,
504
+ progressColor: '#00ffff'
505
+ },
506
+ $dashboard: {
507
+ rect: {
508
+ width: 140,
509
+ height: 140
510
+ }
511
+ }
512
+ }
513
+ }, {
514
+ title: '线性进度条',
515
+ screenshot: '',
516
+ schema: {
517
+ componentName: COMPONENT_NAME,
518
+ props: {
519
+ value: 85,
520
+ maxValue: 100,
521
+ type: 'bar',
522
+ showValue: true,
523
+ showLabel: true,
524
+ label: '完成率',
525
+ valueFormat: 'percent',
526
+ progressColor: '#00ff88',
527
+ gradientEnable: true,
528
+ gradientColors: ['#00ff88', '#00d4ff']
529
+ },
530
+ $dashboard: {
531
+ rect: {
532
+ width: 300,
533
+ height: 50
534
+ }
535
+ }
536
+ }
537
+ }];
538
+
539
+ var version = "0.0.1";
540
+ var pkg = {
541
+ version: version};
542
+
543
+ const meta = {
544
+ componentName: COMPONENT_NAME,
545
+ title: '进度条',
546
+ group: MaterialGroup.DISPLAY,
547
+ devMode: 'proCode',
548
+ npm: {
549
+ package: PACKAGE_NAME,
550
+ version: pkg.version,
551
+ globalName: COMPONENT_NAME,
552
+ componentName: COMPONENT_NAME
553
+ },
554
+ snippets,
555
+ configure
556
+ };
557
+
558
+ exports.component = Progress;
559
+ exports.meta = meta;
560
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","/**\n * Progress Component\n * 进度组件 - 支持环形和线性进度条\n */\n\nimport { useId, useRef, useEffect, useState, type CSSProperties, type Ref } from 'react'\nimport styles from './component.module.css'\n\nexport interface ProgressProps {\n ref?: Ref<HTMLDivElement>\n /** 当前值 */\n value?: number\n /** 最大值 */\n maxValue?: number\n /** 进度条类型 */\n type?: 'ring' | 'bar'\n /** 是否显示数值 */\n showValue?: boolean\n /** 是否显示标签 */\n showLabel?: boolean\n /** 标签文本 */\n label?: string\n /** 数值格式 */\n valueFormat?: 'percent' | 'number'\n /** 线条宽度比例(相对于尺寸的百分比) */\n strokeWidthRatio?: number\n /** 轨道颜色 */\n trackColor?: string\n /** 进度颜色 */\n progressColor?: string\n /** 是否启用渐变 */\n gradientEnable?: boolean\n /** 渐变颜色 [起始色, 结束色] */\n gradientColors?: [string, string]\n /** 外部样式 */\n style?: CSSProperties\n}\n\n// 格式化数值\nconst formatValue = (value: number, percentage: number, valueFormat: string): string => {\n if (valueFormat === 'percent') {\n return `${Math.round(percentage)}%`\n }\n return `${value}`\n}\n\n// 环形进度条组件\nconst RingProgress = ({\n percentage,\n strokeWidthRatio,\n trackColor,\n progressColor,\n gradientEnable,\n gradientColors,\n showValue,\n showLabel,\n label,\n valueFormat,\n displayColor,\n gradientId,\n}: {\n percentage: number\n strokeWidthRatio: number\n trackColor: string\n progressColor: string\n gradientEnable: boolean\n gradientColors: [string, string]\n showValue: boolean\n showLabel: boolean\n label: string\n valueFormat: string\n displayColor: string\n gradientId: string\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [size, setSize] = useState(100)\n\n useEffect(() => {\n const container = containerRef.current\n if (!container) {\n return\n }\n\n const updateSize = () => {\n const { width, height } = container.getBoundingClientRect()\n const minSize = Math.min(width, height)\n if (minSize > 0) {\n setSize(minSize)\n }\n }\n\n updateSize()\n\n const resizeObserver = new ResizeObserver(updateSize)\n resizeObserver.observe(container)\n\n return () => resizeObserver.disconnect()\n }, [])\n\n const strokeWidth = Math.max(2, size * strokeWidthRatio)\n const radius = (size - strokeWidth) / 2\n const circumference = 2 * Math.PI * radius\n const strokeDashoffset = circumference - (percentage / 100) * circumference\n const center = size / 2\n\n return (\n <div className={styles.container} ref={containerRef}>\n <svg aria-label='Progress ring' className={styles.ring} height={size} role='img' width={size}>\n <title>Progress indicator</title>\n {gradientEnable ? (\n <defs>\n <linearGradient id={gradientId} x1='0%' x2='100%' y1='0%' y2='0%'>\n <stop offset='0%' stopColor={gradientColors[0]} />\n <stop offset='100%' stopColor={gradientColors[1]} />\n </linearGradient>\n </defs>\n ) : null}\n {/* 轨道 */}\n <circle cx={center} cy={center} fill='none' r={radius} stroke={trackColor} strokeWidth={strokeWidth} />\n {/* 进度 */}\n <circle\n cx={center}\n cy={center}\n fill='none'\n r={radius}\n stroke={gradientEnable ? `url(#${gradientId})` : progressColor}\n strokeDasharray={circumference}\n strokeDashoffset={strokeDashoffset}\n strokeLinecap='round'\n strokeWidth={strokeWidth}\n style={{\n transition: 'stroke-dashoffset 0.5s ease',\n }}\n />\n </svg>\n <div className={styles.centerContent}>\n {showValue ? (\n <span className={styles.value} style={{ fontSize: size * 0.2, color: displayColor }}>\n {formatValue(Math.round(percentage), percentage, valueFormat)}\n </span>\n ) : null}\n {showLabel && label ? (\n <span className={styles.label} style={{ fontSize: size * 0.1 }}>\n {label}\n </span>\n ) : null}\n </div>\n </div>\n )\n}\n\n// 线性进度条组件\nconst BarProgress = ({\n percentage,\n trackColor,\n progressColor,\n gradientEnable,\n gradientColors,\n showValue,\n showLabel,\n label,\n valueFormat,\n displayColor,\n}: {\n percentage: number\n trackColor: string\n progressColor: string\n gradientEnable: boolean\n gradientColors: [string, string]\n showValue: boolean\n showLabel: boolean\n label: string\n valueFormat: string\n displayColor: string\n}) => (\n <div className={styles.barContainer}>\n {showLabel || showValue ? (\n <div className={styles.barLabels}>\n {showLabel ? <span className={styles.barLabel}>{label}</span> : null}\n {showValue ? (\n <span className={styles.barValue} style={{ color: displayColor }}>\n {formatValue(Math.round(percentage), percentage, valueFormat)}\n </span>\n ) : null}\n </div>\n ) : null}\n <div className={styles.barWrapper} style={{ background: trackColor }}>\n <div\n className={styles.barFill}\n style={{\n width: `${percentage}%`,\n background: gradientEnable\n ? `linear-gradient(90deg, ${gradientColors[0]}, ${gradientColors[1]})`\n : progressColor,\n }}\n />\n </div>\n </div>\n)\n\nexport const Progress: React.FC<ProgressProps> = ({\n ref,\n value = 0,\n maxValue = 100,\n type = 'ring',\n showValue = true,\n showLabel = false,\n label = '',\n valueFormat = 'percent',\n strokeWidthRatio = 0.07,\n trackColor = 'rgba(26, 26, 62, 0.8)',\n progressColor = '#00d4ff',\n gradientEnable = false,\n gradientColors = ['#00d4ff', '#9b59b6'],\n style: externalStyle,\n}) => {\n const gradientId = useId()\n\n const normalizedValue = Math.min(Math.max(value, 0), maxValue)\n const percentage = (normalizedValue / maxValue) * 100\n const displayColor = gradientEnable ? gradientColors[0] : progressColor\n\n if (type === 'ring') {\n return (\n <div className={styles.wrapper} ref={ref} style={externalStyle}>\n <RingProgress\n displayColor={displayColor}\n gradientColors={gradientColors}\n gradientEnable={gradientEnable}\n gradientId={gradientId}\n label={label}\n percentage={percentage}\n progressColor={progressColor}\n showLabel={showLabel}\n showValue={showValue}\n strokeWidthRatio={strokeWidthRatio}\n trackColor={trackColor}\n valueFormat={valueFormat}\n />\n </div>\n )\n }\n\n return (\n <div className={styles.wrapper} ref={ref} style={externalStyle}>\n <BarProgress\n displayColor={displayColor}\n gradientColors={gradientColors}\n gradientEnable={gradientEnable}\n label={label}\n percentage={percentage}\n progressColor={progressColor}\n showLabel={showLabel}\n showValue={showValue}\n trackColor={trackColor}\n valueFormat={valueFormat}\n />\n </div>\n )\n}\n\nexport default Progress\n","/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n /** 内置 */\n INNER: 'inner',\n /** 基础 */\n BASIC: 'basic',\n /** 图表 */\n CHART: 'chart',\n /** 数据展示 */\n DISPLAY: 'display',\n /** 媒体 */\n MEDIA: 'media',\n /** 交互 */\n INTERACTION: 'interaction',\n /** 地图 */\n MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置,确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n * 用于构建:\n * - 元数据:${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsProgressMeta)\n * - 组件:${GLOBAL_NAME}Component (例如: EasyEditorMaterialsProgressComponent)\n * - 完整构建:${GLOBAL_NAME} (例如: EasyEditorMaterialsProgress)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsProgress'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-progress'\n\n/**\n * 值格式类型\n */\nexport const VALUE_FORMATS = ['percent', 'number'] as const\n\n/**\n * 默认轨道颜色\n */\nexport const DEFAULT_TRACK_COLOR = 'rgba(255, 255, 255, 0.1)'\n\n/**\n * 默认进度颜色\n */\nexport const DEFAULT_PROGRESS_COLOR = '#00ffff'\n\n/**\n * 默认渐变颜色\n */\nexport const DEFAULT_GRADIENT_COLORS: [string, string] = ['#00ffff', '#ff00ff']\n\n/**\n * 默认发光颜色\n */\nexport const DEFAULT_GLOW_COLOR = '#00ffff'\n","/**\n * Progress Configure\n * 进度条组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\n\nexport const configure: Configure = {\n props: [\n {\n type: 'group',\n title: '属性',\n setter: 'TabSetter',\n items: [\n {\n type: 'group',\n key: 'config',\n title: '配置',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n // 基础配置\n {\n name: 'id',\n title: 'ID',\n setter: 'NodeIdSetter',\n extraProps: {\n // @ts-expect-error label is not a valid extra prop\n label: false,\n },\n },\n {\n name: 'title',\n title: '标题',\n setter: 'StringSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('title')\n },\n setValue(target, value) {\n target.setExtraPropValue('title', value)\n },\n },\n },\n {\n type: 'group',\n title: '基础属性',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'rect',\n title: '位置尺寸',\n setter: 'RectSetter',\n extraProps: {\n getValue(target) {\n return target.getExtraPropValue('$dashboard.rect')\n },\n setValue(target, value) {\n target.setExtraPropValue('$dashboard.rect', value)\n },\n },\n },\n ],\n },\n // 组件配置\n {\n type: 'group',\n title: '数值',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'value',\n title: '当前值',\n setter: 'NumberSetter',\n extraProps: {\n defaultValue: 0,\n },\n },\n {\n name: 'maxValue',\n title: '最大值',\n setter: 'NumberSetter',\n extraProps: {\n defaultValue: 100,\n },\n },\n {\n name: 'valueFormat',\n title: '值格式',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '百分比', value: 'percent' },\n { label: '数值', value: 'number' },\n ],\n },\n },\n extraProps: {\n defaultValue: 'percent',\n },\n },\n ],\n },\n {\n type: 'group',\n title: '显示',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'type',\n title: '进度条类型',\n setter: {\n componentName: 'SelectSetter',\n props: {\n options: [\n { label: '环形', value: 'ring' },\n { label: '线性', value: 'bar' },\n ],\n },\n },\n extraProps: {\n defaultValue: 'ring',\n },\n },\n {\n name: 'showValue',\n title: '显示数值',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: true,\n },\n },\n {\n name: 'showLabel',\n title: '显示标签',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'label',\n title: '标签文本',\n setter: 'StringSetter',\n },\n ],\n },\n {\n type: 'group',\n title: '样式',\n setter: {\n componentName: 'CollapseSetter',\n props: {\n icon: false,\n },\n },\n items: [\n {\n name: 'strokeWidthRatio',\n title: '线条粗细',\n setter: {\n componentName: 'SliderSetter',\n props: {\n min: 0.02,\n max: 0.2,\n step: 0.01,\n },\n },\n extraProps: {\n defaultValue: 0.07,\n },\n },\n {\n name: 'trackColor',\n title: '轨道颜色',\n setter: 'ColorSetter',\n extraProps: {\n defaultValue: 'rgba(255, 255, 255, 0.1)',\n },\n },\n {\n name: 'progressColor',\n title: '进度颜色',\n setter: 'ColorSetter',\n extraProps: {\n defaultValue: '#00ffff',\n },\n },\n {\n name: 'gradientEnable',\n title: '启用渐变',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: false,\n },\n },\n {\n name: 'gradientColors',\n title: '渐变颜色',\n setter: 'ColorSetter',\n extraProps: {\n defaultValue: ['#00d4ff', '#9b59b6'],\n },\n },\n ],\n },\n ],\n },\n {\n type: 'group',\n key: 'data',\n title: '数据',\n items: [\n {\n name: 'dataBinding',\n title: '数据绑定',\n setter: 'DataBindingSetter',\n },\n ],\n },\n {\n type: 'group',\n key: 'advanced',\n title: '高级',\n items: [\n {\n name: 'condition',\n title: '显隐控制',\n setter: 'SwitchSetter',\n extraProps: {\n defaultValue: true,\n supportVariable: true,\n },\n },\n ],\n },\n ],\n },\n ],\n component: {},\n supports: {},\n advanced: {},\n}\n\nexport default configure\n","/**\n * Progress Snippets\n * 进度条组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n {\n title: '进度环',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n value: 75,\n maxValue: 100,\n type: 'ring',\n showValue: true,\n showLabel: false,\n valueFormat: 'percent',\n strokeWidthRatio: 0.07,\n progressColor: '#00ffff',\n },\n $dashboard: {\n rect: {\n width: 140,\n height: 140,\n },\n },\n },\n },\n {\n title: '线性进度条',\n screenshot: '',\n schema: {\n componentName: COMPONENT_NAME,\n props: {\n value: 85,\n maxValue: 100,\n type: 'bar',\n showValue: true,\n showLabel: true,\n label: '完成率',\n valueFormat: 'percent',\n progressColor: '#00ff88',\n gradientEnable: true,\n gradientColors: ['#00ff88', '#00d4ff'],\n },\n $dashboard: {\n rect: {\n width: 300,\n height: 50,\n },\n },\n },\n },\n]\n\nexport default snippets\n","/**\n * Progress Meta\n * 进度条组件元数据\n */\n\nimport type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nexport const meta: ComponentMetadata = {\n componentName: COMPONENT_NAME,\n title: '进度条',\n group: MaterialGroup.DISPLAY,\n devMode: 'proCode',\n npm: {\n package: PACKAGE_NAME,\n version: pkg.version,\n globalName: COMPONENT_NAME,\n componentName: COMPONENT_NAME,\n },\n snippets,\n configure,\n}\n\nexport default meta\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","formatValue","value","percentage","valueFormat","Math","round","RingProgress","strokeWidthRatio","trackColor","progressColor","gradientEnable","gradientColors","showValue","showLabel","label","displayColor","gradientId","containerRef","useRef","size","setSize","useState","useEffect","container","current","updateSize","width","height","getBoundingClientRect","minSize","min","resizeObserver","ResizeObserver","observe","disconnect","strokeWidth","max","radius","circumference","PI","strokeDashoffset","center","_jsxs","className","styles","children","ring","role","_jsx","id","x1","x2","y1","y2","offset","stopColor","cx","cy","fill","r","stroke","strokeDasharray","strokeLinecap","transition","centerContent","fontSize","color","BarProgress","barContainer","barLabels","barLabel","barValue","barWrapper","background","barFill","Progress","maxValue","externalStyle","useId","normalizedValue","wrapper","MaterialGroup","INNER","DISPLAY","COMPONENT_NAME","PACKAGE_NAME","configure","props","title","setter","items","key","componentName","icon","name","extraProps","getValue","target","getExtraPropValue","setValue","setExtraPropValue","defaultValue","options","step","supportVariable","component","supports","advanced","snippets","screenshot","schema","$dashboard","rect","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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","x_google_ignoreList":[0]}