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

package/components/section/index.esm.js

@@ -1,155 +1,156 @@
-import { ref as j, computed as x, createVNode as F, defineComponent as ue, watch as de, onMounted as fe } from "vue";
-import { getCustomClass as $, withInstall as me } from "../common/index.esm.js";
+import { ref as z, computed as x, createVNode as h, defineComponent as ue, watch as de, onMounted as fe } from "vue";
+import { getCustomClass as H, withInstall as me } from "../common/index.esm.js";
 import { isPlainObject as q, cloneDeep as _ } from "lodash-es";
 import { resolveAppearance as pe } from "../dynamic-resolver/index.esm.js";
 import { DgControl as G } from "../designer-canvas/index.esm.js";
 import ve from "../response-toolbar/index.esm.js";
 import { LocaleService as W } from "../locale/index.esm.js";
+import { commonToolbarItemDesignProps as be } from "../../designer/response-toolbar/index.esm.js";
 function Z(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)}`;
+    const { properties: l, title: f, ignore: o } = i, a = o && Array.isArray(o), c = Object.keys(l).reduce((p, g) => ((!a || !o.find((w) => w === g)) && (p[g] = l[g].type === "object" && l[g].properties ? r(l[g]) : _(l[g].default)), p), {});
+    if (f && (!a || !o.find((p) => p === "id"))) {
+      const p = f.toLowerCase().replace(/-/g, "_");
+      c.id = `${p}_${Math.random().toString().slice(2, 6)}`;
     }
-    return s;
+    return c;
   }
-  function c(i) {
-    const { properties: l, title: m, required: o } = i;
+  function s(i) {
+    const { properties: l, title: f, 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)}`;
+      const a = o.reduce((c, p) => (c[p] = l[p].type === "object" && l[p].properties ? r(l[p]) : _(l[p].default), c), {});
+      if (f && o.find((c) => c === "id")) {
+        const c = f.toLowerCase().replace(/-/g, "_");
+        a.id = `${c}_${Math.random().toString().slice(2, 6)}`;
       }
       return a;
     }
     return {
-      type: m
+      type: f
     };
   }
-  function p(i, l = {}, m) {
+  function b(i, l = {}, f) {
     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;
+      let a = s(o);
+      const c = t[i];
+      return a = c ? c({ getSchemaByType: b }, a, l, f) : 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;
+    const f = r(l);
+    return Object.keys(f).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), f), f;
   }
   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];
+        const c = l.get(a);
+        if (typeof c == "string")
+          o[c] = i[a];
         else {
-          const v = s(a, i[a], i);
-          Object.assign(o, v);
+          const p = c(a, i[a], i);
+          Object.assign(o, p);
         }
       } else
         o[a] = i[a];
       return o;
     }, {});
   }
-  function S(i, l, m = /* @__PURE__ */ new Map()) {
+  function C(i, l, f = /* @__PURE__ */ new Map()) {
     const o = d(i, l);
-    return y(o, m);
+    return y(o, f);
   }
   function u(i) {
-    var m;
+    var f;
     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);
+      const a = d(i, o), c = ((f = i.editor) == null ? void 0 : f.type) || "";
+      if (c) {
+        const p = e[c], g = d(i.editor, p);
         a.editor = g;
       }
       return a;
     }
     return i;
   }
-  function f(i) {
+  function m(i) {
     n = i;
   }
-  return { getSchemaByType: p, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: S, mappingSchemaToProps: y, setDesignerContext: f };
+  return { getSchemaByType: b, resolveSchemaWithDefaultValue: u, resolveSchemaToProps: C, mappingSchemaToProps: y, setDesignerContext: m };
 }
-const J = {}, Q = {}, { resolveSchemaWithDefaultValue: be, resolveSchemaToProps: ge, mappingSchemaToProps: ye } = Z(J, Q);
-function Ce(e = {}) {
-  function t(u, f, i, l) {
+const J = {}, Q = {}, { resolveSchemaWithDefaultValue: ge, resolveSchemaToProps: ye, mappingSchemaToProps: Ce } = Z(J, Q);
+function Se(e = {}) {
+  function t(u, m, i, l) {
     if (typeof i == "number")
       return l[u].length === i;
     if (typeof i == "object") {
-      const m = Object.keys(i)[0], o = i[m];
-      if (m === "not")
+      const f = Object.keys(i)[0], o = i[f];
+      if (f === "not")
         return Number(l[u].length) !== Number(o);
-      if (m === "moreThan")
+      if (f === "moreThan")
         return Number(l[u].length) >= Number(o);
-      if (m === "lessThan")
+      if (f === "lessThan")
         return Number(l[u].length) <= Number(o);
     }
     return !1;
   }
-  function n(u, f, i, l) {
+  function n(u, m, 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, f) => (u.set(f, e[f]), u), r);
-  function c(u, f) {
+  Object.keys(e).reduce((u, m) => (u.set(m, e[m]), u), r);
+  function s(u, m) {
     const i = u;
-    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) => {
+    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) => {
       if (l === "length")
-        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 };
+        return { target: i, operator: "length", param: null, value: m[l] };
+      const f = l, o = m[l];
+      return { target: i, operator: "getProperty", param: f, value: o };
     }) : [];
   }
-  function p(u) {
+  function b(u) {
     return Object.keys(u).reduce((i, l) => {
-      const m = c(l, u[l]);
-      return i.push(...m), i;
+      const f = s(l, u[l]);
+      return i.push(...f), i;
     }, []);
   }
-  function d(u, f) {
+  function d(u, m) {
     if (r.has(u.operator)) {
       const i = r.get(u.operator);
-      return i && i(u.target, u.param, u.value, f) || !1;
+      return i && i(u.target, u.param, u.value, m) || !1;
     }
     return !1;
   }
-  function y(u, f) {
-    return p(u).reduce((m, o) => m && d(o, f), !0);
+  function y(u, m) {
+    return b(u).reduce((f, o) => f && d(o, m), !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);
+  function C(u, m) {
+    const i = Object.keys(u), l = i.includes("allOf"), f = i.includes("anyOf"), o = l || f, p = (o ? u[o ? l ? "allOf" : "anyOf" : "allOf"] : [u]).map((w) => y(w, m));
+    return l ? !p.includes(!1) : p.includes(!0);
   }
-  return { parseValueSchema: S };
+  return { parseValueSchema: C };
 }
-const Se = {
+const Te = {
   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 = {
-  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, he = {
+  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
+}, Fe = {
   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]
-}, Fe = {
+}, xe = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -195,10 +196,12 @@ const Se = {
   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: "评论区" },
@@ -206,19 +209,20 @@ const Se = {
   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" }
 }, we = {
   convertFrom: (e, t, n) => {
-    var c;
+    var s;
     const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((c = Fe[r]) == null ? void 0 : c.name) || r;
+    return ((s = xe[r]) == null ? void 0 : s.name) || r;
   }
-}, xe = {
+}, ke = {
   convertTo: (e, t, n, r) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, ke = {
+}, Oe = {
   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
@@ -297,11 +301,11 @@ const Se = {
     ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, n) => {
-    var r, c;
+    var r, s;
     if (e.command) {
       if (t === "enableType") {
-        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";
+        const b = (s = (r = e.command) == null ? void 0 : r.commands) == null ? void 0 : s.find((d) => d.command === "edit" && d.type === "primary");
+        return e.command.enable ? b ? "default" : "custom" : "unable";
       }
       if (t === "commands")
         return e.command.enableType === "custom" ? e.command.commands : [];
@@ -312,7 +316,7 @@ const Se = {
     }
     return "";
   }
-}, Oe = {
+}, Me = {
   convertTo: (e, t, n, r) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
@@ -327,7 +331,7 @@ const Se = {
     }
     return "";
   }
-}, Me = {
+}, Re = {
   convertTo: (e, t, n, r) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -340,7 +344,7 @@ const Se = {
     var r;
     return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((r = e.summary) == null ? void 0 : r[t]) || "bottom" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
   }
-}, ze = {
+}, je = {
   convertTo: (e, t, n, r) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
@@ -358,7 +362,7 @@ const Se = {
         return e.group.showSummary;
     }
   }
-}, Ee = {
+}, ze = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -366,12 +370,12 @@ 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 = {
+}, Ee = {
   convertTo: (e, t, n, r) => {
     e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = n.split(",") : e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
-}, Re = {
+}, Ae = {
   convertTo: (e, t, n, r) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
@@ -381,38 +385,38 @@ const Se = {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
   convertFrom: (e, t, n) => {
-    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];
+    var r, s;
+    return t === "showCheckbox" ? (r = e.selection) != null && r.multiSelect ? !0 : (s = e.selection) == null ? void 0 : s.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
 }, He = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Ae = {
+}, Le = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, Le = {
+}, Ne = {
   convertTo: (e, t, n, r) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, Ne = {
+}, $e = {
   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;
+    var r, s;
+    return (r = e.formatter) != null && r.data && t === "formatterEnumData" && !e.formatterEnumData ? (s = e.formatter) == null ? void 0 : s.data : e.formatterEnumData;
   }
 }, Be = {
   convertTo: (e, t, n, r) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var r, c;
+    var r, s;
     if (t === "mode")
       return ((r = e.sort) == null ? void 0 : r.mode) || "client";
     if (t === "multiSort")
-      return !!((c = e.sort) != null && c.multiSort);
+      return !!((s = e.sort) != null && s.multiSort);
   }
-}, $e = {
+}, Ie = {
   convertTo: (e, t, n, r) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
@@ -421,7 +425,7 @@ const Se = {
     if (t === "mode")
       return ((r = e.filter) == null ? void 0 : r.mode) || "client";
   }
-}, Ie = {
+}, qe = {
   convertTo: (e, t, n, r) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
@@ -438,7 +442,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"
@@ -450,32 +454,43 @@ const Se = {
                     </span>`), t === "columnTemplateType" && n === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && n === "custom" && (e.columnTemplate = ""));
   },
   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" : ""
+}, Ge = {
+  convertTo: (e, t, n, r) => {
+    e.hierarchy || (e.hierarchy = {
+      cascadeOption: {}
+    }), e.hierarchy.cascadeOption || (e.hierarchy.cascadeOption = {}), e.hierarchy.cascadeOption[t] = n;
+  },
+  convertFrom: (e, t, n) => {
+    var r, s;
+    return !!((s = (r = e.hierarchy) == null ? void 0 : r.cascadeOption) != null && s[t]);
+  }
 };
 function U(e, t, n) {
   const r = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", Se],
-    ["/converter/buttons.converter", Te],
-    ["/converter/property-editor.converter", he],
+    ["/converter/appearance.converter", Te],
+    ["/converter/buttons.converter", he],
+    ["/converter/property-editor.converter", Fe],
     ["/converter/items-count.converter", He],
     ["/converter/type.converter", we],
-    ["/converter/change-editor.converter", xe],
-    ["/converter/change-formatter.converter", ke],
+    ["/converter/change-editor.converter", ke],
+    ["/converter/change-formatter.converter", Oe],
     ["/converter/column-command.converter", Pe],
-    ["/converter/column-option.converter", Oe],
-    ["/converter/summary.converter", Me],
-    ["/converter/group.converter", ze],
-    ["/converter/form-group-label.converter", Ae],
-    ["/converter/field-selector.converter", Ee],
-    ["/converter/pagination.converter", je],
-    ["/converter/row-number.converter", Re],
+    ["/converter/column-option.converter", Me],
+    ["/converter/summary.converter", Re],
+    ["/converter/group.converter", je],
+    ["/converter/form-group-label.converter", Le],
+    ["/converter/field-selector.converter", ze],
+    ["/converter/pagination.converter", Ee],
+    ["/converter/row-number.converter", Ae],
     ["/converter/grid-selection.converter", De],
-    ["/converter/size.converter", Le],
-    ["/converter/change-formatter-enum.converter", Ne],
+    ["/converter/size.converter", Ne],
+    ["/converter/change-formatter-enum.converter", $e],
     ["/converter/grid-sort.converter", Be],
-    ["/converter/grid-filter.converter", $e],
-    ["/converter/row-option.converter", Ie],
-    ["/converter/change-formatter-type.converter", qe]
-  ]), c = /* @__PURE__ */ new Map([
+    ["/converter/grid-filter.converter", Ie],
+    ["/converter/row-option.converter", qe],
+    ["/converter/change-formatter-type.converter", _e],
+    ["/converter/tree-auto-check.converter", Ge]
+  ]), s = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -499,182 +514,182 @@ function U(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), p = Ce();
+  ]), b = Se();
   function d(o, a) {
-    return () => p.parseValueSchema(o, a);
+    return () => b.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 : d(a.visible, s) : () => !0;
+  function y(o, a, c) {
+    return o.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : d(a.visible, c) : () => !0;
   }
-  function S(o, a, s) {
-    return o.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : d(a.readonly, s) : () => !1;
+  function C(o, a, c) {
+    return o.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : d(a.readonly, c) : () => !1;
   }
   function u(o, a) {
-    const s = o.$converter || a;
-    return typeof s == "string" && s && r.has(s) ? r.get(s) || null : s || null;
+    const c = o.$converter || a;
+    return typeof c == "string" && c && r.has(c) ? r.get(c) || null : c || null;
   }
-  function f(o, a, s, v, g, k = "", h = "") {
-    return Object.keys(o).map((C) => {
-      const P = j(1), O = C, T = o[C], b = Object.keys(T), H = T.title, R = T.type, D = c.get(R) || { type: "input-group", enableClear: !1 }, E = T.editor ? Object.assign({}, D, T.editor) : Object.assign({}, D), L = y(b, T, a), A = S(b, T, a);
-      E.readonly = E.readonly === void 0 ? A() : E.readonly;
-      const N = T.type === "cascade" ? f(T.properties, a, s, v, g, k, h) : [], B = !0;
-      let M = u(T, h);
+  function m(o, a, c, p, g, w = "", F = "") {
+    return Object.keys(o).map((T) => {
+      const j = z(1), O = T, S = o[T], v = Object.keys(S), D = S.title, E = S.type, A = s.get(E) || { type: "input-group", enableClear: !1 }, R = S.editor ? Object.assign({}, A, S.editor) : Object.assign({}, A), N = y(v, S, a), L = C(v, S, a);
+      R.readonly = R.readonly === void 0 ? L() : R.readonly;
+      const $ = S.type === "cascade" ? m(S.properties, a, c, p, g, w, F) : [], B = !0;
+      let P = u(S, F);
       const oe = x({
         get() {
-          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, k);
-            const z = s[C];
-            return Object.prototype.hasOwnProperty.call(T, "defaultValue") && (z === void 0 || typeof z == "string" && z === "") ? T.type === "boolean" ? T.defaultValue : T.defaultValue || "" : z;
+          if (j.value) {
+            if (["class", "style"].find((se) => se === O) && !P && (P = r.get("/converter/appearance.converter") || null), P && P.convertFrom)
+              return P.convertFrom(c, T, g, w);
+            const M = c[T];
+            return Object.prototype.hasOwnProperty.call(S, "defaultValue") && (M === void 0 || typeof M == "string" && M === "") ? S.type === "boolean" ? S.defaultValue : S.defaultValue || "" : M;
           }
           return null;
         },
-        set(z) {
-          P.value += 1, M && M.convertTo ? (M.convertTo(v, C, z, g, k), M.convertTo(s, C, z, g, k)) : (v[C] = z, s[C] = z);
+        set(M) {
+          j.value += 1, P && P.convertTo ? (P.convertTo(p, T, M, g, w), P.convertTo(c, T, M, g, w)) : (p[T] = M, c[T] = M);
         }
-      }), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se } = T, I = { propertyID: O, propertyName: H, propertyType: R, propertyValue: oe, editor: E, visible: L, readonly: A, cascadeConfig: N, hideCascadeTitle: B, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se };
+      }), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: ce } = S, I = { propertyID: O, propertyName: D, propertyType: E, propertyValue: oe, editor: R, visible: N, readonly: L, cascadeConfig: $, hideCascadeTitle: B, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: ce };
       return a[O] = I, I;
     });
   }
-  function i(o, a, s = {}) {
-    const v = {}, g = e[o];
-    return g && g.categories ? Object.keys(g.categories).map((h) => {
-      const w = g.categories[h], C = w == null ? void 0 : w.title, P = f(w.properties || {}, v, {}, s, a);
-      return { categoryId: h, categoryName: C, properties: P };
+  function i(o, a, c = {}) {
+    const p = {}, g = e[o];
+    return g && g.categories ? Object.keys(g.categories).map((F) => {
+      const k = g.categories[F], T = k == null ? void 0 : k.title, j = m(k.properties || {}, p, {}, c, a);
+      return { categoryId: F, categoryName: T, properties: j };
     }) : [];
   }
-  function l(o, a, s, v, g = "") {
-    const k = a.$ref.schema, h = a.$ref.converter, w = s[k], C = w.type, P = n(w), O = {}, T = e[C];
-    if (T && T.categories) {
-      const b = T.categories[o], H = b == null ? void 0 : b.title;
-      h && Object.keys(b.properties).forEach((E) => {
-        b.properties[E].$converter = h;
+  function l(o, a, c, p, g = "") {
+    const w = a.$ref.schema, F = a.$ref.converter, k = c[w], T = k.type, j = n(k), O = {}, S = e[T];
+    if (S && S.categories) {
+      const v = S.categories[o], D = v == null ? void 0 : v.title;
+      F && Object.keys(v.properties).forEach((R) => {
+        v.properties[R].$converter = F;
       });
-      const R = (b == null ? void 0 : b.properties) || {}, D = f(R, O, P, w, v, g);
-      return { categoryId: o, categoryName: H, properties: D };
+      const E = (v == null ? void 0 : v.properties) || {}, A = m(E, O, j, k, p, g);
+      return { categoryId: o, categoryName: D, properties: A };
     }
     return { categoryId: o, categoryName: "", properties: [] };
   }
-  function m(o, a, s, v, g) {
-    const k = o.type, h = n(o), w = {};
-    let C = g || e[k];
-    if (!(C && Object.keys(C).length > 0) && s && s.getPropConfig && (C = s.getPropConfig(v)), C && C.categories) {
+  function f(o, a, c, p, g) {
+    const w = o.type, F = n(o), k = {};
+    let T = g || e[w];
+    if (!(T && Object.keys(T).length > 0) && c && c.getPropConfig && (T = c.getPropConfig(p)), T && T.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 Object.keys(T.categories).map((S) => {
+        const v = T.categories[S];
+        if (v.$ref) {
+          O.push(l(S, v, o, a, p));
           return;
         }
-        const H = b == null ? void 0 : b.title, R = b == null ? void 0 : b.tabId, D = b == null ? void 0 : b.tabName, E = b == null ? void 0 : b.hide, L = b == null ? void 0 : b.hideTitle, A = f(b.properties || {}, w, h, o, a, v, b.$converter), { setPropertyRelates: N } = b, B = b == null ? void 0 : b.parentPropertyID;
-        O.push({ categoryId: T, categoryName: H, tabId: R, tabName: D, hide: E, properties: A, hideTitle: L, setPropertyRelates: N, parentPropertyID: B });
+        const D = v == null ? void 0 : v.title, E = v == null ? void 0 : v.tabId, A = v == null ? void 0 : v.tabName, R = v == null ? void 0 : v.hide, N = v == null ? void 0 : v.hideTitle, L = m(v.properties || {}, k, F, o, a, p, v.$converter), { setPropertyRelates: $ } = v, B = v == null ? void 0 : v.parentPropertyID;
+        O.push({ categoryId: S, categoryName: D, tabId: E, tabName: A, hide: R, properties: L, hideTitle: N, setPropertyRelates: $, parentPropertyID: B });
       }), O;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: m,
+    getPropertyConfigBySchema: f,
     getPropertyConfigByType: i,
     propertyConverterMap: r
   };
 }
 const X = {}, Y = {};
-U(X, Y, be);
-const V = {}, K = {}, { resolveSchemaWithDefaultValue: _e } = Z(V, K), ee = {}, te = {};
-U(ee, te, _e);
-function Ge(e, t, n = /* @__PURE__ */ new Map(), r = (d, y, S, u) => y, c = {}, p = (d) => d) {
-  return J[t.title] = t, Q[t.title] = r, X[t.title] = c, Y[t.title] = p, V[t.title] = t, K[t.title] = r, ee[t.title] = c, te[t.title] = p, (d = {}, y = !0) => {
+U(X, Y, ge);
+const V = {}, K = {}, { resolveSchemaWithDefaultValue: We } = Z(V, K), ee = {}, te = {};
+U(ee, te, We);
+function Ze(e, t, n = /* @__PURE__ */ new Map(), r = (d, y, C, u) => y, s = {}, b = (d) => d) {
+  return J[t.title] = t, Q[t.title] = r, X[t.title] = s, Y[t.title] = b, V[t.title] = t, K[t.title] = r, ee[t.title] = s, te[t.title] = b, (d = {}, y = !0) => {
     if (!y)
-      return ye(d, n);
-    const S = ge(d, t, n), u = Object.keys(e).reduce((f, i) => (f[i] = e[i].default, f), {});
-    return Object.assign(u, S);
+      return Ce(d, n);
+    const C = ye(d, t, n), u = Object.keys(e).reduce((m, i) => (m[i] = e[i].default, m), {});
+    return Object.assign(u, C);
   };
 }
-function We(e, t) {
+function Je(e, t) {
   if (!e || e.length < 1)
     return null;
   for (const n of e) {
     if (n.id === t)
       return n;
     if (n.children) {
-      const r = n.children.find((c) => c.id === t);
+      const r = n.children.find((s) => s.id === t);
       if (r)
         return r;
     }
   }
   return null;
 }
-function Ze() {
+function Qe() {
   function e(t, n) {
     var y;
     const r = (y = t.toolbar) == null ? void 0 : y.buttons;
     if (!r || r.length < 1)
       return null;
-    const [c, p] = n.payloads, d = We(r, p);
+    const [s, b] = n.payloads, d = Je(r, b);
     return d ? d.onClick || d.click : null;
   }
   return {
     resolve: e
   };
 }
-function Je(e, t, n) {
+function Ue(e, t, n) {
   return t ? { enableAccordion: n.accordionMode } : { enableAccordion: "" };
 }
-function Qe(e, t) {
-  var n;
-  return {
+function Xe(e, t) {
+  var r, s;
+  const n = {
     buttons: t.buttons,
     buttonPosition: t.position,
-    buttonsClass: (n = t.appearance) == null ? void 0 : n.class,
     buttonsVisible: t.visible
   };
+  return (r = t.appearance) != null && r.class && (n.buttonsClass = (s = t.appearance) == null ? void 0 : s.class), n;
 }
-const Ue = /* @__PURE__ */ new Map([
+const Ye = /* @__PURE__ */ new Map([
   ["appearance", pe],
   ["expanded", "expandStatus"],
-  ["enableAccordion", Je],
-  ["toolbar", Qe]
+  ["enableAccordion", Ue],
+  ["toolbar", Xe]
 ]);
-function Xe(e, t) {
-  var p, d;
+function Ve(e, t) {
+  var b, d;
   if (!(t != null && t.schema))
     return;
-  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");
+  const n = ((d = (b = t.schema) == null ? void 0 : b.appearance) == null ? void 0 : d.class) || "", r = t.elementRef, s = window.getComputedStyle(r);
+  s && s.display === "flex" && !n.includes("f-page-child-fill") && (e.appearance.class += " d-block");
 }
-function Ye(e, t) {
-  var S;
-  const n = Math.random().toString().slice(2, 6), r = t.parentComponentInstance, c = e.getSchemaByType("section");
-  Object.assign(c, {
+function Ke(e, t) {
+  var C;
+  const n = Math.random().toString().slice(2, 6), r = t.parentComponentInstance, s = e.getSchemaByType("section");
+  Object.assign(s, {
     id: `section-${n}`,
     appearance: {
       class: "f-section-in-mainsubcard"
     },
-    mainTitle: t.mainTitle || c.mainTitle || "标题"
+    mainTitle: t.mainTitle || s.mainTitle || "标题"
   });
-  const p = e.getSchemaByType("content-container");
-  Object.assign(p, {
+  const b = e.getSchemaByType("content-container");
+  Object.assign(b, {
     id: `container-${n}`,
     appearance: {
       class: "f-struct-wrapper"
     },
-    contents: [c]
+    contents: [s]
   });
-  const d = r.schema, y = ((S = d.appearance) == null ? void 0 : S.class) || "";
+  const d = r.schema, y = ((C = d.appearance) == null ? void 0 : C.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);
+      s.appearance.class = "f-section-in-main", y.includes("f-page-child-fill") && (b.appearance.class += " f-struct-wrapper-child", s.fill = !0);
       break;
     }
     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);
+      d.isLikeCardContainer && y.includes("f-struct-like-card-child-fill") && (b.appearance.class += " f-struct-wrapper-child", s.fill = !0);
   }
-  return Xe(p, r), p;
+  return Ve(b, r), b;
 }
-function Ve(e, t, n) {
-  return n.parentComponentInstance ? Ye(e, n) : t;
+function et(e, t, n) {
+  return n.parentComponentInstance ? Ke(e, n) : t;
 }
-const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-design.gitee.io/section.schema.json", tt = "section", nt = "A Farris Container Component", rt = "object", ot = {
+const tt = "https://json-schema.org/draft/2020-12/schema", nt = "https://farris-design.gitee.io/section.schema.json", rt = "section", ot = "A Farris Container Component", it = "object", at = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -770,7 +785,7 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
     type: "string",
     default: ""
   },
-  extendClass: {
+  extendAreaClass: {
     description: "",
     type: "string",
     default: ""
@@ -853,19 +868,29 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
     description: "",
     type: "function",
     default: null
+  },
+  extendedAreaHtml: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  extendAreaRenderFunction: {
+    description: "",
+    type: "function",
+    default: null
   }
-}, it = [
+}, lt = [
   "id",
   "type",
   "contents"
-], at = {
-  $schema: Ke,
-  $id: et,
-  title: tt,
-  description: nt,
-  type: rt,
-  properties: ot,
-  required: it
+], ct = {
+  $schema: tt,
+  $id: nt,
+  title: rt,
+  description: ot,
+  type: it,
+  properties: at,
+  required: lt
 }, ne = {
   /** 设置内容区域样式 */
   contentClass: { type: String, default: "" },
@@ -886,14 +911,16 @@ const Ke = "https://json-schema.org/draft/2020-12/schema", et = "https://farris-
   expandLabel: { type: String, default: "展开" },
   /** 收起文本 */
   collapseLabel: { type: String, default: "收起" },
-  /** 头部区域的自定义样式。配置头部自定义模板后，此属性有效。 */
+  /** 头部区域的自定义样式 */
   headerClass: { type: String, default: "" },
+  /** 头部内容区域的自定义样式 */
+  headerContentClass: { type: String, default: "" },
   /** 设置是否启用最大化 */
   enableMaximize: { type: Boolean, default: !1 },
-  /** 头部扩展区域的自定义样式。配置头部扩展区域模板后，此属性有效。 */
-  headerContentClass: { type: String, default: "" },
   /** 扩展区域的自定义样式。配置扩展区域模板后，此属性有效。 */
-  extendClass: { type: String, default: "" },
+  extendAreaClass: { type: String, default: "" },
+  /** 扩展区域的自定义模版。 */
+  extendAreaRenderFunction: { type: Function },
   /** 按钮组 */
   buttons: { type: Array, default: [] },
   /** 按钮组的位置，inHead:头部区域| inContent:内容区域 */
@@ -925,10 +952,10 @@ 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(ne, at, Ue, Ve), yt = Ze();
-function lt(e, t, n) {
+}, St = Ze(ne, ct, Ye, et), Tt = Qe();
+function st(e, t, n) {
   let r;
-  function c(S = 1) {
+  function s(C = 1) {
     const u = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -939,17 +966,17 @@ function lt(e, t, n) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], 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);
+    ], m = Array.from(document.body.querySelectorAll(u.join(","))).filter((l) => l).map((l) => {
+      const { display: f, zIndex: o } = window.getComputedStyle(l);
+      return f === "none" ? 0 : parseInt(o, 10);
     }).filter((l) => l);
-    let i = Math.max(...f);
-    return i < 1040 && (i = 1040), i + S;
+    let i = Math.max(...m);
+    return i < 1040 && (i = 1040), i + C;
   }
-  function p() {
+  function b() {
     r = e.value.nextElementSibling;
-    const S = document && document.querySelector("body");
-    S && (S.appendChild(e.value), e.value.style.zIndex = c());
+    const C = document && document.querySelector("body");
+    C && (C.appendChild(e.value), e.value.style.zIndex = s());
   }
   function d() {
     r ? t.value.insertBefore(
@@ -958,169 +985,154 @@ function lt(e, t, n) {
     ) : t.value.appendChild(e.value), e.value.style.zIndex = null;
   }
   function y() {
-    !e || !t.value || (n.value = !n.value, n.value ? p() : d());
+    !e || !t.value || (n.value = !n.value, n.value ? b() : d());
   }
   return { onClickMaxMinIcon: y };
 }
 function re(e, t) {
-  const n = j(e.buttons), r = x(() => e.buttonPosition === "inHead" ? "right" : "left"), c = x(() => "f-section-toolbar  col-6" + (e.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (e.buttonsClass ? " " + e.buttonsClass : "")), p = x(() => e.buttons && e.buttons.length > 0 && e.buttonPosition === "inHead");
-  function d(u, f) {
-    t.emit("click", u, f);
+  const n = z(e.buttons), r = x(() => e.buttonPosition === "inHead" ? "right" : "left"), s = x(() => "f-section-toolbar  col-6" + (e.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (e.buttonsClass ? " " + e.buttonsClass : "")), b = x(() => e.buttons && e.buttons.length > 0 && e.buttonPosition === "inHead");
+  function d(u, m) {
+    t.emit("click", u, m);
   }
   function y() {
-    return p.value && F(ve, {
-      customClass: c.value,
+    return b.value && h(ve, {
+      customClass: s.value,
       items: n.value,
       onClick: d,
       alignment: r.value,
       visible: e.buttonsVisible
     }, null);
   }
-  function S() {
-    return F("div", {
-      class: c.value
-    }, [F("div", {
+  function C() {
+    return h("div", {
+      class: s.value
+    }, [h("div", {
       class: "w-100",
       style: "flex:1"
     }, [e.toolbarRenderFunction()])]);
   }
-  return () => e.toolbarRenderFunction ? S() : y();
+  return () => e.toolbarRenderFunction ? C() : y();
 }
-function st(e, t, n, r, c, p) {
+function ut(e, t, n, r, s, b) {
   const d = {
     collapseLabel: W.getRealPropertyValue(e.collapseLabel, "收起", "section.collapseLabel"),
     expandLabel: W.getRealPropertyValue(e.expandLabel, "展开", "section.expandLabel")
-  }, y = x(() => e.buttonPosition), S = re(e, t), {
+  }, y = x(() => e.buttonPosition), C = re(e, t), {
     onClickMaxMinIcon: u
-  } = lt(r, c, p), f = x(() => e.enableMaximize), i = x(() => e.enableAccordion !== ""), l = x(() => {
-    const h = {
-      "f-section-header": !0
-    };
-    return t.slots.header && e.headerClass.split(" ").reduce((C, P) => (C[P] = !0, C), h), h;
-  });
-  function m(h) {
-    h.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
+  } = st(r, s, b), m = x(() => e.enableMaximize), i = x(() => e.enableAccordion !== ""), l = x(() => H({
+    "f-section-header": !0
+  }, e.headerClass));
+  function f(F) {
+    F.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
   }
   function o() {
-    const h = x(() => ({
+    const F = x(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
       "f-btn-mx": !0,
       "f-state-expand": n.value
-    })), w = x(() => ({
+    })), k = x(() => ({
       "f-icon": !0,
-      "f-icon-maximize": !p.value,
-      "f-icon-minimize": p.value
+      "f-icon-maximize": !b.value,
+      "f-icon-minimize": b.value
     }));
-    return F("div", {
+    return h("div", {
       class: "f-max-accordion"
-    }, [f.value ? F("span", {
-      class: w.value,
+    }, [m.value ? h("span", {
+      class: k.value,
       onClick: u
-    }, null) : "", i.value ? F("button", {
-      class: h.value,
-      onClick: m
-    }, [F("span", null, [n.value ? d.collapseLabel : d.expandLabel])]) : ""]);
+    }, null) : "", i.value ? h("button", {
+      class: F.value,
+      onClick: f
+    }, [h("span", null, [n.value ? d.collapseLabel : d.expandLabel])]) : ""]);
   }
   function a() {
-    return F("div", {
+    return h("div", {
       class: "f-title"
-    }, [F("h4", {
+    }, [h("h4", {
       class: "f-title-text"
-    }, [e.mainTitle]), e.subTitle && F("span", null, [e.subTitle])]);
+    }, [e.mainTitle]), e.subTitle && h("span", null, [e.subTitle])]);
   }
-  function s() {
-    const h = x(() => {
-      const w = {
-        "f-content": !0
-      };
-      return e.headerContentClass && e.headerContentClass.split(" ").reduce((P, O) => (P[O] = !0, P), w), w;
-    });
-    return t.slots.headerContent ? F("div", {
-      class: h.value
-    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? F("div", {
-      class: h.value
-    }, [e.headerContentRenderFunction()]) : null;
+  function c() {
+    const F = x(() => H({
+      "f-content": !0
+    }, e.headerContentClass));
+    return t.slots.headerContent ? h("div", {
+      class: F.value
+    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? h("div", {
+      class: F.value
+    }, [e.headerContentRenderFunction()]) : h("div", {
+      class: F.value
+    }, null);
   }
-  function v() {
+  function p() {
     return t.slots.headerTitle ? t.slots.headerTitle() : e.headerTitleRenderFunction ? e.headerTitleRenderFunction() : a();
   }
   function g() {
-    return F("div", {
+    return h("div", {
       class: l.value
-    }, [v(), s(), y.value === "inHead" && S(), (f.value || i.value) && o()]);
+    }, [p(), c(), y.value === "inHead" && C(), (m.value || i.value) && o()]);
   }
-  function k() {
-    return t.slots.header ? F("div", {
+  function w() {
+    return t.slots.header ? h("div", {
       class: l.value
-    }, [t.slots.header()]) : e.headerRenderFunction ? F("div", {
+    }, [t.slots.header()]) : e.headerRenderFunction ? h("div", {
       class: l.value
     }, [e.headerRenderFunction()]) : g();
   }
-  return () => e.showHeader && k();
+  return () => e.showHeader && w();
 }
-const ct = /* @__PURE__ */ ue({
+const dt = /* @__PURE__ */ ue({
   name: "FSection",
   props: ne,
   emits: ["click"],
   setup(e, t) {
-    const n = j(), r = j(), c = j(e.customClass), p = x(() => e.enableAccordion), d = j(e.expandStatus), y = x(() => e.buttonPosition), S = j(!1), u = st(e, t, d, n, r, S), f = re(e, t), i = x(() => {
-      const s = {
+    const n = z(), r = z(), s = z(e.customClass), b = x(() => e.enableAccordion), d = z(e.expandStatus), y = x(() => e.buttonPosition), C = z(!1), u = ut(e, t, d, n, r, C), m = re(e, t), i = x(() => {
+      const c = {
         "f-section": !0,
-        "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-accordion": b.value === "default",
+        "f-state-collapse": b.value && !d.value,
+        "f-section-custom-accordion": b.value === "custom",
         "f-section-fill": e.fill,
-        "f-section-maximize": S.value
+        "f-section-maximize": C.value
       };
-      return $(s, c.value);
-    }), l = x(() => $({
+      return H(c, s.value);
+    }), l = x(() => H({
       "f-section-content": !0
-    }, e.contentClass)), m = x(() => $({
+    }, e.contentClass)), f = x(() => H({
       "f-section-extend": !0
-    }, e.extendClass));
+    }, e.extendAreaClass));
     function o() {
-      return t.slots.extend && F("div", {
-        class: m.value
-      }, [t.slots.extend()]);
+      if (t.slots.extend)
+        return h("div", {
+          class: f.value
+        }, [t.slots.extend()]);
+      if (e.extendAreaRenderFunction)
+        return h("div", {
+          class: f.value
+        }, [e.extendAreaRenderFunction()]);
     }
     function a() {
-      return F("div", {
+      return h("div", {
         class: l.value
-      }, [y.value === "inContent" && f(), t.slots.default && t.slots.default()]);
+      }, [y.value === "inContent" && m(), t.slots.default && t.slots.default()]);
     }
-    return de(() => e.expandStatus, (s, v) => {
-      s !== v && (d.value = s);
+    return de(() => e.expandStatus, (c, p) => {
+      c !== p && (d.value = c);
     }), fe(() => {
       n.value && n.value && (r.value = n.value.parentElement);
-    }), () => e.visible ? F("div", {
+    }), () => e.visible ? h("div", {
       class: i.value,
       ref: n,
       style: e.customStyle
     }, [u(), o(), a()]) : null;
   }
-}), Ct = {
-  id: { type: String, default: "" },
-  items: { type: Object, default: {} },
-  class: { type: String, default: "" },
-  text: { type: String, default: "" },
-  disabled: { type: Boolean, default: !1 },
-  icon: { type: String, default: "" },
-  componentId: { type: String, default: "" },
-  // 是否展开子级
-  expanded: { type: Boolean, default: !1 },
-  alignment: { Type: String, default: "right" },
-  split: { type: Boolean, default: !1 },
-  // 是否下拉
-  isDP: { type: Boolean, default: !1 },
-  // 是否下拉项
-  isDPItem: { type: Boolean, default: !1 }
-}, St = me(ct);
+}), ht = Object.assign({}, be), Ft = me(dt);
 export {
-  ct as Section,
-  St as default,
-  yt as eventHandlerResolver,
-  gt as propsResolver,
+  dt as Section,
+  Ft as default,
+  Tt as eventHandlerResolver,
+  St as propsResolver,
   ne as sectionProps,
-  Ct as sectionToolbarItemProps
+  ht as sectionToolbarItemProps
 };