@farris/ui-vue 1.3.1 → 1.3.3

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

@@ -1,11 +1,11 @@
-var Me = Object.defineProperty;
-var Ee = (s, e, n) => e in s ? Me(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
-var D = (s, e, n) => Ee(s, typeof e != "symbol" ? e + "" : e, n);
-import { computed as V, getCurrentInstance as de, createVNode as y, ref as S, defineComponent as Q, onMounted as z, onUnmounted as ue, watch as G, inject as L, createTextVNode as pe, provide as Re, onBeforeUnmount as ke, withModifiers as Pe } from "vue";
-import { isPlainObject as ce, cloneDeep as fe } from "lodash-es";
-import { getCustomClass as H, withInstall as Be } from "../common/index.esm.js";
-import { useDesignerInnerComponent as ge } from "../designer-canvas/index.esm.js";
-class me {
+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";
+import { getCustomClass as J, withInstall as Re } from "../common/index.esm.js";
+import { useDesignerInnerComponent as fe } from "../designer-canvas/index.esm.js";
+class ge {
   constructor(e) {
     /** 工具栏项标识 */
     D(this, "id", "");
@@ -67,20 +67,20 @@ class me {
     return this.visible ? this.width : !1;
   }
 }
-class Ae extends me {
+class ke extends ge {
   constructor(e) {
     super(e);
   }
 }
-function he() {
+function me() {
   function s(e) {
     const n = [];
-    return e.reduce((i, d) => (d.children && d.children.length > 0 ? i.push(new W(d)) : i.push(new Ae(d)), i), n), 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 { buildResponseToolbarItems: s };
 }
-const { buildResponseToolbarItems: Oe } = he();
-class W extends me {
+const { buildResponseToolbarItems: Pe } = me();
+class z extends ge {
   constructor(n) {
     super(n);
     D(this, "placement", "");
@@ -96,10 +96,10 @@ class W extends me {
     const i = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
     Object.keys(n).filter((d) => i.indexOf(d) > -1).forEach((d) => {
       this[d] = n[d];
-    }), n.children && n.children.length && (this.children = Oe(n.children));
+    }), n.children && n.children.length && (this.children = Pe(n.children));
   }
 }
-class Pt {
+class Dt {
   constructor(e, n) {
     D(this, "id");
     D(this, "name");
@@ -144,98 +144,102 @@ class Pt {
     return this.presetId.length === this.responsedIndex.length;
   }
 }
-const ee = {}, be = {};
-function te(s) {
-  const { properties: e, title: n, ignore: i } = s, d = i && Array.isArray(i), h = Object.keys(e).reduce((f, x) => ((!d || !i.find((w) => w == x)) && (f[x] = e[x].type === "object" && e[x].properties ? te(e[x]) : fe(e[x].default)), f), {});
-  return n && (!d || !i.find((f) => f == "id")) && (h.id = `${n}-${Date.now()}`), h;
+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"))) {
+    const p = n.toLowerCase().replace(/-/g, "_");
+    m.id = `${p}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return m;
 }
-function X(s, e = {}, n) {
-  const i = ee[s];
+function Z(s, e = {}, n) {
+  const i = he[s];
   if (i) {
-    let d = te(i);
-    const h = be[s];
-    return d = h ? h({ getSchemaByType: X }, d, e, n) : d, d;
+    let d = ee(i);
+    const m = be[s];
+    return d = m ? m({ getSchemaByType: Z }, d, e, n) : d, d;
   }
   return null;
 }
-function je(s, e) {
-  const n = te(e);
-  return Object.keys(s).reduce((i, d) => (i[d] && ce(i[d]) && ce(s[d]) ? Object.assign(i[d], s[d]) : i[d] = s[d], i), n), n;
+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 _e(s, e) {
+function Ae(s, e) {
   return Object.keys(s).filter((i) => s[i] != null).reduce((i, d) => {
     if (e.has(d)) {
-      const h = e.get(d);
-      if (typeof h == "string")
-        i[h] = s[d];
+      const m = e.get(d);
+      if (typeof m == "string")
+        i[m] = s[d];
       else {
-        const f = h(d, s[d], s);
-        Object.assign(i, f);
+        const p = m(d, s[d], s);
+        Object.assign(i, p);
       }
     } else
       i[d] = s[d];
     return i;
   }, {});
 }
-function $e(s, e, n = /* @__PURE__ */ new Map()) {
-  const i = je(s, e);
-  return _e(i, n);
+function Oe(s, e, n = /* @__PURE__ */ new Map()) {
+  const i = Be(s, e);
+  return Ae(i, n);
 }
-function Fe(s = {}) {
-  function e(g, m, l, c) {
+function _e(s = {}) {
+  function e(f, g, l, c) {
     if (typeof l == "number")
-      return c[g].length === l;
+      return c[f].length === l;
     if (typeof l == "object") {
-      const p = Object.keys(l)[0], b = l[p];
-      if (p === "not")
-        return Number(c[g].length) !== Number(b);
-      if (p === "moreThan")
-        return Number(c[g].length) >= Number(b);
-      if (p === "lessThan")
-        return Number(c[g].length) <= Number(b);
+      const u = Object.keys(l)[0], b = l[u];
+      if (u === "not")
+        return Number(c[f].length) !== Number(b);
+      if (u === "moreThan")
+        return Number(c[f].length) >= Number(b);
+      if (u === "lessThan")
+        return Number(c[f].length) <= Number(b);
     }
     return !1;
   }
-  function n(g, m, l, c) {
-    return c[g] && c[g].propertyValue && String(c[g].propertyValue.value) === String(l);
+  function n(f, g, l, c) {
+    return c[f] && c[f].propertyValue && String(c[f].propertyValue.value) === String(l);
   }
   const i = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(s).reduce((g, m) => (g.set(m, s[m]), g), i);
-  function d(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) => {
+  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) => {
       if (c === "length")
-        return { target: l, operator: "length", param: null, value: m[c] };
-      const p = c, b = m[c];
-      return { target: l, operator: "getProperty", param: p, value: b };
+        return { target: l, operator: "length", param: null, value: g[c] };
+      const u = c, b = g[c];
+      return { target: l, operator: "getProperty", param: u, value: b };
     }) : [];
   }
-  function h(g) {
-    return Object.keys(g).reduce((l, c) => {
-      const p = d(c, g[c]);
-      return l.push(...p), l;
+  function m(f) {
+    return Object.keys(f).reduce((l, c) => {
+      const u = d(c, f[c]);
+      return l.push(...u), l;
     }, []);
   }
-  function f(g, m) {
-    if (i.has(g.operator)) {
-      const l = i.get(g.operator);
-      return l && l(g.target, g.param, g.value, m) || !1;
+  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;
     }
     return !1;
   }
-  function x(g, m) {
-    return h(g).reduce((p, b) => p && f(b, m), !0);
+  function T(f, g) {
+    return m(f).reduce((u, b) => u && p(b, g), !0);
   }
-  function w(g, m) {
-    const l = Object.keys(g), c = l.includes("allOf"), p = l.includes("anyOf"), b = c || p, j = (b ? g[b ? c ? "allOf" : "anyOf" : "allOf"] : [g]).map((_) => x(_, m));
-    return c ? !j.includes(!1) : j.includes(!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));
+    return c ? !O.includes(!1) : O.includes(!0);
   }
-  return { parseValueSchema: w };
+  return { parseValueSchema: x };
 }
-const ne = {
+const te = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -273,31 +277,33 @@ const ne = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, ye = {}, Ne = {};
-Fe();
-function ve(s, e, n = /* @__PURE__ */ new Map(), i = (f, x, w) => x, d = {}, h = (f) => f) {
-  return ee[e.title] = e, be[e.title] = i, ye[e.title] = d, Ne[e.title] = h, (f = {}) => {
-    const x = $e(f, e, n), w = Object.keys(s).reduce((g, m) => (g[m] = s[m].default, g), {});
-    return Object.assign(w, x);
+  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), {});
+    return Object.assign(x, T);
   };
 }
-function Le(s, e) {
+function Fe(s, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Ve = /* @__PURE__ */ new Map([
+const Ne = /* @__PURE__ */ new Map([
   ["buttons", "items"],
-  ["appearance", Le]
-]), Ue = /* @__PURE__ */ new Map([
-  ["appearance", We]
+  ["appearance", Fe]
 ]);
-function We(s, e) {
+function Le(s, e) {
   return { class: e.class, style: e.style };
 }
-function Ce(s, e, n) {
+const Ve = /* @__PURE__ */ new Map([
+  ["appearance", Le]
+]);
+function ve(s, e, n) {
   return e;
 }
-const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-design.gitee.io/response-toolbar.schema.json", Ge = "response-toolbar", He = "A Farris Toolbar Component", Je = "object", Qe = {
+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 = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -312,10 +318,10 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
     type: "object",
     properties: {
       class: {
-        type: "string"
+        type: "string",
+        default: ""
       }
-    },
-    default: {}
+    }
   },
   alignment: {
     description: "The alignment of Response Toolbar Button.",
@@ -327,19 +333,19 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
     type: "array",
     default: []
   }
-}, Xe = [
+}, Qe = [
   "id",
   "type",
   "buttons"
-], Ye = {
-  $schema: qe,
-  $id: ze,
-  title: Ge,
-  description: He,
-  type: Je,
-  properties: Qe,
-  required: Xe
-}, Ze = "https://json-schema.org/draft/2020-12/schema", Ke = "https://farris-design.gitee.io/response-toolbar-item.schema.json", et = "response-toolbar-item", tt = "A Farris Toolbar Item Component", nt = "object", ot = {
+], 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 = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -357,8 +363,7 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
         type: "string",
         default: "btn-secondary"
       }
-    },
-    default: {}
+    }
   },
   alignment: {
     description: "对齐",
@@ -385,57 +390,19 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
     type: "string",
     default: ""
   }
-}, st = [
+}, nt = [
   "id",
   "type",
   "text"
-], K = {
-  $schema: Ze,
-  $id: Ke,
-  title: et,
-  description: tt,
-  type: nt,
-  properties: ot,
-  required: st
-}, rt = "response-toolbar-item", it = "A Farris Container Component", ct = "object", lt = {
-  basic: {
-    title: "基本信息",
-    description: "Basic Infomation",
-    properties: {
-      id: {
-        title: "标识",
-        type: "string",
-        description: "The identifier of a component.",
-        readonly: !0
-      },
-      type: {
-        title: "类型",
-        type: "enum",
-        description: "The type of a component.",
-        editor: {
-          type: "combo-list",
-          data: []
-        }
-      },
-      text: {
-        title: "文本",
-        type: "string",
-        description: "",
-        refreshPanelAfterChanged: !0
-      },
-      icon: {
-        title: "图标",
-        type: "string",
-        description: ""
-      }
-    }
-  }
-}, le = {
-  title: rt,
-  description: it,
-  type: ct,
-  categories: lt
-}, oe = {
+], ot = {
+  $schema: Xe,
+  $id: Ye,
+  title: Ze,
+  description: Ke,
+  type: et,
+  properties: tt,
+  required: nt
+}, ne = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
   alignment: { Type: String, default: "right" },
@@ -443,17 +410,14 @@ const qe = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-
     Type: Array,
     default: []
   }
-};
-ee[K.title] = K;
-ye[le.title] = le;
-const at = Object.assign({}, oe, {
+}, st = Object.assign({}, ne, {
   componentId: { type: String, default: "" }
-}), se = ve(
-  oe,
-  Ye,
-  Ve,
-  Ce
-), we = {
+}), oe = ye(
+  ne,
+  Je,
+  Ne,
+  ve
+), Ce = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
   class: { type: String, default: "" },
@@ -462,20 +426,20 @@ const at = Object.assign({}, oe, {
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" },
   alignment: { Type: String, default: "right" }
-}, dt = ve(
-  we,
-  K,
-  Ue,
-  Ce
+}, rt = ye(
+  Ce,
+  ot,
+  Ve,
+  ve
 );
-function xe() {
+function we() {
   function s(n) {
     const i = {
       "f-icon": !0
     };
     if (n.icon) {
       const d = n.icon.trim().split(" ");
-      d && d.length && d.reduce((h, f) => (h[f] = !0, h), i);
+      d && d.length && d.reduce((m, p) => (m[p] = !0, m), i);
     }
     return i;
   }
@@ -484,14 +448,14 @@ function xe() {
   }
   return { iconClass: s, shouldShowIcon: e };
 }
-function ut(s) {
+function it(s) {
   function e(l) {
     const c = {
       "dropdown-menu": !0
     };
     if (l.class) {
-      const p = l.menuClass.split(" ");
-      p && p.length && p.reduce((b, M) => (b[M] = !0, b), c);
+      const u = l.menuClass.split(" ");
+      u && u.length && u.reduce((b, I) => (b[I] = !0, b), c);
     }
     return c;
   }
@@ -500,168 +464,168 @@ function ut(s) {
       disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, p = l.dropdownClass.split(" ");
-    return p && p.length && p.reduce((b, M) => (b[M] = !0, b), c), c;
+    }, u = l.dropdownClass.split(" ");
+    return u && u.length && u.reduce((b, I) => (b[I] = !0, b), c), c;
   }
   function i(l) {
     const c = {
       disabled: !l.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
-    }, p = l.class.split(" ");
-    return p && p.length && p.reduce((b, M) => (b[M] = !0, b), c), c;
+    }, u = l.class.split(" ");
+    return u && u.length && u.reduce((b, I) => (b[I] = !0, b), c), c;
   }
   let d;
-  const h = /* @__PURE__ */ new Map();
-  function f(l, c, p) {
-    var M;
-    ((M = l.target) == null ? void 0 : M.id) === c.id && l.stopPropagation();
-    const b = p ? p.id : "__top_item__";
-    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? h.set(b, c) : h.delete(b)), h.has(b) && h.get(b) !== c) {
-      const O = h.get(b);
-      O && (O.expanded = !1);
+  const m = /* @__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);
+      B && (B.expanded = !1);
     }
   }
-  function x(l, c) {
+  function T(l, c) {
     document.body.click(), c.enable && c.onClick(l, c.id);
   }
-  function w(l) {
+  function x(l) {
     return l.children.map((c) => c.children && c.children.length ? y("li", {
       class: n(c),
       id: c.id,
-      onClick: (p) => c.enable && f(p, c, l)
+      onClick: (u) => c.enable && p(u, c, l)
     }, [y("span", {
       id: c.id,
       class: i(c),
-      onMouseover: (p) => c.enable && f(p, c, l)
+      onMouseover: (u) => c.enable && p(u, c, l)
     }, [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", {
       class: i(c),
       id: c.id,
-      onClick: (p) => x(p, c),
-      onMouseover: (p) => c.enable && f(p, c, l)
+      onClick: (u) => T(u, c),
+      onMouseover: (u) => c.enable && p(u, c, l)
     }, [s.shouldShowIcon(c) && y("i", {
       class: s.iconClass(c)
     }, null), c.text]));
   }
-  function g(l, c, p) {
+  function f(l, c, u) {
     const b = {
       display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, M = document.getElementsByTagName("body")[0].getClientRects()[0].width, O = c, j = O == null ? void 0 : O.getClientRects();
-    if (O && j && j.length) {
+    }, I = document.getElementsByTagName("body")[0].getClientRects()[0].width, B = c, O = B == null ? void 0 : B.getClientRects();
+    if (B && O && O.length) {
       const {
         top: F,
-        width: _,
-        left: R,
-        right: E,
-        height: k
-      } = j[0], v = Math.ceil(k + F);
-      b.top = `${v}px`, b.left = `${R}px`;
-      const P = l.id + "_menu", A = c ? c.querySelector("#" + P) : null;
-      if (A) {
-        b.display === "block" && (A.style.display = "block");
-        const a = A.getBoundingClientRect();
-        if (p) {
+        width: j,
+        left: A,
+        right: k,
+        height: R
+      } = O[0], v = Math.ceil(R + F);
+      b.top = `${v}px`, b.left = `${A}px`;
+      const E = l.id + "_menu", P = c ? c.querySelector("#" + E) : null;
+      if (P) {
+        b.display === "block" && (P.style.display = "block");
+        const h = P.getBoundingClientRect();
+        if (u) {
           b.top = `${F - 6}px`;
-          const o = Math.ceil(_ + R);
+          const o = Math.ceil(j + A);
           b.left = `${o}px`;
         }
-        M - R - _ < a.width && (b.left = `${(p ? R : E) - a.width}px`);
+        I - A - j < h.width && (b.left = `${(u ? A : k) - h.width}px`);
       }
     }
     return b;
   }
   d = function(l, c) {
-    var O, j;
-    const p = de(), b = c ? c.id : l.id, M = (j = (O = p == null ? void 0 : p.exposed) == null ? void 0 : O.elementRef.value) == null ? void 0 : j.querySelector("#" + b);
+    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);
     return y("ul", {
       class: e(l),
-      style: g(l, M, c),
+      style: f(l, I, c),
       id: l.id + "_menu"
-    }, [w(l)]);
+    }, [x(l)]);
   };
-  function m() {
-    h.forEach((l) => {
+  function g() {
+    m.forEach((l) => {
       l.expanded = !1;
-    }), h.clear();
+    }), m.clear();
   }
   return {
     renderDropdownMenu: d,
-    clearAllDropDownMenu: m
+    clearAllDropDownMenu: g
   };
 }
-function pt(s, e) {
-  const n = S(s.alignment), {
+function ct(s, e) {
+  const n = M(s.alignment), {
     renderDropdownMenu: i,
     clearAllDropDownMenu: d
-  } = ut(e);
-  function h(m) {
+  } = it(e);
+  function m(g) {
     const l = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": n.value === "right",
       "f-btn-mr": n.value === "left"
-    }, c = m.dropdownClass.split(" ");
-    return c && c.length && c.reduce((p, b) => (p[b] = !0, p), l), l;
+    }, c = g.dropdownClass.split(" ");
+    return c && c.length && c.reduce((u, b) => (u[b] = !0, u), l), l;
   }
-  function f(m) {
+  function p(g) {
     const l = {
       btn: !0,
-      disabled: !m.enable,
+      disabled: !g.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(m.icon && m.icon.trim())
+      "btn-icontext": !!(g.icon && g.icon.trim())
     };
-    if (m.class) {
-      const c = m.class.split(" ");
-      c && c.length && c.reduce((p, b) => (p[b] = !0, p), l);
+    if (g.class) {
+      const c = g.class.split(" ");
+      c && c.length && c.reduce((u, b) => (u[b] = !0, u), l);
     }
     return l;
   }
-  function x(m, l) {
-    m.stopPropagation();
+  function T(g, l) {
+    g.stopPropagation();
     const c = l.expanded;
     document.body.click(), l.expanded = !c;
   }
-  function w(m) {
+  function x(g) {
     return y("div", {
-      id: m.id,
-      class: h(m)
+      id: g.id,
+      class: m(g)
     }, [y("div", {
-      class: f(m),
+      class: p(g),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
-      onClick: (l) => m.enable && x(l, m)
-    }, [e.shouldShowIcon(m) && y("i", {
-      class: e.iconClass(m)
-    }, null), y("span", null, [m.text]), y("i", {
+      onClick: (l) => g.enable && T(l, g)
+    }, [e.shouldShowIcon(g) && y("i", {
+      class: e.iconClass(g)
+    }, null), y("span", null, [g.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(m)]);
+    }, null)]), i(g)]);
   }
-  function g() {
+  function f() {
     d();
   }
   return {
-    renderToolbarDropdown: w,
-    clearAllDropDown: g
+    renderToolbarDropdown: x,
+    clearAllDropDown: f
   };
 }
 const {
-  buildResponseToolbarItems: ae
-} = he(), J = /* @__PURE__ */ Q({
+  buildResponseToolbarItems: ce
+} = me(), X = /* @__PURE__ */ Y({
   name: "FResponseToolbar",
-  props: oe,
+  props: ne,
   emits: ["click"],
   setup(s, e) {
-    const n = S(ae(s.items)), i = S(), d = S(), h = S(), f = S(s.alignment), x = {
+    const n = M(ce(s.items)), i = M(), d = M(), m = M(), p = M(s.alignment), T = {
       id: "__more_buttons__",
       text: "更多"
-    }, w = S(new W(x)), g = xe(), m = V(() => w.value.children.length > 0), l = V(() => H({
+    }, x = M(new z(T)), f = we(), g = V(() => x.value.children.length > 0), l = V(() => J({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
@@ -669,88 +633,88 @@ const {
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": f.value === "right",
-      "justify-content-start": f.value === "left"
+      "justify-content-end": p.value === "right",
+      "justify-content-start": p.value === "left"
     })), {
-      renderToolbarDropdown: p,
+      renderToolbarDropdown: u,
       clearAllDropDown: b
-    } = pt(s, g);
-    function M() {
+    } = ct(s, f);
+    function I() {
       n.value.filter((v) => v.children && v.children.length > 0).forEach((v) => {
         v.expanded = !1;
-      }), w.value.expanded = !1, b();
+      }), x.value.expanded = !1, b();
     }
-    function O(v) {
-      const P = {
+    function B(v) {
+      const E = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": f.value === "right",
-        "f-btn-mr": f.value === "left",
+        "f-btn-ml": p.value === "right",
+        "f-btn-mr": p.value === "left",
         "btn-icontext": !!(v.icon && v.icon.trim())
       };
       if (v.class) {
-        const A = v.class.split(" ");
-        A && A.length && A.reduce((a, o) => (a[o] = !0, a), P);
+        const P = v.class.split(" ");
+        P && P.length && P.reduce((h, o) => (h[o] = !0, h), E);
       }
-      return P;
+      return E;
     }
-    function j(v, P) {
-      document.body.click(), typeof P.onClick == "function" && P.onClick(v, P.id), e.emit("click", v, P.id);
+    function O(v, E) {
+      document.body.click(), typeof E.onClick == "function" && E.onClick(v, E.id), e.emit("click", v, E.id);
     }
     function F(v) {
       return y("button", {
         type: "button",
-        class: O(v),
+        class: B(v),
         id: v.id,
         disabled: !v.enable,
-        onClick: (P) => j(P, v)
-      }, [g.shouldShowIcon(v) && y("i", {
-        class: g.iconClass(v)
+        onClick: (E) => O(E, v)
+      }, [f.shouldShowIcon(v) && y("i", {
+        class: f.iconClass(v)
       }, null), v.text]);
     }
-    const _ = /* @__PURE__ */ new Map(), R = [];
-    function E(v) {
-      const P = h.value;
-      let A = v;
-      const a = Array.from(P.children), o = a[a.length - 1].id === "__more_buttons__" ? a[a.length - 1] : null;
+    const j = /* @__PURE__ */ new Map(), A = [];
+    function k(v) {
+      const E = m.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"), I = o.computedStyleMap().get("margin-right"), N = (C ? C.value : 0) + o.getBoundingClientRect().width + (I ? I.value : 0);
-        A -= N;
+        const C = o.computedStyleMap().get("margin-left"), S = o.computedStyleMap().get("margin-right"), $ = (C ? C.value : 0) + o.getBoundingClientRect().width + (S ? S.value : 0);
+        P -= $;
       }
-      const t = a.filter((C) => C.id !== "__more_buttons__");
+      const t = h.filter((C) => C.id !== "__more_buttons__");
       for (const C of t) {
-        const I = C.computedStyleMap().get("margin-left"), N = C.computedStyleMap().get("margin-right"), B = (I ? I.value : 0) + C.getBoundingClientRect().width + (N ? N.value : 0);
-        A < B ? (_.set(C.id, !0), R.push({
+        const S = C.computedStyleMap().get("margin-left"), $ = C.computedStyleMap().get("margin-right"), U = (S ? S.value : 0) + C.getBoundingClientRect().width + ($ ? $.value : 0);
+        P < U ? (j.set(C.id, !0), A.push({
           id: C.id,
-          width: B
-        })) : A -= B;
+          width: U
+        })) : P -= U;
       }
-      if (R.length)
-        for (let C = R.length - 1; C >= 0; C--) {
-          const I = R[C].width;
-          if (A >= I)
-            A -= I, _.delete(R[C].id), R.pop();
+      if (A.length)
+        for (let C = A.length - 1; C >= 0; C--) {
+          const S = A[C].width;
+          if (P >= S)
+            P -= S, j.delete(A[C].id), A.pop();
           else
             break;
         }
-      const r = Object.assign({}, w.value);
+      const r = Object.assign({}, x.value);
       r.children = [];
-      const u = new W(r), T = n.value.reduce((C, I) => (_.has(I.id) && u.children.push(I), I.visible = !_.has(I.id), C.push(I), C), []);
-      w.value = u, n.value = T;
+      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 k = new ResizeObserver((v) => {
+    const R = new ResizeObserver((v) => {
       if (v.length) {
-        const A = v[0].contentRect.width, o = h.value.getBoundingClientRect().width;
-        (A < o || R.length) && (E(A), M());
+        const P = v[0].contentRect.width, o = m.value.getBoundingClientRect().width;
+        (P < o || A.length) && (k(P), I());
       }
     });
-    return z(() => {
+    return H(() => {
       const v = d.value;
-      k.observe(v), document.body.addEventListener("click", M), document.body.addEventListener("wheel", M);
-    }), ue(() => {
-      k.disconnect(), document.body.removeEventListener("click", M), document.body.removeEventListener("wheel", M);
-    }), G(() => s.items, () => {
-      n.value = ae(s.items);
+      R.observe(v), document.body.addEventListener("click", I), document.body.addEventListener("wheel", I);
+    }), de(() => {
+      R.disconnect(), document.body.removeEventListener("click", I), document.body.removeEventListener("wheel", I);
+    }), Q(() => s.items, () => {
+      n.value = ce(s.items);
     }, {
       deep: !0
     }), e.expose({
@@ -762,37 +726,37 @@ const {
       ref: d,
       class: c.value
     }, [y("div", {
-      ref: h,
+      ref: m,
       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 ? p(v) : F(v)), m.value && p(w.value)])])]);
+    }, [n.value.filter((v) => v.visible).map((v) => v.children && v.children.length > 0 ? u(v) : F(v)), g.value && u(x.value)])])]);
   }
 });
-function ft(s, e) {
+function lt(s, e) {
   const n = L("design-item-context"), i = L("toolbar-item-handler", () => {
   });
   function d() {
     i && i();
   }
-  function h(o) {
+  function m(o) {
     const t = {
       "dropdown-menu": !0
     };
     if (o.class) {
       const r = o.menuClass.split(" ");
-      r && r.length && r.reduce((u, T) => (u[T] = !0, u), t);
+      r && r.length && r.reduce((a, w) => (a[w] = !0, a), t);
     }
     return t;
   }
-  function f(o) {
+  function p(o) {
     const t = {
       disabled: !o.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
     }, r = o.dropdownClass.split(" ");
-    return r && r.length && r.reduce((u, T) => (u[T] = !0, u), t), t;
+    return r && r.length && r.reduce((a, w) => (a[w] = !0, a), t), t;
   }
-  function x(o) {
+  function T(o) {
     const t = {
       disabled: !o.enable,
       "dropdown-item": !0,
@@ -800,16 +764,16 @@ function ft(s, e) {
       "position-relative": !0,
       "farris-component": !0
     }, r = o.class.split(" ");
-    return r && r.length && r.reduce((u, T) => (u[T] = !0, u), t), t;
-  }
-  let w;
-  const g = /* @__PURE__ */ new Map();
-  function m(o, t, r) {
-    var T;
-    ((T = o.target) == null ? void 0 : T.id) === t.id && o.stopPropagation();
-    const u = r ? r.id : "__top_item__";
-    if (t.children && t.children.length && (t.expanded = !t.expanded, t.expanded ? g.set(u, t) : g.delete(u)), g.has(u) && g.get(u) !== t) {
-      const C = g.get(u);
+    return r && r.length && r.reduce((a, w) => (a[w] = !0, a), t), t;
+  }
+  let x;
+  const f = /* @__PURE__ */ new Map();
+  function g(o, 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);
       C && (C.expanded = !1);
     }
   }
@@ -821,7 +785,7 @@ function ft(s, e) {
     const o = document.getElementsByClassName("dgComponentSelected");
     Array.from(o).forEach((t) => t.classList.remove("dgComponentSelected"));
   }
-  function p(o) {
+  function u(o) {
     o.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
   function b(o) {
@@ -832,96 +796,96 @@ function ft(s, e) {
     t.forEach((C) => {
       r = r.concat(C.children || []);
     });
-    const u = r.findIndex((C) => C.id === o), T = u === -1 ? null : r[u];
+    const a = r.findIndex((C) => C.id === o), w = a === -1 ? null : r[a];
     return {
-      index: u,
-      item: T
+      index: a,
+      item: w
     };
   }
-  function M(o) {
+  function I(o) {
     const {
       buttons: t = []
-    } = n.schema, r = t.findIndex((T) => T.id === o), u = r === -1 ? null : t[r];
+    } = n.schema, r = t.findIndex((w) => w.id === o), a = r === -1 ? null : t[r];
     return {
       index: r,
-      item: u
+      item: a
     };
   }
-  function O(o) {
-    var u;
+  function B(o) {
+    var a;
     n.schema;
     const {
       index: t,
       item: r
     } = b(o);
-    (u = n == null ? void 0 : n.setupContext) == null || u.emit("selectionChange", r == null ? void 0 : r.type, r);
+    (a = n == null ? void 0 : n.setupContext) == null || a.emit("selectionChange", r == null ? void 0 : r.type, r);
   }
-  const j = function(o) {
+  const O = function(o) {
     const {
       componentType: t
-    } = o, r = X(t, o), u = t.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === t && (r.id = `${u}_${Math.random().toString().slice(2, 6)}`), r;
+    } = 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;
   }, F = function() {
     const o = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return j(o);
+    return O(o);
   };
-  function _(o, t) {
-    l(o), c(), p(o), O(t.id);
+  function j(o, t) {
+    l(o), c(), u(o), B(t.id);
   }
-  function R(o, t, r) {
+  function A(o, t, r) {
     l(o);
-    const u = t.id, T = r && r.id, {
+    const a = t.id, w = r && r.id, {
       buttons: C = []
     } = n.schema;
-    if (!T)
+    if (!w)
       return;
     const {
-      index: I
-    } = M(T);
-    if (I === -1)
+      index: S
+    } = I(w);
+    if (S === -1)
       return;
     const {
-      index: N
-    } = b(u);
-    N !== -1 && (C[I].children.splice(N, 1), d());
+      index: $
+    } = b(a);
+    $ !== -1 && (C[S].children.splice($, 1), d());
   }
-  function E(o, t, r) {
+  function k(o, t, r) {
     l(o);
-    const u = r && r.id, {
-      buttons: T = []
+    const a = r && r.id, {
+      buttons: w = []
     } = n.schema;
-    if (!u)
+    if (!a)
       return;
     const {
       index: C
-    } = M(u);
+    } = I(a);
     if (C === -1)
       return;
-    const I = F(), N = Object.assign({}, I, {
+    const S = F(), $ = Object.assign({}, S, {
       text: t.text
     });
-    T[C].children.push(N), d();
+    w[C].children.push($), d();
   }
-  function k(o, t, r) {
+  function R(o, t, r) {
     l(o);
-    const u = r && r.id, {
-      buttons: T = []
+    const a = r && r.id, {
+      buttons: w = []
     } = n.schema;
-    if (!u)
+    if (!a)
       return;
     const {
       index: C
-    } = M(u);
+    } = I(a);
     if (C === -1)
       return;
-    const I = F(), N = Object.assign({}, I, {
+    const S = F(), $ = Object.assign({}, S, {
       text: "按钮"
     });
-    T[C].children.push(N), d();
+    w[C].children.push($), d();
   }
   function v(o, t) {
     return y("div", {
@@ -932,7 +896,7 @@ function ft(s, e) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (r) => R(r, o, t)
+      onClick: (r) => A(r, o, t)
     }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), y("div", {
@@ -941,7 +905,7 @@ function ft(s, e) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (r) => E(r, o, t)
+      onClick: (r) => k(r, o, t)
     }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), y("div", {
@@ -950,174 +914,174 @@ function ft(s, e) {
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => k(r, o, t)
+      onClick: (r) => R(r, o, t)
     }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [pe("新增同级")])])])]);
+    }, [ue("新增同级")])])])]);
   }
-  function P(o) {
+  function E(o) {
     return o.children.map((t) => t.children && t.children.length ? y("li", {
-      class: f(t),
+      class: p(t),
       id: t.id,
-      onClick: (r) => t.enable && m(r, t, o)
+      onClick: (r) => t.enable && g(r, t, o)
     }, [y("span", {
       id: t.id,
-      class: x(t),
-      onMouseover: (r) => t.enable && m(r, t, o)
+      class: T(t),
+      onMouseover: (r) => t.enable && g(r, t, o)
     }, [t.text, y("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), w(t, t)]) : y("li", {
-      class: x(t),
+    }, null)]), x(t, t)]) : y("li", {
+      class: T(t),
       id: t.id,
-      onClick: (r) => _(r, t)
+      onClick: (r) => j(r, t)
     }, [v(t, o), s.shouldShowIcon(t) && y("i", {
       class: s.iconClass(t)
     }, null), t.text]));
   }
-  function A(o, t, r) {
-    const u = {
+  function P(o, t, r) {
+    const a = {
       display: o.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, T = document.getElementsByTagName("body")[0].getClientRects()[0].width, C = t, I = C == null ? void 0 : C.getClientRects();
-    if (C && I && I.length) {
+    }, w = document.getElementsByTagName("body")[0].getClientRects()[0].width, C = t, S = C == null ? void 0 : C.getClientRects();
+    if (C && S && S.length) {
       const {
-        top: N,
-        width: B,
-        left: $,
-        right: U,
-        height: q
-      } = I[0], Ie = Math.ceil(q + N);
-      u.top = `${Ie}px`, u.left = `${$}px`;
-      const De = o.id + "_menu", Y = t ? t.querySelector("#" + De) : null;
-      if (Y) {
-        u.display === "block" && (Y.style.display = "block");
-        const ie = Y.getBoundingClientRect();
+        top: $,
+        width: U,
+        left: W,
+        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;
+      if (K) {
+        a.display === "block" && (K.style.display = "block");
+        const re = K.getBoundingClientRect();
         if (r) {
-          u.top = `${N - 6}px`;
-          const Se = Math.ceil(B + $);
-          u.left = `${Se}px`;
+          a.top = `${$ - 6}px`;
+          const Te = Math.ceil(U + W);
+          a.left = `${Te}px`;
         }
-        T - $ - B < ie.width && (u.left = `${(r ? $ : U) - ie.width}px`);
+        w - W - U < re.width && (a.left = `${(r ? W : _) - re.width}px`);
       }
     }
-    return u;
+    return a;
   }
-  w = function(o, t) {
-    var C, I;
-    const r = de(), u = t ? t.id : o.id, T = (I = (C = r == null ? void 0 : r.exposed) == null ? void 0 : C.elementRef.value) == null ? void 0 : I.querySelector("#" + u);
+  x = function(o, 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);
     return y("ul", {
-      class: h(o),
-      style: A(o, T, t),
+      class: m(o),
+      style: P(o, w, t),
       id: o.id + "_menu"
-    }, [P(o)]);
+    }, [E(o)]);
   };
-  function a() {
-    g.forEach((o) => {
+  function h() {
+    f.forEach((o) => {
       o.expanded = !1;
-    }), g.clear();
+    }), f.clear();
   }
   return {
-    renderDropdownMenu: w,
-    clearAllDropDownMenu: a
+    renderDropdownMenu: x,
+    clearAllDropDownMenu: h
   };
 }
-function gt(s, e, n) {
-  const i = S(s.alignment), {
+function at(s, e, n) {
+  const i = M(s.alignment), {
     renderDropdownMenu: d,
-    clearAllDropDownMenu: h
-  } = ft(e, n), f = L("design-item-context"), x = L("toolbar-item-handler", () => {
+    clearAllDropDownMenu: m
+  } = lt(e, n), p = L("design-item-context"), T = L("toolbar-item-handler", () => {
   });
-  function w() {
-    x && x();
+  function x() {
+    T && T();
   }
-  function g(a) {
+  function f(h) {
     const o = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": i.value === "right",
       "f-btn-mr": i.value === "left"
-    }, t = a.dropdownClass.split(" ");
-    return t && t.length && t.reduce((r, u) => (r[u] = !0, r), o), o;
+    }, t = h.dropdownClass.split(" ");
+    return t && t.length && t.reduce((r, a) => (r[a] = !0, r), o), o;
   }
-  function m(a) {
+  function g(h) {
     const o = {
       btn: !0,
-      disabled: !a.enable,
+      disabled: !h.enable,
       "position-relative": !0,
       "farris-component": !0,
       "f-rt-btn": !0,
-      "btn-icontext": !!(a.icon && a.icon.trim())
+      "btn-icontext": !!(h.icon && h.icon.trim())
     };
-    if (a.class) {
-      const t = a.class.split(" ");
-      t && t.length && t.reduce((r, u) => (r[u] = !0, r), o);
+    if (h.class) {
+      const t = h.class.split(" ");
+      t && t.length && t.reduce((r, a) => (r[a] = !0, r), o);
     }
     return o;
   }
-  function l(a) {
-    a && (a.stopPropagation(), a.preventDefault());
+  function l(h) {
+    h && (h.stopPropagation(), h.preventDefault());
   }
-  function c(a, o) {
-    l(a);
+  function c(h, o) {
+    l(h);
     const t = o.expanded;
     document.body.click(), o.expanded = !t;
   }
-  const p = function(a) {
+  const u = function(h) {
     const {
       componentType: o
-    } = a, t = X(o, a), r = o.toLowerCase().replace("-", "_");
+    } = 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;
   }, b = function() {
-    const a = {
+    const h = {
       componentType: "response-toolbar-item",
       parentComponentInstance: n.value,
       targetPosition: -1
     };
-    return p(a);
+    return u(h);
   };
-  function M(a) {
-    const o = f.schema.buttons || f.schema.contents, t = o == null ? void 0 : o.findIndex((u) => u.id === a), r = t === -1 ? null : o[t];
+  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];
     return {
       index: t,
       toolbarItem: r
     };
   }
-  function O(a, o) {
-    var I;
+  function B(h, o) {
+    var S;
     const {
       index: t,
       toolbarItem: r
-    } = M(o);
+    } = I(o);
     if (t === -1)
       return;
-    const u = r.text || "按钮", T = b(), C = Object.assign({}, T, {
-      text: u
+    const a = r.text || "按钮", w = b(), C = Object.assign({}, w, {
+      text: a
     });
-    (I = f.schema.buttons) == null || I.push(C), w();
+    (S = p.schema.buttons) == null || S.push(C), x();
   }
-  function j(a, o) {
+  function O(h, o) {
     const {
       index: t,
       toolbarItem: r
-    } = M(o);
+    } = I(o);
     if (t === -1)
       return;
-    const u = r.text || "按钮", T = b(), C = Object.assign({}, T, {
-      text: u
-    }), I = f.schema.buttons[t].children || [];
-    I.push(C), f.schema.buttons[t].children = I, w();
+    const a = r.text || "按钮", w = b(), C = Object.assign({}, w, {
+      text: a
+    }), S = p.schema.buttons[t].children || [];
+    S.push(C), p.schema.buttons[t].children = S, x();
   }
-  function F(a, o) {
-    const t = f.schema.buttons || f.schema.contents, r = t == null ? void 0 : t.findIndex((u) => u.id === o);
-    r !== -1 && (t.splice(r, 1), w());
+  function F(h, o) {
+    const t = p.schema.buttons || p.schema.contents, r = t == null ? void 0 : t.findIndex((a) => a.id === o);
+    r !== -1 && (t.splice(r, 1), x());
   }
-  function _(a) {
+  function j(h) {
     return y("div", {
       class: "component-btn-group"
     }, [y("div", null, [y("div", {
@@ -1126,7 +1090,7 @@ function gt(s, e, n) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (o) => F(o, a)
+      onClick: (o) => F(o, h)
     }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), y("div", {
@@ -1135,7 +1099,7 @@ function gt(s, e, n) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (o) => O(o, a)
+      onClick: (o) => B(o, h)
     }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), y("div", {
@@ -1144,56 +1108,56 @@ function gt(s, e, n) {
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (o) => j(o, a)
+      onClick: (o) => O(o, h)
     }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [pe("新增子级")])])])]);
+    }, [ue("新增子级")])])])]);
   }
-  function R() {
+  function A() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((o) => o.classList.remove("dgComponentFocused"));
-    const a = document.getElementsByClassName("dgComponentSelected");
-    Array.from(a).forEach((o) => o.classList.remove("dgComponentSelected"));
+    const h = document.getElementsByClassName("dgComponentSelected");
+    Array.from(h).forEach((o) => o.classList.remove("dgComponentSelected"));
   }
-  function E(a) {
-    a.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function k(h) {
+    h.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function k(a) {
-    var u;
-    const o = f.schema.buttons || f.schema.contents, t = o == null ? void 0 : o.findIndex((T) => T.id === a);
+  function R(h) {
+    var a;
+    const o = p.schema.buttons || p.schema.contents, t = o == null ? void 0 : o.findIndex((w) => w.id === h);
     if (t === -1)
       return;
     const r = o[t];
-    (u = f == null ? void 0 : f.setupContext) == null || u.emit("selectionChange", "response-toolbar-item", r);
+    (a = p == null ? void 0 : p.setupContext) == null || a.emit("selectionChange", "response-toolbar-item", r);
   }
-  function v(a, o) {
-    l(a), R(), E(a), l(a), c(a, o), k(o.id);
+  function v(h, o) {
+    l(h), A(), k(h), l(h), c(h, o), R(o.id);
   }
-  function P(a) {
+  function E(h) {
     return y("div", {
-      id: a.id,
-      class: g(a)
+      id: h.id,
+      class: f(h)
     }, [y("div", {
-      class: m(a),
+      class: g(h),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (o) => a.enable && v(o, a)
-    }, [_(a.id), e.shouldShowIcon(a) && y("i", {
-      class: e.iconClass(a)
-    }, null), y("span", null, [a.text]), y("i", {
+      onClick: (o) => h.enable && v(o, 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(a)]);
+    }, null)]), d(h)]);
   }
-  function A() {
-    h();
+  function P() {
+    m();
   }
   return {
-    renderToolbarDropdown: P,
-    clearAllDropDown: A
+    renderToolbarDropdown: E,
+    clearAllDropDown: P
   };
 }
-class re {
+class se {
   constructor(e, n) {
     D(this, "componentId");
     D(this, "viewModelId");
@@ -1218,13 +1182,14 @@ class re {
     return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(e) {
+    var i;
     const n = e.binding && e.binding.type === "Form" && e.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = i.fields.find((d) => d.id === n);
+        const d = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = d.fields.find((m) => m.id === n);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      e.updateOn = (i = this.designViewModelField) == null ? void 0 : i.updateOn;
     }
   }
   changeFieldEditorType(e, n) {
@@ -1248,7 +1213,7 @@ class re {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: ne[e.type].name }]
+            data: [{ value: e.type, name: te[e.type].name }]
           }
         }
       }
@@ -1284,16 +1249,30 @@ class re {
     const i = n && n.parent && n.parent.schema;
     if (!i)
       return;
-    const d = i.contents.findIndex((f) => f.id === e), h = fe(i.contents[d]);
-    i.contents.splice(d, 1), i.contents.splice(d, 0, h);
+    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);
   }
 }
-class mt extends re {
+class dt extends se {
   constructor(e, n) {
     super(e, n);
   }
   getPropertyConfig(e) {
-    return this.getBasicPropConfig(e), this.getBehaviorProperties(e), this.propertyConfig;
+    return this.getBasicPropConfig(e), this.getAppearancePropConfig(e), this.getBehaviorProperties(e), this.propertyConfig;
+  }
+  getAppearancePropConfig(e) {
+    this.propertyConfig.categories.appearance = {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
   }
   getBasicPropConfig(e) {
     this.propertyConfig.categories.basic = {
@@ -1314,7 +1293,7 @@ class mt extends re {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar", value: ne["response-toolbar"].name }]
+            data: [{ key: "response-toolbar", value: te["response-toolbar"].name }]
           }
         }
       }
@@ -1345,7 +1324,7 @@ class mt extends re {
             ]
           }
         },
-        buttons: {
+        items: {
           title: "按钮",
           description: "The items of Response Toolbar.",
           type: "array",
@@ -1357,40 +1336,40 @@ class mt extends re {
     };
   }
 }
-function ht(s, e) {
+function ut(s, e) {
   const n = s.schema;
-  function i(m) {
+  function i(g) {
     return !1;
   }
-  function d(m, l) {
-    return l.text = m.label, l;
+  function d(g, l) {
+    return l.text = g.label, l;
   }
-  function h() {
+  function m() {
     return !1;
   }
-  function f() {
+  function p() {
     return !1;
   }
-  function x() {
+  function T() {
     return !0;
   }
-  function w() {
+  function x() {
     return !0;
   }
-  function g(m) {
-    return new mt(m, e).getPropertyConfig(n);
+  function f(g) {
+    return new dt(g, e).getPropertyConfig(n);
   }
   return {
     canAccepts: i,
-    checkCanAddComponent: x,
-    checkCanDeleteComponent: f,
-    checkCanMoveComponent: h,
-    hideNestedPaddingInDesginerView: w,
+    checkCanAddComponent: T,
+    checkCanDeleteComponent: p,
+    checkCanMoveComponent: m,
+    hideNestedPaddingInDesginerView: x,
     onResolveNewComponentSchema: d,
-    getPropsConfig: g
+    getPropsConfig: f
   };
 }
-const bt = {
+const pt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -1403,12 +1382,12 @@ const bt = {
    * 组件值
    */
   modelValue: { type: Object }
-}, Z = S(0);
-function yt(s, e) {
-  const n = e.getBoundingClientRect(), i = s.getBoundingClientRect(), d = i.top >= n.top, h = i.top <= n.bottom;
-  return d && h;
+}, 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;
 }
-function vt(s) {
+function gt(s) {
   if (!s)
     return;
   let e;
@@ -1419,167 +1398,167 @@ function vt(s) {
     return;
   const i = e.querySelector(".component-btn-group");
   if (i) {
-    if (!yt(e, s)) {
+    if (!ft(e, s)) {
       i.style.display = "none";
       return;
     }
     i.style.display = "";
-    const h = i.getBoundingClientRect(), f = i.querySelector("div");
-    if (f) {
-      const x = f.getBoundingClientRect();
-      f.style.top = h.top + "px", f.style.left = h.left - x.width + "px";
+    const m = 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";
     }
   }
 }
-function Ct(s, e, n) {
-  var R;
-  function i() {
-  }
-  const d = "", h = S();
-  function f() {
+function mt(s, e, n) {
+  var A;
+  const i = "", d = M();
+  function m() {
     return !0;
   }
-  function x() {
+  function p() {
     return !1;
   }
-  function w() {
+  function T() {
     return !0;
   }
-  function g() {
+  function x() {
     return !0;
   }
-  function m() {
+  function f() {
     return !0;
   }
-  function l(E) {
-    if (!E || !E.value)
+  function g(k) {
+    if (!k || !k.value)
       return null;
-    const k = S(E == null ? void 0 : E.value.parent), v = l(k);
+    const R = M(k == null ? void 0 : k.value.parent), v = g(R);
     return v || null;
   }
-  function c(E = e) {
-    const { componentInstance: k, designerItemElementRef: v } = E;
-    return !k || !k.value ? null : k.value.canMove || k.value.canAdd || k.value.canDelete ? v : c(E.parent);
+  function l(k = e) {
+    const { componentInstance: R, designerItemElementRef: v } = k;
+    return !R || !R.value ? null : R.value.canMove || R.value.canAdd || R.value.canDelete ? v : l(k.parent);
   }
-  function p(E) {
+  function c(k) {
     return !!n;
   }
-  function b() {
+  function u() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function M() {
+  function b() {
   }
-  function O(E, k) {
+  function I(k, R) {
   }
-  function j(E) {
-    const { componentType: k } = E;
-    let v = X(k, E);
-    const P = k.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === k && (v.id = `${P}_${Math.random().toString().slice(2, 6)}`), v;
+  function B(k) {
+    const { componentType: R } = k, v = L("designer-host-service");
+    let E = Z(R, k, v);
+    const P = R.toLowerCase().replace(/-/g, "_");
+    return E && !E.id && E.type === R && (E.id = `${P}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function F(E) {
+  function O(k) {
   }
-  function _(...E) {
+  function F(...k) {
     return [];
   }
-  return h.value = {
-    canMove: f(),
-    canSelectParent: x(),
-    canAdd: g(),
-    canDelete: w(),
-    canNested: !m(),
+  function j() {
+  }
+  return d.value = {
+    canMove: m(),
+    canSelectParent: p(),
+    canAdd: x(),
+    canDelete: T(),
+    canNested: !f(),
     contents: [],
     elementRef: s,
-    parent: (R = e.parent) == null ? void 0 : R.componentInstance,
+    parent: (A = e.parent) == null ? void 0 : A.componentInstance,
     schema: e.schema,
-    styles: d,
-    canAccepts: p,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: b,
-    getPropConfig: _,
-    getDragScopeElement: M,
-    onAcceptMovedChildElement: O,
-    onChildElementMovedOut: F,
-    addNewChildComponentSchema: j,
-    updateDragAndDropRules: i,
-    triggerBelongedComponentToMoveWhenMoved: S(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: S(!1)
-  }, h;
+    styles: i,
+    canAccepts: c,
+    getBelongedComponentInstance: g,
+    getDraggableDesignItemElement: l,
+    getDraggingDisplayText: u,
+    getPropConfig: F,
+    getDragScopeElement: b,
+    onAcceptMovedChildElement: I,
+    onChildElementMovedOut: O,
+    addNewChildComponentSchema: B,
+    onRemoveComponent: j,
+    triggerBelongedComponentToMoveWhenMoved: M(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: M(!1)
+  }, d;
 }
-const wt = /* @__PURE__ */ Q({
+const ht = /* @__PURE__ */ Y({
   name: "FDesignerInnerItem",
-  props: bt,
+  props: pt,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(s, e) {
-    const n = S(s.canMove), i = S(s.canAdd), d = S(s.canDelete), h = S(!1), f = S(s.contentKey), x = S(s.childType), w = S(s.childLabel), g = S(s.modelValue), m = S(""), l = S(), c = L("canvas-dragula"), p = S(), b = L("design-item-context"), M = {
+    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 = {
       designerItemElementRef: l,
-      componentInstance: p,
-      schema: g.value,
+      componentInstance: u,
+      schema: f.value,
       parent: b,
       setupContext: e
     };
-    Re("design-item-context", M);
-    const O = V(() => ({
+    De("design-item-context", I);
+    const B = V(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
-      "flex-fill": s.id == "root-component",
+      "flex-fill": s.id === "root-component",
       "position-relative": n.value || d.value,
-      "farris-nested": h.value,
+      "farris-nested": m.value,
       "can-move": n.value,
       "d-none": l.value && l.value.classList.contains("d-none")
-    })), j = V(() => {
+    })), O = V(() => {
       const t = {};
-      return m.value && m.value.split(";").reduce((r, u) => {
-        const [T, C] = u.split(":");
-        return T && (r[T] = C), r;
+      return g.value && g.value.split(";").reduce((r, a) => {
+        const [w, C] = a.split(":");
+        return w && (r[w] = C), r;
       }, t), t;
     });
     function F(t, r) {
-      if (b && b.schema[f.value]) {
-        const u = b.schema[f.value].findIndex((T) => T.id === r.id);
-        if (u > -1) {
-          const T = b.schema[f.value].length, C = b.schema[f.value][u % T];
-          b.designerItemElementRef.value.querySelector(`#${C.id}-design-item`), b.schema[f.value].splice(u, 1), b.componentInstance.value.updateDragAndDropRules(), Z.value++, e.emit("removeComponent");
+      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");
         }
       }
     }
-    function _(t) {
-      if (p.value.addNewChildComponentSchema) {
+    function j(t) {
+      if (u.value.addNewChildComponentSchema) {
         const r = {
-          componentType: x.value,
-          label: w.value,
-          parentComponentInstance: p.value,
+          componentType: T.value,
+          label: x.value,
+          parentComponentInstance: u.value,
           targetPosition: -1
-        }, u = p.value.addNewChildComponentSchema(r);
-        g.value[f.value].push(u), e.emit("addComponent");
+        }, a = u.value.addNewChildComponentSchema(r);
+        f.value[p.value].push(a), e.emit("addComponent");
       }
     }
-    function R() {
+    function A() {
       return i.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (t) => {
-          _();
+          j();
         }
       }, [y("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function E(t) {
+    function k(t) {
       return d.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: Pe((r) => F(r, t), ["stop"])
+        onClick: Ee((r) => F(r, t), ["stop"])
       }, [y("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function k() {
+    function R() {
       return n.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
@@ -1594,55 +1573,54 @@ const wt = /* @__PURE__ */ Q({
       return y("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [y("div", null, [R(), k(), E(t)])]);
+      }, [y("div", null, [A(), R(), k(t)])]);
     }
-    G(() => s.modelValue, (t) => {
-      g.value = t, M.schema = t;
+    Q(() => s.modelValue, (t) => {
+      f.value = t, I.schema = t;
     });
-    function P(t) {
+    function E(t) {
       const r = t.target;
-      vt(r);
+      gt(r);
     }
-    function A() {
+    function P() {
       var t, r;
-      (r = (t = g.value) == null ? void 0 : t.contents) != null && r.length && l.value && l.value.addEventListener("scroll", P);
+      (r = (t = f.value) == null ? void 0 : t.contents) != null && r.length && l.value && l.value.addEventListener("scroll", E);
     }
-    function a() {
-      const t = l.value, r = S(t.children[1]);
-      return Ct(r, M).value;
+    function h() {
+      const t = l.value, r = M(t.children[1]);
+      return mt(r, I).value;
     }
-    z(() => {
+    H(() => {
       if (l.value) {
-        const t = l.value.querySelector(`[data-dragref='${g.value.id}-container']`);
-        p.value = t && t.componentInstance ? t.componentInstance.value : a(), c && t && c.attachComponents(t, g.value), h.value = p.value.canNested !== void 0 ? p.value.canNested : h.value, i.value = p.value.canAdd !== void 0 ? p.value.canAdd : i.value, d.value = p.value.canDelete !== void 0 ? p.value.canDelete : d.value, n.value = p.value.canMove !== void 0 ? p.value.canMove : n.value, m.value = p.value.styles || "", l.value && (l.value.componentInstance = p, l.value.designItemContext = M);
+        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);
       }
-      A(), Z.value++;
-    }), ke(() => {
-      l.value && l.value.removeEventListener("scroll", P);
+      P(), le.value++;
+    }), Me(() => {
+      l.value && l.value.removeEventListener("scroll", E);
     });
     function o(t) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((u) => u.classList.remove("dgComponentFocused")), t && (t.preventDefault(), t.stopPropagation());
-      const r = l.value;
-      if (r) {
-        const u = document.getElementsByClassName("dgComponentSelected");
-        if (!(u && u.length === 1 && u[0] === l.value)) {
-          Array.from(u).forEach((I) => I.classList.remove("dgComponentSelected")), r.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, s.componentId, p.value);
-          const C = p.value.getDraggableDesignItemElement(M);
-          C && C.value && C.value.classList.add("dgComponentSelected");
-        }
+      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 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"));
       }
-      Z.value++;
+      E({
+        target: r == null ? void 0 : r.value
+      });
     }
     return () => y("div", {
       id: `${s.id}-design-item`,
       ref: l,
-      class: O.value,
-      style: j.value,
+      class: B.value,
+      style: O.value,
       onClick: o
-    }, [v(g.value), e.slots.default && e.slots.default()]);
+    }, [v(f.value), e.slots.default && e.slots.default()]);
   }
 });
-class xt extends re {
+class bt extends se {
   constructor(e, n) {
     super(e, n);
   }
@@ -1703,10 +1681,8 @@ class xt extends re {
         label: "onClick",
         name: "点击事件"
       }
-    ];
-    var i = this;
-    const d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), h = {};
-    h[i.viewModelId] = {
+    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), m = {};
+    m[i.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: d
@@ -1714,19 +1690,19 @@ class xt extends re {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: h,
+      properties: m,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(f, x) {
-        const w = f.propertyValue;
-        delete e[i.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, w.events, w));
+      setPropertyRelates(p, T) {
+        const x = p.propertyValue;
+        delete e[i.viewModelId], x && (x.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, x.events, x));
       }
     };
   }
 }
-class Tt extends re {
+class yt extends se {
   constructor(e, n) {
     super(e, n);
   }
@@ -1752,7 +1728,7 @@ class Tt extends re {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar-item", value: ne["response-toolbar-item"].name }]
+            data: [{ key: "response-toolbar-item", value: te["response-toolbar-item"].name }]
           }
         },
         text: {
@@ -1775,7 +1751,7 @@ class Tt extends re {
       description: "Behavior",
       properties: {
         disabled: {
-          title: "禁用状态",
+          title: "禁用",
           type: "boolean",
           description: "按钮禁用状态",
           refreshPanelAfterChanged: !0
@@ -1789,7 +1765,7 @@ class Tt extends re {
       description: "Appearance",
       properties: {
         class: {
-          title: "class",
+          title: "class样式",
           type: "string",
           description: "",
           $converter: "/converter/appearance.converter"
@@ -1803,8 +1779,8 @@ class Tt extends re {
         label: "onClick",
         name: "点击事件"
       }
-    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), h = {};
-    h[i.viewModelId] = {
+    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), m = {};
+    m[i.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: d
@@ -1812,20 +1788,20 @@ class Tt extends re {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: h,
+      properties: m,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(f, x) {
-        const w = f.propertyValue;
-        delete e[i.viewModelId], w && (w.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, w.events, w));
+      setPropertyRelates(p, T) {
+        const x = p.propertyValue;
+        delete e[i.viewModelId], x && (x.setPropertyRelates = this.setPropertyRelates, i.eventsEditorUtils.saveRelatedParameters(e, i.viewModelId, x.events, x));
       }
     };
   }
 }
-function It(s, e) {
-  function n(x) {
+function vt(s, e) {
+  function n(T) {
     return !1;
   }
   function i() {
@@ -1834,55 +1810,55 @@ function It(s, e) {
   function d() {
     return !0;
   }
-  function h() {
+  function m() {
     return !1;
   }
-  function f(x) {
-    let w;
+  function p(T) {
+    let x;
     switch (s.schema.type) {
       case "tab-toolbar-item":
-        w = new xt(x, e);
+        x = new bt(T, e);
         break;
       default:
-        w = new Tt(x, e);
+        x = new yt(T, e);
     }
-    return w.getPropertyConfig(s.schema);
+    return x.getPropertyConfig(s.schema);
   }
   return {
     canAccepts: n,
     checkCanMoveComponent: i,
     checkCanDeleteComponent: d,
-    checkCanAddComponent: h,
-    getPropsConfig: f
+    checkCanAddComponent: m,
+    getPropsConfig: p
   };
 }
-const Te = /* @__PURE__ */ Q({
+const xe = /* @__PURE__ */ Y({
   name: "FResponseToolbarItemDesign",
-  props: we,
+  props: Ce,
   emits: ["Click"],
   setup(s, e) {
-    S(), S();
-    const n = S(s.alignment), i = {
+    M(), M();
+    const n = M(s.alignment), i = {
       id: "__more_buttons__",
       text: "More"
-    }, d = S(new W(i));
+    }, d = M(new z(i));
     V(() => d.value.children.length > 0);
-    const h = S(), f = L("designer-host-service"), x = L("design-item-context"), w = It(x, f), g = ge(h, x, w);
+    const m = M(), p = L("designer-host-service"), T = L("design-item-context"), x = vt(T, p), f = fe(m, T, x);
     L("toolbar-item-handler", () => {
-    }), z(() => {
-      h.value.componentInstance = g;
-    }), e.expose(g.value);
-    function m() {
-      const p = {
+    }), H(() => {
+      m.value.componentInstance = f;
+    }), e.expose(f.value);
+    function g() {
+      const u = {
         "f-icon": !0
       }, b = s.icon ? s.icon.trim() : "";
-      return H(p, b);
+      return J(u, b);
     }
     function l() {
       return !!(s.icon && s.icon.trim());
     }
     function c() {
-      const p = {
+      const u = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": n.value === "right",
@@ -1890,11 +1866,11 @@ const Te = /* @__PURE__ */ Q({
         "btn-icontext": !!(s.icon && s.icon.trim()),
         disabled: s.disabled === !0
       };
-      return H(p, s.class);
+      return J(u, s.class);
     }
     return () => y("div", {
-      ref: h,
-      "data-dragref": `${x.schema.id}-container`,
+      ref: m,
+      "data-dragref": `${T.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
     }, [y("button", {
@@ -1902,152 +1878,155 @@ const Te = /* @__PURE__ */ Q({
       class: c(),
       id: s.id
     }, [l() && y("i", {
-      class: m()
+      class: g()
     }, null), s.text])]);
   }
-}), Dt = /* @__PURE__ */ Q({
+}), Ct = /* @__PURE__ */ Y({
   name: "FResponseToolbarDesign",
-  props: at,
+  props: st,
   emits: ["Click"],
   setup(s, e) {
-    const n = S(s.items);
-    let i = new Array(n.value.length).fill(S());
-    const d = S(), h = S(), f = S(s.alignment), x = {
+    const n = M(s.items);
+    let i = new Array(n.value.length).fill(M());
+    const d = M(), m = M(), p = M(s.alignment), T = {
       id: "__more_buttons__",
       text: "More"
-    }, w = S(new W(x)), g = xe();
-    V(() => w.value.children.length > 0);
-    const m = S(), l = L("designer-host-service"), c = L("design-item-context"), p = ht(c, l), b = ge(m, c, p);
-    L("toolbar-item-handler", () => {
-    }), z(() => {
-      m.value.componentInstance = b;
+    }, x = M(new z(T)), f = 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", () => {
+    });
+    H(() => {
+      g.value.componentInstance = b;
     }), e.expose(b.value);
-    const M = V(() => H({
+    function B() {
+      I && I();
+    }
+    const O = V(() => J({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, s.customClass)), O = V(() => ({
+    }, s.customClass)), F = V(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": f.value === "right",
-      "justify-content-start": f.value === "left"
+      "justify-content-end": p.value === "right",
+      "justify-content-start": p.value === "left"
     })), {
       renderToolbarDropdown: j,
-      clearAllDropDown: F
-    } = gt(s, g, b);
-    function _() {
-      n.value.filter((a) => a.children && a.children.length > 0).forEach((a) => {
-        a.expanded = !1;
-      }), w.value.expanded = !1, F();
+      clearAllDropDown: A
+    } = at(s, f, b);
+    function k() {
+      n.value.filter((t) => t.children && t.children.length > 0).forEach((t) => {
+        t.expanded = !1;
+      }), x.value.expanded = !1, A();
     }
-    const R = /* @__PURE__ */ new Map(), E = [];
-    function k(a) {
-      const o = h.value;
-      let t = a;
-      const r = Array.from(o.children), u = r[r.length - 1].id === "__more_buttons__" ? r[r.length - 1] : null;
-      if (u) {
-        const B = u.computedStyleMap().get("margin-left"), $ = u.computedStyleMap().get("margin-right"), U = (B ? B.value : 0) + u.getBoundingClientRect().width + ($ ? $.value : 0);
-        t -= U;
+    const R = /* @__PURE__ */ new Map(), v = [];
+    function E(t) {
+      const r = m.value;
+      let a = 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;
       }
-      const T = r.filter((B) => B.id !== "__more_buttons__");
-      for (const B of T) {
-        const $ = B.computedStyleMap().get("margin-left"), U = B.computedStyleMap().get("margin-right"), q = ($ ? $.value : 0) + B.getBoundingClientRect().width + (U ? U.value : 0);
-        t < q ? (R.set(B.id, !0), E.push({
-          id: B.id,
-          width: q
-        })) : t -= 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({
+          id: _.id,
+          width: G
+        })) : a -= G;
       }
-      if (E.length)
-        for (let B = E.length - 1; B >= 0; B--) {
-          const $ = E[B].width;
-          if (t >= $)
-            t -= $, R.delete(E[B].id), E.pop();
+      if (v.length)
+        for (let _ = v.length - 1; _ >= 0; _--) {
+          const N = v[_].width;
+          if (a >= N)
+            a -= N, R.delete(v[_].id), v.pop();
           else
             break;
         }
-      const C = Object.assign({}, w.value);
-      C.children = [];
-      const I = new W(C), N = n.value.reduce((B, $) => (R.has($.id) && I.children.push($), $.visible = !R.has($.id), B.push($), B), []);
-      w.value = I, n.value = N;
+      const $ = Object.assign({}, x.value);
+      $.children = [];
+      const U = new z($), W = n.value.reduce((_, N) => (R.has(N.id) && U.children.push(N), N.visible = !R.has(N.id), _.push(N), _), []);
+      x.value = U, n.value = W;
     }
-    const v = new ResizeObserver((a) => {
-      if (a.length) {
-        const t = a[0].contentRect.width, u = h.value.getBoundingClientRect().width;
-        (t < u || E.length) && k(t);
+    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);
       }
     });
-    z(() => {
-      const a = d.value;
-      v.observe(a), document.body.addEventListener("click", _);
-    }), ue(() => {
-      v.disconnect(), document.body.removeEventListener("click", _);
-    }), G(() => s.items, () => {
+    H(() => {
+      const t = d.value;
+      P.observe(t), document.body.addEventListener("click", k);
+    }), de(() => {
+      P.disconnect(), document.body.removeEventListener("click", k);
+    }), Q(() => s.items, () => {
       n.value = s.items;
     }, {
       deep: !0
-    }), G(n, (a) => {
-      i = new Array(n.value.length).fill(S());
+    }), Q(n, (t) => {
+      i = new Array(n.value.length).fill(M());
     });
-    function P(a, o, t, r) {
-      c && c.setupContext && c.setupContext.emit("selectionChange", a, o, t, r);
+    function h(t, r, a, w) {
+      c && c.setupContext && c.setupContext.emit("selectionChange", t, r, a, w);
     }
-    function A() {
-      const a = h.value.querySelector(".dgComponentFocused.dgComponentSelected");
-      a == null || a.classList.remove("dgComponentSelected"), a == null || a.classList.remove("dgComponentFocused");
+    function o() {
+      const t = m.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      t == null || t.classList.remove("dgComponentSelected"), t == null || t.classList.remove("dgComponentFocused"), B();
     }
     return () => y("div", {
-      ref: m,
+      ref: g,
       "data-dragref": `${c.schema.id}-container`,
-      class: M.value
+      class: O.value
     }, [y("div", {
       ref: d,
-      class: O.value
+      class: F.value
     }, [y("div", {
-      ref: h,
+      ref: m,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.map((a, o) => y(wt, {
-      ref: i[o],
+    }, [n.value.map((t, r) => y(ht, {
+      ref: i[r],
       class: "p-0 display-inline-block",
-      modelValue: a,
-      "onUpdate:modelValue": (t) => a = t,
+      modelValue: t,
+      "onUpdate:modelValue": (a) => t = a,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
       componentId: s.componentId,
-      id: a.id,
+      id: t.id,
       style: "padding:0 !important;display:inline-block",
-      onSelectionChange: P,
-      onRemoveComponent: A
+      onSelectionChange: h,
+      onRemoveComponent: o
     }, {
       default: () => {
-        var t;
-        return [y(Te, {
-          id: a.id,
-          disabled: a.disabled,
-          text: a.text,
-          icon: a.icon,
-          class: ((t = a.appearance) == null ? void 0 : t.class) || "btn-secondary",
+        var a;
+        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
         }, null)];
       }
     }))])])]);
   }
-}), Bt = se;
-J.register = (s, e, n) => {
-  s["response-toolbar"] = J, e["response-toolbar"] = se;
+}), Mt = oe;
+X.register = (s, e, n) => {
+  s["response-toolbar"] = X, e["response-toolbar"] = oe;
 };
-J.registerDesigner = (s, e, n) => {
-  s["response-toolbar"] = Dt, e["response-toolbar"] = se, s["response-toolbar-item"] = Te, e["response-toolbar-item"] = dt;
+X.registerDesigner = (s, e, n) => {
+  s["response-toolbar"] = Ct, e["response-toolbar"] = oe, s["response-toolbar-item"] = xe, e["response-toolbar-item"] = rt;
 };
-const At = Be(J);
+const Et = Re(X);
 export {
-  J as FResponseToolbar,
-  W as ResponseToolbarDropDownItem,
-  Pt as ResponseToolbarGroup,
-  Ae as ResponseToolbarItem,
-  At as default,
-  Bt as responseToolbarResolver
+  X as FResponseToolbar,
+  z as ResponseToolbarDropDownItem,
+  Dt as ResponseToolbarGroup,
+  ke as ResponseToolbarItem,
+  Et as default,
+  Mt as responseToolbarResolver
 };