@farris/ui-vue 1.2.9 → 1.3.0

package/components/capsule/index.esm.js

@@ -1,7 +1,7 @@
-import { defineComponent as F, ref as y, watch as D, computed as S, onMounted as P, createVNode as w, nextTick as T, inject as H } from "vue";
-import { cloneDeep as Q } from "lodash-es";
-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 = {
+import { defineComponent as F, ref as y, watch as D, computed as S, onMounted as P, createVNode as w, nextTick as T, inject as Q } from "vue";
+import { isPlainObject as q, cloneDeep as U } from "lodash-es";
+import { withInstall as X } from "../common/index.esm.js";
+const Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-design.gitee.io/capsule.schema.json", I = "capsule", K = "A Farris Component", x = "object", ee = {
   id: {
     description: "The unique identifier for a capsule",
     type: "string"
@@ -63,55 +63,55 @@ const X = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
     type: "boolean",
     default: !0
   }
-}, ee = [
+}, te = [
   "id",
   "type"
-], te = {
-  $schema: X,
-  $id: Y,
-  title: Z,
-  description: I,
-  type: K,
-  properties: x,
-  required: ee
-}, q = {}, _ = {};
+], ne = {
+  $schema: Y,
+  $id: Z,
+  title: I,
+  description: K,
+  type: x,
+  properties: ee,
+  required: te
+}, _ = {}, J = {};
 function W(n) {
-  const { properties: e, title: u, ignore: l } = n, c = l && Array.isArray(l), o = Object.keys(e).reduce((i, g) => ((!c || !l.find((O) => O == g)) && (i[g] = e[g].type === "object" && e[g].properties ? W(e[g]) : Q(e[g].default)), i), {});
-  return (!c || !l.find((i) => i == "id")) && (o.id = `${u}-${Date.now()}`), o;
+  const { properties: e, title: u, ignore: l } = n, s = l && Array.isArray(l), o = Object.keys(e).reduce((i, g) => ((!s || !l.find((j) => j == g)) && (i[g] = e[g].type === "object" && e[g].properties ? W(e[g]) : U(e[g].default)), i), {});
+  return (!s || !l.find((i) => i == "id")) && (o.id = `${u}-${Date.now()}`), o;
 }
 function N(n, e = {}, u) {
-  const l = q[n];
+  const l = _[n];
   if (l) {
-    let c = W(l);
-    const o = _[n];
-    return c = o ? o({ getSchemaByType: N }, c, e, u) : c, c;
+    let s = W(l);
+    const o = J[n];
+    return s = o ? o({ getSchemaByType: N }, s, e, u) : s, s;
   }
   return null;
 }
-function ne(n, e) {
+function ae(n, e) {
   const u = W(e);
-  return Object.keys(n).reduce((l, c) => (l[c] && typeof l[c] == "object" ? Object.assign(l[c], n[c]) : l[c] = n[c], l), u), u;
+  return Object.keys(n).reduce((l, s) => (l[s] && q(l[s]) && q(n[s]) ? Object.assign(l[s], n[s]) : l[s] = n[s], l), u), u;
 }
-function ae(n, e) {
-  return Object.keys(n).filter((l) => n[l] != null).reduce((l, c) => {
-    if (e.has(c)) {
-      const o = e.get(c);
+function le(n, e) {
+  return Object.keys(n).filter((l) => n[l] != null).reduce((l, s) => {
+    if (e.has(s)) {
+      const o = e.get(s);
       if (typeof o == "string")
-        l[o] = n[c];
+        l[o] = n[s];
       else {
-        const i = o(c, n[c], n);
+        const i = o(s, n[s], n);
         Object.assign(l, i);
       }
     } else
-      l[c] = n[c];
+      l[s] = n[s];
     return l;
   }, {});
 }
-function le(n, e, u = /* @__PURE__ */ new Map()) {
-  const l = ne(n, e);
-  return ae(l, u);
+function se(n, e, u = /* @__PURE__ */ new Map()) {
+  const l = ae(n, e);
+  return le(l, u);
 }
-function se(n = {}) {
+function ce(n = {}) {
   function e(r, f, p, d) {
     if (typeof p == "number")
       return d[r].length === p;
@@ -134,7 +134,7 @@ function se(n = {}) {
     ["getProperty", u]
   ]);
   Object.keys(n).reduce((r, f) => (r.set(f, n[f]), r), l);
-  function c(r, f) {
+  function s(r, f) {
     const p = r;
     return typeof f == "number" ? [{ target: p, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: p, operator: "getProperty", param: r, value: !!f }] : typeof f == "object" ? Object.keys(f).map((d) => {
       if (d === "length")
@@ -145,7 +145,7 @@ function se(n = {}) {
   }
   function o(r) {
     return Object.keys(r).reduce((p, d) => {
-      const h = c(d, r[d]);
+      const h = s(d, r[d]);
       return p.push(...h), p;
     }, []);
   }
@@ -159,30 +159,30 @@ function se(n = {}) {
   function g(r, f) {
     return o(r).reduce((h, b) => h && i(b, f), !0);
   }
-  function O(r, f) {
+  function j(r, f) {
     const p = Object.keys(r), d = p.includes("allOf"), h = p.includes("anyOf"), b = d || h, V = (b ? r[b ? d ? "allOf" : "anyOf" : "allOf"] : [r]).map((C) => g(C, f));
     return d ? !V.includes(!1) : V.includes(!0);
   }
-  return { parseValueSchema: O };
+  return { parseValueSchema: j };
 }
-const ce = {}, re = {};
-se();
-function ue(n, e, u = /* @__PURE__ */ new Map(), l = (i, g, O) => g, c = {}, o = (i) => i) {
-  return q[e.title] = e, _[e.title] = l, ce[e.title] = c, re[e.title] = o, (i = {}) => {
-    const g = le(i, e, u), O = Object.keys(n).reduce((r, f) => (r[f] = n[f].default, r), {});
-    return Object.assign(O, g);
+const re = {}, ue = {};
+ce();
+function oe(n, e, u = /* @__PURE__ */ new Map(), l = (i, g, j) => g, s = {}, o = (i) => i) {
+  return _[e.title] = e, J[e.title] = l, re[e.title] = s, ue[e.title] = o, (i = {}) => {
+    const g = se(i, e, u), j = Object.keys(n).reduce((r, f) => (r[f] = n[f].default, r), {});
+    return Object.assign(j, g);
   };
 }
-function oe(n, e) {
+function ie(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ie = /* @__PURE__ */ new Map([
-  ["appearance", oe]
+const pe = /* @__PURE__ */ new Map([
+  ["appearance", ie]
 ]);
-function pe(n, e, u) {
+function fe(n, e, u) {
   return e;
 }
-const fe = "capsule", de = "A Farris Component", ve = "object", me = {
+const de = "capsule", ve = "A Farris Component", me = "object", ye = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -204,11 +204,11 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
       }
     }
   }
-}, ye = {
-  title: fe,
-  description: de,
-  type: ve,
-  categories: me
+}, he = {
+  title: de,
+  description: ve,
+  type: me,
+  categories: ye
 }, L = {
   items: {
     Type: Array,
@@ -222,7 +222,7 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
    */
   modelValue: { type: String, default: "" },
   type: { type: String, default: "primary" }
-}, he = {
+}, ge = {
   name: { type: String, default: "" },
   value: { type: String, default: "" },
   isActive: { type: Boolean, default: !1 },
@@ -230,16 +230,16 @@ 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({
+}, z = oe(L, ne, pe, fe, he), G = /* @__PURE__ */ F({
   name: "FCapsuleItem",
-  props: he,
+  props: ge,
   emits: ["mounted", "active"],
   setup(n, e) {
     const u = y(), l = y(n.isActive);
     D(() => n.isActive, (i) => {
       l.value = i;
     });
-    const c = S(() => ({
+    const s = S(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": l.value,
       "f-capsule-disabled": n.disabled
@@ -255,7 +255,7 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     }
     return () => w("div", {
       ref: u,
-      class: c.value,
+      class: s.value,
       onClick: (i) => o(i)
     }, [n.icon && w("i", {
       class: n.icon
@@ -266,14 +266,14 @@ 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(), c = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), O = S(() => {
+    const u = y(n.items), l = y(), s = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), j = S(() => {
       const a = {
         "f-capsule-container": !0
       };
       return g.value && (a[g.value] = !0), a;
     }), r = S(() => ({})), f = S(() => ({
       "f-capsule": !0
-    })), p = y(c), d = y(0), h = y(0), b = S(() => ({
+    })), p = y(s), d = y(0), h = y(0), b = S(() => ({
       left: `${p.value}px`,
       width: `${d.value}px`,
       transition: i.value
@@ -283,26 +283,26 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     function V(a) {
       var t;
       if (A.has(a.value)) {
-        const s = (t = A.get(a.value)) == null ? void 0 : t.value;
-        if (s) {
-          const m = s.getBoundingClientRect(), B = l.value.getBoundingClientRect();
-          p.value = m.left - B.left + c + l.value.scrollLeft, d.value = m.width - 2 * c;
+        const c = (t = A.get(a.value)) == null ? void 0 : t.value;
+        if (c) {
+          const m = c.getBoundingClientRect(), B = l.value.getBoundingClientRect();
+          p.value = m.left - B.left + s + l.value.scrollLeft, d.value = m.width - 2 * s;
         }
       }
     }
     function M(a, t) {
-      const s = a.value;
-      o.value = s, e.emit("update:modelValue", s), V(a), t && e.emit("change", s);
+      const c = a.value;
+      o.value = c, e.emit("update:modelValue", c), V(a), t && e.emit("change", c);
     }
     function C(a) {
-      const t = u.value.findIndex((s) => s.value === a);
+      const t = u.value.findIndex((c) => c.value === a);
       t > -1 && M(u.value[t], !1);
     }
     D(() => n.modelValue, (a) => {
       o.value = a, C(o.value);
     }), D(() => n.items, async (a) => {
-      const t = a.filter((s) => s.show);
-      v(t), u.value = t, await T(), C(o.value), h.value = Array.from(A.values()).reduce((s, m) => (s += m.value.clientWidth, s), 0);
+      const t = a.filter((c) => c.show);
+      v(t), u.value = t, await T(), C(o.value), h.value = Array.from(A.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
     }), P(async () => {
       C(o.value), await T(), i.value = "0.1s ease-out all", h.value = Array.from(A.values()).reduce((a, t) => (a += t.value.clientWidth, a), 0);
     });
@@ -317,8 +317,8 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
         a.find((m) => m.value === t) || A.delete(t);
       });
     }
-    function j(a, t) {
-      return w(z, {
+    function O(a, t) {
+      return w(G, {
         name: a.name,
         value: a.value,
         isActive: a.value === o.value,
@@ -331,11 +331,11 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     }
     return () => w("span", {
       ref: l,
-      class: O.value,
+      class: j.value,
       style: r.value
     }, [w("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((a, t) => j(a, t))]), w("small", {
+    }, [u.value.map((a, t) => O(a, t))]), w("small", {
       class: f.value,
       style: b.value
     }, null), w("div", {
@@ -344,15 +344,15 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
     }, null)]);
   }
 });
-function ge(n, e, u) {
+function be(n, e, u) {
   var E;
   function l() {
   }
-  const c = "", o = "", i = y();
+  const s = "", o = "", i = y();
   function g() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function O() {
+  function j() {
     return !1;
   }
   function r() {
@@ -366,12 +366,12 @@ function ge(n, e, u) {
       return null;
     if (v.value.schema && v.value.schema.type === "component")
       return v.value;
-    const j = y(v == null ? void 0 : v.value.parent), a = p(j);
+    const O = y(v == null ? void 0 : v.value.parent), a = p(O);
     return a || null;
   }
   function d(v = e) {
-    const { componentInstance: j, designerItemElementRef: a } = v;
-    return !j || !j.value ? null : j.value.canMove ? a : d(v.parent);
+    const { componentInstance: O, designerItemElementRef: a } = v;
+    return !O || !O.value ? null : O.value.canMove ? a : d(v.parent);
   }
   function h(v) {
     return !!u;
@@ -381,18 +381,18 @@ function ge(n, e, u) {
   }
   function R() {
   }
-  function A(v, j) {
+  function A(v, O) {
   }
-  function V(v, j) {
+  function V(v, O) {
     const { componentType: a } = v;
-    let t = N(a, v, j);
-    const s = a.toLowerCase().replace("-", "_");
-    return t && !t.id && t.type === a && (t.id = `${s}_${Math.random().toString().slice(2, 6)}`), t;
+    let t = N(a, v, O);
+    const c = a.toLowerCase().replace("-", "_");
+    return t && !t.id && t.type === a && (t.id = `${c}_${Math.random().toString().slice(2, 6)}`), t;
   }
-  function M(v, j) {
-    const a = String(v.getAttribute("data-controltype")), t = v.getAttribute("data-feature"), s = t ? JSON.parse(t) : {};
-    s.parentComponentInstance = i.value;
-    let m = N(a, s);
+  function M(v, O) {
+    const a = String(v.getAttribute("data-controltype")), t = v.getAttribute("data-feature"), c = t ? JSON.parse(t) : {};
+    c.parentComponentInstance = i.value;
+    let m = N(a, c);
     const B = a.toLowerCase().replace("-", "_");
     return m && !m.id && m.type === a && (m.id = `${B}_${Math.random().toString().slice(2, 6)}`), m;
   }
@@ -402,14 +402,14 @@ function ge(n, e, u) {
   }
   return i.value = {
     canMove: g(),
-    canSelectParent: O(),
+    canSelectParent: j(),
     canDelete: r(),
     canNested: !f(),
     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: c,
+    styles: s,
     designerClass: o,
     canAccepts: h,
     getBelongedComponentInstance: p,
@@ -426,12 +426,12 @@ function ge(n, e, u) {
     triggerBelongedComponentToDeleteWhenDeleted: y(!1)
   }, i;
 }
-const be = /* @__PURE__ */ F({
+const Oe = /* @__PURE__ */ F({
   name: "FCapsuleDesign",
   props: L,
   emits: ["change", "update:modelValue"],
   setup(n, e) {
-    const u = y(n.items), l = y(), c = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), O = H("design-item-context"), r = ge(l, O);
+    const u = y(n.items), l = y(), s = 2, o = y(n.modelValue), i = y("none"), g = y(n.type), j = Q("design-item-context"), r = be(l, j);
     P(() => {
       l.value.componentInstance = r;
     }), e.expose(r.value);
@@ -442,7 +442,7 @@ const be = /* @__PURE__ */ F({
       return g.value && (t[g.value] = !0), t;
     }), p = S(() => ({})), d = S(() => ({
       "f-capsule": !0
-    })), h = y(c), b = y(0), R = y(0), A = S(() => ({
+    })), h = y(s), b = y(0), R = y(0), A = S(() => ({
       left: `${h.value}px`,
       width: `${b.value}px`,
       transition: i.value
@@ -450,43 +450,43 @@ const be = /* @__PURE__ */ F({
       width: `${R.value}px`
     })), M = /* @__PURE__ */ new Map();
     function C(t) {
-      var s;
+      var c;
       if (M.has(t.value)) {
-        const m = (s = M.get(t.value)) == null ? void 0 : s.value;
+        const m = (c = M.get(t.value)) == null ? void 0 : c.value;
         if (m) {
-          const B = m.getBoundingClientRect(), G = l.value.getBoundingClientRect();
-          h.value = B.left - G.left + c + l.value.scrollLeft, b.value = B.width - 2 * c;
+          const B = m.getBoundingClientRect(), H = l.value.getBoundingClientRect();
+          h.value = B.left - H.left + s + l.value.scrollLeft, b.value = B.width - 2 * s;
         }
       }
     }
-    function $(t, s) {
+    function $(t, c) {
       const m = t.value;
-      o.value = m, e.emit("update:modelValue", m), C(t), s && e.emit("change", m);
+      o.value = m, e.emit("update:modelValue", m), C(t), c && e.emit("change", m);
     }
     function E(t) {
-      const s = u.value.findIndex((m) => m.value === t);
-      s > -1 && $(u.value[s], !1);
+      const c = u.value.findIndex((m) => m.value === t);
+      c > -1 && $(u.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(M.values()).reduce((s, m) => (s += m.value.clientWidth, s), 0);
+      u.value = t, await T(), E(o.value), R.value = Array.from(M.values()).reduce((c, m) => (c += m.value.clientWidth, c), 0);
     }), P(async () => {
-      E(o.value), await T(), i.value = "0.1s ease-out all", R.value = Array.from(M.values()).reduce((t, s) => (t += s.value.clientWidth, t), 0);
+      E(o.value), await T(), i.value = "0.1s ease-out all", R.value = Array.from(M.values()).reduce((t, c) => (t += c.value.clientWidth, t), 0);
     });
-    function v(t, s) {
-      $(s, !0);
+    function v(t, c) {
+      $(c, !0);
     }
-    function j(t, s) {
-      M.set(s, t);
+    function O(t, c) {
+      M.set(c, t);
     }
-    function a(t, s) {
-      return w(z, {
+    function a(t, c) {
+      return w(G, {
         name: t.name,
         value: t.value,
         isActive: t.value === o.value,
-        index: s,
-        onMounted: j,
+        index: c,
+        onMounted: O,
         onActive: v
       }, null);
     }
@@ -496,7 +496,7 @@ const be = /* @__PURE__ */ F({
       style: p.value
     }, [w("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((t, s) => a(t, s))]), w("small", {
+    }, [u.value.map((t, c) => a(t, c))]), w("small", {
       class: d.value,
       style: A.value
     }, null), w("div", {
@@ -506,16 +506,16 @@ const be = /* @__PURE__ */ F({
   }
 });
 k.register = (n, e, u) => {
-  n.capsule = k, e.capsule = J;
+  n.capsule = k, e.capsule = z;
 };
 k.registerDesigner = (n, e, u) => {
-  n.capsule = be, e.capsule = J;
+  n.capsule = Oe, e.capsule = z;
 };
-const we = U(k);
+const Me = X(k);
 export {
   k as FCapsule,
-  he as capsuleItemProps,
+  ge as capsuleItemProps,
   L as capsuleProps,
-  we as default,
-  J as propsResolver
+  Me as default,
+  z as propsResolver
 };

package/components/capsule/index.umd.cjs

@@ -1 +1 @@
-(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O.capsule={},O.Vue,O.LodashES,O.common))})(this,function(O,t,W,_){"use strict";const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},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={},F={};function P(a){const{properties:e,title:u,ignore:s}=a,l=s&&Array.isArray(s),i=Object.keys(e).reduce((p,g)=>((!l||!s.find(V=>V==g))&&(p[g]=e[g].type==="object"&&e[g].properties?P(e[g]):W.cloneDeep(e[g].default)),p),{});return(!l||!s.find(p=>p=="id"))&&(i.id=`${u}-${Date.now()}`),i}function B(a,e={},u){const s=k[a];if(s){let l=P(s);const i=F[a];return l=i?i({getSchemaByType:B},l,e,u):l,l}return null}function z(a,e){const u=P(e);return Object.keys(a).reduce((s,l)=>(s[l]&&typeof s[l]=="object"?Object.assign(s[l],a[l]):s[l]=a[l],s),u),u}function G(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,l)=>{if(e.has(l)){const i=e.get(l);if(typeof i=="string")s[i]=a[l];else{const p=i(l,a[l],a);Object.assign(s,p)}}else s[l]=a[l];return s},{})}function H(a,e,u=new Map){const s=z(a,e);return G(s,u)}function Q(a={}){function e(o,d,f,m){if(typeof f=="number")return m[o].length===f;if(typeof f=="object"){const v=Object.keys(f)[0],b=f[v];if(v==="not")return Number(m[o].length)!==Number(b);if(v==="moreThan")return Number(m[o].length)>=Number(b);if(v==="lessThan")return Number(m[o].length)<=Number(b)}return!1}function u(o,d,f,m){return m[o]&&m[o].propertyValue&&String(m[o].propertyValue.value)===String(f)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((o,d)=>(o.set(d,a[d]),o),s);function l(o,d){const f=o;return typeof d=="number"?[{target:f,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:f,operator:"getProperty",param:o,value:!!d}]:typeof d=="object"?Object.keys(d).map(m=>{if(m==="length")return{target:f,operator:"length",param:null,value:d[m]};const v=m,b=d[m];return{target:f,operator:"getProperty",param:v,value:b}}):[]}function i(o){return Object.keys(o).reduce((f,m)=>{const v=l(m,o[m]);return f.push(...v),f},[])}function p(o,d){if(s.has(o.operator)){const f=s.get(o.operator);return f&&f(o.target,o.param,o.value,d)||!1}return!1}function g(o,d){return i(o).reduce((v,b)=>v&&p(b,d),!0)}function V(o,d){const f=Object.keys(o),m=f.includes("allOf"),v=f.includes("anyOf"),b=m||v,C=(b?o[b?m?"allOf":"anyOf":"allOf"]:[o]).map(S=>g(S,d));return m?!C.includes(!1):C.includes(!0)}return{parseValueSchema:V}}const U={},X={};Q();function Y(a,e,u=new Map,s=(p,g,V)=>g,l={},i=p=>p){return k[e.title]=e,F[e.title]=s,U[e.title]=l,X[e.title]=i,(p={})=>{const g=H(p,e,u),V=Object.keys(a).reduce((o,d)=>(o[d]=a[d].default,o),{});return Object.assign(V,g)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",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={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},q={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},D=Y(E,J,I,K,x),L=t.defineComponent({name:"FCapsuleItem",props:q,emits:["mounted","active"],setup(a,e){const u=t.ref(),s=t.ref(a.isActive);t.watch(()=>a.isActive,p=>{s.value=p});const l=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(p){a.disabled||e.emit("active",p,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:l.value,onClick:p=>i(p)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),T=t.defineComponent({name:"FCapsule",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),l=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.computed(()=>{const c={"f-capsule-container":!0};return g.value&&(c[g.value]=!0),c}),o=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),f=t.ref(l),m=t.ref(0),v=t.ref(0),b=t.computed(()=>({left:`${f.value}px`,width:`${m.value}px`,transition:p.value})),A=t.computed(()=>({width:`${v.value}px`})),w=new Map;function C(c){var n;if(w.has(c.value)){const r=(n=w.get(c.value))==null?void 0:n.value;if(r){const h=r.getBoundingClientRect(),R=s.value.getBoundingClientRect();f.value=h.left-R.left+l+s.value.scrollLeft,m.value=h.width-2*l}}}function M(c,n){const r=c.value;i.value=r,e.emit("update:modelValue",r),C(c),n&&e.emit("change",r)}function S(c){const n=u.value.findIndex(r=>r.value===c);n>-1&&M(u.value[n],!1)}t.watch(()=>a.modelValue,c=>{i.value=c,S(i.value)}),t.watch(()=>a.items,async c=>{const n=c.filter(r=>r.show);y(n),u.value=n,await t.nextTick(),S(i.value),v.value=Array.from(w.values()).reduce((r,h)=>(r+=h.value.clientWidth,r),0)}),t.onMounted(async()=>{S(i.value),await t.nextTick(),p.value="0.1s ease-out all",v.value=Array.from(w.values()).reduce((c,n)=>(c+=n.value.clientWidth,c),0)});function N(c,n){M(n,!0)}function $(c,n){w.set(n,c)}function y(c){Array.from(w.keys()).forEach(n=>{c.find(h=>h.value===n)||w.delete(n)})}function j(c,n){return t.createVNode(L,{name:c.name,value:c.value,isActive:c.value===i.value,index:n,disabled:c.disabled,key:c.value,onMounted:$,onActive:N},null)}return()=>t.createVNode("span",{ref:s,class:V.value,style:o.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,n)=>j(c,n))]),t.createVNode("small",{class:d.value,style:b.value},null),t.createVNode("div",{class:"f-capsule-board",style:A.value},null)])}});function ee(a,e,u){var $;function s(){}const l="",i="",p=t.ref();function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function V(){return!1}function o(){return(e==null?void 0:e.schema.componentType)!=="frame"}function d(){return(e==null?void 0:e.schema.componentType)==="frame"}function f(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const j=t.ref(y==null?void 0:y.value.parent),c=f(j);return c||null}function m(y=e){const{componentInstance:j,designerItemElementRef:c}=y;return!j||!j.value?null:j.value.canMove?c:m(y.parent)}function v(y){return!!u}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function A(){}function w(y,j){}function C(y,j){const{componentType:c}=y;let n=B(c,y,j);const r=c.toLowerCase().replace("-","_");return n&&!n.id&&n.type===c&&(n.id=`${r}_${Math.random().toString().slice(2,6)}`),n}function M(y,j){const c=String(y.getAttribute("data-controltype")),n=y.getAttribute("data-feature"),r=n?JSON.parse(n):{};r.parentComponentInstance=p.value;let h=B(c,r);const R=c.toLowerCase().replace("-","_");return h&&!h.id&&h.type===c&&(h.id=`${R}_${Math.random().toString().slice(2,6)}`),h}function S(y){}function N(...y){}return p.value={canMove:g(),canSelectParent:V(),canDelete:o(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:l,designerClass:i,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:m,getDraggingDisplayText:b,getPropConfig:N,getDragScopeElement:A,onAcceptMovedChildElement:w,onAcceptNewChildElement:M,onChildElementMovedOut:S,addNewChildComponentSchema:C,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},p}const te=t.defineComponent({name:"FCapsuleDesign",props:E,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),l=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.inject("design-item-context"),o=ee(s,V);t.onMounted(()=>{s.value.componentInstance=o}),e.expose(o.value);const d=t.computed(()=>{const n={"f-capsule-container":!0};return g.value&&(n[g.value]=!0),n}),f=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),v=t.ref(l),b=t.ref(0),A=t.ref(0),w=t.computed(()=>({left:`${v.value}px`,width:`${b.value}px`,transition:p.value})),C=t.computed(()=>({width:`${A.value}px`})),M=new Map;function S(n){var r;if(M.has(n.value)){const h=(r=M.get(n.value))==null?void 0:r.value;if(h){const R=h.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=R.left-ae.left+l+s.value.scrollLeft,b.value=R.width-2*l}}}function N(n,r){const h=n.value;i.value=h,e.emit("update:modelValue",h),S(n),r&&e.emit("change",h)}function $(n){const r=u.value.findIndex(h=>h.value===n);r>-1&&N(u.value[r],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,$(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),$(i.value),A.value=Array.from(M.values()).reduce((r,h)=>(r+=h.value.clientWidth,r),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),p.value="0.1s ease-out all",A.value=Array.from(M.values()).reduce((n,r)=>(n+=r.value.clientWidth,n),0)});function y(n,r){N(r,!0)}function j(n,r){M.set(r,n)}function c(n,r){return t.createVNode(L,{name:n.name,value:n.value,isActive:n.value===i.value,index:r,onMounted:j,onActive:y},null)}return()=>t.createVNode("span",{ref:s,class:d.value,style:f.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,r)=>c(n,r))]),t.createVNode("small",{class:m.value,style:w.value},null),t.createVNode("div",{class:"f-capsule-board",style:C.value},null)])}});T.register=(a,e,u)=>{a.capsule=T,e.capsule=D},T.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=D};const ne=_.withInstall(T);O.FCapsule=T,O.capsuleItemProps=q,O.capsuleProps=E,O.default=ne,O.propsResolver=D,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(O,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("lodash-es"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../common/index.umd.js"],t):(O=typeof globalThis<"u"?globalThis:O||self,t(O.capsule={},O.Vue,O.LodashES,O.common))})(this,function(O,t,B,_){"use strict";const J={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/capsule.schema.json",title:"capsule",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for a capsule",type:"string"},type:{description:"The type string of capsule component",type:"string",default:"capsule"},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"]},F={},q={};function E(a){const{properties:e,title:u,ignore:s}=a,r=s&&Array.isArray(s),i=Object.keys(e).reduce((p,g)=>((!r||!s.find(V=>V==g))&&(p[g]=e[g].type==="object"&&e[g].properties?E(e[g]):B.cloneDeep(e[g].default)),p),{});return(!r||!s.find(p=>p=="id"))&&(i.id=`${u}-${Date.now()}`),i}function D(a,e={},u){const s=F[a];if(s){let r=E(s);const i=q[a];return r=i?i({getSchemaByType:D},r,e,u):r,r}return null}function z(a,e){const u=E(e);return Object.keys(a).reduce((s,r)=>(s[r]&&B.isPlainObject(s[r])&&B.isPlainObject(a[r])?Object.assign(s[r],a[r]):s[r]=a[r],s),u),u}function G(a,e){return Object.keys(a).filter(s=>a[s]!=null).reduce((s,r)=>{if(e.has(r)){const i=e.get(r);if(typeof i=="string")s[i]=a[r];else{const p=i(r,a[r],a);Object.assign(s,p)}}else s[r]=a[r];return s},{})}function H(a,e,u=new Map){const s=z(a,e);return G(s,u)}function Q(a={}){function e(o,d,f,m){if(typeof f=="number")return m[o].length===f;if(typeof f=="object"){const v=Object.keys(f)[0],b=f[v];if(v==="not")return Number(m[o].length)!==Number(b);if(v==="moreThan")return Number(m[o].length)>=Number(b);if(v==="lessThan")return Number(m[o].length)<=Number(b)}return!1}function u(o,d,f,m){return m[o]&&m[o].propertyValue&&String(m[o].propertyValue.value)===String(f)}const s=new Map([["length",e],["getProperty",u]]);Object.keys(a).reduce((o,d)=>(o.set(d,a[d]),o),s);function r(o,d){const f=o;return typeof d=="number"?[{target:f,operator:"length",param:null,value:Number(d)}]:typeof d=="boolean"?[{target:f,operator:"getProperty",param:o,value:!!d}]:typeof d=="object"?Object.keys(d).map(m=>{if(m==="length")return{target:f,operator:"length",param:null,value:d[m]};const v=m,b=d[m];return{target:f,operator:"getProperty",param:v,value:b}}):[]}function i(o){return Object.keys(o).reduce((f,m)=>{const v=r(m,o[m]);return f.push(...v),f},[])}function p(o,d){if(s.has(o.operator)){const f=s.get(o.operator);return f&&f(o.target,o.param,o.value,d)||!1}return!1}function g(o,d){return i(o).reduce((v,b)=>v&&p(b,d),!0)}function V(o,d){const f=Object.keys(o),m=f.includes("allOf"),v=f.includes("anyOf"),b=m||v,C=(b?o[b?m?"allOf":"anyOf":"allOf"]:[o]).map(S=>g(S,d));return m?!C.includes(!1):C.includes(!0)}return{parseValueSchema:V}}const U={},X={};Q();function Y(a,e,u=new Map,s=(p,g,V)=>g,r={},i=p=>p){return F[e.title]=e,q[e.title]=s,U[e.title]=r,X[e.title]=i,(p={})=>{const g=H(p,e,u),V=Object.keys(a).reduce((o,d)=>(o[d]=a[d].default,o),{});return Object.assign(V,g)}}function Z(a,e){return{customClass:e.class,customStyle:e.style}}const I=new Map([["appearance",Z]]);function K(a,e,u){return e}const x={title:"capsule",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:[]}}}}}},T={items:{Type:Array,default:[{name:"升序",value:"asc",icon:"f-icon f-icon-col-ascendingorder"},{name:"降序",value:"desc",icon:"f-icon f-icon-col-descendingorder"}]},modelValue:{type:String,default:""},type:{type:String,default:"primary"}},L={name:{type:String,default:""},value:{type:String,default:""},isActive:{type:Boolean,default:!1},icon:{type:String,default:""},index:{type:Number,default:0},show:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},k=Y(T,J,I,K,x),W=t.defineComponent({name:"FCapsuleItem",props:L,emits:["mounted","active"],setup(a,e){const u=t.ref(),s=t.ref(a.isActive);t.watch(()=>a.isActive,p=>{s.value=p});const r=t.computed(()=>({"f-capsule-item":!0,"f-capsule-active-item":s.value,"f-capsule-disabled":a.disabled}));t.onMounted(()=>{e.emit("mounted",u,a.value)});function i(p){a.disabled||e.emit("active",p,{name:a.name,value:a.value})}return()=>t.createVNode("div",{ref:u,class:r.value,onClick:p=>i(p)},[a.icon&&t.createVNode("i",{class:a.icon},null),a.name])}}),P=t.defineComponent({name:"FCapsule",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),r=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.computed(()=>{const c={"f-capsule-container":!0};return g.value&&(c[g.value]=!0),c}),o=t.computed(()=>({})),d=t.computed(()=>({"f-capsule":!0})),f=t.ref(r),m=t.ref(0),v=t.ref(0),b=t.computed(()=>({left:`${f.value}px`,width:`${m.value}px`,transition:p.value})),A=t.computed(()=>({width:`${v.value}px`})),w=new Map;function C(c){var n;if(w.has(c.value)){const l=(n=w.get(c.value))==null?void 0:n.value;if(l){const h=l.getBoundingClientRect(),R=s.value.getBoundingClientRect();f.value=h.left-R.left+r+s.value.scrollLeft,m.value=h.width-2*r}}}function M(c,n){const l=c.value;i.value=l,e.emit("update:modelValue",l),C(c),n&&e.emit("change",l)}function S(c){const n=u.value.findIndex(l=>l.value===c);n>-1&&M(u.value[n],!1)}t.watch(()=>a.modelValue,c=>{i.value=c,S(i.value)}),t.watch(()=>a.items,async c=>{const n=c.filter(l=>l.show);y(n),u.value=n,await t.nextTick(),S(i.value),v.value=Array.from(w.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{S(i.value),await t.nextTick(),p.value="0.1s ease-out all",v.value=Array.from(w.values()).reduce((c,n)=>(c+=n.value.clientWidth,c),0)});function N(c,n){M(n,!0)}function $(c,n){w.set(n,c)}function y(c){Array.from(w.keys()).forEach(n=>{c.find(h=>h.value===n)||w.delete(n)})}function j(c,n){return t.createVNode(W,{name:c.name,value:c.value,isActive:c.value===i.value,index:n,disabled:c.disabled,key:c.value,onMounted:$,onActive:N},null)}return()=>t.createVNode("span",{ref:s,class:V.value,style:o.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((c,n)=>j(c,n))]),t.createVNode("small",{class:d.value,style:b.value},null),t.createVNode("div",{class:"f-capsule-board",style:A.value},null)])}});function ee(a,e,u){var $;function s(){}const r="",i="",p=t.ref();function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function V(){return!1}function o(){return(e==null?void 0:e.schema.componentType)!=="frame"}function d(){return(e==null?void 0:e.schema.componentType)==="frame"}function f(y){if(!y||!y.value)return null;if(y.value.schema&&y.value.schema.type==="component")return y.value;const j=t.ref(y==null?void 0:y.value.parent),c=f(j);return c||null}function m(y=e){const{componentInstance:j,designerItemElementRef:c}=y;return!j||!j.value?null:j.value.canMove?c:m(y.parent)}function v(y){return!!u}function b(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function A(){}function w(y,j){}function C(y,j){const{componentType:c}=y;let n=D(c,y,j);const l=c.toLowerCase().replace("-","_");return n&&!n.id&&n.type===c&&(n.id=`${l}_${Math.random().toString().slice(2,6)}`),n}function M(y,j){const c=String(y.getAttribute("data-controltype")),n=y.getAttribute("data-feature"),l=n?JSON.parse(n):{};l.parentComponentInstance=p.value;let h=D(c,l);const R=c.toLowerCase().replace("-","_");return h&&!h.id&&h.type===c&&(h.id=`${R}_${Math.random().toString().slice(2,6)}`),h}function S(y){}function N(...y){}return p.value={canMove:g(),canSelectParent:V(),canDelete:o(),canNested:!d(),contents:e==null?void 0:e.schema.contents,elementRef:a,parent:($=e==null?void 0:e.parent)==null?void 0:$.componentInstance,schema:e==null?void 0:e.schema,styles:r,designerClass:i,canAccepts:v,getBelongedComponentInstance:f,getDraggableDesignItemElement:m,getDraggingDisplayText:b,getPropConfig:N,getDragScopeElement:A,onAcceptMovedChildElement:w,onAcceptNewChildElement:M,onChildElementMovedOut:S,addNewChildComponentSchema:C,updateDragAndDropRules:s,triggerBelongedComponentToMoveWhenMoved:t.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:t.ref(!1)},p}const te=t.defineComponent({name:"FCapsuleDesign",props:T,emits:["change","update:modelValue"],setup(a,e){const u=t.ref(a.items),s=t.ref(),r=2,i=t.ref(a.modelValue),p=t.ref("none"),g=t.ref(a.type),V=t.inject("design-item-context"),o=ee(s,V);t.onMounted(()=>{s.value.componentInstance=o}),e.expose(o.value);const d=t.computed(()=>{const n={"f-capsule-container":!0};return g.value&&(n[g.value]=!0),n}),f=t.computed(()=>({})),m=t.computed(()=>({"f-capsule":!0})),v=t.ref(r),b=t.ref(0),A=t.ref(0),w=t.computed(()=>({left:`${v.value}px`,width:`${b.value}px`,transition:p.value})),C=t.computed(()=>({width:`${A.value}px`})),M=new Map;function S(n){var l;if(M.has(n.value)){const h=(l=M.get(n.value))==null?void 0:l.value;if(h){const R=h.getBoundingClientRect(),ae=s.value.getBoundingClientRect();v.value=R.left-ae.left+r+s.value.scrollLeft,b.value=R.width-2*r}}}function N(n,l){const h=n.value;i.value=h,e.emit("update:modelValue",h),S(n),l&&e.emit("change",h)}function $(n){const l=u.value.findIndex(h=>h.value===n);l>-1&&N(u.value[l],!1)}t.watch(()=>a.modelValue,n=>{i.value=n,$(i.value)}),t.watch(()=>a.items,async n=>{u.value=n,await t.nextTick(),$(i.value),A.value=Array.from(M.values()).reduce((l,h)=>(l+=h.value.clientWidth,l),0)}),t.onMounted(async()=>{$(i.value),await t.nextTick(),p.value="0.1s ease-out all",A.value=Array.from(M.values()).reduce((n,l)=>(n+=l.value.clientWidth,n),0)});function y(n,l){N(l,!0)}function j(n,l){M.set(l,n)}function c(n,l){return t.createVNode(W,{name:n.name,value:n.value,isActive:n.value===i.value,index:l,onMounted:j,onActive:y},null)}return()=>t.createVNode("span",{ref:s,class:d.value,style:f.value},[t.createVNode("span",{class:"f-capsule-pane"},[u.value.map((n,l)=>c(n,l))]),t.createVNode("small",{class:m.value,style:w.value},null),t.createVNode("div",{class:"f-capsule-board",style:C.value},null)])}});P.register=(a,e,u)=>{a.capsule=P,e.capsule=k},P.registerDesigner=(a,e,u)=>{a.capsule=te,e.capsule=k};const ne=_.withInstall(P);O.FCapsule=P,O.capsuleItemProps=L,O.capsuleProps=T,O.default=ne,O.propsResolver=k,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});