@dt-frames/ui 1.0.6 → 1.0.9

package/es/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, withDirectives, resolveDirective, render, normalizeProps, guardReactiveProps, createSlots, useAttrs as useAttrs$1, vShow, toRef, withModifiers, Transition } from "vue";
-import { isString, isArray as isArray$1, isObject, isFunction, error, useTimeoutFn, useAttrs, useSlots, BAR_MAP, off, renderThumbStyle, on, useAppStore, addResizeListener, removeResizeListener, windowResizeFn, isNumber, isBoolean, isNull, DtCache, CacheKey, deepMerge, dateFormat, http, getDynamicProps, isNullAndUnDef, getPopupContainer, getDictValueByCode, formatNumber, isVnode, useMessage, 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, CheckboxGroup, Dropdown, Menu, MenuItem, Table, message, Spin, BackTop, Breadcrumb, Avatar, Drawer, Empty, SubMenu, LayoutHeader, LayoutSider, MenuDivider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
+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, dateFormat, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, useMessage, 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, Dropdown, Menu, MenuItem, Popover, CheckboxGroup, Table, Spin, BackTop, Breadcrumb, Avatar, Drawer, Empty, SubMenu, LayoutHeader, LayoutSider, MenuDivider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
 import { isEqual, cloneDeep, upperFirst, set, uniqBy, omit, trim } from "lodash-es";
 import { tryOnUnmounted, isFunction as isFunction$1, useFullscreen, useDebounceFn, useThrottleFn } from "@vueuse/core";
 import Sortablejs from "sortablejs";
@@ -1884,6 +1884,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     const activeIndex = ref(1);
     const filter = ref(null);
     const currentIcons = ref([]);
+    const activeIcon = ref(null);
     const iconMenus = computed(() => {
       let total = 0;
       let menus = [];
@@ -1922,6 +1923,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       currentIcons.value = getIcons().filter((it) => it.indexOf(unref(filter)) !== -1);
     }
     function selectIcon(icon) {
+      activeIcon.value = icon;
       emits("chooseIcon", icon);
     }
     return (_ctx, _cache) => {
@@ -1961,7 +1963,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentIcons.value, (icon) => {
                 return openBlock(), createElementBlock("a", {
                   key: icon,
-                  onClick: ($event) => selectIcon(icon)
+                  onClick: ($event) => selectIcon(icon),
+                  class: normalizeClass(activeIcon.value === icon && "active-icon")
                 }, [
                   createVNode(unref(Tooltip), {
                     placement: "bottom",
@@ -1977,7 +1980,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)
-                ], 8, _hoisted_2$i);
+                ], 10, _hoisted_2$i);
               }), 128))
             ], 2)
           ], 1024))
@@ -1987,6 +1990,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 const dataTransfer = reactive({});
+const cbTransfer = reactive({});
 const visibleData = reactive({});
 function useModalOut() {
   const modal = ref(null);
@@ -2001,6 +2005,8 @@ function useModalOut() {
       modal.value = null;
       loaded.value = false;
       dataTransfer[unref(uid)] = null;
+      cbTransfer[unref(uid)] = (rsp) => {
+      };
     });
     if (unref(loaded) && modalMethod === unref(modal))
       return;
@@ -2029,14 +2035,20 @@ function useModalOut() {
       var _a, _b;
       (_b = (_a = getInstance()) == null ? void 0 : _a.redoModalHeight) == null ? void 0 : _b.call(_a);
     },
-    openModal: (visable = true, data, openOnSet = true) => {
+    openModal: (params, openOnSet = true) => {
       var _a;
       (_a = getInstance()) == null ? void 0 : _a.setModalProps({
-        visible: visable
+        visible: true
       });
+      const { data, afterClose } = params || {};
+      const id = unref(uid);
+      cbTransfer[unref(uid)] = (rsp) => {
+        if (afterClose && isFunction(afterClose)) {
+          afterClose(rsp);
+        }
+      };
       if (!data)
         return;
-      const id = unref(uid);
       if (openOnSet) {
         dataTransfer[id] = toRaw(data);
         return;
@@ -2092,8 +2104,9 @@ function useModal(props, callbackFn) {
       (_a = getInstance()) == null ? void 0 : _a.setModalProps({ loading });
     },
     getVisible: computed(() => visibleData[~~unref(uidRef)]),
-    closeModal: () => {
+    closeModal: (rsp) => {
       var _a;
+      cbTransfer[unref(uidRef)](rsp);
       (_a = getInstance()) == null ? void 0 : _a.setModalProps({ visible: false });
     },
     openModal: (visable = true, data, openOnSet = true) => {
@@ -2269,7 +2282,8 @@ var Modal = defineComponent({
       let _slot;
       const propsData = {
         ...unref(attrs),
-        ...props
+        ...props,
+        destroyOnClose: true
       };
       return createVNode(Modal$1, propsData, _isSlot$1(_slot = extendSlots(slots)) ? _slot : {
         default: () => [_slot]
@@ -2286,6 +2300,7 @@ function useFullScreen(options) {
   function toggleFullScreen(e) {
     e && e.stopPropagation();
     fullScreenRef.value = !unref(fullScreenRef);
+    dispatchResize();
   }
   return {
     fullScreenRef,
@@ -2531,9 +2546,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       const { modalHeaderHeight, modalFooterHeight } = props;
       emits("ext-height", modalHeaderHeight + modalFooterHeight);
     });
-    async function setModalHeight() {
-      if (!props.visible)
-        return;
+    async function getModalDom() {
       const wrapperRefDom = unref(wrapperRef);
       if (!wrapperRefDom)
         return;
@@ -2542,13 +2555,19 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         return;
       bodyDom.style.padding = "0";
       await nextTick();
+      const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
+      return modalDom;
+    }
+    async function setModalHeight() {
+      if (!props.visible)
+        return;
       try {
-        const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
+        const modalDom = await getModalDom();
         if (!modalDom)
           return;
         const modalRect = getComputedStyle(modalDom).top;
         const modalTop = Number.parseInt(modalRect);
-        let maxHeight = window.innerHeight - modalTop * 2 + (props.footerOffset || 0) - props.modalFooterHeight - props.modalHeaderHeight;
+        let maxHeight = window.innerHeight - (props.footerOffset || 0) - props.modalFooterHeight - props.modalHeaderHeight - 100;
         if (modalTop < 40) {
           maxHeight -= 26;
         }
@@ -2559,12 +2578,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         await nextTick();
         realHeight = spinEl.scrollHeight;
         if (props.fullScreen) {
-          console.log(props.modalFooterHeight, props.modalHeaderHeight);
           realHeightRef.value = window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight;
         } else {
           realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight;
         }
         emits("height-change", unref(realHeightRef));
+        const _modalDom = await getModalDom();
+        _modalDom.style.top = (window.innerHeight - _modalDom.offsetHeight) / 2 + "px";
       } catch (error2) {
         console.log(error2);
       }
@@ -2740,12 +2760,13 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       title: "\u9009\u62E9\u5B57\u4F53\u56FE\u6807",
       width: "70%",
       showSave: false,
-      centered: true
+      centered: true,
+      wrapClassName: "dt-icon-dialog"
     });
     let [state, setState] = useFormValue(props);
     function chooseIcon(icon) {
       setState(icon);
-      closeModal();
+      closeModal(icon);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
@@ -4055,16 +4076,18 @@ const _sfc_main$J = defineComponent({
       immediate: true
     });
     watch(() => unref(getProps).schemas, (schemas) => resetSchema(schemas != null ? schemas : []));
-    onMounted(() => {
-      setFormValues(null);
-      emit("register", formActionMethods);
-      initDefault();
+    watch(() => unref(getProps).onSearch, () => {
       useTimeoutFn(() => {
         const { onSearch, autoFetch } = unref(getProps);
         if (autoFetch && onSearch && isFunction(onSearch)) {
           onSearch(toRaw(defaultValue.value));
         }
-      }, 20);
+      }, 1);
+    });
+    onMounted(() => {
+      setFormValues(null);
+      emit("register", formActionMethods);
+      initDefault();
     });
     const getActionsProps = computed(() => {
       const {
@@ -4361,7 +4384,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
     };
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen({
-      wrapClassName: computed(() => props.wrapClassName),
+      wrapClassName: computed(() => unref(propsRef).wrapClassName),
       extHeightRef,
       modalWrapperRef
     });
@@ -4511,6 +4534,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const codeMap = /* @__PURE__ */ new Map();
 function useHeaderCode(code, templates = {}, changeColumns) {
   const { appConf } = useAppStore();
   if (!appConf.pages.queryColumnApi) {
@@ -4539,6 +4563,10 @@ function useHeaderCode(code, templates = {}, changeColumns) {
     }
   };
   function getColumns() {
+    if (codeMap.get(code)) {
+      changeColumns(codeMap.get(code));
+      return;
+    }
     http.post(appConf.pages.queryColumnApi, { tableCode: code }).then((rsp) => {
       handleData(rsp);
     });
@@ -4560,6 +4588,7 @@ function useHeaderCode(code, templates = {}, changeColumns) {
         obj.width = Number(it.width);
       rows.push(obj);
     });
+    codeMap.set(code, rows);
     changeColumns(rows);
   }
   getColumns();
@@ -4578,9 +4607,9 @@ function useTable(tableProps) {
     if (tableProps.columnCode) {
       useHeaderCode(tableProps.columnCode, tableProps.templates, (columns) => {
         tableProps.columns = columns;
+        instance.setProps(getDynamicProps(tableProps));
       });
     }
-    tableProps && instance.setProps(getDynamicProps(tableProps));
     watch(() => tableProps, () => {
       tableProps && instance.setProps(getDynamicProps(tableProps));
     }, {
@@ -4638,7 +4667,7 @@ const TABLE_SIZE_HEIGHT = {
 };
 const TableProps = {
   clickRowSelect: { type: Boolean, default: false },
-  tableSetting: { type: Array, default: ["redo", "size", "setting", "fullscreen"] },
+  tableSetting: { type: Object, default: () => ({}) },
   striped: { type: Boolean, default: true },
   canColDrag: { type: Boolean, default: true },
   resizable: { type: Boolean, default: true },
@@ -4658,7 +4687,7 @@ const TableProps = {
   },
   defSort: { type: Object, default: null },
   columnCode: { type: String },
-  templates: { type: Object },
+  templates: { type: Object, default: {} },
   columns: { type: [Array], default: () => [] },
   ellipsis: { type: Boolean, default: true },
   dataSource: { type: Array, default: null },
@@ -4819,9 +4848,9 @@ function useDataSource(propsRef, {
     return unref(dataSourceRef);
   });
   function handleTableChange(pagination, filters, sorter) {
-    const { sortFn, filterFn, onTableChange } = unref(propsRef);
-    const { appConf } = useAppStore();
-    const { current = 1, pageSize = appConf.ui.table.defaultPageSize } = pagination;
+    const { sortFn, filterFn, onTableChange: onTableChange2 } = unref(propsRef);
+    const { appConf: appConf2 } = useAppStore();
+    const { current = 1, pageSize = appConf2.ui.table.defaultPageSize } = pagination;
     setPagination(pagination);
     const params = {};
     if (sorter && isFunction(sortFn)) {
@@ -4830,7 +4859,7 @@ function useDataSource(propsRef, {
     if (filters && isFunction(filterFn)) {
       params.filterInfo = filterFn(filters);
     }
-    return onTableChange({
+    return onTableChange2({
       pagination: {
         current,
         pageSize
@@ -4840,19 +4869,17 @@ function useDataSource(propsRef, {
       showBtnLoading: false
     });
   }
-  onMounted(() => {
-    const { defSort, onTableChange } = unref(propsRef);
-    const { appConf } = useAppStore();
-    onTableChange({
-      pagination: {
-        current: 1,
-        pageSize: appConf.ui.table.defaultPageSize
-      },
-      sort: defSort,
-      filter: null,
-      showBtnLoading: false
-    }, false);
-  });
+  const { defSort, onTableChange } = unref(propsRef);
+  const { appConf } = useAppStore();
+  onTableChange({
+    pagination: {
+      current: 1,
+      pageSize: appConf.ui.table.defaultPageSize
+    },
+    sort: defSort,
+    filter: null,
+    showBtnLoading: false
+  }, false);
   return {
     getDataSourceRef,
     handleTableChange
@@ -4944,6 +4971,71 @@ function useRowSelection(propsRef, emit) {
     setSelectedRowKeys
   };
 }
+var _sfc_main$F = defineComponent({
+  name: "TableFormat",
+  props: {
+    column: {
+      type: Object
+    },
+    record: {
+      type: Object
+    },
+    index: {
+      type: Number
+    }
+  },
+  setup(props) {
+    let renderText = ref();
+    function renderCell() {
+      const {
+        column,
+        record,
+        index: index2
+      } = props;
+      const {
+        render: render2,
+        dataIndex
+      } = column;
+      const text = record[dataIndex.toString()];
+      if (isObject(render2)) {
+        const {
+          dict,
+          date,
+          number,
+          percent
+        } = render2;
+        if (dict) {
+          renderText = getDictValueByCode(text, dict);
+        }
+        if (date) {
+          renderText.value = dayjs(text).format(date || "YYYY-MM-DD");
+        }
+        if (number) {
+          renderText.value = formatNumber(text, number);
+        }
+        if (percent) {
+          renderText.value = formatNumber((text || 0) * 100, percent) + "%";
+        }
+        if (isVnode(render2)) {
+          renderText.value = createVNode(Fragment, null, [createTextVNode(" "), render2, createTextVNode(" ")]);
+        }
+        if (render2["setup"]) {
+          renderText.value = createVNode(render2, {
+            text
+          });
+        }
+      } else {
+        renderText.value = text;
+      }
+      if (isFunction(render2)) {
+        let afterRenderData = render2(record, index2, text);
+        renderText.value = isVnode(afterRenderData) ? createVNode(Fragment, null, [afterRenderData]) : afterRenderData;
+      }
+    }
+    renderCell();
+    return () => createVNode("span", null, [unref(renderText)]);
+  }
+});
 const tableKey = Symbol("dt-page");
 function createTableInstance(instance) {
   provide(tableKey, instance);
@@ -4951,124 +5043,462 @@ function createTableInstance(instance) {
 function getTableInstance() {
   return inject(tableKey);
 }
-const _hoisted_1$n = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
-const _hoisted_2$g = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
-const _hoisted_3$9 = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
-const _hoisted_4$6 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
-const _hoisted_6$2 = {
-  size: 16,
-  className: "drag-icon"
-};
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u5DE6\u4FA7");
-const _hoisted_8$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u53F3\u4FA7");
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
-  __name: "Column",
-  emits: [
-    "columns-change"
-  ],
-  setup(__props, { emit: emits }) {
-    const attrs = useAttrs$1();
-    const prefixCls = "column-setting";
-    const table = getTableInstance();
-    const defaultRowSelection = omit(table.getRowSelection(), "selectedRowKeys");
-    let inited = false;
-    const cachePlainOptions = ref([]);
-    const plainOptions = ref([]);
-    const plainSortOptions = ref([]);
-    const columnListRef = ref(null);
-    const checkIndex = ref(false);
-    const checkSelect = ref(false);
-    const getValues = computed(() => {
-      return unref(table == null ? void 0 : table.getBind);
-    });
-    let sortable;
-    let sortableOrder = [];
-    const state = reactive({
-      checkAll: true,
-      checkedList: [],
-      defaultCheckList: []
-    });
-    const indeterminate = computed(() => {
-      let len = plainOptions.value.length;
-      let checkedLen = state.checkedList.length;
-      unref(checkIndex) && checkedLen--;
-      return checkedLen > 0 && checkedLen < len;
-    });
-    watchEffect(() => {
-      const columns = table.getColumns();
-      if (columns && columns.length) {
-        init();
-      }
-    });
-    watchEffect(() => {
-      const values = unref(getValues);
-      checkIndex.value = !!values.showIndexColumn;
-      checkSelect.value = !!values.rowSelection;
+const _hoisted_1$n = { class: "dt-table-action-btn" };
+const _hoisted_2$g = ["color", "onClick"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "TableActions",
+  props: {
+    fixed: {
+      type: String,
+      default: "right"
+    },
+    title: {
+      type: String
+    },
+    expand: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: String,
+      default: "70px"
+    },
+    btns: {
+      type: Array,
+      default: []
+    },
+    flag: {
+      type: String
+    },
+    record: {
+      default: {}
+    },
+    index: {
+      type: Number
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    watch(() => props.btns, (btns) => {
+      btns.map((it) => {
+        it.ifShow = isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true;
+      });
+    }, {
+      immediate: true
     });
-    function handleVisibleChange() {
-      if (inited)
-        return;
-      nextTick(() => {
-        const columnListEl = unref(columnListRef);
-        if (!columnListEl)
-          return;
-        const el = columnListEl.$el;
-        if (!el)
-          return;
-        sortable = Sortablejs.create(unref(el), {
-          animation: 500,
-          delay: 400,
-          delayOnTouchOnly: true,
-          handle: ".drag-icon ",
-          onEnd: (evt) => {
-            const { oldIndex, newIndex } = evt;
-            if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex) {
-              return;
-            }
-            const columns = cloneDeep(plainSortOptions.value);
-            if (oldIndex > newIndex) {
-              columns.splice(newIndex, 0, columns[oldIndex]);
-              columns.splice(oldIndex + 1, 1);
-            } else {
-              columns.splice(newIndex + 1, 0, columns[oldIndex]);
-              columns.splice(oldIndex, 1);
-            }
-            plainSortOptions.value = columns;
-            setColumns(columns);
-          }
+    function handleAction(it) {
+      if (isFunction(it.action)) {
+        it.action({
+          row: props.record,
+          index: props.index
         });
-        sortableOrder = sortable.toArray();
-        inited = true;
-      });
-    }
-    function onCheckAllChange(e) {
-      const checkList = plainOptions.value.map((item) => item.value);
-      if (e.target.checked) {
-        state.checkedList = checkList;
-        setColumns(checkList);
-      } else {
-        state.checkedList = [];
-        setColumns([]);
       }
     }
-    function handleIndexCheckChange(e) {
-      table.setProps({
-        showIndexColumn: e.target.checked
-      });
-    }
-    function handleSelectCheckChange(e) {
-      table.setProps({
-        rowSelection: e.target.checked ? defaultRowSelection : null
-      });
+    const attrs = useAttrs$1();
+    function getPopupContainer$1() {
+      return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : getPopupContainer();
     }
-    function onChange(checkedList) {
-      const len = plainSortOptions.value.length;
-      state.checkAll = checkedList.length === len;
-      const sortList = unref(plainSortOptions).map((item) => item.value);
-      checkedList.sort((prev, next) => {
-        return sortList.indexOf(prev) - sortList.indexOf(next);
-      });
+    return (_ctx, _cache) => {
+      const _directive_icon = resolveDirective("icon");
+      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
+        return openBlock(), createElementBlock("span", _hoisted_1$n, [
+          item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
+            key: 0,
+            placement: "bottom"
+          }, {
+            title: withCtx(() => [
+              createTextVNode(toDisplayString(item.title), 1)
+            ]),
+            default: withCtx(() => [
+              withDirectives(createElementVNode("span", {
+                color: item.color,
+                onClick: ($event) => handleAction(item)
+              }, null, 8, _hoisted_2$g), [
+                [_directive_icon, item.icon]
+              ])
+            ]),
+            _: 2
+          }, 1024)) : createCommentVNode("", true)
+        ]);
+      }), 256)) : (openBlock(), createBlock(unref(Dropdown), {
+        key: 1,
+        getPopupContainer: getPopupContainer$1,
+        trigger: ["click"]
+      }, {
+        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, [
+                  item.ifShow ? (openBlock(), createBlock(unref(MenuItem), {
+                    key: 0,
+                    onClick: ($event) => handleAction(item)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(DtIcon), {
+                        "icon-class": item.icon,
+                        color: item.color,
+                        size: 16
+                      }, null, 8, ["icon-class", "color"]),
+                      createElementVNode("span", null, toDisplayString(item.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])) : createCommentVNode("", true)
+                ], 64);
+              }), 256))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(DtIcon), {
+            "icon-class": "ic:baseline-settings",
+            "class-name": "dt-table-action-dropdown"
+          })
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+const INDEX_FLAG = "INDEX";
+const ACTION_COLUMN = "ACTION";
+function handleItem(item, ellipsis) {
+  const { appConf } = useAppStore();
+  const { align } = appConf.ui.table;
+  const { key, dataIndex, children } = item;
+  item.align = item.align || align;
+  if (ellipsis) {
+    if (!key)
+      item.key = dataIndex && dataIndex.toString();
+    if (!isBoolean(item.ellipsis)) {
+      item = Object.assign(item, {
+        ellipsis
+      });
+    }
+  }
+  if (children && children.length) {
+    handleChildren(children, !!ellipsis);
+  }
+}
+function handleChildren(children, ellipsis) {
+  if (!children)
+    return;
+  children.forEach((item) => {
+    const { children: children2 } = item;
+    handleItem(item, ellipsis);
+    handleChildren(children2, ellipsis);
+  });
+}
+function sortFixedColumn(columns) {
+  const fixedLeftColumn = [];
+  const fixedRightColumn = [];
+  const defaultColumn = [];
+  for (let column of columns) {
+    if (column.defaultHidden)
+      continue;
+    if (column.fixed === "left") {
+      fixedLeftColumn.push(column);
+      continue;
+    }
+    if (column.fixed === "right") {
+      fixedRightColumn.push(column);
+      continue;
+    }
+    defaultColumn.push(column);
+  }
+  return [
+    ...fixedLeftColumn,
+    ...defaultColumn,
+    ...fixedRightColumn
+  ];
+}
+function handleIndexColumn(propsRef, getPaginationRef, columns) {
+  const { showIndexColumn, indexColumnProps, isTreeTable } = unref(propsRef);
+  let pushIndexColumns = false;
+  if (unref(isTreeTable)) {
+    return;
+  }
+  columns.forEach(() => {
+    const indIndex = columns.findIndex((column) => column.flag === INDEX_FLAG);
+    if (showIndexColumn) {
+      pushIndexColumns = indIndex === -1;
+    } else if (!showIndexColumn && indIndex !== -1) {
+      columns.splice(indIndex, 1);
+    }
+  });
+  if (!pushIndexColumns)
+    return;
+  const isFixedLeft = columns.some((item) => item.fixed === "left");
+  columns.unshift({
+    flag: INDEX_FLAG,
+    width: 50,
+    title: "\u5E8F\u53F7",
+    align: "center",
+    customRender: ({ index: index2 }) => {
+      const getPagination = unref(getPaginationRef);
+      const { appConf } = useAppStore();
+      const { defaultPageSize } = appConf.ui.table;
+      if (isBoolean(getPagination)) {
+        return `${index2 + 1}`;
+      }
+      const { current = 1, pageSize = defaultPageSize } = getPagination;
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+    },
+    ...isFixedLeft ? {
+      fixed: "left"
+    } : {},
+    ...indexColumnProps
+  });
+}
+function handleActionColumn(propsRef, columns) {
+  const { operations } = unref(propsRef);
+  if (!operations || isObject(operations) && !(operations == null ? void 0 : operations.btns) || isArray$1(operations) && !operations)
+    return;
+  const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN);
+  if (hasIndex === -1) {
+    let column = isObject(operations) ? operations : isArray$1(operations) ? { btns: operations } : {};
+    let expand = column.expand ? column.expand : false;
+    let columnObj = {
+      fixed: "right",
+      title: "\u64CD\u4F5C",
+      align: "center",
+      expand,
+      width: `${expand ? column.btns.length * 30 + 40 : 70}px`,
+      ...column,
+      flag: ACTION_COLUMN
+    };
+    columns.push({
+      ...columnObj,
+      customRender: ({ record, index: index2 }) => {
+        return h(_sfc_main$E, {
+          ...columnObj,
+          record,
+          align: null,
+          index: index2
+        });
+      }
+    });
+  }
+}
+function useColumns(propsRef, getPaginationRef) {
+  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);
+    columns.forEach((it, index2) => {
+      const { slots } = it;
+      it.width = it.width || (index2 === 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;
+      }
+      handleItem(it, Reflect.has(it, "ellipsis") ? !!it.ellipsis : !!ellipsis && !slots);
+    });
+    handleIndexColumn(propsRef, getPaginationRef, columns);
+    handleActionColumn(propsRef, columns);
+    return columns;
+  });
+  const getViewColumns = computed(() => {
+    const viewColumns = sortFixedColumn(unref(getColumnsRef));
+    const columns = cloneDeep(viewColumns);
+    return columns.filter((column) => isIfShow(column));
+  });
+  function isIfShow(column) {
+    const ifShow = column.ifShow;
+    return isBoolean(ifShow) ? ifShow : isFunction(ifShow) ? ifShow(column) : true;
+  }
+  watch(() => unref(propsRef).columns, (columns) => {
+    var _a;
+    columnsRef.value = columns;
+    cacheColumns = (_a = columns.filter((it) => !it.flag)) != null ? _a : [];
+  });
+  function getColumns(opt) {
+    const { ignoreIndex, ignoreAction, sort } = opt || {};
+    let columns = toRaw(unref(getColumnsRef));
+    if (ignoreIndex) {
+      columns = columns.filter((it) => it.flag !== INDEX_FLAG);
+    }
+    if (ignoreAction) {
+      columns = columns.filter((it) => it.flag !== ACTION_COLUMN);
+    }
+    if (sort) {
+      columns = sortFixedColumn(columns);
+    }
+    return columns;
+  }
+  function setColumns(columnList = []) {
+    const columns = cloneDeep(columnList);
+    if (!isArray$1(columns))
+      return;
+    if (!columns.length) {
+      columnsRef.value = [];
+      return;
+    }
+    const cacheKeys = cacheColumns.map((item) => item.dataIndex);
+    if (!isString(columns[0])) {
+      columnsRef.value = columns;
+    } else {
+      const columnKeys = columns;
+      const newColumns = [];
+      cacheColumns.forEach((it) => {
+        newColumns.push({
+          ...it,
+          defaultHidden: !columnKeys.includes(it.dataIndex || it.key)
+        });
+      });
+      if (!isEqual(cacheKeys, columns)) {
+        newColumns.sort((prev, next) => {
+          return columnKeys.indexOf(prev.dataIndex) - columnKeys.indexOf(next.dataIndex);
+        });
+      }
+      columnsRef.value = newColumns;
+    }
+  }
+  function setCacheColumnsByField(dataIndex, value) {
+    if (!dataIndex || !value)
+      return;
+    cacheColumns.forEach((item) => {
+      if (item.dataIndex === dataIndex) {
+        Object.assign(item, value);
+        return;
+      }
+    });
+  }
+  function getCacheColumns() {
+    return cacheColumns;
+  }
+  return {
+    getViewColumns,
+    getColumnsRef,
+    getColumns,
+    setColumns,
+    setCacheColumnsByField,
+    getCacheColumns
+  };
+}
+const _hoisted_1$m = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
+const _hoisted_2$f = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
+const _hoisted_3$9 = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
+const _hoisted_4$6 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
+const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_6$2 = {
+  size: 16,
+  className: "drag-icon"
+};
+const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u5DE6\u4FA7");
+const _hoisted_8$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u53F3\u4FA7");
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  __name: "Column",
+  emits: [
+    "columns-change"
+  ],
+  setup(__props, { emit: emits }) {
+    const attrs = useAttrs$1();
+    const prefixCls = "column-setting";
+    const table = getTableInstance();
+    const defaultRowSelection = omit(table.getRowSelection(), "selectedRowKeys");
+    let inited = false;
+    const cachePlainOptions = ref([]);
+    const plainOptions = ref([]);
+    const plainSortOptions = ref([]);
+    const columnListRef = ref(null);
+    const checkIndex = ref(false);
+    const checkSelect = ref(false);
+    const getValues = computed(() => {
+      return unref(table == null ? void 0 : table.getBind);
+    });
+    let sortable;
+    let sortableOrder = [];
+    const state = reactive({
+      checkAll: true,
+      checkedList: [],
+      defaultCheckList: []
+    });
+    const indeterminate = computed(() => {
+      let len = plainOptions.value.length;
+      let checkedLen = state.checkedList.length;
+      unref(checkIndex) && checkedLen--;
+      return checkedLen > 0 && checkedLen < len;
+    });
+    watchEffect(() => {
+      const columns = table.getColumns();
+      if (columns && columns.length) {
+        init();
+      }
+    });
+    watchEffect(() => {
+      const values = unref(getValues);
+      checkIndex.value = !!values.showIndexColumn;
+      checkSelect.value = !!values.rowSelection;
+    });
+    function handleVisibleChange() {
+      if (inited)
+        return;
+      nextTick(() => {
+        const columnListEl = unref(columnListRef);
+        if (!columnListEl)
+          return;
+        const el = columnListEl.$el;
+        if (!el)
+          return;
+        sortable = Sortablejs.create(unref(el), {
+          animation: 500,
+          delay: 400,
+          delayOnTouchOnly: true,
+          handle: ".drag-icon ",
+          onEnd: (evt) => {
+            const { oldIndex, newIndex } = evt;
+            if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex) {
+              return;
+            }
+            const columns = cloneDeep(plainSortOptions.value);
+            if (oldIndex > newIndex) {
+              columns.splice(newIndex, 0, columns[oldIndex]);
+              columns.splice(oldIndex + 1, 1);
+            } else {
+              columns.splice(newIndex + 1, 0, columns[oldIndex]);
+              columns.splice(oldIndex, 1);
+            }
+            plainSortOptions.value = columns;
+            setColumns(columns);
+          }
+        });
+        sortableOrder = sortable.toArray();
+        inited = true;
+      });
+    }
+    function onCheckAllChange(e) {
+      const checkList = plainOptions.value.map((item) => item.value);
+      if (e.target.checked) {
+        state.checkedList = checkList;
+        setColumns(checkList);
+      } else {
+        state.checkedList = [];
+        setColumns([]);
+      }
+    }
+    function handleIndexCheckChange(e) {
+      table.setProps({
+        showIndexColumn: e.target.checked
+      });
+    }
+    function handleSelectCheckChange(e) {
+      table.setProps({
+        rowSelection: e.target.checked ? defaultRowSelection : null
+      });
+    }
+    function onChange(checkedList) {
+      const len = plainSortOptions.value.length;
+      state.checkAll = checkedList.length === len;
+      const sortList = unref(plainSortOptions).map((item) => item.value);
+      checkedList.sort((prev, next) => {
+        return sortList.indexOf(prev) - sortList.indexOf(next);
+      });
       setColumns(checkedList);
     }
     function reset() {
@@ -5141,7 +5571,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          _hoisted_1$n
+          _hoisted_1$m
         ]),
         default: withCtx(() => [
           createVNode(unref(Popover), {
@@ -5162,7 +5592,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                   onChange: onCheckAllChange
                 }, {
                   default: withCtx(() => [
-                    _hoisted_2$g
+                    _hoisted_2$f
                   ]),
                   _: 1
                 }, 8, ["indeterminate", "checked"]),
@@ -5228,779 +5658,380 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                         placement: "bottomLeft",
                         mouseLeaveDelay: 0.4,
                         getPopupContainer: getPopupContainer$1
-                      }, {
-                        title: withCtx(() => [
-                          _hoisted_7$1
-                        ]),
-                        default: withCtx(() => [
-                          createElementVNode("span", {
-                            class: normalizeClass({
-                              disabled: !state.checkedList.includes(item.value),
-                              active: item.fixed === "left"
-                            })
-                          }, [
-                            createVNode(unref(DtIcon), {
-                              "icon-class": "mdi:arrow-collapse-left",
-                              className: `${prefixCls}__fixed-left`,
-                              onClick: ($event) => handleColumnFixed(item, "left"),
-                              size: 16
-                            }, null, 8, ["className", "onClick"])
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1032, ["mouseLeaveDelay"]),
-                      createVNode(unref(Divider), { type: "vertical" }),
-                      createVNode(unref(Tooltip), {
-                        placement: "bottomLeft",
-                        mouseLeaveDelay: 0.4,
-                        getPopupContainer: getPopupContainer$1
-                      }, {
-                        title: withCtx(() => [
-                          _hoisted_8$1
-                        ]),
-                        default: withCtx(() => [
-                          createElementVNode("span", {
-                            class: normalizeClass({
-                              disabled: !state.checkedList.includes(item.value),
-                              active: item.fixed === "right"
-                            })
-                          }, [
-                            createVNode(unref(DtIcon), {
-                              "icon-class": "mdi:arrow-collapse-right",
-                              className: `${prefixCls}__fixed-right`,
-                              onClick: ($event) => handleColumnFixed(item, "right"),
-                              size: 16
-                            }, null, 8, ["className", "onClick"])
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1032, ["mouseLeaveDelay"])
-                    ], 2);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["value"])
-            ]),
-            default: withCtx(() => [
-              withDirectives(createElementVNode("span", null, null, 512), [
-                [_directive_icon, "ant-design:setting-outlined"]
-              ])
-            ]),
-            _: 1
-          }, 8, ["overlayClassName"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _hoisted_1$m = { key: 0 };
-const _hoisted_2$f = { key: 0 };
-const _hoisted_3$8 = { key: 1 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
-  __name: "Fullscreen",
-  setup(__props) {
-    const table = getTableInstance();
-    const wrapEl = ref(null);
-    const { toggle, isFullscreen } = useFullscreen(wrapEl);
-    watch(() => table.tableElRef.value, (v) => {
-      const getParent = (el) => {
-        if (!el || !el.parentNode)
-          return null;
-        if (el.parentNode.className.indexOf("dt-layout-content") !== -1) {
-          wrapEl.value = el.parentNode;
-        } else {
-          getParent(el.parentNode);
-        }
-      };
-      getParent(v.$el);
-    });
-    return (_ctx, _cache) => {
-      const _directive_icon = resolveDirective("icon");
-      return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
-        title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$m, "\u5168\u5C4F")) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", {
-            onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
-          }, [
-            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$f, null, 512)), [
-              [_directive_icon, "ic:baseline-fullscreen"]
-            ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_3$8, null, 512)), [
-              [_directive_icon, "ic:baseline-fullscreen-exit"]
-            ])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _hoisted_1$l = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("span", null, "\u9ED8\u8BA4", -1);
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u4E2D\u7B49", -1);
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("span", null, "\u7D27\u51D1", -1);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
-  __name: "Size",
-  setup(__props) {
-    const table = getTableInstance();
-    const selectedKeysRef = ref([table.getSize()]);
-    function handleTitleClick({ key }) {
-      selectedKeysRef.value = [key];
-      table.setProps({ size: key });
-    }
-    return (_ctx, _cache) => {
-      const _directive_icon = resolveDirective("icon");
-      return openBlock(), createBlock(unref(Tooltip), null, {
-        title: withCtx(() => [
-          _hoisted_1$l
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(Dropdown), {
-            placement: "bottom",
-            trigger: ["click"],
-            getPopupContainer: unref(getPopupContainer)
-          }, {
-            overlay: withCtx(() => [
-              createVNode(unref(Menu), {
-                onClick: handleTitleClick,
-                selectable: "",
-                selectedKeys: selectedKeysRef.value,
-                "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => selectedKeysRef.value = $event)
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(MenuItem), { key: "default" }, {
-                    default: withCtx(() => [
-                      _hoisted_2$e
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(MenuItem), { key: "middle" }, {
-                    default: withCtx(() => [
-                      _hoisted_3$7
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(MenuItem), { key: "small" }, {
-                    default: withCtx(() => [
-                      _hoisted_4$5
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["selectedKeys"])
-            ]),
-            default: withCtx(() => [
-              withDirectives(createElementVNode("span", null, null, 512), [
-                [_directive_icon, "ant-design:column-height-outlined"]
-              ])
-            ]),
-            _: 1
-          }, 8, ["getPopupContainer"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _hoisted_1$k = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA", -1);
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u5F53\u524D\u9875", -1);
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u9009\u4E2D\u5217", -1);
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u6240\u6709\u5217", -1);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
-  __name: "Download",
-  setup(__props) {
-    const table = getTableInstance();
-    function handleTitleClick({ key }) {
-      const { onDownload, columns: allColumns, dataSource, rowSelection } = unref(table.getBind);
-      const excludesFlag = ["ACTION", "CHECKBOX", "RADIO"];
-      const columns = allColumns.filter((it) => !excludesFlag.includes(it.flag));
-      onDownload({
-        type: key,
-        columns,
-        rows: key === "select" ? table.getSelectRows() : key === "current" ? dataSource : []
-      });
-    }
-    return (_ctx, _cache) => {
-      const _directive_icon = resolveDirective("icon");
-      return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
-        title: withCtx(() => [
-          _hoisted_1$k
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(Dropdown), {
-            placement: "bottom",
-            trigger: ["click"],
-            getPopupContainer: unref(getPopupContainer)
-          }, {
-            overlay: withCtx(() => [
-              createVNode(unref(Menu), { onClick: handleTitleClick }, {
-                default: withCtx(() => [
-                  createVNode(unref(MenuItem), { key: "current" }, {
-                    default: withCtx(() => [
-                      _hoisted_2$d
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(MenuItem), { key: "select" }, {
-                    default: withCtx(() => [
-                      _hoisted_3$6
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(MenuItem), { key: "all" }, {
-                    default: withCtx(() => [
-                      _hoisted_4$4
-                    ]),
-                    _: 1
-                  })
+                      }, {
+                        title: withCtx(() => [
+                          _hoisted_7$1
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: normalizeClass({
+                              disabled: !state.checkedList.includes(item.value),
+                              active: item.fixed === "left"
+                            })
+                          }, [
+                            createVNode(unref(DtIcon), {
+                              "icon-class": "mdi:arrow-collapse-left",
+                              className: `${prefixCls}__fixed-left`,
+                              onClick: ($event) => handleColumnFixed(item, "left"),
+                              size: 16
+                            }, null, 8, ["className", "onClick"])
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["mouseLeaveDelay"]),
+                      createVNode(unref(Divider), { type: "vertical" }),
+                      createVNode(unref(Tooltip), {
+                        placement: "bottomLeft",
+                        mouseLeaveDelay: 0.4,
+                        getPopupContainer: getPopupContainer$1
+                      }, {
+                        title: withCtx(() => [
+                          _hoisted_8$1
+                        ]),
+                        default: withCtx(() => [
+                          createElementVNode("span", {
+                            class: normalizeClass({
+                              disabled: !state.checkedList.includes(item.value),
+                              active: item.fixed === "right"
+                            })
+                          }, [
+                            createVNode(unref(DtIcon), {
+                              "icon-class": "mdi:arrow-collapse-right",
+                              className: `${prefixCls}__fixed-right`,
+                              onClick: ($event) => handleColumnFixed(item, "right"),
+                              size: 16
+                            }, null, 8, ["className", "onClick"])
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["mouseLeaveDelay"])
+                    ], 2);
+                  }), 128))
                 ]),
                 _: 1
-              })
+              }, 8, ["value"])
             ]),
             default: withCtx(() => [
               withDirectives(createElementVNode("span", null, null, 512), [
-                [_directive_icon, "ic:baseline-file-download"]
+                [_directive_icon, "ant-design:setting-outlined"]
               ])
             ]),
             _: 1
-          }, 8, ["getPopupContainer"])
+          }, 8, ["overlayClassName"])
         ]),
         _: 1
       });
     };
   }
 });
-const _sfc_main$B = defineComponent({
-  name: "table-setting",
-  components: {
-    ColumnSetting: _sfc_main$F,
-    FullscreenSetting: _sfc_main$E,
-    SizeSetting: _sfc_main$D,
-    Download: _sfc_main$C
-  },
-  props: {
-    setting: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["columns-change"],
-  setup(props, { emit }) {
-    const getSetting = computed(() => {
-      return {
-        redo: true,
-        size: true,
-        setting: true,
-        fullscreen: true,
-        ...props.setting
-      };
-    });
-    function handleColumnChange(data) {
-      emit("columns-change", data);
-    }
-    return {
-      getSetting,
-      handleColumnChange
-    };
-  }
-});
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Download = resolveComponent("Download");
-  const _component_SizeSetting = resolveComponent("SizeSetting");
-  const _component_ColumnSetting = resolveComponent("ColumnSetting");
-  const _component_FullscreenSetting = resolveComponent("FullscreenSetting");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createVNode(_component_Download),
-    _ctx.getSetting.size ? (openBlock(), createBlock(_component_SizeSetting, { key: 0 })) : createCommentVNode("", true),
-    _ctx.getSetting.setting ? (openBlock(), createBlock(_component_ColumnSetting, {
-      key: 1,
-      onColumnsChange: _ctx.handleColumnChange
-    }, null, 8, ["onColumnsChange"])) : createCommentVNode("", true),
-    _ctx.getSetting.fullscreen ? (openBlock(), createBlock(_component_FullscreenSetting, { key: 2 })) : createCommentVNode("", true)
-  ], 64);
-}
-var TableSettinCom = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$2]]);
-const _sfc_main$A = defineComponent({
-  name: "table-header",
-  components: {
-    TableSettinCom,
-    Button,
-    DtIcon,
-    FormButtons
-  },
-  props: {
-    tableTools: {
-      type: Object
-    },
-    toolbar: {
-      type: Array,
-      default: []
-    }
-  },
-  emits: ["columns-change"],
-  setup(props, { emit }) {
-    function handleColumnChange(data) {
-      emit("columns-change", data);
-    }
-    function handleMethod(e) {
-      if (isFunction(e.onClick)) {
-        e.onClick();
-      }
-    }
-    const getActionsProps = {
-      mode: null,
-      showAdvancedButton: false,
-      show: true,
-      buttonList: props.toolbar
-    };
-    return {
-      getActionsProps,
-      handleColumnChange,
-      handleMethod
-    };
-  }
-});
-const _hoisted_1$j = { class: "dt-table-header" };
-const _hoisted_2$c = { class: "dt-table-header-actions" };
-const _hoisted_3$5 = { class: "dt-table-header-actions__left" };
-const _hoisted_4$3 = { class: "dt-table-header-actions__right" };
-const _hoisted_5$2 = {
-  key: 0,
-  style: { "margin": "5px" }
-};
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FormButtons = resolveComponent("FormButtons");
-  const _component_TableSettinCom = resolveComponent("TableSettinCom");
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [
-    createElementVNode("div", _hoisted_2$c, [
-      createElementVNode("div", _hoisted_3$5, [
-        createVNode(_component_FormButtons, mergeProps(_ctx.getActionsProps, { onHandleMethod: _ctx.handleMethod }), null, 16, ["onHandleMethod"]),
-        renderSlot(_ctx.$slots, "toolbar")
-      ]),
-      createElementVNode("div", _hoisted_4$3, [
-        createVNode(_component_TableSettinCom, { onColumnsChange: _ctx.handleColumnChange }, null, 8, ["onColumnsChange"])
-      ])
-    ]),
-    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-      renderSlot(_ctx.$slots, "headerTop")
-    ])) : createCommentVNode("", true)
-  ]);
-}
-var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$1]]);
-var _sfc_main$z = defineComponent({
-  name: "TableFormat",
-  props: {
-    column: {
-      type: Object
-    },
-    record: {
-      type: Object
-    },
-    index: {
-      type: Number
-    }
-  },
-  setup(props) {
-    let renderText = ref();
-    function renderCell() {
-      const {
-        column,
-        record,
-        index: index2
-      } = props;
-      const {
-        render: render2,
-        dataIndex
-      } = column;
-      const text = record[dataIndex.toString()];
-      if (isFunction(render2)) {
-        renderText.value = render2(text, record, index2);
-      }
-      if (isObject(render2)) {
-        const {
-          dict,
-          date,
-          number,
-          percent
-        } = render2;
-        if (dict) {
-          renderText = getDictValueByCode(text, dict);
-        }
-        if (date) {
-          renderText.value = dayjs(text).format(date || "YYYY-MM-DD");
-        }
-        if (number) {
-          renderText.value = formatNumber(text, number);
-        }
-        if (percent) {
-          renderText.value = formatNumber((text || 0) * 100, percent) + "%";
-        }
-        if (isVnode(render2)) {
-          renderText.value = render2;
-        }
-        if (render2["setup"]) {
-          renderText.value = createVNode(render2, {
-            text
-          });
-        }
-      } else {
-        console.log(text);
-        renderText.value = text;
-      }
-    }
-    renderCell();
-    return () => createVNode("span", null, [unref(renderText)]);
-  }
-});
-const _hoisted_1$i = { class: "dt-table-action-btn" };
-const _hoisted_2$b = ["color", "onClick"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  __name: "TableActions",
-  props: {
-    fixed: {
-      type: String,
-      default: "right"
-    },
-    title: {
-      type: String
-    },
-    expand: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: String,
-      default: "70px"
-    },
-    btns: {
-      type: Array,
-      default: []
-    },
-    flag: {
-      type: String
-    },
-    record: {
-      default: {}
-    },
-    index: {
-      type: Number
-    }
-  },
+const _hoisted_1$l = { key: 0 };
+const _hoisted_2$e = { key: 0 };
+const _hoisted_3$8 = { key: 1 };
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "Fullscreen",
   setup(__props) {
-    const props = __props;
-    watch(() => props.btns, (btns) => {
-      btns.map((it) => {
-        it.ifShow = isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true;
-      });
-    }, {
-      immediate: true
+    const table = getTableInstance();
+    const wrapEl = ref(null);
+    const { toggle, isFullscreen } = useFullscreen(wrapEl);
+    watch(() => table.tableElRef.value, (v) => {
+      const getParent = (el) => {
+        var _a;
+        if (!el || !el.parentNode)
+          return null;
+        if (((_a = el.parentNode.className) == null ? void 0 : _a.indexOf("dt-layout-content")) !== -1) {
+          wrapEl.value = el.parentNode;
+        } else {
+          getParent(el.parentNode);
+        }
+      };
+      getParent(v.$el);
     });
-    function handleAction(it) {
-      if (isFunction(it.action)) {
-        it.action({
-          row: props.record,
-          index: props.index
-        });
-      }
-    }
-    const attrs = useAttrs$1();
-    function getPopupContainer$1() {
-      return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : getPopupContainer();
+    return (_ctx, _cache) => {
+      const _directive_icon = resolveDirective("icon");
+      return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
+        title: withCtx(() => [
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$l, "\u5168\u5C4F")) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", {
+            onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
+          }, [
+            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$e, null, 512)), [
+              [_directive_icon, "ic:baseline-fullscreen"]
+            ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_3$8, null, 512)), [
+              [_directive_icon, "ic:baseline-fullscreen-exit"]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1$k = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", null, "\u9ED8\u8BA4", -1);
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u4E2D\u7B49", -1);
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("span", null, "\u7D27\u51D1", -1);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "Size",
+  setup(__props) {
+    const table = getTableInstance();
+    const selectedKeysRef = ref([table.getSize()]);
+    function handleTitleClick({ key }) {
+      selectedKeysRef.value = [key];
+      table.setProps({ size: key });
     }
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
-      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
-        return openBlock(), createElementBlock("span", _hoisted_1$i, [
-          item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
-            key: 0,
-            placement: "bottom"
+      return openBlock(), createBlock(unref(Tooltip), null, {
+        title: withCtx(() => [
+          _hoisted_1$k
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(Dropdown), {
+            placement: "bottom",
+            trigger: ["click"],
+            getPopupContainer: unref(getPopupContainer)
           }, {
-            title: withCtx(() => [
-              createTextVNode(toDisplayString(item.title), 1)
+            overlay: withCtx(() => [
+              createVNode(unref(Menu), {
+                onClick: handleTitleClick,
+                selectable: "",
+                selectedKeys: selectedKeysRef.value,
+                "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => selectedKeysRef.value = $event)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(MenuItem), { key: "default" }, {
+                    default: withCtx(() => [
+                      _hoisted_2$d
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(MenuItem), { key: "middle" }, {
+                    default: withCtx(() => [
+                      _hoisted_3$7
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(MenuItem), { key: "small" }, {
+                    default: withCtx(() => [
+                      _hoisted_4$5
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["selectedKeys"])
             ]),
             default: withCtx(() => [
-              withDirectives(createElementVNode("span", {
-                color: item.color,
-                onClick: ($event) => handleAction(item)
-              }, null, 8, _hoisted_2$b), [
-                [_directive_icon, item.icon]
+              withDirectives(createElementVNode("span", null, null, 512), [
+                [_directive_icon, "ant-design:column-height-outlined"]
               ])
             ]),
-            _: 2
-          }, 1024)) : createCommentVNode("", true)
-        ]);
-      }), 256)) : (openBlock(), createBlock(unref(Dropdown), {
-        key: 1,
-        getPopupContainer: getPopupContainer$1,
-        trigger: ["click"]
-      }, {
-        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, [
-                  item.ifShow ? (openBlock(), createBlock(unref(MenuItem), {
-                    key: 0,
-                    onClick: ($event) => handleAction(item)
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(DtIcon), {
-                        "icon-class": item.icon,
-                        color: item.color,
-                        size: 16
-                      }, null, 8, ["icon-class", "color"]),
-                      createElementVNode("span", null, toDisplayString(item.title), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("", true)
-                ], 64);
-              }), 256))
-            ]),
             _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(DtIcon), {
-            "icon-class": "ic:baseline-settings",
-            "class-name": "dt-table-action-dropdown"
-          })
+          }, 8, ["getPopupContainer"])
         ]),
         _: 1
-      }));
+      });
     };
   }
 });
-const INDEX_FLAG = "INDEX";
-const ACTION_COLUMN = "ACTION";
-function handleItem(item, ellipsis) {
-  const { appConf } = useAppStore();
-  const { align } = appConf.ui.table;
-  const { key, dataIndex, children } = item;
-  item.align = item.align || align;
-  if (ellipsis) {
-    if (!key)
-      item.key = dataIndex && dataIndex.toString();
-    if (!isBoolean(item.ellipsis)) {
-      item = Object.assign(item, {
-        ellipsis
+const _hoisted_1$j = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA", -1);
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u5F53\u524D\u9875", -1);
+const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u9009\u4E2D\u5217", -1);
+const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u6240\u6709\u5217", -1);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "Download",
+  setup(__props) {
+    const table = getTableInstance();
+    function handleTitleClick({ key }) {
+      const { onDownload, columns: allColumns, dataSource, rowSelection } = unref(table.getBind);
+      const excludesFlag = ["ACTION", "CHECKBOX", "RADIO"];
+      const columns = allColumns.filter((it) => !excludesFlag.includes(it.flag));
+      onDownload({
+        type: key,
+        columns,
+        rows: key === "select" ? table.getSelectRows() : key === "current" ? dataSource : []
       });
     }
+    return (_ctx, _cache) => {
+      const _directive_icon = resolveDirective("icon");
+      return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
+        title: withCtx(() => [
+          _hoisted_1$j
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(Dropdown), {
+            placement: "bottom",
+            trigger: ["click"],
+            getPopupContainer: unref(getPopupContainer)
+          }, {
+            overlay: withCtx(() => [
+              createVNode(unref(Menu), { onClick: handleTitleClick }, {
+                default: withCtx(() => [
+                  createVNode(unref(MenuItem), { key: "current" }, {
+                    default: withCtx(() => [
+                      _hoisted_2$c
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(MenuItem), { key: "select" }, {
+                    default: withCtx(() => [
+                      _hoisted_3$6
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(MenuItem), { key: "all" }, {
+                    default: withCtx(() => [
+                      _hoisted_4$4
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              withDirectives(createElementVNode("span", null, null, 512), [
+                [_directive_icon, "ic:baseline-file-download"]
+              ])
+            ]),
+            _: 1
+          }, 8, ["getPopupContainer"])
+        ]),
+        _: 1
+      });
+    };
   }
-  if (children && children.length) {
-    handleChildren(children, !!ellipsis);
-  }
-}
-function handleChildren(children, ellipsis) {
-  if (!children)
-    return;
-  children.forEach((item) => {
-    const { children: children2 } = item;
-    handleItem(item, ellipsis);
-    handleChildren(children2, ellipsis);
-  });
-}
-function sortFixedColumn(columns) {
-  const fixedLeftColumn = [];
-  const fixedRightColumn = [];
-  const defaultColumn = [];
-  for (let column of columns) {
-    if (column.defaultHidden)
-      continue;
-    if (column.fixed === "left") {
-      fixedLeftColumn.push(column);
-      continue;
-    }
-    if (column.fixed === "right") {
-      fixedRightColumn.push(column);
-      continue;
-    }
-    defaultColumn.push(column);
-  }
-  return [
-    ...fixedLeftColumn,
-    ...defaultColumn,
-    ...fixedRightColumn
-  ];
-}
-function handleIndexColumn(propsRef, getPaginationRef, columns) {
-  const { showIndexColumn, indexColumnProps, isTreeTable } = unref(propsRef);
-  let pushIndexColumns = false;
-  if (unref(isTreeTable)) {
-    return;
-  }
-  columns.forEach(() => {
-    const indIndex = columns.findIndex((column) => column.flag === INDEX_FLAG);
-    if (showIndexColumn) {
-      pushIndexColumns = indIndex === -1;
-    } else if (!showIndexColumn && indIndex !== -1) {
-      columns.splice(indIndex, 1);
+});
+const _sfc_main$z = defineComponent({
+  name: "table-setting",
+  components: {
+    ColumnSetting: _sfc_main$D,
+    FullscreenSetting: _sfc_main$C,
+    SizeSetting: _sfc_main$B,
+    Download: _sfc_main$A
+  },
+  props: {
+    setting: {
+      type: Object,
+      default: () => ({})
     }
-  });
-  if (!pushIndexColumns)
-    return;
-  const isFixedLeft = columns.some((item) => item.fixed === "left");
-  columns.unshift({
-    flag: INDEX_FLAG,
-    width: 50,
-    title: "\u5E8F\u53F7",
-    align: "center",
-    customRender: ({ index: index2 }) => {
-      const getPagination = unref(getPaginationRef);
-      const { appConf } = useAppStore();
-      const { defaultPageSize } = appConf.ui.table;
-      if (isBoolean(getPagination)) {
-        return `${index2 + 1}`;
-      }
-      const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
-    },
-    ...isFixedLeft ? {
-      fixed: "left"
-    } : {},
-    ...indexColumnProps
-  });
-}
-function handleActionColumn(propsRef, columns) {
-  const { operations } = unref(propsRef);
-  if (!operations || isObject(operations) && !(operations == null ? void 0 : operations.btns) || isArray$1(operations) && !operations)
-    return;
-  const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN);
-  if (hasIndex === -1) {
-    let column = isObject(operations) ? operations : isArray$1(operations) ? { btns: operations } : {};
-    let expand = column.expand ? column.expand : false;
-    let columnObj = {
-      fixed: "right",
-      title: "\u64CD\u4F5C",
-      align: "center",
-      expand,
-      width: `${expand ? column.btns.length * 30 + 40 : 70}px`,
-      ...column,
-      flag: ACTION_COLUMN
-    };
-    columns.push({
-      ...columnObj,
-      customRender: ({ record, index: index2 }) => {
-        return h(_sfc_main$y, {
-          ...columnObj,
-          record,
-          align: null,
-          index: index2
-        });
-      }
+  },
+  emits: ["columns-change"],
+  setup(props, { emit }) {
+    const getSetting = computed(() => {
+      return {
+        download: true,
+        size: true,
+        setting: true,
+        fullscreen: true,
+        ...props.setting
+      };
     });
+    function handleColumnChange(data) {
+      emit("columns-change", data);
+    }
+    return {
+      getSetting,
+      handleColumnChange
+    };
   }
+});
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Download = resolveComponent("Download");
+  const _component_SizeSetting = resolveComponent("SizeSetting");
+  const _component_ColumnSetting = resolveComponent("ColumnSetting");
+  const _component_FullscreenSetting = resolveComponent("FullscreenSetting");
+  return openBlock(), createElementBlock(Fragment, null, [
+    _ctx.getSetting.download ? (openBlock(), createBlock(_component_Download, { key: 0 })) : createCommentVNode("", true),
+    _ctx.getSetting.size ? (openBlock(), createBlock(_component_SizeSetting, { key: 1 })) : createCommentVNode("", true),
+    _ctx.getSetting.setting ? (openBlock(), createBlock(_component_ColumnSetting, {
+      key: 2,
+      onColumnsChange: _ctx.handleColumnChange
+    }, null, 8, ["onColumnsChange"])) : createCommentVNode("", true),
+    _ctx.getSetting.fullscreen ? (openBlock(), createBlock(_component_FullscreenSetting, { key: 3 })) : createCommentVNode("", true)
+  ], 64);
 }
-function useColumns(propsRef, getPaginationRef) {
-  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);
-    columns.forEach((it, index2) => {
-      const { slots } = it;
-      it.width = it.width || (index2 === 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;
-      }
-      handleItem(it, Reflect.has(it, "ellipsis") ? !!it.ellipsis : !!ellipsis && !slots);
-    });
-    handleIndexColumn(propsRef, getPaginationRef, columns);
-    handleActionColumn(propsRef, columns);
-    return columns;
-  });
-  const getViewColumns = computed(() => {
-    const viewColumns = sortFixedColumn(unref(getColumnsRef));
-    const columns = cloneDeep(viewColumns);
-    return columns.filter((column) => isIfShow(column));
-  });
-  function isIfShow(column) {
-    const ifShow = column.ifShow;
-    return isBoolean(ifShow) ? ifShow : isFunction(ifShow) ? ifShow(column) : true;
-  }
-  watch(() => unref(propsRef).columns, (columns) => {
-    var _a;
-    columnsRef.value = columns;
-    cacheColumns = (_a = columns.filter((it) => !it.flag)) != null ? _a : [];
-  });
-  function getColumns(opt) {
-    const { ignoreIndex, ignoreAction, sort } = opt || {};
-    let columns = toRaw(unref(getColumnsRef));
-    if (ignoreIndex) {
-      columns = columns.filter((it) => it.flag !== INDEX_FLAG);
-    }
-    if (ignoreAction) {
-      columns = columns.filter((it) => it.flag !== ACTION_COLUMN);
-    }
-    if (sort) {
-      columns = sortFixedColumn(columns);
+var TableSettinCom = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$2]]);
+const _sfc_main$y = defineComponent({
+  name: "table-header",
+  components: {
+    TableSettinCom,
+    Button,
+    DtIcon,
+    FormButtons
+  },
+  props: {
+    tableTools: {
+      type: Object
+    },
+    toolbar: {
+      type: Array,
+      default: []
     }
-    return columns;
-  }
-  function setColumns(columnList = []) {
-    const columns = cloneDeep(columnList);
-    if (!isArray$1(columns))
-      return;
-    if (!columns.length) {
-      columnsRef.value = [];
-      return;
+  },
+  emits: ["columns-change"],
+  setup(props, { emit }) {
+    function handleColumnChange(data) {
+      emit("columns-change", data);
     }
-    const cacheKeys = cacheColumns.map((item) => item.dataIndex);
-    if (!isString(columns[0])) {
-      columnsRef.value = columns;
-    } else {
-      const columnKeys = columns;
-      const newColumns = [];
-      cacheColumns.forEach((it) => {
-        newColumns.push({
-          ...it,
-          defaultHidden: !columnKeys.includes(it.dataIndex || it.key)
-        });
-      });
-      if (!isEqual(cacheKeys, columns)) {
-        newColumns.sort((prev, next) => {
-          return columnKeys.indexOf(prev.dataIndex) - columnKeys.indexOf(next.dataIndex);
-        });
+    function handleMethod(e) {
+      if (isFunction(e.onClick)) {
+        e.onClick();
       }
-      columnsRef.value = newColumns;
     }
+    const getActionsProps = {
+      mode: null,
+      showAdvancedButton: false,
+      show: true,
+      buttonList: props.toolbar
+    };
+    return {
+      getActionsProps,
+      handleColumnChange,
+      handleMethod
+    };
   }
-  function setCacheColumnsByField(dataIndex, value) {
-    if (!dataIndex || !value)
-      return;
-    cacheColumns.forEach((item) => {
-      if (item.dataIndex === dataIndex) {
-        Object.assign(item, value);
-        return;
-      }
-    });
-  }
-  function getCacheColumns() {
-    return cacheColumns;
-  }
-  return {
-    getViewColumns,
-    getColumnsRef,
-    getColumns,
-    setColumns,
-    setCacheColumnsByField,
-    getCacheColumns
-  };
+});
+const _hoisted_1$i = { class: "dt-table-header" };
+const _hoisted_2$b = { class: "dt-table-header-actions" };
+const _hoisted_3$5 = { class: "dt-table-header-actions__left" };
+const _hoisted_4$3 = { class: "dt-table-header-actions__right" };
+const _hoisted_5$2 = {
+  key: 0,
+  style: { "margin": "5px" }
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FormButtons = resolveComponent("FormButtons");
+  const _component_TableSettinCom = resolveComponent("TableSettinCom");
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+    createElementVNode("div", _hoisted_2$b, [
+      createElementVNode("div", _hoisted_3$5, [
+        createVNode(_component_FormButtons, mergeProps(_ctx.getActionsProps, { onHandleMethod: _ctx.handleMethod }), null, 16, ["onHandleMethod"]),
+        renderSlot(_ctx.$slots, "toolbar")
+      ]),
+      createElementVNode("div", _hoisted_4$3, [
+        createVNode(_component_TableSettinCom, {
+          setting: _ctx.tableTools,
+          onColumnsChange: _ctx.handleColumnChange
+        }, null, 8, ["setting", "onColumnsChange"])
+      ])
+    ]),
+    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+      renderSlot(_ctx.$slots, "headerTop")
+    ])) : createCommentVNode("", true)
+  ]);
 }
+var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
 function useTableHeader(propsRef, slots, handlers) {
   const getHeaderProps = computed(() => {
     const { tableSetting, toolbar } = unref(propsRef);
     const { getSlot } = useSlots();
-    const hideTitle = !slots.toolbar && !slots.headerTop && (!tableSetting || !tableSetting.length);
+    const hideTitle = !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h(TableHeader, {
-        tableSetting,
+        tableTools: tableSetting,
         toolbar,
         onColumnsChange: handlers.onColumnsChange
       }, {
@@ -6177,8 +6208,7 @@ const _sfc_main$x = defineComponent({
   props: TableProps,
   components: {
     Table,
-    TableHeader,
-    TableRender: _sfc_main$z
+    TableRender: _sfc_main$F
   },
   emits: [
     "register",
@@ -6308,33 +6338,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
 function useFetch(api, baseUrl = "") {
-  const getApiObj = () => {
+  function fetch(params = {}) {
+    let type, header = {}, model = {}, _api = "";
     if (isString(api)) {
-      return { api };
-    }
-    return { ...api };
-  };
-  const getParams = (params = {}) => {
-    const { model, beforeFetch } = getApiObj();
-    if (!api) {
-      message.error("\u8BF7\u6C42\u7684url\u4E0D\u80FD\u4E3A\u7A7A");
-      return false;
+      _api = baseUrl + api;
+    } else {
+      type = api.type;
+      _api = baseUrl + api.api;
+      header = api.header;
+      model = api.model;
     }
-    return beforeFetch && isFunction(beforeFetch) ? beforeFetch(Object.assign({}, model, params)) : params;
-  };
-  function fetch(params = {}) {
-    const handleParams = getParams(params);
-    if (isBoolean(handleParams) && handleParams === false)
-      return Promise.resolve();
-    const { api: _api, type = "post", header = {}, afterFetch } = getApiObj();
     return new Promise((resolve, reject) => {
-      http[type](`${baseUrl}${_api}`, handleParams, {
+      http[type || "post"](_api, Object.assign({}, model, params), {
         ...header,
         ...{ onlyData: false }
       }).then((data) => {
-        if (afterFetch && isFunction(afterFetch)) {
-          data = afterFetch(data);
-        }
         resolve(data == null ? void 0 : data.data);
       }, (error2) => {
         reject(error2);
@@ -6376,8 +6394,11 @@ function useSource(opt) {
   };
   const { baseUrl = "", api = {}, exportName = "" } = opt;
   const { add, deletes, update, queryById, queryPage } = api;
+  const { message } = useMessage();
+  const apiFul = {};
   for (let it in api) {
     loading["on" + it.slice(0, 1).toUpperCase() + it.slice(1).toLowerCase()] = ref(false);
+    apiFul[it] = baseUrl + (isString(api[it]) ? api[it] : api[it].api);
   }
   const { appConf } = useAppStore();
   const pagination = ref({
@@ -6392,7 +6413,7 @@ function useSource(opt) {
       pageNo: 0,
       pageSize: 10
     },
-    orderDTOs: {}
+    orderDTOs: []
   });
   function onSearch(model) {
     baseData.entityDTO = { ...model };
@@ -6437,6 +6458,7 @@ function useSource(opt) {
   function onAdd(model) {
     const { fetch } = useFetch(add, baseUrl);
     fetch(model).then((rsp) => {
+      message.success("\u65B0\u589E\u6210\u529F");
       search();
     });
   }
@@ -6447,6 +6469,7 @@ function useSource(opt) {
   function onUpdate(model) {
     const { fetch } = useFetch(update, baseUrl);
     fetch(model).then((rsp) => {
+      message.success("\u66F4\u65B0\u6570\u636E\u6210\u529F");
       search();
     });
   }
@@ -6479,9 +6502,17 @@ function useSource(opt) {
   };
   return {
     api,
+    apiFul,
     form,
     table,
     curd,
+    loading,
+    onAdd,
+    onQueryById,
+    onDeletes,
+    onUpdate,
+    onTableChange,
+    onDownload,
     onSearch
   };
 }