vft 0.0.65 → 0.0.67

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

@@ -69,6 +69,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -81,7 +82,7 @@ const W = ["title"], k = (
   v("menu-item")
 ), X = S({
   name: k.b()
-}), Ue = /* @__PURE__ */ S({
+}), Be = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -166,5 +167,5 @@ const W = ["title"], k = (
   }
 });
 export {
-  Ue as default
+  Be as default
 };

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

@@ -59,6 +59,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -82,7 +83,7 @@ const S = (
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), Ho = /* @__PURE__ */ Z({
+}), Lo = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -283,5 +284,5 @@ const S = (
   }
 });
 export {
-  Ho as default
+  Lo as default
 };

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

@@ -68,6 +68,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -81,7 +82,7 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), ke = /* @__PURE__ */ P({
+}), Be = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
@@ -196,5 +197,5 @@ const M = (
   }
 });
 export {
-  ke as default
+  Be as default
 };

package/es/components/result/result.vue2.js

@@ -67,6 +67,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -79,7 +80,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Lt = /* @__PURE__ */ l({
+}), Mt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -118,5 +119,5 @@ const i = (
   }
 });
 export {
-  Lt as default
+  Mt as default
 };

package/es/components/search/search.vue2.js

@@ -59,6 +59,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -79,7 +80,7 @@ const u = (
   W("search")
 ), U = C({
   name: u.b()
-}), fo = /* @__PURE__ */ C({
+}), co = /* @__PURE__ */ C({
   ...U,
   props: {
     modelValue: { default: "" },
@@ -207,5 +208,5 @@ const u = (
   }
 });
 export {
-  fo as default
+  co as default
 };

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

@@ -350,7 +350,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -560,7 +560,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -784,7 +784,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {
@@ -985,9 +985,9 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     height: number;
     loading: boolean;
+    placement: import("@popperjs/core").Placement;
     popperClass: string;
     disabled: boolean;
-    placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
     autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;
@@ -1362,7 +1362,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -1572,7 +1572,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -1796,7 +1796,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {
@@ -1997,9 +1997,9 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     height: number;
     loading: boolean;
+    placement: import("@popperjs/core").Placement;
     popperClass: string;
     disabled: boolean;
-    placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
     autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;

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

@@ -349,7 +349,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -559,7 +559,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -783,7 +783,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {
@@ -984,9 +984,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     height: number;
     loading: boolean;
+    placement: import("@popperjs/core").Placement;
     popperClass: string;
     disabled: boolean;
-    placement: import("@popperjs/core").Placement;
     allowCreate: boolean;
     autocomplete: "inline" | "none" | "list" | "both";
     automaticDropdown: boolean;

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

@@ -253,7 +253,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -463,7 +463,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 required: false;
             };
             appendTo: {
-                type: import("vue").PropType<string | HTMLElement | undefined>;
+                type: import("vue").PropType<any>;
                 required: false;
             };
             content: {
@@ -687,7 +687,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             required: false;
         };
         appendTo: {
-            type: import("vue").PropType<string | HTMLElement | undefined>;
+            type: import("vue").PropType<any>;
             required: false;
         };
         content: {

package/es/components/side-menu/index.d.ts

@@ -15,7 +15,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    width: {
+    sideWidth: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
@@ -72,7 +72,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
 }, {
     sideRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "update:sideWidth" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "update:sideWidth" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: import("vue").PropType<import("@vft/router").MenuType[]>;
         required: true;
@@ -89,7 +89,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    width: {
+    sideWidth: {
         type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
@@ -146,6 +146,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     };
 }>> & {
     "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sideWidth"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onDragWidthEnd?: ((...args: any[]) => any) | undefined;

package/es/components/side-menu/side-menu.vue.d.ts

@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    width: {
+    sideWidth: {
         type: __PropType<string | number | undefined>;
         required: false;
     };
@@ -74,7 +74,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     sideRef: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapse" | "update:sideWidth" | "dragEnd" | "select" | "dragWidthEnd")[], "update:collapse" | "update:sideWidth" | "dragEnd" | "select" | "dragWidthEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: __PropType<MenuType[]>;
         required: true;
@@ -91,7 +91,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    width: {
+    sideWidth: {
         type: __PropType<string | number | undefined>;
         required: false;
     };
@@ -148,6 +148,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:sideWidth"?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     onDragWidthEnd?: ((...args: any[]) => any) | undefined;

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

@@ -1,17 +1,6 @@
-import { defineComponent as N, useSlots as F, ref as h, computed as m, h as v, onMounted as G, nextTick as J, getCurrentInstance as K, createVNode as f } from "vue";
-import { listenerRouteChange as Q, useRouterHelper as X } from "@vft/router";
-import { useSortable as Z } from "@vft/use";
-import { isUrl as I, addUnit as C, isNullOrUndefined as V, removeUnit as _ } from "@vft/utils";
-import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { generateCssVars as te, cssVarValue as oe } from "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
+import { defineComponent as T, useSlots as Y, ref as g, computed as m, h as v, onMounted as F, nextTick as G, getCurrentInstance as J, createVNode as f } from "vue";
 import "../divider/index.js";
-import { VftIcon as le } from "../icon/index.js";
+import { VftIcon as K } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
@@ -20,11 +9,14 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenu as ne, VftSubMenu as ie, VftMenuItem as k } from "../menu/index.js";
+import { VftMenu as Q, VftSubMenu as X, VftMenuItem as R } from "../menu/index.js";
+import { isUrl as Z, addUnit as k, isNullOrUndefined as N, removeUnit as I } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
+import { listenerRouteChange as _, useRouterHelper as ee } from "@vft/router";
 import "@vft/store";
-import { useRouter as ae } from "vue-router";
+import { useSortable as te } from "@vft/use";
+import { useRouter as oe } from "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -67,6 +59,7 @@ 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 "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -74,14 +67,22 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useDragLine as re } from "./use-drag-line.js";
+import { useNamespace as ie } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useDragLine as le } from "./use-drag-line.js";
 const a = (
   /* hoist-static*/
-  ee("side-menu")
-), ue = N({
+  ie("side-menu")
+), ne = T({
   name: a.b()
-}), Tt = /* @__PURE__ */ N({
-  ...ue,
+}), Tt = /* @__PURE__ */ T({
+  ...ne,
   props: {
     menus: null,
     uniqueOpened: {
@@ -93,7 +94,7 @@ const a = (
       default: !1
     },
     defaultActive: null,
-    width: null,
+    sideWidth: null,
     collapseWidth: {
       default: 50
     },
@@ -111,7 +112,7 @@ const a = (
     dragOption: null,
     dragWidth: {
       type: Boolean,
-      default: !0
+      default: !1
     },
     useMenuSelect: {
       type: Boolean,
@@ -126,12 +127,12 @@ const a = (
     },
     defaultOpeneds: null
   },
-  emits: ["update:collapse", "dragEnd", "select", "dragWidthEnd"],
+  emits: ["update:collapse", "update:sideWidth", "dragEnd", "select", "dragWidthEnd"],
   setup(t, {
-    expose: T,
-    emit: b
+    expose: A,
+    emit: h
   }) {
-    const c = F(), O = h(), n = m(() => ({
+    const c = Y(), y = g(), l = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -140,60 +141,60 @@ const a = (
       disabled: "disabled",
       ...t.attrMapping
     }));
-    Q((e) => {
+    _((e) => {
       var o;
-      !e || (o = e.meta) != null && o.hideSide && !t.openListenRoute || (O.value = e.path);
+      !e || (o = e.meta) != null && o.hideSide && !t.openListenRoute || (y.value = e.path);
     });
-    const B = (e, o) => {
-      const l = e[n.value.path], u = e[n.value.title], r = e == null ? void 0 : e[n.value.children], d = e == null ? void 0 : e[n.value.index], p = e == null ? void 0 : e[n.value.icon], s = !(e != null && e[n.value.disabled]);
+    const C = (e, o) => {
+      const i = e[l.value.path], d = e[l.value.title], r = e == null ? void 0 : e[l.value.children], p = e == null ? void 0 : e[l.value.index], u = e == null ? void 0 : e[l.value.icon], s = !(e != null && e[l.value.disabled]);
       return r != null && r.length ? v(
         // @ts-ignore
-        ie,
+        X,
         {
           popperAppendToBody: !0,
-          key: d || l,
-          index: d || l,
-          title: u,
-          icon: p,
+          key: p || i,
+          index: p || i,
+          title: d,
+          icon: u,
           popperClass: a.e("popper")
         },
         {
-          default: () => r == null ? void 0 : r.map((i, $) => {
-            var R;
-            const y = i[n.value.path], w = i[n.value.index], j = i[n.value.icon], z = i[n.value.title], Y = i[n.value.disabled];
-            return (R = i == null ? void 0 : i[n.value.children]) != null && R.length ? B(i, $) : (
+          default: () => r == null ? void 0 : r.map((n, P) => {
+            var M;
+            const x = n[l.value.path], S = n[l.value.index], $ = n[l.value.icon], j = n[l.value.title], z = n[l.value.disabled];
+            return (M = n == null ? void 0 : n[l.value.children]) != null && M.length ? C(n, P) : (
               // @ts-ignore
-              v(k, {
-                key: w || y,
-                index: w || y,
-                route: y,
-                icon: j,
-                title: z,
-                disabled: t.openDisabled && Y
+              v(R, {
+                key: S || x,
+                index: S || x,
+                route: x,
+                icon: $,
+                title: j,
+                disabled: t.openDisabled && z
               })
             );
           })
         }
-      ) : v(k, {
-        key: d || l,
-        index: d || l,
-        title: u,
-        route: l,
-        icon: p,
+      ) : v(R, {
+        key: p || i,
+        index: p || i,
+        title: d,
+        route: i,
+        icon: u,
         disabled: t.openDisabled && s
       }, c.menuItem ? () => {
-        var i;
-        return (i = c.menuItem) == null ? void 0 : i.call(c, {
+        var n;
+        return (n = c.menuItem) == null ? void 0 : n.call(c, {
           item: e,
           index: o
         });
       } : "");
-    }, A = m(() => {
+    }, D = m(() => {
       var e, o;
-      return v(ne, {
+      return v(Q, {
         onSelect: t.useMenuSelect ? H : () => {
         },
-        defaultActive: t.defaultActive || O.value,
+        defaultActive: t.defaultActive || y.value,
         defaultOpeneds: t.defaultOpeneds,
         class: [a.e("con"), (e = t.dragOption) != null && e.dragClassName ? a.e((o = t.dragOption) == null ? void 0 : o.dragClassName) : ""],
         style: {
@@ -202,43 +203,41 @@ const a = (
         uniqueOpened: t.uniqueOpened,
         collapse: t.collapse,
         "collapse-transition": !1
-      }, () => t.menus.map((l, u) => B(l, u)));
+      }, () => t.menus.map((i, d) => C(i, d)));
     }), {
-      go: S
-    } = X(), D = ae();
+      go: O
+    } = ee(), w = oe();
     async function H(e) {
-      var r, d, p;
+      var r, p, u;
       const o = e.route;
-      let l = e.route;
-      e.indexPath.some((s) => I(s)) && (l = e.indexPath.slice(-2).join("/"));
-      const u = (p = (d = (r = D.getRoutes().filter((s) => s.path === l)) == null ? void 0 : r[0]) == null ? void 0 : d.meta) == null ? void 0 : p.linkTarget;
-      S(u ? {
+      let i = e.route;
+      e.indexPath.some((s) => Z(s)) && (i = e.indexPath.slice(-2).join("/"));
+      const d = (u = (p = (r = w.getRoutes().filter((s) => s.path === i)) == null ? void 0 : r[0]) == null ? void 0 : p.meta) == null ? void 0 : u.linkTarget;
+      O(d ? {
         url: o,
         winOpenOpt: {
-          target: u
+          target: d
         }
-      } : o), b("select", e);
+      } : o), h("select", e);
     }
-    const x = h(), q = m(() => ({
-      ...te({
-        width: t.collapse ? C(t.collapseWidth) : x.value ? C(x.value) : C(t.width)
-      }, "side-menu"),
+    const W = g(), V = m(() => ({
+      width: k(t.sideWidth),
       height: `calc(100% - ${t.extraHeight}px)`
-    })), E = m(() => [a.b(), a.m("fixed")]);
-    G(() => {
-      J(() => {
-        var e, o, l;
+    })), q = m(() => [a.b(), a.m("fixed")]);
+    F(() => {
+      G(() => {
+        var e, o, i;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const u = (l = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : l[0], {
+          const d = (i = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : i[0], {
             initSortable: r
-          } = Z(u, {
+          } = te(d, {
             draggable: ".vft-menu-item",
-            onEnd: (d) => {
+            onEnd: (p) => {
               const {
-                oldIndex: p,
+                oldIndex: u,
                 newIndex: s
-              } = d;
-              V(p) || V(s) || p === s || b("dragEnd", p, s);
+              } = p;
+              N(u) || N(s) || u === s || h("dragEnd", u, s);
             },
             ...t.dragOption
           });
@@ -246,35 +245,35 @@ const a = (
         }
       });
     });
-    const g = h(), M = h(), W = oe("side-menu-width", g), U = m(() => ({
-      left: W.value
+    const b = g(), B = g(), E = m(() => ({
+      left: k(t.sideWidth)
     }));
-    function L() {
-      t.collapse || (x.value = W.value), b("update:collapse", !t.collapse);
+    function U() {
+      t.collapse ? h("update:sideWidth", W.value) : (W.value = t.sideWidth, h("update:sideWidth", t.collapseWidth)), h("update:collapse", !t.collapse);
     }
-    const P = K();
-    return t.dragWidth && re(g, M, m(() => _(t.collapseWidth)), P, t.collapse), T({
-      sideRef: g
+    const L = J();
+    return t.dragWidth && le(b, B, m(() => I(t.collapseWidth)), L, m(() => t.collapse)), A({
+      sideRef: b
     }), () => f("div", {
-      ref: g,
-      class: E.value,
-      style: q.value
+      ref: b,
+      class: q.value,
+      style: V.value
     }, [c.top ? f("div", {
       class: a.e("top")
-    }, [c.top()]) : null, A.value, c.bottom ? f("div", {
+    }, [c.top()]) : null, D.value, c.bottom ? f("div", {
       class: a.e("bottom")
     }, [c.bottom()]) : t.showCollapse ? f("div", {
-      onClick: L,
+      onClick: U,
       class: [a.e("bottom"), a.e("collapse")]
-    }, [f(le, {
+    }, [f(K, {
       style: {
         transform: t.collapse ? "rotateY(180deg)" : ""
       },
       size: 20,
       icon: "ico-iconoir:sidebar-collapse"
     }, null)]) : null, t.dragWidth ? f("div", {
-      ref: M,
-      style: U.value,
+      ref: B,
+      style: E.value,
       class: a.e("drag-bar")
     }, null) : null]);
   }