vft 0.0.127 → 0.0.129

package/es/components/table/use/use-pagination.js

@@ -1,5 +1,5 @@
-import { ref as g, watch as S, unref as n, computed as h } from "vue";
 import { isBoolean as i } from "@vft/utils";
+import { ref as g, watch as S, unref as n, computed as h } from "vue";
 import { PAGE_SIZE as v } from "../constants.js";
 function I(u) {
   const o = g({}), r = g(!0);

package/es/components/table/use/use-table.js

@@ -1,16 +1,15 @@
-import { ref as u, unref as i, watch as f, toRaw as r } from "vue";
-import { getDynamicProps as c } from "@vft/utils";
-import { tryOnBeforeUnmount as w } from "@vueuse/core";
-function y(o) {
-  const n = u(null), s = u(!1), d = u(null);
-  let l;
-  function g(e, a) {
-    w(() => {
-      n.value = null, s.value = null;
-    }), !(i(s) && e === i(n)) && (n.value = e, d.value = a, o && e.setProps(c(o)), s.value = !0, l == null || l(), l = f(
-      () => o,
+import { getDynamicProps as s } from "@vft/utils";
+import { tryOnBeforeUnmount as d } from "@vueuse/core";
+function f(r) {
+  const o = ref(null), l = ref(!1), u = ref(null);
+  let n;
+  function i(e, a) {
+    d(() => {
+      o.value = null, l.value = null;
+    }), !(unref(l) && e === unref(o)) && (o.value = e, u.value = a, r && e.setProps(s(r)), l.value = !0, n == null || n(), n = watch(
+      () => r,
       () => {
-        o && e.setProps(c(o));
+        r && e.setProps(s(r));
       },
       {
         immediate: !0,
@@ -19,10 +18,10 @@ function y(o) {
     ));
   }
   function t() {
-    const e = i(n);
+    const e = unref(o);
     return e || console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"), e;
   }
-  return [g, {
+  return [i, {
     reload: async (e) => await t().reload(e),
     setProps: (e) => {
       t().setProps(e);
@@ -30,7 +29,7 @@ function y(o) {
     redoHeight: () => {
       t().redoHeight();
     },
-    setSelectedRows: (e) => r(t().setSelectedRows(e)),
+    setSelectedRows: (e) => toRaw(t().setSelectedRows(e)),
     setLoading: (e) => {
       t().setLoading(e);
     },
@@ -38,7 +37,7 @@ function y(o) {
     getRawDataSource: () => t().getRawDataSource(),
     getColumns: ({ ignoreIndex: e = !1 } = {}) => {
       const a = t().getColumns({ ignoreIndex: e }) || [];
-      return r(a);
+      return toRaw(a);
     },
     setColumns: (e) => {
       t().setColumns(e);
@@ -48,8 +47,8 @@ function y(o) {
     deleteSelectRowByKey: (e) => {
       t().deleteSelectRowByKey(e);
     },
-    getSelectRowKeys: () => r(t().getSelectRowKeys()),
-    getSelectRows: () => r(t().getSelectRows()),
+    getSelectRowKeys: () => toRaw(t().getSelectRowKeys()),
+    getSelectRows: () => toRaw(t().getSelectRows()),
     clearSelectedRowKeys: () => {
       t().clearSelectedRowKeys();
     },
@@ -57,8 +56,8 @@ function y(o) {
       t().setSelectedRowKeys(e);
     },
     getPaginationRef: () => t().getPaginationRef(),
-    getSize: () => r(t().getSize()),
-    updateTableData: (e, a, R) => t().updateTableData(e, a, R),
+    getSize: () => toRaw(t().getSize()),
+    updateTableData: (e, a, c) => t().updateTableData(e, a, c),
     deleteTableDataRecord: (e, a) => t().deleteTableDataRecord(e, a),
     insertTableDataRecord: (e, a) => t().insertTableDataRecord(e, a),
     updateTableDataRecord: (e, a) => t().updateTableDataRecord(e, a),
@@ -66,9 +65,9 @@ function y(o) {
     setShowPagination: async (e) => {
       t().setShowPagination(e);
     },
-    getShowPagination: () => r(t().getShowPagination())
+    getShowPagination: () => toRaw(t().getShowPagination())
   }];
 }
 export {
-  y as useTable
+  f as useTable
 };

package/es/components/tabs/index.js

@@ -1,11 +1,11 @@
-import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
-import r from "./tabs.vue2.js";
+import "lodash";
+import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
+import "vue";
 import t from "./tab-pane.vue2.js";
+import r from "./tabs.vue2.js";
 import { TabsRootContextKey as x } from "./types.js";
 const b = o(r, { TabPane: t }), c = m(t);
 export {

package/es/components/tabs/tab-bar.vue2.js

@@ -1,19 +1,19 @@
 import { defineComponent as $, getCurrentInstance as S, inject as C, ref as y, watch as N, nextTick as R, computed as k, openBlock as B, createElementBlock as F, normalizeClass as P, unref as g, normalizeStyle as T } from "vue";
 import { TabsRootContextKey as L } from "./types.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { useResizeObserver as D } from "@vueuse/core";
+import { useResizeObserver as j } from "@vueuse/core";
 import { capitalize as p } from "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 const M = /* @__PURE__ */ $({
   __name: "tab-bar",
   props: {
     tabs: {}
   },
   setup(h, { expose: x }) {
-    const s = h, v = S(), c = C(L), l = j("tabs"), a = y(), m = y(), _ = () => {
+    const s = h, v = S(), c = C(L), l = D("tabs"), a = y(), m = y(), _ = () => {
       let t = 0, e = 0;
       const o = ["top", "bottom"].includes(c.props.tabPosition) ? "width" : "height", f = o === "width" ? "x" : "y", z = f === "x" ? "left" : "top";
       return s.tabs.every((u) => {
@@ -39,7 +39,7 @@ const M = /* @__PURE__ */ $({
       { immediate: !0 }
     );
     const w = k(() => c.props.tabPosition);
-    return D(a, () => n()), x({
+    return j(a, () => n()), x({
       ref: a,
       update: n
     }), (t, e) => (B(), F("div", {

package/es/components/tabs/tab-nav.vue2.js

@@ -1,96 +1,96 @@
 import { defineComponent as D, getCurrentInstance as tt, inject as ot, ref as b, computed as B, watch as z, onMounted as et, onUpdated as it, createVNode as s, nextTick as nt } from "vue";
+import { useDocumentVisibility as rt, useWindowFocus as at, useResizeObserver as lt } from "@vueuse/core";
 import { capitalize as $ } from "@vft/utils";
-import { throwError as rt } from "../../utils/error.js";
-import "lodash";
-import { useDocumentVisibility as at, useWindowFocus as lt, useResizeObserver as st } from "@vueuse/core";
+import { throwError as st } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "../divider/index.js";
-import { VftIcon as S } from "../icon/index.js";
+import "lodash";
+import "../alert/index.js";
 import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "./index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "../context-menu/context-menu.vue2.js";
-import "../multiple-tabs/index.js";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
 import "../backtop/index.js";
-import "../container/index.js";
+import "../button/index.js";
+import "../card/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
 import "../config-provider/index.js";
+import "../container/index.js";
+import "../context-menu/context-menu.vue2.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
 import "../descriptions/index.js";
+import "../dialog/index.js";
+import "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../exception/index.js";
+import "../footer-layout/index.js";
+import "../form/index.js";
 import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import { VftIcon as S } from "../icon/index.js";
 import "../icon-text/index.js";
+import "../iframe-layout/index.js";
 import "../image/index.js";
+import "../image-viewer/index.js";
 import "../input/index.js";
+import "../input-number/index.js";
 import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "../multiple-tabs/index.js";
 import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
 import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
 import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import "../row/index.js";
 import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
+import "../search/index.js";
 import "../select/index.js";
-import "../verify-code/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../switch/index.js";
 import "../table/index.js";
-import "../image-viewer/index.js";
-import "../list-cell/index.js";
-import "../dialog/index.js";
-import "../date-time-select/index.js";
-import "../col/index.js";
-import "../row/index.js";
-import "../horizontal-menu/index.js";
+import "./index.js";
+import "../tag/index.js";
 import "../time-picker/index.js";
-import "../date-picker/index.js";
-import "../check-tag/index.js";
+import "../tooltip/index.js";
 import "../tree/index.js";
-import "../skeleton/index.js";
-import "../space/index.js";
-import "../card/index.js";
-import "../popconfirm/index.js";
-import "../alert/index.js";
-import "../drawer/index.js";
-import "../input-number/index.js";
-import "../slider/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/props.js";
 import "../autocomplete/index.js";
-import "../super-form/index.js";
+import "../modal/index.js";
 import "../progress/index.js";
+import "../super-form/index.js";
 import "../upload/index.js";
-import "../modal/index.js";
-import "../md-container/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
 import "../md-comment/index.js";
+import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../message/index.js";
 import { useNamespace as M } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
+import "../message/index.js";
 import { EVENT_CODE as k } from "@vft/constants";
 import { TabsRootContextKey as ct } from "./types.js";
 import ut from "./tab-bar.vue2.js";
@@ -132,8 +132,8 @@ const mt = (
   }) {
     var W;
     const H = tt(), h = ot(ct);
-    h || rt(mt.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const n = M("tabs"), j = at(), U = lt(), y = b(), p = b(), x = b(), F = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), X = B(() => ({
+    h || st(mt.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const n = M("tabs"), j = rt(), U = at(), y = b(), p = b(), x = b(), F = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), X = B(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${u.value}px)`
     })), Y = () => {
       if (!p.value)
@@ -181,7 +181,7 @@ const mt = (
       t === "hidden" ? T.value = !1 : t === "visible" && setTimeout(() => T.value = !0, 50);
     }), z(U, (t) => {
       t ? setTimeout(() => T.value = !0, 50) : T.value = !1;
-    }), st(y, A), et(() => setTimeout(() => P(), 0)), it(() => A()), q({
+    }), lt(y, A), et(() => setTimeout(() => P(), 0)), it(() => A()), q({
       scrollToActiveTab: P,
       removeFocus: R
     }), z(() => i.panes, () => H.update(), {

package/es/components/tabs/tab-pane.vue2.js

@@ -1,16 +1,16 @@
 import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as u, computed as m, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
+import { eagerComputed as d } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
-import "lodash";
-import { eagerComputed as d } from "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { TabsRootContextKey as j } from "./types.js";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "lodash";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
+import { TabsRootContextKey as D } from "./types.js";
 const I = ["id", "aria-hidden", "aria-labelledby"], p = (
   /* hoist-static*/
-  D("tab-pane")
+  j("tab-pane")
 ), K = b({
   name: "vft-tab-pane"
 }), O = /* @__PURE__ */ b({
@@ -23,7 +23,7 @@ const I = ["id", "aria-hidden", "aria-labelledby"], p = (
     lazy: { type: Boolean }
   },
   setup(a) {
-    const n = y(), v = C(), t = B(j);
+    const n = y(), v = C(), t = B(D);
     t || P(p.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
     const r = u(), f = m(() => a.closable || t.props.closable), e = d(() => t.currentName.value === (a.name ?? r.value)), i = u(e.value), s = m(() => a.name ?? r.value), h = d(() => !a.lazy || i.value || e.value);
     g(e, (l) => {

package/es/components/tabs/tabs.vue2.js

@@ -1,18 +1,18 @@
 import { defineComponent as w, getCurrentInstance as h, useSlots as S, ref as g, watch as x, nextTick as M, computed as d, createVNode as s, provide as W } from "vue";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import { UPDATE_MODEL_EVENT as D } from "@vft/constants";
 import { isNumberish as u, isUndefined as I } from "@vft/utils";
+import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useOrderedChildren as O } from "../../hooks/use-ordered-children/index.js";
-import { UPDATE_MODEL_EVENT as U } from "@vft/constants";
+import "lodash";
+import { useNamespace as O } from "../../hooks/use-namespace/index.js";
+import { useOrderedChildren as U } from "../../hooks/use-ordered-children/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import $ from "./tab-nav.vue2.js";
 import { TabsRootContextKey as F } from "./types.js";
 const l = (
   /* hoist-static*/
-  D("tabs")
+  O("tabs")
 ), K = w({
   name: "vft-tabs"
 }), oe = /* @__PURE__ */ w({
@@ -52,7 +52,7 @@ const l = (
     }
   },
   emits: {
-    [U]: (t) => u(t),
+    [D]: (t) => u(t),
     /** 点击 */
     tabClick: (t, c) => c instanceof Event,
     /** 右键点击 */
@@ -99,7 +99,7 @@ const l = (
       children: N,
       addChild: B,
       removeChild: P
-    } = O(h(), "vft-tab-pane");
+    } = U(h(), "vft-tab-pane");
     W(F, {
       props: T.props,
       currentName: r,
@@ -109,19 +109,19 @@ const l = (
       currentName: r
     });
     const A = d(() => ({
-      icon: "ico-ep:plus",
+      icon: "icon-plus",
       size: 12,
       ...t.addIconCfg
     })), V = d(() => ({
-      icon: "ico-ep:close",
+      icon: "icon-close",
       size: 14,
       ...t.closeIconCfg
     })), k = d(() => ({
-      icon: "ico-ep:arrow-left",
+      icon: "icon-arrow-left",
       size: 18,
       ...t.arrowLeftIconCfg
     })), z = d(() => ({
-      icon: "ico-ep:arrow-right",
+      icon: "icon-arrow-right",
       size: 18,
       ...t.arrowRightIconCfg
     })), C = d(() => {

package/es/components/tag/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./tag.vue2.js";
 const l = t(o);
 export {

package/es/components/tag/tag.vue2.js

@@ -1,13 +1,13 @@
 import { defineComponent as u, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
+import "../form/index.js";
 import { VftIcon as y } from "../icon/index.js";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "../form/index.js";
+import "lodash";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import { useFormSize as h } from "../form/hooks/use-form-common-props.js";
 function k(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
@@ -57,7 +57,7 @@ const F = /* @__PURE__ */ u({
         class: t.e("close"),
         onClick: r
       }, [n(y, {
-        icon: "ico-ep:close"
+        icon: "icon-close"
       }, null)]) : ""]);
     };
     return () => {

package/es/components/time-picker/common/picker.vue2.js

@@ -1,17 +1,17 @@
 import { defineComponent as ge, ref as v, inject as je, watch as qe, nextTick as j, computed as i, unref as l, provide as He, openBlock as I, createBlock as w, mergeProps as Le, withCtx as q, normalizeClass as m, normalizeStyle as pe, withModifiers as F, createCommentVNode as H, createElementBlock as We, createElementVNode as ee, renderSlot as de, toDisplayString as Je } from "vue";
-import { isEqual as Ge } from "lodash";
-import { onClickOutside as Qe } from "@vueuse/core";
-import { useNamespace as ae } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
 import { isArray as y } from "@vft/utils";
-import { debugWarn as fe } from "../../../utils/error.js";
-import { EVENT_CODE as C } from "../../../constants/aria.js";
-import "../../../utils/ns-cover.js";
 import "../../form/index.js";
-import { VftInput as Xe } from "../../input/index.js";
 import { VftIcon as L } from "../../icon/index.js";
-import { VftTooltip as Ye } from "../../tooltip/index.js";
+import { VftInput as Ge } from "../../input/index.js";
+import { VftTooltip as Qe } from "../../tooltip/index.js";
+import { EVENT_CODE as C } from "../../../constants/aria.js";
+import { onClickOutside as Xe } from "@vueuse/core";
+import { debugWarn as fe } from "../../../utils/error.js";
+import "../../../utils/ns-cover.js";
+import { isEqual as Ye } from "lodash";
+import { useNamespace as ae } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
 import { valueEquals as ve, parseDate as me, formatter as he } from "../utils.js";
 import { timePickerDefaultProps as Ze } from "./props.js";
 import { useFormItem as _e } from "../../form/hooks/use-form-item.js";
@@ -106,7 +106,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         const a = s.value.getRangeAvailableTime(
           e
         );
-        Ge(a, e) || (e = a, k(
+        Ye(a, e) || (e = a, k(
           y(e) ? e.map((o) => o.toDate()) : e.toDate()
         ));
       }
@@ -120,7 +120,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
         n.value[1] || e && e[1] || ""
       ] : n.value !== null ? n.value : !Me.value && K.value || !u.value && K.value ? "" : e ? te.value ? e.join(", ") : e : "";
     }), Re = i(() => t.type.includes("time")), Me = i(() => t.type.startsWith("time")), te = i(() => t.type === "dates"), O = i(
-      () => t.prefixIcon || (Re.value ? "ico-ep:clock" : "ico-ep:calendar")
+      () => t.prefixIcon || (Re.value ? "icon-clock" : "icon-calendar")
     ), P = v(!1), ue = (e) => {
       t.readonly || c.value || P.value && (e.stopPropagation(), Pe(), k(null), X(null, !0), P.value = !1, u.value = !1, s.value.handleClear && s.value.handleClear());
     }, K = i(() => {
@@ -143,7 +143,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
       var e;
       return l(N) ? l(b) : (e = l(b)) == null ? void 0 : e.$el;
     });
-    Qe(ie, (e) => {
+    Xe(ie, (e) => {
       const a = l(Fe), o = l(ie);
       a && (e.target === a || e.composedPath().includes(a)) || e.target === o || e.composedPath().includes(o) || (u.value = !1);
     });
@@ -244,7 +244,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
        * @description pick item manually
        */
       onPick: ne
-    }), (e, a) => (I(), w(l(Ye), Le({
+    }), (e, a) => (I(), w(l(Qe), Le({
       ref_key: "refPopper",
       ref: J,
       visible: u.value,
@@ -342,7 +342,7 @@ const ea = ["id", "name", "placeholder", "value", "disabled", "readonly"], aa =
             ]),
             onClick: ue
           }, null, 8, ["icon", "class"])) : H("", !0)
-        ], 38)) : (I(), w(l(Xe), {
+        ], 38)) : (I(), w(l(Ge), {
           key: 0,
           id: e.id,
           ref_key: "inputRef",

package/es/components/time-picker/common/props.js

@@ -1,12 +1,12 @@
-import "@vft/utils";
-import "vue";
-import { buildProps as t, definePropType as e } from "../../../utils/vue/props/runtime.js";
+import { componentSizes as t } from "../../../constants/size.js";
 import "@vueuse/core";
-import { componentSizes as a } from "../../../constants/size.js";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as a, definePropType as e } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { disabledTimeListsProps as r } from "../props/shared.js";
-const f = t({
+const f = a({
   /**
    * @description same as `id` in native input
    */
@@ -54,7 +54,7 @@ const f = t({
    */
   clearIcon: {
     type: e([String, Object]),
-    default: "ico-ep:circle-close"
+    default: "icon-circle-close"
   },
   /**
    * @description whether the input is editable
@@ -75,7 +75,7 @@ const f = t({
    */
   size: {
     type: String,
-    values: a,
+    values: t,
     required: !1
   },
   /**

package/es/components/time-picker/index.js

@@ -1,9 +1,9 @@
-import r from "./time-picker.js";
 import { default as T } from "./common/picker.vue2.js";
+import r from "./time-picker.js";
 import { default as f } from "./time-picker-com/panel-time-pick.vue2.js";
-import { buildTimeList as l, dateEquals as n, extractDateFormat as p, extractTimeFormat as A, formatter as E, makeList as P, parseDate as u, rangeArr as x, valueEquals as D } from "./utils.js";
-import { DEFAULT_FORMATS_DATE as k, DEFAULT_FORMATS_DATEPICKER as _, DEFAULT_FORMATS_TIME as d, timeUnits as L } from "./constants.js";
-import { timePickerDefaultProps as R } from "./common/props.js";
+import { timePickerDefaultProps as l } from "./common/props.js";
+import { DEFAULT_FORMATS_DATE as p, DEFAULT_FORMATS_DATEPICKER as A, DEFAULT_FORMATS_TIME as E, timeUnits as P } from "./constants.js";
+import { buildTimeList as x, dateEquals as D, extractDateFormat as F, extractTimeFormat as k, formatter as _, makeList as d, parseDate as L, rangeArr as M, valueEquals as R } from "./utils.js";
 const e = r;
 e.install = (t) => {
   t.component(e.name, e);
@@ -11,21 +11,21 @@ e.install = (t) => {
 const m = e;
 export {
   T as CommonPicker,
-  k as DEFAULT_FORMATS_DATE,
-  _ as DEFAULT_FORMATS_DATEPICKER,
-  d as DEFAULT_FORMATS_TIME,
+  p as DEFAULT_FORMATS_DATE,
+  A as DEFAULT_FORMATS_DATEPICKER,
+  E as DEFAULT_FORMATS_TIME,
   f as TimePickPanel,
   m as VftTimePicker,
-  l as buildTimeList,
-  n as dateEquals,
+  x as buildTimeList,
+  D as dateEquals,
   e as default,
-  p as extractDateFormat,
-  A as extractTimeFormat,
-  E as formatter,
-  P as makeList,
-  u as parseDate,
-  x as rangeArr,
-  R as timePickerDefaultProps,
-  L as timeUnits,
-  D as valueEquals
+  F as extractDateFormat,
+  k as extractTimeFormat,
+  _ as formatter,
+  d as makeList,
+  L as parseDate,
+  M as rangeArr,
+  l as timePickerDefaultProps,
+  P as timeUnits,
+  R as valueEquals
 };

package/es/components/time-picker/props/basic-time-spinner.js

@@ -1,9 +1,9 @@
-import "@vft/utils";
-import "vue";
-import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash";
+import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
+import "vue";
 import { disabledTimeListsProps as o } from "./shared.js";
 const a = r({
   role: {