@easy-editor/materials-dashboard-progress 0.0.2

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../src/constants.ts","../src/meta.ts","../../../../shared/src/index.ts","../src/snippets.ts","../src/configure.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 * 物料常量配置\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 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","/**\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 * 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 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"],"names":["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","role","_jsx","id","x1","x2","y1","y2","offset","stopColor","cx","cy","fill","r","stroke","strokeDasharray","strokeLinecap","transition","fontSize","color","BarProgress","background","COMPONENT_NAME","meta","componentName","title","group","devMode","npm","package","version","globalName","snippets","screenshot","schema","props","maxValue","$dashboard","rect","configure","setter","items","key","icon","name","extraProps","getValue","target","getExtraPropValue","setValue","setExtraPropValue","defaultValue","options","step","supportVariable","component","supports","advanced","Progress","externalStyle","useId"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/meta.esm.js

@@ -0,0 +1,304 @@
+/* @easy-editor/materials-dashboard-progress-ring v0.0.1 (meta, esm) */
+const MaterialGroup = {
+  DISPLAY: 'display'};
+
+const COMPONENT_NAME = 'EasyEditorMaterialsProgress';
+const PACKAGE_NAME = '@easy-editor/materials-dashboard-progress';
+
+const configure = {
+  props: [{
+    type: 'group',
+    title: '属性',
+    setter: 'TabSetter',
+    items: [{
+      type: 'group',
+      key: 'config',
+      title: '配置',
+      setter: {
+        componentName: 'CollapseSetter',
+        props: {
+          icon: false
+        }
+      },
+      items: [
+      {
+        name: 'id',
+        title: 'ID',
+        setter: 'NodeIdSetter',
+        extraProps: {
+          label: false
+        }
+      }, {
+        name: 'title',
+        title: '标题',
+        setter: 'StringSetter',
+        extraProps: {
+          getValue(target) {
+            return target.getExtraPropValue('title');
+          },
+          setValue(target, value) {
+            target.setExtraPropValue('title', value);
+          }
+        }
+      }, {
+        type: 'group',
+        title: '基础属性',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'rect',
+          title: '位置尺寸',
+          setter: 'RectSetter',
+          extraProps: {
+            getValue(target) {
+              return target.getExtraPropValue('$dashboard.rect');
+            },
+            setValue(target, value) {
+              target.setExtraPropValue('$dashboard.rect', value);
+            }
+          }
+        }]
+      },
+      {
+        type: 'group',
+        title: '数值',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'value',
+          title: '当前值',
+          setter: 'NumberSetter',
+          extraProps: {
+            defaultValue: 0
+          }
+        }, {
+          name: 'maxValue',
+          title: '最大值',
+          setter: 'NumberSetter',
+          extraProps: {
+            defaultValue: 100
+          }
+        }, {
+          name: 'valueFormat',
+          title: '值格式',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [{
+                label: '百分比',
+                value: 'percent'
+              }, {
+                label: '数值',
+                value: 'number'
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: 'percent'
+          }
+        }]
+      }, {
+        type: 'group',
+        title: '显示',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'type',
+          title: '进度条类型',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [{
+                label: '环形',
+                value: 'ring'
+              }, {
+                label: '线性',
+                value: 'bar'
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: 'ring'
+          }
+        }, {
+          name: 'showValue',
+          title: '显示数值',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: true
+          }
+        }, {
+          name: 'showLabel',
+          title: '显示标签',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: false
+          }
+        }, {
+          name: 'label',
+          title: '标签文本',
+          setter: 'StringSetter'
+        }]
+      }, {
+        type: 'group',
+        title: '样式',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'strokeWidthRatio',
+          title: '线条粗细',
+          setter: {
+            componentName: 'SliderSetter',
+            props: {
+              min: 0.02,
+              max: 0.2,
+              step: 0.01
+            }
+          },
+          extraProps: {
+            defaultValue: 0.07
+          }
+        }, {
+          name: 'trackColor',
+          title: '轨道颜色',
+          setter: 'ColorSetter',
+          extraProps: {
+            defaultValue: 'rgba(255, 255, 255, 0.1)'
+          }
+        }, {
+          name: 'progressColor',
+          title: '进度颜色',
+          setter: 'ColorSetter',
+          extraProps: {
+            defaultValue: '#00ffff'
+          }
+        }, {
+          name: 'gradientEnable',
+          title: '启用渐变',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: false
+          }
+        }, {
+          name: 'gradientColors',
+          title: '渐变颜色',
+          setter: 'ColorSetter',
+          extraProps: {
+            defaultValue: ['#00d4ff', '#9b59b6']
+          }
+        }]
+      }]
+    }, {
+      type: 'group',
+      key: 'data',
+      title: '数据',
+      items: [{
+        name: 'dataBinding',
+        title: '数据绑定',
+        setter: 'DataBindingSetter'
+      }]
+    }, {
+      type: 'group',
+      key: 'advanced',
+      title: '高级',
+      items: [{
+        name: 'condition',
+        title: '显隐控制',
+        setter: 'SwitchSetter',
+        extraProps: {
+          defaultValue: true,
+          supportVariable: true
+        }
+      }]
+    }]
+  }],
+  component: {},
+  supports: {},
+  advanced: {}
+};
+
+const snippets = [{
+  title: '进度环',
+  screenshot: '',
+  schema: {
+    componentName: COMPONENT_NAME,
+    props: {
+      value: 75,
+      maxValue: 100,
+      type: 'ring',
+      showValue: true,
+      showLabel: false,
+      valueFormat: 'percent',
+      strokeWidthRatio: 0.07,
+      progressColor: '#00ffff'
+    },
+    $dashboard: {
+      rect: {
+        width: 140,
+        height: 140
+      }
+    }
+  }
+}, {
+  title: '线性进度条',
+  screenshot: '',
+  schema: {
+    componentName: COMPONENT_NAME,
+    props: {
+      value: 85,
+      maxValue: 100,
+      type: 'bar',
+      showValue: true,
+      showLabel: true,
+      label: '完成率',
+      valueFormat: 'percent',
+      progressColor: '#00ff88',
+      gradientEnable: true,
+      gradientColors: ['#00ff88', '#00d4ff']
+    },
+    $dashboard: {
+      rect: {
+        width: 300,
+        height: 50
+      }
+    }
+  }
+}];
+
+var version = "0.0.1";
+var pkg = {
+	version: version};
+
+const meta = {
+  componentName: COMPONENT_NAME,
+  title: '进度条',
+  group: MaterialGroup.DISPLAY,
+  devMode: 'proCode',
+  npm: {
+    package: PACKAGE_NAME,
+    version: pkg.version,
+    globalName: COMPONENT_NAME,
+    componentName: COMPONENT_NAME
+  },
+  snippets,
+  configure
+};
+
+export { meta as default, meta };
+//# sourceMappingURL=meta.esm.js.map

package/dist/meta.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.esm.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["/**\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":["MaterialGroup","INNER","DISPLAY","COMPONENT_NAME","PACKAGE_NAME","configure","props","type","title","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","defaultValue","options","min","max","step","supportVariable","component","supports","advanced","snippets","screenshot","schema","maxValue","showValue","showLabel","valueFormat","strokeWidthRatio","progressColor","$dashboard","rect","width","height","gradientEnable","gradientColors","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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"}