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

package/designer/drawer/index.esm.js

@@ -1,11 +1,11 @@
 import { resolveAppearance as te, createPropsResolver as J } from "../../components/dynamic-resolver/index.esm.js";
 import { getCustomStyle as xe, getMaxZIndex as Fe, withInstall as Pe } from "../../components/common/index.esm.js";
-import { ref as E, computed as D, defineComponent as re, watch as _, onMounted as oe, watchEffect as $e, createVNode as p, Teleport as Re, Transition as Z, withModifiers as W, withDirectives as De, vShow as Ee, Fragment as ne, nextTick as Me, inject as G } from "vue";
+import { ref as E, computed as D, defineComponent as re, watch as _, onMounted as oe, watchEffect as $e, createVNode as m, Teleport as Re, Transition as Z, withModifiers as W, withDirectives as De, vShow as Ee, Fragment as ne, nextTick as Me, inject as G } from "vue";
 import je, { responseToolbarProps as Oe } from "../../components/response-toolbar/index.esm.js";
 import { isPlainObject as Y, cloneDeep as K } from "lodash-es";
 import { LocaleService as ee } from "../../components/locale/index.esm.js";
-import { UseTemplateDragAndDropRules as Ie, DgControl as Be, useDragulaCommonRule as He, setPositionOfButtonGroup as Ne, useDesignerComponent as Ae, FDesignerInnerItem as Le, canvasChanged as qe } from "../../components/designer-canvas/index.esm.js";
-import { commonToolbarItemDesignProps as Ve, FResponseToolbarDesign as ie, FResponseToolbarItemDesign as ze } from "../response-toolbar/index.esm.js";
+import { UseTemplateDragAndDropRules as Ie, DgControl as Be, useDragulaCommonRule as Ne, setPositionOfButtonGroup as He, useDesignerComponent as Le, FDesignerInnerItem as ze, canvasChanged as Ae } from "../../components/designer-canvas/index.esm.js";
+import { commonToolbarItemDesignProps as qe, FResponseToolbarDesign as ie, FResponseToolbarItemDesign as Ve } from "../response-toolbar/index.esm.js";
 import { BaseControlProperty as _e } from "../../components/property-panel/index.esm.js";
 const ae = /* @__PURE__ */ new Map([
   ["appearance", te]
@@ -236,7 +236,7 @@ function ue(e, t) {
     }
     return s;
   }
-  function g(a) {
+  function b(a) {
     const { properties: u, title: v, required: i } = a;
     if (i && Array.isArray(i)) {
       const n = i.reduce((s, d) => (s[d] = u[d].type === "object" && u[d].properties ? o(u[d]) : K(u[d].default), s), {});
@@ -253,7 +253,7 @@ function ue(e, t) {
   function k(a, u = {}, v) {
     const i = e[a];
     if (i) {
-      let n = g(i);
+      let n = b(i);
       const s = t[a];
       return n = s ? s({ getSchemaByType: k }, n, u, v) : n, r != null && r.appendIdentifyForNewControl && r.appendIdentifyForNewControl(n), n;
     }
@@ -263,7 +263,7 @@ function ue(e, t) {
     const v = o(u);
     return Object.keys(v).reduce((i, n) => (Object.prototype.hasOwnProperty.call(a, n) && (i[n] && Y(i[n]) && Y(a[n] || !a[n]) ? Object.assign(i[n], a[n] || {}) : i[n] = a[n]), i), v), v;
   }
-  function b(a, u) {
+  function g(a, u) {
     return Object.keys(a).filter((i) => a[i] != null).reduce((i, n) => {
       if (u.has(n)) {
         const s = u.get(n);
@@ -280,7 +280,7 @@ function ue(e, t) {
   }
   function x(a, u, v = /* @__PURE__ */ new Map()) {
     const i = C(a, u);
-    return b(i, v);
+    return g(i, v);
   }
   function f(a) {
     var v;
@@ -301,7 +301,7 @@ function ue(e, t) {
   function y(a) {
     r = a;
   }
-  return { getSchemaByType: k, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: x, mappingSchemaToProps: b, setDesignerContext: y };
+  return { getSchemaByType: k, resolveSchemaWithDefaultValue: f, resolveSchemaToProps: x, mappingSchemaToProps: g, setDesignerContext: y };
 }
 const de = {}, fe = {}, { resolveSchemaWithDefaultValue: et, resolveSchemaToProps: tt, mappingSchemaToProps: rt } = ue(de, fe);
 function ot(e = {}) {
@@ -327,7 +327,7 @@ function ot(e = {}) {
     ["getProperty", r]
   ]);
   Object.keys(e).reduce((f, y) => (f.set(y, e[y]), f), o);
-  function g(f, y) {
+  function b(f, y) {
     const a = f;
     return typeof y == "number" ? [{ target: a, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: a, operator: "getProperty", param: f, value: !!y }] : typeof y == "object" ? Object.keys(y).map((u) => {
       if (u === "length")
@@ -338,7 +338,7 @@ function ot(e = {}) {
   }
   function k(f) {
     return Object.keys(f).reduce((a, u) => {
-      const v = g(u, f[u]);
+      const v = b(u, f[u]);
       return a.push(...v), a;
     }, []);
   }
@@ -349,11 +349,11 @@ function ot(e = {}) {
     }
     return !1;
   }
-  function b(f, y) {
+  function g(f, y) {
     return k(f).reduce((v, i) => v && C(i, y), !0);
   }
   function x(f, y) {
-    const a = Object.keys(f), u = a.includes("allOf"), v = a.includes("anyOf"), i = u || v, d = (i ? f[i ? u ? "allOf" : "anyOf" : "allOf"] : [f]).map((S) => b(S, y));
+    const a = Object.keys(f), u = a.includes("allOf"), v = a.includes("anyOf"), i = u || v, d = (i ? f[i ? u ? "allOf" : "anyOf" : "allOf"] : [f]).map((S) => g(S, y));
     return u ? !d.includes(!1) : d.includes(!0);
   }
   return { parseValueSchema: x };
@@ -424,12 +424,17 @@ const nt = {
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
 }, lt = {
   convertFrom: (e, t, r) => {
-    var g;
+    var b;
     const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((g = st[o]) == null ? void 0 : g.name) || o;
+    return ((b = st[o]) == null ? void 0 : b.name) || o;
   }
 }, ct = {
   convertTo: (e, t, r, o) => {
@@ -464,6 +469,8 @@ const nt = {
         return e.formatter.customFormat;
       if (t === "type")
         return e.formatter.type || "none";
+      if (t === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
@@ -485,38 +492,26 @@ const nt = {
     ]), t === "enableType" && r === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
     ]), t === "enableType" && r === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, r) => {
-    var o, g;
+    var o, b;
     if (e.command) {
       if (t === "enableType") {
-        const k = (g = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : g.find((C) => C.command === "edit" && C.type === "primary");
+        const k = (b = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : b.find((C) => C.command === "edit" && C.type === "primary");
         return e.command.enable ? k ? "default" : "custom" : "unable";
       }
       if (t === "commands")
@@ -525,6 +520,8 @@ const nt = {
         return e.command.formatter;
       if (t === "count")
         return e.command.count;
+      if (t === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
@@ -543,7 +540,7 @@ const nt = {
     }
     return "";
   }
-}, pt = {
+}, mt = {
   convertTo: (e, t, r, o) => {
     e.summary ? e.summary[t] = r : e.summary = {
       [t]: r
@@ -552,8 +549,11 @@ const nt = {
       groupFields: []
     });
   },
-  convertFrom: (e, t, r) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, mt = {
+  convertFrom: (e, t, r) => {
+    var o;
+    return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((o = e.summary) == null ? void 0 : o[t]) || "bottom" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
+  }
+}, pt = {
   convertTo: (e, t, r, o) => {
     e.group ? e.group[t] = r : e.group = {
       [t]: r
@@ -571,7 +571,7 @@ const nt = {
         return e.group.showSummary;
     }
   }
-}, bt = {
+}, gt = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, r) => {
     if (r && r.length > 0) {
@@ -579,11 +579,11 @@ const nt = {
       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;
     }
   }
-}, gt = {
+}, bt = {
   convertTo: (e, t, r, o) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = r;
+    e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = r.split(",") : e.pagination[t] = r;
   },
-  convertFrom: (e, t, r) => e.pagination ? e.pagination[t] : e[t]
+  convertFrom: (e, t, r) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
 }, vt = {
   convertTo: (e, t, r, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = r;
@@ -594,8 +594,8 @@ const nt = {
     e.selection || (e.selection = {}), e.selection[t] = r;
   },
   convertFrom: (e, t, r) => {
-    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];
+    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];
   }
 }, ht = {
   convertFrom: (e, t, r) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
@@ -611,19 +611,19 @@ const nt = {
   convertFrom: (e, t, r) => e.size ? e.size[t] : e[t]
 }, Tt = {
   convertFrom: (e, t, r) => {
-    var o, g;
-    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (g = e.formatter) == null ? void 0 : g.data : e.formatterEnumData;
+    var o, b;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (b = e.formatter) == null ? void 0 : b.data : e.formatterEnumData;
   }
 }, kt = {
   convertTo: (e, t, r, o) => {
     e.sort || (e.sort = {}), e.sort[t] = r;
   },
   convertFrom: (e, t, r) => {
-    var o, g;
+    var o, b;
     if (t === "mode")
       return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((g = e.sort) != null && g.multiSort);
+      return !!((b = e.sort) != null && b.multiSort);
   }
 }, St = {
   convertTo: (e, t, r, o) => {
@@ -646,6 +646,8 @@ const nt = {
         return e.rowOption.customRowStyle;
       if (t === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (t === "height")
+        return e.rowOption.height;
     }
     return "";
   }
@@ -662,7 +664,7 @@ const nt = {
   },
   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 pe(e, t, r) {
+function me(e, t, r) {
   const o = /* @__PURE__ */ new Map([
     ["/converter/appearance.converter", nt],
     ["/converter/buttons.converter", it],
@@ -673,11 +675,11 @@ function pe(e, t, r) {
     ["/converter/change-formatter.converter", ut],
     ["/converter/column-command.converter", dt],
     ["/converter/column-option.converter", ft],
-    ["/converter/summary.converter", pt],
-    ["/converter/group.converter", mt],
+    ["/converter/summary.converter", mt],
+    ["/converter/group.converter", pt],
     ["/converter/form-group-label.converter", wt],
-    ["/converter/field-selector.converter", bt],
-    ["/converter/pagination.converter", gt],
+    ["/converter/field-selector.converter", gt],
+    ["/converter/pagination.converter", bt],
     ["/converter/row-number.converter", vt],
     ["/converter/grid-selection.converter", yt],
     ["/converter/size.converter", Ct],
@@ -686,7 +688,7 @@ function pe(e, t, r) {
     ["/converter/grid-filter.converter", St],
     ["/converter/row-option.converter", xt],
     ["/converter/change-formatter-type.converter", Ft]
-  ]), g = /* @__PURE__ */ new Map([
+  ]), b = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -714,7 +716,7 @@ function pe(e, t, r) {
   function C(i, n) {
     return () => k.parseValueSchema(i, n);
   }
-  function b(i, n, s) {
+  function g(i, n, s) {
     return i.includes("visible") && n.visible !== void 0 ? typeof n.visible == "boolean" ? () => !!n.visible : n.visible === void 0 ? !0 : C(n.visible, s) : () => !0;
   }
   function x(i, n, s) {
@@ -726,24 +728,24 @@ function pe(e, t, r) {
   }
   function y(i, n, s, d, h, S = "", R = "") {
     return Object.keys(i).map((T) => {
-      const M = E(1), l = T, c = i[T], m = Object.keys(c), O = c.title, F = c.type, B = g.get(F) || { type: "input-group", enableClear: !1 }, j = c.editor ? Object.assign({}, B, c.editor) : Object.assign({}, B), L = b(m, c, n), A = x(m, c, n);
-      j.readonly = j.readonly === void 0 ? A() : j.readonly;
-      const q = c.type === "cascade" ? y(c.properties, n, s, d, h, S, R) : [], V = !0;
+      const M = E(1), l = T, c = i[T], p = Object.keys(c), O = c.title, F = c.type, B = b.get(F) || { type: "input-group", enableClear: !1 }, j = c.editor ? Object.assign({}, B, c.editor) : Object.assign({}, B), z = g(p, c, n), L = x(p, c, n);
+      j.readonly = j.readonly === void 0 ? L() : j.readonly;
+      const A = c.type === "cascade" ? y(c.properties, n, s, d, h, S, R) : [], q = !0;
       let w = f(c, R);
       const $ = D({
         get() {
           if (M.value) {
             if (["class", "style"].find((Se) => Se === l) && !w && (w = o.get("/converter/appearance.converter") || null), w && w.convertFrom)
               return w.convertFrom(s, T, h, S);
-            const N = s[T];
-            return Object.prototype.hasOwnProperty.call(c, "defaultValue") && (N === void 0 || typeof N == "string" && N === "") ? c.type === "boolean" ? c.defaultValue : c.defaultValue || "" : N;
+            const H = s[T];
+            return Object.prototype.hasOwnProperty.call(c, "defaultValue") && (H === void 0 || typeof H == "string" && H === "") ? c.type === "boolean" ? c.defaultValue : c.defaultValue || "" : H;
           }
           return null;
         },
-        set(N) {
-          M.value += 1, w && w.convertTo ? (w.convertTo(d, T, N, h, S), w.convertTo(s, T, N, h, S)) : (d[T] = N, s[T] = N);
+        set(H) {
+          M.value += 1, w && w.convertTo ? (w.convertTo(d, T, H, h, S), w.convertTo(s, T, H, h, S)) : (d[T] = H, s[T] = H);
         }
-      }), { refreshPanelAfterChanged: H, description: I, isExpand: Te, parentPropertyID: ke } = c, X = { propertyID: l, propertyName: O, propertyType: F, propertyValue: $, editor: j, visible: L, readonly: A, cascadeConfig: q, hideCascadeTitle: V, refreshPanelAfterChanged: H, description: I, isExpand: Te, parentPropertyID: ke };
+      }), { refreshPanelAfterChanged: N, description: I, isExpand: Te, parentPropertyID: ke } = c, X = { propertyID: l, propertyName: O, propertyType: F, propertyValue: $, editor: j, visible: z, readonly: L, cascadeConfig: A, hideCascadeTitle: q, refreshPanelAfterChanged: N, description: I, isExpand: Te, parentPropertyID: ke };
       return n[l] = X, X;
     });
   }
@@ -757,11 +759,11 @@ function pe(e, t, r) {
   function u(i, n, s, d, h = "") {
     const S = n.$ref.schema, R = n.$ref.converter, P = s[S], T = P.type, M = r(P), l = {}, c = e[T];
     if (c && c.categories) {
-      const m = c.categories[i], O = m == null ? void 0 : m.title;
-      R && Object.keys(m.properties).forEach((j) => {
-        m.properties[j].$converter = R;
+      const p = c.categories[i], O = p == null ? void 0 : p.title;
+      R && Object.keys(p.properties).forEach((j) => {
+        p.properties[j].$converter = R;
       });
-      const F = (m == null ? void 0 : m.properties) || {}, B = y(F, l, M, P, d, h);
+      const F = (p == null ? void 0 : p.properties) || {}, B = y(F, l, M, P, d, h);
       return { categoryId: i, categoryName: O, properties: B };
     }
     return { categoryId: i, categoryName: "", properties: [] };
@@ -772,13 +774,13 @@ function pe(e, t, r) {
     if (!(T && Object.keys(T).length > 0) && s && s.getPropConfig && (T = s.getPropConfig(d)), T && T.categories) {
       const l = [];
       return Object.keys(T.categories).map((c) => {
-        const m = T.categories[c];
-        if (m.$ref) {
-          l.push(u(c, m, i, n, d));
+        const p = T.categories[c];
+        if (p.$ref) {
+          l.push(u(c, p, i, n, d));
           return;
         }
-        const O = m == null ? void 0 : m.title, F = m == null ? void 0 : m.tabId, B = m == null ? void 0 : m.tabName, j = m == null ? void 0 : m.hide, L = m == null ? void 0 : m.hideTitle, A = y(m.properties || {}, P, R, i, n, d, m.$converter), { setPropertyRelates: q } = m, V = m == null ? void 0 : m.parentPropertyID;
-        l.push({ categoryId: c, categoryName: O, tabId: F, tabName: B, hide: j, properties: A, hideTitle: L, setPropertyRelates: q, parentPropertyID: V });
+        const O = p == null ? void 0 : p.title, F = p == null ? void 0 : p.tabId, B = p == null ? void 0 : p.tabName, j = p == null ? void 0 : p.hide, z = p == null ? void 0 : p.hideTitle, L = y(p.properties || {}, P, R, i, n, d, p.$converter), { setPropertyRelates: A } = p, q = p == null ? void 0 : p.parentPropertyID;
+        l.push({ categoryId: c, categoryName: O, tabId: F, tabName: B, hide: j, properties: L, hideTitle: z, setPropertyRelates: A, parentPropertyID: q });
       }), l;
     }
     return [];
@@ -789,13 +791,13 @@ function pe(e, t, r) {
     propertyConverterMap: o
   };
 }
-const me = {}, be = {};
-pe(me, be, et);
-const ge = {}, ve = {}, { resolveSchemaWithDefaultValue: Pt } = ue(ge, ve), ye = {}, he = {};
-pe(ye, he, Pt);
-function $t(e, t, r = /* @__PURE__ */ new Map(), o = (C, b, x, f) => b, g = {}, k = (C) => C) {
-  return de[t.title] = t, fe[t.title] = o, me[t.title] = g, be[t.title] = k, ge[t.title] = t, ve[t.title] = o, ye[t.title] = g, he[t.title] = k, (C = {}, b = !0) => {
-    if (!b)
+const pe = {}, ge = {};
+me(pe, ge, et);
+const be = {}, ve = {}, { resolveSchemaWithDefaultValue: Pt } = ue(be, ve), ye = {}, he = {};
+me(ye, he, Pt);
+function $t(e, t, r = /* @__PURE__ */ new Map(), o = (C, g, x, f) => g, b = {}, k = (C) => C) {
+  return de[t.title] = t, fe[t.title] = o, pe[t.title] = b, ge[t.title] = k, be[t.title] = t, ve[t.title] = o, ye[t.title] = b, he[t.title] = k, (C = {}, g = !0) => {
+    if (!g)
       return rt(C, r);
     const x = tt(C, t, r), f = Object.keys(e).reduce((y, a) => (y[a] = e[a].default, y), {});
     return Object.assign(f, x);
@@ -808,7 +810,7 @@ function Rt(e, t) {
     if (r.id === t)
       return r;
     if (r.children) {
-      const o = r.children.find((g) => g.id === t);
+      const o = r.children.find((b) => b.id === t);
       if (o)
         return o;
     }
@@ -817,10 +819,10 @@ function Rt(e, t) {
 }
 function Dt() {
   function e(t, r) {
-    const { footerToolbar: o, headerToolbar: g } = t, k = ((o == null ? void 0 : o.buttons) || []).concat((g == null ? void 0 : g.buttons) || []);
+    const { footerToolbar: o, headerToolbar: b } = t, k = ((o == null ? void 0 : o.buttons) || []).concat((b == null ? void 0 : b.buttons) || []);
     if (!k || k.length < 1)
       return null;
-    const [C, b] = r.payloads, x = Rt(k, b);
+    const [C, g] = r.payloads, x = Rt(k, g);
     return x ? x.onClick || x.click : null;
   }
   return {
@@ -895,13 +897,13 @@ const jt = /* @__PURE__ */ re({
   emits: ["afterClose", "update:modelValue", "click"],
   setup(e, t) {
     Mt();
-    const r = E(e.modelValue), o = E(e.buttons), g = E(!1), k = D(() => ({
+    const r = E(e.modelValue), o = E(e.buttons), b = E(!1), k = D(() => ({
       "f-utils-absolute-all f-drawer": !0,
       // 在某个DOM内部打开抽屉
       "f-drawer-inline": typeof e.host == "string" ? e.host !== "body" : document.querySelector(e.host) !== document.body
     })), C = D(() => ({
       opacity: e.transparent ? 0 : 1
-    })), b = D(() => {
+    })), g = D(() => {
       const l = {};
       return e.maskClass && e.maskClass.split(" ").forEach((c) => {
         l[c] = !0;
@@ -968,23 +970,23 @@ const jt = /* @__PURE__ */ re({
     async function s(l, c) {
       l.handle && await l.handle(c, n) && t.emit("closed", c);
     }
-    const d = (l, c) => p(je, {
+    const d = (l, c) => m(je, {
       class: c,
       alignment: "right",
       items: l,
       onClick: i
     }, null);
     function h() {
-      var l, c, m, O;
+      var l, c, p, O;
       if ((c = (l = e.footerToolbar) == null ? void 0 : l.buttons) != null && c.length && (e.footerToolbar.visible === void 0 || e.footerToolbar.visible)) {
         const F = {
           "f-utils-fill": !0
         };
-        return (O = (m = e.footerToolbar) == null ? void 0 : m.appearance) != null && O.class && (F[e.footerToolbar.appearance.class] = !0), d(e.footerToolbar.buttons, F);
+        return (O = (p = e.footerToolbar) == null ? void 0 : p.appearance) != null && O.class && (F[e.footerToolbar.appearance.class] = !0), d(e.footerToolbar.buttons, F);
       }
       return o.value && !!o.value.length && o.value.map((F) => {
         const B = E(F.disabled);
-        return p("button", {
+        return m("button", {
           id: F.id,
           type: "button",
           disabled: B.value,
@@ -992,7 +994,7 @@ const jt = /* @__PURE__ */ re({
           onClick: (j) => {
             s(F, j);
           }
-        }, [!!F.iconClass && p("i", {
+        }, [!!F.iconClass && m("i", {
           class: F.iconClass
         }, null), F.text]);
       });
@@ -1001,18 +1003,18 @@ const jt = /* @__PURE__ */ re({
       return e.footerTemplate && typeof e.footerTemplate == "function" ? e.footerTemplate() : t.slots.footerTemplate ? t.slots.footerTemplate() : h();
     }
     function R() {
-      var c, m;
+      var c, p;
       const l = {
         "f-utils-fill": !0
       };
-      return (m = (c = e.headerToolbar) == null ? void 0 : c.appearance) != null && m.class && (l[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : p(ne, null, [p("div", {
+      return (p = (c = e.headerToolbar) == null ? void 0 : c.appearance) != null && p.class && (l[e.headerToolbar.appearance.class] = !0), e.headerTemplate && typeof e.headerTemplate == "function" ? e.headerTemplate() : t.slots.headerTemplate ? t.slots.headerTemplate() : m(ne, null, [m("div", {
         class: "f-drawer-title",
         title: e.title
-      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && p("div", {
+      }, [e.title]), e.headerToolbar && (e.headerToolbar.visible === void 0 || e.headerToolbar.visible) && m("div", {
         class: "f-utils-fill-flex-row mx-2 col-7"
-      }, [d(e.headerToolbar.buttons || [], l)]), e.showClose && p("div", {
+      }, [d(e.headerToolbar.buttons || [], l)]), e.showClose && m("div", {
         class: "f-drawer-close"
-      }, [p("span", {
+      }, [m("span", {
         class: "f-icon f-icon-close",
         onClick: W((O) => {
           v();
@@ -1027,10 +1029,10 @@ const jt = /* @__PURE__ */ re({
       };
     }
     function M() {
-      return g.value ? !0 : typeof e.host == "string" ? e.host === "body" ? !0 : !!document.querySelector(e.host) : !!e.host;
+      return b.value ? !0 : typeof e.host == "string" ? e.host === "body" ? !0 : !!document.querySelector(e.host) : !!e.host;
     }
-    return g.value = M(), oe(() => {
-      g.value = M();
+    return b.value = M(), oe(() => {
+      b.value = M();
     }), $e(() => {
       r.value && T();
     }), t.expose({
@@ -1040,40 +1042,40 @@ const jt = /* @__PURE__ */ re({
       close: () => {
         v();
       }
-    }), () => g.value ? p(Re, {
+    }), () => b.value ? m(Re, {
       to: e.host
     }, {
-      default: () => [p("div", {
+      default: () => [m("div", {
         class: k.value,
         id: e.id,
         style: P.value
-      }, [p(Z, {
+      }, [m(Z, {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [r.value && p("div", {
-          class: b.value,
+        default: () => [r.value && m("div", {
+          class: g.value,
           style: C.value,
           onClick: W((l) => {
             e.allowClickMaskToClose && v();
           }, ["stop"])
         }, null)]
-      }), p(Z, {
+      }), m(Z, {
         name: u.value
       }, {
         default: () => {
           var l, c;
-          return [De(p("div", {
+          return [De(m("div", {
             class: x.value,
             style: a.value
-          }, [p("div", {
+          }, [m("div", {
             class: "f-drawer-container"
-          }, [e.showHeader && p("div", {
+          }, [e.showHeader && m("div", {
             class: "f-drawer-header align-items-center"
-          }, [R()]), p("div", {
+          }, [R()]), m("div", {
             class: "f-drawer-body f-utils-fill",
             style: "overflow: auto;"
-          }, [(c = (l = t.slots).default) == null ? void 0 : c.call(l)]), e.showFooter && p("div", {
+          }, [(c = (l = t.slots).default) == null ? void 0 : c.call(l)]), e.showFooter && m("div", {
             class: "f-drawer-footer px-2",
             style: {
               height: e.footerHeight + "px"
@@ -1273,28 +1275,28 @@ class Ot extends _e {
         label: "beforeClose",
         name: "关闭前事件"
       }
-    ], g = r.eventsEditorUtils.formProperties(t, r.viewModelId, o);
+    ], b = r.eventsEditorUtils.formProperties(t, r.viewModelId, o);
     return {
       title: "事件",
       hideTitle: !0,
-      properties: r.createBaseEventProperty(g),
+      properties: r.createBaseEventProperty(b),
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(C, b) {
+      setPropertyRelates(C, g) {
         const x = C.propertyValue;
-        delete b[r.viewModelId], x && r.eventsEditorUtils.saveRelatedParameters(b, r.viewModelId, x.events, x);
+        delete g[r.viewModelId], x && r.eventsEditorUtils.saveRelatedParameters(g, r.viewModelId, x.events, x);
         const f = r.designViewModelUtils.getDgViewModel(r.viewModelId);
-        f && r.designViewModelField && f.changeField(r.designViewModelField.id, { valueChanging: b.fieldValueChanging, valueChanged: b.fieldValueChanged });
+        f && r.designViewModelField && f.changeField(r.designViewModelField.id, { valueChanging: g.fieldValueChanging, valueChanged: g.fieldValueChanged });
       }
     };
   }
 }
 function It(e, t, r) {
   const o = new Ie();
-  function g(n) {
-    if (!He().basalDragulaRuleForContainer(n, r))
+  function b(n) {
+    if (!Ne().basalDragulaRuleForContainer(n, r))
       return !1;
     const { canAccept: d } = o.getTemplateRule(e, r);
     return d;
@@ -1305,7 +1307,7 @@ function It(e, t, r) {
   function C() {
     return !1;
   }
-  function b() {
+  function g() {
     return !0;
   }
   function x() {
@@ -1320,7 +1322,7 @@ function It(e, t, r) {
   }
   function a() {
     e.designerItemElementRef.value && Me(() => {
-      Ne(t.value);
+      He(t.value);
     });
   }
   function u(n) {
@@ -1354,10 +1356,10 @@ function It(e, t, r) {
     }
   }
   return {
-    canAccepts: g,
+    canAccepts: b,
     checkCanDeleteComponent: k,
     checkCanMoveComponent: C,
-    hideNestedPaddingInDesginerView: b,
+    hideNestedPaddingInDesginerView: g,
     getStyles: x,
     getPropsConfig: f,
     getDraggableDesignItemElement: y,
@@ -1370,7 +1372,7 @@ const we = 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", At = "A Farris Toolbar Item Component", Lt = "object", qt = {
+}), Bt = "https://json-schema.org/draft/2020-12/schema", Nt = "https://farris-design.gitee.io/section-toolbar-item.schema.json", Ht = "drawer-toolbar-item", Lt = "A Farris Toolbar Item Component", zt = "object", At = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -1438,21 +1440,21 @@ const we = Object.assign({}, Q, {
     type: "boolean",
     default: !1
   }
-}, Vt = [
+}, qt = [
   "id",
   "type",
   "text"
-], zt = {
+], Vt = {
   onClick: "点击事件"
 }, _t = {
   $schema: Bt,
-  $id: Ht,
-  title: Nt,
-  description: At,
-  type: Lt,
-  properties: qt,
-  required: Vt,
-  events: zt
+  $id: Nt,
+  title: Ht,
+  description: Lt,
+  type: zt,
+  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 = {
   id: {
     description: "The unique identifier for a Section Toolbar",
@@ -1507,9 +1509,9 @@ const we = Object.assign({}, Q, {
   properties: Qt,
   required: Xt,
   events: Yt
-}, er = Object.assign({}, Ve), tr = J(er, _t, void 0, ce), rr = Object.assign({}, Oe, {
+}, er = Object.assign({}, qe), tr = J(er, _t, void 0, ce), rr = Object.assign({}, Oe, {
   componentId: { type: String, default: "" }
-}), z = J(
+}), V = J(
   rr,
   Kt,
   We,
@@ -1518,27 +1520,27 @@ const we = Object.assign({}, Q, {
   name: "FDrawerDesign",
   props: we,
   setup(e, t) {
-    const r = E(), o = E(), g = e.id + "_footer-toolbar", k = e.id + "_header-toolbar", C = G("designer-host-service"), b = G("design-item-context"), x = It(b, o, C), f = Ae(r, b, x);
-    b.schema.footerToolbar = b.schema.footerToolbar || {
-      id: g,
+    const r = E(), o = E(), b = e.id + "_footer-toolbar", k = e.id + "_header-toolbar", C = G("designer-host-service"), g = G("design-item-context"), x = It(g, o, C), f = Le(r, g, x);
+    g.schema.footerToolbar = g.schema.footerToolbar || {
+      id: b,
       type: "drawer-toolbar",
       buttons: []
     };
-    const y = E(b.schema.footerToolbar), a = E(z(y.value));
-    _(() => b.schema.footerToolbar, () => {
-      y.value = b.schema.footerToolbar, a.value = z(y.value);
+    const y = E(g.schema.footerToolbar), a = E(V(y.value));
+    _(() => g.schema.footerToolbar, () => {
+      y.value = g.schema.footerToolbar, a.value = V(y.value);
     }, {
       deep: !0
     });
     const u = G("design-item-context"), v = D(() => [...a.value.items]);
-    b.schema.headerToolbar = b.schema.headerToolbar || {
+    g.schema.headerToolbar = g.schema.headerToolbar || {
       id: k,
       type: "drawer-toolbar",
       buttons: []
     };
-    const i = E(b.schema.headerToolbar), n = E(z(i.value));
-    _(() => b.schema.headerToolbar, () => {
-      i.value = b.schema.headerToolbar, n.value = z(i.value);
+    const i = E(g.schema.headerToolbar), n = E(V(i.value));
+    _(() => g.schema.headerToolbar, () => {
+      i.value = g.schema.headerToolbar, n.value = V(i.value);
     }, {
       deep: !0
     });
@@ -1546,7 +1548,7 @@ const we = Object.assign({}, Q, {
     oe(() => {
       r.value.componentInstance = f;
     }), t.expose(f.value);
-    const d = E(e.modelValue || b.schema.showWrapperInCanvas);
+    const d = E(e.modelValue || g.schema.showWrapperInCanvas);
     _(() => e.modelValue, () => {
       d.value = e.modelValue;
     });
@@ -1554,9 +1556,9 @@ const we = Object.assign({}, Q, {
       const w = ["f-drawer-wrapper", `f-drawer-wrapper-${e.position}`, e.wrapperClass];
       return d.value || w.push("d-none"), w;
     }), S = D(() => {
-      const w = e.width, $ = e.height, H = typeof w == "string" ? w : typeof w == "number" ? `${w}px` : "20%", I = typeof $ == "string" ? $ : typeof $ == "number" ? `${$}px` : "20%";
+      const w = e.width, $ = e.height, N = typeof w == "string" ? w : typeof w == "number" ? `${w}px` : "20%", I = typeof $ == "string" ? $ : typeof $ == "number" ? `${$}px` : "20%";
       return {
-        width: H,
+        width: N,
         height: I,
         backgroundColor: e.backgroundColor,
         maxWidth: "100%"
@@ -1567,34 +1569,34 @@ const we = Object.assign({}, Q, {
       top: "down",
       bottom: "up"
     }[e.position] ?? "right"}`), T = () => {
-      d.value = !1, b.schema.showWrapperInCanvas = !1;
+      d.value = !1, g.schema.showWrapperInCanvas = !1;
     }, M = () => {
-      d.value = !0, b.schema.showWrapperInCanvas = !0;
-    }, l = () => p("div", {
+      d.value = !0, g.schema.showWrapperInCanvas = !0;
+    }, l = () => m("div", {
       class: R.value,
       onClick: M
-    }, [t.slots.button ? t.slots.button() : p("div", {
+    }, [t.slots.button ? t.slots.button() : m("div", {
       class: "f-drawer-entry-icon"
-    }, [p("span", {
+    }, [m("span", {
       class: `f-icon ${P.value}`
     }, null)])]), c = D(() => ({
       opacity: e.transparent ? 0 : 1
-    })), m = () => p(Z, {
+    })), p = () => m(Z, {
       name: "f-drawer-mask",
       appear: !0
     }, {
-      default: () => [d.value && p("div", {
+      default: () => [d.value && m("div", {
         class: "f-drawer-mask",
         style: c.value,
         onClick: W(T, ["stop"])
       }, null)]
     });
-    function O(w, $, H, I) {
-      b && b.setupContext && b.setupContext.emit("selectionChange", w, $, H, I);
+    function O(w, $, N, I) {
+      g && g.setupContext && g.setupContext.emit("selectionChange", w, $, N, I);
     }
-    const F = (w, $, H) => p(Le, {
-      modelValue: H,
-      "onUpdate:modelValue": (I) => H = I,
+    const F = (w, $, N) => m(ze, {
+      modelValue: N,
+      "onUpdate:modelValue": (I) => N = I,
       canAdd: !1,
       class: "w-100 position-relative",
       childType: "drawer-toolbar-item",
@@ -1604,83 +1606,83 @@ const we = Object.assign({}, Q, {
       componentId: e.componentId,
       onSelectionChange: O
     }, {
-      default: () => [p(ie, {
+      default: () => [m(ie, {
         customClass: "w-100",
         items: $,
         componentId: e.componentId
       }, null)]
-    }), B = () => p("div", {
+    }), B = () => m("div", {
       class: "f-drawer-close"
-    }, [p("span", {
+    }, [m("span", {
       class: "f-icon f-icon-close",
       onClick: W(T, ["stop"])
-    }, null)]), j = () => e.showHeader ? p("div", {
+    }, null)]), j = () => e.showHeader ? m("div", {
       class: "f-drawer-header align-items-center"
-    }, [e.customHeader ? p("div", {
+    }, [e.customHeader ? m("div", {
       class: "w-100 h-100",
       innerHTML: e.headerTemplate
-    }, null) : p(ne, null, [p("div", {
+    }, null) : m(ne, null, [m("div", {
       class: "f-drawer-title"
-    }, [t.slots.title ? t.slots.title() : e.title]), p("div", {
+    }, [t.slots.title ? t.slots.title() : e.title]), m("div", {
       class: "mx-2 col-7"
-    }, [F(k, s.value, i.value)]), p("div", {
+    }, [F(k, s.value, i.value)]), m("div", {
       class: "f-drawer-header-right"
     }, [e.showClose && B()])])]) : null;
-    function L(w) {
+    function z(w) {
       w && (w.preventDefault(), w.stopPropagation()), f.value.onRemoveComponent(C);
-      const $ = u == null ? void 0 : u.parent, H = (I) => I.id === b.schema.id;
+      const $ = u == null ? void 0 : u.parent, N = (I) => I.id === g.schema.id;
       if ($ && $.schema.contents) {
-        const I = $.schema.contents.findIndex(H);
-        $.schema.contents.splice(I, 1), qe.value++, t.emit("selectionChange");
+        const I = $.schema.contents.findIndex(N);
+        $.schema.contents.splice(I, 1), Ae.value++, t.emit("selectionChange");
       }
     }
-    const A = () => p("div", {
+    const L = () => m("div", {
       class: "component-btn-group"
-    }, [p("div", null, [p("div", {
+    }, [m("div", null, [m("div", {
       class: "btn component-settings-button",
       title: "删除",
-      onClick: L
-    }, [p("i", {
+      onClick: z
+    }, [m("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), p("div", {
+    }, null)]), m("div", {
       class: "btn component-settings-button",
       title: "关闭抽屉",
       onClick: T
-    }, [p("i", {
+    }, [m("i", {
       class: "f-icon f-icon-close"
-    }, null)])])]), q = () => {
+    }, null)])])]), A = () => {
       var w, $;
-      return p("div", {
+      return m("div", {
         class: h.value,
         style: S.value
-      }, [p("div", {
+      }, [m("div", {
         class: "f-drawer-container position-relative",
         ref: o
-      }, [A(), j(), p("div", {
+      }, [L(), j(), m("div", {
         class: "f-drawer-body drag-container d-block",
-        "data-dragref": `${b.schema.id}-container`,
+        "data-dragref": `${g.schema.id}-container`,
         ref: r,
         style: "overflow: auto;",
-        id: b.schema.id
-      }, [($ = (w = t.slots).default) == null ? void 0 : $.call(w)]), e.showFooter && p("div", {
+        id: g.schema.id
+      }, [($ = (w = t.slots).default) == null ? void 0 : $.call(w)]), e.showFooter && m("div", {
         class: "f-drawer-footer px-2 border-top",
         style: {
           height: e.footerHeight + "px"
         }
-      }, [e.footerContentType === "toolbar" && F(g, v.value, y.value), e.footerContentType === "html" && p("div", {
+      }, [e.footerContentType === "toolbar" && F(b, v.value, y.value), e.footerContentType === "html" && m("div", {
         class: "w-100 h-100",
         innerHTML: e.footerTemplate
       }, null)])])]);
-    }, V = () => p("div", {
+    }, q = () => m("div", {
       class: "f-drawer f-drawer-inline"
-    }, [m(), q()]);
-    return () => p("div", null, [V(), l()]);
+    }, [p(), A()]);
+    return () => m("div", null, [q(), l()]);
   }
 });
 function or() {
   function e(t, r) {
     const o = {};
-    return o.beforeClose = (g) => r.call("beforeClose", t, [t]), o;
+    return o.beforeClose = (b) => r.call("beforeClose", t, [t]), o;
   }
   return {
     resolve: e
@@ -1691,12 +1693,12 @@ U.register = (e, t, r, o) => {
   e.drawer = jt, t.drawer = Ce, o.drawer = { eventHandlerResolver: Et, callbackResolver: nr };
 };
 U.registerDesigner = (e, t, r) => {
-  e.drawer = U, t.drawer = Ce, e["drawer-toolbar-item"] = ze, t["drawer-toolbar-item"] = tr, e["drawer-toolbar"] = ie, t["drawer-toolbar"] = z;
+  e.drawer = U, t.drawer = Ce, e["drawer-toolbar-item"] = Ve, t["drawer-toolbar-item"] = tr, e["drawer-toolbar"] = ie, t["drawer-toolbar"] = V;
 };
-const mr = Pe(U);
+const pr = Pe(U);
 export {
   nr as callbackResolver,
-  mr as default,
+  pr as default,
   Q as drawerProps,
   Et as eventHandlerResolver,
   Ce as propsResolver