vft 0.0.429 → 0.0.430

package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as nt, useAttrs as rt, useSlots as st, ref as g, inject as ee, toRef as ut, computed as m, watch as x, createElementBlock as I, openBlock as C, normalizeClass as i, unref as o, createElementVNode as h, withDirectives as P, renderSlot as it, createCommentVNode as K, Fragment as ct, renderList as dt, toDisplayString as te, createVNode as T, vShow as N, withKeys as he, createBlock as ae, withCtx as ye, createTextVNode as ke, nextTick as z } from "vue";
+import { defineComponent as nt, useAttrs as rt, useSlots as st, ref as g, inject as ee, toRef as ut, computed as m, watch as x, createElementBlock as I, openBlock as C, normalizeClass as i, unref as o, createElementVNode as h, withDirectives as P, renderSlot as it, createCommentVNode as S, Fragment as ct, renderList as dt, toDisplayString as te, createVNode as T, vShow as N, withKeys as he, createBlock as ae, withCtx as ye, createTextVNode as ke, nextTick as z } from "vue";
 import w from "dayjs";
 import { VftButton as we } from "../../button/index.js";
 import { ClickOutside as vt } from "@vft/directives";
@@ -33,7 +33,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
   setup(Pe, { emit: Fe }) {
     const $e = (e, t, l) => !0, n = Pe, b = Fe, f = Ve("picker-panel"), V = Ve("date-picker"), Ie = rt(), Ne = st(), d = g("zh-cn"), le = ee(kt), oe = ee(
       ft
-    ), Ee = ee(wt), { shortcuts: ne, disabledDate: c, cellClassName: Me, defaultTime: J } = le.props, E = ut(le.props, "defaultValue"), S = g(), a = g(w().locale(d.value)), W = g(!1);
+    ), Ee = ee(wt), { shortcuts: ne, disabledDate: c, cellClassName: Me, defaultTime: J } = le.props, E = ut(le.props, "defaultValue"), _ = g(), a = g(w().locale(d.value)), W = g(!1);
     let H = !1;
     const re = m(() => w(J).locale(d.value)), Oe = m(() => a.value.month()), se = m(() => a.value.year()), ue = g([]), F = g(null), $ = g(null), q = (e) => ue.value.length > 0 ? $e(e, ue.value, n.format || "HH:mm:ss") : !0, ie = (e) => J && !fe.value && !W.value && !H ? re.value.year(e.year()).month(e.month()).date(e.date()) : M.value ? e.millisecond(0) : e.startOf("day"), v = (e, ...t) => {
       if (!e)
@@ -56,14 +56,14 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
     }, de = (e) => {
       const t = a.value, l = e ? "add" : "subtract";
       a.value = s.value === "year" ? t[l](10, "year") : t[l](1, "year"), U("year");
-    }, s = g("date"), _e = m(() => {
+    }, s = g("date"), Re = m(() => {
       const e = "年";
       if (s.value === "year") {
         const t = Math.floor(se.value / 10) * 10;
         return `${t} ${e} - ${t + 9} ${e}`;
       }
       return `${se.value} ${e}`;
-    }), Re = (e) => {
+    }), Ke = (e) => {
       const t = be(e.value) ? e.value() : e.value;
       if (t) {
         H = !0, v(w(t).locale(d.value));
@@ -77,7 +77,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
     }, u = m(() => {
       const { type: e } = n;
       return ["week", "month", "months", "year", "years", "dates"].includes(e) ? e : "date";
-    }), G = m(() => u.value === "dates" || u.value === "months" || u.value === "years"), Ke = m(() => u.value === "date" ? s.value : u.value), ve = m(() => !!ne.length), Se = async (e, t) => {
+    }), G = m(() => u.value === "dates" || u.value === "months" || u.value === "years"), Se = m(() => u.value === "date" ? s.value : u.value), ve = m(() => !!ne.length), _e = async (e, t) => {
       u.value === "month" ? (a.value = ge(
         a.value,
         a.value.year(),
@@ -107,8 +107,8 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
     }, M = m(
       () => n.type === "datetime" || n.type === "datetimerange"
     ), Ue = m(() => {
-      const e = M.value || u.value === "dates", t = u.value === "years", l = u.value === "months", p = s.value === "date", y = s.value === "year", _ = s.value === "month";
-      return e && p || t && y || l && _;
+      const e = M.value || u.value === "dates", t = u.value === "years", l = u.value === "months", p = s.value === "date", y = s.value === "year", R = s.value === "month";
+      return e && p || t && y || l && R;
     }), xe = m(() => c ? n.parsedValue ? A(n.parsedValue) ? c(n.parsedValue[0].toDate()) : c(n.parsedValue.toDate()) : !0 : !1), ze = () => {
       if (G.value)
         v(n.parsedValue);
@@ -147,7 +147,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
       month: e.month(),
       date: e.date()
     }), qe = (e, t, l) => {
-      const { hour: p, minute: y, second: _ } = X(e), j = n.parsedValue ? n.parsedValue.hour(p).minute(y).second(_) : e;
+      const { hour: p, minute: y, second: R } = X(e), j = n.parsedValue ? n.parsedValue.hour(p).minute(y).second(R) : e;
       a.value = j, v(a.value, !0), l || (O.value = t);
     }, Ge = (e) => {
       const t = w(e, Q.value).locale(d.value);
@@ -181,7 +181,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
       }
       return e;
     }, Y = () => {
-      ["week", "month", "year", "date"].includes(u.value) && S.value?.focus();
+      ["week", "month", "year", "date"].includes(u.value) && _.value?.focus();
     }, et = () => {
       Y(), u.value === "week" && pe(k.down);
     }, tt = (e) => {
@@ -199,7 +199,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
         t
       ) && F.value === null && $.value === null && (e.preventDefault(), v(a.value, !1));
     }, pe = (e) => {
-      const { up: t, down: l, left: p, right: y, home: _, end: j, pageUp: at, pageDown: lt } = k, ot = {
+      const { up: t, down: l, left: p, right: y, home: R, end: j, pageUp: at, pageDown: lt } = k, ot = {
         year: {
           [t]: -4,
           [l]: 4,
@@ -226,22 +226,22 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
           [l]: 7,
           [p]: -1,
           [y]: 1,
-          [_]: (r) => -r.getDay(),
+          [R]: (r) => -r.getDay(),
           [j]: (r) => -r.getDay() + 6,
           [at]: (r) => -new Date(r.getFullYear(), r.getMonth(), 0).getDate(),
           [lt]: (r) => new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate(),
           offset: (r, D) => r.setDate(r.getDate() + D)
         }
-      }, R = a.value.toDate();
-      for (; Math.abs(a.value.diff(R, "year", !0)) < 1; ) {
-        const r = ot[Ke.value];
+      }, K = a.value.toDate();
+      for (; Math.abs(a.value.diff(K, "year", !0)) < 1; ) {
+        const r = ot[Se.value];
         if (!r) return;
         if (r.offset(
-          R,
-          be(r[e]) ? r[e](R) : r[e] ?? 0
-        ), c && c(R))
+          K,
+          be(r[e]) ? r[e](K) : r[e] ?? 0
+        ), c && c(K))
           break;
-        const D = w(R).locale(d.value);
+        const D = w(K).locale(d.value);
         a.value = D, b("pick", D, !0);
         break;
       }
@@ -314,9 +314,9 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
             key: p,
             type: "button",
             class: i(o(f).e("shortcut")),
-            onClick: (y) => Re(l)
+            onClick: (y) => Ke(l)
           }, te(l.text), 11, gt))), 128))
-        ], 2)) : K("", !0),
+        ], 2)) : S("", !0),
         h("div", {
           class: i(o(f).e("body"))
         }, [
@@ -357,7 +357,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
             ], 2)), [
               [o(vt), He]
             ])
-          ], 2)) : K("", !0),
+          ], 2)) : S("", !0),
           P(h("div", {
             class: i([
               o(V).e("header"),
@@ -391,7 +391,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
               tabindex: "0",
               onKeydown: t[4] || (t[4] = he((l) => B("year"), ["enter"])),
               onClick: t[5] || (t[5] = (l) => B("year"))
-            }, te(_e.value), 35),
+            }, te(Re.value), 35),
             P(h("span", {
               role: "button",
               "aria-live": "polite",
@@ -435,7 +435,7 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
             s.value === "date" ? (C(), ae(pt, {
               key: 0,
               ref_key: "currentViewRef",
-              ref: S,
+              ref: _,
               "selection-mode": u.value,
               date: a.value,
               "parsed-value": e.parsedValue,
@@ -443,27 +443,27 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
               "cell-class-name": o(Me),
               "show-week-number": e.showWeekNumber,
               onPick: Ye
-            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "show-week-number"])) : K("", !0),
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "show-week-number"])) : S("", !0),
             s.value === "year" ? (C(), ae(yt, {
               key: 1,
               ref_key: "currentViewRef",
-              ref: S,
+              ref: _,
               "selection-mode": u.value,
               date: a.value,
               "disabled-date": o(c),
               "parsed-value": e.parsedValue,
               onPick: Be
-            }, null, 8, ["selection-mode", "date", "disabled-date", "parsed-value"])) : K("", !0),
+            }, null, 8, ["selection-mode", "date", "disabled-date", "parsed-value"])) : S("", !0),
             s.value === "month" ? (C(), ae(ht, {
               key: 2,
               ref_key: "currentViewRef",
-              ref: S,
+              ref: _,
               "selection-mode": u.value,
               date: a.value,
               "parsed-value": e.parsedValue,
               "disabled-date": o(c),
-              onPick: Se
-            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date"])) : K("", !0)
+              onPick: _e
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date"])) : S("", !0)
           ], 34)
         ], 2)
       ], 2),
@@ -477,11 +477,10 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
           disabled: Ae.value,
           onClick: Le
         }, {
-          default: ye(() => t[10] || (t[10] = [
-            ke(" 现在 ")
-          ])),
-          _: 1,
-          __: [10]
+          default: ye(() => [...t[10] || (t[10] = [
+            ke(" 现在 ", -1)
+          ])]),
+          _: 1
         }, 8, ["class", "disabled"]), [
           [N, !G.value && e.showNow]
         ]),
@@ -492,11 +491,10 @@ const gt = ["onClick"], Zt = /* @__PURE__ */ nt({
           disabled: xe.value,
           onClick: ze
         }, {
-          default: ye(() => t[11] || (t[11] = [
-            ke(" 确认 ")
-          ])),
-          _: 1,
-          __: [11]
+          default: ye(() => [...t[11] || (t[11] = [
+            ke(" 确认 ", -1)
+          ])]),
+          _: 1
         }, 8, ["class", "disabled"])
       ], 2), [
         [N, Ue.value]

package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js

@@ -516,11 +516,10 @@ const Va = ["onClick"], Da = ["disabled"], Ra = ["disabled"], xa = ["disabled"],
           class: r(e(v).e("link-btn")),
           onClick: ge
         }, {
-          default: ye(() => a[19] || (a[19] = [
-            Ce(" 清除 ")
-          ])),
-          _: 1,
-          __: [19]
+          default: ye(() => [...a[19] || (a[19] = [
+            Ce(" 清除 ", -1)
+          ])]),
+          _: 1
         }, 8, ["class"])) : p("", !0),
         f(e(Ve), {
           plain: "",
@@ -529,11 +528,10 @@ const Va = ["onClick"], Da = ["disabled"], Ra = ["disabled"], xa = ["disabled"],
           disabled: aa.value,
           onClick: a[18] || (a[18] = (l) => e(ue)(!1))
         }, {
-          default: ye(() => a[20] || (a[20] = [
-            Ce(" 确认 ")
-          ])),
-          _: 1,
-          __: [20]
+          default: ye(() => [...a[20] || (a[20] = [
+            Ce(" 确认 ", -1)
+          ])]),
+          _: 1
         }, 8, ["class", "disabled"])
       ], 2)) : p("", !0)
     ], 2));

package/es/components/date-picker/date-picker.d.ts

@@ -188,11 +188,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [DateModelType, DateModelType]) | (() => import("vft/es/components/time-picker").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/date-picker/index.d.ts

@@ -187,11 +187,11 @@ declare const _DatePicker: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;
@@ -399,11 +399,11 @@ export declare const VftDatePicker: import("vue").DefineComponent<import("vue").
 }>, {
     readonly disabled: boolean;
     readonly type: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType) | (((new (...args: any[]) => "year" | "month" | "date" | "dates" | "datetime" | "week" | "datetimerange" | "daterange" | "monthrange" | "months" | "years" | "yearrange") | (() => import("./date-picker.type").IDatePickerType)) | null)[], unknown, unknown>;
+    readonly placeholder: string;
     readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | [import("vft/es/vft").DateModelType, import("vft/es/vft").DateModelType]) | (() => import("vft/es/vft").ModelValueType)) | null)[], unknown, unknown>;
     readonly placement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement) | (((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("@popperjs/core").Placement)) | null)[], import("@popperjs/core").Placement, unknown>;
     readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
     readonly readonly: boolean;
-    readonly placeholder: string;
     readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>;

package/es/components/descriptions/description.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as g, useSlots as B, getCurrentInstance as E, provide as w, computed as z, createElementBlock as u, openBlock as c, normalizeClass as n, createCommentVNode as V, createElementVNode as p, unref as i, renderSlot as b, createTextVNode as v, toDisplayString as y, Fragment as D, renderList as I, createBlock as K } from "vue";
+import { defineComponent as g, useSlots as x, getCurrentInstance as B, provide as E, computed as w, createElementBlock as u, openBlock as p, normalizeClass as i, createCommentVNode as z, createElementVNode as m, unref as a, renderSlot as b, createTextVNode as v, toDisplayString as y, Fragment as V, renderList as D, createBlock as I } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { flattedChildren as F } from "../../utils/vue/vnode.js";
+import { flattedChildren as K } from "../../utils/vue/vnode.js";
 import "../form/index.js";
-import { useNamespace as L } from "../../hooks/use-namespace/index.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import R from "./descriptions-row.vue2.js";
-import { descriptionsKey as T } from "./token.js";
-const j = g({
+import L from "./descriptions-row.vue2.js";
+import { descriptionsKey as R } from "./token.js";
+const T = g({
   name: "vft-descriptions"
-}), Z = /* @__PURE__ */ g({
-  ...j,
+}), Y = /* @__PURE__ */ g({
+  ...T,
   props: {
     border: { type: Boolean, default: !1 },
     column: { default: 3 },
@@ -23,56 +23,56 @@ const j = g({
     title: {},
     extra: {}
   },
-  setup(m) {
-    const s = L("descriptions"), k = B(), C = E();
-    w(T, C.props);
-    const N = z(() => [s.b(), s.m("small")]), d = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), S = () => {
-      const e = F(k.default?.()).filter(
-        (l) => l?.type?.name === "ElDescriptionsItem"
-      ), o = [];
-      let t = [], r = m.column, f = 0;
-      return e.forEach((l, h) => {
-        const a = l?.props?.span || 1;
-        if (h < e.length - 1 && (f += a > r ? r : a), h === e.length - 1) {
-          const $ = m.column - f % m.column;
-          t.push(d(l, $, r, !0)), o.push(t);
+  setup(s) {
+    const o = F("descriptions"), k = x(), C = B();
+    E(R, C.props);
+    const N = w(() => [o.b(), o.m("small")]), d = (t, l, e, r = !1) => (t.props || (t.props = {}), l > e && (t.props.span = e), r && (t.props.span = l), t), S = () => {
+      const t = K(k.default?.()).filter(
+        (n) => n?.type?.name === "ElDescriptionsItem"
+      ), l = [];
+      let e = [], r = s.column, f = 0;
+      return t.forEach((n, h) => {
+        const c = n?.props?.span || 1;
+        if (h < t.length - 1 && (f += c > r ? r : c), h === t.length - 1) {
+          const $ = s.column - f % s.column;
+          e.push(d(n, $, r, !0)), l.push(e);
           return;
         }
-        a < r ? (r -= a, t.push(l)) : (t.push(d(l, a, r)), o.push(t), r = m.column, t = []);
-      }), o;
+        c < r ? (r -= c, e.push(n)) : (e.push(d(n, c, r)), l.push(e), r = s.column, e = []);
+      }), l;
     };
-    return (e, o) => (c(), u("div", {
-      class: n(N.value)
+    return (t, l) => (p(), u("div", {
+      class: i(N.value)
     }, [
-      e.title || e.extra || e.$slots.title || e.$slots.extra ? (c(), u("div", {
+      s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), u("div", {
         key: 0,
-        class: n(i(s).e("header"))
+        class: i(a(o).e("header"))
       }, [
-        p("div", {
-          class: n(i(s).e("title"))
+        m("div", {
+          class: i(a(o).e("title"))
         }, [
-          b(e.$slots, "title", {}, () => [
-            v(y(e.title), 1)
+          b(t.$slots, "title", {}, () => [
+            v(y(s.title), 1)
           ])
         ], 2),
-        p("div", {
-          class: n(i(s).e("extra"))
+        m("div", {
+          class: i(a(o).e("extra"))
         }, [
-          b(e.$slots, "extra", {}, () => [
-            v(y(e.extra), 1)
+          b(t.$slots, "extra", {}, () => [
+            v(y(s.extra), 1)
           ])
         ], 2)
-      ], 2)) : V("", !0),
-      p("div", {
-        class: n(i(s).e("body"))
+      ], 2)) : z("", !0),
+      m("div", {
+        class: i(a(o).e("body"))
       }, [
-        p("table", {
-          class: n([i(s).e("table"), i(s).is("bordered", e.border)])
+        m("table", {
+          class: i([a(o).e("table"), a(o).is("bordered", s.border)])
         }, [
-          p("tbody", null, [
-            (c(!0), u(D, null, I(S(), (t, r) => (c(), K(R, {
+          m("tbody", null, [
+            (p(!0), u(V, null, D(S(), (e, r) => (p(), I(L, {
               key: r,
-              row: t
+              row: e
             }, null, 8, ["row"]))), 128))
           ])
         ], 2)
@@ -81,5 +81,5 @@ const j = g({
   }
 });
 export {
-  Z as default
+  Y as default
 };

package/es/components/descriptions/descriptions-row.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as y, inject as m, createElementBlock as r, unref as l, openBlock as e, Fragment as n, createElementVNode as s, renderList as a, createBlock as p, createVNode as d } from "vue";
+import { defineComponent as y, inject as m, createElementBlock as r, unref as l, openBlock as e, Fragment as n, createElementVNode as s, renderList as a, createBlock as i, createVNode as p } from "vue";
 import c from "./descriptions-cell.js";
 import { descriptionsKey as f } from "./token.js";
-const k = { key: 1 }, _ = y({
+const k = { key: 1 }, g = y({
   name: "vft-descriptions-row"
 }), $ = /* @__PURE__ */ y({
-  ..._,
+  ...g,
   props: {
     row: { default: () => [] }
   },
-  setup(g) {
-    const i = m(f, {});
-    return (u, w) => l(i).direction === "vertical" ? (e(), r(n, { key: 0 }, [
+  setup(u) {
+    const d = m(f, {});
+    return (_, w) => l(d).direction === "vertical" ? (e(), r(n, { key: 0 }, [
       s("tr", null, [
-        (e(!0), r(n, null, a(u.row, (t, o) => (e(), p(l(c), {
+        (e(!0), r(n, null, a(u.row, (t, o) => (e(), i(l(c), {
           key: `tr1-${o}`,
           cell: t,
           tag: "th",
@@ -20,7 +20,7 @@ const k = { key: 1 }, _ = y({
         }, null, 8, ["cell"]))), 128))
       ]),
       s("tr", null, [
-        (e(!0), r(n, null, a(u.row, (t, o) => (e(), p(l(c), {
+        (e(!0), r(n, null, a(u.row, (t, o) => (e(), i(l(c), {
           key: `tr2-${o}`,
           cell: t,
           tag: "td",
@@ -31,18 +31,18 @@ const k = { key: 1 }, _ = y({
       (e(!0), r(n, null, a(u.row, (t, o) => (e(), r(n, {
         key: `tr3-${o}`
       }, [
-        l(i).border ? (e(), r(n, { key: 0 }, [
-          d(l(c), {
+        l(d).border ? (e(), r(n, { key: 0 }, [
+          p(l(c), {
             cell: t,
             tag: "td",
             type: "label"
           }, null, 8, ["cell"]),
-          d(l(c), {
+          p(l(c), {
             cell: t,
             tag: "td",
             type: "content"
           }, null, 8, ["cell"])
-        ], 64)) : (e(), p(l(c), {
+        ], 64)) : (e(), i(l(c), {
           key: 1,
           cell: t,
           tag: "td",

package/es/components/dialog/dialog-content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, inject as u, computed as r, createElementBlock as g, openBlock as a, normalizeStyle as E, normalizeClass as s, unref as t, createElementVNode as n, createCommentVNode as p, renderSlot as i, createBlock as N, toDisplayString as P, mergeProps as S } from "vue";
+import { defineComponent as C, inject as u, computed as a, createElementBlock as g, openBlock as r, normalizeStyle as E, normalizeClass as s, unref as t, createElementVNode as n, createCommentVNode as y, renderSlot as i, createBlock as N, toDisplayString as P, mergeProps as S } from "vue";
 import { singleAttrToObj as T } from "@vft/utils";
 import { VftIcon as j } from "../icon/index.js";
 import "../focus-trap/focus-trap.vue2.js";
@@ -14,9 +14,9 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { dialogInjectionKey as V } from "./constants.js";
-const A = ["id"], F = y({
+const A = ["id"], F = C({
   name: "vft-dialog-content"
-}), le = /* @__PURE__ */ y({
+}), le = /* @__PURE__ */ C({
   ...F,
   props: {
     center: { type: Boolean, default: !1 },
@@ -33,28 +33,28 @@ const A = ["id"], F = y({
     footerClass: {}
   },
   emits: ["close"],
-  setup(l, { expose: C }) {
-    const { dialogRef: f, headerRef: d, bodyId: b, ns: e, style: h } = u(V), { focusTrapRef: v } = u(z), B = K(v, f), c = r(() => l.draggable), I = r(() => l.overflow), { resetPosition: k, updatePosition: w, isDragging: R } = O(
+  setup(e, { expose: p }) {
+    const { dialogRef: c, headerRef: f, bodyId: b, ns: o, style: h } = u(V), { focusTrapRef: v } = u(z), B = K(v, c), d = a(() => e.draggable), I = a(() => e.overflow), { resetPosition: k, updatePosition: w, isDragging: R } = O(
+      c,
       f,
       d,
-      c,
       I
-    ), $ = r(() => [
-      e.b(),
-      e.is("fullscreen", l.fullscreen),
-      e.is("draggable", c.value),
-      e.is("dragging", R.value),
-      e.is("align-center", l.alignCenter),
-      { [e.m("center")]: l.center }
-    ]), D = r(() => T(l.closeIcon, "icon", {
+    ), $ = a(() => [
+      o.b(),
+      o.is("fullscreen", e.fullscreen),
+      o.is("draggable", d.value),
+      o.is("dragging", R.value),
+      o.is("align-center", e.alignCenter),
+      { [o.m("center")]: e.center }
+    ]), D = a(() => T(e.closeIcon, "icon", {
       icon: "icon-close",
       pointer: !0,
       size: 16
     }));
-    return C({
+    return p({
       resetPosition: k,
       updatePosition: w
-    }), (o, m) => (a(), g("div", {
+    }), (l, m) => (r(), g("div", {
       ref: t(B),
       class: s($.value),
       style: E(t(h)),
@@ -62,33 +62,33 @@ const A = ["id"], F = y({
     }, [
       n("header", {
         ref_key: "headerRef",
-        ref: d,
-        class: s([t(e).e("header"), o.headerClass, { "show-close": o.showClose }])
+        ref: f,
+        class: s([t(o).e("header"), e.headerClass, { "show-close": e.showClose }])
       }, [
-        i(o.$slots, "header", {}, () => [
+        i(l.$slots, "header", {}, () => [
           n("span", {
             role: "heading",
-            class: s(t(e).e("title"))
-          }, P(o.title), 3)
+            class: s(t(o).e("title"))
+          }, P(e.title), 3)
         ]),
-        o.showClose ? (a(), N(t(j), S({
+        e.showClose ? (r(), N(t(j), S({
           key: 0,
-          class: [t(e).e("headerbtn")],
-          onClick: m[0] || (m[0] = (J) => o.$emit("close"))
-        }, D.value), null, 16, ["class"])) : p("", !0)
+          class: [t(o).e("headerbtn")],
+          onClick: m[0] || (m[0] = (J) => l.$emit("close"))
+        }, D.value), null, 16, ["class"])) : y("", !0)
       ], 2),
       n("div", {
         id: t(b),
-        class: s([t(e).e("body"), o.bodyClass])
+        class: s([t(o).e("body"), e.bodyClass])
       }, [
-        i(o.$slots, "default")
+        i(l.$slots, "default")
       ], 10, A),
-      o.$slots.footer ? (a(), g("footer", {
+      l.$slots.footer ? (r(), g("footer", {
         key: 0,
-        class: s([t(e).e("footer"), o.footerClass])
+        class: s([t(o).e("footer"), e.footerClass])
       }, [
-        i(o.$slots, "footer")
-      ], 2)) : p("", !0)
+        i(l.$slots, "footer")
+      ], 2)) : y("", !0)
     ], 6));
   }
 });