@farris/ui-vue 1.3.4 → 1.3.6

package/components/section/index.esm.js

@@ -1,54 +1,68 @@
-var De = Object.defineProperty;
-var Pe = (n, e, t) => e in n ? De(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var E = (n, e, t) => Pe(n, typeof e != "symbol" ? e + "" : e, t);
-import { ref as w, computed as A, createVNode as m, defineComponent as Z, watch as X, onMounted as W, inject as N, getCurrentInstance as Ae, createTextVNode as le, provide as ke, onBeforeUnmount as Ee, withModifiers as xe, onUnmounted as Be, Fragment as Ie } from "vue";
-import { isPlainObject as ae, cloneDeep as ue } from "lodash-es";
+var Pe = Object.defineProperty;
+var De = (n, e, t) => e in n ? Pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var E = (n, e, t) => De(n, typeof e != "symbol" ? e + "" : e, t);
+import { ref as T, computed as A, createVNode as m, defineComponent as Z, watch as X, onMounted as W, inject as N, getCurrentInstance as Ae, createTextVNode as ue, provide as ke, onBeforeUnmount as Ee, withModifiers as xe, onUnmounted as Be, Fragment as Ie } from "vue";
+import { isPlainObject as ce, cloneDeep as oe } from "lodash-es";
 import Re from "../response-toolbar/index.esm.js";
 import "bignumber.js";
 import { useDesignerInnerComponent as de } from "../designer-canvas/index.esm.js";
 import { getCustomClass as ne, withInstall as $e } from "../common/index.esm.js";
 const pe = {}, fe = {};
-function oe(n) {
-  const { properties: e, title: t, ignore: s } = n, r = s && Array.isArray(s), a = Object.keys(e).reduce((i, g) => ((!r || !s.find((f) => f === g)) && (i[g] = e[g].type === "object" && e[g].properties ? oe(e[g]) : ue(e[g].default)), i), {});
-  if (t && (!r || !s.find((i) => i === "id"))) {
-    const i = t.toLowerCase().replace(/-/g, "_");
-    a.id = `${i}_${Math.random().toString().slice(2, 6)}`;
+function se(n) {
+  const { properties: e, title: t, ignore: s } = n, i = s && Array.isArray(s), a = Object.keys(e).reduce((r, g) => ((!i || !s.find((f) => f === g)) && (r[g] = e[g].type === "object" && e[g].properties ? se(e[g]) : oe(e[g].default)), r), {});
+  if (t && (!i || !s.find((r) => r === "id"))) {
+    const r = t.toLowerCase().replace(/-/g, "_");
+    a.id = `${r}_${Math.random().toString().slice(2, 6)}`;
   }
   return a;
 }
+function je(n) {
+  const { properties: e, title: t, required: s } = n;
+  if (s && Array.isArray(s)) {
+    const i = s.reduce((a, r) => (a[r] = e[r].type === "object" && e[r].properties ? se(e[r]) : oe(e[r].default), a), {});
+    if (t && s.find((a) => a === "id")) {
+      const a = t.toLowerCase().replace(/-/g, "_");
+      i.id = `${a}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return i;
+  }
+  return {
+    type: t
+  };
+}
 function J(n, e = {}, t) {
   const s = pe[n];
   if (s) {
-    let r = oe(s);
+    let i = je(s);
     const a = fe[n];
-    return r = a ? a({ getSchemaByType: J }, r, e, t) : r, r;
+    return i = a ? a({ getSchemaByType: J }, i, e, t) : i, i;
   }
   return null;
 }
-function je(n, e) {
-  const t = oe(e);
-  return Object.keys(t).reduce((s, r) => (s[r] && ae(s[r]) && ae(n[r] || !n[r]) ? Object.assign(s[r], n[r] || {}) : s[r] = n[r], s), t), t;
-}
 function Le(n, e) {
-  return Object.keys(n).filter((s) => n[s] != null).reduce((s, r) => {
-    if (e.has(r)) {
-      const a = e.get(r);
+  const t = se(e);
+  return Object.keys(t).reduce((s, i) => (Object.prototype.hasOwnProperty.call(n, i) && (s[i] && ce(s[i]) && ce(n[i] || !n[i]) ? Object.assign(s[i], n[i] || {}) : s[i] = n[i]), s), t), t;
+}
+function Fe(n, e) {
+  return Object.keys(n).filter((s) => n[s] != null).reduce((s, i) => {
+    if (e.has(i)) {
+      const a = e.get(i);
       if (typeof a == "string")
-        s[a] = n[r];
+        s[a] = n[i];
       else {
-        const i = a(r, n[r], n);
-        Object.assign(s, i);
+        const r = a(i, n[i], n);
+        Object.assign(s, r);
       }
     } else
-      s[r] = n[r];
+      s[i] = n[i];
     return s;
   }, {});
 }
-function Fe(n, e, t = /* @__PURE__ */ new Map()) {
-  const s = je(n, e);
-  return Le(s, t);
+function Oe(n, e, t = /* @__PURE__ */ new Map()) {
+  const s = Le(n, e);
+  return Fe(s, t);
 }
-function Oe(n = {}) {
+function Ne(n = {}) {
   function e(u, h, p, b) {
     if (typeof p == "number")
       return b[u].length === p;
@@ -71,7 +85,7 @@ function Oe(n = {}) {
     ["getProperty", t]
   ]);
   Object.keys(n).reduce((u, h) => (u.set(h, n[h]), u), s);
-  function r(u, h) {
+  function i(u, h) {
     const p = u;
     return typeof h == "number" ? [{ target: p, operator: "length", param: null, value: Number(h) }] : typeof h == "boolean" ? [{ target: p, operator: "getProperty", param: u, value: !!h }] : typeof h == "object" ? Object.keys(h).map((b) => {
       if (b === "length")
@@ -82,11 +96,11 @@ function Oe(n = {}) {
   }
   function a(u) {
     return Object.keys(u).reduce((p, b) => {
-      const y = r(b, u[b]);
+      const y = i(b, u[b]);
       return p.push(...y), p;
     }, []);
   }
-  function i(u, h) {
+  function r(u, h) {
     if (s.has(u.operator)) {
       const p = s.get(u.operator);
       return p && p(u.target, u.param, u.value, h) || !1;
@@ -94,7 +108,7 @@ function Oe(n = {}) {
     return !1;
   }
   function g(u, h) {
-    return a(u).reduce((y, M) => y && i(M, h), !0);
+    return a(u).reduce((y, M) => y && r(M, h), !0);
   }
   function f(u, h) {
     const p = Object.keys(u), b = p.includes("allOf"), y = p.includes("anyOf"), M = b || y, R = (M ? u[M ? b ? "allOf" : "anyOf" : "allOf"] : [u]).map((x) => g(x, h));
@@ -142,40 +156,39 @@ const q = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
-}, Ne = {}, Ve = {};
-Oe();
-function ee(n, e, t = /* @__PURE__ */ new Map(), s = (i, g, f, u) => g, r = {}, a = (i) => i) {
-  return pe[e.title] = e, fe[e.title] = s, Ne[e.title] = r, Ve[e.title] = a, (i = {}) => {
-    const g = Fe(i, e, t), f = Object.keys(n).reduce((u, h) => (u[h] = n[h].default, u), {});
+}, _e = {}, Ve = {};
+Ne();
+function ee(n, e, t = /* @__PURE__ */ new Map(), s = (r, g, f, u) => g, i = {}, a = (r) => r) {
+  return pe[e.title] = e, fe[e.title] = s, _e[e.title] = i, Ve[e.title] = a, (r = {}) => {
+    const g = Oe(r, e, t), f = Object.keys(n).reduce((u, h) => (u[h] = n[h].default, u), {});
     return Object.assign(f, g);
   };
 }
 function me(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-function _e(n, e, t) {
+function qe(n, e, t) {
   return e ? { enableAccordion: t.accordionMode } : { enableAccordion: "" };
 }
-function qe(n, e) {
+function ze(n, e) {
   return {
     buttons: e.buttons,
     buttonPosition: e.position
   };
 }
-const ze = /* @__PURE__ */ new Map([
+const Ue = /* @__PURE__ */ new Map([
   ["appearance", me],
   ["expanded", "expandStatus"],
-  ["enableAccordion", _e],
-  ["toolbar", qe]
+  ["enableAccordion", qe],
+  ["toolbar", ze]
 ]);
-function Ue(n, e, t) {
-  const s = Math.random().toString().slice(2, 6), r = t.parentComponentInstance;
+function He(n, e, t) {
+  const s = Math.random().toString().slice(2, 6), i = t.parentComponentInstance;
   Object.assign(e, {
     id: `section-${s}`,
     appearance: {
       class: "f-section-in-mainsubcard"
     },
-    enableAccordion: !1,
     mainTitle: t.mainTitle || e.mainTitle || "标题"
   });
   const a = n.getSchemaByType("content-container");
@@ -186,20 +199,20 @@ function Ue(n, e, t) {
     },
     contents: [e]
   });
-  const i = r.schema;
-  switch (i && i.type) {
+  const r = i.schema;
+  switch (r && r.type) {
     case q["splitter-pane"].type: {
       e.appearance.class = "f-section-in-main";
       break;
     }
   }
-  const g = r.elementRef, f = window.getComputedStyle(g);
+  const g = i.elementRef, f = window.getComputedStyle(g);
   return f && f.display === "flex" && (a.appearance.class += " d-block"), a;
 }
-function He(n, e, t) {
-  return t.parentComponentInstance ? Ue(n, e, t) : e;
+function We(n, e, t) {
+  return t.parentComponentInstance ? He(n, e, t) : e;
 }
-const We = "https://json-schema.org/draft/2020-12/schema", Ge = "https://farris-design.gitee.io/section.schema.json", Qe = "section", Ze = "A Farris Container Component", Je = "object", Xe = {
+const Ge = "https://json-schema.org/draft/2020-12/schema", Qe = "https://farris-design.gitee.io/section.schema.json", Ze = "section", Je = "A Farris Container Component", Xe = "object", Ye = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -324,19 +337,19 @@ const We = "https://json-schema.org/draft/2020-12/schema", Ge = "https://farris-
     },
     default: null
   }
-}, Ye = [
+}, Ke = [
   "id",
   "type",
   "contents"
-], Ke = {
-  $schema: We,
-  $id: Ge,
-  title: Qe,
-  description: Ze,
-  type: Je,
-  properties: Xe,
-  required: Ye
-}, se = {
+], et = {
+  $schema: Ge,
+  $id: Qe,
+  title: Ze,
+  description: Je,
+  type: Xe,
+  properties: Ye,
+  required: Ke
+}, re = {
   /** 设置内容区域样式 */
   contentClass: { type: String, default: "" },
   /** 自定义样式 */
@@ -381,10 +394,10 @@ const We = "https://json-schema.org/draft/2020-12/schema", Ge = "https://farris-
   // toolbarPosition: { type: String, default: '' },
   // toolbarButtons: { type: Array<object>, default: [] },
   // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, he = ee(se, Ke, ze, He);
+}, he = ee(re, et, Ue, We);
 function ge(n, e, t) {
   let s;
-  function r(f = 1) {
+  function i(f = 1) {
     const u = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -405,36 +418,36 @@ function ge(n, e, t) {
   function a() {
     s = n.value.nextElementSibling;
     const f = document && document.querySelector("body");
-    f && (f.appendChild(n.value), n.value.style.zIndex = r());
+    f && (f.appendChild(n.value), n.value.style.zIndex = i());
   }
-  function i() {
+  function r() {
     s ? e.value.insertBefore(
       n.value,
       s
     ) : e.value.appendChild(n.value), n.value.style.zIndex = null;
   }
   function g() {
-    !n || !e.value || (t.value = !t.value, t.value ? a() : i());
+    !n || !e.value || (t.value = !t.value, t.value ? a() : r());
   }
   return { onClickMaxMinIcon: g };
 }
 function ye(n, e) {
-  const t = w(n.buttons), s = A(() => n.buttonPosition === "inHead" ? "right" : "left"), r = A(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), a = A(() => n.buttons && n.buttons.length > 0 && n.buttonPosition === "inHead");
-  function i(g) {
+  const t = T(n.buttons), s = A(() => n.buttonPosition === "inHead" ? "right" : "left"), i = A(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), a = A(() => n.buttons && n.buttons.length > 0 && n.buttonPosition === "inHead");
+  function r(g) {
     e.emit("Click", g);
   }
   return () => a.value && m(Re, {
-    customClass: r.value,
+    customClass: i.value,
     items: t.value,
-    onClick: i,
+    onClick: r,
     alignment: s.value
   }, null);
 }
-function et(n, e, t, s, r, a) {
-  w(n.subTitle);
-  const i = A(() => n.buttonPosition), g = ye(n, e), {
+function tt(n, e, t, s, i, a) {
+  T(n.subTitle);
+  const r = A(() => n.buttonPosition), g = ye(n, e), {
     onClickMaxMinIcon: f
-  } = ge(s, r, a), u = A(() => !!n.subTitle), h = A(() => n.enableMaximize), p = A(() => n.enableAccordion !== ""), b = A(() => {
+  } = ge(s, i, a), u = A(() => !!n.subTitle), h = A(() => n.enableMaximize), p = A(() => n.enableAccordion !== ""), b = A(() => {
     const x = {
       "f-section-header": !0
     };
@@ -482,7 +495,7 @@ function et(n, e, t, s, r, a) {
       const B = {
         "f-content": !0
       };
-      return n.headerContentClass && n.headerContentClass.split(" ").reduce((S, D) => (S[D] = !0, S), B), B;
+      return n.headerContentClass && n.headerContentClass.split(" ").reduce((S, P) => (S[P] = !0, S), B), B;
     });
     return e.slots.headerContent ? m("div", {
       class: x.value
@@ -491,47 +504,47 @@ function et(n, e, t, s, r, a) {
   function L() {
     return m("div", {
       class: b.value
-    }, [e.slots.headerTitle ? e.slots.headerTitle() : I(), R(), i.value === "inHead" && g(), (h.value || p.value) && M()]);
+    }, [e.slots.headerTitle ? e.slots.headerTitle() : I(), R(), r.value === "inHead" && g(), (h.value || p.value) && M()]);
   }
   return () => n.showHeader && (e.slots.header ? k() : L());
 }
-const tt = ["moz", "ms", "webkit"];
-function nt() {
+const nt = ["moz", "ms", "webkit"];
+function ot() {
   let n = 0;
   return (e) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), s = Math.max(0, 16 - (t - n)), r = setTimeout(() => {
+    const t = (/* @__PURE__ */ new Date()).getTime(), s = Math.max(0, 16 - (t - n)), i = setTimeout(() => {
       e(t + s);
     }, s);
-    return n = t + s, r;
+    return n = t + s, i;
   };
 }
-function ot() {
+function st() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const n = tt.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return n ? window[`${n}RequestAnimationFrame`] : nt();
+  const n = nt.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return n ? window[`${n}RequestAnimationFrame`] : ot();
 }
-ot();
+st();
 function H(n, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((s, r) => (r && (s[r] = !0), s), n), n;
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((s, i) => (i && (s[i] = !0), s), n), n;
 }
 const Y = /* @__PURE__ */ Z({
   name: "FSection",
-  props: se,
+  props: re,
   emits: [],
   setup(n, e) {
-    const t = w(), s = w(), r = w(n.customClass), a = A(() => n.enableAccordion), i = w(n.expandStatus), g = A(() => n.buttonPosition), f = w(!1), u = et(n, e, i, t, s, f), h = ye(n, e), p = A(() => {
+    const t = T(), s = T(), i = T(n.customClass), a = A(() => n.enableAccordion), r = T(n.expandStatus), g = A(() => n.buttonPosition), f = T(!1), u = tt(n, e, r, t, s, f), h = ye(n, e), p = A(() => {
       const I = {
         "f-section": !0,
         "f-section-accordion": a.value === "default",
-        "f-state-collapse": (a.value === "default" || a.value === "custom") && !i.value,
+        "f-state-collapse": (a.value === "default" || a.value === "custom") && !r.value,
         "f-section-custom-accordion": a.value === "custom",
         "f-section-fill": n.fill,
         "f-section-maximize": f.value
       };
-      return H(I, r.value);
+      return H(I, i.value);
     }), b = A(() => H({
       "f-section-content": !0
     }, n.contentClass)), y = A(() => H({
@@ -548,7 +561,7 @@ const Y = /* @__PURE__ */ Z({
       }, [g.value === "inContent" && h(), e.slots.default && e.slots.default()]);
     }
     return X(() => n.expandStatus, (I, R) => {
-      I !== R && (i.value = I);
+      I !== R && (r.value = I);
     }), W(() => {
       t.value && t.value && (s.value = t.value.parentElement);
     }), () => m("div", {
@@ -558,22 +571,22 @@ const Y = /* @__PURE__ */ Z({
     }, [u(), M(), k()]);
   }
 });
-function st() {
+function rt() {
   function n(e, t) {
-    var i;
+    var r;
     if (!e)
       return !1;
-    const s = ((i = e.targetContainer) == null ? void 0 : i.componentInstance) && e.targetContainer.componentInstance.value;
+    const s = ((r = e.targetContainer) == null ? void 0 : r.componentInstance) && e.targetContainer.componentInstance.value;
     if (!s)
       return !1;
-    const r = s.schema.type, a = t == null ? void 0 : t.formSchemaUtils.getComponentById(s.belongedComponentId);
-    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![q["response-layout-item"].type, q["response-form"].type].includes(r) || (e.componentType === q.tabs.type || e.componentType === q.section.type) && ((a == null ? void 0 : a.componentType) !== "frame" || ![q["content-container"].type, q["splitter-pane"].type, q["response-layout-item"].type].includes(r)));
+    const i = s.schema.type, a = t == null ? void 0 : t.formSchemaUtils.getComponentById(s.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![q["response-layout-item"].type, q["response-form"].type].includes(i) || (e.componentType === q.tabs.type || e.componentType === q.section.type) && ((a == null ? void 0 : a.componentType) !== "frame" || ![q["content-container"].type, q["splitter-pane"].type, q["response-layout-item"].type].includes(i)));
   }
   return {
     basalDragulaRuleForContainer: n
   };
 }
-const rt = {
+const it = {
   title: "section",
   description: "A Farris Container Component",
   type: "object",
@@ -676,17 +689,17 @@ const rt = {
     }
   }
 };
-class it {
+class at {
   getTemplateRule(e, t) {
-    const s = t == null ? void 0 : t.formSchemaUtils, r = s == null ? void 0 : s.getFormTemplateRule(), a = { canAccept: !0, canDelete: !0, canMove: !0 };
-    if (!r)
+    const s = t == null ? void 0 : t.formSchemaUtils, i = s == null ? void 0 : s.getFormTemplateRule(), a = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!i)
       return a;
-    const i = this.getComponentContext(e), { componentClassList: g } = i;
+    const r = this.getComponentContext(e), { componentClassList: g } = r;
     return g.forEach((f) => {
-      if (!f || !r[f])
+      if (!f || !i[f])
         return;
-      const { canMove: u, canDelete: h, canAccept: p } = r[f];
-      a.canMove = a.canMove && this.resolveRuleValue(u, i), a.canDelete = a.canDelete && this.resolveRuleValue(h, i), a.canAccept = a.canAccept && this.resolveRuleValue(p, i);
+      const { canMove: u, canDelete: h, canAccept: p } = i[f];
+      a.canMove = a.canMove && this.resolveRuleValue(u, r), a.canDelete = a.canDelete && this.resolveRuleValue(h, r), a.canAccept = a.canAccept && this.resolveRuleValue(p, r);
     }), a;
   }
   resolveRuleValue(e, t) {
@@ -694,69 +707,69 @@ class it {
   }
   parseRuleValueSchema(e, t) {
     const s = e.invalidContext || [];
-    let r = !0;
+    let i = !0;
     for (const a of s) {
       if (a.firstLevelChild) {
         if (a.firstLevelChild.class) {
-          const { firstLevelChildClassList: i } = t;
-          if (i && !i.includes(a.firstLevelChild.class)) {
-            r = !1;
+          const { firstLevelChildClassList: r } = t;
+          if (r && !r.includes(a.firstLevelChild.class)) {
+            i = !1;
             continue;
           }
         }
         if (a.firstLevelChild.type) {
-          const { firstLevelChildSchema: i } = t;
-          if (!i || i.type !== a.firstLevelChild.type) {
-            r = !1;
+          const { firstLevelChildSchema: r } = t;
+          if (!r || r.type !== a.firstLevelChild.type) {
+            i = !1;
             continue;
           }
         }
       }
       if (a.secondLevelChild) {
         if (a.secondLevelChild.class) {
-          const { secondLevelChildClassList: i } = t;
-          if (i && !i.includes(a.secondLevelChild.class)) {
-            r = !1;
+          const { secondLevelChildClassList: r } = t;
+          if (r && !r.includes(a.secondLevelChild.class)) {
+            i = !1;
             continue;
           }
         }
         if (a.secondLevelChild.type) {
-          const { secondLevelChildSchema: i } = t;
-          if (!i || i.type !== a.secondLevelChild.type) {
-            r = !1;
+          const { secondLevelChildSchema: r } = t;
+          if (!r || r.type !== a.secondLevelChild.type) {
+            i = !1;
             continue;
           }
         }
       }
       if (a.parent) {
         if (a.parent.class) {
-          const { parentClassList: i } = t;
-          if (i && !i.includes(a.parent.class)) {
-            r = !1;
+          const { parentClassList: r } = t;
+          if (r && !r.includes(a.parent.class)) {
+            i = !1;
             continue;
           }
         }
         if (a.parent.type) {
-          const { parentSchema: i } = t;
-          if (i && i.type !== a.parent.type) {
-            r = !1;
+          const { parentSchema: r } = t;
+          if (r && r.type !== a.parent.type) {
+            i = !1;
             continue;
           }
         }
       }
-      r = !0;
+      i = !0;
       break;
     }
-    return !r;
+    return !i;
   }
   getComponentContext(e) {
     var k, I, R, L;
-    const t = e.schema, s = t.appearance && t.appearance.class || "", r = s.split(" ") || [], a = t.contents || [], i = a.length ? a[0] : null, g = i && i.appearance ? i.appearance.class : "", f = g ? g.split(" ") : [], u = (k = i == null ? void 0 : i.contents) != null && k.length ? i == null ? void 0 : i.contents[0] : null, h = u && u.appearance ? u.appearance.class : "", p = h ? h.split(" ") : [], b = t.type === "component" ? (R = (I = e.parent) == null ? void 0 : I.parent) == null ? void 0 : R.schema : (L = e.parent) == null ? void 0 : L.schema, y = b && b.appearance && b.appearance.class || "", M = y ? y.split(" ") : [];
+    const t = e.schema, s = t.appearance && t.appearance.class || "", i = s.split(" ") || [], a = t.contents || [], r = a.length ? a[0] : null, g = r && r.appearance ? r.appearance.class : "", f = g ? g.split(" ") : [], u = (k = r == null ? void 0 : r.contents) != null && k.length ? r == null ? void 0 : r.contents[0] : null, h = u && u.appearance ? u.appearance.class : "", p = h ? h.split(" ") : [], b = t.type === "component" ? (R = (I = e.parent) == null ? void 0 : I.parent) == null ? void 0 : R.schema : (L = e.parent) == null ? void 0 : L.schema, y = b && b.appearance && b.appearance.class || "", M = y ? y.split(" ") : [];
     return {
       componentClass: s,
-      componentClassList: r,
+      componentClassList: i,
       childContents: a,
-      firstLevelChildSchema: i,
+      firstLevelChildSchema: r,
       firstLevelChildClass: g,
       firstLevelChildClassList: f,
       secondLevelChildSchema: u,
@@ -768,13 +781,13 @@ class it {
     };
   }
 }
-function at(n, e) {
-  const t = new it();
+function ct(n, e) {
+  const t = new at();
   function s(f) {
-    return rt;
+    return it;
   }
-  function r(f) {
-    if (!st().basalDragulaRuleForContainer(f, e))
+  function i(f) {
+    if (!rt().basalDragulaRuleForContainer(f, e))
       return !1;
     const { canAccept: h } = t.getTemplateRule(n, e);
     return h;
@@ -783,7 +796,7 @@ function at(n, e) {
     const { canDelete: f } = t.getTemplateRule(n, e);
     return f;
   }
-  function i() {
+  function r() {
     const { canMove: f } = t.getTemplateRule(n, e);
     return f;
   }
@@ -792,17 +805,17 @@ function at(n, e) {
     return !f && !u;
   }
   return {
-    canAccepts: r,
+    canAccepts: i,
     checkCanDeleteComponent: a,
-    checkCanMoveComponent: i,
+    checkCanMoveComponent: r,
     hideNestedPaddingInDesginerView: g,
     getPropsConfig: s
   };
 }
-function ct(n, e, t) {
+function lt(n, e, t) {
   var B;
-  const s = t && t.getStyles && t.getStyles() || "", r = t && t.getDesignerClass && t.getDesignerClass() || "", a = w();
-  function i() {
+  const s = t && t.getStyles && t.getStyles() || "", i = t && t.getDesignerClass && t.getDesignerClass() || "", a = T();
+  function r() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
   function g() {
@@ -819,12 +832,12 @@ function ct(n, e, t) {
       return null;
     if (v.value.schema && v.value.schema.type === "component")
       return v.value;
-    const S = w(v == null ? void 0 : v.value.parent), D = h(S);
-    return D || null;
+    const S = T(v == null ? void 0 : v.value.parent), P = h(S);
+    return P || null;
   }
   function p(v = e) {
-    const { componentInstance: S, designerItemElementRef: D } = v;
-    return !S || !S.value ? null : S.value.canMove ? D : p(v.parent);
+    const { componentInstance: S, designerItemElementRef: P } = v;
+    return !S || !S.value ? null : S.value.canMove ? P : p(v.parent);
   }
   function b(v) {
     return !!t && t.canAccepts(v);
@@ -838,11 +851,11 @@ function ct(n, e, t) {
     S && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(S);
   }
   function I(v, S) {
-    const { componentType: D } = v;
-    let $ = J(D, v, S);
+    const { componentType: P } = v;
+    let $ = J(P, v, S);
     t && t.onResolveNewComponentSchema && ($ = t.onResolveNewComponentSchema(v, $));
-    const V = D.toLowerCase().replace(/-/g, "_");
-    return $ && !$.id && $.type === D && ($.id = `${V}_${Math.random().toString().slice(2, 6)}`), $;
+    const _ = P.toLowerCase().replace(/-/g, "_");
+    return $ && !$.id && $.type === P && ($.id = `${_}_${Math.random().toString().slice(2, 6)}`), $;
   }
   function R(v) {
   }
@@ -855,12 +868,12 @@ function ct(n, e, t) {
       var $;
       let S = v.id;
       v.type === "component-ref" && (S = v.component);
-      const D = n.value.querySelector(`#${S}-design-item`);
-      ($ = D == null ? void 0 : D.componentInstance) != null && $.value.onRemoveComponent && D.componentInstance.value.onRemoveComponent();
+      const P = n.value.querySelector(`#${S}-design-item`);
+      ($ = P == null ? void 0 : P.componentInstance) != null && $.value.onRemoveComponent && P.componentInstance.value.onRemoveComponent();
     });
   }
   return a.value = {
-    canMove: i(),
+    canMove: r(),
     canSelectParent: g(),
     canDelete: f(),
     canNested: !u(),
@@ -869,7 +882,7 @@ function ct(n, e, t) {
     parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: s,
-    designerClass: r,
+    designerClass: i,
     canAccepts: b,
     getBelongedComponentInstance: h,
     getDraggableDesignItemElement: p,
@@ -879,25 +892,25 @@ function ct(n, e, t) {
     onAcceptMovedChildElement: k,
     onChildElementMovedOut: R,
     addNewChildComponentSchema: I,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || w(!1),
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || T(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || T(!1),
     onRemoveComponent: x
   }, a;
 }
-const lt = /* @__PURE__ */ new Map([
+const ut = /* @__PURE__ */ new Map([
   ["buttons", "items"],
   ["appearance", me]
 ]);
-function ut(n, e) {
+function dt(n, e) {
   return { class: e.class, style: e.style };
 }
-const dt = /* @__PURE__ */ new Map([
-  ["appearance", ut]
+const pt = /* @__PURE__ */ new Map([
+  ["appearance", dt]
 ]);
 function be(n, e, t) {
   return e;
 }
-const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-design.gitee.io/response-toolbar.schema.json", mt = "response-toolbar", ht = "A Farris Toolbar Component", gt = "object", yt = {
+const ft = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/response-toolbar.schema.json", ht = "response-toolbar", gt = "A Farris Toolbar Component", yt = "object", bt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -927,19 +940,19 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     type: "array",
     default: []
   }
-}, bt = [
+}, vt = [
   "id",
   "type",
   "buttons"
-], vt = {
-  $schema: pt,
-  $id: ft,
-  title: mt,
-  description: ht,
-  type: gt,
-  properties: yt,
-  required: bt
-}, Ct = "https://json-schema.org/draft/2020-12/schema", Tt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", wt = "response-toolbar-item", St = "A Farris Toolbar Item Component", Mt = "object", Dt = {
+], Ct = {
+  $schema: ft,
+  $id: mt,
+  title: ht,
+  description: gt,
+  type: yt,
+  properties: bt,
+  required: vt
+}, wt = "https://json-schema.org/draft/2020-12/schema", Tt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", St = "response-toolbar-item", Mt = "A Farris Toolbar Item Component", Pt = "object", Dt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -984,18 +997,18 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     type: "string",
     default: ""
   }
-}, Pt = [
+}, At = [
   "id",
   "type",
   "text"
-], At = {
-  $schema: Ct,
+], kt = {
+  $schema: wt,
   $id: Tt,
-  title: wt,
-  description: St,
-  type: Mt,
+  title: St,
+  description: Mt,
+  type: Pt,
   properties: Dt,
-  required: Pt
+  required: At
 }, ve = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
@@ -1004,13 +1017,13 @@ const pt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-
     Type: Array,
     default: []
   }
-}, kt = Object.assign({}, ve, {
+}, Et = Object.assign({}, ve, {
   componentId: { type: String, default: "" }
 });
 ee(
   ve,
-  vt,
-  lt,
+  Ct,
+  ut,
   be
 );
 const Ce = {
@@ -1025,11 +1038,11 @@ const Ce = {
 };
 ee(
   Ce,
-  At,
-  dt,
+  kt,
+  pt,
   be
 );
-class Te {
+class we {
   constructor(e) {
     /** 工具栏项标识 */
     E(this, "id", "");
@@ -1091,20 +1104,20 @@ class Te {
     return this.visible ? this.width : !1;
   }
 }
-class Et extends Te {
+class xt extends we {
   constructor(e) {
     super(e);
   }
 }
-function xt() {
+function Bt() {
   function n(e) {
     const t = [];
-    return e.reduce((s, r) => (r.children && r.children.length > 0 ? s.push(new K(r)) : s.push(new Et(r)), s), t), t;
+    return e.reduce((s, i) => (i.children && i.children.length > 0 ? s.push(new K(i)) : s.push(new xt(i)), s), t), t;
   }
   return { buildResponseToolbarItems: n };
 }
-const { buildResponseToolbarItems: Bt } = xt();
-class K extends Te {
+const { buildResponseToolbarItems: It } = Bt();
+class K extends we {
   constructor(t) {
     super(t);
     E(this, "placement", "");
@@ -1118,19 +1131,19 @@ class K extends Te {
     E(this, "children", []);
     E(this, "expanded", !1);
     const s = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(t).filter((r) => s.indexOf(r) > -1).forEach((r) => {
-      this[r] = t[r];
-    }), t.children && t.children.length && (this.children = Bt(t.children));
+    Object.keys(t).filter((i) => s.indexOf(i) > -1).forEach((i) => {
+      this[i] = t[i];
+    }), t.children && t.children.length && (this.children = It(t.children));
   }
 }
-function It() {
+function Rt() {
   function n(t) {
     const s = {
       "f-icon": !0
     };
     if (t.icon) {
-      const r = t.icon.trim().split(" ");
-      r && r.length && r.reduce((a, i) => (a[i] = !0, a), s);
+      const i = t.icon.trim().split(" ");
+      i && i.length && i.reduce((a, r) => (a[r] = !0, a), s);
     }
     return s;
   }
@@ -1139,10 +1152,10 @@ function It() {
   }
   return { iconClass: n, shouldShowIcon: e };
 }
-function Rt(n, e) {
+function $t(n, e) {
   const t = N("design-item-context"), s = N("toolbar-item-handler", () => {
   });
-  function r() {
+  function i() {
     s && s();
   }
   function a(l) {
@@ -1151,17 +1164,17 @@ function Rt(n, e) {
     };
     if (l.class) {
       const c = l.menuClass.split(" ");
-      c && c.length && c.reduce((d, T) => (d[T] = !0, d), o);
+      c && c.length && c.reduce((d, w) => (d[w] = !0, d), o);
     }
     return o;
   }
-  function i(l) {
+  function r(l) {
     const o = {
       disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
     }, c = l.dropdownClass.split(" ");
-    return c && c.length && c.reduce((d, T) => (d[T] = !0, d), o), o;
+    return c && c.length && c.reduce((d, w) => (d[w] = !0, d), o), o;
   }
   function g(l) {
     const o = {
@@ -1171,17 +1184,17 @@ function Rt(n, e) {
       "position-relative": !0,
       "farris-component": !0
     }, c = l.class.split(" ");
-    return c && c.length && c.reduce((d, T) => (d[T] = !0, d), o), o;
+    return c && c.length && c.reduce((d, w) => (d[w] = !0, d), o), o;
   }
   let f;
   const u = /* @__PURE__ */ new Map();
   function h(l, o, c) {
-    var T;
-    ((T = l.target) == null ? void 0 : T.id) === o.id && l.stopPropagation();
+    var w;
+    ((w = l.target) == null ? void 0 : w.id) === o.id && l.stopPropagation();
     const d = c ? c.id : "__top_item__";
     if (o.children && o.children.length && (o.expanded = !o.expanded, o.expanded ? u.set(d, o) : u.delete(d)), u.has(d) && u.get(d) !== o) {
-      const P = u.get(d);
-      P && (P.expanded = !1);
+      const D = u.get(d);
+      D && (D.expanded = !1);
     }
   }
   function p(l) {
@@ -1200,19 +1213,19 @@ function Rt(n, e) {
       buttons: o = []
     } = t.schema;
     let c = [];
-    o.forEach((P) => {
-      c = c.concat(P.children || []);
+    o.forEach((D) => {
+      c = c.concat(D.children || []);
     });
-    const d = c.findIndex((P) => P.id === l), T = d === -1 ? null : c[d];
+    const d = c.findIndex((D) => D.id === l), w = d === -1 ? null : c[d];
     return {
       index: d,
-      item: T
+      item: w
     };
   }
   function k(l) {
     const {
       buttons: o = []
-    } = t.schema, c = o.findIndex((T) => T.id === l), d = c === -1 ? null : o[c];
+    } = t.schema, c = o.findIndex((w) => w.id === l), d = c === -1 ? null : o[c];
     return {
       index: c,
       item: d
@@ -1245,56 +1258,56 @@ function Rt(n, e) {
   }
   function B(l, o, c) {
     p(l);
-    const d = o.id, T = c && c.id, {
-      buttons: P = []
+    const d = o.id, w = c && c.id, {
+      buttons: D = []
     } = t.schema;
-    if (!T)
+    if (!w)
       return;
     const {
       index: j
-    } = k(T);
+    } = k(w);
     if (j === -1)
       return;
     const {
-      index: _
+      index: V
     } = M(d);
-    _ !== -1 && (P[j].children.splice(_, 1), r());
+    V !== -1 && (D[j].children.splice(V, 1), i());
   }
   function v(l, o, c) {
     p(l);
     const d = c && c.id, {
-      buttons: T = []
+      buttons: w = []
     } = t.schema;
     if (!d)
       return;
     const {
-      index: P
+      index: D
     } = k(d);
-    if (P === -1)
+    if (D === -1)
       return;
-    const j = L(), _ = Object.assign({}, j, {
+    const j = L(), V = Object.assign({}, j, {
       text: o.text
     });
-    T[P].children.push(_), r();
+    w[D].children.push(V), i();
   }
   function S(l, o, c) {
     p(l);
     const d = c && c.id, {
-      buttons: T = []
+      buttons: w = []
     } = t.schema;
     if (!d)
       return;
     const {
-      index: P
+      index: D
     } = k(d);
-    if (P === -1)
+    if (D === -1)
       return;
-    const j = L(), _ = Object.assign({}, j, {
+    const j = L(), V = Object.assign({}, j, {
       text: "按钮"
     });
-    T[P].children.push(_), r();
+    w[D].children.push(V), i();
   }
-  function D(l, o) {
+  function P(l, o) {
     return m("div", {
       class: "component-btn-group"
     }, [m("div", null, [m("div", {
@@ -1326,11 +1339,11 @@ function Rt(n, e) {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), m("span", {
       style: "font-size:13px;margin:auto"
-    }, [le("新增同级")])])])]);
+    }, [ue("新增同级")])])])]);
   }
   function $(l) {
     return l.children.map((o) => o.children && o.children.length ? m("li", {
-      class: i(o),
+      class: r(o),
       id: o.id,
       onClick: (c) => o.enable && h(c, o, l)
     }, [m("span", {
@@ -1344,47 +1357,47 @@ function Rt(n, e) {
       class: g(o),
       id: o.id,
       onClick: (c) => x(c, o)
-    }, [D(o, l), n.shouldShowIcon(o) && m("i", {
+    }, [P(o, l), n.shouldShowIcon(o) && m("i", {
       class: n.iconClass(o)
     }, null), o.text]));
   }
-  function V(l, o, c) {
+  function _(l, o, c) {
     const d = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, T = document.getElementsByTagName("body")[0].getClientRects()[0].width, P = o, j = P == null ? void 0 : P.getClientRects();
-    if (P && j && j.length) {
+    }, w = document.getElementsByTagName("body")[0].getClientRects()[0].width, D = o, j = D == null ? void 0 : D.getClientRects();
+    if (D && j && j.length) {
       const {
-        top: _,
+        top: V,
         width: G,
         left: z,
         right: F,
         height: O
-      } = j[0], U = Math.ceil(O + _);
+      } = j[0], U = Math.ceil(O + V);
       d.top = `${U}px`, d.left = `${z}px`;
       const Q = l.id + "_menu", te = o ? o.querySelector("#" + Q) : null;
       if (te) {
         d.display === "block" && (te.style.display = "block");
-        const ie = te.getBoundingClientRect();
+        const ae = te.getBoundingClientRect();
         if (c) {
-          d.top = `${_ - 6}px`;
+          d.top = `${V - 6}px`;
           const Me = Math.ceil(G + z);
           d.left = `${Me}px`;
         }
-        T - z - G < ie.width && (d.left = `${(c ? z : F) - ie.width}px`);
+        w - z - G < ae.width && (d.left = `${(c ? z : F) - ae.width}px`);
       }
     }
     return d;
   }
   f = function(l, o) {
-    var P, j;
-    const c = Ae(), d = o ? o.id : l.id, T = (j = (P = c == null ? void 0 : c.exposed) == null ? void 0 : P.elementRef.value) == null ? void 0 : j.querySelector("#" + d);
+    var D, j;
+    const c = Ae(), d = o ? o.id : l.id, w = (j = (D = c == null ? void 0 : c.exposed) == null ? void 0 : D.elementRef.value) == null ? void 0 : j.querySelector("#" + d);
     return m("ul", {
       class: a(l),
-      style: V(l, T, o),
+      style: _(l, w, o),
       id: l.id + "_menu"
     }, [$(l)]);
   };
@@ -1398,11 +1411,11 @@ function Rt(n, e) {
     clearAllDropDownMenu: C
   };
 }
-function $t(n, e, t) {
-  const s = w(n.alignment), {
-    renderDropdownMenu: r,
+function jt(n, e, t) {
+  const s = T(n.alignment), {
+    renderDropdownMenu: i,
     clearAllDropDownMenu: a
-  } = Rt(e, t), i = N("design-item-context"), g = N("toolbar-item-handler", () => {
+  } = $t(e, t), r = N("design-item-context"), g = N("toolbar-item-handler", () => {
   });
   function f() {
     g && g();
@@ -1453,7 +1466,7 @@ function $t(n, e, t) {
     return y(C);
   };
   function k(C) {
-    const l = i.schema.buttons || i.schema.contents, o = l == null ? void 0 : l.findIndex((d) => d.id === C), c = o === -1 ? null : l[o];
+    const l = r.schema.buttons || r.schema.contents, o = l == null ? void 0 : l.findIndex((d) => d.id === C), c = o === -1 ? null : l[o];
     return {
       index: o,
       toolbarItem: c
@@ -1467,10 +1480,10 @@ function $t(n, e, t) {
     } = k(l);
     if (o === -1)
       return;
-    const d = c.text || "按钮", T = M(), P = Object.assign({}, T, {
+    const d = c.text || "按钮", w = M(), D = Object.assign({}, w, {
       text: d
     });
-    (j = i.schema.buttons) == null || j.push(P), f();
+    (j = r.schema.buttons) == null || j.push(D), f();
   }
   function R(C, l) {
     const {
@@ -1479,13 +1492,13 @@ function $t(n, e, t) {
     } = k(l);
     if (o === -1)
       return;
-    const d = c.text || "按钮", T = M(), P = Object.assign({}, T, {
+    const d = c.text || "按钮", w = M(), D = Object.assign({}, w, {
       text: d
-    }), j = i.schema.buttons[o].children || [];
-    j.push(P), i.schema.buttons[o].children = j, f();
+    }), j = r.schema.buttons[o].children || [];
+    j.push(D), r.schema.buttons[o].children = j, f();
   }
   function L(C, l) {
-    const o = i.schema.buttons || i.schema.contents, c = o == null ? void 0 : o.findIndex((d) => d.id === l);
+    const o = r.schema.buttons || r.schema.contents, c = o == null ? void 0 : o.findIndex((d) => d.id === l);
     c !== -1 && (o.splice(c, 1), f());
   }
   function x(C) {
@@ -1520,7 +1533,7 @@ function $t(n, e, t) {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), m("span", {
       style: "font-size:13px;margin:auto"
-    }, [le("新增子级")])])])]);
+    }, [ue("新增子级")])])])]);
   }
   function B() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((l) => l.classList.remove("dgComponentFocused"));
@@ -1532,13 +1545,13 @@ function $t(n, e, t) {
   }
   function S(C) {
     var d;
-    const l = i.schema.buttons || i.schema.contents, o = l == null ? void 0 : l.findIndex((T) => T.id === C);
+    const l = r.schema.buttons || r.schema.contents, o = l == null ? void 0 : l.findIndex((w) => w.id === C);
     if (o === -1)
       return;
     const c = l[o];
-    (d = i == null ? void 0 : i.setupContext) == null || d.emit("selectionChange", "response-toolbar-item", c);
+    (d = r == null ? void 0 : r.setupContext) == null || d.emit("selectionChange", "response-toolbar-item", c);
   }
-  function D(C, l) {
+  function P(C, l) {
     p(C), B(), v(C), p(C), b(C, l), S(l.id);
   }
   function $(C) {
@@ -1548,23 +1561,23 @@ function $t(n, e, t) {
     }, [m("div", {
       class: h(C),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (l) => C.enable && D(l, C)
+      onClick: (l) => C.enable && P(l, C)
     }, [x(C.id), e.shouldShowIcon(C) && m("i", {
       class: e.iconClass(C)
     }, null), m("span", null, [C.text]), m("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), r(C)]);
+    }, null)]), i(C)]);
   }
-  function V() {
+  function _() {
     a();
   }
   return {
     renderToolbarDropdown: $,
-    clearAllDropDown: V
+    clearAllDropDown: _
   };
 }
-class re {
+class ie {
   constructor(e, t) {
     E(this, "componentId");
     E(this, "viewModelId");
@@ -1593,8 +1606,8 @@ class re {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((a) => a.id === t);
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((a) => a.id === t);
       }
       e.updateOn = (s = this.designViewModelField) == null ? void 0 : s.updateOn;
     }
@@ -1656,11 +1669,11 @@ class re {
     const s = t && t.parent && t.parent.schema;
     if (!s)
       return;
-    const r = s.contents.findIndex((i) => i.id === e), a = ue(s.contents[r]);
-    s.contents.splice(r, 1), s.contents.splice(r, 0, a);
+    const i = s.contents.findIndex((r) => r.id === e), a = oe(s.contents[i]);
+    s.contents.splice(i, 1), s.contents.splice(i, 0, a);
   }
 }
-class jt extends re {
+class Lt extends ie {
   constructor(e, t) {
     super(e, t);
   }
@@ -1743,18 +1756,18 @@ class jt extends re {
     };
   }
 }
-function Lt(n, e) {
+function Ft(n, e) {
   const t = n.schema;
   function s(h) {
     return !1;
   }
-  function r(h, p) {
+  function i(h, p) {
     return p.text = h.label, p;
   }
   function a() {
     return !1;
   }
-  function i() {
+  function r() {
     return !1;
   }
   function g() {
@@ -1764,19 +1777,19 @@ function Lt(n, e) {
     return !0;
   }
   function u(h) {
-    return new jt(h, e).getPropertyConfig(t);
+    return new Lt(h, e).getPropertyConfig(t);
   }
   return {
     canAccepts: s,
     checkCanAddComponent: g,
-    checkCanDeleteComponent: i,
+    checkCanDeleteComponent: r,
     checkCanMoveComponent: a,
     hideNestedPaddingInDesginerView: f,
-    onResolveNewComponentSchema: r,
+    onResolveNewComponentSchema: i,
     getPropsConfig: u
   };
 }
-const Ft = {
+const Ot = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -1789,12 +1802,12 @@ const Ft = {
    * 组件值
    */
   modelValue: { type: Object }
-}, ce = w(0);
-function Ot(n, e) {
-  const t = e.getBoundingClientRect(), s = n.getBoundingClientRect(), r = s.top >= t.top, a = s.top <= t.bottom;
-  return r && a;
+}, le = T(0);
+function Nt(n, e) {
+  const t = e.getBoundingClientRect(), s = n.getBoundingClientRect(), i = s.top >= t.top, a = s.top <= t.bottom;
+  return i && a;
 }
-function Nt(n) {
+function _t(n) {
   if (!n)
     return;
   let e;
@@ -1805,25 +1818,25 @@ function Nt(n) {
     return;
   const s = e.querySelector(".component-btn-group");
   if (s) {
-    if (!Ot(e, n)) {
+    if (!Nt(e, n)) {
       s.style.display = "none";
       return;
     }
     s.style.display = "";
-    const a = s.getBoundingClientRect(), i = s.querySelector("div");
-    if (i) {
-      const g = i.getBoundingClientRect();
-      i.style.top = a.top + "px", i.style.left = a.left - g.width + "px";
+    const a = s.getBoundingClientRect(), r = s.querySelector("div");
+    if (r) {
+      const g = r.getBoundingClientRect();
+      r.style.top = a.top + "px", r.style.left = a.left - g.width + "px";
     }
   }
 }
 function Vt(n, e, t) {
   var B;
-  const s = "", r = w();
+  const s = "", i = T();
   function a() {
     return !0;
   }
-  function i() {
+  function r() {
     return !1;
   }
   function g() {
@@ -1838,12 +1851,12 @@ function Vt(n, e, t) {
   function h(v) {
     if (!v || !v.value)
       return null;
-    const S = w(v == null ? void 0 : v.value.parent), D = h(S);
-    return D || null;
+    const S = T(v == null ? void 0 : v.value.parent), P = h(S);
+    return P || null;
   }
   function p(v = e) {
-    const { componentInstance: S, designerItemElementRef: D } = v;
-    return !S || !S.value ? null : S.value.canMove || S.value.canAdd || S.value.canDelete ? D : p(v.parent);
+    const { componentInstance: S, designerItemElementRef: P } = v;
+    return !S || !S.value ? null : S.value.canMove || S.value.canAdd || S.value.canDelete ? P : p(v.parent);
   }
   function b(v) {
     return !!t;
@@ -1856,10 +1869,10 @@ function Vt(n, e, t) {
   function k(v, S) {
   }
   function I(v) {
-    const { componentType: S } = v, D = N("designer-host-service");
-    let $ = J(S, v, D);
-    const V = S.toLowerCase().replace(/-/g, "_");
-    return $ && !$.id && $.type === S && ($.id = `${V}_${Math.random().toString().slice(2, 6)}`), $;
+    const { componentType: S } = v, P = N("designer-host-service");
+    let $ = J(S, v, P);
+    const _ = S.toLowerCase().replace(/-/g, "_");
+    return $ && !$.id && $.type === S && ($.id = `${_}_${Math.random().toString().slice(2, 6)}`), $;
   }
   function R(v) {
   }
@@ -1868,9 +1881,9 @@ function Vt(n, e, t) {
   }
   function x() {
   }
-  return r.value = {
+  return i.value = {
     canMove: a(),
-    canSelectParent: i(),
+    canSelectParent: r(),
     canAdd: f(),
     canDelete: g(),
     canNested: !u(),
@@ -1889,16 +1902,16 @@ function Vt(n, e, t) {
     onChildElementMovedOut: R,
     addNewChildComponentSchema: I,
     onRemoveComponent: x,
-    triggerBelongedComponentToMoveWhenMoved: w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: w(!1)
-  }, r;
+    triggerBelongedComponentToMoveWhenMoved: T(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: T(!1)
+  }, i;
 }
-const we = /* @__PURE__ */ Z({
+const Te = /* @__PURE__ */ Z({
   name: "FDesignerInnerItem",
-  props: Ft,
+  props: Ot,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(n, e) {
-    const t = w(n.canMove), s = w(n.canAdd), r = w(n.canDelete), a = w(!1), i = w(n.contentKey), g = w(n.childType), f = w(n.childLabel), u = w(n.modelValue), h = w(""), p = w(), b = N("canvas-dragula"), y = w(), M = N("design-item-context"), k = {
+    const t = T(n.canMove), s = T(n.canAdd), i = T(n.canDelete), a = T(!1), r = T(n.contentKey), g = T(n.childType), f = T(n.childLabel), u = T(n.modelValue), h = T(""), p = T(), b = N("canvas-dragula"), y = T(), M = N("design-item-context"), k = {
       designerItemElementRef: p,
       componentInstance: y,
       schema: u.value,
@@ -1910,23 +1923,23 @@ const we = /* @__PURE__ */ Z({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": n.id === "root-component",
-      "position-relative": t.value || r.value,
+      "position-relative": t.value || i.value,
       "farris-nested": a.value,
       "can-move": t.value,
       "d-none": p.value && p.value.classList.contains("d-none")
     })), R = A(() => {
       const o = {};
       return h.value && h.value.split(";").reduce((c, d) => {
-        const [T, P] = d.split(":");
-        return T && (c[T] = P), c;
+        const [w, D] = d.split(":");
+        return w && (c[w] = D), c;
       }, o), o;
     });
     function L(o, c) {
-      if (M && M.schema[i.value]) {
-        const d = M.schema[i.value].findIndex((T) => T.id === c.id);
+      if (M && M.schema[r.value]) {
+        const d = M.schema[r.value].findIndex((w) => w.id === c.id);
         if (d > -1) {
-          const T = M.schema[i.value].length, P = M.schema[i.value][d % T];
-          M.designerItemElementRef.value.querySelector(`#${P.id}-design-item`), M.schema[i.value].splice(d, 1), ce.value++, e.emit("removeComponent");
+          const w = M.schema[r.value].length, D = M.schema[r.value][d % w];
+          M.designerItemElementRef.value.querySelector(`#${D.id}-design-item`), M.schema[r.value].splice(d, 1), le.value++, e.emit("removeComponent");
         }
       }
     }
@@ -1938,7 +1951,7 @@ const we = /* @__PURE__ */ Z({
           parentComponentInstance: y.value,
           targetPosition: -1
         }, d = y.value.addNewChildComponentSchema(c);
-        u.value[i.value].push(d), e.emit("addComponent");
+        u.value[r.value].push(d), e.emit("addComponent");
       }
     }
     function B() {
@@ -1955,7 +1968,7 @@ const we = /* @__PURE__ */ Z({
       }, null)]);
     }
     function v(o) {
-      return r.value && m("div", {
+      return i.value && m("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
@@ -1976,7 +1989,7 @@ const we = /* @__PURE__ */ Z({
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function D(o) {
+    function P(o) {
       return m("div", {
         class: "component-btn-group",
         "data-noattach": "true"
@@ -1987,32 +2000,32 @@ const we = /* @__PURE__ */ Z({
     });
     function $(o) {
       const c = o.target;
-      Nt(c);
+      _t(c);
     }
-    function V() {
+    function _() {
       var o, c;
       (c = (o = u.value) == null ? void 0 : o.contents) != null && c.length && p.value && p.value.addEventListener("scroll", $);
     }
     function C() {
-      const o = p.value, c = w(o.children[1]);
+      const o = p.value, c = T(o.children[1]);
       return Vt(c, k).value;
     }
     W(() => {
       if (p.value) {
         const o = p.value.querySelector(`[data-dragref='${u.value.id}-container']`);
-        y.value = o && o.componentInstance ? o.componentInstance.value : C(), b && o && b.attachComponents(o, u.value), a.value = y.value.canNested !== void 0 ? y.value.canNested : a.value, s.value = y.value.canAdd !== void 0 ? y.value.canAdd : s.value, r.value = y.value.canDelete !== void 0 ? y.value.canDelete : r.value, t.value = y.value.canMove !== void 0 ? y.value.canMove : t.value, h.value = y.value.styles || "", p.value && (p.value.componentInstance = y, p.value.designItemContext = k);
+        y.value = o && o.componentInstance ? o.componentInstance.value : C(), b && o && b.attachComponents(o, u.value), a.value = y.value.canNested !== void 0 ? y.value.canNested : a.value, s.value = y.value.canAdd !== void 0 ? y.value.canAdd : s.value, i.value = y.value.canDelete !== void 0 ? y.value.canDelete : i.value, t.value = y.value.canMove !== void 0 ? y.value.canMove : t.value, h.value = y.value.styles || "", p.value && (p.value.componentInstance = y, p.value.designItemContext = k);
       }
-      V(), ce.value++;
+      _(), le.value++;
     }), Ee(() => {
       p.value && p.value.removeEventListener("scroll", $);
     });
     function l(o) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((T) => T.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((w) => w.classList.remove("dgComponentFocused")), o && (o.preventDefault(), o.stopPropagation());
       let c = k.designerItemElementRef;
       const d = p.value;
       if (d) {
-        const T = document.getElementsByClassName("dgComponentSelected");
-        T && T.length === 1 && T[0] === p.value || (Array.from(T).forEach((j) => j.classList.remove("dgComponentSelected")), d.classList.add("dgComponentFocused"), e.emit("selectionChange", u.value.type, u.value, n.componentId, y.value), c = y.value.getDraggableDesignItemElement(k), c && c.value && c.value.classList.add("dgComponentSelected"));
+        const w = document.getElementsByClassName("dgComponentSelected");
+        w && w.length === 1 && w[0] === p.value || (Array.from(w).forEach((j) => j.classList.remove("dgComponentSelected")), d.classList.add("dgComponentFocused"), e.emit("selectionChange", u.value.type, u.value, n.componentId, y.value), c = y.value.getDraggableDesignItemElement(k), c && c.value && c.value.classList.add("dgComponentSelected"));
       }
       $({
         target: c == null ? void 0 : c.value
@@ -2024,10 +2037,10 @@ const we = /* @__PURE__ */ Z({
       class: I.value,
       style: R.value,
       onClick: l
-    }, [D(u.value), e.slots.default && e.slots.default()]);
+    }, [P(u.value), e.slots.default && e.slots.default()]);
   }
 });
-class _t extends re {
+class qt extends ie {
   constructor(e, t) {
     super(e, t);
   }
@@ -2088,11 +2101,11 @@ class _t extends re {
         label: "onClick",
         name: "点击事件"
       }
-    ], s = this, r = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), a = {};
+    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), a = {};
     a[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: r
+        initialData: i
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
@@ -2102,14 +2115,14 @@ class _t extends re {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(i, g) {
-        const f = i.propertyValue;
+      setPropertyRelates(r, g) {
+        const f = r.propertyValue;
         delete e[s.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, f.events, f));
       }
     };
   }
 }
-class qt extends re {
+class zt extends ie {
   constructor(e, t) {
     super(e, t);
   }
@@ -2186,11 +2199,11 @@ class qt extends re {
         label: "onClick",
         name: "点击事件"
       }
-    ], s = this, r = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), a = {};
+    ], s = this, i = s.eventsEditorUtils.formProperties(e, s.viewModelId, t), a = {};
     a[s.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: r
+        initialData: i
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
@@ -2200,57 +2213,57 @@ class qt extends re {
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(i, g) {
-        const f = i.propertyValue;
+      setPropertyRelates(r, g) {
+        const f = r.propertyValue;
         delete e[s.viewModelId], f && (f.setPropertyRelates = this.setPropertyRelates, s.eventsEditorUtils.saveRelatedParameters(e, s.viewModelId, f.events, f));
       }
     };
   }
 }
-function zt(n, e) {
+function Ut(n, e) {
   function t(g) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function r() {
+  function i() {
     return !0;
   }
   function a() {
     return !1;
   }
-  function i(g) {
+  function r(g) {
     let f;
     switch (n.schema.type) {
       case "tab-toolbar-item":
-        f = new _t(g, e);
+        f = new qt(g, e);
         break;
       default:
-        f = new qt(g, e);
+        f = new zt(g, e);
     }
     return f.getPropertyConfig(n.schema);
   }
   return {
     canAccepts: t,
     checkCanMoveComponent: s,
-    checkCanDeleteComponent: r,
+    checkCanDeleteComponent: i,
     checkCanAddComponent: a,
-    getPropsConfig: i
+    getPropsConfig: r
   };
 }
-const Ut = /* @__PURE__ */ Z({
+const Ht = /* @__PURE__ */ Z({
   name: "FResponseToolbarItemDesign",
   props: Ce,
   emits: ["Click"],
   setup(n, e) {
-    w(), w();
-    const t = w(n.alignment), s = {
+    T(), T();
+    const t = T(n.alignment), s = {
       id: "__more_buttons__",
       text: "More"
-    }, r = w(new K(s));
-    A(() => r.value.children.length > 0);
-    const a = w(), i = N("designer-host-service"), g = N("design-item-context"), f = zt(g, i), u = de(a, g, f);
+    }, i = T(new K(s));
+    A(() => i.value.children.length > 0);
+    const a = T(), r = N("designer-host-service"), g = N("design-item-context"), f = Ut(g, r), u = de(a, g, f);
     N("toolbar-item-handler", () => {
     }), W(() => {
       a.value.componentInstance = u;
@@ -2288,19 +2301,19 @@ const Ut = /* @__PURE__ */ Z({
       class: h()
     }, null), n.text])]);
   }
-}), Ht = /* @__PURE__ */ Z({
+}), Wt = /* @__PURE__ */ Z({
   name: "FResponseToolbarDesign",
-  props: kt,
+  props: Et,
   emits: ["Click"],
   setup(n, e) {
-    const t = w(n.items);
-    let s = new Array(t.value.length).fill(w());
-    const r = w(), a = w(), i = w(n.alignment), g = {
+    const t = T(n.items);
+    let s = new Array(t.value.length).fill(T());
+    const i = T(), a = T(), r = T(n.alignment), g = {
       id: "__more_buttons__",
       text: "More"
-    }, f = w(new K(g)), u = It();
+    }, f = T(new K(g)), u = Rt();
     A(() => f.value.children.length > 0);
-    const h = w(), p = N("designer-host-service"), b = N("design-item-context"), y = Lt(b, p), M = de(h, b, y), k = N("toolbar-item-handler", () => {
+    const h = T(), p = N("designer-host-service"), b = N("design-item-context"), y = Ft(b, p), M = de(h, b, y), k = N("toolbar-item-handler", () => {
     });
     W(() => {
       h.value.componentInstance = M;
@@ -2315,67 +2328,67 @@ const Ut = /* @__PURE__ */ Z({
     }, n.customClass)), L = A(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": i.value === "right",
-      "justify-content-start": i.value === "left"
+      "justify-content-end": r.value === "right",
+      "justify-content-start": r.value === "left"
     })), {
       renderToolbarDropdown: x,
       clearAllDropDown: B
-    } = $t(n, u, M);
+    } = jt(n, u, M);
     function v() {
       t.value.filter((o) => o.children && o.children.length > 0).forEach((o) => {
         o.expanded = !1;
       }), f.value.expanded = !1, B();
     }
-    const S = /* @__PURE__ */ new Map(), D = [];
+    const S = /* @__PURE__ */ new Map(), P = [];
     function $(o) {
       const c = a.value;
       let d = o;
-      const T = Array.from(c.children), P = T[T.length - 1].id === "__more_buttons__" ? T[T.length - 1] : null;
-      if (P) {
-        const F = P.computedStyleMap().get("margin-left"), O = P.computedStyleMap().get("margin-right"), U = (F ? F.value : 0) + P.getBoundingClientRect().width + (O ? O.value : 0);
+      const w = Array.from(c.children), D = w[w.length - 1].id === "__more_buttons__" ? w[w.length - 1] : null;
+      if (D) {
+        const F = D.computedStyleMap().get("margin-left"), O = D.computedStyleMap().get("margin-right"), U = (F ? F.value : 0) + D.getBoundingClientRect().width + (O ? O.value : 0);
         d -= U;
       }
-      const j = T.filter((F) => F.id !== "__more_buttons__");
+      const j = w.filter((F) => F.id !== "__more_buttons__");
       for (const F of j) {
         const O = F.computedStyleMap().get("margin-left"), U = F.computedStyleMap().get("margin-right"), Q = (O ? O.value : 0) + F.getBoundingClientRect().width + (U ? U.value : 0);
-        d < Q ? (S.set(F.id, !0), D.push({
+        d < Q ? (S.set(F.id, !0), P.push({
           id: F.id,
           width: Q
         })) : d -= Q;
       }
-      if (D.length)
-        for (let F = D.length - 1; F >= 0; F--) {
-          const O = D[F].width;
+      if (P.length)
+        for (let F = P.length - 1; F >= 0; F--) {
+          const O = P[F].width;
           if (d >= O)
-            d -= O, S.delete(D[F].id), D.pop();
+            d -= O, S.delete(P[F].id), P.pop();
           else
             break;
         }
-      const _ = Object.assign({}, f.value);
-      _.children = [];
-      const G = new K(_), z = t.value.reduce((F, O) => (S.has(O.id) && G.children.push(O), O.visible = !S.has(O.id), F.push(O), F), []);
+      const V = Object.assign({}, f.value);
+      V.children = [];
+      const G = new K(V), z = t.value.reduce((F, O) => (S.has(O.id) && G.children.push(O), O.visible = !S.has(O.id), F.push(O), F), []);
       f.value = G, t.value = z;
     }
-    const V = new ResizeObserver((o) => {
+    const _ = new ResizeObserver((o) => {
       if (o.length) {
-        const d = o[0].contentRect.width, P = a.value.getBoundingClientRect().width;
-        (d < P || D.length) && $(d);
+        const d = o[0].contentRect.width, D = a.value.getBoundingClientRect().width;
+        (d < D || P.length) && $(d);
       }
     });
     W(() => {
-      const o = r.value;
-      V.observe(o), document.body.addEventListener("click", v);
+      const o = i.value;
+      _.observe(o), document.body.addEventListener("click", v);
     }), Be(() => {
-      V.disconnect(), document.body.removeEventListener("click", v);
+      _.disconnect(), document.body.removeEventListener("click", v);
     }), X(() => n.items, () => {
       t.value = n.items;
     }, {
       deep: !0
     }), X(t, (o) => {
-      s = new Array(t.value.length).fill(w());
+      s = new Array(t.value.length).fill(T());
     });
-    function C(o, c, d, T) {
-      b && b.setupContext && b.setupContext.emit("selectionChange", o, c, d, T);
+    function C(o, c, d, w) {
+      b && b.setupContext && b.setupContext.emit("selectionChange", o, c, d, w);
     }
     function l() {
       const o = a.value.querySelector(".dgComponentFocused.dgComponentSelected");
@@ -2386,13 +2399,13 @@ const Ut = /* @__PURE__ */ Z({
       "data-dragref": `${b.schema.id}-container`,
       class: R.value
     }, [m("div", {
-      ref: r,
+      ref: i,
       class: L.value
     }, [m("div", {
       ref: a,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [t.value.map((o, c) => m(we, {
+    }, [t.value.map((o, c) => m(Te, {
       ref: s[c],
       class: "p-0 display-inline-block",
       modelValue: o,
@@ -2409,7 +2422,7 @@ const Ut = /* @__PURE__ */ Z({
     }, {
       default: () => {
         var d;
-        return [m(Ut, {
+        return [m(Ht, {
           id: o.id,
           disabled: o.disabled,
           text: o.text,
@@ -2423,39 +2436,39 @@ const Ut = /* @__PURE__ */ Z({
   }
 });
 function Se(n, e) {
-  const t = A(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), s = w(n.buttons), r = w(e.schema.toolbar), a = e.schema.id, i = `${a}-toolbar`, g = A(() => n.buttonPosition === "inHead" ? "right" : "left");
+  const t = A(() => "f-section-toolbar" + (n.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), s = T(n.buttons), i = T(e.schema.toolbar), a = e.schema.id, r = `${a}-toolbar`, g = A(() => n.buttonPosition === "inHead" ? "right" : "left");
   function f(u, h, p, b) {
     var y;
     (y = e.setupContext) == null || y.emit("selectionChange", u, h, p, b);
   }
-  return m(Ie, null, [r.value ? m("div", {
+  return m(Ie, null, [i.value ? m("div", {
     class: t.value
   }, [m("div", {
     class: "w-100",
     style: "flex:1"
-  }, [m(we, {
-    modelValue: r.value,
-    "onUpdate:modelValue": (u) => r.value = u,
+  }, [m(Te, {
+    modelValue: i.value,
+    "onUpdate:modelValue": (u) => i.value = u,
     class: "w-100 position-relative",
     canAdd: !0,
     childType: "section-toolbar-item",
     childLabel: "按钮",
     contentKey: "buttons",
-    id: i,
+    id: r,
     onSelectionChange: f,
     componentId: a
   }, {
-    default: () => [m(Ht, {
+    default: () => [m(Wt, {
       customClass: "d-block",
       items: s.value,
       alignment: g.value
     }, null)]
   })])]) : ""]);
 }
-function Wt(n, e, t, s, r, a, i) {
+function Gt(n, e, t, s, i, a, r) {
   const g = A(() => n.buttonPosition), {
     onClickMaxMinIcon: f
-  } = ge(s, r, a), u = A(() => !!n.subTitle), h = A(() => n.enableMaximize), p = A(() => n.enableAccordion !== ""), b = A(() => {
+  } = ge(s, i, a), u = A(() => !!n.subTitle), h = A(() => n.enableMaximize), p = A(() => n.enableAccordion !== ""), b = A(() => {
     const x = {
       "f-section-header": !0
     };
@@ -2503,7 +2516,7 @@ function Wt(n, e, t, s, r, a, i) {
       const B = {
         "f-content": !0
       };
-      return n.headerContentClass && n.headerContentClass.split(" ").reduce((S, D) => (S[D] = !0, S), B), B;
+      return n.headerContentClass && n.headerContentClass.split(" ").reduce((S, P) => (S[P] = !0, S), B), B;
     });
     return e.slots.headerContent ? m("div", {
       class: x.value
@@ -2512,20 +2525,20 @@ function Wt(n, e, t, s, r, a, i) {
   function L() {
     return m("div", {
       class: b.value
-    }, [e.slots.headerTitle ? e.slots.headerTitle() : I(), R(), g.value === "inHead" && Se(n, i), (h.value || p.value) && M()]);
+    }, [e.slots.headerTitle ? e.slots.headerTitle() : I(), R(), g.value === "inHead" && Se(n, r), (h.value || p.value) && M()]);
   }
   return () => n.showHeader && (e.slots.header ? k() : L());
 }
-const Gt = /* @__PURE__ */ Z({
+const Qt = /* @__PURE__ */ Z({
   name: "FSectionDesign",
-  props: se,
+  props: re,
   emits: [],
   setup(n, e) {
-    const t = w(), s = w(), r = w(), a = N("designer-host-service"), i = N("design-item-context"), g = at(i, a), f = ct(t, i, g);
+    const t = T(), s = T(), i = T(), a = N("designer-host-service"), r = N("design-item-context"), g = ct(r, a), f = lt(t, r, g);
     f.value.styles = "display: inherit;", W(() => {
       t.value.componentInstance = f;
     }), e.expose(f.value);
-    const u = w(n.customClass), h = A(() => n.enableAccordion), p = w(n.expandStatus), b = A(() => n.buttonPosition), y = w(!1), M = Wt(n, e, p, s, r, y, i), k = A(() => {
+    const u = T(n.customClass), h = A(() => n.enableAccordion), p = T(n.expandStatus), b = A(() => n.buttonPosition), y = T(!1), M = Gt(n, e, p, s, i, y, r), k = A(() => {
       const B = {
         "f-section": !0,
         "f-section-accordion": h.value === "default",
@@ -2552,8 +2565,8 @@ const Gt = /* @__PURE__ */ Z({
       return m("div", {
         class: I.value,
         ref: t,
-        "data-dragref": `${i.schema.id}-container`
-      }, [b.value === "inContent" && Se(n, i), e.slots.default && e.slots.default()]);
+        "data-dragref": `${r.schema.id}-container`
+      }, [b.value === "inContent" && Se(n, r), e.slots.default && e.slots.default()]);
     }
     return () => m("div", {
       class: k.value,
@@ -2561,7 +2574,7 @@ const Gt = /* @__PURE__ */ Z({
       style: n.customStyle
     }, [M(), L(), x()]);
   }
-}), Qt = "https://json-schema.org/draft/2020-12/schema", Zt = "https://farris-design.gitee.io/section-toolbar-item.schema.json", Jt = "section-toolbar-item", Xt = "A Farris Toolbar Item Component", Yt = "object", Kt = {
+}), Zt = "https://json-schema.org/draft/2020-12/schema", Jt = "https://farris-design.gitee.io/section-toolbar-item.schema.json", Xt = "section-toolbar-item", Yt = "A Farris Toolbar Item Component", Kt = "object", en = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -2599,32 +2612,32 @@ const Gt = /* @__PURE__ */ Z({
     type: "string",
     default: ""
   }
-}, en = [
+}, tn = [
   "id",
   "type",
   "text"
-], tn = {
-  $schema: Qt,
-  $id: Zt,
-  title: Jt,
-  description: Xt,
-  type: Yt,
-  properties: Kt,
-  required: en
-}, nn = {
+], nn = {
+  $schema: Zt,
+  $id: Jt,
+  title: Xt,
+  description: Yt,
+  type: Kt,
+  properties: en,
+  required: tn
+}, on = {
   text: { type: String, default: "" },
   icon: { type: String, default: "" }
-}, on = ee(nn, tn);
+}, sn = ee(on, nn);
 Y.register = (n, e, t, s) => {
   n.section = Y, e.section = he;
 };
 Y.registerDesigner = (n, e, t) => {
-  n.section = Gt, e.section = he, e["section-toolbar-item"] = on;
+  n.section = Qt, e.section = he, e["section-toolbar-item"] = sn;
 };
-const pn = $e(Y);
+const fn = $e(Y);
 export {
   Y as Section,
-  pn as default,
+  fn as default,
   he as propsResolver,
-  se as sectionProps
+  re as sectionProps
 };