@dt-frames/ui 1.0.26 → 1.0.28

package/es/index.js

@@ -2,7 +2,7 @@ import { defineComponent, resolveComponent, openBlock, createBlock, computed, un
 import { isString, isArray as isArray$1, isObject, isFunction, error, useTimeoutFn, useAttrs, useSlots, dispatchResize, BAR_MAP, off, renderThumbStyle, on, useAppStore, addResizeListener, removeResizeListener, windowResizeFn, isNumber, isBoolean, isNull, DtCache, CacheKey, deepMerge, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, useMessage, isEmpty, useTheme, useMenu, useHeader, useGo, Pages, localeList, changeLocale, Theme, MenuMode, MenuType, useThemeStore, ContentMode, useMultipleTab, copyText, MenuSplitTye, isUrl, openWindow, RouteReuseStore, menuList2Map, useApp } from "@dt-frames/core";
 import { InputSearch, Tooltip, Modal as Modal$1, RadioGroup, RadioButton, InputGroup, Input, Button, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Form, FormItem, Row, Popover, Spin, Dropdown, Menu, MenuItem, CheckboxGroup, Table, Upload, Image, MenuDivider, Tree, Empty, BackTop, Breadcrumb, Avatar, Drawer, SubMenu, LayoutHeader, LayoutSider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
 import { isEqual, omit, cloneDeep, upperFirst, set, uniqBy, difference, get, trim } from "lodash-es";
-import { tryOnUnmounted, isFunction as isFunction$1, useFullscreen, useDebounceFn, useThrottleFn } from "@vueuse/core";
+import { tryOnUnmounted, isFunction as isFunction$1, useDebounceFn, useFullscreen, useThrottleFn } from "@vueuse/core";
 import dayjs from "dayjs";
 import Sortablejs from "sortablejs";
 import * as xlsx from "xlsx";
@@ -2034,22 +2034,21 @@ function useModalOut() {
       (_a = getInstance()) == null ? void 0 : _a.setModalProps({
         visible: true
       });
-      const { data, afterClose } = params || {};
+      const { data = null, afterClose } = params || {};
       const id = unref(uid);
       cbTransfer[unref(uid)] = (rsp) => {
         if (afterClose && isFunction(afterClose)) {
           afterClose(rsp);
         }
       };
-      if (!data)
-        return;
+      let dataToRaw = isObject(data) ? { ...toRaw(data) } : data;
       if (openOnSet) {
-        dataTransfer[id] = { ...toRaw(data) };
+        dataTransfer[id] = dataToRaw;
         return;
       }
-      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data));
+      const equal = isEqual(toRaw(dataTransfer[id]), dataToRaw);
       if (!equal) {
-        dataTransfer[id] = toRaw(data);
+        dataTransfer[id] = dataToRaw;
       }
     },
     closeModal: () => {
@@ -3188,19 +3187,12 @@ var _sfc_main$Q = defineComponent({
           disabled = dynamicDisabled(unref(getValues));
         return disabled;
       });
-      const {
-        enterToSearch = appConf.ui.form.enterToSearch,
-        onSearch,
-        mode
-      } = props.formProps;
       const itemProps = {
         allowClear: appConf.ui.form.allowClear,
         getPopupContainer: (trigger) => trigger.parentNode,
         size: size || appConf.ui.form.size,
         ...unref(getComponentProps),
-        disabled: unref(getDisable),
-        onPressEnter: mode === "search" && enterToSearch ? onSearch : () => {
-        }
+        disabled: unref(getDisable)
       };
       if (!itemProps.disabled && component !== "RangePicker") {
         itemProps.placeholder = ((_a = unref(getComponentProps)) == null ? void 0 : _a.placeholder) || createPlaceholder(component);
@@ -3478,7 +3470,6 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.buttonList, (button) => {
             return openBlock(), createElementBlock(Fragment, null, [
-              createTextVNode(toDisplayString(button.auth) + " ", 1),
               (button.show === void 0 ? true : button.show) ? withDirectives((openBlock(), createBlock(_component_Button, {
                 key: 0,
                 type: button.type,
@@ -3972,7 +3963,7 @@ const _sfc_main$O = defineComponent({
       }
     }
     function handleEnterPress() {
-      if (unref(getProps).mode === "search") {
+      if (appConf.ui.form.enterToSearch && unref(getProps).mode === "search") {
         handleMethod(SEARCH_BTNS.filter((it) => it.name === SEARCH_BTN_NAME)[0]);
       }
     }
@@ -4784,7 +4775,7 @@ function usePagination(props) {
       pageSize: defaultPageSize,
       size: size === "small" ? "small" : "default",
       defaultPageSize,
-      showTotal: (total, range) => `\u603B\u5171${Math.ceil(total / unref(props).pagination.pageSize)}\u9875`,
+      showTotal: (total, range) => `\u603B\u5171${total}\u6761`,
       showSizeChanger: true,
       pageSizeOptions,
       showQuickJumper: true,
@@ -5347,9 +5338,13 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const actionBtns = ref([]);
     watch(() => props.btns, (btns) => {
-      btns.map((it) => {
-        it.ifShow = isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true;
+      actionBtns.value = [...btns].map((it) => {
+        return {
+          ...it,
+          ifShow: isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true
+        };
       });
     }, {
       immediate: true
@@ -5368,6 +5363,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
+      const _directive_auth = resolveDirective("auth");
       return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
         return openBlock(), createElementBlock("span", _hoisted_1$s, [
           item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
@@ -5396,8 +5392,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         overlay: withCtx(() => [
           createVNode(unref(Menu), { class: "dt-action-select" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.btns, (item) => {
-                return openBlock(), createElementBlock(Fragment, null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item) => {
+                return withDirectives((openBlock(), createElementBlock("span", null, [
                   item.ifShow ? (openBlock(), createBlock(unref(MenuItem), {
                     key: 0,
                     onClick: ($event) => handleAction(item)
@@ -5412,7 +5408,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1032, ["onClick"])) : createCommentVNode("", true)
-                ], 64);
+                ])), [
+                  [_directive_auth, item.auth]
+                ]);
               }), 256))
             ]),
             _: 1
@@ -5548,22 +5546,18 @@ function handleActionColumn(propsRef, columns) {
     });
   }
 }
-function useColumns(propsRef, getPaginationRef) {
+function useColumns(propsRef, getPaginationRef, tableElRef) {
   const columnsRef = ref(unref(propsRef).columns);
   let cacheColumns = unref(propsRef).columns;
   const getColumnsRef = computed(() => {
     const columns = cloneDeep(unref(columnsRef));
     if (!columns)
       return [];
-    const { ellipsis, resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
+    const { ellipsis } = unref(propsRef);
     columns.forEach((it, index) => {
+      var _a;
+      it.class = `${(_a = it.class) != null ? _a : ""} __column`;
       const { slots } = it;
-      it.width = it.width || (index === columns.length - 1 ? 119.9 : 120);
-      if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
-        it.resizable = true;
-        it.minWidth = it.minWidth || minWidth;
-        it.maxWidth = it.maxWidth || maxWidth;
-      }
       if (it.sorter) {
         it.sorter = {
           multiple: Number(it.sorter)
@@ -5589,10 +5583,41 @@ function useColumns(propsRef, getPaginationRef) {
     const ifShow = column.ifShow;
     return isBoolean(ifShow) ? ifShow : isFunction(ifShow) ? ifShow(column) : true;
   }
+  function addResize() {
+    const { resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
+    useDebounceFn(() => {
+      var _a, _b;
+      let els = (_a = unref(tableElRef)) == null ? void 0 : _a.$el.querySelectorAll(".__column");
+      let allWidth = 0;
+      for (let i = 0; i < els.length; i++) {
+        allWidth += (_b = els[i].offsetWidth) != null ? _b : 0;
+      }
+      let columnAllWidth = 0, noWidthNum = 0;
+      columnsRef.value.forEach((it) => {
+        if (it.ifShow) {
+          if (it.width) {
+            columnAllWidth += parseInt(`${it.width}`);
+          } else {
+            noWidthNum++;
+          }
+        }
+      });
+      let avgWidth = (allWidth - columnAllWidth) / noWidthNum;
+      columnsRef.value.forEach((it) => {
+        it.width = it.width || avgWidth - 1;
+        if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
+          it.resizable = true;
+          it.minWidth = it.minWidth || minWidth;
+          it.maxWidth = it.maxWidth || maxWidth;
+        }
+      });
+    }, 100)();
+  }
   watch(() => unref(propsRef).columns, (columns) => {
     var _a;
     columnsRef.value = columns;
     cacheColumns = (_a = columns.filter((it) => !it.flag)) != null ? _a : [];
+    nextTick(() => addResize());
   });
   function getColumns(opt) {
     const { ignoreIndex, ignoreAction, sort } = opt || {};
@@ -5662,7 +5687,7 @@ const _hoisted_1$r = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u6
 const _hoisted_2$i = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
 const _hoisted_3$b = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
 const _hoisted_4$8 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
-const _hoisted_5$5 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_5$4 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
 const _hoisted_6$2 = {
   size: 16,
   className: "drag-icon"
@@ -5900,7 +5925,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   onClick: reset
                 }, {
                   default: withCtx(() => [
-                    _hoisted_5$5
+                    _hoisted_5$4
                   ]),
                   _: 1
                 })
@@ -6381,7 +6406,7 @@ const _hoisted_4$5 = {
   key: 0,
   class: "dt-table-header-actions__right"
 };
-const _hoisted_5$4 = {
+const _hoisted_5$3 = {
   key: 0,
   style: { "margin": "5px" }
 };
@@ -6401,7 +6426,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["setting", "onColumnsChange"])
       ])) : createCommentVNode("", true)
     ]),
-    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
       renderSlot(_ctx.$slots, "headerTop")
     ])) : createCommentVNode("", true)
   ]);
@@ -6438,9 +6463,10 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   watch(() => propsRef.value.dataSource, (v) => {
     debounceRedoHeight();
   }, {
+    deep: true,
     flush: "post"
   });
-  windowResizeFn(calcTableHeight, 280);
+  windowResizeFn(calcTableHeight, 10);
   function redoHeight() {
     nextTick(() => {
       calcTableHeight();
@@ -6690,7 +6716,7 @@ const _sfc_main$A = defineComponent({
       setColumns,
       setCacheColumnsByField,
       getCacheColumns
-    } = useColumns(getProps, getPaginationInfo);
+    } = useColumns(getProps, getPaginationInfo, tableElRef);
     const {
       getRowSelectionRef,
       clearSelectedRowKeys,
@@ -6847,14 +6873,14 @@ function useDownload(exportUrl, exportName) {
       case "all":
         http.exportFile(exportUrl, {
           fields: setDownloadAllHeaders(columns),
-          tableName: exportName,
+          tableName: unref(exportName),
           fileType: "xlsx",
           searchDTO
-        }, `${exportName}.xlsx`);
+        }, `${unref(exportName)}.xlsx`);
         break;
       case "current":
       case "select":
-        handleDownloadPage(excelData, exportName);
+        handleDownloadPage(excelData, unref(exportName));
         break;
     }
   }
@@ -7128,6 +7154,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
     ...basicProps,
+    title: {
+      type: Object
+    },
     ...{
       onRegister: { type: Function },
       formProps: {
@@ -7141,7 +7170,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const [registerDialog, { closeModal }] = useModal({
+    const [registerDialog, { closeModal, setModalProps }] = useModal({
       ...omit(toRaw(props), [
         "curd",
         "formProps",
@@ -7195,18 +7224,23 @@ function useCurd(curdOpt) {
     closeModal
   }] = useModalOut();
   const {
-    confirm
+    confirm,
+    message
   } = useMessage();
+  const actType = ref(null);
+  const title = computed(() => unref(actType) + unref(curdOpt.title));
   const DtCurdModal = () => {
     return h(createVNode("div", {
       "class": "curdModal"
     }, [createVNode(_sfc_main$z, mergeProps(curdOpt, {
+      "title": title,
       "formsVal": formsVal,
       "formProps": curdOpt.formProps,
       "onRegister": register
     }), null)]));
   };
   function add() {
+    actType.value = "\u65B0\u589E";
     formsVal.value = null;
     openModal();
   }
@@ -7237,6 +7271,7 @@ function useCurd(curdOpt) {
       primaryKey = "id",
       curd
     } = curdOpt;
+    actType.value = "\u7F16\u8F91";
     curd.onQueryById(row[primaryKey]).then((rsp) => {
       formsVal.value = rsp;
       nextTick(() => dispatchResize());
@@ -7244,6 +7279,10 @@ function useCurd(curdOpt) {
     openModal();
   }
   function dels(ids = []) {
+    if (!ids.length) {
+      message.error("\u6682\u65E0\u9009\u4E2D\u7684\u6570\u636E!");
+      return;
+    }
     const {
       curd
     } = curdOpt;
@@ -7322,6 +7361,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const basicUploadProps = {
+  uploadText: {
+    type: String,
+    default: "\u6587\u4EF6\u4E0A\u4F20"
+  },
   showTemplateDownload: {
     type: Boolean,
     default: false
@@ -7811,9 +7854,8 @@ var sparkMd5 = { exports: {} };
 })(sparkMd5);
 const _hoisted_1$j = { class: "dt-file" };
 const _hoisted_2$b = { class: "file-header" };
-const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u6587\u4EF6\u4E0A\u4F20 ");
-const _hoisted_4$4 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u4E0B\u8F7D ");
-const _hoisted_5$3 = { class: "file-type-tips ant-alert-info" };
+const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u4E0B\u8F7D ");
+const _hoisted_4$4 = { class: "file-type-tips ant-alert-info" };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "upload",
   props: basicUploadProps,
@@ -7944,7 +7986,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     withDirectives(createElementVNode("span", null, null, 512), [
                       [_directive_icon, "ic:baseline-file-upload"]
                     ]),
-                    _hoisted_3$6
+                    createTextVNode(" " + toDisplayString(_ctx.uploadText), 1)
                   ]),
                   _: 1
                 })
@@ -7960,14 +8002,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("span", null, null, 512), [
                   [_directive_icon, "ic:baseline-file-download"]
                 ]),
-                _hoisted_4$4
+                _hoisted_3$6
               ]),
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "default")
         ]),
-        createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_4$4, [
           withDirectives(createElementVNode("span", null, null, 512), [
             [_directive_icon, "ant-design:info-circle-outlined"]
           ]),
@@ -9797,13 +9839,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "menu-item-content",
   props: contentProps,
   setup(__props) {
+    const { getIsZH } = useHeader();
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createElementBlock("span", _hoisted_1$4, [
         withDirectives(createElementVNode("span", _hoisted_2$2, null, 512), [
           [_directive_icon, _ctx.item.icon]
         ]),
-        createTextVNode(" " + toDisplayString(_ctx.item.label), 1)
+        createTextVNode(" " + toDisplayString(unref(getIsZH) ? _ctx.item.label : _ctx.item.enLabel), 1)
       ]);
     };
   }
@@ -10218,10 +10261,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "drag-bar",
   setup(__props) {
-    const { getMiniWidthNumber, getCollapsed, getCanDrag } = useMenu();
+    const { getCollapsed, getCanDrag, getMenuWidth } = useMenu();
     const getDragBarStyle = computed(() => {
-      if (unref(getCollapsed)) {
-        return { left: `${unref(getMiniWidthNumber)}px` };
+      if (!unref(getCollapsed)) {
+        return { left: `${unref(getMenuWidth)}px` };
       }
       return {};
     });

package/es/theme/sider/components/basic-menu/basic-menu-item.d.ts

@@ -85,6 +85,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
         }>>;
+        getIsZH: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: ObjectConstructor;

package/es/theme/sider/components/basic-menu/basic-menu.d.ts

@@ -626,6 +626,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 }>> & {
                     [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
                 }>>;
+                getIsZH: import("vue").ComputedRef<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 item: {
                     type: ObjectConstructor;
@@ -679,6 +680,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
             }>>;
+            getIsZH: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: ObjectConstructor;

package/es/theme/sider/components/basic-menu/basic-sub-menu-item.d.ts

@@ -161,6 +161,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
             }>>;
+            getIsZH: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             item: {
                 type: ObjectConstructor;
@@ -214,6 +215,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
         }>>;
+        getIsZH: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: ObjectConstructor;

package/es/theme/sider/components/basic-menu/menu-item-content.d.ts

@@ -18,6 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     }>>;
+    getIsZH: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;

package/es/theme/sider/components/drag-bar.d.ts

@@ -1,7 +1,7 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
-    getMiniWidthNumber: import("vue").ComputedRef<48 | 80>;
     getCollapsed: import("vue").ComputedRef<boolean>;
     getCanDrag: import("vue").ComputedRef<boolean>;
+    getMenuWidth: import("vue").ComputedRef<string | number>;
     getDragBarStyle: import("vue").ComputedRef<{
         left: string;
     } | {

package/es/theme/sider/index.d.ts

@@ -136,9 +136,9 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         isHorizontal: boolean;
     }>;
     DragBar: import("vue").DefineComponent<{}, {
-        getMiniWidthNumber: import("vue").ComputedRef<48 | 80>;
         getCollapsed: import("vue").ComputedRef<boolean>;
         getCanDrag: import("vue").ComputedRef<boolean>;
+        getMenuWidth: import("vue").ComputedRef<string | number>;
         getDragBarStyle: import("vue").ComputedRef<{
             left: string;
         } | {

package/es/theme/sider/index.less

@@ -131,6 +131,7 @@
         margin-right: 12px;
         height: 40px !important;
         width: 28px;
+        flex: 0 0 28px;
         text-align: center;
     }
 
@@ -182,9 +183,8 @@
 }
 
 .dt-darg-bar{
-    position: absolute;
+    position: fixed;
     top: 0;
-    right: 0;
     z-index: @side-drag-z-index;
     width: 2px;
     height: 100%;

package/es/theme/theme.less

@@ -38,6 +38,8 @@
                 flex-direction: column;
                 padding: 12px;
                 background: @page-bg-color;
+                max-height: 100%;
+                overflow: hidden;
                 .basic-form--search{
                     background: #fff;
                     padding: 15px 30px 0;
@@ -65,3 +67,7 @@
     }
 }
 
+.ant-menu-dark .ant-menu-submenu-title:focus-visible {
+    box-shadow: none;
+}
+

package/es/theme/transition.less

@@ -39,6 +39,12 @@
       opacity: 0;
     }
 }
+
+.fade-leave-active {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
   
 .fade-enter-active,
 .fade-leave-active {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "1.0.26",
+	"version": "1.0.28",
 	"keywords": [
 		"ui",
 		"dt-ui"
@@ -10,7 +10,7 @@
 		"registry": "https://registry.npmjs.org/"
 	},
 	"scripts": {
-		"dev": "yarn build -w",
+		"dev": "vite dev",
 		"build": "vite build"
 	},
 	"exports": {