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

package/components/section/index.esm.js

@@ -1,155 +1,77 @@
-import { ref as j, computed as F, createVNode as h, defineComponent as ue, watch as de, onMounted as fe } from "vue";
+import { ref as j, computed as w, createVNode as x, defineComponent as ue, watch as de, onMounted as fe } from "vue";
 import { getCustomClass as L, withInstall as me } from "../common/index.esm.js";
-import { isPlainObject as I, cloneDeep as q } from "lodash-es";
+import { isPlainObject as q, cloneDeep as _ } from "lodash-es";
 import { resolveAppearance as pe } from "../dynamic-resolver/index.esm.js";
-import { DgControl as _ } from "../designer-canvas/index.esm.js";
+import { DgControl as G } from "../designer-canvas/index.esm.js";
 import ve from "../response-toolbar/index.esm.js";
-import { LocaleService as G } from "../locale/index.esm.js";
-function W(e, t) {
-  let n;
-  function r(i) {
-    const { properties: l, title: p, ignore: o } = i, a = o && Array.isArray(o), s = Object.keys(l).reduce((b, g) => ((!a || !o.find((w) => w === g)) && (b[g] = l[g].type === "object" && l[g].properties ? r(l[g]) : q(l[g].default)), b), {});
-    if (p && (!a || !o.find((b) => b === "id"))) {
-      const b = p.toLowerCase().replace(/-/g, "_");
-      s.id = `${b}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return s;
-  }
-  function c(i) {
-    const { properties: l, title: p, required: o } = i;
-    if (o && Array.isArray(o)) {
-      const a = o.reduce((s, b) => (s[b] = l[b].type === "object" && l[b].properties ? r(l[b]) : q(l[b].default), s), {});
-      if (p && o.find((s) => s === "id")) {
-        const s = p.toLowerCase().replace(/-/g, "_");
-        a.id = `${s}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return a;
-    }
-    return {
-      type: p
-    };
-  }
-  function v(i, l = {}, p) {
-    const o = e[i];
-    if (o) {
-      let a = c(o);
-      const s = t[i];
-      return a = s ? s({ getSchemaByType: v }, a, l, p) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
-    }
-    return null;
-  }
-  function f(i, l) {
-    const p = r(l);
-    return Object.keys(p).reduce((o, a) => (Object.prototype.hasOwnProperty.call(i, a) && (o[a] && I(o[a]) && I(i[a] || !i[a]) ? Object.assign(o[a], i[a] || {}) : o[a] = i[a]), o), p), p;
-  }
-  function y(i, l) {
-    return Object.keys(i).filter((o) => i[o] != null).reduce((o, a) => {
-      if (l.has(a)) {
-        const s = l.get(a);
-        if (typeof s == "string")
-          o[s] = i[a];
-        else {
-          const b = s(a, i[a], i);
-          Object.assign(o, b);
-        }
-      } else
-        o[a] = i[a];
-      return o;
-    }, {});
-  }
-  function S(i, l, p = /* @__PURE__ */ new Map()) {
-    const o = f(i, l);
-    return y(o, p);
-  }
-  function u(i) {
-    var p;
-    const l = i.type;
-    if (l) {
-      const o = e[l];
-      if (!o)
-        return i;
-      const a = f(i, o), s = ((p = i.editor) == null ? void 0 : p.type) || "";
-      if (s) {
-        const b = e[s], g = f(i.editor, b);
-        a.editor = g;
-      }
-      return a;
-    }
-    return i;
-  }
-  function m(i) {
-    n = i;
-  }
-  return { getSchemaByType: v, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: S, mappingSchemaToProps: y, setDesignerContext: m };
-}
-const Z = {}, J = {}, { resolveSchemaWithDefaultValue: be, resolveSchemaToProps: ge, mappingSchemaToProps: ye } = W(Z, J);
-function Ce(e = {}) {
-  function t(u, m, i, l) {
+import { LocaleService as W } from "../locale/index.esm.js";
+function be(e = {}) {
+  function t(u, f, i, l) {
     if (typeof i == "number")
       return l[u].length === i;
     if (typeof i == "object") {
-      const p = Object.keys(i)[0], o = i[p];
-      if (p === "not")
+      const m = Object.keys(i)[0], o = i[m];
+      if (m === "not")
         return Number(l[u].length) !== Number(o);
-      if (p === "moreThan")
+      if (m === "moreThan")
         return Number(l[u].length) >= Number(o);
-      if (p === "lessThan")
+      if (m === "lessThan")
         return Number(l[u].length) <= Number(o);
     }
     return !1;
   }
-  function n(u, m, i, l) {
+  function n(u, f, i, l) {
     return l[u] && l[u].propertyValue && String(l[u].propertyValue.value) === String(i);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((u, m) => (u.set(m, e[m]), u), r);
-  function c(u, m) {
+  Object.keys(e).reduce((u, f) => (u.set(f, e[f]), u), r);
+  function c(u, f) {
     const i = u;
-    return typeof m == "number" ? [{ target: i, operator: "length", param: null, value: Number(m) }] : typeof m == "boolean" ? [{ target: i, operator: "getProperty", param: u, value: !!m }] : typeof m == "object" ? Object.keys(m).map((l) => {
+    return typeof f == "number" ? [{ target: i, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: i, operator: "getProperty", param: u, value: !!f }] : typeof f == "object" ? Object.keys(f).map((l) => {
       if (l === "length")
-        return { target: i, operator: "length", param: null, value: m[l] };
-      const p = l, o = m[l];
-      return { target: i, operator: "getProperty", param: p, value: o };
+        return { target: i, operator: "length", param: null, value: f[l] };
+      const m = l, o = f[l];
+      return { target: i, operator: "getProperty", param: m, value: o };
     }) : [];
   }
-  function v(u) {
+  function p(u) {
     return Object.keys(u).reduce((i, l) => {
-      const p = c(l, u[l]);
-      return i.push(...p), i;
+      const m = c(l, u[l]);
+      return i.push(...m), i;
     }, []);
   }
-  function f(u, m) {
+  function d(u, f) {
     if (r.has(u.operator)) {
       const i = r.get(u.operator);
-      return i && i(u.target, u.param, u.value, m) || !1;
+      return i && i(u.target, u.param, u.value, f) || !1;
     }
     return !1;
   }
-  function y(u, m) {
-    return v(u).reduce((p, o) => p && f(o, m), !0);
+  function y(u, f) {
+    return p(u).reduce((m, o) => m && d(o, f), !0);
   }
-  function S(u, m) {
-    const i = Object.keys(u), l = i.includes("allOf"), p = i.includes("anyOf"), o = l || p, b = (o ? u[o ? l ? "allOf" : "anyOf" : "allOf"] : [u]).map((w) => y(w, m));
-    return l ? !b.includes(!1) : b.includes(!0);
+  function S(u, f) {
+    const i = Object.keys(u), l = i.includes("allOf"), m = i.includes("anyOf"), o = l || m, v = (o ? u[o ? l ? "allOf" : "anyOf" : "allOf"] : [u]).map((k) => y(k, f));
+    return l ? !v.includes(!1) : v.includes(!0);
   }
   return { parseValueSchema: S };
 }
-const Se = {
+const ge = {
   convertTo: (e, t, n, r) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, Te = {
+}, ye = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, he = {
+}, Ce = {
   convertTo: (e, t, n, r) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, xe = {
+}, Se = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -176,6 +98,7 @@ const Se = {
   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: "分组面板" },
@@ -188,6 +111,7 @@ const Se = {
   "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: "抽屉" },
@@ -200,20 +124,20 @@ const Se = {
   "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" }
-}, Fe = {
+}, Te = {
   convertFrom: (e, t, n) => {
     var c;
     const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((c = xe[r]) == null ? void 0 : c.name) || r;
+    return ((c = Se[r]) == null ? void 0 : c.name) || r;
   }
-}, we = {
+}, he = {
   convertTo: (e, t, n, r) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, ke = {
+}, xe = {
   convertTo: (e, t, n, r) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
       [t]: n
@@ -244,7 +168,7 @@ const Se = {
     }
     return "none";
   }
-}, Pe = {
+}, Fe = {
   convertTo: (e, t, n, r) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
@@ -262,17 +186,29 @@ const Se = {
     ]), t === "enableType" && n === "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" && n === "unable" && (e.command.enable = !1);
@@ -281,17 +217,19 @@ const Se = {
     var r, c;
     if (e.command) {
       if (t === "enableType") {
-        const v = (c = (r = e.command) == null ? void 0 : r.commands) == null ? void 0 : c.find((f) => f.command === "edit" && f.type === "primary");
-        return e.command.enable ? v ? "default" : "custom" : "unable";
+        const p = (c = (r = e.command) == null ? void 0 : r.commands) == null ? void 0 : c.find((d) => d.command === "edit" && d.type === "primary");
+        return e.command.enable ? p ? "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 "";
   }
-}, Oe = {
+}, we = {
   convertTo: (e, t, n, r) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
@@ -306,7 +244,7 @@ const Se = {
     }
     return "";
   }
-}, Me = {
+}, ke = {
   convertTo: (e, t, n, r) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -316,7 +254,7 @@ const Se = {
     });
   },
   convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ee = {
+}, Pe = {
   convertTo: (e, t, n, r) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
@@ -334,7 +272,7 @@ const Se = {
         return e.group.showSummary;
     }
   }
-}, Re = {
+}, Oe = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -342,17 +280,17 @@ const Se = {
       e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = r.bindingField, e.binding.field = r.id, e.binding.fullPath = r.path, e.path = r.bindingPath;
     }
   }
-}, je = {
+}, Me = {
   convertTo: (e, t, n, r) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, De = {
+}, Ee = {
   convertTo: (e, t, n, r) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Ae = {
+}, Re = {
   convertTo: (e, t, n, r) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
@@ -360,24 +298,24 @@ const Se = {
     var r, c;
     return t === "showCheckbox" ? (r = e.selection) != null && r.multiSelect ? !0 : (c = e.selection) == null ? void 0 : c.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, Ne = {
+}, je = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Be = {
+}, De = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, $e = {
+}, He = {
   convertTo: (e, t, n, r) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, He = {
+}, Ae = {
   convertFrom: (e, t, n) => {
     var r, c;
     return (r = e.formatter) != null && r.data && t === "formatterEnumData" && !e.formatterEnumData ? (c = e.formatter) == null ? void 0 : c.data : e.formatterEnumData;
   }
-}, Le = {
+}, Ne = {
   convertTo: (e, t, n, r) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
@@ -397,7 +335,7 @@ const Se = {
     if (t === "mode")
       return ((r = e.filter) == null ? void 0 : r.mode) || "client";
   }
-}, Ie = {
+}, Be = {
   convertTo: (e, t, n, r) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
@@ -412,7 +350,7 @@ const Se = {
     }
     return "";
   }
-}, qe = {
+}, $e = {
   convertTo: (e, t, n, r) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = n, t === "columnTemplateType" && n === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
     <span class="f-pretend-link f-cursor-pointer"
@@ -425,30 +363,30 @@ const Se = {
   },
   convertFrom: (e, t, n) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
 };
-function Q(e, t, n) {
+function Z(e, t, n) {
   const r = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Se],
-    ["/converter/buttons.converter", Te],
-    ["/converter/property-editor.converter", he],
-    ["/converter/items-count.converter", Ne],
-    ["/converter/type.converter", Fe],
-    ["/converter/change-editor.converter", we],
-    ["/converter/change-formatter.converter", ke],
-    ["/converter/column-command.converter", Pe],
-    ["/converter/column-option.converter", Oe],
-    ["/converter/summary.converter", Me],
-    ["/converter/group.converter", Ee],
-    ["/converter/form-group-label.converter", Be],
-    ["/converter/field-selector.converter", Re],
-    ["/converter/pagination.converter", je],
-    ["/converter/row-number.converter", De],
-    ["/converter/grid-selection.converter", Ae],
-    ["/converter/size.converter", $e],
-    ["/converter/change-formatter-enum.converter", He],
-    ["/converter/grid-sort.converter", Le],
+    ["/converter/appearance.converter", ge],
+    ["/converter/buttons.converter", ye],
+    ["/converter/property-editor.converter", Ce],
+    ["/converter/items-count.converter", je],
+    ["/converter/type.converter", Te],
+    ["/converter/change-editor.converter", he],
+    ["/converter/change-formatter.converter", xe],
+    ["/converter/column-command.converter", Fe],
+    ["/converter/column-option.converter", we],
+    ["/converter/summary.converter", ke],
+    ["/converter/group.converter", Pe],
+    ["/converter/form-group-label.converter", De],
+    ["/converter/field-selector.converter", Oe],
+    ["/converter/pagination.converter", Me],
+    ["/converter/row-number.converter", Ee],
+    ["/converter/grid-selection.converter", Re],
+    ["/converter/size.converter", He],
+    ["/converter/change-formatter-enum.converter", Ae],
+    ["/converter/grid-sort.converter", Ne],
     ["/converter/grid-filter.converter", ze],
-    ["/converter/row-option.converter", Ie],
-    ["/converter/change-formatter-type.converter", qe]
+    ["/converter/row-option.converter", Be],
+    ["/converter/change-formatter-type.converter", $e]
   ]), c = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -473,94 +411,171 @@ function Q(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), v = Ce();
-  function f(o, a) {
-    return () => v.parseValueSchema(o, a);
+  ]), p = be();
+  function d(o, a) {
+    return () => p.parseValueSchema(o, a);
   }
   function y(o, a, s) {
-    return o.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : f(a.visible, s) : () => !0;
+    return o.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : d(a.visible, s) : () => !0;
   }
   function S(o, a, s) {
-    return o.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : f(a.readonly, s) : () => !1;
+    return o.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : d(a.readonly, s) : () => !1;
   }
   function u(o, a) {
     const s = o.$converter || a;
     return typeof s == "string" && s && r.has(s) ? r.get(s) || null : s || null;
   }
-  function m(o, a, s, b, g, w = "", T = "") {
+  function f(o, a, s, v, g, k = "", h = "") {
     return Object.keys(o).map((C) => {
-      const k = j(1), O = C, d = o[C], P = Object.keys(d), N = d.title, D = d.type, A = c.get(D) || { type: "input-group", enableClear: !1 }, R = d.editor ? Object.assign({}, A, d.editor) : Object.assign({}, A), $ = y(P, d, a), B = S(P, d, a);
-      R.readonly = R.readonly === void 0 ? B() : R.readonly;
-      const H = d.type === "cascade" ? m(d.properties, a, s, b, g, w, T) : [], re = !0;
-      let M = u(d, T);
-      const oe = F({
+      const P = j(1), O = C, T = o[C], b = Object.keys(T), A = T.title, D = T.type, H = c.get(D) || { type: "input-group", enableClear: !1 }, R = T.editor ? Object.assign({}, H, T.editor) : Object.assign({}, H), z = y(b, T, a), N = S(b, T, a);
+      R.readonly = R.readonly === void 0 ? N() : R.readonly;
+      const B = T.type === "cascade" ? f(T.properties, a, s, v, g, k, h) : [], $ = !0;
+      let M = u(T, h);
+      const oe = w({
         get() {
-          if (k.value) {
+          if (P.value) {
             if (["class", "style"].find((ce) => ce === O) && !M && (M = r.get("/converter/appearance.converter") || null), M && M.convertFrom)
-              return M.convertFrom(s, C, g, w);
+              return M.convertFrom(s, C, g, k);
             const E = s[C];
-            return Object.prototype.hasOwnProperty.call(d, "defaultValue") && (E === void 0 || typeof E == "string" && E === "") ? d.type === "boolean" ? d.defaultValue : d.defaultValue || "" : E;
+            return Object.prototype.hasOwnProperty.call(T, "defaultValue") && (E === void 0 || typeof E == "string" && E === "") ? T.type === "boolean" ? T.defaultValue : T.defaultValue || "" : E;
           }
           return null;
         },
         set(E) {
-          k.value += 1, M && M.convertTo ? (M.convertTo(b, C, E, g, w), M.convertTo(s, C, E, g, w)) : (b[C] = E, s[C] = E);
+          P.value += 1, M && M.convertTo ? (M.convertTo(v, C, E, g, k), M.convertTo(s, C, E, g, k)) : (v[C] = E, s[C] = E);
         }
-      }), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se } = d, z = { propertyID: O, propertyName: N, propertyType: D, propertyValue: oe, editor: R, visible: $, readonly: B, cascadeConfig: H, hideCascadeTitle: re, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se };
-      return a[O] = z, z;
+      }), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se } = T, I = { propertyID: O, propertyName: A, propertyType: D, propertyValue: oe, editor: R, visible: z, readonly: N, cascadeConfig: B, hideCascadeTitle: $, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se };
+      return a[O] = I, I;
     });
   }
   function i(o, a, s = {}) {
-    const b = {}, g = e[o];
-    return g && g.categories ? Object.keys(g.categories).map((T) => {
-      const x = g.categories[T], C = x == null ? void 0 : x.title, k = m(x.properties || {}, b, {}, s, a);
-      return { categoryId: T, categoryName: C, properties: k };
+    const v = {}, g = e[o];
+    return g && g.categories ? Object.keys(g.categories).map((h) => {
+      const F = g.categories[h], C = F == null ? void 0 : F.title, P = f(F.properties || {}, v, {}, s, a);
+      return { categoryId: h, categoryName: C, properties: P };
     }) : [];
   }
-  function l(o, a, s, b, g = "") {
-    const w = a.$ref.schema, T = a.$ref.converter, x = s[w], C = x.type, k = n(x), O = {}, d = e[C];
-    if (d && d.categories) {
-      const P = d.categories[o], N = P == null ? void 0 : P.title;
-      T && Object.keys(P.properties).forEach((R) => {
-        P.properties[R].$converter = T;
+  function l(o, a, s, v, g = "") {
+    const k = a.$ref.schema, h = a.$ref.converter, F = s[k], C = F.type, P = n(F), O = {}, T = e[C];
+    if (T && T.categories) {
+      const b = T.categories[o], A = b == null ? void 0 : b.title;
+      h && Object.keys(b.properties).forEach((R) => {
+        b.properties[R].$converter = h;
       });
-      const D = (P == null ? void 0 : P.properties) || {}, A = m(D, O, k, x, b, g);
-      return { categoryId: o, categoryName: N, properties: A };
+      const D = (b == null ? void 0 : b.properties) || {}, H = f(D, O, P, F, v, g);
+      return { categoryId: o, categoryName: A, properties: H };
     }
     return { categoryId: o, categoryName: "", properties: [] };
   }
-  function p(o, a, s, b, g) {
-    const w = o.type, T = n(o), x = {};
-    let C = g || e[w];
-    if (C && Object.keys(C).length === 0 && s && s.getPropConfig && (C = s.getPropConfig(b)), C && C.categories) {
-      const k = [];
-      return Object.keys(C.categories).map((O) => {
-        const d = C.categories[O];
-        if (d.$ref) {
-          k.push(l(O, d, o, a, b));
+  function m(o, a, s, v, g) {
+    const k = o.type, h = n(o), F = {};
+    let C = g || e[k];
+    if (!(C && Object.keys(C).length > 0) && s && s.getPropConfig && (C = s.getPropConfig(v)), C && C.categories) {
+      const O = [];
+      return Object.keys(C.categories).map((T) => {
+        const b = C.categories[T];
+        if (b.$ref) {
+          O.push(l(T, b, o, a, v));
           return;
         }
-        const P = d == null ? void 0 : d.title, N = d == null ? void 0 : d.tabId, D = d == null ? void 0 : d.tabName, A = d == null ? void 0 : d.hide, R = d == null ? void 0 : d.hideTitle, $ = m(d.properties || {}, x, T, o, a, b, d.$converter), { setPropertyRelates: B } = d, H = d == null ? void 0 : d.parentPropertyID;
-        k.push({ categoryId: O, categoryName: P, tabId: N, tabName: D, hide: A, properties: $, hideTitle: R, setPropertyRelates: B, parentPropertyID: H });
-      }), k;
+        const A = b == null ? void 0 : b.title, D = b == null ? void 0 : b.tabId, H = b == null ? void 0 : b.tabName, R = b == null ? void 0 : b.hide, z = b == null ? void 0 : b.hideTitle, N = f(b.properties || {}, F, h, o, a, v, b.$converter), { setPropertyRelates: B } = b, $ = b == null ? void 0 : b.parentPropertyID;
+        O.push({ categoryId: T, categoryName: A, tabId: D, tabName: H, hide: R, properties: N, hideTitle: z, setPropertyRelates: B, parentPropertyID: $ });
+      }), O;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: p,
+    getPropertyConfigBySchema: m,
     getPropertyConfigByType: i,
     propertyConverterMap: r
   };
 }
-const U = {}, X = {};
-Q(U, X, be);
-const Y = {}, V = {}, { resolveSchemaWithDefaultValue: _e } = W(Y, V), K = {}, ee = {};
-Q(K, ee, _e);
-function Ge(e, t, n = /* @__PURE__ */ new Map(), r = (f, y, S, u) => y, c = {}, v = (f) => f) {
-  return Z[t.title] = t, J[t.title] = r, U[t.title] = c, X[t.title] = v, Y[t.title] = t, V[t.title] = r, K[t.title] = c, ee[t.title] = v, (f = {}, y = !0) => {
+function J(e, t) {
+  let n;
+  function r(i) {
+    const { properties: l, title: m, ignore: o } = i, a = o && Array.isArray(o), s = Object.keys(l).reduce((v, g) => ((!a || !o.find((k) => k === g)) && (v[g] = l[g].type === "object" && l[g].properties ? r(l[g]) : _(l[g].default)), v), {});
+    if (m && (!a || !o.find((v) => v === "id"))) {
+      const v = m.toLowerCase().replace(/-/g, "_");
+      s.id = `${v}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return s;
+  }
+  function c(i) {
+    const { properties: l, title: m, required: o } = i;
+    if (o && Array.isArray(o)) {
+      const a = o.reduce((s, v) => (s[v] = l[v].type === "object" && l[v].properties ? r(l[v]) : _(l[v].default), s), {});
+      if (m && o.find((s) => s === "id")) {
+        const s = m.toLowerCase().replace(/-/g, "_");
+        a.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+      }
+      return a;
+    }
+    return {
+      type: m
+    };
+  }
+  function p(i, l = {}, m) {
+    const o = e[i];
+    if (o) {
+      let a = c(o);
+      const s = t[i];
+      return a = s ? s({ getSchemaByType: p }, a, l, m) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
+    }
+    return null;
+  }
+  function d(i, l) {
+    const m = r(l);
+    return Object.keys(m).reduce((o, a) => (Object.prototype.hasOwnProperty.call(i, a) && (o[a] && q(o[a]) && q(i[a] || !i[a]) ? Object.assign(o[a], i[a] || {}) : o[a] = i[a]), o), m), m;
+  }
+  function y(i, l) {
+    return Object.keys(i).filter((o) => i[o] != null).reduce((o, a) => {
+      if (l.has(a)) {
+        const s = l.get(a);
+        if (typeof s == "string")
+          o[s] = i[a];
+        else {
+          const v = s(a, i[a], i);
+          Object.assign(o, v);
+        }
+      } else
+        o[a] = i[a];
+      return o;
+    }, {});
+  }
+  function S(i, l, m = /* @__PURE__ */ new Map()) {
+    const o = d(i, l);
+    return y(o, m);
+  }
+  function u(i) {
+    var m;
+    const l = i.type;
+    if (l) {
+      const o = e[l];
+      if (!o)
+        return i;
+      const a = d(i, o), s = ((m = i.editor) == null ? void 0 : m.type) || "";
+      if (s) {
+        const v = e[s], g = d(i.editor, v);
+        a.editor = g;
+      }
+      return a;
+    }
+    return i;
+  }
+  function f(i) {
+    n = i;
+  }
+  return { getSchemaByType: p, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: S, mappingSchemaToProps: y, setDesignerContext: f };
+}
+const Q = {}, U = {}, { resolveSchemaWithDefaultValue: Le } = J(Q, U), X = {}, Y = {};
+Z(X, Y, Le);
+const V = {}, K = {}, { resolveSchemaWithDefaultValue: Ie, resolveSchemaToProps: qe, mappingSchemaToProps: _e } = J(V, K), ee = {}, te = {};
+Z(ee, te, Ie);
+function Ge(e, t, n = /* @__PURE__ */ new Map(), r = (d, y, S, u) => y, c = {}, p = (d) => d) {
+  return V[t.title] = t, K[t.title] = r, ee[t.title] = c, te[t.title] = p, Q[t.title] = t, U[t.title] = r, X[t.title] = c, Y[t.title] = p, (d = {}, y = !0) => {
     if (!y)
-      return ye(f, n);
-    const S = ge(f, t, n), u = Object.keys(e).reduce((m, i) => (m[i] = e[i].default, m), {});
+      return _e(d, n);
+    const S = qe(d, t, n), u = Object.keys(e).reduce((f, i) => (f[i] = e[i].default, f), {});
     return Object.assign(u, S);
   };
 }
@@ -584,8 +599,8 @@ function Ze() {
     const r = (y = t.toolbar) == null ? void 0 : y.buttons;
     if (!r || r.length < 1)
       return null;
-    const [c, v] = n.payloads, f = We(r, v);
-    return f ? f.onClick || f.click : null;
+    const [c, p] = n.payloads, d = We(r, p);
+    return d ? d.onClick || d.click : null;
   }
   return {
     resolve: e
@@ -610,10 +625,10 @@ const Ue = /* @__PURE__ */ new Map([
   ["toolbar", Qe]
 ]);
 function Xe(e, t) {
-  var v, f;
+  var p, d;
   if (!(t != null && t.schema))
     return;
-  const n = ((f = (v = t.schema) == null ? void 0 : v.appearance) == null ? void 0 : f.class) || "", r = t.elementRef, c = window.getComputedStyle(r);
+  const n = ((d = (p = t.schema) == null ? void 0 : p.appearance) == null ? void 0 : d.class) || "", r = t.elementRef, c = window.getComputedStyle(r);
   c && c.display === "flex" && !n.includes("f-page-child-fill") && (e.appearance.class += " d-block");
 }
 function Ye(e, t) {
@@ -626,24 +641,24 @@ function Ye(e, t) {
     },
     mainTitle: t.mainTitle || c.mainTitle || "标题"
   });
-  const v = e.getSchemaByType("content-container");
-  Object.assign(v, {
+  const p = e.getSchemaByType("content-container");
+  Object.assign(p, {
     id: `container-${n}`,
     appearance: {
       class: "f-struct-wrapper"
     },
     contents: [c]
   });
-  const f = r.schema, y = ((S = f.appearance) == null ? void 0 : S.class) || "";
-  switch (f && f.type) {
-    case _["splitter-pane"].type: {
-      c.appearance.class = "f-section-in-main", y.includes("f-page-child-fill") && (v.appearance.class += " f-struct-wrapper-child", c.fill = !0);
+  const d = r.schema, y = ((S = d.appearance) == null ? void 0 : S.class) || "";
+  switch (d && d.type) {
+    case G["splitter-pane"].type: {
+      c.appearance.class = "f-section-in-main", y.includes("f-page-child-fill") && (p.appearance.class += " f-struct-wrapper-child", c.fill = !0);
       break;
     }
-    case _["content-container"].type:
-      f.isLikeCardContainer && y.includes("f-struct-like-card-child-fill") && (v.appearance.class += " f-struct-wrapper-child", c.fill = !0), Xe(v, r);
+    case G["content-container"].type:
+      d.isLikeCardContainer && y.includes("f-struct-like-card-child-fill") && (p.appearance.class += " f-struct-wrapper-child", c.fill = !0);
   }
-  return v;
+  return Xe(p, r), p;
 }
 function Ve(e, t, n) {
   return n.parentComponentInstance ? Ye(e, n) : t;
@@ -840,7 +855,7 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
   type: rt,
   properties: ot,
   required: it
-}, te = {
+}, ne = {
   /** 设置内容区域样式 */
   contentClass: { type: String, default: "" },
   /** 自定义样式 */
@@ -899,7 +914,7 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
   // toolbarPosition: { type: String, default: '' },
   // toolbarButtons: { type: Array<object>, default: [] },
   // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, gt = Ge(te, at, Ue, Ve), yt = Ze();
+}, gt = Ge(ne, at, Ue, Ve), yt = Ze();
 function lt(e, t, n) {
   let r;
   function c(S = 1) {
@@ -913,161 +928,161 @@ function lt(e, t, n) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], m = Array.from(document.body.querySelectorAll(u.join(","))).filter((l) => l).map((l) => {
-      const { display: p, zIndex: o } = window.getComputedStyle(l);
-      return p === "none" ? 0 : parseInt(o, 10);
+    ], f = Array.from(document.body.querySelectorAll(u.join(","))).filter((l) => l).map((l) => {
+      const { display: m, zIndex: o } = window.getComputedStyle(l);
+      return m === "none" ? 0 : parseInt(o, 10);
     }).filter((l) => l);
-    let i = Math.max(...m);
+    let i = Math.max(...f);
     return i < 1040 && (i = 1040), i + S;
   }
-  function v() {
+  function p() {
     r = e.value.nextElementSibling;
     const S = document && document.querySelector("body");
     S && (S.appendChild(e.value), e.value.style.zIndex = c());
   }
-  function f() {
+  function d() {
     r ? t.value.insertBefore(
       e.value,
       r
     ) : t.value.appendChild(e.value), e.value.style.zIndex = null;
   }
   function y() {
-    !e || !t.value || (n.value = !n.value, n.value ? v() : f());
+    !e || !t.value || (n.value = !n.value, n.value ? p() : d());
   }
   return { onClickMaxMinIcon: y };
 }
-function ne(e, t) {
-  const n = j(e.buttons), r = F(() => e.buttonPosition === "inHead" ? "right" : "left"), c = F(() => "f-section-toolbar  col-6" + (e.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (e.buttonsClass ? " " + e.buttonsClass : "")), v = F(() => e.buttons && e.buttons.length > 0 && e.buttonPosition === "inHead");
-  function f(u, m) {
-    t.emit("click", u, m);
+function re(e, t) {
+  const n = j(e.buttons), r = w(() => e.buttonPosition === "inHead" ? "right" : "left"), c = w(() => "f-section-toolbar  col-6" + (e.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (e.buttonsClass ? " " + e.buttonsClass : "")), p = w(() => e.buttons && e.buttons.length > 0 && e.buttonPosition === "inHead");
+  function d(u, f) {
+    t.emit("click", u, f);
   }
   function y() {
-    return v.value && h(ve, {
+    return p.value && x(ve, {
       customClass: c.value,
       items: n.value,
-      onClick: f,
+      onClick: d,
       alignment: r.value,
       visible: e.buttonsVisible
     }, null);
   }
   function S() {
-    return h("div", {
+    return x("div", {
       class: c.value
-    }, [h("div", {
+    }, [x("div", {
       class: "w-100",
       style: "flex:1"
     }, [e.toolbarRenderFunction()])]);
   }
   return () => e.toolbarRenderFunction ? S() : y();
 }
-function st(e, t, n, r, c, v) {
-  const f = {
-    collapseLabel: G.getRealPropertyValue(e.collapseLabel, "收起", "section.collapseLabel"),
-    expandLabel: G.getRealPropertyValue(e.expandLabel, "展开", "section.expandLabel")
-  }, y = F(() => e.buttonPosition), S = ne(e, t), {
+function st(e, t, n, r, c, p) {
+  const d = {
+    collapseLabel: W.getRealPropertyValue(e.collapseLabel, "收起", "section.collapseLabel"),
+    expandLabel: W.getRealPropertyValue(e.expandLabel, "展开", "section.expandLabel")
+  }, y = w(() => e.buttonPosition), S = re(e, t), {
     onClickMaxMinIcon: u
-  } = lt(r, c, v), m = F(() => e.enableMaximize), i = F(() => e.enableAccordion !== ""), l = F(() => {
-    const T = {
+  } = lt(r, c, p), f = w(() => e.enableMaximize), i = w(() => e.enableAccordion !== ""), l = w(() => {
+    const h = {
       "f-section-header": !0
     };
-    return t.slots.header && e.headerClass.split(" ").reduce((C, k) => (C[k] = !0, C), T), T;
+    return t.slots.header && e.headerClass.split(" ").reduce((C, P) => (C[P] = !0, C), h), h;
   });
-  function p(T) {
-    T.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
+  function m(h) {
+    h.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
   }
   function o() {
-    const T = F(() => ({
+    const h = w(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
       "f-btn-mx": !0,
       "f-state-expand": n.value
-    })), x = F(() => ({
+    })), F = w(() => ({
       "f-icon": !0,
-      "f-icon-maximize": !v.value,
-      "f-icon-minimize": v.value
+      "f-icon-maximize": !p.value,
+      "f-icon-minimize": p.value
     }));
-    return h("div", {
+    return x("div", {
       class: "f-max-accordion"
-    }, [m.value ? h("span", {
-      class: x.value,
+    }, [f.value ? x("span", {
+      class: F.value,
       onClick: u
-    }, null) : "", i.value ? h("button", {
-      class: T.value,
-      onClick: p
-    }, [h("span", null, [n.value ? f.collapseLabel : f.expandLabel])]) : ""]);
+    }, null) : "", i.value ? x("button", {
+      class: h.value,
+      onClick: m
+    }, [x("span", null, [n.value ? d.collapseLabel : d.expandLabel])]) : ""]);
   }
   function a() {
-    return h("div", {
+    return x("div", {
       class: "f-title"
-    }, [h("h4", {
+    }, [x("h4", {
       class: "f-title-text"
-    }, [e.mainTitle]), e.subTitle && h("span", null, [e.subTitle])]);
+    }, [e.mainTitle]), e.subTitle && x("span", null, [e.subTitle])]);
   }
   function s() {
-    const T = F(() => {
-      const x = {
+    const h = w(() => {
+      const F = {
         "f-content": !0
       };
-      return e.headerContentClass && e.headerContentClass.split(" ").reduce((k, O) => (k[O] = !0, k), x), x;
+      return e.headerContentClass && e.headerContentClass.split(" ").reduce((P, O) => (P[O] = !0, P), F), F;
     });
-    return t.slots.headerContent ? h("div", {
-      class: T.value
-    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? h("div", {
-      class: T.value
+    return t.slots.headerContent ? x("div", {
+      class: h.value
+    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? x("div", {
+      class: h.value
     }, [e.headerContentRenderFunction()]) : null;
   }
-  function b() {
+  function v() {
     return t.slots.headerTitle ? t.slots.headerTitle() : e.headerTitleRenderFunction ? e.headerTitleRenderFunction() : a();
   }
   function g() {
-    return h("div", {
+    return x("div", {
       class: l.value
-    }, [b(), s(), y.value === "inHead" && S(), (m.value || i.value) && o()]);
+    }, [v(), s(), y.value === "inHead" && S(), (f.value || i.value) && o()]);
   }
-  function w() {
-    return t.slots.header ? h("div", {
+  function k() {
+    return t.slots.header ? x("div", {
       class: l.value
-    }, [t.slots.header()]) : e.headerRenderFunction ? h("div", {
+    }, [t.slots.header()]) : e.headerRenderFunction ? x("div", {
       class: l.value
     }, [e.headerRenderFunction()]) : g();
   }
-  return () => e.showHeader && w();
+  return () => e.showHeader && k();
 }
 const ct = /* @__PURE__ */ ue({
   name: "FSection",
-  props: te,
+  props: ne,
   emits: ["click"],
   setup(e, t) {
-    const n = j(), r = j(), c = j(e.customClass), v = F(() => e.enableAccordion), f = j(e.expandStatus), y = F(() => e.buttonPosition), S = j(!1), u = st(e, t, f, n, r, S), m = ne(e, t), i = F(() => {
+    const n = j(), r = j(), c = j(e.customClass), p = w(() => e.enableAccordion), d = j(e.expandStatus), y = w(() => e.buttonPosition), S = j(!1), u = st(e, t, d, n, r, S), f = re(e, t), i = w(() => {
       const s = {
         "f-section": !0,
-        "f-section-accordion": v.value === "default",
-        "f-state-collapse": (v.value === "default" || v.value === "custom") && !f.value,
-        "f-section-custom-accordion": v.value === "custom",
+        "f-section-accordion": p.value === "default",
+        "f-state-collapse": (p.value === "default" || p.value === "custom") && !d.value,
+        "f-section-custom-accordion": p.value === "custom",
         "f-section-fill": e.fill,
         "f-section-maximize": S.value
       };
       return L(s, c.value);
-    }), l = F(() => L({
+    }), l = w(() => L({
       "f-section-content": !0
-    }, e.contentClass)), p = F(() => L({
+    }, e.contentClass)), m = w(() => L({
       "f-section-extend": !0
     }, e.extendClass));
     function o() {
-      return t.slots.extend && h("div", {
-        class: p.value
+      return t.slots.extend && x("div", {
+        class: m.value
       }, [t.slots.extend()]);
     }
     function a() {
-      return h("div", {
+      return x("div", {
         class: l.value
-      }, [y.value === "inContent" && m(), t.slots.default && t.slots.default()]);
+      }, [y.value === "inContent" && f(), t.slots.default && t.slots.default()]);
     }
-    return de(() => e.expandStatus, (s, b) => {
-      s !== b && (f.value = s);
+    return de(() => e.expandStatus, (s, v) => {
+      s !== v && (d.value = s);
     }), fe(() => {
       n.value && n.value && (r.value = n.value.parentElement);
-    }), () => e.visible ? h("div", {
+    }), () => e.visible ? x("div", {
       class: i.value,
       ref: n,
       style: e.customStyle
@@ -1095,6 +1110,6 @@ export {
   St as default,
   yt as eventHandlerResolver,
   gt as propsResolver,
-  te as sectionProps,
+  ne as sectionProps,
   Ct as sectionToolbarItemProps
 };