@farris/ui-vue 1.3.5 → 1.3.6

package/components/response-toolbar/index.esm.js

@@ -1,8 +1,8 @@
 var Ie = Object.defineProperty;
-var Se = (s, e, n) => e in s ? Ie(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
-var D = (s, e, n) => Se(s, typeof e != "symbol" ? e + "" : e, n);
-import { computed as V, getCurrentInstance as ae, createVNode as y, ref as M, defineComponent as Y, onMounted as H, onUnmounted as de, watch as Q, inject as L, createTextVNode as ue, provide as De, onBeforeUnmount as Me, withModifiers as Ee } from "vue";
-import { isPlainObject as ie, cloneDeep as pe } from "lodash-es";
+var Se = (o, e, n) => e in o ? Ie(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n;
+var D = (o, e, n) => Se(o, typeof e != "symbol" ? e + "" : e, n);
+import { computed as V, getCurrentInstance as de, createVNode as y, ref as M, defineComponent as Y, onMounted as H, onUnmounted as ue, watch as Q, inject as L, createTextVNode as pe, provide as De, onBeforeUnmount as Me, withModifiers as Ee } from "vue";
+import { isPlainObject as ce, cloneDeep as ee } from "lodash-es";
 import { getCustomClass as J, withInstall as Re } from "../common/index.esm.js";
 import { useDesignerInnerComponent as fe } from "../designer-canvas/index.esm.js";
 class ge {
@@ -73,11 +73,11 @@ class ke extends ge {
   }
 }
 function me() {
-  function s(e) {
+  function o(e) {
     const n = [];
-    return e.reduce((i, d) => (d.children && d.children.length > 0 ? i.push(new z(d)) : i.push(new ke(d)), i), n), n;
+    return e.reduce((i, a) => (a.children && a.children.length > 0 ? i.push(new z(a)) : i.push(new ke(a)), i), n), n;
   }
-  return { buildResponseToolbarItems: s };
+  return { buildResponseToolbarItems: o };
 }
 const { buildResponseToolbarItems: Pe } = me();
 class z extends ge {
@@ -94,12 +94,12 @@ class z extends ge {
     D(this, "children", []);
     D(this, "expanded", !1);
     const i = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(n).filter((d) => i.indexOf(d) > -1).forEach((d) => {
-      this[d] = n[d];
+    Object.keys(n).filter((a) => i.indexOf(a) > -1).forEach((a) => {
+      this[a] = n[a];
     }), n.children && n.children.length && (this.children = Pe(n.children));
   }
 }
-class Dt {
+class Mt {
   constructor(e, n) {
     D(this, "id");
     D(this, "name");
@@ -145,101 +145,115 @@ class Dt {
   }
 }
 const he = {}, be = {};
-function ee(s) {
-  const { properties: e, title: n, ignore: i } = s, d = i && Array.isArray(i), m = Object.keys(e).reduce((p, T) => ((!d || !i.find((x) => x === T)) && (p[T] = e[T].type === "object" && e[T].properties ? ee(e[T]) : pe(e[T].default)), p), {});
-  if (n && (!d || !i.find((p) => p === "id"))) {
+function te(o) {
+  const { properties: e, title: n, ignore: i } = o, a = i && Array.isArray(i), f = Object.keys(e).reduce((p, T) => ((!a || !i.find((x) => x === T)) && (p[T] = e[T].type === "object" && e[T].properties ? te(e[T]) : ee(e[T].default)), p), {});
+  if (n && (!a || !i.find((p) => p === "id"))) {
     const p = n.toLowerCase().replace(/-/g, "_");
-    m.id = `${p}_${Math.random().toString().slice(2, 6)}`;
+    f.id = `${p}_${Math.random().toString().slice(2, 6)}`;
   }
-  return m;
+  return f;
 }
-function Z(s, e = {}, n) {
-  const i = he[s];
+function Be(o) {
+  const { properties: e, title: n, required: i } = o;
+  if (i && Array.isArray(i)) {
+    const a = i.reduce((f, p) => (f[p] = e[p].type === "object" && e[p].properties ? te(e[p]) : ee(e[p].default), f), {});
+    if (n && i.find((f) => f === "id")) {
+      const f = n.toLowerCase().replace(/-/g, "_");
+      a.id = `${f}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return a;
+  }
+  return {
+    type: n
+  };
+}
+function Z(o, e = {}, n) {
+  const i = he[o];
   if (i) {
-    let d = ee(i);
-    const m = be[s];
-    return d = m ? m({ getSchemaByType: Z }, d, e, n) : d, d;
+    let a = Be(i);
+    const f = be[o];
+    return a = f ? f({ getSchemaByType: Z }, a, e, n) : a, a;
   }
   return null;
 }
-function Be(s, e) {
-  const n = ee(e);
-  return Object.keys(n).reduce((i, d) => (i[d] && ie(i[d]) && ie(s[d] || !s[d]) ? Object.assign(i[d], s[d] || {}) : i[d] = s[d], i), n), n;
+function Ae(o, e) {
+  const n = te(e);
+  return Object.keys(n).reduce((i, a) => (Object.prototype.hasOwnProperty.call(o, a) && (i[a] && ce(i[a]) && ce(o[a] || !o[a]) ? Object.assign(i[a], o[a] || {}) : i[a] = o[a]), i), n), n;
 }
-function Ae(s, e) {
-  return Object.keys(s).filter((i) => s[i] != null).reduce((i, d) => {
-    if (e.has(d)) {
-      const m = e.get(d);
-      if (typeof m == "string")
-        i[m] = s[d];
+function Oe(o, e) {
+  return Object.keys(o).filter((i) => o[i] != null).reduce((i, a) => {
+    if (e.has(a)) {
+      const f = e.get(a);
+      if (typeof f == "string")
+        i[f] = o[a];
       else {
-        const p = m(d, s[d], s);
+        const p = f(a, o[a], o);
         Object.assign(i, p);
       }
     } else
-      i[d] = s[d];
+      i[a] = o[a];
     return i;
   }, {});
 }
-function Oe(s, e, n = /* @__PURE__ */ new Map()) {
-  const i = Be(s, e);
-  return Ae(i, n);
+function _e(o, e, n = /* @__PURE__ */ new Map()) {
+  const i = Ae(o, e);
+  return Oe(i, n);
 }
-function _e(s = {}) {
-  function e(f, g, l, c) {
+function je(o = {}) {
+  function e(g, m, l, c) {
     if (typeof l == "number")
-      return c[f].length === l;
+      return c[g].length === l;
     if (typeof l == "object") {
       const u = Object.keys(l)[0], b = l[u];
       if (u === "not")
-        return Number(c[f].length) !== Number(b);
+        return Number(c[g].length) !== Number(b);
       if (u === "moreThan")
-        return Number(c[f].length) >= Number(b);
+        return Number(c[g].length) >= Number(b);
       if (u === "lessThan")
-        return Number(c[f].length) <= Number(b);
+        return Number(c[g].length) <= Number(b);
     }
     return !1;
   }
-  function n(f, g, l, c) {
-    return c[f] && c[f].propertyValue && String(c[f].propertyValue.value) === String(l);
+  function n(g, m, l, c) {
+    return c[g] && c[g].propertyValue && String(c[g].propertyValue.value) === String(l);
   }
   const i = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(s).reduce((f, g) => (f.set(g, s[g]), f), i);
-  function d(f, g) {
-    const l = f;
-    return typeof g == "number" ? [{ target: l, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: l, operator: "getProperty", param: f, value: !!g }] : typeof g == "object" ? Object.keys(g).map((c) => {
+  Object.keys(o).reduce((g, m) => (g.set(m, o[m]), g), i);
+  function a(g, m) {
+    const l = g;
+    return typeof m == "number" ? [{ target: l, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: l, operator: "getProperty", param: g, value: !!m }] : typeof m == "object" ? Object.keys(m).map((c) => {
       if (c === "length")
-        return { target: l, operator: "length", param: null, value: g[c] };
-      const u = c, b = g[c];
+        return { target: l, operator: "length", param: null, value: m[c] };
+      const u = c, b = m[c];
       return { target: l, operator: "getProperty", param: u, value: b };
     }) : [];
   }
-  function m(f) {
-    return Object.keys(f).reduce((l, c) => {
-      const u = d(c, f[c]);
+  function f(g) {
+    return Object.keys(g).reduce((l, c) => {
+      const u = a(c, g[c]);
       return l.push(...u), l;
     }, []);
   }
-  function p(f, g) {
-    if (i.has(f.operator)) {
-      const l = i.get(f.operator);
-      return l && l(f.target, f.param, f.value, g) || !1;
+  function p(g, m) {
+    if (i.has(g.operator)) {
+      const l = i.get(g.operator);
+      return l && l(g.target, g.param, g.value, m) || !1;
     }
     return !1;
   }
-  function T(f, g) {
-    return m(f).reduce((u, b) => u && p(b, g), !0);
+  function T(g, m) {
+    return f(g).reduce((u, b) => u && p(b, m), !0);
   }
-  function x(f, g) {
-    const l = Object.keys(f), c = l.includes("allOf"), u = l.includes("anyOf"), b = c || u, O = (b ? f[b ? c ? "allOf" : "anyOf" : "allOf"] : [f]).map((j) => T(j, g));
+  function x(g, m) {
+    const l = Object.keys(g), c = l.includes("allOf"), u = l.includes("anyOf"), b = c || u, O = (b ? g[b ? c ? "allOf" : "anyOf" : "allOf"] : [g]).map((j) => T(j, m));
     return c ? !O.includes(!1) : O.includes(!0);
   }
   return { parseValueSchema: x };
 }
-const te = {
+const ne = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -279,31 +293,31 @@ const te = {
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
-}, je = {}, $e = {};
-_e();
-function ye(s, e, n = /* @__PURE__ */ new Map(), i = (p, T, x, f) => T, d = {}, m = (p) => p) {
-  return he[e.title] = e, be[e.title] = i, je[e.title] = d, $e[e.title] = m, (p = {}) => {
-    const T = Oe(p, e, n), x = Object.keys(s).reduce((f, g) => (f[g] = s[g].default, f), {});
+}, $e = {}, Fe = {};
+je();
+function ye(o, e, n = /* @__PURE__ */ new Map(), i = (p, T, x, g) => T, a = {}, f = (p) => p) {
+  return he[e.title] = e, be[e.title] = i, $e[e.title] = a, Fe[e.title] = f, (p = {}) => {
+    const T = _e(p, e, n), x = Object.keys(o).reduce((g, m) => (g[m] = o[m].default, g), {});
     return Object.assign(x, T);
   };
 }
-function Fe(s, e) {
+function Ne(o, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Ne = /* @__PURE__ */ new Map([
+const Le = /* @__PURE__ */ new Map([
   ["buttons", "items"],
-  ["appearance", Fe]
+  ["appearance", Ne]
 ]);
-function Le(s, e) {
+function Ve(o, e) {
   return { class: e.class, style: e.style };
 }
-const Ve = /* @__PURE__ */ new Map([
-  ["appearance", Le]
+const Ue = /* @__PURE__ */ new Map([
+  ["appearance", Ve]
 ]);
-function ve(s, e, n) {
+function ve(o, e, n) {
   return e;
 }
-const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/response-toolbar.schema.json", qe = "response-toolbar", ze = "A Farris Toolbar Component", Ge = "object", He = {
+const We = "https://json-schema.org/draft/2020-12/schema", qe = "https://farris-design.gitee.io/response-toolbar.schema.json", ze = "response-toolbar", Ge = "A Farris Toolbar Component", He = "object", Qe = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -333,19 +347,19 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
     type: "array",
     default: []
   }
-}, Qe = [
+}, Je = [
   "id",
   "type",
   "buttons"
-], Je = {
-  $schema: Ue,
-  $id: We,
-  title: qe,
-  description: ze,
-  type: Ge,
-  properties: He,
-  required: Qe
-}, Xe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Ze = "response-toolbar-item", Ke = "A Farris Toolbar Item Component", et = "object", tt = {
+], Xe = {
+  $schema: We,
+  $id: qe,
+  title: ze,
+  description: Ge,
+  type: He,
+  properties: Qe,
+  required: Je
+}, Ye = "https://json-schema.org/draft/2020-12/schema", Ze = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Ke = "response-toolbar-item", et = "A Farris Toolbar Item Component", tt = "object", nt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -390,19 +404,19 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
     type: "string",
     default: ""
   }
-}, nt = [
+}, ot = [
   "id",
   "type",
   "text"
-], ot = {
-  $schema: Xe,
-  $id: Ye,
-  title: Ze,
-  description: Ke,
-  type: et,
-  properties: tt,
-  required: nt
-}, ne = {
+], st = {
+  $schema: Ye,
+  $id: Ze,
+  title: Ke,
+  description: et,
+  type: tt,
+  properties: nt,
+  required: ot
+}, oe = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
   alignment: { Type: String, default: "right" },
@@ -410,12 +424,12 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
     Type: Array,
     default: []
   }
-}, st = Object.assign({}, ne, {
+}, rt = Object.assign({}, oe, {
   componentId: { type: String, default: "" }
-}), oe = ye(
-  ne,
-  Je,
-  Ne,
+}), se = ye(
+  oe,
+  Xe,
+  Le,
   ve
 ), Ce = {
   id: { type: String, default: "" },
@@ -426,29 +440,29 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" },
   alignment: { Type: String, default: "right" }
-}, rt = ye(
+}, it = ye(
   Ce,
-  ot,
-  Ve,
+  st,
+  Ue,
   ve
 );
 function we() {
-  function s(n) {
+  function o(n) {
     const i = {
       "f-icon": !0
     };
     if (n.icon) {
-      const d = n.icon.trim().split(" ");
-      d && d.length && d.reduce((m, p) => (m[p] = !0, m), i);
+      const a = n.icon.trim().split(" ");
+      a && a.length && a.reduce((f, p) => (f[p] = !0, f), i);
     }
     return i;
   }
   function e(n) {
     return !!(n.icon && n.icon.trim());
   }
-  return { iconClass: s, shouldShowIcon: e };
+  return { iconClass: o, shouldShowIcon: e };
 }
-function it(s) {
+function ct(o) {
   function e(l) {
     const c = {
       "dropdown-menu": !0
@@ -475,14 +489,14 @@ function it(s) {
     }, u = l.class.split(" ");
     return u && u.length && u.reduce((b, I) => (b[I] = !0, b), c), c;
   }
-  let d;
-  const m = /* @__PURE__ */ new Map();
+  let a;
+  const f = /* @__PURE__ */ new Map();
   function p(l, c, u) {
     var I;
     ((I = l.target) == null ? void 0 : I.id) === c.id && l.stopPropagation();
     const b = u ? u.id : "__top_item__";
-    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? m.set(b, c) : m.delete(b)), m.has(b) && m.get(b) !== c) {
-      const B = m.get(b);
+    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? f.set(b, c) : f.delete(b)), f.has(b) && f.get(b) !== c) {
+      const B = f.get(b);
       B && (B.expanded = !1);
     }
   }
@@ -501,16 +515,16 @@ function it(s) {
     }, [c.text, y("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), d(c, c)]) : y("li", {
+    }, null)]), a(c, c)]) : y("li", {
       class: i(c),
       id: c.id,
       onClick: (u) => T(u, c),
       onMouseover: (u) => c.enable && p(u, c, l)
-    }, [s.shouldShowIcon(c) && y("i", {
-      class: s.iconClass(c)
+    }, [o.shouldShowIcon(c) && y("i", {
+      class: o.iconClass(c)
     }, null), c.text]));
   }
-  function f(l, c, u) {
+  function g(l, c, u) {
     const b = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
@@ -533,103 +547,103 @@ function it(s) {
         const h = P.getBoundingClientRect();
         if (u) {
           b.top = `${F - 6}px`;
-          const o = Math.ceil(j + A);
-          b.left = `${o}px`;
+          const s = Math.ceil(j + A);
+          b.left = `${s}px`;
         }
         I - A - j < h.width && (b.left = `${(u ? A : k) - h.width}px`);
       }
     }
     return b;
   }
-  d = function(l, c) {
+  a = function(l, c) {
     var B, O;
-    const u = ae(), b = c ? c.id : l.id, I = (O = (B = u == null ? void 0 : u.exposed) == null ? void 0 : B.elementRef.value) == null ? void 0 : O.querySelector("#" + b);
+    const u = de(), b = c ? c.id : l.id, I = (O = (B = u == null ? void 0 : u.exposed) == null ? void 0 : B.elementRef.value) == null ? void 0 : O.querySelector("#" + b);
     return y("ul", {
       class: e(l),
-      style: f(l, I, c),
+      style: g(l, I, c),
       id: l.id + "_menu"
     }, [x(l)]);
   };
-  function g() {
-    m.forEach((l) => {
+  function m() {
+    f.forEach((l) => {
       l.expanded = !1;
-    }), m.clear();
+    }), f.clear();
   }
   return {
-    renderDropdownMenu: d,
-    clearAllDropDownMenu: g
+    renderDropdownMenu: a,
+    clearAllDropDownMenu: m
   };
 }
-function ct(s, e) {
-  const n = M(s.alignment), {
+function lt(o, e) {
+  const n = M(o.alignment), {
     renderDropdownMenu: i,
-    clearAllDropDownMenu: d
-  } = it(e);
-  function m(g) {
+    clearAllDropDownMenu: a
+  } = ct(e);
+  function f(m) {
     const l = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": n.value === "right",
       "f-btn-mr": n.value === "left"
-    }, c = g.dropdownClass.split(" ");
+    }, c = m.dropdownClass.split(" ");
     return c && c.length && c.reduce((u, b) => (u[b] = !0, u), l), l;
   }
-  function p(g) {
+  function p(m) {
     const l = {
       btn: !0,
-      disabled: !g.enable,
+      disabled: !m.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(g.icon && g.icon.trim())
+      "btn-icontext": !!(m.icon && m.icon.trim())
     };
-    if (g.class) {
-      const c = g.class.split(" ");
+    if (m.class) {
+      const c = m.class.split(" ");
       c && c.length && c.reduce((u, b) => (u[b] = !0, u), l);
     }
     return l;
   }
-  function T(g, l) {
-    g.stopPropagation();
+  function T(m, l) {
+    m.stopPropagation();
     const c = l.expanded;
     document.body.click(), l.expanded = !c;
   }
-  function x(g) {
+  function x(m) {
     return y("div", {
-      id: g.id,
-      class: m(g)
+      id: m.id,
+      class: f(m)
     }, [y("div", {
-      class: p(g),
+      class: p(m),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
-      onClick: (l) => g.enable && T(l, g)
-    }, [e.shouldShowIcon(g) && y("i", {
-      class: e.iconClass(g)
-    }, null), y("span", null, [g.text]), y("i", {
+      onClick: (l) => m.enable && T(l, m)
+    }, [e.shouldShowIcon(m) && y("i", {
+      class: e.iconClass(m)
+    }, null), y("span", null, [m.text]), y("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)]), i(g)]);
+    }, null)]), i(m)]);
   }
-  function f() {
-    d();
+  function g() {
+    a();
   }
   return {
     renderToolbarDropdown: x,
-    clearAllDropDown: f
+    clearAllDropDown: g
   };
 }
 const {
-  buildResponseToolbarItems: ce
+  buildResponseToolbarItems: le
 } = me(), X = /* @__PURE__ */ Y({
   name: "FResponseToolbar",
-  props: ne,
+  props: oe,
   emits: ["click"],
-  setup(s, e) {
-    const n = M(ce(s.items)), i = M(), d = M(), m = M(), p = M(s.alignment), T = {
+  setup(o, e) {
+    const n = M(le(o.items)), i = M(), a = M(), f = M(), p = M(o.alignment), T = {
       id: "__more_buttons__",
       text: "更多"
-    }, x = M(new z(T)), f = we(), g = V(() => x.value.children.length > 0), l = V(() => J({
+    }, x = M(new z(T)), g = we(), m = V(() => x.value.children.length > 0), l = V(() => J({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, s.customClass)), c = V(() => ({
+    }, o.customClass)), c = V(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -638,7 +652,7 @@ const {
     })), {
       renderToolbarDropdown: u,
       clearAllDropDown: b
-    } = ct(s, f);
+    } = lt(o, g);
     function I() {
       n.value.filter((v) => v.children && v.children.length > 0).forEach((v) => {
         v.expanded = !1;
@@ -654,7 +668,7 @@ const {
       };
       if (v.class) {
         const P = v.class.split(" ");
-        P && P.length && P.reduce((h, o) => (h[o] = !0, h), E);
+        P && P.length && P.reduce((h, s) => (h[s] = !0, h), E);
       }
       return E;
     }
@@ -668,17 +682,17 @@ const {
         id: v.id,
         disabled: !v.enable,
         onClick: (E) => O(E, v)
-      }, [f.shouldShowIcon(v) && y("i", {
-        class: f.iconClass(v)
+      }, [g.shouldShowIcon(v) && y("i", {
+        class: g.iconClass(v)
       }, null), v.text]);
     }
     const j = /* @__PURE__ */ new Map(), A = [];
     function k(v) {
-      const E = m.value;
+      const E = f.value;
       let P = v;
-      const h = Array.from(E.children), o = h[h.length - 1].id === "__more_buttons__" ? h[h.length - 1] : null;
-      if (o) {
-        const C = o.computedStyleMap().get("margin-left"), S = o.computedStyleMap().get("margin-right"), $ = (C ? C.value : 0) + o.getBoundingClientRect().width + (S ? S.value : 0);
+      const h = Array.from(E.children), s = h[h.length - 1].id === "__more_buttons__" ? h[h.length - 1] : null;
+      if (s) {
+        const C = s.computedStyleMap().get("margin-left"), S = s.computedStyleMap().get("margin-right"), $ = (C ? C.value : 0) + s.getBoundingClientRect().width + (S ? S.value : 0);
         P -= $;
       }
       const t = h.filter((C) => C.id !== "__more_buttons__");
@@ -699,22 +713,22 @@ const {
         }
       const r = Object.assign({}, x.value);
       r.children = [];
-      const a = new z(r), w = n.value.reduce((C, S) => (j.has(S.id) && a.children.push(S), S.visible = !j.has(S.id), C.push(S), C), []);
-      x.value = a, n.value = w;
+      const d = new z(r), w = n.value.reduce((C, S) => (j.has(S.id) && d.children.push(S), S.visible = !j.has(S.id), C.push(S), C), []);
+      x.value = d, n.value = w;
     }
     const R = new ResizeObserver((v) => {
       if (v.length) {
-        const P = v[0].contentRect.width, o = m.value.getBoundingClientRect().width;
-        (P < o || A.length) && (k(P), I());
+        const P = v[0].contentRect.width, s = f.value.getBoundingClientRect().width;
+        (P < s || A.length) && (k(P), I());
       }
     });
     return H(() => {
-      const v = d.value;
+      const v = a.value;
       R.observe(v), document.body.addEventListener("click", I), document.body.addEventListener("wheel", I);
-    }), de(() => {
+    }), ue(() => {
       R.disconnect(), document.body.removeEventListener("click", I), document.body.removeEventListener("wheel", I);
-    }), Q(() => s.items, () => {
-      n.value = ce(s.items);
+    }), Q(() => o.items, () => {
+      n.value = le(o.items);
     }, {
       deep: !0
     }), e.expose({
@@ -723,72 +737,72 @@ const {
       class: l.value,
       ref: i
     }, [y("div", {
-      ref: d,
+      ref: a,
       class: c.value
     }, [y("div", {
-      ref: m,
+      ref: f,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.filter((v) => v.visible).map((v) => v.children && v.children.length > 0 ? u(v) : F(v)), g.value && u(x.value)])])]);
+    }, [n.value.filter((v) => v.visible).map((v) => v.children && v.children.length > 0 ? u(v) : F(v)), m.value && u(x.value)])])]);
   }
 });
-function lt(s, e) {
+function at(o, e) {
   const n = L("design-item-context"), i = L("toolbar-item-handler", () => {
   });
-  function d() {
+  function a() {
     i && i();
   }
-  function m(o) {
+  function f(s) {
     const t = {
       "dropdown-menu": !0
     };
-    if (o.class) {
-      const r = o.menuClass.split(" ");
-      r && r.length && r.reduce((a, w) => (a[w] = !0, a), t);
+    if (s.class) {
+      const r = s.menuClass.split(" ");
+      r && r.length && r.reduce((d, w) => (d[w] = !0, d), t);
     }
     return t;
   }
-  function p(o) {
+  function p(s) {
     const t = {
-      disabled: !o.enable,
+      disabled: !s.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, r = o.dropdownClass.split(" ");
-    return r && r.length && r.reduce((a, w) => (a[w] = !0, a), t), t;
+    }, r = s.dropdownClass.split(" ");
+    return r && r.length && r.reduce((d, w) => (d[w] = !0, d), t), t;
   }
-  function T(o) {
+  function T(s) {
     const t = {
-      disabled: !o.enable,
+      disabled: !s.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
-    }, r = o.class.split(" ");
-    return r && r.length && r.reduce((a, w) => (a[w] = !0, a), t), t;
+    }, r = s.class.split(" ");
+    return r && r.length && r.reduce((d, w) => (d[w] = !0, d), t), t;
   }
   let x;
-  const f = /* @__PURE__ */ new Map();
-  function g(o, t, r) {
+  const g = /* @__PURE__ */ new Map();
+  function m(s, t, r) {
     var w;
-    ((w = o.target) == null ? void 0 : w.id) === t.id && o.stopPropagation();
-    const a = r ? r.id : "__top_item__";
-    if (t.children && t.children.length && (t.expanded = !t.expanded, t.expanded ? f.set(a, t) : f.delete(a)), f.has(a) && f.get(a) !== t) {
-      const C = f.get(a);
+    ((w = s.target) == null ? void 0 : w.id) === t.id && s.stopPropagation();
+    const d = r ? r.id : "__top_item__";
+    if (t.children && t.children.length && (t.expanded = !t.expanded, t.expanded ? g.set(d, t) : g.delete(d)), g.has(d) && g.get(d) !== t) {
+      const C = g.get(d);
       C && (C.expanded = !1);
     }
   }
-  function l(o) {
-    o && (o.stopPropagation(), o.preventDefault());
+  function l(s) {
+    s && (s.stopPropagation(), s.preventDefault());
   }
   function c() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused"));
-    const o = document.getElementsByClassName("dgComponentSelected");
-    Array.from(o).forEach((t) => t.classList.remove("dgComponentSelected"));
+    const s = document.getElementsByClassName("dgComponentSelected");
+    Array.from(s).forEach((t) => t.classList.remove("dgComponentSelected"));
   }
-  function u(o) {
-    o.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function u(s) {
+    s.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function b(o) {
+  function b(s) {
     const {
       buttons: t = []
     } = n.schema;
@@ -796,49 +810,49 @@ function lt(s, e) {
     t.forEach((C) => {
       r = r.concat(C.children || []);
     });
-    const a = r.findIndex((C) => C.id === o), w = a === -1 ? null : r[a];
+    const d = r.findIndex((C) => C.id === s), w = d === -1 ? null : r[d];
     return {
-      index: a,
+      index: d,
       item: w
     };
   }
-  function I(o) {
+  function I(s) {
     const {
       buttons: t = []
-    } = n.schema, r = t.findIndex((w) => w.id === o), a = r === -1 ? null : t[r];
+    } = n.schema, r = t.findIndex((w) => w.id === s), d = r === -1 ? null : t[r];
     return {
       index: r,
-      item: a
+      item: d
     };
   }
-  function B(o) {
-    var a;
+  function B(s) {
+    var d;
     n.schema;
     const {
       index: t,
       item: r
-    } = b(o);
-    (a = n == null ? void 0 : n.setupContext) == null || a.emit("selectionChange", r == null ? void 0 : r.type, r);
+    } = b(s);
+    (d = n == null ? void 0 : n.setupContext) == null || d.emit("selectionChange", r == null ? void 0 : r.type, r);
   }
-  const O = function(o) {
+  const O = function(s) {
     const {
       componentType: t
-    } = o, r = Z(t, o), a = t.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === t && (r.id = `${a}_${Math.random().toString().slice(2, 6)}`), r;
+    } = s, r = Z(t, s), d = t.toLowerCase().replace("-", "_");
+    return r && !r.id && r.type === t && (r.id = `${d}_${Math.random().toString().slice(2, 6)}`), r;
   }, F = function() {
-    const o = {
+    const s = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return O(o);
+    return O(s);
   };
-  function j(o, t) {
-    l(o), c(), u(o), B(t.id);
+  function j(s, t) {
+    l(s), c(), u(s), B(t.id);
   }
-  function A(o, t, r) {
-    l(o);
-    const a = t.id, w = r && r.id, {
+  function A(s, t, r) {
+    l(s);
+    const d = t.id, w = r && r.id, {
       buttons: C = []
     } = n.schema;
     if (!w)
@@ -850,44 +864,44 @@ function lt(s, e) {
       return;
     const {
       index: $
-    } = b(a);
-    $ !== -1 && (C[S].children.splice($, 1), d());
+    } = b(d);
+    $ !== -1 && (C[S].children.splice($, 1), a());
   }
-  function k(o, t, r) {
-    l(o);
-    const a = r && r.id, {
+  function k(s, t, r) {
+    l(s);
+    const d = r && r.id, {
       buttons: w = []
     } = n.schema;
-    if (!a)
+    if (!d)
       return;
     const {
       index: C
-    } = I(a);
+    } = I(d);
     if (C === -1)
       return;
     const S = F(), $ = Object.assign({}, S, {
       text: t.text
     });
-    w[C].children.push($), d();
+    w[C].children.push($), a();
   }
-  function R(o, t, r) {
-    l(o);
-    const a = r && r.id, {
+  function R(s, t, r) {
+    l(s);
+    const d = r && r.id, {
       buttons: w = []
     } = n.schema;
-    if (!a)
+    if (!d)
       return;
     const {
       index: C
-    } = I(a);
+    } = I(d);
     if (C === -1)
       return;
     const S = F(), $ = Object.assign({}, S, {
       text: "按钮"
     });
-    w[C].children.push($), d();
+    w[C].children.push($), a();
   }
-  function v(o, t) {
+  function v(s, t) {
     return y("div", {
       class: "component-btn-group"
     }, [y("div", null, [y("div", {
@@ -896,7 +910,7 @@ function lt(s, e) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (r) => A(r, o, t)
+      onClick: (r) => A(r, s, t)
     }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), y("div", {
@@ -905,7 +919,7 @@ function lt(s, e) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (r) => k(r, o, t)
+      onClick: (r) => k(r, s, t)
     }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), y("div", {
@@ -914,22 +928,22 @@ function lt(s, e) {
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => R(r, o, t)
+      onClick: (r) => R(r, s, t)
     }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [ue("新增同级")])])])]);
+    }, [pe("新增同级")])])])]);
   }
-  function E(o) {
-    return o.children.map((t) => t.children && t.children.length ? y("li", {
+  function E(s) {
+    return s.children.map((t) => t.children && t.children.length ? y("li", {
       class: p(t),
       id: t.id,
-      onClick: (r) => t.enable && g(r, t, o)
+      onClick: (r) => t.enable && m(r, t, s)
     }, [y("span", {
       id: t.id,
       class: T(t),
-      onMouseover: (r) => t.enable && g(r, t, o)
+      onMouseover: (r) => t.enable && m(r, t, s)
     }, [t.text, y("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
@@ -937,13 +951,13 @@ function lt(s, e) {
       class: T(t),
       id: t.id,
       onClick: (r) => j(r, t)
-    }, [v(t, o), s.shouldShowIcon(t) && y("i", {
-      class: s.iconClass(t)
+    }, [v(t, s), o.shouldShowIcon(t) && y("i", {
+      class: o.iconClass(t)
     }, null), t.text]));
   }
-  function P(o, t, r) {
-    const a = {
-      display: o.expanded ? "block" : "none",
+  function P(s, t, r) {
+    const d = {
+      display: s.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
@@ -957,60 +971,60 @@ function lt(s, e) {
         right: _,
         height: N
       } = S[0], q = Math.ceil(N + $);
-      a.top = `${q}px`, a.left = `${W}px`;
-      const G = o.id + "_menu", K = t ? t.querySelector("#" + G) : null;
+      d.top = `${q}px`, d.left = `${W}px`;
+      const G = s.id + "_menu", K = t ? t.querySelector("#" + G) : null;
       if (K) {
-        a.display === "block" && (K.style.display = "block");
-        const re = K.getBoundingClientRect();
+        d.display === "block" && (K.style.display = "block");
+        const ie = K.getBoundingClientRect();
         if (r) {
-          a.top = `${$ - 6}px`;
+          d.top = `${$ - 6}px`;
           const Te = Math.ceil(U + W);
-          a.left = `${Te}px`;
+          d.left = `${Te}px`;
         }
-        w - W - U < re.width && (a.left = `${(r ? W : _) - re.width}px`);
+        w - W - U < ie.width && (d.left = `${(r ? W : _) - ie.width}px`);
       }
     }
-    return a;
+    return d;
   }
-  x = function(o, t) {
+  x = function(s, t) {
     var C, S;
-    const r = ae(), a = t ? t.id : o.id, w = (S = (C = r == null ? void 0 : r.exposed) == null ? void 0 : C.elementRef.value) == null ? void 0 : S.querySelector("#" + a);
+    const r = de(), d = t ? t.id : s.id, w = (S = (C = r == null ? void 0 : r.exposed) == null ? void 0 : C.elementRef.value) == null ? void 0 : S.querySelector("#" + d);
     return y("ul", {
-      class: m(o),
-      style: P(o, w, t),
-      id: o.id + "_menu"
-    }, [E(o)]);
+      class: f(s),
+      style: P(s, w, t),
+      id: s.id + "_menu"
+    }, [E(s)]);
   };
   function h() {
-    f.forEach((o) => {
-      o.expanded = !1;
-    }), f.clear();
+    g.forEach((s) => {
+      s.expanded = !1;
+    }), g.clear();
   }
   return {
     renderDropdownMenu: x,
     clearAllDropDownMenu: h
   };
 }
-function at(s, e, n) {
-  const i = M(s.alignment), {
-    renderDropdownMenu: d,
-    clearAllDropDownMenu: m
-  } = lt(e, n), p = L("design-item-context"), T = L("toolbar-item-handler", () => {
+function dt(o, e, n) {
+  const i = M(o.alignment), {
+    renderDropdownMenu: a,
+    clearAllDropDownMenu: f
+  } = at(e, n), p = L("design-item-context"), T = L("toolbar-item-handler", () => {
   });
   function x() {
     T && T();
   }
-  function f(h) {
-    const o = {
+  function g(h) {
+    const s = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": i.value === "right",
       "f-btn-mr": i.value === "left"
     }, t = h.dropdownClass.split(" ");
-    return t && t.length && t.reduce((r, a) => (r[a] = !0, r), o), o;
+    return t && t.length && t.reduce((r, d) => (r[d] = !0, r), s), s;
   }
-  function g(h) {
-    const o = {
+  function m(h) {
+    const s = {
       btn: !0,
       disabled: !h.enable,
       "position-relative": !0,
@@ -1020,23 +1034,23 @@ function at(s, e, n) {
     };
     if (h.class) {
       const t = h.class.split(" ");
-      t && t.length && t.reduce((r, a) => (r[a] = !0, r), o);
+      t && t.length && t.reduce((r, d) => (r[d] = !0, r), s);
     }
-    return o;
+    return s;
   }
   function l(h) {
     h && (h.stopPropagation(), h.preventDefault());
   }
-  function c(h, o) {
+  function c(h, s) {
     l(h);
-    const t = o.expanded;
-    document.body.click(), o.expanded = !t;
+    const t = s.expanded;
+    document.body.click(), s.expanded = !t;
   }
   const u = function(h) {
     const {
-      componentType: o
-    } = h, t = Z(o, h), r = o.toLowerCase().replace("-", "_");
-    return t && !t.id && t.type === o && (t.id = `${r}_${Math.random().toString().slice(2, 6)}`), t;
+      componentType: s
+    } = h, t = Z(s, h), r = s.toLowerCase().replace("-", "_");
+    return t && !t.id && t.type === s && (t.id = `${r}_${Math.random().toString().slice(2, 6)}`), t;
   }, b = function() {
     const h = {
       componentType: "response-toolbar-item",
@@ -1046,39 +1060,39 @@ function at(s, e, n) {
     return u(h);
   };
   function I(h) {
-    const o = p.schema.buttons || p.schema.contents, t = o == null ? void 0 : o.findIndex((a) => a.id === h), r = t === -1 ? null : o[t];
+    const s = p.schema.buttons || p.schema.contents, t = s == null ? void 0 : s.findIndex((d) => d.id === h), r = t === -1 ? null : s[t];
     return {
       index: t,
       toolbarItem: r
     };
   }
-  function B(h, o) {
+  function B(h, s) {
     var S;
     const {
       index: t,
       toolbarItem: r
-    } = I(o);
+    } = I(s);
     if (t === -1)
       return;
-    const a = r.text || "按钮", w = b(), C = Object.assign({}, w, {
-      text: a
+    const d = r.text || "按钮", w = b(), C = Object.assign({}, w, {
+      text: d
     });
     (S = p.schema.buttons) == null || S.push(C), x();
   }
-  function O(h, o) {
+  function O(h, s) {
     const {
       index: t,
       toolbarItem: r
-    } = I(o);
+    } = I(s);
     if (t === -1)
       return;
-    const a = r.text || "按钮", w = b(), C = Object.assign({}, w, {
-      text: a
+    const d = r.text || "按钮", w = b(), C = Object.assign({}, w, {
+      text: d
     }), S = p.schema.buttons[t].children || [];
     S.push(C), p.schema.buttons[t].children = S, x();
   }
-  function F(h, o) {
-    const t = p.schema.buttons || p.schema.contents, r = t == null ? void 0 : t.findIndex((a) => a.id === o);
+  function F(h, s) {
+    const t = p.schema.buttons || p.schema.contents, r = t == null ? void 0 : t.findIndex((d) => d.id === s);
     r !== -1 && (t.splice(r, 1), x());
   }
   function j(h) {
@@ -1090,7 +1104,7 @@ function at(s, e, n) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (o) => F(o, h)
+      onClick: (s) => F(s, h)
     }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), y("div", {
@@ -1099,7 +1113,7 @@ function at(s, e, n) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (o) => B(o, h)
+      onClick: (s) => B(s, h)
     }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), y("div", {
@@ -1108,56 +1122,56 @@ function at(s, e, n) {
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (o) => O(o, h)
+      onClick: (s) => O(s, h)
     }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [ue("新增子级")])])])]);
+    }, [pe("新增子级")])])])]);
   }
   function A() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((s) => s.classList.remove("dgComponentFocused"));
     const h = document.getElementsByClassName("dgComponentSelected");
-    Array.from(h).forEach((o) => o.classList.remove("dgComponentSelected"));
+    Array.from(h).forEach((s) => s.classList.remove("dgComponentSelected"));
   }
   function k(h) {
     h.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
   function R(h) {
-    var a;
-    const o = p.schema.buttons || p.schema.contents, t = o == null ? void 0 : o.findIndex((w) => w.id === h);
+    var d;
+    const s = p.schema.buttons || p.schema.contents, t = s == null ? void 0 : s.findIndex((w) => w.id === h);
     if (t === -1)
       return;
-    const r = o[t];
-    (a = p == null ? void 0 : p.setupContext) == null || a.emit("selectionChange", "response-toolbar-item", r);
+    const r = s[t];
+    (d = p == null ? void 0 : p.setupContext) == null || d.emit("selectionChange", "response-toolbar-item", r);
   }
-  function v(h, o) {
-    l(h), A(), k(h), l(h), c(h, o), R(o.id);
+  function v(h, s) {
+    l(h), A(), k(h), l(h), c(h, s), R(s.id);
   }
   function E(h) {
     return y("div", {
       id: h.id,
-      class: f(h)
+      class: g(h)
     }, [y("div", {
-      class: g(h),
+      class: m(h),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (o) => h.enable && v(o, h)
+      onClick: (s) => h.enable && v(s, h)
     }, [j(h.id), e.shouldShowIcon(h) && y("i", {
       class: e.iconClass(h)
     }, null), y("span", null, [h.text]), y("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)]), d(h)]);
+    }, null)]), a(h)]);
   }
   function P() {
-    m();
+    f();
   }
   return {
     renderToolbarDropdown: E,
     clearAllDropDown: P
   };
 }
-class se {
+class re {
   constructor(e, n) {
     D(this, "componentId");
     D(this, "viewModelId");
@@ -1186,8 +1200,8 @@ class se {
     const n = e.binding && e.binding.type === "Form" && e.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const d = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = d.fields.find((m) => m.id === n);
+        const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = a.fields.find((f) => f.id === n);
       }
       e.updateOn = (i = this.designViewModelField) == null ? void 0 : i.updateOn;
     }
@@ -1213,7 +1227,7 @@ class se {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: te[e.type].name }]
+            data: [{ value: e.type, name: ne[e.type].name }]
           }
         }
       }
@@ -1249,11 +1263,11 @@ class se {
     const i = n && n.parent && n.parent.schema;
     if (!i)
       return;
-    const d = i.contents.findIndex((p) => p.id === e), m = pe(i.contents[d]);
-    i.contents.splice(d, 1), i.contents.splice(d, 0, m);
+    const a = i.contents.findIndex((p) => p.id === e), f = ee(i.contents[a]);
+    i.contents.splice(a, 1), i.contents.splice(a, 0, f);
   }
 }
-class dt extends se {
+class ut extends re {
   constructor(e, n) {
     super(e, n);
   }
@@ -1293,7 +1307,7 @@ class dt extends se {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar", value: te["response-toolbar"].name }]
+            data: [{ key: "response-toolbar", value: ne["response-toolbar"].name }]
           }
         }
       }
@@ -1336,15 +1350,15 @@ class dt extends se {
     };
   }
 }
-function ut(s, e) {
-  const n = s.schema;
-  function i(g) {
+function pt(o, e) {
+  const n = o.schema;
+  function i(m) {
     return !1;
   }
-  function d(g, l) {
-    return l.text = g.label, l;
+  function a(m, l) {
+    return l.text = m.label, l;
   }
-  function m() {
+  function f() {
     return !1;
   }
   function p() {
@@ -1356,20 +1370,20 @@ function ut(s, e) {
   function x() {
     return !0;
   }
-  function f(g) {
-    return new dt(g, e).getPropertyConfig(n);
+  function g(m) {
+    return new ut(m, e).getPropertyConfig(n);
   }
   return {
     canAccepts: i,
     checkCanAddComponent: T,
     checkCanDeleteComponent: p,
-    checkCanMoveComponent: m,
+    checkCanMoveComponent: f,
     hideNestedPaddingInDesginerView: x,
-    onResolveNewComponentSchema: d,
-    getPropsConfig: f
+    onResolveNewComponentSchema: a,
+    getPropsConfig: g
   };
 }
-const pt = {
+const ft = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -1382,38 +1396,38 @@ const pt = {
    * 组件值
    */
   modelValue: { type: Object }
-}, le = M(0);
-function ft(s, e) {
-  const n = e.getBoundingClientRect(), i = s.getBoundingClientRect(), d = i.top >= n.top, m = i.top <= n.bottom;
-  return d && m;
+}, ae = M(0);
+function gt(o, e) {
+  const n = e.getBoundingClientRect(), i = o.getBoundingClientRect(), a = i.top >= n.top, f = i.top <= n.bottom;
+  return a && f;
 }
-function gt(s) {
-  if (!s)
+function mt(o) {
+  if (!o)
     return;
   let e;
-  if (s.className.includes("dgComponentSelected") ? e = s : e = s.querySelector(".dgComponentSelected"), !e)
+  if (o.className.includes("dgComponentSelected") ? e = o : e = o.querySelector(".dgComponentSelected"), !e)
     return;
   const n = e.getBoundingClientRect();
   if (n.width === 0 && n.height === 0)
     return;
   const i = e.querySelector(".component-btn-group");
   if (i) {
-    if (!ft(e, s)) {
+    if (!gt(e, o)) {
       i.style.display = "none";
       return;
     }
     i.style.display = "";
-    const m = i.getBoundingClientRect(), p = i.querySelector("div");
+    const f = i.getBoundingClientRect(), p = i.querySelector("div");
     if (p) {
       const T = p.getBoundingClientRect();
-      p.style.top = m.top + "px", p.style.left = m.left - T.width + "px";
+      p.style.top = f.top + "px", p.style.left = f.left - T.width + "px";
     }
   }
 }
-function mt(s, e, n) {
+function ht(o, e, n) {
   var A;
-  const i = "", d = M();
-  function m() {
+  const i = "", a = M();
+  function f() {
     return !0;
   }
   function p() {
@@ -1425,13 +1439,13 @@ function mt(s, e, n) {
   function x() {
     return !0;
   }
-  function f() {
+  function g() {
     return !0;
   }
-  function g(k) {
+  function m(k) {
     if (!k || !k.value)
       return null;
-    const R = M(k == null ? void 0 : k.value.parent), v = g(R);
+    const R = M(k == null ? void 0 : k.value.parent), v = m(R);
     return v || null;
   }
   function l(k = e) {
@@ -1461,19 +1475,19 @@ function mt(s, e, n) {
   }
   function j() {
   }
-  return d.value = {
-    canMove: m(),
+  return a.value = {
+    canMove: f(),
     canSelectParent: p(),
     canAdd: x(),
     canDelete: T(),
-    canNested: !f(),
+    canNested: !g(),
     contents: [],
-    elementRef: s,
+    elementRef: o,
     parent: (A = e.parent) == null ? void 0 : A.componentInstance,
     schema: e.schema,
     styles: i,
     canAccepts: c,
-    getBelongedComponentInstance: g,
+    getBelongedComponentInstance: m,
     getDraggableDesignItemElement: l,
     getDraggingDisplayText: u,
     getPropConfig: F,
@@ -1484,17 +1498,17 @@ function mt(s, e, n) {
     onRemoveComponent: j,
     triggerBelongedComponentToMoveWhenMoved: M(!1),
     triggerBelongedComponentToDeleteWhenDeleted: M(!1)
-  }, d;
+  }, a;
 }
-const ht = /* @__PURE__ */ Y({
+const bt = /* @__PURE__ */ Y({
   name: "FDesignerInnerItem",
-  props: pt,
+  props: ft,
   emits: ["selectionChange", "addComponent", "removeComponent"],
-  setup(s, e) {
-    const n = M(s.canMove), i = M(s.canAdd), d = M(s.canDelete), m = M(!1), p = M(s.contentKey), T = M(s.childType), x = M(s.childLabel), f = M(s.modelValue), g = M(""), l = M(), c = L("canvas-dragula"), u = M(), b = L("design-item-context"), I = {
+  setup(o, e) {
+    const n = M(o.canMove), i = M(o.canAdd), a = M(o.canDelete), f = M(!1), p = M(o.contentKey), T = M(o.childType), x = M(o.childLabel), g = M(o.modelValue), m = M(""), l = M(), c = L("canvas-dragula"), u = M(), b = L("design-item-context"), I = {
       designerItemElementRef: l,
       componentInstance: u,
-      schema: f.value,
+      schema: g.value,
       parent: b,
       setupContext: e
     };
@@ -1502,24 +1516,24 @@ const ht = /* @__PURE__ */ Y({
     const B = V(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
-      "flex-fill": s.id === "root-component",
-      "position-relative": n.value || d.value,
-      "farris-nested": m.value,
+      "flex-fill": o.id === "root-component",
+      "position-relative": n.value || a.value,
+      "farris-nested": f.value,
       "can-move": n.value,
       "d-none": l.value && l.value.classList.contains("d-none")
     })), O = V(() => {
       const t = {};
-      return g.value && g.value.split(";").reduce((r, a) => {
-        const [w, C] = a.split(":");
+      return m.value && m.value.split(";").reduce((r, d) => {
+        const [w, C] = d.split(":");
         return w && (r[w] = C), r;
       }, t), t;
     });
     function F(t, r) {
       if (b && b.schema[p.value]) {
-        const a = b.schema[p.value].findIndex((w) => w.id === r.id);
-        if (a > -1) {
-          const w = b.schema[p.value].length, C = b.schema[p.value][a % w];
-          b.designerItemElementRef.value.querySelector(`#${C.id}-design-item`), b.schema[p.value].splice(a, 1), le.value++, e.emit("removeComponent");
+        const d = b.schema[p.value].findIndex((w) => w.id === r.id);
+        if (d > -1) {
+          const w = b.schema[p.value].length, C = b.schema[p.value][d % w];
+          b.designerItemElementRef.value.querySelector(`#${C.id}-design-item`), b.schema[p.value].splice(d, 1), ae.value++, e.emit("removeComponent");
         }
       }
     }
@@ -1530,8 +1544,8 @@ const ht = /* @__PURE__ */ Y({
           label: x.value,
           parentComponentInstance: u.value,
           targetPosition: -1
-        }, a = u.value.addNewChildComponentSchema(r);
-        f.value[p.value].push(a), e.emit("addComponent");
+        }, d = u.value.addNewChildComponentSchema(r);
+        g.value[p.value].push(d), e.emit("addComponent");
       }
     }
     function A() {
@@ -1548,7 +1562,7 @@ const ht = /* @__PURE__ */ Y({
       }, null)]);
     }
     function k(t) {
-      return d.value && y("div", {
+      return a.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
@@ -1575,52 +1589,52 @@ const ht = /* @__PURE__ */ Y({
         "data-noattach": "true"
       }, [y("div", null, [A(), R(), k(t)])]);
     }
-    Q(() => s.modelValue, (t) => {
-      f.value = t, I.schema = t;
+    Q(() => o.modelValue, (t) => {
+      g.value = t, I.schema = t;
     });
     function E(t) {
       const r = t.target;
-      gt(r);
+      mt(r);
     }
     function P() {
       var t, r;
-      (r = (t = f.value) == null ? void 0 : t.contents) != null && r.length && l.value && l.value.addEventListener("scroll", E);
+      (r = (t = g.value) == null ? void 0 : t.contents) != null && r.length && l.value && l.value.addEventListener("scroll", E);
     }
     function h() {
       const t = l.value, r = M(t.children[1]);
-      return mt(r, I).value;
+      return ht(r, I).value;
     }
     H(() => {
       if (l.value) {
-        const t = l.value.querySelector(`[data-dragref='${f.value.id}-container']`);
-        u.value = t && t.componentInstance ? t.componentInstance.value : h(), c && t && c.attachComponents(t, f.value), m.value = u.value.canNested !== void 0 ? u.value.canNested : m.value, i.value = u.value.canAdd !== void 0 ? u.value.canAdd : i.value, d.value = u.value.canDelete !== void 0 ? u.value.canDelete : d.value, n.value = u.value.canMove !== void 0 ? u.value.canMove : n.value, g.value = u.value.styles || "", l.value && (l.value.componentInstance = u, l.value.designItemContext = I);
+        const t = l.value.querySelector(`[data-dragref='${g.value.id}-container']`);
+        u.value = t && t.componentInstance ? t.componentInstance.value : h(), c && t && c.attachComponents(t, g.value), f.value = u.value.canNested !== void 0 ? u.value.canNested : f.value, i.value = u.value.canAdd !== void 0 ? u.value.canAdd : i.value, a.value = u.value.canDelete !== void 0 ? u.value.canDelete : a.value, n.value = u.value.canMove !== void 0 ? u.value.canMove : n.value, m.value = u.value.styles || "", l.value && (l.value.componentInstance = u, l.value.designItemContext = I);
       }
-      P(), le.value++;
+      P(), ae.value++;
     }), Me(() => {
       l.value && l.value.removeEventListener("scroll", E);
     });
-    function o(t) {
+    function s(t) {
       Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((w) => w.classList.remove("dgComponentFocused")), t && (t.preventDefault(), t.stopPropagation());
       let r = I.designerItemElementRef;
-      const a = l.value;
-      if (a) {
+      const d = l.value;
+      if (d) {
         const w = document.getElementsByClassName("dgComponentSelected");
-        w && w.length === 1 && w[0] === l.value || (Array.from(w).forEach((S) => S.classList.remove("dgComponentSelected")), a.classList.add("dgComponentFocused"), e.emit("selectionChange", f.value.type, f.value, s.componentId, u.value), r = u.value.getDraggableDesignItemElement(I), r && r.value && r.value.classList.add("dgComponentSelected"));
+        w && w.length === 1 && w[0] === l.value || (Array.from(w).forEach((S) => S.classList.remove("dgComponentSelected")), d.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, o.componentId, u.value), r = u.value.getDraggableDesignItemElement(I), r && r.value && r.value.classList.add("dgComponentSelected"));
       }
       E({
         target: r == null ? void 0 : r.value
       });
     }
     return () => y("div", {
-      id: `${s.id}-design-item`,
+      id: `${o.id}-design-item`,
       ref: l,
       class: B.value,
       style: O.value,
-      onClick: o
-    }, [v(f.value), e.slots.default && e.slots.default()]);
+      onClick: s
+    }, [v(g.value), e.slots.default && e.slots.default()]);
   }
 });
-class bt extends se {
+class yt extends re {
   constructor(e, n) {
     super(e, n);
   }
@@ -1681,16 +1695,16 @@ class bt extends se {
         label: "onClick",
         name: "点击事件"
       }
-    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), m = {};
-    m[i.viewModelId] = {
+    ], i = this, a = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), f = {};
+    f[i.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: d
+        initialData: a
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: m,
+      properties: f,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
@@ -1702,7 +1716,7 @@ class bt extends se {
     };
   }
 }
-class yt extends se {
+class vt extends re {
   constructor(e, n) {
     super(e, n);
   }
@@ -1728,7 +1742,7 @@ class yt extends se {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar-item", value: te["response-toolbar-item"].name }]
+            data: [{ key: "response-toolbar-item", value: ne["response-toolbar-item"].name }]
           }
         },
         text: {
@@ -1779,16 +1793,16 @@ class yt extends se {
         label: "onClick",
         name: "点击事件"
       }
-    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), m = {};
-    m[i.viewModelId] = {
+    ], i = this, a = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), f = {};
+    f[i.viewModelId] = {
       type: "events-editor",
       editor: {
-        initialData: d
+        initialData: a
       }
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: m,
+      properties: f,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
@@ -1800,35 +1814,35 @@ class yt extends se {
     };
   }
 }
-function vt(s, e) {
+function Ct(o, e) {
   function n(T) {
     return !1;
   }
   function i() {
     return !1;
   }
-  function d() {
+  function a() {
     return !0;
   }
-  function m() {
+  function f() {
     return !1;
   }
   function p(T) {
     let x;
-    switch (s.schema.type) {
+    switch (o.schema.type) {
       case "tab-toolbar-item":
-        x = new bt(T, e);
+        x = new yt(T, e);
         break;
       default:
-        x = new yt(T, e);
+        x = new vt(T, e);
     }
-    return x.getPropertyConfig(s.schema);
+    return x.getPropertyConfig(o.schema);
   }
   return {
     canAccepts: n,
     checkCanMoveComponent: i,
-    checkCanDeleteComponent: d,
-    checkCanAddComponent: m,
+    checkCanDeleteComponent: a,
+    checkCanAddComponent: f,
     getPropsConfig: p
   };
 }
@@ -1836,26 +1850,26 @@ const xe = /* @__PURE__ */ Y({
   name: "FResponseToolbarItemDesign",
   props: Ce,
   emits: ["Click"],
-  setup(s, e) {
+  setup(o, e) {
     M(), M();
-    const n = M(s.alignment), i = {
+    const n = M(o.alignment), i = {
       id: "__more_buttons__",
       text: "More"
-    }, d = M(new z(i));
-    V(() => d.value.children.length > 0);
-    const m = M(), p = L("designer-host-service"), T = L("design-item-context"), x = vt(T, p), f = fe(m, T, x);
+    }, a = M(new z(i));
+    V(() => a.value.children.length > 0);
+    const f = M(), p = L("designer-host-service"), T = L("design-item-context"), x = Ct(T, p), g = fe(f, T, x);
     L("toolbar-item-handler", () => {
     }), H(() => {
-      m.value.componentInstance = f;
-    }), e.expose(f.value);
-    function g() {
+      f.value.componentInstance = g;
+    }), e.expose(g.value);
+    function m() {
       const u = {
         "f-icon": !0
-      }, b = s.icon ? s.icon.trim() : "";
+      }, b = o.icon ? o.icon.trim() : "";
       return J(u, b);
     }
     function l() {
-      return !!(s.icon && s.icon.trim());
+      return !!(o.icon && o.icon.trim());
     }
     function c() {
       const u = {
@@ -1863,40 +1877,40 @@ const xe = /* @__PURE__ */ Y({
         "f-rt-btn": !0,
         "f-btn-ml": n.value === "right",
         "f-btn-mr": n.value === "left",
-        "btn-icontext": !!(s.icon && s.icon.trim()),
-        disabled: s.disabled === !0
+        "btn-icontext": !!(o.icon && o.icon.trim()),
+        disabled: o.disabled === !0
       };
-      return J(u, s.class);
+      return J(u, o.class);
     }
     return () => y("div", {
-      ref: m,
+      ref: f,
       "data-dragref": `${T.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
     }, [y("button", {
       type: "button",
       class: c(),
-      id: s.id
+      id: o.id
     }, [l() && y("i", {
-      class: g()
-    }, null), s.text])]);
+      class: m()
+    }, null), o.text])]);
   }
-}), Ct = /* @__PURE__ */ Y({
+}), wt = /* @__PURE__ */ Y({
   name: "FResponseToolbarDesign",
-  props: st,
+  props: rt,
   emits: ["Click"],
-  setup(s, e) {
-    const n = M(s.items);
+  setup(o, e) {
+    const n = M(o.items);
     let i = new Array(n.value.length).fill(M());
-    const d = M(), m = M(), p = M(s.alignment), T = {
+    const a = M(), f = M(), p = M(o.alignment), T = {
       id: "__more_buttons__",
       text: "More"
-    }, x = M(new z(T)), f = we();
+    }, x = M(new z(T)), g = we();
     V(() => x.value.children.length > 0);
-    const g = M(), l = L("designer-host-service"), c = L("design-item-context"), u = ut(c, l), b = fe(g, c, u), I = L("toolbar-item-handler", () => {
+    const m = M(), l = L("designer-host-service"), c = L("design-item-context"), u = pt(c, l), b = fe(m, c, u), I = L("toolbar-item-handler", () => {
     });
     H(() => {
-      g.value.componentInstance = b;
+      m.value.componentInstance = b;
     }), e.expose(b.value);
     function B() {
       I && I();
@@ -1905,7 +1919,7 @@ const xe = /* @__PURE__ */ Y({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, s.customClass)), F = V(() => ({
+    }, o.customClass)), F = V(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
       "justify-content-end": p.value === "right",
@@ -1913,7 +1927,7 @@ const xe = /* @__PURE__ */ Y({
     })), {
       renderToolbarDropdown: j,
       clearAllDropDown: A
-    } = at(s, f, b);
+    } = dt(o, g, b);
     function k() {
       n.value.filter((t) => t.children && t.children.length > 0).forEach((t) => {
         t.expanded = !1;
@@ -1921,26 +1935,26 @@ const xe = /* @__PURE__ */ Y({
     }
     const R = /* @__PURE__ */ new Map(), v = [];
     function E(t) {
-      const r = m.value;
-      let a = t;
+      const r = f.value;
+      let d = t;
       const w = Array.from(r.children), C = w[w.length - 1].id === "__more_buttons__" ? w[w.length - 1] : null;
       if (C) {
         const _ = C.computedStyleMap().get("margin-left"), N = C.computedStyleMap().get("margin-right"), q = (_ ? _.value : 0) + C.getBoundingClientRect().width + (N ? N.value : 0);
-        a -= q;
+        d -= q;
       }
       const S = w.filter((_) => _.id !== "__more_buttons__");
       for (const _ of S) {
         const N = _.computedStyleMap().get("margin-left"), q = _.computedStyleMap().get("margin-right"), G = (N ? N.value : 0) + _.getBoundingClientRect().width + (q ? q.value : 0);
-        a < G ? (R.set(_.id, !0), v.push({
+        d < G ? (R.set(_.id, !0), v.push({
           id: _.id,
           width: G
-        })) : a -= G;
+        })) : d -= G;
       }
       if (v.length)
         for (let _ = v.length - 1; _ >= 0; _--) {
           const N = v[_].width;
-          if (a >= N)
-            a -= N, R.delete(v[_].id), v.pop();
+          if (d >= N)
+            d -= N, R.delete(v[_].id), v.pop();
           else
             break;
         }
@@ -1951,82 +1965,82 @@ const xe = /* @__PURE__ */ Y({
     }
     const P = new ResizeObserver((t) => {
       if (t.length) {
-        const a = t[0].contentRect.width, C = m.value.getBoundingClientRect().width;
-        (a < C || v.length) && E(a);
+        const d = t[0].contentRect.width, C = f.value.getBoundingClientRect().width;
+        (d < C || v.length) && E(d);
       }
     });
     H(() => {
-      const t = d.value;
+      const t = a.value;
       P.observe(t), document.body.addEventListener("click", k);
-    }), de(() => {
+    }), ue(() => {
       P.disconnect(), document.body.removeEventListener("click", k);
-    }), Q(() => s.items, () => {
-      n.value = s.items;
+    }), Q(() => o.items, () => {
+      n.value = o.items;
     }, {
       deep: !0
     }), Q(n, (t) => {
       i = new Array(n.value.length).fill(M());
     });
-    function h(t, r, a, w) {
-      c && c.setupContext && c.setupContext.emit("selectionChange", t, r, a, w);
+    function h(t, r, d, w) {
+      c && c.setupContext && c.setupContext.emit("selectionChange", t, r, d, w);
     }
-    function o() {
-      const t = m.value.querySelector(".dgComponentFocused.dgComponentSelected");
+    function s() {
+      const t = f.value.querySelector(".dgComponentFocused.dgComponentSelected");
       t == null || t.classList.remove("dgComponentSelected"), t == null || t.classList.remove("dgComponentFocused"), B();
     }
     return () => y("div", {
-      ref: g,
+      ref: m,
       "data-dragref": `${c.schema.id}-container`,
       class: O.value
     }, [y("div", {
-      ref: d,
+      ref: a,
       class: F.value
     }, [y("div", {
-      ref: m,
+      ref: f,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.map((t, r) => y(ht, {
+    }, [n.value.map((t, r) => y(bt, {
       ref: i[r],
       class: "p-0 display-inline-block",
       modelValue: t,
-      "onUpdate:modelValue": (a) => t = a,
+      "onUpdate:modelValue": (d) => t = d,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      componentId: s.componentId,
+      componentId: o.componentId,
       id: t.id,
       style: "padding:0 !important;display:inline-block",
       onSelectionChange: h,
-      onRemoveComponent: o
+      onRemoveComponent: s
     }, {
       default: () => {
-        var a;
+        var d;
         return [y(xe, {
           id: t.id,
           disabled: t.disabled,
           text: t.text,
           icon: t.icon,
-          class: ((a = t.appearance) == null ? void 0 : a.class) || "btn-secondary",
-          alignment: s.alignment || "right",
-          componentId: s.componentId
+          class: ((d = t.appearance) == null ? void 0 : d.class) || "btn-secondary",
+          alignment: o.alignment || "right",
+          componentId: o.componentId
         }, null)];
       }
     }))])])]);
   }
-}), Mt = oe;
-X.register = (s, e, n) => {
-  s["response-toolbar"] = X, e["response-toolbar"] = oe;
+}), Et = se;
+X.register = (o, e, n) => {
+  o["response-toolbar"] = X, e["response-toolbar"] = se;
 };
-X.registerDesigner = (s, e, n) => {
-  s["response-toolbar"] = Ct, e["response-toolbar"] = oe, s["response-toolbar-item"] = xe, e["response-toolbar-item"] = rt;
+X.registerDesigner = (o, e, n) => {
+  o["response-toolbar"] = wt, e["response-toolbar"] = se, o["response-toolbar-item"] = xe, e["response-toolbar-item"] = it;
 };
-const Et = Re(X);
+const Rt = Re(X);
 export {
   X as FResponseToolbar,
   z as ResponseToolbarDropDownItem,
-  Dt as ResponseToolbarGroup,
+  Mt as ResponseToolbarGroup,
   ke as ResponseToolbarItem,
-  Et as default,
-  Mt as responseToolbarResolver
+  Rt as default,
+  Et as responseToolbarResolver
 };