@easy-editor/materials-dashboard-progress 0.0.2 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @easy-editor/materials-dashboard-progress
 
+## 0.0.3
+
+### Patch Changes
+
+- fix: build error
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/component.esm.js

@@ -1,4 +1,4 @@
-/* @easy-editor/materials-dashboard-progress-ring v0.0.1 (component, esm) */
+/* @easy-editor/materials-dashboard-progress v0.0.2 (component, esm) */
 import { useId, useRef, useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/component.js

@@ -1,8 +1,8 @@
-/* @easy-editor/materials-dashboard-progress-ring v0.0.1 (component) */
+/* @easy-editor/materials-dashboard-progress v0.0.2 (component) */
 (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.EasyEditorMaterialsProgressRingComponent = {}, global.React, global.jsxRuntime));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsProgressComponent = {}, global.React, global.jsxRuntime));
 })(this, (function (exports, react, jsxRuntime) { 'use strict';
 
   function styleInject(css, ref) {

package/dist/component.min.js

@@ -1,2 +1,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("react"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react/jsx-runtime"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressRingComponent={},e.React,e.jsxRuntime)}(this,function(e,o,t){"use strict";var n="component-module__wrapper___IYMoW",r="component-module__container___VbZSk",l="component-module__ring___QkEHa",a="component-module__centerContent___Ri3R3",s="component-module__value___Fg70k",i="component-module__label___6IHVo",d="component-module__barContainer___AOTls",c="component-module__barWrapper___cni-a",_="component-module__barFill___KZkJe",m="component-module__barLabels___BvaEi",u="component-module__barLabel___wVaWe",p="component-module__barValue___H2muu";!function(e,o){void 0===o&&(o={});var t=o.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.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,o,t)=>"percent"===t?`${Math.round(o)}%`:`${e}`,f=({percentage:e,strokeWidthRatio:n,trackColor:d,progressColor:c,gradientEnable:_,gradientColors:m,showValue:u,showLabel:p,label:f,valueFormat:g,displayColor:x,gradientId:b})=>{const y=o.useRef(null),[j,C]=o.useState(100);o.useEffect(()=>{const e=y.current;if(!e)return;const o=()=>{const{width:o,height:t}=e.getBoundingClientRect(),n=Math.min(o,t);n>0&&C(n)};o();const t=new ResizeObserver(o);return t.observe(e),()=>t.disconnect()},[]);const v=Math.max(2,j*n),k=(j-v)/2,w=2*Math.PI*k,N=w-e/100*w,V=j/2;return t.jsxs("div",{className:r,ref:y,children:[t.jsxs("svg",{"aria-label":"Progress ring",className:l,height:j,role:"img",width:j,children:[t.jsx("title",{children:"Progress indicator"}),_?t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:m[0]}),t.jsx("stop",{offset:"100%",stopColor:m[1]})]})}):null,t.jsx("circle",{cx:V,cy:V,fill:"none",r:k,stroke:d,strokeWidth:v}),t.jsx("circle",{cx:V,cy:V,fill:"none",r:k,stroke:_?`url(#${b})`:c,strokeDasharray:w,strokeDashoffset:N,strokeLinecap:"round",strokeWidth:v,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),t.jsxs("div",{className:a,children:[u?t.jsx("span",{className:s,style:{fontSize:.2*j,color:x},children:h(Math.round(e),e,g)}):null,p&&f?t.jsx("span",{className:i,style:{fontSize:.1*j},children:f}):null]})]})},g=({percentage:e,trackColor:o,progressColor:n,gradientEnable:r,gradientColors:l,showValue:a,showLabel:s,label:i,valueFormat:f,displayColor:g})=>t.jsxs("div",{className:d,children:[s||a?t.jsxs("div",{className:m,children:[s?t.jsx("span",{className:u,children:i}):null,a?t.jsx("span",{className:p,style:{color:g},children:h(Math.round(e),e,f)}):null]}):null,t.jsx("div",{className:c,style:{background:o},children:t.jsx("div",{className:_,style:{width:`${e}%`,background:r?`linear-gradient(90deg, ${l[0]}, ${l[1]})`:n}})})]}),x=({ref:e,value:r=0,maxValue:l=100,type:a="ring",showValue:s=!0,showLabel:i=!1,label:d="",valueFormat:c="percent",strokeWidthRatio:_=.07,trackColor:m="rgba(26, 26, 62, 0.8)",progressColor:u="#00d4ff",gradientEnable:p=!1,gradientColors:h=["#00d4ff","#9b59b6"],style:x})=>{const b=o.useId(),y=Math.min(Math.max(r,0),l)/l*100,j=p?h[0]:u;return"ring"===a?t.jsx("div",{className:n,ref:e,style:x,children:t.jsx(f,{displayColor:j,gradientColors:h,gradientEnable:p,gradientId:b,label:d,percentage:y,progressColor:u,showLabel:i,showValue:s,strokeWidthRatio:_,trackColor:m,valueFormat:c})}):t.jsx("div",{className:n,ref:e,style:x,children:t.jsx(g,{displayColor:j,gradientColors:h,gradientEnable:p,label:d,percentage:y,progressColor:u,showLabel:i,showValue:s,trackColor:m,valueFormat:c})})};e.Progress=x,e.default=x,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("react"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react/jsx-runtime"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressComponent={},e.React,e.jsxRuntime)}(this,function(e,o,t){"use strict";var n="component-module__wrapper___IYMoW",r="component-module__container___VbZSk",l="component-module__ring___QkEHa",a="component-module__centerContent___Ri3R3",s="component-module__value___Fg70k",i="component-module__label___6IHVo",d="component-module__barContainer___AOTls",c="component-module__barWrapper___cni-a",_="component-module__barFill___KZkJe",m="component-module__barLabels___BvaEi",u="component-module__barLabel___wVaWe",p="component-module__barValue___H2muu";!function(e,o){void 0===o&&(o={});var t=o.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.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,o,t)=>"percent"===t?`${Math.round(o)}%`:`${e}`,f=({percentage:e,strokeWidthRatio:n,trackColor:d,progressColor:c,gradientEnable:_,gradientColors:m,showValue:u,showLabel:p,label:f,valueFormat:g,displayColor:x,gradientId:b})=>{const y=o.useRef(null),[j,C]=o.useState(100);o.useEffect(()=>{const e=y.current;if(!e)return;const o=()=>{const{width:o,height:t}=e.getBoundingClientRect(),n=Math.min(o,t);n>0&&C(n)};o();const t=new ResizeObserver(o);return t.observe(e),()=>t.disconnect()},[]);const v=Math.max(2,j*n),k=(j-v)/2,w=2*Math.PI*k,N=w-e/100*w,V=j/2;return t.jsxs("div",{className:r,ref:y,children:[t.jsxs("svg",{"aria-label":"Progress ring",className:l,height:j,role:"img",width:j,children:[t.jsx("title",{children:"Progress indicator"}),_?t.jsx("defs",{children:t.jsxs("linearGradient",{id:b,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:m[0]}),t.jsx("stop",{offset:"100%",stopColor:m[1]})]})}):null,t.jsx("circle",{cx:V,cy:V,fill:"none",r:k,stroke:d,strokeWidth:v}),t.jsx("circle",{cx:V,cy:V,fill:"none",r:k,stroke:_?`url(#${b})`:c,strokeDasharray:w,strokeDashoffset:N,strokeLinecap:"round",strokeWidth:v,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),t.jsxs("div",{className:a,children:[u?t.jsx("span",{className:s,style:{fontSize:.2*j,color:x},children:h(Math.round(e),e,g)}):null,p&&f?t.jsx("span",{className:i,style:{fontSize:.1*j},children:f}):null]})]})},g=({percentage:e,trackColor:o,progressColor:n,gradientEnable:r,gradientColors:l,showValue:a,showLabel:s,label:i,valueFormat:f,displayColor:g})=>t.jsxs("div",{className:d,children:[s||a?t.jsxs("div",{className:m,children:[s?t.jsx("span",{className:u,children:i}):null,a?t.jsx("span",{className:p,style:{color:g},children:h(Math.round(e),e,f)}):null]}):null,t.jsx("div",{className:c,style:{background:o},children:t.jsx("div",{className:_,style:{width:`${e}%`,background:r?`linear-gradient(90deg, ${l[0]}, ${l[1]})`:n}})})]}),x=({ref:e,value:r=0,maxValue:l=100,type:a="ring",showValue:s=!0,showLabel:i=!1,label:d="",valueFormat:c="percent",strokeWidthRatio:_=.07,trackColor:m="rgba(26, 26, 62, 0.8)",progressColor:u="#00d4ff",gradientEnable:p=!1,gradientColors:h=["#00d4ff","#9b59b6"],style:x})=>{const b=o.useId(),y=Math.min(Math.max(r,0),l)/l*100,j=p?h[0]:u;return"ring"===a?t.jsx("div",{className:n,ref:e,style:x,children:t.jsx(f,{displayColor:j,gradientColors:h,gradientEnable:p,gradientId:b,label:d,percentage:y,progressColor:u,showLabel:i,showValue:s,strokeWidthRatio:_,trackColor:m,valueFormat:c})}):t.jsx("div",{className:n,ref:e,style:x,children:t.jsx(g,{displayColor:j,gradientColors:h,gradientEnable:p,label:d,percentage:y,progressColor:u,showLabel:i,showValue:s,trackColor:m,valueFormat:c})})};e.Progress=x,e.default=x,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=component.min.js.map

package/dist/component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.min.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"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"],"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","Progress","maxValue","externalStyle","useId"],"mappings":"40BAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,mqCCcA,MAAMe,EAAcA,CAACC,EAAeC,EAAoBC,IAClC,YAAhBA,EACK,GAAGC,KAAKC,MAAMH,MAEhB,GAAGD,IAINK,EAAeA,EACnBJ,aACAK,mBACAC,aACAC,gBACAC,iBACAC,iBACAC,YACAC,YACAC,QACAX,cACAY,eACAC,iBAeA,MAAMC,EAAeC,EAAAA,OAAuB,OACrCC,EAAMC,GAAWC,EAAAA,SAAS,KAEjCC,EAAAA,UAAU,KACR,MAAMC,EAAYN,EAAaO,QAC/B,IAAKD,EACH,OAGF,MAAME,EAAaA,KACjB,MAAMC,MAAEA,EAAKC,OAAEA,GAAWJ,EAAUK,wBAC9BC,EAAUzB,KAAK0B,IAAIJ,EAAOC,GAC5BE,EAAU,GACZT,EAAQS,IAIZJ,IAEA,MAAMM,EAAiB,IAAIC,eAAeP,GAG1C,OAFAM,EAAeE,QAAQV,GAEhB,IAAMQ,EAAeG,cAC3B,IAEH,MAAMC,EAAc/B,KAAKgC,IAAI,EAAGjB,EAAOZ,GACjC8B,GAAUlB,EAAOgB,GAAe,EAChCG,EAAgB,EAAIlC,KAAKmC,GAAKF,EAC9BG,EAAmBF,EAAiBpC,EAAa,IAAOoC,EACxDG,EAAStB,EAAO,EAEtB,OACEuB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAkB1D,IAAK+B,EAAa4B,UAClDH,EAAAA,KAAA,MAAA,CAAK,aAAW,gBAAgBC,UAAWC,EAAajB,OAAQR,EAAM2B,KAAK,MAAMpB,MAAOP,EAAK0B,UAC3FE,EAAAA,IAAA,QAAA,CAAAF,SAAO,uBACNnC,EACCqC,EAAAA,IAAA,OAAA,CAAAF,SACEH,EAAAA,KAAA,iBAAA,CAAgBM,GAAIhC,EAAYiC,GAAG,KAAKC,GAAG,OAAOC,GAAG,KAAKC,GAAG,KAAIP,UAC/DE,EAAAA,IAAA,OAAA,CAAMM,OAAO,KAAKC,UAAW3C,EAAe,KAC5CoC,EAAAA,IAAA,OAAA,CAAMM,OAAO,OAAOC,UAAW3C,EAAe,UAGhD,KAEJoC,EAAAA,IAAA,SAAA,CAAQQ,GAAId,EAAQe,GAAIf,EAAQgB,KAAK,OAAOC,EAAGrB,EAAQsB,OAAQnD,EAAY2B,YAAaA,IAExFY,EAAAA,IAAA,SAAA,CACEQ,GAAId,EACJe,GAAIf,EACJgB,KAAK,OACLC,EAAGrB,EACHsB,OAAQjD,EAAiB,QAAQM,KAAgBP,EACjDmD,gBAAiBtB,EACjBE,iBAAkBA,EAClBqB,cAAc,QACd1B,YAAaA,EACb5C,MAAO,CACLuE,WAAY,oCAIlBpB,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAqBC,SAAA,CAClCjC,EACCmC,EAAAA,IAAA,OAAA,CAAMJ,UAAWC,EAAcrD,MAAO,CAAEwE,SAAiB,GAAP5C,EAAY6C,MAAOjD,GAAe8B,SACjF7C,EAAYI,KAAKC,MAAMH,GAAaA,EAAYC,KAEjD,KACHU,GAAaC,EACZiC,EAAAA,IAAA,OAAA,CAAMJ,UAAWC,EAAcrD,MAAO,CAAEwE,SAAiB,GAAP5C,GAAa0B,SAC5D/B,IAED,YAONmD,EAAcA,EAClB/D,aACAM,aACAC,gBACAC,iBACAC,iBACAC,YACAC,YACAC,QACAX,cACAY,kBAaA2B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAoBC,SAAA,CACjChC,GAAaD,EACZ8B,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAiBC,SAAA,CAC9BhC,EAAYkC,EAAAA,IAAA,OAAA,CAAMJ,UAAWC,EAAgBC,SAAE/B,IAAgB,KAC/DF,EACCmC,EAAAA,IAAA,OAAA,CAAMJ,UAAWC,EAAiBrD,MAAO,CAAEyE,MAAOjD,GAAe8B,SAC9D7C,EAAYI,KAAKC,MAAMH,GAAaA,EAAYC,KAEjD,QAEJ,KACJ4C,EAAAA,IAAA,MAAA,CAAKJ,UAAWC,EAAmBrD,MAAO,CAAE2E,WAAY1D,GAAaqC,SACnEE,EAAAA,IAAA,MAAA,CACEJ,UAAWC,EACXrD,MAAO,CACLmC,MAAO,GAAGxB,KACVgE,WAAYxD,EACR,0BAA0BC,EAAe,OAAOA,EAAe,MAC/DF,UAOD0D,EAAoCA,EAC/CjF,MACAe,QAAQ,EACRmE,WAAW,IACX3E,OAAO,OACPmB,aAAY,EACZC,aAAY,EACZC,QAAQ,GACRX,cAAc,UACdI,mBAAmB,IACnBC,aAAa,wBACbC,gBAAgB,UAChBC,kBAAiB,EACjBC,iBAAiB,CAAC,UAAW,WAC7BpB,MAAO8E,MAEP,MAAMrD,EAAasD,EAAAA,QAGbpE,EADkBE,KAAK0B,IAAI1B,KAAKgC,IAAInC,EAAO,GAAImE,GACfA,EAAY,IAC5CrD,EAAeL,EAAiBC,EAAe,GAAKF,EAE1D,MAAa,SAAThB,EAEAsD,EAAAA,IAAA,MAAA,CAAKJ,UAAWC,EAAgB1D,IAAKA,EAAKK,MAAO8E,EAAcxB,SAC7DE,EAAAA,IAACzC,EAAY,CACXS,aAAcA,EACdJ,eAAgBA,EAChBD,eAAgBA,EAChBM,WAAYA,EACZF,MAAOA,EACPZ,WAAYA,EACZO,cAAeA,EACfI,UAAWA,EACXD,UAAWA,EACXL,iBAAkBA,EAClBC,WAAYA,EACZL,YAAaA,MAOnB4C,EAAAA,IAAA,MAAA,CAAKJ,UAAWC,EAAgB1D,IAAKA,EAAKK,MAAO8E,EAAcxB,SAC7DE,EAAAA,IAACkB,EAAW,CACVlD,aAAcA,EACdJ,eAAgBA,EAChBD,eAAgBA,EAChBI,MAAOA,EACPZ,WAAYA,EACZO,cAAeA,EACfI,UAAWA,EACXD,UAAWA,EACXJ,WAAYA,EACZL,YAAaA","x_google_ignoreList":[0]}
+{"version":3,"file":"component.min.js","sources":["../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx"],"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"],"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","Progress","maxValue","externalStyle","useId"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.cjs

@@ -536,7 +536,7 @@ const snippets = [{
   }
 }];
 
-var version = "0.0.1";
+var version = "0.0.2";
 var pkg = {
 	version: version};
 

package/dist/index.esm.js

@@ -534,7 +534,7 @@ const snippets = [{
   }
 }];
 
-var version = "0.0.1";
+var version = "0.0.2";
 var pkg = {
 	version: version};
 

package/dist/index.js

@@ -1,8 +1,8 @@
-/* @easy-editor/materials-dashboard-progress-ring v0.0.1 */
+/* @easy-editor/materials-dashboard-progress v0.0.2 */
 (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));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsProgress = {}, global.React, global.jsxRuntime));
 })(this, (function (exports, react, jsxRuntime) { 'use strict';
 
   function styleInject(css, ref) {
@@ -538,7 +538,7 @@
     }
   }];
 
-  var version = "0.0.1";
+  var version = "0.0.2";
   var pkg = {
   	version: version};
 

package/dist/index.min.js

@@ -1,2 +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});
+!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).EasyEditorMaterialsProgress={},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}`,f=({percentage:e,strokeWidthRatio:r,trackColor:p,progressColor:d,gradientEnable:c,gradientColors:m,showValue:u,showLabel:_,label:f,valueFormat:g,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,g)}):null,_&&f?o.jsx("span",{className:i,style:{fontSize:.1*C},children:f}):null]})]})},g=({percentage:e,trackColor:t,progressColor:r,gradientEnable:a,gradientColors:l,showValue:n,showLabel:s,label:i,valueFormat:f,displayColor:g})=>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:g},children:h(Math.round(e),e,f)}):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.2",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(f,{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(g,{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

package/dist/index.min.js.map

@@ -1 +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]}
+{"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

@@ -1,4 +1,4 @@
-/* @easy-editor/materials-dashboard-progress-ring v0.0.1 (meta, esm) */
+/* @easy-editor/materials-dashboard-progress v0.0.2 (meta, esm) */
 const MaterialGroup = {
   DISPLAY: 'display'};
 
@@ -281,7 +281,7 @@ const snippets = [{
   }
 }];
 
-var version = "0.0.1";
+var version = "0.0.2";
 var pkg = {
 	version: version};
 

package/dist/meta.js

@@ -1,8 +1,8 @@
-/* @easy-editor/materials-dashboard-progress-ring v0.0.1 (meta) */
+/* @easy-editor/materials-dashboard-progress v0.0.2 (meta) */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsProgressRingMeta = {}));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsProgressMeta = {}));
 })(this, (function (exports) { 'use strict';
 
   const MaterialGroup = {
@@ -287,7 +287,7 @@
     }
   }];
 
-  var version = "0.0.1";
+  var version = "0.0.2";
   var pkg = {
   	version: version};
 

package/dist/meta.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressRingMeta={})}(this,function(e){"use strict";const t="EasyEditorMaterialsProgress";const r={componentName:t,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.1",globalName:t,componentName:t},snippets:[{title:"进度环",screenshot:"",schema:{componentName:t,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:t,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.default=r,e.meta=r,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressMeta={})}(this,function(e){"use strict";const t="EasyEditorMaterialsProgress";const r={componentName:t,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.2",globalName:t,componentName:t},snippets:[{title:"进度环",screenshot:"",schema:{componentName:t,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:t,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.default=r,e.meta=r,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=meta.min.js.map

package/dist/meta.min.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easy-editor/materials-dashboard-progress",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Progress component for EasyEditor dashboard",
   "type": "module",
   "main": "dist/index.js",

package/rollup.config.js

@@ -7,7 +7,7 @@ import cleanup from 'rollup-plugin-cleanup'
 import postcss from 'rollup-plugin-postcss'
 import pkg from './package.json' with { type: 'json' }
 
-const GLOBAL_NAME = 'EasyEditorMaterialsProgressRing'
+const GLOBAL_NAME = 'EasyEditorMaterialsProgress'
 
 // 外部依赖（不打包进组件）
 const external = ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core']
@@ -63,7 +63,7 @@ export default [
         file: 'dist/meta.esm.js',
         format: 'esm',
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (meta, esm) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (meta, esm) */`,
         exports: 'named',
       },
     ],
@@ -79,7 +79,7 @@ export default [
         name: `${GLOBAL_NAME}Meta`,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (meta) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (meta) */`,
         exports: 'named',
       },
     ],
@@ -95,7 +95,7 @@ export default [
         name: `${GLOBAL_NAME}Meta`,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (meta, minified) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (meta, minified) */`,
         exports: 'named',
       },
     ],
@@ -111,7 +111,7 @@ export default [
         file: 'dist/component.esm.js',
         format: 'esm',
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (component, esm) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (component, esm) */`,
         exports: 'named',
       },
     ],
@@ -127,7 +127,7 @@ export default [
         name: `${GLOBAL_NAME}Component`,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (component) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (component) */`,
         exports: 'named',
       },
     ],
@@ -143,7 +143,7 @@ export default [
         name: `${GLOBAL_NAME}Component`,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (component, minified) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (component, minified) */`,
         exports: 'named',
       },
     ],
@@ -161,7 +161,7 @@ export default [
         name: GLOBAL_NAME,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} */`,
         exports: 'named',
       },
     ],
@@ -202,7 +202,7 @@ export default [
         name: GLOBAL_NAME,
         globals,
         sourcemap: true,
-        banner: `/* @easy-editor/materials-dashboard-progress-ring v${pkg.version} (minified) */`,
+        banner: `/* @easy-editor/materials-dashboard-progress v${pkg.version} (minified) */`,
         exports: 'named',
       },
     ],