@dt-frames/ui 1.0.27 → 1.0.29

package/es/index.js

@@ -2,7 +2,7 @@ import { defineComponent, resolveComponent, openBlock, createBlock, computed, un
 import { isString, isArray as isArray$1, isObject, isFunction, error, useTimeoutFn, useAttrs, useSlots, dispatchResize, BAR_MAP, off, renderThumbStyle, on, useAppStore, addResizeListener, removeResizeListener, windowResizeFn, isNumber, isBoolean, isNull, DtCache, CacheKey, deepMerge, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, useMessage, isEmpty, useTheme, useMenu, useHeader, useGo, Pages, localeList, changeLocale, Theme, MenuMode, MenuType, useThemeStore, ContentMode, useMultipleTab, copyText, MenuSplitTye, isUrl, openWindow, RouteReuseStore, menuList2Map, useApp } from "@dt-frames/core";
 import { InputSearch, Tooltip, Modal as Modal$1, RadioGroup, RadioButton, InputGroup, Input, Button, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Form, FormItem, Row, Popover, Spin, Dropdown, Menu, MenuItem, CheckboxGroup, Table, Upload, Image, MenuDivider, Tree, Empty, BackTop, Breadcrumb, Avatar, Drawer, SubMenu, LayoutHeader, LayoutSider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
 import { isEqual, omit, cloneDeep, upperFirst, set, uniqBy, difference, get, trim } from "lodash-es";
-import { tryOnUnmounted, isFunction as isFunction$1, useFullscreen, useDebounceFn, useThrottleFn } from "@vueuse/core";
+import { tryOnUnmounted, isFunction as isFunction$1, useDebounceFn, useFullscreen, useThrottleFn } from "@vueuse/core";
 import dayjs from "dayjs";
 import Sortablejs from "sortablejs";
 import * as xlsx from "xlsx";
@@ -4498,6 +4498,248 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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);
+  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 tableKey = Symbol("dt-page");
+function createTableInstance(instance) {
+  provide(tableKey, instance);
+}
+function getTableInstance() {
+  return inject(tableKey);
+}
+var _sfc_main$K = defineComponent({
+  name: "EditableCell",
+  components: {
+    Spin,
+    CellComponent
+  },
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object],
+      default: ""
+    },
+    record: {
+      type: Object
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    index: Number
+  },
+  setup(props) {
+    const table = getTableInstance();
+    ref();
+    const {
+      editRule,
+      align = "left"
+    } = props.column;
+    const ruleMessage = ref("");
+    const ruleVisible = ref(false);
+    const optionsRef = ref([]);
+    const currentValueRef = ref(props.value);
+    const getComponent = computed(() => {
+      var _a;
+      return ((_a = props.column) == null ? void 0 : _a.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 "\u8BF7\u8F93\u5165";
+      }
+      return "\u8BF7\u9009\u62E9";
+    };
+    const setTableValue = () => {
+      props.record[props.column.dataIndex] = unref(currentValueRef);
+    };
+    const getComponentProps = computed(() => {
+      var _a, _b, _c;
+      const isCheckValue = unref(getIsCheckComp);
+      const valueField = isCheckValue ? "checked" : "value";
+      const val = unref(currentValueRef);
+      const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
+      let compProps = (_b = (_a = props.column) == null ? void 0 : _a.editComponentProps) != null ? _b : {};
+      const {
+        record,
+        column,
+        index
+      } = props;
+      if (isFunction$1(compProps)) {
+        compProps = (_c = compProps({
+          text: val,
+          record,
+          column,
+          index
+        })) != null ? _c : {};
+      }
+      return {
+        size: "small",
+        getPopupContainer: () => document.body,
+        placeholder: createPlaceholderMessage(unref(getComponent)),
+        ...omit(compProps, "onChange"),
+        [valueField]: value
+      };
+    });
+    async function handleChange(e) {
+      var _a, _b;
+      const component = unref(getComponent);
+      if (!e) {
+        currentValueRef.value = e;
+      } else if (component === "Checkbox") {
+        currentValueRef.value = e.target.checked;
+      } else if (component === "Switch") {
+        currentValueRef.value = e;
+      } else if ((e == null ? void 0 : e.target) && Reflect.has(e.target, "value")) {
+        currentValueRef.value = e.target.value;
+      } else if (isString(e) || isBoolean(e) || isNumber(e)) {
+        currentValueRef.value = e;
+      }
+      const onChange = (_a = unref(getComponentProps)) == null ? void 0 : _a.onChange;
+      if (onChange && isFunction$1(onChange))
+        onChange(...arguments);
+      setTableValue();
+      (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
+        column: props.column,
+        value: unref(currentValueRef),
+        record: toRaw(props.record),
+        index: props.index
+      });
+      handleSubmitRule();
+    }
+    async function handleSubmitRule() {
+      const {
+        column,
+        record
+      } = props;
+      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$1(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 {
+      props,
+      getComponentProps,
+      getRuleVisible,
+      editRule,
+      ruleMessage,
+      getWrapperClass,
+      handleChange,
+      handleOptionsChange
+    };
+  }
+});
+const _hoisted_1$t = { class: "editable-cell" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_CellComponent = resolveComponent("CellComponent");
+  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+    createVNode(_component_CellComponent, mergeProps({ ref: "elRef" }, _ctx.getComponentProps, {
+      component: (_a = _ctx.column) == null ? void 0 : _a.editComponent,
+      popoverVisible: _ctx.getRuleVisible,
+      rule: _ctx.editRule,
+      ruleMessage: _ctx.ruleMessage,
+      class: _ctx.getWrapperClass,
+      onChange: _ctx.handleChange,
+      onOptionsChange: _ctx.handleOptionsChange
+    }), null, 16, ["component", "popoverVisible", "rule", "ruleMessage", "class", "onChange", "onOptionsChange"])
+  ]);
+}
+var EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$3]]);
+function renderEditCell(column) {
+  return ({ text: value, record, index }) => {
+    record.onValid = async () => {
+      if (isArray$1(record == null ? void 0 : record.validCbs)) {
+        const validFns = ((record == null ? void 0 : record.validCbs) || []).map((fn) => fn());
+        const res = await Promise.all(validFns);
+        return res.every((item) => !!item);
+      }
+      return false;
+    };
+    record.onEdit = async (edit, submit = false) => {
+      var _a, _b;
+      if (!submit) {
+        record.editable = edit;
+      }
+      if (!edit && submit) {
+        if (!await record.onValid())
+          return false;
+        const res = await ((_a = record.onSubmitEdit) == null ? void 0 : _a.call(record));
+        if (res) {
+          record.editable = false;
+          return true;
+        }
+        return false;
+      }
+      if (!edit && !submit) {
+        (_b = record.onCancelEdit) == null ? void 0 : _b.call(record);
+      }
+      return true;
+    };
+    return h(EditableCell, {
+      value,
+      record,
+      column,
+      index
+    });
+  };
+}
 const codeMap = /* @__PURE__ */ new Map();
 function useHeaderCode(code, templates = {}, changeColumns) {
   const { appConf } = useAppStore();
@@ -4663,6 +4905,7 @@ const TableProps = {
   ellipsis: { type: Boolean, default: true },
   dataSource: { type: Array, default: null },
   bordered: { type: Boolean, default: true },
+  canResize: { type: Boolean, default: false },
   pagination: {
     type: [Object, Boolean],
     default: {}
@@ -4918,391 +5161,149 @@ function useRowSelection(propsRef, emit) {
   });
   watch(() => unref(selectedRowKeysRef), () => {
     nextTick(() => {
-      const { rowSelection } = unref(propsRef);
-      if (rowSelection) {
-        const { onChange } = rowSelection;
-        if (onChange && isFunction(onChange))
-          onChange(getSelectRowKeys(), getSelectRows());
-      }
-      emit("selection-change", {
-        keys: getSelectRowKeys(),
-        rows: getSelectRows()
-      });
-    });
-  }, { deep: true });
-  function findeNodeAll(tree, func, config = {}) {
-    config = Object.assign({}, DEFAULT_CONFIG, config);
-    const result = [];
-    const list = [...tree];
-    for (const node of list) {
-      func(node) && result.push(node);
-      node.children && list.push(...node.children);
-    }
-    return result;
-  }
-  function setSelectedRowKeys(rowKeys) {
-    var _a;
-    selectedRowKeysRef.value = rowKeys;
-    const allSelectedRows = findeNodeAll(toRaw(unref(propsRef).dataSource).concat(toRaw(unref(selectedRowRef))), (item) => rowKeys.includes(item[unref(propsRef).rowKey]), {
-      children: (_a = propsRef.value.childrenColumnName) != null ? _a : "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 getSelectRowKeys() {
-    return unref(selectedRowKeysRef);
-  }
-  function getSelectRows() {
-    return unref(selectedRowRef);
-  }
-  return {
-    getRowSelectionRef,
-    clearSelectedRowKeys,
-    getRowSelection,
-    getSelectRowKeys,
-    getSelectRows,
-    setSelectedRowKeys
-  };
-}
-var _sfc_main$K = defineComponent({
-  name: "TableFormat",
-  props: {
-    column: {
-      type: Object
-    },
-    record: {
-      type: Object
-    },
-    index: {
-      type: Number
-    }
-  },
-  setup(props) {
-    let renderText = ref();
-    function renderCell() {
-      const {
-        column,
-        record,
-        index
-      } = props;
-      const {
-        render: render2,
-        dataIndex
-      } = column;
-      const text = record[dataIndex.toString()];
-      if (isObject(render2)) {
-        const {
-          dict,
-          date,
-          number,
-          percent,
-          struc
-        } = render2;
-        if (struc) {
-          const {
-            appConf
-          } = useAppStore();
-          let apiStruc = appConf.structure[struc];
-          if (!apiStruc) {
-            error(`${struc}\u672A\u5728structure\u4E2D\u914D\u7F6E`);
-          } else {
-            renderText = getDictValueByCode(text, apiStruc);
-          }
-        }
-        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, index, text);
-        if (afterRenderData.__v_isRef) {
-          renderText = afterRenderData;
-        } else {
-          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);
-}
-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);
-  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
-  });
-};
-var _sfc_main$J = defineComponent({
-  name: "EditableCell",
-  components: {
-    Spin,
-    CellComponent
-  },
-  props: {
-    value: {
-      type: [String, Number, Boolean, Object],
-      default: ""
-    },
-    record: {
-      type: Object
-    },
-    row: Object,
-    column: {
-      type: Object,
-      default: () => ({})
-    },
-    index: Number,
-    dataSource: Array
-  },
-  setup(props) {
-    const table = getTableInstance();
-    ref();
-    const {
-      editRule,
-      align = "left"
-    } = props.column;
-    const ruleMessage = ref("");
-    const ruleVisible = ref(false);
-    const optionsRef = ref([]);
-    const currentValueRef = ref(props.value);
-    const getComponent = computed(() => {
-      var _a;
-      return ((_a = props.column) == null ? void 0 : _a.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 "\u8BF7\u8F93\u5165";
-      }
-      return "\u8BF7\u9009\u62E9";
-    };
-    const setTableValue = () => {
-      props.row[props.column.dataIndex] = unref(currentValueRef);
-    };
-    const getComponentProps = computed(() => {
-      var _a, _b, _c;
-      const isCheckValue = unref(getIsCheckComp);
-      const valueField = isCheckValue ? "checked" : "value";
-      const val = unref(currentValueRef);
-      const value = isCheckValue ? isNumber(val) && isBoolean(val) ? val : !!val : val;
-      let compProps = (_b = (_a = props.column) == null ? void 0 : _a.editComponentProps) != null ? _b : {};
-      const {
-        record,
-        column,
-        index
-      } = props;
-      if (isFunction$1(compProps)) {
-        compProps = (_c = compProps({
-          text: val,
-          record,
-          column,
-          index
-        })) != null ? _c : {};
-      }
-      return {
-        size: "small",
-        getPopupContainer: () => document.body,
-        placeholder: createPlaceholderMessage(unref(getComponent)),
-        ...omit(compProps, "onChange"),
-        [valueField]: value
-      };
-    });
-    async function handleChange(e) {
-      var _a, _b;
-      const component = unref(getComponent);
-      if (!e) {
-        currentValueRef.value = e;
-      } else if (component === "Checkbox") {
-        currentValueRef.value = e.target.checked;
-      } else if (component === "Switch") {
-        currentValueRef.value = e;
-      } else if ((e == null ? void 0 : e.target) && Reflect.has(e.target, "value")) {
-        currentValueRef.value = e.target.value;
-      } else if (isString(e) || isBoolean(e) || isNumber(e)) {
-        currentValueRef.value = e;
+      const { rowSelection } = unref(propsRef);
+      if (rowSelection) {
+        const { onChange } = rowSelection;
+        if (onChange && isFunction(onChange))
+          onChange(getSelectRowKeys(), getSelectRows());
       }
-      const onChange = (_a = unref(getComponentProps)) == null ? void 0 : _a.onChange;
-      if (onChange && isFunction$1(onChange))
-        onChange(...arguments);
-      setTableValue();
-      (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
-        column: props.column,
-        value: unref(currentValueRef),
-        record: toRaw(props.record),
-        index: props.index
+      emit("selection-change", {
+        keys: getSelectRowKeys(),
+        rows: getSelectRows()
       });
-      handleSubmitRule();
+    });
+  }, { deep: true });
+  function findeNodeAll(tree, func, config = {}) {
+    config = Object.assign({}, DEFAULT_CONFIG, config);
+    const result = [];
+    const list = [...tree];
+    for (const node of list) {
+      func(node) && result.push(node);
+      node.children && list.push(...node.children);
     }
-    async function handleSubmitRule() {
+    return result;
+  }
+  function setSelectedRowKeys(rowKeys) {
+    var _a;
+    selectedRowKeysRef.value = rowKeys;
+    const allSelectedRows = findeNodeAll(toRaw(unref(propsRef).dataSource).concat(toRaw(unref(selectedRowRef))), (item) => rowKeys.includes(item[unref(propsRef).rowKey]), {
+      children: (_a = propsRef.value.childrenColumnName) != null ? _a : "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 getSelectRowKeys() {
+    return unref(selectedRowKeysRef);
+  }
+  function getSelectRows() {
+    return unref(selectedRowRef);
+  }
+  return {
+    getRowSelectionRef,
+    clearSelectedRowKeys,
+    getRowSelection,
+    getSelectRowKeys,
+    getSelectRows,
+    setSelectedRowKeys
+  };
+}
+var _sfc_main$J = defineComponent({
+  name: "TableFormat",
+  props: {
+    column: {
+      type: Object
+    },
+    record: {
+      type: Object
+    },
+    index: {
+      type: Number
+    }
+  },
+  setup(props) {
+    let renderText = ref();
+    function renderCell() {
+      var _a;
       const {
         column,
-        record
+        record,
+        index
       } = props;
       const {
-        editRule: editRule2
+        render: render2,
+        dataIndex
       } = 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$1(editRule2)) {
-          const res = await editRule2(currentValue, record);
-          if (!!res) {
-            ruleMessage.value = res;
-            ruleVisible.value = true;
-            return false;
+      const text = record[dataIndex.toString()];
+      if (isObject(render2)) {
+        const {
+          dict,
+          date,
+          number,
+          percent,
+          struc
+        } = render2;
+        if (struc) {
+          const {
+            appConf
+          } = useAppStore();
+          let apiStruc = appConf.structure[struc];
+          if (!apiStruc) {
+            error(`${struc}\u672A\u5728structure\u4E2D\u914D\u7F6E`);
+          } else {
+            renderText = getDictValueByCode(text, apiStruc);
           }
         }
+        if (dict) {
+          renderText = getDictValueByCode(text, dict);
+        }
+        if (date) {
+          renderText.value = (_a = text && dayjs(text).format(date || "YYYY-MM-DD")) != null ? _a : "";
+        }
+        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, index, text);
+        if (afterRenderData.__v_isRef) {
+          renderText = afterRenderData;
+        } else {
+          renderText.value = isVnode(afterRenderData) ? createVNode(Fragment, null, [afterRenderData]) : afterRenderData;
+        }
       }
-      ruleMessage.value = "";
-      return true;
-    }
-    function handleOptionsChange(options) {
-      optionsRef.value = options;
     }
-    return {
-      props,
-      getComponentProps,
-      getRuleVisible,
-      editRule,
-      ruleMessage,
-      getWrapperClass,
-      handleChange,
-      handleOptionsChange
-    };
+    renderCell();
+    return () => createVNode("span", null, [unref(renderText)]);
   }
 });
-const _hoisted_1$t = { class: "editable-cell" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
-  const _component_CellComponent = resolveComponent("CellComponent");
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
-    createVNode(_component_CellComponent, mergeProps({ ref: "elRef" }, _ctx.getComponentProps, {
-      component: (_a = _ctx.column) == null ? void 0 : _a.editComponent,
-      popoverVisible: _ctx.getRuleVisible,
-      rule: _ctx.editRule,
-      ruleMessage: _ctx.ruleMessage,
-      class: _ctx.getWrapperClass,
-      onChange: _ctx.handleChange,
-      onOptionsChange: _ctx.handleOptionsChange
-    }), null, 16, ["component", "popoverVisible", "rule", "ruleMessage", "class", "onChange", "onOptionsChange"])
-  ]);
-}
-var EditableCell = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$3]]);
-function renderEditCell(column, dataSource) {
-  return ({ text: value, record, index }) => {
-    record.onValid = async () => {
-      if (isArray$1(record == null ? void 0 : record.validCbs)) {
-        const validFns = ((record == null ? void 0 : record.validCbs) || []).map((fn) => fn());
-        const res = await Promise.all(validFns);
-        return res.every((item) => !!item);
-      }
-      return false;
-    };
-    record.onEdit = async (edit, submit = false) => {
-      var _a, _b;
-      if (!submit) {
-        record.editable = edit;
-      }
-      if (!edit && submit) {
-        if (!await record.onValid())
-          return false;
-        const res = await ((_a = record.onSubmitEdit) == null ? void 0 : _a.call(record));
-        if (res) {
-          record.editable = false;
-          return true;
-        }
-        return false;
-      }
-      if (!edit && !submit) {
-        (_b = record.onCancelEdit) == null ? void 0 : _b.call(record);
-      }
-      return true;
-    };
-    return h(EditableCell, {
-      value,
-      record,
-      column,
-      row: dataSource[index],
-      index,
-      dataSource
-    });
-  };
-}
-const _hoisted_1$s = { class: "dt-table-action-btn" };
+const _hoisted_1$s = {
+  key: 0,
+  class: "dt-table-action-btn"
+};
 const _hoisted_2$j = ["color", "onClick"];
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "TableActions",
@@ -5338,9 +5339,13 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const actionBtns = ref([]);
     watch(() => props.btns, (btns) => {
-      btns.map((it) => {
-        it.ifShow = isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true;
+      actionBtns.value = [...btns].map((it) => {
+        return {
+          ...it,
+          ifShow: isBoolean(it.ifShow) ? it.ifShow : isFunction(it.ifShow) ? it.ifShow(props.record) : true
+        };
       });
     }, {
       immediate: true
@@ -5360,26 +5365,27 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
       const _directive_auth = resolveDirective("auth");
-      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
-        return openBlock(), createElementBlock("span", _hoisted_1$s, [
-          item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
-            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$j), [
-                [_directive_icon, item.icon]
-              ])
-            ]),
-            _: 2
-          }, 1024)) : createCommentVNode("", true)
-        ]);
+      return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(actionBtns.value, (item) => {
+        return openBlock(), createElementBlock(Fragment, null, [
+          item.ifShow ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$s, [
+            createVNode(unref(Tooltip), { 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$j), [
+                  [_directive_icon, item.icon]
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ])), [
+            [_directive_auth, item.auth]
+          ]) : createCommentVNode("", true)
+        ], 64);
       }), 256)) : (openBlock(), createBlock(unref(Dropdown), {
         key: 1,
         getPopupContainer: getPopupContainer$1,
@@ -5388,7 +5394,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         overlay: withCtx(() => [
           createVNode(unref(Menu), { class: "dt-action-select" }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.btns, (item) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(actionBtns.value, (item) => {
                 return withDirectives((openBlock(), createElementBlock("span", null, [
                   item.ifShow ? (openBlock(), createBlock(unref(MenuItem), {
                     key: 0,
@@ -5542,22 +5548,18 @@ function handleActionColumn(propsRef, columns) {
     });
   }
 }
-function useColumns(propsRef, getPaginationRef) {
+function useColumns(propsRef, getPaginationRef, tableElRef) {
   const columnsRef = ref(unref(propsRef).columns);
   let cacheColumns = unref(propsRef).columns;
   const getColumnsRef = computed(() => {
     const columns = cloneDeep(unref(columnsRef));
     if (!columns)
       return [];
-    const { ellipsis, resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
+    const { ellipsis } = unref(propsRef);
     columns.forEach((it, index) => {
+      var _a;
+      it.class = `${(_a = it.class) != null ? _a : ""} __column`;
       const { slots } = it;
-      it.width = it.width || (index === columns.length - 1 ? 119.9 : 120);
-      if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
-        it.resizable = true;
-        it.minWidth = it.minWidth || minWidth;
-        it.maxWidth = it.maxWidth || maxWidth;
-      }
       if (it.sorter) {
         it.sorter = {
           multiple: Number(it.sorter)
@@ -5574,7 +5576,7 @@ function useColumns(propsRef, getPaginationRef) {
     const columns = cloneDeep(viewColumns);
     return columns.filter((column) => isIfShow(column)).map((column) => {
       if (column.edit) {
-        column.customRender = renderEditCell(column, unref(propsRef).dataSource);
+        column.customRender = renderEditCell(column);
       }
       return column;
     });
@@ -5583,10 +5585,41 @@ function useColumns(propsRef, getPaginationRef) {
     const ifShow = column.ifShow;
     return isBoolean(ifShow) ? ifShow : isFunction(ifShow) ? ifShow(column) : true;
   }
+  function addResize() {
+    const { resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
+    useDebounceFn(() => {
+      var _a, _b;
+      let els = (_a = unref(tableElRef)) == null ? void 0 : _a.$el.querySelectorAll(".__column");
+      let allWidth = 0;
+      for (let i = 0; i < els.length; i++) {
+        allWidth += (_b = els[i].offsetWidth) != null ? _b : 0;
+      }
+      let columnAllWidth = 0, noWidthNum = 0;
+      columnsRef.value.forEach((it) => {
+        if (it.ifShow) {
+          if (it.width) {
+            columnAllWidth += parseInt(`${it.width}`);
+          } else {
+            noWidthNum++;
+          }
+        }
+      });
+      let avgWidth = (allWidth - columnAllWidth) / noWidthNum;
+      columnsRef.value.forEach((it) => {
+        it.width = it.width || avgWidth - 1;
+        if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
+          it.resizable = true;
+          it.minWidth = it.minWidth || minWidth;
+          it.maxWidth = it.maxWidth || maxWidth;
+        }
+      });
+    }, 100)();
+  }
   watch(() => unref(propsRef).columns, (columns) => {
     var _a;
     columnsRef.value = columns;
     cacheColumns = (_a = columns.filter((it) => !it.flag)) != null ? _a : [];
+    nextTick(() => addResize());
   });
   function getColumns(opt) {
     const { ignoreIndex, ignoreAction, sort } = opt || {};
@@ -5656,7 +5689,7 @@ const _hoisted_1$r = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u6
 const _hoisted_2$i = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
 const _hoisted_3$b = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
 const _hoisted_4$8 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
-const _hoisted_5$5 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_5$4 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
 const _hoisted_6$2 = {
   size: 16,
   className: "drag-icon"
@@ -5894,7 +5927,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   onClick: reset
                 }, {
                   default: withCtx(() => [
-                    _hoisted_5$5
+                    _hoisted_5$4
                   ]),
                   _: 1
                 })
@@ -6375,7 +6408,7 @@ const _hoisted_4$5 = {
   key: 0,
   class: "dt-table-header-actions__right"
 };
-const _hoisted_5$4 = {
+const _hoisted_5$3 = {
   key: 0,
   style: { "margin": "5px" }
 };
@@ -6395,7 +6428,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["setting", "onColumnsChange"])
       ])) : createCommentVNode("", true)
     ]),
-    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
+    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
       renderSlot(_ctx.$slots, "headerTop")
     ])) : createCommentVNode("", true)
   ]);
@@ -6428,10 +6461,12 @@ function useTableHeader(propsRef, slots, handlers) {
 function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   const tableHeightRef = ref(0);
   const filterSource = ref([]);
+  const tableScrollTopRef = ref(null);
   const debounceRedoHeight = useDebounceFn(redoHeight, 100);
   watch(() => propsRef.value.dataSource, (v) => {
     debounceRedoHeight();
   }, {
+    deep: true,
     flush: "post"
   });
   windowResizeFn(calcTableHeight, 280);
@@ -6470,7 +6505,6 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
       !tableEl.classList.contains("hide-scrollbar-x") && tableEl.classList.add("hide-scrollbar-x");
     }
     bodyEl.style.height = "unset";
-    filterSource.value = [];
     await nextTick();
     let headerHeight = 0, paginationHeight = 2, footerHeight = 0, titleHeight = (_b = (_a = tableEl.querySelector(".ant-table-title")) == null ? void 0 : _a.offsetHeight) != null ? _b : 0, marginHeight = 15;
     const headEl = tableEl.querySelector(".ant-table-thead ");
@@ -6524,7 +6558,7 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
   });
   const getScrollRef = computed(() => {
     const tableHeight = unref(tableHeightRef);
-    const { scroll } = unref(propsRef);
+    const { canResize, scroll } = unref(propsRef);
     return {
       x: unref(getScrollX),
       y: tableHeight,
@@ -6565,11 +6599,15 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     const { size } = unref(propsRef);
     const rowHeight = TABLE_SIZE_HEIGHT[size];
     const scrollTop = el.scrollTop;
-    const remainCount = 3;
+    if (tableScrollTopRef.value === scrollTop && scrollTop !== 0) {
+      return;
+    }
+    tableScrollTopRef.value = scrollTop;
+    const remainCount = 6;
     const remainH = remainCount * rowHeight;
     const minItemHeight = scrollTop > remainH ? Math.floor((scrollTop - remainH) / rowHeight) * rowHeight : 0;
-    const minIndex = minItemHeight / rowHeight;
-    const maxIndex = minIndex + Math.ceil(tableHeightRef.value / rowHeight) + (minItemHeight && remainCount) + remainCount * 2;
+    let minIndex = minItemHeight / rowHeight;
+    const maxIndex = minIndex + Math.ceil(tableHeightRef.value / rowHeight) + (minItemHeight && remainCount);
     bodyEl.querySelector("table").style.transform = `translateY(${minItemHeight}px)`;
     filterSource.value = (_a = unref(propsRef)) == null ? void 0 : _a.dataSource.slice(minIndex, maxIndex);
   }
@@ -6648,7 +6686,7 @@ const _sfc_main$A = defineComponent({
   props: TableProps,
   components: {
     Table,
-    TableRender: _sfc_main$K
+    TableRender: _sfc_main$J
   },
   emits: [
     "register",
@@ -6684,7 +6722,7 @@ const _sfc_main$A = defineComponent({
       setColumns,
       setCacheColumnsByField,
       getCacheColumns
-    } = useColumns(getProps, getPaginationInfo);
+    } = useColumns(getProps, getPaginationInfo, tableElRef);
     const {
       getRowSelectionRef,
       clearSelectedRowKeys,
@@ -6841,14 +6879,14 @@ function useDownload(exportUrl, exportName) {
       case "all":
         http.exportFile(exportUrl, {
           fields: setDownloadAllHeaders(columns),
-          tableName: exportName,
+          tableName: unref(exportName),
           fileType: "xlsx",
           searchDTO
-        }, `${exportName}.xlsx`);
+        }, `${unref(exportName)}.xlsx`);
         break;
       case "current":
       case "select":
-        handleDownloadPage(excelData, exportName);
+        handleDownloadPage(excelData, unref(exportName));
         break;
     }
   }
@@ -7122,6 +7160,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
     ...basicProps,
+    title: {
+      type: Object
+    },
     ...{
       onRegister: { type: Function },
       formProps: {
@@ -7135,7 +7176,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const [registerDialog, { closeModal }] = useModal({
+    const [registerDialog, { closeModal, setModalProps }] = useModal({
       ...omit(toRaw(props), [
         "curd",
         "formProps",
@@ -7189,19 +7230,23 @@ function useCurd(curdOpt) {
     closeModal
   }] = useModalOut();
   const {
-    confirm
+    confirm,
+    message
   } = useMessage();
+  const actType = ref(null);
+  const title = computed(() => unref(actType) + unref(curdOpt.title));
   const DtCurdModal = () => {
     return h(createVNode("div", {
       "class": "curdModal"
     }, [createVNode(_sfc_main$z, mergeProps(curdOpt, {
+      "title": title,
       "formsVal": formsVal,
       "formProps": curdOpt.formProps,
       "onRegister": register
     }), null)]));
   };
   function add() {
-    curdOpt.title = `\u65B0\u589E${curdOpt.title}`;
+    actType.value = "\u65B0\u589E";
     formsVal.value = null;
     openModal();
   }
@@ -7232,7 +7277,7 @@ function useCurd(curdOpt) {
       primaryKey = "id",
       curd
     } = curdOpt;
-    curdOpt.title = `\u7F16\u8F91${curdOpt.title}`;
+    actType.value = "\u7F16\u8F91";
     curd.onQueryById(row[primaryKey]).then((rsp) => {
       formsVal.value = rsp;
       nextTick(() => dispatchResize());
@@ -7240,6 +7285,10 @@ function useCurd(curdOpt) {
     openModal();
   }
   function dels(ids = []) {
+    if (!ids.length) {
+      message.error("\u6682\u65E0\u9009\u4E2D\u7684\u6570\u636E!");
+      return;
+    }
     const {
       curd
     } = curdOpt;
@@ -7318,6 +7367,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const basicUploadProps = {
+  uploadText: {
+    type: String,
+    default: "\u6587\u4EF6\u4E0A\u4F20"
+  },
   showTemplateDownload: {
     type: Boolean,
     default: false
@@ -7807,9 +7860,8 @@ var sparkMd5 = { exports: {} };
 })(sparkMd5);
 const _hoisted_1$j = { class: "dt-file" };
 const _hoisted_2$b = { class: "file-header" };
-const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u6587\u4EF6\u4E0A\u4F20 ");
-const _hoisted_4$4 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u4E0B\u8F7D ");
-const _hoisted_5$3 = { class: "file-type-tips ant-alert-info" };
+const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u4E0B\u8F7D ");
+const _hoisted_4$4 = { class: "file-type-tips ant-alert-info" };
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "upload",
   props: basicUploadProps,
@@ -7856,7 +7908,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               }
             }
           },
-          { title: "\u5220\u9664", icon: "mdi:delete-outline", action: ({ row }) => {
+          { title: "\u5220\u9664", icon: "mdi:delete-outline", ifShow: true, action: ({ row }) => {
             if (!row.status)
               historyFilesRef.value = historyFilesRef.value.filter((it) => it.fileId !== row.fileId);
             else {
@@ -7940,7 +7992,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     withDirectives(createElementVNode("span", null, null, 512), [
                       [_directive_icon, "ic:baseline-file-upload"]
                     ]),
-                    _hoisted_3$6
+                    createTextVNode(" " + toDisplayString(_ctx.uploadText), 1)
                   ]),
                   _: 1
                 })
@@ -7956,14 +8008,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("span", null, null, 512), [
                   [_directive_icon, "ic:baseline-file-download"]
                 ]),
-                _hoisted_4$4
+                _hoisted_3$6
               ]),
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "default")
         ]),
-        createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_4$4, [
           withDirectives(createElementVNode("span", null, null, 512), [
             [_directive_icon, "ant-design:info-circle-outlined"]
           ]),