@farris/ui-vue 1.2.7 → 1.2.8

package/components/capsule/index.esm.js

@@ -1,6 +1,6 @@
-import { defineComponent as F, ref as y, watch as D, computed as S, onMounted as P, createVNode as A, nextTick as T, inject as H } from "vue";
+import { defineComponent as F, ref as y, watch as D, computed as M, onMounted as P, createVNode as A, nextTick as T, inject as H } from "vue";
 import { cloneDeep as Q } from "lodash-es";
-import { withInstall as U } from "@farris/ui-vue/components/common";
+import { withInstall as U } from "../common/index.esm.js";
 const X = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-design.gitee.io/capsule.schema.json", Z = "capsule", I = "A Farris Component", K = "object", x = {
   id: {
     description: "The unique identifier for a capsule",
@@ -76,40 +76,40 @@ const X = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
   required: ee
 }, q = {}, _ = {};
 function W(n) {
-  const { properties: e, title: u } = n, l = Object.keys(e).reduce((r, o) => (r[o] = e[o].type === "object" && e[o].properties ? W(e[o]) : Q(e[o].default), r), {});
-  return l.id = `${u}-${Date.now()}`, l;
+  const { properties: e, title: r } = n, l = Object.keys(e).reduce((u, o) => (u[o] = e[o].type === "object" && e[o].properties ? W(e[o]) : Q(e[o].default), u), {});
+  return l.id = `${r}-${Date.now()}`, l;
 }
 function N(n, e = {}) {
-  const u = q[n];
-  if (u) {
-    let l = W(u);
-    const r = _[n];
-    return l = r ? r({ getSchemaByType: N }, l, e) : l, l;
+  const r = q[n];
+  if (r) {
+    let l = W(r);
+    const u = _[n];
+    return l = u ? u({ getSchemaByType: N }, l, e) : l, l;
   }
   return null;
 }
 function ne(n, e) {
-  const u = W(e);
-  return Object.keys(n).reduce((l, r) => (l[r] = n[r], l), u), u;
+  const r = W(e);
+  return Object.keys(n).reduce((l, u) => (l[u] && typeof l[u] == "object" ? Object.assign(l[u], n[u]) : l[u] = n[u], l), r), r;
 }
 function ae(n, e) {
-  return Object.keys(n).filter((l) => n[l] != null).reduce((l, r) => {
-    if (e.has(r)) {
-      const o = e.get(r);
+  return Object.keys(n).filter((l) => n[l] != null).reduce((l, u) => {
+    if (e.has(u)) {
+      const o = e.get(u);
       if (typeof o == "string")
-        l[o] = n[r];
+        l[o] = n[u];
       else {
-        const d = o(r, n[r], n);
+        const d = o(u, n[u], n);
         Object.assign(l, d);
       }
     } else
-      l[r] = n[r];
+      l[u] = n[u];
     return l;
   }, {});
 }
-function le(n, e, u = /* @__PURE__ */ new Map()) {
+function le(n, e, r = /* @__PURE__ */ new Map()) {
   const l = ne(n, e);
-  return ae(l, u);
+  return ae(l, r);
 }
 function se(n = {}) {
   function e(s, p, i, f) {
@@ -126,15 +126,15 @@ function se(n = {}) {
     }
     return !1;
   }
-  function u(s, p, i, f) {
+  function r(s, p, i, f) {
     return f[s] && f[s].propertyValue && String(f[s].propertyValue.value) === String(i);
   }
   const l = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", u]
+    ["getProperty", r]
   ]);
   Object.keys(n).reduce((s, p) => (s.set(p, n[p]), s), l);
-  function r(s, p) {
+  function u(s, p) {
     const i = s;
     return typeof p == "number" ? [{ target: i, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: i, operator: "getProperty", param: s, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
       if (f === "length")
@@ -145,7 +145,7 @@ function se(n = {}) {
   }
   function o(s) {
     return Object.keys(s).reduce((i, f) => {
-      const h = r(f, s[f]);
+      const h = u(f, s[f]);
       return i.push(...h), i;
     }, []);
   }
@@ -156,21 +156,21 @@ function se(n = {}) {
     }
     return !1;
   }
-  function O(s, p) {
+  function j(s, p) {
     return o(s).reduce((h, g) => h && d(g, p), !0);
   }
-  function M(s, p) {
-    const i = Object.keys(s), f = i.includes("allOf"), h = i.includes("anyOf"), g = f || h, C = (g ? s[g ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((V) => O(V, p));
-    return f ? !C.includes(!1) : C.includes(!0);
+  function S(s, p) {
+    const i = Object.keys(s), f = i.includes("allOf"), h = i.includes("anyOf"), g = f || h, V = (g ? s[g ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((C) => j(C, p));
+    return f ? !V.includes(!1) : V.includes(!0);
   }
-  return { parseValueSchema: M };
+  return { parseValueSchema: S };
 }
-const ce = {}, re = {};
+const ce = {}, ue = {};
 se();
-function ue(n, e, u = /* @__PURE__ */ new Map(), l = (d, O, M) => O, r = {}, o = (d) => d) {
-  return q[e.title] = e, _[e.title] = l, ce[e.title] = r, re[e.title] = o, (d = {}) => {
-    const O = le(d, e, u), M = Object.keys(n).reduce((s, p) => (s[p] = n[p].default, s), {});
-    return Object.assign(M, O);
+function re(n, e, r = /* @__PURE__ */ new Map(), l = (d, j, S) => j, u = {}, o = (d) => d) {
+  return q[e.title] = e, _[e.title] = l, ce[e.title] = u, ue[e.title] = o, (d = {}) => {
+    const j = le(d, e, r), S = Object.keys(n).reduce((s, p) => (s[p] = n[p].default, s), {});
+    return Object.assign(S, j);
   };
 }
 function oe(n, e) {
@@ -179,7 +179,7 @@ function oe(n, e) {
 const ie = /* @__PURE__ */ new Map([
   ["appearance", oe]
 ]);
-function pe(n, e, u) {
+function pe(n, e, r) {
   return e;
 }
 const fe = "capsule", de = "A Farris Component", ve = "object", me = {
@@ -230,22 +230,22 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
   index: { type: Number, default: 0 },
   show: { type: Boolean, default: !0 },
   disabled: { type: Boolean, default: !1 }
-}, J = ue(L, te, ie, pe, ye), z = /* @__PURE__ */ F({
+}, J = re(L, te, ie, pe, ye), z = /* @__PURE__ */ F({
   name: "FCapsuleItem",
   props: he,
   emits: ["mounted", "active"],
   setup(n, e) {
-    const u = y(), l = y(n.isActive);
+    const r = y(), l = y(n.isActive);
     D(() => n.isActive, (d) => {
       l.value = d;
     });
-    const r = S(() => ({
+    const u = M(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": l.value,
       "f-capsule-disabled": n.disabled
     }));
     P(() => {
-      e.emit("mounted", u, n.value);
+      e.emit("mounted", r, n.value);
     });
     function o(d) {
       n.disabled || e.emit("active", d, {
@@ -254,8 +254,8 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
       });
     }
     return () => A("div", {
-      ref: u,
-      class: r.value,
+      ref: r,
+      class: u.value,
       onClick: (d) => o(d)
     }, [n.icon && A("i", {
       class: n.icon
@@ -266,55 +266,55 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
   props: L,
   emits: ["change", "update:modelValue"],
   setup(n, e) {
-    const u = y(n.items), l = y(), r = 2, o = y(n.modelValue), d = y("none"), O = y(n.type), M = S(() => {
+    const r = y(n.items), l = y(), u = 2, o = y(n.modelValue), d = y("none"), j = y(n.type), S = M(() => {
       const a = {
         "f-capsule-container": !0
       };
-      return O.value && (a[O.value] = !0), a;
-    }), s = S(() => ({})), p = S(() => ({
+      return j.value && (a[j.value] = !0), a;
+    }), s = M(() => ({})), p = M(() => ({
       "f-capsule": !0
-    })), i = y(r), f = y(0), h = y(0), g = S(() => ({
+    })), i = y(u), f = y(0), h = y(0), g = M(() => ({
       left: `${i.value}px`,
       width: `${f.value}px`,
       transition: d.value
-    })), R = S(() => ({
+    })), R = M(() => ({
       width: `${h.value}px`
-    })), j = /* @__PURE__ */ new Map();
-    function C(a) {
+    })), O = /* @__PURE__ */ new Map();
+    function V(a) {
       var t;
-      if (j.has(a.value)) {
-        const c = (t = j.get(a.value)) == null ? void 0 : t.value;
+      if (O.has(a.value)) {
+        const c = (t = O.get(a.value)) == null ? void 0 : t.value;
         if (c) {
           const m = c.getBoundingClientRect(), B = l.value.getBoundingClientRect();
-          i.value = m.left - B.left + r + l.value.scrollLeft, f.value = m.width - 2 * r;
+          i.value = m.left - B.left + u + l.value.scrollLeft, f.value = m.width - 2 * u;
         }
       }
     }
     function w(a, t) {
       const c = a.value;
-      o.value = c, e.emit("update:modelValue", c), C(a), t && e.emit("change", c);
+      o.value = c, e.emit("update:modelValue", c), V(a), t && e.emit("change", c);
     }
-    function V(a) {
-      const t = u.value.findIndex((c) => c.value === a);
-      t > -1 && w(u.value[t], !1);
+    function C(a) {
+      const t = r.value.findIndex((c) => c.value === a);
+      t > -1 && w(r.value[t], !1);
     }
     D(() => n.modelValue, (a) => {
-      o.value = a, V(o.value);
+      o.value = a, C(o.value);
     }), D(() => n.items, async (a) => {
       const t = a.filter((c) => c.show);
-      v(t), u.value = t, await T(), V(o.value), h.value = Array.from(j.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
+      v(t), r.value = t, await T(), C(o.value), h.value = Array.from(O.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
     }), P(async () => {
-      V(o.value), await T(), d.value = "0.1s ease-out all", h.value = Array.from(j.values()).reduce((a, t) => (a += t.value.clientWidth, a), 0);
+      C(o.value), await T(), d.value = "0.1s ease-out all", h.value = Array.from(O.values()).reduce((a, t) => (a += t.value.clientWidth, a), 0);
     });
     function $(a, t) {
       w(t, !0);
     }
     function E(a, t) {
-      j.set(t, a);
+      O.set(t, a);
     }
     function v(a) {
-      Array.from(j.keys()).forEach((t) => {
-        a.find((m) => m.value === t) || j.delete(t);
+      Array.from(O.keys()).forEach((t) => {
+        a.find((m) => m.value === t) || O.delete(t);
       });
     }
     function b(a, t) {
@@ -331,11 +331,11 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     }
     return () => A("span", {
       ref: l,
-      class: M.value,
+      class: S.value,
       style: s.value
     }, [A("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((a, t) => b(a, t))]), A("small", {
+    }, [r.value.map((a, t) => b(a, t))]), A("small", {
       class: p.value,
       style: g.value
     }, null), A("div", {
@@ -344,15 +344,15 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     }, null)]);
   }
 });
-function ge(n, e, u) {
+function ge(n, e, r) {
   var E;
   function l() {
   }
-  const r = "", o = "", d = y();
-  function O() {
+  const u = "", o = "", d = y();
+  function j() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function M() {
+  function S() {
     return !1;
   }
   function s() {
@@ -374,16 +374,16 @@ function ge(n, e, u) {
     return !b || !b.value ? null : b.value.canMove ? a : f(v.parent);
   }
   function h(v) {
-    return !!u;
+    return !!r;
   }
   function g() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function R() {
   }
-  function j(v, b) {
+  function O(v, b) {
   }
-  function C(v) {
+  function V(v) {
     const { componentType: b } = v;
     let a = N(b, v);
     const t = b.toLowerCase().replace("-", "_");
@@ -396,20 +396,20 @@ function ge(n, e, u) {
     const B = a.toLowerCase().replace("-", "_");
     return m && !m.id && m.type === a && (m.id = `${B}_${Math.random().toString().slice(2, 6)}`), m;
   }
-  function V(v) {
+  function C(v) {
   }
   function $(...v) {
   }
   return d.value = {
-    canMove: O(),
-    canSelectParent: M(),
+    canMove: j(),
+    canSelectParent: S(),
     canDelete: s(),
     canNested: !p(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
     parent: (E = e == null ? void 0 : e.parent) == null ? void 0 : E.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: r,
+    styles: u,
     designerClass: o,
     canAccepts: h,
     getBelongedComponentInstance: i,
@@ -417,10 +417,10 @@ function ge(n, e, u) {
     getDraggingDisplayText: g,
     getPropConfig: $,
     getDragScopeElement: R,
-    onAcceptMovedChildElement: j,
+    onAcceptMovedChildElement: O,
     onAcceptNewChildElement: w,
-    onChildElementMovedOut: V,
-    addNewChildComponentSchema: C,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: V,
     updateDragAndDropRules: l,
     triggerBelongedComponentToMoveWhenMoved: y(!1),
     triggerBelongedComponentToDeleteWhenDeleted: y(!1)
@@ -431,46 +431,46 @@ const be = /* @__PURE__ */ F({
   props: L,
   emits: ["change", "update:modelValue"],
   setup(n, e) {
-    const u = y(n.items), l = y(), r = 2, o = y(n.modelValue), d = y("none"), O = y(n.type), M = H("design-item-context"), s = ge(l, M);
+    const r = y(n.items), l = y(), u = 2, o = y(n.modelValue), d = y("none"), j = y(n.type), S = H("design-item-context"), s = ge(l, S);
     P(() => {
       l.value.componentInstance = s;
     }), e.expose(s.value);
-    const p = S(() => {
+    const p = M(() => {
       const t = {
         "f-capsule-container": !0
       };
-      return O.value && (t[O.value] = !0), t;
-    }), i = S(() => ({})), f = S(() => ({
+      return j.value && (t[j.value] = !0), t;
+    }), i = M(() => ({})), f = M(() => ({
       "f-capsule": !0
-    })), h = y(r), g = y(0), R = y(0), j = S(() => ({
+    })), h = y(u), g = y(0), R = y(0), O = M(() => ({
       left: `${h.value}px`,
       width: `${g.value}px`,
       transition: d.value
-    })), C = S(() => ({
+    })), V = M(() => ({
       width: `${R.value}px`
     })), w = /* @__PURE__ */ new Map();
-    function V(t) {
+    function C(t) {
       var c;
       if (w.has(t.value)) {
         const m = (c = w.get(t.value)) == null ? void 0 : c.value;
         if (m) {
           const B = m.getBoundingClientRect(), G = l.value.getBoundingClientRect();
-          h.value = B.left - G.left + r + l.value.scrollLeft, g.value = B.width - 2 * r;
+          h.value = B.left - G.left + u + l.value.scrollLeft, g.value = B.width - 2 * u;
         }
       }
     }
     function $(t, c) {
       const m = t.value;
-      o.value = m, e.emit("update:modelValue", m), V(t), c && e.emit("change", m);
+      o.value = m, e.emit("update:modelValue", m), C(t), c && e.emit("change", m);
     }
     function E(t) {
-      const c = u.value.findIndex((m) => m.value === t);
-      c > -1 && $(u.value[c], !1);
+      const c = r.value.findIndex((m) => m.value === t);
+      c > -1 && $(r.value[c], !1);
     }
     D(() => n.modelValue, (t) => {
       o.value = t, E(o.value);
     }), D(() => n.items, async (t) => {
-      u.value = t, await T(), E(o.value), R.value = Array.from(w.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
+      r.value = t, await T(), E(o.value), R.value = Array.from(w.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
     }), P(async () => {
       E(o.value), await T(), d.value = "0.1s ease-out all", R.value = Array.from(w.values()).reduce((t, c) => (t += c.value.clientWidth, t), 0);
     });
@@ -496,19 +496,19 @@ const be = /* @__PURE__ */ F({
       style: i.value
     }, [A("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((t, c) => a(t, c))]), A("small", {
+    }, [r.value.map((t, c) => a(t, c))]), A("small", {
       class: f.value,
-      style: j.value
+      style: O.value
     }, null), A("div", {
       class: "f-capsule-board",
-      style: C.value
+      style: V.value
     }, null)]);
   }
 });
-k.register = (n, e, u) => {
+k.register = (n, e, r) => {
   n.capsule = k, e.capsule = J;
 };
-k.registerDesigner = (n, e, u) => {
+k.registerDesigner = (n, e, r) => {
   n.capsule = be, e.capsule = J;
 };
 const we = U(k);