@farris/ui-vue 1.2.7 → 1.2.9

package/components/progress/index.umd.cjs

@@ -1,3 +1,3 @@
-(function(N,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es"),require("@farris/ui-vue/components/common")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","@farris/ui-vue/components/common"],r):(N=typeof globalThis<"u"?globalThis:N||self,r(N.progress={},N.Vue,N.LodashES,N.common))})(this,function(N,r,F,q){"use strict";const R={},A={};function G(e){const{properties:t,title:f}=e,n=Object.keys(t).reduce((o,u)=>(o[u]=t[u].type==="object"&&t[u].properties?G(t[u]):F.cloneDeep(t[u].default),o),{});return n.id=`${f}-${Date.now()}`,n}function W(e,t={}){const f=R[e];if(f){let n=G(f);const o=A[e];return n=o?o({getSchemaByType:W},n,t):n,n}return null}function z(e,t){const f=G(t);return Object.keys(e).reduce((n,o)=>(n[o]=e[o],n),f),f}function _(e,t){return Object.keys(e).filter(n=>e[n]!=null).reduce((n,o)=>{if(t.has(o)){const u=t.get(o);if(typeof u=="string")n[u]=e[o];else{const g=u(o,e[o],e);Object.assign(n,g)}}else n[o]=e[o];return n},{})}function X(e,t,f=new Map){const n=z(e,t);return _(n,f)}function Y(e={}){function t(s,c,l,a){if(typeof l=="number")return a[s].length===l;if(typeof l=="object"){const h=Object.keys(l)[0],b=l[h];if(h==="not")return Number(a[s].length)!==Number(b);if(h==="moreThan")return Number(a[s].length)>=Number(b);if(h==="lessThan")return Number(a[s].length)<=Number(b)}return!1}function f(s,c,l,a){return a[s]&&a[s].propertyValue&&String(a[s].propertyValue.value)===String(l)}const n=new Map([["length",t],["getProperty",f]]);Object.keys(e).reduce((s,c)=>(s.set(c,e[c]),s),n);function o(s,c){const l=s;return typeof c=="number"?[{target:l,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:l,operator:"getProperty",param:s,value:!!c}]:typeof c=="object"?Object.keys(c).map(a=>{if(a==="length")return{target:l,operator:"length",param:null,value:c[a]};const h=a,b=c[a];return{target:l,operator:"getProperty",param:h,value:b}}):[]}function u(s){return Object.keys(s).reduce((l,a)=>{const h=o(a,s[a]);return l.push(...h),l},[])}function g(s,c){if(n.has(s.operator)){const l=n.get(s.operator);return l&&l(s.target,s.param,s.value,c)||!1}return!1}function p(s,c){return u(s).reduce((h,b)=>h&&g(b,c),!0)}function y(s,c){const l=Object.keys(s),a=l.includes("allOf"),h=l.includes("anyOf"),b=a||h,d=(b?s[b?a?"allOf":"anyOf":"allOf"]:[s]).map(S=>p(S,c));return a?!d.includes(!1):d.includes(!0)}return{parseValueSchema:y}}const J={},H={};Y();function Q(e,t,f=new Map,n=(g,p,y)=>p,o={},u=g=>g){return R[t.title]=t,A[t.title]=n,J[t.title]=o,H[t.title]=u,(g={})=>{const p=X(g,t,f),y=Object.keys(e).reduce((s,c)=>(s[c]=e[c].default,s),{});return Object.assign(y,p)}}function U(e,t){return{customClass:t.class,customStyle:t.style}}const Z=new Map([["appearance",U]]);function x(e,t,f){return t}const K={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/progress.schema.json",title:"progress",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for progress",type:"string"},type:{description:"The type string of progress",type:"string",default:"progress"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},I={title:"progress",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},E={progressType:{type:String,default:"line"},strokeWidth:{type:Number,default:0},size:{type:String,default:"default"},showInfo:{type:Boolean,default:!0},progressStatus:{type:String,default:"default"},successPercent:{type:Number,default:0},strokeColor:{type:String,default:""},strokeLinecap:{type:String,default:"round"},width:{type:Number,default:100},percent:{type:Number,default:20},enableBackgroundImg:{type:Boolean,default:!1},backgroundImg:{type:String,default:""},gapPosition:{type:String},gapDegree:{type:Number,default:0},format:{type:Function,default:(e,t)=>`${e}%`}},L=Q(E,K,Z,x,I);function ee(e){function t(g){return+g.replace("%","")}function f(g){let p=[];return Object.keys(g).forEach(y=>{const s=g[y],c=t(y);isNaN(c)||p.push({key:c,value:s})}),p=p.sort((y,s)=>y.key-s.key),p}const n=r.computed(()=>!!e.strokeColor&&typeof e.strokeColor!="string"),o=r.computed(()=>{const{from:g="#59a1ff",to:p="#59a1ff",direction:y="to right",...s}=e.strokeColor;if(Object.keys(s).length!==0){const c=f(s).map(({key:l,value:a})=>`${a} ${l}%`).join(", ");return`linear-gradient(${y}, ${c})`}return`linear-gradient(${y}, ${g}, ${p})`}),u=r.computed(()=>f(e.strokeColor).map(({key:g,value:p})=>({offset:`${g}%`,color:p})));return{isGradient:n,linearGradient:o,circleGradient:u}}function re(e){return{strokeWidth:r.computed(()=>e.strokeWidth||(e.progressType==="line"&&e.size!=="small"?8:6))}}function te(e){return{formatPercentageText:r.computed(()=>e.format(e.percent,e.successPercent))}}function se(e,t,f,n){const{isCircleStyle:o}=t,{isGradient:u,linearGradient:g}=f,{strokeWidth:p}=n,y=r.computed(()=>{const d={"f-progress":!0,"f-progress-line":e.progressType==="line","ant-progress-small":e.size==="small","f-progress-show-info":e.showInfo,"f-progress-circle":o.value},P=`f-progress-status-${e.progressStatus}`;return d[P]=!0,d}),s=r.computed(()=>({width:`${e.width}px`,height:`${e.width}px`,"font-size":`${e.width*.15+6}px`,"f-progress-circle-gradient":u.value})),c=r.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":u.value})),l=0,a=r.computed(()=>l+1),h=r.computed(()=>{const d=50-p.value/2,P=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let S=0,$=-d,w=0,i=d*-2;switch(P){case"left":S=-d,$=0,w=d*2,i=0;break;case"right":S=d,$=0,w=d*-2,i=0;break;case"bottom":$=d,i=d*2;break}return`M 50,50 m ${S},${$}
-                a ${d},${d} 0 1 1 ${w},${-i}
-                a ${d},${d} 0 1 1 ${-w},${i}`}),b=r.computed(()=>{const d=50-p.value/2,P=Math.PI*2*d,S=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${P-S}px ${P}px`,strokeDashoffset:`-${S/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),O=r.computed(()=>{const d=50-p.value/2,P=Math.PI*2*d,S=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((w,i)=>{const m=$.length===2&&i===0;return{stroke:u.value&&!m?`url(#gradient-${a.value})`:null,strokePathStyle:{stroke:u.value?null:m?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(w||0)/100*(P-S)}px ${P}px`,strokeDashoffset:`-${S/2}px`}}}).reverse()}),j=r.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:u.value?null:e.strokeColor,"background-image":u.value?g.value:null,height:`${p.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:h,trailPathStyle:b,progressCirclePaths:O,gradientId:a,inlineProgressBackgroundStyle:j}}function ne(e){return{isCircleStyle:r.computed(()=>e.progressType==="circle"||e.progressType==="dashboard")}}function oe(e){const t=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},u=`f-icon-${e.progressStatus}`;return o[u]=!0,o}),f=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},u=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return o[u]=!0,o}),n=r.computed(()=>e.progressStatus==="error"||e.progressStatus==="success");return{inlineProgrssStatusClass:t,circleProgrssStatusClass:f,shouldShowStatus:n}}function ce(e){const t=r.computed(()=>({width:`${e.successPercent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",height:`${e.strokeWidth}px`,"background-image":e.enableBackgroundImg?`url(${e.backgroundImg})`:null})),f=r.computed(()=>e.successPercent||e.successPercent===0);return{inlineProgressSuccessBackgroundStyle:t,shouldShowSuccessInlineProgressBackground:f}}const C=r.defineComponent({name:"FProgress",props:E,emits:[],setup(e){const t=r.ref(e.progressType),f=r.ref(e.showInfo),n=r.ref(e.percent),o=r.ref(e.strokeLinecap),u=ee(e),{isGradient:g,circleGradient:p}=u,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),l=ne(e),{isCircleStyle:a}=l,{progressClass:h,inCircleProgressBarStyle:b,inCircleProgressBarClass:O,pathString:j,trailPathStyle:d,progressCirclePaths:P,gradientId:S,inlineProgressBackgroundStyle:$}=se(e,l,u,y),{inlineProgrssStatusClass:w,circleProgrssStatusClass:i,shouldShowStatus:m}=oe(e),{inlineProgressSuccessBackgroundStyle:k,shouldShowSuccessInlineProgressBackground:B}=ce(e);r.watch(()=>e.percent,V=>{n.value=V||0});function D(){return f.value&&r.createVNode("span",{class:"f-progress-text"},[m.value?r.createVNode("span",{class:a.value?i.value:w.value},null):c.value])}function T(){return r.createVNode(r.Fragment,null,[r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:$.value},null),B.value&&r.createVNode("div",{class:"f-progress-success-bg",style:k.value},null)])]),D()])}function M(){return r.createVNode("div",{class:O.value,style:b.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[g.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+S.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[p.value.map(V=>r.createVNode("stop",{offset:V.offset,"stop-color":V.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:j.value,style:d.value},null),P.value.map(V=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:j.value,"stroke-linecap":o.value,stroke:V.stroke,"stroke-width":n.value?s.value:0,style:V.strokePathStyle},null))]),D()])}return()=>r.createVNode("div",{class:h.value},[t.value==="line"&&T(),a.value&&M()])}});function ae(e,t,f){var w;function n(){}const o="",u="",g=r.ref();function p(){return(t==null?void 0:t.schema.componentType)!=="frame"}function y(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function l(i){if(!i||!i.value)return null;if(i.value.schema&&i.value.schema.type==="component")return i.value;const m=r.ref(i==null?void 0:i.value.parent),k=l(m);return k||null}function a(i=t){const{componentInstance:m,designerItemElementRef:k}=i;return!m||!m.value?null:m.value.canMove?k:a(i.parent)}function h(i){return!!f}function b(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function O(){}function j(i,m){}function d(i){const{componentType:m}=i;let k=W(m,i);const B=m.toLowerCase().replace("-","_");return k&&!k.id&&k.type===m&&(k.id=`${B}_${Math.random().toString().slice(2,6)}`),k}function P(i,m){const k=String(i.getAttribute("data-controltype")),B=i.getAttribute("data-feature"),D=B?JSON.parse(B):{};D.parentComponentInstance=g.value;let T=W(k,D);const M=k.toLowerCase().replace("-","_");return T&&!T.id&&T.type===k&&(T.id=`${M}_${Math.random().toString().slice(2,6)}`),T}function S(i){}function $(...i){}return g.value={canMove:p(),canSelectParent:y(),canDelete:s(),canNested:!c(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(w=t==null?void 0:t.parent)==null?void 0:w.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:u,canAccepts:h,getBelongedComponentInstance:l,getDraggableDesignItemElement:a,getDraggingDisplayText:b,getPropConfig:$,getDragScopeElement:O,onAcceptMovedChildElement:j,onAcceptNewChildElement:P,onChildElementMovedOut:S,addNewChildComponentSchema:d,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},g}const le=r.defineComponent({name:"FProgressDesign",props:E,emits:[],setup(e,t){const f=r.ref(e.progressStatus),n=r.ref(e.progressType),o=r.ref(e.size),u=r.ref(e.showInfo),g=r.ref(e.strokeWidth),p=r.ref(e.percent),y=r.ref(e.strokeLinecap),s=r.ref(!1),c=r.ref(e.strokeColor),l=r.ref(null),a=r.ref(0),h=r.ref(e.width),b=r.ref(""),O=r.ref([]),j=r.ref(""),d=r.ref([]),P=r.ref(e.enableBackgroundImg),S=r.ref(e.backgroundImg),$=r.ref(),w=r.inject("design-item-context"),i=ae($,w);r.onMounted(()=>{$.value.componentInstance=i}),t.expose(i.value),r.watch(()=>e.percent,v=>{p.value=v||0});const m=r.computed(()=>g.value||(n.value==="line"&&o.value!=="small"?8:6)),k=r.computed(()=>n.value==="circle"||n.value==="dashboard"),B=r.computed(()=>{const v={"f-progress":!0,"f-progress-line":n.value==="line","ant-progress-small":o.value==="small","f-progress-show-info":u.value,".f-progress-circle":k.value},pe=`f-progress-status-${f.value}`;return v[pe]=!0,v}),D=r.computed(()=>({width:`${p.value}%`,"border-radius":y.value==="round"?"100px":"0",backgroud:s.value?null:c.value,"background-image":s.value?l.value:null,height:`${m.value}px`})),T=r.computed(()=>({width:`${p.value}%`,"border-radius":y.value==="round"?"100px":"0",height:`${m.value}px`,"background-image":P.value?S.value:null})),M=r.computed(()=>a.value||a.value===0);function V(){return r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:D.value},null),M.value&&r.createVNode("div",{class:"f-progress-success-bg",style:T.value},null)])])}const ue=r.computed(()=>({width:`${h.value}px`,height:`${h.value}px`,"font-size":`${h.value*.15+6}px`,"f-progress-circle-gradient":s.value})),fe=r.computed(()=>({}));function de(){return r.createVNode("div",{class:"f-progress-inner",style:ue.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[s.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+b.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[O.value.map(v=>r.createVNode("stop",{offset:v.offset,"stop-color":v.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":m.value,d:j.value,style:fe.value},null),d.value.map(v=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:j.value,"stroke-linecap":y.value,stroke:v.stroke,"stroke-width":p.value?m.value:0,style:v.strokePathStyle},null))])])}return()=>r.createVNode("div",{ref:$,class:B.value},[n.value==="line"&&V(),k.value&&de()])}});C.register=(e,t,f)=>{e.progress=C,t.progress=L},C.registerDesigner=(e,t,f)=>{e.progress=le,t.progress=L};const ie=q.withInstall(C);N.Progress=C,N.default=ie,N.progressProps=E,N.propsResolver=L,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(v,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],r):(v=typeof globalThis<"u"?globalThis:v||self,r(v.progress={},v.Vue,v.LodashES,v.common))})(this,function(v,r,F,q){"use strict";const R={},A={};function G(e){const{properties:t,title:p,ignore:n}=e,o=n&&Array.isArray(n),f=Object.keys(t).reduce((d,a)=>((!o||!n.find(y=>y==a))&&(d[a]=t[a].type==="object"&&t[a].properties?G(t[a]):F.cloneDeep(t[a].default)),d),{});return(!o||!n.find(d=>d=="id"))&&(f.id=`${p}-${Date.now()}`),f}function L(e,t={},p){const n=R[e];if(n){let o=G(n);const f=A[e];return o=f?f({getSchemaByType:L},o,t,p):o,o}return null}function z(e,t){const p=G(t);return Object.keys(e).reduce((n,o)=>(n[o]&&typeof n[o]=="object"?Object.assign(n[o],e[o]):n[o]=e[o],n),p),p}function _(e,t){return Object.keys(e).filter(n=>e[n]!=null).reduce((n,o)=>{if(t.has(o)){const f=t.get(o);if(typeof f=="string")n[f]=e[o];else{const d=f(o,e[o],e);Object.assign(n,d)}}else n[o]=e[o];return n},{})}function X(e,t,p=new Map){const n=z(e,t);return _(n,p)}function Y(e={}){function t(s,c,i,l){if(typeof i=="number")return l[s].length===i;if(typeof i=="object"){const h=Object.keys(i)[0],k=i[h];if(h==="not")return Number(l[s].length)!==Number(k);if(h==="moreThan")return Number(l[s].length)>=Number(k);if(h==="lessThan")return Number(l[s].length)<=Number(k)}return!1}function p(s,c,i,l){return l[s]&&l[s].propertyValue&&String(l[s].propertyValue.value)===String(i)}const n=new Map([["length",t],["getProperty",p]]);Object.keys(e).reduce((s,c)=>(s.set(c,e[c]),s),n);function o(s,c){const i=s;return typeof c=="number"?[{target:i,operator:"length",param:null,value:Number(c)}]:typeof c=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!c}]:typeof c=="object"?Object.keys(c).map(l=>{if(l==="length")return{target:i,operator:"length",param:null,value:c[l]};const h=l,k=c[l];return{target:i,operator:"getProperty",param:h,value:k}}):[]}function f(s){return Object.keys(s).reduce((i,l)=>{const h=o(l,s[l]);return i.push(...h),i},[])}function d(s,c){if(n.has(s.operator)){const i=n.get(s.operator);return i&&i(s.target,s.param,s.value,c)||!1}return!1}function a(s,c){return f(s).reduce((h,k)=>h&&d(k,c),!0)}function y(s,c){const i=Object.keys(s),l=i.includes("allOf"),h=i.includes("anyOf"),k=l||h,g=(k?s[k?l?"allOf":"anyOf":"allOf"]:[s]).map(b=>a(b,c));return l?!g.includes(!1):g.includes(!0)}return{parseValueSchema:y}}const J={},x={};Y();function H(e,t,p=new Map,n=(d,a,y)=>a,o={},f=d=>d){return R[t.title]=t,A[t.title]=n,J[t.title]=o,x[t.title]=f,(d={})=>{const a=X(d,t,p),y=Object.keys(e).reduce((s,c)=>(s[c]=e[c].default,s),{});return Object.assign(y,a)}}function Q(e,t){return{customClass:t.class,customStyle:t.style}}const U=new Map([["appearance",Q]]);function Z(e,t,p){return t}const I={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/progress.schema.json",title:"progress",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for progress",type:"string"},type:{description:"The type string of progress",type:"string",default:"progress"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},K={title:"progress",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},E={progressType:{type:String,default:"line"},strokeWidth:{type:Number,default:0},size:{type:String,default:"default"},showInfo:{type:Boolean,default:!0},progressStatus:{type:String,default:"default"},successPercent:{type:Number,default:0},strokeColor:{type:String,default:""},strokeLinecap:{type:String,default:"round"},width:{type:Number,default:100},percent:{type:Number,default:20},enableBackgroundImg:{type:Boolean,default:!1},backgroundImg:{type:String,default:""},gapPosition:{type:String},gapDegree:{type:Number,default:0},format:{type:Function,default:(e,t)=>`${e}%`}},W=H(E,I,U,Z,K);function ee(e){function t(d){return+d.replace("%","")}function p(d){let a=[];return Object.keys(d).forEach(y=>{const s=d[y],c=t(y);isNaN(c)||a.push({key:c,value:s})}),a=a.sort((y,s)=>y.key-s.key),a}const n=r.computed(()=>!!e.strokeColor&&typeof e.strokeColor!="string"),o=r.computed(()=>{const{from:d="#59a1ff",to:a="#59a1ff",direction:y="to right",...s}=e.strokeColor;if(Object.keys(s).length!==0){const c=p(s).map(({key:i,value:l})=>`${l} ${i}%`).join(", ");return`linear-gradient(${y}, ${c})`}return`linear-gradient(${y}, ${d}, ${a})`}),f=r.computed(()=>p(e.strokeColor).map(({key:d,value:a})=>({offset:`${d}%`,color:a})));return{isGradient:n,linearGradient:o,circleGradient:f}}function re(e){return{strokeWidth:r.computed(()=>e.strokeWidth||(e.progressType==="line"&&e.size!=="small"?8:6))}}function te(e){return{formatPercentageText:r.computed(()=>e.format(e.percent,e.successPercent))}}function se(e,t,p,n){const{isCircleStyle:o}=t,{isGradient:f,linearGradient:d}=p,{strokeWidth:a}=n,y=r.computed(()=>{const g={"f-progress":!0,"f-progress-line":e.progressType==="line","ant-progress-small":e.size==="small","f-progress-show-info":e.showInfo,"f-progress-circle":o.value},S=`f-progress-status-${e.progressStatus}`;return g[S]=!0,g}),s=r.computed(()=>({width:`${e.width}px`,height:`${e.width}px`,"font-size":`${e.width*.15+6}px`,"f-progress-circle-gradient":f.value})),c=r.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":f.value})),i=0,l=r.computed(()=>i+1),h=r.computed(()=>{const g=50-a.value/2,S=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let b=0,$=-g,N=0,u=g*-2;switch(S){case"left":b=-g,$=0,N=g*2,u=0;break;case"right":b=g,$=0,N=g*-2,u=0;break;case"bottom":$=g,u=g*2;break}return`M 50,50 m ${b},${$}
+                a ${g},${g} 0 1 1 ${N},${-u}
+                a ${g},${g} 0 1 1 ${-N},${u}`}),k=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${S-b}px ${S}px`,strokeDashoffset:`-${b/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),T=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,b=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((N,u)=>{const m=$.length===2&&u===0;return{stroke:f.value&&!m?`url(#gradient-${l.value})`:null,strokePathStyle:{stroke:f.value?null:m?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(N||0)/100*(S-b)}px ${S}px`,strokeDashoffset:`-${b/2}px`}}}).reverse()}),O=r.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:f.value?null:e.strokeColor,"background-image":f.value?d.value:null,height:`${a.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:h,trailPathStyle:k,progressCirclePaths:T,gradientId:l,inlineProgressBackgroundStyle:O}}function ne(e){return{isCircleStyle:r.computed(()=>e.progressType==="circle"||e.progressType==="dashboard")}}function oe(e){const t=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=`f-icon-${e.progressStatus}`;return o[f]=!0,o}),p=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},f=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return o[f]=!0,o}),n=r.computed(()=>e.progressStatus==="error"||e.progressStatus==="success");return{inlineProgrssStatusClass:t,circleProgrssStatusClass:p,shouldShowStatus:n}}function ce(e){const t=r.computed(()=>({width:`${e.successPercent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",height:`${e.strokeWidth}px`,"background-image":e.enableBackgroundImg?`url(${e.backgroundImg})`:null})),p=r.computed(()=>e.successPercent||e.successPercent===0);return{inlineProgressSuccessBackgroundStyle:t,shouldShowSuccessInlineProgressBackground:p}}const C=r.defineComponent({name:"FProgress",props:E,emits:[],setup(e){const t=r.ref(e.progressType),p=r.ref(e.showInfo),n=r.ref(e.percent),o=r.ref(e.strokeLinecap),f=ee(e),{isGradient:d,circleGradient:a}=f,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),i=ne(e),{isCircleStyle:l}=i,{progressClass:h,inCircleProgressBarStyle:k,inCircleProgressBarClass:T,pathString:O,trailPathStyle:g,progressCirclePaths:S,gradientId:b,inlineProgressBackgroundStyle:$}=se(e,i,f,y),{inlineProgrssStatusClass:N,circleProgrssStatusClass:u,shouldShowStatus:m}=oe(e),{inlineProgressSuccessBackgroundStyle:P,shouldShowSuccessInlineProgressBackground:j}=ce(e);r.watch(()=>e.percent,D=>{n.value=D||0});function V(){return p.value&&r.createVNode("span",{class:"f-progress-text"},[m.value?r.createVNode("span",{class:l.value?u.value:N.value},null):c.value])}function B(){return r.createVNode(r.Fragment,null,[r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:$.value},null),j.value&&r.createVNode("div",{class:"f-progress-success-bg",style:P.value},null)])]),V()])}function M(){return r.createVNode("div",{class:T.value,style:k.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[d.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+b.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[a.value.map(D=>r.createVNode("stop",{offset:D.offset,"stop-color":D.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:O.value,style:g.value},null),S.value.map(D=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:O.value,"stroke-linecap":o.value,stroke:D.stroke,"stroke-width":n.value?s.value:0,style:D.strokePathStyle},null))]),V()])}return()=>r.createVNode("div",{class:h.value},[t.value==="line"&&B(),l.value&&M()])}});function ae(e,t,p){var N;function n(){}const o="",f="",d=r.ref();function a(){return(t==null?void 0:t.schema.componentType)!=="frame"}function y(){return!1}function s(){return(t==null?void 0:t.schema.componentType)!=="frame"}function c(){return(t==null?void 0:t.schema.componentType)==="frame"}function i(u){if(!u||!u.value)return null;if(u.value.schema&&u.value.schema.type==="component")return u.value;const m=r.ref(u==null?void 0:u.value.parent),P=i(m);return P||null}function l(u=t){const{componentInstance:m,designerItemElementRef:P}=u;return!m||!m.value?null:m.value.canMove?P:l(u.parent)}function h(u){return!!p}function k(){return(t==null?void 0:t.schema.label)||(t==null?void 0:t.schema.title)||(t==null?void 0:t.schema.name)}function T(){}function O(u,m){}function g(u,m){const{componentType:P}=u;let j=L(P,u,m);const V=P.toLowerCase().replace("-","_");return j&&!j.id&&j.type===P&&(j.id=`${V}_${Math.random().toString().slice(2,6)}`),j}function S(u,m){const P=String(u.getAttribute("data-controltype")),j=u.getAttribute("data-feature"),V=j?JSON.parse(j):{};V.parentComponentInstance=d.value;let B=L(P,V);const M=P.toLowerCase().replace("-","_");return B&&!B.id&&B.type===P&&(B.id=`${M}_${Math.random().toString().slice(2,6)}`),B}function b(u){}function $(...u){}return d.value={canMove:a(),canSelectParent:y(),canDelete:s(),canNested:!c(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:(N=t==null?void 0:t.parent)==null?void 0:N.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:f,canAccepts:h,getBelongedComponentInstance:i,getDraggableDesignItemElement:l,getDraggingDisplayText:k,getPropConfig:$,getDragScopeElement:T,onAcceptMovedChildElement:O,onAcceptNewChildElement:S,onChildElementMovedOut:b,addNewChildComponentSchema:g,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},d}const le=r.defineComponent({name:"FProgressDesign",props:E,emits:[],setup(e,t){const p=r.ref(e.progressStatus),n=r.ref(e.progressType),o=r.ref(e.size),f=r.ref(e.showInfo),d=r.ref(e.strokeWidth),a=r.ref(e.percent),y=r.ref(e.strokeLinecap),s=r.ref(!1),c=r.ref(e.strokeColor),i=r.ref(null),l=r.ref(0),h=r.ref(e.width),k=r.ref(""),T=r.ref([]),O=r.ref(""),g=r.ref([]),S=r.ref(e.enableBackgroundImg),b=r.ref(e.backgroundImg),$=r.ref(),N=r.inject("design-item-context"),u=ae($,N);r.onMounted(()=>{$.value.componentInstance=u}),t.expose(u.value),r.watch(()=>e.percent,w=>{a.value=w||0});const m=r.computed(()=>d.value||(n.value==="line"&&o.value!=="small"?8:6)),P=r.computed(()=>n.value==="circle"||n.value==="dashboard"),j=r.computed(()=>{const w={"f-progress":!0,"f-progress-line":n.value==="line","ant-progress-small":o.value==="small","f-progress-show-info":f.value,".f-progress-circle":P.value},pe=`f-progress-status-${p.value}`;return w[pe]=!0,w}),V=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",backgroud:s.value?null:c.value,"background-image":s.value?i.value:null,height:`${m.value}px`})),B=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",height:`${m.value}px`,"background-image":S.value?b.value:null})),M=r.computed(()=>l.value||l.value===0);function D(){return r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:V.value},null),M.value&&r.createVNode("div",{class:"f-progress-success-bg",style:B.value},null)])])}const ue=r.computed(()=>({width:`${h.value}px`,height:`${h.value}px`,"font-size":`${h.value*.15+6}px`,"f-progress-circle-gradient":s.value})),fe=r.computed(()=>({}));function de(){return r.createVNode("div",{class:"f-progress-inner",style:ue.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[s.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+k.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[T.value.map(w=>r.createVNode("stop",{offset:w.offset,"stop-color":w.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":m.value,d:O.value,style:fe.value},null),g.value.map(w=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:O.value,"stroke-linecap":y.value,stroke:w.stroke,"stroke-width":a.value?m.value:0,style:w.strokePathStyle},null))])])}return()=>r.createVNode("div",{ref:$,class:j.value},[n.value==="line"&&D(),P.value&&de()])}});C.register=(e,t,p)=>{e.progress=C,t.progress=W},C.registerDesigner=(e,t,p)=>{e.progress=le,t.progress=W};const ie=q.withInstall(C);v.Progress=C,v.default=ie,v.progressProps=E,v.propsResolver=W,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});