@maxax/ui 1.0.0 → 1.0.1

package/dist/index.cjs

@@ -8,7 +8,7 @@ const utils$1 = require("./utils-pcMeUjXb.cjs");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
 const dayjs = require("dayjs");
-const VxeUI = require("vxe-pc-ui");
+const vxePcUi = require("vxe-pc-ui");
 const vxeTable = require("vxe-table");
 const elementResizeDetectorMaker = require("element-resize-detector");
 const isStringNumber = (val) => {
@@ -296,6 +296,7 @@ const namespaceContextKey = Symbol("namespaceContextKey");
 const localeContextKey = Symbol("localeContextKey");
 const zIndexContextKey = Symbol("zIndexContextKey");
 const tableContextKey = Symbol("tableContextKey");
+const themeOverridesContextKey = Symbol("themeOverridesContextKey");
 function useLocale(localeOverrides) {
   const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
   return utils$1.buildLocaleContext(vue.computed(() => locale.value || utils$1.zhCN));
@@ -587,111 +588,13 @@ const useSameTarget = (handleClick) => {
   };
   return { onClick, onMousedown, onMouseup };
 };
-const ROW_KEY$1 = "_MAX_ROW_KEY";
-const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
-const PAGE_SIZE$1 = 10;
-const FETCH_SETTING$1 = {
-  // The field name of the current page passed to the background
-  pageField: "page",
-  // The number field name of each page displayed in the background
-  sizeField: "pageSize",
-  // Field name of the form data returned by the interface
-  listField: "itemList",
-  // Total number of tables returned by the interface field name
-  totalField: "totalCount"
-};
-const DEFAULT_SIZE = "small";
-const setting = {
-  fit: true,
-  showHeader: true,
-  delayHover: 250,
-  autoResize: true,
-  padding: false,
-  minHeight: 180,
-  size: DEFAULT_SIZE,
-  border: "inner",
-  showOverflow: true,
-  showHeaderOverflow: "tooltip",
-  showFooterOverflow: "tooltip",
-  autoCreateKey: true,
-  showIndexColumn: true,
-  fetchSetting: FETCH_SETTING$1,
-  columns: () => [],
-  sortConfig: () => ({
-    remote: true
-  }),
-  resizeConfig: () => ({
-    refreshDelay: 250
-  }),
-  radioConfig: () => ({
-    strict: true
-  }),
-  rowConfig: () => ({
-    useKey: true,
-    isCurrent: true,
-    isHover: true,
-    keyField: "_ROW_KEY_"
-  }),
-  checkboxConfig: () => ({
-    strict: true
-  }),
-  tooltipConfig: () => ({
-    enterable: true
-  }),
-  validConfig: () => ({
-    showMessage: true,
-    autoClear: true,
-    autoPos: true,
-    message: "inline",
-    msgMode: "single"
-  }),
-  columnConfig: () => ({
-    resizable: true,
-    useKey: true,
-    maxFixedSize: 4
-  }),
-  customConfig: () => ({
-    mode: "modal"
-  }),
-  toolbarConfig: () => ({
-    custom: true,
-    zoom: true
-  })
-};
-const globalSetting = {
-  zIndex: 2e3,
-  table: {
-    size: "small",
-    border: true,
-    fit: true,
-    showHeader: true,
-    delayHover: 250,
-    autoResize: true,
-    minHeight: 180,
-    maxHeight: 325,
-    showOverflow: true,
-    resizable: true,
-    showHeaderOverflow: "tooltip",
-    showFooterOverflow: "tooltip"
-  },
-  grid: {
-    size: "small",
-    border: true,
-    fit: true,
-    showHeader: true,
-    delayHover: 250,
-    autoResize: true,
-    minHeight: 180,
-    maxHeight: 325,
-    showOverflow: true,
-    resizable: true,
-    showHeaderOverflow: "tooltip",
-    showFooterOverflow: "tooltip"
-  }
-};
 function useTableConfig(tableOverrides) {
   const table = tableOverrides || vue.inject(tableContextKey, vue.ref());
-  return table.value || globalSetting;
+  return table.value;
+}
+function useThemeOverrides(themeOverrides) {
+  const overrides = themeOverrides || vue.inject(themeOverridesContextKey, vue.ref());
+  return overrides.value;
 }
 const zIndex = vue.ref(0);
 const initial = {
@@ -2635,6 +2538,10 @@ const provideGlobalConfig = (config, app, global = false) => {
     tableContextKey,
     vue.computed(() => context.value.table)
   );
+  provideFn(
+    themeOverridesContextKey,
+    vue.computed(() => context.value.themeOverrides)
+  );
   if (global || !globalConfig.value) {
     globalConfig.value = context.value;
   }
@@ -2657,11 +2564,16 @@ const useConfigProvider = (block) => {
     var _a;
     return ((_a = config.value) == null ? void 0 : _a.zIndex) || DEFAULT_INITIAL_Z_INDEX;
   }));
+  const themeOverrides = useThemeOverrides(vue.computed(() => {
+    var _a;
+    return (_a = config.value) == null ? void 0 : _a.themeOverrides;
+  }));
   provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
   return {
     ns,
     locale,
-    zIndex: zIndex2
+    zIndex: zIndex2,
+    themeOverrides
   };
 };
 const configProviderProps = {
@@ -2689,6 +2601,9 @@ const configProviderProps = {
   /** 全局表格配置 */
   table: {
     type: Object
+  },
+  themeOverrides: {
+    type: Object
   }
 };
 const ConfigProvider = /* @__PURE__ */ vue.defineComponent({
@@ -2760,7 +2675,7 @@ const _sfc_main$B = vue.defineComponent({
   props: basicMessageBoxProps,
   emits: ["vanish", "action"],
   setup(props, { emit }) {
-    const { locale, zIndex: zIndex2, ns } = useConfigProvider("basic-message-box");
+    const { locale, zIndex: zIndex2, ns, themeOverrides } = useConfigProvider("basic-message-box");
     const { t } = locale;
     const { nextZIndex } = zIndex2;
     const visible = vue.ref(false);
@@ -2821,6 +2736,7 @@ const _sfc_main$B = vue.defineComponent({
     const inputRef = vue.ref();
     const confirmRef = vue.ref();
     const confirmButtonClasses = vue.computed(() => state.confirmButtonClass);
+    const themeOverridesRef = vue.computed(() => themeOverrides);
     const contentId = utils.guid();
     const inputId = utils.guid();
     const validate = () => {
@@ -2965,6 +2881,7 @@ const _sfc_main$B = vue.defineComponent({
       inputId,
       iconComponent,
       confirmButtonClasses,
+      themeOverridesRef,
       rootRef,
       focusStartRef,
       headerRef,
@@ -3094,12 +3011,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ref: "inputRef",
                     value: _ctx.inputValue,
                     "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
+                    "theme-overrides": _ctx.themeOverridesRef,
                     type: _ctx.inputType,
                     placeholder: _ctx.inputPlaceholder,
                     "aria-invalid": _ctx.validateError,
                     class: vue.normalizeClass({ invalid: _ctx.validateError }),
                     onKeydown: vue.withKeys(_ctx.handleInputEnter, ["enter"])
-                  }, null, 8, ["id", "value", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
+                  }, null, 8, ["id", "value", "theme-overrides", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(_ctx.ns.e("errormsg")),
                     style: vue.normalizeStyle({ visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden" })
@@ -3113,6 +3031,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(_component_NButton, {
                   key: 0,
+                  "theme-overrides": _ctx.themeOverridesRef,
                   loading: _ctx.cancelButtonLoading,
                   class: vue.normalizeClass([_ctx.cancelButtonClass]),
                   round: _ctx.roundButton,
@@ -3123,9 +3042,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText || _ctx.t("max.button.cancel")), 1)
                   ]),
                   _: 1
-                }, 8, ["loading", "class", "round"])) : vue.createCommentVNode("", true),
+                }, 8, ["theme-overrides", "loading", "class", "round"])) : vue.createCommentVNode("", true),
                 vue.withDirectives(vue.createVNode(_component_NButton, {
                   ref: "confirmRef",
+                  "theme-overrides": _ctx.themeOverridesRef,
                   type: "primary",
                   loading: _ctx.confirmButtonLoading,
                   class: vue.normalizeClass([_ctx.confirmButtonClasses]),
@@ -3138,7 +3058,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText || _ctx.t("max.button.confirm")), 1)
                   ]),
                   _: 1
-                }, 8, ["loading", "class", "round", "disabled"]), [
+                }, 8, ["theme-overrides", "loading", "class", "round", "disabled"]), [
                   [vue.vShow, _ctx.showConfirmButton]
                 ])
               ], 2)
@@ -4238,6 +4158,7 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
   props: basicCheckboxGroupProps,
   emits: {
     "update:value": (_value) => true,
+    "all-change": (_value, _ev) => true,
     /**
      * @zh 值改变时触发
      * @en Trigger when the value changes
@@ -4294,6 +4215,7 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
       allChecked.value = value;
       const newValue = allChecked.value ? options.value.map((option) => option.value) : [];
       handleChange(newValue, e);
+      emit("all-change", newValue, e);
     };
     const cls = vue.computed(() => [b(), is(`direction-${props.direction}`)]);
     vue.watch(() => props.value, (curValue) => {
@@ -12973,10 +12895,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicIconPicker = utils.withInstall(_sfc_main$e);
-const ROW_KEY = "_MAX_ROW_KEY";
-const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
-const PAGE_SIZE = 10;
-const FETCH_SETTING = {
+const ROW_KEY$1 = "_MAX_ROW_KEY";
+const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
+const PAGE_SIZE$1 = 10;
+const FETCH_SETTING$1 = {
   // The field name of the current page passed to the background
   pageField: "page",
   // The number field name of each page displayed in the background
@@ -13003,7 +12925,7 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
   const getDataSourceRef = vue.ref([]);
   const getRowKey = vue.computed(() => {
     const { rKey } = vue.unref(propsRef);
-    return rKey || ROW_KEY;
+    return rKey || ROW_KEY$1;
   });
   vue.watchEffect(() => {
     tableData.value = vue.unref(dataSourceRef);
@@ -13029,11 +12951,11 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
       const firstItem = dataSource[0];
       const lastItem = dataSource[dataSource.length - 1];
       if (firstItem && lastItem) {
-        if (!firstItem[ROW_KEY] || !lastItem[ROW_KEY]) {
+        if (!firstItem[ROW_KEY$1] || !lastItem[ROW_KEY$1]) {
           const data = lodashEs.cloneDeep(vue.unref(dataSourceRef));
           data.forEach((item) => {
-            if (!item[ROW_KEY]) {
-              item[ROW_KEY] = utils.guid();
+            if (!item[ROW_KEY$1]) {
+              item[ROW_KEY$1] = utils.guid();
             }
           });
           dataSourceRef.value = data;
@@ -13096,7 +13018,7 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
   function getSearchInfo() {
     return searchInfoRef.value;
   }
-  function mergeListDataRecord(records, key2 = ROW_KEY) {
+  function mergeListDataRecord(records, key2 = ROW_KEY$1) {
     const itemList = lodashEs.cloneDeep(getDataSource() || []);
     const items = utils.mergeArray(itemList, records, key2);
     setListData(items);
@@ -13108,11 +13030,11 @@ function useDataSource$1(propsRef, { tableData, getPaginationInfo, setPagination
     try {
       setLoading(true);
       const { pageField, sizeField, listField, totalField } = {
-        ...FETCH_SETTING,
+        ...FETCH_SETTING$1,
         ...fetchSetting
       };
       let pageParams = {};
-      const { currentPage = 1, pageSize = PAGE_SIZE } = vue.unref(getPaginationInfo);
+      const { currentPage = 1, pageSize = PAGE_SIZE$1 } = vue.unref(getPaginationInfo);
       const isPagination = lodashEs.isBoolean(pagination) ? pagination : lodashEs.isPlainObject(pagination);
       if (lodashEs.isBoolean(pagination) && !pagination) {
         pageParams = {};
@@ -13264,8 +13186,8 @@ function usePagination$1(propsRef) {
     size: "small",
     border: true,
     currentPage: 1,
-    pageSize: PAGE_SIZE,
-    pageSizes: PAGE_SIZE_OPTIONS,
+    pageSize: PAGE_SIZE$1,
+    pageSizes: PAGE_SIZE_OPTIONS$1,
     layouts: ["PrevJump", "PrevPage", "Number", "NextPage", "NextJump", "Sizes", "Total"],
     total: 0
   });
@@ -13316,7 +13238,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     beforeFetch: {},
     afterFetch: {},
     handleSearchInfoFn: {},
-    fetchSetting: { default: () => FETCH_SETTING },
+    fetchSetting: { default: () => FETCH_SETTING$1 },
     defSort: {},
     searchInfo: {},
     useSearchForm: { type: Boolean },
@@ -13439,13 +13361,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getDataSourceRef), (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
-              key: item[vue.unref(ROW_KEY)],
+              key: item[vue.unref(ROW_KEY$1)],
               class: vue.normalizeClass(["basic-list-page-item", getItemClassName(item)])
             }, [
               vue.renderSlot(_ctx.$slots, "default", {
                 rowIndex: index2,
                 row: item,
-                rowKey: item[vue.unref(ROW_KEY)]
+                rowKey: item[vue.unref(ROW_KEY$1)]
               })
             ], 2);
           }), 128))
@@ -13459,7 +13381,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "bottom-before"),
             vue.renderSlot(_ctx.$slots, "bottom-after")
           ], 2),
-          ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && __props.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(VxeUI.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
+          ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && __props.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(vxePcUi.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
         ], 2),
         vue.unref(getLoading) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
@@ -14461,33 +14383,20 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
 });
 const basicSubPanelProps = {};
 const XBasicSubPanel = utils.withInstall(_sfc_main$8);
-function parseRowKey(rowKey, record, autoCreateKey) {
-  if (typeof rowKey === "string") {
-    return rowKey;
-  } else if (rowKey) {
-    return rowKey(record);
-  }
-  return ROW_KEY$1;
-}
-function parseRowKeyValue(rowKey, record, autoCreateKey) {
-  return record[parseRowKey(rowKey, record)];
-}
-function setVxeTableTheme(name) {
-  const theme = !name || name === "default" ? "light" : name;
-  if (typeof document !== "undefined") {
-    const documentElement = document.documentElement;
-    if (documentElement) {
-      documentElement.setAttribute("data-vxe-ui-theme", theme);
-    }
-  }
-}
-function setVxeUIConfig(config = {}) {
-  const globalConfig2 = lodashEs.merge({}, globalSetting, config);
-  VxeUI.setConfig(globalConfig2);
-}
-function setVxeUIFormat(format) {
-  VxeUI.formats.mixin(format);
-}
+const ROW_KEY = "_MAX_ROW_KEY";
+const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
+const PAGE_SIZE = 10;
+const FETCH_SETTING = {
+  // The field name of the current page passed to the background
+  pageField: "page",
+  // The number field name of each page displayed in the background
+  sizeField: "pageSize",
+  // Field name of the form data returned by the interface
+  listField: "itemList",
+  // Total number of tables returned by the interface field name
+  totalField: "totalCount"
+};
+const DEFAULT_SIZE = "small";
 function handleFieldColumn(columns) {
   columns.forEach((column) => {
     column.field || (column.field = column.type || "");
@@ -14530,7 +14439,7 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
         }
         const {
           currentPage = 1,
-          pageSize = PAGE_SIZE$1
+          pageSize = PAGE_SIZE
         } = getPagination;
         const seq = ((currentPage < 1 ? 1 : currentPage) - 1) * pageSize + rowIndex + 1;
         return vue.createVNode("span", null, [seq]);
@@ -14658,6 +14567,29 @@ function useColumns(propsRef, getPaginationRef) {
     setCacheColumns
   };
 }
+function parseRowKey(rowKey, record, autoCreateKey) {
+  if (typeof rowKey === "string") {
+    return rowKey;
+  } else if (rowKey) {
+    return rowKey(record);
+  }
+  return ROW_KEY;
+}
+function parseRowKeyValue(rowKey, record, autoCreateKey) {
+  return record[parseRowKey(rowKey, record)];
+}
+function setVxeTableTheme(name) {
+  const theme = !name || name === "default" ? "light" : name;
+  if (typeof document !== "undefined") {
+    const documentElement = document.documentElement;
+    if (documentElement) {
+      documentElement.setAttribute("data-vxe-ui-theme", theme);
+    }
+  }
+}
+function setTableGlobalFormat(format) {
+  vxeTable.VxeUI.formats.mixin(format);
+}
 function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination, setSelection, setLoading, emit }) {
   const searchState = vue.reactive({
     sortInfo: {},
@@ -14683,7 +14615,7 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
   });
   const getRowKey = vue.computed(() => {
     const { rKey } = vue.unref(propsRef);
-    return vue.unref(getAutoCreateKey) ? ROW_KEY$1 : rKey;
+    return vue.unref(getAutoCreateKey) ? ROW_KEY : rKey;
   });
   const getRowConfigRef = vue.computed(() => {
     const { rowConfig } = vue.unref(propsRef);
@@ -14718,11 +14650,11 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
         const firstItem = dataSource[0];
         const lastItem = dataSource[dataSource.length - 1];
         if (firstItem && lastItem) {
-          if (!firstItem[ROW_KEY$1] || !lastItem[ROW_KEY$1]) {
+          if (!firstItem[ROW_KEY] || !lastItem[ROW_KEY]) {
             const data = lodashEs.cloneDeep(vue.unref(dataSourceRef));
             data.forEach((item) => {
-              if (!item[ROW_KEY$1]) {
-                item[ROW_KEY$1] = utils.guid();
+              if (!item[ROW_KEY]) {
+                item[ROW_KEY] = utils.guid();
               }
               if (item.children && item.children.length) {
                 setTableKey(item.children);
@@ -14742,8 +14674,8 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
   function setTableKey(items) {
     if (!items || !Array.isArray(items)) return;
     items.forEach((item) => {
-      if (!item[ROW_KEY$1]) {
-        item[ROW_KEY$1] = utils.guid();
+      if (!item[ROW_KEY]) {
+        item[ROW_KEY] = utils.guid();
       }
       if (item.children && item.children.length) {
         setTableKey(item.children);
@@ -14816,7 +14748,7 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
   function getTableRowKey() {
     return vue.unref(getRowKey);
   }
-  function mergeTableDataRecord(records, key2 = ROW_KEY$1) {
+  function mergeTableDataRecord(records, key2 = ROW_KEY) {
     const itemList = lodashEs.cloneDeep(getDataSource() || []);
     const items = utils.mergeArray(itemList, records, key2);
     setTableData(items);
@@ -14828,11 +14760,11 @@ function useDataSource(propsRef, { tableData, getPaginationInfo, setPagination,
     try {
       setLoading(true);
       const { pageField, sizeField, listField, totalField } = {
-        ...FETCH_SETTING$1,
+        ...FETCH_SETTING,
         ...fetchSetting
       };
       let pageParams = {};
-      const { currentPage = 1, pageSize = PAGE_SIZE$1 } = vue.unref(getPaginationInfo);
+      const { currentPage = 1, pageSize = PAGE_SIZE } = vue.unref(getPaginationInfo);
       if (lodashEs.isBoolean(pagination) && !pagination) {
         pageParams = {};
       } else {
@@ -14968,8 +14900,8 @@ function usePagination(propsRef, _emit) {
     size: DEFAULT_SIZE,
     border: true,
     currentPage: 1,
-    pageSize: PAGE_SIZE$1,
-    pageSizes: PAGE_SIZE_OPTIONS$1,
+    pageSize: PAGE_SIZE,
+    pageSizes: PAGE_SIZE_OPTIONS,
     layouts: ["PrevJump", "PrevPage", "Number", "NextPage", "NextJump", "Sizes", "Total"],
     total: 0
   });
@@ -15048,7 +14980,7 @@ function useRowSelection(propsRef, tableData, emit, tableElRef) {
   });
   const getRowKey = vue.computed(() => {
     const { rKey } = vue.unref(propsRef);
-    return vue.unref(getAutoCreateKey) ? ROW_KEY$1 : rKey;
+    return vue.unref(getAutoCreateKey) ? ROW_KEY : rKey;
   });
   function getCurrentPageKeys() {
     const { treeConfig } = vue.unref(propsRef);
@@ -15259,6 +15191,64 @@ function useTableForm(propsRef, { fetch: fetch2, getLoading, setPagination, setS
     handleSearchInfoReload
   };
 }
+const setting = {
+  size: DEFAULT_SIZE,
+  autoCreateKey: true,
+  showIndexColumn: true,
+  fetchSetting: () => FETCH_SETTING,
+  columns: () => [],
+  fit: true,
+  padding: false,
+  minHeight: 180,
+  border: "inner",
+  showHeader: true,
+  delayHover: 250,
+  autoResize: true,
+  maxHeight: 325,
+  showOverflow: true,
+  showHeaderOverflow: "tooltip",
+  showFooterOverflow: "tooltip",
+  sortConfig: () => ({
+    remote: true
+  }),
+  resizeConfig: () => ({
+    refreshDelay: 250
+  }),
+  radioConfig: () => ({
+    strict: true
+  }),
+  rowConfig: () => ({
+    useKey: true,
+    isCurrent: true,
+    isHover: true,
+    keyField: "_ROW_KEY_"
+  }),
+  checkboxConfig: () => ({
+    strict: true
+  }),
+  tooltipConfig: () => ({
+    enterable: true
+  }),
+  validConfig: () => ({
+    showMessage: true,
+    autoClear: true,
+    autoPos: true,
+    message: "inline",
+    msgMode: "single"
+  }),
+  columnConfig: () => ({
+    resizable: true,
+    useKey: true,
+    maxFixedSize: 4
+  }),
+  customConfig: () => ({
+    mode: "modal"
+  }),
+  toolbarConfig: () => ({
+    custom: true,
+    zoom: true
+  })
+};
 const _hoisted_1$4 = { class: "max-table-selection-count" };
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
@@ -15300,7 +15290,10 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     headerRowStyle: { type: [Object, Function] },
     footerRowStyle: { type: [Object, Function] },
     footerCellStyle: { type: [Object, Function] },
+    showCustomHeader: { type: Boolean },
+    mergeHeaderCells: {},
     mergeCells: {},
+    mergeFooterCells: {},
     mergeFooterItems: {},
     spanMethod: { type: Function },
     footerSpanMethod: { type: Function },
@@ -15315,6 +15308,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     cellConfig: {},
     headerCellConfig: {},
     footerCellConfig: {},
+    aggregateConfig: {},
     rowGroupConfig: {},
     currentRowConfig: {},
     currentColumnConfig: {},
@@ -15327,9 +15321,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     seqConfig: {},
     sortConfig: {},
     filterConfig: {},
+    floatingFilterConfig: {},
     radioConfig: {},
     checkboxConfig: {},
+    headerTooltipConfig: {},
     tooltipConfig: {},
+    footerTooltipConfig: {},
     exportConfig: {},
     importConfig: {},
     printConfig: {},
@@ -15372,6 +15369,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     onPaste: { type: Function },
     onCopy: { type: Function },
     onCut: { type: Function },
+    onColumnsChange: { type: Function },
+    onDataChange: { type: Function },
+    onFooterDataChange: { type: Function },
     onCurrentRowChange: { type: Function },
     onCurrentRowDisabled: { type: Function },
     onCurrentColumnChange: { type: Function },
@@ -15382,6 +15382,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     onCheckboxRangeStart: { type: Function },
     onCheckboxRangeChange: { type: Function },
     onCheckboxRangeEnd: { type: Function },
+    onCheckboxRangeSelect: { type: Function },
     onCellClick: { type: Function },
     onCellDblclick: { type: Function },
     onCellMenu: { type: Function },
@@ -15394,7 +15395,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     onFooterCellDblclick: { type: Function },
     onFooterCellMenu: { type: Function },
     onSortChange: { type: Function },
+    onClearSort: { type: Function },
+    onClearAllSort: { type: Function },
     onFilterChange: { type: Function },
+    onClearFilter: { type: Function },
+    onClearAllFilter: { type: Function },
     onFilterVisible: { type: Function },
     onResizableChange: { type: Function },
     onToggleRowGroupExpand: { type: Function },
@@ -15411,6 +15416,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     onRowDragstart: { type: Function },
     onRowDragover: { type: Function },
     onRowDragend: { type: Function },
+    onRowRemoveDragend: { type: Function },
+    onRowInsertDragend: { type: Function },
     onColumnDragstart: { type: Function },
     onColumnDragover: { type: Function },
     onColumnDragend: { type: Function },
@@ -15455,13 +15462,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const tableConfig = useTableConfig();
-    setVxeUIConfig(tableConfig || {});
     const attrs = vue.useAttrs();
     const { b, e, is } = useNamespace("basic-table");
     const { t } = useLocale();
     const slots = vue.useSlots();
-    const innerPropsRef = vue.ref();
+    const innerPropsRef = vue.ref({});
     const getProps = vue.computed(() => {
       return { ...props, ...vue.unref(innerPropsRef) };
     });
@@ -15503,12 +15508,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         showFooter: vue.unref(showFooter),
         ...vue.unref(getRowSelectionRef),
         ...vue.unref(getSortRef),
-        ...vue.unref(getRowConfigRef),
-        toolbarConfig: {
-          zoom: true,
-          custom: true,
-          ...vue.unref(getProps).toolbarConfig
-        }
+        ...vue.unref(getRowConfigRef)
       };
       return propsData;
     });
@@ -15645,7 +15645,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                     ], 2)) : vue.createCommentVNode("", true),
                     vue.renderSlot(_ctx.$slots, "selection-wrapper-after")
                   ], 2),
-                  ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && __props.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(VxeUI.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
+                  ((_a = vue.unref(getPaginationInfo)) == null ? void 0 : _a.total) && __props.pagination ? (vue.openBlock(), vue.createBlock(vue.unref(vxePcUi.VxePager), vue.mergeProps({ key: 0 }, vue.unref(getPaginationInfo), { onPageChange: vue.unref(onPageChange) }), null, 16, ["onPageChange"])) : vue.createCommentVNode("", true)
                 ], 2)
               ];
             }),
@@ -15703,7 +15703,7 @@ const vxeTableFormatter = {
     }
   }
 };
-VxeUI.formats.mixin(vxeTableFormatter);
+vxeTable.VxeUI.formats.mixin(vxeTableFormatter);
 const XBasicTable = utils.withInstall(_sfc_main$7);
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTag",
@@ -16314,8 +16314,10 @@ const AjaxUpload = /* @__PURE__ */ vue.defineComponent({
         webkitdirectory: "webkitdirectory"
       } : {};
       const eventsFat = {
+        // eslint-disable-next-line prettier/prettier
         onClick: openFileDialogOnClick ? onClick : () => {
         },
+        // eslint-disable-next-line prettier/prettier
         onKeydown: openFileDialogOnClick ? onKeyDown : () => {
         },
         onMouseenter,
@@ -17303,7 +17305,7 @@ const BasicUpload = /* @__PURE__ */ vue.defineComponent({
       } = props;
       const {
         class: className,
-        style: styleName,
+        style: _styleName,
         ...transAttrs
       } = attrs;
       const rcUploadProps = {
@@ -20945,11 +20947,18 @@ const makeInstaller = (components2 = []) => {
 };
 const installer = makeInstaller([...components]);
 const install = installer.install;
+Object.defineProperty(exports, "UIGlobal", {
+  enumerable: true,
+  get: () => vxePcUi.VxeUI
+});
 Object.defineProperty(exports, "VxePager", {
   enumerable: true,
-  get: () => VxeUI.VxePager
+  get: () => vxePcUi.VxePager
+});
+Object.defineProperty(exports, "TableGlobal", {
+  enumerable: true,
+  get: () => vxeTable.VxeUI
 });
-exports.VxeUI = VxeUI;
 Object.defineProperty(exports, "VxeColgroup", {
   enumerable: true,
   get: () => vxeTable.VxeColgroup
@@ -20970,7 +20979,6 @@ Object.defineProperty(exports, "VxeToolbar", {
   enumerable: true,
   get: () => vxeTable.VxeToolbar
 });
-exports.VxeUITable = vxeTable;
 exports.LIST_IGNORE = LIST_IGNORE;
 exports.TreeNode = TreeNode;
 exports.XBasicArrow = XBasicArrow;
@@ -21049,9 +21057,8 @@ exports.makeInstaller = makeInstaller;
 exports.notificationTypes = notificationTypes;
 exports.provideGlobalConfig = provideGlobalConfig;
 exports.responsiveArray = responsiveArray;
+exports.setTableGlobalFormat = setTableGlobalFormat;
 exports.setVxeTableTheme = setVxeTableTheme;
-exports.setVxeUIConfig = setVxeUIConfig;
-exports.setVxeUIFormat = setVxeUIFormat;
 exports.useBasicDrawerModal = useBasicDrawerModal;
 exports.useComponentRegister = useComponentRegister;
 exports.useConfigProvider = useConfigProvider;
@@ -21066,6 +21073,7 @@ exports.useNamespace = useNamespace;
 exports.useResponsiveObserve = useResponsiveObserve;
 exports.useSameTarget = useSameTarget;
 exports.useTableConfig = useTableConfig;
+exports.useThemeOverrides = useThemeOverrides;
 exports.useZIndex = useZIndex;
 exports.vLoading = vLoading;
 //# sourceMappingURL=index.cjs.map