@farris/ui-vue 1.2.9 → 1.3.0

package/components/step/index.esm.js

@@ -1,43 +1,43 @@
-import { defineComponent as F, ref as m, computed as N, watch as C, createVNode as d, inject as W, onMounted as J } from "vue";
-import { cloneDeep as G } from "lodash-es";
-const q = {}, _ = {};
+import { defineComponent as q, ref as m, computed as N, watch as W, createVNode as d, inject as J, onMounted as G } from "vue";
+import { isPlainObject as F, cloneDeep as H } from "lodash-es";
+const _ = {}, C = {};
 function B(t) {
-  const { properties: e, title: i, ignore: l } = t, o = l && Array.isArray(l), y = Object.keys(e).reduce((f, O) => ((!o || !l.find((b) => b == O)) && (f[O] = e[O].type === "object" && e[O].properties ? B(e[O]) : G(e[O].default)), f), {});
-  return (!o || !l.find((f) => f == "id")) && (y.id = `${i}-${Date.now()}`), y;
+  const { properties: e, title: o, ignore: l } = t, i = l && Array.isArray(l), y = Object.keys(e).reduce((f, O) => ((!i || !l.find((b) => b == O)) && (f[O] = e[O].type === "object" && e[O].properties ? B(e[O]) : H(e[O].default)), f), {});
+  return (!i || !l.find((f) => f == "id")) && (y.id = `${o}-${Date.now()}`), y;
 }
-function L(t, e = {}, i) {
-  const l = q[t];
+function L(t, e = {}, o) {
+  const l = _[t];
   if (l) {
-    let o = B(l);
-    const y = _[t];
-    return o = y ? y({ getSchemaByType: L }, o, e, i) : o, o;
+    let i = B(l);
+    const y = C[t];
+    return i = y ? y({ getSchemaByType: L }, i, e, o) : i, i;
   }
   return null;
 }
-function H(t, e) {
-  const i = B(e);
-  return Object.keys(t).reduce((l, o) => (l[o] && typeof l[o] == "object" ? Object.assign(l[o], t[o]) : l[o] = t[o], l), i), i;
-}
 function Q(t, e) {
-  return Object.keys(t).filter((l) => t[l] != null).reduce((l, o) => {
-    if (e.has(o)) {
-      const y = e.get(o);
+  const o = B(e);
+  return Object.keys(t).reduce((l, i) => (l[i] && F(l[i]) && F(t[i]) ? Object.assign(l[i], t[i]) : l[i] = t[i], l), o), o;
+}
+function U(t, e) {
+  return Object.keys(t).filter((l) => t[l] != null).reduce((l, i) => {
+    if (e.has(i)) {
+      const y = e.get(i);
       if (typeof y == "string")
-        l[y] = t[o];
+        l[y] = t[i];
       else {
-        const f = y(o, t[o], t);
+        const f = y(i, t[i], t);
         Object.assign(l, f);
       }
     } else
-      l[o] = t[o];
+      l[i] = t[i];
     return l;
   }, {});
 }
-function U(t, e, i = /* @__PURE__ */ new Map()) {
-  const l = H(t, e);
-  return Q(l, i);
+function X(t, e, o = /* @__PURE__ */ new Map()) {
+  const l = Q(t, e);
+  return U(l, o);
 }
-function X(t = {}) {
+function Y(t = {}) {
   function e(c, v, u, h) {
     if (typeof u == "number")
       return h[c].length === u;
@@ -52,15 +52,15 @@ function X(t = {}) {
     }
     return !1;
   }
-  function i(c, v, u, h) {
+  function o(c, v, u, h) {
     return h[c] && h[c].propertyValue && String(h[c].propertyValue.value) === String(u);
   }
   const l = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", i]
+    ["getProperty", o]
   ]);
   Object.keys(t).reduce((c, v) => (c.set(v, t[v]), c), l);
-  function o(c, v) {
+  function i(c, v) {
     const u = c;
     return typeof v == "number" ? [{ target: u, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: u, operator: "getProperty", param: c, value: !!v }] : typeof v == "object" ? Object.keys(v).map((h) => {
       if (h === "length")
@@ -71,7 +71,7 @@ function X(t = {}) {
   }
   function y(c) {
     return Object.keys(c).reduce((u, h) => {
-      const j = o(h, c[h]);
+      const j = i(h, c[h]);
       return u.push(...j), u;
     }, []);
   }
@@ -91,24 +91,24 @@ function X(t = {}) {
   }
   return { parseValueSchema: b };
 }
-const Y = {}, Z = {};
-X();
-function K(t, e, i = /* @__PURE__ */ new Map(), l = (f, O, b) => O, o = {}, y = (f) => f) {
-  return q[e.title] = e, _[e.title] = l, Y[e.title] = o, Z[e.title] = y, (f = {}) => {
-    const O = U(f, e, i), b = Object.keys(t).reduce((c, v) => (c[v] = t[v].default, c), {});
+const Z = {}, K = {};
+Y();
+function x(t, e, o = /* @__PURE__ */ new Map(), l = (f, O, b) => O, i = {}, y = (f) => f) {
+  return _[e.title] = e, C[e.title] = l, Z[e.title] = i, K[e.title] = y, (f = {}) => {
+    const O = X(f, e, o), b = Object.keys(t).reduce((c, v) => (c[v] = t[v].default, c), {});
     return Object.assign(b, O);
   };
 }
-function x(t, e) {
+function I(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const I = /* @__PURE__ */ new Map([
-  ["appearance", x]
+const ee = /* @__PURE__ */ new Map([
+  ["appearance", I]
 ]);
-function ee(t, e, i) {
+function te(t, e, o) {
   return e;
 }
-const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/step.schema.json", re = "step", ne = "A Farris Component", ce = "object", le = {
+const se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/step.schema.json", ne = "step", ce = "A Farris Component", le = "object", ae = {
   id: {
     description: "The unique identifier for step",
     type: "string"
@@ -170,18 +170,18 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
     type: "boolean",
     default: !0
   }
-}, ae = [
+}, ie = [
   "id",
   "type"
 ], oe = {
-  $schema: te,
-  $id: se,
-  title: re,
-  description: ne,
-  type: ce,
-  properties: le,
-  required: ae
-}, ie = "step", ue = "A Farris Component", pe = "object", fe = {
+  $schema: se,
+  $id: re,
+  title: ne,
+  description: ce,
+  type: le,
+  properties: ae,
+  required: ie
+}, ue = "step", pe = "A Farris Component", fe = "object", ve = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -203,12 +203,12 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
       }
     }
   }
-}, ve = {
-  title: ie,
-  description: ue,
-  type: pe,
-  categories: fe
-}, V = {
+}, he = {
+  title: ue,
+  description: pe,
+  type: fe,
+  categories: ve
+}, z = {
   /** 步骤条方向  */
   direction: { type: String, default: "horizontal" },
   /** 是否平铺 */
@@ -238,18 +238,18 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
   /** 步骤条点击后事件 */
   onClick: { type: Function, default: () => {
   } }
-}, z = K(V, oe, I, ee, ve), A = /* @__PURE__ */ F({
+}, V = x(z, oe, ee, te, he), A = /* @__PURE__ */ q({
   name: "FStep",
-  props: V,
+  props: z,
   emits: ["click"],
   setup(t, e) {
-    const i = m(t.direction), l = m(t.fill), o = m(t.height), y = m(t.steps), f = m(t.clickable), O = m(0), b = m(t.activeIndex), c = N(() => ({
-      "f-progress-step-list": i.value === "horizontal",
-      "f-progress-step-list-block": i.value === "vertical",
-      "f-progress-step-horizontal-fill": i.value === "horizontal" && l.value,
-      "f-progress-step-vertical-fill": i.value === "vertical" && l.value
+    const o = m(t.direction), l = m(t.fill), i = m(t.height), y = m(t.steps), f = m(t.clickable), O = m(0), b = m(t.activeIndex), c = N(() => ({
+      "f-progress-step-list": o.value === "horizontal",
+      "f-progress-step-list-block": o.value === "vertical",
+      "f-progress-step-horizontal-fill": o.value === "horizontal" && l.value,
+      "f-progress-step-vertical-fill": o.value === "vertical" && l.value
     })), v = N(() => ({
-      height: i.value === "vertical" ? `${o.value}px` : ""
+      height: o.value === "vertical" ? `${i.value}px` : ""
     }));
     function u(s, r) {
       const p = {
@@ -316,7 +316,7 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
     }
     const $ = N(() => ({
       triangle: !0,
-      "": i.value === "vertical"
+      "": o.value === "vertical"
     }));
     function M() {
       return y.value.map((s, r) => d("li", {
@@ -332,7 +332,7 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
         class: $.value
       }, null)])])]));
     }
-    return C(() => t.activeIndex, () => {
+    return W(() => t.activeIndex, () => {
       t.activeIndex > -1 && t.activeIndex <= y.value.length && (b.value = t.activeIndex, M());
     }), () => d("div", {
       class: "f-progress-step"
@@ -342,11 +342,11 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
     }, [M()])]);
   }
 });
-function he(t, e, i) {
+function ge(t, e, o) {
   var M;
   function l() {
   }
-  const o = "", y = "", f = m();
+  const i = "", y = "", f = m();
   function O() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
@@ -372,7 +372,7 @@ function he(t, e, i) {
     return !r || !r.value ? null : r.value.canMove ? p : h(s.parent);
   }
   function j(s) {
-    return !!i;
+    return !!o;
   }
   function k() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
@@ -407,7 +407,7 @@ function he(t, e, i) {
     elementRef: t,
     parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: o,
+    styles: i,
     designerClass: y,
     canAccepts: j,
     getBelongedComponentInstance: u,
@@ -424,22 +424,22 @@ function he(t, e, i) {
     triggerBelongedComponentToDeleteWhenDeleted: m(!1)
   }, f;
 }
-const ge = /* @__PURE__ */ F({
+const de = /* @__PURE__ */ q({
   name: "FStepDesign",
-  props: V,
+  props: z,
   emits: [],
   setup(t, e) {
-    const i = m(t.direction), l = m(t.fill), o = m(t.height), y = m(t.steps), f = m(0), O = m(t.clickable), b = m(0), c = m(), v = W("design-item-context"), u = he(c, v);
-    J(() => {
+    const o = m(t.direction), l = m(t.fill), i = m(t.height), y = m(t.steps), f = m(0), O = m(t.clickable), b = m(0), c = m(), v = J("design-item-context"), u = ge(c, v);
+    G(() => {
       c.value.componentInstance = u;
     }), e.expose(u.value);
     const h = N(() => ({
-      "f-progress-step-list": i.value === "horizontal",
-      "f-progress-step-list-block": i.value === "vertical",
-      "f-progress-step-horizontal-fill": i.value === "horizontal" && l.value,
-      "f-progress-step-vertical-fill": i.value === "vertical" && l.value
+      "f-progress-step-list": o.value === "horizontal",
+      "f-progress-step-list-block": o.value === "vertical",
+      "f-progress-step-horizontal-fill": o.value === "horizontal" && l.value,
+      "f-progress-step-vertical-fill": o.value === "vertical" && l.value
     })), j = N(() => ({
-      height: i.value === "vertical" ? `${o.value}px` : ""
+      height: o.value === "vertical" ? `${i.value}px` : ""
     }));
     function k(n, a) {
       const g = {
@@ -504,7 +504,7 @@ const ge = /* @__PURE__ */ F({
     }
     const r = N(() => ({
       triangle: !0,
-      "": i.value === "vertical"
+      "": o.value === "vertical"
     }));
     function p() {
       return y.value.map((n, a) => d("li", {
@@ -528,20 +528,20 @@ const ge = /* @__PURE__ */ F({
       style: j.value
     }, [p()])]);
   }
-}), be = {
+}), me = {
   install(t) {
     t.component(A.name, A);
   },
-  register(t, e, i, l) {
-    t.step = A, e.step = z;
+  register(t, e, o, l) {
+    t.step = A, e.step = V;
   },
-  registerDesigner(t, e, i) {
-    t.step = ge, e.step = z;
+  registerDesigner(t, e, o) {
+    t.step = de, e.step = V;
   }
 };
 export {
   A as Step,
-  be as default,
-  z as propsResolver,
-  V as stepProps
+  me as default,
+  V as propsResolver,
+  z as stepProps
 };

package/components/step/index.umd.cjs

@@ -1 +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,F){"use strict";const q={},z={};function R(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?R(e[v]):F.cloneDeep(e[v].default)),d),{});return(!i||!l.find(d=>d=="id"))&&(b.id=`${u}-${Date.now()}`),b}function A(r,e={},u){const l=q[r];if(l){let i=R(l);const b=z[r];return i=b?b({getSchemaByType:A},i,e,u):i,i}return null}function _(r,e){const u=R(e);return Object.keys(r).reduce((l,i)=>(l[i]&&typeof l[i]=="object"?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 q[e.title]=e,z[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:[]}}}}}},E={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:()=>{}}},L=Q(E,Z,X,Y,K),w=t.defineComponent({name:"FStep",props:E,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 $(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:$(s,n)},[s.title])])}function D(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 P=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:D(s,n)},[t.createVNode("span",{class:P.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 $(s,n){}function S(s,n){const{componentType:f}=s;let c=A(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 D(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=A(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 P(...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:P,getDragScopeElement:M,onAcceptMovedChildElement:$,onAcceptNewChildElement:D,onChildElementMovedOut:V,addNewChildComponentSchema:S,updateDragAndDropRules:l,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},d}const I=t.defineComponent({name:"FStepDesign",props:E,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,B)=>(T[B]=!0,T),y),y}function M(c,o){}function $(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,B)=>(T[B]=!0,T),y),y}function D(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 P(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:$(c,o)},[t.createVNode("div",{class:"f-progress-step-content"},[D(c,o),P(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(w.name,w)},register(r,e,u,l){r.step=w,e.step=L},registerDesigner(r,e,u){r.step=I,e.step=L}};N.Step=w,N.default=ee,N.propsResolver=L,N.stepProps=E,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});