@farris/ui-vue 1.1.0 → 1.1.1

package/progress/index.umd.js

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

package/progress/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "progress",
-    "version": "1.1.0",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/progress/index.d.ts"
-}