@maxax/ui 1.1.33 → 1.1.35

package/dist/index.cjs

@@ -1128,7 +1128,7 @@ const useZIndex = (zIndexOverrides) => {
     nextZIndex
   };
 };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "better-scroll",
   props: {
     options: {}
@@ -2853,8 +2853,8 @@ const Icon = vue.defineComponent((props, { emit }) => {
   ],
   emits: ["load"]
 });
-const _hoisted_1$d = ["xlink:href"];
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$e = ["xlink:href"];
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2888,7 +2888,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("use", {
           "xlink:href": symbolId.value,
           fill: "currentColor"
-        }, null, 8, _hoisted_1$d)
+        }, null, 8, _hoisted_1$e)
       ], 16)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
         __props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), vue.mergeProps({
           key: 0,
@@ -2900,8 +2900,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicSvgIcon = utils.withInstall(_sfc_main$$);
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const XBasicSvgIcon = utils.withInstall(_sfc_main$10);
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2950,7 +2950,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "full-screen",
   props: {
     full: { type: Boolean }
@@ -2958,7 +2958,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const { t } = useLocale();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$$, {
         key: String(__props.full),
         "tooltip-content": __props.full ? vue.unref(t)("max.icon.fullscreenExit") : vue.unref(t)("max.icon.fullscreen")
       }, {
@@ -2976,7 +2976,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "icon-tooltip",
   props: {
     icon: { default: "mdi-help-circle" },
@@ -3016,7 +3016,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "menu-toggler",
   props: {
     collapsed: { type: Boolean },
@@ -3042,7 +3042,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
       return icons[arrowIcon][collapsed];
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$$, {
         key: String(__props.collapsed),
         "tooltip-content": __props.collapsed ? vue.unref(t)("max.icon.expand") : vue.unref(t)("max.icon.collapse"),
         "tooltip-placement": "bottom-start",
@@ -3056,7 +3056,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "pin-toggler",
   props: {
     pin: { type: Boolean }
@@ -3066,7 +3066,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     const { t } = useLocale();
     const icon = vue.computed(() => props.pin ? "mdi-pin-off" : "mdi-pin");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$$, {
         "tooltip-content": __props.pin ? vue.unref(t)("max.icon.unpin") : vue.unref(t)("max.icon.pin"),
         "tooltip-placement": "bottom-start",
         "z-index": 100
@@ -3079,7 +3079,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "reload-button",
   props: {
     loading: { type: Boolean }
@@ -3088,7 +3088,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     const { t } = useLocale();
     const { b } = useNamespace("reload-button");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$_, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$$, {
         "tooltip-content": vue.unref(t)("max.icon.reload")
       }, {
         default: vue.withCtx(() => [
@@ -3102,14 +3102,14 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XCommonBetterScroll = utils.withInstall(_sfc_main$10);
-const XCommonButtonIcon = utils.withInstall(_sfc_main$_);
-const XCommonFullScreen = utils.withInstall(_sfc_main$Z);
-const XCommonIconTooltip = utils.withInstall(_sfc_main$Y);
-const XCommonMenuToggler = utils.withInstall(_sfc_main$X);
-const XCommonPinToggler = utils.withInstall(_sfc_main$W);
-const XCommonReloadButton = utils.withInstall(_sfc_main$V);
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const XCommonBetterScroll = utils.withInstall(_sfc_main$11);
+const XCommonButtonIcon = utils.withInstall(_sfc_main$$);
+const XCommonFullScreen = utils.withInstall(_sfc_main$_);
+const XCommonIconTooltip = utils.withInstall(_sfc_main$Z);
+const XCommonMenuToggler = utils.withInstall(_sfc_main$Y);
+const XCommonPinToggler = utils.withInstall(_sfc_main$X);
+const XCommonReloadButton = utils.withInstall(_sfc_main$W);
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -3164,7 +3164,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButton = utils.withInstall(_sfc_main$U);
+const XBasicButton = utils.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 = vue.defineComponent({
+const _sfc_main$U = vue.defineComponent({
   components: {
     NButton: naiveUi.NButton,
     NInput: naiveUi.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 = vue.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__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicActionFooter",
   props: {
     showDeleteButton: { type: Boolean, default: false },
@@ -4001,8 +4001,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicActionFooter = utils.withInstall(_sfc_main$S);
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const XBasicActionFooter = utils.withInstall(_sfc_main$T);
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -4034,8 +4034,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicArrow = utils.withInstall(_sfc_main$R);
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const XBasicArrow = utils.withInstall(_sfc_main$S);
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4060,7 +4060,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4085,7 +4085,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonDrop",
   props: {
     disabled: { type: Boolean },
@@ -4150,7 +4150,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4175,7 +4175,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -4226,7 +4226,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExportDrop",
   props: {
     disabled: { type: Boolean },
@@ -4250,7 +4250,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       emit("click", key2);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$O, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$P, {
         icon: __props.icon,
         options: cOptions.value,
         onClick: handleClick
@@ -4263,8 +4263,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["multiple", "name", "accept"];
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$c = ["multiple", "name", "accept"];
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -4351,7 +4351,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             accept: __props.accept,
             style: vue.normalizeStyle(buttonStyle.value),
             onChange: onFileChange
-          }, null, 44, _hoisted_1$b)),
+          }, null, 44, _hoisted_1$c)),
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.import")), 1)
           ])
@@ -4361,7 +4361,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4386,19 +4386,19 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonCreate = utils.withInstall(_sfc_main$Q);
-const XBasicButtonEdit = utils.withInstall(_sfc_main$N);
-const XBasicButtonDelete = utils.withInstall(_sfc_main$P);
-const XBasicButtonExport = utils.withInstall(_sfc_main$M);
-const XBasicButtonImport = utils.withInstall(_sfc_main$K);
-const XBasicButtonPrint = utils.withInstall(_sfc_main$J);
-const XBasicButtonDrop = utils.withInstall(_sfc_main$O);
-const XBasicButtonExportDrop = utils.withInstall(_sfc_main$L);
-const _hoisted_1$a = ["id"];
+const XBasicButtonCreate = utils.withInstall(_sfc_main$R);
+const XBasicButtonEdit = utils.withInstall(_sfc_main$O);
+const XBasicButtonDelete = utils.withInstall(_sfc_main$Q);
+const XBasicButtonExport = utils.withInstall(_sfc_main$N);
+const XBasicButtonImport = utils.withInstall(_sfc_main$L);
+const XBasicButtonPrint = utils.withInstall(_sfc_main$K);
+const XBasicButtonDrop = utils.withInstall(_sfc_main$P);
+const XBasicButtonExportDrop = utils.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__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -4534,7 +4534,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)
-          ], 46, _hoisted_1$a), [
+          ], 46, _hoisted_1$b), [
             [vue.vShow, visible.value]
           ])
         ]),
@@ -4585,7 +4585,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = vue.createVNode(_sfc_main$I, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
+  const vm = vue.createVNode(_sfc_main$J, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
   vm.appContext = utils.isUndefined(context) ? notify._context : context;
   vm.props.onDestroy = () => {
     vue.render(null, container);
@@ -4643,7 +4643,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExportMax",
   props: {
     drop: { type: Boolean, default: true },
@@ -4728,7 +4728,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        __props.drop ? (vue.openBlock(), vue.createBlock(_sfc_main$O, vue.mergeProps({
+        __props.drop ? (vue.openBlock(), vue.createBlock(_sfc_main$P, vue.mergeProps({
           key: 0,
           icon: __props.icon,
           options: cOptions.value,
@@ -4780,11 +4780,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonExportMax = utils.withInstall(_sfc_main$H);
+const XBasicButtonExportMax = utils.withInstall(_sfc_main$I);
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -5137,7 +5137,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -5218,7 +5218,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: vue.unref(getWrapperClass) }, getBindValue.value), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$G, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$H, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -5239,7 +5239,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonGroup = utils.withInstall(_sfc_main$F);
+const XBasicButtonGroup = utils.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__ */ vue.defineComponent({
+const _hoisted_1$a = { class: "max-table-selection-count" };
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
   props: {
     layouts: {},
@@ -6526,7 +6526,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass(vue.unref(e)("selection-count"))
                       }, [
                         vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("max.basic.selected")), 1),
-                        vue.createElementVNode("span", _hoisted_1$9, vue.toDisplayString(vue.unref(getSelectRows)().length), 1),
+                        vue.createElementVNode("span", _hoisted_1$a, vue.toDisplayString(vue.unref(getSelectRows)().length), 1),
                         vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("max.basic.item")), 1)
                       ], 2)
                     ], 2)) : vue.createCommentVNode("", true),
@@ -6594,14 +6594,15 @@ vxeTable.VxeUI.formats.mixin(vxeTableFormatter);
 vxeTable.VxeUI.setConfig({
   zIndex: 2e3
 });
-const XBasicTable = utils.withInstall(_sfc_main$E);
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const XBasicTable = utils.withInstall(_sfc_main$F);
+const _sfc_main$E = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
     const { b: bm, e: em } = useNamespace("basic-button-import-max-modal");
     const { t } = useLocale();
     const tableDataCount = vue.ref(0);
+    const tableData = vue.ref([]);
     const { visible, show, hide } = useBasicDrawerModal({
       async onShow(context) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         await vue.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 = vue.computed(() => {
@@ -6667,9 +6670,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(em)("footer-left"))
             }, [
-              vue.createElementVNode("span", {
+              props.showPreviewCount ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
                 class: vue.normalizeClass(vue.unref(em)("preview-count"))
-              }, vue.toDisplayString(vue.unref(t)("max.import.totalCount")) + ": " + vue.toDisplayString(tableDataCount.value), 3)
+              }, vue.toDisplayString(vue.unref(t)("max.import.totalCount")) + ": " + vue.toDisplayString(tableDataCount.value), 3)) : vue.createCommentVNode("", true)
             ], 2),
             vue.createElementVNode("span", {
               class: vue.normalizeClass(vue.unref(em)("footer-right"))
@@ -6696,6 +6700,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
           ], 2)
         ]),
         default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "preview-table-before", {
+            count: tableDataCount.value,
+            data: tableData.value
+          }),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(em)("preview-table"))
           }, [
@@ -6703,9 +6711,13 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
               ref_key: "basicTableRef",
               ref: basicTableRef
             }), null, 16)
-          ], 2)
+          ], 2),
+          vue.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__ */ vue.defineComponent({
   }
 });
 const XBasicUpload = utils.withInstall(BasicUpload);
-const _hoisted_1$8 = { key: 0 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = { key: 0 };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonImportUploadModal",
   props: {
     width: {},
@@ -8430,7 +8442,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(em)("footer-left"))
             }, [
-              props.showCoverSwitch ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, [
+              props.showCoverSwitch ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$9, [
                 vue.createElementVNode("span", {
                   class: vue.normalizeClass([vue.unref(em)("footer-text"), { [vue.unref(em)("footer-text--checked")]: checked.value }])
                 }, vue.toDisplayString(vue.unref(t)("max.import.updateExisting")), 3),
@@ -8517,7 +8529,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonImportMax",
   props: {
     showTplButton: { type: Boolean, default: true },
@@ -8533,6 +8545,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     previewColumns: {},
     previewTableProps: {},
     previewTitle: {},
+    showPreviewCount: { type: Boolean },
     saveApi: {},
     beforeSaveInterceptor: {},
     beforeFetchSave: {},
@@ -8669,7 +8682,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             _: 3
           }, 16)
         ], 2),
-        vue.createVNode(_sfc_main$C, {
+        vue.createVNode(_sfc_main$D, {
           ref_key: "uploadModalRef",
           ref: uploadModalRef,
           width: props.width,
@@ -8678,22 +8691,38 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           onConfirm: onUploadConfirm,
           onDownloadTemplate: onExport
         }, null, 8, ["width", "show-tpl-button", "show-cover-switch"]),
-        vue.createVNode(_sfc_main$D, {
+        vue.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"])
+        }, vue.createSlots({ _: 2 }, [
+          _ctx.$slots["preview-table-before"] ? {
+            name: "preview-table-before",
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, "preview-table-before", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["preview-table-after"] ? {
+            name: "preview-table-after",
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, "preview-table-after", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["preview-width", "preview-columns", "preview-table-props", "preview-title", "show-preview-count"])
       ]);
     };
   }
 });
-const XBasicButtonImportMax = utils.withInstall(_sfc_main$B);
-const _hoisted_1$7 = ["title"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const XBasicButtonImportMax = utils.withInstall(_sfc_main$C);
+const _hoisted_1$8 = ["title"];
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -8731,7 +8760,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(basicTextClass.value),
         title: vue.unref(utils.isString)(vue.unref(mergedValueRef)) ? vue.unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$$, {
+        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$10, {
           key: 0,
           icon: __props.icon,
           class: vue.normalizeClass(__props.iconClass),
@@ -8740,12 +8769,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString(vue.unref(mergedValueRef)), 1)
         ])
-      ], 10, _hoisted_1$7);
+      ], 10, _hoisted_1$8);
     };
   }
 });
-const XBasicText = utils.withInstall(_sfc_main$A);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const XBasicText = utils.withInstall(_sfc_main$B);
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -8784,8 +8813,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCard = utils.withInstall(_sfc_main$z);
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const XBasicCard = utils.withInstall(_sfc_main$A);
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -8897,7 +8926,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = utils.withInstall(_sfc_main$y);
+const XBasicCascader = utils.withInstall(_sfc_main$z);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return vue.provide(basicCheckboxGroupKey, props);
@@ -8918,7 +8947,7 @@ const IconCheck = /* @__PURE__ */ vue.defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$x = vue.defineComponent({
+const _sfc_main$y = vue.defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -8946,7 +8975,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     vue.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__ */ vue.defineComponent({
   }
 });
 const XBasicCol = utils.withInstall(BasicCol);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -9680,8 +9709,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCountTo = utils.withInstall(_sfc_main$w);
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const XBasicCountTo = utils.withInstall(_sfc_main$x);
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -9741,7 +9770,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDatePicker = utils.withInstall(_sfc_main$v);
+const XBasicDatePicker = utils.withInstall(_sfc_main$w);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -9788,7 +9817,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -10091,7 +10120,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDragVerify = utils.withInstall(_sfc_main$u);
+const XBasicDragVerify = utils.withInstall(_sfc_main$v);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -10107,7 +10136,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -10153,8 +10182,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     });
   }
 });
-const XBasicHelp = utils.withInstall(_sfc_main$t);
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const XBasicHelp = utils.withInstall(_sfc_main$u);
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -10197,12 +10226,12 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTitle = utils.withInstall(_sfc_main$s);
-const _hoisted_1$6 = {
+const XBasicTitle = utils.withInstall(_sfc_main$t);
+const _hoisted_1$7 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -10336,7 +10365,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             !_ctx.$slots.footer ? {
               name: "footer",
               fn: vue.withCtx(() => [
-                __props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+                __props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
                   vue.renderSlot(_ctx.$slots, "before-footer"),
                   __props.showCancelBtn ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
                     key: 0,
@@ -10376,7 +10405,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDrawer = utils.withInstall(_sfc_main$r);
+const XBasicDrawer = utils.withInstall(_sfc_main$s);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return vue.provide(basicEditBatchKey, props);
@@ -10384,8 +10413,8 @@ const createBasicEditBatchContext = (props) => {
 const useBasicEditBatchContext = () => {
   return vue.inject(basicEditBatchKey);
 };
-const _hoisted_1$5 = ["disabled"];
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$6 = ["disabled"];
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -10441,11 +10470,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           _: 1
         }, 16, ["class", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "submitAfter")
-      ], 10, _hoisted_1$5);
+      ], 10, _hoisted_1$6);
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -10472,7 +10501,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicHidden = utils.withInstall(_sfc_main$p);
+const XBasicHidden = utils.withInstall(_sfc_main$q);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return vue.provide(basicRadioGroupKey, props);
@@ -10864,7 +10893,7 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRadioGroup = utils.withInstall(BasicRadioGroup);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -10990,7 +11019,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = utils.withInstall(_sfc_main$o);
+const XBasicSelect = utils.withInstall(_sfc_main$p);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", naiveUi.NInput);
 componentMap$1.set("InputNumber", naiveUi.NInputNumber);
@@ -11069,7 +11098,7 @@ function isComponentEditBatchSchema(schema) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -11807,7 +11836,7 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -11937,7 +11966,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             options: vue.unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -11954,7 +11983,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$q, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
+        vue.createVNode(_sfc_main$r, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
           vue.renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -11968,7 +11997,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicEditBatch = utils.withInstall(_sfc_main$m);
+const XBasicEditBatch = utils.withInstall(_sfc_main$n);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -12019,7 +12048,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return vue.inject(basicFormKey);
 };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -12149,7 +12178,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicMasterTrigger",
   props: {
     value: {},
@@ -12215,7 +12244,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicMasterTrigger = utils.withInstall(_sfc_main$k);
+const XBasicMasterTrigger = utils.withInstall(_sfc_main$l);
 const basicScrollTextProps = {
   /**
    * Text content
@@ -12226,7 +12255,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -12288,7 +12317,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = utils.withInstall(_sfc_main$j);
+const XBasicScrollText = utils.withInstall(_sfc_main$k);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", naiveUi.NInput);
 componentMap.set("InputNumber", naiveUi.NInputNumber);
@@ -12382,7 +12411,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -13495,7 +13524,7 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -13686,7 +13715,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "formHeader"),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$i, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$j, {
                     key: schema.field,
                     "is-advanced": vue.unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -13706,7 +13735,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                vue.createVNode(_sfc_main$l, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
+                vue.createVNode(_sfc_main$m, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
                   vue.renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -13727,8 +13756,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicForm = utils.withInstall(_sfc_main$h);
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const XBasicForm = utils.withInstall(_sfc_main$i);
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -13761,7 +13790,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = utils.withInstall(_sfc_main$g);
+const XBasicGradientTitle = utils.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__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -17823,7 +17852,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                             class: vue.normalizeClass(vue.unref(e)("scrollbar"))
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createElementVNode("ul", _hoisted_1$4, [
+                              vue.createElementVNode("ul", _hoisted_1$5, [
                                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pageList.value, (item, key2) => {
                                   return vue.openBlock(), vue.createElementBlock("li", {
                                     key: key2,
@@ -17890,7 +17919,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicIconPicker = utils.withInstall(_sfc_main$f);
+const XBasicIconPicker = utils.withInstall(_sfc_main$g);
 function useClipboard() {
   const copied = vue.ref(false);
   const copy = async (source) => {
@@ -19335,7 +19364,7 @@ function usePagination(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -19504,7 +19533,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicListPage = utils.withInstall(_sfc_main$e);
+const XBasicListPage = utils.withInstall(_sfc_main$f);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = vue.ref(false);
@@ -19773,7 +19802,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicModal",
   props: {
     title: {},
@@ -19956,8 +19985,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = utils.withInstall(_sfc_main$d);
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const XBasicModal = utils.withInstall(_sfc_main$e);
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -20057,8 +20086,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPage = utils.withInstall(_sfc_main$c);
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const XBasicPage = utils.withInstall(_sfc_main$d);
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -20095,7 +20124,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPanel = utils.withInstall(_sfc_main$b);
+const XBasicPanel = utils.withInstall(_sfc_main$c);
 const regionJson = {
   "110000": "北京市",
   "110100": "市辖区",
@@ -24102,7 +24131,7 @@ const BasicRow = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRow = utils.withInstall(BasicRow);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -24138,8 +24167,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = utils.withInstall(_sfc_main$a);
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const XBasicSubPanel = utils.withInstall(_sfc_main$b);
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -24164,209 +24193,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTag = utils.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__ */ vue.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 vue.createVNode(XBasicUpload, draggerProps, slots);
-    };
-  }
+const XBasicTag = utils.withInstall(_sfc_main$a);
+const _sfc_main$9 = vue.defineComponent({
+  name: "CLoadingIcon"
 });
-const XBasicUploadDragger = utils.withInstall(BasicUploadDragger);
-const _hoisted_1$3 = ["title"];
-const _hoisted_2$1 = ["title"];
-const _sfc_main$8 = /* @__PURE__ */ vue.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 = vue.ref();
-    const navScroll = vue.ref();
-    const scrollable = vue.ref(false);
-    const getClasses = vue.computed(() => {
-      return {
-        [b()]: true,
-        [is("fix")]: props.fixed
-      };
-    });
-    const getChangeStyle = vue.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 vue.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);
-    }
-    vue.onMounted(() => {
-      onElementResize();
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(getClasses.value),
-        style: vue.normalizeStyle(getChangeStyle.value)
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(e)("main"))
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "navWrap",
-            ref: navWrap,
-            class: vue.normalizeClass({ [vue.unref(is)("scrollable")]: scrollable.value, [vue.unref(e)("wrap")]: true })
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass({ [vue.unref(is)("hide")]: !scrollable.value, [vue.unref(e)("prev")]: true }),
-              title: vue.unref(t)("max.viewBar.prev"),
-              onClick: scrollPrev
-            }, [
-              vue.createVNode(vue.unref(XBasicSvgIcon), { icon: "ri:arrow-left-s-line" })
-            ], 10, _hoisted_1$3),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass({ [vue.unref(is)("hide")]: !scrollable.value, [vue.unref(e)("next")]: true }),
-              title: vue.unref(t)("max.viewBar.next"),
-              onClick: scrollNext
-            }, [
-              vue.createVNode(vue.unref(XBasicSvgIcon), { icon: "ri:arrow-right-s-line" })
-            ], 10, _hoisted_2$1),
-            vue.createElementVNode("div", {
-              ref_key: "navScroll",
-              ref: navScroll,
-              class: vue.normalizeClass(vue.unref(e)("scroll"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)
-          ], 2)
-        ], 2)
-      ], 6);
-    };
-  }
-});
-const XBasicViewBar = utils.withInstall(_sfc_main$8);
-const _sfc_main$7 = vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
     vue.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__ */ vue.defineComponent({
+const _hoisted_1$3 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
+const _hoisted_2$1 = ["draggable"];
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -24793,7 +24626,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.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)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
@@ -24858,7 +24691,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                   vue.createTextVNode(vue.toDisplayString(__props.data ? __props.data[__props.titleField] : ""), 1)
                 ], 64))
               ])
-            ], 16, _hoisted_2),
+            ], 16, _hoisted_2$1),
             __props.showRightArrow ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 2,
               class: vue.normalizeClass(vue.unref(expandCls))
@@ -24893,7 +24726,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeNode = utils.withInstall(_sfc_main$6);
+const XTreeNode = utils.withInstall(_sfc_main$8);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = vue.ref(false);
   const expandAnimationReady = vue.ref(false);
@@ -26343,7 +26176,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -26832,7 +26665,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTree = utils.withInstall(_sfc_main$5);
+const XTree = utils.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__ */ vue.defineComponent({
+const _hoisted_1$2 = ["placeholder", "disabled"];
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -27175,7 +27008,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                 placeholder: placeholder.value,
                 disabled: __props.searchDisabled,
                 onInput: handleSearch
-              }, null, 42, _hoisted_1), [
+              }, null, 42, _hoisted_1$2), [
                 [vue.vModelText, keyword.value]
               ])
             ])
@@ -27228,7 +27061,306 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeSearch = utils.withInstall(_sfc_main$4);
+const XTreeSearch = utils.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__ */ vue.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 = vue.ref(props.value);
+    vue.watch(
+      () => props.value,
+      (val) => {
+        innerValue.value = val;
+      },
+      { immediate: true }
+    );
+    const treeConfig = vue.computed(() => ({
+      immediate: true,
+      showLine: true,
+      defaultExpandAll: true,
+      keyField: "value",
+      titleField: "label",
+      selectable: true,
+      ...props.treeConfig || {}
+    }));
+    const treeArray = vue.ref([]);
+    const loading = vue.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 : lodashEs.get(res.data, listField);
+      resultItems = afterFetch ? await afterFetch(resultItems) : resultItems;
+      const tree = utils.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);
+    }
+    vue.onMounted(() => {
+      useTimeoutFn(() => {
+        vue.unref(props).immediate && fetch2();
+      }, 16);
+    });
+    const treeAction = {
+      getTreeData,
+      load: fetch2
+    };
+    __expose({
+      ...treeAction
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(b)())
+      }, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+          vue.createVNode(vue.unref(naiveUi.NSkeleton), {
+            text: "",
+            repeat: 8
+          })
+        ])) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(vue.unref(e)("wrapper"))
+        }, [
+          treeArray.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(XTreeSearch), vue.mergeProps({
+            key: 0,
+            modelValue: innerValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event)
+          }, treeConfig.value, { onSelectedChange: handleSelect }), null, 16, ["modelValue"])) : vue.createCommentVNode("", true)
+        ], 2))
+      ], 2);
+    };
+  }
+});
+const XBasicTree = utils.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__ */ vue.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 vue.createVNode(XBasicUpload, draggerProps, slots);
+    };
+  }
+});
+const XBasicUploadDragger = utils.withInstall(BasicUploadDragger);
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
+const _sfc_main$4 = /* @__PURE__ */ vue.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 = vue.ref();
+    const navScroll = vue.ref();
+    const scrollable = vue.ref(false);
+    const getClasses = vue.computed(() => {
+      return {
+        [b()]: true,
+        [is("fix")]: props.fixed
+      };
+    });
+    const getChangeStyle = vue.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 vue.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);
+    }
+    vue.onMounted(() => {
+      onElementResize();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(getClasses.value),
+        style: vue.normalizeStyle(getChangeStyle.value)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(e)("main"))
+        }, [
+          vue.createElementVNode("div", {
+            ref_key: "navWrap",
+            ref: navWrap,
+            class: vue.normalizeClass({ [vue.unref(is)("scrollable")]: scrollable.value, [vue.unref(e)("wrap")]: true })
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass({ [vue.unref(is)("hide")]: !scrollable.value, [vue.unref(e)("prev")]: true }),
+              title: vue.unref(t)("max.viewBar.prev"),
+              onClick: scrollPrev
+            }, [
+              vue.createVNode(vue.unref(XBasicSvgIcon), { icon: "ri:arrow-left-s-line" })
+            ], 10, _hoisted_1),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass({ [vue.unref(is)("hide")]: !scrollable.value, [vue.unref(e)("next")]: true }),
+              title: vue.unref(t)("max.viewBar.next"),
+              onClick: scrollNext
+            }, [
+              vue.createVNode(vue.unref(XBasicSvgIcon), { icon: "ri:arrow-right-s-line" })
+            ], 10, _hoisted_2),
+            vue.createElementVNode("div", {
+              ref_key: "navScroll",
+              ref: navScroll,
+              class: vue.normalizeClass(vue.unref(e)("scroll"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+const XBasicViewBar = utils.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,
@@ -28122,6 +28255,7 @@ exports.XBasicTable = XBasicTable;
 exports.XBasicTag = XBasicTag;
 exports.XBasicText = XBasicText;
 exports.XBasicTitle = XBasicTitle;
+exports.XBasicTree = XBasicTree;
 exports.XBasicTriggerButton = XBasicTriggerButton;
 exports.XBasicUpload = XBasicUpload;
 exports.XBasicUploadDragger = XBasicUploadDragger;