@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,40 +1,40 @@
-var Re = Object.defineProperty;
-var Se = (s, e, o) => e in s ? Re(s, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[e] = o;
-var B = (s, e, o) => Se(s, typeof e != "symbol" ? e + "" : e, o);
-import { computed as W, getCurrentInstance as fe, createVNode as w, ref as S, defineComponent as X, onMounted as z, onUnmounted as ne, watch as H, inject as L, createTextVNode as ge, provide as Me, onBeforeUnmount as ke, withModifiers as Ae } from "vue";
-import { isPlainObject as pe, cloneDeep as me } from "lodash-es";
-import { getCustomClass as J, withInstall as Be } from "../common/index.esm.js";
-import { useDesignerInnerComponent as he } from "../designer-canvas/index.esm.js";
-class be {
+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 {
   constructor(e) {
     /** 工具栏项标识 */
-    B(this, "id", "");
+    D(this, "id", "");
     /** 工具栏项自定义样式 */
-    B(this, "class", "btn-secondary");
+    D(this, "class", "btn-secondary");
     /** 图标 */
-    B(this, "icon", "");
+    D(this, "icon", "");
     /** 所属分组 */
-    B(this, "groupId", "");
+    D(this, "groupId", "");
     /** 收藏顺序 */
-    B(this, "order", -1);
+    D(this, "order", -1);
     /** 是否作为下拉菜单的顶层按钮 */
-    B(this, "asDropDownTop", !1);
+    D(this, "asDropDownTop", !1);
     /** 文本 */
-    B(this, "text", "");
+    D(this, "text", "");
     /** 是否可见 */
-    B(this, "visible", !0);
-    B(this, "responsed", !1);
+    D(this, "visible", !0);
+    D(this, "responsed", !1);
     /** 是否启用提示消息 */
-    B(this, "tipsEnable", !1);
+    D(this, "tipsEnable", !1);
     /** 提示消息内容 */
-    B(this, "tipsText", "");
+    D(this, "tipsText", "");
     /** 记录宽度 */
-    B(this, "width", 0);
-    B(this, "onClick", () => {
+    D(this, "width", 0);
+    D(this, "onClick", () => {
     });
-    B(this, "options");
+    D(this, "options");
     this.options = e;
-    const o = [
+    const n = [
       "id",
       "class",
       "icon",
@@ -50,13 +50,13 @@ class be {
       "tipsText",
       "onClick"
     ];
-    Object.keys(e).filter((c) => o.indexOf(c) > -1).forEach((c) => {
-      this[c] = e[c];
+    Object.keys(e).filter((i) => n.indexOf(i) > -1).forEach((i) => {
+      this[i] = e[i];
     });
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : W(() => !0);
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : V(() => !0);
   }
   /** 设置宽度 */
   setWidth(e) {
@@ -67,49 +67,49 @@ class be {
     return this.visible ? this.width : !1;
   }
 }
-class Oe extends be {
+class Ae extends me {
   constructor(e) {
     super(e);
   }
 }
-function ye() {
+function he() {
   function s(e) {
-    const o = [];
-    return e.reduce((c, d) => (d.children && d.children.length > 0 ? c.push(new G(d)) : c.push(new Oe(d)), c), o), o;
+    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 { buildResponseToolbarItems: s };
 }
-const { buildResponseToolbarItems: _e } = ye();
-class G extends be {
-  constructor(o) {
-    super(o);
-    B(this, "placement", "");
+const { buildResponseToolbarItems: Oe } = he();
+class W extends me {
+  constructor(n) {
+    super(n);
+    D(this, "placement", "");
     // 下拉位置
     /** 下拉class */
-    B(this, "dropdownClass", "");
+    D(this, "dropdownClass", "");
     /** 下拉菜单class */
-    B(this, "menuClass", "");
+    D(this, "menuClass", "");
     /** 是否用分开的下拉按钮 */
-    B(this, "split", !1);
-    B(this, "children", []);
-    B(this, "expanded", !1);
-    const c = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(o).filter((d) => c.indexOf(d) > -1).forEach((d) => {
-      this[d] = o[d];
-    }), o.children && o.children.length && (this.children = _e(o.children));
+    D(this, "split", !1);
+    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];
+    }), n.children && n.children.length && (this.children = Oe(n.children));
   }
 }
-class Vt {
-  constructor(e, o) {
-    B(this, "id");
-    B(this, "name");
+class Pt {
+  constructor(e, n) {
+    D(this, "id");
+    D(this, "name");
     /** 记录元素的Id */
-    B(this, "presetId", []);
+    D(this, "presetId", []);
     /** 记录转变为下拉时元素的位置 */
-    B(this, "responsedIndex", []);
+    D(this, "responsedIndex", []);
     /** 记录宽度 */
-    B(this, "width");
-    this.id = e, this.name = o, this.width = 0;
+    D(this, "width");
+    this.id = e, this.name = n, this.width = 0;
   }
   // 设置宽度
   setWidth(e) {
@@ -144,98 +144,98 @@ class Vt {
     return this.presetId.length === this.responsedIndex.length;
   }
 }
-const oe = {}, ve = {};
-function se(s) {
-  const { properties: e, title: o, ignore: c } = s, d = c && Array.isArray(c), b = Object.keys(e).reduce((m, D) => ((!d || !c.find((P) => P == D)) && (m[D] = e[D].type === "object" && e[D].properties ? se(e[D]) : me(e[D].default)), m), {});
-  return (!d || !c.find((m) => m == "id")) && (b.id = `${o}-${Date.now()}`), b;
+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;
 }
-function q(s, e = {}, o) {
-  const c = oe[s];
-  if (c) {
-    let d = se(c);
-    const b = ve[s];
-    return d = b ? b({ getSchemaByType: q }, d, e, o) : d, d;
+function X(s, e = {}, n) {
+  const i = ee[s];
+  if (i) {
+    let d = te(i);
+    const h = be[s];
+    return d = h ? h({ getSchemaByType: X }, d, e, n) : d, d;
   }
   return null;
 }
-function Ne(s, e) {
-  const o = se(e);
-  return Object.keys(s).reduce((c, d) => (c[d] && pe(c[d]) && pe(s[d]) ? Object.assign(c[d], s[d]) : c[d] = s[d], c), o), o;
+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 $e(s, e) {
-  return Object.keys(s).filter((c) => s[c] != null).reduce((c, d) => {
+function _e(s, e) {
+  return Object.keys(s).filter((i) => s[i] != null).reduce((i, d) => {
     if (e.has(d)) {
-      const b = e.get(d);
-      if (typeof b == "string")
-        c[b] = s[d];
+      const h = e.get(d);
+      if (typeof h == "string")
+        i[h] = s[d];
       else {
-        const m = b(d, s[d], s);
-        Object.assign(c, m);
+        const f = h(d, s[d], s);
+        Object.assign(i, f);
       }
     } else
-      c[d] = s[d];
-    return c;
+      i[d] = s[d];
+    return i;
   }, {});
 }
-function Fe(s, e, o = /* @__PURE__ */ new Map()) {
-  const c = Ne(s, e);
-  return $e(c, o);
+function $e(s, e, n = /* @__PURE__ */ new Map()) {
+  const i = je(s, e);
+  return _e(i, n);
 }
-function Le(s = {}) {
-  function e(g, C, p, i) {
-    if (typeof p == "number")
-      return i[g].length === p;
-    if (typeof p == "object") {
-      const f = Object.keys(p)[0], a = p[f];
-      if (f === "not")
-        return Number(i[g].length) !== Number(a);
-      if (f === "moreThan")
-        return Number(i[g].length) >= Number(a);
-      if (f === "lessThan")
-        return Number(i[g].length) <= Number(a);
+function Fe(s = {}) {
+  function e(g, m, l, c) {
+    if (typeof l == "number")
+      return c[g].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);
     }
     return !1;
   }
-  function o(g, C, p, i) {
-    return i[g] && i[g].propertyValue && String(i[g].propertyValue.value) === String(p);
+  function n(g, m, l, c) {
+    return c[g] && c[g].propertyValue && String(c[g].propertyValue.value) === String(l);
   }
-  const c = /* @__PURE__ */ new Map([
+  const i = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", o]
+    ["getProperty", n]
   ]);
-  Object.keys(s).reduce((g, C) => (g.set(C, s[C]), g), c);
-  function d(g, C) {
-    const p = g;
-    return typeof C == "number" ? [{ target: p, operator: "length", param: null, value: Number(C) }] : typeof C == "boolean" ? [{ target: p, operator: "getProperty", param: g, value: !!C }] : typeof C == "object" ? Object.keys(C).map((i) => {
-      if (i === "length")
-        return { target: p, operator: "length", param: null, value: C[i] };
-      const f = i, a = C[i];
-      return { target: p, operator: "getProperty", param: f, value: a };
+  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) => {
+      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 };
     }) : [];
   }
-  function b(g) {
-    return Object.keys(g).reduce((p, i) => {
-      const f = d(i, g[i]);
-      return p.push(...f), p;
+  function h(g) {
+    return Object.keys(g).reduce((l, c) => {
+      const p = d(c, g[c]);
+      return l.push(...p), l;
     }, []);
   }
-  function m(g, C) {
-    if (c.has(g.operator)) {
-      const p = c.get(g.operator);
-      return p && p(g.target, g.param, g.value, C) || !1;
+  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;
     }
     return !1;
   }
-  function D(g, C) {
-    return b(g).reduce((f, a) => f && m(a, C), !0);
+  function x(g, m) {
+    return h(g).reduce((p, b) => p && f(b, m), !0);
   }
-  function P(g, C) {
-    const p = Object.keys(g), i = p.includes("allOf"), f = p.includes("anyOf"), a = i || f, T = (a ? g[a ? i ? "allOf" : "anyOf" : "allOf"] : [g]).map((E) => D(E, C));
-    return i ? !T.includes(!1) : T.includes(!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);
   }
-  return { parseValueSchema: P };
+  return { parseValueSchema: w };
 }
-const re = {
+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" },
@@ -274,30 +274,30 @@ const re = {
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
   fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, Ce = {}, Ve = {};
-Le();
-function we(s, e, o = /* @__PURE__ */ new Map(), c = (m, D, P) => D, d = {}, b = (m) => m) {
-  return oe[e.title] = e, ve[e.title] = c, Ce[e.title] = d, Ve[e.title] = b, (m = {}) => {
-    const D = Fe(m, e, o), P = Object.keys(s).reduce((g, C) => (g[C] = s[C].default, g), {});
-    return Object.assign(P, D);
+}, 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);
   };
 }
-function We(s, e) {
+function Le(s, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Ue = /* @__PURE__ */ new Map([
+const Ve = /* @__PURE__ */ new Map([
   ["buttons", "items"],
+  ["appearance", Le]
+]), Ue = /* @__PURE__ */ new Map([
   ["appearance", We]
-]), qe = /* @__PURE__ */ new Map([
-  ["appearance", ze]
 ]);
-function ze(s, e) {
+function We(s, e) {
   return { class: e.class, style: e.style };
 }
-function xe(s, e, o) {
+function Ce(s, e, n) {
   return e;
 }
-const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-design.gitee.io/response-toolbar.schema.json", Je = "response-toolbar", Qe = "A Farris Toolbar Component", Xe = "object", Ye = {
+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 = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -313,9 +313,6 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
     properties: {
       class: {
         type: "string"
-      },
-      style: {
-        type: "string"
       }
     },
     default: {}
@@ -330,19 +327,19 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
     type: "array",
     default: []
   }
-}, Ze = [
+}, Xe = [
   "id",
   "type",
   "buttons"
-], Ke = {
-  $schema: Ge,
-  $id: He,
-  title: Je,
-  description: Qe,
-  type: Xe,
-  properties: Ye,
-  required: Ze
-}, et = "https://json-schema.org/draft/2020-12/schema", tt = "https://farris-design.gitee.io/response-toolbar-item.schema.json", nt = "response-toolbar-item", ot = "A Farris Toolbar Item Component", st = "object", rt = {
+], 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 = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -358,10 +355,7 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
     properties: {
       class: {
         type: "string",
-        default: "btn-primary"
-      },
-      style: {
-        type: "string"
+        default: "btn-secondary"
       }
     },
     default: {}
@@ -374,31 +368,36 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
   text: {
     description: "文本",
     type: "string",
-    default: "新增"
+    default: "按钮"
   },
   icon: {
     description: "图标",
     type: "string",
     default: ""
   },
+  disabled: {
+    description: "禁用",
+    type: "boolean",
+    default: !1
+  },
   onClick: {
     description: "点击事件",
     type: "string",
     default: ""
   }
-}, it = [
+}, st = [
   "id",
   "type",
   "text"
-], te = {
-  $schema: et,
-  $id: tt,
-  title: nt,
-  description: ot,
-  type: st,
-  properties: rt,
-  required: it
-}, ct = "response-toolbar-item", at = "A Farris Container Component", lt = "object", pt = {
+], 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",
@@ -431,12 +430,12 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
       }
     }
   }
-}, de = {
-  title: ct,
-  description: at,
-  type: lt,
-  categories: pt
-}, ie = {
+}, le = {
+  title: rt,
+  description: it,
+  type: ct,
+  categories: lt
+}, oe = {
   /**  组件自定义样式 */
   customClass: { type: String, default: "" },
   alignment: { Type: String, default: "right" },
@@ -445,16 +444,16 @@ const Ge = "https://json-schema.org/draft/2020-12/schema", He = "https://farris-
     default: []
   }
 };
-oe[te.title] = te;
-Ce[de.title] = de;
-const dt = Object.assign({}, ie, {
+ee[K.title] = K;
+ye[le.title] = le;
+const at = Object.assign({}, oe, {
   componentId: { type: String, default: "" }
-}), ce = we(
-  ie,
-  Ke,
-  Ue,
-  xe
-), Te = {
+}), se = ve(
+  oe,
+  Ye,
+  Ve,
+  Ce
+), we = {
   id: { type: String, default: "" },
   items: { type: Object, default: {} },
   class: { type: String, default: "" },
@@ -463,1528 +462,772 @@ const dt = Object.assign({}, ie, {
   icon: { type: String, default: "" },
   componentId: { type: String, default: "" },
   alignment: { Type: String, default: "right" }
-}, ut = we(
-  Te,
-  te,
-  qe,
-  xe
+}, dt = ve(
+  we,
+  K,
+  Ue,
+  Ce
 );
-function je() {
-  function s(o) {
-    const c = {
+function xe() {
+  function s(n) {
+    const i = {
       "f-icon": !0
     };
-    if (o.icon) {
-      const d = o.icon.trim().split(" ");
-      d && d.length && d.reduce((b, m) => (b[m] = !0, b), c);
+    if (n.icon) {
+      const d = n.icon.trim().split(" ");
+      d && d.length && d.reduce((h, f) => (h[f] = !0, h), i);
     }
-    return c;
+    return i;
   }
-  function e(o) {
-    return !!(o.icon && o.icon.trim());
+  function e(n) {
+    return !!(n.icon && n.icon.trim());
   }
   return { iconClass: s, shouldShowIcon: e };
 }
-function ft(s) {
-  function e(p) {
-    const i = {
+function ut(s) {
+  function e(l) {
+    const c = {
       "dropdown-menu": !0
     };
-    if (p.class) {
-      const f = p.menuClass.split(" ");
-      f && f.length && f.reduce((a, y) => (a[y] = !0, a), i);
+    if (l.class) {
+      const p = l.menuClass.split(" ");
+      p && p.length && p.reduce((b, M) => (b[M] = !0, b), c);
     }
-    return i;
+    return c;
   }
-  function o(p) {
-    const i = {
-      disabled: !p.enable,
+  function n(l) {
+    const c = {
+      disabled: !l.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, f = p.dropdownClass.split(" ");
-    return f && f.length && f.reduce((a, y) => (a[y] = !0, a), i), i;
+    }, p = l.dropdownClass.split(" ");
+    return p && p.length && p.reduce((b, M) => (b[M] = !0, b), c), c;
   }
-  function c(p) {
-    const i = {
-      disabled: !p.enable,
+  function i(l) {
+    const c = {
+      disabled: !l.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
-    }, f = p.class.split(" ");
-    return f && f.length && f.reduce((a, y) => (a[y] = !0, a), i), i;
+    }, p = l.class.split(" ");
+    return p && p.length && p.reduce((b, M) => (b[M] = !0, b), c), c;
   }
   let d;
-  const b = /* @__PURE__ */ new Map();
-  function m(p, i, f) {
-    var y;
-    ((y = p.target) == null ? void 0 : y.id) === i.id && p.stopPropagation();
-    const a = f ? f.id : "__top_item__";
-    if (i.children && i.children.length && (i.expanded = !i.expanded, i.expanded ? b.set(a, i) : b.delete(a)), b.has(a) && b.get(a) !== i) {
-      const v = b.get(a);
-      v && (v.expanded = !1);
+  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);
     }
   }
-  function D(p, i) {
-    document.body.click(), i.enable && i.onClick(p, i.id);
-  }
-  function P(p) {
-    return p.children.map((i) => i.children && i.children.length ? w("li", {
-      class: o(i),
-      id: i.id,
-      onClick: (f) => i.enable && m(f, i, p)
-    }, [w("span", {
-      id: i.id,
-      class: c(i),
-      onMouseover: (f) => i.enable && m(f, i, p)
-    }, [i.text, w("i", {
+  function x(l, c) {
+    document.body.click(), c.enable && c.onClick(l, c.id);
+  }
+  function w(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)
+    }, [y("span", {
+      id: c.id,
+      class: i(c),
+      onMouseover: (p) => c.enable && f(p, 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(i, i)]) : w("li", {
-      class: c(i),
-      id: i.id,
-      onClick: (f) => D(f, i),
-      onMouseover: (f) => i.enable && m(f, i, p)
-    }, [s.shouldShowIcon(i) && w("i", {
-      class: s.iconClass(i)
-    }, null), i.text]));
-  }
-  function g(p, i, f) {
-    const a = {
-      display: p.expanded ? "block" : "none",
+    }, 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)
+    }, [s.shouldShowIcon(c) && y("i", {
+      class: s.iconClass(c)
+    }, null), c.text]));
+  }
+  function g(l, c, p) {
+    const b = {
+      display: l.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, y = document.getElementsByTagName("body")[0].getClientRects()[0].width, v = i, T = v == null ? void 0 : v.getClientRects();
-    if (v && T && T.length) {
+    }, M = document.getElementsByTagName("body")[0].getClientRects()[0].width, O = c, j = O == null ? void 0 : O.getClientRects();
+    if (O && j && j.length) {
       const {
-        top: O,
-        width: E,
-        left: k,
-        right: N,
-        height: j
-      } = T[0], h = Math.ceil(j + O);
-      a.top = `${h}px`, a.left = `${k}px`;
-      const I = p.id + "_menu", A = i ? i.querySelector("#" + I) : null;
+        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) {
-        a.display === "block" && (A.style.display = "block");
-        const l = A.getBoundingClientRect();
-        if (f) {
-          a.top = `${O - 6}px`;
-          const n = Math.ceil(E + k);
-          a.left = `${n}px`;
+        b.display === "block" && (A.style.display = "block");
+        const a = A.getBoundingClientRect();
+        if (p) {
+          b.top = `${F - 6}px`;
+          const o = Math.ceil(_ + R);
+          b.left = `${o}px`;
         }
-        y - k - E < l.width && (a.left = `${(f ? k : N) - l.width}px`);
+        M - R - _ < a.width && (b.left = `${(p ? R : E) - a.width}px`);
       }
     }
-    return a;
-  }
-  d = function(p, i) {
-    var v, T;
-    const f = fe(), a = i ? i.id : p.id, y = (T = (v = f == null ? void 0 : f.exposed) == null ? void 0 : v.elementRef.value) == null ? void 0 : T.querySelector("#" + a);
-    return w("ul", {
-      class: e(p),
-      style: g(p, y, i),
-      id: p.id + "_menu"
-    }, [P(p)]);
+    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);
+    return y("ul", {
+      class: e(l),
+      style: g(l, M, c),
+      id: l.id + "_menu"
+    }, [w(l)]);
   };
-  function C() {
-    b.forEach((p) => {
-      p.expanded = !1;
-    }), b.clear();
+  function m() {
+    h.forEach((l) => {
+      l.expanded = !1;
+    }), h.clear();
   }
   return {
     renderDropdownMenu: d,
-    clearAllDropDownMenu: C
+    clearAllDropDownMenu: m
   };
 }
-function gt(s, e) {
-  const o = S(s.alignment), {
-    renderDropdownMenu: c,
+function pt(s, e) {
+  const n = S(s.alignment), {
+    renderDropdownMenu: i,
     clearAllDropDownMenu: d
-  } = ft(e);
-  function b(C) {
-    const p = {
+  } = ut(e);
+  function h(m) {
+    const l = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": o.value === "right",
-      "f-btn-mr": o.value === "left"
-    }, i = C.dropdownClass.split(" ");
-    return i && i.length && i.reduce((f, a) => (f[a] = !0, f), p), p;
+      "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;
   }
-  function m(C) {
-    const p = {
+  function f(m) {
+    const l = {
       btn: !0,
-      disabled: !C.enable,
+      disabled: !m.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(C.icon && C.icon.trim())
+      "btn-icontext": !!(m.icon && m.icon.trim())
     };
-    if (C.class) {
-      const i = C.class.split(" ");
-      i && i.length && i.reduce((f, a) => (f[a] = !0, f), p);
+    if (m.class) {
+      const c = m.class.split(" ");
+      c && c.length && c.reduce((p, b) => (p[b] = !0, p), l);
     }
-    return p;
-  }
-  function D(C, p) {
-    C.stopPropagation();
-    const i = p.expanded;
-    document.body.click(), p.expanded = !i;
-  }
-  function P(C) {
-    return w("div", {
-      id: C.id,
-      class: b(C)
-    }, [w("div", {
-      class: m(C),
+    return l;
+  }
+  function x(m, l) {
+    m.stopPropagation();
+    const c = l.expanded;
+    document.body.click(), l.expanded = !c;
+  }
+  function w(m) {
+    return y("div", {
+      id: m.id,
+      class: h(m)
+    }, [y("div", {
+      class: f(m),
       style: "display: flex;padding-right: 0.1rem;border-top-right-radius: 6px;border-bottom-right-radius: 6px",
-      onClick: (p) => C.enable && D(p, C)
-    }, [e.shouldShowIcon(C) && w("i", {
-      class: e.iconClass(C)
-    }, null), w("span", null, [C.text]), w("i", {
+      onClick: (l) => m.enable && x(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)]), c(C)]);
+    }, null)]), i(m)]);
   }
   function g() {
     d();
   }
   return {
-    renderToolbarDropdown: P,
+    renderToolbarDropdown: w,
     clearAllDropDown: g
   };
 }
 const {
-  buildResponseToolbarItems: ue
-} = ye(), Q = /* @__PURE__ */ X({
+  buildResponseToolbarItems: ae
+} = he(), J = /* @__PURE__ */ Q({
   name: "FResponseToolbar",
-  props: ie,
+  props: oe,
   emits: ["click"],
   setup(s, e) {
-    const o = S(ue(s.items)), c = S(), d = S(), b = S(), m = S(s.alignment), D = {
+    const n = S(ae(s.items)), i = S(), d = S(), h = S(), f = S(s.alignment), x = {
       id: "__more_buttons__",
       text: "更多"
-    }, P = S(new G(D)), g = je(), C = W(() => P.value.children.length > 0), p = W(() => J({
+    }, w = S(new W(x)), g = xe(), m = V(() => w.value.children.length > 0), l = V(() => H({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, s.customClass)), i = W(() => ({
+    }, s.customClass)), c = V(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": m.value === "right",
-      "justify-content-start": m.value === "left"
+      "justify-content-end": f.value === "right",
+      "justify-content-start": f.value === "left"
     })), {
-      renderToolbarDropdown: f,
-      clearAllDropDown: a
-    } = gt(s, g);
-    function y() {
-      o.value.filter((h) => h.children && h.children.length > 0).forEach((h) => {
-        h.expanded = !1;
-      }), P.value.expanded = !1, a();
+      renderToolbarDropdown: p,
+      clearAllDropDown: b
+    } = pt(s, g);
+    function M() {
+      n.value.filter((v) => v.children && v.children.length > 0).forEach((v) => {
+        v.expanded = !1;
+      }), w.value.expanded = !1, b();
     }
-    function v(h) {
-      const I = {
+    function O(v) {
+      const P = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": m.value === "right",
-        "f-btn-mr": m.value === "left",
-        "btn-icontext": !!(h.icon && h.icon.trim())
+        "f-btn-ml": f.value === "right",
+        "f-btn-mr": f.value === "left",
+        "btn-icontext": !!(v.icon && v.icon.trim())
       };
-      if (h.class) {
-        const A = h.class.split(" ");
-        A && A.length && A.reduce((l, n) => (l[n] = !0, l), I);
+      if (v.class) {
+        const A = v.class.split(" ");
+        A && A.length && A.reduce((a, o) => (a[o] = !0, a), P);
       }
-      return I;
+      return P;
     }
-    function T(h, I) {
-      document.body.click(), typeof I.onClick == "function" && I.onClick(h, I.id), e.emit("click", h, I.id);
+    function j(v, P) {
+      document.body.click(), typeof P.onClick == "function" && P.onClick(v, P.id), e.emit("click", v, P.id);
     }
-    function O(h) {
-      return w("button", {
+    function F(v) {
+      return y("button", {
         type: "button",
-        class: v(h),
-        id: h.id,
-        disabled: !h.enable,
-        onClick: (I) => T(I, h)
-      }, [g.shouldShowIcon(h) && w("i", {
-        class: g.iconClass(h)
-      }, null), h.text]);
+        class: O(v),
+        id: v.id,
+        disabled: !v.enable,
+        onClick: (P) => j(P, v)
+      }, [g.shouldShowIcon(v) && y("i", {
+        class: g.iconClass(v)
+      }, null), v.text]);
     }
-    const E = /* @__PURE__ */ new Map(), k = [];
-    function N(h) {
-      const I = b.value;
-      let A = h;
-      const l = Array.from(I.children), n = l[l.length - 1].id === "__more_buttons__" ? l[l.length - 1] : null;
-      if (n) {
-        const x = n.computedStyleMap().get("margin-left"), M = n.computedStyleMap().get("margin-right"), F = (x ? x.value : 0) + n.getBoundingClientRect().width + (M ? M.value : 0);
-        A -= F;
+    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;
+      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 t = l.filter((x) => x.id !== "__more_buttons__");
-      for (const x of t) {
-        const M = x.computedStyleMap().get("margin-left"), F = x.computedStyleMap().get("margin-right"), _ = (M ? M.value : 0) + x.getBoundingClientRect().width + (F ? F.value : 0);
-        A < _ ? (E.set(x.id, !0), k.push({
-          id: x.id,
-          width: _
-        })) : A -= _;
+      const t = a.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({
+          id: C.id,
+          width: B
+        })) : A -= B;
       }
-      if (k.length)
-        for (let x = k.length - 1; x >= 0; x--) {
-          const M = k[x].width;
-          if (A >= M)
-            A -= M, E.delete(k[x].id), k.pop();
+      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();
           else
             break;
         }
-      const r = Object.assign({}, P.value);
+      const r = Object.assign({}, w.value);
       r.children = [];
-      const u = new G(r), R = o.value.reduce((x, M) => (E.has(M.id) && u.children.push(M), M.visible = !E.has(M.id), x.push(M), x), []);
-      P.value = u, o.value = R;
+      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 j = new ResizeObserver((h) => {
-      if (h.length) {
-        const A = h[0].contentRect.width, n = b.value.getBoundingClientRect().width;
-        (A < n || k.length) && (N(A), y());
+    const k = new ResizeObserver((v) => {
+      if (v.length) {
+        const A = v[0].contentRect.width, o = h.value.getBoundingClientRect().width;
+        (A < o || R.length) && (E(A), M());
       }
     });
     return z(() => {
-      const h = d.value;
-      j.observe(h), document.body.addEventListener("click", y), document.body.addEventListener("wheel", y);
-    }), ne(() => {
-      j.disconnect(), document.body.removeEventListener("click", y), document.body.removeEventListener("wheel", y);
-    }), H(() => s.items, () => {
-      o.value = ue(s.items);
+      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);
     }, {
       deep: !0
     }), e.expose({
-      elementRef: c
-    }), () => w("div", {
-      class: p.value,
-      ref: c
-    }, [w("div", {
+      elementRef: i
+    }), () => y("div", {
+      class: l.value,
+      ref: i
+    }, [y("div", {
       ref: d,
-      class: i.value
-    }, [w("div", {
-      ref: b,
+      class: c.value
+    }, [y("div", {
+      ref: h,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [o.value.filter((h) => h.visible).map((h) => h.children && h.children.length > 0 ? f(h) : O(h)), C.value && f(P.value)])])]);
+    }, [n.value.filter((v) => v.visible).map((v) => v.children && v.children.length > 0 ? p(v) : F(v)), m.value && p(w.value)])])]);
   }
 });
-function mt(s, e) {
-  const o = L("design-item-context"), c = L("toolbar-item-handler", () => {
+function ft(s, e) {
+  const n = L("design-item-context"), i = L("toolbar-item-handler", () => {
   });
   function d() {
-    c && c();
+    i && i();
   }
-  function b(n) {
+  function h(o) {
     const t = {
       "dropdown-menu": !0
     };
-    if (n.class) {
-      const r = n.menuClass.split(" ");
-      r && r.length && r.reduce((u, R) => (u[R] = !0, u), t);
+    if (o.class) {
+      const r = o.menuClass.split(" ");
+      r && r.length && r.reduce((u, T) => (u[T] = !0, u), t);
     }
     return t;
   }
-  function m(n) {
+  function f(o) {
     const t = {
-      disabled: !n.enable,
+      disabled: !o.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, r = n.dropdownClass.split(" ");
-    return r && r.length && r.reduce((u, R) => (u[R] = !0, u), t), t;
+    }, r = o.dropdownClass.split(" ");
+    return r && r.length && r.reduce((u, T) => (u[T] = !0, u), t), t;
   }
-  function D(n) {
+  function x(o) {
     const t = {
-      disabled: !n.enable,
+      disabled: !o.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
-    }, r = n.class.split(" ");
-    return r && r.length && r.reduce((u, R) => (u[R] = !0, u), t), t;
+    }, r = o.class.split(" ");
+    return r && r.length && r.reduce((u, T) => (u[T] = !0, u), t), t;
   }
-  let P;
+  let w;
   const g = /* @__PURE__ */ new Map();
-  function C(n, t, r) {
-    var R;
-    ((R = n.target) == null ? void 0 : R.id) === t.id && n.stopPropagation();
+  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 x = g.get(u);
-      x && (x.expanded = !1);
+      const C = g.get(u);
+      C && (C.expanded = !1);
     }
   }
-  function p(n) {
-    n && (n.stopPropagation(), n.preventDefault());
+  function l(o) {
+    o && (o.stopPropagation(), o.preventDefault());
   }
-  function i() {
+  function c() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused"));
-    const n = document.getElementsByClassName("dgComponentSelected");
-    Array.from(n).forEach((t) => t.classList.remove("dgComponentSelected"));
+    const o = document.getElementsByClassName("dgComponentSelected");
+    Array.from(o).forEach((t) => t.classList.remove("dgComponentSelected"));
   }
-  function f(n) {
-    n.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function p(o) {
+    o.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function a(n) {
+  function b(o) {
     const {
       buttons: t = []
-    } = o.schema;
+    } = n.schema;
     let r = [];
-    t.forEach((x) => {
-      r = r.concat(x.children || []);
+    t.forEach((C) => {
+      r = r.concat(C.children || []);
     });
-    const u = r.findIndex((x) => x.id === n), R = u === -1 ? null : r[u];
+    const u = r.findIndex((C) => C.id === o), T = u === -1 ? null : r[u];
     return {
       index: u,
-      item: R
+      item: T
     };
   }
-  function y(n) {
+  function M(o) {
     const {
       buttons: t = []
-    } = o.schema, r = t.findIndex((R) => R.id === n), u = r === -1 ? null : t[r];
+    } = n.schema, r = t.findIndex((T) => T.id === o), u = r === -1 ? null : t[r];
     return {
       index: r,
       item: u
     };
   }
-  function v(n) {
+  function O(o) {
     var u;
-    o.schema;
+    n.schema;
     const {
       index: t,
       item: r
-    } = a(n);
-    (u = o == null ? void 0 : o.setupContext) == null || u.emit("selectionChange", r == null ? void 0 : r.type, r);
+    } = b(o);
+    (u = n == null ? void 0 : n.setupContext) == null || u.emit("selectionChange", r == null ? void 0 : r.type, r);
   }
-  const T = function(n) {
+  const j = function(o) {
     const {
       componentType: t
-    } = n, r = q(t, n), u = t.toLowerCase().replace("-", "_");
+    } = 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 = function() {
-    const n = {
+  }, F = function() {
+    const o = {
       componentType: "response-toolbar-item",
       parentComponentInstance: e.value,
       targetPosition: -1
     };
-    return T(n);
+    return j(o);
   };
-  function E(n, t) {
-    p(n), i(), f(n), v(t.id);
-  }
-  function k(n, t, r) {
-    p(n);
-    const u = t.id, R = r && r.id, {
-      buttons: x = []
-    } = o.schema;
-    if (!R)
+  function _(o, t) {
+    l(o), c(), p(o), O(t.id);
+  }
+  function R(o, t, r) {
+    l(o);
+    const u = t.id, T = r && r.id, {
+      buttons: C = []
+    } = n.schema;
+    if (!T)
       return;
     const {
-      index: M
-    } = y(R);
-    if (M === -1)
+      index: I
+    } = M(T);
+    if (I === -1)
       return;
     const {
-      index: F
-    } = a(u);
-    F !== -1 && (x[M].children.splice(F, 1), d());
+      index: N
+    } = b(u);
+    N !== -1 && (C[I].children.splice(N, 1), d());
   }
-  function N(n, t, r) {
-    p(n);
+  function E(o, t, r) {
+    l(o);
     const u = r && r.id, {
-      buttons: R = []
-    } = o.schema;
+      buttons: T = []
+    } = n.schema;
     if (!u)
       return;
     const {
-      index: x
-    } = y(u);
-    if (x === -1)
+      index: C
+    } = M(u);
+    if (C === -1)
       return;
-    const M = O(), F = Object.assign({}, M, {
+    const I = F(), N = Object.assign({}, I, {
       text: t.text
     });
-    R[x].children.push(F), d();
+    T[C].children.push(N), d();
   }
-  function j(n, t, r) {
-    p(n);
+  function k(o, t, r) {
+    l(o);
     const u = r && r.id, {
-      buttons: R = []
-    } = o.schema;
+      buttons: T = []
+    } = n.schema;
     if (!u)
       return;
     const {
-      index: x
-    } = y(u);
-    if (x === -1)
+      index: C
+    } = M(u);
+    if (C === -1)
       return;
-    const M = O(), F = Object.assign({}, M, {
+    const I = F(), N = Object.assign({}, I, {
       text: "按钮"
     });
-    R[x].children.push(F), d();
+    T[C].children.push(N), d();
   }
-  function h(n, t) {
-    return w("div", {
+  function v(o, t) {
+    return y("div", {
       class: "component-btn-group"
-    }, [w("div", null, [w("div", {
+    }, [y("div", null, [y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (r) => k(r, n, t)
-    }, [w("i", {
+      onClick: (r) => R(r, o, t)
+    }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), w("div", {
+    }, null)]), y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (r) => N(r, n, t)
-    }, [w("i", {
+      onClick: (r) => E(r, o, t)
+    }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), w("div", {
+    }, null)]), y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (r) => j(r, n, t)
-    }, [w("i", {
+      onClick: (r) => k(r, o, t)
+    }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), w("span", {
+    }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [ge("新增同级")])])])]);
+    }, [pe("新增同级")])])])]);
   }
-  function I(n) {
-    return n.children.map((t) => t.children && t.children.length ? w("li", {
-      class: m(t),
+  function P(o) {
+    return o.children.map((t) => t.children && t.children.length ? y("li", {
+      class: f(t),
       id: t.id,
-      onClick: (r) => t.enable && C(r, t, n)
-    }, [w("span", {
+      onClick: (r) => t.enable && m(r, t, o)
+    }, [y("span", {
       id: t.id,
-      class: D(t),
-      onMouseover: (r) => t.enable && C(r, t, n)
-    }, [t.text, w("i", {
+      class: x(t),
+      onMouseover: (r) => t.enable && m(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)]), P(t, t)]) : w("li", {
-      class: D(t),
+    }, null)]), w(t, t)]) : y("li", {
+      class: x(t),
       id: t.id,
-      onClick: (r) => E(r, t)
-    }, [h(t, n), s.shouldShowIcon(t) && w("i", {
+      onClick: (r) => _(r, t)
+    }, [v(t, o), s.shouldShowIcon(t) && y("i", {
       class: s.iconClass(t)
     }, null), t.text]));
   }
-  function A(n, t, r) {
+  function A(o, t, r) {
     const u = {
-      display: n.expanded ? "block" : "none",
+      display: o.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, R = document.getElementsByTagName("body")[0].getClientRects()[0].width, x = t, M = x == null ? void 0 : x.getClientRects();
-    if (x && M && M.length) {
+    }, T = document.getElementsByTagName("body")[0].getClientRects()[0].width, C = t, I = C == null ? void 0 : C.getClientRects();
+    if (C && I && I.length) {
       const {
-        top: F,
-        width: _,
+        top: N,
+        width: B,
         left: $,
-        right: V,
-        height: U
-      } = M[0], Y = Math.ceil(U + F);
-      u.top = `${Y}px`, u.left = `${$}px`;
-      const Ie = n.id + "_menu", Z = t ? t.querySelector("#" + Ie) : null;
-      if (Z) {
-        u.display === "block" && (Z.style.display = "block");
-        const le = Z.getBoundingClientRect();
+        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();
         if (r) {
-          u.top = `${F - 6}px`;
-          const Ee = Math.ceil(_ + $);
-          u.left = `${Ee}px`;
+          u.top = `${N - 6}px`;
+          const Se = Math.ceil(B + $);
+          u.left = `${Se}px`;
         }
-        R - $ - _ < le.width && (u.left = `${(r ? $ : V) - le.width}px`);
+        T - $ - B < ie.width && (u.left = `${(r ? $ : U) - ie.width}px`);
       }
     }
     return u;
   }
-  P = function(n, t) {
-    var x, M;
-    const r = fe(), u = t ? t.id : n.id, R = (M = (x = r == null ? void 0 : r.exposed) == null ? void 0 : x.elementRef.value) == null ? void 0 : M.querySelector("#" + u);
-    return w("ul", {
-      class: b(n),
-      style: A(n, R, t),
-      id: n.id + "_menu"
-    }, [I(n)]);
+  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);
+    return y("ul", {
+      class: h(o),
+      style: A(o, T, t),
+      id: o.id + "_menu"
+    }, [P(o)]);
   };
-  function l() {
-    g.forEach((n) => {
-      n.expanded = !1;
+  function a() {
+    g.forEach((o) => {
+      o.expanded = !1;
     }), g.clear();
   }
   return {
-    renderDropdownMenu: P,
-    clearAllDropDownMenu: l
+    renderDropdownMenu: w,
+    clearAllDropDownMenu: a
   };
 }
-function ht(s, e, o) {
-  const c = S(s.alignment), {
+function gt(s, e, n) {
+  const i = S(s.alignment), {
     renderDropdownMenu: d,
-    clearAllDropDownMenu: b
-  } = mt(e, o), m = L("design-item-context"), D = L("toolbar-item-handler", () => {
+    clearAllDropDownMenu: h
+  } = ft(e, n), f = L("design-item-context"), x = L("toolbar-item-handler", () => {
   });
-  function P() {
-    D && D();
+  function w() {
+    x && x();
   }
-  function g(l) {
-    const n = {
+  function g(a) {
+    const o = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": c.value === "right",
-      "f-btn-mr": c.value === "left"
-    }, t = l.dropdownClass.split(" ");
-    return t && t.length && t.reduce((r, u) => (r[u] = !0, r), n), n;
+      "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;
   }
-  function C(l) {
-    const n = {
+  function m(a) {
+    const o = {
       btn: !0,
-      disabled: !l.enable,
+      disabled: !a.enable,
       "position-relative": !0,
       "farris-component": !0,
       "f-rt-btn": !0,
-      "btn-icontext": !!(l.icon && l.icon.trim())
+      "btn-icontext": !!(a.icon && a.icon.trim())
     };
-    if (l.class) {
-      const t = l.class.split(" ");
-      t && t.length && t.reduce((r, u) => (r[u] = !0, r), n);
+    if (a.class) {
+      const t = a.class.split(" ");
+      t && t.length && t.reduce((r, u) => (r[u] = !0, r), o);
     }
-    return n;
+    return o;
   }
-  function p(l) {
-    l && (l.stopPropagation(), l.preventDefault());
+  function l(a) {
+    a && (a.stopPropagation(), a.preventDefault());
   }
-  function i(l, n) {
-    p(l);
-    const t = n.expanded;
-    document.body.click(), n.expanded = !t;
+  function c(a, o) {
+    l(a);
+    const t = o.expanded;
+    document.body.click(), o.expanded = !t;
   }
-  const f = function(l) {
+  const p = function(a) {
     const {
-      componentType: n
-    } = l, t = q(n, l), r = n.toLowerCase().replace("-", "_");
-    return t && !t.id && t.type === n && (t.id = `${r}_${Math.random().toString().slice(2, 6)}`), t;
-  }, a = function() {
-    const l = {
+      componentType: o
+    } = a, t = X(o, a), 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 = {
       componentType: "response-toolbar-item",
-      parentComponentInstance: o.value,
+      parentComponentInstance: n.value,
       targetPosition: -1
     };
-    return f(l);
+    return p(a);
   };
-  function y(l) {
-    const n = m.schema.buttons || m.schema.contents, t = n == null ? void 0 : n.findIndex((u) => u.id === l), r = t === -1 ? null : n[t];
+  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];
     return {
       index: t,
       toolbarItem: r
     };
   }
-  function v(l, n) {
-    var M;
+  function O(a, o) {
+    var I;
     const {
       index: t,
       toolbarItem: r
-    } = y(n);
+    } = M(o);
     if (t === -1)
       return;
-    const u = r.text || "按钮", R = a(), x = Object.assign({}, R, {
+    const u = r.text || "按钮", T = b(), C = Object.assign({}, T, {
       text: u
     });
-    (M = m.schema.buttons) == null || M.push(x), P();
+    (I = f.schema.buttons) == null || I.push(C), w();
   }
-  function T(l, n) {
+  function j(a, o) {
     const {
       index: t,
       toolbarItem: r
-    } = y(n);
+    } = M(o);
     if (t === -1)
       return;
-    const u = r.text || "按钮", R = a(), x = Object.assign({}, R, {
+    const u = r.text || "按钮", T = b(), C = Object.assign({}, T, {
       text: u
-    }), M = m.schema.buttons[t].children || [];
-    M.push(x), m.schema.buttons[t].children = M, P();
+    }), I = f.schema.buttons[t].children || [];
+    I.push(C), f.schema.buttons[t].children = I, w();
   }
-  function O(l, n) {
-    const t = m.schema.buttons || m.schema.contents, r = t == null ? void 0 : t.findIndex((u) => u.id === n);
-    r !== -1 && (t.splice(r, 1), P());
+  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 E(l) {
-    return w("div", {
+  function _(a) {
+    return y("div", {
       class: "component-btn-group"
-    }, [w("div", null, [w("div", {
+    }, [y("div", null, [y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (n) => O(n, l)
-    }, [w("i", {
+      onClick: (o) => F(o, a)
+    }, [y("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), w("div", {
+    }, null)]), y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (n) => v(n, l)
-    }, [w("i", {
+      onClick: (o) => O(o, a)
+    }, [y("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), w("div", {
+    }, null)]), y("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (n) => T(n, l)
-    }, [w("i", {
+      onClick: (o) => j(o, a)
+    }, [y("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), w("span", {
+    }, null), y("span", {
       style: "font-size:13px;margin:auto"
-    }, [ge("新增子级")])])])]);
+    }, [pe("新增子级")])])])]);
   }
-  function k() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((n) => n.classList.remove("dgComponentFocused"));
-    const l = document.getElementsByClassName("dgComponentSelected");
-    Array.from(l).forEach((n) => n.classList.remove("dgComponentSelected"));
+  function R() {
+    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"));
   }
-  function N(l) {
-    l.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function E(a) {
+    a.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function j(l) {
+  function k(a) {
     var u;
-    const n = m.schema.buttons || m.schema.contents, t = n == null ? void 0 : n.findIndex((R) => R.id === l);
+    const o = f.schema.buttons || f.schema.contents, t = o == null ? void 0 : o.findIndex((T) => T.id === a);
     if (t === -1)
       return;
-    const r = n[t];
-    (u = m == null ? void 0 : m.setupContext) == null || u.emit("selectionChange", "response-toolbar-item", r);
-  }
-  function h(l, n) {
-    p(l), k(), N(l), p(l), i(l, n), j(n.id);
-  }
-  function I(l) {
-    return w("div", {
-      id: l.id,
-      class: g(l)
-    }, [w("div", {
-      class: C(l),
+    const r = o[t];
+    (u = f == null ? void 0 : f.setupContext) == null || u.emit("selectionChange", "response-toolbar-item", r);
+  }
+  function v(a, o) {
+    l(a), R(), E(a), l(a), c(a, o), k(o.id);
+  }
+  function P(a) {
+    return y("div", {
+      id: a.id,
+      class: g(a)
+    }, [y("div", {
+      class: m(a),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (n) => l.enable && h(n, l)
-    }, [E(l.id), e.shouldShowIcon(l) && w("i", {
-      class: e.iconClass(l)
-    }, null), w("span", null, [l.text]), w("i", {
+      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", {
       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(l)]);
+    }, null)]), d(a)]);
   }
   function A() {
-    b();
+    h();
   }
   return {
-    renderToolbarDropdown: I,
+    renderToolbarDropdown: P,
     clearAllDropDown: A
   };
 }
-function bt() {
-  function s(e) {
-    var d, b;
-    if (!e)
-      return !1;
-    const o = ((d = e.targetContainer) == null ? void 0 : d.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!o)
-      return !1;
-    const c = (b = o.schema.appearance) == null ? void 0 : b.class;
-    if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const m = o.schema.type, D = (m === "response-form" || m === "content-container") && c && c.includes("farris-form");
-      if (o.schema.type !== "response-layout-item" && !D)
-        return !1;
-    }
-    return e.controlType !== "field-set";
-  }
-  return {
-    basalDragulaRuleForContainer: s
-  };
-}
-const yt = "https://json-schema.org/draft/2020-12/schema", vt = "https://farris-design.gitee.io/dragging-rules.schema.json", Ct = "Dragging Rules", wt = "The rules of designer canvas", xt = "object", Tt = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-section-form": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          },
-                                          "f-section-grid": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !1
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              rules: {
-                type: "object",
-                properties: {
-                  canAccept: {
-                    type: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    description: "",
-    type: "object"
-  }
-}, jt = {
-  $schema: yt,
-  $id: vt,
-  title: Ct,
-  description: wt,
-  type: xt,
-  properties: Tt
-}, K = /* @__PURE__ */ new Map();
-function Pe() {
-  function s(a, y, v, T) {
-    var O;
-    if (typeof v == "number")
-      return ((O = T[a]) == null ? void 0 : O.length) === v;
-    if (typeof v == "object") {
-      const E = Object.keys(v)[0], k = v[E];
-      if (E === "not")
-        return Number(T[a].length) !== Number(k);
-      if (E === "moreThan")
-        return Number(T[a].length) >= Number(k);
-      if (E === "lessThan")
-        return Number(T[a].length) <= Number(k);
-    }
-    return !1;
-  }
-  function e(a, y, v, T) {
-    return typeof v == "boolean" ? T.childrenClassList.includes(y) === !!v : !1;
-  }
-  function o(a, y, v, T) {
-    return typeof v == "boolean" ? T.parentClassList.includes(y) === !!v : !1;
-  }
-  function c(a, y, v, T) {
-    return typeof v == "boolean" ? T.parentClassList.includes(y) === !!v : !1;
-  }
-  const d = /* @__PURE__ */ new Map([
-    ["length", s],
-    ["hasChildren", e],
-    ["hasSibling", c],
-    ["hasParent", o]
-  ]);
-  function b(a, y) {
-    const v = a;
-    return typeof y == "number" ? [{ target: v, operator: "length", param: null, value: Number(y) }] : typeof y == "object" ? Object.keys(y).map((T) => {
-      if (T === "length")
-        return { target: v, operator: "length", param: null, value: y[T] };
-      const O = T, E = y[T];
-      return { target: v, operator: a === "children" ? "hasChildren" : a === "parent" ? "hasParent" : "hasSibling", param: O, value: E };
-    }) : [];
-  }
-  function m(a, y) {
-    if (d.has(a.operator)) {
-      const v = d.get(a.operator);
-      return v && v(a.target, a.param, a.value, y) || !1;
-    }
-    return !1;
-  }
-  function D(a, y) {
-    return Object.keys(a).reduce((E, k) => {
-      const N = b(k, a[k]);
-      return E.push(...N), E;
-    }, []).reduce((E, k) => E && m(k, y), !0);
-  }
-  function P(a, y) {
-    const v = Object.keys(a), T = v.includes("allOf"), O = v.includes("anyOf"), E = T || O, j = (E ? a[E ? T ? "allOf" : "anyOf" : "allOf"] : [a]).map((I) => D(I, y));
-    return T ? !j.includes(!1) : j.includes(!0);
-  }
-  function g(a, y) {
-    const v = a.const;
-    return v ? typeof v == "boolean" ? v : typeof v == "object" ? P(v, y) : !1 : !1;
-  }
-  function C(a) {
-    return (y) => {
-      const v = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return a && a.properties && Object.keys(a.properties).reduce((T, O) => {
-        const E = a.properties[O];
-        return T[O] = g(E, y), T;
-      }, v), v;
-    };
-  }
-  function p(a, y, v) {
-    if (y.type === "object" && y.properties) {
-      const { rules: T, contents: O } = y.properties;
-      v.set(a, C(T)), O && Object.keys(O.properties).forEach(
-        (E) => p(E, O.properties[E], v)
-      );
-    }
-  }
-  function i() {
-    const { properties: a } = jt;
-    Object.keys(a).forEach((y) => {
-      p(y, a[y], K);
-    });
-  }
-  function f(a, y) {
-    const v = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return K.has(a) ? K.get(a)(y) : v;
-  }
-  return i(), { getRuleValue: f };
-}
-class ae {
-  constructor(e, o) {
-    B(this, "componentId");
-    B(this, "viewModelId");
-    B(this, "eventsEditorUtils");
-    B(this, "formSchemaUtils");
-    B(this, "formMetadataConverter");
-    B(this, "designViewModelUtils");
-    B(this, "designViewModelField");
-    B(this, "controlCreatorUtils");
-    B(this, "designerHostService");
-    B(this, "schemaService", null);
-    B(this, "metadataService", null);
-    B(this, "propertyConfig", {
+class re {
+  constructor(e, n) {
+    D(this, "componentId");
+    D(this, "viewModelId");
+    D(this, "eventsEditorUtils");
+    D(this, "formSchemaUtils");
+    D(this, "formMetadataConverter");
+    D(this, "designViewModelUtils");
+    D(this, "designViewModelField");
+    D(this, "controlCreatorUtils");
+    D(this, "designerHostService");
+    D(this, "schemaService", null);
+    D(this, "metadataService", null);
+    D(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var c;
-    this.componentId = e, this.designerHostService = o, this.eventsEditorUtils = o.eventsEditorUtils, this.formSchemaUtils = o.formSchemaUtils, this.formMetadataConverter = o.formMetadataConverter, this.viewModelId = ((c = this.formSchemaUtils) == null ? void 0 : c.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = o.designViewModelUtils, this.controlCreatorUtils = o.controlCreatorUtils, this.metadataService = o.metadataService, this.schemaService = o.schemaService;
+    var i;
+    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((i = this.formSchemaUtils) == null ? void 0 : i.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
   }
   getTableInfo() {
     var e;
     return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(e) {
-    const o = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (o) {
+    const n = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (n) {
       if (!this.designViewModelField) {
-        const c = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = c.fields.find((d) => d.id === o);
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((d) => d.id === n);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(e, o) {
+  changeFieldEditorType(e, n) {
   }
   getBasicPropConfig(e) {
     return {
@@ -2005,7 +1248,7 @@ class ae {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: re[e.type].name }]
+            data: [{ value: e.type, name: ne[e.type].name }]
           }
         }
       }
@@ -2037,17 +1280,17 @@ class ae {
   * @param componentInstance 
   * @returns 
   */
-  updateElementByParentContainer(e, o) {
-    const c = o && o.parent && o.parent.schema;
-    if (!c)
+  updateElementByParentContainer(e, n) {
+    const i = n && n.parent && n.parent.schema;
+    if (!i)
       return;
-    const d = c.contents.findIndex((m) => m.id === e), b = me(c.contents[d]);
-    c.contents.splice(d, 1), c.contents.splice(d, 0, b);
+    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);
   }
 }
-class Pt extends ae {
-  constructor(e, o) {
-    super(e, o);
+class mt extends re {
+  constructor(e, n) {
+    super(e, n);
   }
   getPropertyConfig(e) {
     return this.getBasicPropConfig(e), this.getBehaviorProperties(e), this.propertyConfig;
@@ -2071,7 +1314,7 @@ class Pt extends ae {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar", value: re["response-toolbar"].name }]
+            data: [{ key: "response-toolbar", value: ne["response-toolbar"].name }]
           }
         }
       }
@@ -2114,85 +1357,40 @@ class Pt extends ae {
     };
   }
 }
-function Dt(s, e, o, c) {
-  const d = Pe(), b = S(!1), m = S(!1);
-  let D = !0, P = !1, g;
-  function C(j) {
-    return g && g.componentClassList && g.componentClassList.includes("f-form-layout") && g.componentClassList.includes("farris-form") ? j.sourceType === "control" && j.controlCategory === "input" || j.sourceType === "move" && j.controlType === "form-group" : !0;
-  }
-  function p(j) {
-    return !bt().basalDragulaRuleForContainer(j) || !D || !C(j), !1;
-  }
-  function i() {
-    b.value = !1, m.value = !1;
-    const j = s, h = j.appearance && j.appearance.class || "", I = h.split(" "), A = j.buttons || [], l = A.length ? A[0] : null, n = l && l.appearance ? l.appearance.class : "", t = n ? n.split(" ") : [], r = A.length ? A.reduce(($, V) => {
-      const U = V && V.appearance ? V.appearance.class : "", Y = U ? U.split(" ") : [];
-      return $.push(...Y), $;
-    }, []) : [], u = o == null ? void 0 : o.schema, R = u && u.appearance && u.appearance.class || "", x = R ? R.split(" ") : [];
-    g = {
-      componentClass: h,
-      componentClassList: I,
-      childContents: A,
-      firstChildContent: l,
-      firstChildClass: n,
-      firstChildClassList: t,
-      parent: u,
-      parentClass: R,
-      parentClassList: x,
-      children: A,
-      childrenClassList: r
-    };
-    const { canAccept: M, fixed: F, hidePadding: _ } = d.getRuleValue(I[0], g);
-    return D = M, P = _, !0;
-  }
-  function f(j) {
-  }
-  function a() {
-    return s.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
-  }
-  function y(j, h) {
-    return h.text = j.label, h;
+function ht(s, e) {
+  const n = s.schema;
+  function i(m) {
+    return !1;
   }
-  function v(j, h, I) {
-    const A = s;
-    if ((A.appearance && A.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const t = String(j.innerText), r = q("form-group");
-      return r.editor = I, r.label = t, r;
-    }
-    return I;
+  function d(m, l) {
+    return l.text = m.label, l;
   }
-  function T() {
+  function h() {
     return !1;
   }
-  function O() {
+  function f() {
     return !1;
   }
-  function E() {
+  function x() {
     return !0;
   }
-  function k() {
-    return P;
+  function w() {
+    return !0;
   }
-  function N(j) {
-    return new Pt(j, e).getPropertyConfig(s);
+  function g(m) {
+    return new mt(m, e).getPropertyConfig(n);
   }
   return {
-    canAccepts: p,
-    checkCanAddComponent: E,
-    checkCanDeleteComponent: O,
-    checkCanMoveComponent: T,
-    getStyles: a,
-    hideNestedPaddingInDesginerView: k,
-    onAcceptNewChildElement: v,
-    onAcceptMovedChildElement: f,
-    onResolveNewComponentSchema: y,
-    resolveComponentContext: i,
-    getPropsConfig: N,
-    triggerBelongedComponentToMoveWhenMoved: b,
-    triggerBelongedComponentToDeleteWhenDeleted: m
+    canAccepts: i,
+    checkCanAddComponent: x,
+    checkCanDeleteComponent: f,
+    checkCanMoveComponent: h,
+    hideNestedPaddingInDesginerView: w,
+    onResolveNewComponentSchema: d,
+    getPropsConfig: g
   };
 }
-const It = {
+const bt = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -2205,256 +1403,248 @@ const It = {
    * 组件值
    */
   modelValue: { type: Object }
-}, ee = S(0);
-function Et(s, e) {
-  const o = e.getBoundingClientRect(), c = s.getBoundingClientRect(), d = c.top >= o.top, b = c.top <= o.bottom;
-  return d && b;
+}, 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;
 }
-function Rt(s) {
+function vt(s) {
   if (!s)
     return;
   let e;
   if (s.className.includes("dgComponentSelected") ? e = s : e = s.querySelector(".dgComponentSelected"), !e)
     return;
-  const o = e.getBoundingClientRect();
-  if (o.width === 0 && o.height === 0)
+  const n = e.getBoundingClientRect();
+  if (n.width === 0 && n.height === 0)
     return;
-  const c = e.querySelector(".component-btn-group");
-  if (c) {
-    if (!Et(e, s)) {
-      c.style.display = "none";
+  const i = e.querySelector(".component-btn-group");
+  if (i) {
+    if (!yt(e, s)) {
+      i.style.display = "none";
       return;
     }
-    c.style.display = "";
-    const b = c.getBoundingClientRect(), m = c.querySelector("div");
-    if (m) {
-      const D = m.getBoundingClientRect();
-      m.style.top = b.top + "px", m.style.left = b.left - D.width + "px";
+    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";
     }
   }
 }
-function St(s, e, o) {
-  var N;
-  function c() {
+function Ct(s, e, n) {
+  var R;
+  function i() {
   }
-  const d = "", b = S();
-  function m() {
+  const d = "", h = S();
+  function f() {
     return !0;
   }
-  function D() {
+  function x() {
     return !1;
   }
-  function P() {
+  function w() {
     return !0;
   }
   function g() {
     return !0;
   }
-  function C() {
+  function m() {
     return !0;
   }
-  function p(j) {
-    if (!j || !j.value)
+  function l(E) {
+    if (!E || !E.value)
       return null;
-    const h = S(j == null ? void 0 : j.value.parent), I = p(h);
-    return I || null;
+    const k = S(E == null ? void 0 : E.value.parent), v = l(k);
+    return v || null;
   }
-  function i(j = e) {
-    const { componentInstance: h, designerItemElementRef: I } = j;
-    return !h || !h.value ? null : h.value.canMove || h.value.canAdd || h.value.canDelete ? I : i(j.parent);
+  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 f(j) {
-    return !!o;
+  function p(E) {
+    return !!n;
   }
-  function a() {
+  function b() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function y() {
+  function M() {
   }
-  function v(j, h) {
+  function O(E, k) {
   }
-  function T(j) {
-    const { componentType: h } = j;
-    let I = q(h, j);
-    const A = h.toLowerCase().replace("-", "_");
-    return I && !I.id && I.type === h && (I.id = `${A}_${Math.random().toString().slice(2, 6)}`), I;
+  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 O(j, h) {
-    const I = String(j.getAttribute("data-controltype")), A = j.getAttribute("data-feature"), l = A ? JSON.parse(A) : {};
-    l.parentComponentInstance = b.value;
-    let n = q(I, l);
-    const t = I.toLowerCase().replace("-", "_");
-    return n && !n.id && n.type === I && (n.id = `${t}_${Math.random().toString().slice(2, 6)}`), n;
+  function F(E) {
   }
-  function E(j) {
-  }
-  function k(...j) {
+  function _(...E) {
     return [];
   }
-  return b.value = {
-    canMove: m(),
-    canSelectParent: D(),
+  return h.value = {
+    canMove: f(),
+    canSelectParent: x(),
     canAdd: g(),
-    canDelete: P(),
-    canNested: !C(),
+    canDelete: w(),
+    canNested: !m(),
     contents: [],
     elementRef: s,
-    parent: (N = e.parent) == null ? void 0 : N.componentInstance,
+    parent: (R = e.parent) == null ? void 0 : R.componentInstance,
     schema: e.schema,
     styles: d,
-    canAccepts: f,
-    getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: a,
-    getPropConfig: k,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: v,
-    onAcceptNewChildElement: O,
-    onChildElementMovedOut: E,
-    addNewChildComponentSchema: T,
-    updateDragAndDropRules: c,
+    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)
-  }, b;
+  }, h;
 }
-const Mt = /* @__PURE__ */ X({
+const wt = /* @__PURE__ */ Q({
   name: "FDesignerInnerItem",
-  props: It,
+  props: bt,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(s, e) {
-    const o = S(s.canMove), c = S(s.canAdd), d = S(s.canDelete), b = S(!1), m = S(s.contentKey), D = S(s.childType), P = S(s.childLabel), g = S(s.modelValue), C = S(""), p = S(), i = L("canvas-dragula"), f = S(), a = L("design-item-context"), y = {
-      designerItemElementRef: p,
-      componentInstance: f,
+    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 = {
+      designerItemElementRef: l,
+      componentInstance: p,
       schema: g.value,
-      parent: a,
+      parent: b,
       setupContext: e
     };
-    Me("design-item-context", y);
-    const v = W(() => ({
+    Re("design-item-context", M);
+    const O = V(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": s.id == "root-component",
-      "position-relative": o.value || d.value,
-      "farris-nested": b.value,
-      "can-move": o.value,
-      "d-none": p.value && p.value.classList.contains("d-none")
-    })), T = W(() => {
+      "position-relative": n.value || d.value,
+      "farris-nested": h.value,
+      "can-move": n.value,
+      "d-none": l.value && l.value.classList.contains("d-none")
+    })), j = V(() => {
       const t = {};
-      return C.value && C.value.split(";").reduce((r, u) => {
-        const [R, x] = u.split(":");
-        return R && (r[R] = x), r;
+      return m.value && m.value.split(";").reduce((r, u) => {
+        const [T, C] = u.split(":");
+        return T && (r[T] = C), r;
       }, t), t;
     });
-    function O(t, r) {
-      if (a && a.schema[m.value]) {
-        const u = a.schema[m.value].findIndex((R) => R.id === r.id);
+    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 R = a.schema[m.value].length, x = a.schema[m.value][u % R];
-          a.designerItemElementRef.value.querySelector(`#${x.id}-design-item`), a.schema[m.value].splice(u, 1), a.componentInstance.value.updateDragAndDropRules(), ee.value++, e.emit("removeComponent");
+          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");
         }
       }
     }
-    function E(t) {
-      if (f.value.addNewChildComponentSchema) {
+    function _(t) {
+      if (p.value.addNewChildComponentSchema) {
         const r = {
-          componentType: D.value,
-          label: P.value,
-          parentComponentInstance: f.value,
+          componentType: x.value,
+          label: w.value,
+          parentComponentInstance: p.value,
           targetPosition: -1
-        }, u = f.value.addNewChildComponentSchema(r);
-        g.value[m.value].push(u), e.emit("addComponent");
+        }, u = p.value.addNewChildComponentSchema(r);
+        g.value[f.value].push(u), e.emit("addComponent");
       }
     }
-    function k() {
-      return c.value && w("div", {
+    function R() {
+      return i.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (t) => {
-          E();
+          _();
         }
-      }, [w("i", {
+      }, [y("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function N(t) {
-      return d.value && w("div", {
+    function E(t) {
+      return d.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: Ae((r) => O(r, t), ["stop"])
-      }, [w("i", {
+        onClick: Pe((r) => F(r, t), ["stop"])
+      }, [y("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function j() {
-      return o.value && w("div", {
+    function k() {
+      return n.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [w("i", {
+      }, [y("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function h(t) {
-      return w("div", {
+    function v(t) {
+      return y("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [w("div", null, [k(), j(), N(t)])]);
+      }, [y("div", null, [R(), k(), E(t)])]);
     }
-    H(() => s.modelValue, (t) => {
-      g.value = t, y.schema = t;
+    G(() => s.modelValue, (t) => {
+      g.value = t, M.schema = t;
     });
-    function I(t) {
+    function P(t) {
       const r = t.target;
-      Rt(r);
+      vt(r);
     }
     function A() {
       var t, r;
-      (r = (t = g.value) == null ? void 0 : t.contents) != null && r.length && p.value && p.value.addEventListener("scroll", I);
+      (r = (t = g.value) == null ? void 0 : t.contents) != null && r.length && l.value && l.value.addEventListener("scroll", P);
     }
-    function l() {
-      const t = p.value, r = S(t.children[1]);
-      return St(r, y).value;
+    function a() {
+      const t = l.value, r = S(t.children[1]);
+      return Ct(r, M).value;
     }
     z(() => {
-      if (p.value) {
-        const t = p.value.querySelector(`[data-dragref='${g.value.id}-container']`);
-        f.value = t && t.componentInstance ? t.componentInstance.value : l(), i && t && i.attachComponents(t, g.value), b.value = f.value.canNested !== void 0 ? f.value.canNested : b.value, c.value = f.value.canAdd !== void 0 ? f.value.canAdd : c.value, d.value = f.value.canDelete !== void 0 ? f.value.canDelete : d.value, o.value = f.value.canMove !== void 0 ? f.value.canMove : o.value, C.value = f.value.styles || "", p.value && (p.value.componentInstance = f, p.value.designItemContext = y);
+      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);
       }
-      A(), ee.value++;
+      A(), Z.value++;
     }), ke(() => {
-      p.value && p.value.removeEventListener("scroll", I);
+      l.value && l.value.removeEventListener("scroll", P);
     });
-    function n(t) {
+    function o(t) {
       Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((u) => u.classList.remove("dgComponentFocused")), t && (t.preventDefault(), t.stopPropagation());
-      const r = p.value;
+      const r = l.value;
       if (r) {
         const u = document.getElementsByClassName("dgComponentSelected");
-        if (!(u && u.length === 1 && u[0] === p.value)) {
-          Array.from(u).forEach((M) => M.classList.remove("dgComponentSelected")), r.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, s.componentId, f.value);
-          const x = f.value.getDraggableDesignItemElement(y);
-          x && x.value && x.value.classList.add("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");
         }
       }
-      ee.value++;
+      Z.value++;
     }
-    return () => w("div", {
+    return () => y("div", {
       id: `${s.id}-design-item`,
-      ref: p,
-      class: v.value,
-      style: T.value,
-      onClick: n
-    }, [h(g.value), e.slots.default && e.slots.default()]);
+      ref: l,
+      class: O.value,
+      style: j.value,
+      onClick: o
+    }, [v(g.value), e.slots.default && e.slots.default()]);
   }
 });
-class kt extends ae {
-  constructor(e, o) {
-    super(e, o);
+class xt extends re {
+  constructor(e, n) {
+    super(e, n);
   }
   getPropertyConfig(e) {
     return this.getBasicPropConfig(e), this.getAppearanceProperties(e), this.getEventPropConfig(e), this.propertyConfig;
@@ -2503,20 +1693,20 @@ class kt extends ae {
           title: "style样式"
         }
       },
-      setPropertyRelates(o, c) {
+      setPropertyRelates(n, i) {
       }
     };
   }
   getEventPropConfig(e) {
-    const o = [
+    const n = [
       {
         label: "onClick",
         name: "点击事件"
       }
     ];
-    var c = this;
-    const d = c.eventsEditorUtils.formProperties(e, c.viewModelId, o), b = {};
-    b[c.viewModelId] = {
+    var i = this;
+    const d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), h = {};
+    h[i.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: d
@@ -2524,24 +1714,24 @@ class kt extends ae {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: b,
+      properties: h,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(m, D) {
-        const P = m.propertyValue;
-        delete e[c.viewModelId], P && (P.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(e, c.viewModelId, P.events, P));
+      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));
       }
     };
   }
 }
-class At extends ae {
-  constructor(e, o) {
-    super(e, o);
+class Tt extends re {
+  constructor(e, n) {
+    super(e, n);
   }
   getPropertyConfig(e) {
-    return this.getBasicPropConfig(), this.getAppearanceProperties(e), this.getEventPropConfig(e), this.propertyConfig;
+    return this.getBasicPropConfig(), this.getAppearanceProperties(e), this.getbBehaviorConfig(), this.getEventPropConfig(e), this.propertyConfig;
   }
   getBasicPropConfig() {
     this.propertyConfig.categories.basic = {
@@ -2562,7 +1752,7 @@ class At extends ae {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: [{ key: "response-toolbar-item", value: re["response-toolbar-item"].name }]
+            data: [{ key: "response-toolbar-item", value: ne["response-toolbar-item"].name }]
           }
         },
         text: {
@@ -2579,6 +1769,20 @@ class At extends ae {
       }
     };
   }
+  getbBehaviorConfig() {
+    this.propertyConfig.categories.behavior = {
+      title: "行为",
+      description: "Behavior",
+      properties: {
+        disabled: {
+          title: "禁用状态",
+          type: "boolean",
+          description: "按钮禁用状态",
+          refreshPanelAfterChanged: !0
+        }
+      }
+    };
+  }
   getAppearanceProperties(e) {
     this.propertyConfig.categories.appearance = {
       title: "样式",
@@ -2587,24 +1791,20 @@ class At extends ae {
         class: {
           title: "class",
           type: "string",
-          description: ""
-        },
-        style: {
-          title: "style",
-          type: "string",
-          description: ""
+          description: "",
+          $converter: "/converter/appearance.converter"
         }
       }
     };
   }
   getEventPropConfig(e) {
-    const o = [
+    const n = [
       {
         label: "onClick",
         name: "点击事件"
       }
-    ], c = this, d = c.eventsEditorUtils.formProperties(e, c.viewModelId, o), b = {};
-    b[c.viewModelId] = {
+    ], i = this, d = i.eventsEditorUtils.formProperties(e, i.viewModelId, n), h = {};
+    h[i.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: d
@@ -2612,272 +1812,242 @@ class At extends ae {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: b,
+      properties: h,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(m, D) {
-        const P = m.propertyValue;
-        delete e[c.viewModelId], P && (P.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(e, c.viewModelId, P.events, P));
+      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));
       }
     };
   }
 }
-function Bt(s, e) {
-  Pe();
-  const o = S(!1), c = S(!1);
-  let d = !1, b = !1;
-  function m(v) {
+function It(s, e) {
+  function n(x) {
     return !1;
   }
-  function D(v) {
-  }
-  function P() {
-    return "";
-  }
-  function g(v, T) {
-    return T.text = v.label, T;
-  }
-  function C(v, T, O) {
-    const E = s.schema;
-    if ((E.appearance && E.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const j = String(v.innerText), h = q("form-group");
-      return h.editor = O, h.label = j, h;
-    }
-    return O;
-  }
-  function p() {
+  function i() {
     return !1;
   }
-  function i() {
-    return !b;
+  function d() {
+    return !0;
   }
-  function f() {
+  function h() {
     return !1;
   }
-  function a() {
-    return d;
-  }
-  function y(v) {
-    let T;
+  function f(x) {
+    let w;
     switch (s.schema.type) {
       case "tab-toolbar-item":
-        T = new kt(v, e);
+        w = new xt(x, e);
         break;
       default:
-        T = new At(v, e);
+        w = new Tt(x, e);
     }
-    return T.getPropertyConfig(s.schema);
+    return w.getPropertyConfig(s.schema);
   }
   return {
-    canAccepts: m,
-    checkCanAddComponent: f,
-    checkCanDeleteComponent: i,
-    checkCanMoveComponent: p,
-    getStyles: P,
-    hideNestedPaddingInDesginerView: a,
-    onAcceptNewChildElement: C,
-    onAcceptMovedChildElement: D,
-    onResolveNewComponentSchema: g,
-    getPropsConfig: y,
-    triggerBelongedComponentToMoveWhenMoved: o,
-    triggerBelongedComponentToDeleteWhenDeleted: c
+    canAccepts: n,
+    checkCanMoveComponent: i,
+    checkCanDeleteComponent: d,
+    checkCanAddComponent: h,
+    getPropsConfig: f
   };
 }
-const De = /* @__PURE__ */ X({
+const Te = /* @__PURE__ */ Q({
   name: "FResponseToolbarItemDesign",
-  props: Te,
+  props: we,
   emits: ["Click"],
   setup(s, e) {
     S(), S();
-    const o = S(s.alignment), c = {
+    const n = S(s.alignment), i = {
       id: "__more_buttons__",
       text: "More"
-    }, d = S(new G(c));
-    W(() => d.value.children.length > 0);
-    const b = S(), m = L("designer-host-service"), D = L("design-item-context"), P = Bt(D, m), g = he(b, D, P);
+    }, d = S(new W(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);
     L("toolbar-item-handler", () => {
     }), z(() => {
-      b.value.componentInstance = g;
+      h.value.componentInstance = g;
     }), e.expose(g.value);
-    function C() {
-      const f = {
+    function m() {
+      const p = {
         "f-icon": !0
-      }, a = s.icon ? s.icon.trim() : "";
-      return J(f, a);
+      }, b = s.icon ? s.icon.trim() : "";
+      return H(p, b);
     }
-    function p() {
+    function l() {
       return !!(s.icon && s.icon.trim());
     }
-    function i() {
-      const f = {
+    function c() {
+      const p = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": o.value === "right",
-        "f-btn-mr": o.value === "left",
-        "btn-icontext": !!(s.icon && s.icon.trim())
+        "f-btn-ml": n.value === "right",
+        "f-btn-mr": n.value === "left",
+        "btn-icontext": !!(s.icon && s.icon.trim()),
+        disabled: s.disabled === !0
       };
-      return J(f, s.class);
+      return H(p, s.class);
     }
-    return z(() => {
-    }), ne(() => {
-    }), () => w("div", {
-      ref: b,
-      "data-dragref": `${D.schema.id}-container`,
+    return () => y("div", {
+      ref: h,
+      "data-dragref": `${x.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [w("button", {
+    }, [y("button", {
       type: "button",
-      class: i(),
+      class: c(),
       id: s.id
-    }, [p() && w("i", {
-      class: C()
+    }, [l() && y("i", {
+      class: m()
     }, null), s.text])]);
   }
-}), Ot = /* @__PURE__ */ X({
+}), Dt = /* @__PURE__ */ Q({
   name: "FResponseToolbarDesign",
-  props: dt,
+  props: at,
   emits: ["Click"],
   setup(s, e) {
-    const o = S(s.items);
-    let c = new Array(o.value.length).fill(S());
-    const d = S(), b = S(), m = S(s.alignment), D = {
+    const n = S(s.items);
+    let i = new Array(n.value.length).fill(S());
+    const d = S(), h = S(), f = S(s.alignment), x = {
       id: "__more_buttons__",
       text: "More"
-    }, P = S(new G(D)), g = je();
-    W(() => P.value.children.length > 0);
-    const C = S(), p = L("designer-host-service"), i = L("design-item-context"), f = Dt(i.schema, p, i), a = he(C, i, f);
+    }, 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(() => {
-      C.value.componentInstance = a;
-    }), e.expose(a.value);
-    const y = W(() => J({
+      m.value.componentInstance = b;
+    }), e.expose(b.value);
+    const M = V(() => H({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    }, s.customClass)), v = W(() => ({
+    }, s.customClass)), O = V(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": m.value === "right",
-      "justify-content-start": m.value === "left"
+      "justify-content-end": f.value === "right",
+      "justify-content-start": f.value === "left"
     })), {
-      renderToolbarDropdown: T,
-      clearAllDropDown: O
-    } = ht(s, g, a);
-    function E() {
-      o.value.filter((l) => l.children && l.children.length > 0).forEach((l) => {
-        l.expanded = !1;
-      }), P.value.expanded = !1, O();
+      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();
     }
-    const k = /* @__PURE__ */ new Map(), N = [];
-    function j(l) {
-      const n = b.value;
-      let t = l;
-      const r = Array.from(n.children), u = r[r.length - 1].id === "__more_buttons__" ? r[r.length - 1] : null;
+    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 _ = u.computedStyleMap().get("margin-left"), $ = u.computedStyleMap().get("margin-right"), V = (_ ? _.value : 0) + u.getBoundingClientRect().width + ($ ? $.value : 0);
-        t -= V;
+        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 = r.filter((_) => _.id !== "__more_buttons__");
-      for (const _ of R) {
-        const $ = _.computedStyleMap().get("margin-left"), V = _.computedStyleMap().get("margin-right"), U = ($ ? $.value : 0) + _.getBoundingClientRect().width + (V ? V.value : 0);
-        t < U ? (k.set(_.id, !0), N.push({
-          id: _.id,
-          width: U
-        })) : t -= U;
+      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;
       }
-      if (N.length)
-        for (let _ = N.length - 1; _ >= 0; _--) {
-          const $ = N[_].width;
+      if (E.length)
+        for (let B = E.length - 1; B >= 0; B--) {
+          const $ = E[B].width;
           if (t >= $)
-            t -= $, k.delete(N[_].id), N.pop();
+            t -= $, R.delete(E[B].id), E.pop();
           else
             break;
         }
-      const x = Object.assign({}, P.value);
-      x.children = [];
-      const M = new G(x), F = o.value.reduce((_, $) => (k.has($.id) && M.children.push($), $.visible = !k.has($.id), _.push($), _), []);
-      P.value = M, o.value = F;
+      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 h = new ResizeObserver((l) => {
-      if (l.length) {
-        const t = l[0].contentRect.width, u = b.value.getBoundingClientRect().width;
-        (t < u || N.length) && j(t);
+    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);
       }
     });
     z(() => {
-      const l = d.value;
-      h.observe(l), document.body.addEventListener("click", E);
-    }), ne(() => {
-      h.disconnect(), document.body.removeEventListener("click", E);
-    }), H(() => s.items, () => {
-      o.value = s.items;
+      const a = d.value;
+      v.observe(a), document.body.addEventListener("click", _);
+    }), ue(() => {
+      v.disconnect(), document.body.removeEventListener("click", _);
+    }), G(() => s.items, () => {
+      n.value = s.items;
     }, {
       deep: !0
-    }), H(o, (l) => {
-      c = new Array(o.value.length).fill(S());
+    }), G(n, (a) => {
+      i = new Array(n.value.length).fill(S());
     });
-    function I(l, n, t, r) {
-      i && i.setupContext && i.setupContext.emit("selectionChange", l, n, t, r);
+    function P(a, o, t, r) {
+      c && c.setupContext && c.setupContext.emit("selectionChange", a, o, t, r);
     }
     function A() {
-      const l = b.value.querySelector(".dgComponentFocused.dgComponentSelected");
-      l == null || l.classList.remove("dgComponentSelected"), l == null || l.classList.remove("dgComponentFocused");
+      const a = h.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      a == null || a.classList.remove("dgComponentSelected"), a == null || a.classList.remove("dgComponentFocused");
     }
-    return () => w("div", {
-      ref: C,
-      "data-dragref": `${i.schema.id}-container`,
-      class: y.value
-    }, [w("div", {
+    return () => y("div", {
+      ref: m,
+      "data-dragref": `${c.schema.id}-container`,
+      class: M.value
+    }, [y("div", {
       ref: d,
-      class: v.value
-    }, [w("div", {
-      ref: b,
+      class: O.value
+    }, [y("div", {
+      ref: h,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [o.value.map((l, n) => w(Mt, {
-      ref: c[n],
+    }, [n.value.map((a, o) => y(wt, {
+      ref: i[o],
       class: "p-0 display-inline-block",
-      modelValue: l,
-      "onUpdate:modelValue": (t) => l = t,
+      modelValue: a,
+      "onUpdate:modelValue": (t) => a = t,
       canMove: !0,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
       componentId: s.componentId,
-      id: l.id,
+      id: a.id,
       style: "padding:0 !important;display:inline-block",
-      onSelectionChange: I,
+      onSelectionChange: P,
       onRemoveComponent: A
     }, {
       default: () => {
         var t;
-        return [w(De, {
-          id: l.id,
-          disable: l.disable,
-          text: l.text,
-          icon: l.icon,
-          class: ((t = l.appearance) == null ? void 0 : t.class) || "btn-secondary",
+        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",
           alignment: s.alignment || "right",
           componentId: s.componentId
         }, null)];
       }
     }))])])]);
   }
-}), Wt = ce;
-Q.register = (s, e, o) => {
-  s["response-toolbar"] = Q, e["response-toolbar"] = ce;
+}), Bt = se;
+J.register = (s, e, n) => {
+  s["response-toolbar"] = J, e["response-toolbar"] = se;
 };
-Q.registerDesigner = (s, e, o) => {
-  s["response-toolbar"] = Ot, e["response-toolbar"] = ce, s["response-toolbar-item"] = De, e["response-toolbar-item"] = ut;
+J.registerDesigner = (s, e, n) => {
+  s["response-toolbar"] = Dt, e["response-toolbar"] = se, s["response-toolbar-item"] = Te, e["response-toolbar-item"] = dt;
 };
-const Ut = Be(Q);
+const At = Be(J);
 export {
-  Q as FResponseToolbar,
-  G as ResponseToolbarDropDownItem,
-  Vt as ResponseToolbarGroup,
-  Oe as ResponseToolbarItem,
-  Ut as default,
-  Wt as responseToolbarResolver
+  J as FResponseToolbar,
+  W as ResponseToolbarDropDownItem,
+  Pt as ResponseToolbarGroup,
+  Ae as ResponseToolbarItem,
+  At as default,
+  Bt as responseToolbarResolver
 };