vft 0.0.451 → 0.0.454

package/es/components/table/table.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, useAttrs as ae, ref as s, getCurrentInstance as te, computed as P, unref as e, watch as oe, nextTick as le, toRaw as re, createBlock as f, openBlock as m, withCtx as c, createElementVNode as D, normalizeClass as ne, createVNode as p, createCommentVNode as H, mergeProps as _, withDirectives as ce, renderSlot as h, normalizeProps as ie, guardReactiveProps as se } from "vue";
+import { defineComponent as N, useAttrs as ae, ref as s, getCurrentInstance as te, computed as P, unref as e, watch as oe, nextTick as le, toRaw as re, createBlock as f, openBlock as m, withCtx as c, createElementVNode as H, normalizeClass as ne, createVNode as p, createCommentVNode as D, mergeProps as _, withDirectives as ce, renderSlot as h, normalizeProps as ie, guardReactiveProps as se } from "vue";
 import { VftEmpty as ge } from "../empty/index.js";
 import { vLoading as de } from "../loading/directive.js";
 import { deepMerge as F, isClient as ue, omit as fe, isFunction as me } from "@vft/utils";
@@ -16,20 +16,20 @@ import { VftClientOnly as Ce } from "../client-only/index.js";
 import { VftPagination as ye } from "../pagination/index.js";
 import { VftSkeleton as we } from "../skeleton/index.js";
 import { VftSuperForm as ve } from "../super-form/index.js";
-import { VxeGrid as ke } from "vxe-table";
-import xe from "xe-utils";
+import { VxeGrid as xe } from "vxe-table";
+import ke from "xe-utils";
 import { PageSize as T } from "./constants.js";
 import { useColumns as Se } from "./use/use-columns.js";
 import { useDataSource as Be } from "./use/use-data-source.js";
 import { useLoading as ze } from "./use/use-loading.js";
 import { usePagination as Re } from "./use/use-pagination.js";
 import { EmptyEnum as Pe } from "../empty/constants.js";
-const De = {
+const He = {
   "vft-loading-text": "加载中..."
-}, He = N({
+}, De = N({
   name: "vft-table"
 }), la = /* @__PURE__ */ N({
-  ...He,
+  ...De,
   props: {
     sticky: {
       type: [Boolean, Object]
@@ -72,6 +72,10 @@ const De = {
       type: Boolean,
       default: !0
     },
+    addMaxHeight: {
+      type: Boolean,
+      default: !0
+    },
     pagination: {},
     formOptions: {},
     onChange: {},
@@ -393,18 +397,18 @@ const De = {
     expose: O,
     emit: V
   }) {
-    const r = V, g = be("table"), A = ae(), b = s(), C = s(), E = s([]), d = s(), $ = te(), t = P(() => F($.props, e(d))), {
-      getLoading: q,
-      setLoading: G
+    const r = V, g = be("table"), A = ae(), b = s(), C = s(), E = s([]), d = s(), M = te(), t = P(() => F(M.props, e(d))), {
+      getLoading: $,
+      setLoading: q
     } = ze(t), {
       getPaginationInfo: i,
       setPagination: u,
-      getCurrentPage: I
+      getCurrentPage: G
     } = Re(t), {
-      getViewColumns: K,
-      setColumns: L
+      getViewColumns: I,
+      setColumns: K
     } = Se(t);
-    oe(() => I(), (a) => {
+    oe(() => G(), (a) => {
       le(() => {
         y({
           seqConfig: {
@@ -423,7 +427,7 @@ const De = {
     }
     const {
       getDataSourceRef: w,
-      handleTableChange: M,
+      handleTableChange: L,
       reload: X,
       deleteTableDataRecord: Y,
       insertTableDataRecord: j,
@@ -431,18 +435,18 @@ const De = {
       updateTableDataRecord: U,
       setTableData: v,
       getDataSource: J,
-      getRawDataSource: k,
-      tableSearch: x
+      getRawDataSource: x,
+      tableSearch: k
     } = Be(t, {
       tableData: E,
-      setLoading: G,
+      setLoading: q,
       getPaginationInfo: i,
       setPagination: u
     }, r);
     function S(a) {
       a?.pageSize && u({
         currentPage: 1
-      }), M(a), r("change", a);
+      }), L(a), r("change", a);
       const {
         onChange: o
       } = e(t);
@@ -570,20 +574,20 @@ const De = {
       "toolbar-tool-click",
       "zoom"
     ].forEach((a) => {
-      const o = xe.camelCase(`on-${a}`);
+      const o = ke.camelCase(`on-${a}`);
       B[o] = (...l) => r(a, ...l);
     });
     const n = P(() => {
       const a = e(w), o = {
         ...A,
         ...e(t),
-        columns: re(e(K)),
-        loading: e(q),
+        columns: re(e(I)),
+        loading: e($),
         data: a,
         ...B
       };
       if (ue) {
-        o.maxHeight = e(t)?.maxHeight ? e(t)?.maxHeight : `${window.innerHeight - e(t)?.extraSysHeight - (t.value?.showPager ? t.value?.pageHeight || 40 : 0)}px`;
+        (e(t)?.addMaxHeight || e(t)?.maxHeight) && (o.maxHeight = e(t)?.maxHeight ? e(t)?.maxHeight : `${window.innerHeight - e(t)?.extraSysHeight - (t.value?.showPager ? t.value?.pageHeight || 40 : 0)}px`);
         const l = e(t)?.minHeight;
         o.minHeight = l || (l !== 0 && e(t)?.toolbarConfig?.custom ? 300 : void 0);
       }
@@ -600,9 +604,9 @@ const De = {
       setTableData: v,
       getDataSource: J,
       getDataSourceRef: w,
-      setColumns: L,
-      getRawDataSource: k,
-      tableSearch: x
+      setColumns: K,
+      getRawDataSource: x,
+      tableSearch: k
     };
     r("register", z);
     const Q = {
@@ -639,9 +643,9 @@ const De = {
       ["showActionForm", "addSearchAllSchema"]
       // 'union' | 'intersection' | 'concat' | 'replace' = 'union'
     ), "replace")), R = (a) => {
-      Reflect.has(a, "_filterTableData") && x(a._filterTableData), r("form-submit", a);
+      Reflect.has(a, "_filterTableData") && k(a._filterTableData), r("form-submit", a);
     }, ee = () => {
-      v(k()), r("form-reset");
+      v(x()), r("form-reset");
     };
     return O({
       table: b,
@@ -649,9 +653,9 @@ const De = {
       ...z
     }), (a, o) => (m(), f(e(Ce), null, {
       fallback: c(() => [p(e(we))]),
-      default: c(() => [D("div", {
+      default: c(() => [H("div", {
         class: ne([e(g).b()])
-      }, [p(e(ke), _({
+      }, [p(e(xe), _({
         ref_key: "xGrid",
         ref: b
       }, n.value), {
@@ -660,9 +664,9 @@ const De = {
           onRegister: e(Z),
           onSubmit: R,
           onReset: ee
-        }, null, 8, ["onRegister"])) : H("", !0), h(a.$slots, "toolbar-right")]),
+        }, null, 8, ["onRegister"])) : D("", !0), h(a.$slots, "toolbar-right")]),
         empty: c(() => [h(a.$slots, "empty", {}, () => [p(e(ge), ie(se(n.value.emptyCfg)), null, 16)])]),
-        loading: c(() => [ce(D("div", De, null, 512), [[e(de), !!n.value.loading]])]),
+        loading: c(() => [ce(H("div", He, null, 512), [[e(de), !!n.value.loading]])]),
         _: 3
       }, 16), n.value.showPager ? (m(), f(e(ye), _({
         key: 0,
@@ -676,7 +680,7 @@ const De = {
         onSizeChange: o[1] || (o[1] = (l) => S({
           pageSize: l
         }))
-      }), null, 16, ["class"])) : H("", !0)], 2)]),
+      }), null, 16, ["class"])) : D("", !0)], 2)]),
       _: 3
     }));
   }

package/es/components/table/types.d.ts

@@ -57,6 +57,7 @@ export interface TableProps extends VxeGridProps {
     pageHeight?: number;
     /** 是否显示分页器，默认为 true */
     showPager?: boolean;
+    addMaxHeight?: boolean;
     /** 分页器配置选项 */
     pagination?: Partial<PaginationProps> & {
         /** 分页器位置，可选值：'bottom-left'、'bottom-right'、'top-left'、'top-right' */

package/es/components/tabs/tab-bar.vue.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'vue';
-import { type TabsPaneContext } from './types';
+import type { TabsPaneContext } from './types';
 interface Props {
     /** tabs 集合 */
     tabs: TabsPaneContext[];

package/es/components/tabs/tab-nav.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components/icon';
+import type { IconProps } from 'vft/es/components/icon';
 import type { TabsPaneContext, TabPaneName } from './types';
 interface TabNavProps {
     panes: TabsPaneContext[];

package/es/components/tabs/tabs.vue.d.ts

@@ -1,6 +1,6 @@
-import { type IconProps } from 'vft/es/components/icon';
-import { type TabPaneName } from 'vft/es/components/tabs';
-import { type VNode } from 'vue';
+import type { IconProps } from 'vft/es/components/icon';
+import type { TabPaneName } from 'vft/es/components/tabs';
+import type { VNode } from 'vue';
 export interface TabsProps {
     /** 标签是否可关闭 */
     closable?: boolean;

package/es/components/tag/tag.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentSize } from '../types';
+import type { ComponentSize } from '../types';
 import type { TagType } from './types';
 export interface TagProps {
     closable?: boolean;

package/es/components/time-picker/time-picker-com/basic-time-spinner.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as de, inject as pe, ref as C, computed as k, unref as r, onMounted as he, nextTick as x, watch as fe, createElementBlock as a, openBlock as l, normalizeClass as m, createCommentVNode as I, Fragment as u, renderList as _, createBlock as be, withCtx as we, createTextVNode as D, toDisplayString as f, withDirectives as j, createElementVNode as ve, createVNode as U } from "vue";
+import { defineComponent as de, inject as pe, ref as C, computed as k, unref as r, onMounted as he, nextTick as x, watch as fe, createElementBlock as a, openBlock as l, normalizeClass as m, createCommentVNode as I, Fragment as u, renderList as $, createBlock as be, withCtx as we, createTextVNode as _, toDisplayString as f, withDirectives as j, createElementVNode as ve, createVNode as U } from "vue";
 import { debounce as Se } from "lodash-es";
 import { vRepeatClick as q } from "@vft/directives";
 import { VftScrollbar as ge } from "../../scrollbar/index.js";
@@ -12,21 +12,21 @@ import { useNamespace as ke } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { PICKER_BASE_INJECTION_KEY as _e, timeUnits as O, DEFAULT_FORMATS_TIME as De } from "../constants.js";
+import { PICKER_BASE_INJECTION_KEY as $e, timeUnits as O, DEFAULT_FORMATS_TIME as _e } from "../constants.js";
 import { buildTimeList as L } from "../utils.js";
-import { basicTimeSpinnerProps as Te } from "../props/basic-time-spinner.js";
-import { getTimeLists as $e } from "../composables/use-time-picker.js";
+import { basicTimeSpinnerProps as De } from "../props/basic-time-spinner.js";
+import { getTimeLists as Te } from "../composables/use-time-picker.js";
 const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
   __name: "basic-time-spinner",
-  props: Te,
+  props: De,
   emits: [K, "select-range", "set-option"],
   setup(G, { emit: J }) {
-    const c = G, Y = pe(_e), { isRange: Q, format: A } = Y.props, v = J, i = ke("time"), { getHoursList: W, getMinutesList: X, getSecondsList: Z } = $e(
+    const c = G, v = J, Y = pe($e), { isRange: Q, format: A } = Y.props, i = ke("time"), { getHoursList: W, getMinutesList: X, getSecondsList: Z } = Te(
       c.disabledHours,
       c.disabledMinutes,
       c.disabledSeconds
     );
-    let T = !1;
+    let D = !1;
     const S = C(), y = C(), ee = C(), se = C(), h = {
       hours: y,
       minutes: ee,
@@ -49,7 +49,7 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
         seconds: L(s, 59)
       };
     }), ne = Se((e) => {
-      T = !1, b(e);
+      D = !1, b(e);
     }, 200), H = (e) => {
       if (!!!c.amPmMode) return "";
       const s = c.amPmMode === "A";
@@ -57,7 +57,7 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
       return s && (n = n.toUpperCase()), n;
     }, p = (e) => {
       let o = [0, 0];
-      if (!A || A === De)
+      if (!A || A === _e)
         switch (e) {
           case "hours":
             o = [0, 2];
@@ -75,10 +75,10 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
       E(e, r(d)[e]);
     }, V = () => {
       b("hours"), b("minutes"), b("seconds");
-    }, $ = (e) => e.querySelector(`.${i.namespace.value}-scrollbar__wrap`), E = (e, o) => {
+    }, T = (e) => e.querySelector(`.${i.namespace.value}-scrollbar__wrap`), E = (e, o) => {
       if (c.arrowControl) return;
       const s = r(h[e]);
-      s && s.$el && ($(s.$el).scrollTop = Math.max(
+      s && s.$el && (T(s.$el).scrollTop = Math.max(
         0,
         o * N(e)
       ));
@@ -120,10 +120,10 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
     }, le = (e) => {
       const o = r(h[e]);
       if (!o) return;
-      T = !0, ne(e);
+      D = !0, ne(e);
       const s = Math.min(
         Math.round(
-          ($(o.$el).scrollTop - (ae(e) * 0.5 - 10) / N(e) + 3) / N(e)
+          (T(o.$el).scrollTop - (ae(e) * 0.5 - 10) / N(e) + 3) / N(e)
         ),
         e === "hours" ? 23 : 59
       );
@@ -131,7 +131,7 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
     }, ae = (e) => r(h[e]).$el.offsetHeight, ue = () => {
       const e = (o) => {
         const s = r(h[o]);
-        s && s.$el && ($(s.$el).onscroll = () => {
+        s && s.$el && (T(s.$el).onscroll = () => {
           le(o);
         });
       };
@@ -148,12 +148,12 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
     return v("set-option", [`${c.role}_scrollDown`, R]), v("set-option", [`${c.role}_emitSelectRange`, p]), fe(
       () => c.spinnerDate,
       () => {
-        T || V();
+        D || V();
       }
     ), (e, o) => (l(), a("div", {
       class: m([r(i).b("spinner"), { "has-seconds": e.showSeconds }])
     }, [
-      e.arrowControl ? I("", !0) : (l(!0), a(u, { key: 0 }, _(F.value, (s) => (l(), be(r(ge), {
+      e.arrowControl ? I("", !0) : (l(!0), a(u, { key: 0 }, $(F.value, (s) => (l(), be(r(ge), {
         key: s,
         ref_for: !0,
         ref: (n) => me(n, s),
@@ -166,7 +166,7 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
         onMousemove: (n) => b(s)
       }, {
         default: we(() => [
-          (l(!0), a(u, null, _(g.value[s], (n, t) => (l(), a("li", {
+          (l(!0), a(u, null, $(g.value[s], (n, t) => (l(), a("li", {
             key: t,
             class: m([
               r(i).be("spinner", "item"),
@@ -176,35 +176,35 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
             onClick: (w) => ie(s, { value: t, disabled: n })
           }, [
             s === "hours" ? (l(), a(u, { key: 0 }, [
-              D(f(("0" + (e.amPmMode ? t % 12 || 12 : t)).slice(-2)) + f(H(t)), 1)
+              _(f(`0${e.amPmMode ? t % 12 || 12 : t}`.slice(-2)) + f(H(t)), 1)
             ], 64)) : (l(), a(u, { key: 1 }, [
-              D(f(("0" + t).slice(-2)), 1)
+              _(f(`0${t}`.slice(-2)), 1)
             ], 64))
           ], 10, Ee))), 128))
         ]),
         _: 2
       }, 1032, ["class", "view-class", "onMouseenter", "onMousemove"]))), 128)),
-      e.arrowControl ? (l(!0), a(u, { key: 1 }, _(F.value, (s) => (l(), a("div", {
+      e.arrowControl ? (l(!0), a(u, { key: 1 }, $(F.value, (s) => (l(), a("div", {
         key: s,
         class: m([r(i).be("spinner", "wrapper"), r(i).is("arrow")]),
         onMouseenter: (n) => p(s)
       }, [
         j(U(r(z), {
           icon: "icon-arrow-up",
-          class: m(["arrow-up", r(i).be("spinner", "arrow")])
+          class: m(["arrow-up", [r(i).be("spinner", "arrow")]])
         }, null, 8, ["class"]), [
           [r(q), te]
         ]),
         j(U(r(z), {
           icon: "icon-arrow-down",
-          class: m(["arrow-down", r(i).be("spinner", "arrow")])
+          class: m(["arrow-down", [r(i).be("spinner", "arrow")]])
         }, null, 8, ["class"]), [
           [r(q), re]
         ]),
         ve("ul", {
           class: m(r(i).be("spinner", "list"))
         }, [
-          (l(!0), a(u, null, _(oe.value[s], (n, t) => (l(), a("li", {
+          (l(!0), a(u, null, $(oe.value[s], (n, t) => (l(), a("li", {
             key: t,
             class: m([
               r(i).be("spinner", "item"),
@@ -214,9 +214,9 @@ const Ee = ["onClick"], Ne = ["onMouseenter"], Ye = /* @__PURE__ */ de({
           }, [
             r(Ce)(n) ? (l(), a(u, { key: 0 }, [
               s === "hours" ? (l(), a(u, { key: 0 }, [
-                D(f(("0" + (e.amPmMode ? n % 12 || 12 : n)).slice(-2)) + f(H(n)), 1)
+                _(f(`0${e.amPmMode ? n % 12 || 12 : n}`.slice(-2)) + f(H(n)), 1)
               ], 64)) : (l(), a(u, { key: 1 }, [
-                D(f(("0" + n).slice(-2)), 1)
+                _(f(`0${n}`.slice(-2)), 1)
               ], 64))
             ], 64)) : I("", !0)
           ], 2))), 128))

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

@@ -54,7 +54,6 @@ const _e = /* @__PURE__ */ F({
       if ([c, q].includes(t)) {
         const S = t === c ? -1 : 1;
         h.start_scrollDown(S), e.preventDefault();
-        return;
       }
     }, { timePickerOptions: h, onSetOption: j, getAvailableTime: H } = re({
       getAvailableHours: N,
@@ -90,12 +89,12 @@ const _e = /* @__PURE__ */ F({
           }, [
             p("button", {
               type: "button",
-              class: r([s(i).be("panel", "btn"), "cancel"]),
+              class: r(["cancel", [s(i).be("panel", "btn")]]),
               onClick: K
             }, " 取消 ", 2),
             p("button", {
               type: "button",
-              class: r([s(i).be("panel", "btn"), "confirm"]),
+              class: r(["confirm", [s(i).be("panel", "btn")]]),
               onClick: t[0] || (t[0] = (a) => x())
             }, " 确认 ", 2)
           ], 2)

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

@@ -74,7 +74,6 @@ const Re = ["disabled"], Ge = /* @__PURE__ */ ve({
       if ([r, l].includes(t)) {
         const p = t === r ? -1 : 1, h = D.value[0] < K.value ? "start" : "end";
         T[`${h}_scrollDown`](p), e.preventDefault();
-        return;
       }
     }, V = (e, t) => {
       const n = O ? O(e) : [], o = e === "start", l = (t || (o ? v.value : f.value)).hour(), p = o ? g(l + 1, 23) : g(0, l - 1);
@@ -175,12 +174,12 @@ const Re = ["disabled"], Ge = /* @__PURE__ */ ve({
       }, [
         m("button", {
           type: "button",
-          class: u([s(a).be("panel", "btn"), "cancel"]),
+          class: u(["cancel", [s(a).be("panel", "btn")]]),
           onClick: t[0] || (t[0] = (n) => X())
         }, " 取消 ", 2),
         m("button", {
           type: "button",
-          class: u([s(a).be("panel", "btn"), "confirm"]),
+          class: u(["confirm", [s(a).be("panel", "btn")]]),
           disabled: oe.value,
           onClick: t[1] || (t[1] = (n) => Z())
         }, " 确认 ", 10, Re)

package/es/components/time-select/time-select.vue2.js

@@ -22,8 +22,9 @@ const q = v({
   props: D,
   emits: ["change", "blur", "focus", "update:modelValue"],
   setup(T, { expose: V }) {
+    const o = T;
     d.extend(O);
-    const { Option: k } = b, o = T, C = j("input"), i = S(), I = U(), g = r(() => o.modelValue), y = r(() => {
+    const { Option: k } = b, C = j("input"), i = S(), I = U(), g = r(() => o.modelValue), y = r(() => {
       const e = a(o.start);
       return e ? m(e) : null;
     }), c = r(() => {

package/es/components/timeline/timeline-item.vue.d.ts

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components/icon';
+import type { IconProps } from 'vft/es/components/icon';
 export interface Props {
     timestamp?: string;
     hideTimestamp?: boolean;

package/es/components/tooltip/trigger.vue.d.ts

@@ -1,5 +1,5 @@
 import type { Measurable } from '../popper';
-import { type TooltipTriggerType } from './types';
+import type { TooltipTriggerType } from './types';
 import type { OnlyChildExpose } from 'vft/es/components/slot';
 interface Props {
     disabled?: boolean;

package/es/components/tree/tree-node.vue.js

@@ -31,7 +31,7 @@ function S(e, n, c, B, M, V) {
   }, [
     v("div", {
       class: s(e.ns.be("node", "content")),
-      style: D({ paddingLeft: (e.node.level - 1) * e.tree.props.indent + "px" })
+      style: D({ paddingLeft: `${(e.node.level - 1) * e.tree.props.indent}px` })
     }, [
       l(h, {
         icon: e.tree.props.icon || "icon-caret-right",

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

@@ -76,7 +76,9 @@ const se = ["onKeydown"], re = ["name", "multiple", "accept"], de = D({
         onTypeInvalid: c
       } = l;
       if (s) {
-        const n = e.filter((t) => !P(t, s));
+        const n = e.filter(
+          (t) => !P(t, s)
+        );
         if (n.length > 0 && (n.forEach((t) => {
           c && c(t, s);
         }), e = e.filter((t) => P(t, s)), e.length === 0))

package/es/components/upload/upload.vue2.js

@@ -115,7 +115,7 @@ const Q = I({
       handleRemove: m,
       fileList: d
     }), (e, l) => (v(), D("div", {
-      class: H(["vft-upload-wrapper", { disabled: o(y) }])
+      class: H(["vft-upload-wrapper", [{ disabled: o(y) }]])
     }, [
       c.value && s.showFileList ? (v(), g(L, {
         key: 0,

package/es/components/watermark/watermark.vue2.js

@@ -10,9 +10,9 @@ const ft = _({
   ...ft,
   props: rt,
   setup(A) {
-    const R = {
+    const t = A, R = {
       position: "relative"
-    }, t = A, E = n(() => t.font?.color ?? "rgba(0,0,0,.15)"), k = n(() => t.font?.fontSize ?? 16), I = n(() => t.font?.fontWeight ?? "normal"), P = n(() => t.font?.fontStyle ?? "normal"), y = n(() => t.font?.fontFamily ?? "sans-serif"), T = n(() => t.font?.textAlign ?? "center"), F = n(() => t.font?.textBaseline ?? "hanging"), b = n(() => t.gap[0]), B = n(() => t.gap[1]), S = n(() => b.value / 2), M = n(() => B.value / 2), H = n(() => t.offset?.[0] ?? S.value), L = n(() => t.offset?.[1] ?? M.value), O = () => {
+    }, E = n(() => t.font?.color ?? "rgba(0,0,0,.15)"), k = n(() => t.font?.fontSize ?? 16), I = n(() => t.font?.fontWeight ?? "normal"), P = n(() => t.font?.fontStyle ?? "normal"), y = n(() => t.font?.fontFamily ?? "sans-serif"), T = n(() => t.font?.textAlign ?? "center"), F = n(() => t.font?.textBaseline ?? "hanging"), b = n(() => t.gap[0]), B = n(() => t.gap[1]), S = n(() => b.value / 2), M = n(() => B.value / 2), H = n(() => t.offset?.[0] ?? S.value), L = n(() => t.offset?.[1] ?? M.value), O = () => {
       const e = {
         zIndex: t.zIndex,
         position: "absolute",

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
+import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = Z(x);
+    const r = v(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.451",
+  "version": "0.0.454",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.451";
+const o = "0.0.454";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/affix/affix.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vueuse/core"),T=require("../../utils/dom/scroll.cjs"),$=require("../../utils/error.cjs"),C=require("../../utils/helper.cjs");require("@vft/utils");require("lodash-es");require("../form/index.cjs");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),R=e.defineComponent({name:"vft-affix"}),k=e.defineComponent({...R,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:E,emit:_}){const c=B.useNamespace("affix"),t=S,p=_,a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=f.useWindowSize(),{height:s,width:m,top:h,bottom:g,update:d}=f.useElementBounding(v,{windowScroll:!1}),u=f.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),b=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${m.value}px`:""})),y=e.computed(()=>{if(!l.value)return{};const o=t.offset?C.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${m.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},z=()=>{d(),p("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>p("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||$.throwError(c.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=T.getScrollContainer(v.value,!0),d()}),f.useEventListener(r,"scroll",z),e.watchEffect(w),E({update:w,updateRoot:d}),(o,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(c).m("fixed")]:l.value}),style:e.normalizeStyle(y.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vueuse/core"),T=require("../../utils/dom/scroll.cjs"),$=require("../../utils/error.cjs"),C=require("../../utils/helper.cjs");require("@vft/utils");require("lodash-es");require("../form/index.cjs");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("./affix.cjs"),R=e.defineComponent({name:"vft-affix"}),k=e.defineComponent({...R,props:q.affixProps,emits:q.affixEmits,setup(S,{expose:E,emit:_}){const t=S,p=_,c=B.useNamespace("affix"),a=e.shallowRef(),v=e.shallowRef(),r=e.shallowRef(),{height:n}=f.useWindowSize(),{height:s,width:m,top:h,bottom:g,update:d}=f.useElementBounding(v,{windowScroll:!1}),u=f.useElementBounding(a),l=e.ref(!1),x=e.ref(0),i=e.ref(0),b=e.computed(()=>({height:l.value?`${s.value}px`:"",width:l.value?`${m.value}px`:""})),y=e.computed(()=>{if(!l.value)return{};const o=t.offset?C.addUnit(t.offset):0;return{height:`${s.value}px`,width:`${m.value}px`,top:t.position==="top"?o:"",bottom:t.position==="bottom"?o:"",transform:i.value?`translateY(${i.value}px)`:"",zIndex:t.zIndex}}),w=()=>{if(r.value)if(x.value=r.value instanceof Window?document.documentElement.scrollTop:r.value.scrollTop||0,t.position==="top")if(t.target){const o=u.bottom.value-t.offset-s.value;l.value=t.offset>h.value&&u.bottom.value>0,i.value=o<0?o:0}else l.value=t.offset>h.value;else if(t.target){const o=n.value-u.top.value-t.offset-s.value;l.value=n.value-t.offset<g.value&&n.value>u.top.value,i.value=o<0?-o:0}else l.value=n.value-t.offset<g.value},z=()=>{d(),p("scroll",{scrollTop:x.value,fixed:l.value})};return e.watch(l,o=>p("change",o)),e.onMounted(()=>{t.target?(a.value=document.querySelector(t.target)??void 0,a.value||$.throwError(c.b(),`Target is not existed: ${t.target}`)):a.value=document.documentElement,r.value=T.getScrollContainer(v.value,!0),d()}),f.useEventListener(r,"scroll",z),e.watchEffect(w),E({update:w,updateRoot:d}),(o,M)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:v,class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(c).m("fixed")]:l.value}),style:e.normalizeStyle(y.value)},[e.renderSlot(o.$slots,"default")],6)],6))}});exports.default=k;

package/lib/components/alert/alert.vue.d.ts

@@ -1,4 +1,5 @@
-import { alertEffects, type TypeComponents } from './types';
+import { alertEffects } from './types';
+import type { TypeComponents } from './types';
 export interface AlertProps {
     /**
      * @description alert title.

package/lib/components/alert/alert.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=e.defineComponent({name:"vft-alert"}),B=e.defineComponent({...k,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:i}){const l=m.useNamespace("alert"),u=i,o=e.useSlots(),c=e.ref(!0),s=e.computed(()=>t.type),d=e.computed(()=>[l.e("icon"),{[l.is("big")]:!!t.description||!!o.default}]),f=e.computed(()=>({[l.is("bold")]:t.description||o.default})),r=n=>{c.value=!1,u("close",n)};return(n,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(l).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).m(t.type),e.unref(l).is("center",t.center),e.unref(l).is(t.effect)]),role:"alert"},[t.showIcon&&s.value?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:s.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[t.title||n.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l).e("title"),f.value])},[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),n.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(l).e("description"))},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(l).e("close-btn"),e.unref(l).is("customed")]),onClick:r},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,class:e.normalizeClass(e.unref(l).e("close-btn")),onClick:r,icon:"icon-close"},null,8,["class"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,c.value]])]),_:3},8,["name"]))}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=e.defineComponent({name:"vft-alert"}),B=e.defineComponent({...k,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:i}){const u=i,l=m.useNamespace("alert"),o=e.useSlots(),c=e.ref(!0),s=e.computed(()=>t.type),d=e.computed(()=>[l.e("icon"),{[l.is("big")]:!!t.description||!!o.default}]),f=e.computed(()=>({[l.is("bold")]:t.description||o.default})),r=n=>{c.value=!1,u("close",n)};return(n,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(l).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).m(t.type),e.unref(l).is("center",t.center),e.unref(l).is(t.effect)]),role:"alert"},[t.showIcon&&s.value?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:s.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[t.title||n.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l).e("title"),f.value])},[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),n.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(l).e("description"))},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(l).e("close-btn"),e.unref(l).is("customed")]),onClick:r},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,class:e.normalizeClass(e.unref(l).e("close-btn")),onClick:r,icon:"icon-close"},null,8,["class"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,c.value]])]),_:3},8,["name"]))}});exports.default=B;

package/lib/components/autocomplete/autocomplete.vue.d.ts

@@ -1,5 +1,6 @@
-import { nextTick, type StyleValue } from 'vue';
-import { type AutocompleteData, type AutocompleteFetchSuggestions, type Placement } from './types';
+import { nextTick } from 'vue';
+import type { StyleValue } from 'vue';
+import type { AutocompleteData, AutocompleteFetchSuggestions, Placement } from './types';
 export interface AutocompleteProps {
     valueKey?: string;
     modelValue?: string | number;