@dt-frames/ui 1.0.10 → 1.0.11

package/es/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, computed, unref, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, ref, watch, Fragment, renderList, createTextVNode, toDisplayString, KeepAlive, createVNode, withCtx, reactive, toRaw, getCurrentInstance, watchEffect, nextTick, onUnmounted, toRefs, isVNode, inject, h, provide, onMounted, onBeforeUnmount, resolveDynamicComponent, renderSlot, createCommentVNode, mergeProps, readonly, isRef, withDirectives, resolveDirective, render, normalizeProps, guardReactiveProps, createSlots, useAttrs as useAttrs$1, 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 { 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, cloneDeep, upperFirst, set, uniqBy, omit, difference, get, trim } from "lodash-es";
 import { tryOnUnmounted, isFunction as isFunction$1, useFullscreen, useDebounceFn, useThrottleFn } from "@vueuse/core";
 import Sortablejs from "sortablejs";
@@ -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_1$v = ["onClick"];
 const _hoisted_2$l = ["onClick"];
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+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", {
@@ -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,
@@ -2797,9 +2798,9 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(unref(_sfc_main$K), { onRegister: unref(register) }, {
+        createVNode(unref(_sfc_main$L), { onRegister: unref(register) }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$V), {
+            createVNode(unref(_sfc_main$W), {
               onChooseIcon: _cache[2] || (_cache[2] = ($event) => chooseIcon($event))
             })
           ]),
@@ -2834,11 +2835,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")) {
@@ -2942,7 +2943,7 @@ const FormItemProps = {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var _sfc_main$P = defineComponent({
+var _sfc_main$Q = defineComponent({
   name: "FormItem",
   inheritAttrs: false,
   props: FormItemProps,
@@ -3184,7 +3185,7 @@ var _sfc_main$P = defineComponent({
         ...bindValue,
         ...on2
       };
-      const Comp = componentMap.get(component);
+      const Comp = componentMap$1.get(component);
       if (!renderComponent) {
         return createVNode(Comp, compAttr, null);
       }
@@ -3329,7 +3330,7 @@ function initDirectives() {
     }
   };
 }
-const _sfc_main$O = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "form-buttons",
   props: {
     mode: {
@@ -3416,7 +3417,7 @@ const _sfc_main$O = defineComponent({
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   key: 0,
   className: "preIcon"
 };
@@ -3425,7 +3426,7 @@ const _hoisted_2$k = {
   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");
@@ -3452,7 +3453,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: ($event) => _ctx.handleBtnClick(button)
               }, {
                 icon: withCtx(() => [
-                  button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$s, null, 512)), [
+                  button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$t, null, 512)), [
                     [_directive_icon, button.preIcon]
                   ]) : createCommentVNode("", true)
                 ]),
@@ -3492,7 +3493,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$P, [["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: {} };
@@ -3965,12 +3966,12 @@ function useFormActions(opt) {
   }
   return [handleMethod];
 }
-const _sfc_main$N = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "dt-form",
   components: {
     Form,
     Row,
-    FormItem: _sfc_main$P,
+    FormItem: _sfc_main$Q,
     FormButtons
   },
   props: BasicProps$1,
@@ -4154,7 +4155,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 +4200,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$O, [["render", _sfc_render$4]]);
 function useForm(props) {
   const formRef = ref(null);
   const loadedRef = ref(false);
@@ -4272,7 +4273,7 @@ function useForm(props) {
   };
   return [registerForm, methods];
 }
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "modalFooter",
   props: {
     showSave: {
@@ -4311,7 +4312,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "close-icon",
   props: {
     canFullscreen: { type: Boolean, default: true },
@@ -4376,7 +4377,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps$1,
   emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
@@ -4459,7 +4460,6 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     }
     function handleSave() {
       emits("save");
-      handleCancel();
     }
     async function handleCancel(e = null) {
       var _a, _b;
@@ -4479,7 +4479,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),
@@ -4506,7 +4506,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(_sfc_main$L, {
+            createVNode(_sfc_main$M, {
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
@@ -4523,7 +4523,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(_sfc_main$M, {
+            createVNode(_sfc_main$N, {
               showSave: unref(getBindValue).showSave,
               onHandleSave: handleSave,
               onHandleCancel: handleCancel
@@ -4988,7 +4988,7 @@ function useRowSelection(propsRef, emit) {
     setSelectedRowKeys
   };
 }
-var _sfc_main$J = defineComponent({
+var _sfc_main$K = defineComponent({
   name: "TableFormat",
   props: {
     column: {
@@ -5060,6 +5060,236 @@ function createTableInstance(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
+    },
+    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$s = { 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$s, [
+    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) {
+  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$r = { class: "dt-table-action-btn" };
 const _hoisted_2$j = ["color", "onClick"];
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
@@ -5288,12 +5518,11 @@ function handleActionColumn(propsRef, columns) {
     columns.push({
       ...columnObj,
       customRender: ({ record, index }) => {
-        return h(_sfc_main$I, {
+        return h(_sfc_main$I, omit({
           ...columnObj,
           record,
-          align: null,
           index
-        });
+        }, "align"));
       }
     });
   }
@@ -5323,7 +5552,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;
@@ -6014,7 +6248,10 @@ const _sfc_main$C = defineComponent({
 const _hoisted_1$m = { class: "dt-table-header" };
 const _hoisted_2$e = { 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" }
@@ -6028,12 +6265,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         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")
@@ -6043,9 +6280,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$1]]);
 function useTableHeader(propsRef, slots, handlers) {
   const getHeaderProps = computed(() => {
-    const { tableSetting, toolbar } = unref(propsRef);
+    const { tableSetting, toolbar = [] } = unref(propsRef);
     const { getSlot } = useSlots();
-    const hideTitle = !slots.toolbar && !slots.headerTop && !tableSetting;
+    const hideTitle = !toolbar.length && !slots.toolbar && !slots.headerTop && !tableSetting;
     return {
       title: hideTitle ? null : () => h(TableHeader, {
         tableTools: tableSetting,
@@ -6225,12 +6462,16 @@ const _sfc_main$B = defineComponent({
   props: TableProps,
   components: {
     Table,
-    TableRender: _sfc_main$J
+    TableRender: _sfc_main$K
   },
   emits: [
     "register",
     "columns-change",
-    "selection-change"
+    "selection-change",
+    "row-click",
+    "row-dbClick",
+    "expanded-rows-change",
+    "edit-change"
   ],
   setup(props, { emit, attrs, slots }) {
     const tableElRef = ref(null);
@@ -6270,6 +6511,7 @@ const _sfc_main$B = defineComponent({
       getCacheColumns,
       getSelectRows,
       getSelectRowKeys,
+      emit,
       getSize: () => {
         return unref(getBind).size;
       }
@@ -6355,7 +6597,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 var DtTable = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["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 +6610,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 +6736,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 +6747,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();
     });
   }
@@ -6597,7 +6841,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const [registerDialog] = useModal({
+    const [registerDialog, { closeModal }] = useModal({
       ...omit(toRaw(props), [
         "actions",
         "curd",
@@ -6622,11 +6866,12 @@ 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) => {
-      return openBlock(), createBlock(unref(_sfc_main$K), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         onRegister: unref(registerDialog),
         onSave: handleSave
       }, {
@@ -7401,7 +7646,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       alert("s-s-s-");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$K), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         onSave: _cache[0] || (_cache[0] = ($event) => handleSave()),
         onRegister: unref(register)
       }, {
@@ -8220,8 +8465,8 @@ 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-modal", component: _sfc_main$K },
+  { name: "dt-pick-icon", component: _sfc_main$W },
+  { name: "dt-modal", component: _sfc_main$L },
   { name: "dt-form", component: DtForm },
   { name: "dt-upload", component: _sfc_main$y },
   { name: "dt-upload-modal", component: _sfc_main$x },
@@ -9513,7 +9758,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 +10602,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 +10635,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$z as DtIframe, _sfc_main$L as DtModal, _sfc_main$W 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 };