@farris/ui-vue 1.2.8 → 1.3.0

package/components/step/index.umd.cjs

@@ -0,0 +1 @@
+(function(N,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):(N=typeof globalThis<"u"?globalThis:N||self,t(N.step={},N.Vue,N.LodashES))})(this,function(N,t,R){"use strict";const z={},F={};function A(r){const{properties:e,title:u,ignore:l}=r,i=l&&Array.isArray(l),b=Object.keys(e).reduce((d,v)=>((!i||!l.find(m=>m==v))&&(d[v]=e[v].type==="object"&&e[v].properties?A(e[v]):R.cloneDeep(e[v].default)),d),{});return(!i||!l.find(d=>d=="id"))&&(b.id=`${u}-${Date.now()}`),b}function L(r,e={},u){const l=z[r];if(l){let i=A(l);const b=F[r];return i=b?b({getSchemaByType:L},i,e,u):i,i}return null}function _(r,e){const u=A(e);return Object.keys(r).reduce((l,i)=>(l[i]&&R.isPlainObject(l[i])&&R.isPlainObject(r[i])?Object.assign(l[i],r[i]):l[i]=r[i],l),u),u}function C(r,e){return Object.keys(r).filter(l=>r[l]!=null).reduce((l,i)=>{if(e.has(i)){const b=e.get(i);if(typeof b=="string")l[b]=r[i];else{const d=b(i,r[i],r);Object.assign(l,d)}}else l[i]=r[i];return l},{})}function W(r,e,u=new Map){const l=_(r,e);return C(l,u)}function J(r={}){function e(a,h,p,g){if(typeof p=="number")return g[a].length===p;if(typeof p=="object"){const O=Object.keys(p)[0],j=p[O];if(O==="not")return Number(g[a].length)!==Number(j);if(O==="moreThan")return Number(g[a].length)>=Number(j);if(O==="lessThan")return Number(g[a].length)<=Number(j)}return!1}function u(a,h,p,g){return g[a]&&g[a].propertyValue&&String(g[a].propertyValue.value)===String(p)}const l=new Map([["length",e],["getProperty",u]]);Object.keys(r).reduce((a,h)=>(a.set(h,r[h]),a),l);function i(a,h){const p=a;return typeof h=="number"?[{target:p,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:p,operator:"getProperty",param:a,value:!!h}]:typeof h=="object"?Object.keys(h).map(g=>{if(g==="length")return{target:p,operator:"length",param:null,value:h[g]};const O=g,j=h[g];return{target:p,operator:"getProperty",param:O,value:j}}):[]}function b(a){return Object.keys(a).reduce((p,g)=>{const O=i(g,a[g]);return p.push(...O),p},[])}function d(a,h){if(l.has(a.operator)){const p=l.get(a.operator);return p&&p(a.target,a.param,a.value,h)||!1}return!1}function v(a,h){return b(a).reduce((O,j)=>O&&d(j,h),!0)}function m(a,h){const p=Object.keys(a),g=p.includes("allOf"),O=p.includes("anyOf"),j=g||O,S=(j?a[j?g?"allOf":"anyOf":"allOf"]:[a]).map(V=>v(V,h));return g?!S.includes(!1):S.includes(!0)}return{parseValueSchema:m}}const G={},H={};J();function Q(r,e,u=new Map,l=(d,v,m)=>v,i={},b=d=>d){return z[e.title]=e,F[e.title]=l,G[e.title]=i,H[e.title]=b,(d={})=>{const v=W(d,e,u),m=Object.keys(r).reduce((a,h)=>(a[h]=r[h].default,a),{});return Object.assign(m,v)}}function U(r,e){return{customClass:e.class,customStyle:e.style}}const X=new Map([["appearance",U]]);function Y(r,e,u){return e}const Z={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/step.schema.json",title:"step",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for step",type:"string"},type:{description:"The type string of step",type:"string",default:"step"},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:"step",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:[]}}}}}},w={direction:{type:String,default:"horizontal"},fill:{type:Boolean,default:!1},height:{type:Number,default:0},clickable:{type:Boolean,default:!0},steps:{type:Array,default:[{id:"1",title:"审批中（示例）",description:"正在审批"},{id:"2",title:"复核中（示例）",description:"等待复核"}]},activeIndex:{type:Number,default:0},onClick:{type:Function,default:()=>{}}},B=Q(w,Z,X,Y,K),E=t.defineComponent({name:"FStep",props:w,emits:["click"],setup(r,e){const u=t.ref(r.direction),l=t.ref(r.fill),i=t.ref(r.height),b=t.ref(r.steps),d=t.ref(r.clickable),v=t.ref(0),m=t.ref(r.activeIndex),a=t.computed(()=>({"f-progress-step-list":u.value==="horizontal","f-progress-step-list-block":u.value==="vertical","f-progress-step-horizontal-fill":u.value==="horizontal"&&l.value,"f-progress-step-vertical-fill":u.value==="vertical"&&l.value})),h=t.computed(()=>({height:u.value==="vertical"?`${i.value}px`:""}));function p(s,n){const f={step:!0,active:n===m.value,clickable:d.value,current:n===m.value};return n<m.value&&(f.finish=!0),f}function g(s,n){const f={step:s,stepIndex:n};e.emit("click",f)}function O(s,n){const f={"f-progressstep-row":!0,"step-active":n===m.value,"step-current":n===m.value};return n<m.value&&(f["step-finish"]=!0),f}function j(s,n){return{"step-icon":!0,"step-success":n,"f-icon":n,"f-icon-check":n}}function M(s,n){const f=[];return n>=m.value||n===v.value?f.push(t.createVNode("span",{class:"step-icon"},[n+1])):f.push(t.createVNode("span",{class:j(s,!0)},null)),f}function P(s,n){return{"step-name":!0,"step-name-success":n<m.value}}function S(s,n){return t.createVNode("div",{class:"f-progress-step-title"},[t.createVNode("p",{class:P(s,n)},[s.title])])}function $(s,n){return{"f-progress-step-line":!0,"f-progress-step-line-success":n===m.value}}function V(s,n){return n!==b.value.length-1}const D=t.computed(()=>({triangle:!0,"":u.value==="vertical"}));function k(){return b.value.map((s,n)=>t.createVNode("li",{class:p(s,n),onClick:f=>g(s,n)},[t.createVNode("div",{class:O(s,n)},[t.createVNode("div",{class:"f-progress-step-content"},[M(s,n),S(s,n)]),V(s,n)&&t.createVNode("div",{class:$(s,n)},[t.createVNode("span",{class:D.value},null)])])]))}return t.watch(()=>r.activeIndex,()=>{r.activeIndex>-1&&r.activeIndex<=b.value.length&&(m.value=r.activeIndex,k())}),()=>t.createVNode("div",{class:"f-progress-step"},[t.createVNode("ul",{class:a.value,style:h.value},[k()])])}});function x(r,e,u){var k;function l(){}const i="",b="",d=t.ref();function v(){return(e==null?void 0:e.schema.componentType)!=="frame"}function m(){return!1}function a(){return(e==null?void 0:e.schema.componentType)!=="frame"}function h(){return(e==null?void 0:e.schema.componentType)==="frame"}function p(s){if(!s||!s.value)return null;if(s.value.schema&&s.value.schema.type==="component")return s.value;const n=t.ref(s==null?void 0:s.value.parent),f=p(n);return f||null}function g(s=e){const{componentInstance:n,designerItemElementRef:f}=s;return!n||!n.value?null:n.value.canMove?f:g(s.parent)}function O(s){return!!u}function j(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function M(){}function P(s,n){}function S(s,n){const{componentType:f}=s;let c=L(f,s,n);const o=f.toLowerCase().replace("-","_");return c&&!c.id&&c.type===f&&(c.id=`${o}_${Math.random().toString().slice(2,6)}`),c}function $(s,n){const f=String(s.getAttribute("data-controltype")),c=s.getAttribute("data-feature"),o=c?JSON.parse(c):{};o.parentComponentInstance=d.value;let y=L(f,o);const T=f.toLowerCase().replace("-","_");return y&&!y.id&&y.type===f&&(y.id=`${T}_${Math.random().toString().slice(2,6)}`),y}function V(s){}function D(...s){}return d.value={canMove:v(),canSelectParent:m(),canDelete:a(),canNested:!h(),contents:e==null?void 0:e.schema.contents,elementRef:r,parent:(k=e==null?void 0:e.parent)==null?void 0:k.componentInstance,schema:e==null?void 0:e.schema,styles:i,designerClass:b,canAccepts:O,getBelongedComponentInstance:p,getDraggableDesignItemElement:g,getDraggingDisplayText:j,getPropConfig:D,getDragScopeElement:M,onAcceptMovedChildElement:P,onAcceptNewChildElement:$,onChildElementMovedOut:V,addNewChildComponentSchema:S,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},d}const I=t.defineComponent({name:"FStepDesign",props:w,emits:[],setup(r,e){const u=t.ref(r.direction),l=t.ref(r.fill),i=t.ref(r.height),b=t.ref(r.steps),d=t.ref(0),v=t.ref(r.clickable),m=t.ref(0),a=t.ref(),h=t.inject("design-item-context"),p=x(a,h);t.onMounted(()=>{a.value.componentInstance=p}),e.expose(p.value);const g=t.computed(()=>({"f-progress-step-list":u.value==="horizontal","f-progress-step-list-block":u.value==="vertical","f-progress-step-horizontal-fill":u.value==="horizontal"&&l.value,"f-progress-step-vertical-fill":u.value==="vertical"&&l.value})),O=t.computed(()=>({height:u.value==="vertical"?`${i.value}px`:""}));function j(c,o){const y={step:!0,active:o===d.value,clickable:v.value,"click-disable":c.disable,current:o===d.value};return o<d.value&&(y.finish=!0),c.status&&(y[c.status]=!0),c.hasOwnProperty("class")&&c.class.split(" ").reduce((T,q)=>(T[q]=!0,T),y),y}function M(c,o){}function P(c,o){const y={"f-progressstep-row":!0,"step-active":o===d.value,"step-current":o===d.value};return o<d.value&&(y["step-finish"]=!0),c.status&&(y["step-"+c.status]=!0),y}function S(c,o){const y={"step-icon":!0,"step-success":o,"k-icon":o,"k-i-check":o};return c.hasOwnProperty("icon")&&c.class.split(" ").reduce((T,q)=>(T[q]=!0,T),y),y}function $(c,o){const y=[];return c.icon?y.push(t.createVNode("span",{class:S(c,!1)},null)):o>=d.value||o===m.value?y.push(t.createVNode("span",{class:"step-icon"},[o+1])):y.push(t.createVNode("span",{class:S(c,!0)},null)),y}function V(c,o){return{"step-name":!0,"step-name-success":o<d.value}}function D(c,o){return t.createVNode("div",{class:"f-progress-step-title"},[t.createVNode("p",{class:V(c,o)},[c.title])])}function k(c,o){return{"f-progress-step-line":!0,"f-progress-step-line-success":o===d.value}}function s(c,o){return o!==b.value.length-1}const n=t.computed(()=>({triangle:!0,"":u.value==="vertical"}));function f(){return b.value.map((c,o)=>t.createVNode("li",{class:j(c,o),onClick:y=>void 0},[t.createVNode("div",{class:P(c,o)},[t.createVNode("div",{class:"f-progress-step-content"},[$(c,o),D(c,o)]),s(c,o)&&t.createVNode("div",{class:k(c,o)},[t.createVNode("span",{class:n.value},null)])])]))}return()=>t.createVNode("div",{ref:a,class:"f-progress-step"},[t.createVNode("ul",{class:g.value,style:O.value},[f()])])}}),ee={install(r){r.component(E.name,E)},register(r,e,u,l){r.step=E,e.step=B},registerDesigner(r,e,u){r.step=I,e.step=B}};N.Step=E,N.default=ee,N.propsResolver=B,N.stepProps=w,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});