3h1-ui 2.15.25 → 2.15.26

package/es/index.js

@@ -1,7 +1,7 @@
 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, 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 } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Table, FormItem, DatePicker, InputNumber, Modal as Modal$2, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Col, Form, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem } from "ant-design-vue";
-import { isFunction as isFunction$4, isString as isString$3, isArray as isArray$3, 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$5, extendSlots as extendSlots$1, isBoolean, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$3, 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$2, 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 { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Popconfirm, Menu, Dropdown, Divider as Divider$1, Table, FormItem, DatePicker, InputNumber, Modal as Modal$2, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Col, Form, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem } from "ant-design-vue";
+import { isFunction as isFunction$4, isString as isString$3, isArray as isArray$3, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, extendSlots as extendSlots$1, withInstall as withInstall$5, isBoolean, isNumber as isNumber$2, buildUUID, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$3, 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$2, useDesign as useDesign$1, useI18n as useI18n$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";
 import dayjs from "dayjs";
@@ -7273,7 +7273,7 @@ function useTransition(source, options = {}) {
 }
 const _hoisted_1$u = { class: "flex justify-between" };
 const _hoisted_2$a = { key: 0 };
-const _hoisted_3$7 = { class: "flex flex-wrap px-2" };
+const _hoisted_3$8 = { class: "flex flex-wrap px-2" };
 const _hoisted_4$5 = ["onClick", "title"];
 const _hoisted_5$4 = {
   key: 0,
@@ -7392,7 +7392,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
               unref(getPaginationList).length ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
                 createVNode(unref(ScrollContainer$1), { class: "border border-solid border-t-0" }, {
                   default: withCtx(() => [
-                    createElementVNode("ul", _hoisted_3$7, [
+                    createElementVNode("ul", _hoisted_3$8, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getPaginationList), (icon) => {
                         return openBlock(), createElementBlock("li", {
                           key: icon,
@@ -7612,2284 +7612,2307 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { key: 1 };
-const _hoisted_2$9 = {
-  key: 0,
-  class: "table-children-required"
-};
-const _hoisted_3$6 = { class: "text-red-500" };
-const _hoisted_4$4 = {
-  key: 0,
-  class: "table-children-delete-index"
-};
-const _hoisted_5$3 = ["onClick"];
-const _hoisted_6$1 = {
-  key: 2,
-  class: "table-children-delete-index"
+const validColors = ["error", "warning", "success", ""];
+const buttonProps = {
+  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 __default__$3 = defineComponent({
+  name: "AButton",
+  extends: Button$1,
+  inheritAttrs: false
+});
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  __name: "Table",
+  ...__default__$3,
+  props: buttonProps,
+  setup(__props) {
+    const props2 = __props;
+    const attrs = useAttrs$1({ excludeDefaultKeys: false });
+    const getButtonClass = computed(() => {
+      const { color, disabled } = props2;
+      return [
+        {
+          [`ant-btn-${color}`]: !!color,
+          [`is-disabled`]: disabled
+        }
+      ];
+    });
+    const getBindValue = computed(() => ({ ...unref(attrs), ...props2 }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Button$1), mergeProps(getBindValue.value, {
+        class: getButtonClass.value,
+        onClick: props2.onClick
+      }), {
+        default: withCtx((data) => [
+          props2.preIcon ? (openBlock(), createBlock(unref(Icon2), {
+            key: 0,
+            icon: props2.preIcon,
+            size: props2.iconSize
+          }, null, 8, ["icon", "size"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(data || {}))),
+          props2.postIcon ? (openBlock(), createBlock(unref(Icon2), {
+            key: 1,
+            icon: props2.postIcon,
+            size: props2.iconSize
+          }, null, 8, ["icon", "size"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 16, ["class", "onClick"]);
+    };
+  }
+});
+const props$7 = {
+  /**
+   * Whether to enable the drop-down menu
+   * @default: true
+   */
+  enable: {
+    type: Boolean,
+    default: true
+  }
+};
+const _sfc_main$14 = defineComponent({
+  name: "PopButton",
+  inheritAttrs: false,
+  props: props$7,
+  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 = h(_sfc_main$15, btnBind, extendSlots$1(slots));
+      if (!props2.enable) {
+        return Button2;
+      }
+      return h(Popconfirm, bindValues, { default: () => Button2 });
+    };
+  }
+});
+const Button = withInstall$5(_sfc_main$15);
+const _hoisted_1$t = { class: "ml-1" };
+const _hoisted_2$9 = { class: "ml-1" };
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  __name: "Dropdown",
   props: {
-    rowKey: {
-      type: String,
-      default: () => "uuid"
+    popconfirm: Boolean,
+    /**
+     * the trigger mode which executes the drop-down action
+     * @default ['hover']
+     * @type string[]
+     */
+    trigger: {
+      type: [Array],
+      default: () => {
+        return ["contextmenu"];
+      }
     },
-    columns: {
+    dropMenuList: {
       type: Array,
       default: () => []
     },
-    value: {
+    selectedKeys: {
       type: Array,
       default: () => []
-    },
-    isShowAction: {
-      type: Boolean,
-      default: () => true
     }
   },
-  emits: ["update:value", "change", "add", "remove"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const formActionType = inject("formActionType");
-    const emit = __emit;
+  emits: ["menuEvent"],
+  setup(__props, { emit: __emit }) {
+    const ADropdown = Dropdown;
+    const AMenu = Menu;
+    const AMenuItem = Menu.Item;
+    const AMenuDivider = Menu.Divider;
+    const APopconfirm = Popconfirm;
     const props2 = __props;
-    const emitData = ref([]);
-    const [state] = useRuleFormItem(props2, "value", "change", emitData);
-    const getColumns = computed(() => {
-      const indexColumn = {
-        title: "序号",
-        dataIndex: "index",
-        customRender: ({ index: index2 }) => {
-          return `${index2 + 1}`;
-        },
-        width: 50,
-        align: "center"
+    const emit = __emit;
+    function handleClickMenu(item) {
+      var _a2;
+      const { event } = item;
+      const menu = props2.dropMenuList.find((item2) => `${item2.event}` === `${event}`);
+      emit("menuEvent", menu);
+      (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
+    }
+    const getPopConfirmAttrs = computed(() => {
+      return (attrs) => {
+        const originAttrs = omit$1(attrs, ["confirm", "cancel", "icon"]);
+        if (!attrs.onConfirm && attrs.confirm && isFunction$4(attrs.confirm))
+          originAttrs["onConfirm"] = attrs.confirm;
+        if (!attrs.onCancel && attrs.cancel && isFunction$4(attrs.cancel))
+          originAttrs["onCancel"] = attrs.cancel;
+        return originAttrs;
       };
-      return [
-        indexColumn,
-        ...props2.columns.map((item) => ({
-          ...item,
-          type: item.type ? item.type : "input"
-        }))
-      ];
     });
-    const plusClickEvent = () => {
-      state.value = [{ [props2.rowKey]: buildUUID() }, ...toRaw(state.value)];
-      emit("add", state.value);
-    };
-    const rowClickEvent = (index2) => {
-      const tempState = state.value.filter((item) => {
-        return item[props2.rowKey] !== index2;
-      });
-      tempState.forEach((item) => item[props2.rowKey] = buildUUID());
-      state.value = [...tempState];
-      emit("remove", state.value, index2);
+    const getAttr = (key2) => ({ key: key2 });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ADropdown), mergeProps({ trigger: __props.trigger }, _ctx.$attrs), {
+        overlay: withCtx(() => [
+          createVNode(unref(AMenu), { selectedKeys: __props.selectedKeys }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dropMenuList, (item) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: `${item.event}`
+                }, [
+                  createVNode(unref(AMenuItem), mergeProps({ ref_for: true }, getAttr(item.event), {
+                    onClick: ($event) => handleClickMenu(item),
+                    disabled: item.disabled
+                  }), {
+                    default: withCtx(() => [
+                      __props.popconfirm && item.popConfirm ? (openBlock(), createBlock(unref(APopconfirm), mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, getPopConfirmAttrs.value(item.popConfirm)), createSlots({
+                        default: withCtx(() => [
+                          createElementVNode("div", null, [
+                            item.icon ? (openBlock(), createBlock(unref(Icon2), {
+                              key: 0,
+                              icon: item.icon
+                            }, null, 8, ["icon"])) : createCommentVNode("", true),
+                            createElementVNode("span", _hoisted_1$t, toDisplayString(item.text), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, [
+                        item.popConfirm.icon ? {
+                          name: "icon",
+                          fn: withCtx(() => [
+                            createVNode(unref(Icon2), {
+                              icon: item.popConfirm.icon
+                            }, null, 8, ["icon"])
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                        item.icon ? (openBlock(), createBlock(unref(Icon2), {
+                          key: 0,
+                          icon: item.icon
+                        }, null, 8, ["icon"])) : createCommentVNode("", true),
+                        createElementVNode("span", _hoisted_2$9, toDisplayString(item.text), 1)
+                      ], 64))
+                    ]),
+                    _: 2
+                  }, 1040, ["onClick", "disabled"]),
+                  item.divider ? (openBlock(), createBlock(unref(AMenuDivider), {
+                    key: `d-${item.event}`
+                  })) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["selectedKeys"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("span", null, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["trigger"]);
     };
-    const getPopupContainer2 = () => document.body;
-    const rulesRef = reactive({});
-    const getRules = ({ column, record, index: index2, ...args }) => {
-      var _a2, _b;
-      const errKey = `${column.dataIndex}-${record.uuid}Info`;
-      if (!column.required && !column.rules)
-        return [];
-      if ((_a2 = rulesRef[errKey]) == null ? void 0 : _a2.rules)
-        return (_b = rulesRef[errKey]) == null ? void 0 : _b.rules;
-      rulesRef[errKey] = {
-        rules: [],
-        show: false,
-        msg: ""
-      };
-      if (!column.rules && column.required) {
-        rulesRef[errKey].rules = [
-          {
-            required: true,
-            validator: (rule, value) => {
-              const prefix = column.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
-              const errMsg = `${prefix}${column.title}`;
-              if (value) {
-                rulesRef[errKey].show = false;
-                return Promise.resolve();
-              }
-              rulesRef[errKey].show = true;
-              rulesRef[errKey].msg = errMsg;
-              return Promise.reject(errMsg);
-            }
-          }
-        ];
-        return rulesRef[errKey].rules;
+  }
+});
+const key$3 = Symbol("basic-table");
+function createTableContext(instance) {
+  provide(key$3, instance);
+}
+function useTableContext() {
+  return inject(key$3);
+}
+const componentSetting = {
+  // basic-table setting
+  table: {
+    // Form interface request general configuration
+    // support xxx.xxx.xxx
+    fetchSetting: {
+      // The field name of the current page passed to the background
+      pageField: "current",
+      // The number field name of each page displayed in the background
+      sizeField: "size",
+      // Field name of the form data returned by the interface
+      listField: "records",
+      // Total number of tables returned by the interface field name
+      totalField: "total"
+    },
+    // Number of pages that can be selected
+    pageSizeOptions: ["10", "50", "80", "100"],
+    // Default display quantity on one page
+    defaultPageSize: 10,
+    // Default Size
+    defaultSize: "middle",
+    // Custom general sort function
+    defaultSortFn: (sortInfo) => {
+      const { field, order } = sortInfo;
+      if (field && order) {
+        return {
+          // The sort field passed to the backend you
+          sort: field,
+          // Sorting method passed to the background asc/desc
+          order: order === "ascend" ? "asc" : "desc"
+        };
+      } else {
+        return {};
       }
-      if (!isArray$2(column.rules))
-        return column.rules;
-      rulesRef[errKey].rules = cloneDeep(column.rules);
-      rulesRef[errKey].rules.forEach((item) => {
-        if (!item.validator || !isFunction$4(item.validator))
-          return;
-        const validator = item.validator;
-        item.validator = async (rule, value) => {
-          try {
-            rulesRef[errKey].show = false;
-            return await validator(
-              rule,
-              value,
-              { column, record, ...args },
-              formActionType
-            );
-          } catch (error2) {
-            rulesRef[errKey].show = true;
-            rulesRef[errKey].msg = error2;
-            return Promise.reject(error2);
-          }
+    },
+    // Custom general filter function
+    defaultFilterFn: (data) => {
+      return data;
+    }
+  },
+  // scrollbar setting
+  scrollbar: {
+    // Whether to use native scroll bar
+    // After opening, the menu, modal, drawer will change the pop-up scroll bar to native
+    native: false
+  },
+  tree: {
+    searchToolbar: false
+  }
+};
+const { table } = componentSetting;
+const {
+  pageSizeOptions,
+  defaultPageSize,
+  fetchSetting,
+  defaultSize,
+  defaultSortFn,
+  defaultFilterFn
+} = table;
+const ROW_KEY = "key";
+const PAGE_SIZE_OPTIONS = pageSizeOptions;
+const PAGE_SIZE = defaultPageSize;
+const FETCH_SETTING = fetchSetting;
+const DEFAULT_SIZE = defaultSize;
+const DEFAULT_SORT_FN = defaultSortFn;
+const DEFAULT_FILTER_FN = defaultFilterFn;
+let DEFAULT_ALIGN = "left";
+const INDEX_COLUMN_FLAG = "INDEX";
+const ACTION_COLUMN_FLAG = "ACTION";
+const ACTION_COLUMN_WIDTH = 160;
+const setConstConfig = (config) => {
+  DEFAULT_ALIGN = config.align;
+};
+const __default__$2 = {
+  name: "TableAction"
+};
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    actions: {
+      type: Array,
+      default: null
+    },
+    dropDownActions: {
+      type: Array,
+      default: null
+    },
+    divider: {
+      type: Boolean,
+      default: true
+    },
+    outside: {
+      type: Boolean
+    },
+    stopButtonPropagation: {
+      type: Boolean,
+      default: false
+    },
+    showCount: {
+      type: Number,
+      default: () => 3
+    }
+  },
+  setup(__props) {
+    const props2 = __props;
+    const { prefixCls: prefixCls2 } = useDesign$1("basic-table-action");
+    let table2 = {};
+    if (!props2.outside) {
+      table2 = useTableContext();
+    }
+    function isIfShow(action) {
+      const ifShow = action.ifShow;
+      let isIfShow2 = true;
+      if (isBoolean(ifShow)) {
+        isIfShow2 = ifShow;
+      }
+      if (isNumber$2(ifShow) || isString$3(ifShow)) {
+        isIfShow2 = !!ifShow;
+      }
+      if (isFunction$4(ifShow)) {
+        isIfShow2 = ifShow(action);
+      }
+      return isIfShow2;
+    }
+    const getActions = computed(() => {
+      const cacheActions = [];
+      return (toRaw(props2.actions) || []).filter((action, _) => {
+        if (isIfShow(action) && cacheActions.length < props2.showCount - (props2.actions.length !== props2.showCount ? 1 : 0)) {
+          cacheActions.push(action);
+          return true;
+        } else
+          return false;
+      }).map((action) => {
+        const { popConfirm } = action;
+        return {
+          getPopupContainer: () => document.body,
+          type: "link",
+          size: "small",
+          ...action,
+          ...popConfirm || {},
+          onConfirm: popConfirm == null ? void 0 : popConfirm.confirm,
+          onCancel: popConfirm == null ? void 0 : popConfirm.cancel,
+          enable: !!popConfirm
         };
       });
-      return rulesRef[errKey].rules;
-    };
-    watch(
-      () => state.value,
-      (v, old) => {
-        if (!isEqual(toRaw(v), toRaw(old))) {
-          emit(
-            "update:value",
-            toRaw(v).map((ele) => {
-              return {
-                ...ele,
-                [props2.rowKey]: ele[props2.rowKey] || buildUUID()
-              };
-            })
-          );
-        }
-      },
-      {
-        deep: true
-      }
-    );
-    const isScroll = ref(false);
-    const timer = ref();
-    onMounted(() => {
-      window.addEventListener(
-        "scroll",
-        (e) => {
-          clearTimeout(timer.value);
-          timer.value = setTimeout(() => {
-            isScroll.value = false;
-          }, 500);
-          if (isScroll.value)
-            return;
-          isScroll.value = true;
-        },
-        true
-      );
     });
-    onUnmounted(() => {
-      window.removeEventListener("scroll", () => {
+    const getDropdownList = computed(() => {
+      const cacheActions = [];
+      const list = (toRaw(props2.actions) || []).filter((action, index2) => {
+        if (isIfShow(action) && cacheActions.length < props2.showCount - (props2.actions.length !== props2.showCount ? 1 : 0)) {
+          cacheActions.push(action);
+          return false;
+        } else if (isIfShow(action))
+          return true;
       });
-    });
-    const loadKv = () => {
-      const columns = props2.columns;
-      let dicData = [];
-      columns.forEach(async (column) => {
-        if (column == null ? void 0 : column.api) {
-          dicData = await column.api();
-          column.dicData = dicData;
-        }
+      return list.map((action, index2) => {
+        const { label, popConfirm } = action;
+        return {
+          ...action,
+          ...popConfirm,
+          onConfirm: popConfirm == null ? void 0 : popConfirm.confirm,
+          onCancel: popConfirm == null ? void 0 : popConfirm.cancel,
+          text: label,
+          divider: index2 < list.length - 1 ? props2.divider : false
+        };
       });
-    };
-    const listFormRefs = ref([]);
-    const validate = async () => {
-      try {
-        for (let formRef of listFormRefs.value) {
-          await formRef.validate();
-        }
-      } catch {
-        throw new Error("校验失败");
-      }
-    };
-    loadKv();
-    __expose({ validate });
+    });
+    const getAlign = computed(() => {
+      var _a2;
+      const columns = ((_a2 = table2 == null ? void 0 : table2.getColumns) == null ? void 0 : _a2.call(table2)) || [];
+      const actionColumn = columns.find((item) => item.flag === ACTION_COLUMN_FLAG);
+      return (actionColumn == null ? void 0 : actionColumn.align) ?? "left";
+    });
+    function getTooltip(data) {
+      return {
+        getPopupContainer: () => unref(table2 == null ? void 0 : table2.wrapRef.value) ?? document.body,
+        placement: "bottom",
+        ...isString$3(data) ? { title: data } : data
+      };
+    }
+    function onCellClick(e) {
+      if (!props2.stopButtonPropagation)
+        return;
+      const path = e.composedPath();
+      const isInButton = path.find((ele) => {
+        var _a2;
+        return ((_a2 = ele.tagName) == null ? void 0 : _a2.toUpperCase()) === "BUTTON";
+      });
+      isInButton && e.stopPropagation();
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Table), {
-        columns: getColumns.value,
-        "data-source": unref(state),
-        pagination: false,
-        bordered: "",
-        size: "small",
-        class: "table-children",
-        align: "center"
-      }, {
-        headerCell: withCtx(({ column }) => {
-          var _a2;
-          return [
-            column.dataIndex === "index" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              __props.isShowAction ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "shy-table-edit-icon-plus",
-                onClick: plusClickEvent
-              }, [
-                createVNode(unref(PlusCircleFilled$1), { style: { color: "#006eff" } })
-              ])) : (openBlock(), createElementBlock("div", _hoisted_1$t, "序号"))
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              column.required || ((_a2 = column == null ? void 0 : column.rules) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("span", _hoisted_2$9, "*")) : createCommentVNode("", true),
-              createElementVNode("span", null, toDisplayString(column.title), 1)
-            ], 64))
-          ];
-        }),
-        bodyCell: withCtx(({ column, record, index: index2, ...args }) => [
-          column.dataIndex !== "index" && column.type !== "text" ? (openBlock(), createBlock(unref(FormItem), {
-            required: column.required,
-            rules: getRules({ column, record, index: index2, ...args }),
-            name: [_ctx.$attrs.codeField, index2, column.dataIndex],
-            key: record[__props.rowKey]
-          }, {
-            default: withCtx(() => {
-              var _a2;
-              return [
-                createVNode(unref(Popover), {
-                  overlayClassName: "table-children-err-popover",
-                  visible: !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
-                }, {
-                  content: withCtx(() => {
-                    var _a3;
-                    return [
-                      createElementVNode("span", _hoisted_3$6, toDisplayString((_a3 = rulesRef[`${column.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a3.msg), 1)
-                    ];
-                  }),
+      const _component_a_button = resolveComponent("a-button");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(prefixCls2), getAlign.value]),
+        onClick: onCellClick
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(getActions.value, (action, index2) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: `${index2}-${action.label}`
+          }, [
+            action.tooltip ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
+              key: 0,
+              ref_for: true
+            }, getTooltip(action.tooltip)), {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$14), mergeProps({ ref_for: true }, action), {
                   default: withCtx(() => [
-                    column.type === "select" ? (openBlock(), createBlock(unref(Select), {
+                    action.icon ? (openBlock(), createBlock(unref(Icon2), {
                       key: 0,
-                      value: record[column.dataIndex],
-                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                      options: column.dicData,
-                      mode: column.mode,
-                      "max-tag-count": column.maxTagCount,
-                      "max-tag-text-length": column.maxTagTextLength
-                    }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker), {
-                      key: 1,
-                      value: record[column.dataIndex],
-                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                      valueFormat: "YYYY-MM-DD HH:mm:ss"
-                    }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
-                      key: 2,
-                      value: record[column.dataIndex],
-                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                      min: column.min,
-                      max: column.max,
-                      precision: column.precision ?? 2
-                    }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : column.type === "input" ? (openBlock(), createBlock(unref(Input), {
-                      key: 3,
-                      value: record[column.dataIndex],
-                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                      disabled: !props2.isShowAction
-                    }, null, 8, ["value", "onUpdate:value", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(componentMap$2).get(column.type)), mergeProps(
-                      {
-                        key: 4,
-                        allowClear: "",
-                        getPopupContainer: getPopupContainer2,
-                        style: { width: "100%" }
-                      },
-                      unref(isFunction$4)(column.componentProps) ? column.componentProps({ record, column, index: index2, ...args }) : column.componentProps,
-                      {
-                        value: record[column.dataIndex],
-                        "onUpdate:value": ($event) => record[column.dataIndex] = $event
-                      }
-                    ), null, 16, ["value", "onUpdate:value"]))
+                      icon: action.icon,
+                      class: normalizeClass({ "mr-1": !!action.label })
+                    }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+                    action.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(action.label), 1)
+                    ], 64)) : createCommentVNode("", true)
                   ]),
                   _: 2
-                }, 1032, ["visible"])
-              ];
-            }),
-            _: 2
-          }, 1032, ["required", "rules", "name"])) : column.dataIndex === "index" ? (openBlock(), createElementBlock("div", {
-            class: "table-children-delete-wrapper",
-            key: record[__props.rowKey]
-          }, [
-            __props.isShowAction ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(index2 + 1), 1)) : createCommentVNode("", true),
-            __props.isShowAction ? (openBlock(), createElementBlock("div", {
+                }, 1040)
+              ]),
+              _: 2
+            }, 1040)) : (openBlock(), createBlock(unref(_sfc_main$14), mergeProps({
               key: 1,
-              class: "table-children-delete-item",
-              onClick: ($event) => rowClickEvent(record[__props.rowKey])
-            }, [
-              createVNode(unref(DeleteFilled$1), { style: { color: "#fff" } })
-            ], 8, _hoisted_5$3)) : (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(index2 + 1), 1))
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["columns", "data-source"]);
+              ref_for: true
+            }, action), {
+              default: withCtx(() => [
+                action.icon ? (openBlock(), createBlock(unref(Icon2), {
+                  key: 0,
+                  icon: action.icon,
+                  class: normalizeClass({ "mr-1": !!action.label })
+                }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
+                action.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(action.label), 1)
+                ], 64)) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1040)),
+            __props.divider && index2 < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider$1), {
+              key: 2,
+              type: "vertical",
+              class: "action-divider"
+            })) : createCommentVNode("", true)
+          ], 64);
+        }), 128)),
+        getDropdownList.value.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$13), {
+          key: 0,
+          trigger: ["hover"],
+          dropMenuList: getDropdownList.value,
+          popconfirm: ""
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "more"),
+            !_ctx.$slots.more ? (openBlock(), createBlock(_component_a_button, {
+              key: 0,
+              type: "link",
+              size: "small"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(MoreOutlined$1), { class: "icon-more" })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["dropMenuList"])) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
-const Table_vue_vue_type_style_index_0_lang = "";
-const modal = "";
-useI18n$1();
-const modalProps = {
-  visible: { type: Boolean },
-  scrollTop: { type: Boolean, default: true },
-  height: { type: Number },
-  minHeight: { type: Number },
-  // open drag
-  draggable: { type: Boolean, default: true },
-  centered: { type: Boolean },
-  cancelText: { type: String, default: "取消" },
-  okText: { type: String, default: "确认" },
-  closeFunc: Function
+const TableAction_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$s = { key: 1 };
+const _hoisted_2$8 = {
+  key: 0,
+  class: "table-children-required"
 };
-const basicProps$6 = Object.assign({}, modalProps, {
-  defaultFullscreen: { type: Boolean },
-  // Can it be full screen
-  canFullscreen: { type: Boolean, default: true },
-  // After enabling the wrapper, the bottom can be increased in height
-  wrapperFooterOffset: { type: Number, default: 0 },
-  // Warm reminder message
-  helpMessage: [String, Array],
-  // Whether to setting wrapper
-  useWrapper: { type: Boolean, default: true },
-  loading: { type: Boolean },
-  loadingTip: { type: String },
-  /**
-   * @description: Show close button
-   */
-  showCancelBtn: { type: Boolean, default: true },
-  /**
-   * @description: Show confirmation button
-   */
-  showOkBtn: { type: Boolean, default: true },
-  wrapperProps: Object,
-  afterClose: Function,
-  bodyStyle: Object,
-  closable: { type: Boolean, default: true },
-  closeIcon: Object,
-  confirmLoading: { type: Boolean },
-  destroyOnClose: { type: Boolean },
-  footer: Object,
-  getContainer: Function,
-  mask: { type: Boolean, default: true },
-  maskClosable: { type: Boolean, default: false },
-  keyboard: { type: Boolean, default: true },
-  maskStyle: Object,
-  okType: { type: String, default: "primary" },
-  okButtonProps: Object,
-  cancelButtonProps: Object,
-  title: { type: String },
-  visible: { type: Boolean },
-  width: [String, Number],
-  wrapClassName: { type: String },
-  zIndex: { type: Number }
-});
-function is(val, type) {
-  return toString.call(val) === `[object ${type}]`;
-}
-function isFunction$1(val) {
-  return typeof val === "function";
-}
-function isObject$1(val) {
-  return val !== null && is(val, "Object");
-}
-function isDef(val) {
-  return typeof val !== "undefined";
-}
-function isUnDef(val) {
-  return !isDef(val);
-}
-function isString$1(val) {
-  return is(val, "String");
-}
-function isArray(val) {
-  return val && Array.isArray(val);
-}
-function useTimeoutFn(handle, wait, native = false) {
-  if (!isFunction$1(handle)) {
-    throw new Error("handle is not Function!");
-  }
-  const { readyRef, stop, start } = useTimeoutRef(wait);
-  if (native) {
-    handle();
-  } else {
-    watch(
-      readyRef,
-      (maturity) => {
-        maturity && handle();
-      },
-      { immediate: false }
-    );
-  }
-  return { readyRef, stop, start };
-}
-function useTimeoutRef(wait) {
-  const readyRef = ref(false);
-  let timer;
-  function stop() {
-    readyRef.value = false;
-    timer && window.clearTimeout(timer);
-  }
-  function start() {
-    stop();
-    timer = setTimeout(() => {
-      readyRef.value = true;
-    }, wait);
-  }
-  start();
-  tryOnUnmounted(stop);
-  return { readyRef, stop, start };
-}
-function useModalDragMove(context) {
-  const getStyle = (dom, attr) => {
-    return getComputedStyle(dom)[attr];
-  };
-  const drag = (wrap) => {
-    if (!wrap)
-      return;
-    wrap.setAttribute("data-drag", unref(context.draggable));
-    const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
-    const dragDom = wrap.querySelector(".ant-modal");
-    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
-      return;
-    dialogHeaderEl.style.cursor = "move";
-    dialogHeaderEl.onmousedown = (e) => {
-      if (!e)
-        return;
-      const disX = e.clientX;
-      const disY = e.clientY;
-      const screenWidth = document.body.clientWidth;
-      const screenHeight = document.documentElement.clientHeight;
-      const dragDomWidth = dragDom.offsetWidth;
-      const dragDomheight = dragDom.offsetHeight;
-      const minDragDomLeft = dragDom.offsetLeft;
-      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
-      const minDragDomTop = dragDom.offsetTop;
-      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
-      const domLeft = getStyle(dragDom, "left");
-      const domTop = getStyle(dragDom, "top");
-      let styL = +domLeft;
-      let styT = +domTop;
-      if (domLeft.includes("%")) {
-        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, "") / 100);
-        styT = +document.body.clientHeight * (+domTop.replace(/%/g, "") / 100);
-      } else {
-        styL = +domLeft.replace(/px/g, "");
-        styT = +domTop.replace(/px/g, "");
-      }
-      document.onmousemove = function(e2) {
-        let left = e2.clientX - disX;
-        let top = e2.clientY - disY;
-        if (-left > minDragDomLeft) {
-          left = -minDragDomLeft;
-        } else if (left > maxDragDomLeft) {
-          left = maxDragDomLeft;
-        }
-        if (-top > minDragDomTop) {
-          top = -minDragDomTop;
-        } else if (top > maxDragDomTop) {
-          top = maxDragDomTop;
-        }
-        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
-      };
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-      };
-    };
-  };
-  const handleDrag = () => {
-    const dragWraps = document.querySelectorAll(".ant-modal-wrap");
-    for (const wrap of Array.from(dragWraps)) {
-      if (!wrap)
-        continue;
-      const display = getStyle(wrap, "display");
-      const draggable = wrap.getAttribute("data-drag");
-      if (display !== "none") {
-        if (draggable === null || unref(context.destroyOnClose)) {
-          drag(wrap);
-        }
-      }
-    }
-  };
-  watchEffect(() => {
-    if (!unref(context.visible) || !unref(context.draggable)) {
-      return;
-    }
-    useTimeoutFn(() => {
-      handleDrag();
-    }, 30);
-  });
-}
-const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
-const LISTENER_PREFIX = /^on[A-Z]/;
-function entries(obj) {
-  return Object.keys(obj).map((key2) => [key2, obj[key2]]);
-}
-function useAttrs(params = {}) {
-  const instance = getCurrentInstance();
-  if (!instance)
-    return {};
-  const {
-    excludeListeners = false,
-    excludeKeys = [],
-    excludeDefaultKeys = true
-  } = params;
-  const attrs = shallowRef({});
-  const allExcludeKeys = excludeKeys.concat(
-    excludeDefaultKeys ? DEFAULT_EXCLUDE_KEYS : []
-  );
-  instance.attrs = reactive(instance.attrs);
-  watchEffect(() => {
-    const res = entries(instance.attrs).reduce((acm, [key2, val]) => {
-      if (!allExcludeKeys.includes(key2) && !(excludeListeners && LISTENER_PREFIX.test(key2))) {
-        acm[key2] = val;
-      }
-      return acm;
-    }, {});
-    attrs.value = res;
-  });
-  return attrs;
-}
-function getSlot(slots, slot = "default", data) {
-  if (!slots || !Reflect.has(slots, slot)) {
-    return null;
-  }
-  if (!isFunction$1(slots[slot])) {
-    console.error(`${slot} is not a function!`);
-    return null;
-  }
-  const slotFn = slots[slot];
-  if (!slotFn)
-    return null;
-  return slotFn(data);
-}
-function extendSlots(slots, excludeKeys = []) {
-  const slotKeys = Object.keys(slots);
-  const ret = {};
-  slotKeys.map((key2) => {
-    if (excludeKeys.includes(key2)) {
-      return null;
-    }
-    ret[key2] = (data) => getSlot(slots, key2, data);
-  });
-  return ret;
-}
-function _isSlot$3(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const Modal$1 = /* @__PURE__ */ defineComponent({
-  name: "Modal",
-  inheritAttrs: false,
-  props: basicProps$6,
-  emits: ["cancel"],
-  setup(props2, {
-    slots,
-    emit
-  }) {
-    const {
-      visible,
-      draggable,
-      destroyOnClose
-    } = toRefs(props2);
-    const attrs = useAttrs();
-    useModalDragMove({
-      visible,
-      destroyOnClose,
-      draggable
-    });
-    const onCancel = (e) => {
-      emit("cancel", e);
-    };
-    return () => {
-      let _slot;
-      const propsData = {
-        ...unref(attrs),
-        ...props2,
-        onCancel
-      };
-      return createVNode(Modal$2, propsData, _isSlot$3(_slot = extendSlots(slots)) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-  }
-});
-function useWindowSizeFn(fn, wait = 150, options) {
-  let handler = () => {
-    fn();
-  };
-  const handleSize = useDebounceFn$1(handler, wait);
-  handler = handleSize;
-  const start = () => {
-    if (options && options.immediate) {
-      handler();
-    }
-    window.addEventListener("resize", handler);
-  };
-  const stop = () => {
-    window.removeEventListener("resize", handler);
-  };
-  tryOnMounted(() => {
-    start();
-  });
-  tryOnUnmounted(() => {
-    stop();
-  });
-  return [start, stop];
-}
-const easeInOutQuad = (t2, b, c, d) => {
-  t2 /= d / 2;
-  if (t2 < 1) {
-    return c / 2 * t2 * t2 + b;
-  }
-  t2--;
-  return -c / 2 * (t2 * (t2 - 2) - 1) + b;
-};
-const move = (el, amount) => {
-  el.scrollTop = amount;
-};
-const position = (el) => {
-  return el.scrollTop;
-};
-function useScrollTo({
-  el,
-  to,
-  duration = 500,
-  callback
-}) {
-  const isActiveRef = ref(false);
-  const start = position(el);
-  const change3 = to - start;
-  const increment = 20;
-  let currentTime = 0;
-  duration = isUnDef(duration) ? 500 : duration;
-  const animateScroll = function() {
-    if (!unref(isActiveRef)) {
-      return;
-    }
-    currentTime += increment;
-    const val = easeInOutQuad(currentTime, start, change3, duration);
-    move(el, val);
-    if (currentTime < duration && unref(isActiveRef)) {
-      requestAnimationFrame(animateScroll);
-    } else {
-      if (callback && isFunction$1(callback)) {
-        callback();
-      }
-    }
-  };
-  const run = () => {
-    isActiveRef.value = true;
-    animateScroll();
-  };
-  const stop = () => {
-    isActiveRef.value = false;
-  };
-  return { start: run, stop };
-}
-const _sfc_main$14 = defineComponent({
-  name: "ScrollContainer",
-  components: { Scrollbar },
-  setup() {
-    const scrollbarRef = ref(null);
-    function scrollTo(to, duration = 500) {
-      const scrollbar = unref(scrollbarRef);
-      if (!scrollbar) {
-        return;
-      }
-      nextTick(() => {
-        const wrap = unref(scrollbar.wrap);
-        if (!wrap) {
-          return;
-        }
-        const { start } = useScrollTo({
-          el: wrap,
-          to,
-          duration
-        });
-        start();
-      });
-    }
-    function getScrollWrap() {
-      const scrollbar = unref(scrollbarRef);
-      if (!scrollbar) {
-        return null;
-      }
-      return scrollbar.wrap;
-    }
-    function scrollBottom() {
-      const scrollbar = unref(scrollbarRef);
-      if (!scrollbar) {
-        return;
-      }
-      nextTick(() => {
-        const wrap = unref(scrollbar.wrap);
-        if (!wrap) {
-          return;
-        }
-        const scrollHeight = wrap.scrollHeight;
-        const { start } = useScrollTo({
-          el: wrap,
-          to: scrollHeight
-        });
-        start();
-      });
-    }
-    return {
-      scrollbarRef,
-      scrollTo,
-      scrollBottom,
-      getScrollWrap
-    };
-  }
-});
-const ScrollContainer_vue_vue_type_style_index_0_lang = "";
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Scrollbar = resolveComponent("Scrollbar");
-  return openBlock(), createBlock(_component_Scrollbar, mergeProps({
-    ref: "scrollbarRef",
-    class: "scroll-container"
-  }, _ctx.$attrs), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16);
-}
-const ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$D]]);
-function createContext(context, key2 = Symbol(), options = {}) {
-  const { readonly: readonly$1 = true, createProvider = false, native = false } = options;
-  const state = reactive(context);
-  const provideData = readonly$1 ? readonly(state) : state;
-  !createProvider && provide(key2, native ? context : provideData);
-  return {
-    state
-  };
-}
-function useContext$1(key2 = Symbol(), defaultValue) {
-  return inject(key2, defaultValue || {});
-}
-const key$3 = Symbol();
-function createModalContext(context) {
-  return createContext(context, key$3);
-}
-function useModalContext() {
-  return useContext$1(key$3);
-}
-const props$7 = {
-  loading: { type: Boolean },
-  useWrapper: { type: Boolean, default: true },
-  modalHeaderHeight: { type: Number, default: 57 },
-  modalFooterHeight: { type: Number, default: 74 },
-  minHeight: { type: Number, default: 200 },
-  height: { type: Number },
-  footerOffset: { type: Number, default: 0 },
-  visible: { type: Boolean },
-  fullScreen: { type: Boolean },
-  loadingTip: { type: String }
-};
-const _sfc_main$13 = defineComponent({
-  name: "ModalWrapper",
-  components: { ScrollContainer },
-  inheritAttrs: false,
-  props: props$7,
-  emits: ["height-change", "ext-height"],
-  setup(props2, { emit }) {
-    const wrapperRef = ref(null);
-    const spinRef = ref(null);
-    const realHeightRef = ref(0);
-    const minRealHeightRef = ref(0);
-    let realHeight = 0;
-    useWindowSizeFn(setModalHeight.bind(null, false));
-    useMutationObserver(
-      spinRef,
-      () => {
-        setModalHeight();
-      },
-      {
-        attributes: true,
-        subtree: true
-      }
-    );
-    createModalContext({
-      redoModalHeight: setModalHeight
-    });
-    const spinStyle = computed(() => {
-      return {
-        minHeight: `${props2.minHeight}px`,
-        [props2.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
-      };
-    });
-    watchEffect(() => {
-      props2.useWrapper && setModalHeight();
-    });
-    watch(
-      () => props2.fullScreen,
-      (v) => {
-        setModalHeight();
-        if (!v) {
-          realHeightRef.value = minRealHeightRef.value;
-        } else {
-          minRealHeightRef.value = realHeightRef.value;
-        }
-      }
-    );
-    onMounted(() => {
-      const { modalHeaderHeight, modalFooterHeight } = props2;
-      emit("ext-height", modalHeaderHeight + modalFooterHeight);
-    });
-    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;
-        }
-        await nextTick();
-        const spinEl = unref(spinRef);
-        if (!spinEl)
-          return;
-        await nextTick();
-        realHeight = spinEl.scrollHeight;
-        if (props2.fullScreen) {
-          realHeightRef.value = window.innerHeight - props2.modalFooterHeight - props2.modalHeaderHeight - 28;
-        } else {
-          realHeightRef.value = props2.height ? props2.height : realHeight > maxHeight ? maxHeight : realHeight;
-        }
-        emit("height-change", unref(realHeightRef));
-      } catch (error2) {
-      }
-    }
-    return { wrapperRef, spinRef, spinStyle, scrollTop, setModalHeight };
-  }
-});
-const _hoisted_1$s = ["loading-tip"];
-function _sfc_render$C(_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(_ctx.spinStyle),
-        "loading-tip": _ctx.loadingTip
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 12, _hoisted_1$s)
-    ]),
-    _: 3
-  }, 512);
-}
-const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$C]]);
-function getKey$1(namespace, key2) {
-  if (!namespace) {
-    return key2;
-  }
-  if (key2.startsWith(namespace)) {
-    return key2;
-  }
-  return `${namespace}.${key2}`;
-}
-function useI18n(namespace) {
-  const normalFn = {
-    t: (key2) => {
-      return getKey$1(namespace, key2);
-    }
-  };
-  {
-    return normalFn;
-  }
-}
-const _sfc_main$12 = defineComponent({
-  name: "ModalClose",
-  components: {
-    Tooltip,
-    FullscreenExitOutlined: FullscreenExitOutlined$1,
-    FullscreenOutlined: FullscreenOutlined$1,
-    CloseOutlined: CloseOutlined$1
-  },
-  props: {
-    canFullscreen: { type: Boolean, default: true },
-    fullScreen: { type: Boolean }
-  },
-  emits: ["cancel", "fullscreen"],
-  setup(props2, { emit }) {
-    const prefixCls2 = "shy-basic-modal-close";
-    const { t: t2 } = useI18n();
-    const getClass = computed(() => {
-      return [
-        prefixCls2,
-        `${prefixCls2}--custom`,
-        {
-          [`${prefixCls2}--can-full`]: props2.canFullscreen
-        }
-      ];
-    });
-    function handleCancel(e) {
-      emit("cancel", e);
-    }
-    function handleFullScreen(e) {
-      e == null ? void 0 : e.stopPropagation();
-      e == null ? void 0 : e.preventDefault();
-      emit("fullscreen");
-    }
-    return {
-      t: t2,
-      getClass,
-      prefixCls: prefixCls2,
-      handleCancel,
-      handleFullScreen
-    };
-  }
-});
-const ModalClose_vue_vue_type_style_index_0_lang = "";
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FullscreenExitOutlined = resolveComponent("FullscreenExitOutlined");
-  const _component_Tooltip = resolveComponent("Tooltip");
-  const _component_FullscreenOutlined = resolveComponent("FullscreenOutlined");
-  const _component_CloseOutlined = resolveComponent("CloseOutlined");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.getClass)
-  }, [
-    _ctx.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      _ctx.fullScreen ? (openBlock(), createBlock(_component_Tooltip, {
-        key: 0,
-        title: "还原",
-        placement: "bottom"
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_FullscreenExitOutlined, {
-            role: "full",
-            onClick: _ctx.handleFullScreen
-          }, null, 8, ["onClick"])
-        ]),
-        _: 1
-      })) : (openBlock(), createBlock(_component_Tooltip, {
-        key: 1,
-        title: "全屏",
-        placement: "bottom"
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_FullscreenOutlined, {
-            role: "close",
-            onClick: _ctx.handleFullScreen
-          }, null, 8, ["onClick"])
-        ]),
-        _: 1
-      }))
-    ], 64)) : createCommentVNode("", true),
-    createVNode(_component_Tooltip, {
-      title: "关闭",
-      placement: "bottom"
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_CloseOutlined, { onClick: _ctx.handleCancel }, null, 8, ["onClick"])
-      ]),
-      _: 1
-    })
-  ], 2);
-}
-const ModalClose = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$B]]);
-const _sfc_main$11 = defineComponent({
-  name: "BasicModalFooter",
-  props: basicProps$6,
-  emits: ["ok", "cancel"],
-  setup(_, { emit }) {
-    function handleOk(e) {
-      emit("ok", e);
-    }
-    function handleCancel(e) {
-      emit("cancel", e);
-    }
-    return { handleOk, handleCancel };
-  }
-});
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_button = resolveComponent("a-button");
-  return openBlock(), createElementBlock("div", null, [
-    renderSlot(_ctx.$slots, "insertFooter"),
-    _ctx.showCancelBtn ? (openBlock(), createBlock(_component_a_button, mergeProps({ key: 0 }, _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_a_button, mergeProps({
-      key: 1,
-      type: _ctx.okType,
-      onClick: _ctx.handleOk,
-      loading: _ctx.confirmLoading
-    }, _ctx.okButtonProps), {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.okText), 1)
-      ]),
-      _: 1
-    }, 16, ["type", "onClick", "loading"])) : createCommentVNode("", true),
-    renderSlot(_ctx.$slots, "appendFooter")
-  ]);
-}
-const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$A]]);
-function deepMerge(src = {}, target = {}) {
-  let key2;
-  const res = cloneDeep(src);
-  for (key2 in target) {
-    res[key2] = isObject$1(res[key2]) ? deepMerge(res[key2], target[key2]) : res[key2] = target[key2];
-  }
-  return res;
-}
-function getPopupContainer(node) {
-  return (node == null ? void 0 : node.parentNode) ?? document.body;
-}
-function useContext(key2 = Symbol(), defaultValue) {
-  return inject(key2, defaultValue || {});
-}
-const key$2 = Symbol();
-function useAppProviderContext() {
-  return useContext(key$2);
-}
-function useDesign(scope) {
-  const values = useAppProviderContext();
-  return {
-    // prefixCls: computed(() => `${values.prefixCls}-${scope}`),
-    prefixCls: `${values.prefixCls}-${scope}`,
-    prefixVar: values.prefixCls
-    // style,
-  };
-}
-const props$6 = {
-  /**
-   * Help text max-width
-   * @default: 600px
-   */
-  maxWidth: {
-    type: String,
-    default: "600px"
-  },
-  /**
-   * Whether to display the serial number
-   * @default: false
-   */
-  showIndex: {
-    type: Boolean
-  },
-  /**
-   * Help text font color
-   * @default: #ffffff
-   */
-  color: {
-    type: String,
-    default: "#ffffff"
-  },
-  /**
-   * Help text font size
-   * @default: 14px
-   */
-  fontSize: {
-    type: String,
-    default: "14px"
-  },
-  /**
-   * Help text list
-   */
-  placement: {
-    type: String,
-    default: "right"
-  },
-  /**
-   * Help text list
-   */
-  text: {
-    type: [Array, String]
-  }
+const _hoisted_3$7 = { class: "text-red-500" };
+const _hoisted_4$4 = {
+  key: 0,
+  class: "table-children-delete-index"
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  name: "BasicHelp",
-  components: {
-    Tooltip
+const _hoisted_5$3 = ["onClick"];
+const _hoisted_6$1 = {
+  key: 2,
+  class: "table-children-delete-index"
+};
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  __name: "Table",
+  props: {
+    rowKey: {
+      type: String,
+      default: () => "uuid"
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    isShowAction: {
+      type: Boolean,
+      default: () => true
+    },
+    isShowDelAction: {
+      type: Boolean,
+      default: () => false
+    }
   },
-  props: props$6,
-  setup(props2, {
-    slots
-  }) {
-    const {
-      prefixCls: prefixCls2
-    } = useDesign("basic-help");
-    const getTooltipStyle = computed(() => ({
-      color: props2.color,
-      fontSize: props2.fontSize
-    }));
-    const getOverlayStyle = computed(() => ({
-      maxWidth: props2.maxWidth
-    }));
-    function renderTitle() {
-      const textList = props2.text;
-      if (isString$1(textList)) {
-        return createVNode("p", null, [textList]);
+  emits: ["update:value", "change", "add", "remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const formActionType = inject("formActionType");
+    const emit = __emit;
+    const props2 = __props;
+    const emitData = ref([]);
+    const [state] = useRuleFormItem(props2, "value", "change", emitData);
+    const actionColumn = {
+      title: "操作",
+      dataIndex: "_action",
+      width: 100,
+      align: "center",
+      fixed: "right"
+    };
+    const getColumns = computed(() => {
+      const indexColumn = {
+        title: "序号",
+        dataIndex: "index",
+        customRender: ({ index: index2 }) => {
+          return `${index2 + 1}`;
+        },
+        width: 50,
+        align: "center"
+      };
+      return [
+        indexColumn,
+        ...props2.columns.map((item) => ({
+          ...item,
+          type: item.type ? item.type : "input"
+        })),
+        ...(props2 == null ? void 0 : props2.isShowDelAction) ? [actionColumn] : []
+      ];
+    });
+    const plusClickEvent = () => {
+      state.value = [{ [props2.rowKey]: buildUUID() }, ...toRaw(state.value)];
+      emit("add", state.value);
+    };
+    const rowClickEvent = (index2) => {
+      const tempState = state.value.filter((item) => {
+        return item[props2.rowKey] !== index2;
+      });
+      tempState.forEach((item) => item[props2.rowKey] = buildUUID());
+      state.value = [...tempState];
+      emit("remove", state.value, index2);
+    };
+    const getPopupContainer2 = () => document.body;
+    const rulesRef = reactive({});
+    const getRules = ({ column, record, index: index2, ...args }) => {
+      var _a2, _b;
+      const errKey = `${column.dataIndex}-${record.uuid}Info`;
+      if (!column.required && !column.rules)
+        return [];
+      if ((_a2 = rulesRef[errKey]) == null ? void 0 : _a2.rules)
+        return (_b = rulesRef[errKey]) == null ? void 0 : _b.rules;
+      rulesRef[errKey] = {
+        rules: [],
+        show: false,
+        msg: ""
+      };
+      if (!column.rules && column.required) {
+        rulesRef[errKey].rules = [
+          {
+            required: true,
+            validator: (rule, value) => {
+              const prefix = column.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
+              const errMsg = `${prefix}${column.title}`;
+              if (value) {
+                rulesRef[errKey].show = false;
+                return Promise.resolve();
+              }
+              rulesRef[errKey].show = true;
+              rulesRef[errKey].msg = errMsg;
+              return Promise.reject(errMsg);
+            }
+          }
+        ];
+        return rulesRef[errKey].rules;
       }
-      if (isArray(textList)) {
-        return textList.map((text, index2) => {
-          return createVNode("p", {
-            "key": text
-          }, [createVNode(Fragment, null, [props2.showIndex ? `${index2 + 1}. ` : "", text])]);
-        });
+      if (!isArray$2(column.rules))
+        return column.rules;
+      rulesRef[errKey].rules = cloneDeep(column.rules);
+      rulesRef[errKey].rules.forEach((item) => {
+        if (!item.validator || !isFunction$4(item.validator))
+          return;
+        const validator = item.validator;
+        item.validator = async (rule, value) => {
+          try {
+            rulesRef[errKey].show = false;
+            return await validator(
+              rule,
+              value,
+              { column, record, ...args },
+              formActionType
+            );
+          } catch (error2) {
+            rulesRef[errKey].show = true;
+            rulesRef[errKey].msg = error2;
+            return Promise.reject(error2);
+          }
+        };
+      });
+      return rulesRef[errKey].rules;
+    };
+    watch(
+      () => state.value,
+      (v, old) => {
+        if (!isEqual(toRaw(v), toRaw(old))) {
+          emit(
+            "update:value",
+            toRaw(v).map((ele) => {
+              return {
+                ...ele,
+                [props2.rowKey]: ele[props2.rowKey] || buildUUID()
+              };
+            })
+          );
+        }
+      },
+      {
+        deep: true
       }
-      return null;
-    }
-    return () => {
-      return createVNode(Tooltip, {
-        "overlayClassName": `${prefixCls2}__wrap`,
-        "title": createVNode("div", {
-          "style": unref(getTooltipStyle)
-        }, [renderTitle()]),
-        "autoAdjustOverflow": true,
-        "overlayStyle": unref(getOverlayStyle),
-        "placement": props2.placement,
-        "getPopupContainer": () => getPopupContainer()
-      }, {
-        default: () => [createVNode("span", {
-          "class": prefixCls2
-        }, [getSlot(slots) || createVNode(InfoCircleOutlined$1, null, null)])]
+    );
+    const isScroll = ref(false);
+    const timer = ref();
+    onMounted(() => {
+      window.addEventListener(
+        "scroll",
+        (e) => {
+          clearTimeout(timer.value);
+          timer.value = setTimeout(() => {
+            isScroll.value = false;
+          }, 500);
+          if (isScroll.value)
+            return;
+          isScroll.value = true;
+        },
+        true
+      );
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", () => {
+      });
+    });
+    const loadKv = () => {
+      const columns = props2.columns;
+      let dicData = [];
+      columns.forEach(async (column) => {
+        if (column == null ? void 0 : column.api) {
+          dicData = await column.api();
+          column.dicData = dicData;
+        }
       });
     };
-  }
-});
-const BasicHelp_vue_vue_type_style_index_0_lang = "";
-const prefixCls$3 = "shy-basic-title";
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  __name: "BasicTitle",
-  props: {
-    /**
-     * Help text list or string
-     * @default: ''
-     */
-    helpMessage: {
-      type: [String, Array],
-      default: ""
-    },
-    /**
-     * Whether the color block on the left side of the title
-     * @default: false
-     */
-    span: { type: Boolean },
-    /**
-     * Whether to default the text, that is, not bold
-     * @default: false
-     */
-    normal: { type: Boolean }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const slots = useSlots();
-    const getClass = computed(() => [
-      prefixCls$3,
-      { [`${prefixCls$3}-show-span`]: props2.span && slots.default },
-      { [`${prefixCls$3}-normal`]: props2.normal }
-    ]);
+    const listFormRefs = ref([]);
+    const validate = async () => {
+      try {
+        for (let formRef of listFormRefs.value) {
+          await formRef.validate();
+        }
+      } catch {
+        throw new Error("校验失败");
+      }
+    };
+    loadKv();
+    __expose({ validate });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(getClass.value)
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        __props.helpMessage ? (openBlock(), createBlock(_sfc_main$10, {
-          key: 0,
-          class: normalizeClass(`${prefixCls$3}-help`),
-          text: __props.helpMessage
-        }, null, 8, ["class", "text"])) : createCommentVNode("", true)
-      ], 2);
+      return openBlock(), createBlock(unref(Table), {
+        columns: getColumns.value,
+        "data-source": unref(state),
+        pagination: false,
+        bordered: "",
+        size: "small",
+        class: "table-children",
+        align: "center"
+      }, {
+        headerCell: withCtx(({ column }) => {
+          var _a2;
+          return [
+            column.dataIndex === "index" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.isShowAction ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "shy-table-edit-icon-plus",
+                onClick: plusClickEvent
+              }, [
+                createVNode(unref(PlusCircleFilled$1), { style: { color: "#006eff" } })
+              ])) : (openBlock(), createElementBlock("div", _hoisted_1$s, "序号"))
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              column.required || ((_a2 = column == null ? void 0 : column.rules) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("span", _hoisted_2$8, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(column.title), 1)
+            ], 64))
+          ];
+        }),
+        bodyCell: withCtx(({ column, record, index: index2, ...args }) => [
+          column.dataIndex === "_action" ? (openBlock(), createBlock(_sfc_main$12, {
+            key: 0,
+            actions: [
+              {
+                label: "删除",
+                popConfirm: {
+                  title: "确定删除",
+                  confirm: rowClickEvent.bind(null, record[__props.rowKey])
+                }
+              }
+            ]
+          }, null, 8, ["actions"])) : column.dataIndex !== "index" && column.type !== "text" ? (openBlock(), createBlock(unref(FormItem), {
+            required: column.required,
+            rules: getRules({ column, record, index: index2, ...args }),
+            name: [_ctx.$attrs.codeField, index2, column.dataIndex],
+            key: record[__props.rowKey]
+          }, {
+            default: withCtx(() => {
+              var _a2;
+              return [
+                createVNode(unref(Popover), {
+                  overlayClassName: "table-children-err-popover",
+                  visible: !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
+                }, {
+                  content: withCtx(() => {
+                    var _a3;
+                    return [
+                      createElementVNode("span", _hoisted_3$7, toDisplayString((_a3 = rulesRef[`${column.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a3.msg), 1)
+                    ];
+                  }),
+                  default: withCtx(() => [
+                    column.type === "select" ? (openBlock(), createBlock(unref(Select), {
+                      key: 0,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      options: column.dicData,
+                      mode: column.mode,
+                      "max-tag-count": column.maxTagCount,
+                      "max-tag-text-length": column.maxTagTextLength
+                    }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker), {
+                      key: 1,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      valueFormat: "YYYY-MM-DD HH:mm:ss"
+                    }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
+                      key: 2,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      min: column.min,
+                      max: column.max,
+                      precision: column.precision ?? 2
+                    }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : column.type === "input" ? (openBlock(), createBlock(unref(Input), {
+                      key: 3,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      disabled: !props2.isShowAction
+                    }, null, 8, ["value", "onUpdate:value", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(componentMap$2).get(column.type)), mergeProps(
+                      {
+                        key: 4,
+                        allowClear: "",
+                        getPopupContainer: getPopupContainer2,
+                        style: { width: "100%" }
+                      },
+                      unref(isFunction$4)(column.componentProps) ? column.componentProps({ record, column, index: index2, ...args }) : column.componentProps,
+                      {
+                        value: record[column.dataIndex],
+                        "onUpdate:value": ($event) => record[column.dataIndex] = $event
+                      }
+                    ), null, 16, ["value", "onUpdate:value"]))
+                  ]),
+                  _: 2
+                }, 1032, ["visible"])
+              ];
+            }),
+            _: 2
+          }, 1032, ["required", "rules", "name"])) : column.dataIndex === "index" ? (openBlock(), createElementBlock("div", {
+            class: normalizeClass({ isShowDelAction: "table-children-delete-wrapper" }),
+            key: record[__props.rowKey]
+          }, [
+            __props.isShowAction ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(index2 + 1), 1)) : createCommentVNode("", true),
+            __props.isShowAction ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "table-children-delete-item",
+              onClick: ($event) => rowClickEvent(record[__props.rowKey])
+            }, [
+              createVNode(unref(DeleteFilled$1), { style: { color: "#fff" } })
+            ], 8, _hoisted_5$3)) : (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(index2 + 1), 1))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["columns", "data-source"]);
     };
   }
 });
-const BasicTitle_vue_vue_type_style_index_0_scoped_a48f9d86_lang = "";
-const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-a48f9d86"]]);
-const _sfc_main$_ = defineComponent({
-  name: "BasicModalHeader",
-  components: { BasicTitle },
-  props: {
-    helpMessage: {
-      type: [String, Array]
-    },
-    title: { type: String }
-  },
-  emits: ["dblclick"]
+const Table_vue_vue_type_style_index_0_lang = "";
+const modal = "";
+useI18n$1();
+const modalProps = {
+  visible: { type: Boolean },
+  scrollTop: { type: Boolean, default: true },
+  height: { type: Number },
+  minHeight: { type: Number },
+  // open drag
+  draggable: { type: Boolean, default: true },
+  centered: { type: Boolean },
+  cancelText: { type: String, default: "取消" },
+  okText: { type: String, default: "确认" },
+  closeFunc: Function
+};
+const basicProps$6 = Object.assign({}, modalProps, {
+  defaultFullscreen: { type: Boolean },
+  // Can it be full screen
+  canFullscreen: { type: Boolean, default: true },
+  // After enabling the wrapper, the bottom can be increased in height
+  wrapperFooterOffset: { type: Number, default: 0 },
+  // Warm reminder message
+  helpMessage: [String, Array],
+  // Whether to setting wrapper
+  useWrapper: { type: Boolean, default: true },
+  loading: { type: Boolean },
+  loadingTip: { type: String },
+  /**
+   * @description: Show close button
+   */
+  showCancelBtn: { type: Boolean, default: true },
+  /**
+   * @description: Show confirmation button
+   */
+  showOkBtn: { type: Boolean, default: true },
+  wrapperProps: Object,
+  afterClose: Function,
+  bodyStyle: Object,
+  closable: { type: Boolean, default: true },
+  closeIcon: Object,
+  confirmLoading: { type: Boolean },
+  destroyOnClose: { type: Boolean },
+  footer: Object,
+  getContainer: Function,
+  mask: { type: Boolean, default: true },
+  maskClosable: { type: Boolean, default: false },
+  keyboard: { type: Boolean, default: true },
+  maskStyle: Object,
+  okType: { type: String, default: "primary" },
+  okButtonProps: Object,
+  cancelButtonProps: Object,
+  title: { type: String },
+  visible: { type: Boolean },
+  width: [String, Number],
+  wrapClassName: { type: String },
+  zIndex: { type: Number }
 });
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_BasicTitle = resolveComponent("BasicTitle");
-  return openBlock(), createBlock(_component_BasicTitle, { helpMessage: _ctx.helpMessage }, {
-    default: withCtx(() => [
-      createTextVNode(toDisplayString(_ctx.title), 1)
-    ]),
-    _: 1
-  }, 8, ["helpMessage"]);
+function is(val, type) {
+  return toString.call(val) === `[object ${type}]`;
 }
-const ModalHeader = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$z]]);
-function useFullScreen(context) {
-  const fullScreenRef = ref(false);
-  const getWrapClassName = computed(() => {
-    const clsName = unref(context.wrapClassName) || "";
-    return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
-  });
-  function handleFullScreen(e) {
-    e && e.stopPropagation();
-    fullScreenRef.value = !unref(fullScreenRef);
-  }
-  return { getWrapClassName, handleFullScreen, fullScreenRef };
+function isFunction$1(val) {
+  return typeof val === "function";
 }
-const _sfc_main$Z = defineComponent({
-  name: "BasicModal",
-  components: { Modal: Modal$1, ModalWrapper, ModalClose, ModalFooter, ModalHeader },
-  inheritAttrs: false,
-  props: basicProps$6,
-  emits: [
-    "visible-change",
-    "height-change",
-    "cancel",
-    "ok",
-    "register",
-    "update:visible"
-  ],
-  setup(props2, { emit, attrs }) {
-    const visibleRef = ref(false);
-    const propsRef = ref(null);
-    const modalWrapperRef = ref(null);
-    const prefixCls2 = "shy-basic-modal";
-    const extHeightRef = ref(0);
-    const modalMethods = {
-      setModalProps,
-      emitVisible: void 0,
-      redoModalHeight: () => {
-        nextTick(() => {
-          if (unref(modalWrapperRef)) {
-            unref(modalWrapperRef).setModalHeight();
-          }
-        });
-      }
-    };
-    const instance = getCurrentInstance();
-    if (instance) {
-      emit("register", modalMethods, instance.uid);
-    }
-    const getMergeProps = computed(() => {
-      return {
-        ...props2,
-        ...unref(propsRef)
-      };
-    });
-    const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen(
-      {
-        modalWrapperRef,
-        extHeightRef,
-        wrapClassName: toRef(getMergeProps.value, "wrapClassName")
-      }
-    );
-    const getProps = computed(() => {
-      const opt = {
-        ...unref(getMergeProps),
-        visible: unref(visibleRef),
-        okButtonProps: void 0,
-        cancelButtonProps: void 0,
-        title: void 0
-      };
-      return {
-        ...opt,
-        wrapClassName: unref(getWrapClassName)
-      };
-    });
-    const getBindValue = computed(() => {
-      const attr = {
-        ...attrs,
-        ...unref(getMergeProps),
-        visible: unref(visibleRef),
-        wrapClassName: unref(getWrapClassName)
-      };
-      if (unref(fullScreenRef)) {
-        return omit$1(attr, ["height", "title"]);
-      }
-      return omit$1(attr, "title");
-    });
-    const getWrapperHeight = computed(() => {
-      if (unref(fullScreenRef))
-        return void 0;
-      return unref(getProps).height;
-    });
-    watchEffect(() => {
-      visibleRef.value = !!props2.visible;
-      fullScreenRef.value = !!props2.defaultFullscreen;
-    });
+function isObject$1(val) {
+  return val !== null && is(val, "Object");
+}
+function isDef(val) {
+  return typeof val !== "undefined";
+}
+function isUnDef(val) {
+  return !isDef(val);
+}
+function isString$1(val) {
+  return is(val, "String");
+}
+function isArray(val) {
+  return val && Array.isArray(val);
+}
+function useTimeoutFn(handle, wait, native = false) {
+  if (!isFunction$1(handle)) {
+    throw new Error("handle is not Function!");
+  }
+  const { readyRef, stop, start } = useTimeoutRef(wait);
+  if (native) {
+    handle();
+  } else {
     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();
-          }
-        });
+      readyRef,
+      (maturity) => {
+        maturity && handle();
       },
-      {
-        immediate: false
-      }
+      { immediate: false }
     );
-    async function handleCancel(e) {
-      var _a2, _b;
-      e == null ? void 0 : e.stopPropagation();
-      if ((_b = (_a2 = e.target) == null ? void 0 : _a2.classList) == null ? void 0 : _b.contains(
-        prefixCls2 + "-close--custom"
-      ))
-        return;
-      if (props2.closeFunc && isFunction$1(props2.closeFunc)) {
-        const isClose = await props2.closeFunc();
-        visibleRef.value = !isClose;
+  }
+  return { readyRef, stop, start };
+}
+function useTimeoutRef(wait) {
+  const readyRef = ref(false);
+  let timer;
+  function stop() {
+    readyRef.value = false;
+    timer && window.clearTimeout(timer);
+  }
+  function start() {
+    stop();
+    timer = setTimeout(() => {
+      readyRef.value = true;
+    }, wait);
+  }
+  start();
+  tryOnUnmounted(stop);
+  return { readyRef, stop, start };
+}
+function useModalDragMove(context) {
+  const getStyle = (dom, attr) => {
+    return getComputedStyle(dom)[attr];
+  };
+  const drag = (wrap) => {
+    if (!wrap)
+      return;
+    wrap.setAttribute("data-drag", unref(context.draggable));
+    const dialogHeaderEl = wrap.querySelector(".ant-modal-header");
+    const dragDom = wrap.querySelector(".ant-modal");
+    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
+      return;
+    dialogHeaderEl.style.cursor = "move";
+    dialogHeaderEl.onmousedown = (e) => {
+      if (!e)
         return;
+      const disX = e.clientX;
+      const disY = e.clientY;
+      const screenWidth = document.body.clientWidth;
+      const screenHeight = document.documentElement.clientHeight;
+      const dragDomWidth = dragDom.offsetWidth;
+      const dragDomheight = dragDom.offsetHeight;
+      const minDragDomLeft = dragDom.offsetLeft;
+      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+      const minDragDomTop = dragDom.offsetTop;
+      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight;
+      const domLeft = getStyle(dragDom, "left");
+      const domTop = getStyle(dragDom, "top");
+      let styL = +domLeft;
+      let styT = +domTop;
+      if (domLeft.includes("%")) {
+        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, "") / 100);
+        styT = +document.body.clientHeight * (+domTop.replace(/%/g, "") / 100);
+      } else {
+        styL = +domLeft.replace(/px/g, "");
+        styT = +domTop.replace(/px/g, "");
       }
-      visibleRef.value = false;
-      emit("cancel", e);
-    }
-    function setModalProps(props22) {
-      propsRef.value = deepMerge(unref(propsRef) || {}, props22);
-      if (Reflect.has(props22, "visible")) {
-        visibleRef.value = !!props22.visible;
-      }
-      if (Reflect.has(props22, "defaultFullscreen")) {
-        fullScreenRef.value = !!props22.defaultFullscreen;
+      document.onmousemove = function(e2) {
+        let left = e2.clientX - disX;
+        let top = e2.clientY - disY;
+        if (-left > minDragDomLeft) {
+          left = -minDragDomLeft;
+        } else if (left > maxDragDomLeft) {
+          left = maxDragDomLeft;
+        }
+        if (-top > minDragDomTop) {
+          top = -minDragDomTop;
+        } else if (top > maxDragDomTop) {
+          top = maxDragDomTop;
+        }
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+      };
+      document.onmouseup = () => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+      };
+    };
+  };
+  const handleDrag = () => {
+    const dragWraps = document.querySelectorAll(".ant-modal-wrap");
+    for (const wrap of Array.from(dragWraps)) {
+      if (!wrap)
+        continue;
+      const display = getStyle(wrap, "display");
+      const draggable = wrap.getAttribute("data-drag");
+      if (display !== "none") {
+        if (draggable === null || unref(context.destroyOnClose)) {
+          drag(wrap);
+        }
       }
     }
-    function handleOk(e) {
-      emit("ok", e);
-    }
-    function handleHeightChange(height) {
-      emit("height-change", height);
-    }
-    function handleExtHeight(height) {
-      extHeightRef.value = height;
-    }
-    function handleTitleDbClick(e) {
-      if (!props2.canFullscreen)
-        return;
-      e.stopPropagation();
-      handleFullScreen(e);
+  };
+  watchEffect(() => {
+    if (!unref(context.visible) || !unref(context.draggable)) {
+      return;
     }
-    return {
-      handleCancel,
-      getBindValue,
-      getProps,
-      handleFullScreen,
-      fullScreenRef,
-      getMergeProps,
-      handleOk,
-      visibleRef,
-      omit: omit$1,
-      modalWrapperRef,
-      handleExtHeight,
-      handleHeightChange,
-      handleTitleDbClick,
-      getWrapperHeight
-    };
-  }
-});
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ModalClose = resolveComponent("ModalClose");
-  const _component_ModalHeader = resolveComponent("ModalHeader");
-  const _component_ModalFooter = resolveComponent("ModalFooter");
-  const _component_ModalWrapper = resolveComponent("ModalWrapper");
-  const _component_Modal = resolveComponent("Modal");
-  return openBlock(), createBlock(_component_Modal, mergeProps({ class: "modal-wrapper" }, _ctx.getBindValue, { onCancel: _ctx.handleCancel }), createSlots({
-    default: withCtx(() => [
-      createVNode(_component_ModalWrapper, mergeProps(
-        {
-          useWrapper: _ctx.getProps.useWrapper,
-          footerOffset: _ctx.wrapperFooterOffset,
-          fullScreen: _ctx.fullScreenRef,
-          ref: "modalWrapperRef",
-          loading: _ctx.getProps.loading,
-          "loading-tip": _ctx.getProps.loadingTip,
-          minHeight: _ctx.getProps.minHeight,
-          height: _ctx.getWrapperHeight,
-          visible: _ctx.visibleRef,
-          modalFooterHeight: _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
-        },
-        _ctx.omit(_ctx.getProps.wrapperProps, "visible", "height", "modalFooterHeight"),
-        {
-          onExtHeight: _ctx.handleExtHeight,
-          onHeightChange: _ctx.handleHeightChange
-        }
-      ), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["useWrapper", "footerOffset", "fullScreen", "loading", "loading-tip", "minHeight", "height", "visible", "modalFooterHeight", "onExtHeight", "onHeightChange"])
-    ]),
-    _: 2
-  }, [
-    !_ctx.$slots.closeIcon ? {
-      name: "closeIcon",
-      fn: withCtx(() => [
-        createVNode(_component_ModalClose, {
-          canFullscreen: _ctx.getProps.canFullscreen,
-          fullScreen: _ctx.fullScreenRef,
-          onCancel: _ctx.handleCancel,
-          onFullscreen: _ctx.handleFullScreen
-        }, null, 8, ["canFullscreen", "fullScreen", "onCancel", "onFullscreen"])
-      ]),
-      key: "0"
-    } : void 0,
-    !_ctx.$slots.title ? {
-      name: "title",
-      fn: withCtx(() => [
-        createVNode(_component_ModalHeader, {
-          helpMessage: _ctx.getProps.helpMessage,
-          title: _ctx.getMergeProps.title,
-          onDblclick: _ctx.handleTitleDbClick
-        }, null, 8, ["helpMessage", "title", "onDblclick"])
-      ]),
-      key: "1"
-    } : void 0,
-    !_ctx.$slots.footer ? {
-      name: "footer",
-      fn: withCtx(() => [
-        createVNode(_component_ModalFooter, mergeProps(_ctx.getBindValue, {
-          onOk: _ctx.handleOk,
-          onCancel: _ctx.handleCancel
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots), (item) => {
-            return {
-              name: item,
-              fn: withCtx((data) => [
-                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-              ])
-            };
-          })
-        ]), 1040, ["onOk", "onCancel"])
-      ]),
-      key: "2"
-    } : void 0,
-    renderList(Object.keys(_ctx.omit(_ctx.$slots, "default")), (item) => {
-      return {
-        name: item,
-        fn: withCtx((data) => [
-          renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
-        ])
-      };
-    })
-  ]), 1040, ["onCancel"]);
+    useTimeoutFn(() => {
+      handleDrag();
+    }, 30);
+  });
 }
-const basicModal = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$y]]);
-const projectName = {}.VITE_GLOB_APP_TITLE;
-function error(message) {
-  throw new Error(`[${projectName} error]:${message}`);
+const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
+const LISTENER_PREFIX = /^on[A-Z]/;
+function entries(obj) {
+  return Object.keys(obj).map((key2) => [key2, obj[key2]]);
 }
-const dataTransfer = reactive({});
-const visibleData$1 = reactive({});
-function useModal() {
-  const modal2 = ref(null);
-  const loaded = ref(false);
-  const uid = ref("");
-  function register(modalMethod, uuid) {
-    if (!getCurrentInstance()) {
-      throw new Error(
-        "useModal() can only be used inside setup() or functional components!"
-      );
+function useAttrs(params = {}) {
+  const instance = getCurrentInstance();
+  if (!instance)
+    return {};
+  const {
+    excludeListeners = false,
+    excludeKeys = [],
+    excludeDefaultKeys = true
+  } = params;
+  const attrs = shallowRef({});
+  const allExcludeKeys = excludeKeys.concat(
+    excludeDefaultKeys ? DEFAULT_EXCLUDE_KEYS : []
+  );
+  instance.attrs = reactive(instance.attrs);
+  watchEffect(() => {
+    const res = entries(instance.attrs).reduce((acm, [key2, val]) => {
+      if (!allExcludeKeys.includes(key2) && !(excludeListeners && LISTENER_PREFIX.test(key2))) {
+        acm[key2] = val;
+      }
+      return acm;
+    }, {});
+    attrs.value = res;
+  });
+  return attrs;
+}
+function getSlot(slots, slot = "default", data) {
+  if (!slots || !Reflect.has(slots, slot)) {
+    return null;
+  }
+  if (!isFunction$1(slots[slot])) {
+    console.error(`${slot} is not a function!`);
+    return null;
+  }
+  const slotFn = slots[slot];
+  if (!slotFn)
+    return null;
+  return slotFn(data);
+}
+function extendSlots(slots, excludeKeys = []) {
+  const slotKeys = Object.keys(slots);
+  const ret = {};
+  slotKeys.map((key2) => {
+    if (excludeKeys.includes(key2)) {
+      return null;
     }
-    uid.value = uuid;
-    onUnmounted(() => {
-      modal2.value = null;
-      loaded.value = false;
-      dataTransfer[unref(uid)] = null;
+    ret[key2] = (data) => getSlot(slots, key2, data);
+  });
+  return ret;
+}
+function _isSlot$3(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Modal$1 = /* @__PURE__ */ defineComponent({
+  name: "Modal",
+  inheritAttrs: false,
+  props: basicProps$6,
+  emits: ["cancel"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const {
+      visible,
+      draggable,
+      destroyOnClose
+    } = toRefs(props2);
+    const attrs = useAttrs();
+    useModalDragMove({
+      visible,
+      destroyOnClose,
+      draggable
     });
-    if (unref(loaded) && modalMethod === unref(modal2))
-      return;
-    modal2.value = modalMethod;
-    loaded.value = true;
-    modalMethod.emitVisible = (visible, uid2) => {
-      visibleData$1[uid2] = visible;
+    const onCancel = (e) => {
+      emit("cancel", e);
     };
+    return () => {
+      let _slot;
+      const propsData = {
+        ...unref(attrs),
+        ...props2,
+        onCancel
+      };
+      return createVNode(Modal$2, propsData, _isSlot$3(_slot = extendSlots(slots)) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+function useWindowSizeFn(fn, wait = 150, options) {
+  let handler = () => {
+    fn();
+  };
+  const handleSize = useDebounceFn$1(handler, wait);
+  handler = handleSize;
+  const start = () => {
+    if (options && options.immediate) {
+      handler();
+    }
+    window.addEventListener("resize", handler);
+  };
+  const stop = () => {
+    window.removeEventListener("resize", handler);
+  };
+  tryOnMounted(() => {
+    start();
+  });
+  tryOnUnmounted(() => {
+    stop();
+  });
+  return [start, stop];
+}
+const easeInOutQuad = (t2, b, c, d) => {
+  t2 /= d / 2;
+  if (t2 < 1) {
+    return c / 2 * t2 * t2 + b;
   }
-  const getInstance = () => {
-    const instance = unref(modal2);
-    if (!instance) {
-      error("useModal instance is undefined!");
+  t2--;
+  return -c / 2 * (t2 * (t2 - 2) - 1) + b;
+};
+const move = (el, amount) => {
+  el.scrollTop = amount;
+};
+const position = (el) => {
+  return el.scrollTop;
+};
+function useScrollTo({
+  el,
+  to,
+  duration = 500,
+  callback
+}) {
+  const isActiveRef = ref(false);
+  const start = position(el);
+  const change3 = to - start;
+  const increment = 20;
+  let currentTime = 0;
+  duration = isUnDef(duration) ? 500 : duration;
+  const animateScroll = function() {
+    if (!unref(isActiveRef)) {
+      return;
+    }
+    currentTime += increment;
+    const val = easeInOutQuad(currentTime, start, change3, duration);
+    move(el, val);
+    if (currentTime < duration && unref(isActiveRef)) {
+      requestAnimationFrame(animateScroll);
+    } else {
+      if (callback && isFunction$1(callback)) {
+        callback();
+      }
     }
-    return instance;
   };
-  const methods2 = {
-    setModalProps: (props2) => {
-      var _a2;
-      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps(props2);
-    },
-    getVisible: computed(() => {
-      return visibleData$1[~~unref(uid)];
-    }),
-    redoModalHeight: () => {
-      var _a2, _b;
-      (_b = (_a2 = getInstance()) == null ? void 0 : _a2.redoModalHeight) == null ? void 0 : _b.call(_a2);
-    },
-    openModal: (visible = true, data, openOnSet = true) => {
-      var _a2;
-      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({
-        visible
-      });
-      if (!data)
-        return;
-      const id = unref(uid);
-      if (openOnSet) {
-        dataTransfer[id] = null;
-        dataTransfer[id] = toRaw(data);
+  const run = () => {
+    isActiveRef.value = true;
+    animateScroll();
+  };
+  const stop = () => {
+    isActiveRef.value = false;
+  };
+  return { start: run, stop };
+}
+const _sfc_main$10 = defineComponent({
+  name: "ScrollContainer",
+  components: { Scrollbar },
+  setup() {
+    const scrollbarRef = ref(null);
+    function scrollTo(to, duration = 500) {
+      const scrollbar = unref(scrollbarRef);
+      if (!scrollbar) {
         return;
       }
-      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data));
-      if (!equal) {
-        dataTransfer[id] = toRaw(data);
+      nextTick(() => {
+        const wrap = unref(scrollbar.wrap);
+        if (!wrap) {
+          return;
+        }
+        const { start } = useScrollTo({
+          el: wrap,
+          to,
+          duration
+        });
+        start();
+      });
+    }
+    function getScrollWrap() {
+      const scrollbar = unref(scrollbarRef);
+      if (!scrollbar) {
+        return null;
       }
-    },
-    closeModal: () => {
-      var _a2;
-      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ visible: false });
+      return scrollbar.wrap;
     }
-  };
-  return [register, methods2];
-}
-const useModalInner = (callbackFn) => {
-  const modalInstanceRef = ref(null);
-  const currentInstance = getCurrentInstance();
-  const uidRef = ref("");
-  const getInstance = () => {
-    const instance = unref(modalInstanceRef);
-    if (!instance) {
-      error("useModalInner instance is undefined!");
+    function scrollBottom() {
+      const scrollbar = unref(scrollbarRef);
+      if (!scrollbar) {
+        return;
+      }
+      nextTick(() => {
+        const wrap = unref(scrollbar.wrap);
+        if (!wrap) {
+          return;
+        }
+        const scrollHeight = wrap.scrollHeight;
+        const { start } = useScrollTo({
+          el: wrap,
+          to: scrollHeight
+        });
+        start();
+      });
     }
-    return instance;
+    return {
+      scrollbarRef,
+      scrollTo,
+      scrollBottom,
+      getScrollWrap
+    };
+  }
+});
+const ScrollContainer_vue_vue_type_style_index_0_lang = "";
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Scrollbar = resolveComponent("Scrollbar");
+  return openBlock(), createBlock(_component_Scrollbar, mergeProps({
+    ref: "scrollbarRef",
+    class: "scroll-container"
+  }, _ctx.$attrs), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+const ScrollContainer = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$D]]);
+function createContext(context, key2 = Symbol(), options = {}) {
+  const { readonly: readonly$1 = true, createProvider = false, native = false } = options;
+  const state = reactive(context);
+  const provideData = readonly$1 ? readonly(state) : state;
+  !createProvider && provide(key2, native ? context : provideData);
+  return {
+    state
   };
-  const register = (modalInstance, uuid) => {
-    tryOnUnmounted(() => {
-      modalInstanceRef.value = null;
+}
+function useContext$1(key2 = Symbol(), defaultValue) {
+  return inject(key2, defaultValue || {});
+}
+const key$2 = Symbol();
+function createModalContext(context) {
+  return createContext(context, key$2);
+}
+function useModalContext() {
+  return useContext$1(key$2);
+}
+const props$6 = {
+  loading: { type: Boolean },
+  useWrapper: { type: Boolean, default: true },
+  modalHeaderHeight: { type: Number, default: 57 },
+  modalFooterHeight: { type: Number, default: 74 },
+  minHeight: { type: Number, default: 200 },
+  height: { type: Number },
+  footerOffset: { type: Number, default: 0 },
+  visible: { type: Boolean },
+  fullScreen: { type: Boolean },
+  loadingTip: { type: String }
+};
+const _sfc_main$$ = defineComponent({
+  name: "ModalWrapper",
+  components: { ScrollContainer },
+  inheritAttrs: false,
+  props: props$6,
+  emits: ["height-change", "ext-height"],
+  setup(props2, { emit }) {
+    const wrapperRef = ref(null);
+    const spinRef = ref(null);
+    const realHeightRef = ref(0);
+    const minRealHeightRef = ref(0);
+    let realHeight = 0;
+    useWindowSizeFn(setModalHeight.bind(null, false));
+    useMutationObserver(
+      spinRef,
+      () => {
+        setModalHeight();
+      },
+      {
+        attributes: true,
+        subtree: true
+      }
+    );
+    createModalContext({
+      redoModalHeight: setModalHeight
+    });
+    const spinStyle = computed(() => {
+      return {
+        minHeight: `${props2.minHeight}px`,
+        [props2.fullScreen ? "height" : "maxHeight"]: `${unref(realHeightRef)}px`
+      };
+    });
+    watchEffect(() => {
+      props2.useWrapper && setModalHeight();
+    });
+    watch(
+      () => props2.fullScreen,
+      (v) => {
+        setModalHeight();
+        if (!v) {
+          realHeightRef.value = minRealHeightRef.value;
+        } else {
+          minRealHeightRef.value = realHeightRef.value;
+        }
+      }
+    );
+    onMounted(() => {
+      const { modalHeaderHeight, modalFooterHeight } = props2;
+      emit("ext-height", modalHeaderHeight + modalFooterHeight);
     });
-    uidRef.value = uuid;
-    modalInstanceRef.value = modalInstance;
-    currentInstance == null ? void 0 : currentInstance.emit("register", modalInstance, uuid);
-  };
-  watchEffect(() => {
-    const data = dataTransfer[unref(uidRef)];
-    if (!data)
-      return;
-    if (!callbackFn || !isFunction$1(callbackFn))
-      return;
-    nextTick(() => {
-      callbackFn(data);
+    onUnmounted(() => {
     });
-  });
-  return [
-    register,
-    {
-      changeLoading: (loading = true) => {
-        var _a2;
-        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ loading });
-      },
-      getVisible: computed(() => {
-        return visibleData$1[~~unref(uidRef)];
-      }),
-      changeOkLoading: (loading = true) => {
-        var _a2;
-        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ confirmLoading: loading });
-      },
-      closeModal: () => {
-        var _a2;
-        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ visible: false });
-      },
-      setModalProps: (props2) => {
-        var _a2;
-        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps(props2);
-      },
-      redoModalHeight: () => {
+    async function scrollTop() {
+      nextTick(() => {
         var _a2;
-        const callRedo = (_a2 = getInstance()) == null ? void 0 : _a2.redoModalHeight;
-        callRedo && callRedo();
+        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;
+        }
+        await nextTick();
+        const spinEl = unref(spinRef);
+        if (!spinEl)
+          return;
+        await nextTick();
+        realHeight = spinEl.scrollHeight;
+        if (props2.fullScreen) {
+          realHeightRef.value = window.innerHeight - props2.modalFooterHeight - props2.modalHeaderHeight - 28;
+        } else {
+          realHeightRef.value = props2.height ? props2.height : realHeight > maxHeight ? maxHeight : realHeight;
+        }
+        emit("height-change", unref(realHeightRef));
+      } catch (error2) {
       }
     }
-  ];
-};
-const BasicModal = withInstall$5(basicModal);
-const basicProps$5 = {
-  listType: {
-    type: String,
-    default: "picture-card"
-  },
-  helpText: {
-    type: String,
-    default: ""
-  },
-  // 文件最大多少MB
-  maxSize: {
-    type: Number,
-    default: 2
-  },
-  // 最大数量的文件，Infinity不限制
-  maxNumber: {
-    type: Number,
-    default: 1
-  },
-  // 根据后缀，或者其他
-  accept: {
-    type: Array,
-    default: () => []
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  uploadParams: {
-    type: Object,
-    default: () => ({})
-  },
-  api: {
-    type: Function,
-    default: null,
-    required: true
-  },
-  name: {
-    type: String,
-    default: "file"
-  },
-  filename: {
-    type: String,
-    default: null
-  },
-  fileListOpenDrag: {
-    type: Boolean,
-    default: true
-  },
-  fileListDragOptions: {
-    type: Object,
-    default: () => ({})
+    return { wrapperRef, spinRef, spinStyle, scrollTop, setModalHeight };
   }
-};
-const uploadContainerProps = {
-  value: {
-    type: Array,
-    default: () => []
-  },
-  ...basicProps$5,
-  showPreviewNumber: {
-    type: Boolean,
-    default: true
-  },
-  emptyHidePreview: {
-    type: Boolean,
-    default: false
+});
+const _hoisted_1$r = ["loading-tip"];
+function _sfc_render$C(_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(_ctx.spinStyle),
+        "loading-tip": _ctx.loadingTip
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 12, _hoisted_1$r)
+    ]),
+    _: 3
+  }, 512);
+}
+const ModalWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$C]]);
+function getKey$1(namespace, key2) {
+  if (!namespace) {
+    return key2;
   }
-};
-const previewProps = {
-  value: {
-    type: Array,
-    default: () => []
+  if (key2.startsWith(namespace)) {
+    return key2;
   }
-};
-const fileListProps = {
-  columns: {
-    type: Array,
-    default: null
-  },
-  actionColumn: {
-    type: Object,
-    default: null
-  },
-  dataSource: {
-    type: Array,
-    default: null
+  return `${namespace}.${key2}`;
+}
+function useI18n(namespace) {
+  const normalFn = {
+    t: (key2) => {
+      return getKey$1(namespace, key2);
+    }
+  };
+  {
+    return normalFn;
+  }
+}
+const _sfc_main$_ = defineComponent({
+  name: "ModalClose",
+  components: {
+    Tooltip,
+    FullscreenExitOutlined: FullscreenExitOutlined$1,
+    FullscreenOutlined: FullscreenOutlined$1,
+    CloseOutlined: CloseOutlined$1
   },
-  openDrag: {
-    type: Boolean,
-    default: false
+  props: {
+    canFullscreen: { type: Boolean, default: true },
+    fullScreen: { type: Boolean }
   },
-  dragOptions: {
-    type: Object,
-    default: () => ({})
-  }
-};
-useI18n$1();
-function useUploadType({
-  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;
-      } else {
-        return `.${item}`;
-      }
-    }).join(",");
-  });
-  const getHelpText = computed(() => {
-    const helpText = unref(helpTextRef);
-    if (helpText) {
-      return helpText;
+  emits: ["cancel", "fullscreen"],
+  setup(props2, { emit }) {
+    const prefixCls2 = "shy-basic-modal-close";
+    const { t: t2 } = useI18n();
+    const getClass = computed(() => {
+      return [
+        prefixCls2,
+        `${prefixCls2}--custom`,
+        {
+          [`${prefixCls2}--can-full`]: props2.canFullscreen
+        }
+      ];
+    });
+    function handleCancel(e) {
+      emit("cancel", e);
     }
-    const helpTexts = [];
-    const accept = unref(acceptRef);
-    if (accept.length > 0) {
-      helpTexts.push(`支持${accept}格式`);
+    function handleFullScreen(e) {
+      e == null ? void 0 : e.stopPropagation();
+      e == null ? void 0 : e.preventDefault();
+      emit("fullscreen");
     }
-    const maxSize = unref(maxSizeRef);
-    if (maxSize) {
-      helpTexts.push(`单个文件不超过${maxSize}MB`);
+    return {
+      t: t2,
+      getClass,
+      prefixCls: prefixCls2,
+      handleCancel,
+      handleFullScreen
+    };
+  }
+});
+const ModalClose_vue_vue_type_style_index_0_lang = "";
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FullscreenExitOutlined = resolveComponent("FullscreenExitOutlined");
+  const _component_Tooltip = resolveComponent("Tooltip");
+  const _component_FullscreenOutlined = resolveComponent("FullscreenOutlined");
+  const _component_CloseOutlined = resolveComponent("CloseOutlined");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.getClass)
+  }, [
+    _ctx.canFullscreen ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.fullScreen ? (openBlock(), createBlock(_component_Tooltip, {
+        key: 0,
+        title: "还原",
+        placement: "bottom"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_FullscreenExitOutlined, {
+            role: "full",
+            onClick: _ctx.handleFullScreen
+          }, null, 8, ["onClick"])
+        ]),
+        _: 1
+      })) : (openBlock(), createBlock(_component_Tooltip, {
+        key: 1,
+        title: "全屏",
+        placement: "bottom"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_FullscreenOutlined, {
+            role: "close",
+            onClick: _ctx.handleFullScreen
+          }, null, 8, ["onClick"])
+        ]),
+        _: 1
+      }))
+    ], 64)) : createCommentVNode("", true),
+    createVNode(_component_Tooltip, {
+      title: "关闭",
+      placement: "bottom"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_CloseOutlined, { onClick: _ctx.handleCancel }, null, 8, ["onClick"])
+      ]),
+      _: 1
+    })
+  ], 2);
+}
+const ModalClose = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$B]]);
+const _sfc_main$Z = defineComponent({
+  name: "BasicModalFooter",
+  props: basicProps$6,
+  emits: ["ok", "cancel"],
+  setup(_, { emit }) {
+    function handleOk(e) {
+      emit("ok", e);
     }
-    const maxNumber = unref(maxNumberRef);
-    if (maxNumber && maxNumber !== Infinity) {
-      helpTexts.push(`最多只能上传${maxNumber}个文件`);
+    function handleCancel(e) {
+      emit("cancel", e);
     }
-    return helpTexts.join("，");
-  });
-  return { getAccept, getStringAccept, getHelpText };
+    return { handleOk, handleCancel };
+  }
+});
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_button = resolveComponent("a-button");
+  return openBlock(), createElementBlock("div", null, [
+    renderSlot(_ctx.$slots, "insertFooter"),
+    _ctx.showCancelBtn ? (openBlock(), createBlock(_component_a_button, mergeProps({ key: 0 }, _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_a_button, mergeProps({
+      key: 1,
+      type: _ctx.okType,
+      onClick: _ctx.handleOk,
+      loading: _ctx.confirmLoading
+    }, _ctx.okButtonProps), {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.okText), 1)
+      ]),
+      _: 1
+    }, 16, ["type", "onClick", "loading"])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "appendFooter")
+  ]);
 }
-var UploadResultStatus = /* @__PURE__ */ ((UploadResultStatus2) => {
-  UploadResultStatus2["DONE"] = "done";
-  UploadResultStatus2["SUCCESS"] = "success";
-  UploadResultStatus2["ERROR"] = "error";
-  UploadResultStatus2["UPLOADING"] = "uploading";
-  return UploadResultStatus2;
-})(UploadResultStatus || {});
-function checkImgType(file) {
-  return isImgTypeByName(file.name);
+const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$A]]);
+function deepMerge(src = {}, target = {}) {
+  let key2;
+  const res = cloneDeep(src);
+  for (key2 in target) {
+    res[key2] = isObject$1(res[key2]) ? deepMerge(res[key2], target[key2]) : res[key2] = target[key2];
+  }
+  return res;
 }
-function isImgTypeByName(name) {
-  return /\.(jpg|jpeg|png|gif|webp)$/i.test(name);
+function getPopupContainer(node) {
+  return (node == null ? void 0 : node.parentNode) ?? document.body;
 }
-function getBase64WithFile(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve({ result: reader.result, file });
-    reader.onerror = (error2) => reject(error2);
-  });
+function useContext(key2 = Symbol(), defaultValue) {
+  return inject(key2, defaultValue || {});
 }
-const validColors = ["error", "warning", "success", ""];
-const buttonProps = {
+const key$1 = Symbol();
+function useAppProviderContext() {
+  return useContext(key$1);
+}
+function useDesign(scope) {
+  const values = useAppProviderContext();
+  return {
+    // prefixCls: computed(() => `${values.prefixCls}-${scope}`),
+    prefixCls: `${values.prefixCls}-${scope}`,
+    prefixVar: values.prefixCls
+    // style,
+  };
+}
+const props$5 = {
+  /**
+   * Help text max-width
+   * @default: 600px
+   */
+  maxWidth: {
+    type: String,
+    default: "600px"
+  },
+  /**
+   * Whether to display the serial number
+   * @default: false
+   */
+  showIndex: {
+    type: Boolean
+  },
+  /**
+   * Help text font color
+   * @default: #ffffff
+   */
   color: {
     type: String,
-    validator: (v) => validColors.includes(v),
-    default: ""
+    default: "#ffffff"
   },
-  loading: { type: Boolean },
-  disabled: { type: Boolean },
   /**
-   * Text before icon.
+   * Help text font size
+   * @default: 14px
    */
-  preIcon: { type: String },
+  fontSize: {
+    type: String,
+    default: "14px"
+  },
   /**
-   * Text after icon.
+   * Help text list
    */
-  postIcon: { type: String },
+  placement: {
+    type: String,
+    default: "right"
+  },
   /**
-   * preIcon and postIcon icon size.
-   * @default: 14
+   * Help text list
    */
-  iconSize: { type: Number, default: 14 },
-  onClick: { type: Function, default: null }
+  text: {
+    type: [Array, String]
+  }
 };
-const __default__$3 = defineComponent({
-  name: "AButton",
-  extends: Button$1,
-  inheritAttrs: false
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  name: "BasicHelp",
+  components: {
+    Tooltip
+  },
+  props: props$5,
+  setup(props2, {
+    slots
+  }) {
+    const {
+      prefixCls: prefixCls2
+    } = useDesign("basic-help");
+    const getTooltipStyle = computed(() => ({
+      color: props2.color,
+      fontSize: props2.fontSize
+    }));
+    const getOverlayStyle = computed(() => ({
+      maxWidth: props2.maxWidth
+    }));
+    function renderTitle() {
+      const textList = props2.text;
+      if (isString$1(textList)) {
+        return createVNode("p", null, [textList]);
+      }
+      if (isArray(textList)) {
+        return textList.map((text, index2) => {
+          return createVNode("p", {
+            "key": text
+          }, [createVNode(Fragment, null, [props2.showIndex ? `${index2 + 1}. ` : "", text])]);
+        });
+      }
+      return null;
+    }
+    return () => {
+      return createVNode(Tooltip, {
+        "overlayClassName": `${prefixCls2}__wrap`,
+        "title": createVNode("div", {
+          "style": unref(getTooltipStyle)
+        }, [renderTitle()]),
+        "autoAdjustOverflow": true,
+        "overlayStyle": unref(getOverlayStyle),
+        "placement": props2.placement,
+        "getPopupContainer": () => getPopupContainer()
+      }, {
+        default: () => [createVNode("span", {
+          "class": prefixCls2
+        }, [getSlot(slots) || createVNode(InfoCircleOutlined$1, null, null)])]
+      });
+    };
+  }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  props: buttonProps,
+const BasicHelp_vue_vue_type_style_index_0_lang = "";
+const prefixCls$3 = "shy-basic-title";
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  __name: "BasicTitle",
+  props: {
+    /**
+     * Help text list or string
+     * @default: ''
+     */
+    helpMessage: {
+      type: [String, Array],
+      default: ""
+    },
+    /**
+     * Whether the color block on the left side of the title
+     * @default: false
+     */
+    span: { type: Boolean },
+    /**
+     * Whether to default the text, that is, not bold
+     * @default: false
+     */
+    normal: { type: Boolean }
+  },
   setup(__props) {
     const props2 = __props;
-    const attrs = useAttrs$1({ excludeDefaultKeys: false });
-    const getButtonClass = computed(() => {
-      const { color, disabled } = props2;
-      return [
-        {
-          [`ant-btn-${color}`]: !!color,
-          [`is-disabled`]: disabled
-        }
-      ];
-    });
-    const getBindValue = computed(() => ({ ...unref(attrs), ...props2 }));
+    const slots = useSlots();
+    const getClass = computed(() => [
+      prefixCls$3,
+      { [`${prefixCls$3}-show-span`]: props2.span && slots.default },
+      { [`${prefixCls$3}-normal`]: props2.normal }
+    ]);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Button$1), mergeProps(getBindValue.value, {
-        class: getButtonClass.value,
-        onClick: props2.onClick
-      }), {
-        default: withCtx((data) => [
-          props2.preIcon ? (openBlock(), createBlock(unref(Icon2), {
-            key: 0,
-            icon: props2.preIcon,
-            size: props2.iconSize
-          }, null, 8, ["icon", "size"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(data || {}))),
-          props2.postIcon ? (openBlock(), createBlock(unref(Icon2), {
-            key: 1,
-            icon: props2.postIcon,
-            size: props2.iconSize
-          }, null, 8, ["icon", "size"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["class", "onClick"]);
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(getClass.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        __props.helpMessage ? (openBlock(), createBlock(_sfc_main$Y, {
+          key: 0,
+          class: normalizeClass(`${prefixCls$3}-help`),
+          text: __props.helpMessage
+        }, null, 8, ["class", "text"])) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
-const props$5 = {
-  /**
-   * Whether to enable the drop-down menu
-   * @default: true
-   */
-  enable: {
-    type: Boolean,
-    default: true
+const BasicTitle_vue_vue_type_style_index_0_scoped_a48f9d86_lang = "";
+const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-a48f9d86"]]);
+const _sfc_main$W = defineComponent({
+  name: "BasicModalHeader",
+  components: { BasicTitle },
+  props: {
+    helpMessage: {
+      type: [String, Array]
+    },
+    title: { type: String }
+  },
+  emits: ["dblclick"]
+});
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BasicTitle = resolveComponent("BasicTitle");
+  return openBlock(), createBlock(_component_BasicTitle, { helpMessage: _ctx.helpMessage }, {
+    default: withCtx(() => [
+      createTextVNode(toDisplayString(_ctx.title), 1)
+    ]),
+    _: 1
+  }, 8, ["helpMessage"]);
+}
+const ModalHeader = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$z]]);
+function useFullScreen(context) {
+  const fullScreenRef = ref(false);
+  const getWrapClassName = computed(() => {
+    const clsName = unref(context.wrapClassName) || "";
+    return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName);
+  });
+  function handleFullScreen(e) {
+    e && e.stopPropagation();
+    fullScreenRef.value = !unref(fullScreenRef);
   }
-};
-const _sfc_main$X = defineComponent({
-  name: "PopButton",
+  return { getWrapClassName, handleFullScreen, fullScreenRef };
+}
+const _sfc_main$V = defineComponent({
+  name: "BasicModal",
+  components: { Modal: Modal$1, ModalWrapper, ModalClose, ModalFooter, ModalHeader },
   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 = h(_sfc_main$Y, btnBind, extendSlots$1(slots));
-      if (!props2.enable) {
-        return Button2;
+  props: basicProps$6,
+  emits: [
+    "visible-change",
+    "height-change",
+    "cancel",
+    "ok",
+    "register",
+    "update:visible"
+  ],
+  setup(props2, { emit, attrs }) {
+    const visibleRef = ref(false);
+    const propsRef = ref(null);
+    const modalWrapperRef = ref(null);
+    const prefixCls2 = "shy-basic-modal";
+    const extHeightRef = ref(0);
+    const modalMethods = {
+      setModalProps,
+      emitVisible: void 0,
+      redoModalHeight: () => {
+        nextTick(() => {
+          if (unref(modalWrapperRef)) {
+            unref(modalWrapperRef).setModalHeight();
+          }
+        });
       }
-      return h(Popconfirm, bindValues, { default: () => Button2 });
     };
-  }
-});
-const Button = withInstall$5(_sfc_main$Y);
-const _hoisted_1$r = { class: "ml-1" };
-const _hoisted_2$8 = { class: "ml-1" };
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
-  __name: "Dropdown",
-  props: {
-    popconfirm: Boolean,
-    /**
-     * the trigger mode which executes the drop-down action
-     * @default ['hover']
-     * @type string[]
-     */
-    trigger: {
-      type: [Array],
-      default: () => {
-        return ["contextmenu"];
+    const instance = getCurrentInstance();
+    if (instance) {
+      emit("register", modalMethods, instance.uid);
+    }
+    const getMergeProps = computed(() => {
+      return {
+        ...props2,
+        ...unref(propsRef)
+      };
+    });
+    const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen(
+      {
+        modalWrapperRef,
+        extHeightRef,
+        wrapClassName: toRef(getMergeProps.value, "wrapClassName")
+      }
+    );
+    const getProps = computed(() => {
+      const opt = {
+        ...unref(getMergeProps),
+        visible: unref(visibleRef),
+        okButtonProps: void 0,
+        cancelButtonProps: void 0,
+        title: void 0
+      };
+      return {
+        ...opt,
+        wrapClassName: unref(getWrapClassName)
+      };
+    });
+    const getBindValue = computed(() => {
+      const attr = {
+        ...attrs,
+        ...unref(getMergeProps),
+        visible: unref(visibleRef),
+        wrapClassName: unref(getWrapClassName)
+      };
+      if (unref(fullScreenRef)) {
+        return omit$1(attr, ["height", "title"]);
+      }
+      return omit$1(attr, "title");
+    });
+    const getWrapperHeight = computed(() => {
+      if (unref(fullScreenRef))
+        return void 0;
+      return unref(getProps).height;
+    });
+    watchEffect(() => {
+      visibleRef.value = !!props2.visible;
+      fullScreenRef.value = !!props2.defaultFullscreen;
+    });
+    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();
+          }
+        });
+      },
+      {
+        immediate: false
+      }
+    );
+    async function handleCancel(e) {
+      var _a2, _b;
+      e == null ? void 0 : e.stopPropagation();
+      if ((_b = (_a2 = e.target) == null ? void 0 : _a2.classList) == null ? void 0 : _b.contains(
+        prefixCls2 + "-close--custom"
+      ))
+        return;
+      if (props2.closeFunc && isFunction$1(props2.closeFunc)) {
+        const isClose = await props2.closeFunc();
+        visibleRef.value = !isClose;
+        return;
+      }
+      visibleRef.value = false;
+      emit("cancel", e);
+    }
+    function setModalProps(props22) {
+      propsRef.value = deepMerge(unref(propsRef) || {}, props22);
+      if (Reflect.has(props22, "visible")) {
+        visibleRef.value = !!props22.visible;
+      }
+      if (Reflect.has(props22, "defaultFullscreen")) {
+        fullScreenRef.value = !!props22.defaultFullscreen;
       }
-    },
-    dropMenuList: {
-      type: Array,
-      default: () => []
-    },
-    selectedKeys: {
-      type: Array,
-      default: () => []
     }
-  },
-  emits: ["menuEvent"],
-  setup(__props, { emit: __emit }) {
-    const ADropdown = Dropdown;
-    const AMenu = Menu;
-    const AMenuItem = Menu.Item;
-    const AMenuDivider = Menu.Divider;
-    const APopconfirm = Popconfirm;
-    const props2 = __props;
-    const emit = __emit;
-    function handleClickMenu(item) {
-      var _a2;
-      const { event } = item;
-      const menu = props2.dropMenuList.find((item2) => `${item2.event}` === `${event}`);
-      emit("menuEvent", menu);
-      (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
+    function handleOk(e) {
+      emit("ok", e);
     }
-    const getPopConfirmAttrs = computed(() => {
-      return (attrs) => {
-        const originAttrs = omit$1(attrs, ["confirm", "cancel", "icon"]);
-        if (!attrs.onConfirm && attrs.confirm && isFunction$4(attrs.confirm))
-          originAttrs["onConfirm"] = attrs.confirm;
-        if (!attrs.onCancel && attrs.cancel && isFunction$4(attrs.cancel))
-          originAttrs["onCancel"] = attrs.cancel;
-        return originAttrs;
-      };
-    });
-    const getAttr = (key2) => ({ key: key2 });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ADropdown), mergeProps({ trigger: __props.trigger }, _ctx.$attrs), {
-        overlay: withCtx(() => [
-          createVNode(unref(AMenu), { selectedKeys: __props.selectedKeys }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dropMenuList, (item) => {
-                return openBlock(), createElementBlock(Fragment, {
-                  key: `${item.event}`
-                }, [
-                  createVNode(unref(AMenuItem), mergeProps({ ref_for: true }, getAttr(item.event), {
-                    onClick: ($event) => handleClickMenu(item),
-                    disabled: item.disabled
-                  }), {
-                    default: withCtx(() => [
-                      __props.popconfirm && item.popConfirm ? (openBlock(), createBlock(unref(APopconfirm), mergeProps({
-                        key: 0,
-                        ref_for: true
-                      }, getPopConfirmAttrs.value(item.popConfirm)), createSlots({
-                        default: withCtx(() => [
-                          createElementVNode("div", null, [
-                            item.icon ? (openBlock(), createBlock(unref(Icon2), {
-                              key: 0,
-                              icon: item.icon
-                            }, null, 8, ["icon"])) : createCommentVNode("", true),
-                            createElementVNode("span", _hoisted_1$r, toDisplayString(item.text), 1)
-                          ])
-                        ]),
-                        _: 2
-                      }, [
-                        item.popConfirm.icon ? {
-                          name: "icon",
-                          fn: withCtx(() => [
-                            createVNode(unref(Icon2), {
-                              icon: item.popConfirm.icon
-                            }, null, 8, ["icon"])
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        item.icon ? (openBlock(), createBlock(unref(Icon2), {
-                          key: 0,
-                          icon: item.icon
-                        }, null, 8, ["icon"])) : createCommentVNode("", true),
-                        createElementVNode("span", _hoisted_2$8, toDisplayString(item.text), 1)
-                      ], 64))
-                    ]),
-                    _: 2
-                  }, 1040, ["onClick", "disabled"]),
-                  item.divider ? (openBlock(), createBlock(unref(AMenuDivider), {
-                    key: `d-${item.event}`
-                  })) : createCommentVNode("", true)
-                ], 64);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["selectedKeys"])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("span", null, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 16, ["trigger"]);
+    function handleHeightChange(height) {
+      emit("height-change", height);
+    }
+    function handleExtHeight(height) {
+      extHeightRef.value = height;
+    }
+    function handleTitleDbClick(e) {
+      if (!props2.canFullscreen)
+        return;
+      e.stopPropagation();
+      handleFullScreen(e);
+    }
+    return {
+      handleCancel,
+      getBindValue,
+      getProps,
+      handleFullScreen,
+      fullScreenRef,
+      getMergeProps,
+      handleOk,
+      visibleRef,
+      omit: omit$1,
+      modalWrapperRef,
+      handleExtHeight,
+      handleHeightChange,
+      handleTitleDbClick,
+      getWrapperHeight
     };
   }
 });
-const key$1 = Symbol("basic-table");
-function createTableContext(instance) {
-  provide(key$1, instance);
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ModalClose = resolveComponent("ModalClose");
+  const _component_ModalHeader = resolveComponent("ModalHeader");
+  const _component_ModalFooter = resolveComponent("ModalFooter");
+  const _component_ModalWrapper = resolveComponent("ModalWrapper");
+  const _component_Modal = resolveComponent("Modal");
+  return openBlock(), createBlock(_component_Modal, mergeProps({ class: "modal-wrapper" }, _ctx.getBindValue, { onCancel: _ctx.handleCancel }), createSlots({
+    default: withCtx(() => [
+      createVNode(_component_ModalWrapper, mergeProps(
+        {
+          useWrapper: _ctx.getProps.useWrapper,
+          footerOffset: _ctx.wrapperFooterOffset,
+          fullScreen: _ctx.fullScreenRef,
+          ref: "modalWrapperRef",
+          loading: _ctx.getProps.loading,
+          "loading-tip": _ctx.getProps.loadingTip,
+          minHeight: _ctx.getProps.minHeight,
+          height: _ctx.getWrapperHeight,
+          visible: _ctx.visibleRef,
+          modalFooterHeight: _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
+        },
+        _ctx.omit(_ctx.getProps.wrapperProps, "visible", "height", "modalFooterHeight"),
+        {
+          onExtHeight: _ctx.handleExtHeight,
+          onHeightChange: _ctx.handleHeightChange
+        }
+      ), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["useWrapper", "footerOffset", "fullScreen", "loading", "loading-tip", "minHeight", "height", "visible", "modalFooterHeight", "onExtHeight", "onHeightChange"])
+    ]),
+    _: 2
+  }, [
+    !_ctx.$slots.closeIcon ? {
+      name: "closeIcon",
+      fn: withCtx(() => [
+        createVNode(_component_ModalClose, {
+          canFullscreen: _ctx.getProps.canFullscreen,
+          fullScreen: _ctx.fullScreenRef,
+          onCancel: _ctx.handleCancel,
+          onFullscreen: _ctx.handleFullScreen
+        }, null, 8, ["canFullscreen", "fullScreen", "onCancel", "onFullscreen"])
+      ]),
+      key: "0"
+    } : void 0,
+    !_ctx.$slots.title ? {
+      name: "title",
+      fn: withCtx(() => [
+        createVNode(_component_ModalHeader, {
+          helpMessage: _ctx.getProps.helpMessage,
+          title: _ctx.getMergeProps.title,
+          onDblclick: _ctx.handleTitleDbClick
+        }, null, 8, ["helpMessage", "title", "onDblclick"])
+      ]),
+      key: "1"
+    } : void 0,
+    !_ctx.$slots.footer ? {
+      name: "footer",
+      fn: withCtx(() => [
+        createVNode(_component_ModalFooter, mergeProps(_ctx.getBindValue, {
+          onOk: _ctx.handleOk,
+          onCancel: _ctx.handleCancel
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots), (item) => {
+            return {
+              name: item,
+              fn: withCtx((data) => [
+                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+              ])
+            };
+          })
+        ]), 1040, ["onOk", "onCancel"])
+      ]),
+      key: "2"
+    } : void 0,
+    renderList(Object.keys(_ctx.omit(_ctx.$slots, "default")), (item) => {
+      return {
+        name: item,
+        fn: withCtx((data) => [
+          renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+        ])
+      };
+    })
+  ]), 1040, ["onCancel"]);
 }
-function useTableContext() {
-  return inject(key$1);
+const basicModal = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$y]]);
+const projectName = {}.VITE_GLOB_APP_TITLE;
+function error(message) {
+  throw new Error(`[${projectName} error]:${message}`);
 }
-const componentSetting = {
-  // basic-table setting
-  table: {
-    // Form interface request general configuration
-    // support xxx.xxx.xxx
-    fetchSetting: {
-      // The field name of the current page passed to the background
-      pageField: "current",
-      // The number field name of each page displayed in the background
-      sizeField: "size",
-      // Field name of the form data returned by the interface
-      listField: "records",
-      // Total number of tables returned by the interface field name
-      totalField: "total"
+const dataTransfer = reactive({});
+const visibleData$1 = reactive({});
+function useModal() {
+  const modal2 = ref(null);
+  const loaded = ref(false);
+  const uid = ref("");
+  function register(modalMethod, uuid) {
+    if (!getCurrentInstance()) {
+      throw new Error(
+        "useModal() can only be used inside setup() or functional components!"
+      );
+    }
+    uid.value = uuid;
+    onUnmounted(() => {
+      modal2.value = null;
+      loaded.value = false;
+      dataTransfer[unref(uid)] = null;
+    });
+    if (unref(loaded) && modalMethod === unref(modal2))
+      return;
+    modal2.value = modalMethod;
+    loaded.value = true;
+    modalMethod.emitVisible = (visible, uid2) => {
+      visibleData$1[uid2] = visible;
+    };
+  }
+  const getInstance = () => {
+    const instance = unref(modal2);
+    if (!instance) {
+      error("useModal instance is undefined!");
+    }
+    return instance;
+  };
+  const methods2 = {
+    setModalProps: (props2) => {
+      var _a2;
+      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps(props2);
     },
-    // Number of pages that can be selected
-    pageSizeOptions: ["10", "50", "80", "100"],
-    // Default display quantity on one page
-    defaultPageSize: 10,
-    // Default Size
-    defaultSize: "middle",
-    // Custom general sort function
-    defaultSortFn: (sortInfo) => {
-      const { field, order } = sortInfo;
-      if (field && order) {
-        return {
-          // The sort field passed to the backend you
-          sort: field,
-          // Sorting method passed to the background asc/desc
-          order: order === "ascend" ? "asc" : "desc"
-        };
-      } else {
-        return {};
+    getVisible: computed(() => {
+      return visibleData$1[~~unref(uid)];
+    }),
+    redoModalHeight: () => {
+      var _a2, _b;
+      (_b = (_a2 = getInstance()) == null ? void 0 : _a2.redoModalHeight) == null ? void 0 : _b.call(_a2);
+    },
+    openModal: (visible = true, data, openOnSet = true) => {
+      var _a2;
+      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({
+        visible
+      });
+      if (!data)
+        return;
+      const id = unref(uid);
+      if (openOnSet) {
+        dataTransfer[id] = null;
+        dataTransfer[id] = toRaw(data);
+        return;
+      }
+      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data));
+      if (!equal) {
+        dataTransfer[id] = toRaw(data);
       }
     },
-    // Custom general filter function
-    defaultFilterFn: (data) => {
-      return data;
+    closeModal: () => {
+      var _a2;
+      (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ visible: false });
+    }
+  };
+  return [register, methods2];
+}
+const useModalInner = (callbackFn) => {
+  const modalInstanceRef = ref(null);
+  const currentInstance = getCurrentInstance();
+  const uidRef = ref("");
+  const getInstance = () => {
+    const instance = unref(modalInstanceRef);
+    if (!instance) {
+      error("useModalInner instance is undefined!");
+    }
+    return instance;
+  };
+  const register = (modalInstance, uuid) => {
+    tryOnUnmounted(() => {
+      modalInstanceRef.value = null;
+    });
+    uidRef.value = uuid;
+    modalInstanceRef.value = modalInstance;
+    currentInstance == null ? void 0 : currentInstance.emit("register", modalInstance, uuid);
+  };
+  watchEffect(() => {
+    const data = dataTransfer[unref(uidRef)];
+    if (!data)
+      return;
+    if (!callbackFn || !isFunction$1(callbackFn))
+      return;
+    nextTick(() => {
+      callbackFn(data);
+    });
+  });
+  return [
+    register,
+    {
+      changeLoading: (loading = true) => {
+        var _a2;
+        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ loading });
+      },
+      getVisible: computed(() => {
+        return visibleData$1[~~unref(uidRef)];
+      }),
+      changeOkLoading: (loading = true) => {
+        var _a2;
+        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ confirmLoading: loading });
+      },
+      closeModal: () => {
+        var _a2;
+        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps({ visible: false });
+      },
+      setModalProps: (props2) => {
+        var _a2;
+        (_a2 = getInstance()) == null ? void 0 : _a2.setModalProps(props2);
+      },
+      redoModalHeight: () => {
+        var _a2;
+        const callRedo = (_a2 = getInstance()) == null ? void 0 : _a2.redoModalHeight;
+        callRedo && callRedo();
+      }
     }
+  ];
+};
+const BasicModal = withInstall$5(basicModal);
+const basicProps$5 = {
+  listType: {
+    type: String,
+    default: "picture-card"
   },
-  // scrollbar setting
-  scrollbar: {
-    // Whether to use native scroll bar
-    // After opening, the menu, modal, drawer will change the pop-up scroll bar to native
-    native: false
+  helpText: {
+    type: String,
+    default: ""
   },
-  tree: {
-    searchToolbar: false
+  // 文件最大多少MB
+  maxSize: {
+    type: Number,
+    default: 2
+  },
+  // 最大数量的文件，Infinity不限制
+  maxNumber: {
+    type: Number,
+    default: 1
+  },
+  // 根据后缀，或者其他
+  accept: {
+    type: Array,
+    default: () => []
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  uploadParams: {
+    type: Object,
+    default: () => ({})
+  },
+  api: {
+    type: Function,
+    default: null,
+    required: true
+  },
+  name: {
+    type: String,
+    default: "file"
+  },
+  filename: {
+    type: String,
+    default: null
+  },
+  fileListOpenDrag: {
+    type: Boolean,
+    default: true
+  },
+  fileListDragOptions: {
+    type: Object,
+    default: () => ({})
   }
 };
-const { table } = componentSetting;
-const {
-  pageSizeOptions,
-  defaultPageSize,
-  fetchSetting,
-  defaultSize,
-  defaultSortFn,
-  defaultFilterFn
-} = table;
-const ROW_KEY = "key";
-const PAGE_SIZE_OPTIONS = pageSizeOptions;
-const PAGE_SIZE = defaultPageSize;
-const FETCH_SETTING = fetchSetting;
-const DEFAULT_SIZE = defaultSize;
-const DEFAULT_SORT_FN = defaultSortFn;
-const DEFAULT_FILTER_FN = defaultFilterFn;
-let DEFAULT_ALIGN = "left";
-const INDEX_COLUMN_FLAG = "INDEX";
-const ACTION_COLUMN_FLAG = "ACTION";
-const ACTION_COLUMN_WIDTH = 160;
-const setConstConfig = (config) => {
-  DEFAULT_ALIGN = config.align;
-};
-const __default__$2 = {
-  name: "TableAction"
+const uploadContainerProps = {
+  value: {
+    type: Array,
+    default: () => []
+  },
+  ...basicProps$5,
+  showPreviewNumber: {
+    type: Boolean,
+    default: true
+  },
+  emptyHidePreview: {
+    type: Boolean,
+    default: false
+  }
 };
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  props: {
-    actions: {
-      type: Array,
-      default: null
-    },
-    dropDownActions: {
-      type: Array,
-      default: null
-    },
-    divider: {
-      type: Boolean,
-      default: true
-    },
-    outside: {
-      type: Boolean
-    },
-    stopButtonPropagation: {
-      type: Boolean,
-      default: false
-    },
-    showCount: {
-      type: Number,
-      default: () => 3
-    }
+const previewProps = {
+  value: {
+    type: Array,
+    default: () => []
+  }
+};
+const fileListProps = {
+  columns: {
+    type: Array,
+    default: null
   },
-  setup(__props) {
-    const props2 = __props;
-    const { prefixCls: prefixCls2 } = useDesign$1("basic-table-action");
-    let table2 = {};
-    if (!props2.outside) {
-      table2 = useTableContext();
+  actionColumn: {
+    type: Object,
+    default: null
+  },
+  dataSource: {
+    type: Array,
+    default: null
+  },
+  openDrag: {
+    type: Boolean,
+    default: false
+  },
+  dragOptions: {
+    type: Object,
+    default: () => ({})
+  }
+};
+useI18n$1();
+function useUploadType({
+  acceptRef,
+  helpTextRef,
+  maxNumberRef,
+  maxSizeRef
+}) {
+  const getAccept = computed(() => {
+    const accept = unref(acceptRef);
+    if (accept && accept.length > 0) {
+      return accept;
     }
-    function isIfShow(action) {
-      const ifShow = action.ifShow;
-      let isIfShow2 = true;
-      if (isBoolean(ifShow)) {
-        isIfShow2 = ifShow;
-      }
-      if (isNumber$2(ifShow) || isString$3(ifShow)) {
-        isIfShow2 = !!ifShow;
-      }
-      if (isFunction$4(ifShow)) {
-        isIfShow2 = ifShow(action);
+    return [];
+  });
+  const getStringAccept = computed(() => {
+    return unref(getAccept).map((item) => {
+      if (item.indexOf("/") > 0 || item.startsWith(".")) {
+        return item;
+      } else {
+        return `.${item}`;
       }
-      return isIfShow2;
+    }).join(",");
+  });
+  const getHelpText = computed(() => {
+    const helpText = unref(helpTextRef);
+    if (helpText) {
+      return helpText;
     }
-    const getActions = computed(() => {
-      const cacheActions = [];
-      return (toRaw(props2.actions) || []).filter((action, _) => {
-        if (isIfShow(action) && cacheActions.length < props2.showCount - (props2.actions.length !== props2.showCount ? 1 : 0)) {
-          cacheActions.push(action);
-          return true;
-        } else
-          return false;
-      }).map((action) => {
-        const { popConfirm } = action;
-        return {
-          getPopupContainer: () => document.body,
-          type: "link",
-          size: "small",
-          ...action,
-          ...popConfirm || {},
-          onConfirm: popConfirm == null ? void 0 : popConfirm.confirm,
-          onCancel: popConfirm == null ? void 0 : popConfirm.cancel,
-          enable: !!popConfirm
-        };
-      });
-    });
-    const getDropdownList = computed(() => {
-      const cacheActions = [];
-      const list = (toRaw(props2.actions) || []).filter((action, index2) => {
-        if (isIfShow(action) && cacheActions.length < props2.showCount - (props2.actions.length !== props2.showCount ? 1 : 0)) {
-          cacheActions.push(action);
-          return false;
-        } else if (isIfShow(action))
-          return true;
-      });
-      return list.map((action, index2) => {
-        const { label, popConfirm } = action;
-        return {
-          ...action,
-          ...popConfirm,
-          onConfirm: popConfirm == null ? void 0 : popConfirm.confirm,
-          onCancel: popConfirm == null ? void 0 : popConfirm.cancel,
-          text: label,
-          divider: index2 < list.length - 1 ? props2.divider : false
-        };
-      });
-    });
-    const getAlign = computed(() => {
-      var _a2;
-      const columns = ((_a2 = table2 == null ? void 0 : table2.getColumns) == null ? void 0 : _a2.call(table2)) || [];
-      const actionColumn = columns.find((item) => item.flag === ACTION_COLUMN_FLAG);
-      return (actionColumn == null ? void 0 : actionColumn.align) ?? "left";
-    });
-    function getTooltip(data) {
-      return {
-        getPopupContainer: () => unref(table2 == null ? void 0 : table2.wrapRef.value) ?? document.body,
-        placement: "bottom",
-        ...isString$3(data) ? { title: data } : data
-      };
+    const helpTexts = [];
+    const accept = unref(acceptRef);
+    if (accept.length > 0) {
+      helpTexts.push(`支持${accept}格式`);
     }
-    function onCellClick(e) {
-      if (!props2.stopButtonPropagation)
-        return;
-      const path = e.composedPath();
-      const isInButton = path.find((ele) => {
-        var _a2;
-        return ((_a2 = ele.tagName) == null ? void 0 : _a2.toUpperCase()) === "BUTTON";
-      });
-      isInButton && e.stopPropagation();
+    const maxSize = unref(maxSizeRef);
+    if (maxSize) {
+      helpTexts.push(`单个文件不超过${maxSize}MB`);
     }
-    return (_ctx, _cache) => {
-      const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(prefixCls2), getAlign.value]),
-        onClick: onCellClick
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(getActions.value, (action, index2) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: `${index2}-${action.label}`
-          }, [
-            action.tooltip ? (openBlock(), createBlock(unref(Tooltip), mergeProps({
-              key: 0,
-              ref_for: true
-            }, getTooltip(action.tooltip)), {
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$X), mergeProps({ ref_for: true }, action), {
-                  default: withCtx(() => [
-                    action.icon ? (openBlock(), createBlock(unref(Icon2), {
-                      key: 0,
-                      icon: action.icon,
-                      class: normalizeClass({ "mr-1": !!action.label })
-                    }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-                    action.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(action.label), 1)
-                    ], 64)) : createCommentVNode("", true)
-                  ]),
-                  _: 2
-                }, 1040)
-              ]),
-              _: 2
-            }, 1040)) : (openBlock(), createBlock(unref(_sfc_main$X), mergeProps({
-              key: 1,
-              ref_for: true
-            }, action), {
-              default: withCtx(() => [
-                action.icon ? (openBlock(), createBlock(unref(Icon2), {
-                  key: 0,
-                  icon: action.icon,
-                  class: normalizeClass({ "mr-1": !!action.label })
-                }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-                action.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(action.label), 1)
-                ], 64)) : createCommentVNode("", true)
-              ]),
-              _: 2
-            }, 1040)),
-            __props.divider && index2 < getActions.value.length - 1 ? (openBlock(), createBlock(unref(Divider$1), {
-              key: 2,
-              type: "vertical",
-              class: "action-divider"
-            })) : createCommentVNode("", true)
-          ], 64);
-        }), 128)),
-        getDropdownList.value.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$W), {
-          key: 0,
-          trigger: ["hover"],
-          dropMenuList: getDropdownList.value,
-          popconfirm: ""
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "more"),
-            !_ctx.$slots.more ? (openBlock(), createBlock(_component_a_button, {
-              key: 0,
-              type: "link",
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(MoreOutlined$1), { class: "icon-more" })
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ]),
-          _: 3
-        }, 8, ["dropMenuList"])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const TableAction_vue_vue_type_style_index_0_lang = "";
+    const maxNumber = unref(maxNumberRef);
+    if (maxNumber && maxNumber !== Infinity) {
+      helpTexts.push(`最多只能上传${maxNumber}个文件`);
+    }
+    return helpTexts.join("，");
+  });
+  return { getAccept, getStringAccept, getHelpText };
+}
+var UploadResultStatus = /* @__PURE__ */ ((UploadResultStatus2) => {
+  UploadResultStatus2["DONE"] = "done";
+  UploadResultStatus2["SUCCESS"] = "success";
+  UploadResultStatus2["ERROR"] = "error";
+  UploadResultStatus2["UPLOADING"] = "uploading";
+  return UploadResultStatus2;
+})(UploadResultStatus || {});
+function checkImgType(file) {
+  return isImgTypeByName(file.name);
+}
+function isImgTypeByName(name) {
+  return /\.(jpg|jpeg|png|gif|webp)$/i.test(name);
+}
+function getBase64WithFile(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve({ result: reader.result, file });
+    reader.onerror = (error2) => reject(error2);
+  });
+}
 const _hoisted_1$q = { class: "thumb" };
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "ThumbUrl",
@@ -10016,7 +10039,7 @@ function createActionColumn(handleRemove) {
         color: "error",
         onClick: handleRemove.bind(null, record)
       }];
-      return createVNode(_sfc_main$V, {
+      return createVNode(_sfc_main$12, {
         "actions": actions,
         "outside": true
       }, null);
@@ -10064,7 +10087,7 @@ function createPreviewActionColumn({
         label: t$1("component.upload.download"),
         onClick: handleDownload.bind(null, record)
       }];
-      return createVNode(_sfc_main$V, {
+      return createVNode(_sfc_main$12, {
         "actions": actions,
         "outside": true
       }, null);
@@ -10594,7 +10617,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$o = { key: 0 };
 const _hoisted_2$7 = { style: { "margin-top": "8px" } };
-const _hoisted_3$5 = ["src"];
+const _hoisted_3$6 = ["src"];
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "ImageUpload",
   props: {
@@ -10763,7 +10786,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
               alt: "",
               style: { "width": "100%" },
               src: previewImage.value
-            }, null, 8, _hoisted_3$5)
+            }, null, 8, _hoisted_3$6)
           ]),
           _: 1
         }, 8, ["open", "title"])
@@ -10807,7 +10830,7 @@ componentMap$2.set("TimePicker", TimePicker);
 componentMap$2.set("StrengthMeter", StrengthMeter);
 componentMap$2.set("IconPicker", _sfc_main$19);
 componentMap$2.set("InputCountDown", CountdownInput);
-componentMap$2.set("Table", _sfc_main$15);
+componentMap$2.set("Table", _sfc_main$11);
 componentMap$2.set("Tinymce", _sfc_main$16);
 componentMap$2.set("Divider", Divider);
 function add(compName, component) {
@@ -11357,7 +11380,7 @@ const _sfc_main$N = defineComponent({
   name: "BasicFormAction",
   components: {
     FormItem: Form.Item,
-    BasicButton: _sfc_main$Y,
+    BasicButton: _sfc_main$15,
     [Col.name]: Col,
     Button: Button$1
   },
@@ -14087,12 +14110,12 @@ const PageSecond = /* @__PURE__ */ defineComponent({
       }, [createVNode(Space, null, {
         default: () => {
           var _a3, _b, _c;
-          return [(_a3 = slots.beforeConfirmButton) == null ? void 0 : _a3.call(slots), props2.isShowConfirmButton ? createVNode(_sfc_main$Y, {
+          return [(_a3 = slots.beforeConfirmButton) == null ? void 0 : _a3.call(slots), props2.isShowConfirmButton ? createVNode(_sfc_main$15, {
             "onClick": handleConfirm,
             "type": "primary"
           }, {
             default: () => [props2.confirmButtonText]
-          }) : null, (_b = slots.beforeCancelButton) == null ? void 0 : _b.call(slots), props2.isShowCancelButton ? createVNode(_sfc_main$Y, {
+          }) : null, (_b = slots.beforeCancelButton) == null ? void 0 : _b.call(slots), props2.isShowCancelButton ? createVNode(_sfc_main$15, {
             "onClick": handleCancel
           }, {
             default: () => [props2.cancelButtonText]
@@ -15992,6 +16015,7 @@ const _sfc_main$C = defineComponent({
     });
     const checkIndex = ref(false);
     const checkSelect = ref(false);
+    const showTableSettingHead = ref(true);
     const { prefixCls: prefixCls2 } = useDesign$1("basic-column-setting");
     const getValues = computed(() => {
       return unref(table2 == null ? void 0 : table2.getBindValues) || {};
@@ -16008,6 +16032,7 @@ const _sfc_main$C = defineComponent({
       const values = unref(getValues);
       checkIndex.value = !!values.showIndexColumn;
       checkSelect.value = !!values.rowSelection;
+      showTableSettingHead.value = !!values.showTableSettingHead;
     });
     function getLeafNodes(columns) {
       let leafColumns = [];
@@ -16219,6 +16244,7 @@ const _sfc_main$C = defineComponent({
       handleVisibleChange,
       checkIndex,
       checkSelect,
+      showTableSettingHead,
       handleIndexCheckChange,
       handleSelectCheckChange,
       defaultRowSelection,
@@ -16255,7 +16281,8 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             class: normalizeClass(`${_ctx.prefixCls}__popover-title`)
           }, [
-            createVNode(_component_Checkbox, {
+            _ctx.showTableSettingHead ? (openBlock(), createBlock(_component_Checkbox, {
+              key: 0,
               indeterminate: _ctx.indeterminate,
               checked: _ctx.checkAll,
               "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => _ctx.checkAll = $event),
@@ -16265,8 +16292,9 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString(_ctx.t("component.table.settingColumnShow")), 1)
               ]),
               _: 1
-            }, 8, ["indeterminate", "checked", "onChange"]),
-            createVNode(_component_Checkbox, {
+            }, 8, ["indeterminate", "checked", "onChange"])) : createCommentVNode("", true),
+            _ctx.showTableSettingHead ? (openBlock(), createBlock(_component_Checkbox, {
+              key: 1,
               checked: _ctx.checkIndex,
               "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => _ctx.checkIndex = $event),
               onChange: _ctx.handleIndexCheckChange
@@ -16275,8 +16303,9 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString(_ctx.t("component.table.settingIndexColumnShow")), 1)
               ]),
               _: 1
-            }, 8, ["checked", "onChange"]),
-            createVNode(_component_Checkbox, {
+            }, 8, ["checked", "onChange"])) : createCommentVNode("", true),
+            _ctx.showTableSettingHead ? (openBlock(), createBlock(_component_Checkbox, {
+              key: 2,
               checked: _ctx.checkSelect,
               "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => _ctx.checkSelect = $event),
               onChange: _ctx.handleSelectCheckChange,
@@ -16286,8 +16315,9 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString(_ctx.t("component.table.settingSelectColumnShow")), 1)
               ]),
               _: 1
-            }, 8, ["checked", "onChange", "disabled"]),
+            }, 8, ["checked", "onChange", "disabled"])) : createCommentVNode("", true),
             createVNode(_component_a_button, {
+              class: normalizeClass({ "single-reset": !_ctx.showTableSettingHead }),
               size: "small",
               type: "link",
               onClick: _ctx.reset
@@ -16296,7 +16326,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
                 createTextVNode(toDisplayString(_ctx.t("common.resetText")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])
+            }, 8, ["class", "onClick"])
           ], 2)
         ]),
         content: withCtx(() => [
@@ -16672,7 +16702,7 @@ const getGlobalAdvancedType = (fieldList, value) => {
 };
 const _hoisted_1$j = { class: "shy-ui-advanced-search-add" };
 const _hoisted_2$6 = { class: "shy-ui-advanced-search-item-wrapper" };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 0,
   class: "shy-ui-advanced-search-item-value-range"
 };
@@ -16901,7 +16931,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                         }, {
                           default: withCtx(() => [
                             getTypeByField(schema == null ? void 0 : schema.field) === "number" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                              schema.op === "bt" ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+                              schema.op === "bt" ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
                                 createVNode(unref(FormItem), null, {
                                   default: withCtx(() => [
                                     createVNode(unref(InputNumber), {
@@ -17210,14 +17240,14 @@ const _hoisted_2$5 = {
   key: 0,
   style: { "margin": "5px" }
 };
-const _hoisted_3$3 = { class: "flex items-center" };
+const _hoisted_3$4 = { class: "flex items-center" };
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TableSetting = resolveComponent("TableSetting");
   return openBlock(), createElementBlock("div", _hoisted_1$h, [
     _ctx.$slots.headerTop ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
       renderSlot(_ctx.$slots, "headerTop")
     ])) : createCommentVNode("", true),
-    createElementVNode("div", _hoisted_3$3, [
+    createElementVNode("div", _hoisted_3$4, [
       _ctx.$slots.tableTitle ? renderSlot(_ctx.$slots, "tableTitle", { key: 0 }) : createCommentVNode("", true),
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.prefixCls}__toolbar`)
@@ -17755,6 +17785,10 @@ const basicProps$3 = reactive({
   size: {
     type: String,
     default: DEFAULT_SIZE
+  },
+  showTableSettingHead: {
+    type: Boolean,
+    default: true
   }
 });
 const basicPropChange = (options) => {
@@ -17770,7 +17804,7 @@ const _sfc_main$s = defineComponent({
     }
   },
   components: {
-    BasicButton: _sfc_main$Y,
+    BasicButton: _sfc_main$15,
     Space,
     AdvancedSearch: _sfc_main$x
   },
@@ -17969,7 +18003,7 @@ const TableGlobalSearch_vue_vue_type_style_index_0_scoped_5f6e7403_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-5f6e7403"), n = n(), popScopeId(), n);
 const _hoisted_1$f = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "搜索全部", -1));
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "搜索特定字段", -1));
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
 const _hoisted_4$2 = { class: "shy-basic-table-global-search-checkbox-wrapper" };
 const _hoisted_5$1 = { style: { "color": "#131415", "font-size": "12px" } };
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17995,7 +18029,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       _hoisted_2$4,
       _ctx.curSelected === 2 ? (openBlock(), createBlock(_component_CheckOutlined, { key: 0 })) : createCommentVNode("", true)
     ], 2),
-    _hoisted_3$2,
+    _hoisted_3$3,
     createElementVNode("div", _hoisted_4$2, [
       createVNode(_component_CheckboxGroup, {
         value: _ctx.fieldList,
@@ -18343,11 +18377,13 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
+const BasicTable_vue_vue_type_style_index_0_scoped_fe75557a_lang = "";
 const _hoisted_1$e = {
   class: "shy-page",
   style: { "padding": "0" }
 };
 const _hoisted_2$3 = { class: "relative" };
+const _hoisted_3$2 = { class: "page-left" };
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicForm = resolveComponent("BasicForm");
   const _component_TableAdvancedSearch = resolveComponent("TableAdvancedSearch");
@@ -18378,7 +18414,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           return {
             name: _ctx.replaceFormSlotKey(item),
             fn: withCtx((data) => [
-              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+              renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})), void 0, true)
             ])
           };
         })
@@ -18393,7 +18429,10 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
         withDirectives(createVNode(_component_TableGlobalSearch, { schemasAdvancedSearch: _ctx.schemasAdvancedSearchGlobal }, null, 8, ["schemasAdvancedSearch"]), [
           [vShow, _ctx.isVisibleGlobalSearch]
         ]),
-        withDirectives(createVNode(_component_Table, mergeProps({ ref: "tableElRef" }, _ctx.getBindValues, {
+        withDirectives(createVNode(_component_Table, mergeProps({
+          id: "table",
+          ref: "tableElRef"
+        }, _ctx.getBindValues, {
           rowClassName: _ctx.getRowClassName,
           onChange: _ctx.handleTableChange,
           onResizeColumn: _ctx.handleResizeColumn,
@@ -18411,7 +18450,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             ], 4)
           ]),
           bodyCell: withCtx((data) => [
-            renderSlot(_ctx.$slots, "bodyCell", normalizeProps(guardReactiveProps(data || {})))
+            renderSlot(_ctx.$slots, "bodyCell", normalizeProps(guardReactiveProps(data || {})), void 0, true)
           ]),
           _: 2
         }, [
@@ -18419,7 +18458,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             return {
               name: item,
               fn: withCtx((data) => [
-                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+                renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})), void 0, true)
               ])
             };
           }),
@@ -18463,12 +18502,15 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
           } : void 0
         ]), 1040, ["rowClassName", "onChange", "onResizeColumn"]), [
           [vShow, _ctx.getEmptyDataIsShowTable]
+        ]),
+        createElementVNode("div", _hoisted_3$2, [
+          renderSlot(_ctx.$slots, "pageLeft", {}, void 0, true)
         ])
       ])
     ])
   ], 2);
 }
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$i]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$i], ["__scopeId", "data-v-fe75557a"]]);
 const _sfc_main$p = defineComponent({
   name: "TableImage",
   components: { AImage: Image, PreviewGroup: Image.PreviewGroup, Badge },
@@ -22715,7 +22757,7 @@ const _sfc_main$g = defineComponent({
     Upload,
     Avatar,
     Tooltip,
-    BasicButton: _sfc_main$Y
+    BasicButton: _sfc_main$15
   },
   props: props$2,
   emits: ["uploadSuccess", "register", "beforeUpload"],
@@ -23615,7 +23657,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       ];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$V, {
+      return openBlock(), createBlock(_sfc_main$12, {
         actions: getActions.value,
         "show-count": 4,
         outside: true
@@ -25463,7 +25505,7 @@ export {
   ApiTreeSelect,
   CropperAvatar as AvatarCropper,
   BasicArrow,
-  _sfc_main$Y as BasicButton,
+  _sfc_main$15 as BasicButton,
   BasicContainer,
   BasicDrawer,
   BasicForm,
@@ -25483,7 +25525,7 @@ export {
   CropperImage,
   Description,
   DescriptionsForm,
-  _sfc_main$W as Dropdown,
+  _sfc_main$13 as Dropdown,
   EditTableHeaderCell as EditTableHeaderIcon,
   _sfc_main$O as FormItem,
   Icon2 as Icon,
@@ -25494,15 +25536,15 @@ export {
   PageSecond,
   PageWrapper,
   PageWrapperFixedHeightKey,
-  _sfc_main$X as PopConfirmButton,
+  _sfc_main$14 as PopConfirmButton,
   RadioButtonGroup,
   RoleEnum,
   ScrollContainer$1 as ScrollContainer,
   Scrollbar,
   StrengthMeter,
   SvgIcon,
-  _sfc_main$V as TableAction,
-  _sfc_main$15 as TableChildren,
+  _sfc_main$12 as TableAction,
+  _sfc_main$11 as TableChildren,
   TableDict,
   TableImg,
   _sfc_main$3 as TablePlus,