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

package/components/drawer/index.esm.js

@@ -1,12 +1,12 @@
-import { ref as R, computed as E, defineComponent as ce, watch as ue, watchEffect as de, createVNode as w, Teleport as fe, Transition as A, withModifiers as _, withDirectives as me, vShow as pe, Fragment as ve } from "vue";
-import be from "../response-toolbar/index.esm.js";
-import { getCustomStyle as ge, getMaxZIndex as ye, withInstall as Te } from "../common/index.esm.js";
-import { resolveAppearance as we } from "../dynamic-resolver/index.esm.js";
+import { ref as R, computed as N, defineComponent as ce, watch as ue, onMounted as de, watchEffect as fe, createVNode as C, Teleport as me, Transition as A, withModifiers as _, withDirectives as pe, vShow as ve, Fragment as be } from "vue";
+import ge from "../response-toolbar/index.esm.js";
+import { getCustomStyle as ye, getMaxZIndex as Te, withInstall as we } from "../common/index.esm.js";
+import { resolveAppearance as Ce } from "../dynamic-resolver/index.esm.js";
 import { isPlainObject as I, cloneDeep as W } from "lodash-es";
 import { LocaleService as G } from "../locale/index.esm.js";
-const Ce = /* @__PURE__ */ new Map([
-  ["appearance", we]
-]), he = "https://json-schema.org/draft/2020-12/schema", Se = "https://farris-design.gitee.io/drawer.schema.json", ke = "drawer", Fe = "A Farris Component", xe = "object", Oe = {
+const he = /* @__PURE__ */ new Map([
+  ["appearance", Ce]
+]), Se = "https://json-schema.org/draft/2020-12/schema", ke = "https://farris-design.gitee.io/drawer.schema.json", Fe = "drawer", xe = "A Farris Component", Oe = "object", Pe = {
   id: {
     description: "The unique identifier for drawer",
     type: "string"
@@ -181,24 +181,28 @@ const Ce = /* @__PURE__ */ new Map([
     description: "遮罩层是否透明",
     type: "boolean",
     default: !1
+  },
+  host: {
+    description: "",
+    type: "string"
   }
-}, Pe = [
+}, je = [
   "id",
   "type",
   "contents"
-], je = {
+], Ee = {
   beforeClose: "关闭前事件"
-}, Ee = {
-  $schema: he,
-  $id: Se,
-  title: ke,
-  description: Fe,
-  type: xe,
-  properties: Oe,
-  required: Pe,
-  events: je
+}, De = {
+  $schema: Se,
+  $id: ke,
+  title: Fe,
+  description: xe,
+  type: Oe,
+  properties: Pe,
+  required: je,
+  events: Ee
 };
-function De(e, t, r) {
+function Me(e, t, r) {
   return Object.assign(t, {
     title: "标题",
     headerToolbar: {
@@ -213,73 +217,151 @@ function De(e, t, r) {
     }
   }), t;
 }
-function Me(e = {}) {
-  function t(d, v, l, s) {
-    if (typeof l == "number")
-      return s[d].length === l;
-    if (typeof l == "object") {
-      const m = Object.keys(l)[0], i = l[m];
+function Z(e, t) {
+  let r;
+  function n(a) {
+    const { properties: c, title: m, ignore: o } = a, i = o && Array.isArray(o), u = Object.keys(c).reduce((v, g) => ((!i || !o.find((S) => S === g)) && (v[g] = c[g].type === "object" && c[g].properties ? n(c[g]) : W(c[g].default)), v), {});
+    if (m && (!i || !o.find((v) => v === "id"))) {
+      const v = m.toLowerCase().replace(/-/g, "_");
+      u.id = `${v}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return u;
+  }
+  function p(a) {
+    const { properties: c, title: m, required: o } = a;
+    if (o && Array.isArray(o)) {
+      const i = o.reduce((u, v) => (u[v] = c[v].type === "object" && c[v].properties ? n(c[v]) : W(c[v].default), u), {});
+      if (m && o.find((u) => u === "id")) {
+        const u = m.toLowerCase().replace(/-/g, "_");
+        i.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+      }
+      return i;
+    }
+    return {
+      type: m
+    };
+  }
+  function h(a, c = {}, m) {
+    const o = e[a];
+    if (o) {
+      let i = p(o);
+      const u = t[a];
+      return i = u ? u({ getSchemaByType: h }, i, c, m) : i, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(i), i;
+    }
+    return null;
+  }
+  function T(a, c) {
+    const m = n(c);
+    return Object.keys(m).reduce((o, i) => (Object.prototype.hasOwnProperty.call(a, i) && (o[i] && I(o[i]) && I(a[i] || !a[i]) ? Object.assign(o[i], a[i] || {}) : o[i] = a[i]), o), m), m;
+  }
+  function k(a, c) {
+    return Object.keys(a).filter((o) => a[o] != null).reduce((o, i) => {
+      if (c.has(i)) {
+        const u = c.get(i);
+        if (typeof u == "string")
+          o[u] = a[i];
+        else {
+          const v = u(i, a[i], a);
+          Object.assign(o, v);
+        }
+      } else
+        o[i] = a[i];
+      return o;
+    }, {});
+  }
+  function F(a, c, m = /* @__PURE__ */ new Map()) {
+    const o = T(a, c);
+    return k(o, m);
+  }
+  function f(a) {
+    var m;
+    const c = a.type;
+    if (c) {
+      const o = e[c];
+      if (!o)
+        return a;
+      const i = T(a, o), u = ((m = a.editor) == null ? void 0 : m.type) || "";
+      if (u) {
+        const v = e[u], g = T(a.editor, v);
+        i.editor = g;
+      }
+      return i;
+    }
+    return a;
+  }
+  function b(a) {
+    r = a;
+  }
+  return { getSchemaByType: h, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: F, mappingSchemaToProps: k, setDesignerContext: b };
+}
+const J = {}, Q = {}, { resolveSchemaWithDefaultValue: Ne, resolveSchemaToProps: $e, mappingSchemaToProps: Re } = Z(J, Q);
+function Be(e = {}) {
+  function t(f, b, a, c) {
+    if (typeof a == "number")
+      return c[f].length === a;
+    if (typeof a == "object") {
+      const m = Object.keys(a)[0], o = a[m];
       if (m === "not")
-        return Number(s[d].length) !== Number(i);
+        return Number(c[f].length) !== Number(o);
       if (m === "moreThan")
-        return Number(s[d].length) >= Number(i);
+        return Number(c[f].length) >= Number(o);
       if (m === "lessThan")
-        return Number(s[d].length) <= Number(i);
+        return Number(c[f].length) <= Number(o);
     }
     return !1;
   }
-  function r(d, v, l, s) {
-    return s[d] && s[d].propertyValue && String(s[d].propertyValue.value) === String(l);
+  function r(f, b, a, c) {
+    return c[f] && c[f].propertyValue && String(c[f].propertyValue.value) === String(a);
   }
-  const o = /* @__PURE__ */ new Map([
+  const n = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", r]
   ]);
-  Object.keys(e).reduce((d, v) => (d.set(v, e[v]), d), o);
-  function b(d, v) {
-    const l = d;
-    return typeof v == "number" ? [{ target: l, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: l, operator: "getProperty", param: d, value: !!v }] : typeof v == "object" ? Object.keys(v).map((s) => {
-      if (s === "length")
-        return { target: l, operator: "length", param: null, value: v[s] };
-      const m = s, i = v[s];
-      return { target: l, operator: "getProperty", param: m, value: i };
+  Object.keys(e).reduce((f, b) => (f.set(b, e[b]), f), n);
+  function p(f, b) {
+    const a = f;
+    return typeof b == "number" ? [{ target: a, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: a, operator: "getProperty", param: f, value: !!b }] : typeof b == "object" ? Object.keys(b).map((c) => {
+      if (c === "length")
+        return { target: a, operator: "length", param: null, value: b[c] };
+      const m = c, o = b[c];
+      return { target: a, operator: "getProperty", param: m, value: o };
     }) : [];
   }
-  function C(d) {
-    return Object.keys(d).reduce((l, s) => {
-      const m = b(s, d[s]);
-      return l.push(...m), l;
+  function h(f) {
+    return Object.keys(f).reduce((a, c) => {
+      const m = p(c, f[c]);
+      return a.push(...m), a;
     }, []);
   }
-  function T(d, v) {
-    if (o.has(d.operator)) {
-      const l = o.get(d.operator);
-      return l && l(d.target, d.param, d.value, v) || !1;
+  function T(f, b) {
+    if (n.has(f.operator)) {
+      const a = n.get(f.operator);
+      return a && a(f.target, f.param, f.value, b) || !1;
     }
     return !1;
   }
-  function k(d, v) {
-    return C(d).reduce((m, i) => m && T(i, v), !0);
+  function k(f, b) {
+    return h(f).reduce((m, o) => m && T(o, b), !0);
   }
-  function F(d, v) {
-    const l = Object.keys(d), s = l.includes("allOf"), m = l.includes("anyOf"), i = s || m, p = (i ? d[i ? s ? "allOf" : "anyOf" : "allOf"] : [d]).map((S) => k(S, v));
-    return s ? !p.includes(!1) : p.includes(!0);
+  function F(f, b) {
+    const a = Object.keys(f), c = a.includes("allOf"), m = a.includes("anyOf"), o = c || m, v = (o ? f[o ? c ? "allOf" : "anyOf" : "allOf"] : [f]).map((S) => k(S, b));
+    return c ? !v.includes(!1) : v.includes(!0);
   }
   return { parseValueSchema: F };
 }
-const Ne = {
-  convertTo: (e, t, r, o) => {
+const He = {
+  convertTo: (e, t, r, n) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = r;
   },
   convertFrom: (e, t, r) => e.appearance ? e.appearance[t] : e[t]
-}, $e = {
+}, ze = {
   convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, Re = {
-  convertTo: (e, t, r, o) => {
+}, Le = {
+  convertTo: (e, t, r, n) => {
     e.editor && (e.editor[t] = r);
   },
   convertFrom: (e, t, r) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, Be = {
+}, qe = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -334,19 +416,19 @@ const Ne = {
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
   calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, He = {
+}, Ae = {
   convertFrom: (e, t, r) => {
-    var b;
-    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((b = Be[o]) == null ? void 0 : b.name) || o;
+    var p;
+    const n = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((p = qe[n]) == null ? void 0 : p.name) || n;
   }
-}, ze = {
-  convertTo: (e, t, r, o) => {
+}, _e = {
+  convertTo: (e, t, r, n) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, r) => e.editor ? r.getRealEditorType(e.editor.type) : ""
-}, Le = {
-  convertTo: (e, t, r, o) => {
+}, Ie = {
+  convertTo: (e, t, r, n) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = r : e.formatter = {
       [t]: r
     });
@@ -376,8 +458,8 @@ const Ne = {
     }
     return "none";
   }
-}, qe = {
-  convertTo: (e, t, r, o) => {
+}, We = {
+  convertTo: (e, t, r, n) => {
     e.command ? e.command[t] = r : e.command = {
       [t]: r
     }, t === "enableType" && r === "default" && (e.command.enable = !0, e.command.commands = [
@@ -422,11 +504,11 @@ const Ne = {
     ]), t === "enableType" && r === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, r) => {
-    var o, b;
+    var n, p;
     if (e.command) {
       if (t === "enableType") {
-        const C = (b = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : b.find((T) => T.command === "edit" && T.type === "primary");
-        return e.command.enable ? C ? "default" : "custom" : "unable";
+        const h = (p = (n = e.command) == null ? void 0 : n.commands) == null ? void 0 : p.find((T) => T.command === "edit" && T.type === "primary");
+        return e.command.enable ? h ? "default" : "custom" : "unable";
       }
       if (t === "commands")
         return e.command.enableType === "custom" ? e.command.commands : [];
@@ -437,8 +519,8 @@ const Ne = {
     }
     return "";
   }
-}, Ae = {
-  convertTo: (e, t, r, o) => {
+}, Ge = {
+  convertTo: (e, t, r, n) => {
     e.column ? e.column[t] = r : e.column = {
       [t]: r
     }, t === "fitColumns" && r && (e.column.fitMode || (e.column.fitMode = "average"));
@@ -452,8 +534,8 @@ const Ne = {
     }
     return "";
   }
-}, _e = {
-  convertTo: (e, t, r, o) => {
+}, Ze = {
+  convertTo: (e, t, r, n) => {
     e.summary ? e.summary[t] = r : e.summary = {
       [t]: r
     }, t === "enable" && r && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
@@ -462,8 +544,8 @@ const Ne = {
     });
   },
   convertFrom: (e, t, r) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ie = {
-  convertTo: (e, t, r, o) => {
+}, Je = {
+  convertTo: (e, t, r, n) => {
     e.group ? e.group[t] = r : e.group = {
       [t]: r
     }, t === "enable" && r && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
@@ -480,71 +562,71 @@ const Ne = {
         return e.group.showSummary;
     }
   }
-}, We = {
+}, Qe = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   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;
+      const n = r[0];
+      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = n.bindingField, e.binding.field = n.id, e.binding.fullPath = n.path, e.path = n.bindingPath;
     }
   }
-}, Ge = {
-  convertTo: (e, t, r, o) => {
+}, Ue = {
+  convertTo: (e, t, r, n) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = r;
   },
   convertFrom: (e, t, r) => e.pagination ? e.pagination[t] : e[t]
-}, Ze = {
-  convertTo: (e, t, r, o) => {
+}, Xe = {
+  convertTo: (e, t, r, n) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = r;
   },
   convertFrom: (e, t, r) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Je = {
-  convertTo: (e, t, r, o) => {
+}, Ye = {
+  convertTo: (e, t, r, n) => {
     e.selection || (e.selection = {}), e.selection[t] = r;
   },
   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];
+    var n, p;
+    return t === "showCheckbox" ? (n = e.selection) != null && n.multiSelect ? !0 : (p = e.selection) == null ? void 0 : p.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, Qe = {
+}, Ve = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Ue = {
+}, Ke = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, r) => {
     e[t] = r;
   }
-}, Xe = {
-  convertTo: (e, t, r, o) => {
+}, et = {
+  convertTo: (e, t, r, n) => {
     e.size || (e.size = {}), e.size[t] = r;
   },
   convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
-}, Ye = {
+}, 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;
+    var n, p;
+    return (n = e.formatter) != null && n.data && t === "formatterEnumData" && !e.formatterEnumData ? (p = e.formatter) == null ? void 0 : p.data : e.formatterEnumData;
   }
-}, Ve = {
-  convertTo: (e, t, r, o) => {
+}, rt = {
+  convertTo: (e, t, r, n) => {
     e.sort || (e.sort = {}), e.sort[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var o, b;
+    var n, p;
     if (t === "mode")
-      return ((o = e.sort) == null ? void 0 : o.mode) || "client";
+      return ((n = e.sort) == null ? void 0 : n.mode) || "client";
     if (t === "multiSort")
-      return !!((b = e.sort) != null && b.multiSort);
+      return !!((p = e.sort) != null && p.multiSort);
   }
-}, Ke = {
-  convertTo: (e, t, r, o) => {
+}, nt = {
+  convertTo: (e, t, r, n) => {
     e.filter || (e.filter = {}), e.filter[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var o;
+    var n;
     if (t === "mode")
-      return ((o = e.filter) == null ? void 0 : o.mode) || "client";
+      return ((n = e.filter) == null ? void 0 : n.mode) || "client";
   }
-}, et = {
-  convertTo: (e, t, r, o) => {
+}, ot = {
+  convertTo: (e, t, r, n) => {
     e.rowOption ? e.rowOption[t] = r : e.rowOption = {
       [t]: r
     };
@@ -558,8 +640,8 @@ const Ne = {
     }
     return "";
   }
-}, tt = {
-  convertTo: (e, t, r, o) => {
+}, it = {
+  convertTo: (e, t, r, n) => {
     (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})">
@@ -571,31 +653,31 @@ const Ne = {
   },
   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 Z(e, t, r) {
-  const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Ne],
-    ["/converter/buttons.converter", $e],
-    ["/converter/property-editor.converter", Re],
-    ["/converter/items-count.converter", Qe],
-    ["/converter/type.converter", He],
-    ["/converter/change-editor.converter", ze],
-    ["/converter/change-formatter.converter", Le],
-    ["/converter/column-command.converter", qe],
-    ["/converter/column-option.converter", Ae],
-    ["/converter/summary.converter", _e],
-    ["/converter/group.converter", Ie],
-    ["/converter/form-group-label.converter", Ue],
-    ["/converter/field-selector.converter", We],
-    ["/converter/pagination.converter", Ge],
-    ["/converter/row-number.converter", Ze],
-    ["/converter/grid-selection.converter", Je],
-    ["/converter/size.converter", Xe],
-    ["/converter/change-formatter-enum.converter", Ye],
-    ["/converter/grid-sort.converter", Ve],
-    ["/converter/grid-filter.converter", Ke],
-    ["/converter/row-option.converter", et],
-    ["/converter/change-formatter-type.converter", tt]
-  ]), b = /* @__PURE__ */ new Map([
+function U(e, t, r) {
+  const n = /* @__PURE__ */ new Map([
+    ["/converter/appearance.converter", He],
+    ["/converter/buttons.converter", ze],
+    ["/converter/property-editor.converter", Le],
+    ["/converter/items-count.converter", Ve],
+    ["/converter/type.converter", Ae],
+    ["/converter/change-editor.converter", _e],
+    ["/converter/change-formatter.converter", Ie],
+    ["/converter/column-command.converter", We],
+    ["/converter/column-option.converter", Ge],
+    ["/converter/summary.converter", Ze],
+    ["/converter/group.converter", Je],
+    ["/converter/form-group-label.converter", Ke],
+    ["/converter/field-selector.converter", Qe],
+    ["/converter/pagination.converter", Ue],
+    ["/converter/row-number.converter", Xe],
+    ["/converter/grid-selection.converter", Ye],
+    ["/converter/size.converter", et],
+    ["/converter/change-formatter-enum.converter", tt],
+    ["/converter/grid-sort.converter", rt],
+    ["/converter/grid-filter.converter", nt],
+    ["/converter/row-option.converter", ot],
+    ["/converter/change-formatter-type.converter", it]
+  ]), p = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -619,194 +701,117 @@ function Z(e, t, r) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), C = Me();
-  function T(i, a) {
-    return () => C.parseValueSchema(i, a);
+  ]), h = Be();
+  function T(o, i) {
+    return () => h.parseValueSchema(o, i);
   }
-  function k(i, a, c) {
-    return i.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : T(a.visible, c) : () => !0;
+  function k(o, i, u) {
+    return o.includes("visible") && i.visible !== void 0 ? typeof i.visible == "boolean" ? () => !!i.visible : i.visible === void 0 ? !0 : T(i.visible, u) : () => !0;
   }
-  function F(i, a, c) {
-    return i.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : T(a.readonly, c) : () => !1;
+  function F(o, i, u) {
+    return o.includes("readonly") && i.readonly !== void 0 ? typeof i.readonly == "boolean" ? () => !!i.readonly : T(i.readonly, u) : () => !1;
   }
-  function d(i, a) {
-    const c = i.$converter || a;
-    return typeof c == "string" && c && o.has(c) ? o.get(c) || null : c || null;
+  function f(o, i) {
+    const u = o.$converter || i;
+    return typeof u == "string" && u && n.has(u) ? n.get(u) || null : u || null;
   }
-  function v(i, a, c, p, y, S = "", x = "") {
-    return Object.keys(i).map((n) => {
-      const f = R(1), h = n, g = i[n], u = Object.keys(g), N = g.title, D = g.type, $ = b.get(D) || { type: "input-group", enableClear: !1 }, M = g.editor ? Object.assign({}, $, g.editor) : Object.assign({}, $), H = k(u, g, a), B = F(u, g, a);
-      M.readonly = M.readonly === void 0 ? B() : M.readonly;
-      const z = g.type === "cascade" ? v(g.properties, a, c, p, y, S, x) : [], L = !0;
-      let P = d(g, x);
-      const ne = E({
+  function b(o, i, u, v, g, S = "", O = "") {
+    return Object.keys(o).map((y) => {
+      const P = R(1), l = y, s = o[y], d = Object.keys(s), E = s.title, w = s.type, $ = p.get(w) || { type: "input-group", enableClear: !1 }, j = s.editor ? Object.assign({}, $, s.editor) : Object.assign({}, $), H = k(d, s, i), B = F(d, s, i);
+      j.readonly = j.readonly === void 0 ? B() : j.readonly;
+      const z = s.type === "cascade" ? b(s.properties, i, u, v, g, S, O) : [], L = !0;
+      let D = f(s, O);
+      const ne = N({
         get() {
-          if (f.value) {
-            if (["class", "style"].find((se) => se === h) && !P && (P = o.get("/converter/appearance.converter") || null), P && P.convertFrom)
-              return P.convertFrom(c, n, y, S);
-            const j = c[n];
-            return Object.prototype.hasOwnProperty.call(g, "defaultValue") && (j === void 0 || typeof j == "string" && j === "") ? g.type === "boolean" ? g.defaultValue : g.defaultValue || "" : j;
+          if (P.value) {
+            if (["class", "style"].find((se) => se === l) && !D && (D = n.get("/converter/appearance.converter") || null), D && D.convertFrom)
+              return D.convertFrom(u, y, g, S);
+            const M = u[y];
+            return Object.prototype.hasOwnProperty.call(s, "defaultValue") && (M === void 0 || typeof M == "string" && M === "") ? s.type === "boolean" ? s.defaultValue : s.defaultValue || "" : M;
           }
           return null;
         },
-        set(j) {
-          f.value += 1, P && P.convertTo ? (P.convertTo(p, n, j, y, S), P.convertTo(c, n, j, y, S)) : (p[n] = j, c[n] = j);
+        set(M) {
+          P.value += 1, D && D.convertTo ? (D.convertTo(v, y, M, g, S), D.convertTo(u, y, M, g, S)) : (v[y] = M, u[y] = M);
         }
-      }), { refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le } = g, q = { propertyID: h, propertyName: N, propertyType: D, propertyValue: ne, editor: M, visible: H, readonly: B, cascadeConfig: z, hideCascadeTitle: L, refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le };
-      return a[h] = q, q;
+      }), { refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le } = s, q = { propertyID: l, propertyName: E, propertyType: w, propertyValue: ne, editor: j, visible: H, readonly: B, cascadeConfig: z, hideCascadeTitle: L, refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le };
+      return i[l] = q, q;
     });
   }
-  function l(i, a, c = {}) {
-    const p = {}, y = e[i];
-    return y && y.categories ? Object.keys(y.categories).map((x) => {
-      const O = y.categories[x], n = O == null ? void 0 : O.title, f = v(O.properties || {}, p, {}, c, a);
-      return { categoryId: x, categoryName: n, properties: f };
+  function a(o, i, u = {}) {
+    const v = {}, g = e[o];
+    return g && g.categories ? Object.keys(g.categories).map((O) => {
+      const x = g.categories[O], y = x == null ? void 0 : x.title, P = b(x.properties || {}, v, {}, u, i);
+      return { categoryId: O, categoryName: y, properties: P };
     }) : [];
   }
-  function s(i, a, c, p, y = "") {
-    const S = a.$ref.schema, x = a.$ref.converter, O = c[S], n = O.type, f = r(O), h = {}, g = e[n];
-    if (g && g.categories) {
-      const u = g.categories[i], N = u == null ? void 0 : u.title;
-      x && Object.keys(u.properties).forEach((M) => {
-        u.properties[M].$converter = x;
+  function c(o, i, u, v, g = "") {
+    const S = i.$ref.schema, O = i.$ref.converter, x = u[S], y = x.type, P = r(x), l = {}, s = e[y];
+    if (s && s.categories) {
+      const d = s.categories[o], E = d == null ? void 0 : d.title;
+      O && Object.keys(d.properties).forEach((j) => {
+        d.properties[j].$converter = O;
       });
-      const D = (u == null ? void 0 : u.properties) || {}, $ = v(D, h, f, O, p, y);
-      return { categoryId: i, categoryName: N, properties: $ };
+      const w = (d == null ? void 0 : d.properties) || {}, $ = b(w, l, P, x, v, g);
+      return { categoryId: o, categoryName: E, properties: $ };
     }
-    return { categoryId: i, categoryName: "", properties: [] };
+    return { categoryId: o, categoryName: "", properties: [] };
   }
-  function m(i, a, c, p, y) {
-    const S = i.type, x = r(i), O = {};
-    let n = y || e[S];
-    if (!(n && Object.keys(n).length > 0) && c && c.getPropConfig && (n = c.getPropConfig(p)), n && n.categories) {
-      const h = [];
-      return Object.keys(n.categories).map((g) => {
-        const u = n.categories[g];
-        if (u.$ref) {
-          h.push(s(g, u, i, a, p));
+  function m(o, i, u, v, g) {
+    const S = o.type, O = r(o), x = {};
+    let y = g || e[S];
+    if (!(y && Object.keys(y).length > 0) && u && u.getPropConfig && (y = u.getPropConfig(v)), y && y.categories) {
+      const l = [];
+      return Object.keys(y.categories).map((s) => {
+        const d = y.categories[s];
+        if (d.$ref) {
+          l.push(c(s, d, o, i, v));
           return;
         }
-        const N = u == null ? void 0 : u.title, D = u == null ? void 0 : u.tabId, $ = u == null ? void 0 : u.tabName, M = u == null ? void 0 : u.hide, H = u == null ? void 0 : u.hideTitle, B = v(u.properties || {}, O, x, i, a, p, u.$converter), { setPropertyRelates: z } = u, L = u == null ? void 0 : u.parentPropertyID;
-        h.push({ categoryId: g, categoryName: N, tabId: D, tabName: $, hide: M, properties: B, hideTitle: H, setPropertyRelates: z, parentPropertyID: L });
-      }), h;
+        const E = d == null ? void 0 : d.title, w = d == null ? void 0 : d.tabId, $ = d == null ? void 0 : d.tabName, j = d == null ? void 0 : d.hide, H = d == null ? void 0 : d.hideTitle, B = b(d.properties || {}, x, O, o, i, v, d.$converter), { setPropertyRelates: z } = d, L = d == null ? void 0 : d.parentPropertyID;
+        l.push({ categoryId: s, categoryName: E, tabId: w, tabName: $, hide: j, properties: B, hideTitle: H, setPropertyRelates: z, parentPropertyID: L });
+      }), l;
     }
     return [];
   }
   return {
     getPropertyConfigBySchema: m,
-    getPropertyConfigByType: l,
-    propertyConverterMap: o
+    getPropertyConfigByType: a,
+    propertyConverterMap: n
   };
 }
-function J(e, t) {
-  let r;
-  function o(l) {
-    const { properties: s, title: m, ignore: i } = l, a = i && Array.isArray(i), c = Object.keys(s).reduce((p, y) => ((!a || !i.find((S) => S === y)) && (p[y] = s[y].type === "object" && s[y].properties ? o(s[y]) : W(s[y].default)), p), {});
-    if (m && (!a || !i.find((p) => p === "id"))) {
-      const p = m.toLowerCase().replace(/-/g, "_");
-      c.id = `${p}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return c;
-  }
-  function b(l) {
-    const { properties: s, title: m, required: i } = l;
-    if (i && Array.isArray(i)) {
-      const a = i.reduce((c, p) => (c[p] = s[p].type === "object" && s[p].properties ? o(s[p]) : W(s[p].default), c), {});
-      if (m && i.find((c) => c === "id")) {
-        const c = m.toLowerCase().replace(/-/g, "_");
-        a.id = `${c}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return a;
-    }
-    return {
-      type: m
-    };
-  }
-  function C(l, s = {}, m) {
-    const i = e[l];
-    if (i) {
-      let a = b(i);
-      const c = t[l];
-      return a = c ? c({ getSchemaByType: C }, a, s, m) : a, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(a), a;
-    }
-    return null;
-  }
-  function T(l, s) {
-    const m = o(s);
-    return Object.keys(m).reduce((i, a) => (Object.prototype.hasOwnProperty.call(l, a) && (i[a] && I(i[a]) && I(l[a] || !l[a]) ? Object.assign(i[a], l[a] || {}) : i[a] = l[a]), i), m), m;
-  }
-  function k(l, s) {
-    return Object.keys(l).filter((i) => l[i] != null).reduce((i, a) => {
-      if (s.has(a)) {
-        const c = s.get(a);
-        if (typeof c == "string")
-          i[c] = l[a];
-        else {
-          const p = c(a, l[a], l);
-          Object.assign(i, p);
-        }
-      } else
-        i[a] = l[a];
-      return i;
-    }, {});
-  }
-  function F(l, s, m = /* @__PURE__ */ new Map()) {
-    const i = T(l, s);
-    return k(i, m);
-  }
-  function d(l) {
-    var m;
-    const s = l.type;
-    if (s) {
-      const i = e[s];
-      if (!i)
-        return l;
-      const a = T(l, i), c = ((m = l.editor) == null ? void 0 : m.type) || "";
-      if (c) {
-        const p = e[c], y = T(l.editor, p);
-        a.editor = y;
-      }
-      return a;
-    }
-    return l;
-  }
-  function v(l) {
-    r = l;
-  }
-  return { getSchemaByType: C, resolveSchemaWithDefaultValue: d, resolveSchemaToProps: F, mappingSchemaToProps: k, setDesignerContext: v };
-}
-const Q = {}, U = {}, { resolveSchemaWithDefaultValue: rt } = J(Q, U), X = {}, Y = {};
-Z(X, Y, rt);
-const V = {}, K = {}, { resolveSchemaWithDefaultValue: nt, resolveSchemaToProps: ot, mappingSchemaToProps: it } = J(V, K), ee = {}, te = {};
-Z(ee, te, nt);
-function at(e, t, r = /* @__PURE__ */ new Map(), o = (T, k, F, d) => k, b = {}, C = (T) => T) {
-  return V[t.title] = t, K[t.title] = o, ee[t.title] = b, te[t.title] = C, Q[t.title] = t, U[t.title] = o, X[t.title] = b, Y[t.title] = C, (T = {}, k = !0) => {
+const X = {}, Y = {};
+U(X, Y, Ne);
+const V = {}, K = {}, { resolveSchemaWithDefaultValue: at } = Z(V, K), ee = {}, te = {};
+U(ee, te, at);
+function lt(e, t, r = /* @__PURE__ */ new Map(), n = (T, k, F, f) => k, p = {}, h = (T) => T) {
+  return J[t.title] = t, Q[t.title] = n, X[t.title] = p, Y[t.title] = h, V[t.title] = t, K[t.title] = n, ee[t.title] = p, te[t.title] = h, (T = {}, k = !0) => {
     if (!k)
-      return it(T, r);
-    const F = ot(T, t, r), d = Object.keys(e).reduce((v, l) => (v[l] = e[l].default, v), {});
-    return Object.assign(d, F);
+      return Re(T, r);
+    const F = $e(T, t, r), f = Object.keys(e).reduce((b, a) => (b[a] = e[a].default, b), {});
+    return Object.assign(f, F);
   };
 }
-function lt(e, t) {
+function st(e, t) {
   if (!e || e.length < 1)
     return null;
   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;
+      const n = r.children.find((p) => p.id === t);
+      if (n)
+        return n;
     }
   }
   return null;
 }
-function st() {
+function ct() {
   function e(t, r) {
-    const { footerToolbar: o, headerToolbar: b } = t, C = ((o == null ? void 0 : o.buttons) || []).concat((b == null ? void 0 : b.buttons) || []);
-    if (!C || C.length < 1)
+    const { footerToolbar: n, headerToolbar: p } = t, h = ((n == null ? void 0 : n.buttons) || []).concat((p == null ? void 0 : p.buttons) || []);
+    if (!h || h.length < 1)
       return null;
-    const [T, k] = r.payloads, F = lt(C, k);
+    const [T, k] = r.payloads, F = st(h, k);
     return F ? F.onClick || F.click : null;
   }
   return {
@@ -866,207 +871,212 @@ const re = {
   buttons: { type: Array, default: [] },
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, gt = at(re, Ee, Ce, De), yt = st();
-function ct() {
+}, yt = lt(re, De, he, Me), Tt = ct();
+function ut() {
   return { drawerLocale: {
     cancel: G.getLocaleValue("drawer.cancel") || "取消",
     confirm: G.getLocaleValue("drawer.confirm") || "确定"
   } };
 }
-const ut = /* @__PURE__ */ ce({
+const dt = /* @__PURE__ */ ce({
   name: "FDrawer",
   props: re,
   emits: ["afterClose", "update:modelValue", "click"],
   setup(e, t) {
-    ct();
-    const r = R(e.modelValue), o = R(e.buttons), b = E(() => ({
+    ut();
+    const r = R(e.modelValue), n = R(e.buttons), p = R(!1), h = N(() => ({
       "f-utils-absolute-all f-drawer": !0,
       // 在某个DOM内部打开抽屉
       "f-drawer-inline": typeof e.host == "string" ? e.host !== "body" : document.querySelector(e.host) !== document.body
-    })), C = E(() => ({
+    })), T = N(() => ({
       opacity: e.transparent ? 0 : 1
-    })), T = E(() => {
-      const n = {};
-      return e.maskClass && e.maskClass.split(" ").forEach((f) => {
-        n[f] = !0;
+    })), k = N(() => {
+      const l = {};
+      return e.maskClass && e.maskClass.split(" ").forEach((s) => {
+        l[s] = !0;
       }), {
         "f-drawer-mask f-utils-absolute-all": !0,
-        ...n
+        ...l
       };
-    }), k = E(() => {
-      const n = {};
-      return e.customClass && e.customClass.split(" ").forEach((f) => {
-        n[f] = !0;
+    }), F = N(() => {
+      const l = {};
+      return e.customClass && e.customClass.split(" ").forEach((s) => {
+        l[s] = !0;
       }), {
         "f-drawer-wrapper": !0,
         [`f-drawer-wrapper-${e.position}`]: !0,
-        ...n
+        ...l
       };
-    }), F = E(() => {
-      const n = e.width;
-      return typeof n == "string" ? n : typeof n == "number" ? `${n}px` : "20%";
-    }), d = E(() => {
-      const n = e.height;
-      return typeof n == "string" ? n : typeof n == "number" ? `${n}px` : "20%";
-    }), v = E(() => {
-      let n = "-6px 0";
+    }), f = N(() => {
+      const l = e.width;
+      return typeof l == "string" ? l : typeof l == "number" ? `${l}px` : "20%";
+    }), b = N(() => {
+      const l = e.height;
+      return typeof l == "string" ? l : typeof l == "number" ? `${l}px` : "20%";
+    }), a = N(() => {
+      let l = "-6px 0";
       switch (e.position) {
         case "left":
-          n = "6px 0";
+          l = "6px 0";
           break;
         case "right":
-          n = "-6px 0";
+          l = "-6px 0";
           break;
         case "top":
-          n = "0 6px";
+          l = "0 6px";
           break;
         case "bottom":
-          n = "0 -6px";
+          l = "0 -6px";
           break;
       }
-      const f = {
-        width: F.value,
-        height: d.value,
+      const s = {
+        width: f.value,
+        height: b.value,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
       };
-      return e.transparent && (f.boxShadow = `${n} 8px 0 rgba(31, 35, 41, .1)`), ge(f, e == null ? void 0 : e.customStyle);
-    }), l = E(() => `f-drawer-${e.position}`), s = (n) => {
+      return e.transparent && (s.boxShadow = `${l} 8px 0 rgba(31, 35, 41, .1)`), ye(s, e == null ? void 0 : e.customStyle);
+    }), c = N(() => `f-drawer-${e.position}`), m = (l) => {
       Promise.resolve().then(() => {
-        var f;
-        return (f = e.beforeClose) == null ? void 0 : f.call(e);
-      }).then((f) => {
-        f && (r.value = !1, t.emit("update:modelValue", r.value), t.emit("afterClose"));
+        var s;
+        return (s = e.beforeClose) == null ? void 0 : s.call(e);
+      }).then((s) => {
+        s && (r.value = !1, t.emit("update:modelValue", r.value), t.emit("afterClose"));
       });
     };
-    ue(() => e.modelValue, (n, f) => {
-      n !== f && (r.value = n);
+    ue(() => e.modelValue, (l, s) => {
+      l !== s && (r.value = l);
     });
-    const m = (n, f) => {
-      t.emit("click", n, f);
+    const o = (l, s) => {
+      t.emit("click", l, s);
     }, i = {
       close: () => {
         r.value = !1;
       }
     };
-    async function a(n, f) {
-      n.handle && await n.handle(f, i) && t.emit("closed", f);
+    async function u(l, s) {
+      l.handle && await l.handle(s, i) && t.emit("closed", s);
     }
-    const c = (n, f) => w(be, {
-      class: f,
+    const v = (l, s) => C(ge, {
+      class: s,
       alignment: "right",
-      items: n,
-      onClick: m
+      items: l,
+      onClick: o
     }, null);
-    function p() {
-      var n, f, h, g;
-      if ((f = (n = e.footerToolbar) == null ? void 0 : n.buttons) != null && f.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
-        const u = {
+    function g() {
+      var l, s, d, E;
+      if ((s = (l = e.footerToolbar) == null ? void 0 : l.buttons) != null && s.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
+        const w = {
           "f-utils-fill": !0
         };
-        return (g = (h = e.footerToolbar) == null ? void 0 : h.appearance) != null && g.class && (u[e.footerToolbar.appearance.class] = !0), c(e.footerToolbar.buttons, u);
+        return (E = (d = e.footerToolbar) == null ? void 0 : d.appearance) != null && E.class && (w[e.footerToolbar.appearance.class] = !0), v(e.footerToolbar.buttons, w);
       }
-      return o.value && !!o.value.length && o.value.map((u) => {
-        const N = R(u.disabled);
-        return w("button", {
-          id: u.id,
+      return n.value && !!n.value.length && n.value.map((w) => {
+        const $ = R(w.disabled);
+        return C("button", {
+          id: w.id,
           type: "button",
-          disabled: N.value,
-          class: u.class + (u.iconClass ? " btn-icontext" : ""),
-          onClick: (D) => {
-            a(u, D);
+          disabled: $.value,
+          class: w.class + (w.iconClass ? " btn-icontext" : ""),
+          onClick: (j) => {
+            u(w, j);
           }
-        }, [!!u.iconClass && w("i", {
-          class: u.iconClass
-        }, null), u.text]);
+        }, [!!w.iconClass && C("i", {
+          class: w.iconClass
+        }, null), w.text]);
       });
     }
-    function y() {
-      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : p();
-    }
     function S() {
-      var f, h;
-      const n = {
+      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : g();
+    }
+    function O() {
+      var s, d;
+      const l = {
         "f-utils-fill": !0
       };
-      return (h = (f = e.headerToolbar) == null ? void 0 : f.appearance) != null && h.class && (n[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : w(ve, null, [w("div", {
+      return (d = (s = e.headerToolbar) == null ? void 0 : s.appearance) != null && d.class && (l[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : C(be, null, [C("div", {
         class: "f-drawer-title",
         title: e.title
-      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && w("div", {
+      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && C("div", {
         class: "f-utils-fill-flex-row mx-2 col-7"
-      }, [c(e.headerToolbar.buttons || [], n)]), e.showClose && w("div", {
+      }, [v(e.headerToolbar.buttons || [], l)]), e.showClose && C("div", {
         class: "f-drawer-close"
-      }, [w("span", {
+      }, [C("span", {
         class: "f-icon f-icon-close",
-        onClick: _((g) => {
-          s();
+        onClick: _((E) => {
+          m();
         }, ["stop"])
       }, null)])]);
     }
     const x = R({});
-    function O() {
-      const n = ye();
+    function y() {
+      const l = Te();
       x.value = {
-        zIndex: n < 1e3 ? 1e3 : n
+        zIndex: l < 1e3 ? 1e3 : l
       };
     }
-    return de(() => {
-      r.value && O();
+    function P() {
+      return p.value ? !0 : typeof e.host == "string" ? e.host === "body" ? !0 : !!document.querySelector(e.host) : !!e.host;
+    }
+    return p.value = P(), de(() => {
+      p.value = P();
+    }), fe(() => {
+      r.value && y();
     }), t.expose({
       open: () => {
         r.value = !0;
       },
       close: () => {
-        s();
+        m();
       }
-    }), () => w(fe, {
+    }), () => p.value ? C(me, {
       to: e.host
     }, {
-      default: () => [w("div", {
-        class: b.value,
+      default: () => [C("div", {
+        class: h.value,
         id: e.id,
         style: x.value
-      }, [w(A, {
+      }, [C(A, {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [r.value && w("div", {
-          class: T.value,
-          style: C.value,
-          onClick: _((n) => {
-            e.allowClickMaskToClose && s();
+        default: () => [r.value && C("div", {
+          class: k.value,
+          style: T.value,
+          onClick: _((l) => {
+            e.allowClickMaskToClose && m();
           }, ["stop"])
         }, null)]
-      }), w(A, {
-        name: l.value
+      }), C(A, {
+        name: c.value
       }, {
         default: () => {
-          var n, f;
-          return [me(w("div", {
-            class: k.value,
-            style: v.value
-          }, [w("div", {
+          var l, s;
+          return [pe(C("div", {
+            class: F.value,
+            style: a.value
+          }, [C("div", {
             class: "f-drawer-container"
-          }, [e.showHeader && w("div", {
+          }, [e.showHeader && C("div", {
             class: "f-drawer-header align-items-center"
-          }, [S()]), w("div", {
+          }, [O()]), C("div", {
             class: "f-drawer-body f-utils-fill",
             style: "overflow: auto;"
-          }, [(f = (n = t.slots).default) == null ? void 0 : f.call(n)]), e.showFooter && w("div", {
+          }, [(s = (l = t.slots).default) == null ? void 0 : s.call(l)]), e.showFooter && C("div", {
             class: "f-drawer-footer px-2",
             style: {
               height: e.footerHeight + "px"
             }
-          }, [y()])])]), [[pe, r.value]])];
+          }, [S()])])]), [[ve, r.value]])];
         }
       })])]
-    });
+    }) : null;
   }
-}), Tt = Te(ut);
+}), wt = we(dt);
 export {
-  ut as FDrawer,
-  Tt as default,
+  dt as FDrawer,
+  wt as default,
   re as drawerProps,
-  yt as eventHandlerResolver,
-  gt as propsResolver
+  Tt as eventHandlerResolver,
+  yt as propsResolver
 };