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

package/components/section/index.esm.js

@@ -1,14 +1,14 @@
-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 q, cloneDeep as _ } from "lodash-es";
+import { ref as R, computed as x, createVNode as F, 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 W } from "lodash-es";
 import { resolveAppearance as pe } from "../dynamic-resolver/index.esm.js";
-import { DgControl as G } from "../designer-canvas/index.esm.js";
+import { DgControl as _ } from "../designer-canvas/index.esm.js";
 import ve from "../response-toolbar/index.esm.js";
-import { LocaleService as W } from "../locale/index.esm.js";
+import { LocaleService as G } from "../locale/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), {});
+    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]) : W(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)}`;
@@ -18,7 +18,7 @@ function Z(e, t) {
   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), {});
+      const a = o.reduce((s, v) => (s[v] = l[v].type === "object" && l[v].properties ? r(l[v]) : W(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)}`;
@@ -149,7 +149,7 @@ const Se = {
     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 = {
+}, Fe = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -203,14 +203,19 @@ const Se = {
   "discussion-list": { type: "discussion-list", name: "评论列表" },
   comment: { type: "comment", name: "评论区" },
   "rich-text-editor": { type: "rich-text-editor", name: "富文本", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, Fe = {
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
+}, we = {
   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 = Fe[r]) == null ? void 0 : c.name) || r;
   }
-}, we = {
+}, xe = {
   convertTo: (e, t, n, r) => {
     e[t] = e[t];
   },
@@ -243,6 +248,8 @@ const Se = {
         return e.formatter.customFormat;
       if (t === "type")
         return e.formatter.type || "none";
+      if (t === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
@@ -264,29 +271,17 @@ const Se = {
     ]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
     ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
@@ -304,6 +299,8 @@ const Se = {
         return e.command.formatter;
       if (t === "count")
         return e.command.count;
+      if (t === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
@@ -331,7 +328,10 @@ const Se = {
       groupFields: []
     });
   },
-  convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
+  convertFrom: (e, t, n) => {
+    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 : "";
+  }
 }, Ee = {
   convertTo: (e, t, n, r) => {
     e.group ? e.group[t] = n : e.group = {
@@ -350,7 +350,7 @@ const Se = {
         return e.group.showSummary;
     }
   }
-}, Re = {
+}, je = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -358,17 +358,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 = {
+}, Re = {
   convertTo: (e, t, n, r) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = n;
+    e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = n.split(",") : e.pagination[t] = n;
   },
-  convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, De = {
+  convertFrom: (e, t, n) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
+}, ze = {
   convertTo: (e, t, n, r) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, He = {
+}, De = {
   convertTo: (e, t, n, r) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
@@ -378,12 +378,12 @@ const Se = {
   }
 }, Ae = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Ne = {
+}, Le = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, ze = {
+}, Ne = {
   convertTo: (e, t, n, r) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
@@ -404,7 +404,7 @@ const Se = {
     if (t === "multiSort")
       return !!((c = e.sort) != null && c.multiSort);
   }
-}, Le = {
+}, He = {
   convertTo: (e, t, n, r) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
@@ -425,6 +425,8 @@ const Se = {
         return e.rowOption.customRowStyle;
       if (t === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (t === "height")
+        return e.rowOption.height;
     }
     return "";
   }
@@ -447,22 +449,22 @@ function U(e, t, n) {
     ["/converter/buttons.converter", Te],
     ["/converter/property-editor.converter", he],
     ["/converter/items-count.converter", Ae],
-    ["/converter/type.converter", Fe],
-    ["/converter/change-editor.converter", we],
+    ["/converter/type.converter", we],
+    ["/converter/change-editor.converter", xe],
     ["/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", Ne],
-    ["/converter/field-selector.converter", Re],
-    ["/converter/pagination.converter", je],
-    ["/converter/row-number.converter", De],
-    ["/converter/grid-selection.converter", He],
-    ["/converter/size.converter", ze],
+    ["/converter/form-group-label.converter", Le],
+    ["/converter/field-selector.converter", je],
+    ["/converter/pagination.converter", Re],
+    ["/converter/row-number.converter", ze],
+    ["/converter/grid-selection.converter", De],
+    ["/converter/size.converter", Ne],
     ["/converter/change-formatter-enum.converter", Be],
     ["/converter/grid-sort.converter", $e],
-    ["/converter/grid-filter.converter", Le],
+    ["/converter/grid-filter.converter", He],
     ["/converter/row-option.converter", Ie],
     ["/converter/change-formatter-type.converter", qe]
   ]), c = /* @__PURE__ */ new Map([
@@ -505,11 +507,11 @@ function U(e, t, n) {
   }
   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), 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 P = R(1), O = C, T = o[C], b = Object.keys(T), A = T.title, z = T.type, D = c.get(z) || { type: "input-group", enableClear: !1 }, j = T.editor ? Object.assign({}, D, T.editor) : Object.assign({}, D), N = y(b, T, a), L = S(b, T, a);
+      j.readonly = j.readonly === void 0 ? L() : j.readonly;
       const B = T.type === "cascade" ? f(T.properties, a, s, v, g, k, h) : [], $ = !0;
       let M = u(T, h);
-      const oe = w({
+      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)
@@ -522,31 +524,31 @@ function U(e, t, n) {
         set(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 } = 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 };
+      }), { refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se } = T, I = { propertyID: O, propertyName: A, propertyType: z, propertyValue: oe, editor: j, visible: N, readonly: L, cascadeConfig: B, hideCascadeTitle: $, refreshPanelAfterChanged: ie, description: ae, isExpand: le, parentPropertyID: se };
       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 F = g.categories[h], C = F == null ? void 0 : F.title, P = f(F.properties || {}, v, {}, s, a);
+      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 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];
+    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], A = b == null ? void 0 : b.title;
-      h && Object.keys(b.properties).forEach((R) => {
-        b.properties[R].$converter = h;
+      h && Object.keys(b.properties).forEach((j) => {
+        b.properties[j].$converter = h;
       });
-      const D = (b == null ? void 0 : b.properties) || {}, H = f(D, O, P, F, v, g);
-      return { categoryId: o, categoryName: A, properties: H };
+      const z = (b == null ? void 0 : b.properties) || {}, D = f(z, O, P, w, v, g);
+      return { categoryId: o, categoryName: A, properties: D };
     }
     return { categoryId: o, categoryName: "", properties: [] };
   }
   function m(o, a, s, v, g) {
-    const k = o.type, h = n(o), F = {};
+    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) {
       const O = [];
@@ -556,8 +558,8 @@ function U(e, t, n) {
           O.push(l(T, b, o, a, v));
           return;
         }
-        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: $ });
+        const A = b == null ? void 0 : b.title, z = b == null ? void 0 : b.tabId, D = b == null ? void 0 : b.tabName, j = b == null ? void 0 : b.hide, N = b == null ? void 0 : b.hideTitle, L = f(b.properties || {}, w, h, o, a, v, b.$converter), { setPropertyRelates: B } = b, $ = b == null ? void 0 : b.parentPropertyID;
+        O.push({ categoryId: T, categoryName: A, tabId: z, tabName: D, hide: j, properties: L, hideTitle: N, setPropertyRelates: B, parentPropertyID: $ });
       }), O;
     }
     return [];
@@ -570,9 +572,9 @@ function U(e, t, n) {
 }
 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) {
+const V = {}, K = {}, { resolveSchemaWithDefaultValue: We } = Z(V, K), ee = {}, te = {};
+U(ee, te, We);
+function _e(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) => {
     if (!y)
       return ye(d, n);
@@ -580,7 +582,7 @@ function Ge(e, t, n = /* @__PURE__ */ new Map(), r = (d, y, S, u) => y, c = {},
     return Object.assign(u, S);
   };
 }
-function We(e, t) {
+function Ge(e, t) {
   if (!e || e.length < 1)
     return null;
   for (const n of e) {
@@ -600,7 +602,7 @@ function Ze() {
     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 [c, p] = n.payloads, d = Ge(r, p);
     return d ? d.onClick || d.click : null;
   }
   return {
@@ -652,11 +654,11 @@ function Ye(e, t) {
   });
   const d = r.schema, y = ((S = d.appearance) == null ? void 0 : S.class) || "";
   switch (d && d.type) {
-    case G["splitter-pane"].type: {
+    case _["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 G["content-container"].type:
+    case _["content-container"].type:
       d.isLikeCardContainer && y.includes("f-struct-like-card-child-fill") && (p.appearance.class += " f-struct-wrapper-child", c.fill = !0);
   }
   return Xe(p, r), p;
@@ -915,7 +917,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(ne, at, Ue, Ve), yt = Ze();
+}, gt = _e(ne, at, Ue, Ve), yt = Ze();
 function lt(e, t, n) {
   let r;
   function c(S = 1) {
@@ -953,12 +955,12 @@ function lt(e, t, n) {
   return { onClickMaxMinIcon: y };
 }
 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");
+  const n = R(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);
   }
   function y() {
-    return p.value && x(ve, {
+    return p.value && F(ve, {
       customClass: c.value,
       items: n.value,
       onClick: d,
@@ -967,9 +969,9 @@ function re(e, t) {
     }, null);
   }
   function S() {
-    return x("div", {
+    return F("div", {
       class: c.value
-    }, [x("div", {
+    }, [F("div", {
       class: "w-100",
       style: "flex:1"
     }, [e.toolbarRenderFunction()])]);
@@ -978,11 +980,11 @@ function re(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), {
+    collapseLabel: G.getRealPropertyValue(e.collapseLabel, "收起", "section.collapseLabel"),
+    expandLabel: G.getRealPropertyValue(e.expandLabel, "展开", "section.expandLabel")
+  }, y = x(() => e.buttonPosition), S = re(e, t), {
     onClickMaxMinIcon: u
-  } = lt(r, c, p), f = w(() => e.enableMaximize), i = w(() => e.enableAccordion !== ""), l = w(() => {
+  } = lt(r, c, p), f = x(() => e.enableMaximize), i = x(() => e.enableAccordion !== ""), l = x(() => {
     const h = {
       "f-section-header": !0
     };
@@ -992,43 +994,43 @@ function st(e, t, n, r, c, p) {
     h.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
   }
   function o() {
-    const h = w(() => ({
+    const h = x(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
       "f-btn-mx": !0,
       "f-state-expand": n.value
-    })), F = w(() => ({
+    })), w = x(() => ({
       "f-icon": !0,
       "f-icon-maximize": !p.value,
       "f-icon-minimize": p.value
     }));
-    return x("div", {
+    return F("div", {
       class: "f-max-accordion"
-    }, [f.value ? x("span", {
-      class: F.value,
+    }, [f.value ? F("span", {
+      class: w.value,
       onClick: u
-    }, null) : "", i.value ? x("button", {
+    }, null) : "", i.value ? F("button", {
       class: h.value,
       onClick: m
-    }, [x("span", null, [n.value ? d.collapseLabel : d.expandLabel])]) : ""]);
+    }, [F("span", null, [n.value ? d.collapseLabel : d.expandLabel])]) : ""]);
   }
   function a() {
-    return x("div", {
+    return F("div", {
       class: "f-title"
-    }, [x("h4", {
+    }, [F("h4", {
       class: "f-title-text"
-    }, [e.mainTitle]), e.subTitle && x("span", null, [e.subTitle])]);
+    }, [e.mainTitle]), e.subTitle && F("span", null, [e.subTitle])]);
   }
   function s() {
-    const h = w(() => {
-      const F = {
+    const h = x(() => {
+      const w = {
         "f-content": !0
       };
-      return e.headerContentClass && e.headerContentClass.split(" ").reduce((P, O) => (P[O] = !0, P), F), F;
+      return e.headerContentClass && e.headerContentClass.split(" ").reduce((P, O) => (P[O] = !0, P), w), w;
     });
-    return t.slots.headerContent ? x("div", {
+    return t.slots.headerContent ? F("div", {
       class: h.value
-    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? x("div", {
+    }, [t.slots.headerContent()]) : e.headerContentRenderFunction ? F("div", {
       class: h.value
     }, [e.headerContentRenderFunction()]) : null;
   }
@@ -1036,14 +1038,14 @@ function st(e, t, n, r, c, p) {
     return t.slots.headerTitle ? t.slots.headerTitle() : e.headerTitleRenderFunction ? e.headerTitleRenderFunction() : a();
   }
   function g() {
-    return x("div", {
+    return F("div", {
       class: l.value
     }, [v(), s(), y.value === "inHead" && S(), (f.value || i.value) && o()]);
   }
   function k() {
-    return t.slots.header ? x("div", {
+    return t.slots.header ? F("div", {
       class: l.value
-    }, [t.slots.header()]) : e.headerRenderFunction ? x("div", {
+    }, [t.slots.header()]) : e.headerRenderFunction ? F("div", {
       class: l.value
     }, [e.headerRenderFunction()]) : g();
   }
@@ -1054,7 +1056,7 @@ const ct = /* @__PURE__ */ ue({
   props: ne,
   emits: ["click"],
   setup(e, t) {
-    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 n = R(), r = R(), c = R(e.customClass), p = x(() => e.enableAccordion), d = R(e.expandStatus), y = x(() => e.buttonPosition), S = R(!1), u = st(e, t, d, n, r, S), f = re(e, t), i = x(() => {
       const s = {
         "f-section": !0,
         "f-section-accordion": p.value === "default",
@@ -1063,19 +1065,19 @@ const ct = /* @__PURE__ */ ue({
         "f-section-fill": e.fill,
         "f-section-maximize": S.value
       };
-      return L(s, c.value);
-    }), l = w(() => L({
+      return H(s, c.value);
+    }), l = x(() => H({
       "f-section-content": !0
-    }, e.contentClass)), m = w(() => L({
+    }, e.contentClass)), m = x(() => H({
       "f-section-extend": !0
     }, e.extendClass));
     function o() {
-      return t.slots.extend && x("div", {
+      return t.slots.extend && F("div", {
         class: m.value
       }, [t.slots.extend()]);
     }
     function a() {
-      return x("div", {
+      return F("div", {
         class: l.value
       }, [y.value === "inContent" && f(), t.slots.default && t.slots.default()]);
     }
@@ -1083,7 +1085,7 @@ const ct = /* @__PURE__ */ ue({
       s !== v && (d.value = s);
     }), fe(() => {
       n.value && n.value && (r.value = n.value.parentElement);
-    }), () => e.visible ? x("div", {
+    }), () => e.visible ? F("div", {
       class: i.value,
       ref: n,
       style: e.customStyle