@farris/ui-vue 1.3.1 → 1.3.4

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("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],r):(N=typeof globalThis<"u"?globalThis:N||self,r(N.progress={},N.Vue,N.LodashES,N.common))})(this,function(N,r,C,q){"use strict";const R={},A={};function E(e){const{properties:t,title:f,ignore:n}=e,o=n&&Array.isArray(n),u=Object.keys(t).reduce((d,a)=>((!o||!n.find(y=>y==a))&&(d[a]=t[a].type==="object"&&t[a].properties?E(t[a]):C.cloneDeep(t[a].default)),d),{});return f&&(!o||!n.find(d=>d=="id"))&&(u.id=`${f}-${Date.now()}`),u}function F(e,t={},f){const n=R[e];if(n){let o=E(n);const u=A[e];return o=u?u({getSchemaByType:F},o,t,f):o,o}return null}function z(e,t){const f=E(t);return Object.keys(e).reduce((n,o)=>(n[o]&&C.isPlainObject(n[o])&&C.isPlainObject(e[o])?Object.assign(n[o],e[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 d=u(o,e[o],e);Object.assign(n,d)}}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,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 f(s,c,i,l){return l[s]&&l[s].propertyValue&&String(l[s].propertyValue.value)===String(i)}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 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 u(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 u(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,p=(k?s[k?l?"allOf":"anyOf":"allOf"]:[s]).map(P=>a(P,c));return l?!p.includes(!1):p.includes(!0)}return{parseValueSchema:y}}const H={},J={};Y();function Q(e,t,f=new Map,n=(d,a,y)=>a,o={},u=d=>d){return R[t.title]=t,A[t.title]=n,H[t.title]=o,J[t.title]=u,(d={})=>{const a=X(d,t,f),y=Object.keys(e).reduce((s,c)=>(s[c]=e[c].default,s),{});return Object.assign(y,a)}}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 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:[]}}}}}},D={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}%`}},G=Q(D,I,Z,x,K);function ee(e){function t(d){return+d.replace("%","")}function f(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=f(s).map(({key:i,value:l})=>`${l} ${i}%`).join(", ");return`linear-gradient(${y}, ${c})`}return`linear-gradient(${y}, ${d}, ${a})`}),u=r.computed(()=>f(e.strokeColor).map(({key:d,value:a})=>({offset:`${d}%`,color:a})));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:d}=f,{strokeWidth:a}=n,y=r.computed(()=>{const p={"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 p[S]=!0,p}),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})),i=0,l=r.computed(()=>i+1),h=r.computed(()=>{const p=50-a.value/2,S=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let P=0,$=-p,g=0,m=p*-2;switch(S){case"left":P=-p,$=0,g=p*2,m=0;break;case"right":P=p,$=0,g=p*-2,m=0;break;case"bottom":$=p,m=p*2;break}return`M 50,50 m ${P},${$}
-                a ${p},${p} 0 1 1 ${g},${-m}
-                a ${p},${p} 0 1 1 ${-g},${m}`}),k=r.computed(()=>{const p=50-a.value/2,S=Math.PI*2*p,P=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${S-P}px ${S}px`,strokeDashoffset:`-${P/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),O=r.computed(()=>{const p=50-a.value/2,S=Math.PI*2*p,P=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((g,m)=>{const b=$.length===2&&m===0;return{stroke:u.value&&!b?`url(#gradient-${l.value})`:null,strokePathStyle:{stroke:u.value?null:b?"default":e.strokeColor,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s",strokeDasharray:`${(g||0)/100*(S-P)}px ${S}px`,strokeDashoffset:`-${P/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?d.value:null,height:`${a.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:h,trailPathStyle:k,progressCirclePaths:O,gradientId:l,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 V=r.defineComponent({name:"FProgress",props:D,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:d,circleGradient:a}=u,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),i=ne(e),{isCircleStyle:l}=i,{progressClass:h,inCircleProgressBarStyle:k,inCircleProgressBarClass:O,pathString:j,trailPathStyle:p,progressCirclePaths:S,gradientId:P,inlineProgressBackgroundStyle:$}=se(e,i,u,y),{inlineProgrssStatusClass:g,circleProgrssStatusClass:m,shouldShowStatus:b}=oe(e),{inlineProgressSuccessBackgroundStyle:v,shouldShowSuccessInlineProgressBackground:B}=ce(e);r.watch(()=>e.percent,T=>{n.value=T||0});function M(){return f.value&&r.createVNode("span",{class:"f-progress-text"},[b.value?r.createVNode("span",{class:l.value?m.value:g.value},null):c.value])}function W(){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:v.value},null)])]),M()])}function L(){return r.createVNode("div",{class:O.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-"+P.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[a.value.map(T=>r.createVNode("stop",{offset:T.offset,"stop-color":T.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:j.value,style:p.value},null),S.value.map(T=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:j.value,"stroke-linecap":o.value,stroke:T.stroke,"stroke-width":n.value?s.value:0,style:T.strokePathStyle},null))]),M()])}return()=>r.createVNode("div",{class:h.value},[t.value==="line"&&W(),l.value&&L()])}});function ae(e,t,f){var $;function n(){}const o="",u="",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(g){if(!g||!g.value)return null;if(g.value.schema&&g.value.schema.type==="component")return g.value;const m=r.ref(g==null?void 0:g.value.parent),b=i(m);return b||null}function l(g=t){const{componentInstance:m,designerItemElementRef:b}=g;return!m||!m.value?null:m.value.canMove?b:l(g.parent)}function h(g){return!!f}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 O(){}function j(g,m){}function p(g,m){const{componentType:b}=g;let v=F(b,g,m);const B=b.toLowerCase().replace("-","_");return v&&!v.id&&v.type===b&&(v.id=`${B}_${Math.random().toString().slice(2,6)}`),v}function S(g){}function P(...g){}return d.value={canMove:a(),canSelectParent:y(),canDelete:s(),canNested:!c(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:($=t==null?void 0:t.parent)==null?void 0:$.componentInstance,schema:t==null?void 0:t.schema,styles:o,designerClass:u,canAccepts:h,getBelongedComponentInstance:i,getDraggableDesignItemElement:l,getDraggingDisplayText:k,getPropConfig:P,getDragScopeElement:O,onAcceptMovedChildElement:j,onChildElementMovedOut:S,addNewChildComponentSchema:p,updateDragAndDropRules:n,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1)},d}const le=r.defineComponent({name:"FProgressDesign",props:D,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),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(""),O=r.ref([]),j=r.ref(""),p=r.ref([]),S=r.ref(e.enableBackgroundImg),P=r.ref(e.backgroundImg),$=r.ref(),g=r.inject("design-item-context"),m=ae($,g);r.onMounted(()=>{$.value.componentInstance=m}),t.expose(m.value),r.watch(()=>e.percent,w=>{a.value=w||0});const b=r.computed(()=>d.value||(n.value==="line"&&o.value!=="small"?8:6)),v=r.computed(()=>n.value==="circle"||n.value==="dashboard"),B=r.computed(()=>{const w={"f-progress":!0,"f-progress-line":n.value==="line","ant-progress-small":o.value==="small","f-progress-show-info":u.value,".f-progress-circle":v.value},pe=`f-progress-status-${f.value}`;return w[pe]=!0,w}),M=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:`${b.value}px`})),W=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",height:`${b.value}px`,"background-image":S.value?P.value:null})),L=r.computed(()=>l.value||l.value===0);function T(){return r.createVNode("div",{class:"f-progress-outer"},[r.createVNode("div",{class:"f-progress-inner"},[r.createVNode("div",{class:"f-progress-bg",style:M.value},null),L.value&&r.createVNode("div",{class:"f-progress-success-bg",style:W.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%"},[O.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":b.value,d:j.value,style:fe.value},null),p.value.map(w=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:j.value,"stroke-linecap":y.value,stroke:w.stroke,"stroke-width":a.value?b.value:0,style:w.strokePathStyle},null))])])}return()=>r.createVNode("div",{ref:$,class:B.value},[n.value==="line"&&T(),v.value&&de()])}});V.register=(e,t,f)=>{e.progress=V,t.progress=G},V.registerDesigner=(e,t,f)=>{e.progress=le,t.progress=G};const ie=q.withInstall(V);N.Progress=V,N.default=ie,N.progressProps=D,N.propsResolver=G,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(N,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):(N=typeof globalThis<"u"?globalThis:N||self,r(N.progress={},N.Vue,N.LodashES,N.common))})(this,function(N,r,G,A){"use strict";const q={},C={};function E(e){const{properties:t,title:f,ignore:n}=e,o=n&&Array.isArray(n),l=Object.keys(t).reduce((p,a)=>((!o||!n.find(y=>y===a))&&(p[a]=t[a].type==="object"&&t[a].properties?E(t[a]):G.cloneDeep(t[a].default)),p),{});if(f&&(!o||!n.find(p=>p==="id"))){const p=f.toLowerCase().replace(/-/g,"_");l.id=`${p}_${Math.random().toString().slice(2,6)}`}return l}function F(e,t={},f){const n=q[e];if(n){let o=E(n);const l=C[e];return o=l?l({getSchemaByType:F},o,t,f):o,o}return null}function z(e,t){const f=E(t);return Object.keys(f).reduce((n,o)=>(n[o]&&G.isPlainObject(n[o])&&G.isPlainObject(e[o]||!e[o])?Object.assign(n[o],e[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 l=t.get(o);if(typeof l=="string")n[l]=e[o];else{const p=l(o,e[o],e);Object.assign(n,p)}}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,i,u){if(typeof i=="number")return u[s].length===i;if(typeof i=="object"){const k=Object.keys(i)[0],b=i[k];if(k==="not")return Number(u[s].length)!==Number(b);if(k==="moreThan")return Number(u[s].length)>=Number(b);if(k==="lessThan")return Number(u[s].length)<=Number(b)}return!1}function f(s,c,i,u){return u[s]&&u[s].propertyValue&&String(u[s].propertyValue.value)===String(i)}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 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(u=>{if(u==="length")return{target:i,operator:"length",param:null,value:c[u]};const k=u,b=c[u];return{target:i,operator:"getProperty",param:k,value:b}}):[]}function l(s){return Object.keys(s).reduce((i,u)=>{const k=o(u,s[u]);return i.push(...k),i},[])}function p(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 l(s).reduce((k,b)=>k&&p(b,c),!0)}function y(s,c){const i=Object.keys(s),u=i.includes("allOf"),k=i.includes("anyOf"),b=u||k,g=(b?s[b?u?"allOf":"anyOf":"allOf"]:[s]).map(P=>a(P,c));return u?!g.includes(!1):g.includes(!0)}return{parseValueSchema:y}}const H={},J={};Y();function Q(e,t,f=new Map,n=(p,a,y,s)=>a,o={},l=p=>p){return q[t.title]=t,C[t.title]=n,H[t.title]=o,J[t.title]=l,(p={})=>{const a=X(p,t,f),y=Object.keys(e).reduce((s,c)=>(s[c]=e[c].default,s),{});return Object.assign(y,a)}}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:[]}}}}}},M={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(M,K,Z,x,I);function ee(e){function t(p){return+p.replace("%","")}function f(p){let a=[];return Object.keys(p).forEach(y=>{const s=p[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:p="#59a1ff",to:a="#59a1ff",direction:y="to right",...s}=e.strokeColor;if(Object.keys(s).length!==0){const c=f(s).map(({key:i,value:u})=>`${u} ${i}%`).join(", ");return`linear-gradient(${y}, ${c})`}return`linear-gradient(${y}, ${p}, ${a})`}),l=r.computed(()=>f(e.strokeColor).map(({key:p,value:a})=>({offset:`${p}%`,color:a})));return{isGradient:n,linearGradient:o,circleGradient:l}}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:l,linearGradient:p}=f,{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":l.value})),c=r.computed(()=>({"f-progress-inner":!0,"f-progress-circle-gradient":l.value})),i=0,u=r.computed(()=>i+1),k=r.computed(()=>{const g=50-a.value/2,S=e.gapPosition||(e.progressType==="circle"?"top":"bottom");let P=0,$=-g,d=0,h=g*-2;switch(S){case"left":P=-g,$=0,d=g*2,h=0;break;case"right":P=g,$=0,d=g*-2,h=0;break;case"bottom":$=g,h=g*2;break}return`M 50,50 m ${P},${$}
+                a ${g},${g} 0 1 1 ${d},${-h}
+                a ${g},${g} 0 1 1 ${-d},${h}`}),b=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,P=e.gapDegree||(e.progressType==="circle"?0:75);return{strokeDasharray:`${S-P}px ${S}px`,strokeDashoffset:`-${P/2}px`,transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"}}),O=r.computed(()=>{const g=50-a.value/2,S=Math.PI*2*g,P=e.gapDegree||(e.progressType==="circle"?0:75),$=e.successPercent!==void 0&&e.successPercent!==null?[e.successPercent,e.percent]:[e.percent];return $.map((d,h)=>{const m=$.length===2&&h===0;return{stroke:l.value&&!m?`url(#gradient-${u.value})`:null,strokePathStyle:{stroke:l.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:`${(d||0)/100*(S-P)}px ${S}px`,strokeDashoffset:`-${P/2}px`}}}).reverse()}),j=r.computed(()=>({width:`${e.percent}%`,"border-radius":e.strokeLinecap==="round"?"100px":"0",background:l.value?null:e.strokeColor,"background-image":l.value?p.value:null,height:`${a.value}px`}));return{progressClass:y,inCircleProgressBarStyle:s,inCircleProgressBarClass:c,pathString:k,trailPathStyle:b,progressCirclePaths:O,gradientId:u,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},l=`f-icon-${e.progressStatus}`;return o[l]=!0,o}),f=r.computed(()=>{const o={"f-progress-text-icon":!0,"f-icon":!0},l=e.progressStatus==="success"?"f-icon-checkmark":"f-icon-x";return o[l]=!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 V=r.defineComponent({name:"FProgress",props:M,emits:[],setup(e){const t=r.ref(e.progressType),f=r.ref(e.showInfo),n=r.ref(e.percent),o=r.ref(e.strokeLinecap),l=ee(e),{isGradient:p,circleGradient:a}=l,y=re(e),{strokeWidth:s}=y,{formatPercentageText:c}=te(e),i=ne(e),{isCircleStyle:u}=i,{progressClass:k,inCircleProgressBarStyle:b,inCircleProgressBarClass:O,pathString:j,trailPathStyle:g,progressCirclePaths:S,gradientId:P,inlineProgressBackgroundStyle:$}=se(e,i,l,y),{inlineProgrssStatusClass:d,circleProgrssStatusClass:h,shouldShowStatus:m}=oe(e),{inlineProgressSuccessBackgroundStyle:w,shouldShowSuccessInlineProgressBackground:B}=ce(e);r.watch(()=>e.percent,T=>{n.value=T||0});function D(){return f.value&&r.createVNode("span",{class:"f-progress-text"},[m.value?r.createVNode("span",{class:u.value?h.value:d.value},null):c.value])}function R(){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:w.value},null)])]),D()])}function W(){return r.createVNode("div",{class:O.value,style:b.value},[r.createVNode("svg",{class:"f-progress-circle",viewBox:"0 0 100 100"},[p.value&&r.createVNode("defs",null,[r.createVNode("linearGradient",{id:"gradient-"+P.value,x1:"100%",y1:"0%",x2:"0%",y2:"0%"},[a.value.map(T=>r.createVNode("stop",{offset:T.offset,"stop-color":T.color},null))])]),r.createVNode("path",{class:"f-progress-circle-trail",stroke:"#efefef","fill-opacity":"0","stroke-width":s.value,d:j.value,style:g.value},null),S.value.map(T=>r.createVNode("path",{class:"f-progress-circle-path","fill-opacity":"0",d:j.value,"stroke-linecap":o.value,stroke:T.stroke,"stroke-width":n.value?s.value:0,style:T.strokePathStyle},null))]),D()])}return()=>r.createVNode("div",{class:k.value},[t.value==="line"&&R(),u.value&&W()])}});function ae(e,t,f){var $;const n="",o="",l=r.ref();function p(){return(t==null?void 0:t.schema.componentType)!=="frame"}function a(){return!1}function y(){return(t==null?void 0:t.schema.componentType)!=="frame"}function s(){return(t==null?void 0:t.schema.componentType)==="frame"}function c(d){if(!d||!d.value)return null;if(d.value.schema&&d.value.schema.type==="component")return d.value;const h=r.ref(d==null?void 0:d.value.parent),m=c(h);return m||null}function i(d=t){const{componentInstance:h,designerItemElementRef:m}=d;return!h||!h.value?null:h.value.canMove?m:i(d.parent)}function u(d){return!!f}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 b(){}function O(d,h){}function j(d,h){const{componentType:m}=d;let w=F(m,d,h);const B=m.toLowerCase().replace(/-/g,"_");return w&&!w.id&&w.type===m&&(w.id=`${B}_${Math.random().toString().slice(2,6)}`),w}function g(d){}function S(...d){}function P(){t!=null&&t.schema.contents&&t.schema.contents.map(d=>{var w;let h=d.id;d.type==="component-ref"&&(h=d.component);const m=e.value.querySelector(`#${h}-design-item`);(w=m==null?void 0:m.componentInstance)!=null&&w.value.onRemoveComponent&&m.componentInstance.value.onRemoveComponent()})}return l.value={canMove:p(),canSelectParent:a(),canDelete:y(),canNested:!s(),contents:t==null?void 0:t.schema.contents,elementRef:e,parent:($=t==null?void 0:t.parent)==null?void 0:$.componentInstance,schema:t==null?void 0:t.schema,styles:n,designerClass:o,canAccepts:u,getBelongedComponentInstance:c,getDraggableDesignItemElement:i,getDraggingDisplayText:k,getPropConfig:S,getDragScopeElement:b,onAcceptMovedChildElement:O,onChildElementMovedOut:g,addNewChildComponentSchema:j,triggerBelongedComponentToMoveWhenMoved:r.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:r.ref(!1),onRemoveComponent:P},l}const le=r.defineComponent({name:"FProgressDesign",props:M,emits:[],setup(e,t){const f=r.ref(e.progressStatus),n=r.ref(e.progressType),o=r.ref(e.size),l=r.ref(e.showInfo),p=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),u=r.ref(0),k=r.ref(e.width),b=r.ref(""),O=r.ref([]),j=r.ref(""),g=r.ref([]),S=r.ref(e.enableBackgroundImg),P=r.ref(e.backgroundImg),$=r.ref(),d=r.inject("design-item-context"),h=ae($,d);r.onMounted(()=>{$.value.componentInstance=h}),t.expose(h.value),r.watch(()=>e.percent,v=>{a.value=v||0});const m=r.computed(()=>p.value||(n.value==="line"&&o.value!=="small"?8:6)),w=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":l.value,".f-progress-circle":w.value},pe=`f-progress-status-${f.value}`;return v[pe]=!0,v}),D=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`})),R=r.computed(()=>({width:`${a.value}%`,"border-radius":y.value==="round"?"100px":"0",height:`${m.value}px`,"background-image":S.value?P.value:null})),W=r.computed(()=>u.value||u.value===0);function T(){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),W.value&&r.createVNode("div",{class:"f-progress-success-bg",style:R.value},null)])])}const ue=r.computed(()=>({width:`${k.value}px`,height:`${k.value}px`,"font-size":`${k.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),g.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":a.value?m.value:0,style:v.strokePathStyle},null))])])}return()=>r.createVNode("div",{ref:$,class:B.value},[n.value==="line"&&T(),w.value&&de()])}});V.register=(e,t,f)=>{e.progress=V,t.progress=L},V.registerDesigner=(e,t,f)=>{e.progress=le,t.progress=L};const ie=A.withInstall(V);N.Progress=V,N.default=ie,N.progressProps=M,N.propsResolver=L,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});