@maxax/ui 1.1.33 → 1.1.35

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { camelize, isNumber, isString, removeClass, addClass, pascalCase, isClient as isClient$1, hasClass, withInstall, guid, isFunction, isElement, isObject as isObject$1, isUndefined, downloadFileStatic, downloadFileByResponseData, attrAccept as attrAccept$1, isBoolean, getSlot, isArray, deepMerge, cloneDeep as cloneDeep$2, mergeArray, findNodeAll, calculate, classNames, call, isNull, getValueKey, tryConstructArray, isNil, tryDeconstructArray, tryDeconstructObject, isEmpty, isPascalCase, getStyle as getStyle$1, kebabCase } from "@maxax/utils";
+import { camelize, isNumber, isString, removeClass, addClass, pascalCase, isClient as isClient$1, hasClass, withInstall, guid, isFunction, isElement, isObject as isObject$1, isUndefined, downloadFileStatic, downloadFileByResponseData, attrAccept as attrAccept$1, isBoolean, getSlot, isArray, deepMerge, cloneDeep as cloneDeep$2, mergeArray, findNodeAll, calculate, classNames, call, isNull, getValueKey, tryConstructArray, isNil, tryDeconstructArray, tryDeconstructObject, isEmpty, isPascalCase, getStyle as getStyle$1, kebabCase, listToTree } from "@maxax/utils";
 import { shallowRef, shallowReadonly, onUnmounted, onMounted, nextTick, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, watch, computed, unref, Fragment, isVNode, Comment, Text, watchEffect, onBeforeUnmount, inject, ref, isRef, toRaw, defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, h, useAttrs, mergeProps, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, createVNode, useSlots, createSlots, provide, reactive, toRefs, resolveComponent, Transition, withDirectives, withModifiers, normalizeStyle, withKeys, resolveDynamicComponent, vShow, render as render$1, useTemplateRef, renderList, normalizeProps, guardReactiveProps, triggerRef, TransitionGroup, toRef, vModelText, createApp, toHandlers, mergeDefaults } from "vue";
 import BScroll from "@better-scroll/core";
-import { NTooltip, NButton, NInput, NButtonGroup, NDropdown, NModal, NProgress, NSwitch, NCard, NCascader, NDatePicker, NDrawer, NDrawerContent, NSelect, NInputNumber, NUpload, NAutoComplete, NDynamicTags, NTreeSelect, NTimePicker, NCheckbox, NCheckboxGroup, NRadio, NRadioButton, NRadioGroup, NSlider, NTransfer, NDivider, NColorPicker, NRate, NCol, NFormItem, NForm, NRow, NPopover, NTabs, NTabPane, NScrollbar, NEmpty, NPagination, NSpin } from "naive-ui";
+import { NTooltip, NButton, NInput, NButtonGroup, NDropdown, NModal, NProgress, NSwitch, NCard, NCascader, NDatePicker, NDrawer, NDrawerContent, NSelect, NInputNumber, NUpload, NAutoComplete, NDynamicTags, NTreeSelect, NTimePicker, NCheckbox, NCheckboxGroup, NRadio, NRadioButton, NRadioGroup, NSlider, NTransfer, NDivider, NColorPicker, NRate, NCol, NFormItem, NForm, NRow, NPopover, NTabs, NTabPane, NScrollbar, NEmpty, NPagination, NSpin, NSkeleton } from "naive-ui";
 import { b as buildLocaleContext, z as zhCN } from "./utils-1HQXBF85.js";
 import { merge, cloneDeep as cloneDeep$1, uniqBy, isBoolean as isBoolean$1, isFunction as isFunction$1, isArray as isArray$1, isString as isString$1, isEqual, get, concat, partition, omit, has, set, unset, isNumber as isNumber$1, isPlainObject } from "lodash-es";
 import { VxePager } from "vxe-pc-ui";
@@ -1128,7 +1128,7 @@ const useZIndex = (zIndexOverrides) => {
     nextZIndex
   };
 };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "better-scroll",
   props: {
     options: {}
@@ -2853,8 +2853,8 @@ const Icon = defineComponent((props, { emit }) => {
   ],
   emits: ["load"]
 });
-const _hoisted_1$d = ["xlink:href"];
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["xlink:href"];
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2888,7 +2888,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         createElementVNode("use", {
           "xlink:href": symbolId.value,
           fill: "currentColor"
-        }, null, 8, _hoisted_1$d)
+        }, null, 8, _hoisted_1$e)
       ], 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         __props.icon ? (openBlock(), createBlock(unref(Icon), mergeProps({
           key: 0,
@@ -2900,8 +2900,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicSvgIcon = withInstall(_sfc_main$$);
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const XBasicSvgIcon = withInstall(_sfc_main$10);
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2950,7 +2950,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "full-screen",
   props: {
     full: { type: Boolean }
@@ -2958,7 +2958,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { t } = useLocale();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$$, {
         key: String(__props.full),
         "tooltip-content": __props.full ? unref(t)("max.icon.fullscreenExit") : unref(t)("max.icon.fullscreen")
       }, {
@@ -2976,7 +2976,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "icon-tooltip",
   props: {
     icon: { default: "mdi-help-circle" },
@@ -3016,7 +3016,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "menu-toggler",
   props: {
     collapsed: { type: Boolean },
@@ -3042,7 +3042,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       return icons[arrowIcon][collapsed];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$$, {
         key: String(__props.collapsed),
         "tooltip-content": __props.collapsed ? unref(t)("max.icon.expand") : unref(t)("max.icon.collapse"),
         "tooltip-placement": "bottom-start",
@@ -3056,7 +3056,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "pin-toggler",
   props: {
     pin: { type: Boolean }
@@ -3066,7 +3066,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const { t } = useLocale();
     const icon = computed(() => props.pin ? "mdi-pin-off" : "mdi-pin");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$$, {
         "tooltip-content": __props.pin ? unref(t)("max.icon.unpin") : unref(t)("max.icon.pin"),
         "tooltip-placement": "bottom-start",
         "z-index": 100
@@ -3079,7 +3079,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "reload-button",
   props: {
     loading: { type: Boolean }
@@ -3088,7 +3088,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const { t } = useLocale();
     const { b } = useNamespace("reload-button");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$_, {
+      return openBlock(), createBlock(_sfc_main$$, {
         "tooltip-content": unref(t)("max.icon.reload")
       }, {
         default: withCtx(() => [
@@ -3102,14 +3102,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XCommonBetterScroll = withInstall(_sfc_main$10);
-const XCommonButtonIcon = withInstall(_sfc_main$_);
-const XCommonFullScreen = withInstall(_sfc_main$Z);
-const XCommonIconTooltip = withInstall(_sfc_main$Y);
-const XCommonMenuToggler = withInstall(_sfc_main$X);
-const XCommonPinToggler = withInstall(_sfc_main$W);
-const XCommonReloadButton = withInstall(_sfc_main$V);
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const XCommonBetterScroll = withInstall(_sfc_main$11);
+const XCommonButtonIcon = withInstall(_sfc_main$$);
+const XCommonFullScreen = withInstall(_sfc_main$_);
+const XCommonIconTooltip = withInstall(_sfc_main$Z);
+const XCommonMenuToggler = withInstall(_sfc_main$Y);
+const XCommonPinToggler = withInstall(_sfc_main$X);
+const XCommonReloadButton = withInstall(_sfc_main$W);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -3164,7 +3164,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButton = withInstall(_sfc_main$U);
+const XBasicButton = withInstall(_sfc_main$V);
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -3385,7 +3385,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$T = defineComponent({
+const _sfc_main$U = defineComponent({
   components: {
     NButton,
     NInput,
@@ -3625,7 +3625,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$c = ["aria-label", "aria-describedby"];
+const _hoisted_1$d = ["aria-label", "aria-describedby"];
 const _hoisted_2$4 = ["id"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicSvgIcon = resolveComponent("BasicSvgIcon");
@@ -3783,7 +3783,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ], 2)
             ], 6)
-          ], 42, _hoisted_1$c)
+          ], 42, _hoisted_1$d)
         ]),
         _: 3
       }, 8, ["z-index", "overlay-class", "mask"]), [
@@ -3793,7 +3793,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$2]]);
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$2]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -3919,7 +3919,7 @@ MessageBox.close = () => {
 MessageBox._context = null;
 const $MessageBox = MessageBox;
 const XBasicMessageBox = $MessageBox;
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "BasicActionFooter",
   props: {
     showDeleteButton: { type: Boolean, default: false },
@@ -4001,8 +4001,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicActionFooter = withInstall(_sfc_main$S);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const XBasicActionFooter = withInstall(_sfc_main$T);
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -4034,8 +4034,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicArrow = withInstall(_sfc_main$R);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const XBasicArrow = withInstall(_sfc_main$S);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4060,7 +4060,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4085,7 +4085,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonDrop",
   props: {
     disabled: { type: Boolean },
@@ -4150,7 +4150,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4175,7 +4175,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -4226,7 +4226,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExportDrop",
   props: {
     disabled: { type: Boolean },
@@ -4250,7 +4250,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("click", key2);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$O, {
+      return openBlock(), createBlock(_sfc_main$P, {
         icon: __props.icon,
         options: cOptions.value,
         onClick: handleClick
@@ -4263,8 +4263,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["multiple", "name", "accept"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["multiple", "name", "accept"];
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -4351,7 +4351,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             accept: __props.accept,
             style: normalizeStyle(buttonStyle.value),
             onChange: onFileChange
-          }, null, 44, _hoisted_1$b)),
+          }, null, 44, _hoisted_1$c)),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(unref(t)("max.basic.import")), 1)
           ])
@@ -4361,7 +4361,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4386,19 +4386,19 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonCreate = withInstall(_sfc_main$Q);
-const XBasicButtonEdit = withInstall(_sfc_main$N);
-const XBasicButtonDelete = withInstall(_sfc_main$P);
-const XBasicButtonExport = withInstall(_sfc_main$M);
-const XBasicButtonImport = withInstall(_sfc_main$K);
-const XBasicButtonPrint = withInstall(_sfc_main$J);
-const XBasicButtonDrop = withInstall(_sfc_main$O);
-const XBasicButtonExportDrop = withInstall(_sfc_main$L);
-const _hoisted_1$a = ["id"];
+const XBasicButtonCreate = withInstall(_sfc_main$R);
+const XBasicButtonEdit = withInstall(_sfc_main$O);
+const XBasicButtonDelete = withInstall(_sfc_main$Q);
+const XBasicButtonExport = withInstall(_sfc_main$N);
+const XBasicButtonImport = withInstall(_sfc_main$L);
+const XBasicButtonPrint = withInstall(_sfc_main$K);
+const XBasicButtonDrop = withInstall(_sfc_main$P);
+const XBasicButtonExportDrop = withInstall(_sfc_main$M);
+const _hoisted_1$b = ["id"];
 const _hoisted_2$3 = ["textContent"];
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -4534,7 +4534,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["class"])) : createCommentVNode("", true)
               ])
             ], 2)
-          ], 46, _hoisted_1$a), [
+          ], 46, _hoisted_1$b), [
             [vShow, visible.value]
           ])
         ]),
@@ -4585,7 +4585,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = createVNode(_sfc_main$I, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
+  const vm = createVNode(_sfc_main$J, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
   vm.appContext = isUndefined(context) ? notify._context : context;
   vm.props.onDestroy = () => {
     render$1(null, container);
@@ -4643,7 +4643,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExportMax",
   props: {
     drop: { type: Boolean, default: true },
@@ -4728,7 +4728,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        __props.drop ? (openBlock(), createBlock(_sfc_main$O, mergeProps({
+        __props.drop ? (openBlock(), createBlock(_sfc_main$P, mergeProps({
           key: 0,
           icon: __props.icon,
           options: cOptions.value,
@@ -4780,11 +4780,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonExportMax = withInstall(_sfc_main$H);
+const XBasicButtonExportMax = withInstall(_sfc_main$I);
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -5137,7 +5137,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -5218,7 +5218,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: unref(getWrapperClass) }, getBindValue.value), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-          return openBlock(), createBlock(_sfc_main$G, {
+          return openBlock(), createBlock(_sfc_main$H, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -5239,7 +5239,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonGroup = withInstall(_sfc_main$F);
+const XBasicButtonGroup = withInstall(_sfc_main$G);
 const ROW_KEY$1 = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
 const PAGE_SIZE$1 = 10;
@@ -6076,8 +6076,8 @@ function useTableForm(propsRef, { fetch: fetch2, getLoading, setPagination, setS
     handleSearchInfoReload
   };
 }
-const _hoisted_1$9 = { class: "max-table-selection-count" };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "max-table-selection-count" };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "BasicTable",
   props: {
     layouts: {},
@@ -6526,7 +6526,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                         class: normalizeClass(unref(e)("selection-count"))
                       }, [
                         createElementVNode("span", null, toDisplayString(unref(t)("max.basic.selected")), 1),
-                        createElementVNode("span", _hoisted_1$9, toDisplayString(unref(getSelectRows)().length), 1),
+                        createElementVNode("span", _hoisted_1$a, toDisplayString(unref(getSelectRows)().length), 1),
                         createElementVNode("span", null, toDisplayString(unref(t)("max.basic.item")), 1)
                       ], 2)
                     ], 2)) : createCommentVNode("", true),
@@ -6594,14 +6594,15 @@ VxeUI2.formats.mixin(vxeTableFormatter);
 VxeUI2.setConfig({
   zIndex: 2e3
 });
-const XBasicTable = withInstall(_sfc_main$E);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const XBasicTable = withInstall(_sfc_main$F);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImportMaxModal",
   props: {
     previewWidth: {},
     previewColumns: {},
     previewTableProps: {},
-    previewTitle: {}
+    previewTitle: {},
+    showPreviewCount: { type: Boolean, default: true }
   },
   emits: ["confirm", "cancel"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -6611,12 +6612,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const { b: bm, e: em } = useNamespace("basic-button-import-max-modal");
     const { t } = useLocale();
     const tableDataCount = ref(0);
+    const tableData = ref([]);
     const { visible, show, hide } = useBasicDrawerModal({
       async onShow(context) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         await nextTick();
-        (_b = basicTableRef.value) == null ? void 0 : _b.setTableData(((_a = context.data) == null ? void 0 : _a.list) || []);
-        tableDataCount.value = ((_d = (_c = context.data) == null ? void 0 : _c.list) == null ? void 0 : _d.length) || 0;
+        tableData.value = ((_a = context.data) == null ? void 0 : _a.list) || [];
+        (_c = basicTableRef.value) == null ? void 0 : _c.setTableData(((_b = context.data) == null ? void 0 : _b.list) || []);
+        tableDataCount.value = ((_e = (_d = context.data) == null ? void 0 : _d.list) == null ? void 0 : _e.length) || 0;
       }
     });
     const previewModalStyle = computed(() => {
@@ -6667,9 +6670,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(unref(em)("footer-left"))
             }, [
-              createElementVNode("span", {
+              props.showPreviewCount ? (openBlock(), createElementBlock("span", {
+                key: 0,
                 class: normalizeClass(unref(em)("preview-count"))
-              }, toDisplayString(unref(t)("max.import.totalCount")) + ": " + toDisplayString(tableDataCount.value), 3)
+              }, toDisplayString(unref(t)("max.import.totalCount")) + ": " + toDisplayString(tableDataCount.value), 3)) : createCommentVNode("", true)
             ], 2),
             createElementVNode("span", {
               class: normalizeClass(unref(em)("footer-right"))
@@ -6696,6 +6700,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           ], 2)
         ]),
         default: withCtx(() => [
+          renderSlot(_ctx.$slots, "preview-table-before", {
+            count: tableDataCount.value,
+            data: tableData.value
+          }),
           createElementVNode("div", {
             class: normalizeClass(unref(em)("preview-table"))
           }, [
@@ -6703,9 +6711,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               ref_key: "basicTableRef",
               ref: basicTableRef
             }), null, 16)
-          ], 2)
+          ], 2),
+          renderSlot(_ctx.$slots, "preview-table-after", {
+            count: tableDataCount.value,
+            data: tableData.value
+          })
         ]),
-        _: 1
+        _: 3
       }, 8, ["show", "class", "style"]);
     };
   }
@@ -8363,8 +8375,8 @@ const BasicUpload = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicUpload = withInstall(BasicUpload);
-const _hoisted_1$8 = { key: 0 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { key: 0 };
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImportUploadModal",
   props: {
     width: {},
@@ -8430,7 +8442,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(unref(em)("footer-left"))
             }, [
-              props.showCoverSwitch ? (openBlock(), createElementBlock("span", _hoisted_1$8, [
+              props.showCoverSwitch ? (openBlock(), createElementBlock("span", _hoisted_1$9, [
                 createElementVNode("span", {
                   class: normalizeClass([unref(em)("footer-text"), { [unref(em)("footer-text--checked")]: checked.value }])
                 }, toDisplayString(unref(t)("max.import.updateExisting")), 3),
@@ -8517,7 +8529,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImportMax",
   props: {
     showTplButton: { type: Boolean, default: true },
@@ -8533,6 +8545,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     previewColumns: {},
     previewTableProps: {},
     previewTitle: {},
+    showPreviewCount: { type: Boolean },
     saveApi: {},
     beforeSaveInterceptor: {},
     beforeFetchSave: {},
@@ -8669,7 +8682,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             _: 3
           }, 16)
         ], 2),
-        createVNode(_sfc_main$C, {
+        createVNode(_sfc_main$D, {
           ref_key: "uploadModalRef",
           ref: uploadModalRef,
           width: props.width,
@@ -8678,22 +8691,38 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           onConfirm: onUploadConfirm,
           onDownloadTemplate: onExport
         }, null, 8, ["width", "show-tpl-button", "show-cover-switch"]),
-        createVNode(_sfc_main$D, {
+        createVNode(_sfc_main$E, {
           ref_key: "previewModalRef",
           ref: previewModalRef,
           "preview-width": props.previewWidth,
           "preview-columns": props.previewColumns,
           "preview-table-props": props.previewTableProps,
           "preview-title": props.previewTitle,
+          "show-preview-count": props.showPreviewCount,
           onConfirm: onPreviewConfirm
-        }, null, 8, ["preview-width", "preview-columns", "preview-table-props", "preview-title"])
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots["preview-table-before"] ? {
+            name: "preview-table-before",
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "preview-table-before", normalizeProps(guardReactiveProps(slotProps)))
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["preview-table-after"] ? {
+            name: "preview-table-after",
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, "preview-table-after", normalizeProps(guardReactiveProps(slotProps)))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["preview-width", "preview-columns", "preview-table-props", "preview-title", "show-preview-count"])
       ]);
     };
   }
 });
-const XBasicButtonImportMax = withInstall(_sfc_main$B);
-const _hoisted_1$7 = ["title"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const XBasicButtonImportMax = withInstall(_sfc_main$C);
+const _hoisted_1$8 = ["title"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -8731,7 +8760,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         class: normalizeClass(basicTextClass.value),
         title: unref(isString)(unref(mergedValueRef)) ? unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (openBlock(), createBlock(_sfc_main$$, {
+        __props.icon ? (openBlock(), createBlock(_sfc_main$10, {
           key: 0,
           icon: __props.icon,
           class: normalizeClass(__props.iconClass),
@@ -8740,12 +8769,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(unref(mergedValueRef)), 1)
         ])
-      ], 10, _hoisted_1$7);
+      ], 10, _hoisted_1$8);
     };
   }
 });
-const XBasicText = withInstall(_sfc_main$A);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const XBasicText = withInstall(_sfc_main$B);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -8784,8 +8813,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicCard = withInstall(_sfc_main$z);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const XBasicCard = withInstall(_sfc_main$A);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8897,7 +8926,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = withInstall(_sfc_main$y);
+const XBasicCascader = withInstall(_sfc_main$z);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return provide(basicCheckboxGroupKey, props);
@@ -8918,7 +8947,7 @@ const IconCheck = /* @__PURE__ */ defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$x = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -8946,7 +8975,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
+const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$1]]);
 const basicCheckboxProps = {
   /**
    * @zh 绑定值
@@ -9619,7 +9648,7 @@ const BasicCol = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicCol = withInstall(BasicCol);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -9680,8 +9709,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicCountTo = withInstall(_sfc_main$w);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const XBasicCountTo = withInstall(_sfc_main$x);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -9741,7 +9770,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDatePicker = withInstall(_sfc_main$v);
+const XBasicDatePicker = withInstall(_sfc_main$w);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -9788,7 +9817,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -10091,7 +10120,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDragVerify = withInstall(_sfc_main$u);
+const XBasicDragVerify = withInstall(_sfc_main$v);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -10107,7 +10136,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -10153,8 +10182,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
   }
 });
-const XBasicHelp = withInstall(_sfc_main$t);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const XBasicHelp = withInstall(_sfc_main$u);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -10197,12 +10226,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicTitle = withInstall(_sfc_main$s);
-const _hoisted_1$6 = {
+const XBasicTitle = withInstall(_sfc_main$t);
+const _hoisted_1$7 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -10336,7 +10365,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             !_ctx.$slots.footer ? {
               name: "footer",
               fn: withCtx(() => [
-                __props.showFooter ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
+                __props.showFooter ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
                   renderSlot(_ctx.$slots, "before-footer"),
                   __props.showCancelBtn ? (openBlock(), createBlock(unref(XBasicButton), {
                     key: 0,
@@ -10376,7 +10405,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicDrawer = withInstall(_sfc_main$r);
+const XBasicDrawer = withInstall(_sfc_main$s);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return provide(basicEditBatchKey, props);
@@ -10384,8 +10413,8 @@ const createBasicEditBatchContext = (props) => {
 const useBasicEditBatchContext = () => {
   return inject(basicEditBatchKey);
 };
-const _hoisted_1$5 = ["disabled"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = ["disabled"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -10441,11 +10470,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           _: 1
         }, 16, ["class", "onClick"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "submitAfter")
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1$6);
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -10472,7 +10501,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicHidden = withInstall(_sfc_main$p);
+const XBasicHidden = withInstall(_sfc_main$q);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return provide(basicRadioGroupKey, props);
@@ -10864,7 +10893,7 @@ const BasicRadioGroup = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicRadioGroup = withInstall(BasicRadioGroup);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10990,7 +11019,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = withInstall(_sfc_main$o);
+const XBasicSelect = withInstall(_sfc_main$p);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", NInput);
 componentMap$1.set("InputNumber", NInputNumber);
@@ -11069,7 +11098,7 @@ function isComponentEditBatchSchema(schema) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -11807,7 +11836,7 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -11937,7 +11966,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             options: unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (openBlock(), createBlock(_sfc_main$n, {
+        schemaItemRef.value ? (openBlock(), createBlock(_sfc_main$o, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -11954,7 +11983,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$q, normalizeProps(guardReactiveProps(getEditBatchActionBindProps.value)), createSlots({ _: 2 }, [
+        createVNode(_sfc_main$r, normalizeProps(guardReactiveProps(getEditBatchActionBindProps.value)), createSlots({ _: 2 }, [
           renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -11968,7 +11997,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicEditBatch = withInstall(_sfc_main$m);
+const XBasicEditBatch = withInstall(_sfc_main$n);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -12019,7 +12048,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return inject(basicFormKey);
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -12149,7 +12178,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "BasicMasterTrigger",
   props: {
     value: {},
@@ -12215,7 +12244,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicMasterTrigger = withInstall(_sfc_main$k);
+const XBasicMasterTrigger = withInstall(_sfc_main$l);
 const basicScrollTextProps = {
   /**
    * Text content
@@ -12226,7 +12255,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -12288,7 +12317,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = withInstall(_sfc_main$j);
+const XBasicScrollText = withInstall(_sfc_main$k);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", NInput);
 componentMap.set("InputNumber", NInputNumber);
@@ -12382,7 +12411,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -13495,7 +13524,7 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -13686,7 +13715,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "formHeader"),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-                  return openBlock(), createBlock(_sfc_main$i, {
+                  return openBlock(), createBlock(_sfc_main$j, {
                     key: schema.field,
                     "is-advanced": unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -13706,7 +13735,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                createVNode(_sfc_main$l, mergeProps(getFormActionBindProps.value, { onToggleAdvanced: unref(handleToggleAdvanced) }), createSlots({ _: 2 }, [
+                createVNode(_sfc_main$m, mergeProps(getFormActionBindProps.value, { onToggleAdvanced: unref(handleToggleAdvanced) }), createSlots({ _: 2 }, [
                   renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -13727,8 +13756,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicForm = withInstall(_sfc_main$h);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const XBasicForm = withInstall(_sfc_main$i);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -13761,7 +13790,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = withInstall(_sfc_main$g);
+const XBasicGradientTitle = withInstall(_sfc_main$h);
 const basicIconOnlineProps = {
   icon: {
     type: String,
@@ -17658,9 +17687,9 @@ const IconJson = {
     "yin-yang"
   ]
 };
-const _hoisted_1$4 = { class: "panel-icon-list" };
+const _hoisted_1$5 = { class: "panel-icon-list" };
 const _hoisted_2$2 = ["title", "onClick"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -17823,7 +17852,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                             class: normalizeClass(unref(e)("scrollbar"))
                           }, {
                             default: withCtx(() => [
-                              createElementVNode("ul", _hoisted_1$4, [
+                              createElementVNode("ul", _hoisted_1$5, [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList(pageList.value, (item, key2) => {
                                   return openBlock(), createElementBlock("li", {
                                     key: key2,
@@ -17890,7 +17919,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicIconPicker = withInstall(_sfc_main$f);
+const XBasicIconPicker = withInstall(_sfc_main$g);
 function useClipboard() {
   const copied = ref(false);
   const copy = async (source) => {
@@ -19335,7 +19364,7 @@ function usePagination(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -19504,7 +19533,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicListPage = withInstall(_sfc_main$e);
+const XBasicListPage = withInstall(_sfc_main$f);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = ref(false);
@@ -19773,7 +19802,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "BasicModal",
   props: {
     title: {},
@@ -19956,8 +19985,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = withInstall(_sfc_main$d);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const XBasicModal = withInstall(_sfc_main$e);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -20057,8 +20086,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicPage = withInstall(_sfc_main$c);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const XBasicPage = withInstall(_sfc_main$d);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -20095,7 +20124,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicPanel = withInstall(_sfc_main$b);
+const XBasicPanel = withInstall(_sfc_main$c);
 const regionJson = {
   "110000": "北京市",
   "110100": "市辖区",
@@ -24102,7 +24131,7 @@ const BasicRow = /* @__PURE__ */ defineComponent({
   }
 });
 const XBasicRow = withInstall(BasicRow);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -24138,8 +24167,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = withInstall(_sfc_main$a);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const XBasicSubPanel = withInstall(_sfc_main$b);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -24164,209 +24193,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicTag = withInstall(_sfc_main$9);
-const basicUploadDraggerProps = {
-  capture: [Boolean, String],
-  type: String,
-  name: String,
-  defaultFileList: Array,
-  fileList: Array,
-  action: [String, Function],
-  directory: Boolean,
-  data: [Object, Function],
-  method: String,
-  headers: Object,
-  showUploadList: [Boolean, Object],
-  multiple: Boolean,
-  accept: String,
-  beforeUpload: Function,
-  onChange: Function,
-  "onUpdate:fileList": Function,
-  onDrop: Function,
-  listType: String,
-  onPreview: Function,
-  onDownload: Function,
-  onReject: Function,
-  onRemove: Function,
-  /** @deprecated Please use `onRemove` directly */
-  remove: Function,
-  supportServerRender: Boolean,
-  disabled: Boolean,
-  prefixCls: String,
-  customRequest: Function,
-  withCredentials: Boolean,
-  openFileDialogOnClick: {
-    type: Boolean,
-    default: true
-  },
-  id: String,
-  previewFile: Function,
-  transformFile: Function,
-  iconRender: Function,
-  isImageUrl: Function,
-  progress: Object,
-  itemRender: Function,
-  maxCount: Number,
-  height: [Number, String],
-  removeIcon: Function,
-  downloadIcon: Function,
-  previewIcon: Function
-};
-const BasicUploadDragger = /* @__PURE__ */ defineComponent({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "XBasicUploadDragger",
-  inheritAttrs: false,
-  props: basicUploadDraggerProps,
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    return () => {
-      const {
-        height,
-        ...restProps
-      } = props;
-      const {
-        style,
-        ...restAttrs
-      } = attrs;
-      const draggerProps = {
-        ...restProps,
-        ...restAttrs,
-        type: "drag",
-        style: {
-          ...style,
-          height: typeof height === "number" ? `${height}px` : height
-        }
-      };
-      return createVNode(XBasicUpload, draggerProps, slots);
-    };
-  }
+const XBasicTag = withInstall(_sfc_main$a);
+const _sfc_main$9 = defineComponent({
+  name: "CLoadingIcon"
 });
-const XBasicUploadDragger = withInstall(BasicUploadDragger);
-const _hoisted_1$3 = ["title"];
-const _hoisted_2$1 = ["title"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "BasicViewBar",
-  props: {
-    fixed: { type: Boolean },
-    maxWidth: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { b, e, is } = useNamespace("basic-view-bar");
-    const { t } = useLocale();
-    const navWrap = ref();
-    const navScroll = ref();
-    const scrollable = ref(false);
-    const getClasses = computed(() => {
-      return {
-        [b()]: true,
-        [is("fix")]: props.fixed
-      };
-    });
-    const getChangeStyle = computed(() => {
-      return {
-        left: 0,
-        width: "100%",
-        maxWidth: props.maxWidth || "100%"
-      };
-    });
-    function scrollTo(value, amplitude) {
-      if (!navScroll.value) return;
-      const currentScroll = navScroll.value.scrollLeft;
-      const scrollWidth = amplitude > 0 && currentScroll + amplitude >= value || amplitude < 0 && currentScroll + amplitude <= value ? value : currentScroll + amplitude;
-      navScroll.value.scrollTo(scrollWidth, 0);
-      if (scrollWidth === value) return;
-      return window.requestAnimationFrame(() => scrollTo(value, amplitude));
-    }
-    function scrollPrev() {
-      if (!navScroll.value) return;
-      const containerWidth = navScroll.value.offsetWidth;
-      const currentScroll = navScroll.value.scrollLeft;
-      if (!currentScroll) return;
-      const scrollLeft = currentScroll > containerWidth ? currentScroll - containerWidth : 0;
-      scrollTo(scrollLeft, (scrollLeft - currentScroll) / 20);
-    }
-    function scrollNext() {
-      if (!navScroll.value) return;
-      const containerWidth = navScroll.value.offsetWidth;
-      const navWidth = navScroll.value.scrollWidth;
-      const currentScroll = navScroll.value.scrollLeft;
-      if (navWidth - currentScroll <= containerWidth) return;
-      const scrollLeft = navWidth - currentScroll > containerWidth * 2 ? currentScroll + containerWidth : navWidth - containerWidth;
-      scrollTo(scrollLeft, (scrollLeft - currentScroll) / 20);
-    }
-    async function updateNavScroll(autoScroll) {
-      await nextTick();
-      if (!navScroll.value) return;
-      const containerWidth = navScroll.value.offsetWidth;
-      const navWidth = navScroll.value.scrollWidth;
-      if (containerWidth < navWidth) {
-        scrollable.value = true;
-      } else {
-        scrollable.value = false;
-      }
-    }
-    function handleResize() {
-      updateNavScroll();
-    }
-    function onElementResize() {
-      const observer = elementResizeDetectorMaker();
-      navWrap.value && observer.listenTo(navWrap.value, handleResize);
-    }
-    onMounted(() => {
-      onElementResize();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(getClasses.value),
-        style: normalizeStyle(getChangeStyle.value)
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(e)("main"))
-        }, [
-          createElementVNode("div", {
-            ref_key: "navWrap",
-            ref: navWrap,
-            class: normalizeClass({ [unref(is)("scrollable")]: scrollable.value, [unref(e)("wrap")]: true })
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass({ [unref(is)("hide")]: !scrollable.value, [unref(e)("prev")]: true }),
-              title: unref(t)("max.viewBar.prev"),
-              onClick: scrollPrev
-            }, [
-              createVNode(unref(XBasicSvgIcon), { icon: "ri:arrow-left-s-line" })
-            ], 10, _hoisted_1$3),
-            createElementVNode("div", {
-              class: normalizeClass({ [unref(is)("hide")]: !scrollable.value, [unref(e)("next")]: true }),
-              title: unref(t)("max.viewBar.next"),
-              onClick: scrollNext
-            }, [
-              createVNode(unref(XBasicSvgIcon), { icon: "ri:arrow-right-s-line" })
-            ], 10, _hoisted_2$1),
-            createElementVNode("div", {
-              ref_key: "navScroll",
-              ref: navScroll,
-              class: normalizeClass(unref(e)("scroll"))
-            }, [
-              renderSlot(_ctx.$slots, "default")
-            ], 2)
-          ], 2)
-        ], 2)
-      ], 6);
-    };
-  }
-});
-const XBasicViewBar = withInstall(_sfc_main$8);
-const _sfc_main$7 = defineComponent({
-  name: "CLoadingIcon"
-});
-const _hoisted_1$2 = { viewBox: "0 0 50 50" };
+const _hoisted_1$4 = { viewBox: "0 0 50 50" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
     createElementVNode("circle", {
       class: "imax-loading-icon__circle",
       cx: "25",
@@ -24378,7 +24211,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, -1)
   ])]);
 }
-const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
+const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render]]);
 var ignoreEnum = /* @__PURE__ */ ((ignoreEnum2) => {
   ignoreEnum2["none"] = "none";
   ignoreEnum2["parents"] = "parents";
@@ -24577,9 +24410,9 @@ const useTreeNodeCls = (props, dragoverRefs) => {
     titleCls
   };
 };
-const _hoisted_1$1 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
-const _hoisted_2 = ["draggable"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
+const _hoisted_2$1 = ["draggable"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -24793,7 +24626,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               "stroke-width": strokeWidth.value,
               stroke: showLineParams.value.color,
               "stroke-dasharray": strokeDasharray.value
-            }, null, 8, _hoisted_1$1)
+            }, null, 8, _hoisted_1$3)
           ], 4);
         }), 128)) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -24858,7 +24691,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   createTextVNode(toDisplayString(__props.data ? __props.data[__props.titleField] : ""), 1)
                 ], 64))
               ])
-            ], 16, _hoisted_2),
+            ], 16, _hoisted_2$1),
             __props.showRightArrow ? (openBlock(), createElementBlock("div", {
               key: 2,
               class: normalizeClass(unref(expandCls))
@@ -24893,7 +24726,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTreeNode = withInstall(_sfc_main$6);
+const XTreeNode = withInstall(_sfc_main$8);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = ref(false);
   const expandAnimationReady = ref(false);
@@ -26343,7 +26176,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -26832,7 +26665,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTree = withInstall(_sfc_main$5);
+const XTree = withInstall(_sfc_main$7);
 const useTreeSearchCls = (props, options) => {
   const { checkAllStatus, isShowingChecked } = options;
   const { b } = useNamespace("tree-search");
@@ -26917,8 +26750,8 @@ const DEFAULT_TREE_SEARCH_PROPS = {
   searchDebounceTime: 300
 };
 const TREE_SEARCH_EVENTS = ["search", ...TREE_EVENTS];
-const _hoisted_1 = ["placeholder", "disabled"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["placeholder", "disabled"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -27175,7 +27008,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 placeholder: placeholder.value,
                 disabled: __props.searchDisabled,
                 onInput: handleSearch
-              }, null, 42, _hoisted_1), [
+              }, null, 42, _hoisted_1$2), [
                 [vModelText, keyword.value]
               ])
             ])
@@ -27228,7 +27061,306 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XTreeSearch = withInstall(_sfc_main$4);
+const XTreeSearch = withInstall(_sfc_main$6);
+const DEFAULT_TRANSFORM_CONFIG = {
+  id: "id",
+  pid: "parentId",
+  children: "children",
+  labelField: "deptName",
+  valueField: "id"
+};
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "BasicTree",
+  props: {
+    value: {},
+    immediate: { type: Boolean },
+    api: { type: Function },
+    beforeFetch: { type: Function },
+    afterFetch: { type: Function },
+    transform: {},
+    listField: {},
+    treeConfig: {}
+  },
+  emits: ["update:value", "load", "select"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { b, e } = useNamespace("basic-tree");
+    const innerValue = ref(props.value);
+    watch(
+      () => props.value,
+      (val) => {
+        innerValue.value = val;
+      },
+      { immediate: true }
+    );
+    const treeConfig = computed(() => ({
+      immediate: true,
+      showLine: true,
+      defaultExpandAll: true,
+      keyField: "value",
+      titleField: "label",
+      selectable: true,
+      ...props.treeConfig || {}
+    }));
+    const treeArray = ref([]);
+    const loading = ref(true);
+    async function fetch2() {
+      const { api, beforeFetch, afterFetch, transform, listField = "resultList" } = props;
+      console.log(props);
+      if (!api) return;
+      loading.value = true;
+      const params = beforeFetch ? await beforeFetch() : {};
+      const res = await api(params);
+      const isArrayResult = Array.isArray(res.data);
+      let resultItems = isArrayResult ? res.data : get(res.data, listField);
+      resultItems = afterFetch ? await afterFetch(resultItems) : resultItems;
+      const tree = listToTree(resultItems, { ...DEFAULT_TRANSFORM_CONFIG, ...transform || {} });
+      treeArray.value = tree;
+      loading.value = false;
+      emit("load", tree);
+    }
+    function getTreeData() {
+      return treeArray.value;
+    }
+    function handleSelect(_selectedNode, selectedKey) {
+      console.log(_selectedNode, selectedKey, innerValue.value);
+      innerValue.value = selectedKey;
+      emit("update:value", selectedKey);
+    }
+    onMounted(() => {
+      useTimeoutFn(() => {
+        unref(props).immediate && fetch2();
+      }, 16);
+    });
+    const treeAction = {
+      getTreeData,
+      load: fetch2
+    };
+    __expose({
+      ...treeAction
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(b)())
+      }, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+          createVNode(unref(NSkeleton), {
+            text: "",
+            repeat: 8
+          })
+        ])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(e)("wrapper"))
+        }, [
+          treeArray.value.length > 0 ? (openBlock(), createBlock(unref(XTreeSearch), mergeProps({
+            key: 0,
+            modelValue: innerValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+          }, treeConfig.value, { onSelectedChange: handleSelect }), null, 16, ["modelValue"])) : createCommentVNode("", true)
+        ], 2))
+      ], 2);
+    };
+  }
+});
+const XBasicTree = withInstall(_sfc_main$5);
+const basicUploadDraggerProps = {
+  capture: [Boolean, String],
+  type: String,
+  name: String,
+  defaultFileList: Array,
+  fileList: Array,
+  action: [String, Function],
+  directory: Boolean,
+  data: [Object, Function],
+  method: String,
+  headers: Object,
+  showUploadList: [Boolean, Object],
+  multiple: Boolean,
+  accept: String,
+  beforeUpload: Function,
+  onChange: Function,
+  "onUpdate:fileList": Function,
+  onDrop: Function,
+  listType: String,
+  onPreview: Function,
+  onDownload: Function,
+  onReject: Function,
+  onRemove: Function,
+  /** @deprecated Please use `onRemove` directly */
+  remove: Function,
+  supportServerRender: Boolean,
+  disabled: Boolean,
+  prefixCls: String,
+  customRequest: Function,
+  withCredentials: Boolean,
+  openFileDialogOnClick: {
+    type: Boolean,
+    default: true
+  },
+  id: String,
+  previewFile: Function,
+  transformFile: Function,
+  iconRender: Function,
+  isImageUrl: Function,
+  progress: Object,
+  itemRender: Function,
+  maxCount: Number,
+  height: [Number, String],
+  removeIcon: Function,
+  downloadIcon: Function,
+  previewIcon: Function
+};
+const BasicUploadDragger = /* @__PURE__ */ defineComponent({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "XBasicUploadDragger",
+  inheritAttrs: false,
+  props: basicUploadDraggerProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    return () => {
+      const {
+        height,
+        ...restProps
+      } = props;
+      const {
+        style,
+        ...restAttrs
+      } = attrs;
+      const draggerProps = {
+        ...restProps,
+        ...restAttrs,
+        type: "drag",
+        style: {
+          ...style,
+          height: typeof height === "number" ? `${height}px` : height
+        }
+      };
+      return createVNode(XBasicUpload, draggerProps, slots);
+    };
+  }
+});
+const XBasicUploadDragger = withInstall(BasicUploadDragger);
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BasicViewBar",
+  props: {
+    fixed: { type: Boolean },
+    maxWidth: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { b, e, is } = useNamespace("basic-view-bar");
+    const { t } = useLocale();
+    const navWrap = ref();
+    const navScroll = ref();
+    const scrollable = ref(false);
+    const getClasses = computed(() => {
+      return {
+        [b()]: true,
+        [is("fix")]: props.fixed
+      };
+    });
+    const getChangeStyle = computed(() => {
+      return {
+        left: 0,
+        width: "100%",
+        maxWidth: props.maxWidth || "100%"
+      };
+    });
+    function scrollTo(value, amplitude) {
+      if (!navScroll.value) return;
+      const currentScroll = navScroll.value.scrollLeft;
+      const scrollWidth = amplitude > 0 && currentScroll + amplitude >= value || amplitude < 0 && currentScroll + amplitude <= value ? value : currentScroll + amplitude;
+      navScroll.value.scrollTo(scrollWidth, 0);
+      if (scrollWidth === value) return;
+      return window.requestAnimationFrame(() => scrollTo(value, amplitude));
+    }
+    function scrollPrev() {
+      if (!navScroll.value) return;
+      const containerWidth = navScroll.value.offsetWidth;
+      const currentScroll = navScroll.value.scrollLeft;
+      if (!currentScroll) return;
+      const scrollLeft = currentScroll > containerWidth ? currentScroll - containerWidth : 0;
+      scrollTo(scrollLeft, (scrollLeft - currentScroll) / 20);
+    }
+    function scrollNext() {
+      if (!navScroll.value) return;
+      const containerWidth = navScroll.value.offsetWidth;
+      const navWidth = navScroll.value.scrollWidth;
+      const currentScroll = navScroll.value.scrollLeft;
+      if (navWidth - currentScroll <= containerWidth) return;
+      const scrollLeft = navWidth - currentScroll > containerWidth * 2 ? currentScroll + containerWidth : navWidth - containerWidth;
+      scrollTo(scrollLeft, (scrollLeft - currentScroll) / 20);
+    }
+    async function updateNavScroll(autoScroll) {
+      await nextTick();
+      if (!navScroll.value) return;
+      const containerWidth = navScroll.value.offsetWidth;
+      const navWidth = navScroll.value.scrollWidth;
+      if (containerWidth < navWidth) {
+        scrollable.value = true;
+      } else {
+        scrollable.value = false;
+      }
+    }
+    function handleResize() {
+      updateNavScroll();
+    }
+    function onElementResize() {
+      const observer = elementResizeDetectorMaker();
+      navWrap.value && observer.listenTo(navWrap.value, handleResize);
+    }
+    onMounted(() => {
+      onElementResize();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(getClasses.value),
+        style: normalizeStyle(getChangeStyle.value)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(e)("main"))
+        }, [
+          createElementVNode("div", {
+            ref_key: "navWrap",
+            ref: navWrap,
+            class: normalizeClass({ [unref(is)("scrollable")]: scrollable.value, [unref(e)("wrap")]: true })
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass({ [unref(is)("hide")]: !scrollable.value, [unref(e)("prev")]: true }),
+              title: unref(t)("max.viewBar.prev"),
+              onClick: scrollPrev
+            }, [
+              createVNode(unref(XBasicSvgIcon), { icon: "ri:arrow-left-s-line" })
+            ], 10, _hoisted_1),
+            createElementVNode("div", {
+              class: normalizeClass({ [unref(is)("hide")]: !scrollable.value, [unref(e)("next")]: true }),
+              title: unref(t)("max.viewBar.next"),
+              onClick: scrollNext
+            }, [
+              createVNode(unref(XBasicSvgIcon), { icon: "ri:arrow-right-s-line" })
+            ], 10, _hoisted_2),
+            createElementVNode("div", {
+              ref_key: "navScroll",
+              ref: navScroll,
+              class: normalizeClass(unref(e)("scroll"))
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+const XBasicViewBar = withInstall(_sfc_main$4);
 const useTreeDropCls = (props, options) => {
   const { dropdownVisible, checkedCount, selectedTitle } = options;
   const { b } = useNamespace("tree-drop");
@@ -27704,6 +27836,7 @@ const components = [
   XBasicRow,
   XBasicCol,
   XBasicJsonViewer,
+  XBasicTree,
   XTree,
   XTreeSearch,
   XTreeDrop,
@@ -28099,6 +28232,7 @@ export {
   XBasicTag,
   XBasicText,
   XBasicTitle,
+  XBasicTree,
   XBasicTriggerButton,
   XBasicUpload,
   XBasicUploadDragger,