@farris/ui-vue 1.2.9 → 1.3.1

package/components/progress/index.umd.cjs

@@ -1,3 +1,3 @@
-(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"}})});
+(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"}})});

package/components/property-editor/index.css

@@ -1 +1 @@
-.f-page-single-property-editor-component{min-width:230px}.f-page-single-property-editor-component-tag{display:1;font-family:PingFangSC-Regular;font-size:13px;color:#00000080;letter-spacing:0;line-height:16px;margin-left:5%;margin-top:2.5%;margin-bottom:2.5%}.f-page-single-property-editor-component-left-controller{float:left;height:28px;width:32%}.f-page-single-property-editor-component-right-const{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-variable{float:left;width:65%;margin-left:3%}.f-page-single-property-editor-template{width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}.form-control-select-1{height:26px;margin:0!important;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.form-control-select-show{height:28px;margin:0!important;width:80%;float:left}.form-control-select-hide{height:28px;margin:0!important;width:100%;float:left}.selectForm-dropdown{height:26px;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.f-page-single-property-editor-component-variable-button{margin-left:2%;float:left}.dropdown-all-variables{display:inline-block;margin-left:10px;height:28px}.f-page-single-property-editor-component-right-customize{width:65%;float:left;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-expression{width:65%;float:left;margin-left:3%}.f-page-single-property-editor-component-right-stateMachine{width:65%;float:left;margin-left:3%;background:#fff;border:1px solid #D8DCE6;height:26px;border-radius:3px}.f-page-single-property-editor-component-right-dataStates{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-stateMachine:focus{box-shadow:#00f}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .input-group{border:0;box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list input-group.actived .input-group{box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .f-cmp-inputgroup.actived{box-shadow:none!important}.f-stateMachine-exist{float:left;width:28px;text-align:center;background:#fff;height:20px;margin-top:2px;margin-left:5px;padding-top:1px;background-color:#f4f6ff;font-size:13px;font-family:PingFangSC-Regular;color:#34495e}.f-stateMachine-combo{float:right;width:75%;background:#fff}.f-stateMachine-combo .input-group{border:unset;box-shadow:none}.f-customize-input-controller{height:28px;width:100%;border:1px solid #EEEFF2;border-radius:2px}.f-variable-button{width:calc(2px + .375rem + 1.4286em);height:calc(2px + .375rem + 1.4286em);padding:.1875rem;border-color:transparent!important;box-shadow:none!important;background-color:#f0f0f0}
+.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:#2a87ff12}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.f-page-single-property-editor-component{min-width:230px}.f-page-single-property-editor-component-tag{display:1;font-family:PingFangSC-Regular;font-size:13px;color:#00000080;letter-spacing:0;line-height:16px;margin-left:5%;margin-top:2.5%;margin-bottom:2.5%}.f-page-single-property-editor-component-left-controller{float:left;height:28px;width:32%}.f-page-single-property-editor-component-right-const{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-variable{float:left;width:65%;margin-left:3%}.f-page-single-property-editor-template{width:100%;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}.form-control-select-1{height:26px;margin:0!important;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.form-control-select-show{height:28px;margin:0!important;width:80%;float:left}.form-control-select-hide{height:28px;margin:0!important;width:100%;float:left}.selectForm-dropdown{height:26px;width:100%;border:1px solid #D8DCE6;border-radius:3px;border-color:#d8dce6}.f-page-single-property-editor-component-variable-button{margin-left:2%;float:left}.dropdown-all-variables{display:inline-block;margin-left:10px;height:28px}.f-page-single-property-editor-component-right-customize{width:65%;float:left;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-expression{width:65%;float:left;margin-left:3%}.f-page-single-property-editor-component-right-stateMachine{width:65%;float:left;margin-left:3%;background:#fff;border:1px solid #D8DCE6;height:26px;border-radius:3px}.f-page-single-property-editor-component-right-dataStates{float:left;width:65%;margin-left:3%;background:#fff}.f-page-single-property-editor-component-right-stateMachine:focus{box-shadow:#00f}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .input-group{border:0;box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list input-group.actived .input-group{box-shadow:none!important}:host ::ng-deep div.f-stateMachine-combo>farris-combo-list .f-cmp-inputgroup.actived{box-shadow:none!important}.f-stateMachine-exist{float:left;width:28px;text-align:center;background:#fff;height:20px;margin-top:2px;margin-left:5px;padding-top:1px;background-color:#f4f6ff;font-size:13px;font-family:PingFangSC-Regular;color:#34495e}.f-stateMachine-combo{float:right;width:75%;background:#fff}.f-stateMachine-combo .input-group{border:unset;box-shadow:none}.f-customize-input-controller{height:28px;width:100%;border:1px solid #EEEFF2;border-radius:2px}.f-variable-button{width:calc(2px + .375rem + 1.4286em);height:calc(2px + .375rem + 1.4286em);padding:.1875rem;border-color:transparent!important;box-shadow:none!important;background-color:#f0f0f0}