@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/drawer/index.esm.js

@@ -1,12 +1,12 @@
-import { ref as B, computed as D, defineComponent as ce, watch as ue, createVNode as h, Teleport as fe, Transition as A, withModifiers as _, withDirectives as de, vShow as me, Fragment as pe } from "vue";
-import ve from "../response-toolbar/index.esm.js";
-import { resolveAppearance as be } from "../dynamic-resolver/index.esm.js";
-import { isPlainObject as z, cloneDeep as G } from "lodash-es";
-import { LocaleService as W } from "../locale/index.esm.js";
-import { withInstall as ge } from "../common/index.esm.js";
-const ye = /* @__PURE__ */ new Map([
-  ["appearance", be]
-]), Te = "https://json-schema.org/draft/2020-12/schema", we = "https://farris-design.gitee.io/drawer.schema.json", Ce = "drawer", he = "A Farris Component", ke = "object", Se = {
+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 { 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 = {
   id: {
     description: "The unique identifier for drawer",
     type: "string"
@@ -94,7 +94,7 @@ const ye = /* @__PURE__ */ new Map([
       type: {
         description: "",
         type: "string",
-        default: "response-toolbar"
+        default: "drawer-toolbar"
       },
       alignment: {
         description: "The alignment of Response Toolbar Button.",
@@ -139,7 +139,7 @@ const ye = /* @__PURE__ */ new Map([
       type: {
         description: "",
         type: "string",
-        default: "response-toolbar"
+        default: "drawer-toolbar"
       },
       alignment: {
         description: "The alignment of Response Toolbar Button.",
@@ -182,177 +182,99 @@ const ye = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   }
-}, Fe = [
+}, Pe = [
   "id",
   "type",
   "contents"
-], Oe = {
+], je = {
   beforeClose: "关闭前事件"
-}, xe = {
-  $schema: Te,
-  $id: we,
-  title: Ce,
-  description: he,
-  type: ke,
-  properties: Se,
-  required: Fe,
-  events: Oe
+}, Ee = {
+  $schema: he,
+  $id: Se,
+  title: ke,
+  description: Fe,
+  type: xe,
+  properties: Oe,
+  required: Pe,
+  events: je
 };
-function je(e, t, r) {
+function De(e, t, r) {
   return Object.assign(t, {
     title: "标题",
     headerToolbar: {
       id: t.id + "_header_toolbar",
-      type: "response-toolbar",
+      type: "drawer-toolbar",
       buttons: []
     },
     footerToolbar: {
       id: t.id + "_footer_toolbar",
-      type: "response-toolbar",
+      type: "drawer-toolbar",
       buttons: []
     }
   }), t;
 }
-function I(e, t) {
-  let r;
-  function o(a) {
-    const { properties: l, title: d, ignore: i } = a, n = i && Array.isArray(i), c = Object.keys(l).reduce((p, g) => ((!n || !i.find((s) => s === g)) && (p[g] = l[g].type === "object" && l[g].properties ? o(l[g]) : G(l[g].default)), p), {});
-    if (d && (!n || !i.find((p) => p === "id"))) {
-      const p = d.toLowerCase().replace(/-/g, "_");
-      c.id = `${p}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return c;
-  }
-  function b(a) {
-    const { properties: l, title: d, required: i } = a;
-    if (i && Array.isArray(i)) {
-      const n = i.reduce((c, p) => (c[p] = l[p].type === "object" && l[p].properties ? o(l[p]) : G(l[p].default), c), {});
-      if (d && i.find((c) => c === "id")) {
-        const c = d.toLowerCase().replace(/-/g, "_");
-        n.id = `${c}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return n;
-    }
-    return {
-      type: d
-    };
-  }
-  function k(a, l = {}, d) {
-    const i = e[a];
-    if (i) {
-      let n = b(i);
-      const c = t[a];
-      return n = c ? c({ getSchemaByType: k }, n, l, d) : n, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(n), n;
-    }
-    return null;
-  }
-  function w(a, l) {
-    const d = o(l);
-    return Object.keys(d).reduce((i, n) => (Object.prototype.hasOwnProperty.call(a, n) && (i[n] && z(i[n]) && z(a[n] || !a[n]) ? Object.assign(i[n], a[n] || {}) : i[n] = a[n]), i), d), d;
-  }
-  function S(a, l) {
-    return Object.keys(a).filter((i) => a[i] != null).reduce((i, n) => {
-      if (l.has(n)) {
-        const c = l.get(n);
-        if (typeof c == "string")
-          i[c] = a[n];
-        else {
-          const p = c(n, a[n], a);
-          Object.assign(i, p);
-        }
-      } else
-        i[n] = a[n];
-      return i;
-    }, {});
-  }
-  function F(a, l, d = /* @__PURE__ */ new Map()) {
-    const i = w(a, l);
-    return S(i, d);
-  }
-  function f(a) {
-    var d;
-    const l = a.type;
-    if (l) {
-      const i = e[l];
-      if (!i)
-        return a;
-      const n = w(a, i), c = ((d = a.editor) == null ? void 0 : d.type) || "";
-      if (c) {
-        const p = e[c], g = w(a.editor, p);
-        n.editor = g;
-      }
-      return n;
-    }
-    return a;
-  }
-  function v(a) {
-    r = a;
-  }
-  return { getSchemaByType: k, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: F, mappingSchemaToProps: S, setDesignerContext: v };
-}
-const J = {}, Q = {}, { resolveSchemaWithDefaultValue: Pe, resolveSchemaToProps: Ee, mappingSchemaToProps: De } = I(J, Q);
-function Ne(e = {}) {
-  function t(f, v, a, l) {
-    if (typeof a == "number")
-      return l[f].length === a;
-    if (typeof a == "object") {
-      const d = Object.keys(a)[0], i = a[d];
-      if (d === "not")
-        return Number(l[f].length) !== Number(i);
-      if (d === "moreThan")
-        return Number(l[f].length) >= Number(i);
-      if (d === "lessThan")
-        return Number(l[f].length) <= Number(i);
+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];
+      if (m === "not")
+        return Number(s[d].length) !== Number(i);
+      if (m === "moreThan")
+        return Number(s[d].length) >= Number(i);
+      if (m === "lessThan")
+        return Number(s[d].length) <= Number(i);
     }
     return !1;
   }
-  function r(f, v, a, l) {
-    return l[f] && l[f].propertyValue && String(l[f].propertyValue.value) === String(a);
+  function r(d, v, l, s) {
+    return s[d] && s[d].propertyValue && String(s[d].propertyValue.value) === String(l);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", r]
   ]);
-  Object.keys(e).reduce((f, v) => (f.set(v, e[v]), f), o);
-  function b(f, v) {
-    const a = f;
-    return typeof v == "number" ? [{ target: a, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: a, operator: "getProperty", param: f, value: !!v }] : typeof v == "object" ? Object.keys(v).map((l) => {
-      if (l === "length")
-        return { target: a, operator: "length", param: null, value: v[l] };
-      const d = l, i = v[l];
-      return { target: a, operator: "getProperty", param: d, value: i };
+  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 };
     }) : [];
   }
-  function k(f) {
-    return Object.keys(f).reduce((a, l) => {
-      const d = b(l, f[l]);
-      return a.push(...d), a;
+  function C(d) {
+    return Object.keys(d).reduce((l, s) => {
+      const m = b(s, d[s]);
+      return l.push(...m), l;
     }, []);
   }
-  function w(f, v) {
-    if (o.has(f.operator)) {
-      const a = o.get(f.operator);
-      return a && a(f.target, f.param, f.value, v) || !1;
+  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;
     }
     return !1;
   }
-  function S(f, v) {
-    return k(f).reduce((d, i) => d && w(i, v), !0);
+  function k(d, v) {
+    return C(d).reduce((m, i) => m && T(i, v), !0);
   }
-  function F(f, v) {
-    const a = Object.keys(f), l = a.includes("allOf"), d = a.includes("anyOf"), i = l || d, p = (i ? f[i ? l ? "allOf" : "anyOf" : "allOf"] : [f]).map((s) => S(s, v));
-    return l ? !p.includes(!1) : p.includes(!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);
   }
   return { parseValueSchema: F };
 }
-const Me = {
+const Ne = {
   convertTo: (e, t, r, o) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = r;
   },
   convertFrom: (e, t, r) => e.appearance ? e.appearance[t] : e[t]
-}, Re = {
-  convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, $e = {
+  convertFrom: (e, t, r) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, Re = {
   convertTo: (e, t, r, o) => {
     e.editor && (e.editor[t] = r);
   },
@@ -384,6 +306,7 @@ const Me = {
   tabs: { type: "tabs", name: "标签页" },
   "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
+  "drawer-toolbar-item": { type: "drawer-toolbar-item", name: "抽屉工具栏按钮" },
   "html-template": { type: "html-template", name: "模板容器" },
   "time-picker": { type: "time-picker", name: "时间选择" },
   section: { type: "section", name: "分组面板" },
@@ -396,6 +319,7 @@ const Me = {
   "page-header": { type: "page-header", name: "页头" },
   "page-footer": { type: "page-footer", name: "页脚" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
+  "drawer-toolbar": { type: "drawer-toolbar", name: "抽屉工具栏" },
   fieldset: { type: "fieldset", name: "分组" },
   "query-solution": { type: "query-solution", name: "筛选方案" },
   drawer: { type: "drawer", name: "抽屉" },
@@ -408,20 +332,20 @@ const Me = {
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
-  "rich-text-editor": { type: "rich-text-editor", name: "富文本编辑器", icon: "rich-text-box" },
+  "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
   calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, Le = {
+}, He = {
   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;
   }
-}, He = {
+}, ze = {
   convertTo: (e, t, r, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, r) => e.editor ? r.getRealEditorType(e.editor.type) : ""
-}, qe = {
+}, Le = {
   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
@@ -452,7 +376,7 @@ const Me = {
     }
     return "none";
   }
-}, Ae = {
+}, qe = {
   convertTo: (e, t, r, o) => {
     e.command ? e.command[t] = r : e.command = {
       [t]: r
@@ -470,17 +394,29 @@ const Me = {
     ]), t === "enableType" && r === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: "增加",
+        text: {
+          en: "add",
+          "zh-CHS": "增加",
+          "zh-CHT": "增加"
+        },
         type: "link"
       },
       {
         value: "edit",
-        text: "编辑",
+        text: {
+          en: "edit",
+          "zh-CHS": "编辑",
+          "zh-CHT": "編輯"
+        },
         type: "danger"
       },
       {
         value: "remove",
-        text: "删除",
+        text: {
+          en: "remove",
+          "zh-CHS": "删除",
+          "zh-CHT": "刪除"
+        },
         type: "remove"
       }
     ]), t === "enableType" && r === "unable" && (e.command.enable = !1);
@@ -489,17 +425,19 @@ const Me = {
     var o, b;
     if (e.command) {
       if (t === "enableType") {
-        const k = (b = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : b.find((w) => w.command === "edit" && w.type === "primary");
-        return e.command.enable ? k ? "default" : "custom" : "unable";
+        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";
       }
       if (t === "commands")
         return e.command.enableType === "custom" ? e.command.commands : [];
       if (t === "formatter")
         return e.command.formatter;
+      if (t === "count")
+        return e.command.count;
     }
     return "";
   }
-}, _e = {
+}, Ae = {
   convertTo: (e, t, r, o) => {
     e.column ? e.column[t] = r : e.column = {
       [t]: r
@@ -514,7 +452,7 @@ const Me = {
     }
     return "";
   }
-}, ze = {
+}, _e = {
   convertTo: (e, t, r, o) => {
     e.summary ? e.summary[t] = r : e.summary = {
       [t]: r
@@ -524,7 +462,7 @@ const Me = {
     });
   },
   convertFrom: (e, t, r) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ge = {
+}, Ie = {
   convertTo: (e, t, r, o) => {
     e.group ? e.group[t] = r : e.group = {
       [t]: r
@@ -550,17 +488,17 @@ const Me = {
       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;
     }
   }
-}, Ie = {
+}, Ge = {
   convertTo: (e, t, r, o) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = r;
   },
   convertFrom: (e, t, r) => e.pagination ? e.pagination[t] : e[t]
-}, Je = {
+}, Ze = {
   convertTo: (e, t, r, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = r;
   },
   convertFrom: (e, t, r) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Qe = {
+}, Je = {
   convertTo: (e, t, r, o) => {
     e.selection || (e.selection = {}), e.selection[t] = r;
   },
@@ -568,19 +506,19 @@ const Me = {
     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];
   }
-}, Ue = {
+}, Qe = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Xe = {
+}, Ue = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, r) => {
     e[t] = r;
   }
-}, Ye = {
+}, Xe = {
   convertTo: (e, t, r, o) => {
     e.size || (e.size = {}), e.size[t] = r;
   },
   convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
-}, Ze = {
+}, Ye = {
   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;
@@ -633,26 +571,26 @@ const Me = {
   },
   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 U(e, t, r) {
+function Z(e, t, r) {
   const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Me],
-    ["/converter/buttons.converter", Re],
-    ["/converter/property-editor.converter", $e],
-    ["/converter/items-count.converter", Ue],
-    ["/converter/type.converter", Le],
-    ["/converter/change-editor.converter", He],
-    ["/converter/change-formatter.converter", qe],
-    ["/converter/column-command.converter", Ae],
-    ["/converter/column-option.converter", _e],
-    ["/converter/summary.converter", ze],
-    ["/converter/group.converter", Ge],
-    ["/converter/form-group-label.converter", Xe],
+    ["/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", Ie],
-    ["/converter/row-number.converter", Je],
-    ["/converter/grid-selection.converter", Qe],
-    ["/converter/size.converter", Ye],
-    ["/converter/change-formatter-enum.converter", Ze],
+    ["/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],
@@ -681,98 +619,175 @@ function U(e, t, r) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), k = Ne();
-  function w(i, n) {
-    return () => k.parseValueSchema(i, n);
+  ]), C = Me();
+  function T(i, a) {
+    return () => C.parseValueSchema(i, a);
   }
-  function S(i, n, c) {
-    return i.includes("visible") && n.visible !== void 0 ? typeof n.visible == "boolean" ? () => !!n.visible : n.visible === void 0 ? !0 : w(n.visible, c) : () => !0;
+  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 F(i, n, c) {
-    return i.includes("readonly") && n.readonly !== void 0 ? typeof n.readonly == "boolean" ? () => !!n.readonly : w(n.readonly, c) : () => !1;
+  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(i, n) {
-    const c = i.$converter || n;
+  function d(i, a) {
+    const c = i.$converter || a;
     return typeof c == "string" && c && o.has(c) ? o.get(c) || null : c || null;
   }
-  function v(i, n, c, p, g, s = "", m = "") {
-    return Object.keys(i).map((y) => {
-      const T = B(1), x = y, u = i[y], O = Object.keys(u), R = u.title, N = u.type, M = b.get(N) || { type: "input-group", enableClear: !1 }, E = u.editor ? Object.assign({}, M, u.editor) : Object.assign({}, M), L = S(O, u, n), $ = F(O, u, n);
-      E.readonly = E.readonly === void 0 ? $() : E.readonly;
-      const H = u.type === "cascade" ? v(u.properties, n, c, p, g, s, m) : [], re = !0;
-      let j = f(u, m);
-      const ne = D({
+  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({
         get() {
-          if (T.value) {
-            if (["class", "style"].find((se) => se === x) && !j && (j = o.get("/converter/appearance.converter") || null), j && j.convertFrom)
-              return j.convertFrom(c, y, g, s);
-            const P = c[y];
-            return Object.prototype.hasOwnProperty.call(u, "defaultValue") && (P === void 0 || typeof P == "string" && P === "") ? u.type === "boolean" ? u.defaultValue : u.defaultValue || "" : P;
+          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;
           }
           return null;
         },
-        set(P) {
-          T.value += 1, j && j.convertTo ? (j.convertTo(p, y, P, g, s), j.convertTo(c, y, P, g, s)) : (p[y] = P, c[y] = P);
+        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);
         }
-      }), { refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le } = u, q = { propertyID: x, propertyName: R, propertyType: N, propertyValue: ne, editor: E, visible: L, readonly: $, cascadeConfig: H, hideCascadeTitle: re, refreshPanelAfterChanged: oe, description: ie, isExpand: ae, parentPropertyID: le };
-      return n[x] = q, q;
+      }), { 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;
     });
   }
-  function a(i, n, c = {}) {
-    const p = {}, g = e[i];
-    return g && g.categories ? Object.keys(g.categories).map((m) => {
-      const C = g.categories[m], y = C == null ? void 0 : C.title, T = v(C.properties || {}, p, {}, c, n);
-      return { categoryId: m, categoryName: y, properties: T };
+  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 l(i, n, c, p, g = "") {
-    const s = n.$ref.schema, m = n.$ref.converter, C = c[s], y = C.type, T = r(C), x = {}, u = e[y];
-    if (u && u.categories) {
-      const O = u.categories[i], R = O == null ? void 0 : O.title;
-      m && Object.keys(O.properties).forEach((E) => {
-        O.properties[E].$converter = m;
+  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;
       });
-      const N = (O == null ? void 0 : O.properties) || {}, M = v(N, x, T, C, p, g);
-      return { categoryId: i, categoryName: R, properties: M };
+      const D = (u == null ? void 0 : u.properties) || {}, $ = v(D, h, f, O, p, y);
+      return { categoryId: i, categoryName: N, properties: $ };
     }
     return { categoryId: i, categoryName: "", properties: [] };
   }
-  function d(i, n, c, p, g) {
-    const s = i.type, m = r(i), C = {};
-    let y = g || e[s];
-    if (y && Object.keys(y).length === 0 && c && c.getPropConfig && (y = c.getPropConfig(p)), y && y.categories) {
-      const T = [];
-      return Object.keys(y.categories).map((x) => {
-        const u = y.categories[x];
+  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) {
-          T.push(l(x, u, i, n, p));
+          h.push(s(g, u, i, a, p));
           return;
         }
-        const O = u == null ? void 0 : u.title, R = u == null ? void 0 : u.tabId, N = u == null ? void 0 : u.tabName, M = u == null ? void 0 : u.hide, E = u == null ? void 0 : u.hideTitle, L = v(u.properties || {}, C, m, i, n, p, u.$converter), { setPropertyRelates: $ } = u, H = u == null ? void 0 : u.parentPropertyID;
-        T.push({ categoryId: x, categoryName: O, tabId: R, tabName: N, hide: M, properties: L, hideTitle: E, setPropertyRelates: $, parentPropertyID: H });
-      }), T;
+        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;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: d,
-    getPropertyConfigByType: a,
+    getPropertyConfigBySchema: m,
+    getPropertyConfigByType: l,
     propertyConverterMap: o
   };
 }
-const X = {}, Y = {};
-U(X, Y, Pe);
-const Z = {}, V = {}, { resolveSchemaWithDefaultValue: rt } = I(Z, V), K = {}, ee = {};
-U(K, ee, rt);
-function nt(e, t, r = /* @__PURE__ */ new Map(), o = (w, S, F, f) => S, b = {}, k = (w) => w) {
-  return J[t.title] = t, Q[t.title] = o, X[t.title] = b, Y[t.title] = k, Z[t.title] = t, V[t.title] = o, K[t.title] = b, ee[t.title] = k, (w = {}, S = !0) => {
-    if (!S)
-      return De(w, r);
-    const F = Ee(w, t, r), f = Object.keys(e).reduce((v, a) => (v[a] = e[a].default, v), {});
-    return Object.assign(f, F);
+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) => {
+    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);
   };
 }
-function ot(e, t) {
+function lt(e, t) {
   if (!e || e.length < 1)
     return null;
   for (const r of e) {
@@ -786,19 +801,19 @@ function ot(e, t) {
   }
   return null;
 }
-function it() {
+function st() {
   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)
+    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)
       return null;
-    const [w, S] = r.payloads, F = ot(k, S);
+    const [T, k] = r.payloads, F = lt(C, k);
     return F ? F.onClick || F.click : null;
   }
   return {
     resolve: e
   };
 }
-const te = {
+const re = {
   id: { type: String, required: !0 },
   /** 背景色 */
   backgroundColor: { type: String, default: "#fff" },
@@ -807,7 +822,8 @@ const te = {
    */
   beforeClose: { type: Function, default: () => !0 },
   /**
-   * 自定义抽屉样式
+   * 自定义抽屉样式 
+   * @deprecated  请使用 customClass
    */
   class: { type: String, default: "" },
   /**
@@ -847,175 +863,210 @@ const te = {
   footerTemplate: { type: Object, default: null },
   footerToolbar: { type: Object, default: {} },
   footerHeight: { type: Number, default: 60 },
-  buttons: { type: Array, default: [] }
-}, pt = nt(te, xe, ye, je), vt = it();
-function at() {
+  buttons: { type: Array, default: [] },
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" }
+}, gt = at(re, Ee, Ce, De), yt = st();
+function ct() {
   return { drawerLocale: {
-    cancel: W.getLocaleValue("drawer.cancel") || "取消",
-    confirm: W.getLocaleValue("drawer.confirm") || "确定"
+    cancel: G.getLocaleValue("drawer.cancel") || "取消",
+    confirm: G.getLocaleValue("drawer.confirm") || "确定"
   } };
 }
-const lt = /* @__PURE__ */ ce({
+const ut = /* @__PURE__ */ ce({
   name: "FDrawer",
-  props: te,
+  props: re,
   emits: ["afterClose", "update:modelValue", "click"],
   setup(e, t) {
-    at();
-    const r = B(e.modelValue), o = B(e.buttons), b = D(() => ({
-      "f-drawer": !0,
+    ct();
+    const r = R(e.modelValue), o = R(e.buttons), b = E(() => ({
+      "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 = E(() => ({
       opacity: e.transparent ? 0 : 1
-    })), w = D(() => {
-      const s = {};
-      return e.maskClass && e.maskClass.split(" ").forEach((m) => {
-        s[m] = !0;
+    })), T = E(() => {
+      const n = {};
+      return e.maskClass && e.maskClass.split(" ").forEach((f) => {
+        n[f] = !0;
       }), {
-        "f-drawer-mask": !0,
-        ...s
+        "f-drawer-mask f-utils-absolute-all": !0,
+        ...n
       };
-    }), S = D(() => {
-      const s = {};
-      return e.maskClass && e.class.split(" ").forEach((m) => {
-        s[m] = !0;
+    }), k = E(() => {
+      const n = {};
+      return e.customClass && e.customClass.split(" ").forEach((f) => {
+        n[f] = !0;
       }), {
         "f-drawer-wrapper": !0,
         [`f-drawer-wrapper-${e.position}`]: !0,
-        ...s
+        ...n
       };
-    }), F = D(() => {
-      const s = e.width;
-      return typeof s == "string" ? s : typeof s == "number" ? `${s}px` : "20%";
-    }), f = D(() => {
-      const s = e.height;
-      return typeof s == "string" ? s : typeof s == "number" ? `${s}px` : "20%";
-    }), v = D(() => `f-drawer-${e.position}`), a = (s) => {
+    }), 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";
+      switch (e.position) {
+        case "left":
+          n = "6px 0";
+          break;
+        case "right":
+          n = "-6px 0";
+          break;
+        case "top":
+          n = "0 6px";
+          break;
+        case "bottom":
+          n = "0 -6px";
+          break;
+      }
+      const f = {
+        width: F.value,
+        height: d.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) => {
       Promise.resolve().then(() => {
-        var m;
-        return (m = e.beforeClose) == null ? void 0 : m.call(e);
-      }).then((m) => {
-        m && (r.value = !1, t.emit("update:modelValue", r.value), t.emit("afterClose"));
+        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"));
       });
     };
-    ue(() => e.modelValue, (s, m) => {
-      s !== m && (r.value = s);
+    ue(() => e.modelValue, (n, f) => {
+      n !== f && (r.value = n);
     });
-    const l = (s, m) => {
-      t.emit("click", s, m);
-    }, d = {
+    const m = (n, f) => {
+      t.emit("click", n, f);
+    }, i = {
       close: () => {
         r.value = !1;
       }
     };
-    async function i(s, m) {
-      s.handle && await s.handle(m, d) && t.emit("closed", m);
+    async function a(n, f) {
+      n.handle && await n.handle(f, i) && t.emit("closed", f);
     }
-    const n = (s, m) => h(ve, {
-      class: m,
+    const c = (n, f) => w(be, {
+      class: f,
       alignment: "right",
-      items: s,
-      onClick: l
+      items: n,
+      onClick: m
     }, null);
-    function c() {
-      var s, m, C, y;
-      if ((m = (s = e.footerToolbar) == null ? void 0 : s.buttons) != null && m.length) {
-        const T = {
+    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 = {
           "f-utils-fill": !0
         };
-        return (y = (C = e.footerToolbar) == null ? void 0 : C.appearance) != null && y.class && (T[e.footerToolbar.appearance.class] = !0), n(e.footerToolbar.buttons, T);
+        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 o.value && !!o.value.length && o.value.map((T) => {
-        const x = B(T.disabled);
-        return h("button", {
-          id: T.id,
+      return o.value && !!o.value.length && o.value.map((u) => {
+        const N = R(u.disabled);
+        return w("button", {
+          id: u.id,
           type: "button",
-          disabled: x.value,
-          class: T.class + (T.iconClass ? " btn-icontext" : ""),
-          onClick: (u) => {
-            i(T, u);
+          disabled: N.value,
+          class: u.class + (u.iconClass ? " btn-icontext" : ""),
+          onClick: (D) => {
+            a(u, D);
           }
-        }, [!!T.iconClass && h("i", {
-          class: T.iconClass
-        }, null), T.text]);
+        }, [!!u.iconClass && w("i", {
+          class: u.iconClass
+        }, null), u.text]);
       });
     }
-    function p() {
-      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : c();
+    function y() {
+      return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : p();
     }
-    function g() {
-      var m, C;
-      const s = {
+    function S() {
+      var f, h;
+      const n = {
         "f-utils-fill": !0
       };
-      return (C = (m = e.headerToolbar) == null ? void 0 : m.appearance) != null && C.class && (s[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : h(pe, null, [h("div", {
-        class: "f-drawer-title"
-      }, [e.title]), e.headerToolbar && h("div", {
+      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", {
+        class: "f-drawer-title",
+        title: e.title
+      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && w("div", {
         class: "f-utils-fill-flex-row mx-2 col-7"
-      }, [n(e.headerToolbar.buttons || [], s)]), e.showClose && h("div", {
+      }, [c(e.headerToolbar.buttons || [], n)]), e.showClose && w("div", {
         class: "f-drawer-close"
-      }, [h("span", {
+      }, [w("span", {
         class: "f-icon f-icon-close",
-        onClick: _((y) => {
-          a();
+        onClick: _((g) => {
+          s();
         }, ["stop"])
       }, null)])]);
     }
-    return t.expose({
+    const x = R({});
+    function O() {
+      const n = ye();
+      x.value = {
+        zIndex: n < 1e3 ? 1e3 : n
+      };
+    }
+    return de(() => {
+      r.value && O();
+    }), t.expose({
       open: () => {
         r.value = !0;
       },
       close: () => {
-        a();
+        s();
       }
-    }), () => h(fe, {
+    }), () => w(fe, {
       to: e.host
     }, {
-      default: () => [h("div", {
+      default: () => [w("div", {
         class: b.value,
-        id: e.id
-      }, [h(A, {
+        id: e.id,
+        style: x.value
+      }, [w(A, {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [r.value && h("div", {
-          class: w.value,
-          style: k.value,
-          onClick: _((s) => {
-            e.allowClickMaskToClose && a();
+        default: () => [r.value && w("div", {
+          class: T.value,
+          style: C.value,
+          onClick: _((n) => {
+            e.allowClickMaskToClose && s();
           }, ["stop"])
         }, null)]
-      }), h(A, {
-        name: v.value
+      }), w(A, {
+        name: l.value
       }, {
-        default: () => [de(h("div", {
-          class: S.value,
-          style: {
-            width: F.value,
-            height: f.value,
-            backgroundColor: e.backgroundColor
-          }
-        }, [h("div", {
-          class: "f-drawer-container"
-        }, [e.showHeader && h("div", {
-          class: "f-drawer-header align-items-center"
-        }, [g()]), h("div", {
-          class: "f-drawer-body f-utils-fill",
-          style: "overflow: auto;"
-        }, [t.slots.default && t.slots.default()]), e.showFooter && h("div", {
-          class: "f-drawer-footer px-2",
-          style: {
-            height: e.footerHeight + "px"
-          }
-        }, [p()])])]), [[me, r.value]])]
+        default: () => {
+          var n, f;
+          return [me(w("div", {
+            class: k.value,
+            style: v.value
+          }, [w("div", {
+            class: "f-drawer-container"
+          }, [e.showHeader && w("div", {
+            class: "f-drawer-header align-items-center"
+          }, [S()]), w("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", {
+            class: "f-drawer-footer px-2",
+            style: {
+              height: e.footerHeight + "px"
+            }
+          }, [y()])])]), [[pe, r.value]])];
+        }
       })])]
     });
   }
-}), bt = ge(lt);
+}), Tt = Te(ut);
 export {
-  lt as FDrawer,
-  bt as default,
-  te as drawerProps,
-  vt as eventHandlerResolver,
-  pt as propsResolver
+  ut as FDrawer,
+  Tt as default,
+  re as drawerProps,
+  yt as eventHandlerResolver,
+  gt as propsResolver
 };