@easy-editor/materials-dashboard-progress 0.0.2

package/dist/index.js

@@ -0,0 +1,564 @@
+/* @easy-editor/materials-dashboard-progress-ring v0.0.1 */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react/jsx-runtime')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react/jsx-runtime'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsProgressRing = {}, global.React, global.jsxRuntime));
+})(this, (function (exports, react, jsxRuntime) { 'use strict';
+
+  function styleInject(css, ref) {
+    if (ref === void 0) ref = {};
+    var insertAt = ref.insertAt;
+    if (typeof document === 'undefined') {
+      return;
+    }
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.type = 'text/css';
+    if (insertAt === 'top') {
+      if (head.firstChild) {
+        head.insertBefore(style, head.firstChild);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      head.appendChild(style);
+    }
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+  }
+
+  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}";
+  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"};
+  styleInject(css_248z);
+
+  /**
+   * Progress Component
+   * 进度组件 - 支持环形和线性进度条
+   */
+
+  // 格式化数值
+  const formatValue = (value, percentage, valueFormat) => {
+    if (valueFormat === 'percent') {
+      return `${Math.round(percentage)}%`;
+    }
+    return `${value}`;
+  };
+
+  // 环形进度条组件
+  const RingProgress = ({
+    percentage,
+    strokeWidthRatio,
+    trackColor,
+    progressColor,
+    gradientEnable,
+    gradientColors,
+    showValue,
+    showLabel,
+    label,
+    valueFormat,
+    displayColor,
+    gradientId
+  }) => {
+    const containerRef = react.useRef(null);
+    const [size, setSize] = react.useState(100);
+    react.useEffect(() => {
+      const container = containerRef.current;
+      if (!container) {
+        return;
+      }
+      const updateSize = () => {
+        const {
+          width,
+          height
+        } = container.getBoundingClientRect();
+        const minSize = Math.min(width, height);
+        if (minSize > 0) {
+          setSize(minSize);
+        }
+      };
+      updateSize();
+      const resizeObserver = new ResizeObserver(updateSize);
+      resizeObserver.observe(container);
+      return () => resizeObserver.disconnect();
+    }, []);
+    const strokeWidth = Math.max(2, size * strokeWidthRatio);
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const strokeDashoffset = circumference - percentage / 100 * circumference;
+    const center = size / 2;
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: styles.container,
+      ref: containerRef,
+      children: [/*#__PURE__*/jsxRuntime.jsxs("svg", {
+        "aria-label": "Progress ring",
+        className: styles.ring,
+        height: size,
+        role: "img",
+        width: size,
+        children: [/*#__PURE__*/jsxRuntime.jsx("title", {
+          children: "Progress indicator"
+        }), gradientEnable ? /*#__PURE__*/jsxRuntime.jsx("defs", {
+          children: /*#__PURE__*/jsxRuntime.jsxs("linearGradient", {
+            id: gradientId,
+            x1: "0%",
+            x2: "100%",
+            y1: "0%",
+            y2: "0%",
+            children: [/*#__PURE__*/jsxRuntime.jsx("stop", {
+              offset: "0%",
+              stopColor: gradientColors[0]
+            }), /*#__PURE__*/jsxRuntime.jsx("stop", {
+              offset: "100%",
+              stopColor: gradientColors[1]
+            })]
+          })
+        }) : null, /*#__PURE__*/jsxRuntime.jsx("circle", {
+          cx: center,
+          cy: center,
+          fill: "none",
+          r: radius,
+          stroke: trackColor,
+          strokeWidth: strokeWidth
+        }), /*#__PURE__*/jsxRuntime.jsx("circle", {
+          cx: center,
+          cy: center,
+          fill: "none",
+          r: radius,
+          stroke: gradientEnable ? `url(#${gradientId})` : progressColor,
+          strokeDasharray: circumference,
+          strokeDashoffset: strokeDashoffset,
+          strokeLinecap: "round",
+          strokeWidth: strokeWidth,
+          style: {
+            transition: 'stroke-dashoffset 0.5s ease'
+          }
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: styles.centerContent,
+        children: [showValue ? /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: styles.value,
+          style: {
+            fontSize: size * 0.2,
+            color: displayColor
+          },
+          children: formatValue(Math.round(percentage), percentage, valueFormat)
+        }) : null, showLabel && label ? /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: styles.label,
+          style: {
+            fontSize: size * 0.1
+          },
+          children: label
+        }) : null]
+      })]
+    });
+  };
+
+  // 线性进度条组件
+  const BarProgress = ({
+    percentage,
+    trackColor,
+    progressColor,
+    gradientEnable,
+    gradientColors,
+    showValue,
+    showLabel,
+    label,
+    valueFormat,
+    displayColor
+  }) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: styles.barContainer,
+    children: [showLabel || showValue ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: styles.barLabels,
+      children: [showLabel ? /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: styles.barLabel,
+        children: label
+      }) : null, showValue ? /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: styles.barValue,
+        style: {
+          color: displayColor
+        },
+        children: formatValue(Math.round(percentage), percentage, valueFormat)
+      }) : null]
+    }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: styles.barWrapper,
+      style: {
+        background: trackColor
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: styles.barFill,
+        style: {
+          width: `${percentage}%`,
+          background: gradientEnable ? `linear-gradient(90deg, ${gradientColors[0]}, ${gradientColors[1]})` : progressColor
+        }
+      })
+    })]
+  });
+  const Progress = ({
+    ref,
+    value = 0,
+    maxValue = 100,
+    type = 'ring',
+    showValue = true,
+    showLabel = false,
+    label = '',
+    valueFormat = 'percent',
+    strokeWidthRatio = 0.07,
+    trackColor = 'rgba(26, 26, 62, 0.8)',
+    progressColor = '#00d4ff',
+    gradientEnable = false,
+    gradientColors = ['#00d4ff', '#9b59b6'],
+    style: externalStyle
+  }) => {
+    const gradientId = react.useId();
+    const normalizedValue = Math.min(Math.max(value, 0), maxValue);
+    const percentage = normalizedValue / maxValue * 100;
+    const displayColor = gradientEnable ? gradientColors[0] : progressColor;
+    if (type === 'ring') {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: styles.wrapper,
+        ref: ref,
+        style: externalStyle,
+        children: /*#__PURE__*/jsxRuntime.jsx(RingProgress, {
+          displayColor: displayColor,
+          gradientColors: gradientColors,
+          gradientEnable: gradientEnable,
+          gradientId: gradientId,
+          label: label,
+          percentage: percentage,
+          progressColor: progressColor,
+          showLabel: showLabel,
+          showValue: showValue,
+          strokeWidthRatio: strokeWidthRatio,
+          trackColor: trackColor,
+          valueFormat: valueFormat
+        })
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: styles.wrapper,
+      ref: ref,
+      style: externalStyle,
+      children: /*#__PURE__*/jsxRuntime.jsx(BarProgress, {
+        displayColor: displayColor,
+        gradientColors: gradientColors,
+        gradientEnable: gradientEnable,
+        label: label,
+        percentage: percentage,
+        progressColor: progressColor,
+        showLabel: showLabel,
+        showValue: showValue,
+        trackColor: trackColor,
+        valueFormat: valueFormat
+      })
+    });
+  };
+
+  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
+  };
+
+  exports.component = Progress;
+  exports.meta = meta;
+
+}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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]}

package/dist/index.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressRing={},e.React,e.jsxRuntime)}(this,function(e,t,o){"use strict";var r="component-module__wrapper___IYMoW",a="component-module__container___VbZSk",l="component-module__ring___QkEHa",n="component-module__centerContent___Ri3R3",s="component-module__value___Fg70k",i="component-module__label___6IHVo",p="component-module__barContainer___AOTls",d="component-module__barWrapper___cni-a",c="component-module__barFill___KZkJe",m="component-module__barLabels___BvaEi",u="component-module__barLabel___wVaWe",_="component-module__barValue___H2muu";!function(e,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".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}");const h=(e,t,o)=>"percent"===o?`${Math.round(t)}%`:`${e}`,g=({percentage:e,strokeWidthRatio:r,trackColor:p,progressColor:d,gradientEnable:c,gradientColors:m,showValue:u,showLabel:_,label:g,valueFormat:f,displayColor:b,gradientId:x})=>{const y=t.useRef(null),[C,V]=t.useState(100);t.useEffect(()=>{const e=y.current;if(!e)return;const t=()=>{const{width:t,height:o}=e.getBoundingClientRect(),r=Math.min(t,o);r>0&&V(r)};t();const o=new ResizeObserver(t);return o.observe(e),()=>o.disconnect()},[]);const v=Math.max(2,C*r),S=(C-v)/2,w=2*Math.PI*S,k=w-e/100*w,N=C/2;return o.jsxs("div",{className:a,ref:y,children:[o.jsxs("svg",{"aria-label":"Progress ring",className:l,height:C,role:"img",width:C,children:[o.jsx("title",{children:"Progress indicator"}),c?o.jsx("defs",{children:o.jsxs("linearGradient",{id:x,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[o.jsx("stop",{offset:"0%",stopColor:m[0]}),o.jsx("stop",{offset:"100%",stopColor:m[1]})]})}):null,o.jsx("circle",{cx:N,cy:N,fill:"none",r:S,stroke:p,strokeWidth:v}),o.jsx("circle",{cx:N,cy:N,fill:"none",r:S,stroke:c?`url(#${x})`:d,strokeDasharray:w,strokeDashoffset:k,strokeLinecap:"round",strokeWidth:v,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),o.jsxs("div",{className:n,children:[u?o.jsx("span",{className:s,style:{fontSize:.2*C,color:b},children:h(Math.round(e),e,f)}):null,_&&g?o.jsx("span",{className:i,style:{fontSize:.1*C},children:g}):null]})]})},f=({percentage:e,trackColor:t,progressColor:r,gradientEnable:a,gradientColors:l,showValue:n,showLabel:s,label:i,valueFormat:g,displayColor:f})=>o.jsxs("div",{className:p,children:[s||n?o.jsxs("div",{className:m,children:[s?o.jsx("span",{className:u,children:i}):null,n?o.jsx("span",{className:_,style:{color:f},children:h(Math.round(e),e,g)}):null]}):null,o.jsx("div",{className:d,style:{background:t},children:o.jsx("div",{className:c,style:{width:`${e}%`,background:a?`linear-gradient(90deg, ${l[0]}, ${l[1]})`:r}})})]}),b="EasyEditorMaterialsProgress";const x={componentName:b,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.1",globalName:b,componentName:b},snippets:[{title:"进度环",screenshot:"",schema:{componentName:b,props:{value:75,maxValue:100,type:"ring",showValue:!0,showLabel:!1,valueFormat:"percent",strokeWidthRatio:.07,progressColor:"#00ffff"},$dashboard:{rect:{width:140,height:140}}}},{title:"线性进度条",screenshot:"",schema:{componentName:b,props:{value:85,maxValue:100,type:"bar",showValue:!0,showLabel:!0,label:"完成率",valueFormat:"percent",progressColor:"#00ff88",gradientEnable:!0,gradientColors:["#00ff88","#00d4ff"]},$dashboard:{rect:{width:300,height:50}}}}],configure:{props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"id",title:"ID",setter:"NodeIdSetter",extraProps:{label:!1}},{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{type:"group",title:"基础属性",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}}]},{type:"group",title:"数值",setter:{componentName:"CollapseSetter",props:{icon:!1}},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:!1}},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:!0}},{name:"showLabel",title:"显示标签",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"label",title:"标签文本",setter:"StringSetter"}]},{type:"group",title:"样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"strokeWidthRatio",title:"线条粗细",setter:{componentName:"SliderSetter",props:{min:.02,max:.2,step:.01}},extraProps:{defaultValue:.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:!1}},{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:!0,supportVariable:!0}}]}]}],component:{},supports:{},advanced:{}}};e.component=({ref:e,value:a=0,maxValue:l=100,type:n="ring",showValue:s=!0,showLabel:i=!1,label:p="",valueFormat:d="percent",strokeWidthRatio:c=.07,trackColor:m="rgba(26, 26, 62, 0.8)",progressColor:u="#00d4ff",gradientEnable:_=!1,gradientColors:h=["#00d4ff","#9b59b6"],style:b})=>{const x=t.useId(),y=Math.min(Math.max(a,0),l)/l*100,C=_?h[0]:u;return"ring"===n?o.jsx("div",{className:r,ref:e,style:b,children:o.jsx(g,{displayColor:C,gradientColors:h,gradientEnable:_,gradientId:x,label:p,percentage:y,progressColor:u,showLabel:i,showValue:s,strokeWidthRatio:c,trackColor:m,valueFormat:d})}):o.jsx("div",{className:r,ref:e,style:b,children:o.jsx(f,{displayColor:C,gradientColors:h,gradientEnable:_,label:p,percentage:y,progressColor:u,showLabel:i,showValue:s,trackColor:m,valueFormat:d})})},e.meta=x});
+//# sourceMappingURL=index.min.js.map