@dt-frames/ui 3.0.1 → 4.0.1

package/es/components/table/index.js

@@ -1,2356 +0,0 @@
-import { useAppStore, error, http, getIsZH, getSlot, isProd, getDynamicProps, getLocal, CacheKey, isBoolean, isFunction, getPopupContainer, useI18n, isNumber, isArray, isObject, isString, message, isNullOrUnDef, getDictValueByCode, formatNumber, isVnode } from "@dt-frames/core";
-import { useSlots, unref, ref, watch, onUnmounted, toRaw, defineComponent, computed, useAttrs, resolveDirective, openBlock, createElementBlock, normalizeClass, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, createElementVNode, normalizeStyle, provide, inject, h, mergeProps, markRaw, reactive, watchEffect, isRef, nextTick, normalizeProps, renderSlot, onMounted, createSlots, guardReactiveProps } from "vue";
-import { MenuItem, Menu, Dropdown, Tooltip, Checkbox as Checkbox$1, Divider, Col, Row, Button, CheckboxGroup, Popover as Popover$1, Table } from "ant-design-vue/es";
-import { takeRight, omit, cloneDeep, isEqual } from "lodash-es";
-import { useTheme, useHeader } from "../../theme/index";
-import { Input, InputNumber, Select, TreeSelect, Switch, Checkbox, DatePicker, TimePicker, Popover, Tag } from "ant-design-vue";
-import { useFullscreen } from "@vueuse/core";
-import { useModal, DtModal, useModalOut } from "../modal";
-import Sortablejs from "sortablejs";
-import { DtFormButtons } from "../form";
-import dayjs from "dayjs";
-import { Icon } from "../icons";
-const codeMap = /* @__PURE__ */ new Map();
-function useHeaderCode(code, changeColumns) {
-  const { appConf } = useAppStore();
-  const slots = useSlots();
-  if (!appConf.pages.queryColumnApi) {
-    error("\u8BF7\u5728init.config.ts\u4E2D\u914D\u7F6EqueryColumnApi\uFF01");
-    return;
-  }
-  const getAlign = (key) => key === 0 ? "center" : key === 2 ? "right" : "left";
-  const renderCell = (type, slot, ctx) => {
-    switch (type) {
-      case 0:
-        return { date: ctx };
-      case 1:
-        return { dict: ctx };
-      case 5:
-        return { percent: ctx };
-      case 7:
-        if (!appConf.structure[ctx]) {
-          error(`\u672A\u627E\u5230structure: ${ctx} !`);
-          return {};
-        }
-        return { dict: { ...appConf.structure[ctx], struCode: ctx } };
-      case 10:
-        return getSlot(slots, slot);
-      case 11:
-        return { number: ctx };
-    }
-  };
-  function getColumns() {
-    if (codeMap.get(code)) {
-      changeColumns(codeMap.get(code));
-      return;
-    }
-    http.post(
-      appConf.pages.queryColumnApi,
-      { tableCode: code }
-    ).then((rsp) => {
-      handleData(rsp);
-    });
-  }
-  function handleData(data) {
-    let rows = [];
-    data.forEach((it) => {
-      let obj = {
-        title: unref(getIsZH) ? it.cloumnName : it.cloumnEngName,
-        dataIndex: it.cloumnCode,
-        sorter: Boolean(it.ifOrder),
-        align: getAlign(it.textAlign),
-        show: Boolean(it.ifDisplay),
-        defaultHidden: !Boolean(it.ifDisplay)
-      };
-      if (it.cloumnType !== void 0)
-        obj.render = renderCell(it.cloumnType, it.slot, it.dictCode);
-      if (it.width)
-        obj.width = Number(it.width);
-      rows.push(obj);
-    });
-    codeMap.set(code, rows);
-    changeColumns(rows);
-  }
-  getColumns();
-}
-function useTable(props2) {
-  const tableRef = ref(null);
-  const loadedRef = ref(false);
-  let stopWatch;
-  function registerTable(instance) {
-    if (unref(loadedRef) && isProd() && instance === unref(tableRef))
-      return;
-    if (props2?.columnCode) {
-      useHeaderCode(
-        props2.columnCode,
-        (columns) => {
-          props2.columns = columns;
-          instance.setProps(getDynamicProps(props2));
-        }
-      );
-    }
-    tableRef.value = instance;
-    loadedRef.value = true;
-    stopWatch?.();
-    stopWatch = watch(
-      () => props2,
-      () => {
-        props2 && instance.setProps(getDynamicProps(props2));
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    onUnmounted(() => {
-      tableRef.value = null;
-      loadedRef.value = null;
-    });
-  }
-  function getTableInstance2() {
-    const table = unref(tableRef);
-    if (!table) {
-      error("\u6CA1\u6709table\u8868\u5355\u5B9E\u4F8B");
-    }
-    return table;
-  }
-  const methods = {
-    setProps: (props22) => getTableInstance2().setProps(props22),
-    setLoading: (loading) => getTableInstance2().setLoading(loading),
-    clearSelectedRowKeys: () => getTableInstance2().clearSelectedRowKeys(),
-    getSelectRows: () => getTableInstance2().getSelectRows(),
-    getSelectedRowKeys: () => getTableInstance2().getSelectedRowKeys(),
-    setSelectedRowKeys: (keys) => getTableInstance2().setSelectedRowKeys(keys),
-    getRowSelection: () => toRaw(getTableInstance2().getRowSelection()),
-    getColumns: (opt) => toRaw(getTableInstance2().getColumns(opt)),
-    setColumns: (columns) => getTableInstance2().setColumns(columns),
-    setColumnsByDataIndex: (dataIndex, value) => {
-      return getTableInstance2().setColumnsByDataIndex(dataIndex, value);
-    },
-    getCacheColumns: () => toRaw(getTableInstance2().getCacheColumns()),
-    findTableDataRecord: (rowKey) => getTableInstance2().findTableDataRecord(rowKey),
-    updateTableDataRecord: (rowKey, record) => getTableInstance2().updateTableDataRecord(rowKey, record),
-    getPagination: () => getTableInstance2().getPagination()
-  };
-  return [registerTable, methods];
-}
-const _hoisted_1$8 = ["onClick"];
-const _hoisted_2$2 = {
-  key: 0,
-  class: "dt-table-action-btn w-8 inline-block"
-};
-const _hoisted_3$2 = { key: 0 };
-const _hoisted_4$2 = { class: "text-13 opacity-80" };
-const _hoisted_5$1 = { class: "dt-table-action-btn w-8 inline-block" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-settings dt-table-action-dropdown cursor-pointer" }, null, -1);
-const _hoisted_8 = { class: "text-13 opacity-90" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "TableAction",
-  props: {
-    fixed: {
-      type: String,
-      default: "right"
-    },
-    expand: {
-      type: Boolean,
-      default: false
-    },
-    expandNum: {
-      type: Number
-    },
-    width: {
-      type: String,
-      default: "70px"
-    },
-    btns: {
-      type: Array,
-      default: () => []
-    },
-    flag: {
-      type: String
-    },
-    record: {
-      type: Object,
-      default: {}
-    },
-    index: {
-      type: Number
-    },
-    authPrefix: {
-      type: String
-    }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const actionBtns = ref([]);
-    const { getVars } = useTheme();
-    const { getUiSize } = useHeader();
-    const getAuth = (auth) => {
-      const { authPrefix } = props2;
-      if (auth && auth.includes(":")) {
-        return auth;
-      } else if (authPrefix && auth) {
-        return `${authPrefix}:${auth}`;
-      }
-      return auth ?? null;
-    };
-    const { appConf } = useAppStore();
-    const getExpandNum = computed(() => {
-      return props2.expandNum || appConf?.ui?.table?.expandNum;
-    });
-    const showMore = computed(() => {
-      if (!unref(getExpandNum)) {
-        return false;
-      }
-      let allAuths = getLocal(CacheKey.AUTHS);
-      let remainBtnNum = unref(actionBtns).length - unref(getExpandNum);
-      let remainBtn = takeRight(unref(actionBtns), remainBtnNum);
-      return remainBtn.filter((it) => {
-        if (it.ifShow) {
-          return it.auth ? allAuths.includes(getAuth(it.auth)) : true;
-        }
-        return false;
-      }).length;
-    });
-    function handleAction(it) {
-      if (isFunction(it.onClick)) {
-        it.onClick(props2.record, props2.index);
-      }
-    }
-    const attrs = useAttrs();
-    function getPopupContainer$1() {
-      return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : getPopupContainer();
-    }
-    const getLabel = (it, record) => {
-      const label = isFunction(it.label) ? it.label(record) : it.label;
-      const enLabel = isFunction(it.enLabel) ? it.enLabel(record) : it.enLabel;
-      if (!unref(getIsZH)) {
-        return enLabel || label;
-      }
-      return label;
-    };
-    watch(
-      () => [
-        unref(props2.btns),
-        unref(props2.record)
-      ],
-      ([btns]) => {
-        actionBtns.value = btns.map((it) => {
-          return {
-            ...it,
-            ifShow: isBoolean(it.show) ? it.show : isFunction(it.show) ? it.show(props2.record) : true,
-            icon: () => isFunction(it.icon) ? it.icon(props2.record) : it.icon,
-            label: () => getLabel(it, props2.record)
-          };
-        });
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_AMenuItem = MenuItem;
-      const _component_AMenu = Menu;
-      const _component_ADropdown = Dropdown;
-      const _component_ATooltip = Tooltip;
-      const _directive_auth = resolveDirective("auth");
-      return props2.expand ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([unref(getExpandNum) ? "dt-expand-has-collapse" : "", "dt-table-action"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionBtns), (item, index) => {
-          return openBlock(), createElementBlock(Fragment, { key: index }, [
-            item.ifShow && unref(getExpandNum) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              index < unref(getExpandNum) ? withDirectives((openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["dt-table-action-btn w-8 inline-block", `text-${unref(getUiSize)}`]),
-                onClick: ($event) => handleAction(item)
-              }, [
-                createTextVNode(toDisplayString(item.label()), 1)
-              ], 10, _hoisted_1$8)), [
-                [_directive_auth, getAuth(item.auth)]
-              ]) : createCommentVNode("", true),
-              index >= unref(getExpandNum) && index === unref(actionBtns).length - 1 ? (openBlock(), createBlock(_component_ADropdown, {
-                key: 1,
-                "get-popup-container": getPopupContainer$1,
-                trigger: ["click"],
-                destroyPopupOnHide: true
-              }, {
-                overlay: withCtx(() => [
-                  createVNode(_component_AMenu, { class: "dt-action-select flex flex-col" }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionBtns), (item1, index1) => {
-                        return openBlock(), createElementBlock(Fragment, null, [
-                          index1 >= unref(getExpandNum) && item1.ifShow ? withDirectives((openBlock(), createElementBlock("span", _hoisted_3$2, [
-                            createVNode(_component_AMenuItem, {
-                              onClick: ($event) => handleAction(item1)
-                            }, {
-                              default: withCtx(() => [
-                                createElementVNode("span", _hoisted_4$2, toDisplayString(item1.label()), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["onClick"])
-                          ])), [
-                            [_directive_auth, getAuth(item1.auth)]
-                          ]) : createCommentVNode("", true)
-                        ], 64);
-                      }), 256))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: withCtx(() => [
-                  unref(showMore) ? (openBlock(), createElementBlock("span", _hoisted_2$2, " \u66F4\u591A ")) : createCommentVNode("", true)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ], 64)) : createCommentVNode("", true),
-            item.ifShow && !unref(getExpandNum) ? (openBlock(), createBlock(_component_ATooltip, {
-              key: 1,
-              placement: "bottom"
-            }, {
-              title: withCtx(() => [
-                createTextVNode(toDisplayString(item.label()), 1)
-              ]),
-              default: withCtx(() => [
-                createElementVNode("span", _hoisted_5$1, [
-                  createElementVNode("i", {
-                    class: normalizeClass(["i cursor-pointer", item.icon()]),
-                    style: normalizeStyle({
-                      color: item.color || unref(getVars).token.colorPrimary
-                    }),
-                    onClick: ($event) => handleAction(item)
-                  }, null, 14, _hoisted_6)
-                ])
-              ]),
-              _: 2
-            }, 1024)) : createCommentVNode("", true)
-          ], 64);
-        }), 128))
-      ], 2)) : (openBlock(), createBlock(_component_ADropdown, {
-        key: 1,
-        "get-popup-container": getPopupContainer$1,
-        trigger: ["click"]
-      }, {
-        overlay: withCtx(() => [
-          createVNode(_component_AMenu, {
-            class: normalizeClass(["dt-table-action flex flex-col", `dt-table-action-${unref(getUiSize)}`])
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionBtns), (item) => {
-                return withDirectives((openBlock(), createElementBlock("span", null, [
-                  item.ifShow ? (openBlock(), createBlock(_component_AMenuItem, {
-                    key: 0,
-                    onClick: ($event) => handleAction(item)
-                  }, {
-                    default: withCtx(() => [
-                      createElementVNode("i", {
-                        class: normalizeClass(["i text-base opacity-90 pr-2", item.icon()])
-                      }, null, 2),
-                      createElementVNode("span", _hoisted_8, toDisplayString(item.label()), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"])) : createCommentVNode("", true)
-                ])), [
-                  [_directive_auth, getAuth(item.auth)]
-                ]);
-              }), 256))
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        default: withCtx(() => [
-          _hoisted_7
-        ]),
-        _: 1
-      }));
-    };
-  }
-});
-const tableKey = Symbol("dt-page");
-function createTableInstance(instance) {
-  provide(tableKey, instance);
-}
-function getTableInstance() {
-  return inject(tableKey);
-}
-const componentMap = /* @__PURE__ */ new Map();
-componentMap.set("Input", Input);
-componentMap.set("InputNumber", InputNumber);
-componentMap.set("Select", Select);
-componentMap.set("TreeSelect", TreeSelect);
-componentMap.set("Switch", Switch);
-componentMap.set("Checkbox", Checkbox);
-componentMap.set("DatePicker", DatePicker);
-componentMap.set("TimePicker", TimePicker);
-const CellComponent = ({
-  component = "Input",
-  rule = true,
-  ruleMessage,
-  popoverVisible,
-  getPopupContainer: getPopupContainer2
-}, { attrs }) => {
-  const Comp = componentMap.get(component);
-  if (["Radio", "Checkbox"].includes(attrs.component)) {
-    attrs.class += " ROB";
-  }
-  const DefaultComp = h(Comp, attrs);
-  if (!rule)
-    return DefaultComp;
-  return h(
-    Popover,
-    {
-      overlayClassName: "edit-cell-rule-popover",
-      visible: !!popoverVisible,
-      ...getPopupContainer2 ? { getPopupContainer: getPopupContainer2 } : {}
-    },
-    {
-      default: () => DefaultComp,
-      content: () => ruleMessage
-    }
-  );
-};
-const basicProps = {
-  value: {
-    type: [String, Number, Boolean, Object],
-    default: ""
-  },
-  record: {
-    type: Object
-  },
-  column: {
-    type: Object,
-    default: () => ({})
-  },
-  index: Number
-};
-const _hoisted_1$7 = { class: "editable-cell" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "EditTableCell",
-  props: basicProps,
-  setup(__props) {
-    const props2 = __props;
-    const { getUiSize } = useHeader();
-    const { t } = useI18n("UI");
-    const { editRule, align = "left" } = props2.column;
-    const table = getTableInstance();
-    const ruleMessage = ref("");
-    const ruleVisible = ref(false);
-    const optionsRef = ref([]);
-    const currentValueRef = ref(props2.value);
-    const getComponent = computed(() => props2.column?.editComponent || "Input");
-    const getRuleVisible = computed(() => {
-      return unref(ruleMessage) && unref(ruleVisible);
-    });
-    const getWrapperClass = computed(() => {
-      return `edit-cell-align-${align}`;
-    });
-    const getIsCheckComp = computed(() => {
-      const component = unref(getComponent);
-      return ["Checkbox", "Switch"].includes(component);
-    });
-    const createPlaceholderMessage = (component) => {
-      if (component.includes("Input")) {
-        return t("PLEASE_INPUT");
-      }
-      return t("PLEASE_SELECT");
-    };
-    const setTableValue = () => {
-      props2.record[props2.column.dataIndex] = unref(currentValueRef);
-    };
-    const getComponentProps = computed(() => {
-      const isCheckValue = unref(getIsCheckComp);
-      const valueField = isCheckValue ? "checked" : "value";
-      const val = unref(currentValueRef);
-      let compProps = props2.column?.editComponentProps ?? {};
-      const { record, column, index } = props2;
-      if (isFunction(compProps)) {
-        compProps = compProps({ text: val, record, column, index }) ?? {};
-      }
-      if (unref(getComponent) === "InputNumber") {
-        compProps = {
-          formatter: (value) => `${value}`.replace(/[1-9]\d{0,2}(?=(\d{3})+$)/g, "$&,"),
-          parser: (value) => value.replace(/\$\s?|(,*)/g, ""),
-          ...compProps
-        };
-      }
-      return {
-        size: "small",
-        dropdownClassName: unref(getUiSize),
-        getPopupContainer: () => document.body,
-        placeholder: createPlaceholderMessage(unref(getComponent)),
-        ...compProps,
-        [valueField]: val
-      };
-    });
-    async function handleChange(e) {
-      const component = unref(getComponent);
-      if (component === "Checkbox") {
-        currentValueRef.value = e.target.checked;
-      } else if (e?.target && Reflect.has(e.target, "value")) {
-        currentValueRef.value = e.target.value;
-      } else {
-        currentValueRef.value = e;
-      }
-      const onChange = unref(getComponentProps)?.onChange;
-      if (onChange && isFunction(onChange))
-        onChange(...arguments, props2);
-      setTableValue();
-      table.emits?.("edit-change", {
-        column: props2.column,
-        value: unref(currentValueRef),
-        record: toRaw(props2.record),
-        index: props2.index
-      });
-      handleSubmitRule();
-    }
-    async function handleSubmitRule() {
-      const { column, record } = props2;
-      const { editRule: editRule2 } = column;
-      const currentValue = unref(currentValueRef);
-      if (editRule2) {
-        if (isBoolean(editRule2) && !currentValue && !isNumber(currentValue)) {
-          ruleVisible.value = true;
-          const component = unref(getComponent);
-          ruleMessage.value = createPlaceholderMessage(component);
-          return false;
-        }
-        if (isFunction(editRule2)) {
-          const res = await editRule2(currentValue, record);
-          if (!!res) {
-            ruleMessage.value = res;
-            ruleVisible.value = true;
-            return false;
-          }
-        }
-      }
-      ruleMessage.value = "";
-      return true;
-    }
-    function handleOptionsChange(options) {
-      optionsRef.value = options;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createVNode(unref(CellComponent), mergeProps({ ref: "elRef" }, unref(omit)(unref(getComponentProps), "onChange"), {
-          component: _ctx.column?.editComponent,
-          popoverVisible: unref(getRuleVisible),
-          rule: unref(editRule),
-          ruleMessage: unref(ruleMessage),
-          class: unref(getWrapperClass),
-          onChange: handleChange,
-          onOptionsChange: handleOptionsChange
-        }), null, 16, ["component", "popoverVisible", "rule", "ruleMessage", "class"])
-      ]);
-    };
-  }
-});
-function renderEditCell(column) {
-  return ({ text: value, record, index }) => {
-    record.onValid = async () => {
-      if (isArray(record?.validCbs)) {
-        const validFns = (record?.validCbs || []).map((fn) => fn());
-        const res = await Promise.all(validFns);
-        return res.every((item) => !!item);
-      }
-      return false;
-    };
-    record.onEdit = async (edit, submit = false) => {
-      if (!submit) {
-        record.editable = edit;
-      }
-      if (!edit && submit) {
-        if (!await record.onValid())
-          return false;
-        const res = await record.onSubmitEdit?.();
-        if (res) {
-          record.editable = false;
-          return true;
-        }
-        return false;
-      }
-      if (!edit && !submit) {
-        record.onCancelEdit?.();
-      }
-      return true;
-    };
-    return h(_sfc_main$8, {
-      value,
-      record,
-      column,
-      index
-    });
-  };
-}
-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 handleIndexColumn(propsRef, getPaginationRef, columns) {
-  const { t } = useI18n("UI");
-  const { showIndexColumn, indexColumnProps, isTreeTable, virtual } = 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: unref(getIsZH) ? 50 : 70,
-    title: t("NUMBER"),
-    align: "center",
-    customRender: ({ index, renderIndex, record }) => {
-      if (virtual && record?.index) {
-        return record?.index;
-      }
-      const getPagination = unref(getPaginationRef);
-      const { appConf } = useAppStore();
-      const { defaultPageSize } = appConf.ui.table;
-      if (isBoolean(getPagination)) {
-        return `${index + 1}`;
-      }
-      const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
-    },
-    ...isFixedLeft ? {
-      fixed: "left"
-    } : {},
-    ...indexColumnProps
-  });
-}
-function handleActionColumn(propsRef, columns) {
-  const { appConf } = useAppStore();
-  const { t } = useI18n("UI");
-  const defaultButtons = [
-    {
-      label: t("EDIT"),
-      icon: "mdi:text-box-edit-outline",
-      onClick: (row, index) => {
-        unref(propsRef).onOpenEditDialog(row, index, unref(propsRef).rowKey);
-      }
-    },
-    {
-      label: t("DELETE"),
-      icon: "mdi:delete-outline",
-      onClick: unref(propsRef).onDelete,
-      color: "#ed6f6f"
-    }
-  ];
-  const { operations = defaultButtons, expandActions = false, authPrefix } = unref(propsRef);
-  if (!operations || isObject(operations) && !operations?.btns?.length || isArray(operations) && !operations.length) {
-    return;
-  }
-  const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN);
-  if (hasIndex === -1) {
-    const column = isObject(operations) ? {
-      expand: appConf?.ui?.table?.expandActions,
-      btns: defaultButtons,
-      ...operations
-    } : isArray(operations) ? { expand: appConf?.ui?.table?.expandActions, btns: operations } : {};
-    const expand = column.expand ? column.expand : expandActions;
-    const expandNum = (isObject(operations) ? operations?.expandNum : appConf?.ui?.table?.expandNum) || null;
-    const allAuths = getLocal(CacheKey.AUTHS);
-    const getAuth = (auth) => {
-      if (auth && auth.includes(":")) {
-        return auth;
-      } else if (authPrefix && auth) {
-        return `${authPrefix}:${auth}`;
-      }
-      return auth ?? null;
-    };
-    const getWidth = () => {
-      let w = 0;
-      if (expand) {
-        if (expandNum) {
-          let showMore = false;
-          column.btns.forEach((btn, index) => {
-            if (index < expandNum && (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth)) {
-              w += (unref(getIsZH) ? btn.label.length : btn.enLabel.length) * 14 + 8;
-            } else if (btn.auth && allAuths.includes(getAuth(btn.auth)) || !btn.auth) {
-              showMore = true;
-            }
-          });
-          w += (showMore ? 36 : 0) + 30;
-        } else {
-          w = column.btns.length * 32 + 20;
-        }
-      } else {
-        w = unref(getIsZH) ? 70 : 90;
-      }
-      return w;
-    };
-    const columnObj = {
-      fixed: "right",
-      title: t("ACTIONS"),
-      align: "center",
-      width: `${getWidth()}px`,
-      ...column,
-      expand: expand || column.expand,
-      flag: ACTION_COLUMN
-    };
-    columns.push({
-      ...columnObj,
-      customRender: ({ record, index }) => {
-        return h(
-          _sfc_main$9,
-          omit(
-            {
-              ...columnObj,
-              authPrefix,
-              record,
-              index
-            },
-            "align"
-          )
-        );
-      }
-    });
-  }
-}
-function sortFixedColumn(columns) {
-  const fixedLeftColumn = [];
-  const fixedRightColumn = [];
-  const defaultColumn = [];
-  for (const 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 useColumns(propsRef, getPaginationRef, tableElRef) {
-  const columnsRef = ref(unref(propsRef).columns);
-  let cacheColumns = unref(propsRef).columns;
-  const { appConf } = useAppStore();
-  const getColumnsRef = computed(() => {
-    const columns = cloneDeep(unref(columnsRef));
-    const { ellipsis } = unref(propsRef);
-    columns.forEach((it) => {
-      it.class = it.class ?? "";
-      if (!it.class.split(" ").includes("__column")) {
-        it.class = `${it.class} __column`;
-      }
-      const { customRender, render } = it;
-      if (it.sorter && isBoolean(it.sorter) && appConf?.ui?.table?.multipleSorter) {
-        it.sorter = {
-          multiple: Number(it.sorter)
-        };
-      }
-      handleItem(
-        it,
-        Reflect.has(it, "ellipsis") ? !!it.ellipsis : !!ellipsis && !render && !customRender
-      );
-    });
-    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)).map((column) => {
-      if (column.edit) {
-        column.customRender = renderEditCell(column);
-      }
-      return column;
-    });
-  });
-  function isIfShow(column) {
-    const ifShow = column.show;
-    return isBoolean(ifShow) ? ifShow : isFunction(ifShow) ? ifShow(column) : true;
-  }
-  function addResize() {
-    const { resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
-    const els = unref(tableElRef)?.$el.querySelectorAll(".__column"), scrollBarW = 10;
-    let allWidth = 0, columnAllWidth = 0, noWidthNum = 0, avgWidth = 0;
-    for (let i = 0; i < els?.length; i++) {
-      allWidth += els[i].offsetWidth ?? 0;
-    }
-    columnsRef.value.forEach((it) => {
-      if (isIfShow(it)) {
-        if (it.width) {
-          columnAllWidth += parseInt(`${it.width}`);
-        } else {
-          noWidthNum++;
-        }
-      }
-    });
-    avgWidth = (allWidth - columnAllWidth - scrollBarW) / noWidthNum;
-    columnsRef.value.forEach((it) => {
-      it.width = it.width || Math.round(avgWidth);
-      if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
-        it.resizable = true;
-        it.minWidth = it.minWidth || minWidth;
-        it.maxWidth = it.maxWidth || maxWidth;
-      }
-    });
-  }
-  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(columns) || !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,
-          show: true,
-          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;
-      cacheColumns = [...newColumns];
-    }
-  }
-  function setColumnsByDataIndex(dataIndex, value) {
-    if (!dataIndex || !value) {
-      return;
-    }
-    cacheColumns.forEach((item) => {
-      if (item.dataIndex === dataIndex) {
-        Object.assign(item, value);
-      }
-    });
-    columnsRef.value = [...cacheColumns];
-  }
-  function getCacheColumns() {
-    return cacheColumns;
-  }
-  watch(
-    () => unref(propsRef).columns,
-    (columns) => {
-      columnsRef.value = columns;
-      cacheColumns = columns.filter((it) => !it.flag) ?? [];
-      setTimeout(() => {
-        addResize();
-      });
-    }
-  );
-  return {
-    getViewColumns,
-    getColumnsRef,
-    getColumns,
-    setColumns,
-    setColumnsByDataIndex,
-    getCacheColumns
-  };
-}
-function useCustomRow(propsRef, { setSelectedRowKeys, getSelectedRowKeys, clearSelectedRowKeys, emits }) {
-  const customRow = (record, index) => {
-    return {
-      onClick: (e) => {
-        e?.stopPropagation();
-        function handleClick() {
-          const { rowSelection, rowKey, clickToSelectRow } = unref(propsRef);
-          if (!rowSelection) {
-            return;
-          }
-          const keys = getSelectedRowKeys() || [];
-          const key = record[rowKey];
-          if (!key) {
-            return;
-          }
-          const isCheckbox = rowSelection.type === "checkbox";
-          const isRadio = rowSelection.type === "radio";
-          if (clickToSelectRow) {
-            if (isCheckbox) {
-              if (keys.includes(key)) {
-                setSelectedRowKeys(keys.filter((it) => it !== key));
-              } else {
-                setSelectedRowKeys([...keys, key]);
-              }
-            }
-            if (isRadio) {
-              setSelectedRowKeys([key]);
-            }
-            return;
-          }
-          if (isCheckbox) {
-            const td = e.composedPath?.().find((dom) => dom.tagName === "TD");
-            if (!td) {
-              return;
-            }
-            if (td.querySelector(".ROB") && !clickToSelectRow) {
-              return;
-            }
-            const checkBox = td.querySelector("input[type=checkbox]");
-            if (!checkBox || checkBox.hasAttribute("disabled")) {
-              return;
-            }
-            if (!keys.includes(key)) {
-              setSelectedRowKeys([...keys, key]);
-              return;
-            }
-            const keyIndex = keys.findIndex((item) => item === key);
-            keys.splice(keyIndex, 1);
-            setSelectedRowKeys(keys);
-            return;
-          }
-          if (isRadio) {
-            if (!keys.includes(key)) {
-              if (keys.length) {
-                clearSelectedRowKeys();
-              }
-              setSelectedRowKeys([key]);
-              return;
-            }
-            clearSelectedRowKeys();
-          }
-        }
-        handleClick();
-        emits("row-click", record, index, e);
-      },
-      onDblclick: (event) => {
-        emits("row-dbClick", record, index, event);
-      },
-      onContextmenu: (event) => {
-        emits("row-contextmenu", record, index, event);
-      },
-      onMouseenter: (event) => {
-        emits("row-mouseenter", record, index, event);
-      },
-      onMouseleave: (event) => {
-        emits("row-mouseleave", record, index, event);
-      }
-    };
-  };
-  return {
-    customRow
-  };
-}
-function useDataSource(propsRef, { setPagination, clearSelectedRowKeys }) {
-  const dataSourceRef = ref([]);
-  watch(
-    () => unref(propsRef).dataSource,
-    (dataSource) => {
-      dataSource && (dataSourceRef.value = dataSource);
-    },
-    {
-      immediate: true
-    }
-  );
-  const getDataSourceRef = computed(() => {
-    return markRaw(unref(dataSourceRef));
-  });
-  function handleTableChange(pagination, filters, sorter) {
-    const { sortFn, filterFn, onTableChange: onTableChange2, clearSelectOnPageChange } = unref(propsRef);
-    const { appConf: appConf2 } = useAppStore();
-    const { current = 1, pageSize = appConf2.ui.table.defaultPageSize } = pagination;
-    if (clearSelectOnPageChange) {
-      clearSelectedRowKeys();
-    }
-    setPagination(pagination);
-    const params = {};
-    if (sorter && isFunction(sortFn)) {
-      params.sortInfo = sortFn(sorter);
-    }
-    if (filters && isFunction(filterFn)) {
-      params.filterInfo = filterFn(filters);
-    }
-    return onTableChange2({
-      pagination: {
-        current,
-        pageSize
-      },
-      sort: sorter,
-      filter: toRaw(unref(params.filterInfo)),
-      showBtnLoading: 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
-  );
-  function updateTableDataRecord(rowKey, record) {
-    const row = findTableDataRecord(rowKey);
-    if (row) {
-      for (const field in record) {
-        row[field] = record[field];
-      }
-      return row;
-    }
-  }
-  function findTableDataRecord(rowKey) {
-    if (!dataSourceRef.value || dataSourceRef.value.length == 0 || !rowKey) {
-      return;
-    }
-    const { childrenColumnName = "children" } = unref(propsRef);
-    const findRow = (array) => {
-      let ret;
-      array.some(function iter(r) {
-        if (Reflect.has(r, unref(propsRef).rowKey) && r[unref(propsRef).rowKey] === rowKey) {
-          ret = r;
-          return true;
-        }
-        return r[childrenColumnName] && r[childrenColumnName].some(iter);
-      });
-      return ret;
-    };
-    return findRow(dataSourceRef.value);
-  }
-  return {
-    getDataSourceRef,
-    handleTableChange,
-    updateTableDataRecord,
-    findTableDataRecord
-  };
-}
-const _hoisted_1$6 = { key: 0 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "Fullscreen",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    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 _component_ATooltip = Tooltip;
-      return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
-        title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(unref(t)("FULLSCREEN")), 1)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", {
-            class: "flex",
-            onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
-          }, [
-            createElementVNode("i", {
-              class: normalizeClass(["i w-7 leading-7 text-center cursor-pointer", unref(isFullscreen) ? "ic:baseline-fullscreen-exit" : "ic:baseline-fullscreen"])
-            }, null, 2)
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _hoisted_1$5 = { class: "column-select" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "DownloadCtrl",
-  setup(__props) {
-    const { t } = useI18n("UI");
-    const state = reactive({
-      indeterminate: false,
-      checkAll: false
-    });
-    const modalData = ref([]);
-    const onCheckAllChange = (e) => {
-      modalData.value?.map((it) => it.show = e.target.checked);
-    };
-    const [registerDialog, { closeModal }] = useModal(
-      {
-        width: "60%",
-        title: t("SETTING_EXPORT_COLUMN")
-      },
-      (data) => {
-        modalData.value = data;
-      }
-    );
-    function save() {
-      let columns = unref(modalData)?.filter((it) => it.show);
-      if (!columns.length) {
-        message.error(t("NO_EXPORT_COLUMN"));
-        return;
-      }
-      closeModal(columns);
-    }
-    watch(
-      () => unref(modalData),
-      (v) => {
-        if (isArray(v)) {
-          let showLens = v.filter((it) => it.show).length;
-          Object.assign(state, {
-            checkAll: showLens === v.length,
-            indeterminate: showLens !== v.length && showLens > 0
-          });
-        }
-      },
-      {
-        deep: true
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_ACheckbox = Checkbox$1;
-      const _component_ADivider = Divider;
-      const _component_ACol = Col;
-      const _component_ARow = Row;
-      return openBlock(), createBlock(unref(DtModal), {
-        onRegister: unref(registerDialog),
-        onSave: save
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$5, [
-            createVNode(_component_ACheckbox, {
-              checked: unref(state).checkAll,
-              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => unref(state).checkAll = $event),
-              indeterminate: unref(state).indeterminate,
-              onChange: onCheckAllChange
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("SELECT_ALL")), 1)
-              ]),
-              _: 1
-            }, 8, ["checked", "indeterminate"]),
-            createVNode(_component_ADivider, { dashed: "" }),
-            createVNode(_component_ARow, null, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modalData), (it) => {
-                  return openBlock(), createBlock(_component_ACol, { span: 8 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_ACheckbox, {
-                        checked: it.show,
-                        "onUpdate:checked": ($event) => it.show = $event
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(it.title), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["checked", "onUpdate:checked"])
-                    ]),
-                    _: 2
-                  }, 1024);
-                }), 256))
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }, 8, ["onRegister"]);
-    };
-  }
-});
-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);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "Download",
-  props: {
-    download: {
-      type: [Boolean, Object]
-    }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const table = getTableInstance();
-    const [registerDialog, { openModal }] = useModalOut();
-    const { appConf } = useAppStore();
-    const getPopupContainer$1 = () => document.getElementById("dt-layout-content") || getPopupContainer();
-    const { t } = useI18n("UI");
-    const isInclude = (type) => {
-      return isBoolean(props2.download) && props2.download && appConf?.ui?.table?.exportTable.includes(type) || isArray(props2.download) && props2.download.includes(type);
-    };
-    const showCurrentDownload = computed(() => isInclude("current"));
-    const showSelectedDownload = computed(() => isInclude("select"));
-    const showBackDownload = computed(() => isInclude("all"));
-    function handleTitleClick({ key }) {
-      const { onDownload, columns: allColumns, dataSource } = unref(table.getBind);
-      const excludesFlag = ["ACTION", "CHECKBOX", "RADIO"];
-      const columns = allColumns.filter((it) => !excludesFlag.includes(it.flag));
-      openModal(columns, (selectColumns) => {
-        onDownload({
-          type: key,
-          columns: selectColumns,
-          rows: key === "select" ? table.getSelectRows() : key === "current" ? dataSource : []
-        });
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_AMenuItem = MenuItem;
-      const _component_AMenu = Menu;
-      const _component_ADropdown = Dropdown;
-      const _component_ATooltip = Tooltip;
-      return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
-        title: withCtx(() => [
-          createElementVNode("span", null, toDisplayString(unref(t)("EXPORT")), 1)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_ADropdown, {
-            placement: "bottom",
-            trigger: ["click"],
-            getPopupContainer: getPopupContainer$1
-          }, {
-            overlay: withCtx(() => [
-              createVNode(_component_AMenu, { onClick: handleTitleClick }, {
-                default: withCtx(() => [
-                  unref(showCurrentDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "current" }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_CURRENT_PAGE")), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  unref(showSelectedDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "select" }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_SELECT_COLUMN")), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  unref(showBackDownload) ? (openBlock(), createBlock(_component_AMenuItem, { key: "all" }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(unref(t)("EXPORT_ALL")), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true)
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              _hoisted_1$4
-            ]),
-            _: 1
-          }),
-          createVNode(_sfc_main$6, { onRegister: unref(registerDialog) }, null, 8, ["onRegister"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-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"];
-const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("i", { class: "i ant-design:setting-outlined w-7 leading-7 text-center cursor-pointer" }, null, -1);
-const prefixCls = "column-setting";
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "Column",
-  emits: ["columns-change"],
-  setup(__props, { emit: emits }) {
-    const attrs = useAttrs();
-    const { t } = useI18n("UI");
-    const table = getTableInstance();
-    const defaultRowSelection = omit(table.getRowSelection(), "selectedRowKeys");
-    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?.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;
-    });
-    let inited = false;
-    function handleOpenChange() {
-      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 (isNullOrUnDef(oldIndex) || isNullOrUnDef(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.map((col) => col.value).filter((value) => state.checkedList.includes(value))
-            );
-          }
-        });
-        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() {
-      state.checkedList = [...state.defaultCheckList];
-      state.checkAll = true;
-      plainOptions.value = unref(cachePlainOptions);
-      plainSortOptions.value = unref(cachePlainOptions);
-      setColumns(table.getCacheColumns());
-      sortable.sort(sortableOrder);
-    }
-    function getColumns() {
-      return table.getColumns({
-        ignoreIndex: true,
-        ignoreAction: true
-      }).reduce((ret, it) => {
-        ret.push({
-          label: it.title,
-          value: it.dataIndex || it.title,
-          ...it
-        });
-        return ret;
-      }, []);
-    }
-    function handleColumnFixed(item, fixed) {
-      if (!state.checkedList.includes(item.dataIndex))
-        return;
-      const columns = getColumns();
-      const isFixed = item.fixed === fixed ? false : fixed;
-      const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
-      if (index !== -1) {
-        columns[index].fixed = isFixed;
-      }
-      item.fixed = isFixed;
-      if (isFixed && !item.width) {
-        item.width = 100;
-      }
-      table.setColumnsByDataIndex?.(item.dataIndex, { fixed: isFixed });
-      setColumns(columns);
-    }
-    function setColumns(columns) {
-      table.setColumns(columns);
-      const data = unref(plainSortOptions).map((col) => {
-        const visable = columns.findIndex(
-          (c) => c === col.value || typeof c !== "string" && c.dataIndex === col.value
-        ) !== -1;
-        return { dataIndex: col.value, fixed: col.fixed, visable };
-      });
-      emits("columns-change", data);
-    }
-    function init() {
-      const columns = getColumns();
-      const checkList = table.getColumns({ ignoreAction: true }).map((it) => it.defaultHidden ? "" : it.dataIndex || it.title).filter(Boolean);
-      if (!plainOptions.value.length) {
-        plainOptions.value = columns;
-        plainSortOptions.value = columns;
-        cachePlainOptions.value = cloneDeep(columns);
-        state.defaultCheckList = checkList;
-      } else {
-        unref(plainOptions).forEach(
-          (it) => it.fixed === columns.find((col) => col.dataIndex === it.dataIndex)?.fixed
-        );
-      }
-      state.isInit = true;
-      state.checkedList = checkList;
-    }
-    function getPopupContainer$1() {
-      return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : document.getElementById("dt-layout-content") || getPopupContainer();
-    }
-    return (_ctx, _cache) => {
-      const _component_ACheckbox = Checkbox$1;
-      const _component_AButton = Button;
-      const _component_ATooltip = Tooltip;
-      const _component_ADivider = Divider;
-      const _component_ACheckboxGroup = CheckboxGroup;
-      const _component_APopover = Popover$1;
-      return openBlock(), createBlock(_component_ATooltip, { placement: "top" }, {
-        title: withCtx(() => [
-          createElementVNode("span", null, toDisplayString(unref(t)("COLUMN_CONTROL")), 1)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_APopover, {
-            placement: "bottomLeft",
-            trigger: "click",
-            overlayClassName: `${prefixCls}__cloumn-list`,
-            onOpenChange: handleOpenChange,
-            getPopupContainer: getPopupContainer$1
-          }, {
-            title: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(`${prefixCls}__popover-title flex`)
-              }, [
-                createVNode(_component_ACheckbox, {
-                  indeterminate: unref(indeterminate),
-                  checked: unref(state).checkAll,
-                  "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => unref(state).checkAll = $event),
-                  onChange: onCheckAllChange
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("COLUMN_SHOW")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["indeterminate", "checked"]),
-                createVNode(_component_ACheckbox, {
-                  checked: unref(checkIndex),
-                  "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(checkIndex) ? checkIndex.value = $event : null),
-                  onChange: handleIndexCheckChange
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("INDEX")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["checked"]),
-                createVNode(_component_ACheckbox, {
-                  checked: unref(checkSelect),
-                  "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => isRef(checkSelect) ? checkSelect.value = $event : null),
-                  onChange: handleSelectCheckChange,
-                  disabled: !unref(defaultRowSelection)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("CHECKBOX")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["checked", "disabled"]),
-                createVNode(_component_AButton, {
-                  type: "link",
-                  onClick: reset
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("RESET")), 1)
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ]),
-            content: withCtx(() => [
-              createVNode(_component_ACheckboxGroup, {
-                value: unref(state).checkedList,
-                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(state).checkedList = $event),
-                onChange,
-                ref_key: "columnListRef",
-                ref: columnListRef
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(plainOptions), (item) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: item.value,
-                      class: normalizeClass(`${prefixCls}__check-item flex pt-1 pr-4 pb-2 items-center`)
-                    }, [
-                      _hoisted_1$3,
-                      createVNode(_component_ACheckbox, {
-                        value: item.value
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["value"]),
-                      createVNode(_component_ATooltip, {
-                        placement: "bottomLeft",
-                        mouseLeaveDelay: 0.4,
-                        getPopupContainer: getPopupContainer$1
-                      }, {
-                        title: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(t)("FIXED_TO_LEFT")), 1)
-                        ]),
-                        default: withCtx(() => [
-                          createElementVNode("span", {
-                            class: normalizeClass({
-                              disabled: !unref(state).checkedList.includes(item.value),
-                              active: item.fixed === "left"
-                            })
-                          }, [
-                            createElementVNode("i", {
-                              class: normalizeClass(["i mdi:arrow-collapse-left cursor-pointer", `${prefixCls}__fixed-left`]),
-                              onClick: ($event) => handleColumnFixed(item, "left")
-                            }, null, 10, _hoisted_2$1)
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1024),
-                      createVNode(_component_ADivider, { type: "vertical" }),
-                      createVNode(_component_ATooltip, {
-                        placement: "bottomLeft",
-                        mouseLeaveDelay: 0.4,
-                        getPopupContainer: getPopupContainer$1
-                      }, {
-                        title: withCtx(() => [
-                          createTextVNode(toDisplayString(unref(t)("FIXED_TO_RIGHT")), 1)
-                        ]),
-                        default: withCtx(() => [
-                          createElementVNode("span", {
-                            class: normalizeClass({
-                              disabled: !unref(state).checkedList.includes(item.value),
-                              active: item.fixed === "right"
-                            })
-                          }, [
-                            createElementVNode("i", {
-                              class: normalizeClass(["i mdi:arrow-collapse-right cursor-pointer", `${prefixCls}__fixed-right`]),
-                              onClick: ($event) => handleColumnFixed(item, "right")
-                            }, null, 10, _hoisted_3$1)
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ], 2);
-                  }), 128))
-                ]),
-                _: 1
-              }, 8, ["value"])
-            ]),
-            default: withCtx(() => [
-              _hoisted_4$1
-            ]),
-            _: 1
-          }, 8, ["overlayClassName"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const _hoisted_1$2 = { class: "flex dt-table-setting" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    setting: {
-      type: [Object, Boolean],
-      default: () => ({})
-    }
-  },
-  emits: ["columns-change"],
-  setup(__props, { emit: emits }) {
-    const props2 = __props;
-    const getSetting = computed(() => {
-      return {
-        download: true,
-        setting: true,
-        fullscreen: true,
-        ...isBoolean(props2.setting) && props2.setting === true ? {} : props2.setting
-      };
-    });
-    function handleColumnChange(data) {
-      emits("columns-change", data);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        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("", true),
-        unref(getSetting).fullscreen ? (openBlock(), createBlock(_sfc_main$7, { key: 2 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-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 gap-3" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-  key: 0,
-  class: "border dt-table-header-top text-12 bg-gray-100 mt-1 py-1 px-3 border-dashed"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "TableHeader",
-  props: {
-    tableSetting: {
-      type: [Object, Boolean]
-    },
-    toolbar: {
-      type: Array,
-      default: () => []
-    },
-    authPrefix: {
-      type: String
-    }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const getActionsProps = {
-      mode: "dialog",
-      showAdvancedButton: false,
-      show: true,
-      buttonList: props2.toolbar,
-      authPrefix: props2.authPrefix
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            getActionsProps?.buttonList.length ? (openBlock(), createBlock(unref(DtFormButtons), normalizeProps(mergeProps({ key: 0 }, getActionsProps)), null, 16)) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "toolbar")
-          ]),
-          __props.tableSetting ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            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("", true)
-      ]);
-    };
-  }
-});
-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", auth: "add", onClick: unref(propsRef).onOpenAddDialog },
-      { t: "\u5220\u9664", label: t("DELETE"), preIcon: "mdi:delete-outline", auth: "delete", onClick: unref(propsRef).onDeletes }
-    ];
-    const { tableSetting, toolbar = TABLE_TOOLS, authPrefix } = unref(propsRef);
-    const hideTitle = (!toolbar || !toolbar.filter((it) => it.show ?? true).length) && !slots.toolbar && !slots.headerTop && !tableSetting;
-    return {
-      title: hideTitle ? null : () => h(
-        _sfc_main$2,
-        {
-          tableSetting,
-          toolbar,
-          authPrefix,
-          onColumnsChange: handlers.onColumnsChange
-        },
-        {
-          ...slots.toolbar ? {
-            toolbar: () => getSlot(slots, "toolbar")
-          } : {},
-          ...slots.headerTop ? {
-            headerTop: () => getSlot(slots, "headerTop")
-          } : {}
-        }
-      )
-    };
-  });
-  return {
-    getHeaderProps
-  };
-}
-function useLoading(props2) {
-  const loadingRef = ref(unref(props2).loading);
-  watch(
-    () => unref(props2).loading,
-    (loading) => {
-      loadingRef.value = loading;
-    }
-  );
-  const getLoading = computed(() => unref(loadingRef));
-  function setLoading(loading) {
-    loadingRef.value = loading;
-  }
-  return {
-    getLoading,
-    setLoading
-  };
-}
-function usePagination(props2) {
-  const { t } = useI18n("UI");
-  const paginationRef = ref();
-  watch(
-    () => unref(props2).pagination,
-    (pagination) => {
-      if (!isBoolean(pagination) && pagination) {
-        paginationRef.value = {
-          ...unref(paginationRef),
-          ...pagination ?? {}
-        };
-      }
-    }
-  );
-  const getPaginationInfo = computed(() => {
-    let { pagination } = unref(props2);
-    if (isBoolean(pagination) && !pagination) {
-      return false;
-    }
-    if (!pagination) {
-      pagination = {
-        pageSize: useAppStore().appConf.ui.table.defaultPageSize,
-        current: 1
-      };
-    }
-    const { defaultPageSize, pageSizeOptions } = {
-      ...useAppStore().appConf.ui.table,
-      ...pagination
-    };
-    return {
-      current: 1,
-      pageSize: defaultPageSize,
-      defaultPageSize,
-      showTotal: (total, range) => t("TOTAL_PAGE", { total }),
-      showSizeChanger: true,
-      pageSizeOptions,
-      showQuickJumper: true,
-      class: `dt-pagination`,
-      ...isBoolean(pagination) ? {} : pagination,
-      ...unref(paginationRef)
-    };
-  });
-  function setPagination(info) {
-    const paginationInfo = unref(getPaginationInfo);
-    paginationRef.value = {
-      ...!isBoolean(paginationInfo) ? paginationInfo : {},
-      ...info
-    };
-  }
-  function getPagination() {
-    return unref(getPaginationInfo);
-  }
-  return {
-    getPaginationInfo,
-    setPagination,
-    getPagination
-  };
-}
-const DEFAULT_CONFIG = {
-  id: "id",
-  children: "children",
-  pid: "pid"
-};
-function useRowSelection(propsRef, emit) {
-  const selectedRowKeysRef = ref([]);
-  const selectedRowRef = ref([]);
-  const getRowSelectionRef = computed(() => {
-    const { rowSelection, showCheckboxColumn, checkStrictly } = unref(propsRef);
-    if (!rowSelection && !showCheckboxColumn) {
-      return null;
-    }
-    if (isBoolean(showCheckboxColumn)) {
-      if (showCheckboxColumn && rowSelection) {
-        rowSelection.type = "checkbox";
-      } else {
-        return null;
-      }
-    }
-    return {
-      checkStrictly,
-      selectedRowKeys: unref(selectedRowKeysRef),
-      onChange: (selectedRowKeys) => setSelectedRowKeys(selectedRowKeys),
-      ...omit(rowSelection, ["onChange"])
-    };
-  });
-  function findeNodeAll(tree, func, config = {}) {
-    const _config = Object.assign({}, DEFAULT_CONFIG, config), result = [], list = [...tree];
-    for (const node of list) {
-      func(node) && result.push(node);
-      node[_config?.children] && list.push(...node[_config?.children]);
-    }
-    return result;
-  }
-  function setSelectedRowKeys(rowKeys) {
-    selectedRowKeysRef.value = rowKeys;
-    const allSelectedRows = findeNodeAll(
-      toRaw(unref(propsRef).dataSource).concat(toRaw(unref(selectedRowRef))),
-      (item) => rowKeys.includes(item[unref(propsRef).rowKey]),
-      {
-        children: propsRef.value.childrenColumnName ?? "children"
-      }
-    );
-    const trueSelectedRows = [];
-    rowKeys.forEach((key) => {
-      const found = allSelectedRows.find((item) => item[unref(propsRef).rowKey] === key);
-      found && trueSelectedRows.push(found);
-    });
-    selectedRowRef.value = trueSelectedRows;
-  }
-  function clearSelectedRowKeys() {
-    selectedRowKeysRef.value = [];
-    selectedRowRef.value = [];
-  }
-  function getRowSelection() {
-    return unref(getRowSelectionRef);
-  }
-  function getSelectedRowKeys() {
-    return unref(selectedRowKeysRef);
-  }
-  function getSelectRows() {
-    return unref(selectedRowRef);
-  }
-  watch(
-    () => unref(propsRef).rowSelection?.selectedRowKeys,
-    (v) => {
-      setSelectedRowKeys(v);
-    }
-  );
-  watch(
-    () => unref(selectedRowKeysRef),
-    () => {
-      nextTick(() => {
-        const { rowSelection } = unref(propsRef);
-        if (rowSelection) {
-          const { onChange } = rowSelection;
-          if (onChange && isFunction(onChange)) {
-            onChange(getSelectedRowKeys(), getSelectRows());
-          }
-        }
-        emit("selection-change", {
-          keys: getSelectedRowKeys(),
-          rows: getSelectRows()
-        });
-      });
-    },
-    { deep: true }
-  );
-  return {
-    getRowSelectionRef,
-    clearSelectedRowKeys,
-    getRowSelection,
-    getSelectedRowKeys,
-    getSelectRows,
-    setSelectedRowKeys
-  };
-}
-function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
-  const getScrollX = computed(() => {
-    let width = 0;
-    if (unref(rowSelectionRef)) {
-      width += 50;
-    }
-    const NORMAL_WIDTH = 120;
-    const columns = unref(columnsRef).filter((item) => !item.defaultHidden);
-    columns.forEach((item) => {
-      width += Number.parseInt(item.width) || NORMAL_WIDTH;
-    });
-    const table = unref(tableElRef);
-    const tableWidth = table?.$el?.offsetWidth ?? 0;
-    return tableWidth > width ? "100%" : width;
-  });
-  const getScrollRef = computed(() => {
-    const { scroll } = unref(propsRef);
-    return {
-      x: unref(getScrollX),
-      y: "100%",
-      scrollToFirstRowOnChange: false,
-      ...scroll
-    };
-  });
-  return {
-    getScrollRef
-  };
-}
-function useTableStyle(propsRef) {
-  function getRowClassName(record, index) {
-    const { striped, rowClassName } = unref(propsRef);
-    const classNames = [];
-    if (striped) {
-      classNames.push(index % 2 === 1 ? "table-striped" : "");
-    }
-    if (rowClassName && isFunction(rowClassName)) {
-      classNames.push(rowClassName(record, index));
-    }
-    return classNames.filter((cls) => !!cls).join(" ");
-  }
-  return {
-    getRowClassName
-  };
-}
-const props = {
-  column: Object,
-  record: Object,
-  index: Number
-};
-const _sfc_main$1 = {
-  name: "TableRender",
-  props,
-  setup(props2, {}) {
-    let renderText = ref(null);
-    watch(() => [props2.record, props2.column], (v) => {
-      if (v) {
-        renderCell();
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    function renderCell() {
-      const {
-        column,
-        record,
-        index
-      } = props2;
-      const {
-        render,
-        dataIndex
-      } = column;
-      const text = record[dataIndex.toString()];
-      if (isObject(render)) {
-        const {
-          dict,
-          date,
-          number,
-          percent,
-          struc,
-          tag,
-          link
-        } = render;
-        if (struc) {
-          const {
-            appConf
-          } = useAppStore();
-          let apiStruc = appConf.structure[struc];
-          if (!apiStruc) {
-            error(`${struc}\u672A\u5728structure\u4E2D\u914D\u7F6E`);
-          } else {
-            renderText = computed(() => getDictValueByCode(text, apiStruc));
-          }
-        } else if (dict) {
-          renderText = computed(() => getDictValueByCode(text, dict));
-        } else if (date) {
-          renderText.value = (text && dayjs(text).format(date || "YYYY-MM-DD")) ?? "";
-        } else if (number) {
-          renderText.value = formatNumber(text, number);
-        } else if (percent) {
-          renderText.value = formatNumber((text || 0) * 100, percent) + "%";
-        } else if (tag && isFunction(tag)) {
-          renderText.value = createVNode(Tag, {
-            "color": tag(record).color
-          }, {
-            default: () => [tag(record).text]
-          });
-        } else if (link) {
-          let txt = link.text ?? text;
-          renderText.value = createVNode("a", {
-            "class": "primary-color-link",
-            "onClick": () => link(record, index)
-          }, [txt]);
-        } else if (isVnode(render)) {
-          renderText.value = createVNode(Fragment, null, [createTextVNode(" "), render, createTextVNode(" ")]);
-        } else if (render.setup) {
-          renderText.value = createVNode(render, {
-            ...record,
-            text
-          });
-        }
-      } else if (isFunction(render)) {
-        let afterRenderData = render(record, index, text);
-        if (afterRenderData.__v_isRef) {
-          renderText = afterRenderData;
-        } else if (afterRenderData.setup) {
-          renderText.value = createVNode(afterRenderData, {
-            ...record,
-            text
-          });
-        } else {
-          renderText.value = isVnode(afterRenderData) ? createVNode(Fragment, null, [afterRenderData]) : afterRenderData;
-        }
-      } else {
-        renderText.value = unref(text);
-      }
-    }
-    return () => createVNode("span", null, [unref(renderText)]);
-  }
-};
-const DEFAULT_SORT_FN = (sortInfo) => {
-  const { field, order } = sortInfo;
-  return field && order ? { field, order } : {};
-};
-const TableProps = {
-  autoFetch: { type: Boolean, default: false },
-  authPrefix: { type: String },
-  clickToSelectRow: { type: Boolean, default: false },
-  tableSetting: { type: [Boolean, Object], default: () => ({}) },
-  striped: { type: Boolean, default: true },
-  clearSelectOnPageChange: { type: Boolean, default: false },
-  resizable: { type: Boolean, default: true },
-  minWidth: { type: Number },
-  maxWidth: { type: Number },
-  virtual: { type: Boolean, default: false },
-  sortFn: { type: Function, default: DEFAULT_SORT_FN },
-  defSort: { type: Object, default: null },
-  filterFn: {
-    type: Function,
-    default: (data) => {
-      return data;
-    }
-  },
-  rowKey: {
-    type: [String, Number],
-    default: "id"
-  },
-  columnCode: { type: String, default: "" },
-  columns: { type: [Array], default: () => [] },
-  slotsTemplate: { type: Object, default: () => ({}) },
-  showIndexColumn: { type: Boolean, default: false },
-  showCheckboxColumn: { type: Boolean, default: true },
-  expandActions: { type: Boolean, default: false },
-  ellipsis: { type: Boolean, default: true },
-  dataSource: { type: Array, default: null },
-  bordered: { type: Boolean, default: true },
-  pagination: {
-    type: [Object, Boolean],
-    default: null
-  },
-  loading: { type: Boolean, default: false },
-  rowClassName: { type: Function },
-  scroll: {
-    type: Object,
-    default: {}
-  },
-  onTableChange: {
-    type: Function,
-    default: () => ({})
-  },
-  onDownload: {
-    type: Function,
-    default: (excelData) => ({})
-  },
-  rowSelection: {
-    type: Object,
-    default: {
-      type: "checkbox",
-      fixed: true
-    }
-  },
-  customRow: { type: Function, default: () => ({}) },
-  childrenColumnName: { type: String, default: "children" },
-  defaultExpandAllRows: { type: Boolean, default: false },
-  defaultExpandedRowKeys: { type: [Array], default: () => [] },
-  expandedRowKeys: { type: [Array], default: () => [] },
-  expandFixed: { type: [Boolean, String], default: false },
-  expandRowByClick: { type: Boolean, default: false },
-  indentSize: { type: Number, default: 15 },
-  indexColumnProps: { type: [Array], default: () => [] },
-  isTreeTable: { type: Boolean, default: false },
-  checkStrictly: { type: Boolean, default: false },
-  operations: { type: Object },
-  toolbar: { type: Array },
-  registerInstance: {
-    type: Function
-  },
-  onSearch: {
-    type: Function,
-    default: (params) => {
-    }
-  },
-  onOpenAddDialog: {
-    type: Function,
-    default: (params) => ({})
-  },
-  onOpenEditDialog: {
-    type: Function,
-    default: (row, index) => ({})
-  },
-  onDelete: {
-    type: Function,
-    default: (row, index) => ({})
-  },
-  onDeletes: {
-    type: Function,
-    default: (params) => ({})
-  }
-};
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("span", { class: "block pb-2" }, "\u62B1\u6B49, \u627E\u4E0D\u5230\u60A8\u60F3\u8981\u7684\u6570\u636E~", -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: TableProps,
-  emits: [
-    "register",
-    "selection-change",
-    "columns-change",
-    "row-click",
-    "row-dbClick",
-    "row-contextmenu",
-    "row-mouseenter",
-    "row-mouseleave",
-    "edit-change"
-  ],
-  setup(__props, { emit: emits }) {
-    const props2 = __props;
-    const tableElRef = ref(null);
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const innerPropsRef = ref();
-    const getProps = computed(() => {
-      return { ...props2, ...unref(innerPropsRef) };
-    });
-    const { getRowClassName } = useTableStyle(getProps);
-    const tableCls = computed(() => {
-      return ["dt-table", "box-border", { "dt-table-no-pagation": !unref(getProps).pagination }];
-    });
-    const { getLoading, setLoading } = useLoading(getProps);
-    const { getPaginationInfo, setPagination, getPagination } = usePagination(getProps);
-    const {
-      getViewColumns,
-      getColumnsRef,
-      getColumns,
-      setColumns,
-      setColumnsByDataIndex,
-      getCacheColumns
-    } = useColumns(getProps, getPaginationInfo, tableElRef);
-    const {
-      getRowSelectionRef,
-      clearSelectedRowKeys,
-      getRowSelection,
-      getSelectRows,
-      getSelectedRowKeys,
-      setSelectedRowKeys
-    } = useRowSelection(getProps, emits);
-    const { getScrollRef } = useTableScroll(
-      getProps,
-      tableElRef,
-      getColumnsRef,
-      getRowSelectionRef
-    );
-    const handlers = {
-      onColumnsChange: (data) => {
-        emits("columns-change", data);
-        unref(getProps).onColumnsChange?.(data);
-      }
-    };
-    const { getHeaderProps } = useTableHeader(getProps, slots, handlers);
-    const { customRow } = useCustomRow(getProps, {
-      setSelectedRowKeys,
-      getSelectedRowKeys,
-      clearSelectedRowKeys,
-      emits
-    });
-    const { getDataSourceRef, handleTableChange, findTableDataRecord, updateTableDataRecord } = useDataSource(
-      getProps,
-      {
-        setPagination,
-        clearSelectedRowKeys
-      }
-    );
-    const getBind = computed(() => {
-      return {
-        ...attrs,
-        ...unref(getProps),
-        ...unref(getHeaderProps),
-        scroll: unref(getScrollRef),
-        loading: unref(getLoading),
-        dataSource: unref(getDataSourceRef),
-        pagination: toRaw(unref(getPaginationInfo)),
-        rowSelection: unref(getRowSelectionRef),
-        rowKey: unref(getProps).rowKey,
-        columns: unref(getViewColumns),
-        tableLayout: "fixed",
-        class: unref(tableCls),
-        customRow,
-        onChange: handleTableChange,
-        ...unref(getProps).resizable ? {
-          onResizeColumn: (w, col) => {
-            col.width = w;
-            setColumnsByDataIndex(`${col.dataIndex}`, col);
-          }
-        } : {}
-      };
-    });
-    function setProps(props22) {
-      let allProps = {
-        ...unref(innerPropsRef),
-        ...props22
-      };
-      if (isObject(props22.tableSetting)) {
-        let historyTableSetting = unref(innerPropsRef)?.tableSetting;
-        allProps.tableSetting = {
-          ...isBoolean(historyTableSetting) ? {} : historyTableSetting,
-          ...props22.tableSetting
-        };
-      }
-      innerPropsRef.value = allProps;
-    }
-    const tableAction = {
-      setProps,
-      setLoading,
-      clearSelectedRowKeys,
-      getSelectRows,
-      getSelectedRowKeys,
-      setSelectedRowKeys,
-      getRowSelection,
-      getColumns,
-      setColumns,
-      setColumnsByDataIndex,
-      getCacheColumns,
-      findTableDataRecord,
-      updateTableDataRecord,
-      getPagination,
-      emits
-    };
-    createTableInstance({ ...tableAction, tableElRef, getBind, getProps });
-    emits("register", tableAction);
-    if (unref(innerPropsRef)?.registerInstance) {
-      unref(innerPropsRef)?.registerInstance({
-        ...tableAction,
-        rowKey: unref(innerPropsRef).rowKey
-      });
-    }
-    onMounted(() => {
-      if (unref(getProps).autoFetch) {
-        unref(getProps)?.onSearch({});
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_ATable = Table;
-      return openBlock(), createBlock(_component_ATable, mergeProps({
-        ref_key: "tableElRef",
-        ref: tableElRef
-      }, getBind.value, {
-        "row-class-name": unref(getRowClassName),
-        onChange: unref(handleTableChange)
-      }), createSlots({
-        bodyCell: withCtx(({ column, record, index }) => [
-          _ctx.$slots.bodyCell ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({ key: 0 }, { column, record, index }))) : createCommentVNode("", true),
-          column.slot ? renderSlot(_ctx.$slots, column.slot, normalizeProps(mergeProps({ key: 1 }, { column, record, index }))) : createCommentVNode("", true),
-          column.render && !column.slot && !_ctx.$slots.bodyCell ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 2,
-            column,
-            record,
-            index
-          }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
-        ]),
-        emptyText: withCtx(() => [
-          createVNode(unref(Icon), {
-            name: "svg ui-table-empty",
-            size: 250,
-            className: "w-72 m-auto my-5"
-          }),
-          _hoisted_1
-        ]),
-        _: 2
-      }, [
-        renderList(Object.keys(_ctx.$slots), (item) => {
-          return {
-            name: item,
-            fn: withCtx((data) => [
-              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-            ])
-          };
-        })
-      ]), 1040, ["row-class-name", "onChange"]);
-    };
-  }
-});
-export {
-  _sfc_main as DtTable,
-  _sfc_main$2 as DtTableHeader,
-  useTable
-};