@dt-frames/ui 1.0.9 → 1.0.12

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, vShow, toRef, withModifiers, 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, dateFormat, http, getDynamicProps, getDictValueByCode, formatNumber, isVnode, getPopupContainer, isNullAndUnDef, useMessage, useTheme, useMenu, useHeader, useGo, Pages, localeList, changeLocale, Theme, MenuMode, MenuType, useThemeStore, ContentMode, useMultipleTab, copyText, MenuSplitTye, isUrl, openWindow, RouteReuseStore, menuList2Map, useApp } from "@dt-frames/core";
-import { InputSearch, Tooltip, Modal as Modal$1, RadioGroup, RadioButton, InputGroup, Input, Button, Select, TreeSelect, Radio, Checkbox, AutoComplete, Cascader, DatePicker, InputNumber, Switch, TimePicker, Slider, Rate, Divider, Col, Form, FormItem, Row, Dropdown, Menu, MenuItem, Popover, CheckboxGroup, Table, Spin, BackTop, Breadcrumb, Avatar, Drawer, Empty, SubMenu, LayoutHeader, LayoutSider, MenuDivider, Tabs, TabPane, LayoutFooter, LayoutContent, ConfigProvider, Layout } from "ant-design-vue";
-import { isEqual, cloneDeep, upperFirst, set, uniqBy, omit, trim } from "lodash-es";
+import { 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, 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$T = defineComponent({
+const _sfc_main$Z = 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$T, [["render", _sfc_render$7]]);
-const _sfc_main$S = defineComponent({
+var DtBaseRouter = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$8]]);
+const _sfc_main$Y = defineComponent({
   props: {
     iconClass: {
       type: String,
@@ -90,8 +90,8 @@ const _sfc_main$S = defineComponent({
     };
   }
 });
-const _hoisted_1$r = ["xlink:href", "fill"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$x = ["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$r)
+    }, null, 8, _hoisted_1$x)
   ], 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$S, [["render", _sfc_render$6]]);
+var DtIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$7]]);
 const Actions = [
   "ic:baseline-save",
   "ic:baseline-save-all",
@@ -1026,7 +1026,7 @@ const Edit = [
   "mdi:view-sequential",
   "mdi:view-split-vertical"
 ];
-const File = [
+const File$1 = [
   "ic:baseline-approval",
   "ic:baseline-attach-email",
   "ic:baseline-cloud",
@@ -1847,7 +1847,7 @@ const Icons = [
   },
   {
     type: "\u6587\u4EF6",
-    children: File
+    children: File$1
   },
   {
     type: "\u6570\u5B66",
@@ -1874,15 +1874,15 @@ const Icons = [
     children: Other
   }
 ];
-const _hoisted_1$q = ["onClick"];
-const _hoisted_2$i = ["onClick"];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = ["onClick"];
+const _hoisted_2$l = ["onClick"];
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "pick-icon",
   emits: ["chooseIcon"],
   setup(__props, { emit: emits }) {
     const clsPrefix = "dt-pick-icon";
     const activeIndex = ref(1);
-    const filter = ref(null);
+    const filter2 = ref(null);
     const currentIcons = ref([]);
     const activeIcon = ref(null);
     const iconMenus = computed(() => {
@@ -1920,7 +1920,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       immediate: true
     });
     function onFilter(e) {
-      currentIcons.value = getIcons().filter((it) => it.indexOf(unref(filter)) !== -1);
+      currentIcons.value = getIcons().filter((it) => it.indexOf(unref(filter2)) !== -1);
     }
     function selectIcon(icon) {
       activeIcon.value = icon;
@@ -1933,17 +1933,17 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           class: normalizeClass(`${clsPrefix}__menus`)
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(iconMenus), (menu, index2) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(iconMenus), (menu, index) => {
             return openBlock(), createElementBlock("div", {
               key: menu.type,
-              class: normalizeClass(["menu", { "active": activeIndex.value === index2 }]),
-              onClick: ($event) => activeIndex.value = index2
+              class: normalizeClass(["menu", { "active": activeIndex.value === index }]),
+              onClick: ($event) => activeIndex.value = index
             }, [
               createElementVNode("p", null, [
                 createTextVNode(toDisplayString(menu.type), 1),
                 createElementVNode("span", null, "(" + toDisplayString(menu.total) + ")", 1)
               ])
-            ], 10, _hoisted_1$q);
+            ], 10, _hoisted_1$w);
           }), 128))
         ], 2),
         createElementVNode("div", {
@@ -1954,8 +1954,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               class: normalizeClass(`${clsPrefix}__content_item`)
             }, [
               createVNode(unref(InputSearch), {
-                value: filter.value,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+                value: filter2.value,
+                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter2.value = $event),
                 "enter-button": "",
                 placeholder: "\u8BF7\u8F93\u5165\u8FC7\u6EE4\u6761\u4EF6",
                 onSearch: onFilter
@@ -1980,7 +1980,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)
-                ], 10, _hoisted_2$i);
+                ], 10, _hoisted_2$l);
               }), 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$p = { class: "scrollbar" };
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "scrollbar" };
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "scroll-bar",
   props: {
     wrapClass: {
@@ -2461,7 +2462,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createElementVNode("div", {
           ref_key: "wrap",
           ref: wrap,
@@ -2496,12 +2497,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "scroll-container",
   setup(__props) {
     const scrollbarRef = ref(null);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Q, mergeProps({
+      return openBlock(), createBlock(_sfc_main$W, mergeProps({
         ref_key: "scrollbarRef",
         ref: scrollbarRef,
         class: "scroll-container"
@@ -2514,7 +2515,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "modal-wrap",
   props: {
     loading: { type: Boolean },
@@ -2602,7 +2603,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$P), {
+      return openBlock(), createBlock(unref(_sfc_main$V), {
         ref_key: "wrapperRef",
         ref: wrapperRef
       }, {
@@ -2688,7 +2689,7 @@ function useFormValue(props, key = "value", changeEvent = "change", emitData) {
   });
   return [state, setState, defaultState];
 }
-const _sfc_main$N = defineComponent({
+const _sfc_main$T = defineComponent({
   name: "radio-button",
   props: {
     value: {
@@ -2721,7 +2722,7 @@ const _sfc_main$N = 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$N, [["render", _sfc_render$5]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+var RadioButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$6]]);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "formIcon",
   props: {
     value: String,
@@ -2797,9 +2798,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(unref(_sfc_main$G), { onRegister: unref(register) }, {
+        createVNode(unref(_sfc_main$L), { onRegister: unref(register) }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$R), {
+            createVNode(unref(_sfc_main$X), {
               onChooseIcon: _cache[2] || (_cache[2] = ($event) => chooseIcon($event))
             })
           ]),
@@ -2809,8 +2810,47 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$u = { class: "input-with-dialog" };
+const _sfc_main$R = /* @__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$u, [
+        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$R,
   InputTextArea: Input.TextArea,
   InputSearch: Input.Search,
   InputGroup: Input.Group,
@@ -2834,11 +2874,11 @@ const components = {
   Slider,
   Rate,
   Divider,
-  Icon: _sfc_main$M
+  Icon: _sfc_main$S
 };
-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")) {
@@ -2875,7 +2915,7 @@ function handleInputNumberValue(component, val) {
   return val;
 }
 const datePickerType = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker", "RangePicker"];
-const BasicProps = {
+const BasicProps$1 = {
   mode: {
     type: String,
     default: "search"
@@ -2942,7 +2982,7 @@ const FormItemProps = {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-var _sfc_main$L = defineComponent({
+var _sfc_main$Q = defineComponent({
   name: "FormItem",
   inheritAttrs: false,
   props: FormItemProps,
@@ -3179,12 +3219,12 @@ var _sfc_main$L = 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);
       }
@@ -3248,11 +3288,13 @@ var _sfc_main$L = defineComponent({
       return rules;
     }
     return () => {
-      let _slot2;
+      let _slot3;
       const {
         colSlot,
         renderCol,
-        colProps
+        colProps,
+        component,
+        render: render2
       } = props.schema;
       const {
         colProps: gColProps,
@@ -3260,11 +3302,23 @@ var _sfc_main$L = defineComponent({
       } = props.formProps;
       let _colProps = colProps ? colProps : gColProps ? gColProps : mode === "search" ? appConf.ui.form.searchColspan : appConf.ui.form.dialogColspan;
       const values = unref(getValues);
+      if (!component) {
+        let _slot2;
+        if (!render2) {
+          error("\u8BF7\u914D\u7F6Erender\u51FD\u6570");
+          return;
+        }
+        return createVNode(Col, {
+          "span": 24
+        }, _isSlot(_slot2 = render2()) ? _slot2 : {
+          default: () => [_slot2]
+        });
+      }
       const getContent = () => {
         return colSlot ? getSlot(slots, colSlot, values) : renderCol ? renderCol(values) : renderItem();
       };
-      return unref(getShow) && createVNode(Col, _colProps, _isSlot(_slot2 = getContent()) ? _slot2 : {
-        default: () => [_slot2]
+      return unref(getShow) && createVNode(Col, _colProps, _isSlot(_slot3 = getContent()) ? _slot3 : {
+        default: () => [_slot3]
       });
     };
   }
@@ -3315,7 +3369,7 @@ function initDirectives() {
     }
   };
 }
-const _sfc_main$K = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "form-buttons",
   props: {
     mode: {
@@ -3402,16 +3456,16 @@ const _sfc_main$K = defineComponent({
     };
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$t = {
   key: 0,
   className: "preIcon"
 };
-const _hoisted_2$h = {
+const _hoisted_2$k = {
   key: 0,
   className: "preIcon"
 };
-const _hoisted_3$a = { class: "text" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$c = { class: "text" };
+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");
@@ -3438,13 +3492,13 @@ 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$o, null, 512)), [
+                  button.preIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_1$t, null, 512)), [
                     [_directive_icon, button.preIcon]
                   ]) : createCommentVNode("", true)
                 ]),
                 default: withCtx(() => [
                   createTextVNode(" " + toDisplayString(button.name) + " ", 1),
-                  button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$h, null, 512)), [
+                  button.postIcon ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$k, null, 512)), [
                     [_directive_icon, button.postIcon]
                   ]) : createCommentVNode("", true)
                 ]),
@@ -3459,7 +3513,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _ctx.toggleAdvanced
           }, {
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_3$a, toDisplayString(_ctx.advancedRef ? "\u6536\u8D77" : "\u5C55\u5F00"), 1),
+              createElementVNode("span", _hoisted_3$c, toDisplayString(_ctx.advancedRef ? "\u6536\u8D77" : "\u5C55\u5F00"), 1),
               createElementVNode("span", {
                 class: normalizeClass(_ctx.getAdvanceClass)
               }, [
@@ -3478,7 +3532,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 16)) : createCommentVNode("", true);
 }
-var FormButtons = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["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: {} };
@@ -3709,7 +3763,7 @@ function useFormValues({
     return res;
   }
   function initDefault() {
-    const schema = unref(getSchema);
+    const schema = unref(getSchema).filter((it) => it.component);
     const obj = {};
     schema.forEach((item) => {
       const { props = {}, name, component } = item;
@@ -3737,9 +3791,9 @@ function useFormValues({
           }
         } else {
           if (names.length > 1) {
-            names.forEach((key, index2) => {
-              obj[key] = defaultValue2[index2];
-              formModel[key] = defaultValue2[index2];
+            names.forEach((key, index) => {
+              obj[key] = defaultValue2[index];
+              formModel[key] = defaultValue2[index];
             });
           } else {
             obj[names[0]] = defaultValue2;
@@ -3747,7 +3801,7 @@ function useFormValues({
           }
         }
       } else {
-        names.forEach((key, index2) => {
+        names.forEach((key, index) => {
           let defaultV = null;
           if (component === "TreeSelect" && (mode === "multiple" || treeCheckable) || component === "Select" && mode === "multiple") {
             defaultV = [];
@@ -3833,10 +3887,10 @@ function useFormEvents({
     schemaRef.value = schemaList;
   }
   function _removeSchemaByName(name, schemaList) {
-    const index2 = schemaList.findIndex((schema) => schema.name === name);
-    if (index2 !== -1) {
+    const index = schemaList.findIndex((schema) => schema.name === name);
+    if (index !== -1) {
       delete formModel[name];
-      schemaList.splice(index2, 1);
+      schemaList.splice(index, 1);
     }
   }
   function setFormValues(values) {
@@ -3857,7 +3911,7 @@ function useFormEvents({
           if (Array.isArray(value)) {
             const arr = [];
             for (const ele of value) {
-              arr.push(ele ? dateFormat(ele) : null);
+              arr.push(ele ? dayjs(ele) : null);
             }
             formModel[key] = arr;
           } else {
@@ -3866,7 +3920,7 @@ function useFormEvents({
             if (typeof props === "function") {
               _props = props({ formModel });
             }
-            formModel[key] = value ? (_props == null ? void 0 : _props.valueFormat) ? value : dateFormat(value) : null;
+            formModel[key] = value ? (_props == null ? void 0 : _props.valueFormat) ? value : dayjs(value) : null;
           }
         } else {
           formModel[key] = value;
@@ -3879,14 +3933,14 @@ function useFormEvents({
   }
   function appendFormItems(schema, prefixName, first = false) {
     const schemaList = cloneDeep(unref(getSchema));
-    const index2 = schemaList.findIndex((schema2) => schema2.name === prefixName);
-    if (!prefixName || index2 === -1 || first) {
+    const index = schemaList.findIndex((schema2) => schema2.name === prefixName);
+    if (!prefixName || index === -1 || first) {
       first ? schemaList.unshift(schema) : schemaList.push(schema);
       schemaRef.value = schemaList;
       return;
     }
-    if (index2 !== -1) {
-      schemaList.splice(index2 + 1, 0, schema);
+    if (index !== -1) {
+      schemaList.splice(index + 1, 0, schema);
     }
     schemaRef.value = schemaList;
   }
@@ -3928,8 +3982,8 @@ function useFormActions(opt) {
   function handleAdvanced(isAdvanced) {
     var _a;
     const { schemas, minShowColumn = ((_a = appConf.ui.form) == null ? void 0 : _a.minShowColumn) || 2 } = unref(getProps);
-    let schema = schemas.reduce((t, it, index2) => {
-      if (index2 > minShowColumn - 1)
+    let schema = schemas.reduce((t, it, index) => {
+      if (index > minShowColumn - 1)
         it.isAdvanced = isAdvanced;
       t.push(it);
       return t;
@@ -3951,15 +4005,15 @@ function useFormActions(opt) {
   }
   return [handleMethod];
 }
-const _sfc_main$J = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "dt-form",
   components: {
     Form,
     Row,
-    FormItem: _sfc_main$L,
+    FormItem: _sfc_main$Q,
     FormButtons
   },
-  props: BasicProps,
+  props: BasicProps$1,
   emits: ["register", "reset"],
   setup(props, { emit, attrs }) {
     const { appConf } = useAppStore();
@@ -4140,7 +4194,7 @@ const _sfc_main$J = 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");
@@ -4185,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$J, [["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);
@@ -4258,7 +4312,7 @@ function useForm(props) {
   };
   return [registerForm, methods];
 }
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "modalFooter",
   props: {
     showSave: {
@@ -4297,7 +4351,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "close-icon",
   props: {
     canFullscreen: { type: Boolean, default: true },
@@ -4362,7 +4416,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: basicProps$1,
   emits: ["visible-change", "height-change", "cancel", "save", "register", "update:visible"],
@@ -4384,7 +4438,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
     };
     const { getWrapClassName, toggleFullScreen, fullScreenRef } = useFullScreen({
-      wrapClassName: computed(() => unref(propsRef).wrapClassName),
+      wrapClassName: computed(() => {
+        var _a;
+        return (_a = unref(propsRef)) == null ? void 0 : _a.wrapClassName;
+      }),
       extHeightRef,
       modalWrapperRef
     });
@@ -4442,7 +4499,6 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     }
     function handleSave() {
       emits("save");
-      handleCancel();
     }
     async function handleCancel(e = null) {
       var _a, _b;
@@ -4462,7 +4518,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Modal), mergeProps(unref(getBindValue), { onCancel: handleCancel }), createSlots({
         default: withCtx(() => [
-          createVNode(_sfc_main$O, mergeProps({
+          createVNode(_sfc_main$U, mergeProps({
             useWrapper: unref(getBindValue).useWrapper,
             footerOffset: _ctx.wrapperFooterOffset,
             fullScreen: unref(fullScreenRef),
@@ -4489,7 +4545,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.closeIcon ? {
           name: "closeIcon",
           fn: withCtx(() => [
-            createVNode(_sfc_main$H, {
+            createVNode(_sfc_main$M, {
               canFullscreen: unref(getBindValue).canFullscreen,
               fullScreen: unref(fullScreenRef),
               onCancel: handleCancel,
@@ -4506,7 +4562,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.footer ? {
           name: "footer",
           fn: withCtx(() => [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$N, {
               showSave: unref(getBindValue).showSave,
               onHandleSave: handleSave,
               onHandleCancel: handleCancel
@@ -4668,6 +4724,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 },
@@ -4749,14 +4806,14 @@ const TableProps = {
   }
 };
 function useRows(propsRef) {
-  function getRowClassName(record, index2) {
+  function getRowClassName(record, index) {
     const { striped, rowClassName } = unref(propsRef);
     const classNames = [];
     if (striped) {
-      classNames.push(index2 % 2 === 1 ? "table-striped" : "");
+      classNames.push(index % 2 === 1 ? "table-striped" : "");
     }
     if (rowClassName && isFunction(rowClassName)) {
-      classNames.push(rowClassName(record, index2));
+      classNames.push(rowClassName(record, index));
     }
     return classNames.join(" ");
   }
@@ -4971,7 +5028,7 @@ function useRowSelection(propsRef, emit) {
     setSelectedRowKeys
   };
 }
-var _sfc_main$F = defineComponent({
+var _sfc_main$K = defineComponent({
   name: "TableFormat",
   props: {
     column: {
@@ -4990,7 +5047,7 @@ var _sfc_main$F = defineComponent({
       const {
         column,
         record,
-        index: index2
+        index
       } = props;
       const {
         render: render2,
@@ -5028,7 +5085,7 @@ var _sfc_main$F = defineComponent({
         renderText.value = text;
       }
       if (isFunction(render2)) {
-        let afterRenderData = render2(record, index2, text);
+        let afterRenderData = render2(record, index, text);
         renderText.value = isVnode(afterRenderData) ? createVNode(Fragment, null, [afterRenderData]) : afterRenderData;
       }
     }
@@ -5043,9 +5100,239 @@ function createTableInstance(instance) {
 function getTableInstance() {
   return inject(tableKey);
 }
-const _hoisted_1$n = { class: "dt-table-action-btn" };
-const _hoisted_2$g = ["color", "onClick"];
-const _sfc_main$E = /* @__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$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({
   __name: "TableActions",
   props: {
     fixed: {
@@ -5101,7 +5388,7 @@ const _sfc_main$E = /* @__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$n, [
+        return openBlock(), createElementBlock("span", _hoisted_1$r, [
           item.ifShow ? (openBlock(), createBlock(unref(Tooltip), {
             key: 0,
             placement: "bottom"
@@ -5113,7 +5400,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
               withDirectives(createElementVNode("span", {
                 color: item.color,
                 onClick: ($event) => handleAction(item)
-              }, null, 8, _hoisted_2$g), [
+              }, null, 8, _hoisted_2$j), [
                 [_directive_icon, item.icon]
               ])
             ]),
@@ -5235,15 +5522,15 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
     width: 50,
     title: "\u5E8F\u53F7",
     align: "center",
-    customRender: ({ index: index2 }) => {
+    customRender: ({ index }) => {
       const getPagination = unref(getPaginationRef);
       const { appConf } = useAppStore();
       const { defaultPageSize } = appConf.ui.table;
       if (isBoolean(getPagination)) {
-        return `${index2 + 1}`;
+        return `${index + 1}`;
       }
       const { current = 1, pageSize = defaultPageSize } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
     },
     ...isFixedLeft ? {
       fixed: "left"
@@ -5270,13 +5557,12 @@ function handleActionColumn(propsRef, columns) {
     };
     columns.push({
       ...columnObj,
-      customRender: ({ record, index: index2 }) => {
-        return h(_sfc_main$E, {
+      customRender: ({ record, index }) => {
+        return h(_sfc_main$I, omit({
           ...columnObj,
           record,
-          align: null,
-          index: index2
-        });
+          index
+        }, "align"));
       }
     });
   }
@@ -5289,9 +5575,9 @@ function useColumns(propsRef, getPaginationRef) {
     if (!columns)
       return [];
     const { ellipsis, resizable, minWidth = 50, maxWidth = 700 } = unref(propsRef);
-    columns.forEach((it, index2) => {
+    columns.forEach((it, index) => {
       const { slots } = it;
-      it.width = it.width || (index2 === columns.length - 1 ? 119.9 : 120);
+      it.width = it.width || (index === columns.length - 1 ? 119.9 : 120);
       if (Reflect.has(it, "resizable") ? !!it.resizable : resizable) {
         it.resizable = true;
         it.minWidth = it.minWidth || minWidth;
@@ -5306,7 +5592,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;
@@ -5381,18 +5672,18 @@ function useColumns(propsRef, getPaginationRef) {
     getCacheColumns
   };
 }
-const _hoisted_1$m = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
-const _hoisted_2$f = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
-const _hoisted_3$9 = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
-const _hoisted_4$6 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_1$q = /* @__PURE__ */ createElementVNode("span", null, "\u5217\u63A7\u5236", -1);
+const _hoisted_2$i = /* @__PURE__ */ createTextVNode(" \u5217\u5C55\u793A ");
+const _hoisted_3$b = /* @__PURE__ */ createTextVNode(" \u5E8F\u5217\u53F7 ");
+const _hoisted_4$8 = /* @__PURE__ */ createTextVNode(" \u590D\u9009\u6846 ");
+const _hoisted_5$5 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
 const _hoisted_6$2 = {
   size: 16,
   className: "drag-icon"
 };
 const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u5DE6\u4FA7");
 const _hoisted_8$1 = /* @__PURE__ */ createTextVNode("\u56FA\u5B9A\u5230\u53F3\u4FA7");
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Column",
   emits: [
     "columns-change"
@@ -5528,9 +5819,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         return;
       const columns = getColumns();
       const isFixed = item.fixed === fixed ? false : fixed;
-      const index2 = columns.findIndex((col) => col.dataIndex === item.dataIndex);
-      if (index2 !== -1) {
-        columns[index2].fixed = isFixed;
+      const index = columns.findIndex((col) => col.dataIndex === item.dataIndex);
+      if (index !== -1) {
+        columns[index].fixed = isFixed;
       }
       item.fixed = isFixed;
       if (isFixed && !item.width) {
@@ -5571,7 +5862,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          _hoisted_1$m
+          _hoisted_1$q
         ]),
         default: withCtx(() => [
           createVNode(unref(Popover), {
@@ -5592,7 +5883,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   onChange: onCheckAllChange
                 }, {
                   default: withCtx(() => [
-                    _hoisted_2$f
+                    _hoisted_2$i
                   ]),
                   _: 1
                 }, 8, ["indeterminate", "checked"]),
@@ -5602,7 +5893,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   onChange: handleIndexCheckChange
                 }, {
                   default: withCtx(() => [
-                    _hoisted_3$9
+                    _hoisted_3$b
                   ]),
                   _: 1
                 }, 8, ["checked"]),
@@ -5613,7 +5904,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   disabled: !unref(defaultRowSelection)
                 }, {
                   default: withCtx(() => [
-                    _hoisted_4$6
+                    _hoisted_4$8
                   ]),
                   _: 1
                 }, 8, ["checked", "disabled"]),
@@ -5623,7 +5914,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   onClick: reset
                 }, {
                   default: withCtx(() => [
-                    _hoisted_5$3
+                    _hoisted_5$5
                   ]),
                   _: 1
                 })
@@ -5724,10 +6015,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { key: 0 };
-const _hoisted_2$e = { key: 0 };
-const _hoisted_3$8 = { key: 1 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = { key: 0 };
+const _hoisted_2$h = { key: 0 };
+const _hoisted_3$a = { key: 1 };
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Fullscreen",
   setup(__props) {
     const table = getTableInstance();
@@ -5750,15 +6041,15 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$l, "\u5168\u5C4F")) : createCommentVNode("", true)
+          !unref(isFullscreen) ? (openBlock(), createElementBlock("span", _hoisted_1$p, "\u5168\u5C4F")) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("span", {
             onClick: _cache[0] || (_cache[0] = (...args) => unref(toggle) && unref(toggle)(...args))
           }, [
-            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$e, null, 512)), [
+            !unref(isFullscreen) ? withDirectives((openBlock(), createElementBlock("span", _hoisted_2$h, null, 512)), [
               [_directive_icon, "ic:baseline-fullscreen"]
-            ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_3$8, null, 512)), [
+            ]) : withDirectives((openBlock(), createElementBlock("span", _hoisted_3$a, null, 512)), [
               [_directive_icon, "ic:baseline-fullscreen-exit"]
             ])
           ])
@@ -5768,11 +6059,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", null, "\u9ED8\u8BA4", -1);
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("span", null, "\u4E2D\u7B49", -1);
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("span", null, "\u7D27\u51D1", -1);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$o = /* @__PURE__ */ createTextVNode("\u5BC6\u5EA6");
+const _hoisted_2$g = /* @__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({
   __name: "Size",
   setup(__props) {
     const table = getTableInstance();
@@ -5785,7 +6076,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), null, {
         title: withCtx(() => [
-          _hoisted_1$k
+          _hoisted_1$o
         ]),
         default: withCtx(() => [
           createVNode(unref(Dropdown), {
@@ -5803,19 +6094,19 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(MenuItem), { key: "default" }, {
                     default: withCtx(() => [
-                      _hoisted_2$d
+                      _hoisted_2$g
                     ]),
                     _: 1
                   }),
                   createVNode(unref(MenuItem), { key: "middle" }, {
                     default: withCtx(() => [
-                      _hoisted_3$7
+                      _hoisted_3$9
                     ]),
                     _: 1
                   }),
                   createVNode(unref(MenuItem), { key: "small" }, {
                     default: withCtx(() => [
-                      _hoisted_4$5
+                      _hoisted_4$7
                     ]),
                     _: 1
                   })
@@ -5836,11 +6127,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA", -1);
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u5F53\u524D\u9875", -1);
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u9009\u4E2D\u5217", -1);
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", null, "\u5BFC\u51FA\u6240\u6709\u5217", -1);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+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_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({
   __name: "Download",
   setup(__props) {
     const table = getTableInstance();
@@ -5858,7 +6149,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       const _directive_icon = resolveDirective("icon");
       return openBlock(), createBlock(unref(Tooltip), { placement: "top" }, {
         title: withCtx(() => [
-          _hoisted_1$j
+          _hoisted_1$n
         ]),
         default: withCtx(() => [
           createVNode(unref(Dropdown), {
@@ -5871,19 +6162,19 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(MenuItem), { key: "current" }, {
                     default: withCtx(() => [
-                      _hoisted_2$c
+                      _hoisted_2$f
                     ]),
                     _: 1
                   }),
                   createVNode(unref(MenuItem), { key: "select" }, {
                     default: withCtx(() => [
-                      _hoisted_3$6
+                      _hoisted_3$8
                     ]),
                     _: 1
                   }),
                   createVNode(unref(MenuItem), { key: "all" }, {
                     default: withCtx(() => [
-                      _hoisted_4$4
+                      _hoisted_4$6
                     ]),
                     _: 1
                   })
@@ -5904,13 +6195,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "table-setting",
   components: {
-    ColumnSetting: _sfc_main$D,
-    FullscreenSetting: _sfc_main$C,
-    SizeSetting: _sfc_main$B,
-    Download: _sfc_main$A
+    ColumnSetting: _sfc_main$H,
+    FullscreenSetting: _sfc_main$G,
+    SizeSetting: _sfc_main$F,
+    Download: _sfc_main$E
   },
   props: {
     setting: {
@@ -5953,8 +6244,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$z, [["render", _sfc_render$2]]);
-const _sfc_main$y = defineComponent({
+var TableSettinCom = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$2]]);
+const _sfc_main$C = defineComponent({
   name: "table-header",
   components: {
     TableSettinCom,
@@ -5964,7 +6255,7 @@ const _sfc_main$y = defineComponent({
   },
   props: {
     tableTools: {
-      type: Object
+      type: [Object, Boolean]
     },
     toolbar: {
       type: Array,
@@ -5994,41 +6285,44 @@ const _sfc_main$y = defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "dt-table-header" };
-const _hoisted_2$b = { class: "dt-table-header-actions" };
-const _hoisted_3$5 = { class: "dt-table-header-actions__left" };
-const _hoisted_4$3 = { class: "dt-table-header-actions__right" };
-const _hoisted_5$2 = {
+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 = {
+  key: 0,
+  class: "dt-table-header-actions__right"
+};
+const _hoisted_5$4 = {
   key: 0,
   style: { "margin": "5px" }
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FormButtons = resolveComponent("FormButtons");
   const _component_TableSettinCom = resolveComponent("TableSettinCom");
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
-    createElementVNode("div", _hoisted_2$b, [
-      createElementVNode("div", _hoisted_3$5, [
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+    createElementVNode("div", _hoisted_2$e, [
+      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$3, [
+      _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$2, [
+    _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
       renderSlot(_ctx.$slots, "headerTop")
     ])) : createCommentVNode("", true)
   ]);
 }
-var TableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
+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,
@@ -6203,17 +6497,88 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef) {
     filterSource
   };
 }
-const _sfc_main$x = 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$B = defineComponent({
   name: "dt-table",
   props: TableProps,
   components: {
     Table,
-    TableRender: _sfc_main$F
+    TableRender: _sfc_main$K
   },
   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);
@@ -6237,7 +6602,8 @@ const _sfc_main$x = defineComponent({
       clearSelectedRowKeys,
       getRowSelection,
       getSelectRows,
-      getSelectRowKeys
+      getSelectRowKeys,
+      setSelectedRowKeys
     } = useRowSelection(getProps, emit);
     const { getScrollRef, filterSource } = useTableScroll(getProps, tableElRef, getColumnsRef, getRowSelectionRef);
     function setProps(props2) {
@@ -6253,6 +6619,7 @@ const _sfc_main$x = defineComponent({
       getCacheColumns,
       getSelectRows,
       getSelectRowKeys,
+      emit,
       getSize: () => {
         return unref(getBind).size;
       }
@@ -6267,6 +6634,12 @@ const _sfc_main$x = defineComponent({
       setPagination,
       clearSelectedRowKeys
     });
+    const { customRow } = useCustomRow(getProps, {
+      setSelectedRowKeys,
+      getSelectRowKeys,
+      clearSelectedRowKeys,
+      emit
+    });
     const getBind = computed(() => {
       return {
         ...attrs,
@@ -6279,7 +6652,8 @@ const _sfc_main$x = defineComponent({
         rowSelection: unref(getRowSelectionRef),
         rowKey: unref(getProps).rowKey,
         columns: unref(getViewColumns),
-        tableLayout: "fixed"
+        tableLayout: "fixed",
+        customRow
       };
     });
     createTableInstance({ ...tableAction, tableElRef, getBind });
@@ -6316,12 +6690,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _ctx.handleTableChange,
     onResizeColumn: _ctx.handleResizeColumn
   }), createSlots({
-    bodyCell: withCtx(({ column, record, index: index2 }) => [
+    bodyCell: withCtx(({ column, record, index }) => [
       (column == null ? void 0 : column.render) ? (openBlock(), createBlock(_component_TableRender, {
         key: 0,
         column,
         record,
-        index: index2
+        index
       }, null, 8, ["column", "record", "index"])) : createCommentVNode("", true)
     ]),
     _: 2
@@ -6336,20 +6710,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]), 1040, ["rowClassName", "onChange", "onResizeColumn"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render]]);
+var DtTable = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render]]);
 function useFetch(api, baseUrl = "") {
-  function fetch(params = {}) {
-    let type, header = {}, model = {}, _api = "";
+  function fetch(params) {
+    let type, header = {}, model = {};
     if (isString(api)) {
-      _api = baseUrl + api;
+      api = baseUrl + api;
     } else {
       type = api.type;
-      _api = baseUrl + api.api;
+      if (api.api.indexOf(baseUrl) === -1) {
+        api.api = `${baseUrl}${api.api}`;
+      }
       header = api.header;
       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) => {
@@ -6396,9 +6773,18 @@ function useSource(opt) {
   const { add, deletes, update, queryById, queryPage } = api;
   const { message } = useMessage();
   const apiFul = {};
+  const apiPath = {};
   for (let it in api) {
     loading["on" + it.slice(0, 1).toUpperCase() + it.slice(1).toLowerCase()] = ref(false);
-    apiFul[it] = baseUrl + (isString(api[it]) ? api[it] : api[it].api);
+    if (isString(api[it])) {
+      apiFul[it] = baseUrl + api[it];
+    } else {
+      apiFul[it] = {
+        ...api[it],
+        api: baseUrl + api[it].api
+      };
+    }
+    apiPath[it] = baseUrl + (isString(api[it]) ? api[it] : api[it].api);
   }
   const { appConf } = useAppStore();
   const pagination = ref({
@@ -6415,7 +6801,7 @@ function useSource(opt) {
     },
     orderDTOs: []
   });
-  function onSearch(model) {
+  function onSearch(model = {}) {
     baseData.entityDTO = { ...model };
     baseData.pageDTO.pageNo = 0;
     loading.onSearch.value = true;
@@ -6428,12 +6814,20 @@ function useSource(opt) {
     search();
   }
   function onTableChange(params, needSearch = true) {
-    const { pagination: pagination2, showBtnLoading, sort = [], filter } = params;
+    const { pagination: pagination2, showBtnLoading, sort, filter: filter2 } = params;
     baseData.pageDTO = {
       pageNo: pagination2.current - 1,
       pageSize: pagination2.pageSize
     };
-    baseData.orderDTOs = [];
+    const { field, order } = sort;
+    if (field) {
+      baseData.orderDTOs = [{
+        propertyName: field,
+        dir: order === "ascend" ? "asc" : "desc"
+      }];
+    } else {
+      baseData.orderDTOs = [];
+    }
     if (needSearch)
       search();
   }
@@ -6457,7 +6851,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();
     });
@@ -6468,14 +6862,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();
     });
   }
@@ -6501,8 +6896,8 @@ function useSource(opt) {
     onDeletes
   };
   return {
-    api,
-    apiFul,
+    api: apiFul,
+    apiPath,
     form,
     table,
     curd,
@@ -6545,14 +6940,15 @@ const basicProps = {
     type: Object
   }
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: {
     ...basicProps,
     ...{
       onRegister: { type: Function },
       formProps: {
-        type: Object
+        type: Object,
+        default: () => ({})
       },
       formsVal: {
         type: Object
@@ -6561,7 +6957,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const [registerDialog] = useModal({
+    const [registerDialog, { closeModal }] = useModal({
       ...omit(toRaw(props), [
         "actions",
         "curd",
@@ -6573,7 +6969,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       destroyOnClose: true
     });
     const [registerForm, { getFormValues, setFormValues }] = useForm({
-      ...props.formProps.value || {},
+      ...props.formProps || {},
       schemas: props.schemas,
       mode: "dialog"
     });
@@ -6586,11 +6982,12 @@ const _sfc_main$w = /* @__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$G), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         onRegister: unref(registerDialog),
         onSave: handleSave
       }, {
@@ -6615,7 +7012,7 @@ function useCurd(curdOpt) {
   const DtCurdModal = () => {
     return h(createVNode("div", {
       "class": "curdModal"
-    }, [createVNode(_sfc_main$w, mergeProps(curdOpt, {
+    }, [createVNode(_sfc_main$A, mergeProps(curdOpt, {
       "formsVal": formsVal,
       "formProps": curdOpt.formProps,
       "onRegister": register
@@ -6681,9 +7078,9 @@ function useCurd(curdOpt) {
     update
   };
 }
-const _hoisted_1$h = { class: "iframe-page" };
-const _hoisted_2$a = ["src"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = { class: "iframe-page" };
+const _hoisted_2$d = ["src"];
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     showLoading: {
@@ -6705,7 +7102,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       iframeWin.postMessage(props.postMsg, props.src);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createVNode(unref(Spin), {
           spinning: loading.value,
           size: "large"
@@ -6717,7 +7114,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               ref_key: "frameRef",
               ref: frameRef,
               onLoad: _cache[0] || (_cache[0] = ($event) => afterLoaded())
-            }, null, 40, _hoisted_2$a)
+            }, null, 40, _hoisted_2$d)
           ]),
           _: 1
         }, 8, ["spinning"])
@@ -6725,52 +7122,1494 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-function useDialog() {
-  function createDialog(component, options) {
-    return new Promise((resolve) => {
-      const div = document.createElement("div");
-      document.body.appendChild(div);
-      render$1();
-      function render$1() {
-        const vm = createVNode(component.children[0]);
-        render(vm, div);
-        return vm;
-      }
-    });
+const basicUploadProps = {
+  showTemplateDownload: {
+    type: Boolean,
+    default: false
+  },
+  templateDownload: {
+    type: Function,
+    default: () => {
+    }
+  },
+  helpText: {
+    type: String,
+    default: ""
+  },
+  multiple: {
+    type: Boolean,
+    default: true
+  },
+  accept: {
+    type: Array,
+    default: () => []
+  },
+  maxSize: {
+    type: Number,
+    default: 2
+  },
+  maxNumber: {
+    type: Number,
+    default: Infinity
+  },
+  defaultFiles: {
+    type: Array,
+    default: []
   }
+};
+function useHelpers(acceptRef, helpTextRef, maxNumberRef, maxSizeRef) {
+  const getAccept = computed(() => {
+    const accept = unref(acceptRef);
+    if (accept && accept.length > 0) {
+      return accept;
+    }
+    return [];
+  });
+  const getStringAccept = computed(() => {
+    return unref(getAccept).map((item) => {
+      if (item.indexOf("/") > 0 || item.startsWith(".")) {
+        return item;
+      }
+      return `.${item}`;
+    }).join(",");
+  });
   return {
-    createDialog
+    getStringAccept
   };
 }
-const dtComponents = [
-  { name: "dt-base-router", component: DtBaseRouter },
-  { name: "dt-icon", component: DtIcon },
-  { name: "dt-pick-icon", component: _sfc_main$R },
-  { name: "dt-modal", component: _sfc_main$G },
-  { name: "dt-form", component: DtForm }
-];
-function initComponents() {
-  return {
-    install(app) {
-      dtComponents.forEach((comp) => app.component(comp.name, comp));
+var sparkMd5 = { exports: {} };
+(function(module, exports) {
+  (function(factory) {
+    {
+      module.exports = factory();
+    }
+  })(function(undefined$1) {
+    var hex_chr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
+    function md5cycle(x, k) {
+      var a = x[0], b = x[1], c = x[2], d = x[3];
+      a += (b & c | ~b & d) + k[0] - 680876936 | 0;
+      a = (a << 7 | a >>> 25) + b | 0;
+      d += (a & b | ~a & c) + k[1] - 389564586 | 0;
+      d = (d << 12 | d >>> 20) + a | 0;
+      c += (d & a | ~d & b) + k[2] + 606105819 | 0;
+      c = (c << 17 | c >>> 15) + d | 0;
+      b += (c & d | ~c & a) + k[3] - 1044525330 | 0;
+      b = (b << 22 | b >>> 10) + c | 0;
+      a += (b & c | ~b & d) + k[4] - 176418897 | 0;
+      a = (a << 7 | a >>> 25) + b | 0;
+      d += (a & b | ~a & c) + k[5] + 1200080426 | 0;
+      d = (d << 12 | d >>> 20) + a | 0;
+      c += (d & a | ~d & b) + k[6] - 1473231341 | 0;
+      c = (c << 17 | c >>> 15) + d | 0;
+      b += (c & d | ~c & a) + k[7] - 45705983 | 0;
+      b = (b << 22 | b >>> 10) + c | 0;
+      a += (b & c | ~b & d) + k[8] + 1770035416 | 0;
+      a = (a << 7 | a >>> 25) + b | 0;
+      d += (a & b | ~a & c) + k[9] - 1958414417 | 0;
+      d = (d << 12 | d >>> 20) + a | 0;
+      c += (d & a | ~d & b) + k[10] - 42063 | 0;
+      c = (c << 17 | c >>> 15) + d | 0;
+      b += (c & d | ~c & a) + k[11] - 1990404162 | 0;
+      b = (b << 22 | b >>> 10) + c | 0;
+      a += (b & c | ~b & d) + k[12] + 1804603682 | 0;
+      a = (a << 7 | a >>> 25) + b | 0;
+      d += (a & b | ~a & c) + k[13] - 40341101 | 0;
+      d = (d << 12 | d >>> 20) + a | 0;
+      c += (d & a | ~d & b) + k[14] - 1502002290 | 0;
+      c = (c << 17 | c >>> 15) + d | 0;
+      b += (c & d | ~c & a) + k[15] + 1236535329 | 0;
+      b = (b << 22 | b >>> 10) + c | 0;
+      a += (b & d | c & ~d) + k[1] - 165796510 | 0;
+      a = (a << 5 | a >>> 27) + b | 0;
+      d += (a & c | b & ~c) + k[6] - 1069501632 | 0;
+      d = (d << 9 | d >>> 23) + a | 0;
+      c += (d & b | a & ~b) + k[11] + 643717713 | 0;
+      c = (c << 14 | c >>> 18) + d | 0;
+      b += (c & a | d & ~a) + k[0] - 373897302 | 0;
+      b = (b << 20 | b >>> 12) + c | 0;
+      a += (b & d | c & ~d) + k[5] - 701558691 | 0;
+      a = (a << 5 | a >>> 27) + b | 0;
+      d += (a & c | b & ~c) + k[10] + 38016083 | 0;
+      d = (d << 9 | d >>> 23) + a | 0;
+      c += (d & b | a & ~b) + k[15] - 660478335 | 0;
+      c = (c << 14 | c >>> 18) + d | 0;
+      b += (c & a | d & ~a) + k[4] - 405537848 | 0;
+      b = (b << 20 | b >>> 12) + c | 0;
+      a += (b & d | c & ~d) + k[9] + 568446438 | 0;
+      a = (a << 5 | a >>> 27) + b | 0;
+      d += (a & c | b & ~c) + k[14] - 1019803690 | 0;
+      d = (d << 9 | d >>> 23) + a | 0;
+      c += (d & b | a & ~b) + k[3] - 187363961 | 0;
+      c = (c << 14 | c >>> 18) + d | 0;
+      b += (c & a | d & ~a) + k[8] + 1163531501 | 0;
+      b = (b << 20 | b >>> 12) + c | 0;
+      a += (b & d | c & ~d) + k[13] - 1444681467 | 0;
+      a = (a << 5 | a >>> 27) + b | 0;
+      d += (a & c | b & ~c) + k[2] - 51403784 | 0;
+      d = (d << 9 | d >>> 23) + a | 0;
+      c += (d & b | a & ~b) + k[7] + 1735328473 | 0;
+      c = (c << 14 | c >>> 18) + d | 0;
+      b += (c & a | d & ~a) + k[12] - 1926607734 | 0;
+      b = (b << 20 | b >>> 12) + c | 0;
+      a += (b ^ c ^ d) + k[5] - 378558 | 0;
+      a = (a << 4 | a >>> 28) + b | 0;
+      d += (a ^ b ^ c) + k[8] - 2022574463 | 0;
+      d = (d << 11 | d >>> 21) + a | 0;
+      c += (d ^ a ^ b) + k[11] + 1839030562 | 0;
+      c = (c << 16 | c >>> 16) + d | 0;
+      b += (c ^ d ^ a) + k[14] - 35309556 | 0;
+      b = (b << 23 | b >>> 9) + c | 0;
+      a += (b ^ c ^ d) + k[1] - 1530992060 | 0;
+      a = (a << 4 | a >>> 28) + b | 0;
+      d += (a ^ b ^ c) + k[4] + 1272893353 | 0;
+      d = (d << 11 | d >>> 21) + a | 0;
+      c += (d ^ a ^ b) + k[7] - 155497632 | 0;
+      c = (c << 16 | c >>> 16) + d | 0;
+      b += (c ^ d ^ a) + k[10] - 1094730640 | 0;
+      b = (b << 23 | b >>> 9) + c | 0;
+      a += (b ^ c ^ d) + k[13] + 681279174 | 0;
+      a = (a << 4 | a >>> 28) + b | 0;
+      d += (a ^ b ^ c) + k[0] - 358537222 | 0;
+      d = (d << 11 | d >>> 21) + a | 0;
+      c += (d ^ a ^ b) + k[3] - 722521979 | 0;
+      c = (c << 16 | c >>> 16) + d | 0;
+      b += (c ^ d ^ a) + k[6] + 76029189 | 0;
+      b = (b << 23 | b >>> 9) + c | 0;
+      a += (b ^ c ^ d) + k[9] - 640364487 | 0;
+      a = (a << 4 | a >>> 28) + b | 0;
+      d += (a ^ b ^ c) + k[12] - 421815835 | 0;
+      d = (d << 11 | d >>> 21) + a | 0;
+      c += (d ^ a ^ b) + k[15] + 530742520 | 0;
+      c = (c << 16 | c >>> 16) + d | 0;
+      b += (c ^ d ^ a) + k[2] - 995338651 | 0;
+      b = (b << 23 | b >>> 9) + c | 0;
+      a += (c ^ (b | ~d)) + k[0] - 198630844 | 0;
+      a = (a << 6 | a >>> 26) + b | 0;
+      d += (b ^ (a | ~c)) + k[7] + 1126891415 | 0;
+      d = (d << 10 | d >>> 22) + a | 0;
+      c += (a ^ (d | ~b)) + k[14] - 1416354905 | 0;
+      c = (c << 15 | c >>> 17) + d | 0;
+      b += (d ^ (c | ~a)) + k[5] - 57434055 | 0;
+      b = (b << 21 | b >>> 11) + c | 0;
+      a += (c ^ (b | ~d)) + k[12] + 1700485571 | 0;
+      a = (a << 6 | a >>> 26) + b | 0;
+      d += (b ^ (a | ~c)) + k[3] - 1894986606 | 0;
+      d = (d << 10 | d >>> 22) + a | 0;
+      c += (a ^ (d | ~b)) + k[10] - 1051523 | 0;
+      c = (c << 15 | c >>> 17) + d | 0;
+      b += (d ^ (c | ~a)) + k[1] - 2054922799 | 0;
+      b = (b << 21 | b >>> 11) + c | 0;
+      a += (c ^ (b | ~d)) + k[8] + 1873313359 | 0;
+      a = (a << 6 | a >>> 26) + b | 0;
+      d += (b ^ (a | ~c)) + k[15] - 30611744 | 0;
+      d = (d << 10 | d >>> 22) + a | 0;
+      c += (a ^ (d | ~b)) + k[6] - 1560198380 | 0;
+      c = (c << 15 | c >>> 17) + d | 0;
+      b += (d ^ (c | ~a)) + k[13] + 1309151649 | 0;
+      b = (b << 21 | b >>> 11) + c | 0;
+      a += (c ^ (b | ~d)) + k[4] - 145523070 | 0;
+      a = (a << 6 | a >>> 26) + b | 0;
+      d += (b ^ (a | ~c)) + k[11] - 1120210379 | 0;
+      d = (d << 10 | d >>> 22) + a | 0;
+      c += (a ^ (d | ~b)) + k[2] + 718787259 | 0;
+      c = (c << 15 | c >>> 17) + d | 0;
+      b += (d ^ (c | ~a)) + k[9] - 343485551 | 0;
+      b = (b << 21 | b >>> 11) + c | 0;
+      x[0] = a + x[0] | 0;
+      x[1] = b + x[1] | 0;
+      x[2] = c + x[2] | 0;
+      x[3] = d + x[3] | 0;
+    }
+    function md5blk(s) {
+      var md5blks = [], i;
+      for (i = 0; i < 64; i += 4) {
+        md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);
+      }
+      return md5blks;
     }
-  };
-}
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "back-top",
-  setup(__props) {
-    const getTarget = () => document.getElementById("dt-layout-content");
-    const { getShowBackToTop } = useTheme();
-    return (_ctx, _cache) => {
-      return unref(getShowBackToTop) ? (openBlock(), createBlock(unref(BackTop), {
-        key: 0,
-        target: getTarget,
-        visibilityHeight: 300
-      })) : createCommentVNode("", true);
+    function md5blk_array(a) {
+      var md5blks = [], i;
+      for (i = 0; i < 64; i += 4) {
+        md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);
+      }
+      return md5blks;
+    }
+    function md51(s) {
+      var n = s.length, state = [1732584193, -271733879, -1732584194, 271733878], i, length, tail, tmp, lo, hi;
+      for (i = 64; i <= n; i += 64) {
+        md5cycle(state, md5blk(s.substring(i - 64, i)));
+      }
+      s = s.substring(i - 64);
+      length = s.length;
+      tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+      for (i = 0; i < length; i += 1) {
+        tail[i >> 2] |= s.charCodeAt(i) << (i % 4 << 3);
+      }
+      tail[i >> 2] |= 128 << (i % 4 << 3);
+      if (i > 55) {
+        md5cycle(state, tail);
+        for (i = 0; i < 16; i += 1) {
+          tail[i] = 0;
+        }
+      }
+      tmp = n * 8;
+      tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+      lo = parseInt(tmp[2], 16);
+      hi = parseInt(tmp[1], 16) || 0;
+      tail[14] = lo;
+      tail[15] = hi;
+      md5cycle(state, tail);
+      return state;
+    }
+    function md51_array(a) {
+      var n = a.length, state = [1732584193, -271733879, -1732584194, 271733878], i, length, tail, tmp, lo, hi;
+      for (i = 64; i <= n; i += 64) {
+        md5cycle(state, md5blk_array(a.subarray(i - 64, i)));
+      }
+      a = i - 64 < n ? a.subarray(i - 64) : new Uint8Array(0);
+      length = a.length;
+      tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+      for (i = 0; i < length; i += 1) {
+        tail[i >> 2] |= a[i] << (i % 4 << 3);
+      }
+      tail[i >> 2] |= 128 << (i % 4 << 3);
+      if (i > 55) {
+        md5cycle(state, tail);
+        for (i = 0; i < 16; i += 1) {
+          tail[i] = 0;
+        }
+      }
+      tmp = n * 8;
+      tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+      lo = parseInt(tmp[2], 16);
+      hi = parseInt(tmp[1], 16) || 0;
+      tail[14] = lo;
+      tail[15] = hi;
+      md5cycle(state, tail);
+      return state;
+    }
+    function rhex(n) {
+      var s = "", j;
+      for (j = 0; j < 4; j += 1) {
+        s += hex_chr[n >> j * 8 + 4 & 15] + hex_chr[n >> j * 8 & 15];
+      }
+      return s;
+    }
+    function hex(x) {
+      var i;
+      for (i = 0; i < x.length; i += 1) {
+        x[i] = rhex(x[i]);
+      }
+      return x.join("");
+    }
+    if (hex(md51("hello")) !== "5d41402abc4b2a76b9719d911017c592")
+      ;
+    if (typeof ArrayBuffer !== "undefined" && !ArrayBuffer.prototype.slice) {
+      (function() {
+        function clamp(val, length) {
+          val = val | 0 || 0;
+          if (val < 0) {
+            return Math.max(val + length, 0);
+          }
+          return Math.min(val, length);
+        }
+        ArrayBuffer.prototype.slice = function(from, to) {
+          var length = this.byteLength, begin = clamp(from, length), end = length, num, target, targetArray, sourceArray;
+          if (to !== undefined$1) {
+            end = clamp(to, length);
+          }
+          if (begin > end) {
+            return new ArrayBuffer(0);
+          }
+          num = end - begin;
+          target = new ArrayBuffer(num);
+          targetArray = new Uint8Array(target);
+          sourceArray = new Uint8Array(this, begin, num);
+          targetArray.set(sourceArray);
+          return target;
+        };
+      })();
+    }
+    function toUtf8(str) {
+      if (/[\u0080-\uFFFF]/.test(str)) {
+        str = unescape(encodeURIComponent(str));
+      }
+      return str;
+    }
+    function utf8Str2ArrayBuffer(str, returnUInt8Array) {
+      var length = str.length, buff = new ArrayBuffer(length), arr = new Uint8Array(buff), i;
+      for (i = 0; i < length; i += 1) {
+        arr[i] = str.charCodeAt(i);
+      }
+      return returnUInt8Array ? arr : buff;
+    }
+    function arrayBuffer2Utf8Str(buff) {
+      return String.fromCharCode.apply(null, new Uint8Array(buff));
+    }
+    function concatenateArrayBuffers(first, second, returnUInt8Array) {
+      var result = new Uint8Array(first.byteLength + second.byteLength);
+      result.set(new Uint8Array(first));
+      result.set(new Uint8Array(second), first.byteLength);
+      return returnUInt8Array ? result : result.buffer;
+    }
+    function hexToBinaryString(hex2) {
+      var bytes = [], length = hex2.length, x;
+      for (x = 0; x < length - 1; x += 2) {
+        bytes.push(parseInt(hex2.substr(x, 2), 16));
+      }
+      return String.fromCharCode.apply(String, bytes);
+    }
+    function SparkMD5() {
+      this.reset();
+    }
+    SparkMD5.prototype.append = function(str) {
+      this.appendBinary(toUtf8(str));
+      return this;
     };
-  }
-});
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+    SparkMD5.prototype.appendBinary = function(contents) {
+      this._buff += contents;
+      this._length += contents.length;
+      var length = this._buff.length, i;
+      for (i = 64; i <= length; i += 64) {
+        md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)));
+      }
+      this._buff = this._buff.substring(i - 64);
+      return this;
+    };
+    SparkMD5.prototype.end = function(raw) {
+      var buff = this._buff, length = buff.length, i, tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], ret;
+      for (i = 0; i < length; i += 1) {
+        tail[i >> 2] |= buff.charCodeAt(i) << (i % 4 << 3);
+      }
+      this._finish(tail, length);
+      ret = hex(this._hash);
+      if (raw) {
+        ret = hexToBinaryString(ret);
+      }
+      this.reset();
+      return ret;
+    };
+    SparkMD5.prototype.reset = function() {
+      this._buff = "";
+      this._length = 0;
+      this._hash = [1732584193, -271733879, -1732584194, 271733878];
+      return this;
+    };
+    SparkMD5.prototype.getState = function() {
+      return {
+        buff: this._buff,
+        length: this._length,
+        hash: this._hash.slice()
+      };
+    };
+    SparkMD5.prototype.setState = function(state) {
+      this._buff = state.buff;
+      this._length = state.length;
+      this._hash = state.hash;
+      return this;
+    };
+    SparkMD5.prototype.destroy = function() {
+      delete this._hash;
+      delete this._buff;
+      delete this._length;
+    };
+    SparkMD5.prototype._finish = function(tail, length) {
+      var i = length, tmp, lo, hi;
+      tail[i >> 2] |= 128 << (i % 4 << 3);
+      if (i > 55) {
+        md5cycle(this._hash, tail);
+        for (i = 0; i < 16; i += 1) {
+          tail[i] = 0;
+        }
+      }
+      tmp = this._length * 8;
+      tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+      lo = parseInt(tmp[2], 16);
+      hi = parseInt(tmp[1], 16) || 0;
+      tail[14] = lo;
+      tail[15] = hi;
+      md5cycle(this._hash, tail);
+    };
+    SparkMD5.hash = function(str, raw) {
+      return SparkMD5.hashBinary(toUtf8(str), raw);
+    };
+    SparkMD5.hashBinary = function(content, raw) {
+      var hash = md51(content), ret = hex(hash);
+      return raw ? hexToBinaryString(ret) : ret;
+    };
+    SparkMD5.ArrayBuffer = function() {
+      this.reset();
+    };
+    SparkMD5.ArrayBuffer.prototype.append = function(arr) {
+      var buff = concatenateArrayBuffers(this._buff.buffer, arr, true), length = buff.length, i;
+      this._length += arr.byteLength;
+      for (i = 64; i <= length; i += 64) {
+        md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)));
+      }
+      this._buff = i - 64 < length ? new Uint8Array(buff.buffer.slice(i - 64)) : new Uint8Array(0);
+      return this;
+    };
+    SparkMD5.ArrayBuffer.prototype.end = function(raw) {
+      var buff = this._buff, length = buff.length, tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], i, ret;
+      for (i = 0; i < length; i += 1) {
+        tail[i >> 2] |= buff[i] << (i % 4 << 3);
+      }
+      this._finish(tail, length);
+      ret = hex(this._hash);
+      if (raw) {
+        ret = hexToBinaryString(ret);
+      }
+      this.reset();
+      return ret;
+    };
+    SparkMD5.ArrayBuffer.prototype.reset = function() {
+      this._buff = new Uint8Array(0);
+      this._length = 0;
+      this._hash = [1732584193, -271733879, -1732584194, 271733878];
+      return this;
+    };
+    SparkMD5.ArrayBuffer.prototype.getState = function() {
+      var state = SparkMD5.prototype.getState.call(this);
+      state.buff = arrayBuffer2Utf8Str(state.buff);
+      return state;
+    };
+    SparkMD5.ArrayBuffer.prototype.setState = function(state) {
+      state.buff = utf8Str2ArrayBuffer(state.buff, true);
+      return SparkMD5.prototype.setState.call(this, state);
+    };
+    SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;
+    SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;
+    SparkMD5.ArrayBuffer.hash = function(arr, raw) {
+      var hash = md51_array(new Uint8Array(arr)), ret = hex(hash);
+      return raw ? hexToBinaryString(ret) : ret;
+    };
+    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({
+  __name: "upload",
+  props: basicUploadProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const { message } = useMessage();
+    const filesRef = ref([]);
+    const historyFilesRef = ref([]);
+    const allFilesRef = ref([]);
+    const imgVisable = ref(false);
+    const setImgVisible = (value) => imgVisable.value = value;
+    const { accept, helpText, maxNumber, maxSize } = toRefs(props);
+    const { getStringAccept } = useHelpers(accept);
+    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);
+        } }
+      ],
+      operations: {
+        expand: true,
+        btns: [
+          {
+            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());
+            },
+            action: () => {
+              setImgVisible(true);
+            }
+          },
+          { title: "\u7F16\u8F91", icon: "mdi:text-box-edit-outline" },
+          { title: "\u5220\u9664", icon: "mdi:delete-outline" }
+        ]
+      }
+    });
+    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];
+    });
+    function beforeUpload(file) {
+      const { maxSize: maxSize2 } = props;
+      if (maxSize2 && file.size / 1024 / 1024 >= maxSize2) {
+        message.error(`\u53EA\u80FD\u4E0A\u4F20\u4E0D\u8D85\u8FC7${maxSize2}MB\u7684\u6587\u4EF6!`);
+        return false;
+      }
+      addFile(file);
+      return false;
+    }
+    function addFile(file) {
+      let blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;
+      let chunkSize = 2097152, chunks = Math.ceil(file.size / chunkSize), currentChunk = 0, spark = new sparkMd5.exports.ArrayBuffer(), fileReader = new FileReader();
+      fileReader.onload = function(e) {
+        spark.append(e.target["result"]);
+        currentChunk++;
+        if (currentChunk < chunks) {
+          loadNext();
+        } else {
+          filesRef.value.push({
+            fileName: file.name,
+            fileId: spark.end(),
+            file,
+            status: 1,
+            fileStatue: "\u5F85\u4E0A\u4F20"
+          });
+        }
+      };
+      function loadNext() {
+        var start = currentChunk * chunkSize, end = start + chunkSize >= file.size ? file.size : start + chunkSize;
+        fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
+      }
+      loadNext();
+    }
+    expose({
+      allFilesRef
+    });
+    return (_ctx, _cache) => {
+      const _directive_icon = resolveDirective("icon");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$k, [
+          createElementVNode("div", null, [
+            createVNode(unref(Upload), {
+              accept: unref(getStringAccept),
+              multiple: _ctx.multiple,
+              "before-upload": beforeUpload,
+              "show-upload-list": false
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Button), { type: "primary" }, {
+                  default: withCtx(() => [
+                    withDirectives(createElementVNode("span", null, null, 512), [
+                      [_directive_icon, "ic:baseline-file-upload"]
+                    ]),
+                    _hoisted_2$c
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["accept", "multiple"]),
+            _ctx.showTemplateDownload ? (openBlock(), createBlock(unref(Button), {
+              key: 0,
+              type: "primary",
+              onClick: _ctx.templateDownload
+            }, {
+              default: withCtx(() => [
+                withDirectives(createElementVNode("span", null, null, 512), [
+                  [_directive_icon, "ic:baseline-file-download"]
+                ]),
+                _hoisted_3$6
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : createCommentVNode("", true)
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        createElementVNode("div", _hoisted_4$4, [
+          withDirectives(createElementVNode("span", null, null, 512), [
+            [_directive_icon, "ant-design:info-circle-outlined"]
+          ]),
+          _hoisted_5$3
+        ]),
+        createVNode(unref(DtTable), { onRegister: unref(registerTable) }, null, 8, ["onRegister"]),
+        createVNode(unref(Image), {
+          width: 200,
+          style: { display: "none" },
+          preview: {
+            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$L), {
+        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"]);
+    };
+  }
+});
+const BasicProps = {
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  checkStrictly: Boolean,
+  expandedKeys: {
+    type: Array,
+    default: () => []
+  },
+  selectedKeys: {
+    type: Array,
+    default: () => []
+  },
+  checkedKeys: {
+    type: Array,
+    default: () => []
+  },
+  fieldNames: {
+    type: Object
+  },
+  beforeRightClick: {
+    type: Function,
+    default: void 0
+  },
+  rightMenuList: {
+    type: Array
+  },
+  renderIcon: {
+    type: Function
+  },
+  highlight: {
+    type: [Boolean, String],
+    default: false
+  },
+  actionList: {
+    type: Array,
+    default: () => []
+  },
+  clickRowToExpand: {
+    type: Boolean,
+    default: false
+  },
+  searchValue: {
+    type: String,
+    default: ""
+  },
+  filterFn: {
+    type: Function,
+    default: void 0
+  },
+  checkable: Boolean,
+  expandOnSearch: Boolean,
+  checkOnSearch: Boolean,
+  selectedOnSearch: Boolean,
+  treeData: {
+    type: Array
+  },
+  value: {
+    type: [Object, Array]
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  toolbar: Boolean,
+  search: Boolean
+};
+const searchProps = {
+  title: {
+    type: String,
+    default: ""
+  },
+  toolbar: {
+    type: Boolean,
+    default: false
+  },
+  checkable: {
+    type: Boolean,
+    default: false
+  },
+  search: {
+    type: Boolean,
+    default: false
+  },
+  searchText: {
+    type: String,
+    default: ""
+  },
+  checkAll: {
+    type: Function,
+    default: void 0
+  },
+  expandAll: {
+    type: Function,
+    default: void 0
+  }
+};
+var ToolbarEnum = /* @__PURE__ */ ((ToolbarEnum2) => {
+  ToolbarEnum2[ToolbarEnum2["SELECT_ALL"] = 0] = "SELECT_ALL";
+  ToolbarEnum2[ToolbarEnum2["UN_SELECT_ALL"] = 1] = "UN_SELECT_ALL";
+  ToolbarEnum2[ToolbarEnum2["EXPAND_ALL"] = 2] = "EXPAND_ALL";
+  ToolbarEnum2[ToolbarEnum2["UN_EXPAND_ALL"] = 3] = "UN_EXPAND_ALL";
+  ToolbarEnum2[ToolbarEnum2["CHECK_STRICTLY"] = 4] = "CHECK_STRICTLY";
+  ToolbarEnum2[ToolbarEnum2["CHECK_UN_STRICTLY"] = 5] = "CHECK_UN_STRICTLY";
+  return ToolbarEnum2;
+})(ToolbarEnum || {});
+const _hoisted_1$i = { class: "dt-tree-header" };
+const _hoisted_2$a = {
+  key: 1,
+  class: "headerTitle"
+};
+const _hoisted_3$5 = {
+  key: 2,
+  class: "dt-tree-search"
+};
+const _hoisted_4$3 = {
+  key: 0,
+  class: "dt-tree-search-input"
+};
+const _hoisted_5$2 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-more-vert" }, null, -1);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "treeHeader",
+  props: searchProps,
+  emits: [
+    "search",
+    "strictly-change",
+    "strictly-change"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const slots = useSlots$1();
+    const searchValue = ref("");
+    function emitChange(value) {
+      emits("search", value);
+    }
+    function handleMenuClick(e) {
+      var _a, _b, _c, _d;
+      const { key } = e;
+      switch (key) {
+        case ToolbarEnum.SELECT_ALL:
+          (_a = props.checkAll) == null ? void 0 : _a.call(props, true);
+          break;
+        case ToolbarEnum.UN_SELECT_ALL:
+          (_b = props.checkAll) == null ? void 0 : _b.call(props, false);
+          break;
+        case ToolbarEnum.EXPAND_ALL:
+          (_c = props.expandAll) == null ? void 0 : _c.call(props, true);
+          break;
+        case ToolbarEnum.UN_EXPAND_ALL:
+          (_d = props.expandAll) == null ? void 0 : _d.call(props, false);
+          break;
+        case ToolbarEnum.CHECK_STRICTLY:
+          emits("strictly-change", false);
+          break;
+        case ToolbarEnum.CHECK_UN_STRICTLY:
+          emits("strictly-change", true);
+          break;
+      }
+    }
+    const toolbarList = computed(() => {
+      const { checkable } = props;
+      const defaultToolbarList = [
+        { label: "\u5C55\u5F00\u5168\u90E8", value: ToolbarEnum.EXPAND_ALL },
+        {
+          label: "\u6298\u53E0\u5168\u90E8",
+          value: ToolbarEnum.UN_EXPAND_ALL,
+          divider: checkable
+        }
+      ];
+      return checkable ? [
+        { label: "\u9009\u62E9\u5168\u90E8", value: ToolbarEnum.SELECT_ALL },
+        {
+          label: "\u53D6\u6D88\u9009\u62E9",
+          value: ToolbarEnum.UN_SELECT_ALL,
+          divider: checkable
+        },
+        ...defaultToolbarList,
+        { label: "\u5C42\u7EA7\u5173\u8054", value: ToolbarEnum.CHECK_STRICTLY },
+        { label: "\u5C42\u7EA7\u72EC\u7ACB", value: ToolbarEnum.CHECK_UN_STRICTLY }
+      ] : defaultToolbarList;
+    });
+    const debounceEmitChange = useDebounceFn(emitChange, 200);
+    watch(() => searchValue.value, (v) => {
+      debounceEmitChange(v);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+        unref(slots).headerTitle ? renderSlot(_ctx.$slots, "headerTitle", { key: 0 }) : createCommentVNode("", true),
+        !unref(slots).headerTitle && _ctx.title ? (openBlock(), createElementBlock("h4", _hoisted_2$a, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        _ctx.search || _ctx.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          _ctx.search ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            createVNode(unref(InputSearch), {
+              size: "small",
+              allowClear: "",
+              value: searchValue.value,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
+              placeholder: "\u641C\u7D22"
+            }, null, 8, ["value"])
+          ])) : createCommentVNode("", true),
+          _ctx.toolbar ? (openBlock(), createBlock(unref(Dropdown), {
+            key: 1,
+            onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+            }, ["prevent"]))
+          }, {
+            overlay: withCtx(() => [
+              createVNode(unref(Menu), { onClick: handleMenuClick }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(toolbarList), (item) => {
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: item.value
+                    }, [
+                      createVNode(unref(MenuItem), normalizeProps(guardReactiveProps({ key: item.value })), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040),
+                      item.divider ? (openBlock(), createBlock(unref(MenuDivider), { key: 0 })) : createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              _hoisted_5$2
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+function eachTree(treeDatas, callBack, parentNode = {}) {
+  treeDatas.forEach((el) => {
+    const newNode = callBack(el, parentNode) || el;
+    if (el.children) {
+      eachTree(el.children, callBack, newNode);
+    }
+  });
+}
+function forEach(tree, func, config = {}) {
+  const list = [...tree];
+  const { children = "children" } = config;
+  for (let i = 0; i < list.length; i++) {
+    if (func(list[i])) {
+      return;
+    }
+    children && list[i][children] && list.splice(i + 1, 0, ...list[i][children]);
+  }
+}
+function filter(tree, func, config = {}) {
+  const children = config.children || "children";
+  function listFilter(list) {
+    return list.map((node) => ({ ...node })).filter((node) => {
+      node[children] = node[children] && listFilter(node[children]);
+      return func(node) || node[children] && node[children].length;
+    });
+  }
+  return listFilter(tree);
+}
+function treeToList(tree, config = {}) {
+  const { children = "children" } = config;
+  const result = [...tree];
+  for (let i = 0; i < result.length; i++) {
+    if (!result[i][children])
+      continue;
+    result.splice(i + 1, 0, ...result[i][children]);
+  }
+  return result;
+}
+function useTree(treeDataRef, getFieldNames) {
+  function getAllKeys(list) {
+    const keys = [];
+    const treeData = list || unref(treeDataRef);
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return keys;
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
+      keys.push(node[keyField]);
+      const children = node[childrenField];
+      if (children && children.length) {
+        keys.push(...getAllKeys(children));
+      }
+    }
+    return keys;
+  }
+  function getEnabledKeys(list) {
+    const keys = [];
+    const treeData = list || unref(treeDataRef);
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return keys;
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
+      node.disabled !== true && node.selectable !== false && keys.push(node[keyField]);
+      const children = node[childrenField];
+      if (children && children.length) {
+        keys.push(...getEnabledKeys(children));
+      }
+    }
+    return keys;
+  }
+  function getChildrenKeys(nodeKey, list) {
+    const keys = [];
+    const treeData = list || unref(treeDataRef);
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return keys;
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index];
+      const children = node[childrenField];
+      if (nodeKey === node[keyField]) {
+        keys.push(node[keyField]);
+        if (children && children.length) {
+          keys.push(...getAllKeys(children));
+        }
+      } else {
+        if (children && children.length) {
+          keys.push(...getChildrenKeys(nodeKey, children));
+        }
+      }
+    }
+    return keys;
+  }
+  function updateNodeByKey(key, node, list) {
+    if (!key)
+      return;
+    const treeData = list || unref(treeDataRef);
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return;
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
+      const children = element[childrenField];
+      if (element[keyField] === key) {
+        treeData[index] = { ...treeData[index], ...node };
+        break;
+      } else if (children && children.length) {
+        updateNodeByKey(key, node, element[childrenField]);
+      }
+    }
+  }
+  function filterByLevel(level = 1, list, currentLevel = 1) {
+    if (!level)
+      return [];
+    const res = [];
+    const data = list || unref(treeDataRef) || [];
+    for (let index = 0; index < data.length; index++) {
+      const item = data[index];
+      const { key: keyField, children: childrenField } = unref(getFieldNames);
+      const key = keyField ? item[keyField] : "";
+      const children = childrenField ? item[childrenField] : [];
+      res.push(key);
+      if (children && children.length && currentLevel < level) {
+        currentLevel += 1;
+        res.push(...filterByLevel(level, children, currentLevel));
+      }
+    }
+    return res;
+  }
+  function insertNodeByKey({ parentKey = null, node, push = "push" }) {
+    const treeData = cloneDeep(unref(treeDataRef));
+    if (!parentKey) {
+      treeData[push](node);
+      treeDataRef.value = treeData;
+      return;
+    }
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return;
+    forEach(treeData, (treeItem) => {
+      if (treeItem[keyField] === parentKey) {
+        treeItem[childrenField] = treeItem[childrenField] || [];
+        treeItem[childrenField][push](node);
+        return true;
+      }
+    });
+    treeDataRef.value = treeData;
+  }
+  function insertNodesByKey({ parentKey = null, list, push = "push" }) {
+    const treeData = cloneDeep(unref(treeDataRef));
+    if (!list || list.length < 1)
+      return;
+    if (!parentKey) {
+      for (let i = 0; i < list.length; i++) {
+        treeData[push](list[i]);
+      }
+    } else {
+      const { key: keyField, children: childrenField } = unref(getFieldNames);
+      if (!childrenField || !keyField)
+        return;
+      forEach(treeData, (treeItem) => {
+        if (treeItem[keyField] === parentKey) {
+          treeItem[childrenField] = treeItem[childrenField] || [];
+          for (let i = 0; i < list.length; i++) {
+            treeItem[childrenField][push](list[i]);
+          }
+          treeDataRef.value = treeData;
+          return true;
+        }
+      });
+    }
+  }
+  function deleteNodeByKey(key, list) {
+    if (!key)
+      return;
+    const treeData = list || unref(treeDataRef);
+    const { key: keyField, children: childrenField } = unref(getFieldNames);
+    if (!childrenField || !keyField)
+      return;
+    for (let index = 0; index < treeData.length; index++) {
+      const element = treeData[index];
+      const children = element[childrenField];
+      if (element[keyField] === key) {
+        treeData.splice(index, 1);
+        break;
+      } else if (children && children.length) {
+        deleteNodeByKey(key, element[childrenField]);
+      }
+    }
+  }
+  function getSelectedNode(key, list, selectedNode) {
+    if (!key && key !== 0)
+      return null;
+    const treeData = list || unref(treeDataRef);
+    treeData.forEach((item) => {
+      if ((selectedNode == null ? void 0 : selectedNode.key) || (selectedNode == null ? void 0 : selectedNode.key) === 0)
+        return selectedNode;
+      if (item.key === key) {
+        selectedNode = item;
+        return;
+      }
+      if (item.children && item.children.length) {
+        selectedNode = getSelectedNode(key, item.children, selectedNode);
+      }
+    });
+    return selectedNode || null;
+  }
+  return {
+    getAllKeys,
+    getEnabledKeys,
+    getChildrenKeys,
+    updateNodeByKey,
+    filterByLevel,
+    insertNodeByKey,
+    insertNodesByKey,
+    deleteNodeByKey,
+    getSelectedNode
+  };
+}
+const _hoisted_1$h = {
+  class: "dt-tree"
+};
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: BasicProps,
+  emits: ["update:expandedKeys", "update:selectedKeys", "update:value", "check", "change", "clickNode", "update:searchValue"],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const attrs = useAttrs$1();
+    const slots = useSlots$1();
+    const {
+      getSlot,
+      extendSlots
+    } = useSlots();
+    const state = reactive({
+      checkStrictly: props.checkStrictly,
+      expandedKeys: props.expandedKeys || [],
+      selectedKeys: props.selectedKeys || [],
+      checkedKeys: props.checkedKeys || []
+    });
+    const searchState = reactive({
+      startSearch: false,
+      searchText: "",
+      searchData: []
+    });
+    const treeDataRef = ref([]);
+    const getFieldNames = computed(() => {
+      const {
+        fieldNames
+      } = props;
+      return {
+        children: "children",
+        title: "title",
+        key: "key",
+        ...fieldNames
+      };
+    });
+    const getTreeData = computed(() => {
+      return searchState.startSearch ? searchState.searchData : unref(treeDataRef);
+    });
+    const getNotFound = computed(() => {
+      return !getTreeData.value || getTreeData.value.length === 0;
+    });
+    const getIcon = (params, icon) => {
+      if (!icon) {
+        if (props.renderIcon && isFunction(props.renderIcon)) {
+          return props.renderIcon(params);
+        }
+      }
+      return icon;
+    };
+    const treeData = computed(() => {
+      const data = cloneDeep(getTreeData.value);
+      eachTree(data, (item, _parent) => {
+        const searchText = searchState.searchText;
+        const {
+          highlight
+        } = unref(props);
+        const {
+          title: titleField,
+          key: keyField,
+          children: childrenField
+        } = unref(getFieldNames);
+        const icon = getIcon(item, item.icon);
+        const title = get(item, titleField);
+        const searchIdx = searchText ? title.indexOf(searchText) : -1;
+        const isHighlight = searchState.startSearch && !isEmpty(searchText) && highlight && searchIdx !== -1;
+        const highlightStyle = `color: ${isBoolean(highlight) ? "#f50" : highlight}`;
+        const titleDom = isHighlight ? createVNode("span", {
+          "class": "tree-content"
+        }, [createVNode("span", null, [title.substr(0, searchIdx)]), createVNode("span", {
+          "style": highlightStyle
+        }, [searchText]), createVNode("span", null, [title.substr(searchIdx + searchText.length)])]) : title;
+        item[titleField] = createVNode("span", {
+          "class": "tree-title",
+          "onClick": handleClickNode.bind(null, item[keyField], item[childrenField], item)
+        }, [(slots == null ? void 0 : slots.title) ? getSlot(slots, "title", item) : createVNode(Fragment, null, [icon && createVNode("i", {
+          "class": `i ${icon}`
+        }, null), titleDom, createVNode("span", {
+          "class": "tree-action"
+        }, [renderAction(item)])])]);
+      });
+      return data;
+    });
+    const showTitle = computed(() => {
+      return true;
+    });
+    const getBindValues = computed(() => {
+      let propsData = {
+        blockNode: true,
+        ...attrs,
+        ...props,
+        expandedKeys: state.expandedKeys,
+        selectedKeys: state.selectedKeys,
+        checkedKeys: state.checkedKeys,
+        checkStrictly: state.checkStrictly,
+        fieldNames: unref(getFieldNames),
+        "onUpdate:expandedKeys": (v) => {
+          state.expandedKeys = v;
+          emit("update:expandedKeys", v);
+        },
+        "onUpdate:selectedKeys": (v) => {
+          state.selectedKeys = v;
+          emit("update:selectedKeys", v);
+        },
+        onCheck: (v, e) => {
+          let currentValue = toRaw(state.checkedKeys);
+          if (isArray$1(currentValue) && searchState.startSearch) {
+            const {
+              key
+            } = unref(getFieldNames);
+            currentValue = difference(currentValue, getChildrenKeys(e.node.$attrs.node[key]));
+            if (e.checked) {
+              currentValue.push(e.node.$attrs.node[key]);
+            }
+            state.checkedKeys = currentValue;
+          } else {
+            state.checkedKeys = v;
+          }
+          const rawVal = toRaw(state.checkedKeys);
+          emit("update:value", rawVal);
+          emit("check", rawVal, e);
+        }
+      };
+      return omit(propsData, "treeData", "class");
+    });
+    function handleClickNode(key, children, node) {
+      emit("clickNode", node);
+      if (!props.clickRowToExpand || !children || children.length === 0)
+        return;
+      if (!state.expandedKeys.includes(key)) {
+        setExpandedKeys([...state.expandedKeys, key]);
+      } else {
+        const keys = [...state.expandedKeys];
+        const index = keys.findIndex((item) => item === key);
+        if (index !== -1) {
+          keys.splice(index, 1);
+        }
+        setExpandedKeys(keys);
+      }
+    }
+    function renderAction(node) {
+      const {
+        actionList
+      } = props;
+      if (!actionList || actionList.length === 0)
+        return;
+      return actionList.map((item, index) => {
+        var _a;
+        let nodeShow = true;
+        if (isFunction(item.show)) {
+          nodeShow = (_a = item.show) == null ? void 0 : _a.call(item, node);
+        } else if (isBoolean(item.show)) {
+          nodeShow = item.show;
+        }
+        if (!nodeShow)
+          return null;
+        return createVNode("span", {
+          "key": index,
+          "class": "tree-action"
+        }, [item.render(node)]);
+      });
+    }
+    const {
+      deleteNodeByKey,
+      insertNodeByKey,
+      insertNodesByKey,
+      filterByLevel,
+      updateNodeByKey,
+      getAllKeys,
+      getChildrenKeys,
+      getEnabledKeys,
+      getSelectedNode
+    } = useTree(treeDataRef, getFieldNames);
+    function setExpandedKeys(keys) {
+      state.expandedKeys = keys;
+    }
+    function getExpandedKeys() {
+      return state.expandedKeys;
+    }
+    function setSelectedKeys(keys) {
+      state.selectedKeys = keys;
+    }
+    function getSelectedKeys() {
+      return state.selectedKeys;
+    }
+    function setCheckedKeys(keys) {
+      state.checkedKeys = keys;
+    }
+    function getCheckedKeys() {
+      return state.checkedKeys;
+    }
+    function checkAll(checkAll2) {
+      state.checkedKeys = checkAll2 ? getEnabledKeys() : [];
+    }
+    function expandAll(expandAll2) {
+      state.expandedKeys = expandAll2 ? getAllKeys() : [];
+    }
+    function onStrictlyChange(strictly) {
+      state.checkStrictly = strictly;
+    }
+    const instance = {
+      setExpandedKeys,
+      getExpandedKeys,
+      setSelectedKeys,
+      getSelectedKeys,
+      setCheckedKeys,
+      getCheckedKeys,
+      insertNodeByKey,
+      insertNodesByKey,
+      deleteNodeByKey,
+      updateNodeByKey,
+      getSelectedNode,
+      checkAll,
+      expandAll,
+      onStrictlyChange,
+      filterByLevel: (level) => {
+        state.expandedKeys = filterByLevel(level);
+      },
+      setSearchValue: (value) => {
+        handleSearch(value);
+      },
+      getSearchValue: () => {
+        return searchState.searchText;
+      }
+    };
+    function handleSearch(searchValue) {
+      if (searchValue !== searchState.searchText)
+        searchState.searchText = searchValue;
+      emit("update:searchValue", searchValue);
+      if (!searchValue) {
+        searchState.startSearch = false;
+        return;
+      }
+      const {
+        filterFn,
+        checkable,
+        expandOnSearch,
+        checkOnSearch,
+        selectedOnSearch
+      } = unref(props);
+      const {
+        title: titleField,
+        key: keyField
+      } = unref(getFieldNames);
+      const matchedKeys = [];
+      searchState.startSearch = true;
+      searchState.searchData = filter(unref(treeDataRef), (node) => {
+        var _a, _b;
+        const result = filterFn ? filterFn(searchValue, node, unref(getFieldNames)) : (_b = (_a = node[titleField]) == null ? void 0 : _a.includes(searchValue)) != null ? _b : false;
+        if (result) {
+          matchedKeys.push(node[keyField]);
+        }
+        return result;
+      }, unref(getFieldNames));
+      if (expandOnSearch) {
+        const expandKeys = treeToList(searchState.searchData).map((val) => {
+          return val[keyField];
+        });
+        if (expandKeys && expandKeys.length) {
+          setExpandedKeys(expandKeys);
+        }
+      }
+      if (checkOnSearch && checkable && matchedKeys.length) {
+        setCheckedKeys(matchedKeys);
+      }
+      if (selectedOnSearch && matchedKeys.length) {
+        setSelectedKeys(matchedKeys);
+      }
+    }
+    watch(() => props.searchValue, (val) => {
+      if (val !== searchState.searchText) {
+        searchState.searchText = val;
+      }
+    }, {
+      immediate: true
+    });
+    watch(() => props.treeData, (val) => {
+      if (val) {
+        handleSearch(searchState.searchText);
+      }
+    });
+    watch(() => props.value, () => {
+      state.checkedKeys = toRaw(props.value || []);
+    }, {
+      immediate: true
+    });
+    watch(() => state.checkedKeys, () => {
+      const v = toRaw(state.checkedKeys);
+      emit("update:value", v);
+      emit("change", v);
+    });
+    watchEffect(() => {
+      treeDataRef.value = props.treeData;
+    });
+    watchEffect(() => {
+      state.expandedKeys = props.expandedKeys;
+    });
+    watchEffect(() => {
+      state.selectedKeys = props.selectedKeys;
+    });
+    watchEffect(() => {
+      state.checkedKeys = props.checkedKeys;
+    });
+    watchEffect(() => {
+      state.checkStrictly = props.checkStrictly;
+    });
+    expose(instance);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [unref(showTitle) ? (openBlock(), createBlock(_sfc_main$w, {
+        key: 0,
+        title: _ctx.title,
+        toolbar: _ctx.toolbar,
+        search: _ctx.search,
+        checkable: _ctx.checkable,
+        searchText: searchState.searchText,
+        checkAll,
+        expandAll,
+        onSearch: handleSearch
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(unref(extendSlots)(unref(slots))), 1)]),
+        _: 1
+      }, 8, ["title", "toolbar", "search", "checkable", "searchText"])) : createCommentVNode("", true), createVNode(unref(Spin), {
+        spinning: _ctx.loading,
+        tip: "\u52A0\u8F7D\u4E2D..."
+      }, {
+        default: withCtx(() => [withDirectives(createElementVNode("div", null, [createVNode(unref(Tree), mergeProps(unref(getBindValues), {
+          showIcon: false,
+          treeData: unref(treeData)
+        }), null, 16, ["treeData"])], 512), [[vShow, !unref(getNotFound)]]), withDirectives(createVNode(unref(Empty), null, null, 512), [[vShow, unref(getNotFound)]])]),
+        _: 1
+      }, 8, ["spinning"])]);
+    };
+  }
+});
+const dtComponents = [
+  { name: "dt-base-router", component: DtBaseRouter },
+  { name: "dt-icon", component: DtIcon },
+  { name: "dt-pick-icon", component: _sfc_main$X },
+  { 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 },
+  { name: "dt-tree", component: _sfc_main$v }
+];
+function initComponents() {
+  return {
+    install(app) {
+      dtComponents.forEach((comp) => app.component(comp.name, comp));
+    }
+  };
+}
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "back-top",
+  setup(__props) {
+    const getTarget = () => document.getElementById("dt-layout-content");
+    const { getShowBackToTop } = useTheme();
+    return (_ctx, _cache) => {
+      return unref(getShowBackToTop) ? (openBlock(), createBlock(unref(BackTop), {
+        key: 0,
+        target: getTarget,
+        visibilityHeight: 300
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -6841,7 +8680,8 @@ function deleteChildrenProp(menu) {
   return obj;
 }
 function getBreadCrumb(path, menus) {
-  const _menus = menus || DtCache.getLocal(CacheKey.MENUS) || [];
+  var _a;
+  const _menus = menus || ((_a = DtCache.getLocal(CacheKey.MENUS)) == null ? void 0 : _a.children) || [];
   let routes = [];
   let getParentByPath = (menu, path2 = "") => {
     if (menu.children && menu.children.length) {
@@ -6860,20 +8700,21 @@ function getBreadCrumb(path, menus) {
   });
   return routes;
 }
-function getFilterMenu(filter = "", flag = false) {
+function getFilterMenu(filter2 = "", flag = false) {
+  var _a;
   let _menus = [];
-  if (!trim(filter) && !flag)
+  if (!trim(filter2) && !flag)
     return _menus;
   let getTargetMenus = (menusArr) => {
     menusArr.forEach((menu) => {
       if (menu.children && menu.children.length) {
         getTargetMenus(menu.children);
-      } else if (menu.label.indexOf(filter) !== -1 || flag && !trim(filter)) {
+      } else if (menu.label.indexOf(filter2) !== -1 || flag && !trim(filter2)) {
         _menus.push(menu);
       }
     });
   };
-  getTargetMenus(DtCache.getLocal(CacheKey.MENUS));
+  getTargetMenus((_a = DtCache.getLocal(CacheKey.MENUS)) == null ? void 0 : _a.children);
   return _menus;
 }
 const _hoisted_1$e = { class: "dt-breadcrumb" };
@@ -7541,7 +9382,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const menuList = ref([]);
     const router = useRouter();
-    const filter = ref("");
+    const filter2 = ref("");
     const { getShowSearch } = useHeader();
     const isUseDef = computed(() => {
       return isBoolean(getShowSearch.value);
@@ -7550,16 +9391,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       if (e) {
         filterMenu();
       } else {
-        filter.value = null;
+        filter2.value = null;
       }
     }
     function filterMenu() {
-      menuList.value = getFilterMenu(filter.value, true);
+      menuList.value = getFilterMenu(filter2.value, true);
     }
     function navigation(url) {
       router.push(url);
       setTimeout(() => {
-        filter.value = "";
+        filter2.value = "";
         menuList.value = [];
       });
     }
@@ -7586,8 +9427,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createVNode(unref(InputSearch), {
-              value: filter.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+              value: filter2.value,
+              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => filter2.value = $event),
               placeholder: "\u641C\u7D22...",
               onInput: filterMenu
             }, null, 8, ["value"])
@@ -7627,8 +9468,9 @@ function useSplitMenu(splitType) {
     menusRef.value = (_a = menusMap.filter((it) => it.includesPath.includes(path))[0]) == null ? void 0 : _a.children;
   }
   async function getMenus2() {
+    var _a;
     if (unref(normalType)) {
-      menusRef.value = DtCache.getLocal(CacheKey.MENUS);
+      menusRef.value = (_a = DtCache.getLocal(CacheKey.MENUS)) == null ? void 0 : _a.children;
       return;
     }
     if (unref(getSplitTop)) {
@@ -7641,7 +9483,8 @@ function useSplitMenu(splitType) {
   return { menusRef };
 }
 async function getMenus() {
-  return DtCache.getLocal(CacheKey.MENUS);
+  var _a;
+  return (_a = DtCache.getLocal(CacheKey.MENUS)) == null ? void 0 : _a.children;
 }
 function getFirstMenuPath(item) {
   let isFind = false, path = "";
@@ -8031,7 +9874,7 @@ var _sfc_main$b = defineComponent({
       }), null);
     }
     return () => {
-      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$P, null, {
+      return createVNode(Fragment, null, [renderHeader(), unref(getUseScroll) ? createVNode(_sfc_main$V, null, {
         default: () => renderMenu()
       }) : renderMenu()]);
     };
@@ -8366,10 +10209,10 @@ function useTabDropdown() {
     const { path, meta } = unref(currentRoute);
     const curItem = state.current;
     const isCurItem = curItem ? curItem.path === path : false;
-    const index2 = state.currentIndex;
-    const closeLeftDisabled = index2 === 0 || !isCurItem;
+    const index = state.currentIndex;
+    const closeLeftDisabled = index === 0 || !isCurItem;
     const disabled = tabStore.getTabList.length === 1;
-    const closeRightDisabled = !isCurItem || index2 === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
+    const closeRightDisabled = !isCurItem || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
     const dropMenuList = [
       {
         icon: "ic:baseline-close",
@@ -8410,9 +10253,9 @@ function useTabDropdown() {
   function handleContext(e) {
     e == null ? void 0 : e.preventDefault();
     const { path } = unref(currentRoute);
-    const index2 = tabStore.getTabList.findIndex((tab) => tab.path === path);
+    const index = tabStore.getTabList.findIndex((tab) => tab.path === path);
     state.current = unref(currentRoute);
-    state.currentIndex = index2;
+    state.currentIndex = index;
   }
   function handleMenuEvent(item) {
     var _a;
@@ -8440,8 +10283,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         overlay: withCtx(() => [
           createVNode(unref(Menu), null, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getDropMenuList), (item, index2) => {
-                return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getDropMenuList), (item, index) => {
+                return openBlock(), createElementBlock(Fragment, { key: index }, [
                   createVNode(unref(MenuItem), {
                     onClick: ($event) => unref(handleMenuEvent)(item),
                     disabled: item.disabled
@@ -8455,7 +10298,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     _: 2
                   }, 1032, ["onClick", "disabled"]),
                   item.divider ? (openBlock(), createBlock(unref(MenuDivider), {
-                    key: `d-${index2}`
+                    key: `d-${index}`
                   })) : createCommentVNode("", true)
                 ], 64);
               }), 128))
@@ -8875,7 +10718,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       unref(getShowSidebar) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : createCommentVNode("", true),
-                      createVNode(unref(_sfc_main$P), {
+                      createVNode(unref(_sfc_main$V), {
                         ref_key: "wrapperRef",
                         ref: wrapperRef,
                         class: normalizeClass({ "fixedWrap": unref(getFixed) })
@@ -8908,4 +10751,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { DtBaseRouter, DtForm, DtIcon, _sfc_main$v as DtIframe, _sfc_main$G as DtModal, _sfc_main$R as DtPickIcon, index as DtTable, _sfc_main as DtTheme, FormButtons, authMounted, export2Excel, iconMounted, initComponents, initDirectives, useCurd, useDialog, useForm, useModal, useModalOut, useSource, useTable };
+export { DtBaseRouter, DtForm, DtIcon, _sfc_main$z as DtIframe, _sfc_main$L as DtModal, _sfc_main$X 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 };