@farris/ui-vue 1.5.8 → 1.5.9

package/components/page-header/index.esm.js

@@ -1,125 +1,120 @@
-var Ot = Object.defineProperty;
-var Rt = (n, t, e) => t in n ? Ot(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var Z = (n, t, e) => Rt(n, typeof t != "symbol" ? t + "" : t, e);
-import { defineComponent as ge, ref as q, computed as Q, watch as ye, createVNode as V, createTextVNode as ve, nextTick as Ne, inject as ie, provide as ot, onMounted as be, onBeforeUnmount as Ft, withModifiers as _t, onUnmounted as Lt } from "vue";
-import { isPlainObject as Je, cloneDeep as me } from "lodash-es";
-import jt, { responseToolbarProps as rt } from "../response-toolbar/index.esm.js";
-import { responseToolbarResolver as Ze } from "../../designer/response-toolbar/index.esm.js";
-import { getCustomClass as pe } from "../common/index.esm.js";
-import { resolveAppearance as qt, createPropsResolver as it, createResponseToolbarEventHandlerResolver as Ut, getSchemaByType as $e } from "../dynamic-resolver/index.esm.js";
-import { canvasChanged as st, useDesignerInnerComponent as Wt, useDesignerComponent as Ht, setPositionForSelectedElement as Gt } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as at } from "../property-panel/index.esm.js";
-import { TabToolbarItemProperty as zt } from "../tabs/index.esm.js";
-const lt = {}, ct = {};
-function Oe(n) {
-  const { properties: t, title: e, ignore: o } = n, r = o && Array.isArray(o), i = Object.keys(t).reduce((s, c) => ((!r || !o.find((l) => l === c)) && (s[c] = t[c].type === "object" && t[c].properties ? Oe(t[c]) : me(t[c].default)), s), {});
-  if (e && (!r || !o.find((s) => s === "id"))) {
-    const s = e.toLowerCase().replace(/-/g, "_");
-    i.id = `${s}_${Math.random().toString().slice(2, 6)}`;
-  }
-  return i;
+var ie = Object.defineProperty;
+var se = (i, e, t) => e in i ? ie(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var B = (i, e, t) => se(i, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as W, ref as S, computed as T, watch as j, createVNode as y, createTextVNode as R, inject as $, provide as re, onMounted as K, onBeforeUnmount as ae, withModifiers as le } from "vue";
+import { isPlainObject as X, cloneDeep as G } from "lodash-es";
+import ce from "../response-toolbar/index.esm.js";
+import ue, { responseToolbarResolver as Y } from "../../designer/response-toolbar/index.esm.js";
+const ee = {}, te = {};
+function z(i) {
+  const { properties: e, title: t, ignore: n } = i, o = n && Array.isArray(n), r = Object.keys(e).reduce((s, u) => ((!o || !n.find((l) => l === u)) && (s[u] = e[u].type === "object" && e[u].properties ? z(e[u]) : G(e[u].default)), s), {});
+  if (t && (!o || !n.find((s) => s === "id"))) {
+    const s = t.toLowerCase().replace(/-/g, "_");
+    r.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return r;
 }
-function Xt(n) {
-  const { properties: t, title: e, required: o } = n;
-  if (o && Array.isArray(o)) {
-    const r = o.reduce((i, s) => (i[s] = t[s].type === "object" && t[s].properties ? Oe(t[s]) : me(t[s].default), i), {});
-    if (e && o.find((i) => i === "id")) {
-      const i = e.toLowerCase().replace(/-/g, "_");
-      r.id = `${i}_${Math.random().toString().slice(2, 6)}`;
+function de(i) {
+  const { properties: e, title: t, required: n } = i;
+  if (n && Array.isArray(n)) {
+    const o = n.reduce((r, s) => (r[s] = e[s].type === "object" && e[s].properties ? z(e[s]) : G(e[s].default), r), {});
+    if (t && n.find((r) => r === "id")) {
+      const r = t.toLowerCase().replace(/-/g, "_");
+      o.id = `${r}_${Math.random().toString().slice(2, 6)}`;
     }
-    return r;
+    return o;
   }
   return {
-    type: e
+    type: t
   };
 }
-function Re(n, t = {}, e) {
-  const o = lt[n];
-  if (o) {
-    let r = Xt(o);
-    const i = ct[n];
-    return r = i ? i({ getSchemaByType: Re }, r, t, e) : r, r;
+function J(i, e = {}, t) {
+  const n = ee[i];
+  if (n) {
+    let o = de(n);
+    const r = te[i];
+    return o = r ? r({ getSchemaByType: J }, o, e, t) : o, o;
   }
   return null;
 }
-function Yt(n, t) {
-  const e = Oe(t);
-  return Object.keys(e).reduce((o, r) => (Object.prototype.hasOwnProperty.call(n, r) && (o[r] && Je(o[r]) && Je(n[r] || !n[r]) ? Object.assign(o[r], n[r] || {}) : o[r] = n[r]), o), e), e;
+function pe(i, e) {
+  const t = z(e);
+  return Object.keys(t).reduce((n, o) => (Object.prototype.hasOwnProperty.call(i, o) && (n[o] && X(n[o]) && X(i[o] || !i[o]) ? Object.assign(n[o], i[o] || {}) : n[o] = i[o]), n), t), t;
 }
-function ut(n, t) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, r) => {
-    if (t.has(r)) {
-      const i = t.get(r);
-      if (typeof i == "string")
-        o[i] = n[r];
+function ne(i, e) {
+  return Object.keys(i).filter((n) => i[n] != null).reduce((n, o) => {
+    if (e.has(o)) {
+      const r = e.get(o);
+      if (typeof r == "string")
+        n[r] = i[o];
       else {
-        const s = i(r, n[r], n);
-        Object.assign(o, s);
+        const s = r(o, i[o], i);
+        Object.assign(n, s);
       }
     } else
-      o[r] = n[r];
-    return o;
+      n[o] = i[o];
+    return n;
   }, {});
 }
-function Qt(n, t, e = /* @__PURE__ */ new Map()) {
-  const o = Yt(n, t);
-  return ut(o, e);
+function fe(i, e, t = /* @__PURE__ */ new Map()) {
+  const n = pe(i, e);
+  return ne(n, t);
 }
-function Jt(n = {}) {
-  function t(u, g, d, p) {
-    if (typeof d == "number")
-      return p[u].length === d;
-    if (typeof d == "object") {
-      const f = Object.keys(d)[0], m = d[f];
+function me(i = {}) {
+  function e(a, d, c, m) {
+    if (typeof c == "number")
+      return m[a].length === c;
+    if (typeof c == "object") {
+      const f = Object.keys(c)[0], b = c[f];
       if (f === "not")
-        return Number(p[u].length) !== Number(m);
+        return Number(m[a].length) !== Number(b);
       if (f === "moreThan")
-        return Number(p[u].length) >= Number(m);
+        return Number(m[a].length) >= Number(b);
       if (f === "lessThan")
-        return Number(p[u].length) <= Number(m);
+        return Number(m[a].length) <= Number(b);
     }
     return !1;
   }
-  function e(u, g, d, p) {
-    return p[u] && p[u].propertyValue && String(p[u].propertyValue.value) === String(d);
+  function t(a, d, c, m) {
+    return m[a] && m[a].propertyValue && String(m[a].propertyValue.value) === String(c);
   }
-  const o = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", e]
+  const n = /* @__PURE__ */ new Map([
+    ["length", e],
+    ["getProperty", t]
   ]);
-  Object.keys(n).reduce((u, g) => (u.set(g, n[g]), u), o);
-  function r(u, g) {
-    const d = u;
-    return typeof g == "number" ? [{ target: d, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: d, operator: "getProperty", param: u, value: !!g }] : typeof g == "object" ? Object.keys(g).map((p) => {
-      if (p === "length")
-        return { target: d, operator: "length", param: null, value: g[p] };
-      const f = p, m = g[p];
-      return { target: d, operator: "getProperty", param: f, value: m };
+  Object.keys(i).reduce((a, d) => (a.set(d, i[d]), a), n);
+  function o(a, d) {
+    const c = a;
+    return typeof d == "number" ? [{ target: c, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!d }] : typeof d == "object" ? Object.keys(d).map((m) => {
+      if (m === "length")
+        return { target: c, operator: "length", param: null, value: d[m] };
+      const f = m, b = d[m];
+      return { target: c, operator: "getProperty", param: f, value: b };
     }) : [];
   }
-  function i(u) {
-    return Object.keys(u).reduce((d, p) => {
-      const f = r(p, u[p]);
-      return d.push(...f), d;
+  function r(a) {
+    return Object.keys(a).reduce((c, m) => {
+      const f = o(m, a[m]);
+      return c.push(...f), c;
     }, []);
   }
-  function s(u, g) {
-    if (o.has(u.operator)) {
-      const d = o.get(u.operator);
-      return d && d(u.target, u.param, u.value, g) || !1;
+  function s(a, d) {
+    if (n.has(a.operator)) {
+      const c = n.get(a.operator);
+      return c && c(a.target, a.param, a.value, d) || !1;
     }
     return !1;
   }
-  function c(u, g) {
-    return i(u).reduce((f, m) => f && s(m, g), !0);
+  function u(a, d) {
+    return r(a).reduce((f, b) => f && s(b, d), !0);
   }
-  function l(u, g) {
-    const d = Object.keys(u), p = d.includes("allOf"), f = d.includes("anyOf"), m = p || f, _ = (m ? u[m ? p ? "allOf" : "anyOf" : "allOf"] : [u]).map((C) => c(C, g));
-    return p ? !_.includes(!1) : _.includes(!0);
+  function l(a, d) {
+    const c = Object.keys(a), m = c.includes("allOf"), f = c.includes("anyOf"), b = m || f, D = (b ? a[b ? m ? "allOf" : "anyOf" : "allOf"] : [a]).map((h) => u(h, d));
+    return m ? !D.includes(!1) : D.includes(!0);
   }
   return { parseValueSchema: l };
 }
-const Zt = {
+const ge = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -164,66 +159,66 @@ const Zt = {
   "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
   "list-nav": { type: "list-nav", name: "列表导航" },
   "filter-bar": { type: "filter-bar", name: "筛选条" }
-}, Kt = {}, en = {};
-Jt();
-function tn(n, t, e = /* @__PURE__ */ new Map(), o = (s, c, l, u) => c, r = {}, i = (s) => s) {
-  return lt[t.title] = t, ct[t.title] = o, Kt[t.title] = r, en[t.title] = i, (s = {}, c = !0) => {
-    if (!c)
-      return ut(s, e);
-    const l = Qt(s, t, e), u = Object.keys(n).reduce((g, d) => (g[d] = n[d].default, g), {});
-    return Object.assign(u, l);
+}, he = {}, ve = {};
+me();
+function ye(i, e, t = /* @__PURE__ */ new Map(), n = (s, u, l, a) => u, o = {}, r = (s) => s) {
+  return ee[e.title] = e, te[e.title] = n, he[e.title] = o, ve[e.title] = r, (s = {}, u = !0) => {
+    if (!u)
+      return ne(s, t);
+    const l = fe(s, e, t), a = Object.keys(i).reduce((d, c) => (d[c] = i[c].default, d), {});
+    return Object.assign(a, l);
   };
 }
-function nn(n, t) {
-  return { customClass: t.class, customStyle: t.style };
+function be(i, e) {
+  return { customClass: e.class, customStyle: e.style };
 }
-function on(n, t) {
-  var o, r;
-  const e = {};
-  if (t != null && t.buttons) {
-    const i = [];
-    (o = t == null ? void 0 : t.buttons) == null || o.map((s) => {
-      const c = {};
+function Ce(i, e) {
+  var n, o;
+  const t = {};
+  if (e != null && e.buttons) {
+    const r = [];
+    (n = e == null ? void 0 : e.buttons) == null || n.map((s) => {
+      const u = {};
       Object.keys(s).map((l) => {
-        var u;
-        l === "appearance" ? c.class = ((u = s[l]) == null ? void 0 : u.class) || "" : c[l] = s[l];
-      }), i.push(c);
-    }), e.buttons = i;
+        var a;
+        l === "appearance" ? u.class = ((a = s[l]) == null ? void 0 : a.class) || "" : u[l] = s[l];
+      }), r.push(u);
+    }), t.buttons = r;
   }
-  return (r = t == null ? void 0 : t.appearance) != null && r.class && (e.buttonClass = t.appearance.class || "col-6"), t != null && t.id && (e.toolbarId = t.id), t && Object.prototype.hasOwnProperty.call(t, "visible") && (e.buttonsVisible = t.visible), e;
+  return (o = e == null ? void 0 : e.appearance) != null && o.class && (t.buttonClass = e.appearance.class || "col-6"), e != null && e.id && (t.toolbarId = e.id), e && Object.prototype.hasOwnProperty.call(e, "visible") && (t.buttonsVisible = e.visible), t;
 }
-function rn(n, t) {
-  if (!n || n.length < 1)
+function we(i, e) {
+  if (!i || i.length < 1)
     return null;
-  for (const e of n) {
-    if (e.id === t)
-      return e;
-    if (e.children) {
-      const o = e.children.find((r) => r.id === t);
-      if (o)
-        return o;
+  for (const t of i) {
+    if (t.id === e)
+      return t;
+    if (t.children) {
+      const n = t.children.find((o) => o.id === e);
+      if (n)
+        return n;
     }
   }
   return null;
 }
-function sn() {
-  function n(t, e) {
-    var c;
-    const o = (c = t.toolbar) == null ? void 0 : c.buttons;
-    if (!o || o.length < 1)
+function Pe() {
+  function i(e, t) {
+    var u;
+    const n = (u = e.toolbar) == null ? void 0 : u.buttons;
+    if (!n || n.length < 1)
       return null;
-    const [r, i] = e.payloads, s = rn(o, i);
+    const [o, r] = t.payloads, s = we(n, r);
     return s ? s.onClick || s.click : null;
   }
   return {
-    resolve: n
+    resolve: i
   };
 }
-const an = /* @__PURE__ */ new Map([
-  ["appearance", nn],
-  ["toolbar", on]
+const Se = /* @__PURE__ */ new Map([
+  ["appearance", be],
+  ["toolbar", Ce]
   // 内部处理可见、Id、样式、按钮
-]), ln = "https://json-schema.org/draft/2020-12/schema", cn = "https://farris-design.gitee.io/page-header.schema.json", un = "page-header", dn = "A Farris Container Component", fn = "object", pn = {
+]), Ee = "https://json-schema.org/draft/2020-12/schema", Me = "https://farris-design.gitee.io/page-header.schema.json", Ve = "page-header", ke = "A Farris Container Component", Be = "object", Te = {
   id: {
     description: "The unique identifier for a Page Header",
     type: "string"
@@ -356,22 +351,22 @@ const an = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, mn = [
+}, De = [
   "id",
   "type"
-], gn = {
-  $schema: ln,
-  $id: cn,
-  title: un,
-  description: dn,
-  type: fn,
-  properties: pn,
-  required: mn
+], Ne = {
+  $schema: Ee,
+  $id: Me,
+  title: Ve,
+  description: ke,
+  type: Be,
+  properties: Te,
+  required: De
 };
-function hn(n, t, e) {
-  return t.title = "标题", t;
+function xe(i, e, t) {
+  return e.title = "标题", e;
 }
-const Fe = {
+const Q = {
   /** 组件自定义样式 */
   customClass: { type: String, default: "" },
   /** 是否显示图标 */
@@ -406,324 +401,324 @@ const Fe = {
   visible: { type: Boolean, default: !0 },
   /** 控制按钮是否可见 */
   buttonsVisible: { type: Boolean, default: !0 }
-}, vn = Object.assign({}, Fe, {
+}, Ae = Object.assign({}, Q, {
   componentId: { type: String, default: "" }
-}), Ke = tn(Fe, gn, an, hn), yn = sn(), ke = /* @__PURE__ */ ge({
+}), Z = ye(Q, Ne, Se, xe), Ie = Pe(), _ = /* @__PURE__ */ W({
   name: "FPageHeader",
-  props: Fe,
+  props: Q,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
-  setup(n, t) {
-    const e = q(n.buttons), o = (C, b) => {
-      t.emit("click", C, b);
+  setup(i, e) {
+    const t = S(i.buttons), n = (h, I) => {
+      e.emit("click", h, I);
     };
-    function r(C, b) {
-      C && b && b.split(" ").reduce((k, A) => (k[A] = !0, k), C);
+    function o(h, I) {
+      h && I && I.split(" ").reduce((F, M) => (F[M] = !0, F), h);
     }
-    const i = Q(() => {
-      const C = {
+    const r = T(() => {
+      const h = {
         "f-page-header": !0,
-        "d-none": !n.visible
+        "d-none": !i.visible
       };
-      return r(C, n.customClass), C;
-    }), s = Q(() => {
-      const C = {
+      return o(h, i.customClass), h;
+    }), s = T(() => {
+      const h = {
         "f-title-icon": !0
       };
-      return r(C, n.iconClass), C;
-    }), c = Q(() => {
-      const C = {
+      return o(h, i.iconClass), h;
+    }), u = T(() => {
+      const h = {
         "f-icon": !0
       };
-      return r(C, n.icon), C;
-    }), l = Q(() => {
-      const C = {
+      return o(h, i.icon), h;
+    }), l = T(() => {
+      const h = {
         "f-title": !0
       };
-      return r(C, n.titleContentClass), C;
-    }), u = Q(() => {
-      const C = {
+      return o(h, i.titleContentClass), h;
+    }), a = T(() => {
+      const h = {
         "f-content": !0
       };
-      return r(C, n.contentClass), C;
-    }), g = Q(() => {
-      const C = {
+      return o(h, i.contentClass), h;
+    }), d = T(() => {
+      const h = {
         "f-content": !0
       };
-      return r(C, n.downContentClass), C;
-    }), d = Q(() => ({
+      return o(h, i.downContentClass), h;
+    }), c = T(() => ({
       "f-icon f-icon-arrow-w": !0,
-      "f-state-disabled": n.prePaginationDisabled
-    })), p = Q(() => ({
+      "f-state-disabled": i.prePaginationDisabled
+    })), m = T(() => ({
       "f-icon f-icon-arrow-e": !0,
-      "f-state-disabled": n.nextPaginationDisabled
+      "f-state-disabled": i.nextPaginationDisabled
     }));
-    function f(C) {
-      n.prePaginationDisabled || t.emit("prePaginationClick", C);
+    function f(h) {
+      i.prePaginationDisabled || e.emit("prePaginationClick", h);
     }
-    function m(C) {
-      n.nextPaginationDisabled || t.emit("nextPaginationClick", C);
+    function b(h) {
+      i.nextPaginationDisabled || e.emit("nextPaginationClick", h);
     }
-    function S() {
-      return t.slots.titleContent ? V("div", {
+    function v() {
+      return e.slots.titleContent ? y("div", {
         class: l.value
-      }, [ve(" "), t.slots.titleContent()]) : V("div", {
+      }, [R(" "), e.slots.titleContent()]) : y("div", {
         class: "f-title"
-      }, [n.showIcon && n.icon ? V("span", {
+      }, [i.showIcon && i.icon ? y("span", {
         class: s.value
-      }, [V("i", {
-        class: c.value
-      }, null)]) : "", V("h4", {
+      }, [y("i", {
+        class: u.value
+      }, null)]) : "", y("h4", {
         class: "f-title-text"
-      }, [n.title]), n.subTitle ? V("h5", {
+      }, [i.title]), i.subTitle ? y("h5", {
         class: "f-title-subtitle"
-      }, [n.subTitle]) : "", n.showPagination ? V("div", {
+      }, [i.subTitle]) : "", i.showPagination ? y("div", {
         class: "f-title-pagination"
-      }, [V("span", {
-        class: d.value,
+      }, [y("span", {
+        class: c.value,
         onClick: f
-      }, null), V("span", {
-        class: p.value,
-        onClick: m
+      }, null), y("span", {
+        class: m.value,
+        onClick: b
       }, null)]) : ""]);
     }
-    function N() {
-      return t.slots.content ? V("div", {
-        class: u.value
-      }, [ve(" "), t.slots.content()]) : "";
+    function k() {
+      return e.slots.content ? y("div", {
+        class: a.value
+      }, [R(" "), e.slots.content()]) : "";
     }
-    function _() {
-      if (n.buttons && n.buttons.length > 0)
-        return V(jt, {
-          id: n.toolbarId,
-          customClass: n.buttonClass,
-          visible: n.buttonsVisible,
-          items: e.value,
-          onClick: o
+    function D() {
+      if (i.buttons && i.buttons.length > 0)
+        return y(ce, {
+          id: i.toolbarId,
+          customClass: i.buttonClass,
+          visible: i.buttonsVisible,
+          items: t.value,
+          onClick: n
         }, null);
     }
-    function M() {
-      return t.slots.downContent ? V("div", {
-        class: g.value
-      }, [ve(" "), t.slots.downContent()]) : "";
+    function N() {
+      return e.slots.downContent ? y("div", {
+        class: d.value
+      }, [R(" "), e.slots.downContent()]) : "";
     }
-    return ye(() => n.buttons, (C) => {
-      e.value = C;
+    return j(() => i.buttons, (h) => {
+      t.value = h;
     }, {
       deep: !0
-    }), () => n.visible ? V("div", {
-      class: i.value
-    }, [V("nav", {
+    }), () => i.visible ? y("div", {
+      class: r.value
+    }, [y("nav", {
       class: "f-page-header-base"
-    }, [S(), N(), _()]), M()]) : null;
+    }, [v(), k(), D()]), N()]) : null;
   }
 });
-function bn(n, t, e) {
-  var A;
-  const o = e && e.getStyles && e.getStyles() || "", r = e && e.getDesignerClass && e.getDesignerClass() || "", i = q();
+function Fe(i, e, t) {
+  var M;
+  const n = t && t.getStyles && t.getStyles() || "", o = t && t.getDesignerClass && t.getDesignerClass() || "", r = S();
   function s() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanMoveComponent ? e.checkCanMoveComponent() : !0;
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function c() {
+  function u() {
     return !1;
   }
   function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : e && e.checkCanDeleteComponent ? e.checkCanDeleteComponent() : !0;
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function u() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : e && e.hideNestedPaddingInDesginerView ? e.hideNestedPaddingInDesginerView() : !1;
+  function a() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function g(T) {
-    if (!T || !T.value)
+  function d(p) {
+    if (!p || !p.value)
       return null;
-    if (T.value.schema && T.value.schema.type === "component")
-      return T.value;
-    const $ = q(T == null ? void 0 : T.value.parent), y = g($);
-    return y || null;
+    if (p.value.schema && p.value.schema.type === "component")
+      return p.value;
+    const P = S(p == null ? void 0 : p.value.parent), w = d(P);
+    return w || null;
   }
-  function d(T = t) {
+  function c(p = e) {
     var x;
-    if (e != null && e.getDraggableDesignItemElement)
-      return e.getDraggableDesignItemElement(T);
-    const { componentInstance: $, designerItemElementRef: y } = T;
-    if (!$ || !$.value)
+    if (t != null && t.getDraggableDesignItemElement)
+      return t.getDraggableDesignItemElement(p);
+    const { componentInstance: P, designerItemElementRef: w } = p;
+    if (!P || !P.value)
       return null;
-    const { getCustomButtons: a } = $.value;
-    return $.value.canMove || a && ((x = a()) != null && x.length) ? y : d(T.parent);
+    const { getCustomButtons: E } = P.value;
+    return P.value.canMove || E && ((x = E()) != null && x.length) ? w : c(p.parent);
   }
-  function p(T) {
-    return !!e && e.canAccepts(T);
+  function m(p) {
+    return !!t && t.canAccepts(p);
   }
   function f() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function m() {
+  function b() {
   }
-  function S(T, $) {
-    var y;
-    !T || !$ || (e != null && e.onAcceptMovedChildElement && e.onAcceptMovedChildElement(T, $), (y = t == null ? void 0 : t.setupContext) == null || y.emit("dragEnd"));
+  function v(p, P) {
+    var w;
+    !p || !P || (t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(p, P), (w = e == null ? void 0 : e.setupContext) == null || w.emit("dragEnd"));
   }
-  function N(T, $) {
-    const { componentType: y } = T;
-    let a = Re(y, T, $);
-    e && e.onResolveNewComponentSchema && (a = e.onResolveNewComponentSchema(T, a));
-    const x = y.toLowerCase().replace(/-/g, "_");
-    return a && !a.id && a.type === y && (a.id = `${x}_${Math.random().toString().slice(2, 6)}`), a;
+  function k(p, P) {
+    const { componentType: w } = p;
+    let E = J(w, p, P);
+    t && t.onResolveNewComponentSchema && (E = t.onResolveNewComponentSchema(p, E));
+    const x = w.toLowerCase().replace(/-/g, "_");
+    return E && !E.id && E.type === w && (E.id = `${x}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function _(T) {
-    T && e != null && e.onChildElementMovedOut && e.onChildElementMovedOut(T);
+  function D(p) {
+    p && t != null && t.onChildElementMovedOut && t.onChildElementMovedOut(p);
   }
-  function M(...T) {
-    if (e && e.getPropsConfig)
-      return e.getPropsConfig(...T);
+  function N(...p) {
+    if (t && t.getPropsConfig)
+      return t.getPropsConfig(...p);
   }
-  function C(T) {
-    if (!T)
+  function h(p) {
+    if (!p)
       return;
-    const $ = t == null ? void 0 : t.schema, { formSchemaUtils: y } = T;
-    if ($ && y.getExpressions().length) {
-      const a = y.getExpressions().findIndex((x) => x.target === $.id);
-      a > -1 && y.getExpressions().splice(a, 1);
+    const P = e == null ? void 0 : e.schema, { formSchemaUtils: w } = p;
+    if (P && w.getExpressions().length) {
+      const E = w.getExpressions().findIndex((x) => x.target === P.id);
+      E > -1 && w.getExpressions().splice(E, 1);
     }
   }
-  function b(T) {
-    e && e.onRemoveComponent && e.onRemoveComponent(), C(T), t != null && t.schema.contents && t.schema.contents.map(($) => {
-      let y = $.id;
-      $.type === "component-ref" && (y = $.component);
-      const a = n.value.querySelectorAll(`#${y}-design-item`);
-      a != null && a.length && Array.from(a).map((x) => {
-        var E;
-        (E = x == null ? void 0 : x.componentInstance) != null && E.value.onRemoveComponent && x.componentInstance.value.onRemoveComponent(T);
+  function I(p) {
+    t && t.onRemoveComponent && t.onRemoveComponent(), h(p), e != null && e.schema.contents && e.schema.contents.map((P) => {
+      let w = P.id;
+      P.type === "component-ref" && (w = P.component);
+      const E = i.value.querySelectorAll(`#${w}-design-item`);
+      E != null && E.length && Array.from(E).map((x) => {
+        var O;
+        (O = x == null ? void 0 : x.componentInstance) != null && O.value.onRemoveComponent && x.componentInstance.value.onRemoveComponent(p);
       });
     });
   }
-  function w() {
-    if (e && e.getCustomButtons)
-      return e.getCustomButtons();
+  function U() {
+    if (t && t.getCustomButtons)
+      return t.getCustomButtons();
   }
-  function k(T) {
-    if (e && e.onPropertyChanged)
-      return e.onPropertyChanged(T);
+  function F(p) {
+    if (t && t.onPropertyChanged)
+      return t.onPropertyChanged(p);
   }
-  return i.value = {
+  return r.value = {
     canMove: s(),
-    canSelectParent: c(),
+    canSelectParent: u(),
     canDelete: l(),
-    canNested: !u(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: n,
-    parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: r,
-    canAccepts: p,
-    getBelongedComponentInstance: g,
-    getDraggableDesignItemElement: d,
+    canNested: !a(),
+    contents: e == null ? void 0 : e.schema.contents,
+    elementRef: i,
+    parent: (M = e == null ? void 0 : e.parent) == null ? void 0 : M.componentInstance,
+    schema: e == null ? void 0 : e.schema,
+    styles: n,
+    designerClass: o,
+    canAccepts: m,
+    getBelongedComponentInstance: d,
+    getDraggableDesignItemElement: c,
     getDraggingDisplayText: f,
-    getPropConfig: M,
-    getDragScopeElement: m,
-    onAcceptMovedChildElement: S,
-    onChildElementMovedOut: _,
-    addNewChildComponentSchema: N,
-    triggerBelongedComponentToMoveWhenMoved: !!e && e.triggerBelongedComponentToMoveWhenMoved || q(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!e && e.triggerBelongedComponentToDeleteWhenDeleted || q(!1),
-    onRemoveComponent: b,
-    getCustomButtons: w,
-    onPropertyChanged: k
-  }, i;
+    getPropConfig: N,
+    getDragScopeElement: b,
+    onAcceptMovedChildElement: v,
+    onChildElementMovedOut: D,
+    addNewChildComponentSchema: k,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || S(!1),
+    onRemoveComponent: I,
+    getCustomButtons: U,
+    onPropertyChanged: F
+  }, r;
 }
-const Cn = q(0);
-function wn() {
-  Cn.value++;
+const Ue = S(0);
+function $e() {
+  Ue.value++;
 }
-const Be = q(0);
-function xn(n, t) {
-  const e = t.getBoundingClientRect(), o = n.getBoundingClientRect(), r = o.top >= e.top, i = o.top <= e.bottom;
-  return r && i;
+const H = S(0);
+function Oe(i, e) {
+  const t = e.getBoundingClientRect(), n = i.getBoundingClientRect(), o = n.top >= t.top, r = n.top <= t.bottom;
+  return o && r;
 }
-function Sn(n) {
-  const t = n.querySelector(".component-btn-group");
-  if (!t)
+function Le(i) {
+  const e = i.querySelector(".component-btn-group");
+  if (!e)
     return;
-  t.style.display = "";
-  const e = t.getBoundingClientRect();
-  if (!(e.top === 0 && e.left === 0)) {
-    const o = t.querySelector("div");
-    if (o) {
-      const r = o.getBoundingClientRect();
-      o.style.top = e.top + "px";
-      let i = e.left - r.width;
+  e.style.display = "";
+  const t = e.getBoundingClientRect();
+  if (!(t.top === 0 && t.left === 0)) {
+    const n = e.querySelector("div");
+    if (n) {
+      const o = n.getBoundingClientRect();
+      n.style.top = t.top + "px";
+      let r = t.left - o.width;
       const s = document.querySelector(".editorDiv");
       if (s) {
-        const c = s.getBoundingClientRect();
-        i < c.left && ({ left: i } = n.getBoundingClientRect());
+        const u = s.getBoundingClientRect();
+        r < u.left && ({ left: r } = i.getBoundingClientRect());
       }
-      o.style.left = i + "px";
+      n.style.left = r + "px";
     }
   }
 }
-function Tn(n) {
+function qe(i) {
   if (!window.scrollContainerList)
     return;
-  const t = Array.from(window.scrollContainerList);
-  if (t.length && t.length === 1) {
-    const e = t[0], o = document.querySelector(`[id=${e}]`);
-    if (o && o.contains(n))
-      return o;
+  const e = Array.from(window.scrollContainerList);
+  if (e.length && e.length === 1) {
+    const t = e[0], n = document.querySelector(`[id=${t}]`);
+    if (n && n.contains(i))
+      return n;
   }
 }
-function dt(n) {
-  if (!n)
+function oe(i) {
+  if (!i)
     return;
-  const t = n.getBoundingClientRect();
-  if (t.width === 0 && t.height === 0)
+  const e = i.getBoundingClientRect();
+  if (e.width === 0 && e.height === 0)
     return;
-  const e = n.querySelector(".component-btn-group");
-  if (e) {
-    let o = !0;
-    const r = Tn(n);
-    if (r && (o = xn(n, r)), !o) {
-      e.style.display = "none";
+  const t = i.querySelector(".component-btn-group");
+  if (t) {
+    let n = !0;
+    const o = qe(i);
+    if (o && (n = Oe(i, o)), !n) {
+      t.style.display = "none";
       return;
     }
-    Sn(n);
+    Le(i);
   }
 }
-function Pn(n) {
-  if (!n)
+function Re(i) {
+  if (!i)
     return;
-  let t;
-  n.className.includes("dgComponentSelected") ? t = n : t = n.querySelector(".dgComponentSelected"), t && dt(t);
+  let e;
+  i.className.includes("dgComponentSelected") ? e = i : e = i.querySelector(".dgComponentSelected"), e && oe(e);
 }
-function En(n) {
-  const { formSchemaUtils: t, formStateMachineUtils: e } = n;
-  function o(l, u = "") {
+function _e(i) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = i;
+  function n(l, a = "") {
     return {
-      path: u + l.code,
+      path: a + l.code,
       field: l.id,
       fullPath: l.code
     };
   }
-  function r(l, u = "") {
-    return t.getViewModelById(l).states.map((d) => o(d, u));
+  function o(l, a = "") {
+    return e.getViewModelById(l).states.map((c) => n(c, a));
   }
-  function i(l) {
-    const u = t.getRootViewModelId(), g = r(l);
-    if (l === u)
-      return g;
-    const d = r(u, "root-component.");
-    return [...g, ...d];
+  function r(l) {
+    const a = e.getRootViewModelId(), d = o(l);
+    if (l === a)
+      return d;
+    const c = o(a, "root-component.");
+    return [...d, ...c];
   }
   function s(l) {
     return l.binding && l.binding.path || l.id || "";
   }
-  function c() {
-    return e && e.getRenderStates() || [];
+  function u() {
+    return t && t.getRenderStates() || [];
   }
-  return { getVariables: i, getControlName: s, getStateMachines: c };
+  return { getVariables: r, getControlName: s, getStateMachines: u };
 }
-class In {
-  constructor(t) {
-    Z(this, "sessionVariables", [
+class He {
+  constructor(e) {
+    B(this, "sessionVariables", [
       {
         key: "CurrentSysOrgName",
         name: "当前组织Name",
@@ -760,7 +755,7 @@ class In {
         description: "当前登录的语言编号，例如简体中文返回'zh-CHS'，英文返回'en'，繁体中文'zh-CHT'"
       }
     ]);
-    Z(this, "expressionNames", {
+    B(this, "expressionNames", {
       compute: "计算表达式",
       dependency: "依赖表达式",
       validate: "验证表达式",
@@ -769,99 +764,99 @@ class In {
       readonly: "只读表达式",
       required: "必填表达式"
     });
-    Z(this, "getExpressionConverter", (t, e) => ({
-      convertFrom: (o, r, i, s) => {
-        const c = i.getExpressionRuleValue(t, e || r);
-        return c && c.value || "";
+    B(this, "getExpressionConverter", (e, t) => ({
+      convertFrom: (n, o, r, s) => {
+        const u = r.getExpressionRuleValue(e, t || o);
+        return u && u.value || "";
       },
-      convertTo: (o, r, i, s, c) => {
+      convertTo: (n, o, r, s, u) => {
         var l;
-        if (r === "dataPicking" && (i != null && i.target)) {
-          const u = `${i.target}_dataPicking`;
-          ((l = i.rules) == null ? void 0 : l.some(
-            (d) => d.id === u && d.value
-          )) ? o.dictPickingExpressionId = u : delete o.dictPickingExpressionId;
+        if (o === "dataPicking" && (r != null && r.target)) {
+          const a = `${r.target}_dataPicking`;
+          ((l = r.rules) == null ? void 0 : l.some(
+            (c) => c.id === a && c.value
+          )) ? n.dictPickingExpressionId = a : delete n.dictPickingExpressionId;
         }
-        s.updateExpression(i);
+        s.updateExpression(r);
       }
     }));
-    this.formSchemaService = t;
+    this.formSchemaService = e;
   }
-  getExpressionRule(t, e) {
-    const o = this.formSchemaService.getExpressions();
-    if (!o)
+  getExpressionRule(e, t) {
+    const n = this.formSchemaService.getExpressions();
+    if (!n)
       return "";
-    const r = o.find((s) => s.target === t);
-    if (!r)
+    const o = n.find((s) => s.target === e);
+    if (!o)
       return "";
-    const i = r.rules.find((s) => s.type === e);
-    return i || "";
+    const r = o.rules.find((s) => s.type === t);
+    return r || "";
   }
   // 获取上下文表单变量
   getContextFormVariables() {
-    const { module: t } = this.formSchemaService.getFormSchema();
-    if (!t.viewmodels || t.viewmodels.length === 0)
+    const { module: e } = this.formSchemaService.getFormSchema();
+    if (!e.viewmodels || e.viewmodels.length === 0)
       return [];
-    const e = this.formSchemaService.getRootViewModelId(), o = this.formSchemaService.getViewModelById(e);
-    if (!o || !o.states || o.states.length === 0)
+    const t = this.formSchemaService.getRootViewModelId(), n = this.formSchemaService.getViewModelById(t);
+    if (!n || !n.states || n.states.length === 0)
       return [];
-    const r = [];
-    return o.states.forEach((i) => {
-      r.push({
-        key: i.code,
-        name: i.name,
-        description: i.name,
-        category: i.category
+    const o = [];
+    return n.states.forEach((r) => {
+      o.push({
+        key: r.code,
+        name: r.name,
+        description: r.name,
+        category: r.category
       });
-    }), r;
+    }), o;
   }
-  createTreeNode(t, e, o = "label") {
+  createTreeNode(e, t, n = "label") {
     return {
-      id: t.id,
-      name: t.name,
-      bindingPath: t[o],
-      parents: e
+      id: e.id,
+      name: e.name,
+      bindingPath: e[n],
+      parents: t
     };
   }
-  buildEntityFieldsTreeData(t = null, e) {
-    const o = [];
-    return t == null || t.forEach((r) => {
-      var c;
-      const i = this.createTreeNode(r, e);
+  buildEntityFieldsTreeData(e = null, t) {
+    const n = [];
+    return e == null || e.forEach((o) => {
+      var u;
+      const r = this.createTreeNode(o, t);
       let s = [];
-      (c = r.type) != null && c.fields && (s = this.buildEntityFieldsTreeData(r.type.fields, [...e, r.label])), o.push({
-        data: i,
+      (u = o.type) != null && u.fields && (s = this.buildEntityFieldsTreeData(o.type.fields, [...t, o.label])), n.push({
+        data: r,
         children: s,
         expanded: !0
       });
-    }), o;
-  }
-  buildChildEntityTreeData(t = null, e) {
-    const o = [];
-    return t == null || t.forEach((r) => {
-      var l, u;
-      const i = this.createTreeNode(r, e), s = this.buildEntityFieldsTreeData((l = r.type) == null ? void 0 : l.fields, [...e, r.label]), c = this.buildChildEntityTreeData((u = r.type) == null ? void 0 : u.entities, [...e, r.label]);
-      c != null && c.length && (s == null || s.push(...c)), o.push({
-        data: i,
+    }), n;
+  }
+  buildChildEntityTreeData(e = null, t) {
+    const n = [];
+    return e == null || e.forEach((o) => {
+      var l, a;
+      const r = this.createTreeNode(o, t), s = this.buildEntityFieldsTreeData((l = o.type) == null ? void 0 : l.fields, [...t, o.label]), u = this.buildChildEntityTreeData((a = o.type) == null ? void 0 : a.entities, [...t, o.label]);
+      u != null && u.length && (s == null || s.push(...u)), n.push({
+        data: r,
         children: s || [],
         // 空值回退
         expanded: !0
       });
-    }), o;
+    }), n;
   }
   getEntitiesTreeData() {
-    const t = this.formSchemaService.getSchemaEntities();
-    if (!(t != null && t.length))
+    const e = this.formSchemaService.getSchemaEntities();
+    if (!(e != null && e.length))
       return [];
-    const e = t[0];
-    if (!(e != null && e.type))
+    const t = e[0];
+    if (!(t != null && t.type))
       return [];
-    const o = this.buildEntityFieldsTreeData(e.type.fields, [e.code]), r = this.buildChildEntityTreeData(e.type.entities, [e.code]);
-    return r != null && r.length && (o == null || o.push(...r)), {
-      entityCode: e.code,
+    const n = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), o = this.buildChildEntityTreeData(t.type.entities, [t.code]);
+    return o != null && o.length && (n == null || n.push(...o)), {
+      entityCode: t.code,
       fields: [{
-        data: this.createTreeNode(e, [], "code"),
-        children: o || []
+        data: this.createTreeNode(t, [], "code"),
+        children: n || []
       }]
     };
   }
@@ -882,143 +877,143 @@ class In {
       }
     };
   }
-  onBeforeOpenExpression(t, e, o) {
-    const r = o === "Field" ? t.binding.field : t.id, i = this.getExpressionRule(r, e), s = this.getEntitiesAndVariables(), c = {
-      message: ["validate", "required", "dataPicking"].includes(e) && i ? i.message : "",
+  onBeforeOpenExpression(e, t, n) {
+    const o = n === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(o, t), s = this.getEntitiesAndVariables(), u = {
+      message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
       ...s
     };
-    return i.messageType != null && (c.messageType = i.messageType), c;
+    return r.messageType != null && (u.messageType = r.messageType), u;
   }
-  buildRule(t, e, o, r) {
-    const { expression: i, message: s, messageType: c } = e, l = {
-      id: `${t}_${o}`,
-      type: o,
-      value: i
+  buildRule(e, t, n, o) {
+    const { expression: r, message: s, messageType: u } = t, l = {
+      id: `${e}_${n}`,
+      type: n,
+      value: r
     };
-    return (o === "validate" || o === "dataPicking" || o === "required") && (l.message = s), o === "dataPicking" && (l.messageType = c), o === "validate" && r && (l.elementId = r), l;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (l.message = s), n === "dataPicking" && (l.messageType = u), n === "validate" && o && (l.elementId = o), l;
   }
   getExpressionData() {
-    const { expressions: t } = this.formSchemaService.getFormSchema().module;
-    return t || [];
+    const { expressions: e } = this.formSchemaService.getFormSchema().module;
+    return e || [];
   }
-  updateExpression(t, e, o, r) {
-    const i = e === "Field" ? t.binding.field : t.id, s = this.buildRule(i, o, r, t.type === "form-group" ? t.id : "");
-    let l = this.getExpressionData().find((g) => g.targetType === e && g.target === i);
-    const u = (g) => g.value.trim() === "";
+  updateExpression(e, t, n, o) {
+    const r = t === "Field" ? e.binding.field : e.id, s = this.buildRule(r, n, o, e.type === "form-group" ? e.id : "");
+    let l = this.getExpressionData().find((d) => d.targetType === t && d.target === r);
+    const a = (d) => d.value.trim() === "";
     if (l) {
-      const g = l.rules.find((d) => d.id === s.id);
-      if (g)
-        u(s) ? l.rules = l.rules.filter((d) => d.id !== s.id) : (Object.assign(g, s), r === "validate" && t.type === "form-group" && (g.elementId = t.id));
+      const d = l.rules.find((c) => c.id === s.id);
+      if (d)
+        a(s) ? l.rules = l.rules.filter((c) => c.id !== s.id) : (Object.assign(d, s), o === "validate" && e.type === "form-group" && (d.elementId = e.id));
       else {
-        if (u(s))
+        if (a(s))
           return null;
         l.rules = l.rules || [], l.rules.push(s);
       }
     } else {
-      if (u(s))
+      if (a(s))
         return null;
       l = {
-        target: `${i}`,
+        target: `${r}`,
         rules: [s],
-        targetType: e
+        targetType: t
       };
     }
     return l;
   }
-  getExpressionEditorOptions(t, e, o, r) {
-    return o.reduce((i, s) => {
-      var l, u;
-      const c = e === "Field" ? (l = t == null ? void 0 : t.binding) == null ? void 0 : l.field : t.id;
-      return i[s] = {
-        hide: e === "Field" ? !!((u = t == null ? void 0 : t.binding) != null && u.field) : !1,
+  getExpressionEditorOptions(e, t, n, o) {
+    return n.reduce((r, s) => {
+      var l, a;
+      const u = t === "Field" ? (l = e == null ? void 0 : e.binding) == null ? void 0 : l.field : e.id;
+      return r[s] = {
+        hide: t === "Field" ? !!((a = e == null ? void 0 : e.binding) != null && a.field) : !1,
         description: "",
         title: this.expressionNames[s],
         type: "string",
-        $converter: this.getExpressionConverter(c),
+        $converter: this.getExpressionConverter(u),
         editor: {
           type: "expression-editor",
           singleExpand: !1,
           dialogTitle: `${this.expressionNames[s]}编辑器`,
           showMessage: s === "validate" || s === "dataPicking" || s === "required",
           showMessageType: s === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(t, s, e),
-          onSubmitModal: (g) => {
-            const d = this.updateExpression(t, e, g, s);
-            if (r) {
-              const p = this.buildRule(c, g, s);
-              r(p);
+          beforeOpen: () => this.onBeforeOpenExpression(e, s, t),
+          onSubmitModal: (d) => {
+            const c = this.updateExpression(e, t, d, s);
+            if (o) {
+              const m = this.buildRule(u, d, s);
+              o(m);
             }
-            return d;
+            return c;
           }
         }
-      }, i;
+      }, r;
     }, {});
   }
-  getExpressionInfo(t, e, o) {
-    const r = e === "Field" ? t.binding.field : t.id, i = this.getExpressionRule(r, o), s = {
-      value: i && i.value,
-      targetId: r,
-      targetType: e,
-      expressionType: o
+  getExpressionInfo(e, t, n) {
+    const o = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(o, n), s = {
+      value: r && r.value,
+      targetId: o,
+      targetType: t,
+      expressionType: n
     };
-    return i && i.message && (s.message = i.message), s;
+    return r && r.message && (s.message = r.message), s;
   }
-  getExpressionConfig(t, e, o = ["compute", "dependency", "validate"], r) {
+  getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], o) {
     return {
       description: "表达式",
       title: "表达式",
       properties: {
-        ...this.getExpressionEditorOptions(t, e, o, r)
+        ...this.getExpressionEditorOptions(e, t, n, o)
       }
     };
   }
-  getExpressionOptions(t, e, o) {
-    const r = this.getExpressionInfo(t, e, o);
+  getExpressionOptions(e, t, n) {
+    const o = this.getExpressionInfo(e, t, n);
     return {
-      dialogTitle: `${this.expressionNames[o]}编辑器`,
+      dialogTitle: `${this.expressionNames[n]}编辑器`,
       singleExpand: !1,
-      showMessage: o === "required",
-      beforeOpen: () => this.onBeforeOpenExpression(t, o, e),
-      expressionInfo: r
+      showMessage: n === "required",
+      beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
+      expressionInfo: o
     };
   }
 }
-class Mn {
-  constructor(t, e) {
-    Z(this, "componentId");
-    Z(this, "viewModelId");
-    Z(this, "eventsEditorUtils");
-    Z(this, "formSchemaUtils");
-    Z(this, "formMetadataConverter");
-    Z(this, "designViewModelUtils");
-    Z(this, "designViewModelField");
-    Z(this, "controlCreatorUtils");
-    Z(this, "designerHostService");
-    Z(this, "schemaService", null);
-    Z(this, "metadataService", null);
-    Z(this, "propertyConfig", {
+class We {
+  constructor(e, t) {
+    B(this, "componentId");
+    B(this, "viewModelId");
+    B(this, "eventsEditorUtils");
+    B(this, "formSchemaUtils");
+    B(this, "formMetadataConverter");
+    B(this, "designViewModelUtils");
+    B(this, "designViewModelField");
+    B(this, "controlCreatorUtils");
+    B(this, "designerHostService");
+    B(this, "schemaService", null);
+    B(this, "metadataService", null);
+    B(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var o;
-    this.componentId = t, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService;
+    var n;
+    this.componentId = e, this.designerHostService = t, this.eventsEditorUtils = t.eventsEditorUtils, this.formSchemaUtils = t.formSchemaUtils, this.formMetadataConverter = t.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = t.designViewModelUtils, this.controlCreatorUtils = t.controlCreatorUtils, this.metadataService = t.metadataService, this.schemaService = t.schemaService;
   }
   getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(t) {
-    var o;
-    const e = t.binding && t.binding.type === "Form" && t.binding.field;
-    if (e) {
+  setDesignViewModelField(e) {
+    var n;
+    const t = e.binding && e.binding.type === "Form" && e.binding.field;
+    if (t) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((i) => i.id === e);
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((r) => r.id === t);
       }
-      t.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
+      e.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
   }
-  getBasicPropConfig(t) {
+  getBasicPropConfig(e) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -1039,17 +1034,17 @@ class Mn {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: t.type, name: Zt[t.type].name }]
+            data: [{ value: e.type, name: ge[e.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(t = null, e = {}, o) {
-    const r = {
+  getAppearanceConfig(e = null, t = {}, n) {
+    const o = {
       title: "外观",
       description: "Appearance"
-    }, i = {
+    }, r = {
       class: {
         title: "class样式",
         type: "string",
@@ -1063,65 +1058,65 @@ class Mn {
         $converter: "/converter/appearance.converter"
       }
     };
-    for (const s in e)
-      i[s] = Object.assign(i[s] || {}, e[s]);
+    for (const s in t)
+      r[s] = Object.assign(r[s] || {}, t[s]);
     return {
-      ...r,
-      properties: { ...i },
-      setPropertyRelates(s, c) {
+      ...o,
+      properties: { ...r },
+      setPropertyRelates(s, u) {
         if (s) {
           switch (s && s.propertyID) {
             case "class":
             case "style": {
-              Be.value++;
+              H.value++;
               break;
             }
           }
-          o && o(s, t, c);
+          n && n(s, e, u);
         }
       }
     };
   }
-  getPropertyEditorParams(t, e = [], o = "visible", r = {}, i = {}) {
-    const { getVariables: s, getControlName: c, getStateMachines: l } = En(this.designerHostService), u = this.getRealTargetType(t), g = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], d = {
+  getPropertyEditorParams(e, t = [], n = "visible", o = {}, r = {}) {
+    const { getVariables: s, getControlName: u, getStateMachines: l } = _e(this.designerHostService), a = this.getRealTargetType(e), d = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], c = {
       type: "property-editor",
-      propertyTypes: g
+      propertyTypes: d
     };
-    return g.map((p) => {
-      switch (p) {
+    return d.map((m) => {
+      switch (m) {
         case "Const":
-          Object.assign(d, {
+          Object.assign(c, {
             constType: "enum",
             constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, r);
+          }, o);
           break;
         case "Expression":
-          d.expressionConfig = this.getExpressionOptions(t, u, o);
+          c.expressionConfig = this.getExpressionOptions(e, a, n);
           break;
         case "StateMachine":
-          d.stateMachines = l();
+          c.stateMachines = l();
           break;
         case "Variable":
-          Object.assign(d, {
-            controlName: c(t),
+          Object.assign(c, {
+            controlName: u(e),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
             variables: s(this.viewModelId),
             onBeforeOpenVariables: (f) => {
               f.value = s(this.viewModelId);
             }
-          }, i);
+          }, r);
           break;
       }
-    }), d;
+    }), c;
   }
-  getVisibleProperty(t, e = "") {
+  getVisibleProperty(e, t = "") {
     return {
       visible: {
         title: "是否可见",
         type: "boolean",
         description: "运行时组件是否可见",
-        editor: this.getPropertyEditorParams(t, e === "gridFieldEditor" ? ["Const", "Expression"] : ["Const", "Variable", "StateMachine", "Expression"], "visible")
+        editor: this.getPropertyEditorParams(e, t === "gridFieldEditor" ? ["Const", "Expression"] : ["Const", "Variable", "StateMachine", "Expression"], "visible")
       }
     };
   }
@@ -1131,27 +1126,27 @@ class Mn {
    * @param viewModelId 
    * @returns 
    */
-  getBehaviorConfig(t, e = "", o = {}, r) {
-    const i = {
+  getBehaviorConfig(e, t = "", n = {}, o) {
+    const r = {
       title: "行为",
       description: ""
-    }, s = this.getVisibleProperty(t, e);
-    for (const l in o)
-      s[l] = Object.assign(s[l] || {}, o[l]);
-    const c = this;
+    }, s = this.getVisibleProperty(e, t);
+    for (const l in n)
+      s[l] = Object.assign(s[l] || {}, n[l]);
+    const u = this;
     return {
-      ...i,
+      ...r,
       properties: { ...s },
-      setPropertyRelates(l, u) {
+      setPropertyRelates(l, a) {
         if (l) {
           switch (l.propertyID) {
             case "disabled":
             case "readonly":
             case "visible":
-              c.afterMutilEditorChanged(t, l);
+              u.afterMutilEditorChanged(e, l);
               break;
           }
-          r && r(l, u);
+          o && o(l, a);
         }
       }
     };
@@ -1161,8 +1156,8 @@ class Mn {
    * @param propertyData 
    * @param changeObject 
    */
-  afterMutilEditorChanged(t, e) {
-    this.addNewVariableToViewModel(e, this.viewModelId), this.updateExpressionValue(e), this.clearExpression(e, t);
+  afterMutilEditorChanged(e, t) {
+    this.addNewVariableToViewModel(t, this.viewModelId), this.updateExpressionValue(t), this.clearExpression(t, e);
   }
   /**
    * 
@@ -1170,12 +1165,12 @@ class Mn {
    * @param componentInstance 
    * @returns 
    */
-  updateElementByParentContainer(t, e) {
-    const o = e && e.parent && e.parent.schema;
-    if (!o)
+  updateElementByParentContainer(e, t) {
+    const n = t && t.parent && t.parent.schema;
+    if (!n)
       return;
-    const r = o.contents.findIndex((s) => s.id === t), i = me(o.contents[r]);
-    o.contents.splice(r, 1), o.contents.splice(r, 0, i), wn();
+    const o = n.contents.findIndex((s) => s.id === e), r = G(n.contents[o]);
+    n.contents.splice(o, 1), n.contents.splice(o, 0, r), $e();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -1183,40 +1178,40 @@ class Mn {
    * @param viewModelId 
    * @returns 
    */
-  addNewVariableToViewModel(t, e) {
-    const o = t.propertyValue;
-    if (!(o && typeof o == "object") || !(o.type === "Variable" && o.isNewVariable))
+  addNewVariableToViewModel(e, t) {
+    const n = e.propertyValue;
+    if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
       return;
     const s = {
-      id: o.field,
+      id: n.field,
       category: "locale",
-      code: o.fullPath,
-      name: o.fullPath,
-      type: o.newVariableType || "String"
+      code: n.fullPath,
+      name: n.fullPath,
+      type: n.newVariableType || "String"
     };
-    delete o.newVariableType, delete o.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById(e).states.push(s);
+    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById(t).states.push(s);
   }
   /**
    * 更新表达式到expressions节点
    * @param changeObject 
    */
-  updateExpressionValue(t) {
-    const e = t.propertyValue;
-    if (!((e && e.type) === "Expression" && e.expressionInfo))
+  updateExpressionValue(e) {
+    const t = e.propertyValue;
+    if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: i, expressionInfo: s } = e, { targetId: c, targetType: l, expressionType: u, value: g, message: d } = s, p = this.formSchemaUtils.getModule();
-    p.expressions ?? (p.expressions = []);
-    const { expressions: f } = p;
-    let m = f.find((N) => N.target === c);
-    m || (m = { target: c, rules: [], targetType: l }, f.push(m));
-    const S = m.rules.find((N) => N.type === u);
-    if (S)
-      S.value = g, S.message = d;
+    const { expressionId: r, expressionInfo: s } = t, { targetId: u, targetType: l, expressionType: a, value: d, message: c } = s, m = this.formSchemaUtils.getModule();
+    m.expressions ?? (m.expressions = []);
+    const { expressions: f } = m;
+    let b = f.find((k) => k.target === u);
+    b || (b = { target: u, rules: [], targetType: l }, f.push(b));
+    const v = b.rules.find((k) => k.type === a);
+    if (v)
+      v.value = d, v.message = c;
     else {
-      const N = { id: i, type: u, value: g, message: d };
-      m.rules.push(N);
+      const k = { id: r, type: a, value: d, message: c };
+      b.rules.push(k);
     }
-    delete e.expressionInfo;
+    delete t.expressionInfo;
   }
   /**
    * 属性类型切换为非表达式后，清除原表达式
@@ -1224,28 +1219,28 @@ class Mn {
    * @param propertyData 
    * @returns 
    */
-  clearExpression(t, e) {
-    const o = t.propertyValue;
-    if (o && o.type === "Expression")
+  clearExpression(e, t) {
+    const n = e.propertyValue;
+    if (n && n.type === "Expression")
       return;
-    const i = t.propertyID, s = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, l = s.find((u) => u.target === c);
-    !l || !l.rules || (l.rules = l.rules.filter((u) => u.type !== i));
+    const r = e.propertyID, s = this.formSchemaUtils.getExpressions(), u = t.binding ? t.binding.field : t.id, l = s.find((a) => a.target === u);
+    !l || !l.rules || (l.rules = l.rules.filter((a) => a.type !== r));
   }
-  getExpressionOptions(t, e, o) {
-    return new In(this.formSchemaUtils).getExpressionOptions(t, e, o);
+  getExpressionOptions(e, t, n) {
+    return new He(this.formSchemaUtils).getExpressionOptions(e, t, 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";
+  getRealTargetType(e) {
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
   }
 }
-class Dn extends Mn {
-  constructor(t, e) {
-    super(t, e);
+class je extends We {
+  constructor(e, t) {
+    super(e, t);
   }
-  getPropertyConfig(t) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.behavior = this.getBehaviorConfig(t), this.propertyConfig;
+  getPropertyConfig(e) {
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e), this.propertyConfig;
   }
-  getAppearanceProperties(t) {
+  getAppearanceProperties(e) {
     return {
       title: "外观",
       description: "",
@@ -1266,11 +1261,11 @@ class Dn extends Mn {
           description: "标题"
         }
       },
-      setPropertyRelates(e, o) {
-        if (e)
-          switch (e && e.propertyID) {
+      setPropertyRelates(t, n) {
+        if (t)
+          switch (t && t.propertyID) {
             case "title": {
-              e.needRefreshControlTree = !0;
+              t.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1278,1314 +1273,31 @@ class Dn extends Mn {
     };
   }
 }
-function kn(n, t) {
-  function e(c) {
+function Ge(i, e) {
+  function t(u) {
     return !1;
   }
-  function o() {
+  function n() {
     return !1;
   }
-  function r() {
+  function o() {
     return !1;
   }
-  function i() {
-    return !0;
-  }
-  function s(c) {
-    return new Dn(c, t).getPropertyConfig(n);
-  }
-  return {
-    canAccepts: e,
-    hideNestedPaddingInDesginerView: i,
-    getPropsConfig: s,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r
-  };
-}
-const Bn = /* @__PURE__ */ new Map([
-  ["buttons", "items"],
-  ["appearance", qt]
-]);
-function ft(n, t, e) {
-  return t;
-}
-const An = "https://json-schema.org/draft/2020-12/schema", Vn = "https://farris-design.gitee.io/response-toolbar.schema.json", Nn = "response-toolbar", $n = "A Farris Toolbar Component", On = "object", Rn = {
-  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
-  }
-}, Fn = [
-  "id",
-  "type",
-  "buttons"
-], _n = {
-  onClick: "点击事件"
-}, Ln = {
-  $schema: An,
-  $id: Vn,
-  title: Nn,
-  description: $n,
-  type: On,
-  properties: Rn,
-  required: Fn,
-  events: _n
-}, jn = "https://json-schema.org/draft/2020-12/schema", qn = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Un = "response-toolbar-item", Wn = "A Farris Toolbar Item Component", Hn = "object", Gn = {
-  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
-  }
-}, zn = [
-  "id",
-  "type",
-  "text"
-], Xn = {
-  $schema: jn,
-  $id: qn,
-  title: Un,
-  description: Wn,
-  type: Hn,
-  properties: Gn,
-  required: zn
-}, Yn = Object.assign({}, rt, {
-  componentId: { type: String, default: "" }
-});
-it(
-  rt,
-  Ln,
-  Bn,
-  ft
-);
-const pt = {
-  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 }
-};
-it(
-  pt,
-  Xn,
-  void 0,
-  ft
-);
-Ut();
-class Qn extends at {
-  constructor(e, o, r = "response-toolbar") {
-    super(e, o);
-    // 有三类值 response-toolbar、section-toolbar、tab-toolbar
-    Z(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 Jn(n, t, e) {
-  const o = n.schema;
   function r() {
-    var S;
-    let m = ((S = n.parent) == null ? void 0 : S.schema.type) || "";
-    ["page-header", "tabs", "section"].findIndex((N) => N === m) === -1 && (m = ""), e.toolbarPosition = m;
-  }
-  r();
-  function i(m) {
-    return !1;
-  }
-  function s(m, S) {
-    return S.text = m.label, S;
-  }
-  function c() {
-    return !1;
-  }
-  function l() {
-    return !1;
-  }
-  function u() {
-    return !1;
-  }
-  function g() {
     return !0;
   }
-  function d(m) {
-    return new Qn(m, t, o.type).getPropertyConfig(o);
-  }
-  function p(m) {
-    var M;
-    m && (m.stopPropagation(), m.preventDefault());
-    const { schema: S } = n;
-    S.buttons || (S.buttons = []);
-    let N = "";
-    if (S.type)
-      N = S.type + "-item";
-    else {
-      const C = (M = n.parent) == null ? void 0 : M.schema.type;
-      N = C === "tabs" ? "tab-toolbar-item" : C === "section" ? "section-toolbar-item" : "response-toolbar-item";
-    }
-    const _ = $e(N);
-    _.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, S.buttons.push(_), e.updateToolbarItems(), e.changeSelectedId("");
-  }
-  function f() {
-    return [
-      {
-        id: "appendItem",
-        title: "新增按钮",
-        text: "",
-        icon: "f-icon f-icon-plus-circle text-white",
-        onClick: (m) => p(m)
-      }
-    ];
-  }
-  return {
-    canAccepts: i,
-    checkCanAddComponent: u,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: c,
-    hideNestedPaddingInDesginerView: g,
-    onResolveNewComponentSchema: s,
-    getPropsConfig: d,
-    getCustomButtons: f
-  };
-}
-var ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Zn(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
-}
-function he(n) {
-  throw new Error('Could not dynamically require "' + n + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-var mt = { exports: {} };
-(function(n, t) {
-  (function(e) {
-    n.exports = e();
-  })(function() {
-    return (/* @__PURE__ */ function() {
-      function e(o, r, i) {
-        function s(u, g) {
-          if (!r[u]) {
-            if (!o[u]) {
-              var d = typeof he == "function" && he;
-              if (!g && d) return d(u, !0);
-              if (c) return c(u, !0);
-              var p = new Error("Cannot find module '" + u + "'");
-              throw p.code = "MODULE_NOT_FOUND", p;
-            }
-            var f = r[u] = { exports: {} };
-            o[u][0].call(f.exports, function(m) {
-              var S = o[u][1][m];
-              return s(S || m);
-            }, f, f.exports, e, o, r, i);
-          }
-          return r[u].exports;
-        }
-        for (var c = typeof he == "function" && he, l = 0; l < i.length; l++) s(i[l]);
-        return s;
-      }
-      return e;
-    }())({
-      1: [function(e, o, r) {
-        var i = {}, s = "(?:^|\\s)", c = "(?:\\s|$)";
-        function l(d) {
-          var p = i[d];
-          return p ? p.lastIndex = 0 : i[d] = p = new RegExp(s + d + c, "g"), p;
-        }
-        function u(d, p) {
-          var f = d.className;
-          f.length ? l(p).test(f) || (d.className += " " + p) : d.className = p;
-        }
-        function g(d, p) {
-          d.className = d.className.replace(l(p), " ").trim();
-        }
-        o.exports = {
-          add: u,
-          rm: g
-        };
-      }, {}],
-      2: [function(e, o, r) {
-        (function(i) {
-          var s = e("contra/emitter"), c = e("crossvent"), l = e("./classes"), u = document, g = u.documentElement;
-          function d(a, x) {
-            var E = arguments.length;
-            E === 1 && Array.isArray(a) === !1 && (x = a, a = []);
-            var v, P, B, H, oe, K, F, L, z, G = null, X, j, de = !1, fe = 0, J, O = x || {};
-            O.moves === void 0 && (O.moves = M), O.accepts === void 0 && (O.accepts = M), O.invalid === void 0 && (O.invalid = xt), O.containers === void 0 && (O.containers = a || []), O.isContainer === void 0 && (O.isContainer = _), O.copy === void 0 && (O.copy = !1), O.copySortSource === void 0 && (O.copySortSource = !1), O.revertOnSpill === void 0 && (O.revertOnSpill = !1), O.removeOnSpill === void 0 && (O.removeOnSpill = !1), O.direction === void 0 && (O.direction = "vertical"), O.ignoreInputTextSelection === void 0 && (O.ignoreInputTextSelection = !0), O.mirrorContainer === void 0 && (O.mirrorContainer = u.body);
-            var Y = s({
-              containers: O.containers,
-              start: wt,
-              end: Ue,
-              cancel: ze,
-              remove: Ge,
-              destroy: vt,
-              canMove: Ct,
-              dragging: !1
-            });
-            return O.removeOnSpill === !0 && Y.on("over", Tt).on("out", Pt), _e(), Y;
-            function Ce(h) {
-              return Y.containers.indexOf(h) !== -1 || O.isContainer(h);
-            }
-            function _e(h) {
-              var I = h ? "remove" : "add";
-              m(g, I, "mousedown", yt), m(g, I, "mouseup", Se);
-            }
-            function we(h) {
-              var I = h ? "remove" : "add";
-              m(g, I, "mousemove", bt);
-            }
-            function Le(h) {
-              var I = h ? "remove" : "add";
-              c[I](g, "selectstart", je), c[I](g, "click", je);
-            }
-            function vt() {
-              _e(!0), Se({});
-            }
-            function je(h) {
-              X && h.preventDefault();
-            }
-            function yt(h) {
-              H = h.clientX, oe = h.clientY;
-              var I = S(h) !== 1 || h.metaKey || h.ctrlKey;
-              if (!I) {
-                var D = h.target, R = xe(D);
-                R && (X = R, we(), h.type === "mousedown" && (k(D) ? D.focus() : h.preventDefault()));
-              }
-            }
-            function bt(h) {
-              if (X) {
-                if (S(h) === 0) {
-                  Se({});
-                  return;
-                }
-                if (!(h.clientX !== void 0 && Math.abs(h.clientX - H) <= (O.slideFactorX || 0) && h.clientY !== void 0 && Math.abs(h.clientY - oe) <= (O.slideFactorY || 0))) {
-                  if (O.ignoreInputTextSelection) {
-                    var I = y("clientX", h) || 0, D = y("clientY", h) || 0, R = u.elementFromPoint(I, D);
-                    if (k(R))
-                      return;
-                  }
-                  var U = X;
-                  we(!0), Le(), Ue(), qe(U), l.add(L || B, "gu-transit"), It(), Et(), fe = 0, Ee(h);
-                }
-              }
-            }
-            function xe(h) {
-              if (!(Y.dragging && v) && !Ce(h)) {
-                for (var I = h; w(h) && Ce(w(h)) === !1; )
-                  if (O.invalid(h, I) || (h = w(h), !h))
-                    return;
-                var D = w(h);
-                if (D && !O.invalid(h, I)) {
-                  var R = O.moves(h, D, I, T(h));
-                  if (R)
-                    return {
-                      item: h,
-                      source: D
-                    };
-                }
-              }
-            }
-            function Ct(h) {
-              return !!xe(h);
-            }
-            function wt(h) {
-              var I = xe(h);
-              I && qe(I);
-            }
-            function qe(h) {
-              $t(h.item, h.source) && (L = h.item.cloneNode(!0), Y.emit("cloned", L, h.item, "copy")), P = h.source, B = h.item, K = F = T(h.item), Y.dragging = !0, Y.emit("drag", B, P);
-            }
-            function xt() {
-              return !1;
-            }
-            function Ue() {
-              if (Y.dragging) {
-                var h = L || B;
-                He(h, w(h));
-              }
-            }
-            function We() {
-              X = !1, we(!0), Le(!0);
-            }
-            function Se(h) {
-              if (We(), !!Y.dragging) {
-                var I = L || B, D = y("clientX", h) || 0, R = y("clientY", h) || 0, U = N(v, D, R), W = Xe(U, D, R);
-                W && (L && O.copySortSource || !L || W !== P) ? He(I, W) : O.removeOnSpill ? Ge() : ze();
-              }
-            }
-            function He(h, I) {
-              var D = w(h);
-              L && O.copySortSource && I === P && D.removeChild(B), Pe(I) ? Y.emit("cancel", h, P) : Y.emit("drop", h, I, P, F), Te();
-            }
-            function Ge() {
-              if (Y.dragging) {
-                var h = L || B, I = w(h);
-                I && I.removeChild(h), Y.emit(L ? "cancel" : "remove", h, I, P), Te();
-              }
-            }
-            function ze(h) {
-              if (Y.dragging) {
-                var I = arguments.length > 0 ? h : O.revertOnSpill, D = L || B, R = w(D), U = Pe(R);
-                U === !1 && I && (L ? R && R.removeChild(L) : P.insertBefore(D, K)), U || I ? Y.emit("cancel", D, P, P) : Y.emit("drop", D, R, P, F), Te();
-              }
-            }
-            function Te() {
-              var h = L || B;
-              We(), Mt(), Dt(), h && l.rm(h, "gu-transit"), z && clearTimeout(z), Y.dragging = !1, G && Y.emit("out", h, G, P), Y.emit("dragend", h, fe), P = B = L = K = F = z = G = null;
-            }
-            function Pe(h, I) {
-              var D;
-              return I !== void 0 ? D = I : v ? D = F : D = T(L || B), h === P && D === K;
-            }
-            function Xe(h, I, D) {
-              for (var R = h; R && !U(); )
-                R = w(R);
-              return R;
-              function U() {
-                var W = Ce(R);
-                if (W === !1)
-                  return !1;
-                var ae = Ye(R, h), ne = Qe(R, ae, I, D), se = Pe(R, ne);
-                return se ? !0 : O.accepts(B, R, P, ne);
-              }
-            }
-            function Ee(h) {
-              if (!v)
-                return;
-              h.preventDefault();
-              var I = y("clientX", h) || 0, D = y("clientY", h) || 0;
-              v.style.left = I - 2 + "px", v.style.top = D - 2 + "px";
-              var R = L || B, U = N(v, I, D), W = Xe(U, I, D), ae = W !== null && W !== G;
-              (ae || W === null) && (re(), G = W, ce()), Nt(U, D);
-              var ne = w(R);
-              if (W === P && L && !O.copySortSource) {
-                ne && ne.removeChild(R);
-                return;
-              }
-              var se, le = Ye(W, U);
-              if (de = kt(le, W), le !== null)
-                se = Qe(W, le, I, D);
-              else if (O.revertOnSpill === !0 && !L)
-                se = K, W = P;
-              else {
-                L && ne && ne.removeChild(R), L && j && (j.style.display = "none");
-                return;
-              }
-              j.style.display = "block", St(se, R, ae), se ? At(le, se) : Vt(W);
-              function ee(te) {
-                Y.emit(te, R, G, P);
-              }
-              function ce() {
-                ae && ee("over");
-              }
-              function re() {
-                G && ee("out");
-              }
-            }
-            function St(h, I, D) {
-              (h === I || h === T(I)) && (F = T(I)), (h === null && D || h !== I && h !== T(I)) && (F = h);
-            }
-            function Tt(h) {
-              l.rm(h, "gu-hide");
-            }
-            function Pt(h) {
-              Y.dragging && l.add(h, "gu-hide");
-            }
-            function Et() {
-              v || (v = document.createElement("div"), v.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;", v.innerHTML = O.getMirrorText && O.getMirrorText(B) || "控件", l.add(v, "gu-mirror"), O.mirrorContainer.appendChild(v), m(g, "add", "mousemove", Ee), l.add(O.mirrorContainer, "gu-unselectable"), Y.emit("cloned", v, B, "mirror"));
-            }
-            function It() {
-              if (j = document.createElement("div"), l.add(j, "gu-insertion"), B) {
-                var h = B.getBoundingClientRect();
-                j.style.left = h.left + "px", j.style.top = h.top + "px";
-              }
-              de = !1, O.mirrorContainer.appendChild(j);
-            }
-            function Mt() {
-              v && (l.rm(O.mirrorContainer, "gu-unselectable"), m(g, "remove", "mousemove", Ee), w(v).removeChild(v), v = null);
-            }
-            function Dt() {
-              j && (w(j).removeChild(j), j = null);
-            }
-            function Ye(h, I) {
-              for (var D = I; D !== h && w(D) !== h; )
-                D = w(D);
-              return D === g ? null : D;
-            }
-            function kt(h, I) {
-              if (!I)
-                return de;
-              var D = h || I && I.lastElementChild;
-              if (!D)
-                return !0;
-              var R = getComputedStyle(h), U = /^inline/.test(R.getPropertyValue("display")) || /^(left|right)$/.test(R.getPropertyValue("float"));
-              if (U)
-                return !0;
-              if (I) {
-                var W = getComputedStyle(I), ae = W.getPropertyValue("display");
-                if (/flex$/.test(ae)) {
-                  var ne = W.getPropertyValue("flex-direction") || "row";
-                  if (ne === "row" || ne === "row-reverse")
-                    return !Bt(I);
-                }
-                return !1;
-              }
-              return !0;
-            }
-            function Bt(h) {
-              if (!h.children || !h.children.length)
-                return !1;
-              for (const I of Array.from(h.children)) {
-                const R = (I.className && I.className.split(" ") || []).filter((U) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(U));
-                if (!R.length)
-                  return !1;
-                for (const U of R) {
-                  const W = U.slice(U.lastIndexOf("-") + 1);
-                  if (parseInt(W, 10) !== 12)
-                    return !1;
-                }
-              }
-              return !0;
-            }
-            function At(h, I) {
-              const D = I.getBoundingClientRect();
-              if (j.style.left = D.left + "px", j.style.top = D.top + "px", de) {
-                if (j.style.height = D.height + "px", j.style.width = "4px", h) {
-                  const R = h.getBoundingClientRect();
-                  R.top !== D.top && (j.style.left = R.right + "px", j.style.top = R.top + "px", j.style.height = R.height + "px");
-                }
-              } else if (j.style.height = "4px", j.style.width = D.width + "px", J) {
-                const R = J.getBoundingClientRect();
-                D.top < R.top && (j.style.display = "none");
-              }
-              I === B && B && (j.style.display = "none");
-            }
-            function Vt(h) {
-              F = null;
-              var I = h.lastElementChild;
-              if (I) {
-                var D = I.getBoundingClientRect();
-                de ? (j.style.left = D.right + "px", j.style.top = D.top + "px", j.style.height = D.height + "px", j.style.width = "4px") : (j.style.left = D.left + "px", j.style.top = D.bottom + "px", j.style.height = "4px", j.style.width = D.width + "px"), I === B && B && (j.style.display = "none");
-              } else
-                j.style.display = "none";
-            }
-            function Nt(h, I) {
-              if (!O.mirrorContainer.contains(h) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (J = p(h), !J || !J.contains(h)))
-                return;
-              const D = document.querySelector(".dgComponentSelected"), R = J.getBoundingClientRect();
-              if (I - 30 < R.top && J.scrollTop > 0) {
-                let U = J.scrollTop < 10 ? J.scrollTop : 10;
-                J.scrollBy(0, -1 * U), D && J.contains(D) && (fe = fe + -1 * U);
-              }
-              if (I + 30 > R.bottom && J.scrollTop < J.scrollHeight - J.clientHeight) {
-                const U = J.scrollHeight - J.clientHeight - J.scrollTop;
-                let W = U < 10 ? U : 10;
-                J.scrollBy(0, W), D && J.contains(D) && (fe = fe + W);
-              }
-            }
-            function Qe(h, I, D, R) {
-              var U = O.direction === "horizontal", W = O.direction === "mixed", ae = I !== h ? se() : ne();
-              return ae;
-              function ne() {
-                var ee = h.children.length, ce, re, te;
-                for (ce = 0; ce < ee; ce++)
-                  if (re = h.children[ce], te = re.getBoundingClientRect(), U && te.left + te.width / 2 > D || !W && !U && te.top + te.height / 2 > R || W && te.left + te.width > D && te.top + te.height > R)
-                    return re;
-                return null;
-              }
-              function se() {
-                var ee = I.getBoundingClientRect();
-                if (W) {
-                  var ce = R - ee.top, re = D - ee.left, te = ee.bottom - R, Ie = ee.right - D, Me = Math.min(re, Ie, ce, te), De;
-                  return de ? De = Ie < re : De = te === Me || Ie === Me || re === Me, le(De);
-                }
-                return le(U ? D > ee.left + C(ee) / 2 : R > ee.top + b(ee) / 2);
-              }
-              function le(ee) {
-                return ee ? T(I) : I;
-              }
-            }
-            function $t(h, I) {
-              return typeof O.copy == "boolean" ? O.copy : O.copy(h, I);
-            }
-          }
-          function p(a) {
-            const x = Array.from(window.scrollContainerList);
-            if (x.length === 1) {
-              const v = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(v);
-            }
-            const E = f(x);
-            for (const v of E)
-              if (v.contains(a))
-                return v;
-            return null;
-          }
-          function f(a) {
-            const x = [];
-            return a.forEach((E) => {
-              const v = document.getElementById(E);
-              v && x.push(v);
-            }), x.sort((E, v) => E.contains(v) ? 1 : v.contains(E) ? -1 : 0), x;
-          }
-          function m(a, x, E, v) {
-            var P = {
-              mouseup: "touchend",
-              mousedown: "touchstart",
-              mousemove: "touchmove"
-            }, B = {
-              mouseup: "pointerup",
-              mousedown: "pointerdown",
-              mousemove: "pointermove"
-            }, H = {
-              mouseup: "MSPointerUp",
-              mousedown: "MSPointerDown",
-              mousemove: "MSPointerMove"
-            };
-            i.navigator.pointerEnabled ? c[x](a, B[E], v) : i.navigator.msPointerEnabled ? c[x](a, H[E], v) : (c[x](a, P[E], v), c[x](a, E, v));
-          }
-          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 x = a.button;
-            if (x !== void 0)
-              return x & 1 ? 1 : x & 2 ? 3 : x & 4 ? 2 : 0;
-          }
-          function N(a, x, E) {
-            a = a || {};
-            var v = a.className || "", P;
-            return a.className += " gu-hide", P = u.elementFromPoint(x, E), a.className = v, P;
-          }
-          function _() {
-            return !1;
-          }
-          function M() {
-            return !0;
-          }
-          function C(a) {
-            return a.width || a.right - a.left;
-          }
-          function b(a) {
-            return a.height || a.bottom - a.top;
-          }
-          function w(a) {
-            return a.parentNode === u ? null : a.parentNode;
-          }
-          function k(a) {
-            return a.tagName === "INPUT" || a.tagName === "TEXTAREA" || a.tagName === "SELECT" || A(a);
-          }
-          function A(a) {
-            return !a || a.contentEditable === "false" ? !1 : a.contentEditable === "true" ? !0 : A(w(a));
-          }
-          function T(a) {
-            return a.nextElementSibling || x();
-            function x() {
-              var E = a;
-              do
-                E = E.nextSibling;
-              while (E && E.nodeType !== 1);
-              return E;
-            }
-          }
-          function $(a) {
-            return a.targetTouches && a.targetTouches.length ? a.targetTouches[0] : a.changedTouches && a.changedTouches.length ? a.changedTouches[0] : a;
-          }
-          function y(a, x) {
-            var E = $(x), v = {
-              pageX: "clientX",
-              // IE8
-              pageY: "clientY"
-              // IE8
-            };
-            return a in v && !(a in E) && v[a] in E && (a = v[a]), E[a];
-          }
-          o.exports = d;
-        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
-      3: [function(e, o, r) {
-        o.exports = function(s, c) {
-          return Array.prototype.slice.call(s, c);
-        };
-      }, {}],
-      4: [function(e, o, r) {
-        var i = e("ticky");
-        o.exports = function(c, l, u) {
-          c && i(function() {
-            c.apply(u || null, l || []);
-          });
-        };
-      }, { ticky: 10 }],
-      5: [function(e, o, r) {
-        var i = e("atoa"), s = e("./debounce");
-        o.exports = function(l, u) {
-          var g = u || {}, d = {};
-          return l === void 0 && (l = {}), l.on = function(p, f) {
-            return d[p] ? d[p].push(f) : d[p] = [f], l;
-          }, l.once = function(p, f) {
-            return f._once = !0, l.on(p, f), l;
-          }, l.off = function(p, f) {
-            var m = arguments.length;
-            if (m === 1)
-              delete d[p];
-            else if (m === 0)
-              d = {};
-            else {
-              var S = d[p];
-              if (!S)
-                return l;
-              S.splice(S.indexOf(f), 1);
-            }
-            return l;
-          }, l.emit = function() {
-            var p = i(arguments);
-            return l.emitterSnapshot(p.shift()).apply(this, p);
-          }, l.emitterSnapshot = function(p) {
-            var f = (d[p] || []).slice(0);
-            return function() {
-              var m = i(arguments), S = this || l;
-              if (p === "error" && g.throws !== !1 && !f.length)
-                throw m.length === 1 ? m[0] : m;
-              return f.forEach(function(_) {
-                g.async ? s(_, m, S) : _.apply(S, m), _._once && l.off(p, _);
-              }), l;
-            };
-          }, l;
-        };
-      }, { "./debounce": 4, atoa: 3 }],
-      6: [function(e, o, r) {
-        (function(i) {
-          var s = e("custom-event"), c = e("./eventmap"), l = i.document, u = p, g = m, d = [];
-          i.addEventListener || (u = f, g = S), o.exports = {
-            add: u,
-            remove: g,
-            fabricate: N
-          };
-          function p(w, k, A, T) {
-            return w.addEventListener(k, A, T);
-          }
-          function f(w, k, A) {
-            return w.attachEvent("on" + k, M(w, k, A));
-          }
-          function m(w, k, A, T) {
-            return w.removeEventListener(k, A, T);
-          }
-          function S(w, k, A) {
-            var T = C(w, k, A);
-            if (T)
-              return w.detachEvent("on" + k, T);
-          }
-          function N(w, k, A) {
-            var T = c.indexOf(k) === -1 ? y() : $();
-            w.dispatchEvent ? w.dispatchEvent(T) : w.fireEvent("on" + k, T);
-            function $() {
-              var a;
-              return l.createEvent ? (a = l.createEvent("Event"), a.initEvent(k, !0, !0)) : l.createEventObject && (a = l.createEventObject()), a;
-            }
-            function y() {
-              return new s(k, { detail: A });
-            }
-          }
-          function _(w, k, A) {
-            return function($) {
-              var y = $ || i.event;
-              y.target = y.target || y.srcElement, y.preventDefault = y.preventDefault || function() {
-                y.returnValue = !1;
-              }, y.stopPropagation = y.stopPropagation || function() {
-                y.cancelBubble = !0;
-              }, y.which = y.which || y.keyCode, A.call(w, y);
-            };
-          }
-          function M(w, k, A) {
-            var T = C(w, k, A) || _(w, k, A);
-            return d.push({
-              wrapper: T,
-              element: w,
-              type: k,
-              fn: A
-            }), T;
-          }
-          function C(w, k, A) {
-            var T = b(w, k, A);
-            if (T) {
-              var $ = d[T].wrapper;
-              return d.splice(T, 1), $;
-            }
-          }
-          function b(w, k, A) {
-            var T, $;
-            for (T = 0; T < d.length; T++)
-              if ($ = d[T], $.element === w && $.type === k && $.fn === A)
-                return T;
-          }
-        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, { "./eventmap": 7, "custom-event": 8 }],
-      7: [function(e, o, r) {
-        (function(i) {
-          var s = [], c = "", l = /^on/;
-          for (c in i)
-            l.test(c) && s.push(c.slice(2));
-          o.exports = s;
-        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, {}],
-      8: [function(e, o, r) {
-        (function(i) {
-          var s = i.CustomEvent;
-          function c() {
-            try {
-              var l = new s("cat", { detail: { foo: "bar" } });
-              return l.type === "cat" && l.detail.foo === "bar";
-            } catch {
-            }
-            return !1;
-          }
-          o.exports = c() ? s : (
-            // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(u, g) {
-              var d = document.createEvent("CustomEvent");
-              return g ? d.initCustomEvent(u, g.bubbles, g.cancelable, g.detail) : d.initCustomEvent(u, !1, !1, void 0), d;
-            } : (
-              // IE <= 8
-              function(u, g) {
-                var d = document.createEventObject();
-                return d.type = u, g ? (d.bubbles = !!g.bubbles, d.cancelable = !!g.cancelable, d.detail = g.detail) : (d.bubbles = !1, d.cancelable = !1, d.detail = void 0), d;
-              }
-            )
-          );
-        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
-      }, {}],
-      9: [function(e, o, r) {
-        var i = o.exports = {}, s, c;
-        function l() {
-          throw new Error("setTimeout has not been defined");
-        }
-        function u() {
-          throw new Error("clearTimeout has not been defined");
-        }
-        (function() {
-          try {
-            typeof setTimeout == "function" ? s = setTimeout : s = l;
-          } catch {
-            s = l;
-          }
-          try {
-            typeof clearTimeout == "function" ? c = clearTimeout : c = u;
-          } catch {
-            c = u;
-          }
-        })();
-        function g(b) {
-          if (s === setTimeout)
-            return setTimeout(b, 0);
-          if ((s === l || !s) && setTimeout)
-            return s = setTimeout, setTimeout(b, 0);
-          try {
-            return s(b, 0);
-          } catch {
-            try {
-              return s.call(null, b, 0);
-            } catch {
-              return s.call(this, b, 0);
-            }
-          }
-        }
-        function d(b) {
-          if (c === clearTimeout)
-            return clearTimeout(b);
-          if ((c === u || !c) && clearTimeout)
-            return c = clearTimeout, clearTimeout(b);
-          try {
-            return c(b);
-          } catch {
-            try {
-              return c.call(null, b);
-            } catch {
-              return c.call(this, b);
-            }
-          }
-        }
-        var p = [], f = !1, m, S = -1;
-        function N() {
-          !f || !m || (f = !1, m.length ? p = m.concat(p) : S = -1, p.length && _());
-        }
-        function _() {
-          if (!f) {
-            var b = g(N);
-            f = !0;
-            for (var w = p.length; w; ) {
-              for (m = p, p = []; ++S < w; )
-                m && m[S].run();
-              S = -1, w = p.length;
-            }
-            m = null, f = !1, d(b);
-          }
-        }
-        i.nextTick = function(b) {
-          var w = new Array(arguments.length - 1);
-          if (arguments.length > 1)
-            for (var k = 1; k < arguments.length; k++)
-              w[k - 1] = arguments[k];
-          p.push(new M(b, w)), p.length === 1 && !f && g(_);
-        };
-        function M(b, w) {
-          this.fun = b, this.array = w;
-        }
-        M.prototype.run = function() {
-          this.fun.apply(null, this.array);
-        }, i.title = "browser", i.browser = !0, i.env = {}, i.argv = [], i.version = "", i.versions = {};
-        function C() {
-        }
-        i.on = C, i.addListener = C, i.once = C, i.off = C, i.removeListener = C, i.removeAllListeners = C, i.emit = C, i.prependListener = C, i.prependOnceListener = C, i.listeners = function(b) {
-          return [];
-        }, i.binding = function(b) {
-          throw new Error("process.binding is not supported");
-        }, i.cwd = function() {
-          return "/";
-        }, i.chdir = function(b) {
-          throw new Error("process.chdir is not supported");
-        }, i.umask = function() {
-          return 0;
-        };
-      }, {}],
-      10: [function(e, o, r) {
-        (function(i) {
-          var s = typeof i == "function", c;
-          s ? c = function(l) {
-            i(l);
-          } : c = function(l) {
-            setTimeout(l, 0);
-          }, o.exports = c;
-        }).call(this, e("timers").setImmediate);
-      }, { timers: 11 }],
-      11: [function(e, o, r) {
-        (function(i, s) {
-          var c = e("process/browser.js").nextTick, l = Function.prototype.apply, u = Array.prototype.slice, g = {}, d = 0;
-          r.setTimeout = function() {
-            return new p(l.call(setTimeout, window, arguments), clearTimeout);
-          }, r.setInterval = function() {
-            return new p(l.call(setInterval, window, arguments), clearInterval);
-          }, r.clearTimeout = r.clearInterval = function(f) {
-            f.close();
-          };
-          function p(f, m) {
-            this._id = f, this._clearFn = m;
-          }
-          p.prototype.unref = p.prototype.ref = function() {
-          }, p.prototype.close = function() {
-            this._clearFn.call(window, this._id);
-          }, r.enroll = function(f, m) {
-            clearTimeout(f._idleTimeoutId), f._idleTimeout = m;
-          }, r.unenroll = function(f) {
-            clearTimeout(f._idleTimeoutId), f._idleTimeout = -1;
-          }, r._unrefActive = r.active = function(f) {
-            clearTimeout(f._idleTimeoutId);
-            var m = f._idleTimeout;
-            m >= 0 && (f._idleTimeoutId = setTimeout(function() {
-              f._onTimeout && f._onTimeout();
-            }, m));
-          }, r.setImmediate = typeof i == "function" ? i : function(f) {
-            var m = d++, S = arguments.length < 2 ? !1 : u.call(arguments, 1);
-            return g[m] = !0, c(function() {
-              g[m] && (S ? f.apply(null, S) : f.call(null), r.clearImmediate(m));
-            }), m;
-          }, r.clearImmediate = typeof s == "function" ? s : function(f) {
-            delete g[f];
-          };
-        }).call(this, e("timers").setImmediate, e("timers").clearImmediate);
-      }, { "process/browser.js": 9, timers: 11 }]
-    }, {}, [2])(2);
-  });
-})(mt);
-var Kn = mt.exports;
-const et = /* @__PURE__ */ Zn(Kn);
-function eo(n) {
-  let t;
-  function e(r, i, s, c) {
-    const l = n.schema;
-    if (!(l != null && l.buttons))
-      return;
-    let u;
-    if (s) {
-      const f = s.getAttribute("id");
-      u = Array.from(i.children).findIndex((m) => m.getAttribute("id") === f);
-    } else
-      u = Array.from(i.children).length;
-    const g = r.getAttribute("id"), d = Array.from(i.children).findIndex((f) => f.getAttribute("id") === g), p = l.buttons[d];
-    d !== u && d > -1 && u > -1 && (d < u && (u = u - 1), l.buttons.splice(d, 1), l.buttons.splice(u, 0, p), c(), Ne(() => {
-      const f = i.querySelector(".dgComponentSelected");
-      f != null && f.className.includes("dgComponentSelected") && (f.classList.remove("dgComponentSelected"), f.classList.remove("dgComponentFocused"), f.click()), st.value++;
-    }));
-  }
-  function o(r, i, s) {
-    t && t.destroy(), !(!et || !r || !i) && (t = et([r], {
-      mirrorContainer: i,
-      direction: "horizontal",
-      getMirrorText(c) {
-        return c.innerText;
-      },
-      // 判断是否可移动
-      moves(c, l, u) {
-        let g = !0;
-        return u.classList.contains("dropdown-item") ? (g = !1, g) : (c.classList.contains("no-drag") && (g = !1), g);
-      }
-    }).on("drop", (c, l, u, g) => e(c, l, g, s)));
-  }
-  return {
-    dragulaInstance: t,
-    initDragula: o
-  };
-}
-function to(n, t, e) {
-  const {
-    renderToolbarItemDesigner: o,
-    actionHandlers: r
-  } = e;
-  let i;
-  function s(M) {
-    i = M;
-  }
-  function c(M, C = null) {
-    const b = t.value.find((w) => w.id === M.id);
-    if (b.isDP)
-      if (document.body.click(), typeof C == "boolean")
-        b.expanded = C;
-      else {
-        const w = M.expanded;
-        b.expanded = !w;
-      }
-  }
-  r.toggleDropdownMenu = c;
-  function l(M) {
-    var b;
-    const C = {
-      "dropdown-menu": !0
-    };
-    if (M.class) {
-      const w = (b = M.menuClass) == null ? void 0 : b.split(" ");
-      w && w.length && w.reduce((k, A) => (k[A] = !0, k), C);
-    }
-    return C;
-  }
-  function u(M) {
-    var w;
-    const C = {
-      disabled: M.disabled === !1,
-      "dropdown-submenu": !0,
-      "f-rt-dropdown": !0,
-      "text-truncate": !0
-    }, b = (w = M.dropdownClass) == null ? void 0 : w.split(" ");
-    return b && b.length && b.reduce((k, A) => (k[A] = !0, k), C), C;
-  }
-  function g(M) {
-    const C = {
-      disabled: !1,
-      "dropdown-item": !0,
-      "f-rt-btn": !0,
-      "position-relative": !0,
-      "farris-component": !0,
-      "text-truncate": !0
-    }, b = (M.class || "").split(" ");
-    return b && b.length && b.reduce((w, k) => (w[k] = !0, w), C), C;
-  }
-  let d;
-  const p = /* @__PURE__ */ new Map();
-  function f(M, C, b) {
-    M.stopPropagation();
-    const w = b ? b.id : "__top_item__";
-    if (C.children && C.children.length && (C.expanded = !C.expanded, C.expanded)) {
-      if (p.has(w) && p.get(w) !== C) {
-        const k = p.get(w);
-        k && (k.expanded = !1, p.delete(w));
-      }
-      p.set(w, C);
-    }
-  }
-  function m(M) {
-    var C;
-    return (C = M.children) == null ? void 0 : C.map((b, w) => b.children && b.children.length ? V("li", {
-      class: u(b),
-      id: b.id
-    }, [V("span", {
-      class: g(b),
-      onClick: (k) => f(k, b, M)
-    }, [b.text, V("i", {
-      class: "f-icon f-icon-arrow-chevron-right",
-      style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), d(b, b)]) : o(b, w, !0));
-  }
-  function S(M, C, b, w) {
-    const {
-      height: T,
-      left: $,
-      top: y
-    } = w[0], {
-      width: a,
-      height: x
-    } = b.getBoundingClientRect(), {
-      marginTop: E,
-      marginBottom: v
-    } = getComputedStyle(b), P = Math.ceil(parseFloat(E)) + Math.ceil(parseFloat(v)), B = y + T, H = C == null ? void 0 : C.getBoundingClientRect();
-    function oe() {
-      let z = 0, G = "left";
-      const X = H ? H.right : window.innerWidth, j = H ? H.left : 0;
-      return z = X - $ - 10, X - $ < a && $ - j > X - $ && (G = "right", z = $ - j - 10), {
-        hposition: G,
-        maxWidth: Math.min(z, 300)
-      };
-    }
-    let K = 0, F = "bottom";
-    if (M === "tabs" || M === "section")
-      K = C.getBoundingClientRect().bottom - B - P - 10;
-    else {
-      const z = H ? H.bottom : window.innerHeight;
-      K = M === "page-header" ? z - B : y, K = K - P - 10, F = M === "page-header" ? "bottom" : "top";
-    }
-    const L = oe();
-    return {
-      position: F + "-" + L.hposition,
-      maxWidth: L.maxWidth,
-      maxHeight: K
-    };
-  }
-  function N(M) {
-    var A, T, $;
-    const C = "300px", b = {
-      display: M.expanded === !0 ? "block" : "none",
-      position: "absolute",
-      maxWidth: C,
-      minWidth: "120px"
-    };
-    if (!(i != null && i.value))
-      return b;
-    const w = i.value.querySelector("#" + M.id), k = w == null ? void 0 : w.getClientRects();
-    if (w && k && k.length > 0) {
-      const y = w ? w.querySelector("#" + M.id + "_menu") : null;
-      if (!y || M.expanded !== !0)
-        return b;
-      y.style.visibility = "hidden", y.style.display = "block", y.style.maxHeight = "auto", y.style.maxWidth = C;
-      let a;
-      switch (r.toolbarPosition) {
-        case "tabs":
-          a = (A = i.value) == null ? void 0 : A.closest(".farris-tabs");
-          break;
-        case "section":
-          a = (T = i.value) == null ? void 0 : T.closest(".f-section");
-          break;
-        default:
-          a = ($ = i.value) == null ? void 0 : $.closest(".f-page");
-      }
-      const x = S(r.toolbarPosition, a, y, k), {
-        position: E,
-        maxHeight: v,
-        maxWidth: P
-      } = x;
-      y.style.visibility = "visible";
-      const B = {
-        left: E.indexOf("left") > -1 ? 0 : "unset",
-        right: E.indexOf("left") > -1 ? "unset" : 0,
-        bottom: E.indexOf("bottom") > -1 ? "unset" : "100%",
-        top: E.indexOf("bottom") > -1 ? "!00%" : "unset",
-        maxWidth: P ? P + "px" : "300px",
-        maxHeight: v ? v + "px" : "auto",
-        overflowY: v ? "auto" : "unset"
-      };
-      Object.assign(b, B);
-    }
-    return b;
-  }
-  r.changeMenuPosition = N, d = function(M, C) {
-    return V("ul", {
-      class: l(M),
-      style: N(M),
-      id: M.id + "_menu"
-    }, [m(M)]);
-  };
-  function _(M = "") {
-    M && p.has(M) ? p.forEach((C, b) => {
-      b !== M && (C.expanded = !1, p.delete(b));
-    }) : (p.forEach((C) => {
-      C.expanded = !1;
-    }), p.clear());
+  function s(u) {
+    return new je(u, e).getPropertyConfig(i);
   }
   return {
-    renderDropdownMenu: d,
-    clearAllDropDownMenu: _,
-    setResponseToolbarRef: s
+    canAccepts: t,
+    hideNestedPaddingInDesginerView: r,
+    getPropsConfig: s,
+    checkCanDeleteComponent: n,
+    checkCanMoveComponent: o
   };
 }
-function gt() {
-  function n(e) {
-    const o = {
-      "f-icon": !0
-    };
-    if (e.icon) {
-      const r = e.icon.trim().split(" ");
-      r && r.length && r.reduce((i, s) => (i[s] = !0, i), o);
-    }
-    return o;
-  }
-  function t(e) {
-    return !!(e.icon && e.icon.trim());
-  }
-  return { iconClass: n, shouldShowIcon: t };
-}
-const no = {
+const ze = {
   id: { type: String, default: "" },
   componentId: { type: String, default: "" },
   canAdd: { type: Boolean, default: !1 },
@@ -2599,1078 +1311,339 @@ const no = {
    */
   modelValue: { type: Object }
 };
-function oo(n, t, e) {
-  var k;
-  const o = "", r = q();
-  function i() {
+function Je(i, e, t) {
+  var F;
+  const n = "", o = S();
+  function r() {
     return !0;
   }
   function s() {
     return !1;
   }
-  function c() {
+  function u() {
     return !0;
   }
   function l() {
     return !0;
   }
-  function u() {
+  function a() {
     return !0;
   }
-  function g(A) {
-    if (!A || !A.value)
+  function d(M) {
+    if (!M || !M.value)
       return null;
-    const T = q(A == null ? void 0 : A.value.parent), $ = g(T);
-    return $ || null;
+    const p = S(M == null ? void 0 : M.value.parent), P = d(p);
+    return P || null;
   }
-  function d(A = t) {
-    var a;
-    const { componentInstance: T, designerItemElementRef: $ } = A;
-    if (!T || !T.value)
+  function c(M = e) {
+    var E;
+    const { componentInstance: p, designerItemElementRef: P } = M;
+    if (!p || !p.value)
       return null;
-    const { getCustomButtons: y } = T.value;
-    return T.value.canMove || T.value.canAdd || T.value.canDelete || y && ((a = y()) != null && a.length) ? $ : d(A.parent);
+    const { getCustomButtons: w } = p.value;
+    return p.value.canMove || p.value.canAdd || p.value.canDelete || w && ((E = w()) != null && E.length) ? P : c(M.parent);
   }
-  function p() {
+  function m() {
   }
-  function f(A) {
-    return !!e;
+  function f(M) {
+    return !!t;
   }
-  function m() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  function b() {
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function S() {
+  function v() {
   }
-  function N(A, T) {
+  function k(M, p) {
   }
-  function _(A) {
-    const { componentType: T } = A, $ = ie("designer-host-service");
-    let y = Re(T, A, $);
-    const a = T.toLowerCase().replace(/-/g, "_");
-    return y && !y.id && y.type === T && (y.id = `${a}_${Math.random().toString().slice(2, 6)}`), y;
+  function D(M) {
+    const { componentType: p } = M, P = $("designer-host-service");
+    let w = J(p, M, P);
+    const E = p.toLowerCase().replace(/-/g, "_");
+    return w && !w.id && w.type === p && (w.id = `${E}_${Math.random().toString().slice(2, 6)}`), w;
   }
-  function M(A) {
+  function N(M) {
   }
-  function C(...A) {
+  function h(...M) {
     return [];
   }
-  function b() {
+  function I() {
   }
-  function w(A) {
+  function U(M) {
   }
-  return r.value = {
-    canMove: i(),
+  return o.value = {
+    canMove: r(),
     canSelectParent: s(),
     canAdd: l(),
-    canDelete: c(),
-    canNested: !u(),
+    canDelete: u(),
+    canNested: !a(),
     contents: [],
-    elementRef: n,
-    parent: (k = t.parent) == null ? void 0 : k.componentInstance,
-    schema: t.schema,
-    styles: o,
+    elementRef: i,
+    parent: (F = e.parent) == null ? void 0 : F.componentInstance,
+    schema: e.schema,
+    styles: n,
     canAccepts: f,
-    getBelongedComponentInstance: g,
-    getDraggableDesignItemElement: d,
-    getDraggingDisplayText: m,
-    getPropConfig: C,
-    getDragScopeElement: S,
-    onAcceptMovedChildElement: N,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: _,
-    onRemoveComponent: b,
-    triggerBelongedComponentToMoveWhenMoved: q(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: q(!1),
-    onPropertyChanged: w,
-    getCustomButtons: p
-  }, r;
+    getBelongedComponentInstance: d,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: b,
+    getPropConfig: h,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: k,
+    onChildElementMovedOut: N,
+    addNewChildComponentSchema: D,
+    onRemoveComponent: I,
+    triggerBelongedComponentToMoveWhenMoved: S(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: S(!1),
+    onPropertyChanged: U,
+    getCustomButtons: m
+  }, o;
 }
-const ht = /* @__PURE__ */ ge({
+const Qe = /* @__PURE__ */ W({
   name: "FDesignerInnerItem",
-  props: no,
+  props: ze,
   emits: ["selectionChange", "addComponent", "removeComponent", "clickButton"],
-  setup(n, t) {
-    const e = q(n.canMove), o = q(n.canAdd), r = q(n.canDelete), i = q(!1), s = q(n.contentKey), c = q(n.childType), l = q(n.childLabel), u = q(n.modelValue), g = q(""), d = q(), p = ie("canvas-dragula"), f = q(), m = ie("design-item-context"), S = {
-      designerItemElementRef: d,
+  setup(i, e) {
+    const t = S(i.canMove), n = S(i.canAdd), o = S(i.canDelete), r = S(!1), s = S(i.contentKey), u = S(i.childType), l = S(i.childLabel), a = S(i.modelValue), d = S(""), c = S(), m = $("canvas-dragula"), f = S(), b = $("design-item-context"), v = {
+      designerItemElementRef: c,
       componentInstance: f,
-      schema: u.value,
-      parent: m,
-      setupContext: t
+      schema: a.value,
+      parent: b,
+      setupContext: e
     };
-    ot("design-item-context", S);
-    const N = Q(() => {
-      var B;
-      const v = ((B = f.value) == null ? void 0 : B.getCustomButtons) && f.value.getCustomButtons();
+    re("design-item-context", v);
+    const k = T(() => {
+      var V;
+      const g = ((V = f.value) == null ? void 0 : V.getCustomButtons) && f.value.getCustomButtons();
       return {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
-        "flex-fill": n.id === "root-component",
-        "position-relative": e.value || r.value || (v == null ? void 0 : v.length),
-        "farris-nested": i.value,
-        "can-move": e.value,
-        "d-none": d.value && d.value.classList.contains("d-none")
+        "flex-fill": i.id === "root-component",
+        "position-relative": t.value || o.value || (g == null ? void 0 : g.length),
+        "farris-nested": r.value,
+        "can-move": t.value,
+        "d-none": c.value && c.value.classList.contains("d-none")
       };
-    }), _ = Q(() => {
-      const v = {};
-      return g.value && g.value.split(";").reduce((P, B) => {
-        const [H, oe] = B.split(":");
-        return H && (P[H] = oe), P;
-      }, v), v;
+    }), D = T(() => {
+      const g = {};
+      return d.value && d.value.split(";").reduce((C, V) => {
+        const [A, L] = V.split(":");
+        return A && (C[A] = L), C;
+      }, g), g;
     });
-    function M(v, P) {
-      if (m && m.schema[s.value]) {
-        const B = m.schema[s.value].findIndex((H) => H.id === P.id);
-        if (B > -1) {
-          const H = m.schema[s.value].length, oe = m.schema[s.value][B % H];
-          m.designerItemElementRef.value.querySelector(`#${oe.id}-design-item`), m.schema[s.value].splice(B, 1), Be.value++, t.emit("removeComponent"), t.emit("selectionChange");
+    function N(g, C) {
+      if (b && b.schema[s.value]) {
+        const V = b.schema[s.value].findIndex((A) => A.id === C.id);
+        if (V > -1) {
+          const A = b.schema[s.value].length, L = b.schema[s.value][V % A];
+          b.designerItemElementRef.value.querySelector(`#${L.id}-design-item`), b.schema[s.value].splice(V, 1), H.value++, e.emit("removeComponent"), e.emit("selectionChange");
         }
       }
     }
-    function C(v) {
+    function h(g) {
       if (f.value.addNewChildComponentSchema) {
-        const P = {
-          componentType: c.value,
+        const C = {
+          componentType: u.value,
           label: l.value,
           parentComponentInstance: f.value,
           targetPosition: -1
-        }, B = f.value.addNewChildComponentSchema(P);
-        u.value[s.value].push(B), t.emit("addComponent");
+        }, V = f.value.addNewChildComponentSchema(C);
+        a.value[s.value].push(V), e.emit("addComponent");
       }
     }
-    function b() {
-      return o.value && V("div", {
+    function I() {
+      return n.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
-        onClick: (v) => {
-          C();
+        onClick: (g) => {
+          h();
         }
-      }, [V("i", {
+      }, [y("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function w(v) {
-      return r.value && V("div", {
+    function U(g) {
+      return o.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: _t((P) => M(P, v), ["stop"])
-      }, [V("i", {
+        onClick: le((C) => N(C, g), ["stop"])
+      }, [y("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function k() {
-      return e.value && V("div", {
+    function F() {
+      return t.value && y("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [V("i", {
+      }, [y("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function A() {
-      var P;
-      const v = ((P = f.value) == null ? void 0 : P.getCustomButtons) && f.value.getCustomButtons();
-      return v && !!v.length && v.map((B) => V("div", {
+    function M() {
+      var C;
+      const g = ((C = f.value) == null ? void 0 : C.getCustomButtons) && f.value.getCustomButtons();
+      return g && !!g.length && g.map((V) => y("div", {
         role: "button",
-        class: `btn component-settings-button ${B.class || ""} ${B.text ? "settings-button-extend" : ""}`,
-        title: B.title,
-        ref: B.id,
-        onClick: (H) => B.onClick && B.onClick(H)
-      }, [V("i", {
-        class: "f-icon " + B.icon
-      }, null), B.text && V("span", {
+        class: `btn component-settings-button ${V.class || ""} ${V.text ? "settings-button-extend" : ""}`,
+        title: V.title,
+        ref: V.id,
+        onClick: (A) => V.onClick && V.onClick(A)
+      }, [y("i", {
+        class: "f-icon " + V.icon
+      }, null), V.text && y("span", {
         class: "icon-text"
-      }, [B.text])]));
+      }, [V.text])]));
     }
-    function T(v) {
-      return V("div", {
+    function p(g) {
+      return y("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [V("div", null, [b(), k(), w(v), A()])]);
+      }, [y("div", null, [I(), F(), U(g), M()])]);
     }
-    ye(() => n.modelValue, (v) => {
-      u.value = v, S.schema = v;
+    j(() => i.modelValue, (g) => {
+      a.value = g, v.schema = g;
     });
-    function $(v) {
+    function P(g) {
       window.scrollContainerList || (window.scrollContainerList = /* @__PURE__ */ new Set());
-      const P = v.getAttribute("id");
-      P && window.scrollContainerList.add(P);
+      const C = g.getAttribute("id");
+      C && window.scrollContainerList.add(C);
     }
-    function y(v) {
-      const P = v.target;
-      $(P), Pn(P);
+    function w(g) {
+      const C = g.target;
+      P(C), Re(C);
     }
-    function a() {
-      var v, P;
-      (P = (v = u.value) == null ? void 0 : v.contents) != null && P.length && d.value && d.value.addEventListener("scroll", y);
+    function E() {
+      var g, C;
+      (C = (g = a.value) == null ? void 0 : g.contents) != null && C.length && c.value && c.value.addEventListener("scroll", w);
     }
     function x() {
-      const v = d.value, P = q(v.children[1]);
-      return oo(P, S).value;
+      const g = c.value, C = S(g.children[1]);
+      return Je(C, v).value;
     }
-    be(() => {
-      if (d.value) {
-        const v = d.value.querySelector(`[data-dragref='${u.value.id}-container']`);
-        f.value = v && v.componentInstance ? v.componentInstance.value : x(), p && v && p.attachComponents(v, u.value), i.value = f.value.canNested !== void 0 ? f.value.canNested : i.value, o.value = f.value.canAdd !== void 0 ? f.value.canAdd : o.value, r.value = f.value.canDelete !== void 0 ? f.value.canDelete : r.value, e.value = f.value.canMove !== void 0 ? f.value.canMove : e.value, g.value = f.value.styles || "", d.value && (d.value.componentInstance = f, d.value.designItemContext = S);
+    K(() => {
+      if (c.value) {
+        const g = c.value.querySelector(`[data-dragref='${a.value.id}-container']`);
+        f.value = g && g.componentInstance ? g.componentInstance.value : x(), m && g && m.attachComponents(g, a.value), r.value = f.value.canNested !== void 0 ? f.value.canNested : r.value, n.value = f.value.canAdd !== void 0 ? f.value.canAdd : n.value, o.value = f.value.canDelete !== void 0 ? f.value.canDelete : o.value, t.value = f.value.canMove !== void 0 ? f.value.canMove : t.value, d.value = f.value.styles || "", c.value && (c.value.componentInstance = f, c.value.designItemContext = v);
       }
-      a(), Be.value++;
-    }), Ft(() => {
-      d.value && d.value.removeEventListener("scroll", y);
+      E(), H.value++;
+    }), ae(() => {
+      c.value && c.value.removeEventListener("scroll", w);
     });
-    function E(v) {
-      v && (v.preventDefault(), v.stopPropagation());
-      let P = S.designerItemElementRef;
-      const B = d.value;
-      if (B) {
-        const H = document.getElementsByClassName("dgComponentFocused");
-        H && H.length === 1 && H[0] === d.value && d.value.classList.contains("dgComponentSelected") || (Array.from(H).forEach((K) => K.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((K) => K.classList.remove("dgComponentSelected")), B.classList.add("dgComponentFocused"), t.emit("selectionChange", u.value.type, u.value, n.componentId, f.value), f.value.getDraggableDesignItemElement && (P = f.value.getDraggableDesignItemElement(S), P && P.value && P.value.classList.add("dgComponentSelected")));
-      }
-      dt(P == null ? void 0 : P.value);
-    }
-    return () => V("div", {
-      id: `${n.id}-design-item`,
-      ref: d,
-      class: N.value,
-      style: _.value,
-      onClick: E
-    }, [T(u.value), t.slots.default && t.slots.default()]);
-  }
-});
-class ro extends at {
-  constructor(e, o, r = "response-toolbar-item") {
-    super(e, o);
-    Z(this, "toolbarType", "response-toolbar-item");
-    this.toolbarType = r;
-  }
-  /**
-   * 
-   * @param propertyData 
-   * @param isDropdownItem 是否是下拉子项，有些属性在下拉子项上不应该显示 
-   * @returns 
-   */
-  getPropertyConfig(e, o = !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, o);
-    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
+    function O(g) {
+      g && (g.preventDefault(), g.stopPropagation());
+      let C = v.designerItemElementRef;
+      const V = c.value;
+      if (V) {
+        const A = document.getElementsByClassName("dgComponentFocused");
+        A && A.length === 1 && A[0] === c.value && c.value.classList.contains("dgComponentSelected") || (Array.from(A).forEach((q) => q.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((q) => q.classList.remove("dgComponentSelected")), V.classList.add("dgComponentFocused"), e.emit("selectionChange", a.value.type, a.value, i.componentId, f.value), f.value.getDraggableDesignItemElement && (C = f.value.getDraggableDesignItemElement(v), C && C.value && C.value.classList.add("dgComponentSelected")));
       }
-    }), this.getEventPropConfig(e), this.propertyConfig;
-  }
-  getAppearanceProperties(e, o = !1) {
-    this.propertyConfig.categories.appearance = {
-      title: "外观",
-      description: "Appearance",
-      properties: {
-        class: {
-          title: "class样式",
-          type: "string",
-          description: "",
-          $converter: "/converter/appearance.converter",
-          visible: !o
-        },
-        // "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 o = [
-      {
-        label: "onClick",
-        name: "点击事件"
-      }
-    ], r = this, i = r.eventsEditorUtils.formProperties(e, r.viewModelId, o), s = {};
-    s[r.viewModelId] = {
-      type: "events-editor",
-      editor: {
-        initialData: i
-      }
-    }, this.propertyConfig.categories.eventsEditor = {
-      title: "事件",
-      hideTitle: !0,
-      properties: s,
-      // 这个属性，标记当属性变更得时候触发重新更新属性
-      refreshPanelAfterChanged: !0,
-      tabId: "commands",
-      tabName: "交互",
-      setPropertyRelates(c, l) {
-        const u = c.propertyValue;
-        delete e[r.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, r.eventsEditorUtils.saveRelatedParameters(e, r.viewModelId, u.events, u));
-      }
-    };
-  }
-}
-function Ae(n, t) {
-  if (!n)
-    return !1;
-  const e = t || [];
-  return (e == null ? void 0 : e.findIndex((r) => r.id === n)) === -1;
-}
-function tt(n, t) {
-  const e = t || [];
-  let o = { parentIndex: -1, itemIndex: -1 };
-  return e.some((r, i) => {
-    if (r.children && r.children.length > 0) {
-      const s = r.children.findIndex((c) => c.id === n);
-      return s > -1 ? (o = { parentIndex: i, itemIndex: s }, !0) : !1;
+      oe(C == null ? void 0 : C.value);
     }
-  }), o;
-}
-function nt(n, t) {
-  const e = t || [];
-  let o = { parentIndex: -1, itemIndex: -1 };
-  const r = e == null ? void 0 : e.findIndex((i) => i.id === n);
-  return r > -1 ? { parent: null, item: e[r] } : (e.some((i, s) => {
-    if (i.children && i.children.length > 0) {
-      const c = i.children.findIndex((l) => l.id === n);
-      return c > -1 ? (o = { parentIndex: s, itemIndex: c }, !0) : !1;
-    }
-  }), o.parentIndex < 0 ? { parent: null, item: null } : { parent: e[o.parentIndex], item: e[o.parentIndex].children[o.itemIndex] });
-}
-function io(n, t) {
-  const e = t || [], o = e == null ? void 0 : e.findIndex((r) => r.id === n);
-  return o > -1 && e[o].children && e[o].children.length > 0 ? e[o].expanded === !0 : !1;
-}
-function so(n, t, e) {
-  function o(y) {
-    return !1;
-  }
-  function r() {
-    return !1;
-  }
-  function i() {
-    return !1;
-  }
-  function s() {
-    return !1;
-  }
-  function c() {
-    return e.toolbarContext.schema.buttons || [];
-  }
-  function l(y, a = "") {
-    setTimeout(() => {
-      var P, B;
-      const x = (P = n.parent) == null ? void 0 : P.designerItemElementRef.value;
-      let E;
-      a && (E = x == null ? void 0 : x.querySelector("#" + a));
-      const v = (B = E || x) == null ? void 0 : B.querySelector("#" + y);
-      v == null || v.click();
-    }, 0);
-  }
-  function u(y, a) {
-    a.disabled && a.disabled.expressionId && (a.disabled.expressionId = `${a.id}_disabled`), a.visible && a.visible.expressionId && (a.visible.expressionId = `${a.id}_visible`);
-    const x = t.formSchemaUtils.getExpressions(), E = x.find((P) => P.target === y.id);
-    if (!E || !E.rules || !E.rules.length)
-      return;
-    const v = {
-      target: a.id,
-      rules: [],
-      targetType: "Button"
-    };
-    E.rules.forEach((P) => {
-      const B = Object.assign(me(P), {
-        id: `${a.id}_${P.type}`
-      });
-      v.rules.push(B);
-    }), x.push(v);
-  }
-  function g() {
-    const y = n.schema, a = Object.assign(
-      me(y),
-      {
-        id: `${n.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
-        onClick: null
-      }
-    );
-    let x = [];
-    return a.children && a.children.length && (x = a.children.map((E) => {
-      const v = me(E);
-      return Object.assign(
-        v,
-        {
-          id: `${n.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
-          onClick: null
-        }
-      ), u(E, v), v;
-    }), a.children = x), u(y, a), a;
-  }
-  function d() {
-    const y = n.schema.type || "response-toolbar-item", a = $e(y), x = y.toLowerCase().replace("-", "_");
-    return a && !a.id && a.type === y && (a.id = `${x}_${Math.random().toString().slice(2, 6)}`, a.text = "按钮"), a;
-  }
-  function p(y) {
-    const a = c(), x = a == null ? void 0 : a.findIndex((v) => v.id === y), E = x === -1 ? null : a[x];
-    return { index: x, toolbarItem: E };
-  }
-  function f() {
-    const y = n.schema.id, a = c();
-    return Ae(y, a);
-  }
-  function m(y) {
-    const a = t.formSchemaUtils.getExpressions();
-    if (!a || !a.length)
-      return;
-    const x = (E) => {
-      const v = a && a.findIndex((P) => P.target === E.id);
-      v > -1 && a.splice(v, 1);
-    };
-    x(y), y.children && y.children.length && y.children.forEach((E) => {
-      x(E);
-    });
-  }
-  function S(y) {
-    e.changeSelectedId(y);
-  }
-  function N() {
-    var E, v;
-    const y = c(), { parentIndex: a, itemIndex: x } = tt(n.schema.id, y);
-    a === -1 || x === -1 || (m(n.schema), y[a].children.splice(x, 1), e.updateToolbarItems(), (E = n.setupContext) == null || E.emit("removeComponent"), (v = n.setupContext) == null || v.emit("selectionChange"));
-  }
-  function _() {
-    var E, v;
-    const y = n.schema.id, a = c(), x = a == null ? void 0 : a.findIndex((P) => P.id === y);
-    x !== -1 && (m(a[x]), a == null || a.splice(x, 1), e.updateToolbarItems(), (E = n.setupContext) == null || E.emit("removeComponent"), (v = n.setupContext) == null || v.emit("selectionChange"), st.value++);
-  }
-  function M(y = "Append") {
-    var B;
-    const a = c(), { parentIndex: x, itemIndex: E } = tt(n.schema.id, a);
-    if (x === -1 || E === -1)
-      return;
-    const v = d(), P = y === "Copy" ? g() : Object.assign({}, v);
-    a[x].children.splice(E + 1, 0, P), e.updateToolbarItems(), S(P.id), (B = n.setupContext) == null || B.emit("addComponent");
-  }
-  function C(y, a) {
-    const { index: x } = p(a);
-    if (x === -1)
-      return { index: x, schema: null };
-    const E = d(), v = y === "Copy" ? g() : Object.assign({}, E);
-    return { index: x, schema: v };
-  }
-  function b() {
-    var E;
-    const y = n.schema.id, { index: a, schema: x } = C("Copy", y);
-    x && (c().splice(a + 1, 0, x), e.updateToolbarItems(), l(x.id), (E = n.setupContext) == null || E.emit("addComponent"));
-  }
-  function w() {
-    var E;
-    const y = n.schema.id, { index: a, schema: x } = C("Append", y);
-    if (x && n.parent) {
-      const P = c()[a].children || [];
-      P.push(x);
-      const B = c();
-      B[a].children = P, e.updateToolbarItems(), S(x.id), (E = n.setupContext) == null || E.emit("addComponent");
-    }
-  }
-  function k(y) {
-    let a;
-    switch (n.schema.type) {
-      case "tab-toolbar-item":
-        a = new zt(y, t);
-        break;
-      default:
-        a = new ro(y, t, n.schema.type);
-    }
-    return a.getPropertyConfig(n.schema, f());
-  }
-  function A(y) {
-    y.stopPropagation(), y.stopImmediatePropagation();
-  }
-  function T() {
-    const y = [{
-      id: "delete",
-      title: "删除",
-      text: "",
-      icon: "f-icon-yxs_delete",
-      onClick: (a) => {
-        A(a), f() ? N() : _();
-      }
-    }, {
-      id: "copy",
-      title: "复制",
-      icon: "f-icon-yxs_copy",
-      onClick: (a) => {
-        A(a);
-        const { activeElement: x } = document, E = x ? x.tagName.toLowerCase() : "";
-        E && E === "input" || E === "textarea" ? (x == null || x.blur(), Ne(() => {
-          f() ? M("Copy") : b();
-        })) : f() ? M("Copy") : b();
-      }
-    }];
-    return y.push(f() ? {
-      id: "appendSiblingButton",
-      title: "",
-      text: "新增同级",
-      icon: "f-icon-plus-circle",
-      onClick: (a) => {
-        A(a), M();
-      }
-    } : {
-      id: "appendChildButton",
-      title: "",
-      text: "新增子级",
-      icon: "f-icon-plus-circle",
-      onClick: (a) => {
-        A(a), w();
-      }
-    }), y;
-  }
-  function $() {
-    const { schema: y } = n;
-    m(y);
-  }
-  return {
-    canAccepts: o,
-    checkCanMoveComponent: r,
-    checkCanDeleteComponent: i,
-    checkCanAddComponent: s,
-    getPropsConfig: k,
-    getCustomButtons: T,
-    onRemoveComponent: $
-  };
-}
-const ao = /* @__PURE__ */ ge({
-  name: "FResponseToolbarItemDesign",
-  props: pt,
-  emits: ["Click", "dropdown", "clearAll"],
-  setup(n, t) {
-    const e = q(n.alignment), o = gt(), r = q(), i = ie("designer-host-service"), s = ie("design-item-context"), c = ie("toolbar-item-action"), l = so(s, i, c), u = Wt(r, s, l);
-    be(() => {
-      r.value.componentInstance = u;
-    }), t.expose(u.value);
-    function g() {
-      const b = {
-        "f-icon": !0
-      }, w = n.icon ? n.icon.trim() : "";
-      return pe(b, w);
-    }
-    function d() {
-      return !!(n.icon && n.icon.trim());
-    }
-    const p = Q(() => {
-      const b = {
-        btn: !0,
-        "f-rt-btn": !0,
-        "f-btn-ml": !n.isDP && (e.value === "right" || e.value === "center"),
-        "f-btn-mr": !n.isDP && e.value === "left",
-        "btn-icontext": !!(n.icon && n.icon.trim()),
-        disabled: n.disabled === !0,
-        "no-drag": !0,
-        "text-truncate": !0
-        // 'f-rt-toggle':props.isDP&&!props.split
-      };
-      return pe(b, n.class);
-    }), f = Q(() => n.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"
-    }), m = Q(() => {
-      const b = {
-        btn: !0,
-        "dropdown-toggle": !0,
-        "f-btn-mr": e.value === "left",
-        "dropdown-toggle-split": !0,
-        "no-drag": !0
-      };
-      return pe(b, n.class);
-    }), S = Q(() => {
-      let b = {
-        btn: !n.isDPItem,
-        // 不是下拉按钮，不是下拉项
-        disabled: n.disabled === !0,
-        "dropdown-item": n.isDPItem,
-        "f-rt-btn": !0,
-        "text-truncate": !0,
-        "btn-icontext": !n.isDPItem && !!(n.icon && n.icon.trim()),
-        "dropdown-item-icontext": n.isDPItem && !!(n.icon && n.icon.trim()),
-        // 保证内部层级不被拖拽
-        "no-drag": !0
-      };
-      return n.isDPItem || (b = pe(b, n.class || "")), n.isDP && (b = pe(b, n.dropdownClass || "")), b;
-    });
-    function N(b, w) {
-      w && w.stopPropagation(), t.emit(b, {
-        id: n.id,
-        isDP: n.isDP
-      });
-    }
-    function _() {
-      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 M() {
-      return V("div", {
-        ref: r,
-        "data-dragref": `${s.schema.id}-container`,
-        class: "farris-component position-relative",
-        style: "display:inline-block!important;"
-      }, [V("div", {
-        class: _(),
-        id: n.id
-      }, [V("div", {
-        class: p.value,
-        style: f.value,
-        onClick: () => N("clearAll")
-      }, [o.shouldShowIcon(n) && V("i", {
-        class: o.iconClass(n)
-      }, null), V("span", null, [n.text]), !n.split && V("span", {
-        class: "f-icon f-icon-arrow-chevron-down",
-        style: "margin:0 0.5rem 0 0.25rem;",
-        onClick: (b) => N("dropdown", b)
-      }, null)]), n.split && V("button", {
-        class: m.value,
-        style: "border-radius:0 6px 6px 0;",
-        onClick: (b) => N("dropdown", b)
-      }, null), c.renderDropdownMenu(n.item, n.item)])]);
-    }
-    function C() {
-      return V("li", {
-        ref: r,
-        "data-dragref": `${s.schema.id}-container`,
-        id: n.id,
-        class: S.value
-      }, [o.shouldShowIcon(n) && V("i", {
-        class: o.iconClass(n)
-      }, null), n.text]);
-    }
-    return () => n.isDP ? M() : n.isDPItem ? C() : V("div", {
-      ref: r,
-      "data-dragref": `${s.schema.id}-container`,
-      class: "farris-component position-relative",
-      style: "display:inline-block!important;"
-    }, [V("button", {
-      type: "button",
-      class: p.value,
-      id: n.id,
-      onClick: () => N("clearAll")
-    }, [d() && V("i", {
-      class: g()
-    }, null), n.text])]);
-  }
-});
-function lo(n, t, e, o) {
-  function r(p, f, m, S) {
-    o.changeSelectedId((f == null ? void 0 : f.id) || ""), e && e.setupContext && e.setupContext.emit("selectionChange", p, f, m, S);
-  }
-  function i() {
-  }
-  function s(p) {
-    const f = p.expanded;
-    o.clearAllDropdown(), o.toggleDropdownMenu(p, !f);
-  }
-  function c(p) {
-    o.clearAllDropdown(p.isDP ? p.id : "");
-  }
-  function l(p, f = "") {
-    const m = n.items || [], S = f || p, N = m.find((_) => _.id === S);
-    return f ? N.children.find((_) => _.id === p) : N;
-  }
-  function u(p, f = !1) {
-    if (!f)
-      return;
-    const m = p.target;
-    m != null && m.classList.contains("dgComponentFocused") && (m == null || m.classList.add("dgComponentSelected"));
-  }
-  function g(p, f = !1) {
-    if (!f)
-      return;
-    const m = p.target;
-    m != null && m.classList.contains("dgComponentFocused") && (m == null || m.classList.remove("dgComponentSelected"));
-  }
-  function d(p, f, m = !1) {
-    const S = l(p.id, p.parent), N = q(S);
-    return V(ht, {
-      key: S.id,
-      class: ["p-0", m ? "d-block no-drag" : "d-inline-block"],
-      modelValue: N.value,
-      "onUpdate:modelValue": (_) => N.value = _,
-      canMove: !1,
-      childType: "response-toolbar-item",
-      childLabel: "按钮",
-      contentKey: "buttons",
-      componentId: n.componentId,
-      id: S.id,
-      onSelectionChange: r,
-      onRemoveComponent: i,
-      onMouseenter: (_) => u(_, m),
-      onMouseleave: (_) => g(_, m)
-    }, {
-      default: () => {
-        var _;
-        return [V(ao, {
-          id: S.id,
-          disabled: S.disabled,
-          text: S.text,
-          icon: S.icon,
-          isDP: p.isDP,
-          item: p,
-          split: S.split,
-          isDPItem: p.isDPItem,
-          class: ((_ = p.appearance) == null ? void 0 : _.class) || "btn-secondary",
-          alignment: n.alignment || "right",
-          onDropdown: () => s(p),
-          onClearAll: (M) => c(M),
-          componentId: n.componentId
-        }, null)];
-      }
-    });
-  }
-  return {
-    renderToolbarItemDesigner: d,
-    actionHandlers: o
-  };
-}
-function Ve(n, t = !1, e = "") {
-  const o = [];
-  return n.reduce((r, i) => {
-    if (i.children && i.children.length > 0) {
-      const s = Ve(i.children, !0, i.id);
-      r.push(Object.assign({}, i, {
-        children: s,
-        isDPItem: !1,
-        isDP: !0,
-        parent: "",
-        expanded: !1
-      }));
-    } else
-      r.push(Object.assign({}, i, {
-        isDPItem: t,
-        isDP: !1,
-        parent: e
-      }));
-    return r;
-  }, o), o;
-}
-const co = /* @__PURE__ */ ge({
-  name: "FResponseToolbarDesign",
-  props: Yn,
-  emits: ["Click"],
-  setup(n, t) {
-    const e = q(Ve(n.items)), o = q(), r = q(), i = q(), s = q("");
-    let c = 0;
-    const l = 15, u = ie("designer-host-service"), g = ie("design-item-context"), d = {
-      clearAllDropdown: (F) => {
-      },
-      toggleDropdownMenu: (F) => {
-      },
-      updateToolbarItems: () => {
-      },
-      changeSelectedId: (F) => {
-        s.value = F;
-      },
-      renderDropdownMenu: (F, L) => {
-      },
-      toolbarContext: g,
-      changeMenuPosition: (F, L, z) => ({}),
-      toolbarPosition: ""
-    }, p = Jn(g, u, d), f = Ht(i, g, p), m = ie("toolbar-item-handler"), {
-      initDragula: S,
-      dragulaInstance: N
-    } = eo(g), _ = gt(), M = lo(n, r, g, d), C = to(_, e, M), {
-      renderToolbarItemDesigner: b
-    } = M, {
-      clearAllDropDownMenu: w,
-      renderDropdownMenu: k,
-      setResponseToolbarRef: A
-    } = C;
-    ot("toolbar-item-action", d), d.renderDropdownMenu = k, A(i), m && (m.changeSelectedId = function(F) {
-      s.value = F;
-    });
-    function T() {
-      const F = r.value.querySelector(".dgComponentSelected");
-      F && Gt(F);
-    }
-    function $() {
-      if (s.value)
-        if (Ae(s.value, e.value)) {
-          const {
-            parent: F,
-            item: L
-          } = nt(s.value, e.value);
-          F && (d.toggleDropdownMenu(F, !0), setTimeout(() => {
-            var X;
-            const z = i.value.querySelector("#" + F.id), G = z == null ? void 0 : z.querySelector("#" + L.id);
-            (((X = G == null ? void 0 : G.parentElement) == null ? void 0 : X.className) || "").indexOf("dgComponentFocused") < 0 && (G == null || G.click());
-          }, 0));
-        } else
-          T();
-    }
-    function y(F = "") {
-      e.value.filter((L) => L.id !== F && L.children && L.children.length > 0).forEach((L) => {
-        L.expanded = !1;
-      }), w(F);
-    }
-    d.clearAllDropdown = y;
-    function a() {
-      m && m.updateToolbarItems && m.updateToolbarItems();
-    }
-    d.updateToolbarItems = a;
-    function x(F) {
-      if (F) {
-        const L = i.value.querySelector("#" + F.id), z = L.querySelector("#" + F.id + "_menu"), G = d.changeMenuPosition(F, L);
-        Object.keys(G).forEach((X) => {
-          z.style[X] = G[X];
-        });
-      }
-    }
-    function E() {
-      const z = r.value.clientWidth, G = r.value.querySelectorAll(".farris-component>.f-rt-btn");
-      G && G.forEach((j) => {
-        j.style.maxWidth = z - 12 + "px";
-      });
-      const X = r.value.querySelectorAll(".farris-component>.f-rt-dropdown");
-      X && X.forEach((j) => {
-        j.querySelector(".dropdown-toggle-split") ? j.querySelector(".f-rt-btn").style.maxWidth = z - 38 + "px" : j.style.maxWidth = z - 12 + "px";
-      });
-    }
-    const v = new ResizeObserver((F) => {
-      var L;
-      if (F.length) {
-        const G = F[0].contentRect.width;
-        if (G === 0) {
-          c = 0;
-          return;
-        }
-        if (Math.abs(G - c) > l) {
-          if (c = G, Ae(s.value, e.value)) {
-            const {
-              parent: X,
-              item: j
-            } = nt(s.value, e.value);
-            x(X);
-          } else if (io(s.value, e.value)) {
-            const X = (L = e.value) == null ? void 0 : L.find((j) => j.id === s.value);
-            x(X);
-          } else
-            y();
-          E();
-        }
-      }
-    });
-    be(() => {
-      v.observe(i.value), c = i.value.clientWidth, i.value.componentInstance = f, S(r.value, o.value, a);
-    }), Lt(() => {
-      v.disconnect(), N && N.destroy && N.destroy();
-    }), t.expose(f.value);
-    const P = Q(() => {
-      const F = {
-        "f-toolbar": !0,
-        "f-response-toolbar": !0,
-        "position-relative": !0,
-        "f-response-toolbar-sm": n.buttonSize === "sm",
-        "f-response-toolbar-lg": n.buttonSize === "lg"
-      };
-      return pe(F, n.customClass);
-    }), B = Q(() => ({
-      "text-left": n.alignment === "left",
-      "text-right": n.alignment === "right",
-      "justify-content-end": n.alignment === "right",
-      "justify-content-start": n.alignment === "left",
-      "justify-content-center": n.alignment === "center",
-      "no-drag": !0,
-      "w-100": !0
-    }));
-    ye(() => n.items, () => {
-      e.value = Ve(n.items), Ne(() => {
-        $(), E();
-      });
-    }, {
-      deep: !0
-    });
-    function H(F) {
-      F && (F.stopPropagation(), F.preventDefault());
-      const {
-        schema: L
-      } = g;
-      L.buttons || (L.buttons = []);
-      const z = $e("response-toolbar-item");
-      z.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, z.appearance = {
-        class: "btn btn-secondary"
-      }, L.buttons.push(z);
-    }
-    function oe() {
-      return V("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: H
-      }, [V("span", {
-        class: "f-icon f-icon-amplification mr-1",
-        style: "font-size: 12px;"
-      }, null), V("span", {
-        class: "farris-tag-add-text"
-      }, [ve("添加按钮")])]);
-    }
-    function K() {
-      return e.value.map((F, L) => b(F, L));
-    }
-    return () => {
-      var F;
-      return V("div", {
-        ref: i,
-        "data-dragref": `${g.schema.id}-container`,
-        class: P.value,
-        id: n.id
-      }, [V("div", {
-        ref: o,
-        class: B.value,
-        onClick: (L) => y(L)
-      }, [V("div", {
-        ref: r,
-        class: "d-block f-response-content"
-      }, [(F = e.value) != null && F.length ? K() : oe()])])]);
-    };
-  }
-}), uo = /* @__PURE__ */ ge({
+    return () => y("div", {
+      id: `${i.id}-design-item`,
+      ref: c,
+      class: k.value,
+      style: D.value,
+      onClick: O
+    }, [p(a.value), e.slots.default && e.slots.default()]);
+  }
+}), Xe = /* @__PURE__ */ W({
   name: "FPageHeaderDesign",
-  props: vn,
+  props: Ae,
   emits: ["click"],
-  setup(n, t) {
-    const e = q(), o = ie("designer-host-service"), r = ie("design-item-context"), i = kn(r.schema, o), s = bn(e, r, i), c = q(r.schema.toolbar || {
+  setup(i, e) {
+    const t = S(), n = $("designer-host-service"), o = $("design-item-context"), r = Ge(o.schema, n), s = Fe(t, o, r), u = S(o.schema.toolbar || {
       type: "response-toolbar",
       buttons: []
-    }), l = q(Ze(c.value));
-    be(() => {
-      e.value.componentInstance = s;
-    }), ye(() => r.schema.toolbar, () => {
-      c.value = r.schema.toolbar || {
+    }), l = S(Y(u.value));
+    K(() => {
+      t.value.componentInstance = s;
+    }), j(() => o.schema.toolbar, () => {
+      u.value = o.schema.toolbar || {
         type: "response-toolbar",
         buttons: []
-      }, l.value = Ze(c.value);
+      }, l.value = Y(u.value);
     }, {
       deep: !0
     });
-    const u = Q(() => [...l.value.items]);
-    function g(S, N, _, M) {
-      r && r.setupContext && r.setupContext.emit("selectionChange", S, N, _, M);
+    const a = T(() => [...l.value.items]);
+    function d(v, k, D, N) {
+      o && o.setupContext && o.setupContext.emit("selectionChange", v, k, D, N);
     }
-    t.expose(s.value);
-    function d(S, N) {
-      S && N && N.split(" ").reduce((M, C) => (M[C] = !0, M), S);
+    e.expose(s.value);
+    function c(v, k) {
+      v && k && k.split(" ").reduce((N, h) => (N[h] = !0, N), v);
     }
-    const p = Q(() => {
-      const S = {
+    const m = T(() => {
+      const v = {
         "f-title-icon": !0
       };
-      return d(S, n.iconClass), S;
-    }), f = Q(() => {
-      const S = {
+      return c(v, i.iconClass), v;
+    }), f = T(() => {
+      const v = {
         "f-icon": !0
       };
-      return d(S, n.icon), S;
-    }), m = Q(() => {
-      const S = {
+      return c(v, i.icon), v;
+    }), b = T(() => {
+      const v = {
         "text-right": !0,
         "col-6": !0
       };
-      return d(S, n.buttonClass || ""), S;
+      return c(v, i.buttonClass || ""), v;
     });
-    return () => V("div", {
-      ref: e
-    }, [V("nav", {
+    return () => y("div", {
+      ref: t
+    }, [y("nav", {
       class: "f-page-header-base"
-    }, [V("div", {
+    }, [y("div", {
       class: "f-title"
-    }, [n.showIcon && n.icon ? V("span", {
-      class: p.value
-    }, [V("i", {
+    }, [i.showIcon && i.icon ? y("span", {
+      class: m.value
+    }, [y("i", {
       class: f.value
-    }, null)]) : "", V("h4", {
+    }, null)]) : "", y("h4", {
       class: "f-title-text"
-    }, [n.title])]), V(ht, {
-      class: m.value,
-      modelValue: c.value,
-      "onUpdate:modelValue": (S) => c.value = S,
+    }, [i.title])]), y(Qe, {
+      class: b.value,
+      modelValue: u.value,
+      "onUpdate:modelValue": (v) => u.value = v,
       canAdd: !1,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      id: c.value.id,
-      componentId: n.componentId,
-      onSelectionChange: g
+      id: u.value.id,
+      componentId: i.componentId,
+      onSelectionChange: d
     }, {
-      default: () => [V(co, {
-        id: c.value.id,
+      default: () => [y(ue, {
+        id: u.value.id,
         customClass: "w-100",
-        items: u.value,
-        componentId: n.componentId
+        items: a.value,
+        componentId: i.componentId
       }, null)]
     })])]);
   }
-}), xo = {
-  install(n) {
-    n.component(ke.name, ke);
+}), nt = {
+  install(i) {
+    i.component(_.name, _);
   },
-  register(n, t, e, o) {
-    n["page-header"] = ke, t["page-header"] = Ke, o["page-header"] = { eventHandlerResolver: yn };
+  register(i, e, t, n) {
+    i["page-header"] = _, e["page-header"] = Z, n["page-header"] = { eventHandlerResolver: Ie };
   },
-  registerDesigner(n, t, e) {
-    n["page-header"] = uo, t["page-header"] = Ke;
+  registerDesigner(i, e, t) {
+    i["page-header"] = Xe, e["page-header"] = Z;
   }
 };
 export {
-  ke as PageHeader,
-  xo as default,
-  yn as eventHandlerResolver,
-  vn as pageHeaderDesignerProps,
-  Fe as pageHeaderProps,
-  Ke as propsResolver
+  _ as PageHeader,
+  nt as default,
+  Ie as eventHandlerResolver,
+  Ae as pageHeaderDesignerProps,
+  Q as pageHeaderProps,
+  Z as propsResolver
 };