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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @easy-editor/materials-dashboard-progress
 
+## 0.0.4
+
+### Patch Changes
+
+- perf: configure & datasource
+- Updated dependencies
+  - @easy-editor/materials-shared@0.0.1
+
+## 0.0.3
+
+### Patch Changes
+
+- fix: build error
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/component.min.js

@@ -1,2 +1 @@
-!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})});
-//# sourceMappingURL=component.min.js.map
+!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).EasyEditorMaterialsProgressComponent={},e.React,e.jsxRuntime)}(this,function(e,t,o){"use strict";const r=(e,t)=>{if(!t)return e;const o=t.split(".");let r=e;for(const e of o){if(null==r)return;if("object"!=typeof r)return;r=r[e]}return r},n=e=>void 0===e?[]:Array.isArray(e)?e:e&&"object"==typeof e?[e]:[],a=(e,t)=>{const o=((e,t)=>{if(!e)return[];if("static"===e.sourceType)return Array.isArray(e.staticData)?e.staticData:[];if("global"===e.sourceType&&e.datasourceId){const o=t?.page?.[e.datasourceId];return n(o)}if("datasource"===e.sourceType&&e.datasourceId){const o=t?.component?.[e.datasourceId];return n(o)}return[]})(e,t);return((e,t)=>t&&0!==t.length?e.map(e=>{const o={};for(const{componentField:n,sourceField:a}of t)n&&a&&(o[n]=r(e,a));return o}):e)(o,e?.fieldMappings)};const l=(e,t,o)=>({type:"group",title:e,setter:{componentName:"CollapseSetter",props:{icon:!1,...o}},items:t});l("基础配置",[{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}},{name:"rotation",title:"旋转角度",setter:{componentName:"SliderSetter",props:{min:0,max:360,suffix:"°"}},extraProps:{defaultValue:0}},{name:"opacity",title:"不透明度",setter:{componentName:"SliderSetter",props:{min:0,max:100,suffix:"%"}},extraProps:{defaultValue:100}},{name:"background",title:"背景颜色",setter:"ColorSetter",extraProps:{defaultValue:"transparent"}}]);const s=[{title:"点击事件",children:[{label:"点击",value:"onClick",description:"鼠标点击时触发"},{label:"双击",value:"onDoubleClick",description:"鼠标双击时触发"}]},{title:"鼠标事件",children:[{label:"鼠标进入",value:"onMouseEnter",description:"鼠标进入时触发"},{label:"鼠标离开",value:"onMouseLeave",description:"鼠标离开时触发"}]}];((e=s)=>{l("事件绑定",[{name:"events",title:"事件",setter:{componentName:"EventSetter",props:{events:e}},extraProps:{label:!1}}])})(),l("高级配置",[{title:"条件渲染",setter:"SwitchSetter",extraProps:{supportVariable:!0,getValue:e=>e.getNode().getExtraPropValue("condition"),setValue(e,t){e.getNode().setExtraProp("condition",t)}}}]);var i="component-module__wrapper___IYMoW",c="component-module__container___VbZSk",d="component-module__ring___QkEHa",u="component-module__centerContent___Ri3R3",p="component-module__value___Fg70k",_="component-module__label___6IHVo",m="component-module__barContainer___AOTls",f="component-module__barWrapper___cni-a",h="component-module__barFill___KZkJe",g="component-module__barLabels___BvaEi",x="component-module__barLabel___wVaWe",b="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],n=document.createElement("style");n.type="text/css","top"===o&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.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 y=(e,t,o)=>"percent"===o?`${Math.round(t)}%`:`${e}`,C=({percentage:e,strokeWidthRatio:r,trackColor:n,progressColor:a,gradientEnable:l,gradientColors:s,showValue:i,showLabel:m,label:f,valueFormat:h,displayColor:g,gradientId:x})=>{const b=t.useRef(null),[C,v]=t.useState(100);t.useEffect(()=>{const e=b.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 k=Math.max(2,C*r),j=(C-k)/2,V=2*Math.PI*j,w=V-e/100*V,E=C/2;return o.jsxs("div",{className:c,ref:b,children:[o.jsxs("svg",{"aria-label":"Progress ring",className:d,height:C,role:"img",width:C,children:[o.jsx("title",{children:"Progress indicator"}),l?o.jsx("defs",{children:o.jsxs("linearGradient",{id:x,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[o.jsx("stop",{offset:"0%",stopColor:s[0]}),o.jsx("stop",{offset:"100%",stopColor:s[1]})]})}):null,o.jsx("circle",{cx:E,cy:E,fill:"none",r:j,stroke:n,strokeWidth:k}),o.jsx("circle",{cx:E,cy:E,fill:"none",r:j,stroke:l?`url(#${x})`:a,strokeDasharray:V,strokeDashoffset:w,strokeLinecap:"round",strokeWidth:k,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),o.jsxs("div",{className:u,children:[i?o.jsx("span",{className:p,style:{fontSize:.2*C,color:g},children:y(Math.round(e),e,h)}):null,m&&f?o.jsx("span",{className:_,style:{fontSize:.1*C},children:f}):null]})]})},v=({percentage:e,trackColor:t,progressColor:r,gradientEnable:n,gradientColors:a,showValue:l,showLabel:s,label:i,valueFormat:c,displayColor:d})=>o.jsxs("div",{className:m,children:[s||l?o.jsxs("div",{className:g,children:[s?o.jsx("span",{className:x,children:i}):null,l?o.jsx("span",{className:b,style:{color:d},children:y(Math.round(e),e,c)}):null]}):null,o.jsx("div",{className:f,style:{background:t},children:o.jsx("div",{className:h,style:{width:`${e}%`,background:n?`linear-gradient(90deg, ${a[0]}, ${a[1]})`:r}})})]});e.Progress=({ref:e,$data:r,__dataSource:n,rotation:l=0,opacity:s=100,background:c="transparent",style:d,maxValue:u=100,type:p="ring",showValue:_=!0,showLabel:m=!1,label:f="",valueFormat:h="percent",strokeWidthRatio:g=.07,trackColor:x="rgba(26, 26, 62, 0.8)",progressColor:b="#00d4ff",gradientEnable:y=!1,gradientColors:k=["#00d4ff","#9b59b6"],onClick:j,onDoubleClick:V,onMouseEnter:w,onMouseLeave:E})=>{const M=t.useId(),N=function(e,o){return t.useMemo(()=>a(e,o),[e,o])}(r,n),S=t.useMemo(()=>N.length>0&&"number"==typeof N[0]?.value?N[0].value:0,[N]),P=Math.min(Math.max(S,0),u)/u*100,L=y?k[0]:b,R={transform:0!==l?`rotate(${l}deg)`:void 0,opacity:s/100,backgroundColor:c,...d};return"ring"===p?o.jsx("div",{className:i,onClick:j,onDoubleClick:V,onMouseEnter:w,onMouseLeave:E,ref:e,style:R,children:o.jsx(C,{displayColor:L,gradientColors:k,gradientEnable:y,gradientId:M,label:f,percentage:P,progressColor:b,showLabel:m,showValue:_,strokeWidthRatio:g,trackColor:x,valueFormat:h})}):o.jsx("div",{className:i,onClick:j,onDoubleClick:V,onMouseEnter:w,onMouseLeave:E,ref:e,style:R,children:o.jsx(v,{displayColor:L,gradientColors:k,gradientEnable:y,label:f,percentage:P,progressColor:b,showLabel:m,showValue:_,trackColor:x,valueFormat:h})})}});

package/dist/index.min.js

@@ -1,2 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressRing={},e.React,e.jsxRuntime)}(this,function(e,t,o){"use strict";var r="component-module__wrapper___IYMoW",a="component-module__container___VbZSk",l="component-module__ring___QkEHa",n="component-module__centerContent___Ri3R3",s="component-module__value___Fg70k",i="component-module__label___6IHVo",p="component-module__barContainer___AOTls",d="component-module__barWrapper___cni-a",c="component-module__barFill___KZkJe",m="component-module__barLabels___BvaEi",u="component-module__barLabel___wVaWe",_="component-module__barValue___H2muu";!function(e,t){void 0===t&&(t={});var o=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}(".component-module__container___VbZSk,.component-module__wrapper___IYMoW{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.component-module__container___VbZSk{position:relative}.component-module__ring___QkEHa{transform:rotate(-90deg)}.component-module__centerContent___Ri3R3{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.component-module__value___Fg70k{font-weight:700;line-height:1.1}.component-module__label___6IHVo{color:#fff;margin-top:4px;opacity:.7}.component-module__barContainer___AOTls{display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.component-module__barWrapper___cni-a{border-radius:4px;flex:1;max-height:8px;min-height:8px;overflow:hidden;width:100%}.component-module__barFill___KZkJe{border-radius:4px;height:100%;transition:width .5s ease}.component-module__barLabels___BvaEi{align-items:center;display:flex;justify-content:space-between}.component-module__barLabel___wVaWe{color:hsla(0,0%,100%,.7);font-size:12px}.component-module__barValue___H2muu{font-size:14px;font-weight:600}");const h=(e,t,o)=>"percent"===o?`${Math.round(t)}%`:`${e}`,g=({percentage:e,strokeWidthRatio:r,trackColor:p,progressColor:d,gradientEnable:c,gradientColors:m,showValue:u,showLabel:_,label:g,valueFormat:f,displayColor:b,gradientId:x})=>{const y=t.useRef(null),[C,V]=t.useState(100);t.useEffect(()=>{const e=y.current;if(!e)return;const t=()=>{const{width:t,height:o}=e.getBoundingClientRect(),r=Math.min(t,o);r>0&&V(r)};t();const o=new ResizeObserver(t);return o.observe(e),()=>o.disconnect()},[]);const v=Math.max(2,C*r),S=(C-v)/2,w=2*Math.PI*S,k=w-e/100*w,N=C/2;return o.jsxs("div",{className:a,ref:y,children:[o.jsxs("svg",{"aria-label":"Progress ring",className:l,height:C,role:"img",width:C,children:[o.jsx("title",{children:"Progress indicator"}),c?o.jsx("defs",{children:o.jsxs("linearGradient",{id:x,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[o.jsx("stop",{offset:"0%",stopColor:m[0]}),o.jsx("stop",{offset:"100%",stopColor:m[1]})]})}):null,o.jsx("circle",{cx:N,cy:N,fill:"none",r:S,stroke:p,strokeWidth:v}),o.jsx("circle",{cx:N,cy:N,fill:"none",r:S,stroke:c?`url(#${x})`:d,strokeDasharray:w,strokeDashoffset:k,strokeLinecap:"round",strokeWidth:v,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),o.jsxs("div",{className:n,children:[u?o.jsx("span",{className:s,style:{fontSize:.2*C,color:b},children:h(Math.round(e),e,f)}):null,_&&g?o.jsx("span",{className:i,style:{fontSize:.1*C},children:g}):null]})]})},f=({percentage:e,trackColor:t,progressColor:r,gradientEnable:a,gradientColors:l,showValue:n,showLabel:s,label:i,valueFormat:g,displayColor:f})=>o.jsxs("div",{className:p,children:[s||n?o.jsxs("div",{className:m,children:[s?o.jsx("span",{className:u,children:i}):null,n?o.jsx("span",{className:_,style:{color:f},children:h(Math.round(e),e,g)}):null]}):null,o.jsx("div",{className:d,style:{background:t},children:o.jsx("div",{className:c,style:{width:`${e}%`,background:a?`linear-gradient(90deg, ${l[0]}, ${l[1]})`:r}})})]}),b="EasyEditorMaterialsProgress";const x={componentName:b,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.1",globalName:b,componentName:b},snippets:[{title:"进度环",screenshot:"",schema:{componentName:b,props:{value:75,maxValue:100,type:"ring",showValue:!0,showLabel:!1,valueFormat:"percent",strokeWidthRatio:.07,progressColor:"#00ffff"},$dashboard:{rect:{width:140,height:140}}}},{title:"线性进度条",screenshot:"",schema:{componentName:b,props:{value:85,maxValue:100,type:"bar",showValue:!0,showLabel:!0,label:"完成率",valueFormat:"percent",progressColor:"#00ff88",gradientEnable:!0,gradientColors:["#00ff88","#00d4ff"]},$dashboard:{rect:{width:300,height:50}}}}],configure:{props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"id",title:"ID",setter:"NodeIdSetter",extraProps:{label:!1}},{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{type:"group",title:"基础属性",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}}]},{type:"group",title:"数值",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"value",title:"当前值",setter:"NumberSetter",extraProps:{defaultValue:0}},{name:"maxValue",title:"最大值",setter:"NumberSetter",extraProps:{defaultValue:100}},{name:"valueFormat",title:"值格式",setter:{componentName:"SelectSetter",props:{options:[{label:"百分比",value:"percent"},{label:"数值",value:"number"}]}},extraProps:{defaultValue:"percent"}}]},{type:"group",title:"显示",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"type",title:"进度条类型",setter:{componentName:"SelectSetter",props:{options:[{label:"环形",value:"ring"},{label:"线性",value:"bar"}]}},extraProps:{defaultValue:"ring"}},{name:"showValue",title:"显示数值",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"showLabel",title:"显示标签",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"label",title:"标签文本",setter:"StringSetter"}]},{type:"group",title:"样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"strokeWidthRatio",title:"线条粗细",setter:{componentName:"SliderSetter",props:{min:.02,max:.2,step:.01}},extraProps:{defaultValue:.07}},{name:"trackColor",title:"轨道颜色",setter:"ColorSetter",extraProps:{defaultValue:"rgba(255, 255, 255, 0.1)"}},{name:"progressColor",title:"进度颜色",setter:"ColorSetter",extraProps:{defaultValue:"#00ffff"}},{name:"gradientEnable",title:"启用渐变",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"gradientColors",title:"渐变颜色",setter:"ColorSetter",extraProps:{defaultValue:["#00d4ff","#9b59b6"]}}]}]},{type:"group",key:"data",title:"数据",items:[{name:"dataBinding",title:"数据绑定",setter:"DataBindingSetter"}]},{type:"group",key:"advanced",title:"高级",items:[{name:"condition",title:"显隐控制",setter:"SwitchSetter",extraProps:{defaultValue:!0,supportVariable:!0}}]}]}],component:{},supports:{},advanced:{}}};e.component=({ref:e,value:a=0,maxValue:l=100,type:n="ring",showValue:s=!0,showLabel:i=!1,label:p="",valueFormat:d="percent",strokeWidthRatio:c=.07,trackColor:m="rgba(26, 26, 62, 0.8)",progressColor:u="#00d4ff",gradientEnable:_=!1,gradientColors:h=["#00d4ff","#9b59b6"],style:b})=>{const x=t.useId(),y=Math.min(Math.max(a,0),l)/l*100,C=_?h[0]:u;return"ring"===n?o.jsx("div",{className:r,ref:e,style:b,children:o.jsx(g,{displayColor:C,gradientColors:h,gradientEnable:_,gradientId:x,label:p,percentage:y,progressColor:u,showLabel:i,showValue:s,strokeWidthRatio:c,trackColor:m,valueFormat:d})}):o.jsx("div",{className:r,ref:e,style:b,children:o.jsx(f,{displayColor:C,gradientColors:h,gradientEnable:_,label:p,percentage:y,progressColor:u,showLabel:i,showValue:s,trackColor:m,valueFormat:d})})},e.meta=x});
-//# sourceMappingURL=index.min.js.map
+!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";const r=(e,t)=>{if(!t)return e;const o=t.split(".");let r=e;for(const e of o){if(null==r)return;if("object"!=typeof r)return;r=r[e]}return r},a=e=>void 0===e?[]:Array.isArray(e)?e:e&&"object"==typeof e?[e]:[],n=(e,t)=>{const o=((e,t)=>{if(!e)return[];if("static"===e.sourceType)return Array.isArray(e.staticData)?e.staticData:[];if("global"===e.sourceType&&e.datasourceId){const o=t?.page?.[e.datasourceId];return a(o)}if("datasource"===e.sourceType&&e.datasourceId){const o=t?.component?.[e.datasourceId];return a(o)}return[]})(e,t);return((e,t)=>t&&0!==t.length?e.map(e=>{const o={};for(const{componentField:a,sourceField:n}of t)a&&n&&(o[a]=r(e,n));return o}):e)(o,e?.fieldMappings)};const l=(e,t)=>{const o=Array.isArray(e)?e:[e],r=o[0]||{};return{sourceType:"static",staticData:o,fieldMappings:Object.keys(r).map(e=>({componentField:e,sourceField:e}))}},s=(e,t,o)=>({type:"group",title:e,setter:{componentName:"CollapseSetter",props:{icon:!1,...o}},items:t}),i={name:"nodeInfo",title:"节点信息",setter:"NodeInfoSetter",extraProps:{label:!1}},c=s("基础配置",[{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}},{name:"rotation",title:"旋转角度",setter:{componentName:"SliderSetter",props:{min:0,max:360,suffix:"°"}},extraProps:{defaultValue:0}},{name:"opacity",title:"不透明度",setter:{componentName:"SliderSetter",props:{min:0,max:100,suffix:"%"}},extraProps:{defaultValue:100}},{name:"background",title:"背景颜色",setter:"ColorSetter",extraProps:{defaultValue:"transparent"}}]),p=[{title:"点击事件",children:[{label:"点击",value:"onClick",description:"鼠标点击时触发"},{label:"双击",value:"onDoubleClick",description:"鼠标双击时触发"}]},{title:"鼠标事件",children:[{label:"鼠标进入",value:"onMouseEnter",description:"鼠标进入时触发"},{label:"鼠标离开",value:"onMouseLeave",description:"鼠标离开时触发"}]}],d=((e=p)=>s("事件绑定",[{name:"events",title:"事件",setter:{componentName:"EventSetter",props:{events:e}},extraProps:{label:!1}}]))(),u=s("高级配置",[{title:"条件渲染",setter:"SwitchSetter",extraProps:{supportVariable:!0,getValue:e=>e.getNode().getExtraPropValue("condition"),setValue(e,t){e.getNode().setExtraProp("condition",t)}}}]);var m="component-module__wrapper___IYMoW",_="component-module__container___VbZSk",f="component-module__ring___QkEHa",g="component-module__centerContent___Ri3R3",h="component-module__value___Fg70k",b="component-module__label___6IHVo",x="component-module__barContainer___AOTls",y="component-module__barWrapper___cni-a",v="component-module__barFill___KZkJe",k="component-module__barLabels___BvaEi",C="component-module__barLabel___wVaWe",S="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 V=(e,t,o)=>"percent"===o?`${Math.round(t)}%`:`${e}`,w=({percentage:e,strokeWidthRatio:r,trackColor:a,progressColor:n,gradientEnable:l,gradientColors:s,showValue:i,showLabel:c,label:p,valueFormat:d,displayColor:u,gradientId:m})=>{const x=t.useRef(null),[y,v]=t.useState(100);t.useEffect(()=>{const e=x.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 k=Math.max(2,y*r),C=(y-k)/2,S=2*Math.PI*C,w=S-e/100*S,j=y/2;return o.jsxs("div",{className:_,ref:x,children:[o.jsxs("svg",{"aria-label":"Progress ring",className:f,height:y,role:"img",width:y,children:[o.jsx("title",{children:"Progress indicator"}),l?o.jsx("defs",{children:o.jsxs("linearGradient",{id:m,x1:"0%",x2:"100%",y1:"0%",y2:"0%",children:[o.jsx("stop",{offset:"0%",stopColor:s[0]}),o.jsx("stop",{offset:"100%",stopColor:s[1]})]})}):null,o.jsx("circle",{cx:j,cy:j,fill:"none",r:C,stroke:a,strokeWidth:k}),o.jsx("circle",{cx:j,cy:j,fill:"none",r:C,stroke:l?`url(#${m})`:n,strokeDasharray:S,strokeDashoffset:w,strokeLinecap:"round",strokeWidth:k,style:{transition:"stroke-dashoffset 0.5s ease"}})]}),o.jsxs("div",{className:g,children:[i?o.jsx("span",{className:h,style:{fontSize:.2*y,color:u},children:V(Math.round(e),e,d)}):null,c&&p?o.jsx("span",{className:b,style:{fontSize:.1*y},children:p}):null]})]})},j=({percentage:e,trackColor:t,progressColor:r,gradientEnable:a,gradientColors:n,showValue:l,showLabel:s,label:i,valueFormat:c,displayColor:p})=>o.jsxs("div",{className:x,children:[s||l?o.jsxs("div",{className:k,children:[s?o.jsx("span",{className:C,children:i}):null,l?o.jsx("span",{className:S,style:{color:p},children:V(Math.round(e),e,c)}):null]}):null,o.jsx("div",{className:y,style:{background:t},children:o.jsx("div",{className:v,style:{width:`${e}%`,background:a?`linear-gradient(90deg, ${n[0]}, ${n[1]})`:r}})})]}),N="EasyEditorMaterialsProgress";const P=((e,t)=>({props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",items:[i,c,e]},{type:"group",key:"data",title:"数据",items:[i,t]},{type:"group",key:"advanced",title:"高级",items:[i,d,u]}]}],component:{},supports:{},advanced:{}}))(s("组件配置",[{type:"group",title:"组件配置",setter:"SubTabSetter",items:[{type:"group",key:"value",title:"数值",items:[{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",key:"display",title:"显示",items:[{name:"type",title:"进度条类型",setter:{componentName:"SegmentedSetter",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",key:"style",title:"样式",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:{componentName:"ArraySetter",props:{itemSetter:"ColorSetter"}},extraProps:{defaultValue:["#00d4ff","#9b59b6"]}}]}]}],{padding:"6px 16px 12px"}),{name:"$data",title:"数据配置",setter:{componentName:"DataSetter",props:{expectedFields:[{name:"value",label:"value",type:"number",required:!0,description:"当前值"}],showPreview:!0,previewLimit:10}},extraProps:{label:!1}});const E={componentName:N,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.4",globalName:N,componentName:N},snippets:[{title:"进度环",screenshot:"",schema:{componentName:N,title:"进度环",props:{$data:l({value:75}),maxValue:100,type:"ring",showValue:!0,showLabel:!1,valueFormat:"percent",strokeWidthRatio:.07,progressColor:"#00ffff",rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:140,height:140}}}},{title:"线性进度条",screenshot:"",schema:{componentName:N,title:"线性进度条",props:{$data:l({value:85}),maxValue:100,type:"bar",showValue:!0,showLabel:!0,label:"完成率",valueFormat:"percent",progressColor:"#00ff88",gradientEnable:!0,gradientColors:["#00ff88","#00d4ff"],rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:300,height:50}}}}],configure:P};e.component=({ref:e,$data:r,__dataSource:a,rotation:l=0,opacity:s=100,background:i="transparent",style:c,maxValue:p=100,type:d="ring",showValue:u=!0,showLabel:_=!1,label:f="",valueFormat:g="percent",strokeWidthRatio:h=.07,trackColor:b="rgba(26, 26, 62, 0.8)",progressColor:x="#00d4ff",gradientEnable:y=!1,gradientColors:v=["#00d4ff","#9b59b6"],onClick:k,onDoubleClick:C,onMouseEnter:S,onMouseLeave:V})=>{const N=t.useId(),P=function(e,o){return t.useMemo(()=>n(e,o),[e,o])}(r,a),E=t.useMemo(()=>P.length>0&&"number"==typeof P[0]?.value?P[0].value:0,[P]),M=Math.min(Math.max(E,0),p)/p*100,L=y?v[0]:x,F={transform:0!==l?`rotate(${l}deg)`:void 0,opacity:s/100,backgroundColor:i,...c};return"ring"===d?o.jsx("div",{className:m,onClick:k,onDoubleClick:C,onMouseEnter:S,onMouseLeave:V,ref:e,style:F,children:o.jsx(w,{displayColor:L,gradientColors:v,gradientEnable:y,gradientId:N,label:f,percentage:M,progressColor:x,showLabel:_,showValue:u,strokeWidthRatio:h,trackColor:b,valueFormat:g})}):o.jsx("div",{className:m,onClick:k,onDoubleClick:C,onMouseEnter:S,onMouseLeave:V,ref:e,style:F,children:o.jsx(j,{displayColor:L,gradientColors:v,gradientEnable:y,label:f,percentage:M,progressColor:x,showLabel:_,showValue:u,trackColor:b,valueFormat:g})})},e.meta=E});

package/dist/meta.min.js

@@ -1,2 +1 @@
-!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})});
-//# sourceMappingURL=meta.min.js.map
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsProgressMeta={})}(this,function(e){"use strict";const t=(e,t)=>{const r=Array.isArray(e)?e:[e],a=r[0]||{};return{sourceType:"static",staticData:r,fieldMappings:Object.keys(a).map(e=>({componentField:e,sourceField:e}))}},r=(e,t,r)=>({type:"group",title:e,setter:{componentName:"CollapseSetter",props:{icon:!1,...r}},items:t}),a={name:"nodeInfo",title:"节点信息",setter:"NodeInfoSetter",extraProps:{label:!1}},o=r("基础配置",[{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}},{name:"rotation",title:"旋转角度",setter:{componentName:"SliderSetter",props:{min:0,max:360,suffix:"°"}},extraProps:{defaultValue:0}},{name:"opacity",title:"不透明度",setter:{componentName:"SliderSetter",props:{min:0,max:100,suffix:"%"}},extraProps:{defaultValue:100}},{name:"background",title:"背景颜色",setter:"ColorSetter",extraProps:{defaultValue:"transparent"}}]),l=[{title:"点击事件",children:[{label:"点击",value:"onClick",description:"鼠标点击时触发"},{label:"双击",value:"onDoubleClick",description:"鼠标双击时触发"}]},{title:"鼠标事件",children:[{label:"鼠标进入",value:"onMouseEnter",description:"鼠标进入时触发"},{label:"鼠标离开",value:"onMouseLeave",description:"鼠标离开时触发"}]}],s=((e=l)=>r("事件绑定",[{name:"events",title:"事件",setter:{componentName:"EventSetter",props:{events:e}},extraProps:{label:!1}}]))(),i=r("高级配置",[{title:"条件渲染",setter:"SwitchSetter",extraProps:{supportVariable:!0,getValue:e=>e.getNode().getExtraPropValue("condition"),setValue(e,t){e.getNode().setExtraProp("condition",t)}}}]),p="EasyEditorMaterialsProgress";const n=((e,t)=>({props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",items:[a,o,e]},{type:"group",key:"data",title:"数据",items:[a,t]},{type:"group",key:"advanced",title:"高级",items:[a,s,i]}]}],component:{},supports:{},advanced:{}}))(r("组件配置",[{type:"group",title:"组件配置",setter:"SubTabSetter",items:[{type:"group",key:"value",title:"数值",items:[{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",key:"display",title:"显示",items:[{name:"type",title:"进度条类型",setter:{componentName:"SegmentedSetter",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",key:"style",title:"样式",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:{componentName:"ArraySetter",props:{itemSetter:"ColorSetter"}},extraProps:{defaultValue:["#00d4ff","#9b59b6"]}}]}]}],{padding:"6px 16px 12px"}),{name:"$data",title:"数据配置",setter:{componentName:"DataSetter",props:{expectedFields:[{name:"value",label:"value",type:"number",required:!0,description:"当前值"}],showPreview:!0,previewLimit:10}},extraProps:{label:!1}});const u={componentName:p,title:"进度条",group:"display",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-progress",version:"0.0.4",globalName:p,componentName:p},snippets:[{title:"进度环",screenshot:"",schema:{componentName:p,title:"进度环",props:{$data:t({value:75}),maxValue:100,type:"ring",showValue:!0,showLabel:!1,valueFormat:"percent",strokeWidthRatio:.07,progressColor:"#00ffff",rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:140,height:140}}}},{title:"线性进度条",screenshot:"",schema:{componentName:p,title:"线性进度条",props:{$data:t({value:85}),maxValue:100,type:"bar",showValue:!0,showLabel:!0,label:"完成率",valueFormat:"percent",progressColor:"#00ff88",gradientEnable:!0,gradientColors:["#00ff88","#00d4ff"],rotation:0,opacity:100,background:"transparent"},$dashboard:{rect:{width:300,height:50}}}}],configure:n};e.meta=u});

package/easypack.config.ts

@@ -0,0 +1,10 @@
+/**
+ * @easy-editor/easypack configuration
+ * @type {import('@easy-editor/easypack').EasypackConfig}
+ */
+export default {
+  preset: 'material',
+  dev: {
+    port: 5001,
+  },
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easy-editor/materials-dashboard-progress",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Progress component for EasyEditor dashboard",
   "type": "module",
   "main": "dist/index.js",
@@ -46,20 +46,16 @@
   },
   "dependencies": {
     "recharts": "2.15.3",
-    "@easy-editor/materials-shared": "0.0.0"
+    "@easy-editor/materials-shared": "0.0.1"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "easypack dev",
     "dev:debug": "vite --port 5012",
     "format": "biome format --write .",
     "lint": "biome check .",
     "build": "npm-run-all -nl build:*",
     "build:clean": "rimraf dist/",
-    "build:js": "rollup -c",
-    "build:types": "pnpm types",
-    "types": "npm-run-all -nl types:*",
-    "types:src": "tsc --project tsconfig.build.json",
-    "test-types": "tsc --project tsconfig.test.json"
+    "build:js": "easypack build"
   },
   "module": "dist/index.esm.js",
   "unpkg": "dist/index.min.js"