@farris/ui-vue 1.8.5-beta.3 → 1.8.5-beta.4

package/components/section/index.esm.js

@@ -1,12 +1,12 @@
-import { ref as L, computed as k, createVNode as w, defineComponent as fe, watch as me, onMounted as pe } from "vue";
-import { getCustomClass as $, getCustomStyle as _, withInstall as be } from "../common/index.esm.js";
+import { ref as L, computed as k, createVNode as w, mergeProps as J, defineComponent as pe, watch as be, onMounted as ve } from "vue";
+import { extractDataAttrs as Q, getCustomClass as $, getCustomStyle as _, withInstall as ge } from "../common/index.esm.js";
 import { isPlainObject as W, cloneDeep as U } from "lodash-es";
-import { resolveAppearance as ve } from "../dynamic-resolver/index.esm.js";
+import { resolveAppearance as ye } from "../dynamic-resolver/index.esm.js";
 import { DgControl as G } from "../designer-canvas/index.esm.js";
-import ge from "../response-toolbar/index.esm.js";
+import Ce from "../response-toolbar/index.esm.js";
 import { LocaleService as Z } from "../locale/index.esm.js";
-import { commonToolbarItemDesignProps as ye } from "../../designer/response-toolbar/index.esm.js";
-function J(e, t) {
+import { commonToolbarItemDesignProps as Se } from "../../designer/response-toolbar/index.esm.js";
+function X(e, t) {
   let n;
   function r(o) {
     const { properties: l, title: m, ignore: u } = o, a = u && Array.isArray(u), c = Object.keys(l).reduce((d, S) => ((!a || !u.find((x) => x === S)) && (d[S] = l[S].type === "object" && l[S].properties ? r(l[S]) : U(l[S].default)), d), {});
@@ -83,8 +83,8 @@ function J(e, t) {
   }
   return { getSchemaByType: f, resolveSchemaWithDefaultValue: s, resolveSchemaToProps: y, mappingSchemaToProps: F, setDesignerContext: v };
 }
-const Q = {}, X = {}, { resolveSchemaWithDefaultValue: Ce, resolveSchemaToProps: Se, mappingSchemaToProps: Te } = J(Q, X);
-function Fe(e = {}) {
+const Y = {}, K = {}, { resolveSchemaWithDefaultValue: Te, resolveSchemaToProps: Fe, mappingSchemaToProps: he } = X(Y, K);
+function we(e = {}) {
   function t(s, v, o, l) {
     if (typeof o == "number")
       return l[s].length === o;
@@ -138,19 +138,19 @@ function Fe(e = {}) {
   }
   return { parseValueSchema: y };
 }
-const he = {
+const xe = {
   convertTo: (e, t, n, r) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, we = {
+}, Pe = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, xe = {
+}, Oe = {
   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]
-}, Pe = {
+}, ke = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -216,18 +216,18 @@ const he = {
   step: { type: "step", name: "步骤条", icon: "step" },
   "dynamic-form": { type: "dynamic-form", name: "动态表单" },
   "field-search-box": { type: "field-search-box", name: "智能搜索框" }
-}, Oe = {
+}, Re = {
   convertFrom: (e, t, n) => {
     var i;
     const r = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((i = Pe[r]) == null ? void 0 : i.name) || r;
+    return ((i = ke[r]) == null ? void 0 : i.name) || r;
   }
-}, ke = {
+}, Me = {
   convertTo: (e, t, n, r) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, Re = {
+}, je = {
   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
@@ -258,7 +258,7 @@ const he = {
     }
     return "none";
   }
-}, Me = {
+}, Ee = {
   convertTo: (e, t, n, r) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
@@ -311,7 +311,7 @@ const he = {
     }
     return "";
   }
-}, je = {
+}, Ne = {
   convertTo: (e, t, n, r) => {
     if (e.column || (e.column = {}), t === "fitMode") {
       n && n !== "none" ? (e.column.fitColumns = !0, e.column.fitMode = n) : (e.column.fitColumns = !1, e.column.fitMode = "average");
@@ -332,7 +332,7 @@ const he = {
     }
     return t === "fitMode" ? "none" : "";
   }
-}, Ee = {
+}, De = {
   convertTo: (e, t, n, r) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -345,7 +345,7 @@ const he = {
     var r, i;
     return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((r = e.summary) == null ? void 0 : r[t]) || "bottom" : t === "customRender" ? ((i = e.summary) == null ? void 0 : i[t]) || "" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
   }
-}, Ne = {
+}, ze = {
   convertTo: (e, t, n, r) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
@@ -368,7 +368,7 @@ const he = {
         return e.group.groupFields;
     }
   }
-}, De = {
+}, Ae = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -376,7 +376,7 @@ const he = {
       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;
     }
   }
-}, ze = {
+}, Le = {
   convertTo: (e, t, n, r) => {
     if (e.pagination || (e.pagination = {}), t === "sizeLimits")
       if (n == null)
@@ -394,12 +394,12 @@ const he = {
     var r;
     return e.pagination ? t === "sizeLimits" ? ((r = e.pagination.sizeLimits) == null ? void 0 : r.join(",")) ?? "" : e.pagination[t] : e[t];
   }
-}, Ae = {
+}, He = {
   convertTo: (e, t, n, r) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Le = {
+}, Be = {
   convertTo: (e, t, n, r) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
@@ -410,7 +410,7 @@ const he = {
     return t === "showCheckbox" && r == null && e.selection.multiSelect === !0 ? !0 : r;
   }
 };
-function He(e) {
+function Ie(e) {
   const { formSchemaUtils: t, formStateMachineUtils: n } = e;
   function r(y, s = "") {
     return {
@@ -438,8 +438,8 @@ function He(e) {
   }
   return { getVariables: f, getControlName: p, getStateMachines: F };
 }
-function Be(e, t, n, r) {
-  const { getVariables: i, getControlName: f, getStateMachines: p } = He(e);
+function $e(e, t, n, r) {
+  const { getVariables: i, getControlName: f, getStateMachines: p } = Ie(e);
   return (F, y = [], s = {}, v = {}, o) => {
     const l = y && y.length > 0 ? y : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
@@ -474,24 +474,24 @@ function Be(e, t, n, r) {
     }), m;
   };
 }
-const Ie = {
+const Ve = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, $e = {
+}, qe = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, Ve = {
+}, _e = {
   convertTo: (e, t, n, r) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, qe = {
+}, We = {
   convertFrom: (e, t, n) => {
     var r, i;
     return (r = e.formatter) != null && r.data && t === "formatterEnumData" && !e.formatterEnumData ? (i = e.formatter) == null ? void 0 : i.data : e.formatterEnumData;
   }
-}, _e = {
+}, Ue = {
   convertTo: (e, t, n, r) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
@@ -502,7 +502,7 @@ const Ie = {
     if (t === "multiSort")
       return !!((i = e.sort) != null && i.multiSort);
   }
-}, We = {
+}, Ge = {
   convertTo: (e, t, n, r) => {
     e.filter || (e.filter = {}), e.filter[t] = n, t === "enable" && (e.enableFilter = !1);
   },
@@ -510,7 +510,7 @@ const Ie = {
     var r, i, f, p;
     return t === "mode" ? ((r = e.filter) == null ? void 0 : r.mode) || "server" : t === "filterStyle" ? ((i = e.filter) == null ? void 0 : i.filterStyle) || "filter-column" : t === "enable" ? ((f = e.filter) == null ? void 0 : f.enable) !== void 0 ? !!e.filter.enable : !!e.enableFilter : ((p = e.filter) == null ? void 0 : p[t]) || void 0;
   }
-}, Ue = {
+}, Ze = {
   convertTo: (e, t, n, r) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
@@ -527,7 +527,7 @@ const Ie = {
     }
     return "";
   }
-}, Ge = {
+}, Je = {
   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"
@@ -539,7 +539,7 @@ const Ie = {
                     </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" : ""
-}, Ze = {
+}, Qe = {
   convertTo: (e, t, n, r) => {
     e.hierarchy || (e.hierarchy = {
       cascadeOption: {}
@@ -549,7 +549,7 @@ const Ie = {
     var r, i;
     return !!((i = (r = e.hierarchy) == null ? void 0 : r.cascadeOption) != null && i[t]);
   }
-}, Je = {
+}, Xe = {
   /**
    * 从 schema.uploadOptions 读取子属性值，供属性面板展示
    */
@@ -561,32 +561,32 @@ const Ie = {
     e.uploadOptions || (e.uploadOptions = {}), e.uploadOptions[t] = n;
   }
 };
-function Y(e, t, n, r) {
+function ee(e, t, n, r) {
   const i = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", he],
-    ["/converter/buttons.converter", we],
-    ["/converter/property-editor.converter", xe],
-    ["/converter/items-count.converter", Ie],
-    ["/converter/type.converter", Oe],
-    ["/converter/change-editor.converter", ke],
-    ["/converter/change-formatter.converter", Re],
-    ["/converter/column-command.converter", Me],
-    ["/converter/column-option.converter", je],
-    ["/converter/summary.converter", Ee],
-    ["/converter/group.converter", Ne],
-    ["/converter/form-group-label.converter", $e],
-    ["/converter/field-selector.converter", De],
-    ["/converter/pagination.converter", ze],
-    ["/converter/row-number.converter", Ae],
-    ["/converter/grid-selection.converter", Le],
-    ["/converter/size.converter", Ve],
-    ["/converter/change-formatter-enum.converter", qe],
-    ["/converter/grid-sort.converter", _e],
-    ["/converter/grid-filter.converter", We],
-    ["/converter/row-option.converter", Ue],
-    ["/converter/change-formatter-type.converter", Ge],
-    ["/converter/upload-options.converter", Je],
-    ["/converter/tree-auto-check.converter", Ze]
+    ["/converter/appearance.converter", xe],
+    ["/converter/buttons.converter", Pe],
+    ["/converter/property-editor.converter", Oe],
+    ["/converter/items-count.converter", Ve],
+    ["/converter/type.converter", Re],
+    ["/converter/change-editor.converter", Me],
+    ["/converter/change-formatter.converter", je],
+    ["/converter/column-command.converter", Ee],
+    ["/converter/column-option.converter", Ne],
+    ["/converter/summary.converter", De],
+    ["/converter/group.converter", ze],
+    ["/converter/form-group-label.converter", qe],
+    ["/converter/field-selector.converter", Ae],
+    ["/converter/pagination.converter", Le],
+    ["/converter/row-number.converter", He],
+    ["/converter/grid-selection.converter", Be],
+    ["/converter/size.converter", _e],
+    ["/converter/change-formatter-enum.converter", We],
+    ["/converter/grid-sort.converter", Ue],
+    ["/converter/grid-filter.converter", Ge],
+    ["/converter/row-option.converter", Ze],
+    ["/converter/change-formatter-type.converter", Je],
+    ["/converter/upload-options.converter", Xe],
+    ["/converter/tree-auto-check.converter", Qe]
   ]), f = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
@@ -612,7 +612,7 @@ function Y(e, t, n, r) {
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }],
     ["multiLanguage", { type: "language-textbox" }]
-  ]), p = Fe();
+  ]), p = we();
   function F(a, c) {
     return () => p.parseValueSchema(a, c);
   }
@@ -632,7 +632,7 @@ function Y(e, t, n, r) {
       D.readonly = D.readonly === void 0 ? H() : D.readonly;
       const B = T.type === "cascade" ? o(T.properties, c, d, S, x, P, R) : [], I = !0;
       let N = v(T, R);
-      const le = k({
+      const ce = k({
         get() {
           if (A.value) {
             if (["class", "style"].find((V) => V === M) && !N && (N = i.get("/converter/appearance.converter") || null), N && N.convertFrom) {
@@ -647,7 +647,7 @@ function Y(e, t, n, r) {
         set(z) {
           A.value += 1, N && N.convertTo ? (N.convertTo(S, h, z, x, P), N.convertTo(d, h, z, x, P)) : (S[h] = z, d[h] = z);
         }
-      }), { refreshPanelAfterChanged: se, description: ce, isExpand: ue, parentPropertyID: de } = T, q = { propertyID: M, propertyName: b, propertyType: C, propertyValue: le, editor: D, visible: j, readonly: H, cascadeConfig: B, hideCascadeTitle: I, refreshPanelAfterChanged: se, description: ce, isExpand: ue, parentPropertyID: de };
+      }), { refreshPanelAfterChanged: ue, description: de, isExpand: fe, parentPropertyID: me } = T, q = { propertyID: M, propertyName: b, propertyType: C, propertyValue: ce, editor: D, visible: j, readonly: H, cascadeConfig: B, hideCascadeTitle: I, refreshPanelAfterChanged: ue, description: de, isExpand: fe, parentPropertyID: me };
       return c[M] = q, q;
     });
   }
@@ -681,7 +681,7 @@ function Y(e, t, n, r) {
       if (O && (d != null && d.getDesignerHostService)) {
         const b = d.getDesignerHostService();
         if (b != null && b.formSchemaUtils) {
-          const C = b.formSchemaUtils.getViewModelIdByComponentId(S) || "", g = Be(
+          const C = b.formSchemaUtils.getViewModelIdByComponentId(S) || "", g = $e(
             b,
             C,
             S,
@@ -729,19 +729,19 @@ function Y(e, t, n, r) {
     propertyConverterMap: i
   };
 }
-const K = {}, ee = {};
-Y(K, ee, Ce);
-const te = {}, ne = {}, { resolveSchemaWithDefaultValue: Qe } = J(te, ne), re = {}, oe = {}, Xe = {};
-Y(re, oe, Qe, Xe);
-function Ye(e, t, n = /* @__PURE__ */ new Map(), r = (p, F, y, s) => F, i = {}, f = (p) => p) {
-  return Q[t.title] = t, X[t.title] = r, K[t.title] = i, ee[t.title] = f, te[t.title] = t, ne[t.title] = r, re[t.title] = i, oe[t.title] = f, (p = {}, F = !0) => {
+const te = {}, ne = {};
+ee(te, ne, Te);
+const re = {}, oe = {}, { resolveSchemaWithDefaultValue: Ye } = X(re, oe), ie = {}, ae = {}, Ke = {};
+ee(ie, ae, Ye, Ke);
+function et(e, t, n = /* @__PURE__ */ new Map(), r = (p, F, y, s) => F, i = {}, f = (p) => p) {
+  return Y[t.title] = t, K[t.title] = r, te[t.title] = i, ne[t.title] = f, re[t.title] = t, oe[t.title] = r, ie[t.title] = i, ae[t.title] = f, (p = {}, F = !0) => {
     if (!F)
-      return Te(p, n);
-    const y = Se(p, t, n), s = Object.keys(e).reduce((v, o) => (v[o] = e[o].default, v), {});
+      return he(p, n);
+    const y = Fe(p, t, n), s = Object.keys(e).reduce((v, o) => (v[o] = e[o].default, v), {});
     return Object.assign(s, y);
   };
 }
-function Ke(e, t) {
+function tt(e, t) {
   if (!e || e.length < 1)
     return null;
   for (const n of e) {
@@ -755,23 +755,23 @@ function Ke(e, t) {
   }
   return null;
 }
-function et() {
+function nt() {
   function e(t, n) {
     var F;
     const r = (F = t.toolbar) == null ? void 0 : F.buttons;
     if (!r || r.length < 1)
       return null;
-    const [i, f] = n.payloads, p = Ke(r, f);
+    const [i, f] = n.payloads, p = tt(r, f);
     return p ? p.onClick || p.click : null;
   }
   return {
     resolve: e
   };
 }
-function tt(e, t, n) {
+function rt(e, t, n) {
   return t ? { enableAccordion: t } : { enableAccordion: "" };
 }
-function nt(e, t) {
+function ot(e, t) {
   var r, i;
   const n = {
     buttons: t.buttons,
@@ -780,20 +780,20 @@ function nt(e, t) {
   };
   return (r = t.appearance) != null && r.class && (n.buttonsClass = (i = t.appearance) == null ? void 0 : i.class), n;
 }
-const rt = /* @__PURE__ */ new Map([
-  ["appearance", ve],
+const it = /* @__PURE__ */ new Map([
+  ["appearance", ye],
   ["expanded", "expandStatus"],
-  ["enableAccordion", tt],
-  ["toolbar", nt]
+  ["enableAccordion", rt],
+  ["toolbar", ot]
 ]);
-function ot(e, t) {
+function at(e, t) {
   var f, p;
   if (!(t != null && t.schema))
     return;
   const n = ((p = (f = t.schema) == null ? void 0 : f.appearance) == null ? void 0 : p.class) || "", r = t.elementRef, i = window.getComputedStyle(r);
   i && i.display === "flex" && !n.includes("f-page-child-fill") && (e.appearance.class += " d-block");
 }
-function it(e, t) {
+function lt(e, t) {
   var y;
   const n = Math.random().toString().slice(2, 6), r = t.parentComponentInstance, i = e.getSchemaByType("section");
   Object.assign(i, {
@@ -820,12 +820,12 @@ function it(e, t) {
     case G["content-container"].type:
       p.isLikeCardContainer && F.includes("f-struct-like-card-child-fill") && (f.appearance.class += " f-struct-wrapper-child", i.fill = !0);
   }
-  return ot(f, r), f;
+  return at(f, r), f;
 }
-function at(e, t, n) {
-  return n.parentComponentInstance ? it(e, n) : t;
+function st(e, t, n) {
+  return n.parentComponentInstance ? lt(e, n) : t;
 }
-const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-design.gitee.io/section.schema.json", ct = "section", ut = "A Farris Container Component", dt = "object", ft = {
+const ct = "https://json-schema.org/draft/2020-12/schema", ut = "https://farris-design.gitee.io/section.schema.json", dt = "section", ft = "A Farris Container Component", mt = "object", pt = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -1030,19 +1030,19 @@ const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-
     type: "string",
     default: "btn-secondary"
   }
-}, mt = [
+}, bt = [
   "id",
   "type",
   "contents"
-], pt = {
-  $schema: lt,
-  $id: st,
-  title: ct,
-  description: ut,
-  type: dt,
-  properties: ft,
-  required: mt
-}, ie = {
+], vt = {
+  $schema: ct,
+  $id: ut,
+  title: dt,
+  description: ft,
+  type: mt,
+  properties: pt,
+  required: bt
+}, le = {
   /**
    * 设置内容区域样式
    */
@@ -1170,8 +1170,8 @@ const lt = "https://json-schema.org/draft/2020-12/schema", st = "https://farris-
   // toolbarPosition: { type: String, default: '' },
   // toolbarButtons: { type: Array<object>, default: [] },
   // toolbar: { type: Object as PropType<ToolbarConfig>, default: {} }
-}, Pt = Ye(ie, pt, rt, at), Ot = et();
-function bt(e, t, n) {
+}, kt = et(le, vt, it, st), Rt = nt();
+function gt(e, t, n) {
   let r;
   function i(y = 1) {
     const s = [
@@ -1207,19 +1207,19 @@ function bt(e, t, n) {
   }
   return { onClickMaxMinIcon: F };
 }
-function ae(e, t) {
+function se(e, t) {
   const n = L(e.buttons), r = k(() => e.buttonPosition === "inHead" ? "right" : "left"), i = k(() => "f-section-toolbar  col-6" + (e.buttonPosition === "inHead" ? " f-toolbar f-section-header--toolbar" : " f-section-content--toolbar") + (e.buttonsClass ? " " + e.buttonsClass : "")), f = k(() => e.buttons && e.buttons.length > 0 && e.buttonPosition === "inHead");
   function p(s, v) {
     t.emit("click", s, v);
   }
   function F() {
-    return f.value && w(ge, {
+    return f.value && w(Ce, J(Q(t.attrs), {
       customClass: i.value,
       items: n.value,
       onClick: p,
       alignment: r.value,
       visible: e.buttonsVisible
-    }, null);
+    }), null);
   }
   function y() {
     return w("div", {
@@ -1231,13 +1231,13 @@ function ae(e, t) {
   }
   return () => e.toolbarRenderFunction ? y() : F();
 }
-function vt(e, t, n, r, i, f) {
+function yt(e, t, n, r, i, f) {
   const p = {
     collapseLabel: Z.getRealPropertyValue(e.collapseLabel, "收起", "section.collapseLabel"),
     expandLabel: Z.getRealPropertyValue(e.expandLabel, "展开", "section.expandLabel")
-  }, F = k(() => e.buttonPosition), y = ae(e, t), {
+  }, F = k(() => e.buttonPosition), y = se(e, t), {
     onClickMaxMinIcon: s
-  } = bt(r, i, f), v = k(() => e.enableMaximize), o = k(() => e.enableAccordion !== ""), l = k(() => $({
+  } = gt(r, i, f), v = k(() => e.enableMaximize), o = k(() => e.enableAccordion !== ""), l = k(() => $({
     "f-section-header": !0
   }, e.headerClass));
   function m(P) {
@@ -1300,12 +1300,12 @@ function vt(e, t, n, r, i, f) {
   }
   return () => e.showHeader && x();
 }
-const gt = /* @__PURE__ */ fe({
+const Ct = /* @__PURE__ */ pe({
   name: "FSection",
-  props: ie,
+  props: le,
   emits: ["click"],
   setup(e, t) {
-    const n = L(), r = L(), i = L(e.customClass), f = k(() => e.enableAccordion), p = L(e.expandStatus), F = k(() => e.buttonPosition), y = L(!1), s = vt(e, t, p, n, r, y), v = ae(e, t), o = k(() => {
+    const n = L(), r = L(), i = L(e.customClass), f = k(() => e.enableAccordion), p = L(e.expandStatus), F = k(() => e.buttonPosition), y = L(!1), s = yt(e, t, p, n, r, y), v = se(e, t), o = k(() => {
       const S = {
         "f-section": !0,
         "f-section-accordion": f.value === "default",
@@ -1348,22 +1348,22 @@ const gt = /* @__PURE__ */ fe({
         style: c.value
       }, [e.footerRenderFunction()]) : null;
     }
-    return me(() => e.expandStatus, (S, x) => {
+    return be(() => e.expandStatus, (S, x) => {
       S !== x && (p.value = S);
-    }), pe(() => {
+    }), ve(() => {
       n.value && n.value && (r.value = n.value.parentElement);
-    }), () => e.visible ? w("div", {
+    }), () => e.visible ? w("div", J(Q(t.attrs), {
       class: o.value,
       ref: n,
       style: e.customStyle
-    }, [s(), u(), a(), d()]) : null;
+    }), [s(), u(), a(), d()]) : null;
   }
-}), kt = Object.assign({}, ye), Rt = be(gt);
+}), Mt = Object.assign({}, Se), jt = ge(Ct);
 export {
-  gt as Section,
-  Rt as default,
-  Ot as eventHandlerResolver,
-  Pt as propsResolver,
-  ie as sectionProps,
-  kt as sectionToolbarItemProps
+  Ct as Section,
+  jt as default,
+  Rt as eventHandlerResolver,
+  kt as propsResolver,
+  le as sectionProps,
+  Mt as sectionToolbarItemProps
 };