@farris/ui-vue 1.2.7 → 1.2.9

package/components/step/index.esm.js

@@ -1,102 +1,102 @@
-import { defineComponent as F, ref as m, computed as N, watch as C, createVNode as y, inject as W, onMounted as J } from "vue";
+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 = {}, _ = {};
-function L(t) {
-  const { properties: e, title: o } = t, l = Object.keys(e).reduce((v, g) => (v[g] = e[g].type === "object" && e[g].properties ? L(e[g]) : G(e[g].default), v), {});
-  return l.id = `${o}-${Date.now()}`, l;
+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;
 }
-function B(t, e = {}) {
-  const o = q[t];
-  if (o) {
-    let l = L(o);
-    const v = _[t];
-    return l = v ? v({ getSchemaByType: B }, l, e) : l, l;
+function L(t, e = {}, i) {
+  const l = q[t];
+  if (l) {
+    let o = B(l);
+    const y = _[t];
+    return o = y ? y({ getSchemaByType: L }, o, e, i) : o, o;
   }
   return null;
 }
 function H(t, e) {
-  const o = L(e);
-  return Object.keys(t).reduce((l, v) => (l[v] = t[v], l), o), o;
+  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, v) => {
-    if (e.has(v)) {
-      const g = e.get(v);
-      if (typeof g == "string")
-        l[g] = t[v];
+  return Object.keys(t).filter((l) => t[l] != null).reduce((l, o) => {
+    if (e.has(o)) {
+      const y = e.get(o);
+      if (typeof y == "string")
+        l[y] = t[o];
       else {
-        const d = g(v, t[v], t);
-        Object.assign(l, d);
+        const f = y(o, t[o], t);
+        Object.assign(l, f);
       }
     } else
-      l[v] = t[v];
+      l[o] = t[o];
     return l;
   }, {});
 }
-function U(t, e, o = /* @__PURE__ */ new Map()) {
+function U(t, e, i = /* @__PURE__ */ new Map()) {
   const l = H(t, e);
-  return Q(l, o);
+  return Q(l, i);
 }
 function X(t = {}) {
-  function e(n, p, u, f) {
+  function e(c, v, u, h) {
     if (typeof u == "number")
-      return f[n].length === u;
+      return h[c].length === u;
     if (typeof u == "object") {
-      const O = Object.keys(u)[0], j = u[O];
-      if (O === "not")
-        return Number(f[n].length) !== Number(j);
-      if (O === "moreThan")
-        return Number(f[n].length) >= Number(j);
-      if (O === "lessThan")
-        return Number(f[n].length) <= Number(j);
+      const j = Object.keys(u)[0], k = u[j];
+      if (j === "not")
+        return Number(h[c].length) !== Number(k);
+      if (j === "moreThan")
+        return Number(h[c].length) >= Number(k);
+      if (j === "lessThan")
+        return Number(h[c].length) <= Number(k);
     }
     return !1;
   }
-  function o(n, p, u, f) {
-    return f[n] && f[n].propertyValue && String(f[n].propertyValue.value) === String(u);
+  function i(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", o]
+    ["getProperty", i]
   ]);
-  Object.keys(t).reduce((n, p) => (n.set(p, t[p]), n), l);
-  function v(n, p) {
-    const u = n;
-    return typeof p == "number" ? [{ target: u, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: u, operator: "getProperty", param: n, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
-      if (f === "length")
-        return { target: u, operator: "length", param: null, value: p[f] };
-      const O = f, j = p[f];
-      return { target: u, operator: "getProperty", param: O, value: j };
+  Object.keys(t).reduce((c, v) => (c.set(v, t[v]), c), l);
+  function o(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")
+        return { target: u, operator: "length", param: null, value: v[h] };
+      const j = h, k = v[h];
+      return { target: u, operator: "getProperty", param: j, value: k };
     }) : [];
   }
-  function g(n) {
-    return Object.keys(n).reduce((u, f) => {
-      const O = v(f, n[f]);
-      return u.push(...O), u;
+  function y(c) {
+    return Object.keys(c).reduce((u, h) => {
+      const j = o(h, c[h]);
+      return u.push(...j), u;
     }, []);
   }
-  function d(n, p) {
-    if (l.has(n.operator)) {
-      const u = l.get(n.operator);
-      return u && u(n.target, n.param, n.value, p) || !1;
+  function f(c, v) {
+    if (l.has(c.operator)) {
+      const u = l.get(c.operator);
+      return u && u(c.target, c.param, c.value, v) || !1;
     }
     return !1;
   }
-  function S(n, p) {
-    return g(n).reduce((O, j) => O && d(j, p), !0);
+  function O(c, v) {
+    return y(c).reduce((j, k) => j && f(k, v), !0);
   }
-  function b(n, p) {
-    const u = Object.keys(n), f = u.includes("allOf"), O = u.includes("anyOf"), j = f || O, k = (j ? n[j ? f ? "allOf" : "anyOf" : "allOf"] : [n]).map((T) => S(T, p));
-    return f ? !k.includes(!1) : k.includes(!0);
+  function b(c, v) {
+    const u = Object.keys(c), h = u.includes("allOf"), j = u.includes("anyOf"), k = h || j, S = (k ? c[k ? h ? "allOf" : "anyOf" : "allOf"] : [c]).map((T) => O(T, v));
+    return h ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: b };
 }
 const Y = {}, Z = {};
 X();
-function K(t, e, o = /* @__PURE__ */ new Map(), l = (d, S, b) => S, v = {}, g = (d) => d) {
-  return q[e.title] = e, _[e.title] = l, Y[e.title] = v, Z[e.title] = g, (d = {}) => {
-    const S = U(d, e, o), b = Object.keys(t).reduce((n, p) => (n[p] = t[p].default, n), {});
-    return Object.assign(b, S);
+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), {});
+    return Object.assign(b, O);
   };
 }
 function x(t, e) {
@@ -105,7 +105,7 @@ function x(t, e) {
 const I = /* @__PURE__ */ new Map([
   ["appearance", x]
 ]);
-function ee(t, e, o) {
+function ee(t, e, i) {
   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 = {
@@ -243,300 +243,300 @@ const te = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-
   props: V,
   emits: ["click"],
   setup(t, e) {
-    const o = m(t.direction), l = m(t.fill), v = m(t.height), g = m(t.steps), d = m(t.clickable), S = m(0), b = m(t.activeIndex), n = 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
-    })), p = N(() => ({
-      height: o.value === "vertical" ? `${v.value}px` : ""
+    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
+    })), v = N(() => ({
+      height: i.value === "vertical" ? `${o.value}px` : ""
     }));
-    function u(r, s) {
-      const i = {
+    function u(s, r) {
+      const p = {
         step: !0,
-        active: s === b.value,
-        clickable: d.value,
+        active: r === b.value,
+        clickable: f.value,
         // 'click-disable': step.disable,
-        current: s === b.value
+        current: r === b.value
       };
-      return s < b.value && (i.finish = !0), i;
+      return r < b.value && (p.finish = !0), p;
     }
-    function f(r, s) {
-      const i = {
-        step: r,
-        stepIndex: s
+    function h(s, r) {
+      const p = {
+        step: s,
+        stepIndex: r
       };
-      e.emit("click", i);
+      e.emit("click", p);
     }
-    function O(r, s) {
-      const i = {
+    function j(s, r) {
+      const p = {
         "f-progressstep-row": !0,
-        "step-active": s === b.value,
-        "step-current": s === b.value
+        "step-active": r === b.value,
+        "step-current": r === b.value
       };
-      return s < b.value && (i["step-finish"] = !0), i;
+      return r < b.value && (p["step-finish"] = !0), p;
     }
-    function j(r, s) {
+    function k(s, r) {
       return {
         "step-icon": !0,
-        "step-success": s,
-        "f-icon": s,
-        "f-icon-check": s
+        "step-success": r,
+        "f-icon": r,
+        "f-icon-check": r
       };
     }
-    function w(r, s) {
-      const i = [];
-      return s >= b.value || s === S.value ? i.push(y("span", {
+    function P(s, r) {
+      const p = [];
+      return r >= b.value || r === O.value ? p.push(d("span", {
         class: "step-icon"
-      }, [s + 1])) : i.push(y("span", {
-        class: j(r, !0)
-      }, null)), i;
+      }, [r + 1])) : p.push(d("span", {
+        class: k(s, !0)
+      }, null)), p;
     }
-    function E(r, s) {
+    function w(s, r) {
       return {
         "step-name": !0,
-        "step-name-success": s < b.value
+        "step-name-success": r < b.value
       };
     }
-    function k(r, s) {
-      return y("div", {
+    function S(s, r) {
+      return d("div", {
         class: "f-progress-step-title"
-      }, [y("p", {
-        class: E(r, s)
-      }, [r.title])]);
+      }, [d("p", {
+        class: w(s, r)
+      }, [s.title])]);
     }
-    function P(r, s) {
+    function E(s, r) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": s === b.value
+        "f-progress-step-line-success": r === b.value
       };
     }
-    function T(r, s) {
-      return s !== g.value.length - 1;
+    function T(s, r) {
+      return r !== y.value.length - 1;
     }
     const $ = N(() => ({
       triangle: !0,
-      "": o.value === "vertical"
+      "": i.value === "vertical"
     }));
     function M() {
-      return g.value.map((r, s) => y("li", {
-        class: u(r, s),
-        onClick: (i) => f(r, s)
-      }, [y("div", {
-        class: O(r, s)
-      }, [y("div", {
+      return y.value.map((s, r) => d("li", {
+        class: u(s, r),
+        onClick: (p) => h(s, r)
+      }, [d("div", {
+        class: j(s, r)
+      }, [d("div", {
         class: "f-progress-step-content"
-      }, [w(r, s), k(r, s)]), T(r, s) && y("div", {
-        class: P(r, s)
-      }, [y("span", {
+      }, [P(s, r), S(s, r)]), T(s, r) && d("div", {
+        class: E(s, r)
+      }, [d("span", {
         class: $.value
       }, null)])])]));
     }
     return C(() => t.activeIndex, () => {
-      t.activeIndex > -1 && t.activeIndex <= g.value.length && (b.value = t.activeIndex, M());
-    }), () => y("div", {
+      t.activeIndex > -1 && t.activeIndex <= y.value.length && (b.value = t.activeIndex, M());
+    }), () => d("div", {
       class: "f-progress-step"
-    }, [y("ul", {
-      class: n.value,
-      style: p.value
+    }, [d("ul", {
+      class: c.value,
+      style: v.value
     }, [M()])]);
   }
 });
-function he(t, e, o) {
+function he(t, e, i) {
   var M;
   function l() {
   }
-  const v = "", g = "", d = m();
-  function S() {
+  const o = "", y = "", f = m();
+  function O() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function b() {
     return !1;
   }
-  function n() {
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function p() {
+  function v() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(r) {
-    if (!r || !r.value)
+  function u(s) {
+    if (!s || !s.value)
       return null;
-    if (r.value.schema && r.value.schema.type === "component")
-      return r.value;
-    const s = m(r == null ? void 0 : r.value.parent), i = u(s);
-    return i || null;
+    if (s.value.schema && s.value.schema.type === "component")
+      return s.value;
+    const r = m(s == null ? void 0 : s.value.parent), p = u(r);
+    return p || null;
   }
-  function f(r = e) {
-    const { componentInstance: s, designerItemElementRef: i } = r;
-    return !s || !s.value ? null : s.value.canMove ? i : f(r.parent);
+  function h(s = e) {
+    const { componentInstance: r, designerItemElementRef: p } = s;
+    return !r || !r.value ? null : r.value.canMove ? p : h(s.parent);
   }
-  function O(r) {
-    return !!o;
+  function j(s) {
+    return !!i;
   }
-  function j() {
+  function k() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function w() {
+  function P() {
   }
-  function E(r, s) {
+  function w(s, r) {
   }
-  function k(r) {
-    const { componentType: s } = r;
-    let i = B(s, r);
-    const c = s.toLowerCase().replace("-", "_");
-    return i && !i.id && i.type === s && (i.id = `${c}_${Math.random().toString().slice(2, 6)}`), i;
+  function S(s, r) {
+    const { componentType: p } = s;
+    let n = L(p, s, r);
+    const a = p.toLowerCase().replace("-", "_");
+    return n && !n.id && n.type === p && (n.id = `${a}_${Math.random().toString().slice(2, 6)}`), n;
   }
-  function P(r, s) {
-    const i = String(r.getAttribute("data-controltype")), c = r.getAttribute("data-feature"), a = c ? JSON.parse(c) : {};
-    a.parentComponentInstance = d.value;
-    let h = B(i, a);
-    const D = i.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === i && (h.id = `${D}_${Math.random().toString().slice(2, 6)}`), h;
+  function E(s, r) {
+    const p = String(s.getAttribute("data-controltype")), n = s.getAttribute("data-feature"), a = n ? JSON.parse(n) : {};
+    a.parentComponentInstance = f.value;
+    let g = L(p, a);
+    const D = p.toLowerCase().replace("-", "_");
+    return g && !g.id && g.type === p && (g.id = `${D}_${Math.random().toString().slice(2, 6)}`), g;
   }
-  function T(r) {
+  function T(s) {
   }
-  function $(...r) {
+  function $(...s) {
   }
-  return d.value = {
-    canMove: S(),
+  return f.value = {
+    canMove: O(),
     canSelectParent: b(),
-    canDelete: n(),
-    canNested: !p(),
+    canDelete: c(),
+    canNested: !v(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
     parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: v,
-    designerClass: g,
-    canAccepts: O,
+    styles: o,
+    designerClass: y,
+    canAccepts: j,
     getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: j,
+    getDraggableDesignItemElement: h,
+    getDraggingDisplayText: k,
     getPropConfig: $,
-    getDragScopeElement: w,
-    onAcceptMovedChildElement: E,
-    onAcceptNewChildElement: P,
+    getDragScopeElement: P,
+    onAcceptMovedChildElement: w,
+    onAcceptNewChildElement: E,
     onChildElementMovedOut: T,
-    addNewChildComponentSchema: k,
+    addNewChildComponentSchema: S,
     updateDragAndDropRules: l,
     triggerBelongedComponentToMoveWhenMoved: m(!1),
     triggerBelongedComponentToDeleteWhenDeleted: m(!1)
-  }, d;
+  }, f;
 }
-const de = /* @__PURE__ */ F({
+const ge = /* @__PURE__ */ F({
   name: "FStepDesign",
   props: V,
   emits: [],
   setup(t, e) {
-    const o = m(t.direction), l = m(t.fill), v = m(t.height), g = m(t.steps), d = m(0), S = m(t.clickable), b = m(0), n = m(), p = W("design-item-context"), u = he(n, p);
+    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(() => {
-      n.value.componentInstance = u;
+      c.value.componentInstance = u;
     }), e.expose(u.value);
-    const f = 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
-    })), O = N(() => ({
-      height: o.value === "vertical" ? `${v.value}px` : ""
+    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
+    })), j = N(() => ({
+      height: i.value === "vertical" ? `${o.value}px` : ""
     }));
-    function j(c, a) {
-      const h = {
+    function k(n, a) {
+      const g = {
         step: !0,
-        active: a === d.value,
-        clickable: S.value,
-        "click-disable": c.disable,
-        current: a === d.value
+        active: a === f.value,
+        clickable: O.value,
+        "click-disable": n.disable,
+        current: a === f.value
       };
-      return a < d.value && (h.finish = !0), c.status && (h[c.status] = !0), c.hasOwnProperty("class") && c.class.split(" ").reduce((D, R) => (D[R] = !0, D), h), h;
+      return a < f.value && (g.finish = !0), n.status && (g[n.status] = !0), n.hasOwnProperty("class") && n.class.split(" ").reduce((D, R) => (D[R] = !0, D), g), g;
     }
-    function w(c, a) {
+    function P(n, a) {
     }
-    function E(c, a) {
-      const h = {
+    function w(n, a) {
+      const g = {
         "f-progressstep-row": !0,
-        "step-active": a === d.value,
-        "step-current": a === d.value
+        "step-active": a === f.value,
+        "step-current": a === f.value
       };
-      return a < d.value && (h["step-finish"] = !0), c.status && (h["step-" + c.status] = !0), h;
+      return a < f.value && (g["step-finish"] = !0), n.status && (g["step-" + n.status] = !0), g;
     }
-    function k(c, a) {
-      const h = {
+    function S(n, a) {
+      const g = {
         "step-icon": !0,
         "step-success": a,
         "k-icon": a,
         "k-i-check": a
       };
-      return c.hasOwnProperty("icon") && c.class.split(" ").reduce((D, R) => (D[R] = !0, D), h), h;
+      return n.hasOwnProperty("icon") && n.class.split(" ").reduce((D, R) => (D[R] = !0, D), g), g;
     }
-    function P(c, a) {
-      const h = [];
-      return c.icon ? h.push(y("span", {
-        class: k(c, !1)
-      }, null)) : a >= d.value || a === b.value ? h.push(y("span", {
+    function E(n, a) {
+      const g = [];
+      return n.icon ? g.push(d("span", {
+        class: S(n, !1)
+      }, null)) : a >= f.value || a === b.value ? g.push(d("span", {
         class: "step-icon"
-      }, [a + 1])) : h.push(y("span", {
-        class: k(c, !0)
-      }, null)), h;
+      }, [a + 1])) : g.push(d("span", {
+        class: S(n, !0)
+      }, null)), g;
     }
-    function T(c, a) {
+    function T(n, a) {
       return {
         "step-name": !0,
-        "step-name-success": a < d.value
+        "step-name-success": a < f.value
       };
     }
-    function $(c, a) {
-      return y("div", {
+    function $(n, a) {
+      return d("div", {
         class: "f-progress-step-title"
-      }, [y("p", {
-        class: T(c, a)
-      }, [c.title])]);
+      }, [d("p", {
+        class: T(n, a)
+      }, [n.title])]);
     }
-    function M(c, a) {
+    function M(n, a) {
       return {
         "f-progress-step-line": !0,
-        "f-progress-step-line-success": a === d.value
+        "f-progress-step-line-success": a === f.value
       };
     }
-    function r(c, a) {
-      return a !== g.value.length - 1;
+    function s(n, a) {
+      return a !== y.value.length - 1;
     }
-    const s = N(() => ({
+    const r = N(() => ({
       triangle: !0,
-      "": o.value === "vertical"
+      "": i.value === "vertical"
     }));
-    function i() {
-      return g.value.map((c, a) => y("li", {
-        class: j(c, a),
-        onClick: (h) => void 0
-      }, [y("div", {
-        class: E(c, a)
-      }, [y("div", {
+    function p() {
+      return y.value.map((n, a) => d("li", {
+        class: k(n, a),
+        onClick: (g) => void 0
+      }, [d("div", {
+        class: w(n, a)
+      }, [d("div", {
         class: "f-progress-step-content"
-      }, [P(c, a), $(c, a)]), r(c, a) && y("div", {
-        class: M(c, a)
-      }, [y("span", {
-        class: s.value
+      }, [E(n, a), $(n, a)]), s(n, a) && d("div", {
+        class: M(n, a)
+      }, [d("span", {
+        class: r.value
       }, null)])])]));
     }
-    return () => y("div", {
-      ref: n,
+    return () => d("div", {
+      ref: c,
       class: "f-progress-step"
-    }, [y("ul", {
-      class: f.value,
-      style: O.value
-    }, [i()])]);
+    }, [d("ul", {
+      class: h.value,
+      style: j.value
+    }, [p()])]);
   }
 }), be = {
   install(t) {
     t.component(A.name, A);
   },
-  register(t, e, o, l) {
+  register(t, e, i, l) {
     t.step = A, e.step = z;
   },
-  registerDesigner(t, e, o) {
-    t.step = de, e.step = z;
+  registerDesigner(t, e, i) {
+    t.step = ge, e.step = z;
   }
 };
 export {