3h1-ui 3.0.0-next.24 → 3.0.0-next.26

package/es/index.js

@@ -1,6 +1,6 @@
 import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text } from "vue";
 import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$2, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$3, ConfigProvider, Popconfirm, Menu, Dropdown, Divider as Divider$2, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme } from "ant-design-vue";
-import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, withInstall as withInstall$7, extendSlots as extendSlots$1, isBoolean, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
+import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, extendSlots as extendSlots$1, withInstall as withInstall$7, isBoolean, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$3, useI18n as useI18n$1, useDesign as useDesign$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
 import Iconify from "@purge-icons/generated";
@@ -5319,7 +5319,7 @@ const _sfc_main$1D = defineComponent({
     };
   }
 });
-const StrengthMeter_vue_vue_type_style_index_0_scoped_c8d77eaa_lang = "";
+const StrengthMeter_vue_vue_type_style_index_0_scoped_678d40fd_lang = "";
 const _hoisted_1$F = ["data-score"];
 function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InputPassword = resolveComponent("InputPassword");
@@ -5351,7 +5351,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-const StrengthMeter = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$X], ["__scopeId", "data-v-c8d77eaa"]]);
+const StrengthMeter = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$X], ["__scopeId", "data-v-678d40fd"]]);
 const _sfc_main$1C = defineComponent({
   name: "SvgIcon",
   props: {
@@ -5387,7 +5387,7 @@ const _sfc_main$1C = defineComponent({
     return { symbolId, prefixCls: prefixCls2, getStyle };
   }
 });
-const SvgIcon_vue_vue_type_style_index_0_scoped_fa64fe87_lang = "";
+const SvgIcon_vue_vue_type_style_index_0_scoped_905fa4a6_lang = "";
 const _hoisted_1$E = ["xlink:href"];
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", {
@@ -5398,7 +5398,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("use", { "xlink:href": _ctx.symbolId }, null, 8, _hoisted_1$E)
   ], 6);
 }
-const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$W], ["__scopeId", "data-v-fa64fe87"]]);
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$W], ["__scopeId", "data-v-905fa4a6"]]);
 const SVG_END_WITH_FLAG = "|svg";
 const _sfc_main$1B = defineComponent({
   name: "Icon",
@@ -5709,8 +5709,8 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicArrow_vue_vue_type_style_index_0_scoped_03d87956_lang = "";
-const BasicArrow = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-03d87956"]]);
+const BasicArrow_vue_vue_type_style_index_0_scoped_fea26917_lang = "";
+const BasicArrow = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["__scopeId", "data-v-fea26917"]]);
 const props$c = {
   /**
    * Help text max-width
@@ -5852,8 +5852,8 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTitle_vue_vue_type_style_index_0_scoped_c007dbdf_lang = "";
-const BasicTitle$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-c007dbdf"]]);
+const BasicTitle_vue_vue_type_style_index_0_scoped_59bc8f76_lang = "";
+const BasicTitle$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["__scopeId", "data-v-59bc8f76"]]);
 const props$b = {
   prefixCls: { type: String },
   helpMessage: {
@@ -8429,8 +8429,8 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_9232fde4_lang = "";
-const Table$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-9232fde4"]]);
+const Table_vue_vue_type_style_index_0_scoped_95018c58_lang = "";
+const Table$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-95018c58"]]);
 const modal = "";
 const modalProps = {
   visible: { type: Boolean },
@@ -8488,7 +8488,11 @@ const basicProps$7 = Object.assign({}, modalProps, {
   visible: { type: Boolean },
   width: [String, Number],
   wrapClassName: { type: String },
-  zIndex: { type: Number }
+  zIndex: { type: Number },
+  size: {
+    type: String,
+    default: "default"
+  }
 });
 function is(val, type) {
   return toString.call(val) === `[object ${type}]`;
@@ -8883,16 +8887,20 @@ function useModalContext() {
   return useContext$1(key$5);
 }
 const props$7 = {
-  loading: { type: Boolean },
+  loading: { type: Boolean, default: true },
   useWrapper: { type: Boolean, default: true },
-  modalHeaderHeight: { type: Number, default: 57 },
-  modalFooterHeight: { type: Number, default: 74 },
-  minHeight: { type: Number, default: 200 },
+  modalHeaderHeight: { type: Number, default: 56 },
+  modalFooterHeight: { type: Number, default: 56 },
+  minHeight: { type: Number, default: 500 - 158 },
   height: { type: Number },
   footerOffset: { type: Number, default: 0 },
   visible: { type: Boolean },
   fullScreen: { type: Boolean },
-  loadingTip: { type: String }
+  loadingTip: { type: String },
+  size: {
+    type: String,
+    default: "default"
+  }
 };
 const _sfc_main$1l = defineComponent({
   name: "ModalWrapper",
@@ -8905,6 +8913,12 @@ const _sfc_main$1l = defineComponent({
     const spinRef = ref(null);
     const realHeightRef = ref(0);
     const minRealHeightRef = ref(0);
+    let maxHeightEnum;
+    ((maxHeightEnum2) => {
+      maxHeightEnum2[maxHeightEnum2["small"] = 500] = "small";
+      maxHeightEnum2[maxHeightEnum2["default"] = 600] = "default";
+      maxHeightEnum2[maxHeightEnum2["large"] = 700] = "large";
+    })(maxHeightEnum || (maxHeightEnum = {}));
     let realHeight = 0;
     useWindowSizeFn(setModalHeight.bind(null, false));
     useMutationObserver(
@@ -8923,7 +8937,11 @@ const _sfc_main$1l = defineComponent({
     const spinStyle = computed(() => {
       return {
         minHeight: `${props2.minHeight}px`,
-        [props2.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
+        [props2.fullScreen ? "height" : "maxHeight"]: `${unref(
+          realHeightRef
+        )}px`,
+        overflow: "auto",
+        margin: "16px"
       };
     });
     watchEffect(() => {
@@ -8946,36 +8964,11 @@ const _sfc_main$1l = defineComponent({
     });
     onUnmounted(() => {
     });
-    async function scrollTop() {
-      nextTick(() => {
-        var _a2;
-        const wrapperRefDom = unref(wrapperRef);
-        if (!wrapperRefDom)
-          return;
-        (_a2 = wrapperRefDom == null ? void 0 : wrapperRefDom.scrollTo) == null ? void 0 : _a2.call(wrapperRefDom, 0);
-      });
-    }
     async function setModalHeight() {
       if (!props2.visible)
         return;
-      const wrapperRefDom = unref(wrapperRef);
-      if (!wrapperRefDom)
-        return;
-      const bodyDom = wrapperRefDom.$el.parentElement;
-      if (!bodyDom)
-        return;
-      bodyDom.style.padding = "0";
-      await nextTick();
       try {
-        const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement;
-        if (!modalDom)
-          return;
-        const modalRect = getComputedStyle(modalDom).top;
-        const modalTop = Number.parseInt(modalRect);
-        let maxHeight = window.innerHeight - modalTop * 2 + (props2.footerOffset || 0) - props2.modalFooterHeight - props2.modalHeaderHeight;
-        if (modalTop < 40) {
-          maxHeight -= 26;
-        }
+        let maxHeight = maxHeightEnum[props2.size] - props2.modalFooterHeight - props2.modalHeaderHeight - 32;
         await nextTick();
         const spinEl = unref(spinRef);
         if (!spinEl)
@@ -8991,24 +8984,18 @@ const _sfc_main$1l = defineComponent({
       } catch (error2) {
       }
     }
-    return { wrapperRef, spinRef, spinStyle, scrollTop, setModalHeight };
+    return { wrapperRef, spinRef, spinStyle, setModalHeight };
   }
 });
 const _hoisted_1$y = ["loading-tip"];
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ScrollContainer = resolveComponent("ScrollContainer");
-  return openBlock(), createBlock(_component_ScrollContainer, { ref: "wrapperRef" }, {
-    default: withCtx(() => [
-      createElementVNode("div", {
-        ref: "spinRef",
-        style: normalizeStyle$1(_ctx.spinStyle),
-        "loading-tip": _ctx.loadingTip
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 12, _hoisted_1$y)
-    ]),
-    _: 3
-  }, 512);
+  return openBlock(), createElementBlock("div", {
+    ref: "spinRef",
+    style: normalizeStyle$1(_ctx.spinStyle),
+    "loading-tip": _ctx.loadingTip
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 12, _hoisted_1$y);
 }
 const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$M]]);
 function getKey$2(namespace, key2) {
@@ -9120,12 +9107,164 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 const ModalClose = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$L]]);
+const validColors = ["error", "warning", "success", ""];
+const buttonProps = {
+  type: {
+    type: String,
+    default: "default"
+  },
+  color: {
+    type: String,
+    validator: (v) => validColors.includes(v),
+    default: ""
+  },
+  loading: { type: Boolean },
+  disabled: { type: Boolean },
+  /**
+   * Text before icon.
+   */
+  preIcon: { type: String },
+  /**
+   * Text after icon.
+   */
+  postIcon: { type: String },
+  /**
+   * preIcon and postIcon icon size.
+   * @default: 14
+   */
+  iconSize: { type: Number, default: 14 },
+  onClick: { type: Function, default: null }
+};
+const BasicButton = /* @__PURE__ */ defineComponent({
+  props: buttonProps,
+  setup(props2, {
+    attrs,
+    slots
+  }) {
+    const getBindValue = computed(() => {
+      return {
+        ...attrs,
+        ...props2,
+        type: ["danger", "waring", "success", "message"].includes(props2.type) ? "primary" : props2.type
+      };
+    });
+    const renderButton = () => {
+      const isDanger = () => {
+        return props2.type === "danger" ? {
+          type: void 0,
+          danger: true
+        } : {};
+      };
+      const getColor = () => {
+        let colorPrimary;
+        switch (props2.type || props2.color) {
+          case "danger":
+            colorPrimary = "#CF222E";
+            break;
+          case "waring":
+            colorPrimary = "#BF8700";
+            break;
+          case "success":
+            colorPrimary = "#2DA44E";
+            break;
+          case "message":
+            colorPrimary = "#0969DA";
+            break;
+          default:
+            colorPrimary = "#2DA44E";
+            break;
+        }
+        return colorPrimary;
+      };
+      const getTypeToken = () => {
+        return {
+          token: {
+            colorPrimary: getColor()
+          }
+        };
+      };
+      const isLinkColorStyle = () => {
+        return props2.type === "link" ? {
+          color: getColor()
+        } : {};
+      };
+      return createVNode(ConfigProvider, {
+        "theme": getTypeToken()
+      }, {
+        default: () => [createVNode(Button$1, mergeProps(getBindValue.value, isDanger(), {
+          "onClick": props2.onClick,
+          "style": isLinkColorStyle()
+        }), {
+          default: (data) => {
+            var _a2;
+            return createVNode(Fragment, null, [props2.preIcon ? createVNode(Icon2, {
+              "icon": props2.preIcon,
+              "size": props2.iconSize
+            }, null) : null, (_a2 = slots == null ? void 0 : slots.default) == null ? void 0 : _a2.call(slots, data), props2.postIcon ? createVNode(Icon2, {
+              "icon": props2.postIcon,
+              "size": props2.iconSize
+            }, null) : null]);
+          }
+        })]
+      });
+    };
+    return () => {
+      return renderButton();
+    };
+  }
+});
+function _isSlot$6(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const props$6 = {
+  enable: {
+    type: Boolean,
+    default: true
+  }
+};
+const PopConfirmButton = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  props: props$6,
+  setup(props2, {
+    slots
+  }) {
+    const attrs = useAttrs$1();
+    const getBindValues = computed(() => {
+      return Object.assign({
+        okText: "确定",
+        cancelText: "取消"
+      }, {
+        ...props2,
+        ...unref(attrs)
+      });
+    });
+    return () => {
+      const bindValues = omit$1(unref(getBindValues), "icon");
+      const btnBind = omit$1(bindValues, "title");
+      if (btnBind.disabled)
+        btnBind.color = "";
+      const Button2 = () => {
+        let _slot;
+        return createVNode(BasicButton, btnBind, _isSlot$6(_slot = extendSlots$1(slots)) ? _slot : {
+          default: () => [_slot]
+        });
+      };
+      if (!props2.enable) {
+        return Button2();
+      }
+      return createVNode(Popconfirm, bindValues, {
+        default: Button2
+      });
+    };
+  }
+});
+const Button = withInstall$7(BasicButton);
 const _sfc_main$1j = defineComponent({
   name: "BasicModalFooter",
   props: basicProps$7,
   emits: ["ok", "cancel"],
   components: {
-    Button: Button$1
+    BasicButton
   },
   setup(_, { emit }) {
     function handleOk(e) {
@@ -9138,19 +9277,22 @@ const _sfc_main$1j = defineComponent({
   }
 });
 function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Button = resolveComponent("Button");
+  const _component_BasicButton = resolveComponent("BasicButton");
   return openBlock(), createElementBlock("div", null, [
     renderSlot(_ctx.$slots, "insertFooter"),
-    _ctx.showCancelBtn ? (openBlock(), createBlock(_component_Button, mergeProps({ key: 0 }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
+    _ctx.showCancelBtn ? (openBlock(), createBlock(_component_BasicButton, mergeProps({
+      key: 0,
+      type: "danger"
+    }, _ctx.cancelButtonProps, { onClick: _ctx.handleCancel }), {
       default: withCtx(() => [
         createTextVNode(toDisplayString(_ctx.cancelText), 1)
       ]),
       _: 1
     }, 16, ["onClick"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "centerFooter"),
-    _ctx.showOkBtn ? (openBlock(), createBlock(_component_Button, mergeProps({
+    _ctx.showOkBtn ? (openBlock(), createBlock(_component_BasicButton, mergeProps({
       key: 1,
-      type: _ctx.okType,
+      type: "success",
       onClick: _ctx.handleOk,
       loading: _ctx.confirmLoading
     }, _ctx.okButtonProps), {
@@ -9158,7 +9300,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         createTextVNode(toDisplayString(_ctx.okText), 1)
       ]),
       _: 1
-    }, 16, ["type", "onClick", "loading"])) : createCommentVNode("", true),
+    }, 16, ["onClick", "loading"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "appendFooter")
   ]);
 }
@@ -9190,7 +9332,7 @@ function useDesign(scope) {
     // style,
   };
 }
-const props$6 = {
+const props$5 = {
   /**
    * Help text max-width
    * @default: 600px
@@ -9241,7 +9383,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   components: {
     Tooltip
   },
-  props: props$6,
+  props: props$5,
   setup(props2, {
     slots
   }) {
@@ -9333,8 +9475,8 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTitle_vue_vue_type_style_index_0_scoped_a48f9d86_lang = "";
-const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-a48f9d86"]]);
+const BasicTitle_vue_vue_type_style_index_0_scoped_fdc837af_lang = "";
+const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__scopeId", "data-v-fdc837af"]]);
 const _sfc_main$1g = defineComponent({
   name: "BasicModalHeader",
   components: { BasicTitle },
@@ -9433,7 +9575,7 @@ const _sfc_main$1f = defineComponent({
       const attr = {
         ...attrs,
         ...unref(getMergeProps),
-        visible: unref(visibleRef),
+        open: unref(visibleRef),
         wrapClassName: unref(getWrapClassName)
       };
       if (unref(fullScreenRef)) {
@@ -9442,12 +9584,15 @@ const _sfc_main$1f = defineComponent({
       return omit$1(attr, "title");
     });
     const omitBindValue = computed(() => {
-      return omit$1(
-        getProps.value.wrapperProps,
-        "visible",
-        "height",
-        "modalFooterHeight"
-      );
+      return {
+        size: unref(getProps).size,
+        ...omit$1(
+          getProps.value.wrapperProps,
+          "visible",
+          "height",
+          "modalFooterHeight"
+        )
+      };
     });
     const omitSlotKeys = computed(() => {
       return Object.keys(omit$1(slots, ["default"]));
@@ -9464,10 +9609,8 @@ const _sfc_main$1f = defineComponent({
     watch(
       () => unref(visibleRef),
       (v) => {
-        var _a2;
         emit("visible-change", v);
         emit("update:visible", v);
-        instance && ((_a2 = modalMethods.emitVisible) == null ? void 0 : _a2.call(modalMethods, v, instance.uid));
         nextTick(() => {
           if (props2.scrollTop && v && unref(modalWrapperRef)) {
             unref(modalWrapperRef).scrollTop();
@@ -9920,158 +10063,6 @@ function getBase64WithFile(file) {
     reader.onerror = (error2) => reject(error2);
   });
 }
-const validColors = ["error", "warning", "success", ""];
-const buttonProps = {
-  type: {
-    type: String,
-    default: "default"
-  },
-  color: {
-    type: String,
-    validator: (v) => validColors.includes(v),
-    default: ""
-  },
-  loading: { type: Boolean },
-  disabled: { type: Boolean },
-  /**
-   * Text before icon.
-   */
-  preIcon: { type: String },
-  /**
-   * Text after icon.
-   */
-  postIcon: { type: String },
-  /**
-   * preIcon and postIcon icon size.
-   * @default: 14
-   */
-  iconSize: { type: Number, default: 14 },
-  onClick: { type: Function, default: null }
-};
-const BasicButton = /* @__PURE__ */ defineComponent({
-  props: buttonProps,
-  setup(props2, {
-    attrs,
-    slots
-  }) {
-    const getBindValue = computed(() => {
-      return {
-        ...attrs,
-        ...props2,
-        type: ["danger", "waring", "success", "message"].includes(props2.type) ? "primary" : props2.type
-      };
-    });
-    const renderButton = () => {
-      const isDanger = () => {
-        return props2.type === "danger" ? {
-          type: void 0,
-          danger: true
-        } : {};
-      };
-      const getColor = () => {
-        let colorPrimary;
-        switch (props2.type || props2.color) {
-          case "danger":
-            colorPrimary = "#CF222E";
-            break;
-          case "waring":
-            colorPrimary = "#BF8700";
-            break;
-          case "success":
-            colorPrimary = "#2DA44E";
-            break;
-          case "message":
-            colorPrimary = "#0969DA";
-            break;
-          default:
-            colorPrimary = "#2DA44E";
-            break;
-        }
-        return colorPrimary;
-      };
-      const getTypeToken = () => {
-        return {
-          token: {
-            colorPrimary: getColor()
-          }
-        };
-      };
-      const isLinkColorStyle = () => {
-        return props2.type === "link" ? {
-          color: getColor()
-        } : {};
-      };
-      return createVNode(ConfigProvider, {
-        "theme": getTypeToken()
-      }, {
-        default: () => [createVNode(Button$1, mergeProps(getBindValue.value, isDanger(), {
-          "onClick": props2.onClick,
-          "style": isLinkColorStyle()
-        }), {
-          default: (data) => {
-            var _a2;
-            return createVNode(Fragment, null, [props2.preIcon ? createVNode(Icon2, {
-              "icon": props2.preIcon,
-              "size": props2.iconSize
-            }, null) : null, (_a2 = slots == null ? void 0 : slots.default) == null ? void 0 : _a2.call(slots, data), props2.postIcon ? createVNode(Icon2, {
-              "icon": props2.postIcon,
-              "size": props2.iconSize
-            }, null) : null]);
-          }
-        })]
-      });
-    };
-    return () => {
-      return renderButton();
-    };
-  }
-});
-function _isSlot$6(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const props$5 = {
-  enable: {
-    type: Boolean,
-    default: true
-  }
-};
-const PopConfirmButton = /* @__PURE__ */ defineComponent({
-  inheritAttrs: false,
-  props: props$5,
-  setup(props2, {
-    slots
-  }) {
-    const attrs = useAttrs$1();
-    const getBindValues = computed(() => {
-      return Object.assign({
-        okText: "确定",
-        cancelText: "取消"
-      }, {
-        ...props2,
-        ...unref(attrs)
-      });
-    });
-    return () => {
-      const bindValues = omit$1(unref(getBindValues), "icon");
-      const btnBind = omit$1(bindValues, "title");
-      if (btnBind.disabled)
-        btnBind.color = "";
-      const Button2 = () => {
-        let _slot;
-        return createVNode(BasicButton, btnBind, _isSlot$6(_slot = extendSlots$1(slots)) ? _slot : {
-          default: () => [_slot]
-        });
-      };
-      if (!props2.enable) {
-        return Button2();
-      }
-      return createVNode(Popconfirm, bindValues, {
-        default: Button2
-      });
-    };
-  }
-});
-const Button = withInstall$7(BasicButton);
 const _hoisted_1$x = { class: "ml-1" };
 const _hoisted_2$b = { class: "ml-1" };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
@@ -13509,8 +13500,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TreeHeader_vue_vue_type_style_index_0_scoped_a0f20f9d_lang = "";
-const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-a0f20f9d"]]);
+const TreeHeader_vue_vue_type_style_index_0_scoped_6d3f2554_lang = "";
+const TreeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-6d3f2554"]]);
 process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" ? Object.freeze([]) : [];
 const isString$1 = (val) => typeof val === "string";
@@ -14399,7 +14390,7 @@ const _sfc_main$$ = defineComponent({
     return { prefixCls: prefixCls2, getCalcContentWidth };
   }
 });
-const PageFooter_vue_vue_type_style_index_0_scoped_b4695833_lang = "";
+const PageFooter_vue_vue_type_style_index_0_scoped_44a47dbd_lang = "";
 function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.prefixCls),
@@ -14418,7 +14409,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 6);
 }
-const PageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$F], ["__scopeId", "data-v-b4695833"]]);
+const PageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$F], ["__scopeId", "data-v-44a47dbd"]]);
 const _sfc_main$_ = defineComponent({
   name: "PageWrapper",
   components: { PageFooter, PageHeader },
@@ -17033,8 +17024,8 @@ const _sfc_main$S = defineComponent({
     return { isVisibleAdvancedSearch, handleIconClick };
   }
 });
-const AdvancedSearchSetting_vue_vue_type_style_index_0_scoped_c5892da8_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-c5892da8"), n = n(), popScopeId(), n);
+const AdvancedSearchSetting_vue_vue_type_style_index_0_scoped_f74ee46a_lang = "";
+const _withScopeId$2 = (n) => (pushScopeId("data-v-f74ee46a"), n = n(), popScopeId(), n);
 const _hoisted_1$q = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", null, "高级搜索", -1));
 function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FilterOutlined = resolveComponent("FilterOutlined");
@@ -17052,7 +17043,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const AdvancedSearchSetting = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$z], ["__scopeId", "data-v-c5892da8"]]);
+const AdvancedSearchSetting = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$z], ["__scopeId", "data-v-f74ee46a"]]);
 const index$4 = "";
 const searchType = [
   {
@@ -18425,8 +18416,8 @@ const _sfc_main$L = defineComponent({
     };
   }
 });
-const TableGlobalSearch_vue_vue_type_style_index_0_scoped_5f6e7403_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-5f6e7403"), n = n(), popScopeId(), n);
+const TableGlobalSearch_vue_vue_type_style_index_0_scoped_90331d26_lang = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-90331d26"), n = n(), popScopeId(), n);
 const _hoisted_1$l = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, "搜索全部", -1));
 const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, "搜索特定字段", -1));
 const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
@@ -18484,7 +18475,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const TableGlobalSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$u], ["__scopeId", "data-v-5f6e7403"]]);
+const TableGlobalSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$u], ["__scopeId", "data-v-90331d26"]]);
 const _sfc_main$K = defineComponent({
   components: {
     TableAdvancedSearch: TableAdvancedSearch$1,
@@ -19038,7 +19029,7 @@ const _sfc_main$I = defineComponent({
   setup() {
   }
 });
-const TableDict_vue_vue_type_style_index_0_scoped_21146269_lang = "";
+const TableDict_vue_vue_type_style_index_0_scoped_7d89a0e9_lang = "";
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   var _a2;
   const _component_Icon = resolveComponent("Icon");
@@ -19067,7 +19058,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     ]), 1032, ["color"])
   ]);
 }
-const TableDict = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$r], ["__scopeId", "data-v-21146269"]]);
+const TableDict = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$r], ["__scopeId", "data-v-7d89a0e9"]]);
 const index$3 = "";
 function useTable(tableProps) {
   const tableRef = ref(null);
@@ -19338,8 +19329,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Modal_vue_vue_type_style_index_0_scoped_24f758b3_lang = "";
-const Modal$1 = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-24f758b3"]]);
+const Modal_vue_vue_type_style_index_0_scoped_4dc415ac_lang = "";
+const Modal$1 = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4dc415ac"]]);
 const _hoisted_1$h = { class: "api-modal-select" };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ApiModalSelect",
@@ -19486,8 +19477,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ApiModalSelect_vue_vue_type_style_index_0_scoped_5427533c_lang = "";
-const ApiModalSelect$1 = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-5427533c"]]);
+const ApiModalSelect_vue_vue_type_style_index_0_scoped_fb4fe18d_lang = "";
+const ApiModalSelect$1 = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-fb4fe18d"]]);
 const Description$1 = "";
 const basicColProps = 24;
 const basicProps$3 = reactive({
@@ -19955,9 +19946,7 @@ const _sfc_main$C = defineComponent({
       () => visibleRef.value,
       (visible) => {
         nextTick(() => {
-          var _a2;
           emit("visible-change", visible);
-          instance && ((_a2 = drawerInstance.emitVisible) == null ? void 0 : _a2.call(drawerInstance, visible, instance.uid));
         });
       }
     );
@@ -23508,7 +23497,7 @@ const _sfc_main$z = defineComponent({
     };
   }
 });
-const CropperAvatar_vue_vue_type_style_index_0_scoped_6ac45907_lang = "";
+const CropperAvatar_vue_vue_type_style_index_0_scoped_31315934_lang = "";
 const _hoisted_1$d = ["src"];
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
@@ -23559,7 +23548,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onRegister", "onUploadSuccess", "onBeforeUpload", "uploadApi", "src"])
   ], 6);
 }
-const CropperAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$l], ["__scopeId", "data-v-6ac45907"]]);
+const CropperAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$l], ["__scopeId", "data-v-31315934"]]);
 const props = {
   startVal: { type: Number, default: 0 },
   endVal: { type: Number, default: 2021 },
@@ -23730,7 +23719,7 @@ const _sfc_main$w = defineComponent({
     }
   }
 });
-const Loading_vue_vue_type_style_index_0_scoped_33b23b82_lang = "";
+const Loading_vue_vue_type_style_index_0_scoped_ee545744_lang = "";
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spin = resolveComponent("Spin");
   return withDirectives((openBlock(), createElementBlock("section", {
@@ -23746,7 +23735,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.loading]
   ]);
 }
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$j], ["__scopeId", "data-v-33b23b82"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$j], ["__scopeId", "data-v-ee545744"]]);
 function createLoading(props2, target, wait = false) {
   let vm = null;
   const data = reactive({
@@ -25536,7 +25525,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
     const props2 = __props;
     useCssVars((_ctx) => ({
-      "7210fae1": props2.labelWidth
+      "989efb00": props2.labelWidth
     }));
     const form = ref({});
     const formRef = ref();
@@ -25706,8 +25695,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DescriptionsForm_vue_vue_type_style_index_0_scoped_b1ced086_lang = "";
-const descriptionsForm = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-b1ced086"]]);
+const DescriptionsForm_vue_vue_type_style_index_0_scoped_2d2eda80_lang = "";
+const descriptionsForm = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2d2eda80"]]);
 const DescriptionsForm = withInstall$7(descriptionsForm);
 const basicResizeWrapperProps = reactive({
   designWidth: {
@@ -25752,8 +25741,8 @@ const __default__$1 = defineComponent({
 });
 const __injectCSSVars__ = () => {
   useCssVars((_ctx) => ({
-    "1a93f028": _ctx.designWidth,
-    "1e1b1b05": _ctx.designHeight
+    "0aaa544f": _ctx.designWidth,
+    "30d13bbe": _ctx.designHeight
   }));
 };
 const __setup__ = __default__$1.setup;
@@ -26233,7 +26222,7 @@ const styles = `.vue-colorful {
   border-color: transparent;
   border-bottom: 12px solid #000;
   border-radius: 8px 8px 0 0;
-  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),\r
+  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
       linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
 }
 .vue-colorful__pointer-fill, .vue-colorful__alpha-gradient {
@@ -26254,15 +26243,15 @@ const styles = `.vue-colorful {
   height: 24px;
 }
 .vue-colorful__hue {
-  background: linear-gradient(\r
-      to right,\r
-      #f00 0%,\r
-      #ff0 17%,\r
-      #0f0 33%,\r
-      #0ff 50%,\r
-      #00f 67%,\r
-      #f0f 83%,\r
-      #f00 100%\r
+  background: linear-gradient(
+      to right,
+      #f00 0%,
+      #ff0 17%,
+      #0f0 33%,
+      #0ff 50%,
+      #00f 67%,
+      #f0f 83%,
+      #f00 100%
     );
 }
 .vue-colorful__last-control {
@@ -30815,6 +30804,10 @@ const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
 const shyTableBasicProps = reactive({
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
   headerAlign: {
     type: String,
     default: "left"
@@ -32317,8 +32310,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_c563312c_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c563312c"]]);
+const Table_vue_vue_type_style_index_0_scoped_6380f8c9_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6380f8c9"]]);
 const ShyComponentMap = /* @__PURE__ */ new Map();
 ShyComponentMap.set("Input", Input);
 ShyComponentMap.set("InputGroup", Input.Group);
@@ -34201,8 +34194,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Modal_vue_vue_type_style_index_0_scoped_15e2dcbb_lang = "";
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-15e2dcbb"]]);
+const Modal_vue_vue_type_style_index_0_scoped_0ca4fd85_lang = "";
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0ca4fd85"]]);
 const _hoisted_1$3 = { class: "api-modal-select" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ApiModalSelect",
@@ -34349,8 +34342,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ApiModalSelect_vue_vue_type_style_index_0_scoped_5019fbdf_lang = "";
-const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5019fbdf"]]);
+const ApiModalSelect_vue_vue_type_style_index_0_scoped_45845a8d_lang = "";
+const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-45845a8d"]]);
 function useTableForm(propsRef, slots, fetch, getLoading) {
   const getFormConfig = computed(() => {
     const { formConfig } = unref(propsRef);
@@ -36333,6 +36326,9 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
     headerAlign: {
       type: String,
       default: "left"
+    },
+    isShowTitle: {
+      type: Boolean
     }
   },
   setup(props2, {
@@ -36348,6 +36344,16 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
         "onColumnsChange": handleColumnChange
       }, null) : null;
     };
+    const isShowTitle = () => {
+      return props2.isShowTitle ? createVNode(ShyTableTitle, null, {
+        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
+          var _a2;
+          return props2.title || ((_a2 = slots == null ? void 0 : slots.title) == null ? void 0 : _a2.call(slots));
+        } : null
+      }) : createVNode("div", {
+        "class": `${prefixCls2}-placeholder`
+      }, null);
+    };
     const handleColumnChange = (data) => {
       emit("columns-change", data);
     };
@@ -36358,12 +36364,7 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
         "class": prefixCls2
       }, [createVNode("div", {
         "class": getAlignClass.value
-      }, [createVNode(ShyTableTitle, null, {
-        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
-          var _a3;
-          return props2.title || ((_a3 = slots == null ? void 0 : slots.title) == null ? void 0 : _a3.call(slots));
-        } : null
-      }), createVNode("div", {
+      }, [isShowTitle(), createVNode("div", {
         "class": `${prefixCls2}-button`
       }, [(_a2 = slots == null ? void 0 : slots.toolbar) == null ? void 0 : _a2.call(slots)])]), createVNode("div", {
         "class": `${prefixCls2}-toolbar`
@@ -36378,6 +36379,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
   const getHeaderProps = computed(() => {
     const {
       title = null,
+      isShowTitle,
       showTableSetting,
       titleHelpMessage,
       tableSetting,
@@ -36388,6 +36390,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
       return {};
     }
     const headerProps = {
+      isShowTitle,
       headerAlign,
       title,
       titleHelpMessage,
@@ -37135,8 +37138,8 @@ const _sfc_main$2 = defineComponent({
     };
   }
 });
-const TableGlobalSearch_vue_vue_type_style_index_0_scoped_ac81b595_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-ac81b595"), n = n(), popScopeId(), n);
+const TableGlobalSearch_vue_vue_type_style_index_0_scoped_b3419d34_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-b3419d34"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "搜索全部", -1));
 const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "搜索特定字段", -1));
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
@@ -37194,7 +37197,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const TableGlobalSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__scopeId", "data-v-ac81b595"]]);
+const TableGlobalSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__scopeId", "data-v-b3419d34"]]);
 const _sfc_main$1 = defineComponent({
   name: "EditTableHeaderIcon",
   components: { FormOutlined: FormOutlined$1 },