@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/capsule/index.esm.js

@@ -1,8 +1,8 @@
-import { ref as P, computed as N, defineComponent as Q, watch as _, onMounted as G, createVNode as V, nextTick as U, inject as me } from "vue";
-import { isPlainObject as Z, cloneDeep as H } from "lodash-es";
+import { ref as P, computed as N, defineComponent as Q, watch as _, onMounted as G, createVNode as V, nextTick as U, inject as ve } from "vue";
+import { cloneDeep as Z, isPlainObject as H } from "lodash-es";
 import { getSchemaByTypeForDesigner as de } from "../dynamic-resolver/index.esm.js";
 import { withInstall as be } from "../common/index.esm.js";
-const ye = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/capsule.schema.json", he = "capsule", Se = "A Farris Component", Oe = "object", Te = {
+const ye = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-design.gitee.io/capsule.schema.json", he = "capsule", Se = "A Farris Component", Te = "object", Oe = {
   id: {
     description: "The unique identifier for a capsule",
     type: "string"
@@ -72,48 +72,48 @@ const ye = "https://json-schema.org/draft/2020-12/schema", ge = "https://farris-
   $id: ge,
   title: he,
   description: Se,
-  type: Oe,
-  properties: Te,
+  type: Te,
+  properties: Oe,
   required: Fe
 };
 function x(e, t) {
   let r;
   function c(i) {
-    const { properties: s, title: m, ignore: a } = i, o = a && Array.isArray(a), l = Object.keys(s).reduce((d, g) => ((!o || !a.find((M) => M === g)) && (d[g] = s[g].type === "object" && s[g].properties ? c(s[g]) : H(s[g].default)), d), {});
-    if (m && (!o || !a.find((d) => d === "id"))) {
-      const d = m.toLowerCase().replace(/-/g, "_");
+    const { properties: s, title: v, ignore: a } = i, o = a && Array.isArray(a), l = Object.keys(s).reduce((d, g) => ((!o || !a.find((M) => M === g)) && (d[g] = s[g].type === "object" && s[g].properties ? c(s[g]) : Z(s[g].default)), d), {});
+    if (v && (!o || !a.find((d) => d === "id"))) {
+      const d = v.toLowerCase().replace(/-/g, "_");
       l.id = `${d}_${Math.random().toString().slice(2, 6)}`;
     }
     return l;
   }
-  function O(i) {
-    const { properties: s, title: m, required: a } = i;
+  function T(i) {
+    const { properties: s, title: v, required: a } = i;
     if (a && Array.isArray(a)) {
-      const o = a.reduce((l, d) => (l[d] = s[d].type === "object" && s[d].properties ? c(s[d]) : H(s[d].default), l), {});
-      if (m && a.find((l) => l === "id")) {
-        const l = m.toLowerCase().replace(/-/g, "_");
+      const o = a.reduce((l, d) => (l[d] = s[d].type === "object" && s[d].properties ? c(s[d]) : Z(s[d].default), l), {});
+      if (v && a.find((l) => l === "id")) {
+        const l = v.toLowerCase().replace(/-/g, "_");
         o.id = `${l}_${Math.random().toString().slice(2, 6)}`;
       }
       return o;
     }
     return {
-      type: m
+      type: v
     };
   }
-  function T(i, s = {}, m) {
+  function O(i, s = {}, v) {
     const a = e[i];
     if (a) {
-      let o = O(a);
+      let o = T(a);
       const l = t[i];
-      return o = l ? l({ getSchemaByType: T }, o, s, m) : o, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(o), o;
+      return o = l ? l({ getSchemaByType: O }, o, s, v) : o, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(o), o;
     }
     return null;
   }
   function S(i, s) {
-    const m = c(s);
-    return Object.keys(m).reduce((a, o) => (Object.prototype.hasOwnProperty.call(i, o) && (a[o] && Z(a[o]) && Z(i[o] || !i[o]) ? Object.assign(a[o], i[o] || {}) : a[o] = i[o]), a), m), m;
+    const v = c(s);
+    return Object.keys(v).reduce((a, o) => (Object.prototype.hasOwnProperty.call(i, o) && (a[o] && H(a[o]) && H(i[o] || !i[o]) ? Object.assign(a[o], i[o] || {}) : a[o] = i[o]), a), v), v;
   }
-  function R(i, s) {
+  function B(i, s) {
     return Object.keys(i).filter((a) => i[a] != null).reduce((a, o) => {
       if (s.has(o)) {
         const l = s.get(o);
@@ -128,18 +128,18 @@ function x(e, t) {
       return a;
     }, {});
   }
-  function $(i, s, m = /* @__PURE__ */ new Map()) {
+  function A(i, s, v = /* @__PURE__ */ new Map()) {
     const a = S(i, s);
-    return R(a, m);
+    return B(a, v);
   }
-  function v(i) {
-    var m;
+  function m(i) {
+    var v;
     const s = i.type;
     if (s) {
       const a = e[s];
       if (!a)
         return i;
-      const o = S(i, a), l = ((m = i.editor) == null ? void 0 : m.type) || "";
+      const o = S(i, a), l = ((v = i.editor) == null ? void 0 : v.type) || "";
       if (l) {
         const d = e[l], g = S(i.editor, d);
         o.editor = g;
@@ -151,71 +151,71 @@ function x(e, t) {
   function b(i) {
     r = i;
   }
-  return { getSchemaByType: T, resolveSchemaWithDefaultValue: v, resolveSchemaToProps: $, mappingSchemaToProps: R, setDesignerContext: b };
+  return { getSchemaByType: O, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: A, mappingSchemaToProps: B, setDesignerContext: b };
 }
-const I = {}, K = {}, { resolveSchemaWithDefaultValue: je, resolveSchemaToProps: Pe, mappingSchemaToProps: Me } = x(I, K);
-function Ee(e = {}) {
-  function t(v, b, i, s) {
+const I = {}, K = {}, { getSchemaByType: mt, resolveSchemaWithDefaultValue: je, resolveSchemaToProps: Pe, mappingSchemaToProps: Me, setDesignerContext: vt } = x(I, K);
+function De(e = {}) {
+  function t(m, b, i, s) {
     if (typeof i == "number")
-      return s[v].length === i;
+      return s[m].length === i;
     if (typeof i == "object") {
-      const m = Object.keys(i)[0], a = i[m];
-      if (m === "not")
-        return Number(s[v].length) !== Number(a);
-      if (m === "moreThan")
-        return Number(s[v].length) >= Number(a);
-      if (m === "lessThan")
-        return Number(s[v].length) <= Number(a);
+      const v = Object.keys(i)[0], a = i[v];
+      if (v === "not")
+        return Number(s[m].length) !== Number(a);
+      if (v === "moreThan")
+        return Number(s[m].length) >= Number(a);
+      if (v === "lessThan")
+        return Number(s[m].length) <= Number(a);
     }
     return !1;
   }
-  function r(v, b, i, s) {
-    return s[v] && s[v].propertyValue && String(s[v].propertyValue.value) === String(i);
+  function r(m, b, i, s) {
+    return s[m] && s[m].propertyValue && String(s[m].propertyValue.value) === String(i);
   }
   const c = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", r]
   ]);
-  Object.keys(e).reduce((v, b) => (v.set(b, e[b]), v), c);
-  function O(v, b) {
-    const i = v;
-    return typeof b == "number" ? [{ target: i, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: i, operator: "getProperty", param: v, value: !!b }] : typeof b == "object" ? Object.keys(b).map((s) => {
+  Object.keys(e).reduce((m, b) => (m.set(b, e[b]), m), c);
+  function T(m, b) {
+    const i = m;
+    return typeof b == "number" ? [{ target: i, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: i, operator: "getProperty", param: m, value: !!b }] : typeof b == "object" ? Object.keys(b).map((s) => {
       if (s === "length")
         return { target: i, operator: "length", param: null, value: b[s] };
-      const m = s, a = b[s];
-      return { target: i, operator: "getProperty", param: m, value: a };
+      const v = s, a = b[s];
+      return { target: i, operator: "getProperty", param: v, value: a };
     }) : [];
   }
-  function T(v) {
-    return Object.keys(v).reduce((i, s) => {
-      const m = O(s, v[s]);
-      return i.push(...m), i;
+  function O(m) {
+    return Object.keys(m).reduce((i, s) => {
+      const v = T(s, m[s]);
+      return i.push(...v), i;
     }, []);
   }
-  function S(v, b) {
-    if (c.has(v.operator)) {
-      const i = c.get(v.operator);
-      return i && i(v.target, v.param, v.value, b) || !1;
+  function S(m, b) {
+    if (c.has(m.operator)) {
+      const i = c.get(m.operator);
+      return i && i(m.target, m.param, m.value, b) || !1;
     }
     return !1;
   }
-  function R(v, b) {
-    return T(v).reduce((m, a) => m && S(a, b), !0);
+  function B(m, b) {
+    return O(m).reduce((v, a) => v && S(a, b), !0);
   }
-  function $(v, b) {
-    const i = Object.keys(v), s = i.includes("allOf"), m = i.includes("anyOf"), a = s || m, d = (a ? v[a ? s ? "allOf" : "anyOf" : "allOf"] : [v]).map((M) => R(M, b));
+  function A(m, b) {
+    const i = Object.keys(m), s = i.includes("allOf"), v = i.includes("anyOf"), a = s || v, d = (a ? m[a ? s ? "allOf" : "anyOf" : "allOf"] : [m]).map((M) => B(M, b));
     return s ? !d.includes(!1) : d.includes(!0);
   }
-  return { parseValueSchema: $ };
+  return { parseValueSchema: A };
 }
-const De = {
+const Ee = {
   convertTo: (e, t, r, c) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = r;
   },
   convertFrom: (e, t, r) => e.appearance ? e.appearance[t] : e[t]
-}, Re = {
-  convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, Be = {
+  convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, $e = {
   convertTo: (e, t, r, c) => {
     e.editor && (e.editor[t] = r);
   },
@@ -267,18 +267,18 @@ const De = {
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" }
-}, ke = {
+}, Re = {
   convertFrom: (e, t, r) => {
-    var O;
+    var T;
     const c = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((O = ee[c]) == null ? void 0 : O.name) || c;
+    return ((T = ee[c]) == null ? void 0 : T.name) || c;
   }
-}, Ae = {
+}, ke = {
   convertTo: (e, t, r, c) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, r) => e.editor ? r.getRealEditorType(e.editor.type) : ""
-}, $e = {
+}, Ae = {
   convertTo: (e, t, r, c) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = r : e.formatter = {
       [t]: r
@@ -393,8 +393,8 @@ const De = {
     e.selection || (e.selection = {}), e.selection[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var c, O;
-    return t === "showCheckbox" ? (c = e.selection) != null && c.multiSelect ? !0 : (O = e.selection) == null ? void 0 : O.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var c, T;
+    return t === "showCheckbox" ? (c = e.selection) != null && c.multiSelect ? !0 : (T = e.selection) == null ? void 0 : T.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
 }, Ge = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
@@ -410,19 +410,19 @@ const De = {
   convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
 }, Qe = {
   convertFrom: (e, t, r) => {
-    var c, O;
-    return (c = e.formatter) != null && c.data && t === "formatterEnumData" && !e.formatterEnumData ? (O = e.formatter) == null ? void 0 : O.data : e.formatterEnumData;
+    var c, T;
+    return (c = e.formatter) != null && c.data && t === "formatterEnumData" && !e.formatterEnumData ? (T = e.formatter) == null ? void 0 : T.data : e.formatterEnumData;
   }
 }, Xe = {
   convertTo: (e, t, r, c) => {
     e.sort || (e.sort = {}), e.sort[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var c, O;
+    var c, T;
     if (t === "mode")
       return ((c = e.sort) == null ? void 0 : c.mode) || "client";
     if (t === "multiSort")
-      return !!((O = e.sort) != null && O.multiSort);
+      return !!((T = e.sort) != null && T.multiSort);
   }
 }, Ye = {
   convertTo: (e, t, r, c) => {
@@ -451,13 +451,13 @@ const De = {
 };
 function te(e, t, r) {
   const c = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", De],
-    ["/converter/buttons.converter", Re],
-    ["/converter/property-editor.converter", Be],
+    ["/converter/appearance.converter", Ee],
+    ["/converter/buttons.converter", Be],
+    ["/converter/property-editor.converter", $e],
     ["/converter/items-count.converter", Ge],
-    ["/converter/type.converter", ke],
-    ["/converter/change-editor.converter", Ae],
-    ["/converter/change-formatter.converter", $e],
+    ["/converter/type.converter", Re],
+    ["/converter/change-editor.converter", ke],
+    ["/converter/change-formatter.converter", Ae],
     ["/converter/column-command.converter", Ce],
     ["/converter/column-option.converter", Ne],
     ["/converter/summary.converter", Ve],
@@ -472,7 +472,7 @@ function te(e, t, r) {
     ["/converter/grid-sort.converter", Xe],
     ["/converter/grid-filter.converter", Ye],
     ["/converter/row-option.converter", Ze]
-  ]), O = /* @__PURE__ */ new Map([
+  ]), T = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -496,95 +496,95 @@ function te(e, t, r) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), T = Ee();
+  ]), O = De();
   function S(a, o) {
-    return () => T.parseValueSchema(a, o);
+    return () => O.parseValueSchema(a, o);
   }
-  function R(a, o, l) {
+  function B(a, o, l) {
     return a.includes("visible") && o.visible !== void 0 ? typeof o.visible == "boolean" ? () => !!o.visible : o.visible === void 0 ? !0 : S(o.visible, l) : () => !0;
   }
-  function $(a, o, l) {
+  function A(a, o, l) {
     return a.includes("readonly") && o.readonly !== void 0 ? typeof o.readonly == "boolean" ? () => !!o.readonly : S(o.readonly, l) : () => !1;
   }
-  function v(a, o) {
+  function m(a, o) {
     const l = a.$converter || o;
     return typeof l == "string" && l && c.has(l) ? c.get(l) || null : l || null;
   }
-  function b(a, o, l, d, g, M = "", B = "") {
+  function b(a, o, l, d, g, M = "", $ = "") {
     return Object.keys(a).map((F) => {
-      const k = P(1), p = F, n = a[F], f = Object.keys(n), w = n.title, u = n.type, y = O.get(u) || { type: "input-group", enableClear: !1 }, h = n.editor ? Object.assign({}, y, n.editor) : Object.assign({}, y), j = R(f, n, o), E = $(f, n, o);
-      h.readonly = h.readonly === void 0 ? E() : h.readonly;
-      const C = n.type === "cascade" ? b(n.properties, o, l, d, g, M, B) : [], L = !0;
-      let A = v(n, B);
+      const R = P(1), p = F, n = a[F], f = Object.keys(n), w = n.title, u = n.type, y = T.get(u) || { type: "input-group", enableClear: !1 }, h = n.editor ? Object.assign({}, y, n.editor) : Object.assign({}, y), j = B(f, n, o), D = A(f, n, o);
+      h.readonly = h.readonly === void 0 ? D() : h.readonly;
+      const C = n.type === "cascade" ? b(n.properties, o, l, d, g, M, $) : [], L = !0;
+      let k = m(n, $);
       const q = N({
         get() {
-          if (k.value) {
-            if (["class", "style"].find((ve) => ve === p) && !A && (A = c.get("/converter/appearance.converter") || null), A && A.convertFrom)
-              return A.convertFrom(l, F, g, M);
+          if (R.value) {
+            if (["class", "style"].find((me) => me === p) && !k && (k = c.get("/converter/appearance.converter") || null), k && k.convertFrom)
+              return k.convertFrom(l, F, g, M);
             const W = l[F];
             return Object.prototype.hasOwnProperty.call(n, "defaultValue") && (W === void 0 || typeof W == "string" && W === "") ? n.type === "boolean" ? n.defaultValue : n.defaultValue || "" : W;
           }
           return null;
         },
         set(W) {
-          k.value += 1, A && A.convertTo ? (A.convertTo(d, F, W, g, M), A.convertTo(l, F, W, g, M)) : (d[F] = W, l[F] = W);
+          R.value += 1, k && k.convertTo ? (k.convertTo(d, F, W, g, M), k.convertTo(l, F, W, g, M)) : (d[F] = W, l[F] = W);
         }
-      }), { refreshPanelAfterChanged: z, description: ue, isExpand: fe, parentPropertyID: pe } = n, Y = { propertyID: p, propertyName: w, propertyType: u, propertyValue: q, editor: h, visible: j, readonly: E, cascadeConfig: C, hideCascadeTitle: L, refreshPanelAfterChanged: z, description: ue, isExpand: fe, parentPropertyID: pe };
+      }), { refreshPanelAfterChanged: z, description: ue, isExpand: fe, parentPropertyID: pe } = n, Y = { propertyID: p, propertyName: w, propertyType: u, propertyValue: q, editor: h, visible: j, readonly: D, cascadeConfig: C, hideCascadeTitle: L, refreshPanelAfterChanged: z, description: ue, isExpand: fe, parentPropertyID: pe };
       return o[p] = Y, Y;
     });
   }
   function i(a, o, l = {}) {
     const d = {}, g = e[a];
-    return g && g.categories ? Object.keys(g.categories).map((B) => {
-      const D = g.categories[B], F = D == null ? void 0 : D.title, k = b(D.properties || {}, d, {}, l, o);
-      return { categoryId: B, categoryName: F, properties: k };
+    return g && g.categories ? Object.keys(g.categories).map(($) => {
+      const E = g.categories[$], F = E == null ? void 0 : E.title, R = b(E.properties || {}, d, {}, l, o);
+      return { categoryId: $, categoryName: F, properties: R };
     }) : [];
   }
   function s(a, o, l, d, g = "") {
-    const M = o.$ref.schema, B = o.$ref.converter, D = l[M], F = D.type, k = r(D), p = {}, n = e[F];
+    const M = o.$ref.schema, $ = o.$ref.converter, E = l[M], F = E.type, R = r(E), p = {}, n = e[F];
     if (n && n.categories) {
       const f = n.categories[a], w = f == null ? void 0 : f.title;
-      B && Object.keys(f.properties).forEach((h) => {
-        f.properties[h].$converter = B;
+      $ && Object.keys(f.properties).forEach((h) => {
+        f.properties[h].$converter = $;
       });
-      const u = (f == null ? void 0 : f.properties) || {}, y = b(u, p, k, D, d, g);
+      const u = (f == null ? void 0 : f.properties) || {}, y = b(u, p, R, E, d, g);
       return { categoryId: a, categoryName: w, properties: y };
     }
     return { categoryId: a, categoryName: "", properties: [] };
   }
-  function m(a, o, l, d, g) {
-    const M = a.type, B = r(a), D = {};
+  function v(a, o, l, d, g) {
+    const M = a.type, $ = r(a), E = {};
     let F = g || e[M];
     if (F && Object.keys(F).length === 0 && l && l.getPropConfig && (F = l.getPropConfig(d)), F && F.categories) {
-      const k = [];
+      const R = [];
       return Object.keys(F.categories).map((p) => {
         const n = F.categories[p];
         if (n.$ref) {
-          k.push(s(p, n, a, o, d));
+          R.push(s(p, n, a, o, d));
           return;
         }
-        const f = n == null ? void 0 : n.title, w = n == null ? void 0 : n.tabId, u = n == null ? void 0 : n.tabName, y = n == null ? void 0 : n.hide, h = n == null ? void 0 : n.hideTitle, j = b(n.properties || {}, D, B, a, o, d, n.$converter), { setPropertyRelates: E } = n, C = n == null ? void 0 : n.parentPropertyID;
-        k.push({ categoryId: p, categoryName: f, tabId: w, tabName: u, hide: y, properties: j, hideTitle: h, setPropertyRelates: E, parentPropertyID: C });
-      }), k;
+        const f = n == null ? void 0 : n.title, w = n == null ? void 0 : n.tabId, u = n == null ? void 0 : n.tabName, y = n == null ? void 0 : n.hide, h = n == null ? void 0 : n.hideTitle, j = b(n.properties || {}, E, $, a, o, d, n.$converter), { setPropertyRelates: D } = n, C = n == null ? void 0 : n.parentPropertyID;
+        R.push({ categoryId: p, categoryName: f, tabId: w, tabName: u, hide: y, properties: j, hideTitle: h, setPropertyRelates: D, parentPropertyID: C });
+      }), R;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: m,
+    getPropertyConfigBySchema: v,
     getPropertyConfigByType: i,
     propertyConverterMap: c
   };
 }
 const ne = {}, re = {};
 te(ne, re, je);
-const oe = {}, ae = {}, { resolveSchemaWithDefaultValue: He } = x(oe, ae), ie = {}, ce = {};
+const oe = {}, ae = {}, { getSchemaByType: dt, resolveSchemaWithDefaultValue: He, resolveSchemaToProps: bt, mappingSchemaToProps: yt, setDesignerContext: gt } = x(oe, ae), ie = {}, ce = {};
 te(ie, ce, He);
-function xe(e, t, r = /* @__PURE__ */ new Map(), c = (S, R, $, v) => R, O = {}, T = (S) => S) {
-  return I[t.title] = t, K[t.title] = c, ne[t.title] = O, re[t.title] = T, oe[t.title] = t, ae[t.title] = c, ie[t.title] = O, ce[t.title] = T, (S = {}, R = !0) => {
-    if (!R)
+function xe(e, t, r = /* @__PURE__ */ new Map(), c = (S, B, A, m) => B, T = {}, O = (S) => S) {
+  return I[t.title] = t, K[t.title] = c, ne[t.title] = T, re[t.title] = O, oe[t.title] = t, ae[t.title] = c, ie[t.title] = T, ce[t.title] = O, (S = {}, B = !0) => {
+    if (!B)
       return Me(S, r);
-    const $ = Pe(S, t, r), v = Object.keys(e).reduce((b, i) => (b[i] = e[i].default, b), {});
-    return Object.assign(v, $);
+    const A = Pe(S, t, r), m = Object.keys(e).reduce((b, i) => (b[i] = e[i].default, b), {});
+    return Object.assign(m, A);
   };
 }
 function Ie(e, t) {
@@ -653,7 +653,7 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
     _(() => e.isActive, (S) => {
       c.value = S;
     });
-    const O = N(() => ({
+    const T = N(() => ({
       "f-capsule-item": !0,
       "f-capsule-active-item": c.value,
       "f-capsule-disabled": e.disabled
@@ -661,7 +661,7 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
     G(() => {
       t.emit("mounted", r, e.value);
     });
-    function T(S) {
+    function O(S) {
       e.disabled || t.emit("active", S, {
         name: e.name,
         value: e.value
@@ -669,8 +669,8 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
     }
     return () => V("div", {
       ref: r,
-      class: O.value,
-      onClick: (S) => T(S)
+      class: T.value,
+      onClick: (S) => O(S)
     }, [e.icon && V("i", {
       class: e.icon
     }, null), e.name]);
@@ -680,19 +680,19 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
   props: X,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const r = P(e.items), c = P(), O = 2, T = P(e.modelValue), S = P("none"), R = P(e.type), $ = N(() => {
+    const r = P(e.items), c = P(), T = 2, O = P(e.modelValue), S = P("none"), B = P(e.type), A = N(() => {
       const p = {
         "f-capsule-container": !0
       };
-      return R.value && (p[R.value] = !0), p;
-    }), v = N(() => ({})), b = N(() => ({
+      return B.value && (p[B.value] = !0), p;
+    }), m = N(() => ({})), b = N(() => ({
       "f-capsule": !0
-    })), i = P(O), s = P(0), m = P(0), a = N(() => ({
+    })), i = P(T), s = P(0), v = P(0), a = N(() => ({
       left: `${i.value}px`,
       width: `${s.value}px`,
       transition: S.value
     })), o = N(() => ({
-      width: `${m.value}px`
+      width: `${v.value}px`
     })), l = /* @__PURE__ */ new Map();
     function d(p) {
       var n;
@@ -700,27 +700,27 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
         const f = (n = l.get(p.value)) == null ? void 0 : n.value;
         if (f) {
           const w = f.getBoundingClientRect(), u = c.value.getBoundingClientRect();
-          i.value = w.left - u.left + O + c.value.scrollLeft, s.value = w.width - 2 * O;
+          i.value = w.left - u.left + T + c.value.scrollLeft, s.value = w.width - 2 * T;
         }
       }
     }
     function g(p, n) {
       const f = p.value;
-      T.value = f, t.emit("update:modelValue", f), d(p), n && t.emit("change", f);
+      O.value = f, t.emit("update:modelValue", f), d(p), n && t.emit("change", f);
     }
     function M(p) {
       const n = r.value.findIndex((f) => f.value === p);
       n > -1 && g(r.value[n], !1);
     }
     _(() => e.modelValue, (p) => {
-      T.value = p, M(T.value);
+      O.value = p, M(O.value);
     }), G(async () => {
-      M(T.value), await U(), S.value = "0.1s ease-out all", m.value = Array.from(l.values()).reduce((p, n) => (p += n.value.clientWidth, p), 0);
+      M(O.value), await U(), S.value = "0.1s ease-out all", v.value = Array.from(l.values()).reduce((p, n) => (p += n.value.clientWidth, p), 0);
     });
-    function B(p, n) {
+    function $(p, n) {
       g(n, !0);
     }
-    function D(p, n) {
+    function E(p, n) {
       l.set(n, p);
     }
     function F(p) {
@@ -728,28 +728,28 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
         p.find((w) => w.value === n) || l.delete(n);
       });
     }
-    function k(p, n) {
+    function R(p, n) {
       return V(se, {
         name: p.name,
         value: p.value,
-        isActive: p.value === T.value,
+        isActive: p.value === O.value,
         index: n,
         disabled: p.disabled,
         key: p.value,
-        onMounted: D,
-        onActive: B
+        onMounted: E,
+        onActive: $
       }, null);
     }
     return _(() => e.items, async (p) => {
       const n = p.filter((f) => f.show);
-      F(n), r.value = n, await U(), M(T.value), m.value = Array.from(l.values()).reduce((f, w) => (f += w.value.clientWidth, f), 0);
+      F(n), r.value = n, await U(), M(O.value), v.value = Array.from(l.values()).reduce((f, w) => (f += w.value.clientWidth, f), 0);
     }), () => V("span", {
       ref: c,
-      class: $.value,
-      style: v.value
+      class: A.value,
+      style: m.value
     }, [V("span", {
       class: "f-capsule-pane"
-    }, [r.value.map((p, n) => k(p, n))]), V("small", {
+    }, [r.value.map((p, n) => R(p, n))]), V("small", {
       class: b.value,
       style: a.value
     }, null), V("div", {
@@ -760,15 +760,15 @@ const tt = "capsule", nt = "A Farris Component", rt = "object", ot = {
 });
 function ct(e, t, r) {
   var w;
-  const c = "", O = "", T = P();
+  const c = "", T = "", O = P();
   let S;
-  function R() {
+  function B() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function $() {
+  function A() {
     return !1;
   }
-  function v() {
+  function m() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function b() {
@@ -783,15 +783,15 @@ function ct(e, t, r) {
     return h || null;
   }
   function s(u = t) {
-    var E;
+    var D;
     const { componentInstance: y, designerItemElementRef: h } = u;
     if (!y || !y.value)
       return null;
     const { getCustomButtons: j } = y.value;
-    return y.value.canMove || j && ((E = j()) != null && E.length) ? h : s(u.parent);
+    return y.value.canMove || j && ((D = j()) != null && D.length) ? h : s(u.parent);
   }
-  function m(u) {
-    return !1;
+  function v(u) {
+    return !!r;
   }
   function a() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
@@ -805,40 +805,40 @@ function ct(e, t, r) {
   function d(u, y) {
     const { componentType: h } = u;
     let j = de(h, u, y);
-    const E = h.toLowerCase().replace(/-/g, "_");
-    return j && !j.id && j.type === h && (j.id = `${E}_${Math.random().toString().slice(2, 6)}`), j;
+    const D = h.toLowerCase().replace(/-/g, "_");
+    return j && !j.id && j.type === h && (j.id = `${D}_${Math.random().toString().slice(2, 6)}`), j;
   }
   function g(u) {
   }
   function M(...u) {
   }
-  function B(u) {
+  function $(u) {
     if (!u)
       return;
     const y = t == null ? void 0 : t.schema, { formSchemaUtils: h } = u;
     if (y && h.getExpressions().length) {
-      const j = h.getExpressions().findIndex((E) => E.target === y.id);
+      const j = h.getExpressions().findIndex((D) => D.target === y.id);
       j > -1 && h.getExpressions().splice(j, 1);
     }
   }
-  function D(u) {
+  function E(u) {
     if (!u || !(t != null && t.schema))
       return;
     const y = t.schema, { formSchemaUtils: h } = u;
     h.removeCommunicationInComponent(y);
   }
   function F(u) {
-    B(u), D(u), t != null && t.schema.contents && t.schema.contents.map((y) => {
+    $(u), E(u), t != null && t.schema.contents && t.schema.contents.map((y) => {
       let h = y.id;
       y.type === "component-ref" && (h = y.component);
       const j = e.value.querySelectorAll(`#${h}-design-item`);
-      j != null && j.length && Array.from(j).map((E) => {
+      j != null && j.length && Array.from(j).map((D) => {
         var C;
-        (C = E == null ? void 0 : E.componentInstance) != null && C.value.onRemoveComponent && E.componentInstance.value.onRemoveComponent(u);
+        (C = D == null ? void 0 : D.componentInstance) != null && C.value.onRemoveComponent && D.componentInstance.value.onRemoveComponent(u);
       });
     });
   }
-  function k() {
+  function R() {
   }
   function p(u) {
     var h, j;
@@ -847,8 +847,8 @@ function ct(e, t, r) {
     !S && u && (S = u.formSchemaUtils);
     let y = "";
     {
-      const { text: E, title: C, label: L, mainTitle: A, name: q, type: z } = t.schema;
-      y = E || C || L || A || q || ((j = ee[z]) == null ? void 0 : j.name);
+      const { text: D, title: C, label: L, mainTitle: k, name: q, type: z } = t.schema;
+      y = D || C || L || k || q || ((j = ee[z]) == null ? void 0 : j.name);
     }
     y && S.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: y,
@@ -856,34 +856,34 @@ function ct(e, t, r) {
     });
   }
   function n(u) {
-    var E;
+    var D;
     const { changeObject: y } = u, { propertyID: h, propertyValue: j } = y;
-    if (["text", "title", "label", "name", "mainTitle"].includes((E = u == null ? void 0 : u.changeObject) == null ? void 0 : E.propertyID) && h && j && (p(), S)) {
-      const C = S.getControlBasicInfoMap(), L = C.keys().toArray().filter((A) => {
+    if (["text", "title", "label", "name", "mainTitle"].includes((D = u == null ? void 0 : u.changeObject) == null ? void 0 : D.propertyID) && h && j && (p(), S)) {
+      const C = S.getControlBasicInfoMap(), L = C.keys().toArray().filter((k) => {
         var q, z;
-        return ((q = C.get(A)) == null ? void 0 : q.reliedComponentId) === ((z = t == null ? void 0 : t.schema) == null ? void 0 : z.id);
+        return ((q = C.get(k)) == null ? void 0 : q.reliedComponentId) === ((z = t == null ? void 0 : t.schema) == null ? void 0 : z.id);
       });
-      L != null && L.length && L.forEach((A) => {
-        const q = C.get(A).parentPathName.split(" > ");
-        q[0] = j, C.get(A).parentPathName = q.join(" > ");
+      L != null && L.length && L.forEach((k) => {
+        const q = C.get(k).parentPathName.split(" > ");
+        q[0] = j, C.get(k).parentPathName = q.join(" > ");
       });
     }
   }
   function f(u) {
     n(u);
   }
-  return T.value = {
-    canMove: R(),
-    canSelectParent: $(),
-    canDelete: v(),
+  return O.value = {
+    canMove: B(),
+    canSelectParent: A(),
+    canDelete: m(),
     canNested: !b(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
     parent: (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: c,
-    designerClass: O,
-    canAccepts: m,
+    designerClass: T,
+    canAccepts: v,
     getBelongedComponentInstance: i,
     getDraggableDesignItemElement: s,
     getDraggingDisplayText: a,
@@ -895,30 +895,30 @@ function ct(e, t, r) {
     triggerBelongedComponentToMoveWhenMoved: P(!1),
     triggerBelongedComponentToDeleteWhenDeleted: P(!1),
     onRemoveComponent: F,
-    getCustomButtons: k,
+    getCustomButtons: R,
     onPropertyChanged: f,
     setComponentBasicInfoMap: p,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
-  }, T;
+  }, O;
 }
 const lt = /* @__PURE__ */ Q({
   name: "FCapsuleDesign",
   props: X,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const r = P(e.items), c = P(), O = 2, T = P(e.modelValue), S = P("none"), R = P(e.type), $ = me("design-item-context"), v = ct(c, $);
+    const r = P(e.items), c = P(), T = 2, O = P(e.modelValue), S = P("none"), B = P(e.type), A = ve("design-item-context"), m = ct(c, A);
     G(() => {
-      c.value.componentInstance = v;
-    }), t.expose(v.value);
+      c.value.componentInstance = m;
+    }), t.expose(m.value);
     const b = N(() => {
       const n = {
         "f-capsule-container": !0
       };
-      return R.value && (n[R.value] = !0), n;
+      return B.value && (n[B.value] = !0), n;
     }), i = N(() => ({})), s = N(() => ({
       "f-capsule": !0
-    })), m = P(O), a = P(0), o = P(0), l = N(() => ({
-      left: `${m.value}px`,
+    })), v = P(T), a = P(0), o = P(0), l = N(() => ({
+      left: `${v.value}px`,
       width: `${a.value}px`,
       transition: S.value
     })), d = N(() => ({
@@ -930,38 +930,38 @@ const lt = /* @__PURE__ */ Q({
         const w = (f = g.get(n.value)) == null ? void 0 : f.value;
         if (w) {
           const u = w.getBoundingClientRect(), y = c.value.getBoundingClientRect();
-          m.value = u.left - y.left + O + c.value.scrollLeft, a.value = u.width - 2 * O;
+          v.value = u.left - y.left + T + c.value.scrollLeft, a.value = u.width - 2 * T;
         }
       }
     }
-    function B(n, f) {
+    function $(n, f) {
       const w = n.value;
-      T.value = w, t.emit("update:modelValue", w), M(n), f && t.emit("change", w);
+      O.value = w, t.emit("update:modelValue", w), M(n), f && t.emit("change", w);
     }
-    function D(n) {
+    function E(n) {
       const f = r.value.findIndex((w) => w.value === n);
-      f > -1 && B(r.value[f], !1);
+      f > -1 && $(r.value[f], !1);
     }
     _(() => e.modelValue, (n) => {
-      T.value = n, D(T.value);
+      O.value = n, E(O.value);
     }), _(() => e.items, async (n) => {
-      r.value = n, await U(), D(T.value), o.value = Array.from(g.values()).reduce((f, w) => (f += w.value.clientWidth, f), 0);
+      r.value = n, await U(), E(O.value), o.value = Array.from(g.values()).reduce((f, w) => (f += w.value.clientWidth, f), 0);
     }), G(async () => {
-      D(T.value), await U(), S.value = "0.1s ease-out all", o.value = Array.from(g.values()).reduce((n, f) => (n += f.value.clientWidth, n), 0);
+      E(O.value), await U(), S.value = "0.1s ease-out all", o.value = Array.from(g.values()).reduce((n, f) => (n += f.value.clientWidth, n), 0);
     });
     function F(n, f) {
-      B(f, !0);
+      $(f, !0);
     }
-    function k(n, f) {
+    function R(n, f) {
       g.set(f, n);
     }
     function p(n, f) {
       return V(se, {
         name: n.name,
         value: n.value,
-        isActive: n.value === T.value,
+        isActive: n.value === O.value,
         index: f,
-        onMounted: k,
+        onMounted: R,
         onActive: F
       }, null);
     }
@@ -986,11 +986,11 @@ J.register = (e, t, r) => {
 J.registerDesigner = (e, t, r) => {
   e.capsule = lt, t.capsule = le;
 };
-const vt = be(J);
+const ht = be(J);
 export {
   J as FCapsule,
   it as capsuleItemProps,
   X as capsuleProps,
-  vt as default,
+  ht as default,
   le as propsResolver
 };