@farris/ui-vue 1.5.7 → 1.5.8

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

@@ -1,47 +1,55 @@
-var Lt = Object.defineProperty;
-var qt = (o, t, e) => t in o ? Lt(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var U = (o, t, e) => qt(o, typeof t != "symbol" ? t + "" : t, e);
-import { computed as re, getCurrentInstance as Wt, createVNode as O, reactive as we, withDirectives as xe, resolveDirective as Te, ref as X, defineComponent as Ie, onMounted as Pe, onUnmounted as lt, watch as Se, nextTick as me, inject as ce, provide as at, onBeforeUnmount as Ut, withModifiers as Ht, createTextVNode as zt } from "vue";
-import { isPlainObject as nt, cloneDeep as he } from "lodash-es";
-import "bignumber.js";
-import { getCustomClass as pe, withInstall as Gt } from "../common/index.esm.js";
-import { useDesignerInnerComponent as Yt, useDesignerComponent as Xt } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as Qt } from "../property-panel/index.esm.js";
-class ct {
-  constructor(t) {
+var ln = Object.defineProperty;
+var rn = (d, s, i) => s in d ? ln(d, s, { enumerable: !0, configurable: !0, writable: !0, value: i }) : d[s] = i;
+var f = (d, s, i) => rn(d, typeof s != "symbol" ? s + "" : s, i);
+import { getCustomClass as P, withInstall as dn } from "../common/index.esm.js";
+import { computed as J, getCurrentInstance as cn, createVNode as u, reactive as X, withDirectives as Z, resolveDirective as I, ref as z, defineComponent as an, onMounted as un, onUnmounted as pn, watch as nn, nextTick as tn } from "vue";
+const fn = {
+  id: { type: String, default: "" },
+  /**  组件自定义样式 */
+  customClass: { type: String, default: "" },
+  alignment: { Type: String, default: "right" },
+  items: {
+    Type: Array,
+    default: []
+  },
+  /** 控制是否可见 */
+  visible: { type: Boolean, default: !0 }
+};
+class sn {
+  constructor(s) {
     /** 工具栏项标识 */
-    U(this, "id", "");
+    f(this, "id", "");
     /** 工具栏项自定义样式 */
-    U(this, "class", "btn-secondary");
+    f(this, "class", "btn-secondary");
     /** 图标 */
-    U(this, "icon", "");
+    f(this, "icon", "");
     /** 所属分组 */
-    U(this, "groupId", "");
+    f(this, "groupId", "");
     /** 收藏顺序 */
-    U(this, "order", -1);
+    f(this, "order", -1);
     /** 是否作为下拉菜单的顶层按钮 */
-    U(this, "asDropDownTop", !1);
+    f(this, "asDropDownTop", !1);
     /** 文本 */
-    U(this, "text", "");
+    f(this, "text", "");
     /** 是否可见原值 */
-    U(this, "visible", !0);
+    f(this, "visible", !0);
     /** 控制界面是否显示 */
-    U(this, "shown", !0);
-    U(this, "responsed", !1);
+    f(this, "shown", !0);
+    f(this, "responsed", !1);
     /** 是否启用提示消息 */
-    U(this, "tipsEnable", !1);
+    f(this, "tipsEnable", !1);
     /** 提示消息内容 */
-    U(this, "tipsText", "");
+    f(this, "tipsText", "");
     /** 记录宽度 */
-    U(this, "width", 0);
+    f(this, "width", 0);
     /** 下拉时的样式名 */
-    U(this, "dropdownClass", "");
-    U(this, "onClick", () => {
+    f(this, "dropdownClass", "");
+    f(this, "onClick", () => {
     });
-    U(this, "options");
-    var n, r;
-    this.options = t;
-    const e = [
+    f(this, "options");
+    var b, p;
+    this.options = s;
+    const i = [
       "id",
       "class",
       "icon",
@@ -58,3807 +66,637 @@ class ct {
       "dropdownClass",
       "onClick"
     ];
-    Object.keys(t).filter((i) => e.indexOf(i) > -1).forEach((i) => {
-      i === "visible" ? this[i] = t[i] === void 0 ? !0 : t[i] : this[i] = t[i];
-    }), this.shown = this.visible, (n = t.appearance) != null && n.class && (this.class = (r = t.appearance) == null ? void 0 : r.class);
+    Object.keys(s).filter((g) => i.indexOf(g) > -1).forEach((g) => {
+      g === "visible" ? this[g] = s[g] === void 0 ? !0 : s[g] : this[g] = s[g];
+    }), this.shown = this.visible, (b = s.appearance) != null && b.class && (this.class = (p = s.appearance) == null ? void 0 : p.class);
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : re(() => !0);
+    return Object.keys(this.options).indexOf("disabled") > -1 ? !this.options.disabled : J(() => !0);
   }
   /** 设置宽度 */
-  setWidth(t) {
-    this.width = parseInt(t, 10);
+  setWidth(s) {
+    this.width = parseInt(s, 10);
   }
   /** 获取宽度 */
   getWidth() {
     return this.visible ? this.width : !1;
   }
 }
-class Jt extends ct {
-  constructor(t) {
-    super(t);
+class hn extends sn {
+  constructor(s) {
+    super(s);
   }
 }
-function ut() {
-  function o(t) {
-    const e = [];
-    return t.reduce((n, r) => (r.children && r.children.length > 0 ? n.push(new Ce(r)) : n.push(new Jt(r)), n), e), e;
+function on() {
+  function d(s) {
+    const i = [];
+    return s.reduce((b, p) => (p.children && p.children.length > 0 ? b.push(new Q(p)) : b.push(new hn(p)), b), i), i;
   }
-  return { buildResponseToolbarItems: o };
+  return { buildResponseToolbarItems: d };
 }
-const { buildResponseToolbarItems: Zt } = ut();
-class Ce extends ct {
-  constructor(e) {
-    super(e);
-    U(this, "placement", "");
+const { buildResponseToolbarItems: bn } = on();
+class Q extends sn {
+  constructor(i) {
+    super(i);
+    f(this, "placement", "");
     // 下拉位置
     /** 是否可见 */
-    U(this, "visible", !0);
+    f(this, "visible", !0);
     /** 下拉class */
-    U(this, "dropdownClass", "");
+    f(this, "dropdownClass", "");
     /** 下拉菜单class */
-    U(this, "menuClass", "");
+    f(this, "menuClass", "");
     /** 是否用分开的下拉按钮 */
-    U(this, "split", !1);
-    U(this, "children", []);
-    U(this, "expanded", !1);
-    U(this, "shown", !0);
-    const n = ["visible", "icon", "isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(e).filter((r) => n.indexOf(r) > -1).forEach((r) => {
-      r === "visible" ? this[r] = e[r] === void 0 ? !0 : e[r] : this[r] = e[r];
-    }), this.shown = this.visible, e.children && e.children.length && (this.children = Zt(e.children));
-  }
-}
-class fo {
-  constructor(t, e) {
-    U(this, "id");
-    U(this, "name");
-    /** 记录元素的Id */
-    U(this, "presetId", []);
-    /** 记录转变为下拉时元素的位置 */
-    U(this, "responsedIndex", []);
-    /** 记录宽度 */
-    U(this, "width");
-    this.id = t, this.name = e, this.width = 0;
-  }
-  // 设置宽度
-  setWidth(t) {
-    this.width = parseInt(t + "", 10);
-  }
-  // 获取宽度
-  getWidth() {
-    return this.width;
-  }
-  // 更新presetIndex
-  setPreset(t) {
-    Array.isArray(t) ? this.presetId = this.presetId.concat(t) : this.presetId.push(t);
-  }
-  // 清除preset
-  delPreset() {
-    this.presetId = [];
-  }
-  // 删除
-  removeResponsed(t) {
-    this.responsedIndex.splice(t, 1);
-  }
-  // 更新responsedIndex
-  setResponsed(t) {
-    Array.isArray(t) ? this.responsedIndex = this.responsedIndex.concat(t) : this.responsedIndex.push(t);
-  }
-  // 是否已经开始处理响应式
-  isResponsing() {
-    return this.responsedIndex.length > 0;
-  }
-  // 是否已经处理完响应式
-  isResponsed() {
-    return this.presetId.length === this.responsedIndex.length;
-  }
-}
-const dt = {}, ft = {};
-function $e(o) {
-  const { properties: t, title: e, ignore: n } = o, r = n && Array.isArray(n), i = Object.keys(t).reduce((l, g) => ((!r || !n.find((u) => u === g)) && (l[g] = t[g].type === "object" && t[g].properties ? $e(t[g]) : he(t[g].default)), l), {});
-  if (e && (!r || !n.find((l) => l === "id"))) {
-    const l = e.toLowerCase().replace(/-/g, "_");
-    i.id = `${l}_${Math.random().toString().slice(2, 6)}`;
-  }
-  return i;
-}
-function Kt(o) {
-  const { properties: t, title: e, required: n } = o;
-  if (n && Array.isArray(n)) {
-    const r = n.reduce((i, l) => (i[l] = t[l].type === "object" && t[l].properties ? $e(t[l]) : he(t[l].default), i), {});
-    if (e && n.find((i) => i === "id")) {
-      const i = e.toLowerCase().replace(/-/g, "_");
-      r.id = `${i}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return r;
-  }
-  return {
-    type: e
-  };
-}
-function be(o, t = {}, e) {
-  const n = dt[o];
-  if (n) {
-    let r = Kt(n);
-    const i = ft[o];
-    return r = i ? i({ getSchemaByType: be }, r, t, e) : r, r;
-  }
-  return null;
-}
-function en(o, t) {
-  const e = $e(t);
-  return Object.keys(e).reduce((n, r) => (Object.prototype.hasOwnProperty.call(o, r) && (n[r] && nt(n[r]) && nt(o[r] || !o[r]) ? Object.assign(n[r], o[r] || {}) : n[r] = o[r]), n), e), e;
-}
-function pt(o, t) {
-  return Object.keys(o).filter((n) => o[n] != null).reduce((n, r) => {
-    if (t.has(r)) {
-      const i = t.get(r);
-      if (typeof i == "string")
-        n[i] = o[r];
-      else {
-        const l = i(r, o[r], o);
-        Object.assign(n, l);
-      }
-    } else
-      n[r] = o[r];
-    return n;
-  }, {});
-}
-function tn(o, t, e = /* @__PURE__ */ new Map()) {
-  const n = en(o, t);
-  return pt(n, e);
-}
-function nn(o = {}) {
-  function t(d, v, p, m) {
-    if (typeof p == "number")
-      return m[d].length === p;
-    if (typeof p == "object") {
-      const h = Object.keys(p)[0], c = p[h];
-      if (h === "not")
-        return Number(m[d].length) !== Number(c);
-      if (h === "moreThan")
-        return Number(m[d].length) >= Number(c);
-      if (h === "lessThan")
-        return Number(m[d].length) <= Number(c);
-    }
-    return !1;
-  }
-  function e(d, v, p, m) {
-    return m[d] && m[d].propertyValue && String(m[d].propertyValue.value) === String(p);
-  }
-  const n = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
-  ]);
-  Object.keys(o).reduce((d, v) => (d.set(v, o[v]), d), n);
-  function r(d, v) {
-    const p = d;
-    return typeof v == "number" ? [{ target: p, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: p, operator: "getProperty", param: d, value: !!v }] : typeof v == "object" ? Object.keys(v).map((m) => {
-      if (m === "length")
-        return { target: p, operator: "length", param: null, value: v[m] };
-      const h = m, c = v[m];
-      return { target: p, operator: "getProperty", param: h, value: c };
-    }) : [];
-  }
-  function i(d) {
-    return Object.keys(d).reduce((p, m) => {
-      const h = r(m, d[m]);
-      return p.push(...h), p;
-    }, []);
-  }
-  function l(d, v) {
-    if (n.has(d.operator)) {
-      const p = n.get(d.operator);
-      return p && p(d.target, d.param, d.value, v) || !1;
-    }
-    return !1;
-  }
-  function g(d, v) {
-    return i(d).reduce((h, c) => h && l(c, v), !0);
-  }
-  function u(d, v) {
-    const p = Object.keys(d), m = p.includes("allOf"), h = p.includes("anyOf"), c = m || h, N = (c ? d[c ? m ? "allOf" : "anyOf" : "allOf"] : [d]).map((B) => g(B, v));
-    return m ? !N.includes(!1) : N.includes(!0);
-  }
-  return { parseValueSchema: u };
-}
-const on = {
-  button: { type: "button", name: "按钮" },
-  "response-toolbar": { type: "response-toolbar", name: "工具栏" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
-  "content-container": { type: "content-container", name: "容器" },
-  "input-group": { type: "input-group", name: "文本" },
-  textarea: { type: "textarea", name: "多行文本" },
-  lookup: { type: "lookup", name: "帮助" },
-  "number-spinner": { type: "number-spinner", name: "数值" },
-  "date-picker": { type: "date-picker", name: "日期" },
-  switch: { type: "switch", name: "开关" },
-  "radio-group": { type: "radio-group", name: "单选组" },
-  "check-box": { type: "check-box", name: "复选框" },
-  "check-group": { type: "check-group", name: "复选框组" },
-  "combo-list": { type: "combo-list", name: "下拉列表" },
-  "response-form": { type: "response-form", name: "卡片面板" },
-  "response-layout": { type: "response-layout", name: "布局容器", icon: "response-layout-3" },
-  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "response-layout-1" },
-  "tree-grid": { type: "tree-grid", name: "树表格" },
-  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
-  "data-grid": { type: "data-grid", name: "表格" },
-  "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  module: { type: "Module", name: "模块" },
-  component: { type: "component", name: "组件" },
-  tabs: { type: "tabs", name: "标签页" },
-  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
-  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
-  "html-template": { type: "html-template", name: "模板容器" },
-  "time-picker": { type: "time-picker", name: "时间选择" },
-  section: { type: "section", name: "分组面板" },
-  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
-  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
-  splitter: { type: "splitter", name: "分栏面板" },
-  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  "component-ref": { type: "component-ref", name: "组件引用节点" },
-  uploader: { type: "uploader", name: "附件上传" },
-  "page-header": { type: "page-header", name: "页头" },
-  "page-footer": { type: "page-footer", name: "页脚" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
-  fieldset: { type: "fieldset", name: "分组" },
-  "query-solution": { type: "query-solution", name: "筛选方案" },
-  drawer: { type: "drawer", name: "抽屉" },
-  "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
-  "list-nav": { type: "list-nav", name: "列表导航" },
-  "filter-bar": { type: "filter-bar", name: "筛选条" }
-}, rn = {}, sn = {};
-nn();
-function gt(o, t, e = /* @__PURE__ */ new Map(), n = (l, g, u, d) => g, r = {}, i = (l) => l) {
-  return dt[t.title] = t, ft[t.title] = n, rn[t.title] = r, sn[t.title] = i, (l = {}, g = !0) => {
-    if (!g)
-      return pt(l, e);
-    const u = tn(l, t, e), d = Object.keys(o).reduce((v, p) => (v[p] = o[p].default, v), {});
-    return Object.assign(d, u);
-  };
-}
-function ln(o, t) {
-  return { customClass: t.class, customStyle: t.style };
-}
-function an(o, t) {
-  if (!o || o.length < 1)
-    return null;
-  for (const e of o) {
-    if (e.id === t)
-      return e;
-    if (e.children) {
-      const n = e.children.find((r) => r.id === t);
-      if (n)
-        return n;
-    }
-  }
-  return null;
-}
-function cn() {
-  function o(t, e) {
-    const n = t.buttons;
-    if (!n || n.length < 1)
-      return null;
-    const [r, i] = e.payloads, l = an(n, i);
-    return l ? l.onClick || l.click : null;
-  }
-  return {
-    resolve: o
-  };
-}
-const un = /* @__PURE__ */ new Map([
-  ["buttons", "items"],
-  ["appearance", ln]
-]);
-function ht(o, t, e) {
-  return t;
-}
-const dn = "https://json-schema.org/draft/2020-12/schema", fn = "https://farris-design.gitee.io/response-toolbar.schema.json", pn = "response-toolbar", gn = "A Farris Toolbar Component", hn = "object", mn = {
-  id: {
-    description: "The unique identifier for a Response Toolbar",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Response Toolbar",
-    type: "string",
-    default: "response-toolbar"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  alignment: {
-    description: "The alignment of Response Toolbar Button.",
-    type: "string",
-    default: "right"
-  },
-  buttons: {
-    description: "The items of Response Toolbar.",
-    type: "array",
-    default: []
-  },
-  buttonSize: {
-    type: "string",
-    default: ""
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, vn = [
-  "id",
-  "type",
-  "buttons"
-], bn = {
-  onClick: "点击事件"
-}, yn = {
-  $schema: dn,
-  $id: fn,
-  title: pn,
-  description: gn,
-  type: hn,
-  properties: mn,
-  required: vn,
-  events: bn
-}, Cn = "https://json-schema.org/draft/2020-12/schema", wn = "https://farris-design.gitee.io/response-toolbar-item.schema.json", xn = "response-toolbar-item", Tn = "A Farris Toolbar Item Component", Sn = "object", En = {
-  id: {
-    description: "The unique identifier for a Response Toolbar",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Response Toolbar",
-    type: "string",
-    default: "response-toolbar-item"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string",
-        default: ""
-      }
-    }
-  },
-  alignment: {
-    description: "对齐",
-    type: "string",
-    default: "right"
-  },
-  text: {
-    description: "文本",
-    type: "string",
-    default: "按钮"
-  },
-  icon: {
-    description: "图标",
-    type: "string",
-    default: ""
-  },
-  disabled: {
-    description: "禁用",
-    type: "boolean",
-    default: !1
-  },
-  visible: {
-    description: "是否可见",
-    type: "boolean",
-    default: !0
-  },
-  onClick: {
-    description: "点击事件",
-    type: "string",
-    default: ""
-  },
-  tipsEnable: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tipsText: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  dropdownClass: {
-    description: "处于下拉菜单时的样式",
-    type: "string",
-    default: ""
-  },
-  split: {
-    description: "",
-    type: "boolean",
-    default: !1
-  }
-}, In = [
-  "id",
-  "type",
-  "text"
-], Pn = {
-  $schema: Cn,
-  $id: wn,
-  title: xn,
-  description: Tn,
-  type: Sn,
-  properties: En,
-  required: In
-}, Le = {
-  id: { type: String, default: "" },
-  /**  组件自定义样式 */
-  customClass: { type: String, default: "" },
-  alignment: { Type: String, default: "right" },
-  items: {
-    Type: Array,
-    default: []
-  },
-  /** 控制是否可见 */
-  visible: { type: Boolean, default: !0 }
-}, Mn = Object.assign({}, Le, {
-  componentId: { type: String, default: "" }
-}), qe = gt(
-  Le,
-  yn,
-  un,
-  ht
-), mt = {
-  id: { type: String, default: "" },
-  item: { type: Object, default: {} },
-  items: { type: Object, default: {} },
-  class: { type: String, default: "btn-secondary" },
-  text: { type: String, default: "" },
-  disabled: { type: Boolean, default: !1 },
-  icon: { type: String, default: "" },
-  componentId: { type: String, default: "" },
-  // 是否展开子级
-  expanded: { type: Boolean, default: !1 },
-  alignment: { Type: String, default: "right" },
-  // 下拉按钮分离
-  split: { type: Boolean, default: !1 },
-  // 是否下拉
-  isDP: { type: Boolean, default: !1 },
-  // 是否下拉项
-  isDPItem: { type: Boolean, default: !1 }
-}, kn = gt(
-  mt,
-  Pn,
-  void 0,
-  ht
-), Dn = cn();
-function We() {
-  function o(e) {
-    const n = {
+    f(this, "split", !1);
+    f(this, "children", []);
+    f(this, "expanded", !1);
+    f(this, "shown", !0);
+    const b = ["visible", "icon", "isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(i).filter((p) => b.indexOf(p) > -1).forEach((p) => {
+      p === "visible" ? this[p] = i[p] === void 0 ? !0 : i[p] : this[p] = i[p];
+    }), this.shown = this.visible, i.children && i.children.length && (this.children = bn(i.children));
+  }
+}
+function gn() {
+  function d(i) {
+    const b = {
       "f-icon": !0
     };
-    if (e.icon) {
-      const r = e.icon.trim().split(" ");
-      r && r.length && r.reduce((i, l) => (i[l] = !0, i), n);
+    if (i.icon) {
+      const p = i.icon.trim().split(" ");
+      p && p.length && p.reduce((g, R) => (g[R] = !0, g), b);
     }
-    return n;
+    return b;
   }
-  function t(e) {
-    return !!(e.icon && e.icon.trim());
+  function s(i) {
+    return !!(i.icon && i.icon.trim());
   }
-  return { iconClass: o, shouldShowIcon: t };
-}
-const Bn = ["moz", "ms", "webkit"];
-function Rn() {
-  let o = 0;
-  return (t) => {
-    const e = (/* @__PURE__ */ new Date()).getTime(), n = Math.max(0, 16 - (e - o)), r = setTimeout(() => {
-      t(e + n);
-    }, n);
-    return o = e + n, r;
-  };
-}
-function On() {
-  if (typeof window > "u")
-    return () => 0;
-  if (window.requestAnimationFrame)
-    return window.requestAnimationFrame.bind(window);
-  const o = Bn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return o ? window[`${o}RequestAnimationFrame`] : Rn();
+  return { iconClass: d, shouldShowIcon: s };
 }
-On();
-function ge(o, t) {
-  return ((t == null ? void 0 : t.split(" ")) || []).reduce((n, r) => (r && (n[r] = !0), n), o), o;
-}
-function An(o, t) {
-  function e(f) {
-    return ge({
+function wn(d, s) {
+  function i(e) {
+    return P({
       "dropdown-menu": !0
-    }, f.menuClass);
+    }, e.menuClass);
   }
-  function n(f) {
-    const s = {
-      disabled: !f.enable,
+  function b(e) {
+    const n = {
+      disabled: !e.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
     };
-    return ge(s, f.dropdownClass);
+    return P(n, e.dropdownClass);
   }
-  function r(f) {
-    const s = {
-      disabled: !f.enable,
+  function p(e) {
+    const n = {
+      disabled: !e.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0
     };
-    return ge(s, f.dropdownClass);
+    return P(n, e.dropdownClass);
   }
-  function i(f) {
-    const s = {
-      disabled: !f.enable,
+  function g(e) {
+    const n = {
+      disabled: !e.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "f-rt-toggle": !f.split,
-      "btn-icontext": !!(f.icon && f.icon.trim()),
-      "dropdown-toggle": !f.split
+      "f-rt-toggle": !e.split,
+      "btn-icontext": !!(e.icon && e.icon.trim()),
+      "dropdown-toggle": !e.split
     };
-    return ge(s, f.dropdownClass);
+    return P(n, e.dropdownClass);
   }
-  function l(f) {
-    const s = {
+  function R(e) {
+    const n = {
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "btn-icontext": !!(f.icon && f.icon.trim()),
+      "btn-icontext": !!(e.icon && e.icon.trim()),
       "d-block": !0
     };
-    return ge(s, f.dropdownClass);
+    return P(n, e.dropdownClass);
   }
-  let g;
-  const u = /* @__PURE__ */ new Map();
-  function d(f, s, w) {
-    f.stopPropagation();
-    const x = w ? w.id : "__top_item__";
-    if (s.children && s.children.length && (s.expanded = !s.expanded, s.expanded)) {
-      if (u.has(x) && u.get(x) !== s) {
-        const k = u.get(x);
-        k && (k.expanded = !1, u.delete(x));
+  let T;
+  const C = /* @__PURE__ */ new Map();
+  function S(e, n, l) {
+    e.stopPropagation();
+    const r = l ? l.id : "__top_item__";
+    if (n.children && n.children.length && (n.expanded = !n.expanded, n.expanded)) {
+      if (C.has(r) && C.get(r) !== n) {
+        const k = C.get(r);
+        k && (k.expanded = !1, C.delete(r));
       }
-      u.set(x, s);
+      C.set(r, n);
     }
   }
-  function v(f, s) {
-    document.body.click(), s.enable && (f.stopPropagation(), typeof s.onClick == "function" && s.onClick(f, s.id), o.emit("click", f, s.id));
+  function E(e, n) {
+    document.body.click(), n.enable && (e.stopPropagation(), typeof n.onClick == "function" && n.onClick(e, n.id), d.emit("click", e, n.id));
   }
-  function p(f, s) {
-    const w = f.target;
-    w.className.indexOf("dropdown-item") < 0 || (w.title = w.scrollWidth > w.clientWidth ? s : "");
+  function A(e, n) {
+    const l = e.target;
+    l.className.indexOf("dropdown-item") < 0 || (l.title = l.scrollWidth > l.clientWidth ? n : "");
   }
-  function m(f, s, w) {
-    if (s.tipsEnable && s.tipsText) {
-      const x = we({
-        content: s.tipsText,
-        enable: s.tipsEnable
+  function q(e, n, l) {
+    if (n.tipsEnable && n.tipsText) {
+      const r = X({
+        content: n.tipsText,
+        enable: n.tipsEnable
       });
-      return xe(O("li", {
-        class: r(s),
-        id: s.id,
-        key: s.id + "_" + w,
-        onClick: (k) => v(k, s)
-      }, [O("span", {
-        class: l(s)
-      }, [t.shouldShowIcon(s) && O("i", {
-        class: t.iconClass(s)
-      }, null), s.text])]), [[Te("tooltip"), x]]);
-    }
-    return O("li", {
-      class: r(s),
-      id: s.id,
-      onClick: (x) => v(x, s)
-    }, [O("span", {
-      class: l(s),
-      onMouseenter: (x) => p(x, s.text)
-    }, [t.shouldShowIcon(s) && O("i", {
-      class: t.iconClass(s)
-    }, null), s.text])]);
-  }
-  function h(f, s, w) {
-    s.enable && (typeof s.onClick == "function" && w.onClick(f, s.id), o.emit("click", f, s.id), w.split || d(f, s, w));
-  }
-  function c(f, s, w) {
-    f && f.stopPropagation(), d(f, s, w);
-  }
-  function S(f, s) {
-    f.stopPropagation();
-    const w = s.id;
-    if (s.children && s.children.length && s.expanded && u.has(w)) {
-      const x = u.get(w);
-      x && (x.expanded = !1, u.delete(w));
-    }
-  }
-  function j(f, s, w) {
-    if (s.tipsEnable && s.tipsText) {
-      const x = we({
-        content: s.tipsText,
-        enable: s.tipsEnable
+      return Z(u("li", {
+        class: p(n),
+        id: n.id,
+        key: n.id + "_" + l,
+        onClick: (k) => E(k, n)
+      }, [u("span", {
+        class: R(n)
+      }, [s.shouldShowIcon(n) && u("i", {
+        class: s.iconClass(n)
+      }, null), n.text])]), [[I("tooltip"), r]]);
+    }
+    return u("li", {
+      class: p(n),
+      id: n.id,
+      onClick: (r) => E(r, n)
+    }, [u("span", {
+      class: R(n),
+      onMouseenter: (r) => A(r, n.text)
+    }, [s.shouldShowIcon(n) && u("i", {
+      class: s.iconClass(n)
+    }, null), n.text])]);
+  }
+  function L(e, n, l) {
+    n.enable && (typeof n.onClick == "function" && l.onClick(e, n.id), d.emit("click", e, n.id), l.split || S(e, n, l));
+  }
+  function o(e, n, l) {
+    e && e.stopPropagation(), S(e, n, l);
+  }
+  function h(e, n) {
+    e.stopPropagation();
+    const l = n.id;
+    if (n.children && n.children.length && n.expanded && C.has(l)) {
+      const r = C.get(l);
+      r && (r.expanded = !1, C.delete(l));
+    }
+  }
+  function O(e, n, l) {
+    if (n.tipsEnable && n.tipsText) {
+      const r = X({
+        content: n.tipsText,
+        enable: n.tipsEnable
       });
-      return O("li", {
-        class: n(s),
-        id: s.id,
-        key: s.id + "_" + w,
-        onClick: (k) => h(k, s, f)
-      }, [xe(O("span", {
-        class: i(s)
-      }, [t.shouldShowIcon(s) && O("i", {
-        class: t.iconClass(s)
-      }, null), s.text]), [[Te("tooltip"), x]]), s.split && O("span", {
+      return u("li", {
+        class: b(n),
+        id: n.id,
+        key: n.id + "_" + l,
+        onClick: (k) => L(k, n, e)
+      }, [Z(u("span", {
+        class: g(n)
+      }, [s.shouldShowIcon(n) && u("i", {
+        class: s.iconClass(n)
+      }, null), n.text]), [[I("tooltip"), r]]), n.split && u("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (k) => c(k, s, f)
-      }, null), g(s, s)]);
-    }
-    return O("li", {
-      class: n(s),
-      id: s.id,
-      onClick: (x) => h(x, s, f),
-      onMouseenter: (x) => p(x, s.text)
-    }, [O("span", {
-      class: i(s)
-    }, [t.shouldShowIcon(s) && O("i", {
-      class: t.iconClass(s)
-    }, null), s.text]), s.split && O("span", {
+        onClick: (k) => o(k, n, e)
+      }, null), T(n, n)]);
+    }
+    return u("li", {
+      class: b(n),
+      id: n.id,
+      onClick: (r) => L(r, n, e),
+      onMouseenter: (r) => A(r, n.text)
+    }, [u("span", {
+      class: g(n)
+    }, [s.shouldShowIcon(n) && u("i", {
+      class: s.iconClass(n)
+    }, null), n.text]), n.split && u("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (x) => c(x, s, f)
-    }, null), g(s, s)]);
+      onClick: (r) => o(r, n, e)
+    }, null), T(n, n)]);
   }
-  function N(f) {
-    return f.children.filter((s) => s.visible).map((s, w) => s.children && s.children.length ? j(f, s, w) : m(f, s, w));
+  function B(e) {
+    return e.children.filter((n) => n.visible).map((n, l) => n.children && n.children.length ? O(e, n, l) : q(e, n, l));
   }
-  function A(f, s, w) {
-    const x = {
-      display: f.expanded ? "block" : "none",
+  function V(e, n, l) {
+    const r = {
+      display: e.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       minWidth: "120px",
       zIndex: 1040,
       overflowY: "auto",
       maxHeight: "none"
-    }, k = window.innerWidth, H = window.innerHeight, C = s, a = C == null ? void 0 : C.getClientRects();
-    if (C && a && a.length) {
+    }, k = window.innerWidth, W = window.innerHeight, _ = n, j = _ == null ? void 0 : _.getClientRects();
+    if (_ && j && j.length) {
       const {
-        top: E,
-        width: P,
-        left: y,
-        right: I,
-        height: D
-      } = a[0], T = Math.ceil(D + E);
-      x.top = `${T}px`, x.left = `${y}px`;
-      const q = f.id + "_menu", L = s ? s.querySelector("#" + q) : null;
-      if (L) {
-        L.style.visibility = "hidden", L.style.display = "block";
-        const V = L.offsetHeight;
-        x.display === "block" && (L.style.display = "block");
-        const _ = L.getBoundingClientRect();
-        if (w) {
-          x.top = `${E - 6}px`;
-          const G = Math.ceil(P + y);
-          x.left = `${G}px`;
+        top: M,
+        width: N,
+        left: $,
+        right: U,
+        height: F
+      } = j[0], t = Math.ceil(F + M);
+      r.top = `${t}px`, r.left = `${$}px`;
+      const c = e.id + "_menu", a = n ? n.querySelector("#" + c) : null;
+      if (a) {
+        a.style.visibility = "hidden", a.style.display = "block";
+        const x = a.offsetHeight;
+        r.display === "block" && (a.style.display = "block");
+        const D = a.getBoundingClientRect();
+        if (l) {
+          r.top = `${M - 6}px`;
+          const v = Math.ceil(N + $);
+          r.left = `${v}px`;
         }
-        k - y - P < _.width && (x.left = `${(w ? y : I) - _.width}px`), H - E - D < V ? E > V ? (x.top = `${E - V - 6}px`, x.maxHeight = `${E - 16}px`) : (x.maxHeight = `${H - T}px`, E > H - E - D && (x.top = "10px", x.maxHeight = `${E - 16}px`)) : x.maxHeight = `${H - T}px`, L.style.visibility = "visible";
+        k - $ - N < D.width && (r.left = `${(l ? $ : U) - D.width}px`), W - M - F < x ? M > x ? (r.top = `${M - x - 6}px`, r.maxHeight = `${M - 16}px`) : (r.maxHeight = `${W - t}px`, M > W - M - F && (r.top = "10px", r.maxHeight = `${M - 16}px`)) : r.maxHeight = `${W - t}px`, a.style.visibility = "visible";
       }
     }
-    return x;
+    return r;
   }
-  g = function(f, s) {
-    var H, C;
-    const w = Wt(), x = s ? s.id : f.id, k = (C = (H = w == null ? void 0 : w.exposed) == null ? void 0 : H.elementRef.value) == null ? void 0 : C.querySelector("#" + x);
-    return O("ul", {
-      class: e(f),
-      style: A(f, k, s),
-      id: f.id + "_menu",
-      onWheel: (a) => S(a, f)
-    }, [N(f)]);
+  T = function(e, n) {
+    var W, _;
+    const l = cn(), r = n ? n.id : e.id, k = (_ = (W = l == null ? void 0 : l.exposed) == null ? void 0 : W.elementRef.value) == null ? void 0 : _.querySelector("#" + r);
+    return u("ul", {
+      class: i(e),
+      style: V(e, k, n),
+      id: e.id + "_menu",
+      onWheel: (j) => h(j, e)
+    }, [B(e)]);
   };
-  function B() {
-    u.forEach((f) => {
-      f.expanded = !1;
-    }), u.clear();
+  function G() {
+    C.forEach((e) => {
+      e.expanded = !1;
+    }), C.clear();
   }
   return {
-    renderDropdownMenu: g,
-    clearAllDropDownMenu: B
+    renderDropdownMenu: T,
+    clearAllDropDownMenu: G
   };
 }
-function Vn(o, t, e) {
-  const n = X(o.alignment), {
-    renderDropdownMenu: r,
-    clearAllDropDownMenu: i
-  } = An(t, e);
-  function l(c) {
-    const S = {
+function xn(d, s, i) {
+  const b = z(d.alignment), {
+    renderDropdownMenu: p,
+    clearAllDropDownMenu: g
+  } = wn(s, i);
+  function R(o) {
+    const h = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": n.value === "right" || n.value === "center",
-      "f-btn-mr": n.value === "left"
+      "f-btn-ml": b.value === "right" || b.value === "center",
+      "f-btn-mr": b.value === "left"
     };
-    return ge(S, c.dropdownClass);
+    return P(h, o.dropdownClass);
   }
-  function g(c) {
-    const S = {
+  function T(o) {
+    const h = {
       btn: !0,
-      disabled: !c.enable,
+      disabled: !o.enable,
       "f-rt-btn": !0,
-      "btn-icontext": !!(c.icon && c.icon.trim()),
-      "f-rt-toggle": !c.split,
-      "dropdown-toggle": !c.split
+      "btn-icontext": !!(o.icon && o.icon.trim()),
+      "f-rt-toggle": !o.split,
+      "dropdown-toggle": !o.split
     };
-    return ge(S, c.class);
+    return P(h, o.class);
   }
-  function u(c) {
-    return ge({
+  function C(o) {
+    return P({
       btn: !0,
       "dropdown-toggle": !0,
       "dropdown-toggle-split": !0
-    }, c.class);
+    }, o.class);
   }
-  function d(c) {
-    return c.split ? {
+  function S(o) {
+    return o.split ? {
       display: "flex"
     } : {
       display: "flex",
       "border-radius": "6px"
     };
   }
-  function v(c, S) {
-    c.stopPropagation();
-    const j = S.expanded;
-    document.body.click(), typeof S.onClick == "function" && S.onClick(c, S.id), t.emit("click", c, S.id), S.split || (S.expanded = !j);
+  function E(o, h) {
+    o.stopPropagation();
+    const O = h.expanded;
+    document.body.click(), typeof h.onClick == "function" && h.onClick(o, h.id), s.emit("click", o, h.id), h.split || (h.expanded = !O);
   }
-  function p(c, S) {
-    c.stopPropagation();
-    const j = S.expanded;
-    document.body.click(), S.expanded = !j;
+  function A(o, h) {
+    o.stopPropagation();
+    const O = h.expanded;
+    document.body.click(), h.expanded = !O;
   }
-  function m(c, S = !0) {
-    if (c.tipsEnable && c.tipsText) {
-      const j = we({
-        content: c.tipsText,
-        enable: c.tipsEnable
+  function q(o, h = !0) {
+    if (o.tipsEnable && o.tipsText) {
+      const O = X({
+        content: o.tipsText,
+        enable: o.tipsEnable
       });
-      return O("div", {
-        id: c.id,
-        class: l(c)
-      }, [xe(O("div", {
-        class: g(c),
-        style: d(c),
-        onClick: (N) => c.enable && v(N, c)
-      }, [e.shouldShowIcon(c) && O("i", {
-        class: e.iconClass(c)
-      }, null), O("span", null, [c.text])]), [[Te("tooltip"), j]]), c.split && O("button", {
-        class: u(c),
+      return u("div", {
+        id: o.id,
+        class: R(o)
+      }, [Z(u("div", {
+        class: T(o),
+        style: S(o),
+        onClick: (B) => o.enable && E(B, o)
+      }, [i.shouldShowIcon(o) && u("i", {
+        class: i.iconClass(o)
+      }, null), u("span", null, [o.text])]), [[I("tooltip"), O]]), o.split && u("button", {
+        class: C(o),
         style: "border-radius:0 6px 6px 0;",
-        onClick: (N) => p(N, c)
-      }, null), S && r(c)]);
+        onClick: (B) => A(B, o)
+      }, null), h && p(o)]);
     }
-    return O("div", {
-      id: c.id,
-      class: l(c)
-    }, [O("div", {
-      class: g(c),
-      style: d(c),
-      onClick: (j) => c.enable && v(j, c)
-    }, [e.shouldShowIcon(c) && O("i", {
-      class: e.iconClass(c)
-    }, null), O("span", null, [c.text])]), c.split && O("button", {
-      class: u(c),
+    return u("div", {
+      id: o.id,
+      class: R(o)
+    }, [u("div", {
+      class: T(o),
+      style: S(o),
+      onClick: (O) => o.enable && E(O, o)
+    }, [i.shouldShowIcon(o) && u("i", {
+      class: i.iconClass(o)
+    }, null), u("span", null, [o.text])]), o.split && u("button", {
+      class: C(o),
       style: "border-radius:0 6px 6px 0;",
-      onClick: (j) => p(j, c)
-    }, null), S && r(c)]);
+      onClick: (O) => A(O, o)
+    }, null), h && p(o)]);
   }
-  function h() {
-    i();
+  function L() {
+    g();
   }
   return {
-    renderToolbarDropdown: m,
-    clearAllDropDown: h
+    renderToolbarDropdown: q,
+    clearAllDropDown: L
   };
 }
 const {
-  buildResponseToolbarItems: ot
-} = ut(), Ee = /* @__PURE__ */ Ie({
+  buildResponseToolbarItems: en
+} = on(), vn = /* @__PURE__ */ an({
   name: "FResponseToolbar",
-  props: Le,
+  props: fn,
   emits: ["click"],
-  setup(o, t) {
-    const e = X(ot(o.items)), n = X(), r = X(), i = X(), l = {
+  setup(d, s) {
+    const i = z(en(d.items)), b = z(), p = z(), g = z(), R = {
       id: "__more_buttons__",
       text: "更多"
-    }, g = X(new Ce(l)), u = {
-      id: l.id + "width",
-      text: l.text
-    }, d = X(-1), v = We();
-    let p = !1;
-    const m = re(() => g.value.children.length > 0), h = re(() => {
-      const T = {
+    }, T = z(new Q(R)), C = {
+      id: R.id + "width",
+      text: R.text
+    }, S = z(-1), E = gn();
+    let A = !1;
+    const q = J(() => T.value.children.length > 0), L = J(() => {
+      const t = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0,
-        "f-response-toolbar-sm": o.buttonSize === "sm",
-        "f-response-toolbar-lg": o.buttonSize === "lg",
-        "d-none": !o.visible
+        "f-response-toolbar-sm": d.buttonSize === "sm",
+        "f-response-toolbar-lg": d.buttonSize === "lg",
+        "d-none": !d.visible
       };
-      return pe(T, o.customClass);
-    }), c = re(() => ({
+      return P(t, d.customClass);
+    }), o = J(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": o.alignment === "right",
-      "justify-content-start": o.alignment === "left",
-      "justify-content-center": o.alignment === "center"
+      "justify-content-end": d.alignment === "right",
+      "justify-content-start": d.alignment === "left",
+      "justify-content-center": d.alignment === "center"
     })), {
-      renderToolbarDropdown: S,
-      clearAllDropDown: j
-    } = Vn(o, t, v);
-    function N(T) {
-      T && T.target.closest("ul.dropdown-menu") && T.type === "wheel" || (e.value.filter((q) => q.children && q.children.length > 0).forEach((q) => {
-        q.expanded = !1;
-      }), g.value.expanded = !1, j());
-    }
-    function A(T, q) {
-      var _;
-      const L = {
+      renderToolbarDropdown: h,
+      clearAllDropDown: O
+    } = xn(d, s, E);
+    function B(t) {
+      t && t.target.closest("ul.dropdown-menu") && t.type === "wheel" || (i.value.filter((c) => c.children && c.children.length > 0).forEach((c) => {
+        c.expanded = !1;
+      }), T.value.expanded = !1, O());
+    }
+    function V(t, c) {
+      var D;
+      const a = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": o.alignment === "right" || q > 0 && o.alignment === "center",
-        "f-btn-mr": o.alignment === "left",
-        "btn-icontext": !!(T.icon && T.icon.trim())
-      }, V = ((_ = T == null ? void 0 : T.appearance) == null ? void 0 : _.class) || T.class || "btn-secondary";
-      return pe(L, V);
-    }
-    function B(T, q) {
-      document.body.click(), typeof q.onClick == "function" && q.onClick(T, q.id), t.emit("click", T, q.id);
-    }
-    function f(T, q) {
-      if (T.tipsEnable && T.tipsText) {
-        const L = we({
-          content: T.tipsText,
-          enable: T.tipsEnable
+        "f-btn-ml": d.alignment === "right" || c > 0 && d.alignment === "center",
+        "f-btn-mr": d.alignment === "left",
+        "btn-icontext": !!(t.icon && t.icon.trim())
+      }, x = ((D = t == null ? void 0 : t.appearance) == null ? void 0 : D.class) || t.class || "btn-secondary";
+      return P(a, x);
+    }
+    function G(t, c) {
+      document.body.click(), typeof c.onClick == "function" && c.onClick(t, c.id), s.emit("click", t, c.id);
+    }
+    function e(t, c) {
+      if (t.tipsEnable && t.tipsText) {
+        const a = X({
+          content: t.tipsText,
+          enable: t.tipsEnable
         });
-        return xe(O("button", {
+        return Z(u("button", {
           type: "button",
-          class: A(T, q),
-          id: T.id,
-          disabled: !T.enable,
-          onClick: (V) => B(V, T)
-        }, [v.shouldShowIcon(T) && O("i", {
-          class: v.iconClass(T)
-        }, null), T.text]), [[Te("tooltip"), L]]);
-      }
-      return O("button", {
+          class: V(t, c),
+          id: t.id,
+          disabled: !t.enable,
+          onClick: (x) => G(x, t)
+        }, [E.shouldShowIcon(t) && u("i", {
+          class: E.iconClass(t)
+        }, null), t.text]), [[I("tooltip"), a]]);
+      }
+      return u("button", {
         type: "button",
-        class: A(T, q),
-        id: T.id,
-        disabled: !T.enable,
-        onClick: (L) => B(L, T)
-      }, [v.shouldShowIcon(T) && O("i", {
-        class: v.iconClass(T)
-      }, null), T.text]);
-    }
-    let s = /* @__PURE__ */ new Map(), w = [];
-    function x(T) {
-      const q = Math.ceil(parseFloat(getComputedStyle(T).getPropertyValue("margin-left"))), L = Math.ceil(parseFloat(getComputedStyle(T).getPropertyValue("margin-right")));
-      return (q || 0) + T.getBoundingClientRect().width + (L || 0);
-    }
-    function k(T, q, L) {
-      if (q < d.value) {
-        let V = L - 1;
-        for (; V >= 0; V--) {
-          const _ = T[V], G = x(_);
-          if (q += G, q >= d.value)
+        class: V(t, c),
+        id: t.id,
+        disabled: !t.enable,
+        onClick: (a) => G(a, t)
+      }, [E.shouldShowIcon(t) && u("i", {
+        class: E.iconClass(t)
+      }, null), t.text]);
+    }
+    let n = /* @__PURE__ */ new Map(), l = [];
+    function r(t) {
+      const c = Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-left"))), a = Math.ceil(parseFloat(getComputedStyle(t).getPropertyValue("margin-right")));
+      return (c || 0) + t.getBoundingClientRect().width + (a || 0);
+    }
+    function k(t, c, a) {
+      if (c < S.value) {
+        let x = a - 1;
+        for (; x >= 0; x--) {
+          const D = t[x], v = r(D);
+          if (c += v, c >= S.value)
             break;
         }
-        L = V;
+        a = x;
       }
-      return q -= d.value, {
-        start: L,
-        space: q
+      return c -= S.value, {
+        start: a,
+        space: c
       };
     }
-    function H(T) {
-      const q = i.value;
-      let L = T;
-      const _ = Array.from(q.children).filter((ee) => ee.id !== "__more_buttons__"), G = _.length;
-      let z = !1, Y = 0;
-      for (; Y < G; Y++) {
-        const ee = _[Y], ie = x(ee);
-        if (ie <= L)
-          L -= ie;
+    function W(t) {
+      const c = g.value;
+      let a = t;
+      const D = Array.from(c.children).filter((H) => H.id !== "__more_buttons__"), v = D.length;
+      let y = !1, w = 0;
+      for (; w < v; w++) {
+        const H = D[w], Y = r(H);
+        if (Y <= a)
+          a -= Y;
         else {
-          const Z = k(_, L, Y);
-          Y = Z.start, L = Z.space, z = !0;
+          const m = k(D, a, w);
+          w = m.start, a = m.space, y = !0;
           break;
         }
       }
-      if (!z && w.length > 0) {
-        const ee = k(_, L, Y);
-        Y = ee.start, L = ee.space;
+      if (!y && l.length > 0) {
+        const H = k(D, a, w);
+        w = H.start, a = H.space;
       }
-      const W = w.length > 0;
-      for (; Y < G; Y++) {
-        const ee = _[Y], ie = x(ee);
-        s.set(ee.id, !0), w[W ? "unshift" : "push"]({
-          id: ee.id,
-          width: ie
+      const K = l.length > 0;
+      for (; w < v; w++) {
+        const H = D[w], Y = r(H);
+        n.set(H.id, !0), l[K ? "unshift" : "push"]({
+          id: H.id,
+          width: Y
         });
       }
-      return L;
-    }
-    function C(T) {
-      let q = H(T);
-      if (w.length) {
-        let G = 0;
-        for (; G < w.length; G++) {
-          const z = o.items.find((Y) => Y.id === w[G].id);
-          if (z && z.visible !== !1) {
-            const Y = w[G].width;
-            if (q >= Y || G === w.length - 1 && q + d.value >= Y)
-              q -= Y;
+      return a;
+    }
+    function _(t) {
+      let c = W(t);
+      if (l.length) {
+        let v = 0;
+        for (; v < l.length; v++) {
+          const y = d.items.find((w) => w.id === l[v].id);
+          if (y && y.visible !== !1) {
+            const w = l[v].width;
+            if (c >= w || v === l.length - 1 && c + S.value >= w)
+              c -= w;
             else
               break;
           }
         }
-        for (let z = 0; z < G; z++)
-          s.delete(w[z].id);
-        w.splice(0, G - 1);
+        for (let y = 0; y < v; y++)
+          n.delete(l[y].id);
+        l.splice(0, v - 1);
       }
-      const L = Object.assign({}, g.value);
-      L.children = [];
-      const V = new Ce(L), _ = e.value.reduce((G, z) => {
-        const Y = o.items.find((W) => W.id === z.id);
-        return s.has(z.id) ? (V.children.push(z), z.shown = !1) : z.shown = Y.visible !== !1, G.push(z), G;
+      const a = Object.assign({}, T.value);
+      a.children = [];
+      const x = new Q(a), D = i.value.reduce((v, y) => {
+        const w = d.items.find((K) => K.id === y.id);
+        return n.has(y.id) ? (x.children.push(y), y.shown = !1) : y.shown = w.visible !== !1, v.push(y), v;
       }, []);
-      g.value = V, e.value = _;
+      T.value = x, i.value = D;
     }
-    function a(T = -1) {
-      if (T === 0 || !i.value || !r.value)
+    function j(t = -1) {
+      if (t === 0 || !g.value || !p.value)
         return;
-      T < 0 && (T = r.value.getBoundingClientRect().width);
-      const q = i.value.getBoundingClientRect().width;
-      (T >= 0 && T < q || w.length) && (C(T), N());
+      t < 0 && (t = p.value.getBoundingClientRect().width);
+      const c = g.value.getBoundingClientRect().width;
+      (t >= 0 && t < c || l.length) && (_(t), B());
     }
-    function E() {
-      return d.value < 0 && O("div", {
+    function M() {
+      return S.value < 0 && u("div", {
         style: "position:absolute;top:-30px;visibility:hidden;"
-      }, [S(new Ce(u))]);
+      }, [h(new Q(C))]);
     }
-    const P = new ResizeObserver((T) => {
-      if (T.length) {
-        const L = T[0].contentRect.width;
-        a(L);
+    const N = new ResizeObserver((t) => {
+      if (t.length) {
+        const a = t[0].contentRect.width;
+        j(a);
       }
     });
-    function y() {
-      s = /* @__PURE__ */ new Map(), w = [];
+    function $() {
+      n = /* @__PURE__ */ new Map(), l = [];
     }
-    function I() {
-      r.value && !p && (P.observe(r.value), p = !0);
+    function U() {
+      p.value && !A && (N.observe(p.value), A = !0);
     }
-    function D() {
-      if (n.value && d.value < 0) {
-        const T = n.value.querySelector("#" + u.id);
-        T && (d.value = x(T));
+    function F() {
+      if (b.value && S.value < 0) {
+        const t = b.value.querySelector("#" + C.id);
+        t && (S.value = r(t));
       }
     }
-    return Pe(() => {
-      D(), a(), I(), document.body.addEventListener("click", N), document.body.addEventListener("wheel", N);
-    }), lt(() => {
-      P.disconnect(), document.body.removeEventListener("click", N), document.body.removeEventListener("wheel", N);
-    }), Se(() => o.items, () => {
-      e.value = ot(o.items), g.value.children = [], me(() => {
-        y(), a();
+    return un(() => {
+      F(), j(), U(), document.body.addEventListener("click", B), document.body.addEventListener("wheel", B);
+    }), pn(() => {
+      N.disconnect(), document.body.removeEventListener("click", B), document.body.removeEventListener("wheel", B);
+    }), nn(() => d.items, () => {
+      i.value = en(d.items), T.value.children = [], tn(() => {
+        $(), j();
       });
     }, {
       deep: !0
-    }), Se(() => o.visible, (T) => {
-      T && me(() => {
-        D(), a(), I();
+    }), nn(() => d.visible, (t) => {
+      t && tn(() => {
+        F(), j(), U();
       });
-    }), t.expose({
-      elementRef: n
-    }), () => O("div", {
-      class: h.value,
-      id: o.id,
-      ref: n,
+    }), s.expose({
+      elementRef: b
+    }), () => u("div", {
+      class: L.value,
+      id: d.id,
+      ref: b,
       style: {
-        "overflow-y": d.value < 0 ? "hidden" : "initial"
+        "overflow-y": S.value < 0 ? "hidden" : "initial"
       }
-    }, [o.visible && E(), o.visible && O("div", {
-      ref: r,
-      class: c.value
-    }, [O("div", {
-      ref: i,
+    }, [d.visible && M(), d.visible && u("div", {
+      ref: p,
+      class: o.value
+    }, [u("div", {
+      ref: g,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [e.value.filter((T) => T.shown).map((T, q) => T.children && T.children.length > 0 ? S(T) : f(T, q)), m.value && S(g.value)])])]);
-  }
-}), _n = X(0);
-function jn() {
-  _n.value++;
-}
-const ve = X(0);
-function Nn(o, t) {
-  const e = t.getBoundingClientRect(), n = o.getBoundingClientRect(), r = n.top >= e.top, i = n.top <= e.bottom;
-  return r && i;
-}
-function vt(o) {
-  const t = o.querySelector(".component-btn-group");
-  if (!t)
-    return;
-  t.style.display = "";
-  const e = t.getBoundingClientRect();
-  if (!(e.top === 0 && e.left === 0)) {
-    const n = t.querySelector("div");
-    if (n) {
-      const r = n.getBoundingClientRect();
-      n.style.top = e.top + "px";
-      let i = e.left - r.width;
-      const l = document.querySelector(".editorDiv");
-      if (l) {
-        const g = l.getBoundingClientRect();
-        i < g.left && ({ left: i } = o.getBoundingClientRect());
-      }
-      n.style.left = i + "px";
-    }
-  }
-}
-function Fn(o) {
-  if (!window.scrollContainerList)
-    return;
-  const t = Array.from(window.scrollContainerList);
-  if (t.length && t.length === 1) {
-    const e = t[0], n = document.querySelector(`[id=${e}]`);
-    if (n && n.contains(o))
-      return n;
-  }
-}
-function bt(o) {
-  if (!o)
-    return;
-  const t = o.getBoundingClientRect();
-  if (t.width === 0 && t.height === 0)
-    return;
-  const e = o.querySelector(".component-btn-group");
-  if (e) {
-    let n = !0;
-    const r = Fn(o);
-    if (r && (n = Nn(o, r)), !n) {
-      e.style.display = "none";
-      return;
-    }
-    vt(o);
-  }
-}
-function $n(o) {
-  if (!o)
-    return;
-  let t;
-  o.className.includes("dgComponentSelected") ? t = o : t = o.querySelector(".dgComponentSelected"), t && bt(t);
-}
-function Ln(o) {
-  const { formSchemaUtils: t, formStateMachineUtils: e } = o;
-  function n(u, d = "") {
-    return {
-      path: d + u.code,
-      field: u.id,
-      fullPath: u.code
-    };
+    }, [i.value.filter((t) => t.shown).map((t, c) => t.children && t.children.length > 0 ? h(t) : e(t, c)), q.value && h(T.value)])])]);
   }
-  function r(u, d = "") {
-    return t.getViewModelById(u).states.map((p) => n(p, d));
-  }
-  function i(u) {
-    const d = t.getRootViewModelId(), v = r(u);
-    if (u === d)
-      return v;
-    const p = r(d, "root-component.");
-    return [...v, ...p];
-  }
-  function l(u) {
-    return u.binding && u.binding.path || u.id || "";
-  }
-  function g() {
-    return e && e.getRenderStates() || [];
-  }
-  return { getVariables: i, getControlName: l, getStateMachines: g };
-}
-class qn {
-  constructor(t) {
-    U(this, "sessionVariables", [
-      {
-        key: "CurrentSysOrgName",
-        name: "当前组织Name",
-        description: "当前组织Name"
-      },
-      //   {
-      //     key: "CurrentSysOrgCode",
-      //     name: "当前组织Code",
-      //     description: "当前组织Code"
-      //   },
-      {
-        key: "CurrentSysOrgId",
-        name: "当前组织Id",
-        description: "当前组织Id"
-      },
-      {
-        key: "CurrentUserName",
-        name: "当前用户Name",
-        description: "当前用户Name"
-      },
-      {
-        key: "CurrentUserCode",
-        name: "当前用户Code",
-        description: "当前用户Code"
-      },
-      {
-        key: "CurrentUserId",
-        name: "当前用户Id",
-        description: "当前用户Id"
-      },
-      {
-        key: "CurrentLanguage",
-        name: "当前语言编号",
-        description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
-      }
-    ]);
-    U(this, "expressionNames", {
-      compute: "计算表达式",
-      dependency: "依赖表达式",
-      validate: "验证表达式",
-      dataPicking: "帮助前表达式",
-      visible: "可见表达式",
-      readonly: "只读表达式",
-      required: "必填表达式"
-    });
-    U(this, "getExpressionConverter", (t, e) => ({
-      convertFrom: (n, r, i, l) => {
-        const g = i.getExpressionRuleValue(t, e || r);
-        return g && g.value || "";
-      },
-      convertTo: (n, r, i, l, g) => {
-        var u;
-        if (r === "dataPicking" && (i != null && i.target)) {
-          const d = `${i.target}_dataPicking`;
-          ((u = i.rules) == null ? void 0 : u.some(
-            (p) => p.id === d && p.value
-          )) ? n.dictPickingExpressionId = d : delete n.dictPickingExpressionId;
-        }
-        l.updateExpression(i);
-      }
-    }));
-    this.formSchemaService = t;
-  }
-  getExpressionRule(t, e) {
-    const n = this.formSchemaService.getExpressions();
-    if (!n)
-      return "";
-    const r = n.find((l) => l.target === t);
-    if (!r)
-      return "";
-    const i = r.rules.find((l) => l.type === e);
-    return i || "";
-  }
-  // 获取上下文表单变量
-  getContextFormVariables() {
-    const { module: t } = this.formSchemaService.getFormSchema();
-    if (!t.viewmodels || t.viewmodels.length === 0)
-      return [];
-    const e = this.formSchemaService.getRootViewModelId(), n = this.formSchemaService.getViewModelById(e);
-    if (!n || !n.states || n.states.length === 0)
-      return [];
-    const r = [];
-    return n.states.forEach((i) => {
-      r.push({
-        key: i.code,
-        name: i.name,
-        description: i.name,
-        category: i.category
-      });
-    }), r;
-  }
-  createTreeNode(t, e, n = "label") {
-    return {
-      id: t.id,
-      name: t.name,
-      bindingPath: t[n],
-      parents: e
-    };
-  }
-  buildEntityFieldsTreeData(t = null, e) {
-    const n = [];
-    return t == null || t.forEach((r) => {
-      var g;
-      const i = this.createTreeNode(r, e);
-      let l = [];
-      (g = r.type) != null && g.fields && (l = this.buildEntityFieldsTreeData(r.type.fields, [...e, r.label])), n.push({
-        data: i,
-        children: l,
-        expanded: !0
-      });
-    }), n;
-  }
-  buildChildEntityTreeData(t = null, e) {
-    const n = [];
-    return t == null || t.forEach((r) => {
-      var u, d;
-      const i = this.createTreeNode(r, e), l = this.buildEntityFieldsTreeData((u = r.type) == null ? void 0 : u.fields, [...e, r.label]), g = this.buildChildEntityTreeData((d = r.type) == null ? void 0 : d.entities, [...e, r.label]);
-      g != null && g.length && (l == null || l.push(...g)), n.push({
-        data: i,
-        children: l || [],
-        // 空值回退
-        expanded: !0
-      });
-    }), n;
-  }
-  getEntitiesTreeData() {
-    const t = this.formSchemaService.getSchemaEntities();
-    if (!(t != null && t.length))
-      return [];
-    const e = t[0];
-    if (!(e != null && e.type))
-      return [];
-    const n = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), r = this.buildChildEntityTreeData(e.type.entities, [e.code]);
-    return r != null && r.length && (n == null || n.push(...r)), {
-      entityCode: e.code,
-      fields: [{
-        data: this.createTreeNode(e, [], "code"),
-        children: n || []
-      }]
-    };
-  }
-  getEntitiesAndVariables() {
-    return {
-      entities: this.getEntitiesTreeData(),
-      variables: {
-        session: {
-          name: "系统变量",
-          items: this.sessionVariables,
-          visible: !1
-        },
-        forms: {
-          name: "表单变量",
-          items: this.getContextFormVariables(),
-          visible: !0
-        }
-      }
-    };
+});
+class Dn {
+  constructor(s, i) {
+    f(this, "id");
+    f(this, "name");
+    /** 记录元素的Id */
+    f(this, "presetId", []);
+    /** 记录转变为下拉时元素的位置 */
+    f(this, "responsedIndex", []);
+    /** 记录宽度 */
+    f(this, "width");
+    this.id = s, this.name = i, this.width = 0;
   }
-  onBeforeOpenExpression(t, e, n) {
-    const r = n === "Field" ? t.binding.field : t.id, i = this.getExpressionRule(r, e), l = this.getEntitiesAndVariables(), g = {
-      message: ["validate", "required", "dataPicking"].includes(e) && i ? i.message : "",
-      ...l
-    };
-    return i.messageType != null && (g.messageType = i.messageType), g;
+  // 设置宽度
+  setWidth(s) {
+    this.width = parseInt(s + "", 10);
   }
-  buildRule(t, e, n, r) {
-    const { expression: i, message: l, messageType: g } = e, u = {
-      id: `${t}_${n}`,
-      type: n,
-      value: i
-    };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (u.message = l), n === "dataPicking" && (u.messageType = g), n === "validate" && r && (u.elementId = r), u;
+  // 获取宽度
+  getWidth() {
+    return this.width;
   }
-  getExpressionData() {
-    const { expressions: t } = this.formSchemaService.getFormSchema().module;
-    return t || [];
+  // 更新presetIndex
+  setPreset(s) {
+    Array.isArray(s) ? this.presetId = this.presetId.concat(s) : this.presetId.push(s);
   }
-  updateExpression(t, e, n, r) {
-    const i = e === "Field" ? t.binding.field : t.id, l = this.buildRule(i, n, r, t.type === "form-group" ? t.id : "");
-    let u = this.getExpressionData().find((v) => v.targetType === e && v.target === i);
-    const d = (v) => v.value.trim() === "";
-    if (u) {
-      const v = u.rules.find((p) => p.id === l.id);
-      if (v)
-        d(l) ? u.rules = u.rules.filter((p) => p.id !== l.id) : (Object.assign(v, l), r === "validate" && t.type === "form-group" && (v.elementId = t.id));
-      else {
-        if (d(l))
-          return null;
-        u.rules = u.rules || [], u.rules.push(l);
-      }
-    } else {
-      if (d(l))
-        return null;
-      u = {
-        target: `${i}`,
-        rules: [l],
-        targetType: e
-      };
-    }
-    return u;
+  // 清除preset
+  delPreset() {
+    this.presetId = [];
   }
-  getExpressionEditorOptions(t, e, n, r) {
-    return n.reduce((i, l) => {
-      var u, d;
-      const g = e === "Field" ? (u = t == null ? void 0 : t.binding) == null ? void 0 : u.field : t.id;
-      return i[l] = {
-        hide: e === "Field" ? !!((d = t == null ? void 0 : t.binding) != null && d.field) : !1,
-        description: "",
-        title: this.expressionNames[l],
-        type: "string",
-        $converter: this.getExpressionConverter(g),
-        editor: {
-          type: "expression-editor",
-          singleExpand: !1,
-          dialogTitle: `${this.expressionNames[l]}编辑器`,
-          showMessage: l === "validate" || l === "dataPicking" || l === "required",
-          showMessageType: l === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(t, l, e),
-          onSubmitModal: (v) => {
-            const p = this.updateExpression(t, e, v, l);
-            if (r) {
-              const m = this.buildRule(g, v, l);
-              r(m);
-            }
-            return p;
-          }
-        }
-      }, i;
-    }, {});
+  // 删除
+  removeResponsed(s) {
+    this.responsedIndex.splice(s, 1);
   }
-  getExpressionInfo(t, e, n) {
-    const r = e === "Field" ? t.binding.field : t.id, i = this.getExpressionRule(r, n), l = {
-      value: i && i.value,
-      targetId: r,
-      targetType: e,
-      expressionType: n
-    };
-    return i && i.message && (l.message = i.message), l;
+  // 更新responsedIndex
+  setResponsed(s) {
+    Array.isArray(s) ? this.responsedIndex = this.responsedIndex.concat(s) : this.responsedIndex.push(s);
   }
-  getExpressionConfig(t, e, n = ["compute", "dependency", "validate"], r) {
-    return {
-      description: "表达式",
-      title: "表达式",
-      properties: {
-        ...this.getExpressionEditorOptions(t, e, n, r)
-      }
-    };
+  // 是否已经开始处理响应式
+  isResponsing() {
+    return this.responsedIndex.length > 0;
   }
-  getExpressionOptions(t, e, n) {
-    const r = this.getExpressionInfo(t, e, n);
-    return {
-      dialogTitle: `${this.expressionNames[n]}编辑器`,
-      singleExpand: !1,
-      showMessage: n === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(t, n, e),
-      expressionInfo: r
-    };
+  // 是否已经处理完响应式
+  isResponsed() {
+    return this.presetId.length === this.responsedIndex.length;
   }
 }
-class yt {
-  constructor(t, e) {
-    U(this, "componentId");
-    U(this, "viewModelId");
-    U(this, "eventsEditorUtils");
-    U(this, "formSchemaUtils");
-    U(this, "formMetadataConverter");
-    U(this, "designViewModelUtils");
-    U(this, "designViewModelField");
-    U(this, "controlCreatorUtils");
-    U(this, "designerHostService");
-    U(this, "schemaService", null);
-    U(this, "metadataService", null);
-    U(this, "propertyConfig", {
-      type: "object",
-      categories: {}
-    });
-    var n;
-    this.componentId = t, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService;
-  }
-  getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
-  }
-  setDesignViewModelField(t) {
-    var n;
-    const e = t.binding && t.binding.type === "Form" && t.binding.field;
-    if (e) {
-      if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((i) => i.id === e);
-      }
-      t.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
-    }
-  }
-  getBasicPropConfig(t) {
-    return {
-      description: "Basic Information",
-      title: "基本信息",
-      properties: {
-        id: {
-          description: "组件标识",
-          title: "标识",
-          type: "string",
-          readonly: !0
-        },
-        type: {
-          description: "组件类型",
-          title: "控件类型",
-          type: "select",
-          editor: {
-            type: "combo-list",
-            textField: "name",
-            valueField: "value",
-            idField: "value",
-            editable: !1,
-            data: [{ value: t.type, name: on[t.type].name }]
-          }
-        }
-      }
-    };
-  }
-  getAppearanceConfig(t = null, e = {}, n) {
-    const r = {
-      title: "外观",
-      description: "Appearance"
-    }, i = {
-      class: {
-        title: "class样式",
-        type: "string",
-        description: "组件的CSS样式",
-        $converter: "/converter/appearance.converter"
-      },
-      style: {
-        title: "style样式",
-        type: "string",
-        description: "组件的样式",
-        $converter: "/converter/appearance.converter"
-      }
-    };
-    for (const l in e)
-      i[l] = Object.assign(i[l] || {}, e[l]);
-    return {
-      ...r,
-      properties: { ...i },
-      setPropertyRelates(l, g) {
-        if (l) {
-          switch (l && l.propertyID) {
-            case "class":
-            case "style": {
-              ve.value++;
-              break;
-            }
-          }
-          n && n(l, t, g);
-        }
-      }
-    };
-  }
-  getPropertyEditorParams(t, e = [], n = "visible", r = {}, i = {}) {
-    const { getVariables: l, getControlName: g, getStateMachines: u } = Ln(this.designerHostService), d = this.getRealTargetType(t), v = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], p = {
-      type: "property-editor",
-      propertyTypes: v
-    };
-    return v.map((m) => {
-      switch (m) {
-        case "Const":
-          Object.assign(p, {
-            constType: "enum",
-            constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, r);
-          break;
-        case "Expression":
-          p.expressionConfig = this.getExpressionOptions(t, d, n);
-          break;
-        case "StateMachine":
-          p.stateMachines = u();
-          break;
-        case "Variable":
-          Object.assign(p, {
-            controlName: g(t),
-            newVariablePrefix: "is",
-            newVariableType: "Boolean",
-            variables: l(this.viewModelId),
-            onBeforeOpenVariables: (h) => {
-              h.value = l(this.viewModelId);
-            }
-          }, i);
-          break;
-      }
-    }), p;
-  }
-  getVisibleProperty(t, e = "") {
-    return {
-      visible: {
-        title: "是否可见",
-        type: "boolean",
-        description: "运行时组件是否可见",
-        editor: this.getPropertyEditorParams(t, e === "gridFieldEditor" ? ["Const", "Expression"] : ["Const", "Variable", "StateMachine", "Expression"], "visible")
-      }
-    };
-  }
-  /**
-   * 获取行为
-   * @param propertyData 
-   * @param viewModelId 
-   * @returns 
-   */
-  getBehaviorConfig(t, e = "", n = {}, r) {
-    const i = {
-      title: "行为",
-      description: ""
-    }, l = this.getVisibleProperty(t, e);
-    for (const u in n)
-      l[u] = Object.assign(l[u] || {}, n[u]);
-    const g = this;
-    return {
-      ...i,
-      properties: { ...l },
-      setPropertyRelates(u, d) {
-        if (u) {
-          switch (u.propertyID) {
-            case "disabled":
-            case "readonly":
-            case "visible":
-              g.afterMutilEditorChanged(t, u);
-              break;
-          }
-          r && r(u, d);
-        }
-      }
-    };
-  }
-  /**
-   * 当多值编辑器变更时
-   * @param propertyData 
-   * @param changeObject 
-   */
-  afterMutilEditorChanged(t, e) {
-    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, t);
-  }
-  /**
-   * 
-   * @param propertyId 
-   * @param componentInstance 
-   * @returns 
-   */
-  updateElementByParentContainer(t, e) {
-    const n = e && e.parent && e.parent.schema;
-    if (!n)
-      return;
-    const r = n.contents.findIndex((l) => l.id === t), i = he(n.contents[r]);
-    n.contents.splice(r, 1), n.contents.splice(r, 0, i), jn();
-  }
-  /**
-   * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
-   * @param changeObject 
-   * @param viewModelId 
-   * @returns 
-   */
-  addNewVariableToViewModel(t, e) {
-    const n = t.propertyValue;
-    if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
-      return;
-    const l = {
-      id: n.field,
-      category: "locale",
-      code: n.fullPath,
-      name: n.fullPath,
-      type: n.newVariableType || "String"
-    };
-    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(l.code) || this.formSchemaUtils.getViewModelById(e).states.push(l);
-  }
-  /**
-   * 更新表达式到expressions节点
-   * @param changeObject 
-   */
-  updateExpressionValue(t) {
-    const e = t.propertyValue;
-    if (!((e && e.type) === "Expression" && e.expressionInfo))
-      return;
-    const { expressionId: i, expressionInfo: l } = e, { targetId: g, targetType: u, expressionType: d, value: v, message: p } = l, m = this.formSchemaUtils.getModule();
-    m.expressions ?? (m.expressions = []);
-    const { expressions: h } = m;
-    let c = h.find((j) => j.target === g);
-    c || (c = { target: g, rules: [], targetType: u }, h.push(c));
-    const S = c.rules.find((j) => j.type === d);
-    if (S)
-      S.value = v, S.message = p;
-    else {
-      const j = { id: i, type: d, value: v, message: p };
-      c.rules.push(j);
-    }
-    delete e.expressionInfo;
-  }
-  /**
-   * 属性类型切换为非表达式后，清除原表达式
-   * @param changeObject 
-   * @param propertyData 
-   * @returns 
-   */
-  clearExpression(t, e) {
-    const n = t.propertyValue;
-    if (n && n.type === "Expression")
-      return;
-    const i = t.propertyID, l = this.formSchemaUtils.getExpressions(), g = e.binding ? e.binding.field : e.id, u = l.find((d) => d.target === g);
-    !u || !u.rules || (u.rules = u.rules.filter((d) => d.type !== i));
-  }
-  getExpressionOptions(t, e, n) {
-    return new qn(this.formSchemaUtils).getExpressionOptions(t, e, n);
-  }
-  getRealTargetType(t) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(t.type) > -1 ? "Button" : t.binding && t.binding.field ? "Field" : "Container";
-  }
-}
-class Wn extends yt {
-  constructor(e, n, r = "response-toolbar") {
-    super(e, n);
-    // 有三类值 response-toolbar、section-toolbar、tab-toolbar
-    U(this, "toolbarType", "response-toolbar");
-    this.toolbarType = r;
-  }
-  getPropertyConfig(e) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.toolbarType !== "tab-toolbar" && this.getAppearancePropConfig(e), this.toolbarType === "response-toolbar" && (this.propertyConfig.categories.behavior = this.getBehaviorConfig(e)), this.propertyConfig;
-  }
-  getAppearancePropConfig(e) {
-    this.propertyConfig.categories.appearance = {
-      title: "外观",
-      description: "Appearance",
-      properties: {
-        class: {
-          title: "class样式",
-          type: "string",
-          description: "组件的CSS样式",
-          $converter: "/converter/appearance.converter"
-        }
-      }
-    };
-  }
-  getBehaviorProperties(e) {
-    this.propertyConfig.categories.behavior = {
-      title: "行为",
-      description: "",
-      properties: {
-        alignment: {
-          title: "对齐方式",
-          description: "在工具栏区域内按钮组的位置",
-          type: "enum",
-          editor: {
-            type: "combo-list",
-            textField: "name",
-            valueField: "value",
-            data: [
-              {
-                value: "left",
-                name: "左对齐"
-              },
-              {
-                value: "center",
-                name: "居中"
-              },
-              {
-                value: "right",
-                name: "右对齐"
-              }
-            ]
-          }
-        }
-      }
-    };
-  }
-}
-function Un(o, t, e) {
-  const n = o.schema;
-  function r() {
-    var S;
-    let c = ((S = o.parent) == null ? void 0 : S.schema.type) || "";
-    ["page-header", "tabs", "section"].findIndex((j) => j === c) === -1 && (c = ""), e.toolbarPosition = c;
-  }
-  r();
-  function i(c) {
-    return !1;
-  }
-  function l(c, S) {
-    return S.text = c.label, S;
-  }
-  function g() {
-    return !1;
-  }
-  function u() {
-    return !1;
-  }
-  function d() {
-    return !1;
-  }
-  function v() {
-    return !0;
-  }
-  function p(c) {
-    return new Wn(c, t, n.type).getPropertyConfig(n);
-  }
-  function m(c) {
-    var A;
-    c && (c.stopPropagation(), c.preventDefault());
-    const { schema: S } = o;
-    S.buttons || (S.buttons = []);
-    let j = "";
-    if (S.type)
-      j = S.type + "-item";
-    else {
-      const B = (A = o.parent) == null ? void 0 : A.schema.type;
-      j = B === "tabs" ? "tab-toolbar-item" : B === "section" ? "section-toolbar-item" : "response-toolbar-item";
-    }
-    const N = be(j);
-    N.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, S.buttons.push(N), e.updateToolbarItems(), e.changeSelectedId("");
-  }
-  function h() {
-    return [
-      {
-        id: "appendItem",
-        title: "新增按钮",
-        text: "",
-        icon: "f-icon f-icon-plus-circle text-white",
-        onClick: (c) => m(c)
-      }
-    ];
-  }
-  return {
-    canAccepts: i,
-    checkCanAddComponent: d,
-    checkCanDeleteComponent: u,
-    checkCanMoveComponent: g,
-    hideNestedPaddingInDesginerView: v,
-    onResolveNewComponentSchema: l,
-    getPropsConfig: p,
-    getCustomButtons: h
-  };
-}
-var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Hn(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
-}
-function ye(o) {
-  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-var Ct = { exports: {} };
-(function(o, t) {
-  (function(e) {
-    o.exports = e();
-  })(function() {
-    return (/* @__PURE__ */ function() {
-      function e(n, r, i) {
-        function l(d, v) {
-          if (!r[d]) {
-            if (!n[d]) {
-              var p = typeof ye == "function" && ye;
-              if (!v && p) return p(d, !0);
-              if (g) return g(d, !0);
-              var m = new Error("Cannot find module '" + d + "'");
-              throw m.code = "MODULE_NOT_FOUND", m;
-            }
-            var h = r[d] = { exports: {} };
-            n[d][0].call(h.exports, function(c) {
-              var S = n[d][1][c];
-              return l(S || c);
-            }, h, h.exports, e, n, r, i);
-          }
-          return r[d].exports;
-        }
-        for (var g = typeof ye == "function" && ye, u = 0; u < i.length; u++) l(i[u]);
-        return l;
-      }
-      return e;
-    }())({
-      1: [function(e, n, r) {
-        var i = {}, l = "(?:^|\\s)", g = "(?:\\s|$)";
-        function u(p) {
-          var m = i[p];
-          return m ? m.lastIndex = 0 : i[p] = m = new RegExp(l + p + g, "g"), m;
-        }
-        function d(p, m) {
-          var h = p.className;
-          h.length ? u(m).test(h) || (p.className += " " + m) : p.className = m;
-        }
-        function v(p, m) {
-          p.className = p.className.replace(u(m), " ").trim();
-        }
-        n.exports = {
-          add: d,
-          rm: v
-        };
-      }, {}],
-      2: [function(e, n, r) {
-        (function(i) {
-          var l = e("contra/emitter"), g = e("crossvent"), u = e("./classes"), d = document, v = d.documentElement;
-          function p(a, E) {
-            var P = arguments.length;
-            P === 1 && Array.isArray(a) === !1 && (E = a, a = []);
-            var y, I, D, T, q, L, V, _, G, z = null, Y, W, ee = !1, ie = 0, Z, F = E || {};
-            F.moves === void 0 && (F.moves = A), F.accepts === void 0 && (F.accepts = A), F.invalid === void 0 && (F.invalid = Pt), F.containers === void 0 && (F.containers = a || []), F.isContainer === void 0 && (F.isContainer = N), F.copy === void 0 && (F.copy = !1), F.copySortSource === void 0 && (F.copySortSource = !1), F.revertOnSpill === void 0 && (F.revertOnSpill = !1), F.removeOnSpill === void 0 && (F.removeOnSpill = !1), F.direction === void 0 && (F.direction = "vertical"), F.ignoreInputTextSelection === void 0 && (F.ignoreInputTextSelection = !0), F.mirrorContainer === void 0 && (F.mirrorContainer = d.body);
-            var K = l({
-              containers: F.containers,
-              start: It,
-              end: Ye,
-              cancel: Ze,
-              remove: Je,
-              destroy: xt,
-              canMove: Et,
-              dragging: !1
-            });
-            return F.removeOnSpill === !0 && K.on("over", kt).on("out", Dt), Ue(), K;
-            function Me(b) {
-              return K.containers.indexOf(b) !== -1 || F.isContainer(b);
-            }
-            function Ue(b) {
-              var M = b ? "remove" : "add";
-              c(v, M, "mousedown", Tt), c(v, M, "mouseup", Be);
-            }
-            function ke(b) {
-              var M = b ? "remove" : "add";
-              c(v, M, "mousemove", St);
-            }
-            function He(b) {
-              var M = b ? "remove" : "add";
-              g[M](v, "selectstart", ze), g[M](v, "click", ze);
-            }
-            function xt() {
-              Ue(!0), Be({});
-            }
-            function ze(b) {
-              Y && b.preventDefault();
-            }
-            function Tt(b) {
-              T = b.clientX, q = b.clientY;
-              var M = S(b) !== 1 || b.metaKey || b.ctrlKey;
-              if (!M) {
-                var R = b.target, $ = De(R);
-                $ && (Y = $, ke(), b.type === "mousedown" && (w(R) ? R.focus() : b.preventDefault()));
-              }
-            }
-            function St(b) {
-              if (Y) {
-                if (S(b) === 0) {
-                  Be({});
-                  return;
-                }
-                if (!(b.clientX !== void 0 && Math.abs(b.clientX - T) <= (F.slideFactorX || 0) && b.clientY !== void 0 && Math.abs(b.clientY - q) <= (F.slideFactorY || 0))) {
-                  if (F.ignoreInputTextSelection) {
-                    var M = C("clientX", b) || 0, R = C("clientY", b) || 0, $ = d.elementFromPoint(M, R);
-                    if (w($))
-                      return;
-                  }
-                  var Q = Y;
-                  ke(!0), He(), Ye(), Ge(Q), u.add(_ || D, "gu-transit"), Rt(), Bt(), ie = 0, Ae(b);
-                }
-              }
-            }
-            function De(b) {
-              if (!(K.dragging && y) && !Me(b)) {
-                for (var M = b; s(b) && Me(s(b)) === !1; )
-                  if (F.invalid(b, M) || (b = s(b), !b))
-                    return;
-                var R = s(b);
-                if (R && !F.invalid(b, M)) {
-                  var $ = F.moves(b, R, M, k(b));
-                  if ($)
-                    return {
-                      item: b,
-                      source: R
-                    };
-                }
-              }
-            }
-            function Et(b) {
-              return !!De(b);
-            }
-            function It(b) {
-              var M = De(b);
-              M && Ge(M);
-            }
-            function Ge(b) {
-              $t(b.item, b.source) && (_ = b.item.cloneNode(!0), K.emit("cloned", _, b.item, "copy")), I = b.source, D = b.item, L = V = k(b.item), K.dragging = !0, K.emit("drag", D, I);
-            }
-            function Pt() {
-              return !1;
-            }
-            function Ye() {
-              if (K.dragging) {
-                var b = _ || D;
-                Qe(b, s(b));
-              }
-            }
-            function Xe() {
-              Y = !1, ke(!0), He(!0);
-            }
-            function Be(b) {
-              if (Xe(), !!K.dragging) {
-                var M = _ || D, R = C("clientX", b) || 0, $ = C("clientY", b) || 0, Q = j(y, R, $), J = Ke(Q, R, $);
-                J && (_ && F.copySortSource || !_ || J !== I) ? Qe(M, J) : F.removeOnSpill ? Je() : Ze();
-              }
-            }
-            function Qe(b, M) {
-              var R = s(b);
-              _ && F.copySortSource && M === I && R.removeChild(D), Oe(M) ? K.emit("cancel", b, I) : K.emit("drop", b, M, I, V), Re();
-            }
-            function Je() {
-              if (K.dragging) {
-                var b = _ || D, M = s(b);
-                M && M.removeChild(b), K.emit(_ ? "cancel" : "remove", b, M, I), Re();
-              }
-            }
-            function Ze(b) {
-              if (K.dragging) {
-                var M = arguments.length > 0 ? b : F.revertOnSpill, R = _ || D, $ = s(R), Q = Oe($);
-                Q === !1 && M && (_ ? $ && $.removeChild(_) : I.insertBefore(R, L)), Q || M ? K.emit("cancel", R, I, I) : K.emit("drop", R, $, I, V), Re();
-              }
-            }
-            function Re() {
-              var b = _ || D;
-              Xe(), Ot(), At(), b && u.rm(b, "gu-transit"), G && clearTimeout(G), K.dragging = !1, z && K.emit("out", b, z, I), K.emit("dragend", b, ie), I = D = _ = L = V = G = z = null;
-            }
-            function Oe(b, M) {
-              var R;
-              return M !== void 0 ? R = M : y ? R = V : R = k(_ || D), b === I && R === L;
-            }
-            function Ke(b, M, R) {
-              for (var $ = b; $ && !Q(); )
-                $ = s($);
-              return $;
-              function Q() {
-                var J = Me($);
-                if (J === !1)
-                  return !1;
-                var ae = et($, b), oe = tt($, ae, M, R), le = Oe($, oe);
-                return le ? !0 : F.accepts(D, $, I, oe);
-              }
-            }
-            function Ae(b) {
-              if (!y)
-                return;
-              b.preventDefault();
-              var M = C("clientX", b) || 0, R = C("clientY", b) || 0;
-              y.style.left = M - 2 + "px", y.style.top = R - 2 + "px";
-              var $ = _ || D, Q = j(y, M, R), J = Ke(Q, M, R), ae = J !== null && J !== z;
-              (ae || J === null) && (se(), z = J, de()), Ft(Q, R);
-              var oe = s($);
-              if (J === I && _ && !F.copySortSource) {
-                oe && oe.removeChild($);
-                return;
-              }
-              var le, ue = et(J, Q);
-              if (ee = Vt(ue, J), ue !== null)
-                le = tt(J, ue, M, R);
-              else if (F.revertOnSpill === !0 && !_)
-                le = L, J = I;
-              else {
-                _ && oe && oe.removeChild($), _ && W && (W.style.display = "none");
-                return;
-              }
-              W.style.display = "block", Mt(le, $, ae), le ? jt(ue, le) : Nt(J);
-              function te(ne) {
-                K.emit(ne, $, z, I);
-              }
-              function de() {
-                ae && te("over");
-              }
-              function se() {
-                z && te("out");
-              }
-            }
-            function Mt(b, M, R) {
-              (b === M || b === k(M)) && (V = k(M)), (b === null && R || b !== M && b !== k(M)) && (V = b);
-            }
-            function kt(b) {
-              u.rm(b, "gu-hide");
-            }
-            function Dt(b) {
-              K.dragging && u.add(b, "gu-hide");
-            }
-            function Bt() {
-              y || (y = document.createElement("div"), y.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", y.innerHTML = F.getMirrorText && F.getMirrorText(D) || "控件", u.add(y, "gu-mirror"), F.mirrorContainer.appendChild(y), c(v, "add", "mousemove", Ae), u.add(F.mirrorContainer, "gu-unselectable"), K.emit("cloned", y, D, "mirror"));
-            }
-            function Rt() {
-              if (W = document.createElement("div"), u.add(W, "gu-insertion"), D) {
-                var b = D.getBoundingClientRect();
-                W.style.left = b.left + "px", W.style.top = b.top + "px";
-              }
-              ee = !1, F.mirrorContainer.appendChild(W);
-            }
-            function Ot() {
-              y && (u.rm(F.mirrorContainer, "gu-unselectable"), c(v, "remove", "mousemove", Ae), s(y).removeChild(y), y = null);
-            }
-            function At() {
-              W && (s(W).removeChild(W), W = null);
-            }
-            function et(b, M) {
-              for (var R = M; R !== b && s(R) !== b; )
-                R = s(R);
-              return R === v ? null : R;
-            }
-            function Vt(b, M) {
-              if (!M)
-                return ee;
-              var R = b || M && M.lastElementChild;
-              if (!R)
-                return !0;
-              var $ = getComputedStyle(b), Q = /^inline/.test($.getPropertyValue("display")) || /^(left|right)$/.test($.getPropertyValue("float"));
-              if (Q)
-                return !0;
-              if (M) {
-                var J = getComputedStyle(M), ae = J.getPropertyValue("display");
-                if (/flex$/.test(ae)) {
-                  var oe = J.getPropertyValue("flex-direction") || "row";
-                  if (oe === "row" || oe === "row-reverse")
-                    return !_t(M);
-                }
-                return !1;
-              }
-              return !0;
-            }
-            function _t(b) {
-              if (!b.children || !b.children.length)
-                return !1;
-              for (const M of Array.from(b.children)) {
-                const $ = (M.className && M.className.split(" ") || []).filter((Q) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(Q));
-                if (!$.length)
-                  return !1;
-                for (const Q of $) {
-                  const J = Q.slice(Q.lastIndexOf("-") + 1);
-                  if (parseInt(J, 10) !== 12)
-                    return !1;
-                }
-              }
-              return !0;
-            }
-            function jt(b, M) {
-              const R = M.getBoundingClientRect();
-              if (W.style.left = R.left + "px", W.style.top = R.top + "px", ee) {
-                if (W.style.height = R.height + "px", W.style.width = "4px", b) {
-                  const $ = b.getBoundingClientRect();
-                  $.top !== R.top && (W.style.left = $.right + "px", W.style.top = $.top + "px", W.style.height = $.height + "px");
-                }
-              } else if (W.style.height = "4px", W.style.width = R.width + "px", Z) {
-                const $ = Z.getBoundingClientRect();
-                R.top < $.top && (W.style.display = "none");
-              }
-              M === D && D && (W.style.display = "none");
-            }
-            function Nt(b) {
-              V = null;
-              var M = b.lastElementChild;
-              if (M) {
-                var R = M.getBoundingClientRect();
-                ee ? (W.style.left = R.right + "px", W.style.top = R.top + "px", W.style.height = R.height + "px", W.style.width = "4px") : (W.style.left = R.left + "px", W.style.top = R.bottom + "px", W.style.height = "4px", W.style.width = R.width + "px"), M === D && D && (W.style.display = "none");
-              } else
-                W.style.display = "none";
-            }
-            function Ft(b, M) {
-              if (!F.mirrorContainer.contains(b) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (Z = m(b), !Z || !Z.contains(b)))
-                return;
-              const R = document.querySelector(".dgComponentSelected"), $ = Z.getBoundingClientRect();
-              if (M - 30 < $.top && Z.scrollTop > 0) {
-                let Q = Z.scrollTop < 10 ? Z.scrollTop : 10;
-                Z.scrollBy(0, -1 * Q), R && Z.contains(R) && (ie = ie + -1 * Q);
-              }
-              if (M + 30 > $.bottom && Z.scrollTop < Z.scrollHeight - Z.clientHeight) {
-                const Q = Z.scrollHeight - Z.clientHeight - Z.scrollTop;
-                let J = Q < 10 ? Q : 10;
-                Z.scrollBy(0, J), R && Z.contains(R) && (ie = ie + J);
-              }
-            }
-            function tt(b, M, R, $) {
-              var Q = F.direction === "horizontal", J = F.direction === "mixed", ae = M !== b ? le() : oe();
-              return ae;
-              function oe() {
-                var te = b.children.length, de, se, ne;
-                for (de = 0; de < te; de++)
-                  if (se = b.children[de], ne = se.getBoundingClientRect(), Q && ne.left + ne.width / 2 > R || !J && !Q && ne.top + ne.height / 2 > $ || J && ne.left + ne.width > R && ne.top + ne.height > $)
-                    return se;
-                return null;
-              }
-              function le() {
-                var te = M.getBoundingClientRect();
-                if (J) {
-                  var de = $ - te.top, se = R - te.left, ne = te.bottom - $, Ve = te.right - R, _e = Math.min(se, Ve, de, ne), je;
-                  return ee ? je = Ve < se : je = ne === _e || Ve === _e || se === _e, ue(je);
-                }
-                return ue(Q ? R > te.left + B(te) / 2 : $ > te.top + f(te) / 2);
-              }
-              function ue(te) {
-                return te ? k(M) : M;
-              }
-            }
-            function $t(b, M) {
-              return typeof F.copy == "boolean" ? F.copy : F.copy(b, M);
-            }
-          }
-          function m(a) {
-            const E = Array.from(window.scrollContainerList);
-            if (E.length === 1) {
-              const y = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(y);
-            }
-            const P = h(E);
-            for (const y of P)
-              if (y.contains(a))
-                return y;
-            return null;
-          }
-          function h(a) {
-            const E = [];
-            return a.forEach((P) => {
-              const y = document.getElementById(P);
-              y && E.push(y);
-            }), E.sort((P, y) => P.contains(y) ? 1 : y.contains(P) ? -1 : 0), E;
-          }
-          function c(a, E, P, y) {
-            var I = {
-              mouseup: "touchend",
-              mousedown: "touchstart",
-              mousemove: "touchmove"
-            }, D = {
-              mouseup: "pointerup",
-              mousedown: "pointerdown",
-              mousemove: "pointermove"
-            }, T = {
-              mouseup: "MSPointerUp",
-              mousedown: "MSPointerDown",
-              mousemove: "MSPointerMove"
-            };
-            i.navigator.pointerEnabled ? g[E](a, D[P], y) : i.navigator.msPointerEnabled ? g[E](a, T[P], y) : (g[E](a, I[P], y), g[E](a, P, y));
-          }
-          function S(a) {
-            if (a.touches !== void 0)
-              return a.touches.length;
-            if (a.which !== void 0 && a.which !== 0)
-              return a.which;
-            if (a.buttons !== void 0)
-              return a.buttons;
-            var E = a.button;
-            if (E !== void 0)
-              return E & 1 ? 1 : E & 2 ? 3 : E & 4 ? 2 : 0;
-          }
-          function j(a, E, P) {
-            a = a || {};
-            var y = a.className || "", I;
-            return a.className += " gu-hide", I = d.elementFromPoint(E, P), a.className = y, I;
-          }
-          function N() {
-            return !1;
-          }
-          function A() {
-            return !0;
-          }
-          function B(a) {
-            return a.width || a.right - a.left;
-          }
-          function f(a) {
-            return a.height || a.bottom - a.top;
-          }
-          function s(a) {
-            return a.parentNode === d ? null : a.parentNode;
-          }
-          function w(a) {
-            return a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.tagName === "SELECT" || x(a);
-          }
-          function x(a) {
-            return !a || a.contentEditable === "false" ? !1 : a.contentEditable === "true" ? !0 : x(s(a));
-          }
-          function k(a) {
-            return a.nextElementSibling || E();
-            function E() {
-              var P = a;
-              do
-                P = P.nextSibling;
-              while (P && P.nodeType !== 1);
-              return P;
-            }
-          }
-          function H(a) {
-            return a.targetTouches && a.targetTouches.length ? a.targetTouches[0] : a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a;
-          }
-          function C(a, E) {
-            var P = H(E), y = {
-              pageX: "clientX",
-              // IE8
-              pageY: "clientY"
-              // IE8
-            };
-            return a in y && !(a in P) && y[a] in P && (a = y[a]), P[a];
-          }
-          n.exports = p;
-        }).call(this, typeof fe < "u" ? fe : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
-      3: [function(e, n, r) {
-        n.exports = function(l, g) {
-          return Array.prototype.slice.call(l, g);
-        };
-      }, {}],
-      4: [function(e, n, r) {
-        var i = e("ticky");
-        n.exports = function(g, u, d) {
-          g && i(function() {
-            g.apply(d || null, u || []);
-          });
-        };
-      }, { ticky: 10 }],
-      5: [function(e, n, r) {
-        var i = e("atoa"), l = e("./debounce");
-        n.exports = function(u, d) {
-          var v = d || {}, p = {};
-          return u === void 0 && (u = {}), u.on = function(m, h) {
-            return p[m] ? p[m].push(h) : p[m] = [h], u;
-          }, u.once = function(m, h) {
-            return h._once = !0, u.on(m, h), u;
-          }, u.off = function(m, h) {
-            var c = arguments.length;
-            if (c === 1)
-              delete p[m];
-            else if (c === 0)
-              p = {};
-            else {
-              var S = p[m];
-              if (!S)
-                return u;
-              S.splice(S.indexOf(h), 1);
-            }
-            return u;
-          }, u.emit = function() {
-            var m = i(arguments);
-            return u.emitterSnapshot(m.shift()).apply(this, m);
-          }, u.emitterSnapshot = function(m) {
-            var h = (p[m] || []).slice(0);
-            return function() {
-              var c = i(arguments), S = this || u;
-              if (m === "error" && v.throws !== !1 && !h.length)
-                throw c.length === 1 ? c[0] : c;
-              return h.forEach(function(N) {
-                v.async ? l(N, c, S) : N.apply(S, c), N._once && u.off(m, N);
-              }), u;
-            };
-          }, u;
-        };
-      }, { "./debounce": 4, atoa: 3 }],
-      6: [function(e, n, r) {
-        (function(i) {
-          var l = e("custom-event"), g = e("./eventmap"), u = i.document, d = m, v = c, p = [];
-          i.addEventListener || (d = h, v = S), n.exports = {
-            add: d,
-            remove: v,
-            fabricate: j
-          };
-          function m(s, w, x, k) {
-            return s.addEventListener(w, x, k);
-          }
-          function h(s, w, x) {
-            return s.attachEvent("on" + w, A(s, w, x));
-          }
-          function c(s, w, x, k) {
-            return s.removeEventListener(w, x, k);
-          }
-          function S(s, w, x) {
-            var k = B(s, w, x);
-            if (k)
-              return s.detachEvent("on" + w, k);
-          }
-          function j(s, w, x) {
-            var k = g.indexOf(w) === -1 ? C() : H();
-            s.dispatchEvent ? s.dispatchEvent(k) : s.fireEvent("on" + w, k);
-            function H() {
-              var a;
-              return u.createEvent ? (a = u.createEvent("Event"), a.initEvent(w, !0, !0)) : u.createEventObject && (a = u.createEventObject()), a;
-            }
-            function C() {
-              return new l(w, { detail: x });
-            }
-          }
-          function N(s, w, x) {
-            return function(H) {
-              var C = H || i.event;
-              C.target = C.target || C.srcElement, C.preventDefault = C.preventDefault || function() {
-                C.returnValue = !1;
-              }, C.stopPropagation = C.stopPropagation || function() {
-                C.cancelBubble = !0;
-              }, C.which = C.which || C.keyCode, x.call(s, C);
-            };
-          }
-          function A(s, w, x) {
-            var k = B(s, w, x) || N(s, w, x);
-            return p.push({
-              wrapper: k,
-              element: s,
-              type: w,
-              fn: x
-            }), k;
-          }
-          function B(s, w, x) {
-            var k = f(s, w, x);
-            if (k) {
-              var H = p[k].wrapper;
-              return p.splice(k, 1), H;
-            }
-          }
-          function f(s, w, x) {
-            var k, H;
-            for (k = 0; k < p.length; k++)
-              if (H = p[k], H.element === s && H.type === w && H.fn === x)
-                return k;
-          }
-        }).call(this, typeof fe < "u" ? fe : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, { "./eventmap": 7, "custom-event": 8 }],
-      7: [function(e, n, r) {
-        (function(i) {
-          var l = [], g = "", u = /^on/;
-          for (g in i)
-            u.test(g) && l.push(g.slice(2));
-          n.exports = l;
-        }).call(this, typeof fe < "u" ? fe : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, {}],
-      8: [function(e, n, r) {
-        (function(i) {
-          var l = i.CustomEvent;
-          function g() {
-            try {
-              var u = new l("cat", { detail: { foo: "bar" } });
-              return u.type === "cat" && u.detail.foo === "bar";
-            } catch {
-            }
-            return !1;
-          }
-          n.exports = g() ? l : (
-            // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(d, v) {
-              var p = document.createEvent("CustomEvent");
-              return v ? p.initCustomEvent(d, v.bubbles, v.cancelable, v.detail) : p.initCustomEvent(d, !1, !1, void 0), p;
-            } : (
-              // IE <= 8
-              function(d, v) {
-                var p = document.createEventObject();
-                return p.type = d, v ? (p.bubbles = !!v.bubbles, p.cancelable = !!v.cancelable, p.detail = v.detail) : (p.bubbles = !1, p.cancelable = !1, p.detail = void 0), p;
-              }
-            )
-          );
-        }).call(this, typeof fe < "u" ? fe : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, {}],
-      9: [function(e, n, r) {
-        var i = n.exports = {}, l, g;
-        function u() {
-          throw new Error("setTimeout has not been defined");
-        }
-        function d() {
-          throw new Error("clearTimeout has not been defined");
-        }
-        (function() {
-          try {
-            typeof setTimeout == "function" ? l = setTimeout : l = u;
-          } catch {
-            l = u;
-          }
-          try {
-            typeof clearTimeout == "function" ? g = clearTimeout : g = d;
-          } catch {
-            g = d;
-          }
-        })();
-        function v(f) {
-          if (l === setTimeout)
-            return setTimeout(f, 0);
-          if ((l === u || !l) && setTimeout)
-            return l = setTimeout, setTimeout(f, 0);
-          try {
-            return l(f, 0);
-          } catch {
-            try {
-              return l.call(null, f, 0);
-            } catch {
-              return l.call(this, f, 0);
-            }
-          }
-        }
-        function p(f) {
-          if (g === clearTimeout)
-            return clearTimeout(f);
-          if ((g === d || !g) && clearTimeout)
-            return g = clearTimeout, clearTimeout(f);
-          try {
-            return g(f);
-          } catch {
-            try {
-              return g.call(null, f);
-            } catch {
-              return g.call(this, f);
-            }
-          }
-        }
-        var m = [], h = !1, c, S = -1;
-        function j() {
-          !h || !c || (h = !1, c.length ? m = c.concat(m) : S = -1, m.length && N());
-        }
-        function N() {
-          if (!h) {
-            var f = v(j);
-            h = !0;
-            for (var s = m.length; s; ) {
-              for (c = m, m = []; ++S < s; )
-                c && c[S].run();
-              S = -1, s = m.length;
-            }
-            c = null, h = !1, p(f);
-          }
-        }
-        i.nextTick = function(f) {
-          var s = new Array(arguments.length - 1);
-          if (arguments.length > 1)
-            for (var w = 1; w < arguments.length; w++)
-              s[w - 1] = arguments[w];
-          m.push(new A(f, s)), m.length === 1 && !h && v(N);
-        };
-        function A(f, s) {
-          this.fun = f, this.array = s;
-        }
-        A.prototype.run = function() {
-          this.fun.apply(null, this.array);
-        }, i.title = "browser", i.browser = !0, i.env = {}, i.argv = [], i.version = "", i.versions = {};
-        function B() {
-        }
-        i.on = B, i.addListener = B, i.once = B, i.off = B, i.removeListener = B, i.removeAllListeners = B, i.emit = B, i.prependListener = B, i.prependOnceListener = B, i.listeners = function(f) {
-          return [];
-        }, i.binding = function(f) {
-          throw new Error("process.binding is not supported");
-        }, i.cwd = function() {
-          return "/";
-        }, i.chdir = function(f) {
-          throw new Error("process.chdir is not supported");
-        }, i.umask = function() {
-          return 0;
-        };
-      }, {}],
-      10: [function(e, n, r) {
-        (function(i) {
-          var l = typeof i == "function", g;
-          l ? g = function(u) {
-            i(u);
-          } : g = function(u) {
-            setTimeout(u, 0);
-          }, n.exports = g;
-        }).call(this, e("timers").setImmediate);
-      }, { timers: 11 }],
-      11: [function(e, n, r) {
-        (function(i, l) {
-          var g = e("process/browser.js").nextTick, u = Function.prototype.apply, d = Array.prototype.slice, v = {}, p = 0;
-          r.setTimeout = function() {
-            return new m(u.call(setTimeout, window, arguments), clearTimeout);
-          }, r.setInterval = function() {
-            return new m(u.call(setInterval, window, arguments), clearInterval);
-          }, r.clearTimeout = r.clearInterval = function(h) {
-            h.close();
-          };
-          function m(h, c) {
-            this._id = h, this._clearFn = c;
-          }
-          m.prototype.unref = m.prototype.ref = function() {
-          }, m.prototype.close = function() {
-            this._clearFn.call(window, this._id);
-          }, r.enroll = function(h, c) {
-            clearTimeout(h._idleTimeoutId), h._idleTimeout = c;
-          }, r.unenroll = function(h) {
-            clearTimeout(h._idleTimeoutId), h._idleTimeout = -1;
-          }, r._unrefActive = r.active = function(h) {
-            clearTimeout(h._idleTimeoutId);
-            var c = h._idleTimeout;
-            c >= 0 && (h._idleTimeoutId = setTimeout(function() {
-              h._onTimeout && h._onTimeout();
-            }, c));
-          }, r.setImmediate = typeof i == "function" ? i : function(h) {
-            var c = p++, S = arguments.length < 2 ? !1 : d.call(arguments, 1);
-            return v[c] = !0, g(function() {
-              v[c] && (S ? h.apply(null, S) : h.call(null), r.clearImmediate(c));
-            }), c;
-          }, r.clearImmediate = typeof l == "function" ? l : function(h) {
-            delete v[h];
-          };
-        }).call(this, e("timers").setImmediate, e("timers").clearImmediate);
-      }, { "process/browser.js": 9, timers: 11 }]
-    }, {}, [2])(2);
-  });
-})(Ct);
-var zn = Ct.exports;
-const rt = /* @__PURE__ */ Hn(zn);
-function Gn(o) {
-  let t;
-  function e(r, i, l, g) {
-    const u = o.schema;
-    if (!(u != null && u.buttons))
-      return;
-    let d;
-    if (l) {
-      const h = l.getAttribute("id");
-      d = Array.from(i.children).findIndex((c) => c.getAttribute("id") === h);
-    } else
-      d = Array.from(i.children).length;
-    const v = r.getAttribute("id"), p = Array.from(i.children).findIndex((h) => h.getAttribute("id") === v), m = u.buttons[p];
-    p !== d && p > -1 && d > -1 && (p < d && (d = d - 1), u.buttons.splice(p, 1), u.buttons.splice(d, 0, m), g(), me(() => {
-      const h = i.querySelector(".dgComponentSelected");
-      h != null && h.className.includes("dgComponentSelected") && (h.classList.remove("dgComponentSelected"), h.classList.remove("dgComponentFocused"), h.click()), ve.value++;
-    }));
-  }
-  function n(r, i, l) {
-    t && t.destroy(), !(!rt || !r || !i) && (t = rt([r], {
-      mirrorContainer: i,
-      direction: "horizontal",
-      getMirrorText(g) {
-        return g.innerText;
-      },
-      // 判断是否可移动
-      moves(g, u, d) {
-        let v = !0;
-        return d.classList.contains("dropdown-item") ? (v = !1, v) : (g.classList.contains("no-drag") && (v = !1), v);
-      }
-    }).on("drop", (g, u, d, v) => e(g, u, v, l)));
-  }
-  return {
-    dragulaInstance: t,
-    initDragula: n
-  };
-}
-function Yn(o, t, e) {
-  const {
-    renderToolbarItemDesigner: n,
-    actionHandlers: r
-  } = e;
-  let i;
-  function l(A) {
-    i = A;
-  }
-  function g(A, B = null) {
-    const f = t.value.find((s) => s.id === A.id);
-    if (f.isDP)
-      if (document.body.click(), typeof B == "boolean")
-        f.expanded = B;
-      else {
-        const s = A.expanded;
-        f.expanded = !s;
-      }
-  }
-  r.toggleDropdownMenu = g;
-  function u(A) {
-    var f;
-    const B = {
-      "dropdown-menu": !0
-    };
-    if (A.class) {
-      const s = (f = A.menuClass) == null ? void 0 : f.split(" ");
-      s && s.length && s.reduce((w, x) => (w[x] = !0, w), B);
-    }
-    return B;
-  }
-  function d(A) {
-    var s;
-    const B = {
-      disabled: A.disabled === !1,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0,
-      "text-truncate": !0
-    }, f = (s = A.dropdownClass) == null ? void 0 : s.split(" ");
-    return f && f.length && f.reduce((w, x) => (w[x] = !0, w), B), B;
-  }
-  function v(A) {
-    const B = {
-      disabled: !1,
-      "dropdown-item": !0,
-      "f-rt-btn": !0,
-      "position-relative": !0,
-      "farris-component": !0,
-      "text-truncate": !0
-    }, f = (A.class || "").split(" ");
-    return f && f.length && f.reduce((s, w) => (s[w] = !0, s), B), B;
-  }
-  let p;
-  const m = /* @__PURE__ */ new Map();
-  function h(A, B, f) {
-    A.stopPropagation();
-    const s = f ? f.id : "__top_item__";
-    if (B.children && B.children.length && (B.expanded = !B.expanded, B.expanded)) {
-      if (m.has(s) && m.get(s) !== B) {
-        const w = m.get(s);
-        w && (w.expanded = !1, m.delete(s));
-      }
-      m.set(s, B);
-    }
-  }
-  function c(A) {
-    var B;
-    return (B = A.children) == null ? void 0 : B.map((f, s) => f.children && f.children.length ? O("li", {
-      class: d(f),
-      id: f.id
-    }, [O("span", {
-      class: v(f),
-      onClick: (w) => h(w, f, A)
-    }, [f.text, O("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), p(f, f)]) : n(f, s, !0));
-  }
-  function S(A, B, f, s) {
-    const {
-      height: k,
-      left: H,
-      top: C
-    } = s[0], {
-      width: a,
-      height: E
-    } = f.getBoundingClientRect(), {
-      marginTop: P,
-      marginBottom: y
-    } = getComputedStyle(f), I = Math.ceil(parseFloat(P)) + Math.ceil(parseFloat(y)), D = C + k, T = B == null ? void 0 : B.getBoundingClientRect();
-    function q() {
-      let G = 0, z = "left";
-      const Y = T ? T.right : window.innerWidth, W = T ? T.left : 0;
-      return G = Y - H - 10, Y - H < a && H - W > Y - H && (z = "right", G = H - W - 10), {
-        hposition: z,
-        maxWidth: Math.min(G, 300)
-      };
-    }
-    let L = 0, V = "bottom";
-    if (A === "tabs" || A === "section")
-      L = B.getBoundingClientRect().bottom - D - I - 10;
-    else {
-      const G = T ? T.bottom : window.innerHeight;
-      L = A === "page-header" ? G - D : C, L = L - I - 10, V = A === "page-header" ? "bottom" : "top";
-    }
-    const _ = q();
-    return {
-      position: V + "-" + _.hposition,
-      maxWidth: _.maxWidth,
-      maxHeight: L
-    };
-  }
-  function j(A) {
-    var x, k, H;
-    const B = "300px", f = {
-      display: A.expanded === !0 ? "block" : "none",
-      position: "absolute",
-      maxWidth: B,
-      minWidth: "120px"
-    };
-    if (!(i != null && i.value))
-      return f;
-    const s = i.value.querySelector("#" + A.id), w = s == null ? void 0 : s.getClientRects();
-    if (s && w && w.length > 0) {
-      const C = s ? s.querySelector("#" + A.id + "_menu") : null;
-      if (!C || A.expanded !== !0)
-        return f;
-      C.style.visibility = "hidden", C.style.display = "block", C.style.maxHeight = "auto", C.style.maxWidth = B;
-      let a;
-      switch (r.toolbarPosition) {
-        case "tabs":
-          a = (x = i.value) == null ? void 0 : x.closest(".farris-tabs");
-          break;
-        case "section":
-          a = (k = i.value) == null ? void 0 : k.closest(".f-section");
-          break;
-        default:
-          a = (H = i.value) == null ? void 0 : H.closest(".f-page");
-      }
-      const E = S(r.toolbarPosition, a, C, w), {
-        position: P,
-        maxHeight: y,
-        maxWidth: I
-      } = E;
-      C.style.visibility = "visible";
-      const D = {
-        left: P.indexOf("left") > -1 ? 0 : "unset",
-        right: P.indexOf("left") > -1 ? "unset" : 0,
-        bottom: P.indexOf("bottom") > -1 ? "unset" : "100%",
-        top: P.indexOf("bottom") > -1 ? "!00%" : "unset",
-        maxWidth: I ? I + "px" : "300px",
-        maxHeight: y ? y + "px" : "auto",
-        overflowY: y ? "auto" : "unset"
-      };
-      Object.assign(f, D);
-    }
-    return f;
-  }
-  r.changeMenuPosition = j, p = function(A, B) {
-    return O("ul", {
-      class: u(A),
-      style: j(A),
-      id: A.id + "_menu"
-    }, [c(A)]);
-  };
-  function N(A = "") {
-    A && m.has(A) ? m.forEach((B, f) => {
-      f !== A && (B.expanded = !1, m.delete(f));
-    }) : (m.forEach((B) => {
-      B.expanded = !1;
-    }), m.clear());
-  }
-  return {
-    renderDropdownMenu: p,
-    clearAllDropDownMenu: N,
-    setResponseToolbarRef: l
-  };
-}
-const Xn = {
-  id: { type: String, default: "" },
-  componentId: { type: String, default: "" },
-  canAdd: { type: Boolean, default: !1 },
-  canDelete: { type: Boolean, default: !1 },
-  canMove: { type: Boolean, default: !1 },
-  contentKey: { type: String, default: "contents" },
-  childLabel: { type: String, default: "" },
-  childType: { type: String, default: "" },
-  /**
-   * 组件值
-   */
-  modelValue: { type: Object }
-};
-function Qn(o, t, e) {
-  var w;
-  const n = "", r = X();
-  function i() {
-    return !0;
-  }
-  function l() {
-    return !1;
-  }
-  function g() {
-    return !0;
-  }
-  function u() {
-    return !0;
-  }
-  function d() {
-    return !0;
-  }
-  function v(x) {
-    if (!x || !x.value)
-      return null;
-    const k = X(x == null ? void 0 : x.value.parent), H = v(k);
-    return H || null;
-  }
-  function p(x = t) {
-    var a;
-    const { componentInstance: k, designerItemElementRef: H } = x;
-    if (!k || !k.value)
-      return null;
-    const { getCustomButtons: C } = k.value;
-    return k.value.canMove || k.value.canAdd || k.value.canDelete || C && ((a = C()) != null && a.length) ? H : p(x.parent);
-  }
-  function m() {
-  }
-  function h(x) {
-    return !!e;
-  }
-  function c() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function S() {
-  }
-  function j(x, k) {
-  }
-  function N(x) {
-    const { componentType: k } = x, H = ce("designer-host-service");
-    let C = be(k, x, H);
-    const a = k.toLowerCase().replace(/-/g, "_");
-    return C && !C.id && C.type === k && (C.id = `${a}_${Math.random().toString().slice(2, 6)}`), C;
-  }
-  function A(x) {
-  }
-  function B(...x) {
-    return [];
-  }
-  function f() {
-  }
-  function s(x) {
-  }
-  return r.value = {
-    canMove: i(),
-    canSelectParent: l(),
-    canAdd: u(),
-    canDelete: g(),
-    canNested: !d(),
-    contents: [],
-    elementRef: o,
-    parent: (w = t.parent) == null ? void 0 : w.componentInstance,
-    schema: t.schema,
-    styles: n,
-    canAccepts: h,
-    getBelongedComponentInstance: v,
-    getDraggableDesignItemElement: p,
-    getDraggingDisplayText: c,
-    getPropConfig: B,
-    getDragScopeElement: S,
-    onAcceptMovedChildElement: j,
-    onChildElementMovedOut: A,
-    addNewChildComponentSchema: N,
-    onRemoveComponent: f,
-    triggerBelongedComponentToMoveWhenMoved: X(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: X(!1),
-    onPropertyChanged: s,
-    getCustomButtons: m
-  }, r;
-}
-const Jn = /* @__PURE__ */ Ie({
-  name: "FDesignerInnerItem",
-  props: Xn,
-  emits: ["selectionChange", "addComponent", "removeComponent", "clickButton"],
-  setup(o, t) {
-    const e = X(o.canMove), n = X(o.canAdd), r = X(o.canDelete), i = X(!1), l = X(o.contentKey), g = X(o.childType), u = X(o.childLabel), d = X(o.modelValue), v = X(""), p = X(), m = ce("canvas-dragula"), h = X(), c = ce("design-item-context"), S = {
-      designerItemElementRef: p,
-      componentInstance: h,
-      schema: d.value,
-      parent: c,
-      setupContext: t
-    };
-    at("design-item-context", S);
-    const j = re(() => {
-      var D;
-      const y = ((D = h.value) == null ? void 0 : D.getCustomButtons) && h.value.getCustomButtons();
-      return {
-        "farris-component": !0,
-        // 受position-relative影响，整个容器的高度不能被撑起
-        "flex-fill": o.id === "root-component",
-        "position-relative": e.value || r.value || (y == null ? void 0 : y.length),
-        "farris-nested": i.value,
-        "can-move": e.value,
-        "d-none": p.value && p.value.classList.contains("d-none")
-      };
-    }), N = re(() => {
-      const y = {};
-      return v.value && v.value.split(";").reduce((I, D) => {
-        const [T, q] = D.split(":");
-        return T && (I[T] = q), I;
-      }, y), y;
-    });
-    function A(y, I) {
-      if (c && c.schema[l.value]) {
-        const D = c.schema[l.value].findIndex((T) => T.id === I.id);
-        if (D > -1) {
-          const T = c.schema[l.value].length, q = c.schema[l.value][D % T];
-          c.designerItemElementRef.value.querySelector(`#${q.id}-design-item`), c.schema[l.value].splice(D, 1), ve.value++, t.emit("removeComponent"), t.emit("selectionChange");
-        }
-      }
-    }
-    function B(y) {
-      if (h.value.addNewChildComponentSchema) {
-        const I = {
-          componentType: g.value,
-          label: u.value,
-          parentComponentInstance: h.value,
-          targetPosition: -1
-        }, D = h.value.addNewChildComponentSchema(I);
-        d.value[l.value].push(D), t.emit("addComponent");
-      }
-    }
-    function f() {
-      return n.value && O("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "新增",
-        ref: "removeComponent",
-        onClick: (y) => {
-          B();
-        }
-      }, [O("i", {
-        class: "f-icon f-icon-plus-circle"
-      }, null)]);
-    }
-    function s(y) {
-      return r.value && O("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "删除",
-        ref: "removeComponent",
-        onClick: Ht((I) => A(I, y), ["stop"])
-      }, [O("i", {
-        class: "f-icon f-icon-yxs_delete"
-      }, null)]);
-    }
-    function w() {
-      return e.value && O("div", {
-        role: "button",
-        class: "btn component-settings-button",
-        title: "移动",
-        ref: "moveComponent"
-      }, [O("i", {
-        "data-dragging-icon": "true",
-        class: "cmp_move f-icon f-icon-yxs_move"
-      }, null)]);
-    }
-    function x() {
-      var I;
-      const y = ((I = h.value) == null ? void 0 : I.getCustomButtons) && h.value.getCustomButtons();
-      return y && !!y.length && y.map((D) => O("div", {
-        role: "button",
-        class: `btn component-settings-button ${D.class || ""} ${D.text ? "settings-button-extend" : ""}`,
-        title: D.title,
-        ref: D.id,
-        onClick: (T) => D.onClick && D.onClick(T)
-      }, [O("i", {
-        class: "f-icon " + D.icon
-      }, null), D.text && O("span", {
-        class: "icon-text"
-      }, [D.text])]));
-    }
-    function k(y) {
-      return O("div", {
-        class: "component-btn-group",
-        "data-noattach": "true"
-      }, [O("div", null, [f(), w(), s(y), x()])]);
-    }
-    Se(() => o.modelValue, (y) => {
-      d.value = y, S.schema = y;
-    });
-    function H(y) {
-      window.scrollContainerList || (window.scrollContainerList = /* @__PURE__ */ new Set());
-      const I = y.getAttribute("id");
-      I && window.scrollContainerList.add(I);
-    }
-    function C(y) {
-      const I = y.target;
-      H(I), $n(I);
-    }
-    function a() {
-      var y, I;
-      (I = (y = d.value) == null ? void 0 : y.contents) != null && I.length && p.value && p.value.addEventListener("scroll", C);
-    }
-    function E() {
-      const y = p.value, I = X(y.children[1]);
-      return Qn(I, S).value;
-    }
-    Pe(() => {
-      if (p.value) {
-        const y = p.value.querySelector(`[data-dragref='${d.value.id}-container']`);
-        h.value = y && y.componentInstance ? y.componentInstance.value : E(), m && y && m.attachComponents(y, d.value), i.value = h.value.canNested !== void 0 ? h.value.canNested : i.value, n.value = h.value.canAdd !== void 0 ? h.value.canAdd : n.value, r.value = h.value.canDelete !== void 0 ? h.value.canDelete : r.value, e.value = h.value.canMove !== void 0 ? h.value.canMove : e.value, v.value = h.value.styles || "", p.value && (p.value.componentInstance = h, p.value.designItemContext = S);
-      }
-      a(), ve.value++;
-    }), Ut(() => {
-      p.value && p.value.removeEventListener("scroll", C);
-    });
-    function P(y) {
-      y && (y.preventDefault(), y.stopPropagation());
-      let I = S.designerItemElementRef;
-      const D = p.value;
-      if (D) {
-        const T = document.getElementsByClassName("dgComponentFocused");
-        T && T.length === 1 && T[0] === p.value && p.value.classList.contains("dgComponentSelected") || (Array.from(T).forEach((L) => L.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((L) => L.classList.remove("dgComponentSelected")), D.classList.add("dgComponentFocused"), t.emit("selectionChange", d.value.type, d.value, o.componentId, h.value), h.value.getDraggableDesignItemElement && (I = h.value.getDraggableDesignItemElement(S), I && I.value && I.value.classList.add("dgComponentSelected")));
-      }
-      bt(I == null ? void 0 : I.value);
-    }
-    return () => O("div", {
-      id: `${o.id}-design-item`,
-      ref: p,
-      class: j.value,
-      style: N.value,
-      onClick: P
-    }, [k(d.value), t.slots.default && t.slots.default()]);
-  }
-});
-class Zn extends Qt {
-  constructor(t, e) {
-    super(t, e);
-  }
-  getPropertyConfig(t, e = !1) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.basic.properties.text = {
-      title: "文本",
-      type: "string",
-      description: "",
-      refreshPanelAfterChanged: !0
-    }, this.getAppearanceProperties(t, e), this.getbBehaviorConfig(t), this.getEventPropConfig(t), this.propertyConfig;
-  }
-  getAppearanceProperties(t, e = !1) {
-    this.propertyConfig.categories.appearance = {
-      title: "外观",
-      properties: {
-        class: {
-          description: "组件的CSS样式",
-          title: "class样式",
-          visible: !e
-        },
-        icon: {
-          title: "图标",
-          type: "string",
-          description: ""
-        },
-        split: {
-          title: "下拉按钮分离",
-          type: "boolean",
-          description: "启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",
-          visible: !!(t.children && t.children.length > 0)
-        }
-      }
-    };
-  }
-  getbBehaviorConfig(t) {
-    const e = this.getPropertyEditorParams(t, ["Const", "Variable", "StateMachine", "Expression"], "disabled");
-    this.propertyConfig.categories.behavior = this.getBehaviorConfig(t, "", {
-      disabled: {
-        title: "禁用",
-        type: "boolean",
-        description: "按钮禁用状态",
-        refreshPanelAfterChanged: !0,
-        editor: e
-      }
-    });
-  }
-  getEventPropConfig(t) {
-    const e = [
-      {
-        label: "onClick",
-        name: "点击事件"
-      }
-    ], n = this, r = n.eventsEditorUtils.formProperties(t, n.viewModelId, e), i = {};
-    i[n.viewModelId] = {
-      type: "events-editor",
-      editor: {
-        initialData: r
-      }
-    }, this.propertyConfig.categories.eventsEditor = {
-      title: "事件",
-      hideTitle: !0,
-      properties: i,
-      // 这个属性，标记当属性变更得时候触发重新更新属性
-      refreshPanelAfterChanged: !0,
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(l, g) {
-        const u = l.propertyValue;
-        delete t[n.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, n.eventsEditorUtils.saveRelatedParameters(t, n.viewModelId, u.events, u));
-      }
-    };
-  }
-}
-class Kn extends yt {
-  constructor(e, n, r = "response-toolbar-item") {
-    super(e, n);
-    U(this, "toolbarType", "response-toolbar-item");
-    this.toolbarType = r;
-  }
-  /**
-   * 
-   * @param propertyData 
-   * @param isDropdownItem 是否是下拉子项，有些属性在下拉子项上不应该显示 
-   * @returns 
-   */
-  getPropertyConfig(e, n = !1) {
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.basic.properties.text = {
-      title: "文本",
-      type: "string",
-      description: "",
-      refreshPanelAfterChanged: !0
-    }, this.propertyConfig.categories.basic.setPropertyRelates = (i) => {
-      if (i)
-        switch (i && i.propertyID) {
-          case "text": {
-            i.needRefreshControlTree = !0;
-            break;
-          }
-        }
-    }, this.getAppearanceProperties(e, n);
-    const r = this.getPropertyEditorParams(e, ["Const", "Variable", "StateMachine", "Expression"], "disabled");
-    return this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "", {
-      disabled: {
-        title: "禁用",
-        type: "boolean",
-        description: "按钮禁用状态",
-        refreshPanelAfterChanged: !0,
-        editor: r
-      }
-    }), this.getEventPropConfig(e), this.propertyConfig;
-  }
-  getAppearanceProperties(e, n = !1) {
-    this.propertyConfig.categories.appearance = {
-      title: "外观",
-      description: "Appearance",
-      properties: {
-        class: {
-          title: "class样式",
-          type: "string",
-          description: "",
-          $converter: "/converter/appearance.converter",
-          visible: !n
-        },
-        // "dropdownClass": {
-        //     "title": "在下拉菜单中的样式",
-        //     "type": "string",
-        //     "description": ""
-        // },
-        icon: {
-          title: "图标",
-          type: "string",
-          description: ""
-        },
-        split: {
-          title: "下拉按钮分离",
-          type: "boolean",
-          description: "启用下拉按钮分离，可以单独点击按钮。单独点击下拉按钮展开下拉面板",
-          visible: !!(e.children && e.children.length > 0)
-        },
-        tipsEnable: {
-          title: "启用提示",
-          type: "boolean",
-          description: "当启用提示时，鼠标滑过按钮会有消息提示框",
-          refreshPanelAfterChanged: !0,
-          visible: this.toolbarType === "response-toolbar-item"
-        },
-        tipsText: {
-          title: "提示消息内容",
-          type: "string",
-          description: "消息提示框内的展示内容",
-          visible: e.tipsEnable === !0
-        }
-      }
-    };
-  }
-  getEventPropConfig(e) {
-    const n = [
-      {
-        label: "onClick",
-        name: "点击事件"
-      }
-    ], r = this, i = r.eventsEditorUtils.formProperties(e, r.viewModelId, n), l = {};
-    l[r.viewModelId] = {
-      type: "events-editor",
-      editor: {
-        initialData: i
-      }
-    }, this.propertyConfig.categories.eventsEditor = {
-      title: "事件",
-      hideTitle: !0,
-      properties: l,
-      // 这个属性，标记当属性变更得时候触发重新更新属性
-      refreshPanelAfterChanged: !0,
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(g, u) {
-        const d = g.propertyValue;
-        delete e[r.viewModelId], d && (d.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, d.events, d));
-      }
-    };
-  }
-}
-function Ne(o, t) {
-  if (!o)
-    return !1;
-  const e = t || [];
-  return (e == null ? void 0 : e.findIndex((r) => r.id === o)) === -1;
-}
-function it(o, t) {
-  const e = t || [];
-  let n = { parentIndex: -1, itemIndex: -1 };
-  return e.some((r, i) => {
-    if (r.children && r.children.length > 0) {
-      const l = r.children.findIndex((g) => g.id === o);
-      return l > -1 ? (n = { parentIndex: i, itemIndex: l }, !0) : !1;
-    }
-  }), n;
-}
-function st(o, t) {
-  const e = t || [];
-  let n = { parentIndex: -1, itemIndex: -1 };
-  const r = e == null ? void 0 : e.findIndex((i) => i.id === o);
-  return r > -1 ? { parent: null, item: e[r] } : (e.some((i, l) => {
-    if (i.children && i.children.length > 0) {
-      const g = i.children.findIndex((u) => u.id === o);
-      return g > -1 ? (n = { parentIndex: l, itemIndex: g }, !0) : !1;
-    }
-  }), n.parentIndex < 0 ? { parent: null, item: null } : { parent: e[n.parentIndex], item: e[n.parentIndex].children[n.itemIndex] });
-}
-function eo(o, t) {
-  const e = t || [], n = e == null ? void 0 : e.findIndex((r) => r.id === o);
-  return n > -1 && e[n].children && e[n].children.length > 0 ? e[n].expanded === !0 : !1;
-}
-function to(o, t, e) {
-  function n(C) {
-    return !1;
-  }
-  function r() {
-    return !1;
-  }
-  function i() {
-    return !1;
-  }
-  function l() {
-    return !1;
-  }
-  function g() {
-    return e.toolbarContext.schema.buttons || [];
-  }
-  function u(C, a = "") {
-    setTimeout(() => {
-      var I, D;
-      const E = (I = o.parent) == null ? void 0 : I.designerItemElementRef.value;
-      let P;
-      a && (P = E == null ? void 0 : E.querySelector("#" + a));
-      const y = (D = P || E) == null ? void 0 : D.querySelector("#" + C);
-      y == null || y.click();
-    }, 0);
-  }
-  function d(C, a) {
-    a.disabled && a.disabled.expressionId && (a.disabled.expressionId = `${a.id}_disabled`), a.visible && a.visible.expressionId && (a.visible.expressionId = `${a.id}_visible`);
-    const E = t.formSchemaUtils.getExpressions(), P = E.find((I) => I.target === C.id);
-    if (!P || !P.rules || !P.rules.length)
-      return;
-    const y = {
-      target: a.id,
-      rules: [],
-      targetType: "Button"
-    };
-    P.rules.forEach((I) => {
-      const D = Object.assign(he(I), {
-        id: `${a.id}_${I.type}`
-      });
-      y.rules.push(D);
-    }), E.push(y);
-  }
-  function v() {
-    const C = o.schema, a = Object.assign(
-      he(C),
-      {
-        id: `${o.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
-        onClick: null
-      }
-    );
-    let E = [];
-    return a.children && a.children.length && (E = a.children.map((P) => {
-      const y = he(P);
-      return Object.assign(
-        y,
-        {
-          id: `${o.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
-          onClick: null
-        }
-      ), d(P, y), y;
-    }), a.children = E), d(C, a), a;
-  }
-  function p() {
-    const C = o.schema.type || "response-toolbar-item", a = be(C), E = C.toLowerCase().replace("-", "_");
-    return a && !a.id && a.type === C && (a.id = `${E}_${Math.random().toString().slice(2, 6)}`, a.text = "按钮"), a;
-  }
-  function m(C) {
-    const a = g(), E = a == null ? void 0 : a.findIndex((y) => y.id === C), P = E === -1 ? null : a[E];
-    return { index: E, toolbarItem: P };
-  }
-  function h() {
-    const C = o.schema.id, a = g();
-    return Ne(C, a);
-  }
-  function c(C) {
-    const a = t.formSchemaUtils.getExpressions();
-    if (!a || !a.length)
-      return;
-    const E = (P) => {
-      const y = a && a.findIndex((I) => I.target === P.id);
-      y > -1 && a.splice(y, 1);
-    };
-    E(C), C.children && C.children.length && C.children.forEach((P) => {
-      E(P);
-    });
-  }
-  function S(C) {
-    e.changeSelectedId(C);
-  }
-  function j() {
-    var P, y;
-    const C = g(), { parentIndex: a, itemIndex: E } = it(o.schema.id, C);
-    a === -1 || E === -1 || (c(o.schema), C[a].children.splice(E, 1), e.updateToolbarItems(), (P = o.setupContext) == null || P.emit("removeComponent"), (y = o.setupContext) == null || y.emit("selectionChange"));
-  }
-  function N() {
-    var P, y;
-    const C = o.schema.id, a = g(), E = a == null ? void 0 : a.findIndex((I) => I.id === C);
-    E !== -1 && (c(a[E]), a == null || a.splice(E, 1), e.updateToolbarItems(), (P = o.setupContext) == null || P.emit("removeComponent"), (y = o.setupContext) == null || y.emit("selectionChange"), ve.value++);
-  }
-  function A(C = "Append") {
-    var D;
-    const a = g(), { parentIndex: E, itemIndex: P } = it(o.schema.id, a);
-    if (E === -1 || P === -1)
-      return;
-    const y = p(), I = C === "Copy" ? v() : Object.assign({}, y);
-    a[E].children.splice(P + 1, 0, I), e.updateToolbarItems(), S(I.id), (D = o.setupContext) == null || D.emit("addComponent");
-  }
-  function B(C, a) {
-    const { index: E } = m(a);
-    if (E === -1)
-      return { index: E, schema: null };
-    const P = p(), y = C === "Copy" ? v() : Object.assign({}, P);
-    return { index: E, schema: y };
-  }
-  function f() {
-    var P;
-    const C = o.schema.id, { index: a, schema: E } = B("Copy", C);
-    E && (g().splice(a + 1, 0, E), e.updateToolbarItems(), u(E.id), (P = o.setupContext) == null || P.emit("addComponent"));
-  }
-  function s() {
-    var P;
-    const C = o.schema.id, { index: a, schema: E } = B("Append", C);
-    if (E && o.parent) {
-      const I = g()[a].children || [];
-      I.push(E);
-      const D = g();
-      D[a].children = I, e.updateToolbarItems(), S(E.id), (P = o.setupContext) == null || P.emit("addComponent");
-    }
-  }
-  function w(C) {
-    let a;
-    switch (o.schema.type) {
-      case "tab-toolbar-item":
-        a = new Zn(C, t);
-        break;
-      default:
-        a = new Kn(C, t, o.schema.type);
-    }
-    return a.getPropertyConfig(o.schema, h());
-  }
-  function x(C) {
-    C.stopPropagation(), C.stopImmediatePropagation();
-  }
-  function k() {
-    const C = [{
-      id: "delete",
-      title: "删除",
-      text: "",
-      icon: "f-icon-yxs_delete",
-      onClick: (a) => {
-        x(a), h() ? j() : N();
-      }
-    }, {
-      id: "copy",
-      title: "复制",
-      icon: "f-icon-yxs_copy",
-      onClick: (a) => {
-        x(a);
-        const { activeElement: E } = document, P = E ? E.tagName.toLowerCase() : "";
-        P && P === "input" || P === "textarea" ? (E == null || E.blur(), me(() => {
-          h() ? A("Copy") : f();
-        })) : h() ? A("Copy") : f();
-      }
-    }];
-    return C.push(h() ? {
-      id: "appendSiblingButton",
-      title: "",
-      text: "新增同级",
-      icon: "f-icon-plus-circle",
-      onClick: (a) => {
-        x(a), A();
-      }
-    } : {
-      id: "appendChildButton",
-      title: "",
-      text: "新增子级",
-      icon: "f-icon-plus-circle",
-      onClick: (a) => {
-        x(a), s();
-      }
-    }), C;
-  }
-  function H() {
-    const { schema: C } = o;
-    c(C);
-  }
-  return {
-    canAccepts: n,
-    checkCanMoveComponent: r,
-    checkCanDeleteComponent: i,
-    checkCanAddComponent: l,
-    getPropsConfig: w,
-    getCustomButtons: k,
-    onRemoveComponent: H
-  };
-}
-const wt = /* @__PURE__ */ Ie({
-  name: "FResponseToolbarItemDesign",
-  props: mt,
-  emits: ["Click", "dropdown", "clearAll"],
-  setup(o, t) {
-    const e = X(o.alignment), n = We(), r = X(), i = ce("designer-host-service"), l = ce("design-item-context"), g = ce("toolbar-item-action"), u = to(l, i, g), d = Yt(r, l, u);
-    Pe(() => {
-      r.value.componentInstance = d;
-    }), t.expose(d.value);
-    function v() {
-      const f = {
-        "f-icon": !0
-      }, s = o.icon ? o.icon.trim() : "";
-      return pe(f, s);
-    }
-    function p() {
-      return !!(o.icon && o.icon.trim());
-    }
-    const m = re(() => {
-      const f = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": !o.isDP && (e.value === "right" || e.value === "center"),
-        "f-btn-mr": !o.isDP && e.value === "left",
-        "btn-icontext": !!(o.icon && o.icon.trim()),
-        disabled: o.disabled === !0,
-        "no-drag": !0,
-        "text-truncate": !0
-        // 'f-rt-toggle':props.isDP&&!props.split
-      };
-      return pe(f, o.class);
-    }), h = re(() => o.split ? {
-      display: "flex",
-      "align-items": "center"
-    } : {
-      display: "flex",
-      "align-items": "center",
-      "border-radius": "6px",
-      "padding-right": "0.1rem",
-      "border-top-right-radius": "6px",
-      "border-bottom-right-radius": "6px"
-    }), c = re(() => {
-      const f = {
-        btn: !0,
-        "dropdown-toggle": !0,
-        "f-btn-mr": e.value === "left",
-        "dropdown-toggle-split": !0,
-        "no-drag": !0
-      };
-      return pe(f, o.class);
-    }), S = re(() => {
-      let f = {
-        btn: !o.isDPItem,
-        // 不是下拉按钮，不是下拉项
-        disabled: o.disabled === !0,
-        "dropdown-item": o.isDPItem,
-        "f-rt-btn": !0,
-        "text-truncate": !0,
-        "btn-icontext": !o.isDPItem && !!(o.icon && o.icon.trim()),
-        "dropdown-item-icontext": o.isDPItem && !!(o.icon && o.icon.trim()),
-        // 保证内部层级不被拖拽
-        "no-drag": !0
-      };
-      return o.isDPItem || (f = pe(f, o.class || "")), o.isDP && (f = pe(f, o.dropdownClass || "")), f;
-    });
-    function j(f, s) {
-      s && s.stopPropagation(), t.emit(f, {
-        id: o.id,
-        isDP: o.isDP
-      });
-    }
-    function N() {
-      return {
-        "btn-group": !0,
-        "no-drag": !0,
-        "f-rt-dropdown": !0,
-        "f-btn-ml": e.value === "right" || e.value === "center",
-        "f-btn-mr": e.value === "left"
-      };
-    }
-    function A() {
-      return O("div", {
-        ref: r,
-        "data-dragref": `${l.schema.id}-container`,
-        class: "farris-component position-relative",
-        style: "display:inline-block!important;"
-      }, [O("div", {
-        class: N(),
-        id: o.id
-      }, [O("div", {
-        class: m.value,
-        style: h.value,
-        onClick: () => j("clearAll")
-      }, [n.shouldShowIcon(o) && O("i", {
-        class: n.iconClass(o)
-      }, null), O("span", null, [o.text]), !o.split && O("span", {
-        class: "f-icon f-icon-arrow-chevron-down",
-        style: "margin:0 0.5rem 0 0.25rem;",
-        onClick: (f) => j("dropdown", f)
-      }, null)]), o.split && O("button", {
-        class: c.value,
-        style: "border-radius:0 6px 6px 0;",
-        onClick: (f) => j("dropdown", f)
-      }, null), g.renderDropdownMenu(o.item, o.item)])]);
-    }
-    function B() {
-      return O("li", {
-        ref: r,
-        "data-dragref": `${l.schema.id}-container`,
-        id: o.id,
-        class: S.value
-      }, [n.shouldShowIcon(o) && O("i", {
-        class: n.iconClass(o)
-      }, null), o.text]);
-    }
-    return () => o.isDP ? A() : o.isDPItem ? B() : O("div", {
-      ref: r,
-      "data-dragref": `${l.schema.id}-container`,
-      class: "farris-component position-relative",
-      style: "display:inline-block!important;"
-    }, [O("button", {
-      type: "button",
-      class: m.value,
-      id: o.id,
-      onClick: () => j("clearAll")
-    }, [p() && O("i", {
-      class: v()
-    }, null), o.text])]);
-  }
-});
-function no(o, t, e, n) {
-  function r(m, h, c, S) {
-    n.changeSelectedId((h == null ? void 0 : h.id) || ""), e && e.setupContext && e.setupContext.emit("selectionChange", m, h, c, S);
-  }
-  function i() {
-  }
-  function l(m) {
-    const h = m.expanded;
-    n.clearAllDropdown(), n.toggleDropdownMenu(m, !h);
-  }
-  function g(m) {
-    n.clearAllDropdown(m.isDP ? m.id : "");
-  }
-  function u(m, h = "") {
-    const c = o.items || [], S = h || m, j = c.find((N) => N.id === S);
-    return h ? j.children.find((N) => N.id === m) : j;
-  }
-  function d(m, h = !1) {
-    if (!h)
-      return;
-    const c = m.target;
-    c != null && c.classList.contains("dgComponentFocused") && (c == null || c.classList.add("dgComponentSelected"));
-  }
-  function v(m, h = !1) {
-    if (!h)
-      return;
-    const c = m.target;
-    c != null && c.classList.contains("dgComponentFocused") && (c == null || c.classList.remove("dgComponentSelected"));
-  }
-  function p(m, h, c = !1) {
-    const S = u(m.id, m.parent), j = X(S);
-    return O(Jn, {
-      key: S.id,
-      class: ["p-0", c ? "d-block no-drag" : "d-inline-block"],
-      modelValue: j.value,
-      "onUpdate:modelValue": (N) => j.value = N,
-      canMove: !1,
-      childType: "response-toolbar-item",
-      childLabel: "按钮",
-      contentKey: "buttons",
-      componentId: o.componentId,
-      id: S.id,
-      onSelectionChange: r,
-      onRemoveComponent: i,
-      onMouseenter: (N) => d(N, c),
-      onMouseleave: (N) => v(N, c)
-    }, {
-      default: () => {
-        var N;
-        return [O(wt, {
-          id: S.id,
-          disabled: S.disabled,
-          text: S.text,
-          icon: S.icon,
-          isDP: m.isDP,
-          item: m,
-          split: S.split,
-          isDPItem: m.isDPItem,
-          class: ((N = m.appearance) == null ? void 0 : N.class) || "btn-secondary",
-          alignment: o.alignment || "right",
-          onDropdown: () => l(m),
-          onClearAll: (A) => g(A),
-          componentId: o.componentId
-        }, null)];
-      }
-    });
-  }
-  return {
-    renderToolbarItemDesigner: p,
-    actionHandlers: n
-  };
-}
-function Fe(o, t = !1, e = "") {
-  const n = [];
-  return o.reduce((r, i) => {
-    if (i.children && i.children.length > 0) {
-      const l = Fe(i.children, !0, i.id);
-      r.push(Object.assign({}, i, {
-        children: l,
-        isDPItem: !1,
-        isDP: !0,
-        parent: "",
-        expanded: !1
-      }));
-    } else
-      r.push(Object.assign({}, i, {
-        isDPItem: t,
-        isDP: !1,
-        parent: e
-      }));
-    return r;
-  }, n), n;
-}
-const oo = /* @__PURE__ */ Ie({
-  name: "FResponseToolbarDesign",
-  props: Mn,
-  emits: ["Click"],
-  setup(o, t) {
-    const e = X(Fe(o.items)), n = X(), r = X(), i = X(), l = X("");
-    let g = 0;
-    const u = 15, d = ce("designer-host-service"), v = ce("design-item-context"), p = {
-      clearAllDropdown: (V) => {
-      },
-      toggleDropdownMenu: (V) => {
-      },
-      updateToolbarItems: () => {
-      },
-      changeSelectedId: (V) => {
-        l.value = V;
-      },
-      renderDropdownMenu: (V, _) => {
-      },
-      toolbarContext: v,
-      changeMenuPosition: (V, _, G) => ({}),
-      toolbarPosition: ""
-    }, m = Un(v, d, p), h = Xt(i, v, m), c = ce("toolbar-item-handler"), {
-      initDragula: S,
-      dragulaInstance: j
-    } = Gn(v), N = We(), A = no(o, r, v, p), B = Yn(N, e, A), {
-      renderToolbarItemDesigner: f
-    } = A, {
-      clearAllDropDownMenu: s,
-      renderDropdownMenu: w,
-      setResponseToolbarRef: x
-    } = B;
-    at("toolbar-item-action", p), p.renderDropdownMenu = w, x(i), c && (c.changeSelectedId = function(V) {
-      l.value = V;
-    });
-    function k() {
-      const V = r.value.querySelector(".dgComponentSelected");
-      V && vt(V);
-    }
-    function H() {
-      if (l.value)
-        if (Ne(l.value, e.value)) {
-          const {
-            parent: V,
-            item: _
-          } = st(l.value, e.value);
-          V && (p.toggleDropdownMenu(V, !0), setTimeout(() => {
-            var Y;
-            const G = i.value.querySelector("#" + V.id), z = G == null ? void 0 : G.querySelector("#" + _.id);
-            (((Y = z == null ? void 0 : z.parentElement) == null ? void 0 : Y.className) || "").indexOf("dgComponentFocused") < 0 && (z == null || z.click());
-          }, 0));
-        } else
-          k();
-    }
-    function C(V = "") {
-      e.value.filter((_) => _.id !== V && _.children && _.children.length > 0).forEach((_) => {
-        _.expanded = !1;
-      }), s(V);
-    }
-    p.clearAllDropdown = C;
-    function a() {
-      c && c.updateToolbarItems && c.updateToolbarItems();
-    }
-    p.updateToolbarItems = a;
-    function E(V) {
-      if (V) {
-        const _ = i.value.querySelector("#" + V.id), G = _.querySelector("#" + V.id + "_menu"), z = p.changeMenuPosition(V, _);
-        Object.keys(z).forEach((Y) => {
-          G.style[Y] = z[Y];
-        });
-      }
-    }
-    function P() {
-      const G = r.value.clientWidth, z = r.value.querySelectorAll(".farris-component>.f-rt-btn");
-      z && z.forEach((W) => {
-        W.style.maxWidth = G - 12 + "px";
-      });
-      const Y = r.value.querySelectorAll(".farris-component>.f-rt-dropdown");
-      Y && Y.forEach((W) => {
-        W.querySelector(".dropdown-toggle-split") ? W.querySelector(".f-rt-btn").style.maxWidth = G - 38 + "px" : W.style.maxWidth = G - 12 + "px";
-      });
-    }
-    const y = new ResizeObserver((V) => {
-      var _;
-      if (V.length) {
-        const z = V[0].contentRect.width;
-        if (z === 0) {
-          g = 0;
-          return;
-        }
-        if (Math.abs(z - g) > u) {
-          if (g = z, Ne(l.value, e.value)) {
-            const {
-              parent: Y,
-              item: W
-            } = st(l.value, e.value);
-            E(Y);
-          } else if (eo(l.value, e.value)) {
-            const Y = (_ = e.value) == null ? void 0 : _.find((W) => W.id === l.value);
-            E(Y);
-          } else
-            C();
-          P();
-        }
-      }
-    });
-    Pe(() => {
-      y.observe(i.value), g = i.value.clientWidth, i.value.componentInstance = h, S(r.value, n.value, a);
-    }), lt(() => {
-      y.disconnect(), j && j.destroy && j.destroy();
-    }), t.expose(h.value);
-    const I = re(() => {
-      const V = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0,
-        "f-response-toolbar-sm": o.buttonSize === "sm",
-        "f-response-toolbar-lg": o.buttonSize === "lg"
-      };
-      return pe(V, o.customClass);
-    }), D = re(() => ({
-      "text-left": o.alignment === "left",
-      "text-right": o.alignment === "right",
-      "justify-content-end": o.alignment === "right",
-      "justify-content-start": o.alignment === "left",
-      "justify-content-center": o.alignment === "center",
-      "no-drag": !0,
-      "w-100": !0
-    }));
-    Se(() => o.items, () => {
-      e.value = Fe(o.items), me(() => {
-        H(), P();
-      });
-    }, {
-      deep: !0
-    });
-    function T(V) {
-      V && (V.stopPropagation(), V.preventDefault());
-      const {
-        schema: _
-      } = v;
-      _.buttons || (_.buttons = []);
-      const G = be("response-toolbar-item");
-      G.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, G.appearance = {
-        class: "btn btn-secondary"
-      }, _.buttons.push(G);
-    }
-    function q() {
-      return O("li", {
-        style: "border-width: 1px;border-style: dashed;display: inline-block;padding: 0 8px;line-height: 24px; border-radius: 3px; cursor: default;color: #B4BCCC;",
-        onClick: T
-      }, [O("span", {
-        class: "f-icon f-icon-amplification mr-1",
-        style: "font-size: 12px;"
-      }, null), O("span", {
-        class: "farris-tag-add-text"
-      }, [zt("添加按钮")])]);
-    }
-    function L() {
-      return e.value.map((V, _) => f(V, _));
-    }
-    return () => {
-      var V;
-      return O("div", {
-        ref: i,
-        "data-dragref": `${v.schema.id}-container`,
-        class: I.value,
-        id: o.id
-      }, [O("div", {
-        ref: n,
-        class: D.value,
-        onClick: (_) => C(_)
-      }, [O("div", {
-        ref: r,
-        class: "d-block f-response-content"
-      }, [(V = e.value) != null && V.length ? L() : q()])])]);
-    };
-  }
-}), po = qe;
-Ee.register = (o, t, e, n) => {
-  o["response-toolbar"] = Ee, t["response-toolbar"] = qe, n["response-toolbar"] = { eventHandlerResolver: Dn };
-};
-Ee.registerDesigner = (o, t, e) => {
-  o["response-toolbar"] = oo, t["response-toolbar"] = qe, o["response-toolbar-item"] = wt, t["response-toolbar-item"] = kn;
-};
-const go = Gt(Ee);
+const Tn = dn(vn);
 export {
-  Ee as FResponseToolbar,
-  Ce as ResponseToolbarDropDownItem,
-  fo as ResponseToolbarGroup,
-  Jt as ResponseToolbarItem,
-  go as default,
-  po as responseToolbarResolver
+  vn as FResponseToolbar,
+  Q as ResponseToolbarDropDownItem,
+  Dn as ResponseToolbarGroup,
+  hn as ResponseToolbarItem,
+  Tn as default,
+  fn as responseToolbarProps
 };