@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/designer/drawer/index.esm.js

@@ -1,7 +1,7 @@
 import { resolveAppearance as te, createPropsResolver as J } from "../../components/dynamic-resolver/index.esm.js";
-import { getCustomStyle as ke, getMaxZIndex as xe, withInstall as Fe } from "../../components/common/index.esm.js";
-import { ref as M, computed as D, defineComponent as re, 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 oe, nextTick as Me, inject as G, onMounted as Ee } from "vue";
-import je, { responseToolbarProps as Oe } from "../../components/response-toolbar/index.esm.js";
+import { getCustomStyle as ke, getMaxZIndex as Fe, withInstall as xe } from "../../components/common/index.esm.js";
+import { ref as O, computed as D, defineComponent as re, 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 oe, nextTick as Oe, inject as G, onMounted as Me } from "vue";
+import Ee, { responseToolbarProps as je } 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 ze, FDesignerInnerItem as Le } from "../../components/designer-canvas/index.esm.js";
@@ -226,39 +226,39 @@ function le(e, t, r) {
 function ce(e, t) {
   let r;
   function o(s) {
-    const { properties: c, title: g, ignore: i } = s, n = i && Array.isArray(i), l = Object.keys(c).reduce((u, h) => ((!n || !i.find((k) => k === h)) && (u[h] = c[h].type === "object" && c[h].properties ? o(c[h]) : K(c[h].default)), u), {});
-    if (g && (!n || !i.find((u) => u === "id"))) {
-      const u = g.toLowerCase().replace(/-/g, "_");
+    const { properties: c, title: b, ignore: i } = s, n = i && Array.isArray(i), l = Object.keys(c).reduce((u, h) => ((!n || !i.find((k) => k === h)) && (u[h] = c[h].type === "object" && c[h].properties ? o(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 b(s) {
-    const { properties: c, title: g, required: i } = s;
+  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 ? o(c[u]) : K(c[u].default), l), {});
-      if (g && i.find((l) => l === "id")) {
-        const l = g.toLowerCase().replace(/-/g, "_");
+      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: g
+      type: b
     };
   }
-  function S(s, c = {}, g) {
+  function S(s, c = {}, b) {
     const i = e[s];
     if (i) {
-      let n = b(i);
+      let n = g(i);
       const l = t[s];
-      return n = l ? l({ getSchemaByType: S }, n, c, g) : n, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(n), n;
+      return n = l ? l({ getSchemaByType: S }, n, c, b) : n, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(n), n;
     }
     return null;
   }
   function T(s, c) {
-    const g = o(c);
-    return Object.keys(g).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), g), g;
+    const b = o(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) => {
@@ -275,18 +275,18 @@ function ce(e, t) {
       return i;
     }, {});
   }
-  function x(s, c, g = /* @__PURE__ */ new Map()) {
+  function F(s, c, b = /* @__PURE__ */ new Map()) {
     const i = T(s, c);
-    return m(i, g);
+    return m(i, b);
   }
   function f(s) {
-    var g;
+    var b;
     const c = s.type;
     if (c) {
       const i = e[c];
       if (!i)
         return s;
-      const n = T(s, i), l = ((g = s.editor) == null ? void 0 : g.type) || "";
+      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;
@@ -298,7 +298,7 @@ function ce(e, t) {
   function v(s) {
     r = s;
   }
-  return { getSchemaByType: S, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: x, mappingSchemaToProps: m, setDesignerContext: v };
+  return { getSchemaByType: S, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: F, mappingSchemaToProps: m, setDesignerContext: v };
 }
 const ue = {}, de = {}, { resolveSchemaWithDefaultValue: et, resolveSchemaToProps: tt, mappingSchemaToProps: rt } = ce(ue, de);
 function ot(e = {}) {
@@ -306,12 +306,12 @@ function ot(e = {}) {
     if (typeof s == "number")
       return c[f].length === s;
     if (typeof s == "object") {
-      const g = Object.keys(s)[0], i = s[g];
-      if (g === "not")
+      const b = Object.keys(s)[0], i = s[b];
+      if (b === "not")
         return Number(c[f].length) !== Number(i);
-      if (g === "moreThan")
+      if (b === "moreThan")
         return Number(c[f].length) >= Number(i);
-      if (g === "lessThan")
+      if (b === "lessThan")
         return Number(c[f].length) <= Number(i);
     }
     return !1;
@@ -324,19 +324,19 @@ function ot(e = {}) {
     ["getProperty", r]
   ]);
   Object.keys(e).reduce((f, v) => (f.set(v, e[v]), f), o);
-  function b(f, v) {
+  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 g = c, i = v[c];
-      return { target: s, operator: "getProperty", param: g, value: i };
+      const b = c, i = v[c];
+      return { target: s, operator: "getProperty", param: b, value: i };
     }) : [];
   }
   function S(f) {
     return Object.keys(f).reduce((s, c) => {
-      const g = b(c, f[c]);
-      return s.push(...g), s;
+      const b = g(c, f[c]);
+      return s.push(...b), s;
     }, []);
   }
   function T(f, v) {
@@ -347,13 +347,13 @@ function ot(e = {}) {
     return !1;
   }
   function m(f, v) {
-    return S(f).reduce((g, i) => g && T(i, v), !0);
+    return S(f).reduce((b, i) => b && T(i, v), !0);
   }
-  function x(f, v) {
-    const s = Object.keys(f), c = s.includes("allOf"), g = s.includes("anyOf"), i = c || g, u = (i ? f[i ? c ? "allOf" : "anyOf" : "allOf"] : [f]).map((k) => m(k, v));
+  function F(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((k) => m(k, v));
     return c ? !u.includes(!1) : u.includes(!0);
   }
-  return { parseValueSchema: x };
+  return { parseValueSchema: F };
 }
 const nt = {
   convertTo: (e, t, r, o) => {
@@ -413,10 +413,12 @@ const nt = {
   drawer: { type: "drawer", name: "抽屉" },
   "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
   "list-nav": { type: "list-nav", name: "列表导航" },
+  nav: { type: "nav", name: "标签类导航" },
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" },
   image: { type: "image", name: "图像" },
+  avatar: { type: "avatar", name: "头像" },
   "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
@@ -424,12 +426,13 @@ const nt = {
   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" }
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" }
 }, lt = {
   convertFrom: (e, t, r) => {
-    var b;
+    var g;
     const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((b = st[o]) == null ? void 0 : b.name) || o;
+    return ((g = st[o]) == null ? void 0 : g.name) || o;
   }
 }, ct = {
   convertTo: (e, t, r, o) => {
@@ -515,10 +518,10 @@ const nt = {
     ]), t === "enableType" && r === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, r) => {
-    var o, b;
+    var o, g;
     if (e.command) {
       if (t === "enableType") {
-        const S = (b = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : b.find((T) => T.command === "edit" && T.type === "primary");
+        const S = (g = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : g.find((T) => T.command === "edit" && T.type === "primary");
         return e.command.enable ? S ? "default" : "custom" : "unable";
       }
       if (t === "commands")
@@ -599,8 +602,8 @@ const nt = {
     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 o, g;
+    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (g = e.selection) == null ? void 0 : g.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
 }, ht = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
@@ -616,19 +619,19 @@ const nt = {
   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;
+    var o, g;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (g = e.formatter) == null ? void 0 : g.data : e.formatterEnumData;
   }
 }, St = {
   convertTo: (e, t, r, o) => {
     e.sort || (e.sort = {}), e.sort[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var o, b;
+    var o, g;
     if (t === "mode")
       return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((b = e.sort) != null && b.multiSort);
+      return !!((g = e.sort) != null && g.multiSort);
   }
 }, kt = {
   convertTo: (e, t, r, o) => {
@@ -639,7 +642,7 @@ const nt = {
     if (t === "mode")
       return ((o = e.filter) == null ? void 0 : o.mode) || "client";
   }
-}, xt = {
+}, Ft = {
   convertTo: (e, t, r, o) => {
     e.rowOption ? e.rowOption[t] = r : e.rowOption = {
       [t]: r
@@ -656,7 +659,7 @@ const nt = {
     }
     return "";
   }
-}, Ft = {
+}, xt = {
   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"
@@ -668,6 +671,16 @@ const nt = {
                     </span>`), t === "columnTemplateType" && r === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && r === "custom" && (e.columnTemplate = ""));
   },
   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" : ""
+}, Pt = {
+  convertTo: (e, t, r, o) => {
+    e.hierarchy || (e.hierarchy = {
+      cascadeOption: {}
+    }), e.hierarchy.cascadeOption || (e.hierarchy.cascadeOption = {}), e.hierarchy.cascadeOption[t] = r;
+  },
+  convertFrom: (e, t, r) => {
+    var o, g;
+    return !!((g = (o = e.hierarchy) == null ? void 0 : o.cascadeOption) != null && g[t]);
+  }
 };
 function fe(e, t, r) {
   const o = /* @__PURE__ */ new Map([
@@ -691,9 +704,10 @@ function fe(e, t, r) {
     ["/converter/change-formatter-enum.converter", Tt],
     ["/converter/grid-sort.converter", St],
     ["/converter/grid-filter.converter", kt],
-    ["/converter/row-option.converter", xt],
-    ["/converter/change-formatter-type.converter", Ft]
-  ]), b = /* @__PURE__ */ new Map([
+    ["/converter/row-option.converter", Ft],
+    ["/converter/change-formatter-type.converter", xt],
+    ["/converter/tree-auto-check.converter", Pt]
+  ]), g = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -724,7 +738,7 @@ function fe(e, t, r) {
   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 x(i, n, l) {
+  function F(i, n, l) {
     return i.includes("readonly") && n.readonly !== void 0 ? typeof n.readonly == "boolean" ? () => !!n.readonly : T(n.readonly, l) : () => !1;
   }
   function f(i, n) {
@@ -733,8 +747,8 @@ function fe(e, t, r) {
   }
   function v(i, n, l, u, h, k = "", $ = "") {
     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 = b.get(E) || { type: "input-group", enableClear: !1 }, O = w.editor ? Object.assign({}, N, w.editor) : Object.assign({}, N), L = m(d, w, n), z = x(d, w, n);
-      O.readonly = O.readonly === void 0 ? z() : O.readonly;
+      const y = O(1), R = a, w = i[a], d = Object.keys(w), B = w.title, M = w.type, N = g.get(M) || { type: "input-group", enableClear: !1 }, j = w.editor ? Object.assign({}, N, w.editor) : Object.assign({}, N), L = m(d, w, n), z = F(d, w, n);
+      j.readonly = j.readonly === void 0 ? z() : j.readonly;
       const A = w.type === "cascade" ? v(w.properties, n, l, u, h, k, $) : [], q = !0;
       let C = f(w, $);
       const P = D({
@@ -750,31 +764,31 @@ function fe(e, t, r) {
         set(H) {
           y.value += 1, C && C.convertTo ? (C.convertTo(u, a, H, h, k), C.convertTo(l, a, H, h, k)) : (u[a] = H, l[a] = H);
         }
-      }), { refreshPanelAfterChanged: I, description: j, isExpand: Ce, parentPropertyID: Te } = w, X = { propertyID: R, propertyName: B, propertyType: E, propertyValue: P, editor: O, visible: L, readonly: z, cascadeConfig: A, hideCascadeTitle: q, refreshPanelAfterChanged: I, description: j, isExpand: Ce, parentPropertyID: Te };
+      }), { refreshPanelAfterChanged: I, description: E, isExpand: Ce, parentPropertyID: Te } = w, X = { propertyID: R, propertyName: B, propertyType: M, propertyValue: P, editor: j, visible: L, readonly: z, cascadeConfig: A, hideCascadeTitle: q, refreshPanelAfterChanged: I, description: E, isExpand: Ce, parentPropertyID: Te };
       return n[R] = 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);
+      const x = h.categories[$], a = x == null ? void 0 : x.title, y = v(x.properties || {}, u, {}, l, n);
       return { categoryId: $, categoryName: a, properties: y };
     }) : [];
   }
   function c(i, n, l, u, h = "") {
-    const k = n.$ref.schema, $ = n.$ref.converter, F = l[k], a = F.type, y = r(F), R = {}, w = e[a];
+    const k = n.$ref.schema, $ = n.$ref.converter, x = l[k], a = x.type, y = r(x), 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 = $;
+      $ && Object.keys(d.properties).forEach((j) => {
+        d.properties[j].$converter = $;
       });
-      const E = (d == null ? void 0 : d.properties) || {}, N = v(E, R, y, F, u, h);
+      const M = (d == null ? void 0 : d.properties) || {}, N = v(M, R, y, x, u, h);
       return { categoryId: i, categoryName: B, properties: N };
     }
     return { categoryId: i, categoryName: "", properties: [] };
   }
-  function g(i, n, l, u, h) {
-    const k = i.type, $ = r(i), F = {};
+  function b(i, n, l, u, h) {
+    const k = i.type, $ = r(i), x = {};
     let a = h || e[k];
     if (!(a && Object.keys(a).length > 0) && l && l.getPropConfig && (a = l.getPropConfig(u)), a && a.categories) {
       const R = [];
@@ -784,51 +798,51 @@ function fe(e, t, r) {
           R.push(c(w, d, i, n, u));
           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, z = v(d.properties || {}, F, $, i, n, u, d.$converter), { setPropertyRelates: A } = d, q = d == null ? void 0 : d.parentPropertyID;
-        R.push({ categoryId: w, categoryName: B, tabId: E, tabName: N, hide: O, properties: z, hideTitle: L, setPropertyRelates: A, parentPropertyID: q });
+        const B = d == null ? void 0 : d.title, M = d == null ? void 0 : d.tabId, N = d == null ? void 0 : d.tabName, j = d == null ? void 0 : d.hide, L = d == null ? void 0 : d.hideTitle, z = v(d.properties || {}, x, $, i, n, u, d.$converter), { setPropertyRelates: A } = d, q = d == null ? void 0 : d.parentPropertyID;
+        R.push({ categoryId: w, categoryName: B, tabId: M, tabName: N, hide: j, properties: z, hideTitle: L, setPropertyRelates: A, parentPropertyID: q });
       }), R;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: g,
+    getPropertyConfigBySchema: b,
     getPropertyConfigByType: s,
     propertyConverterMap: o
   };
 }
 const pe = {}, me = {};
 fe(pe, me, et);
-const ge = {}, be = {}, { resolveSchemaWithDefaultValue: Pt } = ce(ge, be), ve = {}, ye = {};
-fe(ve, ye, Pt);
-function $t(e, t, r = /* @__PURE__ */ new Map(), o = (T, m, x, f) => m, b = {}, S = (T) => T) {
-  return ue[t.title] = t, de[t.title] = o, pe[t.title] = b, me[t.title] = S, ge[t.title] = t, be[t.title] = o, ve[t.title] = b, ye[t.title] = S, (T = {}, m = !0) => {
+const ge = {}, be = {}, { resolveSchemaWithDefaultValue: $t } = ce(ge, be), ve = {}, ye = {};
+fe(ve, ye, $t);
+function Rt(e, t, r = /* @__PURE__ */ new Map(), o = (T, m, F, f) => m, g = {}, S = (T) => T) {
+  return ue[t.title] = t, de[t.title] = o, pe[t.title] = g, me[t.title] = S, ge[t.title] = t, be[t.title] = o, ve[t.title] = g, ye[t.title] = S, (T = {}, m = !0) => {
     if (!m)
       return rt(T, r);
-    const x = tt(T, t, r), f = Object.keys(e).reduce((v, s) => (v[s] = e[s].default, v), {});
-    return Object.assign(f, x);
+    const F = tt(T, t, r), f = Object.keys(e).reduce((v, s) => (v[s] = e[s].default, v), {});
+    return Object.assign(f, F);
   };
 }
-function Rt(e, t) {
+function Dt(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);
+      const o = r.children.find((g) => g.id === t);
       if (o)
         return o;
     }
   }
   return null;
 }
-function Dt() {
+function Ot() {
   function e(t, r) {
-    const { footerToolbar: o, headerToolbar: b } = t, S = ((o == null ? void 0 : o.buttons) || []).concat((b == null ? void 0 : b.buttons) || []);
+    const { footerToolbar: o, headerToolbar: g } = t, S = ((o == null ? void 0 : o.buttons) || []).concat((g == null ? void 0 : g.buttons) || []);
     if (!S || S.length < 1)
       return null;
-    const [T, m] = r.payloads, x = Rt(S, m);
-    return x ? x.onClick || x.click : null;
+    const [T, m] = r.payloads, F = Dt(S, m);
+    return F ? F.onClick || F.click : null;
   }
   return {
     resolve: e
@@ -888,8 +902,8 @@ const Q = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
 };
-$t(Q, ae, ie, se);
-const Mt = Dt();
+Rt(Q, ae, ie, se);
+const Mt = Ot();
 function Et() {
   return { drawerLocale: {
     cancel: ee.getLocaleValue("drawer.cancel") || "取消",
@@ -902,7 +916,7 @@ const jt = /* @__PURE__ */ re({
   emits: ["afterClose", "update:modelValue", "click"],
   setup(e, t) {
     Et();
-    const r = M(e.modelValue), o = M(e.buttons), b = D(() => ({
+    const r = O(e.modelValue), o = O(e.buttons), g = 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
@@ -925,7 +939,7 @@ const jt = /* @__PURE__ */ re({
         [`f-drawer-wrapper-${e.position}`]: !0,
         ...a
       };
-    }), x = D(() => {
+    }), F = D(() => {
       const a = e.width;
       return typeof a == "string" ? a : typeof a == "number" ? `${a}px` : "20%";
     }), f = D(() => {
@@ -948,7 +962,7 @@ const jt = /* @__PURE__ */ re({
           break;
       }
       const y = {
-        width: x.value,
+        width: F.value,
         height: f.value,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
@@ -965,7 +979,7 @@ const jt = /* @__PURE__ */ re({
     _(() => e.modelValue, (a, y) => {
       a !== y && (r.value = a);
     });
-    const g = (a, y) => {
+    const b = (a, y) => {
       t.emit("click", a, y);
     }, i = {
       close: () => {
@@ -975,11 +989,11 @@ const jt = /* @__PURE__ */ re({
     async function n(a, y) {
       a.handle && await a.handle(y, i) && t.emit("closed", y);
     }
-    const l = (a, y) => p(je, {
+    const l = (a, y) => p(Ee, {
       class: y,
       alignment: "right",
       items: a,
-      onClick: g
+      onClick: b
     }, null);
     function u() {
       var a, y, R, w;
@@ -990,14 +1004,14 @@ const jt = /* @__PURE__ */ re({
         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.value && !!o.value.length && o.value.map((d) => {
-        const B = M(d.disabled);
+        const B = O(d.disabled);
         return p("button", {
           id: d.id,
           type: "button",
           disabled: B.value,
           class: d.class + (d.iconClass ? " btn-icontext" : ""),
-          onClick: (E) => {
-            n(d, E);
+          onClick: (M) => {
+            n(d, M);
           }
         }, [!!d.iconClass && p("i", {
           class: d.iconClass
@@ -1026,15 +1040,15 @@ const jt = /* @__PURE__ */ re({
         }, ["stop"])
       }, null)])]);
     }
-    const $ = M({});
-    function F() {
-      const a = xe();
+    const $ = O({});
+    function x() {
+      const a = Fe();
       $.value = {
         zIndex: a < 1e3 ? 1e3 : a
       };
     }
     return Pe(() => {
-      r.value && F();
+      r.value && x();
     }), t.expose({
       open: () => {
         r.value = !0;
@@ -1046,7 +1060,7 @@ const jt = /* @__PURE__ */ re({
       to: e.host
     }, {
       default: () => [p("div", {
-        class: b.value,
+        class: g.value,
         id: e.id,
         style: $.value
       }, [p(Z, {
@@ -1086,7 +1100,7 @@ const jt = /* @__PURE__ */ re({
     });
   }
 });
-class Ot extends Ve {
+class It extends Ve {
   constructor(t, r) {
     super(t, r);
   }
@@ -1275,27 +1289,27 @@ class Ot extends Ve {
         label: "beforeClose",
         name: "关闭前事件"
       }
-    ], b = r.eventsEditorUtils.formProperties(t, r.viewModelId, o);
+    ], g = r.eventsEditorUtils.formProperties(t, r.viewModelId, o);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: r.createBaseEventProperty(b),
+      properties: r.createBaseEventProperty(g),
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
       setPropertyRelates(T, m) {
-        const x = T.propertyValue;
-        delete m[r.viewModelId], x && r.eventsEditorUtils.saveRelatedParameters(m, r.viewModelId, x.events, x);
+        const F = T.propertyValue;
+        delete m[r.viewModelId], F && r.eventsEditorUtils.saveRelatedParameters(m, r.viewModelId, F.events, F);
         const f = r.designViewModelUtils.getDgViewModel(r.viewModelId);
         f && r.designViewModelField && f.changeField(r.designViewModelField.id, { valueChanging: m.fieldValueChanging, valueChanged: m.fieldValueChanged });
       }
     };
   }
 }
-function It(e, t, r) {
+function Bt(e, t, r) {
   const o = new Ie();
-  function b(n) {
+  function g(n) {
     if (!He().basalDragulaRuleForContainer(n, r))
       return !1;
     const { canAccept: u } = o.getTemplateRule(e, r);
@@ -1310,18 +1324,18 @@ function It(e, t, r) {
   function m() {
     return !0;
   }
-  function x() {
+  function F() {
     return "position: initial !important;border: none !important;left: 0;right: 0;padding: 0;";
   }
   function f(n) {
-    const l = new Ot(n, r), { schema: u } = e;
+    const l = new It(n, r), { schema: u } = e;
     return l.getPropertyConfig(u);
   }
   function v(n) {
     return t;
   }
   function s() {
-    e.designerItemElementRef.value && Me(() => {
+    e.designerItemElementRef.value && Oe(() => {
       Ne(t.value);
     });
   }
@@ -1331,17 +1345,17 @@ function It(e, t, r) {
     const { changeObject: l } = n;
     l && ["width", "position"].includes(l.propertyID) && s();
   }
-  function g(n, l, u) {
+  function b(n, l, u) {
     var h;
     (h = n == null ? void 0 : n.buttons) != null && h.length && n.buttons.map((k) => {
       var $;
       u.set(k.id, {
         componentTitle: k.text,
         parentPathName: `${l} > ${k.text}`
-      }), ($ = k.children) != null && $.length && k.children.map((F) => {
-        u.set(F.id, {
-          componentTitle: F.text,
-          parentPathName: `${l} > ${F.text}`
+      }), ($ = k.children) != null && $.length && k.children.map((x) => {
+        u.set(x.id, {
+          componentTitle: x.text,
+          parentPathName: `${l} > ${x.text}`
         });
       });
     });
@@ -1352,15 +1366,15 @@ function It(e, t, r) {
       l.set(u.id, {
         componentTitle: h,
         parentPathName: h
-      }), g(u.headerToolbar, h, l), g(u.footerToolbar, h, l);
+      }), b(u.headerToolbar, h, l), b(u.footerToolbar, h, l);
     }
   }
   return {
-    canAccepts: b,
+    canAccepts: g,
     checkCanDeleteComponent: S,
     checkCanMoveComponent: T,
     hideNestedPaddingInDesginerView: m,
-    getStyles: x,
+    getStyles: F,
     getPropsConfig: f,
     getDraggableDesignItemElement: v,
     onPropertyChanged: c,
@@ -1372,7 +1386,7 @@ const he = Object.assign({}, Q, {
   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", zt = "A Farris Toolbar Item Component", Lt = "object", At = {
+}), Ht = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-design.gitee.io/section-toolbar-item.schema.json", zt = "drawer-toolbar-item", Lt = "A Farris Toolbar Item Component", At = "object", qt = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1440,22 +1454,22 @@ const he = Object.assign({}, Q, {
     type: "boolean",
     default: !1
   }
-}, qt = [
+}, Vt = [
   "id",
   "type",
   "text"
-], Vt = {
+], _t = {
   onClick: "点击事件"
-}, _t = {
-  $schema: Bt,
-  $id: Ht,
-  title: Nt,
-  description: zt,
-  type: Lt,
-  properties: At,
-  required: qt,
-  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 = {
+}, Wt = {
+  $schema: Ht,
+  $id: Nt,
+  title: zt,
+  description: Lt,
+  type: At,
+  properties: qt,
+  required: Vt,
+  events: _t
+}, Ut = "https://json-schema.org/draft/2020-12/schema", Gt = "https://farris-design.gitee.io/section-toolbar.schema.json", Zt = "drawer-toolbar", Jt = "A Farris Toolbar Component", Qt = "object", Xt = {
   id: {
     description: "The unique identifier for a Section Toolbar",
     type: "string"
@@ -1494,61 +1508,61 @@ const he = Object.assign({}, Q, {
     type: "boolean",
     default: !0
   }
-}, Xt = [
+}, Yt = [
   "id",
   "type",
   "buttons"
-], Yt = {
+], Kt = {
   onClick: "点击事件"
-}, Kt = {
-  $schema: Wt,
-  $id: Ut,
-  title: Gt,
-  description: Zt,
-  type: Jt,
-  properties: Qt,
-  required: Xt,
-  events: Yt
-}, er = Object.assign({}, Ae), tr = J(er, _t, void 0, le), rr = Object.assign({}, Oe, {
+}, er = {
+  $schema: Ut,
+  $id: Gt,
+  title: Zt,
+  description: Jt,
+  type: Qt,
+  properties: Xt,
+  required: Yt,
+  events: Kt
+}, tr = Object.assign({}, Ae), rr = J(tr, Wt, void 0, le), or = Object.assign({}, je, {
   componentId: { type: String, default: "" }
 }), V = J(
-  rr,
-  Kt,
+  or,
+  er,
   We,
   le
 ), U = /* @__PURE__ */ re({
   name: "FDrawerDesign",
   props: he,
   setup(e, t) {
-    const r = M(), o = M(), b = e.id + "_footer-toolbar", S = e.id + "_header-toolbar", T = G("designer-host-service"), m = G("design-item-context"), x = It(m, o, T), f = ze(r, m, x);
+    const r = O(), o = O(), g = e.id + "_footer-toolbar", S = e.id + "_header-toolbar", T = G("designer-host-service"), m = G("design-item-context"), F = Bt(m, o, T), f = ze(r, m, F);
     m.schema.footerToolbar = m.schema.footerToolbar || {
-      id: b,
+      id: g,
       type: "drawer-toolbar",
       buttons: []
     };
-    const v = M(m.schema.footerToolbar), s = M(V(v.value));
+    const v = O(m.schema.footerToolbar), s = O(V(v.value));
     _(() => m.schema.footerToolbar, () => {
       v.value = m.schema.footerToolbar, s.value = V(v.value);
     }, {
       deep: !0
     });
-    const c = G("design-item-context"), g = D(() => [...s.value.items]);
+    const c = G("design-item-context"), b = D(() => [...s.value.items]);
     m.schema.headerToolbar = m.schema.headerToolbar || {
       id: S,
       type: "drawer-toolbar",
       buttons: []
     };
-    const i = M(m.schema.headerToolbar), n = M(V(i.value));
+    const i = O(m.schema.headerToolbar), n = O(V(i.value));
     _(() => m.schema.headerToolbar, () => {
       i.value = m.schema.headerToolbar, n.value = V(i.value);
     }, {
       deep: !0
     });
     const l = D(() => [...n.value.items]);
-    Ee(() => {
+    Me(() => {
       r.value.componentInstance = f;
     }), t.expose(f.value);
-    const u = M(e.modelValue || m.schema.showWrapperInCanvas);
+    const u = O(e.modelValue || m.schema.showWrapperInCanvas);
     _(() => e.modelValue, () => {
       u.value = e.modelValue;
     });
@@ -1556,14 +1570,14 @@ const he = Object.assign({}, Q, {
       const C = ["f-drawer-wrapper", `f-drawer-wrapper-${e.position}`, e.wrapperClass];
       return u.value || C.push("d-none"), C;
     }), k = 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 C = e.width, P = e.height, I = typeof C == "string" ? C : typeof C == "number" ? `${C}px` : "20%", E = typeof P == "string" ? P : typeof P == "number" ? `${P}px` : "20%";
       return {
         width: I,
-        height: j,
+        height: E,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
       };
-    }), $ = D(() => ["f-drawer-entry", `f-drawer-entry-${e.position}`, e.entryClass]), F = D(() => `f-icon-arrow-chevron-${{
+    }), $ = D(() => ["f-drawer-entry", `f-drawer-entry-${e.position}`, e.entryClass]), x = D(() => `f-icon-arrow-chevron-${{
       left: "right",
       right: "left",
       top: "down",
@@ -1578,7 +1592,7 @@ const he = Object.assign({}, Q, {
     }, [t.slots.button ? t.slots.button() : p("div", {
       class: "f-drawer-entry-icon"
     }, [p("span", {
-      class: `f-icon ${F.value}`
+      class: `f-icon ${x.value}`
     }, null)])]), w = D(() => ({
       opacity: e.transparent ? 0 : 1
     })), d = () => p(Z, {
@@ -1591,12 +1605,12 @@ const he = Object.assign({}, Q, {
         onClick: W(a, ["stop"])
       }, null)]
     });
-    function B(C, P, I, j) {
-      m && m.setupContext && m.setupContext.emit("selectionChange", C, P, I, j);
+    function B(C, P, I, E) {
+      m && m.setupContext && m.setupContext.emit("selectionChange", C, P, I, E);
     }
-    const E = (C, P, I) => p(Le, {
+    const M = (C, P, I) => p(Le, {
       modelValue: I,
-      "onUpdate:modelValue": (j) => I = j,
+      "onUpdate:modelValue": (E) => I = E,
       canAdd: !1,
       class: "w-100 position-relative",
       childType: "drawer-toolbar-item",
@@ -1616,7 +1630,7 @@ const he = Object.assign({}, Q, {
     }, [p("span", {
       class: "f-icon f-icon-close",
       onClick: W(a, ["stop"])
-    }, null)]), O = () => e.showHeader ? p("div", {
+    }, null)]), j = () => e.showHeader ? p("div", {
       class: "f-drawer-header align-items-center"
     }, [e.customHeader ? p("div", {
       class: "w-100 h-100",
@@ -1625,15 +1639,15 @@ const he = Object.assign({}, Q, {
       class: "f-drawer-title"
     }, [t.slots.title ? t.slots.title() : e.title]), p("div", {
       class: "mx-2 col-7"
-    }, [E(S, l.value, i.value)]), p("div", {
+    }, [M(S, l.value, i.value)]), p("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;
+      const P = c == null ? void 0 : c.parent, I = (E) => E.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");
+        const E = P.schema.contents.findIndex(I);
+        P.schema.contents.splice(E, 1), _e.value++, t.emit("selectionChange");
       }
     }
     const z = () => p("div", {
@@ -1658,7 +1672,7 @@ const he = Object.assign({}, Q, {
       }, [p("div", {
         class: "f-drawer-container position-relative",
         ref: o
-      }, [z(), O(), p("div", {
+      }, [z(), j(), p("div", {
         class: "f-drawer-body drag-container d-block",
         "data-dragref": `${m.schema.id}-container`,
         ref: r,
@@ -1669,7 +1683,7 @@ const he = Object.assign({}, Q, {
         style: {
           height: e.footerHeight + "px"
         }
-      }, [e.footerContentType === "toolbar" && E(b, g.value, v.value), e.footerContentType === "html" && p("div", {
+      }, [e.footerContentType === "toolbar" && M(g, b.value, v.value), e.footerContentType === "html" && p("div", {
         class: "w-100 h-100",
         innerHTML: e.footerTemplate
       }, null)])])]);
@@ -1679,26 +1693,26 @@ const he = Object.assign({}, Q, {
     return () => p("div", null, [q(), R()]);
   }
 });
-function or() {
+function nr() {
   function e(t, r) {
     const o = {};
-    return o.beforeClose = (b) => r.call("beforeClose", t, [t]), o;
+    return o.beforeClose = (g) => r.call("beforeClose", t, [t]), o;
   }
   return {
     resolve: e
   };
 }
-const we = J(he, ae, ie, se), nr = or();
+const we = J(he, ae, ie, se), ir = nr();
 U.register = (e, t, r, o) => {
-  e.drawer = jt, t.drawer = we, o.drawer = { eventHandlerResolver: Mt, callbackResolver: nr };
+  e.drawer = jt, t.drawer = we, o.drawer = { eventHandlerResolver: Mt, callbackResolver: ir };
 };
 U.registerDesigner = (e, t, r) => {
-  e.drawer = U, t.drawer = we, e["drawer-toolbar-item"] = qe, t["drawer-toolbar-item"] = tr, e["drawer-toolbar"] = ne, t["drawer-toolbar"] = V;
+  e.drawer = U, t.drawer = we, e["drawer-toolbar-item"] = qe, t["drawer-toolbar-item"] = rr, e["drawer-toolbar"] = ne, t["drawer-toolbar"] = V;
 };
-const gr = Fe(U);
+const br = xe(U);
 export {
-  nr as callbackResolver,
-  gr as default,
+  ir as callbackResolver,
+  br as default,
   Q as drawerProps,
   Mt as eventHandlerResolver,
   we as propsResolver