xrk-components 2.0.0-beta.99 → 3.0.0

package/lib/index.umd.js

@@ -71497,8 +71497,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$F.__file = "packages/base/button/button.vue";
 
   var _hoisted_1$i = /*#__PURE__*/ vue.createTextVNode("更多");
-  var _hoisted_2$b = { class: "btn-group" };
-  var _hoisted_3$a = ["onClick"];
+  var _hoisted_2$c = ["onClick"];
   var __default__$C = {
       name: 'base-button-more'
   };
@@ -71508,13 +71507,20 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           trigger: { type: String, required: false, default: 'click' },
           maxCount: { type: Number, required: false },
           notRepeatShow: { type: Boolean, required: false, default: true },
-          type: { type: null, required: false, default: 'primary2' }
+          type: { type: null, required: false, default: 'primary' }
       }, setup: function (__props) {
           var props = __props;
           var popoverRef = vue.ref();
           var showMore = vue.ref(false);
           var showMoreStartIndex = vue.ref(0);
           var btnsRef = vue.ref();
+          var btnGroupStyle = vue.computed(function () {
+              return {
+                  style: {
+                      '--item-hover-color': "var(--xrk-color-".concat(props.type, ")")
+                  }
+              };
+          });
           vue.onMounted(function () {
               var _a, _b;
               var btns = (_a = btnsRef.value) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.xrk-button');
@@ -71605,7 +71611,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                               }, 8 /* PROPS */, ["type"])
                           ]; }),
                           default: vue.withCtx(function () { return [
-                              vue.createElementVNode("div", _hoisted_2$b, [
+                              vue.createElementVNode("div", vue.mergeProps({ class: "btn-group" }, vue.unref(btnGroupStyle)), [
                                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.btns.slice(showMoreStartIndex.value), function (btn, index) {
                                       return (vue.openBlock(), vue.createElementBlock("div", {
                                           class: vue.normalizeClass(["btn", { disabled: btn.disabled }]),
@@ -71617,9 +71623,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                               (_b = (_a = popoverRef.value) === null || _a === void 0 ? void 0 : _a.hide) === null || _b === void 0 ? void 0 : _b.call(_a);
                                               (_c = (btn.onClick || btn.click)) === null || _c === void 0 ? void 0 : _c();
                                           }
-                                      }, vue.toDisplayString(btn.content), 11 /* TEXT, CLASS, PROPS */, _hoisted_3$a));
+                                      }, vue.toDisplayString(btn.content), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$c));
                                   }), 128 /* KEYED_FRAGMENT */))
-                              ])
+                              ], 16 /* FULL_PROPS */)
                           ]; }),
                           _: 1 /* STABLE */
                       }, 8 /* PROPS */, ["trigger"]))
@@ -71829,7 +71835,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       key: 0,
       style: { "width": "100%", "height": "100%" }
   };
-  var _hoisted_2$a = {
+  var _hoisted_2$b = {
       key: 0,
       style: { "position": "absolute", "width": "100%", "height": "100%", "left": "0", "top": "0" }
   };
@@ -72038,7 +72044,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   var _a;
                                   return [
                                       ((_a = vue.unref(slots)) === null || _a === void 0 ? void 0 : _a.default)
-                                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
+                                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
                                               vue.renderSlot(_ctx.$slots, "default", {
                                                   slotScope: { activeIndex: activeIndex.value }
                                               })
@@ -72727,12 +72733,24 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               if ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.length) > 600)
                   return 'base-tool-tip-1200';
           };
+          function textFits(text, element) {
+              var canvas = document.createElement('canvas');
+              var ctx = canvas.getContext('2d');
+              ctx.font = window.getComputedStyle(element, null).getPropertyValue('font');
+              var textWidth = ctx.measureText(text).width;
+              var elementWidth = element.offsetWidth;
+              return textWidth <= elementWidth;
+          }
           var handleMouseMove = function () {
               var _a, _b;
               if (((_a = toolTipDefault.value) === null || _a === void 0 ? void 0 : _a.tagName) && ((_b = toolTipDefaultContent.value) === null || _b === void 0 ? void 0 : _b.tagName)) {
-                  var _c = toolTipDefault.value, offsetWidth = _c.offsetWidth, offsetHeight = _c.offsetHeight;
-                  var _d = toolTipDefaultContent.value, childOffsetWidth = _d.offsetWidth, childOffsetHeight = _d.offsetHeight;
-                  _overShow.value = !(offsetWidth < childOffsetWidth || offsetHeight < childOffsetHeight);
+                  // const { offsetWidth, offsetHeight } = toolTipDefault.value;
+                  // const { offsetWidth: childOffsetWidth, offsetHeight: childOffsetHeight } =
+                  //   toolTipDefaultContent.value;
+                  // _overShow.value = !(
+                  //   offsetWidth < childOffsetWidth || offsetHeight < childOffsetHeight
+                  // );
+                  _overShow.value = textFits(_content.value, toolTipDefault.value);
               }
           };
           return function (_ctx, _cache) {
@@ -73131,7 +73149,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   var _withScopeId$5 = function (n) { return (vue.pushScopeId("data-v-13bddb91"), n = n(), vue.popScopeId(), n); };
   var _hoisted_1$e = ["src"];
-  var _hoisted_2$9 = /*#__PURE__*/ _withScopeId$5(function () {  return vue.createElementVNode("svg", {
+  var _hoisted_2$a = /*#__PURE__*/ _withScopeId$5(function () {  return vue.createElementVNode("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       "xmlns:xlink": "http://www.w3.org/1999/xlink",
       fill: "none",
@@ -73323,7 +73341,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                       size: __props.imageSize
                                   }, {
                                       default: vue.withCtx(function () { return [
-                                          _hoisted_2$9
+                                          _hoisted_2$a
                                       ]; }),
                                       _: 1 /* STABLE */
                                   }, 8 /* PROPS */, ["size"]))
@@ -73455,7 +73473,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           placeholder: { type: String, required: false },
           filterable: { type: Boolean, required: false },
           allowCreate: { type: Boolean, required: false },
-          fitInputWidth: { type: Boolean, required: false, default: true },
+          fitInputWidth: { type: Boolean, required: false, default: false },
           filterMethod: { type: Function, required: false },
           maxlength: { type: Number, required: false, default: 50 },
           remoteMethod: { type: Function, required: false },
@@ -73541,6 +73559,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                       case 1:
                           _b.trys.push([1, 3, , 4]);
                           loading.value = true;
+                          _options.value = [];
                           return [4 /*yield*/, ((_a = props.remoteMethod) === null || _a === void 0 ? void 0 : _a.call(props, val))];
                       case 2:
                           res = _b.sent();
@@ -74252,13 +74271,50 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$k.__scopeId = "data-v-17eda5db";
   script$k.__file = "packages/base/form/form-item.vue";
 
-  var _withScopeId$4 = function (n) { return (vue.pushScopeId("data-v-a1781a06"), n = n(), vue.popScopeId(), n); };
-  var _hoisted_1$c = { class: "btn-group-left" };
-  var _hoisted_2$8 = {
+  function useResponsiveColumns(identification, columnNum, fixedColumnsNum) {
+      var resizeObserver = null;
+      var widthToColumnMap = [
+          { maxWidth: 500, columns: 1 },
+          { maxWidth: 800, columns: 2 },
+          { maxWidth: 1000, columns: 3 },
+          { maxWidth: 1300, columns: 4 },
+          { maxWidth: Infinity, columns: 5 }
+      ];
+      var updateColumns = function () {
+          // 使用ResizeObserver替代window.resize事件
+          var dom = document.querySelector(".xrk-search_".concat(identification));
+          if (!dom)
+              return;
+          var width = dom.offsetWidth;
+          var target = widthToColumnMap.find(function (item) { return width <= item.maxWidth; });
+          columnNum.value = (target === null || target === void 0 ? void 0 : target.columns) || 5;
+      };
+      var clearResponsive = function () {
+          resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+          resizeObserver = null;
+      };
+      vue.onMounted(function () {
+          clearResponsive();
+          vue.nextTick(function () {
+              if (!fixedColumnsNum) {
+                  resizeObserver = new ResizeObserver(updateColumns);
+                  var dom = document.querySelector(".xrk-search_".concat(identification));
+                  if (dom)
+                      resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(dom);
+              }
+          });
+      });
+      vue.onUnmounted(function () {
+          clearResponsive();
+      });
+  }
+
+  var _hoisted_1$c = { class: "btn-group" };
+  var _hoisted_2$9 = { class: "btn-group-left" };
+  var _hoisted_3$8 = {
       key: 0,
       class: "btn-group-right"
   };
-  var _hoisted_3$8 = /*#__PURE__*/ _withScopeId$4(function () {  return vue.createElementVNode("div", { style: { "clear": "both" } }, null, -1 /* HOISTED */); });
   var __default__$h = {
       name: 'xrk-search'
   };
@@ -74275,28 +74331,25 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               }); } },
           otherComponents: { type: null, required: false },
           syncQueryToSearch: { type: Boolean, required: false },
-          syncSearchToQuery: { type: Boolean, required: false }
+          syncSearchToQuery: { type: Boolean, required: false },
+          fixedColumnsNum: { type: Number, required: false }
       }, emits: ["search"], setup: function (__props, _a) {
           var _this = this;
           var expose = _a.expose, emits = _a.emit;
           var _props = __props;
           var props = _props;
+          var identification = vue.ref(Date.now());
           var searchFormRef = vue.ref();
           var searchBtn = vue.computed(function () { return (__assign({ text: '搜索', show: true }, props.searchBtn)); });
           var resetBtn = vue.computed(function () { return (__assign({ text: '重置', show: true }, props.resetBtn)); });
-          var columnNum = vue.ref(5);
+          var columnNum = vue.ref((props === null || props === void 0 ? void 0 : props.fixedColumnsNum) || 5);
+          useResponsiveColumns(identification.value, columnNum, props === null || props === void 0 ? void 0 : props.fixedColumnsNum);
           var searchStyle = vue.computed(function () {
               return {
                   '--column-num': columnNum.value,
                   '--column-len': props.columns.length
               };
           });
-          var btnsFixed = vue.computed(function () {
-              var _a, _b;
-              if (!((_a = props === null || props === void 0 ? void 0 : props.otherComponents) === null || _a === void 0 ? void 0 : _a.length))
-                  return false;
-              return (_b = props === null || props === void 0 ? void 0 : props.otherComponents) === null || _b === void 0 ? void 0 : _b.some(function (item) { return (item === null || item === void 0 ? void 0 : item.fixed) === 'right'; });
-          });
           var isExpand = vue.ref(false);
           var getCurrentColumns = vue.computed(function () {
               var _a;
@@ -74321,7 +74374,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   placeholder: "".concat(_getPleaseText(column.type)).concat(column.label || '')
               };
               if (column.type === 'datePicker') {
-                  defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: "".concat(column.label, "\u59CB"), endPlaceholder: "".concat(column.label, "\u6B62") });
+                  defaultConfig = __assign(__assign({}, defaultConfig), { startPlaceholder: '开始时间', endPlaceholder: '结束时间' });
               }
               return defaultConfig;
           };
@@ -74440,12 +74493,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               handleResetClick: handleResetClick
           });
           return function (_ctx, _cache) {
-              var _a, _b, _c, _d, _e, _f;
+              var _a;
+              var _b, _c, _d;
               return (vue.openBlock(), vue.createElementBlock("div", {
-                  class: vue.normalizeClass(["xrk-search", {
-                          'xrk-search-line': ((_a = __props.columns) === null || _a === void 0 ? void 0 : _a.length) && ((_b = __props.columns) === null || _b === void 0 ? void 0 : _b.length) < columnNum.value
-                      }]),
-                  style: vue.normalizeStyle(__assign({ marginBottom: ((_c = __props.columns) === null || _c === void 0 ? void 0 : _c.length) ? '16px' : 0 }, vue.unref(searchStyle)))
+                  class: vue.normalizeClass(["xrk-search", (_a = {}, _a["xrk-search_".concat(identification.value)] = true, _a)]),
+                  style: vue.normalizeStyle(__assign({ marginBottom: ((_b = __props.columns) === null || _b === void 0 ? void 0 : _b.length) ? '16px' : 0 }, vue.unref(searchStyle)))
               }, [
                   vue.createVNode(script$b, {
                       model: searchValue,
@@ -74481,26 +74533,18 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                       ]; }),
                       _: 1 /* STABLE */
                   }, 8 /* PROPS */, ["model"]),
-                  vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["btn-group", {
-                              fixed: vue.unref(btnsFixed)
-                          }]),
-                      style: vue.normalizeStyle({
-                          marginTop: ((_d = __props.columns) === null || _d === void 0 ? void 0 : _d.length) ? '24px' : 0
-                      })
-                  }, [
-                      vue.createElementVNode("div", _hoisted_1$c, [
+                  vue.createElementVNode("div", _hoisted_1$c, [
+                      vue.createElementVNode("div", _hoisted_2$9, [
                           (vue.unref(searchBtn).show)
                               ? (vue.openBlock(), vue.createBlock(script$F, {
                                   key: 0,
-                                  click: handleSearchClick,
-                                  icon: vue.unref(search_default)
+                                  click: handleSearchClick
                               }, {
                                   default: vue.withCtx(function () { return [
                                       vue.createTextVNode(vue.toDisplayString(vue.unref(searchBtn).text), 1 /* TEXT */)
                                   ]; }),
                                   _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["icon"]))
+                              }))
                               : vue.createCommentVNode("v-if", true),
                           (vue.unref(resetBtn).show)
                               ? (vue.openBlock(), vue.createBlock(script$F, {
@@ -74515,7 +74559,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   _: 1 /* STABLE */
                               }))
                               : vue.createCommentVNode("v-if", true),
-                          (__props.columns && ((_e = __props.columns) === null || _e === void 0 ? void 0 : _e.length) > columnNum.value * 2)
+                          (__props.columns && ((_c = __props.columns) === null || _c === void 0 ? void 0 : _c.length) > columnNum.value * 2)
                               ? (vue.openBlock(), vue.createBlock(script$F, {
                                   key: 2,
                                   type: "default",
@@ -74539,21 +74583,29 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                               }))
                               : vue.createCommentVNode("v-if", true)
                       ]),
-                      ((_f = __props.otherComponents) === null || _f === void 0 ? void 0 : _f.length)
-                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
-                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.otherComponents, function (_a, index) {
-                                  var render = _a.render, fixed = _a.fixed;
-                                  return (vue.openBlock(), vue.createBlock(vue.unref(BaseSearchRender), {
-                                      render: render,
-                                      key: index,
-                                      style: vue.normalizeStyle({ float: fixed || 'none' })
-                                  }, null, 8 /* PROPS */, ["render", "style"]));
-                              }), 128 /* KEYED_FRAGMENT */)),
-                              vue.createCommentVNode(" 清除浮动 "),
-                              _hoisted_3$8
+                      ((_d = __props.otherComponents) === null || _d === void 0 ? void 0 : _d.length)
+                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
+                              vue.createElementVNode("div", null, [
+                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.otherComponents.filter(function (item) { return !item.fixed || item.fixed === 'left'; }), function (_a, index) {
+                                      var render = _a.render;
+                                      return (vue.openBlock(), vue.createBlock(vue.unref(BaseSearchRender), {
+                                          render: render,
+                                          key: index
+                                      }, null, 8 /* PROPS */, ["render"]));
+                                  }), 128 /* KEYED_FRAGMENT */))
+                              ]),
+                              vue.createElementVNode("div", null, [
+                                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.otherComponents.filter(function (item) { return item.fixed === 'right'; }), function (_a, index) {
+                                      var render = _a.render;
+                                      return (vue.openBlock(), vue.createBlock(vue.unref(BaseSearchRender), {
+                                          render: render,
+                                          key: index
+                                      }, null, 8 /* PROPS */, ["render"]));
+                                  }), 128 /* KEYED_FRAGMENT */))
+                              ])
                           ]))
                           : vue.createCommentVNode("v-if", true)
-                  ], 6 /* CLASS, STYLE */)
+                  ])
               ], 6 /* CLASS, STYLE */));
           };
       } }));
@@ -74725,28 +74777,31 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           fitInputWidth: { type: Boolean, required: false },
           popperAppendToBody: { type: Boolean, required: false }
       }, emits: ["update:modelValue", "input"], setup: function (__props, _a) {
-          var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
           var expose = _a.expose, emits = _a.emit;
           var props = __props;
           var BaseAutocompleteRef = vue.ref();
+          vue.onMounted(function () {
+              console.log(BaseAutocompleteRef.value, 'BaseAutocompleteRef');
+          });
           var handleInput = function (value) {
               emits('update:modelValue', value);
               emits('input', value);
           };
           expose({
-              activated: (_b = BaseAutocompleteRef.value) === null || _b === void 0 ? void 0 : _b.activated,
-              blur: (_c = BaseAutocompleteRef.value) === null || _c === void 0 ? void 0 : _c.blur,
-              close: (_d = BaseAutocompleteRef.value) === null || _d === void 0 ? void 0 : _d.close,
-              focus: (_e = BaseAutocompleteRef.value) === null || _e === void 0 ? void 0 : _e.focus,
-              handleSelect: (_f = BaseAutocompleteRef.value) === null || _f === void 0 ? void 0 : _f.handleSelect,
-              handleKeyEnter: (_g = BaseAutocompleteRef.value) === null || _g === void 0 ? void 0 : _g.handleKeyEnter,
-              highlightedIndex: (_h = BaseAutocompleteRef.value) === null || _h === void 0 ? void 0 : _h.highlightedIndex,
-              highlight: (_j = BaseAutocompleteRef.value) === null || _j === void 0 ? void 0 : _j.highlight,
-              inputRef: (_k = BaseAutocompleteRef.value) === null || _k === void 0 ? void 0 : _k.inputRef,
-              loading: (_l = BaseAutocompleteRef.value) === null || _l === void 0 ? void 0 : _l.loading,
-              popperRef: (_m = BaseAutocompleteRef.value) === null || _m === void 0 ? void 0 : _m.popperRef,
-              suggestions: (_o = BaseAutocompleteRef.value) === null || _o === void 0 ? void 0 : _o.suggestions,
-              getData: (_p = BaseAutocompleteRef.value) === null || _p === void 0 ? void 0 : _p.getData
+              activated: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.activated; },
+              blur: function () { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a); },
+              close: function () { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.close) === null || _b === void 0 ? void 0 : _b.call(_a); },
+              focus: function () { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a); },
+              handleSelect: function (item) { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.handleSelect) === null || _b === void 0 ? void 0 : _b.call(_a, item); },
+              handleKeyEnter: function () { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.handleKeyEnter) === null || _b === void 0 ? void 0 : _b.call(_a); },
+              highlightedIndex: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.highlightedIndex; },
+              highlight: function (index) { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.highlight) === null || _b === void 0 ? void 0 : _b.call(_a, index); },
+              inputRef: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.inputRef; },
+              loading: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.loading; },
+              popperRef: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.popperRef; },
+              suggestions: function () { var _a; return (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.suggestions; },
+              getData: function (queryString) { var _a, _b; return (_b = (_a = BaseAutocompleteRef.value) === null || _a === void 0 ? void 0 : _a.getData) === null || _b === void 0 ? void 0 : _b.call(_a, queryString); },
+              getBaseAutocompleteRef: function () { return BaseAutocompleteRef.value; }
           });
           return function (_ctx, _cache) {
               return (vue.openBlock(), vue.createBlock(vue.unref(ElAutocomplete), vue.mergeProps({
@@ -74794,7 +74849,88 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   var BaseTextTitle = script$g;
   var BaseTextContent = script$f;
 
-  var _hoisted_1$9 = { key: 1 };
+  function useResponsiveScroll() {
+      var dialogDom = vue.ref();
+      var dialogBodyDom = vue.ref();
+      var dialogBodyContentDom = vue.ref();
+      var identification = vue.ref(Date.now());
+      var showBoxShadow = vue.ref(false);
+      var resizeObserver = null;
+      /**
+       * 滚动条是否触底
+       * @param bodyDom
+       * @returns
+       */
+      var isScrolledToBottom = function (bodyDom) {
+          var _a, _b;
+          return (Math.ceil(Math.max(+bodyDom.offsetHeight, +((_b = (_a = bodyDom === null || bodyDom === void 0 ? void 0 : bodyDom.getBoundingClientRect) === null || _a === void 0 ? void 0 : _a.call(bodyDom)) === null || _b === void 0 ? void 0 : _b.height)) + bodyDom.scrollTop) < bodyDom.scrollHeight);
+      };
+      /**
+       * 实时监测滚动，设置底部阴影
+       */
+      var handleScroll = function () {
+          showBoxShadow.value = isScrolledToBottom(dialogBodyDom.value);
+      };
+      /**
+       * 检测内容高度变化，设置底部阴影
+       */
+      var checkScrollHeight = function () {
+          var _a, _b;
+          var bodyDom = dialogBodyDom.value;
+          // 是否有滚动条
+          var hasScroll = Math.ceil(Math.max(+bodyDom.offsetHeight, +((_b = (_a = bodyDom === null || bodyDom === void 0 ? void 0 : bodyDom.getBoundingClientRect) === null || _a === void 0 ? void 0 : _a.call(bodyDom)) === null || _b === void 0 ? void 0 : _b.height))) !== bodyDom.scrollHeight;
+          if (hasScroll) {
+              showBoxShadow.value = isScrolledToBottom(bodyDom);
+              if (!bodyDom.scrollListenerAdded) {
+                  bodyDom.scrollListenerAdded = true;
+                  bodyDom.addEventListener('scroll', handleScroll);
+              }
+          }
+          else {
+              showBoxShadow.value = false;
+              bodyDom.scrollListenerAdded = false;
+              bodyDom.removeEventListener('scroll', handleScroll);
+          }
+      };
+      var clearResizeObserver = function () {
+          var _a, _b;
+          resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+          resizeObserver = null;
+          if (dialogBodyDom.value) {
+              showBoxShadow.value = false;
+              dialogBodyDom.value.scrollListenerAdded = false;
+              (_b = (_a = dialogBodyDom.value).removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'scroll', handleScroll);
+          }
+      };
+      var initResizeObserver = function () {
+          clearResizeObserver();
+          vue.onMounted(function () {
+              vue.nextTick(function () {
+                  var _a, _b;
+                  var dom = document.querySelector(".base-dialog_".concat(identification.value));
+                  if (!dom)
+                      return;
+                  dialogDom.value = dom;
+                  dialogBodyDom.value = (_a = dialogDom.value) === null || _a === void 0 ? void 0 : _a.querySelector('.xrk-dialog__body');
+                  dialogBodyContentDom.value = (_b = dialogDom.value) === null || _b === void 0 ? void 0 : _b.querySelector('.xrk-dialog__body__content');
+                  resizeObserver = new ResizeObserver(checkScrollHeight);
+                  if (dialogBodyContentDom.value) {
+                      resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(dialogBodyContentDom.value);
+                  }
+              });
+          });
+      };
+      vue.onUnmounted(function () { return clearResizeObserver(); });
+      return {
+          showBoxShadow: showBoxShadow,
+          identification: identification,
+          initResizeObserver: initResizeObserver,
+          clearResizeObserver: clearResizeObserver
+      };
+  }
+
+  var _hoisted_1$9 = { class: "xrk-dialog__body__content" };
+  var _hoisted_2$8 = { key: 1 };
   var __default__$e = {
       name: 'base-dialog'
   };
@@ -74826,9 +74962,18 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var _props = __props;
           var props = _props;
           var slots = vue.useSlots();
+          var _b = useResponsiveScroll(), identification = _b.identification, showBoxShadow = _b.showBoxShadow, initResizeObserver = _b.initResizeObserver, clearResizeObserver = _b.clearResizeObserver;
           var show = vue.ref(props.modelValue || false);
           vue.watch(function () { return props.modelValue; }, function (newV) {
               show.value = newV || false;
+              if (show.value) {
+                  initResizeObserver();
+              }
+              else {
+                  clearResizeObserver();
+              }
+          }, {
+              immediate: true
           });
           var BaseDialogRender = vue.defineComponent({
               name: 'dialog-render',
@@ -74858,6 +75003,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                           done();
                           _a.label = 3;
                       case 3:
+                          clearResizeObserver();
                           emits('close');
                           return [2 /*return*/];
                   }
@@ -74881,6 +75027,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                           show.value = false;
                           _a.label = 3;
                       case 3:
+                          clearResizeObserver();
                           emits('close');
                           return [2 /*return*/];
                   }
@@ -74901,6 +75048,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                           show.value = false;
                           _a.label = 3;
                       case 3:
+                          clearResizeObserver();
                           emits('close');
                           return [2 /*return*/];
                   }
@@ -74911,7 +75059,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   class: vue.normalizeClass([
                       __props.customClass || '',
                       __props.showFooter ? '' : 'hide-footer',
-                      !__props.title && !__props.titleRender && !vue.unref(slots).header ? 'hide-title' : ''
+                      !__props.title && !__props.titleRender && !vue.unref(slots).header ? 'hide-title' : '',
+                      "base-dialog_".concat(vue.unref(identification)),
+                      vue.unref(showBoxShadow) ? 'xrk-dialog-has-scrollbar' : ''
                   ].join(' ')),
                   modelValue: show.value,
                   closeOnClickModal: __props.closeOnClickModal,
@@ -74950,7 +75100,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   render: __props.footerRender
                               }, null, 8 /* PROPS */, ["render"]))
                               : (__props.showFooter)
-                                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+                                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
                                       ('show' in __props.cancelBtnConfig ? __props.cancelBtnConfig.show : true)
                                           ? (vue.openBlock(), vue.createBlock(vue.unref(BaseButton), vue.mergeProps({
                                               key: 0,
@@ -74976,21 +75126,23 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                       ]; })
                   ]; }),
                   default: vue.withCtx(function () { return [
-                      vue.renderSlot(_ctx.$slots, "default", {}, function () { return [
-                          (__props.contentRender)
-                              ? (vue.openBlock(), vue.createBlock(vue.unref(BaseDialogRender), {
-                                  key: 0,
-                                  render: __props.contentRender
-                              }, null, 8 /* PROPS */, ["render"]))
-                              : (__props.content)
-                                  ? (vue.openBlock(), vue.createBlock(vue.unref(BaseTextContent), { key: 1 }, {
-                                      default: vue.withCtx(function () { return [
-                                          vue.createTextVNode(vue.toDisplayString(__props.content), 1 /* TEXT */)
-                                      ]; }),
-                                      _: 1 /* STABLE */
-                                  }))
-                                  : vue.createCommentVNode("v-if", true)
-                      ]; })
+                      vue.createElementVNode("div", _hoisted_1$9, [
+                          vue.renderSlot(_ctx.$slots, "default", {}, function () { return [
+                              (__props.contentRender)
+                                  ? (vue.openBlock(), vue.createBlock(vue.unref(BaseDialogRender), {
+                                      key: 0,
+                                      render: __props.contentRender
+                                  }, null, 8 /* PROPS */, ["render"]))
+                                  : (__props.content)
+                                      ? (vue.openBlock(), vue.createBlock(vue.unref(BaseTextContent), { key: 1 }, {
+                                          default: vue.withCtx(function () { return [
+                                              vue.createTextVNode(vue.toDisplayString(__props.content), 1 /* TEXT */)
+                                          ]; }),
+                                          _: 1 /* STABLE */
+                                      }))
+                                      : vue.createCommentVNode("v-if", true)
+                          ]; })
+                      ])
                   ]; }),
                   _: 3 /* FORWARDED */
               }, 8 /* PROPS */, ["class", "modelValue", "closeOnClickModal", "closeOnPressEscape", "appendToBody", "destroyOnClose", "center", "align-center", "width", "showClose"]));
@@ -75078,7 +75230,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       _hoisted_3$7,
       _hoisted_4$6
   ];
-  var _hoisted_6$4 = {
+  var _hoisted_6$5 = {
       key: 1,
       width: "200px",
       height: "200px",
@@ -75086,27 +75238,27 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg"
   };
-  var _hoisted_7$4 = /*#__PURE__*/ vue.createElementVNode("path", {
+  var _hoisted_7$5 = /*#__PURE__*/ vue.createElementVNode("path", {
       d: "M967.111111 281.6V910.222222c0 62.862222-50.915556 113.777778-113.777778 113.777778H170.666667c-62.862222 0-113.777778-50.915556-113.777778-113.777778V113.777778c0-62.862222 50.915556-113.777778 113.777778-113.777778h514.844444L967.111111 281.6z",
       fill: "#C386F0"
   }, null, -1 /* HOISTED */);
-  var _hoisted_8$4 = /*#__PURE__*/ vue.createElementVNode("path", {
+  var _hoisted_8$5 = /*#__PURE__*/ vue.createElementVNode("path", {
       d: "M284.444444 398.222222m42.666667 0l298.666667 0q42.666667 0 42.666666 42.666667l0 234.666667q0 42.666667-42.666666 42.666666l-298.666667 0q-42.666667 0-42.666667-42.666666l0-234.666667q0-42.666667 42.666667-42.666667Z",
       fill: "#FFFFFF"
   }, null, -1 /* HOISTED */);
-  var _hoisted_9$3 = /*#__PURE__*/ vue.createElementVNode("path", {
+  var _hoisted_9$4 = /*#__PURE__*/ vue.createElementVNode("path", {
       d: "M738.417778 457.841778a31.971556 31.971556 0 0 1 48.014222 27.676444v154.538667c0 24.632889-26.652444 40.021333-47.985778 27.704889L684.430222 636.586667V488.96z",
       fill: "#FFFFFF"
   }, null, -1 /* HOISTED */);
-  var _hoisted_10$3 = /*#__PURE__*/ vue.createElementVNode("path", {
+  var _hoisted_10$4 = /*#__PURE__*/ vue.createElementVNode("path", {
       d: "M685.511111 167.822222V0L967.111111 281.6H799.288889c-62.862222 0-113.777778-50.915556-113.777778-113.777778",
       fill: "#A15FDE"
   }, null, -1 /* HOISTED */);
   var _hoisted_11$2 = [
-      _hoisted_7$4,
-      _hoisted_8$4,
-      _hoisted_9$3,
-      _hoisted_10$3
+      _hoisted_7$5,
+      _hoisted_8$5,
+      _hoisted_9$4,
+      _hoisted_10$4
   ];
   var _hoisted_12$2 = {
       key: 2,
@@ -75363,7 +75515,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                       (vue.unref(isExcel))
                           ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_5$6))
                           : (vue.unref(isVideo))
-                              ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$4, _hoisted_11$2))
+                              ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_6$5, _hoisted_11$2))
                               : (vue.unref(isPdf))
                                   ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12$2, _hoisted_16))
                                   : (vue.unref(isImg))
@@ -75458,9 +75610,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       ElMessage.closeAll(type);
   };
 
-  var _withScopeId$3 = function (n) { return (vue.pushScopeId("data-v-75b461d5"), n = n(), vue.popScopeId(), n); };
+  var _withScopeId$4 = function (n) { return (vue.pushScopeId("data-v-75b461d5"), n = n(), vue.popScopeId(), n); };
   var _hoisted_1$7 = { class: "base-upload" };
-  var _hoisted_2$6 = /*#__PURE__*/ _withScopeId$3(function () {  return vue.createElementVNode("svg", {
+  var _hoisted_2$6 = /*#__PURE__*/ _withScopeId$4(function () {  return vue.createElementVNode("svg", {
       viewBox: "0 0 1024 1024",
       xmlns: "http://www.w3.org/2000/svg"
   }, [
@@ -75469,17 +75621,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           d: "M544 864V672h128L512 480 352 672h128v192H320v-1.6c-5.376.32-10.496 1.6-16 1.6A240 240 0 0 1 64 624c0-123.136 93.12-223.488 212.608-237.248A239.808 239.808 0 0 1 512 192a239.872 239.872 0 0 1 235.456 194.752c119.488 13.76 212.48 114.112 212.48 237.248a240 240 0 0 1-240 240c-5.376 0-10.56-1.28-16-1.6v1.6H544z"
       })
   ], -1 /* HOISTED */); });
-  var _hoisted_3$6 = /*#__PURE__*/ _withScopeId$3(function () {  return vue.createElementVNode("div", { class: "xrk-upload__text" }, [
+  var _hoisted_3$6 = /*#__PURE__*/ _withScopeId$4(function () {  return vue.createElementVNode("div", { class: "xrk-upload__text" }, [
       /*#__PURE__*/ vue.createTextVNode(" 将文件拖到此处，或 "),
       /*#__PURE__*/ vue.createElementVNode("em", null, "点击上传")
   ], -1 /* HOISTED */); });
   var _hoisted_4$5 = { class: "xrk-upload__text--right" };
   var _hoisted_5$5 = { class: "c" };
-  var _hoisted_6$3 = ["onClick"];
-  var _hoisted_7$3 = ["onClick"];
-  var _hoisted_8$3 = ["src"];
-  var _hoisted_9$2 = { class: "xrk-upload__item_img_operate" };
-  var _hoisted_10$2 = ["onClick"];
+  var _hoisted_6$4 = ["onClick"];
+  var _hoisted_7$4 = ["onClick"];
+  var _hoisted_8$4 = ["src"];
+  var _hoisted_9$3 = { class: "xrk-upload__item_img_operate" };
+  var _hoisted_10$3 = ["onClick"];
   var _hoisted_11$1 = ["onClick"];
   var _hoisted_12$1 = { class: "xrk-upload__tip" };
   var __default__$c = {
@@ -75841,7 +75993,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                                   ]; }),
                                                                   _: 1 /* STABLE */
                                                               })
-                                                          ], 8 /* PROPS */, _hoisted_6$3))
+                                                          ], 8 /* PROPS */, _hoisted_6$4))
                                                           : vue.createCommentVNode("v-if", true),
                                                       (!__props.disabled)
                                                           ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -75858,7 +76010,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                                   ]; }),
                                                                   _: 1 /* STABLE */
                                                               })
-                                                          ], 8 /* PROPS */, _hoisted_7$3))
+                                                          ], 8 /* PROPS */, _hoisted_7$4))
                                                           : vue.createCommentVNode("v-if", true)
                                                   ]));
                                               }), 128 /* KEYED_FRAGMENT */))
@@ -75872,8 +76024,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                       vue.createElementVNode("img", {
                                                           src: getImgUrl(item),
                                                           alt: ""
-                                                      }, null, 8 /* PROPS */, _hoisted_8$3),
-                                                      vue.createElementVNode("div", _hoisted_9$2, [
+                                                      }, null, 8 /* PROPS */, _hoisted_8$4),
+                                                      vue.createElementVNode("div", _hoisted_9$3, [
                                                           vue.createElementVNode("div", {
                                                               onClick: function ($event) { return (handleFilePreview(index)); }
                                                           }, [
@@ -75886,7 +76038,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                                   ]; }),
                                                                   _: 1 /* STABLE */
                                                               })
-                                                          ], 8 /* PROPS */, _hoisted_10$2)
+                                                          ], 8 /* PROPS */, _hoisted_10$3)
                                                       ]),
                                                       (!__props.disabled)
                                                           ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -76457,7 +76609,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           label: { type: String, required: false },
           columnKey: { type: String, required: false },
           width: { type: [String, Number], required: false },
-          minWidth: { type: [String, Number], required: false },
+          minWidth: { type: [String, Number], required: false, default: useGetGlobalDefaultProp(propsKey, 'minWidth', 150) },
           fixed: { type: [Boolean, String], required: false },
           sortable: { type: [Boolean, String], required: false },
           sortMethod: { type: Function, required: false },
@@ -76473,7 +76625,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           renderHeaderSelectionLabel: { type: Function, required: false },
           formatter: { type: Function, required: false, default: function (_a) {
                   var cellValue = _a.cellValue;
-                  return cellValue !== null && cellValue !== void 0 ? cellValue : '-';
+                  if (cellValue || cellValue === 0)
+                      return cellValue;
+                  return '-';
               } },
           render: { type: Function, required: false },
           selectionDisabled: { type: [Function, Boolean], required: false },
@@ -76501,6 +76655,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var childrenKey = ((_b = props === null || props === void 0 ? void 0 : props.treeProps) === null || _b === void 0 ? void 0 : _b.children) || 'children';
           var _selectionAllLoading = vue.ref(false);
           var _selectionRowLoading = vue.ref(false);
+          var getFixed = vue.computed(function () {
+              if (props === null || props === void 0 ? void 0 : props.type)
+                  return (props === null || props === void 0 ? void 0 : props.fixed) || 'left';
+              if ((props === null || props === void 0 ? void 0 : props.label) === '操作')
+                  return (props === null || props === void 0 ? void 0 : props.fixed) || 'right';
+              return props === null || props === void 0 ? void 0 : props.fixed;
+          });
           var getAlign = vue.computed(function () {
               if ((props === null || props === void 0 ? void 0 : props.type) || (props === null || props === void 0 ? void 0 : props.label) === '操作')
                   return (props === null || props === void 0 ? void 0 : props.align) || 'center';
@@ -76784,7 +76945,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   columnKey: __props.columnKey,
                   width: __props.width,
                   minWidth: __props.minWidth,
-                  fixed: __props.fixed,
+                  fixed: vue.unref(getFixed),
                   sortable: __props.sortable,
                   sortMethod: __props.sortMethod,
                   sortBy: __props.sortBy,
@@ -76879,17 +77040,49 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$9.__file = "packages/base/table/table-column.vue";
 
   var useTableColumn$1 = function (props) {
-      return __assign({ minWidth: '120px', width: props.type === 'index' ? '90px' : '' }, props);
+      return __assign({ minWidth: useGetGlobalDefaultProp('table-column', 'minWidth', 150), width: props.type === 'index' ? '90px' : '' }, props);
   };
 
   var BaseTable = script$a;
   var BaseTableColumn = script$9;
   var useTableColumn = useTableColumn$1;
 
+  var useResponsiveHeight = function (config) {
+      var resizeObserver = null;
+      var identification = config.identification;
+      var updateHieght = function () {
+          clearResizeObserver();
+          var header = document.querySelector(".xrk-table-content_".concat(identification, " .xrk-table__header thead tr"));
+          var rows = document.querySelectorAll(".xrk-table-content_".concat(identification, " .xrk-table__body tbody tr"));
+          var headerHeight = Math.max(0, ((header === null || header === void 0 ? void 0 : header.offsetHeight) || 0) - 1);
+          var rowsHeight = Array.from(rows || []).reduce(function (total, row) { return total + Math.max(0, (row === null || row === void 0 ? void 0 : row.offsetHeight) || 0); }, 0);
+          var baseHeight = Math.max(0, headerHeight + rowsHeight);
+          config.minHeight.value = Math.min(baseHeight, 200) + 'px';
+      };
+      var setResizeObserver = function () {
+          clearResizeObserver();
+          vue.nextTick(function () {
+              resizeObserver = new ResizeObserver(updateHieght);
+              var dom = document.querySelector(".xrk-table-content_".concat(identification));
+              if (dom)
+                  resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(dom);
+          });
+      };
+      var clearResizeObserver = function () {
+          resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+          resizeObserver = null;
+      };
+      setResizeObserver();
+      vue.onUnmounted(function () {
+          clearResizeObserver();
+      });
+  };
+
   var useTable = function (config) {
       var pageIsLoading = vue.ref(false);
       var pageAllData = vue.ref([]);
       var paginationTotal = vue.ref(0);
+      var currentParams = vue.ref({});
       var getList = function (query) { return __awaiter(void 0, void 0, void 0, function () {
           var res, error_1;
           var _a, _b, _c, _d;
@@ -76903,12 +77096,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   case 1:
                       _e.trys.push([1, 4, , 5]);
                       if (!isFunction(config.getListAjax)) return [3 /*break*/, 3];
+                      currentParams.value = query;
                       return [4 /*yield*/, config.getListAjax(query)];
                   case 2:
                       res = _e.sent();
                       pageAllData.value = res.data.list;
                       paginationTotal.value =
                           (_d = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.total) !== null && _b !== void 0 ? _b : ((_c = res.data) === null || _c === void 0 ? void 0 : _c.pages) * (config === null || config === void 0 ? void 0 : config.pageSize)) !== null && _d !== void 0 ? _d : 0;
+                      useResponsiveHeight(config);
                       _e.label = 3;
                   case 3: return [3 /*break*/, 5];
                   case 4:
@@ -76925,7 +77120,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           pageIsLoading: pageIsLoading,
           pageAllData: pageAllData,
           paginationTotal: paginationTotal,
-          getList: getList
+          getList: getList,
+          currentParams: currentParams
       };
   };
 
@@ -76953,10 +77149,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$8.__scopeId = "data-v-4fbb1d70";
   script$8.__file = "packages/base/layout/flex-content.vue";
 
-  var _withScopeId$2 = function (n) { return (vue.pushScopeId("data-v-cbf300d0"), n = n(), vue.popScopeId(), n); };
+  var _withScopeId$3 = function (n) { return (vue.pushScopeId("data-v-cbf300d0"), n = n(), vue.popScopeId(), n); };
   var _hoisted_1$5 = { class: "base-layout-header" };
   var _hoisted_2$5 = { class: "left" };
-  var _hoisted_3$5 = /*#__PURE__*/ _withScopeId$2(function () {  return vue.createElementVNode("svg", {
+  var _hoisted_3$5 = /*#__PURE__*/ _withScopeId$3(function () {  return vue.createElementVNode("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       "xmlns:xlink": "http://www.w3.org/1999/xlink",
       fill: "none",
@@ -77012,7 +77208,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                               (vue.unref(slots).headerLeftName)
                                   ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(slots).headerLeftName), { key: 0 }))
                                   : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$4, vue.toDisplayString(__props.appName), 1 /* TEXT */))
-                          ], 64 /* STABLE_FRAGMENT */))
+                          ], 64 /* STABLE_FRAGMENT */)),
+                      (vue.unref(slots).topMenus)
+                          ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(slots).topMenus), { key: 2 }))
+                          : vue.createCommentVNode("v-if", true)
                   ]),
                   vue.createElementVNode("div", _hoisted_5$4, [
                       (vue.unref(slots).headerRight)
@@ -77109,16 +77308,16 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$5.__scopeId = "data-v-b5383626";
   script$5.__file = "packages/base/layout/body.vue";
 
-  var _withScopeId$1 = function (n) { return (vue.pushScopeId("data-v-1bea9a2a"), n = n(), vue.popScopeId(), n); };
+  var _withScopeId$2 = function (n) { return (vue.pushScopeId("data-v-1bea9a2a"), n = n(), vue.popScopeId(), n); };
   var _hoisted_1$3 = { class: "main-menu" };
   var _hoisted_2$3 = ["name"];
   var _hoisted_3$3 = ["src"];
   var _hoisted_4$3 = ["onClick", "name", "onMouseenter"];
   var _hoisted_5$3 = ["onClick"];
-  var _hoisted_6$2 = ["id"];
-  var _hoisted_7$2 = ["name"];
-  var _hoisted_8$2 = ["src"];
-  var _hoisted_9$1 = /*#__PURE__*/ _withScopeId$1(function () {  return vue.createElementVNode("i", { class: "xrk-icon xrk-collapse-item__arrow" }, [
+  var _hoisted_6$3 = ["id"];
+  var _hoisted_7$3 = ["name"];
+  var _hoisted_8$3 = ["src"];
+  var _hoisted_9$2 = /*#__PURE__*/ _withScopeId$2(function () {  return vue.createElementVNode("i", { class: "xrk-icon xrk-collapse-item__arrow" }, [
       /*#__PURE__*/ vue.createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 1024 1024"
@@ -77129,7 +77328,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           })
       ])
   ], -1 /* HOISTED */); });
-  var _hoisted_10$1 = { class: "content" };
+  var _hoisted_10$2 = { class: "content" };
   var _hoisted_11 = ["onClick"];
   var _hoisted_12 = ["onClick"];
   var __default__$4 = {
@@ -77279,12 +77478,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                           ? (vue.openBlock(), vue.createElementBlock("img", {
                                                               key: 0,
                                                               src: menu.icon
-                                                          }, null, 8 /* PROPS */, _hoisted_8$2))
+                                                          }, null, 8 /* PROPS */, _hoisted_8$3))
                                                           : vue.createCommentVNode("v-if", true),
                                                       vue.createElementVNode("span", null, vue.toDisplayString(menu.name), 1 /* TEXT */)
-                                                  ], 8 /* PROPS */, _hoisted_7$2),
-                                                  _hoisted_9$1
-                                              ], 10 /* CLASS, PROPS */, _hoisted_6$2)
+                                                  ], 8 /* PROPS */, _hoisted_7$3),
+                                                  _hoisted_9$2
+                                              ], 10 /* CLASS, PROPS */, _hoisted_6$3)
                                           ], 8 /* PROPS */, _hoisted_5$3))
                                   ], 64 /* STABLE_FRAGMENT */));
                               }), 128 /* KEYED_FRAGMENT */))
@@ -77297,7 +77496,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                       onMouseenter: _cache[1] || (_cache[1] = function () { return vue.unref(onMouseEnterSubMenu)(); }),
                       onMouseleave: _cache[2] || (_cache[2] = function () { return vue.unref(onMouseLeaveSubMenu)(); })
                   }, [
-                      vue.createElementVNode("div", _hoisted_10$1, [
+                      vue.createElementVNode("div", _hoisted_10$2, [
                           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(activeSubMenu).menuList || [], function (item) {
                               return (vue.openBlock(), vue.createElementBlock("div", {
                                   class: "menu",
@@ -77332,16 +77531,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   var _hoisted_3$2 = ["src"];
   var _hoisted_4$2 = { key: 0 };
   var _hoisted_5$2 = ["onClick"];
-  var _hoisted_6$1 = ["id"];
-  var _hoisted_7$1 = ["name"];
-  var _hoisted_8$1 = ["src"];
+  var _hoisted_6$2 = ["id"];
+  var _hoisted_7$2 = ["name"];
+  var _hoisted_8$2 = ["src"];
   var __default__$3 = {
       name: 'base-layout-menu'
   };
   var script$3 = /*#__PURE__*/ vue.defineComponent(__assign(__assign({}, __default__$3), { props: {
           menus: { type: [Array, null], required: true },
           menusMap: { type: Map, required: true },
-          level: { type: Number, required: false, default: 0 }
+          level: { type: Number, required: false, default: 0 },
+          menuType: { type: String, required: true }
       }, emits: ["menuClick"], setup: function (__props, _a) {
           var emits = _a.emit;
           var props = __props;
@@ -77349,7 +77549,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var menuClassName = 'menu-name-one';
           var menusRef = vue.ref();
           var activeMenus = vue.ref([]);
+          var activeCollapse = vue.ref('');
           var _menus = vue.ref([]);
+          var showIcon = function (menu) {
+              var num = props.menuType === 'horizontal' ? 1 : 0;
+              return props.level === num && menu.icon;
+          };
           var paddingLeft = vue.computed(function () {
               if (props.level === 0)
                   return (props.level + 1) * 12 + 'px';
@@ -77369,6 +77574,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               // 优先使用meta.parentPath，这种参数路由不会注册到menu中，例如详情页面。如果有该值则使用父级path。
               activeMenus.value =
                   props.menusMap.get(((_d = _route === null || _route === void 0 ? void 0 : _route.meta) === null || _d === void 0 ? void 0 : _d.parentPath) || (_route === null || _route === void 0 ? void 0 : _route.path)) || [];
+              activeCollapse.value =
+                  activeMenus.value[props.menuType === 'vertical' ? props.level : props.level + 1];
           };
           vue.watch(function () { var _a, _b, _c; return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route; }, function () {
               onHashChange();
@@ -77377,12 +77584,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               var _copyNewMenus = JSON.parse(JSON.stringify(newMenus));
               _menus.value = _copyNewMenus;
               onHashChange();
-              vue.nextTick(function () {
-                  var _a;
-                  (_a = menusRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo({
-                      top: Reflect.get(document.querySelector(".".concat(menuClassName, "[name=\"").concat(activeMenus.value[0], "\"]")) || {}, 'offsetTop') || 0
-                  });
-              });
+              // nextTick(() => {
+              //   menusRef.value?.scrollTo({
+              //     top:
+              //       Reflect.get(
+              //         document.querySelector(
+              //           `.${menuClassName}[name="${activeMenus.value[0]}"]`
+              //         ) || {},
+              //         'offsetTop'
+              //       ) || 0
+              //   });
+              // });
           }, { immediate: true });
           return function (_ctx, _cache) {
               var _component_base_layout_menu = vue.resolveComponent("base-layout-menu");
@@ -77394,7 +77606,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   vue.createElementVNode("div", _hoisted_1$2, [
                       vue.createVNode(vue.unref(ElCollapse), {
                           style: { "--xrk-collapse-border-color": "transparent" },
-                          "model-value": activeMenus.value,
+                          modelValue: activeCollapse.value,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((activeCollapse).value = $event); }),
                           accordion: ""
                       }, {
                           default: vue.withCtx(function () { return [
@@ -77415,7 +77628,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                       name: menu.url,
                                                       onClick: function ($event) { return (onMenuClick(menu)); }
                                                   }, [
-                                                      (!__props.level && menu.icon)
+                                                      (showIcon(menu))
                                                           ? (vue.openBlock(), vue.createElementBlock("img", {
                                                               key: 0,
                                                               src: menu.icon
@@ -77430,11 +77643,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                           (checkHasChild(menu))
                                                               ? (vue.openBlock(), vue.createBlock(_component_base_layout_menu, {
                                                                   key: 0,
+                                                                  menuType: __props.menuType,
                                                                   menus: menu.menuList,
                                                                   menusMap: __props.menusMap,
                                                                   level: __props.level + 1,
                                                                   onMenuClick: function (menu) { return emits('menuClick', menu); }
-                                                              }, null, 8 /* PROPS */, ["menus", "menusMap", "level", "onMenuClick"]))
+                                                              }, null, 8 /* PROPS */, ["menuType", "menus", "menusMap", "level", "onMenuClick"]))
                                                               : vue.createCommentVNode("v-if", true)
                                                       ]))
                                                       : vue.createCommentVNode("v-if", true)
@@ -77459,21 +77673,21 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                                       class: vue.normalizeClass(menuClassName),
                                                       name: menu.name
                                                   }, [
-                                                      (!__props.level && menu.icon)
+                                                      (showIcon(menu))
                                                           ? (vue.openBlock(), vue.createElementBlock("img", {
                                                               key: 0,
                                                               src: menu.icon
-                                                          }, null, 8 /* PROPS */, _hoisted_8$1))
+                                                          }, null, 8 /* PROPS */, _hoisted_8$2))
                                                           : vue.createCommentVNode("v-if", true),
                                                       vue.createElementVNode("span", null, vue.toDisplayString(menu.name), 1 /* TEXT */)
-                                                  ], 12 /* STYLE, PROPS */, _hoisted_7$1)
-                                              ], 10 /* CLASS, PROPS */, _hoisted_6$1)
+                                                  ], 12 /* STYLE, PROPS */, _hoisted_7$2)
+                                              ], 10 /* CLASS, PROPS */, _hoisted_6$2)
                                           ], 8 /* PROPS */, _hoisted_5$2))
                                   ], 64 /* STABLE_FRAGMENT */));
                               }), 128 /* KEYED_FRAGMENT */))
                           ]; }),
                           _: 1 /* STABLE */
-                      }, 8 /* PROPS */, ["model-value"])
+                      }, 8 /* PROPS */, ["modelValue"])
                   ])
               ], 512 /* NEED_PATCH */));
           };
@@ -77482,14 +77696,25 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   script$3.__scopeId = "data-v-cbc34618";
   script$3.__file = "packages/base/layout/menu-fold.vue";
 
+  var _withScopeId$1 = function (n) { return (vue.pushScopeId("data-v-3f66cd84"), n = n(), vue.popScopeId(), n); };
   var _hoisted_1$1 = { class: "base-layout-main" };
-  var _hoisted_2$1 = {
+  var _hoisted_2$1 = { class: "menu-top" };
+  var _hoisted_3$1 = {
       key: 1,
       class: "menu-top"
   };
-  var _hoisted_3$1 = { style: { "display": "flex", "width": "fit-content" } };
   var _hoisted_4$1 = ["onClick"];
-  var _hoisted_5$1 = { class: "content" };
+  var _hoisted_5$1 = {
+      key: 0,
+      class: "active-line"
+  };
+  var _hoisted_6$1 = /*#__PURE__*/ _withScopeId$1(function () {  return vue.createElementVNode("p", null, null, -1 /* HOISTED */); });
+  var _hoisted_7$1 = [
+      _hoisted_6$1
+  ];
+  var _hoisted_8$1 = { key: 0 };
+  var _hoisted_9$1 = /*#__PURE__*/ vue.createTextVNode("更多");
+  var _hoisted_10$1 = { class: "content" };
   var __default__$2 = {
       name: 'base-layout-main'
   };
@@ -77516,17 +77741,51 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               }
               return !props.hideMenu;
           });
+          var menuRoot = vue.computed(function () {
+              var menuData = menuBase.value.filter(function (item) { return !(item === null || item === void 0 ? void 0 : item._hide); });
+              if (!isSimpleNum.value)
+                  return menuData;
+              return menuData.splice(0, isSimpleNum.value);
+          });
+          var isSimpleNum = vue.ref(null);
+          var handleResize = function () {
+              var width = window.innerWidth;
+              if (width <= 1000) {
+                  isSimpleNum.value = 3;
+              }
+              else if (width <= 1100) {
+                  isSimpleNum.value = 5;
+              }
+              else if (width <= 1200) {
+                  isSimpleNum.value = 6;
+              }
+              else if (width <= 1300) {
+                  isSimpleNum.value = 8;
+              }
+              else {
+                  isSimpleNum.value = null;
+              }
+          };
+          vue.onMounted(function () {
+              if (props.menuType === 'horizontal') {
+                  handleResize();
+                  window.addEventListener('resize', handleResize);
+              }
+          });
+          vue.onUnmounted(function () {
+              window.removeEventListener('resize', handleResize);
+          });
           var dateNow = Date.now();
-          var menusMap = new Map();
+          var menusMap = vue.ref(new Map());
           var currentMenu = vue.ref();
           var menuBase = vue.computed(function () {
               var menuArr = props.menus.map(function (menu, index) {
                   return __assign(__assign({}, menu), { menuKey: (menu === null || menu === void 0 ? void 0 : menu.menuKey) || index + dateNow, url: (menu === null || menu === void 0 ? void 0 : menu.url) || index + dateNow });
               });
-              setMenuMap(menuArr, menusMap);
+              setMenuMap(menuArr, menusMap.value);
               return menuArr;
           });
-          setMenuMap(menuBase.value, menusMap);
+          setMenuMap(menuBase.value, menusMap.value);
           var onMenuClick = function (menu) {
               var _a, _b, _c, _d;
               currentMenu.value = menu;
@@ -77543,7 +77802,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   var _route_1 = (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route;
                   currentMenu.value = menuBase.value.find(function (item) {
                       var _a;
-                      var arr = menusMap.get(((_a = _route_1 === null || _route_1 === void 0 ? void 0 : _route_1.meta) === null || _a === void 0 ? void 0 : _a.parentPath) || (_route_1 === null || _route_1 === void 0 ? void 0 : _route_1.path)) || [];
+                      var arr = menusMap.value.get(((_a = _route_1 === null || _route_1 === void 0 ? void 0 : _route_1.meta) === null || _a === void 0 ? void 0 : _a.parentPath) || (_route_1 === null || _route_1 === void 0 ? void 0 : _route_1.path)) || [];
                       return arr.includes(item.url);
                   });
                   menuList.value = ((_d = currentMenu.value) === null || _d === void 0 ? void 0 : _d.menuList) || [];
@@ -77569,7 +77828,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               }
           });
           return function (_ctx, _cache) {
-              var _a;
               return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
                   (!__props.hideHeader)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(BaseLayoutHeader), {
@@ -77593,6 +77851,89 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                   ]; })
                               }
                               : undefined,
+                          (__props.menuType === 'horizontal')
+                              ? {
+                                  name: "topMenus",
+                                  fn: vue.withCtx(function () {
+                                      var _a;
+                                      return [
+                                          vue.createElementVNode("div", _hoisted_2$1, [
+                                              ((_a = __props.renderMenuTop) === null || _a === void 0 ? void 0 : _a.call(__props, {
+                                                  currentMenu: currentMenu.value,
+                                                  menus: vue.unref(menuBase)
+                                              }))
+                                                  ? (vue.openBlock(), vue.createBlock(vue.unref(MenuTopRender), { key: 0 }))
+                                                  : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+                                                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuRoot), function (menu) {
+                                                          var _a, _b;
+                                                          return (vue.openBlock(), vue.createElementBlock("div", {
+                                                              class: "menu-top-item",
+                                                              key: menu.menuKey,
+                                                              onClick: function ($event) { return (onMenuClick(menu)); }
+                                                          }, [
+                                                              vue.createElementVNode("span", {
+                                                                  class: vue.normalizeClass({
+                                                                      'active-title': ((_a = currentMenu.value) === null || _a === void 0 ? void 0 : _a.menuKey) === menu.menuKey
+                                                                  })
+                                                              }, vue.toDisplayString(menu.name), 3 /* TEXT, CLASS */),
+                                                              (((_b = currentMenu.value) === null || _b === void 0 ? void 0 : _b.menuKey) === menu.menuKey)
+                                                                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, _hoisted_7$1))
+                                                                  : vue.createCommentVNode("v-if", true)
+                                                          ], 8 /* PROPS */, _hoisted_4$1));
+                                                      }), 128 /* KEYED_FRAGMENT */)),
+                                                      (isSimpleNum.value)
+                                                          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+                                                              vue.createVNode(vue.unref(ElDropdown), null, {
+                                                                  dropdown: vue.withCtx(function () { return [
+                                                                      vue.createVNode(vue.unref(ElDropdownMenu), null, {
+                                                                          default: vue.withCtx(function () { return [
+                                                                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuBase)
+                                                                                  .filter(function (item) { return !(item === null || item === void 0 ? void 0 : item._hide); })
+                                                                                  .splice(isSimpleNum.value, vue.unref(menuBase).length), function (menu) {
+                                                                                  return (vue.openBlock(), vue.createBlock(vue.unref(ElDropdownItem), {
+                                                                                      key: menu.menuKey,
+                                                                                      onClick: function ($event) { return (onMenuClick(menu)); }
+                                                                                  }, {
+                                                                                      default: vue.withCtx(function () {
+                                                                                          var _a;
+                                                                                          return [
+                                                                                              vue.createElementVNode("span", {
+                                                                                                  style: vue.normalizeStyle({
+                                                                                                      color: ((_a = currentMenu.value) === null || _a === void 0 ? void 0 : _a.menuKey) === menu.menuKey
+                                                                                                          ? '#fa8100'
+                                                                                                          : ''
+                                                                                                  })
+                                                                                              }, vue.toDisplayString(menu.name), 5 /* TEXT, STYLE */)
+                                                                                          ];
+                                                                                      }),
+                                                                                      _: 2 /* DYNAMIC */
+                                                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]));
+                                                                              }), 128 /* KEYED_FRAGMENT */))
+                                                                          ]; }),
+                                                                          _: 1 /* STABLE */
+                                                                      })
+                                                                  ]; }),
+                                                                  default: vue.withCtx(function () { return [
+                                                                      vue.createVNode(vue.unref(BaseButton), {
+                                                                          link: "",
+                                                                          type: "primary2"
+                                                                      }, {
+                                                                          default: vue.withCtx(function () { return [
+                                                                              _hoisted_9$1
+                                                                          ]; }),
+                                                                          _: 1 /* STABLE */
+                                                                      })
+                                                                  ]; }),
+                                                                  _: 1 /* STABLE */
+                                                              })
+                                                          ]))
+                                                          : vue.createCommentVNode("v-if", true)
+                                                  ]))
+                                          ])
+                                      ];
+                                  })
+                              }
+                              : undefined,
                           (vue.unref(slots).headerRight)
                               ? {
                                   name: "headerRight",
@@ -77603,31 +77944,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                               : undefined
                       ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["appName"]))
                       : vue.createCommentVNode("v-if", true),
-                  (__props.menuType === 'horizontal')
-                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-                          ((_a = __props.renderMenuTop) === null || _a === void 0 ? void 0 : _a.call(__props, {
-                              currentMenu: currentMenu.value,
-                              menus: vue.unref(menuBase)
-                          }))
-                              ? (vue.openBlock(), vue.createBlock(vue.unref(MenuTopRender), { key: 0 }))
-                              : (vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), { key: 1 }, {
-                                  default: vue.withCtx(function () { return [
-                                      vue.createElementVNode("div", _hoisted_3$1, [
-                                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(menuBase).filter(function (item) { return !(item === null || item === void 0 ? void 0 : item._hide); }), function (menu) {
-                                              var _a;
-                                              return (vue.openBlock(), vue.createElementBlock("p", {
-                                                  class: vue.normalizeClass(["menu-top-item", { active: ((_a = currentMenu.value) === null || _a === void 0 ? void 0 : _a.menuKey) === menu.menuKey }]),
-                                                  key: menu.menuKey,
-                                                  onClick: function ($event) { return (onMenuClick(menu)); }
-                                              }, vue.toDisplayString(menu.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_4$1));
-                                          }), 128 /* KEYED_FRAGMENT */))
-                                      ])
-                                  ]; }),
-                                  _: 1 /* STABLE */
-                              }))
-                      ]))
-                      : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("div", _hoisted_5$1, [
+                  vue.createElementVNode("div", _hoisted_10$1, [
                       (vue.unref(hideMenuFlag))
                           ? (vue.openBlock(), vue.createBlock(vue.unref(BaseLayoutFlexContent), {
                               key: 0,
@@ -77638,16 +77955,17 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                                       ? (vue.openBlock(), vue.createBlock(vue.unref(BaseLayoutMenu), {
                                           key: 0,
                                           menus: menuList.value,
-                                          menusMap: vue.unref(menusMap),
+                                          menusMap: menusMap.value,
                                           onMenuClick: _cache[0] || (_cache[0] = function (menu) { return emits('menuClick', menu); })
                                       }, null, 8 /* PROPS */, ["menus", "menusMap"]))
                                       : (vue.openBlock(), vue.createBlock(vue.unref(BaseLayoutMenuFold), {
                                           key: 1,
                                           class: "scroll-menu",
+                                          menuType: __props.menuType,
                                           menus: menuList.value,
-                                          menusMap: vue.unref(menusMap),
+                                          menusMap: menusMap.value,
                                           onMenuClick: _cache[1] || (_cache[1] = function (menu) { return emits('menuClick', menu); })
-                                      }, null, 8 /* PROPS */, ["menus", "menusMap"]))
+                                      }, null, 8 /* PROPS */, ["menuType", "menus", "menusMap"]))
                               ]; }),
                               _: 1 /* STABLE */
                           }))
@@ -77845,10 +78163,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               var _a, _b;
               (_b = (_a = XrkTablebaseTableRef.value) === null || _a === void 0 ? void 0 : _a.scrollTo) === null || _b === void 0 ? void 0 : _b.call(_a, { left: 0, top: 0 });
           };
+          var minHeight = vue.ref('auto');
+          var identification = vue.ref(Date.now());
           var _f = useTable({
               getListAjax: props.getListAjax,
-              pageSize: paginationQuery.value[pageSizeKey]
-          }), pageAllData = _f.pageAllData, getList = _f.getList, paginationTotal = _f.paginationTotal, pageIsLoading = _f.pageIsLoading;
+              pageSize: paginationQuery.value[pageSizeKey],
+              identification: identification.value,
+              minHeight: minHeight
+          }), pageAllData = _f.pageAllData, getList = _f.getList, paginationTotal = _f.paginationTotal, pageIsLoading = _f.pageIsLoading, currentParams = _f.currentParams;
           vue.onMounted(function () { return __awaiter(_this, void 0, void 0, function () {
               return __generator(this, function (_a) {
                   switch (_a.label) {
@@ -77908,6 +78230,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               }); },
               getTableData: function () {
                   return pageAllData;
+              },
+              getCurrentParams: function () {
+                  return xrkTools.base.deepClone(currentParams.value);
               }
           });
           return function (_ctx, _cache) {
@@ -77936,8 +78261,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                           "other-components": __props.searchConfig.otherComponents,
                           "sync-query-to-search": __props.searchConfig.syncQueryToSearch,
                           "sync-search-to-query": __props.searchConfig.syncSearchToQuery,
+                          "fixed-columns-num": __props.searchConfig.fixedColumnsNum,
                           onSearch: handleSearch
-                      }, null, 8 /* PROPS */, ["columns", "search-btn", "reset-btn", "other-components", "sync-query-to-search", "sync-search-to-query"]))
+                      }, null, 8 /* PROPS */, ["columns", "search-btn", "reset-btn", "other-components", "sync-query-to-search", "sync-search-to-query", "fixed-columns-num"]))
                       : vue.createCommentVNode("v-if", true),
                   (vue.unref(slots).tableBefore)
                       ? vue.renderSlot(_ctx.$slots, "tableBefore", {
@@ -77947,25 +78273,31 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                           searchQuery: vue.unref(query)
                       })
                       : vue.createCommentVNode("v-if", true),
-                  vue.createVNode(vue.unref(BaseLayoutFlexContent), { fix: vue.unref(tableContentFix) }, {
-                      default: vue.withCtx(function () { return [
-                          vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(BaseTable), vue.mergeProps({
-                              class: "xrk-table-content",
-                              ref_key: "XrkTablebaseTableRef",
-                              ref: XrkTablebaseTableRef
-                          }, __props.tableConfig.baseConfig, {
-                              key: baseTableKey.value,
-                              data: vue.unref(pageAllData),
-                              columns: __props.tableConfig.tableColumns,
-                              onExpandChange: handleExpandChange,
-                              onSelectAll: handleTableSelect,
-                              onSelect: handleTableSelect
-                          }), null, 16 /* FULL_PROPS */, ["data", "columns"])), [
-                              [vue.unref(vLoading$1), vue.unref(pageIsLoading)]
-                          ])
-                      ]; }),
+                  vue.createVNode(vue.unref(BaseLayoutFlexContent), {
+                      style: vue.normalizeStyle({ minHeight: minHeight.value }),
+                      fix: vue.unref(tableContentFix)
+                  }, {
+                      default: vue.withCtx(function () {
+                          var _a;
+                          return [
+                              vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(BaseTable), vue.mergeProps({
+                                  class: ["xrk-table-content", (_a = {}, _a["xrk-table-content_".concat(identification.value)] = true, _a)],
+                                  ref_key: "XrkTablebaseTableRef",
+                                  ref: XrkTablebaseTableRef
+                              }, __props.tableConfig.baseConfig, {
+                                  key: baseTableKey.value,
+                                  data: vue.unref(pageAllData),
+                                  columns: __props.tableConfig.tableColumns,
+                                  onExpandChange: handleExpandChange,
+                                  onSelectAll: handleTableSelect,
+                                  onSelect: handleTableSelect
+                              }), null, 16 /* FULL_PROPS */, ["class", "data", "columns"])), [
+                                  [vue.unref(vLoading$1), vue.unref(pageIsLoading)]
+                              ])
+                          ];
+                      }),
                       _: 1 /* STABLE */
-                  }, 8 /* PROPS */, ["fix"]),
+                  }, 8 /* PROPS */, ["style", "fix"]),
                   (vue.unref(slots).tableAfter)
                       ? vue.renderSlot(_ctx.$slots, "tableAfter", {
                           key: 3,
@@ -77977,6 +78309,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   (!vue.unref(paginationConfig).hide)
                       ? (vue.openBlock(), vue.createBlock(vue.unref(BasePagination), {
                           key: 4,
+                          style: { "flex-shrink": "0" },
                           ref_key: "BasePaginationRef",
                           ref: BasePaginationRef,
                           total: vue.unref(paginationTotal),