@dt-frames/ui 2.0.6 → 2.0.8

package/es/components/table/index.js

@@ -1,14 +1,14 @@
 import { DtCache, CacheKey, deepMerge, Pages, useGo, useRedo, Language, useAppStore, useSlots, error, http, useApp, getDynamicProps, isBoolean, isFunction, getPopupContainer, useI18n, isNumber, isArray, isObject, isString, dispatchResize, useTimeoutFn, off, on, windowResizeFn, useMessage, isNullAndUnDef, getDictValueByCode, formatNumber, isVnode } from "@dt-frames/core";
 import { toRaw as toRaw$1, unref, computed, useSlots as useSlots$1, ref, watch, onUnmounted, defineComponent, useAttrs, resolveDirective, openBlock, createElementBlock, Fragment, renderList, withDirectives, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, createBlock, provide, inject, h as h$1, mergeProps, nextTick, getCurrentInstance, reactive, readonly, watchEffect, isRef, normalizeProps, guardReactiveProps, toRefs, isVNode, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createSlots } from "vue";
 import { defineStore } from "pinia";
+import { cloneDeep, omit, isEqual } from "lodash-es";
 import { Tooltip, MenuItem, Menu, Dropdown, RadioButton, RadioGroup, Button, FormItem, Col, Spin, Checkbox as Checkbox$1, Divider as Divider$1, Row, CheckboxGroup, Popover as Popover$1, Table } from "ant-design-vue/es";
 import "ant-design-vue/es/table/style";
-import { omit, cloneDeep, isEqual } from "lodash-es";
 import "ant-design-vue/es/dropdown/style";
 import "ant-design-vue/es/menu/style";
 import "ant-design-vue/es/tooltip/style";
 import { useDebounceFn, useFullscreen, isFunction as isFunction$1 } from "@vueuse/core";
-import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover, Radio, AutoComplete, Cascader, Slider, Rate, Divider, Modal as Modal$1 } from "ant-design-vue";
+import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover, Radio, AutoComplete, Cascader, Slider, Rate, Divider, Modal } from "ant-design-vue";
 import "ant-design-vue/es/radio/style";
 import "ant-design-vue/es/cascader/style";
 import "ant-design-vue/es/input-number/style";
@@ -100,7 +100,7 @@ const defaultThemeConf = {
   },
   routeReuse: {
     show: true,
-    cache: true,
+    cache: false,
     canDrag: true,
     showQuick: true,
     showRedo: true,
@@ -110,7 +110,7 @@ const defaultThemeConf = {
 const useThemeStore = defineStore({
   id: "dt-theme",
   state: () => ({
-    themeConf: DtCache.getLocal(CacheKey.THEME) ?? defaultThemeConf,
+    themeConf: DtCache.getLocal(CacheKey.THEME) ?? cloneDeep(defaultThemeConf),
     pageLoading: false,
     mixSiderHasSubMenu: false
   }),
@@ -145,14 +145,22 @@ const useThemeStore = defineStore({
     },
     setMixSiderIsHasMenu(val) {
       this.mixSiderHasSubMenu = val;
+    },
+    resetState() {
+      DtCache.removeLocal(CacheKey.THEME);
+      this.themeConf = cloneDeep(defaultThemeConf);
     }
   }
 });
+function handleGotoPage(router) {
+  const go = useGo(router);
+  go(unref(router.currentRoute).path, true);
+}
 defineStore({
   id: "route-reuse",
   state: () => ({
     cacheTabList: /* @__PURE__ */ new Set(),
-    tabList: DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache ? DtCache.getLocal(CacheKey.ROUTE_REUSE) || [] : [],
+    tabList: DtCache.getLocal(CacheKey.ROUTE_REUSE) || [],
     lastDragEndIndex: 0
   }),
   getters: {
@@ -173,8 +181,8 @@ defineStore({
         return;
       }
       let updateIndex = -1;
-      const tabHasExits = this.tabList.some((tab, index2) => {
-        updateIndex = index2;
+      const tabHasExits = this.tabList.some((tab, index) => {
+        updateIndex = index;
         return (tab.fullPath || tab.path) === (fullPath || path);
       });
       if (tabHasExits) {
@@ -188,20 +196,20 @@ defineStore({
       }
       this.updateCacheTab();
     },
-    closeTab(path, router) {
+    closeTab(route, router) {
       const go = useGo(router);
-      const index2 = this.tabList.findIndex((item) => item.path === path);
+      const index = this.tabList.findIndex((item) => item.path === route.path);
       let page;
-      if (index2 === 0) {
+      if (index === 0) {
         if (this.tabList.length !== 1) {
-          page = this.tabList[index2 + 1];
+          page = this.tabList[index + 1];
         }
       } else {
-        page = this.tabList[index2 - 1];
+        page = this.tabList[index - 1];
       }
-      this.bulkCloseTabs([path]);
+      this.bulkCloseTabs([route.path]);
       this.updateCacheTab();
-      path === router.currentRoute.value.path && go(page.path);
+      route.path === router.currentRoute.value.path && go(page.path);
     },
     closeAllTab(currentRoute, router) {
       const go = useGo(router);
@@ -211,10 +219,10 @@ defineStore({
       this.updateCacheTab();
       go(route.path);
     },
-    closeLeftTabs(path) {
-      const index2 = this.tabList.findIndex((item) => item.path === path);
-      if (index2 > 0) {
-        const leftTabs = this.tabList.slice(0, index2);
+    closeLeftTabs(route, router) {
+      const index = this.tabList.findIndex((item) => item.path === route.path);
+      if (index > 0) {
+        const leftTabs = this.tabList.slice(0, index);
         const pathList = [];
         for (const item of leftTabs) {
           const affix = item?.meta?.affix ?? false;
@@ -225,11 +233,12 @@ defineStore({
         this.bulkCloseTabs(pathList);
       }
       this.updateCacheTab();
+      handleGotoPage(router);
     },
-    closeRightTabs(path) {
-      const index2 = this.tabList.findIndex((item) => item.path === path);
-      if (index2 >= 0 && index2 < this.tabList.length - 1) {
-        const rightTabs = this.tabList.slice(index2 + 1, this.tabList.length);
+    closeRightTabs(route, router) {
+      const index = this.tabList.findIndex((item) => item.path === route.path);
+      if (index >= 0 && index < this.tabList.length - 1) {
+        const rightTabs = this.tabList.slice(index + 1, this.tabList.length);
         const pathList = [];
         for (const item of rightTabs) {
           const affix = item?.meta?.affix ?? false;
@@ -240,24 +249,40 @@ defineStore({
         this.bulkCloseTabs(pathList);
       }
       this.updateCacheTab();
+      handleGotoPage(router);
     },
-    closeOtherTabs(path) {
+    closeOtherTabs(route, router) {
       const pathList = [];
       for (let item of this.tabList) {
         const affix = item?.meta?.affix ?? false;
-        if (item.path !== path && !affix) {
+        if (item.path !== route.path && !affix) {
           pathList.push(item.path);
         }
       }
       this.bulkCloseTabs(pathList);
       this.updateCacheTab();
+      handleGotoPage(router);
+    },
+    closeTabByKey(path, router) {
+      const go = useGo(router);
+      const index = this.tabList.findIndex((item) => item.path === path);
+      let page;
+      if (index === 0) {
+        if (this.tabList.length !== 1) {
+          page = this.tabList[index + 1];
+        }
+      } else {
+        page = this.tabList[index - 1];
+      }
+      this.bulkCloseTabs([path]);
+      this.updateCacheTab();
+      path === router.currentRoute.value.path && go(page.path);
     },
     bulkCloseTabs(pathList) {
       this.tabList = this.tabList.filter((item) => !pathList.includes(item.fullPath));
     },
     updateCacheTab() {
-      const cacheTab = DtCache.getLocal(CacheKey.THEME)?.routeReuse?.cache;
-      cacheTab && DtCache.setLocal(CacheKey.ROUTE_REUSE, this.tabList);
+      DtCache.setLocal(CacheKey.ROUTE_REUSE, this.tabList);
       const cacheMap = /* @__PURE__ */ new Set();
       for (const tab of this.tabList) {
         if (tab.meta?.hideTab) {
@@ -281,42 +306,46 @@ defineStore({
       this.tabList.splice(oldIndex, 1);
       this.tabList.splice(newIndex, 0, currentTab);
       this.lastDragEndIndex = this.lastDragEndIndex + 1;
+    },
+    resetState() {
+      this.tabList = [];
+      this.updateCacheTab();
     }
   }
 });
 function useMenu() {
-  const { getMenuConf, setThemeConf } = useThemeStore();
-  const getCollapsedShowTitle = computed(() => getMenuConf.collapsedShowTitle);
-  const getIsSidebarType = computed(() => getMenuConf.type === MenuType.SIDE);
-  const getMenuFixed = computed(() => getMenuConf.fixed);
-  const getShowMenu = computed(() => getMenuConf.show);
+  const { setThemeConf } = useThemeStore();
+  const getCollapsedShowTitle = computed(() => useThemeStore().getMenuConf.collapsedShowTitle);
+  const getIsSidebarType = computed(() => useThemeStore().getMenuConf.type === MenuType.SIDE);
+  const getMenuFixed = computed(() => useThemeStore().getMenuConf.fixed);
+  const getShowMenu = computed(() => useThemeStore().getMenuConf.show);
   const getShowSidebar = computed(() => {
     return unref(getSplit) || unref(getShowMenu) && unref(getMenuMode) !== MenuMode.HORIZONTAL;
   });
-  const getMenuHidden = computed(() => getMenuConf.hidden);
-  const getMenuTheme = computed(() => getMenuConf.theme);
-  const getTrigger = computed(() => getMenuConf.trigger);
-  const getCanDrag = computed(() => getMenuConf.canDrag);
+  const getMenuHidden = computed(() => useThemeStore().getMenuConf.hidden);
+  const getMenuTheme = computed(() => useThemeStore().getMenuConf.theme);
+  const getTrigger = computed(() => useThemeStore().getMenuConf.trigger);
+  const getCanDrag = computed(() => useThemeStore().getMenuConf.canDrag);
   const getIsMixMode = computed(() => {
     return unref(getMenuMode) === MenuMode.INLINE && unref(getMenuType) === MenuType.MIX;
   });
   const getIsMixSidebar = computed(() => unref(getMenuType) === MenuType.MIX_SIDEBAR);
   const getMenuWidth = computed(() => {
     if (unref(getIsMixMode)) {
-      return Number(getMenuConf.menuWidth) - 40;
+      return Number(useThemeStore().getMenuConf.menuWidth) - 40;
     } else if (unref(getIsMixSidebar)) {
-      return Number(getMenuConf.menuWidth) - 10;
+      return Number(useThemeStore().getMenuConf.menuWidth) - 10;
     } else {
-      return Number(getMenuConf.menuWidth);
+      return Number(useThemeStore().getMenuConf.menuWidth);
     }
   });
-  const getMixSideTrigger = computed(() => getMenuConf.mixSideTrigger);
-  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : getMenuConf.menuWidth);
-  const getMenuType = computed(() => getMenuConf.type);
+  const getMixSideTrigger = computed(() => useThemeStore().getMenuConf.mixSideTrigger);
+  const getLogoWidth = computed(() => unref(getIsMixSidebar) ? "80px" : useThemeStore().getMenuConf.menuWidth);
+  const getMenuType = computed(() => useThemeStore().getMenuConf.type);
   const getIsTopMenu = computed(() => unref(getMenuType) === MenuType.TOP_MENU);
-  const getMenuMode = computed(() => getMenuConf.mode);
-  const getSplit = computed(() => getMenuConf.split);
-  const getCollapsed = computed(() => getMenuConf.collapsed);
+  const getMenuMode = computed(() => useThemeStore().getMenuConf.mode);
+  const getSplit = computed(() => useThemeStore().getMenuConf.split);
+  const getCollapsed = computed(() => useThemeStore().getMenuConf.collapsed);
   const getIsHorizontal = computed(() => unref(getMenuMode) === MenuMode.HORIZONTAL);
   const setThemeStore = (conf = {}) => setThemeConf(conf);
   const toggleCollapsed = () => setThemeStore({
@@ -324,7 +353,7 @@ function useMenu() {
       collapsed: !unref(getCollapsed)
     }
   });
-  const getMiniWidthNumber = computed(() => getMenuConf.collapsedShowTitle ? 80 : 48);
+  const getMiniWidthNumber = computed(() => useThemeStore().getMenuConf.collapsedShowTitle ? 80 : 48);
   const getRealWidth = computed(() => {
     return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth);
   });
@@ -631,10 +660,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const actionBtns = ref([]);
     function handleAction(it) {
       if (isFunction(it.onClick)) {
-        it.onClick({
-          row: props2.record,
-          index: props2.index
-        });
+        it.onClick(props2.record, props2.index);
       }
     }
     const attrs = useAttrs();
@@ -684,7 +710,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               }, 1024)
             ])), [
               [_directive_auth, item.auth]
-            ]) : createCommentVNode("v-if", true)
+            ]) : createCommentVNode("", true)
           ], 64);
         }), 256))
       ])) : (openBlock(), createBlock(_component_ADropdown, {
@@ -711,7 +737,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", _hoisted_5$2, toDisplayString(item.label()), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("v-if", true)
+                  }, 1032, ["onClick"])) : createCommentVNode("", true)
                 ])), [
                   [_directive_auth, item.auth]
                 ]);
@@ -728,14 +754,6 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const TableAction = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableAction.vue"]]);
 const tableKey = Symbol("dt-page");
 function createTableInstance(instance) {
   provide(tableKey, instance);
@@ -830,9 +848,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const val = unref(currentValueRef);
       const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
       let compProps = props2.column?.editComponentProps ?? {};
-      const { record, column, index: index2 } = props2;
+      const { record, column, index } = props2;
       if (isFunction(compProps)) {
-        compProps = compProps({ text: val, record, column, index: index2 }) ?? {};
+        compProps = compProps({ text: val, record, column, index }) ?? {};
       }
       if (unref(getComponent) === "InputNumber") {
         compProps = {
@@ -912,9 +930,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/editTable/EditTableCell.vue"]]);
 function renderEditCell(column) {
-  return ({ text: value, record, index: index2 }) => {
+  return ({ text: value, record, index }) => {
     record.onValid = async () => {
       if (isArray(record?.validCbs)) {
         const validFns = (record?.validCbs || []).map((fn) => fn());
@@ -942,11 +959,11 @@ function renderEditCell(column) {
       }
       return true;
     };
-    return h(EditableCell, {
+    return h(_sfc_main$j, {
       value,
       record,
       column,
-      index: index2
+      index
     });
   };
 }
@@ -1003,15 +1020,15 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
     width: unref(getIsZH) ? 50 : 70,
     title: t("NUMBER"),
     align: "center",
-    customRender: ({ index: index2 }) => {
+    customRender: ({ index }) => {
       const getPagination = unref(getPaginationRef);
       const { appConf } = useAppStore();
       const { defaultPageSize } = appConf.ui.table;
       if (isBoolean(getPagination)) {
-        return `${index2 + 1}`;
+        return `${index + 1}`;
       }
       const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
     },
     ...isFixedLeft ? {
       fixed: "left"
@@ -1024,7 +1041,7 @@ function handleActionColumn(propsRef, columns) {
   const { getIsZH } = useHeader();
   const { t } = useI18n("UI");
   let defaultButtons = [
-    { label: t("EDIT"), icon: "mdi:text-box-edit-outline", onClick: unref(propsRef).onUpdate },
+    { label: t("EDIT"), icon: "mdi:text-box-edit-outline", onClick: unref(propsRef).onOpenUpdateDialog },
     { label: t("DELETE"), icon: "mdi:delete-outline", onClick: unref(propsRef).onDelete, color: "#ed6f6f" }
   ];
   const { operations = defaultButtons, expandMethodIcon = false } = unref(propsRef);
@@ -1049,13 +1066,13 @@ function handleActionColumn(propsRef, columns) {
     };
     columns.push({
       ...columnObj,
-      customRender: ({ record, index: index2 }) => {
+      customRender: ({ record, index }) => {
         return h$1(
-          TableAction,
+          _sfc_main$k,
           omit({
             ...columnObj,
             record,
-            index: index2
+            index
           }, "align")
         );
       }
@@ -1092,7 +1109,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   const getColumnsRef = computed(() => {
     const columns = cloneDeep(unref(columnsRef));
     const { ellipsis } = unref(propsRef);
-    columns.forEach((it, index2) => {
+    columns.forEach((it, index) => {
       it.class = it.class ?? "";
       if (!it.class.split(" ").includes("__column")) {
         it.class = `${it.class} __column`;
@@ -1226,7 +1243,7 @@ function useColumns(propsRef, getPaginationRef, tableElRef) {
   };
 }
 function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
-  const customRow = (record, index2) => {
+  const customRow = (record, index) => {
     return {
       onClick: (e) => {
         e?.stopPropagation();
@@ -1280,19 +1297,19 @@ function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearS
           }
         }
         handleClick();
-        emits("row-click", record, index2, e);
+        emits("row-click", record, index, e);
       },
       onDblclick: (event) => {
-        emits("row-dbClick", record, index2, event);
+        emits("row-dbClick", record, index, event);
       },
       onContextmenu: (event) => {
-        emits("row-contextmenu", record, index2, event);
+        emits("row-contextmenu", record, index, event);
       },
       onMouseenter: (event) => {
-        emits("row-mouseenter", record, index2, event);
+        emits("row-mouseenter", record, index, event);
       },
       onMouseleave: (event) => {
-        emits("row-mouseleave", record, index2, event);
+        emits("row-mouseleave", record, index, event);
       }
     };
   };
@@ -1469,7 +1486,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/radioButton.vue"]]);
 const _hoisted_1$9 = { class: "input-with-dialog" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "formInputUseDialog",
@@ -1505,15 +1521,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "i mdi:close-circle",
           onClick: clearProps
-        })) : createCommentVNode("v-if", true)
+        })) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const DtFormInputDialog = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/formInputUseDialog.vue"]]);
 const components = {
   Input,
-  InputWithDialog: DtFormInputDialog,
+  InputWithDialog: _sfc_main$h,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -1522,7 +1537,7 @@ const components = {
   TreeSelect,
   Radio,
   RadioGroup: Radio.Group,
-  RadioButtonGroup,
+  RadioButtonGroup: _sfc_main$i,
   Checkbox,
   CheckboxGroup: Checkbox.Group,
   AutoComplete,
@@ -1664,18 +1679,18 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     icon: withCtx(() => [
                       button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$8, null, 512)), [
                         [_directive_icon, button.preIcon]
-                      ]) : createCommentVNode("v-if", true)
+                      ]) : createCommentVNode("", true)
                     ]),
                     default: withCtx(() => [
                       createTextVNode(" " + toDisplayString(unref(t)(button.label)) + " ", 1),
                       button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$2, null, 512)), [
                         [_directive_icon, button.postIcon]
-                      ]) : createCommentVNode("v-if", true)
+                      ]) : createCommentVNode("", true)
                     ]),
                     _: 2
                   }, 1032, ["type", "class", "loading", "disabled", "onClick"])), [
                     [_directive_auth, button.auth]
-                  ]) : createCommentVNode("v-if", true)
+                  ]) : createCommentVNode("", true)
                 ], 64);
               }), 256)),
               unref(showAdvanceRef) ? (openBlock(), createBlock(_component_AButton, {
@@ -1685,24 +1700,22 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 onClick: toggleAdvanced
               }, {
                 default: withCtx(() => [
-                  createCommentVNode(" \u6536\u8D77 | \u5C55\u5F00 "),
                   createElementVNode("span", _hoisted_3$2, toDisplayString(advancedRef.value ? unref(t)("UI.ADVANCED") : unref(t)("UI.EXPAND")), 1),
                   createElementVNode("span", {
                     class: normalizeClass(unref(getAdvanceClass))
                   }, _hoisted_5$1, 2)
                 ]),
                 _: 1
-              })) : createCommentVNode("v-if", true)
+              })) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style"])
         ]),
         _: 1
-      }, 16)) : createCommentVNode("v-if", true);
+      }, 16)) : createCommentVNode("", true);
     };
   }
 });
-const DtFormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/form/src/components/FormButtons.vue"]]);
 const _hoisted_1$7 = { key: 0 };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Fullscreen",
@@ -1730,7 +1743,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       const _component_ATooltip = Tooltip;
       return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
         title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("v-if", true)
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("span", {
@@ -1747,7 +1760,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FullscreenSetting = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Fullscreen.vue"]]);
 const orgDialogProp = reactive({});
 const cbTransfer = reactive({});
 const dataTransfer = reactive({});
@@ -1835,8 +1847,6 @@ function useModal(props2, setModalData) {
   };
   watchEffect(() => {
     const data = dataTransfer[unref(uidRef)];
-    if (!data)
-      return;
     if (!setModalData || !isFunction(setModalData))
       return;
     nextTick(() => {
@@ -1955,7 +1965,6 @@ function useDragMove(context) {
       const screenHeight = document.documentElement.clientHeight;
       const dragDomWidth = dragDom.offsetWidth;
       const dragDomheight = dragDom.offsetHeight;
-      console.log(dragDomWidth, dragDomheight, screenHeight, screenWidth);
       const minDragDomLeft = dragDom.offsetLeft;
       const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
       const minDragDomTop = dragDom.offsetTop;
@@ -2052,13 +2061,12 @@ const _sfc_main$e = {
       };
       if (!propsData?.visible)
         return null;
-      return createVNode(Modal$1, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
+      return createVNode(Modal, propsData, _isSlot(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
       });
     };
   }
 };
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/Modal.vue"]]);
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CloseIcon",
   props: {
@@ -2117,7 +2125,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["title"]))
-        ], 64)) : createCommentVNode("v-if", true),
+        ], 64)) : createCommentVNode("", true),
         createElementVNode("i", {
           class: "i mdi:close h-14 w-10 pr-4",
           onClick: handleCancel
@@ -2126,7 +2134,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CloseIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/CloseIcon.vue"]]);
 const isServer = typeof window === "undefined";
 const BAR_MAP = {
   vertical: {
@@ -2368,13 +2375,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/components/scroll-bar.vue"]]);
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(ScrollBar, mergeProps({
+      return openBlock(), createBlock(_sfc_main$c, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef
       }, _ctx.$attrs, { class: "w-full h-full" }), {
@@ -2386,7 +2392,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/scroll-container.vue"]]);
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "slot-container",
   props: {
@@ -2405,15 +2410,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SlotContainer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/container/src/slot-container.vue"]]);
 const withInstall = (comp) => {
   comp.install = (app) => {
     app.component(comp.name, comp);
   };
   return comp;
 };
-const DtScrollContainer = withInstall(ScrollContainer);
-withInstall(SlotContainer);
+const DtScrollContainer = withInstall(_sfc_main$b);
+withInstall(_sfc_main$a);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ModalWrap",
   props: {
@@ -2520,7 +2524,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalWrap.vue"]]);
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ModalFooter",
   props: {
@@ -2541,8 +2544,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (props2.buttons && props2.buttons.length)
         return props2.buttons;
       let buttonActions = [
-        { t: "\u4FDD\u5B58", label: props2.okText || t("SAVE"), preIcon: "mdi:content-save", type: "primary", flag: "OK" },
-        { t: "\u5173\u95ED", label: props2.cancelText || t("CLOSE"), preIcon: "mdi:close", flag: "CANCEL" }
+        { t: "\u5173\u95ED", label: props2.cancelText || t("CLOSE"), preIcon: "mdi:close", flag: "CANCEL" },
+        { t: "\u4FDD\u5B58", label: props2.okText || t("SAVE"), preIcon: "mdi:content-save", type: "primary", flag: "OK" }
       ];
       if (!props2.showSave)
         buttonActions = buttonActions.filter((btn) => btn.flag !== "OK");
@@ -2563,7 +2566,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         renderSlot(_ctx.$slots, "appendFooter"),
-        createVNode(DtFormButtons, {
+        createVNode(_sfc_main$g, {
           mode: "dialog",
           buttonList: unref(buttonList),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
@@ -2572,7 +2575,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/components/ModalFooter.vue"]]);
 function useFullScreen(wrapClassName) {
   const fullScreenRef = ref(false);
   const getWrapClassName = computed(() => {
@@ -2691,14 +2693,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_ASpin = Spin;
-      return openBlock(), createBlock(Modal, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
+      return openBlock(), createBlock(_sfc_main$e, mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
           createVNode(_component_ASpin, {
             spinning: unref(getBindValue).loading,
             tip: unref(getBindValue).loadingTip
           }, {
             default: withCtx(() => [
-              createVNode(ModalWrapper, mergeProps({
+              createVNode(_sfc_main$9, mergeProps({
                 useWrapper: unref(getBindValue).useWrapper,
                 fullScreen: unref(fullScreenRef),
                 ref_key: "modalWrapperRef",
@@ -2722,7 +2724,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(CloseIcon, {
+            createVNode(_sfc_main$d, {
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
@@ -2741,7 +2743,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(ModalFooter, {
+            createVNode(_sfc_main$8, {
               buttons: propsRef.value?.footer,
               showSave: unref(getBindValue).showOkBtn,
               showCancel: unref(getBindValue).showCancelBtn,
@@ -2774,7 +2776,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DtModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/modal/src/index.vue"]]);
 const _hoisted_1$5 = { class: "column-select" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "DownloadCtrl",
@@ -2826,7 +2827,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       const _component_ADivider = Divider$1;
       const _component_ACol = Col;
       const _component_ARow = Row;
-      return openBlock(), createBlock(unref(DtModal), {
+      return openBlock(), createBlock(unref(_sfc_main$7), {
         onRegister: unref(registerDialog),
         onSave: save
       }, {
@@ -2846,7 +2847,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createVNode(_component_ADivider, { dashed: "" }),
             createVNode(_component_ARow, null, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index2) => {
+                (openBlock(true), createElementBlock(Fragment, null, renderList(modalData.value, (it, index) => {
                   return openBlock(), createBlock(_component_ACol, { span: 8 }, {
                     default: withCtx(() => [
                       createVNode(_component_ACheckbox, {
@@ -2872,7 +2873,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DownloadCtrl = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/DownloadCtrl.vue"]]);
 const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("span", { class: "flex" }, [
   /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-download w-7 leading-7 text-center cursor-pointer" })
 ], -1);
@@ -2930,19 +2930,19 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true),
+                  })) : createCommentVNode("", true),
                   unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
                     default: withCtx(() => [
                       createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
                     ]),
                     _: 1
-                  })) : createCommentVNode("v-if", true)
+                  })) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -2952,14 +2952,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["getPopupContainer"]),
-          createVNode(DownloadCtrl, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
+          createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
         ]),
         _: 1
       });
     };
   }
 });
-const Download = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Download.vue"]]);
 const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:drag-outlined drag-icon cursor-pointer" }, null, -1);
 const _hoisted_2$1 = ["onClick"];
 const _hoisted_3$1 = ["onClick"];
@@ -3102,9 +3101,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return;
       const columns = getColumns();
       const isFixed = item.fixed === fixed ? false : fixed;
-      const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
-      if (index2 !== -1) {
-        columns[index2].fixed = isFixed;
+      const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
+      if (index !== -1) {
+        columns[index].fixed = isFixed;
       }
       item.fixed = isFixed;
       if (isFixed && !item.width) {
@@ -3295,7 +3294,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSetting = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/Column.vue"]]);
 const _hoisted_1$2 = { class: "flex dt-table-setting" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -3321,17 +3319,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        unref(getSetting).download ? (openBlock(), createBlock(Download, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("v-if", true),
-        unref(getSetting).setting ? (openBlock(), createBlock(ColumnSetting, {
+        unref(getSetting).download ? (openBlock(), createBlock(_sfc_main$5, normalizeProps(mergeProps({ key: 0 }, unref(getSetting))), null, 16)) : createCommentVNode("", true),
+        unref(getSetting).setting ? (openBlock(), createBlock(_sfc_main$4, {
           key: 1,
           onColumnsChange: handleColumnChange
-        })) : createCommentVNode("v-if", true),
-        unref(getSetting).fullscreen ? (openBlock(), createBlock(FullscreenSetting, { key: 2 })) : createCommentVNode("v-if", true)
+        })) : createCommentVNode("", true),
+        unref(getSetting).fullscreen ? (openBlock(), createBlock(_sfc_main$f, { key: 2 })) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const DtTableSetting = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/tableSetting/index.vue"]]);
 const _hoisted_1$1 = { class: "dt-table-header" };
 const _hoisted_2 = { class: "flex flex-row justify-between" };
 const _hoisted_3 = { class: "flex flex-row flex-1" };
@@ -3363,26 +3360,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("v-if", true),
+            unref(getActionsProps)?.buttonList.length ? (openBlock(), createBlock(unref(_sfc_main$g), normalizeProps(mergeProps({ key: 0 }, unref(getActionsProps))), null, 16)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "toolbar")
           ]),
           __props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(DtTableSetting, { setting: __props.tableSetting }, null, 8, ["setting"])
-          ])) : createCommentVNode("v-if", true)
+            createVNode(_sfc_main$3, { setting: __props.tableSetting }, null, 8, ["setting"])
+          ])) : createCommentVNode("", true)
         ]),
         _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "headerTop")
-        ])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableHeader.vue"]]);
 function useTableHeader(propsRef, slots, handlers) {
   const { t } = useI18n("UI");
   const getHeaderProps = computed(() => {
     const TABLE_TOOLS = [
-      { t: "\u65B0\u589E", label: t("ADD"), preIcon: "mdi:plus", type: "primary", onClick: unref(propsRef).onAdd },
+      { t: "\u65B0\u589E", label: t("ADD"), preIcon: "mdi:plus", type: "primary", onClick: unref(propsRef).onOPenAddDialog },
       { t: "\u5220\u9664", label: t("DELETE"), preIcon: "mdi:delete-outline", onClick: unref(propsRef).onDeletes }
     ];
     const { tableSetting, toolbar = TABLE_TOOLS } = unref(propsRef);
@@ -3390,7 +3386,7 @@ function useTableHeader(propsRef, slots, handlers) {
     const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h$1(
-        TableHeader,
+        _sfc_main$2,
         {
           tableSetting,
           toolbar,
@@ -3711,14 +3707,14 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   };
 }
 function useRows(propsRef) {
-  function getRowClassName(record, index2) {
+  function getRowClassName(record, index) {
     const { striped, rowClassName } = unref(propsRef);
     const classNames = [];
     if (striped) {
-      classNames.push(index2 % 2 === 1 ? "table-striped" : "");
+      classNames.push(index % 2 === 1 ? "table-striped" : "");
     }
     if (rowClassName && isFunction(rowClassName)) {
-      classNames.push(rowClassName(record, index2));
+      classNames.push(rowClassName(record, index));
     }
     return classNames.join(" ");
   }
@@ -3748,7 +3744,7 @@ const _sfc_main$1 = {
       const {
         column,
         record,
-        index: index2
+        index
       } = props2;
       const {
         render,
@@ -3790,7 +3786,7 @@ const _sfc_main$1 = {
           });
         }
       } else if (isFunction(render)) {
-        let afterRenderData = render(record, index2, text);
+        let afterRenderData = render(record, index, text);
         if (afterRenderData.__v_isRef) {
           renderText = afterRenderData;
         } else if (afterRenderData["setup"]) {
@@ -3808,7 +3804,6 @@ const _sfc_main$1 = {
     return () => createVNode("span", null, [unref(renderText)]);
   }
 };
-const TableRender = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/components/TableRender.vue"]]);
 const DEFAULT_SORT_FN = (sortInfo) => {
   const { field, order } = sortInfo;
   return field && order ? { field, order } : {};
@@ -3904,17 +3899,17 @@ const TableProps = {
     default: (params) => {
     }
   },
-  onAdd: {
+  onOPenAddDialog: {
     type: Function,
     default: (params) => ({})
   },
-  onUpdate: {
+  onOpenUpdateDialog: {
     type: Function,
-    default: (params) => ({})
+    default: (row, index) => ({})
   },
   onDelete: {
     type: Function,
-    default: (params) => ({})
+    default: (row, index) => ({})
   },
   onDeletes: {
     type: Function,
@@ -4059,15 +4054,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowClassName: unref(getRowClassName),
         onChange: unref(handleTableChange)
       }), createSlots({
-        bodyCell: withCtx(({ column, record, index: index2 }) => [
-          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index: index2 }))) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u9759\u6001\u7684\u6570\u636E\u53EF\u4EE5\u901A\u8FC7customRender, \u4F46\u662F\u54CD\u5E94\u5F0F\u6570\u636E, \u5F02\u6B65\u51FD\u6570,\u7EC4\u4EF6\u7B49\u9700\u8981\u4F7F\u7528bodyCell\u6E32\u67D3 "),
-          column?.render && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(TableRender, {
+        bodyCell: withCtx(({ column, record, index }) => [
+          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
+          column?.render && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(_sfc_main$1, {
             key: 1,
             column,
             record,
-            index: index2
-          }, null, 8, ["column", "record", "index"])) : createCommentVNode("v-if", true)
+            index
+          }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
         ]),
         emptyText: withCtx(() => [
           createElementVNode("img", {
@@ -4089,8 +4083,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/table/src/index.vue"]]);
 export {
-  index as DtTable,
+  _sfc_main as DtTable,
   useTable
 };