vft 0.0.151 → 0.0.154

package/es/components/search/index.d.ts

@@ -32,16 +32,16 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | import("..").IconProps>;
         };
     }>> & {
+        onChange?: ((val: string | number) => any) | undefined;
         onInput?: ((val: string | number) => any) | undefined;
         onBlur?: (() => any) | undefined;
-        onChange?: ((val: string | number) => any) | undefined;
         onFocus?: (() => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
         onEnter?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
     }, {
@@ -95,16 +95,16 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | import("..").IconProps>;
         };
     }>> & {
+        onChange?: ((val: string | number) => any) | undefined;
         onInput?: ((val: string | number) => any) | undefined;
         onBlur?: (() => any) | undefined;
-        onChange?: ((val: string | number) => any) | undefined;
         onFocus?: (() => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
         onEnter?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
     }, {}, true, {}, {}, {
@@ -146,16 +146,16 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string | import("..").IconProps>;
         };
     }>> & {
+        onChange?: ((val: string | number) => any) | undefined;
         onInput?: ((val: string | number) => any) | undefined;
         onBlur?: (() => any) | undefined;
-        onChange?: ((val: string | number) => any) | undefined;
         onFocus?: (() => any) | undefined;
         onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
         onMouseenter?: ((val: string | number) => any) | undefined;
         onMouseleave?: ((val: string | number) => any) | undefined;
         onEnter?: ((val: string | number) => any) | undefined;
-        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+        onClear?: (() => any) | undefined;
         onSuffixClick?: ((val: string | number) => any) | undefined;
         onPrefixClick?: ((val: string | number) => any) | undefined;
     }, {
@@ -200,16 +200,16 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string | import("..").IconProps>;
     };
 }>> & {
+    onChange?: ((val: string | number) => any) | undefined;
     onInput?: ((val: string | number) => any) | undefined;
     onBlur?: (() => any) | undefined;
-    onChange?: ((val: string | number) => any) | undefined;
     onFocus?: (() => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
     onEnter?: ((val: string | number) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
 }, {

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

@@ -33,16 +33,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     change: (val: string | number) => void;
     input: (val: string | number) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SearchProps & _InputProps>>> & {
+    onChange?: ((val: string | number) => any) | undefined;
     onInput?: ((val: string | number) => any) | undefined;
     onBlur?: (() => any) | undefined;
-    onChange?: ((val: string | number) => any) | undefined;
     onFocus?: (() => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
     onMouseenter?: ((val: string | number) => any) | undefined;
     onMouseleave?: ((val: string | number) => any) | undefined;
     onEnter?: ((val: string | number) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((val: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onSuffixClick?: ((val: string | number) => any) | undefined;
     onPrefixClick?: ((val: string | number) => any) | undefined;
 }, {}, {}>, {

package/es/components/select/index.d.ts

@@ -223,7 +223,6 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: Placement[] | undefined;
@@ -242,6 +241,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -800,7 +800,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag")[], "clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: globalThis.PropType<"both" | "none" | "inline" | "list">;
@@ -900,11 +900,11 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -1160,7 +1160,6 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<{
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: Placement[] | undefined;
@@ -1179,6 +1178,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<{
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -1737,7 +1737,7 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag")[], "clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: globalThis.PropType<"both" | "none" | "inline" | "list">;
@@ -1837,11 +1837,11 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -222,7 +222,6 @@ declare const _default: import("vue").DefineComponent<{
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: Placement[] | undefined;
@@ -241,6 +240,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
@@ -799,7 +799,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag")[], "clear" | "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: globalThis.PropType<"both" | "none" | "inline" | "list">;
@@ -899,11 +899,11 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/components/select/useSelect.d.ts

@@ -126,7 +126,6 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: Placement[] | undefined;
@@ -145,6 +144,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
             onClose?: ((...args: any[]) => any) | undefined;

package/es/components/side-menu/side-menu.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as I, toRefs as ie, useSlots as ne, getCurrentInstance as le, ref as C, computed as g, h as M, createVNode as f, onMounted as pe, nextTick as ae, watch as ue, isVNode as se } from "vue";
+import { defineComponent as I, toRefs as ie, useSlots as le, getCurrentInstance as ne, ref as C, computed as g, h as M, createVNode as f, onMounted as ae, nextTick as pe, watch as ue, isVNode as se } from "vue";
 import { listenerRouteChange as de, useRouterHelper as me } from "@vft/router";
 import { useSortable as ce } from "@vft/use";
-import { isUrl as fe, isNullOrUndefined as j, addUnit as E, isNumber as he } from "@vft/utils";
+import { isUrl as fe, isNullOrUndefined as j, addUnit as E, isNumber as ve } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -31,7 +31,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as ve } from "../icon/index.js";
+import { VftIcon as he } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -172,11 +172,11 @@ const Se = I({
   }) {
     const t = b, {
       defaultActive: S,
-      collapse: h,
+      collapse: v,
       uniqueOpened: H,
       defaultOpeneds: x,
       openMenuCollapse: U
-    } = ie(t), m = P, n = ne(), B = le(), _ = C(), p = g(() => ({
+    } = ie(t), m = P, l = le(), B = ne(), _ = C(), a = g(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -193,9 +193,9 @@ const Se = I({
       var r;
       const o = e.e;
       if (t.autoScrollActiveDom && o) {
-        const a = he(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = o.target;
+        const p = ve(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, i = o.target;
         (r = y.value) != null && r.menu && i && setTimeout(() => {
-          y.value.menu.scrollTop = y.value.menu.scrollTop + (i.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + a;
+          y.value.menu.scrollTop = y.value.menu.scrollTop + (i.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + p;
         }, 300);
       }
       m("subMenuClick", e);
@@ -204,7 +204,7 @@ const Se = I({
     }, $ = (e) => {
       m("menuItemMouseleave", e);
     }, T = (e, o) => {
-      const r = e[p.value.path], a = e[p.value.title], i = e == null ? void 0 : e[p.value.children], c = e == null ? void 0 : e[p.value.index], s = e == null ? void 0 : e[p.value.icon], d = !!(e != null && e[p.value.disabled]), v = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + a;
+      const r = e[a.value.path], p = e[a.value.title], i = e == null ? void 0 : e[a.value.children], c = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), h = t.disabledJudgeTurnOver ? !d : d, N = c || r || o + p;
       return i != null && i.length ? M(
         // @ts-ignore
         be,
@@ -213,29 +213,29 @@ const Se = I({
           popperAppendToBody: !0,
           key: N,
           index: N,
-          title: a,
+          title: p,
           icon: s,
-          disabled: t.openDisabled && v,
+          disabled: t.openDisabled && h,
           popperClass: u.e("popper")
         },
         {
-          default: () => i == null ? void 0 : i.map((l, ee) => {
+          default: () => i == null ? void 0 : i.map((n, ee) => {
             var V;
-            const w = l[p.value.path], W = l[p.value.index], te = l[p.value.icon], oe = l[p.value.title], A = !!l[p.value.disabled], re = t.disabledJudgeTurnOver ? !A : A;
-            return (V = l == null ? void 0 : l[p.value.children]) != null && V.length ? T(l, ee) : (
+            const w = n[a.value.path], W = n[a.value.index], te = n[a.value.icon], oe = n[a.value.title], A = !!n[a.value.disabled], re = t.disabledJudgeTurnOver ? !A : A;
+            return (V = n == null ? void 0 : n[a.value.children]) != null && V.length ? T(n, ee) : (
               // @ts-ignore
               M(q, {
-                ...l,
+                ...n,
                 key: W || w,
                 index: W || w,
                 route: w,
                 icon: te,
                 title: oe,
                 disabled: t.openDisabled && re
-              }, n.menuItem ? () => {
+              }, l.menuItem ? () => {
                 var J;
-                return (J = n.menuItem) == null ? void 0 : J.call(n, {
-                  item: l
+                return (J = l.menuItem) == null ? void 0 : J.call(l, {
+                  item: n
                 });
               } : "")
             );
@@ -245,21 +245,21 @@ const Se = I({
         ...e,
         key: c || r,
         index: c || r,
-        title: a,
+        title: p,
         route: r,
         icon: s,
-        disabled: t.openDisabled && v,
+        disabled: t.openDisabled && h,
         onMouseenter: () => Z(e),
         onMouseleave: () => $(e)
-      }, n.menuItem ? () => {
-        var l;
-        return (l = n.menuItem) == null ? void 0 : l.call(n, {
+      }, l.menuItem ? () => {
+        var n;
+        return (n = l.menuItem) == null ? void 0 : n.call(l, {
           item: e,
           index: o
         });
       } : "");
     }, y = C(), z = g(() => ({
-      ...t.collapseWidth === 0 && h.value ? {
+      ...t.collapseWidth === 0 && v.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
@@ -267,29 +267,29 @@ const Se = I({
       var o, r;
       let e;
       return M(f(ge, {
-        ref: y,
+        ref: y.value,
         onSelect: G,
         onOpen: F,
         defaultActive: (S == null ? void 0 : S.value) || _.value,
         defaultOpeneds: x == null ? void 0 : x.value,
         class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((r = t.dragOption) == null ? void 0 : r.dragClassName) : ""],
         style: z.value,
-        collapse: U.value ? h.value : !1,
+        collapse: U.value ? v.value : !1,
         uniqueOpened: H.value,
         collapseTransition: !1
-      }, Me(e = t.menus.map((a, i) => T(a, i))) ? e : {
+      }, Me(e = t.menus.map((p, i) => T(p, i))) ? e : {
         default: () => [e]
       }));
     }), D = B.appContext.config.globalProperties.$router;
     async function G(e) {
-      var o, r, a;
+      var o, r, p;
       if (t.useRouterJump) {
         const {
           go: i
         } = me(D), c = e.route;
         let s = e.route;
-        e.indexPath.some((v) => fe(v)) && (s = e.indexPath.slice(-2).join("/"));
-        const d = (a = (r = (o = D.getRoutes().filter((v) => v.path === s)) == null ? void 0 : o[0]) == null ? void 0 : r.meta) == null ? void 0 : a.linkTarget;
+        e.indexPath.some((h) => fe(h)) && (s = e.indexPath.slice(-2).join("/"));
+        const d = (p = (r = (o = D.getRoutes().filter((h) => h.path === s)) == null ? void 0 : o[0]) == null ? void 0 : r.meta) == null ? void 0 : p.linkTarget;
         i(d ? {
           url: c,
           winOpenOpt: {
@@ -299,13 +299,13 @@ const Se = I({
       }
       m("select", e);
     }
-    pe(() => {
-      ae(() => {
+    ae(() => {
+      pe(() => {
         var e, o, r;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const a = (r = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : r[0], {
+          const p = (r = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : r[0], {
             initSortable: i
-          } = ce(a, {
+          } = ce(p, {
             draggable: ".vft-menu-item",
             onEnd: (c) => {
               const {
@@ -321,13 +321,13 @@ const Se = I({
       });
     });
     const O = C(), R = C(), k = C(), K = g(() => ({
-      ...t.collapseWidth === 0 && h.value ? {
+      ...t.collapseWidth === 0 && v.value ? {
         borderRight: "none"
       } : {},
       width: E(t.width),
       height: t.height
     }));
-    ue(() => h.value, (e) => {
+    ue(() => v.value, (e) => {
       e ? m("update:width", t.collapseWidth) : m("update:width", k.value || t.width), k.value = t.width;
     }), t.dragWidthCfg && Ce(O, R, B);
     const Q = g(() => ({
@@ -338,24 +338,24 @@ const Se = I({
     }), () => {
       var e;
       return f("div", {
-        ref: O,
+        ref: O.value,
         class: X.value,
         style: K.value
-      }, [n.top ? f("div", {
+      }, [l.top ? f("div", {
         class: u.e("top")
-      }, [n.top()]) : null, Y.value, n.bottom ? f("div", {
+      }, [l.top()]) : null, Y.value, l.bottom ? f("div", {
         class: u.e("bottom")
-      }, [n.bottom()]) : t.showCollapse ? f("div", {
-        onClick: () => m("update:collapse", !h.value),
+      }, [l.bottom()]) : t.showCollapse ? f("div", {
+        onClick: () => m("update:collapse", !v.value),
         class: [u.e("bottom"), u.e("collapse")]
-      }, [f(ve, {
+      }, [f(he, {
         style: {
-          transform: h.value ? "rotateY(180deg)" : ""
+          transform: v.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "icon-sidebar-collapse"
-      }, null)]) : null, (e = n.default) == null ? void 0 : e.call(n), t.dragWidthCfg ? f("div", {
-        ref: R,
+      }, null)]) : null, (e = l.default) == null ? void 0 : e.call(l), t.dragWidthCfg ? f("div", {
+        ref: R.value,
         style: Q.value,
         class: u.e("drag-bar")
       }, null) : null]);

package/es/components/slider/index.d.ts

@@ -163,8 +163,8 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: globalThis.PropType<boolean>;
     };
 }>> & {
-    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
 }, {}, {}>> & Record<string, any>;
 export default VftSlider;

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

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     change: (value: import("../../utils").Arrayable<number>) => void;
     input: (value: import("../../utils").Arrayable<number>) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>> & {
-    onInput?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
     onChange?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
+    onInput?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/components/switch/index.d.ts

@@ -74,9 +74,9 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
     focus: () => void;
     checked: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (...args: any[]) => void;
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     value: {
         type: globalThis.PropType<string | number | boolean>;
@@ -150,8 +150,8 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         type: globalThis.PropType<Function>;
     };
 }>> & {
-    onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | boolean;

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

@@ -42,9 +42,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
      */
     checked: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (...args: any[]) => void;
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SwitchProps>, {
     modelValue: boolean;
     value: boolean;
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     validateEvent: boolean;
     loading: boolean;
 }>>> & {
-    onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     value: string | number | boolean;