@farris/ui-vue 1.2.9 → 1.3.1

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 N, ref as m, watch as D, computed as V, onMounted as P, createVNode as M, nextTick as T, inject as Q } from "vue";
+import { isPlainObject as L, 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,126 +63,126 @@ 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
+], ne = {
+  $schema: Y,
+  $id: Z,
+  title: I,
+  description: K,
+  type: x,
+  properties: ee,
+  required: te
 }, q = {}, _ = {};
-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;
+function F(n) {
+  const { properties: e, title: r, ignore: a } = n, s = a && Array.isArray(a), o = Object.keys(e).reduce((p, h) => ((!s || !a.find((O) => O == h)) && (p[h] = e[h].type === "object" && e[h].properties ? F(e[h]) : U(e[h].default)), p), {});
+  return r && (!s || !a.find((p) => p == "id")) && (o.id = `${r}-${Date.now()}`), o;
 }
-function N(n, e = {}, u) {
-  const l = q[n];
-  if (l) {
-    let c = W(l);
+function z(n, e = {}, r) {
+  const a = q[n];
+  if (a) {
+    let s = F(a);
     const o = _[n];
-    return c = o ? o({ getSchemaByType: N }, c, e, u) : c, c;
+    return s = o ? o({ getSchemaByType: z }, s, e, r) : s, s;
   }
   return null;
 }
-function ne(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;
-}
 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);
+  const r = F(e);
+  return Object.keys(n).reduce((a, s) => (a[s] && L(a[s]) && L(n[s]) ? Object.assign(a[s], n[s]) : a[s] = n[s], a), r), r;
+}
+function le(n, e) {
+  return Object.keys(n).filter((a) => n[a] != null).reduce((a, s) => {
+    if (e.has(s)) {
+      const o = e.get(s);
       if (typeof o == "string")
-        l[o] = n[c];
+        a[o] = n[s];
       else {
-        const i = o(c, n[c], n);
-        Object.assign(l, i);
+        const p = o(s, n[s], n);
+        Object.assign(a, p);
       }
     } else
-      l[c] = n[c];
-    return l;
+      a[s] = n[s];
+    return a;
   }, {});
 }
-function le(n, e, u = /* @__PURE__ */ new Map()) {
-  const l = ne(n, e);
-  return ae(l, u);
+function se(n, e, r = /* @__PURE__ */ new Map()) {
+  const a = ae(n, e);
+  return le(a, r);
 }
-function se(n = {}) {
-  function e(r, f, p, d) {
-    if (typeof p == "number")
-      return d[r].length === p;
-    if (typeof p == "object") {
-      const h = Object.keys(p)[0], b = p[h];
-      if (h === "not")
-        return Number(d[r].length) !== Number(b);
-      if (h === "moreThan")
-        return Number(d[r].length) >= Number(b);
-      if (h === "lessThan")
-        return Number(d[r].length) <= Number(b);
+function ce(n = {}) {
+  function e(c, f, i, d) {
+    if (typeof i == "number")
+      return d[c].length === i;
+    if (typeof i == "object") {
+      const y = Object.keys(i)[0], g = i[y];
+      if (y === "not")
+        return Number(d[c].length) !== Number(g);
+      if (y === "moreThan")
+        return Number(d[c].length) >= Number(g);
+      if (y === "lessThan")
+        return Number(d[c].length) <= Number(g);
     }
     return !1;
   }
-  function u(r, f, p, d) {
-    return d[r] && d[r].propertyValue && String(d[r].propertyValue.value) === String(p);
+  function r(c, f, i, d) {
+    return d[c] && d[c].propertyValue && String(d[c].propertyValue.value) === String(i);
   }
-  const l = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", u]
+    ["getProperty", r]
   ]);
-  Object.keys(n).reduce((r, f) => (r.set(f, n[f]), r), l);
-  function c(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) => {
+  Object.keys(n).reduce((c, f) => (c.set(f, n[f]), c), a);
+  function s(c, f) {
+    const i = c;
+    return typeof f == "number" ? [{ target: i, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: i, operator: "getProperty", param: c, value: !!f }] : typeof f == "object" ? Object.keys(f).map((d) => {
       if (d === "length")
-        return { target: p, operator: "length", param: null, value: f[d] };
-      const h = d, b = f[d];
-      return { target: p, operator: "getProperty", param: h, value: b };
+        return { target: i, operator: "length", param: null, value: f[d] };
+      const y = d, g = f[d];
+      return { target: i, operator: "getProperty", param: y, value: g };
     }) : [];
   }
-  function o(r) {
-    return Object.keys(r).reduce((p, d) => {
-      const h = c(d, r[d]);
-      return p.push(...h), p;
+  function o(c) {
+    return Object.keys(c).reduce((i, d) => {
+      const y = s(d, c[d]);
+      return i.push(...y), i;
     }, []);
   }
-  function i(r, f) {
-    if (l.has(r.operator)) {
-      const p = l.get(r.operator);
-      return p && p(r.target, r.param, r.value, f) || !1;
+  function p(c, f) {
+    if (a.has(c.operator)) {
+      const i = a.get(c.operator);
+      return i && i(c.target, c.param, c.value, f) || !1;
     }
     return !1;
   }
-  function g(r, f) {
-    return o(r).reduce((h, b) => h && i(b, f), !0);
+  function h(c, f) {
+    return o(c).reduce((y, g) => y && p(g, f), !0);
   }
-  function O(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);
+  function O(c, f) {
+    const i = Object.keys(c), d = i.includes("allOf"), y = i.includes("anyOf"), g = d || y, S = (g ? c[g ? d ? "allOf" : "anyOf" : "allOf"] : [c]).map((E) => h(E, f));
+    return d ? !S.includes(!1) : S.includes(!0);
   }
   return { parseValueSchema: O };
 }
-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 ue = {}, re = {};
+ce();
+function oe(n, e, r = /* @__PURE__ */ new Map(), a = (p, h, O) => h, s = {}, o = (p) => p) {
+  return q[e.title] = e, _[e.title] = a, ue[e.title] = s, re[e.title] = o, (p = {}) => {
+    const h = se(p, e, r), O = Object.keys(n).reduce((c, f) => (c[f] = n[f].default, c), {});
+    return Object.assign(O, h);
   };
 }
-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, r) {
   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,12 +204,12 @@ const fe = "capsule", de = "A Farris Component", ve = "object", me = {
       }
     }
   }
-}, ye = {
-  title: fe,
-  description: de,
-  type: ve,
-  categories: me
-}, L = {
+}, he = {
+  title: de,
+  description: ve,
+  type: me,
+  categories: ye
+}, W = {
   items: {
     Type: Array,
     default: [
@@ -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,292 +230,284 @@ 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({
+}, G = oe(W, ne, pe, fe, he), H = /* @__PURE__ */ N({
   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 r = m(), a = m(n.isActive);
+    D(() => n.isActive, (p) => {
+      a.value = p;
     });
-    const c = S(() => ({
+    const s = V(() => ({
       "f-capsule-item": !0,
-      "f-capsule-active-item": l.value,
+      "f-capsule-active-item": a.value,
       "f-capsule-disabled": n.disabled
     }));
     P(() => {
-      e.emit("mounted", u, n.value);
+      e.emit("mounted", r, n.value);
     });
-    function o(i) {
-      n.disabled || e.emit("active", i, {
+    function o(p) {
+      n.disabled || e.emit("active", p, {
         name: n.name,
         value: n.value
       });
     }
-    return () => w("div", {
-      ref: u,
-      class: c.value,
-      onClick: (i) => o(i)
-    }, [n.icon && w("i", {
+    return () => M("div", {
+      ref: r,
+      class: s.value,
+      onClick: (p) => o(p)
+    }, [n.icon && M("i", {
       class: n.icon
     }, null), n.name]);
   }
-}), k = /* @__PURE__ */ F({
+}), k = /* @__PURE__ */ N({
   name: "FCapsule",
-  props: L,
+  props: W,
   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 a = {
+    const r = m(n.items), a = m(), s = 2, o = m(n.modelValue), p = m("none"), h = m(n.type), O = V(() => {
+      const l = {
         "f-capsule-container": !0
       };
-      return g.value && (a[g.value] = !0), a;
-    }), r = S(() => ({})), f = S(() => ({
+      return h.value && (l[h.value] = !0), l;
+    }), c = V(() => ({})), f = V(() => ({
       "f-capsule": !0
-    })), p = y(c), d = y(0), h = y(0), b = S(() => ({
-      left: `${p.value}px`,
+    })), i = m(s), d = m(0), y = m(0), g = V(() => ({
+      left: `${i.value}px`,
       width: `${d.value}px`,
-      transition: i.value
-    })), R = S(() => ({
-      width: `${h.value}px`
+      transition: p.value
+    })), B = V(() => ({
+      width: `${y.value}px`
     })), A = /* @__PURE__ */ new Map();
-    function V(a) {
+    function S(l) {
       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;
+      if (A.has(l.value)) {
+        const u = (t = A.get(l.value)) == null ? void 0 : t.value;
+        if (u) {
+          const b = u.getBoundingClientRect(), $ = a.value.getBoundingClientRect();
+          i.value = b.left - $.left + s + a.value.scrollLeft, d.value = b.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);
+    function R(l, t) {
+      const u = l.value;
+      o.value = u, e.emit("update:modelValue", u), S(l), t && e.emit("change", u);
     }
-    function C(a) {
-      const t = u.value.findIndex((s) => s.value === a);
-      t > -1 && M(u.value[t], !1);
+    function E(l) {
+      const t = r.value.findIndex((u) => u.value === l);
+      t > -1 && R(r.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);
+    D(() => n.modelValue, (l) => {
+      o.value = l, E(o.value);
+    }), D(() => n.items, async (l) => {
+      const t = l.filter((u) => u.show);
+      j(t), r.value = t, await T(), E(o.value), y.value = Array.from(A.values()).reduce((u, b) => (u += b.value.clientWidth, u), 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);
+      E(o.value), await T(), p.value = "0.1s ease-out all", y.value = Array.from(A.values()).reduce((l, t) => (l += t.value.clientWidth, l), 0);
     });
-    function $(a, t) {
-      M(t, !0);
+    function C(l, t) {
+      R(t, !0);
     }
-    function E(a, t) {
-      A.set(t, a);
+    function v(l, t) {
+      A.set(t, l);
     }
-    function v(a) {
+    function j(l) {
       Array.from(A.keys()).forEach((t) => {
-        a.find((m) => m.value === t) || A.delete(t);
+        l.find((b) => b.value === t) || A.delete(t);
       });
     }
-    function j(a, t) {
-      return w(z, {
-        name: a.name,
-        value: a.value,
-        isActive: a.value === o.value,
+    function w(l, t) {
+      return M(H, {
+        name: l.name,
+        value: l.value,
+        isActive: l.value === o.value,
         index: t,
-        disabled: a.disabled,
-        key: a.value,
-        onMounted: E,
-        onActive: $
+        disabled: l.disabled,
+        key: l.value,
+        onMounted: v,
+        onActive: C
       }, null);
     }
-    return () => w("span", {
-      ref: l,
+    return () => M("span", {
+      ref: a,
       class: O.value,
-      style: r.value
-    }, [w("span", {
+      style: c.value
+    }, [M("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((a, t) => j(a, t))]), w("small", {
+    }, [r.value.map((l, t) => w(l, t))]), M("small", {
       class: f.value,
-      style: b.value
-    }, null), w("div", {
+      style: g.value
+    }, null), M("div", {
       class: "f-capsule-board",
-      style: R.value
+      style: B.value
     }, null)]);
   }
 });
-function ge(n, e, u) {
-  var E;
-  function l() {
+function be(n, e, r) {
+  var C;
+  function a() {
   }
-  const c = "", o = "", i = y();
-  function g() {
+  const s = "", o = "", p = m();
+  function h() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function O() {
     return !1;
   }
-  function r() {
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function f() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function p(v) {
+  function i(v) {
     if (!v || !v.value)
       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);
-    return a || null;
+    const j = m(v == null ? void 0 : v.value.parent), w = i(j);
+    return w || 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: j, designerItemElementRef: w } = v;
+    return !j || !j.value ? null : j.value.canMove ? w : d(v.parent);
   }
-  function h(v) {
-    return !!u;
+  function y(v) {
+    return !!r;
   }
-  function b() {
+  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 B() {
   }
   function A(v, j) {
   }
-  function V(v, j) {
-    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;
-  }
-  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);
-    const B = a.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === a && (m.id = `${B}_${Math.random().toString().slice(2, 6)}`), m;
+  function S(v, j) {
+    const { componentType: w } = v;
+    let l = z(w, v, j);
+    const t = w.toLowerCase().replace("-", "_");
+    return l && !l.id && l.type === w && (l.id = `${t}_${Math.random().toString().slice(2, 6)}`), l;
   }
-  function C(v) {
+  function R(v) {
   }
-  function $(...v) {
+  function E(...v) {
   }
-  return i.value = {
-    canMove: g(),
+  return p.value = {
+    canMove: h(),
     canSelectParent: O(),
-    canDelete: r(),
+    canDelete: c(),
     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,
+    parent: (C = e == null ? void 0 : e.parent) == null ? void 0 : C.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: c,
+    styles: s,
     designerClass: o,
-    canAccepts: h,
-    getBelongedComponentInstance: p,
+    canAccepts: y,
+    getBelongedComponentInstance: i,
     getDraggableDesignItemElement: d,
-    getDraggingDisplayText: b,
-    getPropConfig: $,
-    getDragScopeElement: R,
+    getDraggingDisplayText: g,
+    getPropConfig: E,
+    getDragScopeElement: B,
     onAcceptMovedChildElement: A,
-    onAcceptNewChildElement: M,
-    onChildElementMovedOut: C,
-    addNewChildComponentSchema: V,
-    updateDragAndDropRules: l,
-    triggerBelongedComponentToMoveWhenMoved: y(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: y(!1)
-  }, i;
+    onChildElementMovedOut: R,
+    addNewChildComponentSchema: S,
+    updateDragAndDropRules: a,
+    triggerBelongedComponentToMoveWhenMoved: m(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: m(!1)
+  }, p;
 }
-const be = /* @__PURE__ */ F({
+const je = /* @__PURE__ */ N({
   name: "FCapsuleDesign",
-  props: L,
+  props: W,
   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 r = m(n.items), a = m(), s = 2, o = m(n.modelValue), p = m("none"), h = m(n.type), O = Q("design-item-context"), c = be(a, O);
     P(() => {
-      l.value.componentInstance = r;
-    }), e.expose(r.value);
-    const f = S(() => {
+      a.value.componentInstance = c;
+    }), e.expose(c.value);
+    const f = V(() => {
       const t = {
         "f-capsule-container": !0
       };
-      return g.value && (t[g.value] = !0), t;
-    }), p = S(() => ({})), d = S(() => ({
+      return h.value && (t[h.value] = !0), t;
+    }), i = V(() => ({})), d = V(() => ({
       "f-capsule": !0
-    })), h = y(c), b = y(0), R = y(0), A = S(() => ({
-      left: `${h.value}px`,
-      width: `${b.value}px`,
-      transition: i.value
-    })), V = S(() => ({
-      width: `${R.value}px`
-    })), M = /* @__PURE__ */ new Map();
-    function C(t) {
-      var s;
-      if (M.has(t.value)) {
-        const m = (s = M.get(t.value)) == null ? void 0 : s.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;
+    })), y = m(s), g = m(0), B = m(0), A = V(() => ({
+      left: `${y.value}px`,
+      width: `${g.value}px`,
+      transition: p.value
+    })), S = V(() => ({
+      width: `${B.value}px`
+    })), R = /* @__PURE__ */ new Map();
+    function E(t) {
+      var u;
+      if (R.has(t.value)) {
+        const b = (u = R.get(t.value)) == null ? void 0 : u.value;
+        if (b) {
+          const $ = b.getBoundingClientRect(), J = a.value.getBoundingClientRect();
+          y.value = $.left - J.left + s + a.value.scrollLeft, g.value = $.width - 2 * s;
         }
       }
     }
-    function $(t, s) {
-      const m = t.value;
-      o.value = m, e.emit("update:modelValue", m), C(t), s && e.emit("change", m);
+    function C(t, u) {
+      const b = t.value;
+      o.value = b, e.emit("update:modelValue", b), E(t), u && e.emit("change", b);
     }
-    function E(t) {
-      const s = u.value.findIndex((m) => m.value === t);
-      s > -1 && $(u.value[s], !1);
+    function v(t) {
+      const u = r.value.findIndex((b) => b.value === t);
+      u > -1 && C(r.value[u], !1);
     }
     D(() => n.modelValue, (t) => {
-      o.value = t, E(o.value);
+      o.value = t, v(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);
+      r.value = t, await T(), v(o.value), B.value = Array.from(R.values()).reduce((u, b) => (u += b.value.clientWidth, u), 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);
+      v(o.value), await T(), p.value = "0.1s ease-out all", B.value = Array.from(R.values()).reduce((t, u) => (t += u.value.clientWidth, t), 0);
     });
-    function v(t, s) {
-      $(s, !0);
+    function j(t, u) {
+      C(u, !0);
     }
-    function j(t, s) {
-      M.set(s, t);
+    function w(t, u) {
+      R.set(u, t);
     }
-    function a(t, s) {
-      return w(z, {
+    function l(t, u) {
+      return M(H, {
         name: t.name,
         value: t.value,
         isActive: t.value === o.value,
-        index: s,
-        onMounted: j,
-        onActive: v
+        index: u,
+        onMounted: w,
+        onActive: j
       }, null);
     }
-    return () => w("span", {
-      ref: l,
+    return () => M("span", {
+      ref: a,
       class: f.value,
-      style: p.value
-    }, [w("span", {
+      style: i.value
+    }, [M("span", {
       class: "f-capsule-pane"
-    }, [u.value.map((t, s) => a(t, s))]), w("small", {
+    }, [r.value.map((t, u) => l(t, u))]), M("small", {
       class: d.value,
       style: A.value
-    }, null), w("div", {
+    }, null), M("div", {
       class: "f-capsule-board",
-      style: V.value
+      style: S.value
     }, null)]);
   }
 });
-k.register = (n, e, u) => {
-  n.capsule = k, e.capsule = J;
+k.register = (n, e, r) => {
+  n.capsule = k, e.capsule = G;
 };
-k.registerDesigner = (n, e, u) => {
-  n.capsule = be, e.capsule = J;
+k.registerDesigner = (n, e, r) => {
+  n.capsule = je, e.capsule = G;
 };
-const we = U(k);
+const Me = X(k);
 export {
   k as FCapsule,
-  he as capsuleItemProps,
-  L as capsuleProps,
-  we as default,
-  J as propsResolver
+  ge as capsuleItemProps,
+  W as capsuleProps,
+  Me as default,
+  G as propsResolver
 };