@dt-frames/ui 1.0.10 → 1.0.13

package/es/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, withDirectives, resolveDirective, render, normalizeProps, guardReactiveProps, createSlots, useAttrs as useAttrs$1, useSlots as useSlots$1, withModifiers, vShow, toRef, Transition } from "vue";
+import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, useAttrs as useAttrs$1, normalizeProps, guardReactiveProps, withDirectives, resolveDirective, render, createSlots, useSlots as useSlots$1, withModifiers, vShow, toRef, Transition } from "vue";
 import { isString, isArray as isArray$1, isObject, isFunction, error, useTimeoutFn, useAttrs, useSlots, dispatchResize, BAR_MAP, off, renderThumbStyle, on, useAppStore, addResizeListener, removeResizeListener, windowResizeFn, isNumber, isBoolean, isNull, DtCache, CacheKey, deepMerge, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, dateFormat, 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, Dropdown, Menu, MenuItem, Popover, CheckboxGroup, Table, Spin, Upload, Image, MenuDivider, Tree, Empty, BackTop, Breadcrumb, Avatar, Drawer, SubMenu, LayoutHeader, LayoutSider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
-import { isEqual, cloneDeep, upperFirst, set, uniqBy, omit, difference, get, trim } from "lodash-es";
+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 Sortablejs from "sortablejs";
 import * as xlsx from "xlsx";
@@ -14,15 +14,15 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$X = defineComponent({
+const _sfc_main$Y = defineComponent({
   name: "dt-base-router"
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view);
 }
-var DtBaseRouter = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$7]]);
-const _sfc_main$W = defineComponent({
+var DtBaseRouter = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$8]]);
+const _sfc_main$X = defineComponent({
   props: {
     iconClass: {
       type: String,
@@ -90,8 +90,8 @@ const _sfc_main$W = defineComponent({
     };
   }
 });
-const _hoisted_1$v = ["xlink:href", "fill"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$w = ["xlink:href", "fill"];
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.isSvgIcon ? (openBlock(), createElementBlock("svg", {
     key: 0,
     class: normalizeClass(_ctx.clsName),
@@ -105,7 +105,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("use", {
       "xlink:href": _ctx.iconName,
       fill: _ctx.color
-    }, null, 8, _hoisted_1$v)
+    }, null, 8, _hoisted_1$w)
   ], 6)) : (openBlock(), createElementBlock("i", {
     key: 1,
     class: normalizeClass(["dt-icon i", [_ctx.iconName, _ctx.clsName]]),
@@ -115,7 +115,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 6));
 }
-var DtIcon = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$6]]);
+var DtIcon = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$7]]);
 const Actions = [
   "ic:baseline-save",
   "ic:baseline-save-all",
@@ -1874,9 +1874,9 @@ const Icons = [
     children: Other
   }
 ];
-const _hoisted_1$u = ["onClick"];
-const _hoisted_2$l = ["onClick"];
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = ["onClick"];
+const _hoisted_2$k = ["onClick"];
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "pick-icon",
   emits: ["chooseIcon"],
   setup(__props, { emit: emits }) {
@@ -1943,7 +1943,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(menu.type), 1),
                 createElementVNode("span", null, "(" + toDisplayString(menu.total) + ")", 1)
               ])
-            ], 10, _hoisted_1$u);
+            ], 10, _hoisted_1$v);
           }), 128))
         ], 2),
         createElementVNode("div", {
@@ -1980,7 +1980,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)
-                ], 10, _hoisted_2$l);
+                ], 10, _hoisted_2$k);
               }), 128))
             ], 2)
           ], 1024))
@@ -2106,7 +2106,8 @@ function useModal(props, callbackFn) {
     getVisible: computed(() => visibleData[~~unref(uidRef)]),
     closeModal: (rsp) => {
       var _a;
-      cbTransfer[unref(uidRef)](rsp);
+      if (cbTransfer[unref(uidRef)])
+        cbTransfer[unref(uidRef)](rsp);
       (_a = getInstance()) == null ? void 0 : _a.setModalProps({ visible: false });
     },
     openModal: (visable = true, data, openOnSet = true) => {
@@ -2383,8 +2384,8 @@ var Bar = defineComponent({
     }));
   }
 });
-const _hoisted_1$t = { class: "scrollbar" };
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _hoisted_1$u = { class: "scrollbar" };
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -2461,7 +2462,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
@@ -2496,12 +2497,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$U, mergeProps({
+      return openBlock(), createBlock(_sfc_main$V, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef,
         class: "scroll-container"
@@ -2514,7 +2515,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "modal-wrap",
   props: {
     loading: { type: Boolean },
@@ -2602,7 +2603,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$T), {
+      return openBlock(), createBlock(unref(_sfc_main$U), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -2688,7 +2689,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   });
   return [state, setState, defaultState];
 }
-const _sfc_main$R = defineComponent({
+const _sfc_main$S = defineComponent({
   name: "radio-button",
   props: {
     value: {
@@ -2721,7 +2722,7 @@ const _sfc_main$R = defineComponent({
     };
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RadioButton = resolveComponent("RadioButton", true);
   const _component_RadioGroup = resolveComponent("RadioGroup");
   return openBlock(), createBlock(_component_RadioGroup, mergeProps(_ctx.attrs, {
@@ -2746,8 +2747,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16, ["value"]);
 }
-var RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$5]]);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+var RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$6]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "formIcon",
   props: {
     value: String,
@@ -2799,7 +2800,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         }),
         createVNode(unref(_sfc_main$K), { onRegister: unref(register) }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$V), {
+            createVNode(unref(_sfc_main$W), {
               onChooseIcon: _cache[2] || (_cache[2] = ($event) => chooseIcon($event))
             })
           ]),
@@ -2809,8 +2810,47 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$t = { class: "input-with-dialog" };
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  __name: "formInputUseDialog",
+  setup(__props) {
+    const attrs = useAttrs$1();
+    const bindProps = computed(() => {
+      return {
+        ...omit(attrs, [
+          "formValues"
+        ]),
+        disabled: true
+      };
+    });
+    function onClickInput() {
+      const { model, schema = {} } = attrs.formValues;
+      if (!schema.openDialog || !isFunction(schema.openDialog)) {
+        error("openDialog\u5FC5\u987B\u662F\u51FD\u6570");
+        return;
+      }
+      schema.openDialog(model);
+    }
+    function clearProps() {
+      const { model, schema = {} } = attrs.formValues;
+      [...schema.linkProps, schema.name].forEach((it) => model[it] = null);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+        createElementVNode("div", { onClick: onClickInput }, [
+          createVNode(unref(Input), normalizeProps(guardReactiveProps(unref(bindProps))), null, 16)
+        ]),
+        createElementVNode("i", {
+          class: "i mdi:close-circle",
+          onClick: clearProps
+        })
+      ]);
+    };
+  }
+});
 const components = {
   Input,
+  InputWithDialog: _sfc_main$Q,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -2834,11 +2874,11 @@ const components = {
   Slider,
   Rate,
   Divider,
-  Icon: _sfc_main$Q
+  Icon: _sfc_main$R
 };
-const componentMap = /* @__PURE__ */ new Map();
+const componentMap$1 = /* @__PURE__ */ new Map();
 for (let item in components) {
-  componentMap.set(item, components[item]);
+  componentMap$1.set(item, components[item]);
 }
 function createPlaceholder(component) {
   if (component.includes("Input") || component.includes("Complete")) {
@@ -3179,12 +3219,12 @@ var _sfc_main$P = defineComponent({
       const bindValue = {
         [valueField || (isCheck ? "checked" : "value")]: props.formModel[name]
       };
-      const compAttr = {
+      let compAttr = {
         ...itemProps,
         ...bindValue,
         ...on2
       };
-      const Comp = componentMap.get(component);
+      const Comp = componentMap$1.get(component);
       if (!renderComponent) {
         return createVNode(Comp, compAttr, null);
       }
@@ -3420,12 +3460,12 @@ const _hoisted_1$s = {
   key: 0,
   className: "preIcon"
 };
-const _hoisted_2$k = {
+const _hoisted_2$j = {
   key: 0,
   className: "preIcon"
 };
 const _hoisted_3$c = { class: "text" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = resolveComponent("Button");
   const _component_DtIcon = resolveComponent("DtIcon");
   const _component_FormItem = resolveComponent("FormItem");
@@ -3458,7 +3498,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 ]),
                 default: withCtx(() => [
                   createTextVNode(" " + toDisplayString(button.name) + " ", 1),
-                  button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$k, null, 512)), [
+                  button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$j, null, 512)), [
                     [_directive_icon, button.postIcon]
                   ]) : createCommentVNode("", true)
                 ]),
@@ -3492,7 +3532,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16)) : createCommentVNode("", true);
 }
-var FormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$4]]);
+var FormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$5]]);
 const isArray = Array.isArray;
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var dayjs_min = { exports: {} };
@@ -4154,7 +4194,7 @@ const _sfc_main$N = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FormItem = resolveComponent("FormItem");
   const _component_FormButtons = resolveComponent("FormButtons");
   const _component_Row = resolveComponent("Row");
@@ -4199,7 +4239,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "model", "layout"]);
 }
-var DtForm = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$3]]);
+var DtForm = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$4]]);
 function useForm(props) {
   const formRef = ref(null);
   const loadedRef = ref(false);
@@ -4275,6 +4315,7 @@ function useForm(props) {
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "modalFooter",
   props: {
+    buttons: Object,
     showSave: {
       type: Boolean,
       default: true
@@ -4285,10 +4326,16 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     "handleCancel"
   ],
   setup(__props, { emit: emits }) {
+    const props = __props;
     const buttonActions = [
       { name: "\u4FDD\u5B58", preIcon: "mdi:content-save", type: "primary", flag: "OK" },
       { name: "\u5173\u95ED", preIcon: "mdi:close", flag: "CANCEL" }
     ];
+    const buttonList = computed(() => {
+      if (props.buttons && props.buttons.length)
+        return props.buttons;
+      return buttonActions;
+    });
     function handleMethod(item) {
       switch (item.flag) {
         case "OK":
@@ -4304,9 +4351,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "appendFooter"),
         createVNode(unref(FormButtons), {
           mode: "dialog",
-          buttonList: buttonActions,
+          buttonList: unref(buttonList),
           onHandleMethod: _cache[0] || (_cache[0] = ($event) => handleMethod($event))
-        })
+        }, null, 8, ["buttonList"])
       ], 64);
     };
   }
@@ -4386,6 +4433,12 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     const propsRef = ref();
     const modalWrapperRef = ref(null);
     const extHeightRef = ref(0);
+    const modalFooterHeight = computed(() => {
+      if (isArray$1(props.footer)) {
+        return unref(propsRef).footer.length ? 0 : void 0;
+      }
+      return props.footer !== void 0 && !props.footer ? 0 : void 0;
+    });
     const modalMethods = {
       setModalProps,
       emitVisible: void 0,
@@ -4418,7 +4471,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         visible: unref(visibleRef),
         wrapClassName: unref(getWrapClassName)
       };
-      return omit(bindValue, unref(fullScreenRef) ? ["height", "title"] : "title");
+      let omitArr = unref(fullScreenRef) ? ["height", "title"] : ["title"];
+      if (isArray$1(unref(propsRef).footer)) {
+        omitArr.push("footer");
+      }
+      return omit(bindValue, omitArr);
     });
     const getWrapperHeight = computed(() => {
       if (unref(fullScreenRef))
@@ -4459,7 +4516,6 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     }
     function handleSave() {
       emits("save");
-      handleCancel();
     }
     async function handleCancel(e = null) {
       var _a, _b;
@@ -4479,7 +4535,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
-          createVNode(_sfc_main$S, mergeProps({
+          createVNode(_sfc_main$T, mergeProps({
             useWrapper: unref(getBindValue).useWrapper,
             footerOffset: _ctx.wrapperFooterOffset,
             fullScreen: unref(fullScreenRef),
@@ -4490,7 +4546,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             minHeight: unref(getBindValue).minHeight,
             height: unref(getWrapperHeight),
             visible: visibleRef.value,
-            modalFooterHeight: _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
+            modalFooterHeight: unref(modalFooterHeight)
           }, unref(omit)(unref(getBindValue).wrapperProps, "visible", "height", "modalFooterHeight"), {
             onExtHeight: handleExtHeight,
             onHeightChange: handleHeightChange
@@ -4524,6 +4580,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             createVNode(_sfc_main$M, {
+              buttons: propsRef.value.footer,
               showSave: unref(getBindValue).showSave,
               onHandleSave: handleSave,
               onHandleCancel: handleCancel
@@ -4536,7 +4593,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   ])
                 };
               })
-            ]), 1032, ["showSave"])
+            ]), 1032, ["buttons", "showSave"])
           ])
         } : void 0,
         renderList(Object.keys(unref(omit)(_ctx.$slots, "default")), (item) => {
@@ -4685,6 +4742,7 @@ const TABLE_SIZE_HEIGHT = {
 const TableProps = {
   clickRowSelect: { type: Boolean, default: false },
   tableSetting: { type: Object, default: () => ({}) },
+  clickToRowSelect: { type: Boolean, default: false },
   striped: { type: Boolean, default: true },
   canColDrag: { type: Boolean, default: true },
   resizable: { type: Boolean, default: true },
@@ -5060,9 +5118,239 @@ function createTableInstance(instance) {
 function getTableInstance() {
   return inject(tableKey);
 }
-const _hoisted_1$r = { class: "dt-table-action-btn" };
-const _hoisted_2$j = ["color", "onClick"];
-const _sfc_main$I = /* @__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
+  });
+};
+var _sfc_main$I = 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 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);
+      (_b = table.emit) == null ? void 0 : _b.call(table, "edit-change", {
+        column: props.column,
+        value: unref(currentValueRef),
+        record: toRaw(props.record)
+      });
+      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$r = { 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$r, [
+    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$I, [["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 _hoisted_1$q = { class: "dt-table-action-btn" };
+const _hoisted_2$i = ["color", "onClick"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "TableActions",
   props: {
     fixed: {
@@ -5118,7 +5406,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
       return props.expand ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.btns, (item) => {
-        return openBlock(), createElementBlock("span", _hoisted_1$r, [
+        return openBlock(), createElementBlock("span", _hoisted_1$q, [
           item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
             key: 0,
             placement: "bottom"
@@ -5130,7 +5418,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               withDirectives(createElementVNode("span", {
                 color: item.color,
                 onClick: ($event) => handleAction(item)
-              }, null, 8, _hoisted_2$j), [
+              }, null, 8, _hoisted_2$i), [
                 [_directive_icon, item.icon]
               ])
             ]),
@@ -5288,12 +5576,11 @@ function handleActionColumn(propsRef, columns) {
     columns.push({
       ...columnObj,
       customRender: ({ record, index }) => {
-        return h(_sfc_main$I, {
+        return h(_sfc_main$H, omit({
           ...columnObj,
           record,
-          align: null,
           index
-        });
+        }, "align"));
       }
     });
   }
@@ -5323,7 +5610,12 @@ function useColumns(propsRef, getPaginationRef) {
   const getViewColumns = computed(() => {
     const viewColumns = sortFixedColumn(unref(getColumnsRef));
     const columns = cloneDeep(viewColumns);
-    return columns.filter((column) => isIfShow(column));
+    return columns.filter((column) => isIfShow(column)).map((column) => {
+      if (column.edit) {
+        column.customRender = renderEditCell(column);
+      }
+      return column;
+    });
   });
   function isIfShow(column) {
     const ifShow = column.ifShow;
@@ -5398,8 +5690,8 @@ function useColumns(propsRef, getPaginationRef) {
     getCacheColumns
   };
 }
-const _hoisted_1$q = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
-const _hoisted_2$i = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
+const _hoisted_1$p = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
+const _hoisted_2$h = /* @__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");
@@ -5409,7 +5701,7 @@ const _hoisted_6$2 = {
 };
 const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u5DE6\u4FA7");
 const _hoisted_8$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u53F3\u4FA7");
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Column",
   emits: [
     "columns-change"
@@ -5588,7 +5880,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          _hoisted_1$q
+          _hoisted_1$p
         ]),
         default: withCtx(() => [
           createVNode(unref(Popover), {
@@ -5609,7 +5901,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   onChange: onCheckAllChange
                 }, {
                   default: withCtx(() => [
-                    _hoisted_2$i
+                    _hoisted_2$h
                   ]),
                   _: 1
                 }, 8, ["indeterminate", "checked"]),
@@ -5741,10 +6033,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = { key: 0 };
-const _hoisted_2$h = { key: 0 };
+const _hoisted_1$o = { key: 0 };
+const _hoisted_2$g = { key: 0 };
 const _hoisted_3$a = { key: 1 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "Fullscreen",
   setup(__props) {
     const table = getTableInstance();
@@ -5767,13 +6059,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$p, "\u5168\u5C4F")) : createCommentVNode("", true)
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$o, "\u5168\u5C4F")) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("span", {
             onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
           }, [
-            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$h, null, 512)), [
+            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$g, null, 512)), [
               [_directive_icon, "ic:baseline-fullscreen"]
             ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_3$a, null, 512)), [
               [_directive_icon, "ic:baseline-fullscreen-exit"]
@@ -5785,11 +6077,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("span", null, "\u9ED8\u8BA4", -1);
+const _hoisted_1$n = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("span", null, "\u9ED8\u8BA4", -1);
 const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("span", null, "\u4E2D\u7B49", -1);
 const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("span", null, "\u7D27\u51D1", -1);
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "Size",
   setup(__props) {
     const table = getTableInstance();
@@ -5802,7 +6094,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), null, {
         title: withCtx(() => [
-          _hoisted_1$o
+          _hoisted_1$n
         ]),
         default: withCtx(() => [
           createVNode(unref(Dropdown), {
@@ -5820,7 +6112,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(MenuItem), { key: "default" }, {
                     default: withCtx(() => [
-                      _hoisted_2$g
+                      _hoisted_2$f
                     ]),
                     _: 1
                   }),
@@ -5853,11 +6145,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA", -1);
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u5F53\u524D\u9875", -1);
+const _hoisted_1$m = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA", -1);
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u5F53\u524D\u9875", -1);
 const _hoisted_3$8 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u9009\u4E2D\u5217", -1);
 const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u6240\u6709\u5217", -1);
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "Download",
   setup(__props) {
     const table = getTableInstance();
@@ -5875,7 +6167,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          _hoisted_1$n
+          _hoisted_1$m
         ]),
         default: withCtx(() => [
           createVNode(unref(Dropdown), {
@@ -5888,7 +6180,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(MenuItem), { key: "current" }, {
                     default: withCtx(() => [
-                      _hoisted_2$f
+                      _hoisted_2$e
                     ]),
                     _: 1
                   }),
@@ -5921,13 +6213,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "table-setting",
   components: {
-    ColumnSetting: _sfc_main$H,
-    FullscreenSetting: _sfc_main$G,
-    SizeSetting: _sfc_main$F,
-    Download: _sfc_main$E
+    ColumnSetting: _sfc_main$G,
+    FullscreenSetting: _sfc_main$F,
+    SizeSetting: _sfc_main$E,
+    Download: _sfc_main$D
   },
   props: {
     setting: {
@@ -5970,8 +6262,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.getSetting.fullscreen ? (openBlock(), createBlock(_component_FullscreenSetting, { key: 3 })) : createCommentVNode("", true)
   ], 64);
 }
-var TableSettinCom = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$2]]);
-const _sfc_main$C = defineComponent({
+var TableSettinCom = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$2]]);
+const _sfc_main$B = defineComponent({
   name: "table-header",
   components: {
     TableSettinCom,
@@ -5981,7 +6273,7 @@ const _sfc_main$C = defineComponent({
   },
   props: {
     tableTools: {
-      type: Object
+      type: [Object, Boolean]
     },
     toolbar: {
       type: Array,
@@ -6011,10 +6303,13 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "dt-table-header" };
-const _hoisted_2$e = { class: "dt-table-header-actions" };
+const _hoisted_1$l = { class: "dt-table-header" };
+const _hoisted_2$d = { class: "dt-table-header-actions" };
 const _hoisted_3$7 = { class: "dt-table-header-actions__left" };
-const _hoisted_4$5 = { class: "dt-table-header-actions__right" };
+const _hoisted_4$5 = {
+  key: 0,
+  class: "dt-table-header-actions__right"
+};
 const _hoisted_5$4 = {
   key: 0,
   style: { "margin": "5px" }
@@ -6022,30 +6317,30 @@ const _hoisted_5$4 = {
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FormButtons = resolveComponent("FormButtons");
   const _component_TableSettinCom = resolveComponent("TableSettinCom");
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
-    createElementVNode("div", _hoisted_2$e, [
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+    createElementVNode("div", _hoisted_2$d, [
       createElementVNode("div", _hoisted_3$7, [
         createVNode(_component_FormButtons, mergeProps(_ctx.getActionsProps, { onHandleMethod: _ctx.handleMethod }), null, 16, ["onHandleMethod"]),
         renderSlot(_ctx.$slots, "toolbar")
       ]),
-      createElementVNode("div", _hoisted_4$5, [
+      _ctx.tableTools ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
         createVNode(_component_TableSettinCom, {
           setting: _ctx.tableTools,
           onColumnsChange: _ctx.handleColumnChange
         }, null, 8, ["setting", "onColumnsChange"])
-      ])
+      ])) : createCommentVNode("", true)
     ]),
     _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
       renderSlot(_ctx.$slots, "headerTop")
     ])) : createCommentVNode("", true)
   ]);
 }
-var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$1]]);
+var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$1]]);
 function useTableHeader(propsRef, slots, handlers) {
   const getHeaderProps = computed(() => {
     const { tableSetting, toolbar } = unref(propsRef);
     const { getSlot } = useSlots();
-    const hideTitle = !slots.toolbar && !slots.headerTop && !tableSetting;
+    const hideTitle = !toolbar && !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h(TableHeader, {
         tableTools: tableSetting,
@@ -6220,7 +6515,71 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     filterSource
   };
 }
-const _sfc_main$B = defineComponent({
+function useCustomRow(propsRef, { setSelectedRowKeys, getSelectRowKeys, clearSelectedRowKeys, emit }) {
+  const customRow = (record, index) => {
+    return {
+      onClick: (e) => {
+        e == null ? void 0 : e.stopPropagation();
+        function handleClick() {
+          var _a;
+          const { rowSelection, rowKey, clickToRowSelect } = unref(propsRef);
+          if (!rowSelection || !clickToRowSelect)
+            return;
+          const keys = getSelectRowKeys();
+          const key = record[rowKey];
+          if (!key)
+            return;
+          const isCheckbox = rowSelection.type === "checkbox";
+          if (isCheckbox) {
+            const tr = (_a = e.composedPath) == null ? void 0 : _a.call(e).find((dom) => dom.tagName === "TR");
+            if (!tr)
+              return;
+            const checkBox = tr.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;
+          }
+          const isRadio = rowSelection.type === "radio";
+          if (isRadio) {
+            if (!keys.includes(key)) {
+              if (keys.length) {
+                clearSelectedRowKeys();
+              }
+              setSelectedRowKeys([key]);
+              return;
+            }
+            clearSelectedRowKeys();
+          }
+        }
+        handleClick();
+        emit("row-click", record, index, e);
+      },
+      onDblclick: (event) => {
+        emit("row-dbClick", record, index, event);
+      },
+      onContextmenu: (event) => {
+        emit("row-contextmenu", record, index, event);
+      },
+      onMouseenter: (event) => {
+        emit("row-mouseenter", record, index, event);
+      },
+      onMouseleave: (event) => {
+        emit("row-mouseleave", record, index, event);
+      }
+    };
+  };
+  return {
+    customRow
+  };
+}
+const _sfc_main$A = defineComponent({
   name: "dt-table",
   props: TableProps,
   components: {
@@ -6230,7 +6589,14 @@ const _sfc_main$B = defineComponent({
   emits: [
     "register",
     "columns-change",
-    "selection-change"
+    "selection-change",
+    "row-click",
+    "row-dbClick",
+    "row-contextmenu",
+    "row-mouseenter",
+    "row-mouseleave",
+    "expanded-rows-change",
+    "edit-change"
   ],
   setup(props, { emit, attrs, slots }) {
     const tableElRef = ref(null);
@@ -6254,7 +6620,8 @@ const _sfc_main$B = defineComponent({
       clearSelectedRowKeys,
       getRowSelection,
       getSelectRows,
-      getSelectRowKeys
+      getSelectRowKeys,
+      setSelectedRowKeys
     } = useRowSelection(getProps, emit);
     const { getScrollRef, filterSource } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef);
     function setProps(props2) {
@@ -6270,6 +6637,7 @@ const _sfc_main$B = defineComponent({
       getCacheColumns,
       getSelectRows,
       getSelectRowKeys,
+      emit,
       getSize: () => {
         return unref(getBind).size;
       }
@@ -6284,6 +6652,12 @@ const _sfc_main$B = defineComponent({
       setPagination,
       clearSelectedRowKeys
     });
+    const { customRow } = useCustomRow(getProps, {
+      setSelectedRowKeys,
+      getSelectRowKeys,
+      clearSelectedRowKeys,
+      emit
+    });
     const getBind = computed(() => {
       return {
         ...attrs,
@@ -6296,7 +6670,8 @@ const _sfc_main$B = defineComponent({
         rowSelection: unref(getRowSelectionRef),
         rowKey: unref(getProps).rowKey,
         columns: unref(getViewColumns),
-        tableLayout: "fixed"
+        tableLayout: "fixed",
+        customRow
       };
     });
     createTableInstance({ ...tableAction, tableElRef, getBind });
@@ -6353,9 +6728,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]), 1040, ["rowClassName", "onChange", "onResizeColumn"]);
 }
-var DtTable = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render]]);
+var DtTable = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render]]);
 function useFetch(api, baseUrl = "") {
-  function fetch(params = {}) {
+  function fetch(params) {
     let type, header = {}, model = {};
     if (isString(api)) {
       api = baseUrl + api;
@@ -6368,7 +6743,8 @@ function useFetch(api, baseUrl = "") {
       model = api.model;
     }
     return new Promise((resolve, reject) => {
-      http[type || "post"](api, Object.assign({}, model, params), {
+      let param = isObject(params) ? Object.assign({}, model, params) : params;
+      http[type || "post"](api, param, {
         ...header,
         ...{ onlyData: false }
       }).then((data) => {
@@ -6493,7 +6869,7 @@ function useSource(opt) {
   }
   function onAdd(model) {
     const { fetch } = useFetch(add, baseUrl);
-    fetch(model).then((rsp) => {
+    return fetch(model).then((rsp) => {
       message.success("\u65B0\u589E\u6210\u529F");
       search();
     });
@@ -6504,14 +6880,15 @@ function useSource(opt) {
   }
   function onUpdate(model) {
     const { fetch } = useFetch(update, baseUrl);
-    fetch(model).then((rsp) => {
+    return fetch(model).then((rsp) => {
       message.success("\u66F4\u65B0\u6570\u636E\u6210\u529F");
       search();
     });
   }
   function onDeletes(ids) {
     const { fetch } = useFetch(deletes, baseUrl);
-    fetch(ids).then((rsp) => {
+    fetch(toRaw(ids)).then((rsp) => {
+      message.success(`${ids.length > 1 ? "\u6279\u91CF" : ""} \u5220\u9664\u6210\u529F\uFF01`);
       search();
     });
   }
@@ -6565,9 +6942,9 @@ const basicProps = {
     type: Array,
     default: []
   },
-  actions: {
+  footer: {
     type: Array,
-    default: []
+    default: void 0
   },
   canFullscreen: {
     type: Boolean,
@@ -6581,14 +6958,15 @@ const basicProps = {
     type: Object
   }
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
     ...basicProps,
     ...{
       onRegister: { type: Function },
       formProps: {
-        type: Object
+        type: Object,
+        default: () => ({})
       },
       formsVal: {
         type: Object
@@ -6597,9 +6975,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const [registerDialog] = useModal({
+    const [registerDialog, { closeModal }] = useModal({
       ...omit(toRaw(props), [
-        "actions",
         "curd",
         "formProps",
         "formsVal",
@@ -6609,7 +6986,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       destroyOnClose: true
     });
     const [registerForm, { getFormValues, setFormValues }] = useForm({
-      ...props.formProps.value || {},
+      ...props.formProps || {},
       schemas: props.schemas,
       mode: "dialog"
     });
@@ -6622,7 +6999,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       var _a;
       if (props.curd && isFunction((_a = props.curd) == null ? void 0 : _a.onAdd)) {
         let obj = Object.assign({}, props.formsVal.value || {}, getFormValues());
-        obj.id ? props.curd.onUpdate(obj) : props.curd.onAdd(obj);
+        let pro = obj.id ? props.curd.onUpdate(obj) : props.curd.onAdd(obj);
+        pro.then((rsp) => closeModal());
       }
     }
     return (_ctx, _cache) => {
@@ -6641,8 +7019,6 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 function useCurd(curdOpt) {
   const formsVal = ref();
   const [register, {
-    closeModal,
-    setModalProps,
     openModal
   }] = useModalOut();
   const {
@@ -6651,7 +7027,7 @@ function useCurd(curdOpt) {
   const DtCurdModal = () => {
     return h(createVNode("div", {
       "class": "curdModal"
-    }, [createVNode(_sfc_main$A, mergeProps(curdOpt, {
+    }, [createVNode(_sfc_main$z, mergeProps(curdOpt, {
       "formsVal": formsVal,
       "formProps": curdOpt.formProps,
       "onRegister": register
@@ -6717,9 +7093,9 @@ function useCurd(curdOpt) {
     update
   };
 }
-const _hoisted_1$l = { class: "iframe-page" };
-const _hoisted_2$d = ["src"];
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "iframe-page" };
+const _hoisted_2$c = ["src"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     showLoading: {
@@ -6741,7 +7117,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       iframeWin.postMessage(props.postMsg, props.src);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createVNode(unref(Spin), {
           spinning: loading.value,
           size: "large"
@@ -6753,7 +7129,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               ref_key: "frameRef",
               ref: frameRef,
               onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
-            }, null, 40, _hoisted_2$d)
+            }, null, 40, _hoisted_2$c)
           ]),
           _: 1
         }, 8, ["spinning"])
@@ -6784,8 +7160,7 @@ const basicUploadProps = {
     default: () => []
   },
   maxSize: {
-    type: Number,
-    default: 2
+    type: Number
   },
   maxNumber: {
     type: Number,
@@ -6794,6 +7169,10 @@ const basicUploadProps = {
   defaultFiles: {
     type: Array,
     default: []
+  },
+  showView: {
+    type: Boolean,
+    default: false
   }
 };
 function useHelpers(acceptRef, helpTextRef, maxNumberRef, maxSizeRef) {
@@ -6812,8 +7191,29 @@ function useHelpers(acceptRef, helpTextRef, maxNumberRef, maxSizeRef) {
       return `.${item}`;
     }).join(",");
   });
+  const getHelpText = computed(() => {
+    const helpText = unref(helpTextRef);
+    if (helpText) {
+      return helpText;
+    }
+    const helpTexts = [];
+    const accept = unref(acceptRef);
+    if (accept.length > 0) {
+      helpTexts.push(`\u652F\u6301${accept.join(",")}\u683C\u5F0F`);
+    }
+    const maxSize = unref(maxSizeRef);
+    if (maxSize) {
+      helpTexts.push(`\u4E0D\u8D85\u8FC7${maxSize}M`);
+    }
+    const maxNumber = unref(maxNumberRef);
+    if (maxNumber && maxNumber !== Infinity) {
+      helpTexts.push(`\u6700\u591A\u53EF\u9009\u62E9${maxNumber}\u4E2A\u6587\u4EF6`);
+    }
+    return helpTexts.join(",") || "\u8BF7\u4E0A\u4F20pptx\u3001doc\u3001jpg\u3001jpeg\u3001png\u3001bmp\u3001gif\u3001xls\u3001xlsx\u3001txt\u3001rar\u3001zip\u30017z\u3001tar\u3001gz\u683C\u5F0F\u6587\u4EF6";
+  });
   return {
-    getStringAccept
+    getStringAccept,
+    getHelpText
   };
 }
 var sparkMd5 = { exports: {} };
@@ -7225,12 +7625,12 @@ var sparkMd5 = { exports: {} };
     return SparkMD5;
   });
 })(sparkMd5);
-const _hoisted_1$k = { class: "file-header" };
-const _hoisted_2$c = /* @__PURE__ */ createTextVNode(" \u6587\u4EF6\u4E0A\u4F20 ");
-const _hoisted_3$6 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u4E0B\u8F7D ");
-const _hoisted_4$4 = { class: "file-type-tips ant-alert-info" };
-const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("i", null, "\u8BF7\u4E0A\u4F20pptx\u3001doc\u3001jpg\u3001jpeg\u3001png\u3001bmp\u3001gif\u3001xls\u3001xlsx\u3001txt\u3001rar\u3001zip\u30017z\u3001tar\u3001gz\u683C\u5F0F\u6587\u4EF6", -1);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+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 _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "upload",
   props: basicUploadProps,
   setup(__props, { expose }) {
@@ -7238,22 +7638,25 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const { message } = useMessage();
     const filesRef = ref([]);
     const historyFilesRef = ref([]);
-    const allFilesRef = ref([]);
+    const allFilesRef = computed(() => {
+      return [...historyFilesRef.value, ...filesRef.value];
+    });
     const imgVisable = ref(false);
+    const imgSrcRef = ref();
     const setImgVisible = (value) => imgVisable.value = value;
     const { accept, helpText, maxNumber, maxSize } = toRefs(props);
-    const { getStringAccept } = useHelpers(accept);
-    const [registerTable, {}] = useTable({
+    const {
+      getStringAccept,
+      getHelpText
+    } = useHelpers(accept, helpText, maxNumber, maxSize);
+    const isImage = (fileType) => ["pdf", "jpg", "jpeg", "png", "bmp", "gif"].includes(fileType);
+    const [registerTable] = useTable({
       tableSetting: false,
       pagination: false,
       dataSource: allFilesRef,
       columns: [
         { title: "\u6587\u4EF6\u540D\u79F0", dataIndex: "fileName" },
-        { title: "\u4E0A\u4F20\u72B6\u6001", dataIndex: "fileStatue", render(row) {
-          return h("span", {
-            style: `color: ${row.status === 0 ? "orange" : "green"}`
-          }, row.fileStatue);
-        } }
+        { title: "\u4E0A\u4F20\u72B6\u6001", dataIndex: "fileStatue", className: "orange" }
       ],
       operations: {
         expand: true,
@@ -7262,28 +7665,40 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             title: "\u9884\u89C8",
             icon: "ic:baseline-remove-red-eye",
             ifShow(row) {
-              const supportFileTypes = ["pdf", "jpg", "jpeg", "png", "bmp", "gif"];
-              return supportFileTypes.includes(row.fileName.split(".").pop());
+              if (!props.showView)
+                return false;
+              return isImage(row.fileName.split(".").pop());
             },
-            action: () => {
-              setImgVisible(true);
+            action: ({ row }) => {
+              if (isImage(row.fileName.split(".").pop())) {
+                setImgVisible(true);
+              }
             }
           },
-          { title: "\u7F16\u8F91", icon: "mdi:text-box-edit-outline" },
-          { title: "\u5220\u9664", icon: "mdi:delete-outline" }
+          { title: "\u5220\u9664", icon: "mdi:delete-outline", action: ({ row }) => {
+            if (!row.status)
+              historyFilesRef.value = historyFilesRef.value.filter((it) => it.fileId !== row.fileId);
+            else {
+              filesRef.value = filesRef.value.filter((it) => it.fileId !== row.fileId);
+            }
+          } }
         ]
       }
     });
-    watchEffect(() => {
-      historyFilesRef.value = props.defaultFiles.map((file) => {
-        return {
-          ...file,
-          fileName: file.fileName,
-          status: 0,
-          fileStatue: "\u5386\u53F2\u4E0A\u4F20"
-        };
-      });
-      allFilesRef.value = [...historyFilesRef.value, ...filesRef.value];
+    watch(() => props.defaultFiles, (v) => {
+      if (v) {
+        historyFilesRef.value = props.defaultFiles.map((file, index) => {
+          return {
+            ...file,
+            fileId: file.id || index,
+            fileName: file.fileName,
+            status: 0,
+            fileStatue: "\u5386\u53F2\u4E0A\u4F20"
+          };
+        });
+      }
+    }, {
+      immediate: true
     });
     function beforeUpload(file) {
       const { maxSize: maxSize2 } = props;
@@ -7303,13 +7718,19 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         if (currentChunk < chunks) {
           loadNext();
         } else {
-          filesRef.value.push({
+          let fileObj = {
             fileName: file.name,
             fileId: spark.end(),
             file,
             status: 1,
             fileStatue: "\u5F85\u4E0A\u4F20"
-          });
+          };
+          if (props.multiple) {
+            filesRef.value.push(fileObj);
+          } else {
+            historyFilesRef.value = [];
+            filesRef.value = [fileObj];
+          }
         }
       };
       function loadNext() {
@@ -7323,8 +7744,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _directive_icon = resolveDirective("icon");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_2$b, [
           createElementVNode("div", null, [
             createVNode(unref(Upload), {
               accept: unref(getStringAccept),
@@ -7338,7 +7759,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                     withDirectives(createElementVNode("span", null, null, 512), [
                       [_directive_icon, "ic:baseline-file-upload"]
                     ]),
-                    _hoisted_2$c
+                    _hoisted_3$6
                   ]),
                   _: 1
                 })
@@ -7354,18 +7775,18 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("span", null, null, 512), [
                   [_directive_icon, "ic:baseline-file-download"]
                 ]),
-                _hoisted_3$6
+                _hoisted_4$4
               ]),
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "default")
         ]),
-        createElementVNode("div", _hoisted_4$4, [
+        createElementVNode("div", _hoisted_5$3, [
           withDirectives(createElementVNode("span", null, null, 512), [
             [_directive_icon, "ant-design:info-circle-outlined"]
           ]),
-          _hoisted_5$3
+          createElementVNode("i", null, toDisplayString(unref(getHelpText)), 1)
         ]),
         createVNode(unref(DtTable), { onRegister: unref(registerTable) }, null, 8, ["onRegister"]),
         createVNode(unref(Image), {
@@ -7375,52 +7796,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             visible: imgVisable.value,
             onVisibleChange: setImgVisible
           },
-          src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-        }, null, 8, ["preview"])
-      ], 64);
-    };
-  }
-});
-const _hoisted_1$j = { class: "dt-upload-wrap" };
-const _hoisted_2$b = /* @__PURE__ */ createTextVNode(" 111 ");
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  emits: ["register"],
-  setup(__props, { emit: emites }) {
-    const uploadRef = ref(null);
-    const [register] = useModal({
-      width: "700px",
-      title: "\u6587\u4EF6\u4E0A\u4F20",
-      maskClosable: false
-    });
-    const defaultFiles = [
-      { fileName: "\u53EE\u549A\u53D1\u7968667.09.pdf", fileId: "1" }
-    ];
-    function handleSave() {
-      console.log(uploadRef.value.allFilesRef);
-      alert("s-s-s-");
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$K), {
-        onSave: _cache[0] || (_cache[0] = ($event) => handleSave()),
-        onRegister: unref(register)
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$j, [
-            createVNode(_sfc_main$y, {
-              ref_key: "uploadRef",
-              ref: uploadRef,
-              defaultFiles
-            }, {
-              default: withCtx(() => [
-                _hoisted_2$b
-              ]),
-              _: 1
-            }, 512)
-          ])
-        ]),
-        _: 1
-      }, 8, ["onRegister"]);
+          src: imgSrcRef.value
+        }, null, 8, ["preview", "src"])
+      ]);
     };
   }
 });
@@ -8220,11 +8598,10 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
 const dtComponents = [
   { name: "dt-base-router", component: DtBaseRouter },
   { name: "dt-icon", component: DtIcon },
-  { name: "dt-pick-icon", component: _sfc_main$V },
+  { name: "dt-pick-icon", component: _sfc_main$W },
   { name: "dt-modal", component: _sfc_main$K },
   { name: "dt-form", component: DtForm },
-  { name: "dt-upload", component: _sfc_main$y },
-  { name: "dt-upload-modal", component: _sfc_main$x },
+  { name: "dt-upload", component: _sfc_main$x },
   { name: "dt-tree", component: _sfc_main$v }
 ];
 function initComponents() {
@@ -9513,7 +9890,7 @@ var _sfc_main$b = defineComponent({
       }), null);
     }
     return () => {
-      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$T, null, {
+      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$U, null, {
         default: () => renderMenu()
       }) : renderMenu()]);
     };
@@ -10357,7 +10734,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$T), {
+                      createVNode(unref(_sfc_main$U), {
                         ref_key: "wrapperRef",
                         ref: wrapperRef,
                         class: normalizeClass({ "fixedWrap": unref(getFixed) })
@@ -10390,4 +10767,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { DtBaseRouter, DtForm, DtIcon, _sfc_main$z as DtIframe, _sfc_main$K as DtModal, _sfc_main$V as DtPickIcon, DtTable, _sfc_main as DtTheme, _sfc_main$v as DtTree, _sfc_main$y as DtUpload, _sfc_main$x as DtUploadModal, FormButtons, authMounted, export2Excel, iconMounted, initComponents, initDirectives, useCurd, useForm, useModal, useModalOut, useSource, useTable };
+export { DtBaseRouter, DtForm, DtIcon, _sfc_main$y as DtIframe, _sfc_main$K as DtModal, _sfc_main$W as DtPickIcon, DtTable, _sfc_main as DtTheme, _sfc_main$v as DtTree, _sfc_main$x as DtUpload, FormButtons, authMounted, export2Excel, iconMounted, initComponents, initDirectives, useCurd, useForm, useModal, useModalOut, useSource, useTable };