@farris/ui-vue 1.7.1 → 1.7.2-beta.2

package/designer/drawer/index.esm.js

@@ -1,14 +1,13 @@
 import { resolveAppearance as te, createPropsResolver as J } from "../../components/dynamic-resolver/index.esm.js";
-import { getCustomStyle as Se, getMaxZIndex as xe, withInstall as Fe } from "../../components/common/index.esm.js";
-import { ref as M, computed as D, defineComponent as oe, watch as _, watchEffect as Pe, createVNode as p, Teleport as $e, Transition as Z, withModifiers as W, withDirectives as Re, vShow as De, Fragment as re, nextTick as Me, inject as G, onMounted as Ee } from "vue";
+import { getCustomStyle as xe, getMaxZIndex as Fe, withInstall as Pe } from "../../components/common/index.esm.js";
+import { ref as E, computed as D, defineComponent as re, watch as _, onMounted as oe, watchEffect as $e, createVNode as m, Teleport as Re, Transition as Z, withModifiers as W, withDirectives as De, vShow as Ee, Fragment as ne, nextTick as Me, inject as G } from "vue";
 import je, { responseToolbarProps as Oe } from "../../components/response-toolbar/index.esm.js";
 import { isPlainObject as Y, cloneDeep as K } from "lodash-es";
 import { LocaleService as ee } from "../../components/locale/index.esm.js";
-import { UseTemplateDragAndDropRules as Ie, DgControl as Be, useDragulaCommonRule as He, setPositionOfButtonGroup as Ne, useDesignerComponent as Ae, FDesignerInnerItem as Le } from "../../components/designer-canvas/index.esm.js";
-import { commonToolbarItemDesignProps as Ve, FResponseToolbarDesign as ne, FResponseToolbarItemDesign as qe } from "../response-toolbar/index.esm.js";
-import { BaseControlProperty as ze } from "../../components/property-panel/index.esm.js";
-import { canvasChanged as _e } from "../../components/designer-canvas/index.esm.js/src/composition/designer-canvas-changed";
-const ie = /* @__PURE__ */ new Map([
+import { UseTemplateDragAndDropRules as Ie, DgControl as Be, useDragulaCommonRule as Ne, setPositionOfButtonGroup as He, useDesignerComponent as Le, FDesignerInnerItem as ze, canvasChanged as Ae } from "../../components/designer-canvas/index.esm.js";
+import { commonToolbarItemDesignProps as qe, FResponseToolbarDesign as ie, FResponseToolbarItemDesign as Ve } from "../response-toolbar/index.esm.js";
+import { BaseControlProperty as _e } from "../../components/property-panel/index.esm.js";
+const ae = /* @__PURE__ */ new Map([
   ["appearance", te]
 ]), We = /* @__PURE__ */ new Map([
   ["buttons", "items"],
@@ -188,6 +187,10 @@ const ie = /* @__PURE__ */ new Map([
     description: "遮罩层是否透明",
     type: "boolean",
     default: !1
+  },
+  host: {
+    description: "",
+    type: "string"
   }
 }, Ye = [
   "id",
@@ -195,7 +198,7 @@ const ie = /* @__PURE__ */ new Map([
   "contents"
 ], Ke = {
   beforeClose: "关闭前事件"
-}, ae = {
+}, se = {
   $schema: Ue,
   $id: Ge,
   title: Ze,
@@ -205,7 +208,7 @@ const ie = /* @__PURE__ */ new Map([
   required: Ye,
   events: Ke
 };
-function se(e, t, o) {
+function le(e, t, r) {
   return Object.assign(t, {
     title: "标题",
     headerToolbar: {
@@ -220,76 +223,154 @@ function se(e, t, o) {
     }
   }), t;
 }
-function le(e, t, o) {
+function ce(e, t, r) {
   return t;
 }
-function et(e = {}) {
-  function t(f, v, s, c) {
-    if (typeof s == "number")
-      return c[f].length === s;
-    if (typeof s == "object") {
-      const b = Object.keys(s)[0], i = s[b];
-      if (b === "not")
-        return Number(c[f].length) !== Number(i);
-      if (b === "moreThan")
-        return Number(c[f].length) >= Number(i);
-      if (b === "lessThan")
-        return Number(c[f].length) <= Number(i);
+function ue(e, t) {
+  let r;
+  function o(a) {
+    const { properties: u, title: v, ignore: i } = a, n = i && Array.isArray(i), s = Object.keys(u).reduce((d, h) => ((!n || !i.find((S) => S === h)) && (d[h] = u[h].type === "object" && u[h].properties ? o(u[h]) : K(u[h].default)), d), {});
+    if (v && (!n || !i.find((d) => d === "id"))) {
+      const d = v.toLowerCase().replace(/-/g, "_");
+      s.id = `${d}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return s;
+  }
+  function b(a) {
+    const { properties: u, title: v, required: i } = a;
+    if (i && Array.isArray(i)) {
+      const n = i.reduce((s, d) => (s[d] = u[d].type === "object" && u[d].properties ? o(u[d]) : K(u[d].default), s), {});
+      if (v && i.find((s) => s === "id")) {
+        const s = v.toLowerCase().replace(/-/g, "_");
+        n.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+      }
+      return n;
+    }
+    return {
+      type: v
+    };
+  }
+  function k(a, u = {}, v) {
+    const i = e[a];
+    if (i) {
+      let n = b(i);
+      const s = t[a];
+      return n = s ? s({ getSchemaByType: k }, n, u, v) : n, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(n), n;
+    }
+    return null;
+  }
+  function C(a, u) {
+    const v = o(u);
+    return Object.keys(v).reduce((i, n) => (Object.prototype.hasOwnProperty.call(a, n) && (i[n] && Y(i[n]) && Y(a[n] || !a[n]) ? Object.assign(i[n], a[n] || {}) : i[n] = a[n]), i), v), v;
+  }
+  function g(a, u) {
+    return Object.keys(a).filter((i) => a[i] != null).reduce((i, n) => {
+      if (u.has(n)) {
+        const s = u.get(n);
+        if (typeof s == "string")
+          i[s] = a[n];
+        else {
+          const d = s(n, a[n], a);
+          Object.assign(i, d);
+        }
+      } else
+        i[n] = a[n];
+      return i;
+    }, {});
+  }
+  function x(a, u, v = /* @__PURE__ */ new Map()) {
+    const i = C(a, u);
+    return g(i, v);
+  }
+  function f(a) {
+    var v;
+    const u = a.type;
+    if (u) {
+      const i = e[u];
+      if (!i)
+        return a;
+      const n = C(a, i), s = ((v = a.editor) == null ? void 0 : v.type) || "";
+      if (s) {
+        const d = e[s], h = C(a.editor, d);
+        n.editor = h;
+      }
+      return n;
+    }
+    return a;
+  }
+  function y(a) {
+    r = a;
+  }
+  return { getSchemaByType: k, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: x, mappingSchemaToProps: g, setDesignerContext: y };
+}
+const de = {}, fe = {}, { resolveSchemaWithDefaultValue: et, resolveSchemaToProps: tt, mappingSchemaToProps: rt } = ue(de, fe);
+function ot(e = {}) {
+  function t(f, y, a, u) {
+    if (typeof a == "number")
+      return u[f].length === a;
+    if (typeof a == "object") {
+      const v = Object.keys(a)[0], i = a[v];
+      if (v === "not")
+        return Number(u[f].length) !== Number(i);
+      if (v === "moreThan")
+        return Number(u[f].length) >= Number(i);
+      if (v === "lessThan")
+        return Number(u[f].length) <= Number(i);
     }
     return !1;
   }
-  function o(f, v, s, c) {
-    return c[f] && c[f].propertyValue && String(c[f].propertyValue.value) === String(s);
+  function r(f, y, a, u) {
+    return u[f] && u[f].propertyValue && String(u[f].propertyValue.value) === String(a);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
-    ["getProperty", o]
+    ["getProperty", r]
   ]);
-  Object.keys(e).reduce((f, v) => (f.set(v, e[v]), f), r);
-  function g(f, v) {
-    const s = f;
-    return typeof v == "number" ? [{ target: s, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: s, operator: "getProperty", param: f, value: !!v }] : typeof v == "object" ? Object.keys(v).map((c) => {
-      if (c === "length")
-        return { target: s, operator: "length", param: null, value: v[c] };
-      const b = c, i = v[c];
-      return { target: s, operator: "getProperty", param: b, value: i };
+  Object.keys(e).reduce((f, y) => (f.set(y, e[y]), f), o);
+  function b(f, y) {
+    const a = f;
+    return typeof y == "number" ? [{ target: a, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: a, operator: "getProperty", param: f, value: !!y }] : typeof y == "object" ? Object.keys(y).map((u) => {
+      if (u === "length")
+        return { target: a, operator: "length", param: null, value: y[u] };
+      const v = u, i = y[u];
+      return { target: a, operator: "getProperty", param: v, value: i };
     }) : [];
   }
   function k(f) {
-    return Object.keys(f).reduce((s, c) => {
-      const b = g(c, f[c]);
-      return s.push(...b), s;
+    return Object.keys(f).reduce((a, u) => {
+      const v = b(u, f[u]);
+      return a.push(...v), a;
     }, []);
   }
-  function T(f, v) {
-    if (r.has(f.operator)) {
-      const s = r.get(f.operator);
-      return s && s(f.target, f.param, f.value, v) || !1;
+  function C(f, y) {
+    if (o.has(f.operator)) {
+      const a = o.get(f.operator);
+      return a && a(f.target, f.param, f.value, y) || !1;
     }
     return !1;
   }
-  function m(f, v) {
-    return k(f).reduce((b, i) => b && T(i, v), !0);
+  function g(f, y) {
+    return k(f).reduce((v, i) => v && C(i, y), !0);
   }
-  function x(f, v) {
-    const s = Object.keys(f), c = s.includes("allOf"), b = s.includes("anyOf"), i = c || b, u = (i ? f[i ? c ? "allOf" : "anyOf" : "allOf"] : [f]).map((S) => m(S, v));
-    return c ? !u.includes(!1) : u.includes(!0);
+  function x(f, y) {
+    const a = Object.keys(f), u = a.includes("allOf"), v = a.includes("anyOf"), i = u || v, d = (i ? f[i ? u ? "allOf" : "anyOf" : "allOf"] : [f]).map((S) => g(S, y));
+    return u ? !d.includes(!1) : d.includes(!0);
   }
   return { parseValueSchema: x };
 }
-const tt = {
-  convertTo: (e, t, o, r) => {
-    e.appearance || (e.appearance = {}), e.appearance[t] = o;
+const nt = {
+  convertTo: (e, t, r, o) => {
+    e.appearance || (e.appearance = {}), e.appearance[t] = r;
   },
-  convertFrom: (e, t, o) => e.appearance ? e.appearance[t] : e[t]
-}, ot = {
-  convertFrom: (e, t, o) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, rt = {
-  convertTo: (e, t, o, r) => {
-    e.editor && (e.editor[t] = o);
+  convertFrom: (e, t, r) => e.appearance ? e.appearance[t] : e[t]
+}, it = {
+  convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, at = {
+  convertTo: (e, t, r, o) => {
+    e.editor && (e.editor[t] = r);
   },
-  convertFrom: (e, t, o) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, nt = {
+  convertFrom: (e, t, r) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
+}, st = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -343,25 +424,30 @@ const tt = {
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, it = {
-  convertFrom: (e, t, o) => {
-    var g;
-    const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((g = nt[r]) == null ? void 0 : g.name) || r;
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
+}, lt = {
+  convertFrom: (e, t, r) => {
+    var b;
+    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((b = st[o]) == null ? void 0 : b.name) || o;
   }
-}, at = {
-  convertTo: (e, t, o, r) => {
+}, ct = {
+  convertTo: (e, t, r, o) => {
     e[t] = e[t];
   },
-  convertFrom: (e, t, o) => e.editor ? o.getRealEditorType(e.editor.type) : ""
-}, st = {
-  convertTo: (e, t, o, r) => {
-    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = o : e.formatter = {
-      [t]: o
+  convertFrom: (e, t, r) => e.editor ? r.getRealEditorType(e.editor.type) : ""
+}, ut = {
+  convertTo: (e, t, r, o) => {
+    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = r : e.formatter = {
+      [t]: r
     });
   },
-  convertFrom: (e, t, o) => {
+  convertFrom: (e, t, r) => {
     if (e.formatter) {
       if (t === "trueText")
         return e.formatter.trueText;
@@ -383,14 +469,16 @@ const tt = {
         return e.formatter.customFormat;
       if (t === "type")
         return e.formatter.type || "none";
+      if (t === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
-}, lt = {
-  convertTo: (e, t, o, r) => {
-    e.command ? e.command[t] = o : e.command = {
-      [t]: o
-    }, t === "enableType" && o === "default" && (e.command.enable = !0, e.command.commands = [
+}, dt = {
+  convertTo: (e, t, r, o) => {
+    e.command ? e.command[t] = r : e.command = {
+      [t]: r
+    }, t === "enableType" && r === "default" && (e.command.enable = !0, e.command.commands = [
       {
         text: "编辑",
         type: "primary",
@@ -401,41 +489,29 @@ const tt = {
         type: "danger",
         command: "remove"
       }
-    ]), t === "enableType" && o === "custom" && (e.command.enable = !0, e.command.commands = [
+    ]), t === "enableType" && r === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
-    ]), t === "enableType" && o === "unable" && (e.command.enable = !1);
+    ]), t === "enableType" && r === "unable" && (e.command.enable = !1);
   },
-  convertFrom: (e, t, o) => {
-    var r, g;
+  convertFrom: (e, t, r) => {
+    var o, b;
     if (e.command) {
       if (t === "enableType") {
-        const k = (g = (r = e.command) == null ? void 0 : r.commands) == null ? void 0 : g.find((T) => T.command === "edit" && T.type === "primary");
+        const k = (b = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : b.find((C) => C.command === "edit" && C.type === "primary");
         return e.command.enable ? k ? "default" : "custom" : "unable";
       }
       if (t === "commands")
@@ -444,16 +520,18 @@ const tt = {
         return e.command.formatter;
       if (t === "count")
         return e.command.count;
+      if (t === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
-}, ct = {
-  convertTo: (e, t, o, r) => {
-    e.column ? e.column[t] = o : e.column = {
-      [t]: o
-    }, t === "fitColumns" && o && (e.column.fitMode || (e.column.fitMode = "average"));
+}, ft = {
+  convertTo: (e, t, r, o) => {
+    e.column ? e.column[t] = r : e.column = {
+      [t]: r
+    }, t === "fitColumns" && r && (e.column.fitMode || (e.column.fitMode = "average"));
   },
-  convertFrom: (e, t, o) => {
+  convertFrom: (e, t, r) => {
     if (e.column) {
       if (t === "fitColumns")
         return e.column.fitColumns;
@@ -462,27 +540,30 @@ const tt = {
     }
     return "";
   }
-}, ut = {
-  convertTo: (e, t, o, r) => {
-    e.summary ? e.summary[t] = o : e.summary = {
-      [t]: o
-    }, t === "enable" && o && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
-      enable: o,
+}, mt = {
+  convertTo: (e, t, r, o) => {
+    e.summary ? e.summary[t] = r : e.summary = {
+      [t]: r
+    }, t === "enable" && r && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
+      enable: r,
       groupFields: []
     });
   },
-  convertFrom: (e, t, o) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, dt = {
-  convertTo: (e, t, o, r) => {
-    e.group ? e.group[t] = o : e.group = {
-      [t]: o
-    }, t === "enable" && o && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
-      enable: o,
+  convertFrom: (e, t, r) => {
+    var o;
+    return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((o = e.summary) == null ? void 0 : o[t]) || "bottom" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
+  }
+}, pt = {
+  convertTo: (e, t, r, o) => {
+    e.group ? e.group[t] = r : e.group = {
+      [t]: r
+    }, t === "enable" && r && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
+      enable: r,
       groupFields: [],
       showSummary: !1
     });
   },
-  convertFrom: (e, t, o) => {
+  convertFrom: (e, t, r) => {
     if (e.group) {
       if (t === "enable")
         return e.group.enable;
@@ -490,122 +571,124 @@ const tt = {
         return e.group.showSummary;
     }
   }
-}, ft = {
+}, gt = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
-  convertTo: (e, t, o) => {
-    if (o && o.length > 0) {
-      const r = o[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = r.bindingField, e.binding.field = r.id, e.binding.fullPath = r.path, e.path = r.bindingPath;
+  convertTo: (e, t, r) => {
+    if (r && r.length > 0) {
+      const o = r[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = o.bindingField, e.binding.field = o.id, e.binding.fullPath = o.path, e.path = o.bindingPath;
     }
   }
-}, pt = {
-  convertTo: (e, t, o, r) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = o;
+}, bt = {
+  convertTo: (e, t, r, o) => {
+    e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = r.split(",") : e.pagination[t] = r;
   },
-  convertFrom: (e, t, o) => e.pagination ? e.pagination[t] : e[t]
-}, mt = {
-  convertTo: (e, t, o, r) => {
-    e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = o;
+  convertFrom: (e, t, r) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
+}, vt = {
+  convertTo: (e, t, r, o) => {
+    e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = r;
   },
-  convertFrom: (e, t, o) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, bt = {
-  convertTo: (e, t, o, r) => {
-    e.selection || (e.selection = {}), e.selection[t] = o;
+  convertFrom: (e, t, r) => e.rowNumber ? e.rowNumber[t] : e[t]
+}, yt = {
+  convertTo: (e, t, r, o) => {
+    e.selection || (e.selection = {}), e.selection[t] = r;
   },
-  convertFrom: (e, t, o) => {
-    var r, g;
-    return t === "showCheckbox" ? (r = e.selection) != null && r.multiSelect ? !0 : (g = e.selection) == null ? void 0 : g.showCheckbox : e.selection ? e.selection[t] : e[t];
+  convertFrom: (e, t, r) => {
+    var o, b;
+    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (b = e.selection) == null ? void 0 : b.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, gt = {
-  convertFrom: (e, t, o) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, vt = {
+}, ht = {
+  convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
+}, wt = {
   convertFrom: (e, t) => e[t] || "",
-  convertTo: (e, t, o) => {
-    e[t] = o;
+  convertTo: (e, t, r) => {
+    e[t] = r;
   }
-}, yt = {
-  convertTo: (e, t, o, r) => {
-    e.size || (e.size = {}), e.size[t] = o;
+}, Ct = {
+  convertTo: (e, t, r, o) => {
+    e.size || (e.size = {}), e.size[t] = r;
   },
-  convertFrom: (e, t, o) => e.size ? e.size[t] : e[t]
-}, ht = {
-  convertFrom: (e, t, o) => {
-    var r, g;
-    return (r = e.formatter) != null && r.data && t === "formatterEnumData" && !e.formatterEnumData ? (g = e.formatter) == null ? void 0 : g.data : e.formatterEnumData;
+  convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
+}, Tt = {
+  convertFrom: (e, t, r) => {
+    var o, b;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (b = e.formatter) == null ? void 0 : b.data : e.formatterEnumData;
   }
-}, wt = {
-  convertTo: (e, t, o, r) => {
-    e.sort || (e.sort = {}), e.sort[t] = o;
+}, kt = {
+  convertTo: (e, t, r, o) => {
+    e.sort || (e.sort = {}), e.sort[t] = r;
   },
-  convertFrom: (e, t, o) => {
-    var r, g;
+  convertFrom: (e, t, r) => {
+    var o, b;
     if (t === "mode")
-      return ((r = e.sort) == null ? void 0 : r.mode) || "client";
+      return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((g = e.sort) != null && g.multiSort);
+      return !!((b = e.sort) != null && b.multiSort);
   }
-}, Ct = {
-  convertTo: (e, t, o, r) => {
-    e.filter || (e.filter = {}), e.filter[t] = o;
+}, St = {
+  convertTo: (e, t, r, o) => {
+    e.filter || (e.filter = {}), e.filter[t] = r;
   },
-  convertFrom: (e, t, o) => {
-    var r;
+  convertFrom: (e, t, r) => {
+    var o;
     if (t === "mode")
-      return ((r = e.filter) == null ? void 0 : r.mode) || "client";
+      return ((o = e.filter) == null ? void 0 : o.mode) || "client";
   }
-}, Tt = {
-  convertTo: (e, t, o, r) => {
-    e.rowOption ? e.rowOption[t] = o : e.rowOption = {
-      [t]: o
+}, xt = {
+  convertTo: (e, t, r, o) => {
+    e.rowOption ? e.rowOption[t] = r : e.rowOption = {
+      [t]: r
     };
   },
-  convertFrom: (e, t, o) => {
+  convertFrom: (e, t, r) => {
     if (e.rowOption) {
       if (t === "customRowStyle")
         return e.rowOption.customRowStyle;
       if (t === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (t === "height")
+        return e.rowOption.height;
     }
     return "";
   }
-}, kt = {
-  convertTo: (e, t, o, r) => {
-    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = o, t === "columnTemplateType" && o === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
+}, Ft = {
+  convertTo: (e, t, r, o) => {
+    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = r, t === "columnTemplateType" && r === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
     <span class="f-pretend-link f-cursor-pointer"
     @click="(ctx)=>viewModel.current.${e.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
     {{rowData.${e.field}}}
     </span>` : e.columnTemplate = `
                     <span class="f-pretend-link f-cursor-pointer">
                     {{rowData.${e.field}}}
-                    </span>`), t === "columnTemplateType" && o === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && o === "custom" && (e.columnTemplate = ""));
+                    </span>`), t === "columnTemplateType" && r === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && r === "custom" && (e.columnTemplate = ""));
   },
-  convertFrom: (e, t, o) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
+  convertFrom: (e, t, r) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
 };
-function ce(e, t, o) {
-  const r = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", tt],
-    ["/converter/buttons.converter", ot],
-    ["/converter/property-editor.converter", rt],
-    ["/converter/items-count.converter", gt],
-    ["/converter/type.converter", it],
-    ["/converter/change-editor.converter", at],
-    ["/converter/change-formatter.converter", st],
-    ["/converter/column-command.converter", lt],
-    ["/converter/column-option.converter", ct],
-    ["/converter/summary.converter", ut],
-    ["/converter/group.converter", dt],
-    ["/converter/form-group-label.converter", vt],
-    ["/converter/field-selector.converter", ft],
-    ["/converter/pagination.converter", pt],
-    ["/converter/row-number.converter", mt],
-    ["/converter/grid-selection.converter", bt],
-    ["/converter/size.converter", yt],
-    ["/converter/change-formatter-enum.converter", ht],
-    ["/converter/grid-sort.converter", wt],
-    ["/converter/grid-filter.converter", Ct],
-    ["/converter/row-option.converter", Tt],
-    ["/converter/change-formatter-type.converter", kt]
-  ]), g = /* @__PURE__ */ new Map([
+function me(e, t, r) {
+  const o = /* @__PURE__ */ new Map([
+    ["/converter/appearance.converter", nt],
+    ["/converter/buttons.converter", it],
+    ["/converter/property-editor.converter", at],
+    ["/converter/items-count.converter", ht],
+    ["/converter/type.converter", lt],
+    ["/converter/change-editor.converter", ct],
+    ["/converter/change-formatter.converter", ut],
+    ["/converter/column-command.converter", dt],
+    ["/converter/column-option.converter", ft],
+    ["/converter/summary.converter", mt],
+    ["/converter/group.converter", pt],
+    ["/converter/form-group-label.converter", wt],
+    ["/converter/field-selector.converter", gt],
+    ["/converter/pagination.converter", bt],
+    ["/converter/row-number.converter", vt],
+    ["/converter/grid-selection.converter", yt],
+    ["/converter/size.converter", Ct],
+    ["/converter/change-formatter-enum.converter", Tt],
+    ["/converter/grid-sort.converter", kt],
+    ["/converter/grid-filter.converter", St],
+    ["/converter/row-option.converter", xt],
+    ["/converter/change-formatter-type.converter", Ft]
+  ]), b = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -629,194 +712,117 @@ function ce(e, t, o) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), k = et();
-  function T(i, n) {
+  ]), k = ot();
+  function C(i, n) {
     return () => k.parseValueSchema(i, n);
   }
-  function m(i, n, l) {
-    return i.includes("visible") && n.visible !== void 0 ? typeof n.visible == "boolean" ? () => !!n.visible : n.visible === void 0 ? !0 : T(n.visible, l) : () => !0;
+  function g(i, n, s) {
+    return i.includes("visible") && n.visible !== void 0 ? typeof n.visible == "boolean" ? () => !!n.visible : n.visible === void 0 ? !0 : C(n.visible, s) : () => !0;
   }
-  function x(i, n, l) {
-    return i.includes("readonly") && n.readonly !== void 0 ? typeof n.readonly == "boolean" ? () => !!n.readonly : T(n.readonly, l) : () => !1;
+  function x(i, n, s) {
+    return i.includes("readonly") && n.readonly !== void 0 ? typeof n.readonly == "boolean" ? () => !!n.readonly : C(n.readonly, s) : () => !1;
   }
   function f(i, n) {
-    const l = i.$converter || n;
-    return typeof l == "string" && l && r.has(l) ? r.get(l) || null : l || null;
+    const s = i.$converter || n;
+    return typeof s == "string" && s && o.has(s) ? o.get(s) || null : s || null;
   }
-  function v(i, n, l, u, h, S = "", $ = "") {
-    return Object.keys(i).map((a) => {
-      const y = M(1), R = a, w = i[a], d = Object.keys(w), B = w.title, E = w.type, N = g.get(E) || { type: "input-group", enableClear: !1 }, O = w.editor ? Object.assign({}, N, w.editor) : Object.assign({}, N), L = m(d, w, n), A = x(d, w, n);
-      O.readonly = O.readonly === void 0 ? A() : O.readonly;
-      const V = w.type === "cascade" ? v(w.properties, n, l, u, h, S, $) : [], q = !0;
-      let C = f(w, $);
-      const P = D({
+  function y(i, n, s, d, h, S = "", R = "") {
+    return Object.keys(i).map((T) => {
+      const M = E(1), l = T, c = i[T], p = Object.keys(c), O = c.title, F = c.type, B = b.get(F) || { type: "input-group", enableClear: !1 }, j = c.editor ? Object.assign({}, B, c.editor) : Object.assign({}, B), z = g(p, c, n), L = x(p, c, n);
+      j.readonly = j.readonly === void 0 ? L() : j.readonly;
+      const A = c.type === "cascade" ? y(c.properties, n, s, d, h, S, R) : [], q = !0;
+      let w = f(c, R);
+      const $ = D({
         get() {
-          if (y.value) {
-            if (["class", "style"].find((ke) => ke === R) && !C && (C = r.get("/converter/appearance.converter") || null), C && C.convertFrom)
-              return C.convertFrom(l, a, h, S);
-            const H = l[a];
-            return Object.prototype.hasOwnProperty.call(w, "defaultValue") && (H === void 0 || typeof H == "string" && H === "") ? w.type === "boolean" ? w.defaultValue : w.defaultValue || "" : H;
+          if (M.value) {
+            if (["class", "style"].find((Se) => Se === l) && !w && (w = o.get("/converter/appearance.converter") || null), w && w.convertFrom)
+              return w.convertFrom(s, T, h, S);
+            const H = s[T];
+            return Object.prototype.hasOwnProperty.call(c, "defaultValue") && (H === void 0 || typeof H == "string" && H === "") ? c.type === "boolean" ? c.defaultValue : c.defaultValue || "" : H;
           }
           return null;
         },
         set(H) {
-          y.value += 1, C && C.convertTo ? (C.convertTo(u, a, H, h, S), C.convertTo(l, a, H, h, S)) : (u[a] = H, l[a] = H);
+          M.value += 1, w && w.convertTo ? (w.convertTo(d, T, H, h, S), w.convertTo(s, T, H, h, S)) : (d[T] = H, s[T] = H);
         }
-      }), { refreshPanelAfterChanged: I, description: j, isExpand: Ce, parentPropertyID: Te } = w, X = { propertyID: R, propertyName: B, propertyType: E, propertyValue: P, editor: O, visible: L, readonly: A, cascadeConfig: V, hideCascadeTitle: q, refreshPanelAfterChanged: I, description: j, isExpand: Ce, parentPropertyID: Te };
-      return n[R] = X, X;
+      }), { refreshPanelAfterChanged: N, description: I, isExpand: Te, parentPropertyID: ke } = c, X = { propertyID: l, propertyName: O, propertyType: F, propertyValue: $, editor: j, visible: z, readonly: L, cascadeConfig: A, hideCascadeTitle: q, refreshPanelAfterChanged: N, description: I, isExpand: Te, parentPropertyID: ke };
+      return n[l] = X, X;
     });
   }
-  function s(i, n, l = {}) {
-    const u = {}, h = e[i];
-    return h && h.categories ? Object.keys(h.categories).map(($) => {
-      const F = h.categories[$], a = F == null ? void 0 : F.title, y = v(F.properties || {}, u, {}, l, n);
-      return { categoryId: $, categoryName: a, properties: y };
+  function a(i, n, s = {}) {
+    const d = {}, h = e[i];
+    return h && h.categories ? Object.keys(h.categories).map((R) => {
+      const P = h.categories[R], T = P == null ? void 0 : P.title, M = y(P.properties || {}, d, {}, s, n);
+      return { categoryId: R, categoryName: T, properties: M };
     }) : [];
   }
-  function c(i, n, l, u, h = "") {
-    const S = n.$ref.schema, $ = n.$ref.converter, F = l[S], a = F.type, y = o(F), R = {}, w = e[a];
-    if (w && w.categories) {
-      const d = w.categories[i], B = d == null ? void 0 : d.title;
-      $ && Object.keys(d.properties).forEach((O) => {
-        d.properties[O].$converter = $;
+  function u(i, n, s, d, h = "") {
+    const S = n.$ref.schema, R = n.$ref.converter, P = s[S], T = P.type, M = r(P), l = {}, c = e[T];
+    if (c && c.categories) {
+      const p = c.categories[i], O = p == null ? void 0 : p.title;
+      R && Object.keys(p.properties).forEach((j) => {
+        p.properties[j].$converter = R;
       });
-      const E = (d == null ? void 0 : d.properties) || {}, N = v(E, R, y, F, u, h);
-      return { categoryId: i, categoryName: B, properties: N };
+      const F = (p == null ? void 0 : p.properties) || {}, B = y(F, l, M, P, d, h);
+      return { categoryId: i, categoryName: O, properties: B };
     }
     return { categoryId: i, categoryName: "", properties: [] };
   }
-  function b(i, n, l, u, h) {
-    const S = i.type, $ = o(i), F = {};
-    let a = h || e[S];
-    if (!(a && Object.keys(a).length > 0) && l && l.getPropConfig && (a = l.getPropConfig(u)), a && a.categories) {
-      const R = [];
-      return Object.keys(a.categories).map((w) => {
-        const d = a.categories[w];
-        if (d.$ref) {
-          R.push(c(w, d, i, n, u));
+  function v(i, n, s, d, h) {
+    const S = i.type, R = r(i), P = {};
+    let T = h || e[S];
+    if (!(T && Object.keys(T).length > 0) && s && s.getPropConfig && (T = s.getPropConfig(d)), T && T.categories) {
+      const l = [];
+      return Object.keys(T.categories).map((c) => {
+        const p = T.categories[c];
+        if (p.$ref) {
+          l.push(u(c, p, i, n, d));
           return;
         }
-        const B = d == null ? void 0 : d.title, E = d == null ? void 0 : d.tabId, N = d == null ? void 0 : d.tabName, O = d == null ? void 0 : d.hide, L = d == null ? void 0 : d.hideTitle, A = v(d.properties || {}, F, $, i, n, u, d.$converter), { setPropertyRelates: V } = d, q = d == null ? void 0 : d.parentPropertyID;
-        R.push({ categoryId: w, categoryName: B, tabId: E, tabName: N, hide: O, properties: A, hideTitle: L, setPropertyRelates: V, parentPropertyID: q });
-      }), R;
+        const O = p == null ? void 0 : p.title, F = p == null ? void 0 : p.tabId, B = p == null ? void 0 : p.tabName, j = p == null ? void 0 : p.hide, z = p == null ? void 0 : p.hideTitle, L = y(p.properties || {}, P, R, i, n, d, p.$converter), { setPropertyRelates: A } = p, q = p == null ? void 0 : p.parentPropertyID;
+        l.push({ categoryId: c, categoryName: O, tabId: F, tabName: B, hide: j, properties: L, hideTitle: z, setPropertyRelates: A, parentPropertyID: q });
+      }), l;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: b,
-    getPropertyConfigByType: s,
-    propertyConverterMap: r
+    getPropertyConfigBySchema: v,
+    getPropertyConfigByType: a,
+    propertyConverterMap: o
   };
 }
-function ue(e, t) {
-  let o;
-  function r(s) {
-    const { properties: c, title: b, ignore: i } = s, n = i && Array.isArray(i), l = Object.keys(c).reduce((u, h) => ((!n || !i.find((S) => S === h)) && (u[h] = c[h].type === "object" && c[h].properties ? r(c[h]) : K(c[h].default)), u), {});
-    if (b && (!n || !i.find((u) => u === "id"))) {
-      const u = b.toLowerCase().replace(/-/g, "_");
-      l.id = `${u}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return l;
-  }
-  function g(s) {
-    const { properties: c, title: b, required: i } = s;
-    if (i && Array.isArray(i)) {
-      const n = i.reduce((l, u) => (l[u] = c[u].type === "object" && c[u].properties ? r(c[u]) : K(c[u].default), l), {});
-      if (b && i.find((l) => l === "id")) {
-        const l = b.toLowerCase().replace(/-/g, "_");
-        n.id = `${l}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return n;
-    }
-    return {
-      type: b
-    };
-  }
-  function k(s, c = {}, b) {
-    const i = e[s];
-    if (i) {
-      let n = g(i);
-      const l = t[s];
-      return n = l ? l({ getSchemaByType: k }, n, c, b) : n, o != null && o.appendIdentifyForNewControl && o.appendIdentifyForNewControl(n), n;
-    }
-    return null;
-  }
-  function T(s, c) {
-    const b = r(c);
-    return Object.keys(b).reduce((i, n) => (Object.prototype.hasOwnProperty.call(s, n) && (i[n] && Y(i[n]) && Y(s[n] || !s[n]) ? Object.assign(i[n], s[n] || {}) : i[n] = s[n]), i), b), b;
-  }
-  function m(s, c) {
-    return Object.keys(s).filter((i) => s[i] != null).reduce((i, n) => {
-      if (c.has(n)) {
-        const l = c.get(n);
-        if (typeof l == "string")
-          i[l] = s[n];
-        else {
-          const u = l(n, s[n], s);
-          Object.assign(i, u);
-        }
-      } else
-        i[n] = s[n];
-      return i;
-    }, {});
-  }
-  function x(s, c, b = /* @__PURE__ */ new Map()) {
-    const i = T(s, c);
-    return m(i, b);
-  }
-  function f(s) {
-    var b;
-    const c = s.type;
-    if (c) {
-      const i = e[c];
-      if (!i)
-        return s;
-      const n = T(s, i), l = ((b = s.editor) == null ? void 0 : b.type) || "";
-      if (l) {
-        const u = e[l], h = T(s.editor, u);
-        n.editor = h;
-      }
-      return n;
-    }
-    return s;
-  }
-  function v(s) {
-    o = s;
-  }
-  return { getSchemaByType: k, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: x, mappingSchemaToProps: m, setDesignerContext: v };
-}
-const de = {}, fe = {}, { resolveSchemaWithDefaultValue: St } = ue(de, fe), pe = {}, me = {};
-ce(pe, me, St);
-const be = {}, ge = {}, { resolveSchemaWithDefaultValue: xt, resolveSchemaToProps: Ft, mappingSchemaToProps: Pt } = ue(be, ge), ve = {}, ye = {};
-ce(ve, ye, xt);
-function $t(e, t, o = /* @__PURE__ */ new Map(), r = (T, m, x, f) => m, g = {}, k = (T) => T) {
-  return be[t.title] = t, ge[t.title] = r, ve[t.title] = g, ye[t.title] = k, de[t.title] = t, fe[t.title] = r, pe[t.title] = g, me[t.title] = k, (T = {}, m = !0) => {
-    if (!m)
-      return Pt(T, o);
-    const x = Ft(T, t, o), f = Object.keys(e).reduce((v, s) => (v[s] = e[s].default, v), {});
+const pe = {}, ge = {};
+me(pe, ge, et);
+const be = {}, ve = {}, { resolveSchemaWithDefaultValue: Pt } = ue(be, ve), ye = {}, he = {};
+me(ye, he, Pt);
+function $t(e, t, r = /* @__PURE__ */ new Map(), o = (C, g, x, f) => g, b = {}, k = (C) => C) {
+  return de[t.title] = t, fe[t.title] = o, pe[t.title] = b, ge[t.title] = k, be[t.title] = t, ve[t.title] = o, ye[t.title] = b, he[t.title] = k, (C = {}, g = !0) => {
+    if (!g)
+      return rt(C, r);
+    const x = tt(C, t, r), f = Object.keys(e).reduce((y, a) => (y[a] = e[a].default, y), {});
     return Object.assign(f, x);
   };
 }
 function Rt(e, t) {
   if (!e || e.length < 1)
     return null;
-  for (const o of e) {
-    if (o.id === t)
-      return o;
-    if (o.children) {
-      const r = o.children.find((g) => g.id === t);
-      if (r)
-        return r;
+  for (const r of e) {
+    if (r.id === t)
+      return r;
+    if (r.children) {
+      const o = r.children.find((b) => b.id === t);
+      if (o)
+        return o;
     }
   }
   return null;
 }
 function Dt() {
-  function e(t, o) {
-    const { footerToolbar: r, headerToolbar: g } = t, k = ((r == null ? void 0 : r.buttons) || []).concat((g == null ? void 0 : g.buttons) || []);
+  function e(t, r) {
+    const { footerToolbar: o, headerToolbar: b } = t, k = ((o == null ? void 0 : o.buttons) || []).concat((b == null ? void 0 : b.buttons) || []);
     if (!k || k.length < 1)
       return null;
-    const [T, m] = o.payloads, x = Rt(k, m);
+    const [C, g] = r.payloads, x = Rt(k, g);
     return x ? x.onClick || x.click : null;
   }
   return {
@@ -877,207 +883,212 @@ const Q = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
 };
-$t(Q, ae, ie, se);
-const Mt = Dt();
-function Et() {
+$t(Q, se, ae, le);
+const Et = Dt();
+function Mt() {
   return { drawerLocale: {
     cancel: ee.getLocaleValue("drawer.cancel") || "取消",
     confirm: ee.getLocaleValue("drawer.confirm") || "确定"
   } };
 }
-const jt = /* @__PURE__ */ oe({
+const jt = /* @__PURE__ */ re({
   name: "FDrawer",
   props: Q,
   emits: ["afterClose", "update:modelValue", "click"],
   setup(e, t) {
-    Et();
-    const o = M(e.modelValue), r = M(e.buttons), g = D(() => ({
+    Mt();
+    const r = E(e.modelValue), o = E(e.buttons), b = E(!1), k = D(() => ({
       "f-utils-absolute-all f-drawer": !0,
       // 在某个DOM内部打开抽屉
       "f-drawer-inline": typeof e.host == "string" ? e.host !== "body" : document.querySelector(e.host) !== document.body
-    })), k = D(() => ({
+    })), C = D(() => ({
       opacity: e.transparent ? 0 : 1
-    })), T = D(() => {
-      const a = {};
-      return e.maskClass && e.maskClass.split(" ").forEach((y) => {
-        a[y] = !0;
+    })), g = D(() => {
+      const l = {};
+      return e.maskClass && e.maskClass.split(" ").forEach((c) => {
+        l[c] = !0;
       }), {
         "f-drawer-mask f-utils-absolute-all": !0,
-        ...a
+        ...l
       };
-    }), m = D(() => {
-      const a = {};
-      return e.customClass && e.customClass.split(" ").forEach((y) => {
-        a[y] = !0;
+    }), x = D(() => {
+      const l = {};
+      return e.customClass && e.customClass.split(" ").forEach((c) => {
+        l[c] = !0;
       }), {
         "f-drawer-wrapper": !0,
         [`f-drawer-wrapper-${e.position}`]: !0,
-        ...a
+        ...l
       };
-    }), x = D(() => {
-      const a = e.width;
-      return typeof a == "string" ? a : typeof a == "number" ? `${a}px` : "20%";
     }), f = D(() => {
-      const a = e.height;
-      return typeof a == "string" ? a : typeof a == "number" ? `${a}px` : "20%";
-    }), v = D(() => {
-      let a = "-6px 0";
+      const l = e.width;
+      return typeof l == "string" ? l : typeof l == "number" ? `${l}px` : "20%";
+    }), y = D(() => {
+      const l = e.height;
+      return typeof l == "string" ? l : typeof l == "number" ? `${l}px` : "20%";
+    }), a = D(() => {
+      let l = "-6px 0";
       switch (e.position) {
         case "left":
-          a = "6px 0";
+          l = "6px 0";
           break;
         case "right":
-          a = "-6px 0";
+          l = "-6px 0";
           break;
         case "top":
-          a = "0 6px";
+          l = "0 6px";
           break;
         case "bottom":
-          a = "0 -6px";
+          l = "0 -6px";
           break;
       }
-      const y = {
-        width: x.value,
-        height: f.value,
+      const c = {
+        width: f.value,
+        height: y.value,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
       };
-      return e.transparent && (y.boxShadow = `${a} 8px 0 rgba(31, 35, 41, .1)`), Se(y, e == null ? void 0 : e.customStyle);
-    }), s = D(() => `f-drawer-${e.position}`), c = (a) => {
+      return e.transparent && (c.boxShadow = `${l} 8px 0 rgba(31, 35, 41, .1)`), xe(c, e == null ? void 0 : e.customStyle);
+    }), u = D(() => `f-drawer-${e.position}`), v = (l) => {
       Promise.resolve().then(() => {
-        var y;
-        return (y = e.beforeClose) == null ? void 0 : y.call(e);
-      }).then((y) => {
-        y && (o.value = !1, t.emit("update:modelValue", o.value), t.emit("afterClose"));
+        var c;
+        return (c = e.beforeClose) == null ? void 0 : c.call(e);
+      }).then((c) => {
+        c && (r.value = !1, t.emit("update:modelValue", r.value), t.emit("afterClose"));
       });
     };
-    _(() => e.modelValue, (a, y) => {
-      a !== y && (o.value = a);
+    _(() => e.modelValue, (l, c) => {
+      l !== c && (r.value = l);
     });
-    const b = (a, y) => {
-      t.emit("click", a, y);
-    }, i = {
+    const i = (l, c) => {
+      t.emit("click", l, c);
+    }, n = {
       close: () => {
-        o.value = !1;
+        r.value = !1;
       }
     };
-    async function n(a, y) {
-      a.handle && await a.handle(y, i) && t.emit("closed", y);
+    async function s(l, c) {
+      l.handle && await l.handle(c, n) && t.emit("closed", c);
     }
-    const l = (a, y) => p(je, {
-      class: y,
+    const d = (l, c) => m(je, {
+      class: c,
       alignment: "right",
-      items: a,
-      onClick: b
+      items: l,
+      onClick: i
     }, null);
-    function u() {
-      var a, y, R, w;
-      if ((y = (a = e.footerToolbar) == null ? void 0 : a.buttons) != null && y.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
-        const d = {
+    function h() {
+      var l, c, p, O;
+      if ((c = (l = e.footerToolbar) == null ? void 0 : l.buttons) != null && c.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
+        const F = {
           "f-utils-fill": !0
         };
-        return (w = (R = e.footerToolbar) == null ? void 0 : R.appearance) != null && w.class && (d[e.footerToolbar.appearance.class] = !0), l(e.footerToolbar.buttons, d);
+        return (O = (p = e.footerToolbar) == null ? void 0 : p.appearance) != null && O.class && (F[e.footerToolbar.appearance.class] = !0), d(e.footerToolbar.buttons, F);
       }
-      return r.value && !!r.value.length && r.value.map((d) => {
-        const B = M(d.disabled);
-        return p("button", {
-          id: d.id,
+      return o.value && !!o.value.length && o.value.map((F) => {
+        const B = E(F.disabled);
+        return m("button", {
+          id: F.id,
           type: "button",
           disabled: B.value,
-          class: d.class + (d.iconClass ? " btn-icontext" : ""),
-          onClick: (E) => {
-            n(d, E);
+          class: F.class + (F.iconClass ? " btn-icontext" : ""),
+          onClick: (j) => {
+            s(F, j);
           }
-        }, [!!d.iconClass && p("i", {
-          class: d.iconClass
-        }, null), d.text]);
+        }, [!!F.iconClass && m("i", {
+          class: F.iconClass
+        }, null), F.text]);
       });
     }
-    function h() {
-      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : u();
-    }
     function S() {
-      var y, R;
-      const a = {
+      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : h();
+    }
+    function R() {
+      var c, p;
+      const l = {
         "f-utils-fill": !0
       };
-      return (R = (y = e.headerToolbar) == null ? void 0 : y.appearance) != null && R.class && (a[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : p(re, null, [p("div", {
+      return (p = (c = e.headerToolbar) == null ? void 0 : c.appearance) != null && p.class && (l[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : m(ne, null, [m("div", {
         class: "f-drawer-title",
         title: e.title
-      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && p("div", {
+      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && m("div", {
         class: "f-utils-fill-flex-row mx-2 col-7"
-      }, [l(e.headerToolbar.buttons || [], a)]), e.showClose && p("div", {
+      }, [d(e.headerToolbar.buttons || [], l)]), e.showClose && m("div", {
         class: "f-drawer-close"
-      }, [p("span", {
+      }, [m("span", {
         class: "f-icon f-icon-close",
-        onClick: W((w) => {
-          c();
+        onClick: W((O) => {
+          v();
         }, ["stop"])
       }, null)])]);
     }
-    const $ = M({});
-    function F() {
-      const a = xe();
-      $.value = {
-        zIndex: a < 1e3 ? 1e3 : a
+    const P = E({});
+    function T() {
+      const l = Fe();
+      P.value = {
+        zIndex: l < 1e3 ? 1e3 : l
       };
     }
-    return Pe(() => {
-      o.value && F();
+    function M() {
+      return b.value ? !0 : typeof e.host == "string" ? e.host === "body" ? !0 : !!document.querySelector(e.host) : !!e.host;
+    }
+    return b.value = M(), oe(() => {
+      b.value = M();
+    }), $e(() => {
+      r.value && T();
     }), t.expose({
       open: () => {
-        o.value = !0;
+        r.value = !0;
       },
       close: () => {
-        c();
+        v();
       }
-    }), () => p($e, {
+    }), () => b.value ? m(Re, {
       to: e.host
     }, {
-      default: () => [p("div", {
-        class: g.value,
+      default: () => [m("div", {
+        class: k.value,
         id: e.id,
-        style: $.value
-      }, [p(Z, {
+        style: P.value
+      }, [m(Z, {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [o.value && p("div", {
-          class: T.value,
-          style: k.value,
-          onClick: W((a) => {
-            e.allowClickMaskToClose && c();
+        default: () => [r.value && m("div", {
+          class: g.value,
+          style: C.value,
+          onClick: W((l) => {
+            e.allowClickMaskToClose && v();
           }, ["stop"])
         }, null)]
-      }), p(Z, {
-        name: s.value
+      }), m(Z, {
+        name: u.value
       }, {
         default: () => {
-          var a, y;
-          return [Re(p("div", {
-            class: m.value,
-            style: v.value
-          }, [p("div", {
+          var l, c;
+          return [De(m("div", {
+            class: x.value,
+            style: a.value
+          }, [m("div", {
             class: "f-drawer-container"
-          }, [e.showHeader && p("div", {
+          }, [e.showHeader && m("div", {
             class: "f-drawer-header align-items-center"
-          }, [S()]), p("div", {
+          }, [R()]), m("div", {
             class: "f-drawer-body f-utils-fill",
             style: "overflow: auto;"
-          }, [(y = (a = t.slots).default) == null ? void 0 : y.call(a)]), e.showFooter && p("div", {
+          }, [(c = (l = t.slots).default) == null ? void 0 : c.call(l)]), e.showFooter && m("div", {
             class: "f-drawer-footer px-2",
             style: {
               height: e.footerHeight + "px"
             }
-          }, [h()])])]), [[De, o.value]])];
+          }, [S()])])]), [[Ee, r.value]])];
         }
       })])]
-    });
+    }) : null;
   }
 });
-class Ot extends ze {
-  constructor(t, o) {
-    super(t, o);
+class Ot extends _e {
+  constructor(t, r) {
+    super(t, r);
   }
   getPropertyConfig(t) {
     return this.propertyConfig.categories.basic = this.getBasicPropConfig(t), this.propertyConfig.categories.appearance = this.getAppearanceConfig(t), this.getBehaviorConfig(), this.propertyConfig.categories.header = this.headerPropertyConfig(t), this.propertyConfig.categories.footer = this.footerPropertyConfig(t), this.propertyConfig.categories.eventsEditor = this.eventPropertyConfig(t), this.propertyConfig;
@@ -1123,11 +1134,11 @@ class Ot extends ze {
           visible: t.showHeader !== !1 && t.customHeader === !0
         }
       },
-      setPropertyRelates: (o, r) => {
-        if (o)
-          switch (o && o.propertyID) {
+      setPropertyRelates: (r, o) => {
+        if (r)
+          switch (r && r.propertyID) {
             case "title": {
-              o.needRefreshControlTree = !0;
+              r.needRefreshControlTree = !0;
               break;
             }
           }
@@ -1185,15 +1196,15 @@ class Ot extends ze {
           visible: t.footerContentType === "html" && t.showFooter !== !1
         }
       },
-      setPropertyRelates: (o, r) => {
-        if (o)
-          switch (o && o.propertyID) {
+      setPropertyRelates: (r, o) => {
+        if (r)
+          switch (r && r.propertyID) {
             case "showFooter": {
-              r.footerToolbar = { id: r.id + "_footer-toolbar", type: "drawer-toolbar", buttons: [] }, r.footerTemplate = "", r.footerContentType = "toolbar";
+              o.footerToolbar = { id: o.id + "_footer-toolbar", type: "drawer-toolbar", buttons: [] }, o.footerTemplate = "", o.footerContentType = "toolbar";
               break;
             }
             case "footerContentType": {
-              this.resetFooterContent(r, o.propertyValue);
+              this.resetFooterContent(o, r.propertyValue);
               break;
             }
           }
@@ -1246,8 +1257,8 @@ class Ot extends ze {
       }
     };
   }
-  resetFooterContent(t, o = "toolbar") {
-    switch (o) {
+  resetFooterContent(t, r = "toolbar") {
+    switch (r) {
       case "toolbar": {
         t.footerTemplate = "";
         break;
@@ -1259,109 +1270,109 @@ class Ot extends ze {
     }
   }
   eventPropertyConfig(t) {
-    const o = this, r = [
+    const r = this, o = [
       {
         label: "beforeClose",
         name: "关闭前事件"
       }
-    ], g = o.eventsEditorUtils.formProperties(t, o.viewModelId, r);
+    ], b = r.eventsEditorUtils.formProperties(t, r.viewModelId, o);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: o.createBaseEventProperty(g),
+      properties: r.createBaseEventProperty(b),
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(T, m) {
-        const x = T.propertyValue;
-        delete m[o.viewModelId], x && o.eventsEditorUtils.saveRelatedParameters(m, o.viewModelId, x.events, x);
-        const f = o.designViewModelUtils.getDgViewModel(o.viewModelId);
-        f && o.designViewModelField && f.changeField(o.designViewModelField.id, { valueChanging: m.fieldValueChanging, valueChanged: m.fieldValueChanged });
+      setPropertyRelates(C, g) {
+        const x = C.propertyValue;
+        delete g[r.viewModelId], x && r.eventsEditorUtils.saveRelatedParameters(g, r.viewModelId, x.events, x);
+        const f = r.designViewModelUtils.getDgViewModel(r.viewModelId);
+        f && r.designViewModelField && f.changeField(r.designViewModelField.id, { valueChanging: g.fieldValueChanging, valueChanged: g.fieldValueChanged });
       }
     };
   }
 }
-function It(e, t, o) {
-  const r = new Ie();
-  function g(n) {
-    if (!He().basalDragulaRuleForContainer(n, o))
+function It(e, t, r) {
+  const o = new Ie();
+  function b(n) {
+    if (!Ne().basalDragulaRuleForContainer(n, r))
       return !1;
-    const { canAccept: u } = r.getTemplateRule(e, o);
-    return u;
+    const { canAccept: d } = o.getTemplateRule(e, r);
+    return d;
   }
   function k() {
     return !1;
   }
-  function T() {
+  function C() {
     return !1;
   }
-  function m() {
+  function g() {
     return !0;
   }
   function x() {
     return "position: initial !important;border: none !important;left: 0;right: 0;padding: 0;";
   }
   function f(n) {
-    const l = new Ot(n, o), { schema: u } = e;
-    return l.getPropertyConfig(u);
+    const s = new Ot(n, r), { schema: d } = e;
+    return s.getPropertyConfig(d);
   }
-  function v(n) {
+  function y(n) {
     return t;
   }
-  function s() {
+  function a() {
     e.designerItemElementRef.value && Me(() => {
-      Ne(t.value);
+      He(t.value);
     });
   }
-  function c(n) {
+  function u(n) {
     if (!n)
       return;
-    const { changeObject: l } = n;
-    l && ["width", "position"].includes(l.propertyID) && s();
+    const { changeObject: s } = n;
+    s && ["width", "position"].includes(s.propertyID) && a();
   }
-  function b(n, l, u) {
+  function v(n, s, d) {
     var h;
     (h = n == null ? void 0 : n.buttons) != null && h.length && n.buttons.map((S) => {
-      var $;
-      u.set(S.id, {
+      var R;
+      d.set(S.id, {
         componentTitle: S.text,
-        parentPathName: `${l} > ${S.text}`
-      }), ($ = S.children) != null && $.length && S.children.map((F) => {
-        u.set(F.id, {
-          componentTitle: F.text,
-          parentPathName: `${l} > ${F.text}`
+        parentPathName: `${s} > ${S.text}`
+      }), (R = S.children) != null && R.length && S.children.map((P) => {
+        d.set(P.id, {
+          componentTitle: P.text,
+          parentPathName: `${s} > ${P.text}`
         });
       });
     });
   }
   function i() {
-    if (e && o) {
-      const { formSchemaUtils: n } = o, l = n.getControlBasicInfoMap(), { schema: u } = e, h = u.title || Be.drawer.name;
-      l.set(u.id, {
+    if (e && r) {
+      const { formSchemaUtils: n } = r, s = n.getControlBasicInfoMap(), { schema: d } = e, h = d.title || Be.drawer.name;
+      s.set(d.id, {
         componentTitle: h,
         parentPathName: h
-      }), b(u.headerToolbar, h, l), b(u.footerToolbar, h, l);
+      }), v(d.headerToolbar, h, s), v(d.footerToolbar, h, s);
     }
   }
   return {
-    canAccepts: g,
+    canAccepts: b,
     checkCanDeleteComponent: k,
-    checkCanMoveComponent: T,
-    hideNestedPaddingInDesginerView: m,
+    checkCanMoveComponent: C,
+    hideNestedPaddingInDesginerView: g,
     getStyles: x,
     getPropsConfig: f,
-    getDraggableDesignItemElement: v,
-    onPropertyChanged: c,
+    getDraggableDesignItemElement: y,
+    onPropertyChanged: u,
     setComponentBasicInfoMap: i
   };
 }
-const he = Object.assign({}, Q, {
+const we = Object.assign({}, Q, {
   componentId: { type: String, default: "" },
   footerContentType: { type: String, default: "toolbar" },
   customHeader: { type: Boolean, default: !1 },
   showWrapperInCanvas: { type: Boolean, default: !1 }
-}), Bt = "https://json-schema.org/draft/2020-12/schema", Ht = "https://farris-design.gitee.io/section-toolbar-item.schema.json", Nt = "drawer-toolbar-item", At = "A Farris Toolbar Item Component", Lt = "object", Vt = {
+}), Bt = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-design.gitee.io/section-toolbar-item.schema.json", Ht = "drawer-toolbar-item", Lt = "A Farris Toolbar Item Component", zt = "object", At = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1433,17 +1444,17 @@ const he = Object.assign({}, Q, {
   "id",
   "type",
   "text"
-], zt = {
+], Vt = {
   onClick: "点击事件"
 }, _t = {
   $schema: Bt,
-  $id: Ht,
-  title: Nt,
-  description: At,
-  type: Lt,
-  properties: Vt,
+  $id: Nt,
+  title: Ht,
+  description: Lt,
+  type: zt,
+  properties: At,
   required: qt,
-  events: zt
+  events: Vt
 }, Wt = "https://json-schema.org/draft/2020-12/schema", Ut = "https://farris-design.gitee.io/section-toolbar.schema.json", Gt = "drawer-toolbar", Zt = "A Farris Toolbar Component", Jt = "object", Qt = {
   id: {
     description: "The unique identifier for a Section Toolbar",
@@ -1498,197 +1509,197 @@ const he = Object.assign({}, Q, {
   properties: Qt,
   required: Xt,
   events: Yt
-}, eo = Object.assign({}, Ve), to = J(eo, _t, void 0, le), oo = Object.assign({}, Oe, {
+}, er = Object.assign({}, qe), tr = J(er, _t, void 0, ce), rr = Object.assign({}, Oe, {
   componentId: { type: String, default: "" }
-}), z = J(
-  oo,
+}), V = J(
+  rr,
   Kt,
   We,
-  le
-), U = /* @__PURE__ */ oe({
+  ce
+), U = /* @__PURE__ */ re({
   name: "FDrawerDesign",
-  props: he,
+  props: we,
   setup(e, t) {
-    const o = M(), r = M(), g = e.id + "_footer-toolbar", k = e.id + "_header-toolbar", T = G("designer-host-service"), m = G("design-item-context"), x = It(m, r, T), f = Ae(o, m, x);
-    m.schema.footerToolbar = m.schema.footerToolbar || {
-      id: g,
+    const r = E(), o = E(), b = e.id + "_footer-toolbar", k = e.id + "_header-toolbar", C = G("designer-host-service"), g = G("design-item-context"), x = It(g, o, C), f = Le(r, g, x);
+    g.schema.footerToolbar = g.schema.footerToolbar || {
+      id: b,
       type: "drawer-toolbar",
       buttons: []
     };
-    const v = M(m.schema.footerToolbar), s = M(z(v.value));
-    _(() => m.schema.footerToolbar, () => {
-      v.value = m.schema.footerToolbar, s.value = z(v.value);
+    const y = E(g.schema.footerToolbar), a = E(V(y.value));
+    _(() => g.schema.footerToolbar, () => {
+      y.value = g.schema.footerToolbar, a.value = V(y.value);
     }, {
       deep: !0
     });
-    const c = G("design-item-context"), b = D(() => [...s.value.items]);
-    m.schema.headerToolbar = m.schema.headerToolbar || {
+    const u = G("design-item-context"), v = D(() => [...a.value.items]);
+    g.schema.headerToolbar = g.schema.headerToolbar || {
       id: k,
       type: "drawer-toolbar",
       buttons: []
     };
-    const i = M(m.schema.headerToolbar), n = M(z(i.value));
-    _(() => m.schema.headerToolbar, () => {
-      i.value = m.schema.headerToolbar, n.value = z(i.value);
+    const i = E(g.schema.headerToolbar), n = E(V(i.value));
+    _(() => g.schema.headerToolbar, () => {
+      i.value = g.schema.headerToolbar, n.value = V(i.value);
     }, {
       deep: !0
     });
-    const l = D(() => [...n.value.items]);
-    Ee(() => {
-      o.value.componentInstance = f;
+    const s = D(() => [...n.value.items]);
+    oe(() => {
+      r.value.componentInstance = f;
     }), t.expose(f.value);
-    const u = M(e.modelValue || m.schema.showWrapperInCanvas);
+    const d = E(e.modelValue || g.schema.showWrapperInCanvas);
     _(() => e.modelValue, () => {
-      u.value = e.modelValue;
+      d.value = e.modelValue;
     });
     const h = D(() => {
-      const C = ["f-drawer-wrapper", `f-drawer-wrapper-${e.position}`, e.wrapperClass];
-      return u.value || C.push("d-none"), C;
+      const w = ["f-drawer-wrapper", `f-drawer-wrapper-${e.position}`, e.wrapperClass];
+      return d.value || w.push("d-none"), w;
     }), S = D(() => {
-      const C = e.width, P = e.height, I = typeof C == "string" ? C : typeof C == "number" ? `${C}px` : "20%", j = typeof P == "string" ? P : typeof P == "number" ? `${P}px` : "20%";
+      const w = e.width, $ = e.height, N = typeof w == "string" ? w : typeof w == "number" ? `${w}px` : "20%", I = typeof $ == "string" ? $ : typeof $ == "number" ? `${$}px` : "20%";
       return {
-        width: I,
-        height: j,
+        width: N,
+        height: I,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
       };
-    }), $ = D(() => ["f-drawer-entry", `f-drawer-entry-${e.position}`, e.entryClass]), F = D(() => `f-icon-arrow-chevron-${{
+    }), R = D(() => ["f-drawer-entry", `f-drawer-entry-${e.position}`, e.entryClass]), P = D(() => `f-icon-arrow-chevron-${{
       left: "right",
       right: "left",
       top: "down",
       bottom: "up"
-    }[e.position] ?? "right"}`), a = () => {
-      u.value = !1, m.schema.showWrapperInCanvas = !1;
-    }, y = () => {
-      u.value = !0, m.schema.showWrapperInCanvas = !0;
-    }, R = () => p("div", {
-      class: $.value,
-      onClick: y
-    }, [t.slots.button ? t.slots.button() : p("div", {
+    }[e.position] ?? "right"}`), T = () => {
+      d.value = !1, g.schema.showWrapperInCanvas = !1;
+    }, M = () => {
+      d.value = !0, g.schema.showWrapperInCanvas = !0;
+    }, l = () => m("div", {
+      class: R.value,
+      onClick: M
+    }, [t.slots.button ? t.slots.button() : m("div", {
       class: "f-drawer-entry-icon"
-    }, [p("span", {
-      class: `f-icon ${F.value}`
-    }, null)])]), w = D(() => ({
+    }, [m("span", {
+      class: `f-icon ${P.value}`
+    }, null)])]), c = D(() => ({
       opacity: e.transparent ? 0 : 1
-    })), d = () => p(Z, {
+    })), p = () => m(Z, {
       name: "f-drawer-mask",
       appear: !0
     }, {
-      default: () => [u.value && p("div", {
+      default: () => [d.value && m("div", {
         class: "f-drawer-mask",
-        style: w.value,
-        onClick: W(a, ["stop"])
+        style: c.value,
+        onClick: W(T, ["stop"])
       }, null)]
     });
-    function B(C, P, I, j) {
-      m && m.setupContext && m.setupContext.emit("selectionChange", C, P, I, j);
+    function O(w, $, N, I) {
+      g && g.setupContext && g.setupContext.emit("selectionChange", w, $, N, I);
     }
-    const E = (C, P, I) => p(Le, {
-      modelValue: I,
-      "onUpdate:modelValue": (j) => I = j,
+    const F = (w, $, N) => m(ze, {
+      modelValue: N,
+      "onUpdate:modelValue": (I) => N = I,
       canAdd: !1,
       class: "w-100 position-relative",
       childType: "drawer-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
-      id: C,
+      id: w,
       componentId: e.componentId,
-      onSelectionChange: B
+      onSelectionChange: O
     }, {
-      default: () => [p(ne, {
+      default: () => [m(ie, {
         customClass: "w-100",
-        items: P,
+        items: $,
         componentId: e.componentId
       }, null)]
-    }), N = () => p("div", {
+    }), B = () => m("div", {
       class: "f-drawer-close"
-    }, [p("span", {
+    }, [m("span", {
       class: "f-icon f-icon-close",
-      onClick: W(a, ["stop"])
-    }, null)]), O = () => e.showHeader ? p("div", {
+      onClick: W(T, ["stop"])
+    }, null)]), j = () => e.showHeader ? m("div", {
       class: "f-drawer-header align-items-center"
-    }, [e.customHeader ? p("div", {
+    }, [e.customHeader ? m("div", {
       class: "w-100 h-100",
       innerHTML: e.headerTemplate
-    }, null) : p(re, null, [p("div", {
+    }, null) : m(ne, null, [m("div", {
       class: "f-drawer-title"
-    }, [t.slots.title ? t.slots.title() : e.title]), p("div", {
+    }, [t.slots.title ? t.slots.title() : e.title]), m("div", {
       class: "mx-2 col-7"
-    }, [E(k, l.value, i.value)]), p("div", {
+    }, [F(k, s.value, i.value)]), m("div", {
       class: "f-drawer-header-right"
-    }, [e.showClose && N()])])]) : null;
-    function L(C) {
-      C && (C.preventDefault(), C.stopPropagation()), f.value.onRemoveComponent(T);
-      const P = c == null ? void 0 : c.parent, I = (j) => j.id === m.schema.id;
-      if (P && P.schema.contents) {
-        const j = P.schema.contents.findIndex(I);
-        P.schema.contents.splice(j, 1), _e.value++, t.emit("selectionChange");
+    }, [e.showClose && B()])])]) : null;
+    function z(w) {
+      w && (w.preventDefault(), w.stopPropagation()), f.value.onRemoveComponent(C);
+      const $ = u == null ? void 0 : u.parent, N = (I) => I.id === g.schema.id;
+      if ($ && $.schema.contents) {
+        const I = $.schema.contents.findIndex(N);
+        $.schema.contents.splice(I, 1), Ae.value++, t.emit("selectionChange");
       }
     }
-    const A = () => p("div", {
+    const L = () => m("div", {
       class: "component-btn-group"
-    }, [p("div", null, [p("div", {
+    }, [m("div", null, [m("div", {
       class: "btn component-settings-button",
       title: "删除",
-      onClick: L
-    }, [p("i", {
+      onClick: z
+    }, [m("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), p("div", {
+    }, null)]), m("div", {
       class: "btn component-settings-button",
       title: "关闭抽屉",
-      onClick: a
-    }, [p("i", {
+      onClick: T
+    }, [m("i", {
       class: "f-icon f-icon-close"
-    }, null)])])]), V = () => {
-      var C, P;
-      return p("div", {
+    }, null)])])]), A = () => {
+      var w, $;
+      return m("div", {
         class: h.value,
         style: S.value
-      }, [p("div", {
+      }, [m("div", {
         class: "f-drawer-container position-relative",
-        ref: r
-      }, [A(), O(), p("div", {
+        ref: o
+      }, [L(), j(), m("div", {
         class: "f-drawer-body drag-container d-block",
-        "data-dragref": `${m.schema.id}-container`,
-        ref: o,
+        "data-dragref": `${g.schema.id}-container`,
+        ref: r,
         style: "overflow: auto;",
-        id: m.schema.id
-      }, [(P = (C = t.slots).default) == null ? void 0 : P.call(C)]), e.showFooter && p("div", {
+        id: g.schema.id
+      }, [($ = (w = t.slots).default) == null ? void 0 : $.call(w)]), e.showFooter && m("div", {
         class: "f-drawer-footer px-2 border-top",
         style: {
           height: e.footerHeight + "px"
         }
-      }, [e.footerContentType === "toolbar" && E(g, b.value, v.value), e.footerContentType === "html" && p("div", {
+      }, [e.footerContentType === "toolbar" && F(b, v.value, y.value), e.footerContentType === "html" && m("div", {
         class: "w-100 h-100",
         innerHTML: e.footerTemplate
       }, null)])])]);
-    }, q = () => p("div", {
+    }, q = () => m("div", {
       class: "f-drawer f-drawer-inline"
-    }, [d(), V()]);
-    return () => p("div", null, [q(), R()]);
+    }, [p(), A()]);
+    return () => m("div", null, [q(), l()]);
   }
 });
-function ro() {
-  function e(t, o) {
-    const r = {};
-    return r.beforeClose = (g) => o.call("beforeClose", t, [t]), r;
+function or() {
+  function e(t, r) {
+    const o = {};
+    return o.beforeClose = (b) => r.call("beforeClose", t, [t]), o;
   }
   return {
     resolve: e
   };
 }
-const we = J(he, ae, ie, se), no = ro();
-U.register = (e, t, o, r) => {
-  e.drawer = jt, t.drawer = we, r.drawer = { eventHandlerResolver: Mt, callbackResolver: no };
+const Ce = J(we, se, ae, le), nr = or();
+U.register = (e, t, r, o) => {
+  e.drawer = jt, t.drawer = Ce, o.drawer = { eventHandlerResolver: Et, callbackResolver: nr };
 };
-U.registerDesigner = (e, t, o) => {
-  e.drawer = U, t.drawer = we, e["drawer-toolbar-item"] = qe, t["drawer-toolbar-item"] = to, e["drawer-toolbar"] = ne, t["drawer-toolbar"] = z;
+U.registerDesigner = (e, t, r) => {
+  e.drawer = U, t.drawer = Ce, e["drawer-toolbar-item"] = Ve, t["drawer-toolbar-item"] = tr, e["drawer-toolbar"] = ie, t["drawer-toolbar"] = V;
 };
-const go = Fe(U);
+const pr = Pe(U);
 export {
-  no as callbackResolver,
-  go as default,
+  nr as callbackResolver,
+  pr as default,
   Q as drawerProps,
-  Mt as eventHandlerResolver,
-  we as propsResolver
+  Et as eventHandlerResolver,
+  Ce as propsResolver
 };