xrk-components 2.0.0-beta.88 → 2.0.0-beta.89

package/lib/index.esm.js

@@ -863,59 +863,52 @@ function easeInOutCubic(t, b, c, d) {
   return cc / 2 * ((t -= 2) * t * t + 2) + b;
 }
 
-/**
- * Make a map and return a function for checking if a key
- * is in that map.
- * IMPORTANT: all calls of this function must be prefixed with
- * \/\*#\_\_PURE\_\_\*\/
- * So that rollup can tree-shake them if necessary.
- */
-
-(process.env.NODE_ENV !== 'production')
-    ? Object.freeze({})
-    : {};
-(process.env.NODE_ENV !== 'production') ? Object.freeze([]) : [];
-const NOOP = () => { };
-const hasOwnProperty$p = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
-const isArray$1 = Array.isArray;
-const isDate$1 = (val) => val instanceof Date;
-const isFunction$2 = (val) => typeof val === 'function';
-const isString$2 = (val) => typeof val === 'string';
-const isObject$1 = (val) => val !== null && typeof val === 'object';
-const isPromise = (val) => {
-    return isObject$1(val) && isFunction$2(val.then) && isFunction$2(val.catch);
-};
-const objectToString$1 = Object.prototype.toString;
-const toTypeString = (value) => objectToString$1.call(value);
-const toRawType = (value) => {
-    // extract "RawType" from strings like "[object RawType]"
-    return toTypeString(value).slice(8, -1);
-};
-const isPlainObject$1 = (val) => toTypeString(val) === '[object Object]';
-const cacheStringFunction = (fn) => {
-    const cache = Object.create(null);
-    return ((str) => {
-        const hit = cache[str];
-        return hit || (cache[str] = fn(str));
-    });
-};
-const camelizeRE = /-(\w)/g;
-/**
- * @private
- */
-const camelize = cacheStringFunction((str) => {
-    return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));
-});
-const hyphenateRE = /\B([A-Z])/g;
-/**
- * @private
- */
-const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase());
-/**
- * @private
- */
-const capitalize$2 = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
+/**
+* @vue/shared v3.5.17
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const hasOwnProperty$p = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
+const isArray$1 = Array.isArray;
+const isDate$1 = (val) => toTypeString(val) === "[object Date]";
+const isFunction$2 = (val) => typeof val === "function";
+const isString$2 = (val) => typeof val === "string";
+const isObject$1 = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return (isObject$1(val) || isFunction$2(val)) && isFunction$2(val.then) && isFunction$2(val.catch);
+};
+const objectToString$1 = Object.prototype.toString;
+const toTypeString = (value) => objectToString$1.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction(
+  (str) => {
+    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+  }
+);
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction(
+  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+);
+const capitalize$2 = cacheStringFunction((str) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+});
 
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
@@ -21113,8 +21106,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
+const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
+  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -21139,19 +21133,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
+const lrPlacement = ['left', 'right'];
+const rlPlacement = ['right', 'left'];
+const tbPlacement = ['top', 'bottom'];
+const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
-  const lr = ['left', 'right'];
-  const rl = ['right', 'left'];
-  const tb = ['top', 'bottom'];
-  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
     case 'left':
     case 'right':
-      return isStart ? tb : bt;
+      return isStart ? tbPlacement : btPlacement;
     default:
       return [];
   }
@@ -21674,16 +21668,22 @@ const flip$1 = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          // Try next placement and re-run the lifecycle.
-          return {
-            data: {
-              index: nextIndex,
-              overflows: overflowsData
-            },
-            reset: {
-              placement: nextPlacement
-            }
-          };
+          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -21929,6 +21929,8 @@ const inline = function (options) {
   };
 };
 
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -21942,7 +21944,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === 'y';
-  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
 
@@ -22142,7 +22144,7 @@ const limitShift = function (options) {
       if (checkCrossAxis) {
         var _middlewareData$offse, _middlewareData$offse2;
         const len = mainAxis === 'y' ? 'width' : 'height';
-        const isOriginSide = ['top', 'left'].includes(getSide(placement));
+        const isOriginSide = originSides.has(getSide(placement));
         const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
         const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
         if (crossAxisCoord < limitMin) {
@@ -22287,6 +22289,7 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -22294,27 +22297,32 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
+const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-  return ['table', 'td', 'th'].includes(getNodeName(element));
+  return tableElements.has(getNodeName(element));
 }
+const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-  return [':popover-open', ':modal'].some(selector => {
+  return topLayerSelectors.some(selector => {
     try {
       return element.matches(selector);
-    } catch (e) {
+    } catch (_e) {
       return false;
     }
   });
 }
+const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
+const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
+const containValues = ['paint', 'layout', 'strict', 'content'];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
   const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -22332,8 +22340,9 @@ function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
 }
+const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return ['html', 'body', '#document'].includes(getNodeName(node));
+  return lastTraversableNodeNames.has(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
@@ -22638,6 +22647,7 @@ function getViewportRect(element, strategy) {
   };
 }
 
+const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -22702,7 +22712,7 @@ function getClippingElementAncestors(element, cache) {
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       // Drop non-containing blocks.
       result = result.filter(ancestor => ancestor !== currentNode);
@@ -22765,6 +22775,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollTop: 0
   };
   const offsets = createCoords(0);
+
+  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -22774,11 +22790,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
-      // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
-      // Firefox with layout.scrollbar.side = 3 in about:config to test this.
-      offsets.x = getWindowScrollBarX(documentElement);
+      setLeftRTLScrollbarOffset();
     }
   }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
   const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
   const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
@@ -22955,7 +22972,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);
@@ -74996,7 +75013,7 @@ var _hoisted_4$5 = /*#__PURE__*/ createElementVNode("path", {
     d: "M682.666667 724.024889L638.691556 768 341.333333 470.670222 385.308444 426.666667zM454.087111 611.128889l44.088889 44.088889L385.422222 768 341.333333 723.911111zM682.666667 470.755556l-113.066667 113.066666-44.088889-44.088889L638.577778 426.666667z",
     fill: "#FFFFFF"
 }, null, -1 /* HOISTED */);
-var _hoisted_5$4 = [
+var _hoisted_5$5 = [
     _hoisted_2$6,
     _hoisted_3$6,
     _hoisted_4$5
@@ -75284,7 +75301,7 @@ var script$c = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$c
             }, {
                 default: withCtx(function () { return [
                     (unref(isExcel))
-                        ? (openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_5$4))
+                        ? (openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_5$5))
                         : (unref(isVideo))
                             ? (openBlock(), createElementBlock("svg", _hoisted_6$3, _hoisted_11$2))
                             : (unref(isPdf))
@@ -75397,7 +75414,7 @@ var _hoisted_3$5 = /*#__PURE__*/ _withScopeId$3(function () {  return createElem
     /*#__PURE__*/ createElementVNode("em", null, "点击上传")
 ], -1 /* HOISTED */); });
 var _hoisted_4$4 = { class: "xrk-upload__text--right" };
-var _hoisted_5$3 = { class: "c" };
+var _hoisted_5$4 = { class: "c" };
 var _hoisted_6$2 = ["onClick"];
 var _hoisted_7$2 = ["onClick"];
 var _hoisted_8$2 = ["src"];
@@ -75721,7 +75738,7 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
                             createElementVNode("div", _hoisted_4$4, [
                                 renderSlot(_ctx.$slots, "uploadRight")
                             ]),
-                            createElementVNode("div", _hoisted_5$3, [
+                            createElementVNode("div", _hoisted_5$4, [
                                 (__props.showFileList && fileList.value.length > 0)
                                     ? (openBlock(), createElementBlock("div", {
                                         key: 0,
@@ -76256,8 +76273,7 @@ var script$9 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$9
             }) },
         spanMethod: { type: null, required: false },
         treeProps: { type: Object, required: false },
-        tooltipOptions: { type: null, required: false },
-        hideSelectNo: { type: Boolean, required: false, default: false }
+        tooltipOptions: { type: null, required: false }
     }, emits: ["sort-change", "expand-change", "select", "select-all"], setup: function (__props, _a) {
         var _b;
         var expose = _a.expose, emits = _a.emit;
@@ -76310,7 +76326,7 @@ var script$9 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$9
         });
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElTable), {
-                class: normalizeClass({ 'base-table': __props.useBaseClass, hideSelectNo: __props.hideSelectNo }),
+                class: normalizeClass({ 'base-table': __props.useBaseClass }),
                 ref_key: "BaseTableRef",
                 ref: BaseTableRef,
                 data: transformData(__props.data),
@@ -76627,12 +76643,13 @@ var script$8 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$8
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        if (_selectionDisabled(row))
+                        if (_selectionDisabled(row) || row._selectionLoading)
                             return [2 /*return*/];
-                        if (!props.prop) return [3 /*break*/, 15];
+                        if (!props.prop) return [3 /*break*/, 16];
+                        row._selectionLoading = true;
                         _c.label = 1;
                     case 1:
-                        _c.trys.push([1, 14, , 15]);
+                        _c.trys.push([1, 14, 15, 16]);
                         if (!isChecked(row[props.prop])) return [3 /*break*/, 7];
                         if (!isFunction(props.selectionRemoveBefore)) return [3 /*break*/, 3];
                         return [4 /*yield*/, props.selectionRemoveBefore(row, removeSelectionRow
@@ -76679,12 +76696,15 @@ var script$8 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$8
                         _c.label = 13;
                     case 13:
                         emits('select', getSelectionRows === null || getSelectionRows === void 0 ? void 0 : getSelectionRows(), row);
-                        return [3 /*break*/, 15];
+                        return [3 /*break*/, 16];
                     case 14:
                         error_2 = _c.sent();
-                        console.log(error_2);
-                        return [3 /*break*/, 15];
-                    case 15: return [2 /*return*/];
+                        console.log('handleCheckboxClick error', error_2);
+                        return [3 /*break*/, 16];
+                    case 15:
+                        row._selectionLoading = false;
+                        return [7 /*endfinally*/];
+                    case 16: return [2 /*return*/];
                 }
             });
         }); };
@@ -76732,11 +76752,13 @@ var script$8 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$8
                                     style: { "display": "inline-block" },
                                     onClick: withModifiers(function ($event) { return (handleCheckboxClick(row)); }, ["prevent"])
                                 }, [
-                                    createVNode(unref(BaseCheckbox), {
+                                    withDirectives(createVNode(unref(BaseCheckbox), {
                                         class: "table-base-checkbox",
                                         "model-value": unref(checked)(row),
                                         disabled: _selectionDisabled(row)
-                                    }, null, 8 /* PROPS */, ["model-value", "disabled"])
+                                    }, null, 8 /* PROPS */, ["model-value", "disabled"]), [
+                                        [unref(vLoading$1), row._selectionLoading]
+                                    ])
                                 ], 8 /* PROPS */, _hoisted_1$5))
                                 : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                                     createTextVNode(toDisplayString(getColumnValue(row, $index, column)), 1 /* TEXT */)
@@ -76906,7 +76928,7 @@ var _hoisted_4$3 = {
     key: 1,
     class: "name"
 };
-var _hoisted_5$2 = { class: "right" };
+var _hoisted_5$3 = { class: "right" };
 var __default__$6 = {
     name: 'base-layout-header'
 };
@@ -76926,7 +76948,7 @@ var script$6 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$6
                                 : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(__props.appName), 1 /* TEXT */))
                         ], 64 /* STABLE_FRAGMENT */))
                 ]),
-                createElementVNode("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_5$3, [
                     (unref(slots).headerRight)
                         ? (openBlock(), createBlock(resolveDynamicComponent(unref(slots).headerRight), { key: 0 }))
                         : createCommentVNode("v-if", true)
@@ -77024,7 +77046,7 @@ var _hoisted_1$2 = { class: "main-menu" };
 var _hoisted_2$2 = ["name"];
 var _hoisted_3$2 = ["src"];
 var _hoisted_4$2 = ["onClick", "name", "onMouseenter"];
-var _hoisted_5$1 = ["onClick"];
+var _hoisted_5$2 = ["onClick"];
 var _hoisted_6$1 = ["id"];
 var _hoisted_7$1 = ["name"];
 var _hoisted_8$1 = ["src"];
@@ -77206,7 +77228,7 @@ var script$3 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$3
                                                 ], 8 /* PROPS */, _hoisted_7$1),
                                                 _hoisted_9$1
                                             ], 10 /* CLASS, PROPS */, _hoisted_6$1)
-                                        ], 8 /* PROPS */, _hoisted_5$1))
+                                        ], 8 /* PROPS */, _hoisted_5$2))
                                 ], 64 /* STABLE_FRAGMENT */));
                             }), 128 /* KEYED_FRAGMENT */))
                         ]; }),
@@ -77253,8 +77275,9 @@ var _hoisted_2$1 = {
     key: 1,
     class: "menu-top"
 };
-var _hoisted_3$1 = ["onClick"];
-var _hoisted_4$1 = { class: "content" };
+var _hoisted_3$1 = { style: { "display": "flex", "width": "fit-content" } };
+var _hoisted_4$1 = ["onClick"];
+var _hoisted_5$1 = { class: "content" };
 var __default__$2 = {
     name: 'base-layout-main'
 };
@@ -77373,17 +77396,24 @@ var script$2 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$2
                             menus: unref(menuBase)
                         }))
                             ? (openBlock(), createBlock(unref(MenuTopRender), { key: 0 }))
-                            : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(menuBase).filter(function (item) { return !(item === null || item === void 0 ? void 0 : item._hide); }), function (menu) {
-                                var _a;
-                                return (openBlock(), createElementBlock("p", {
-                                    class: 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)); }
-                                }, toDisplayString(menu.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_3$1));
-                            }), 128 /* KEYED_FRAGMENT */))
+                            : (openBlock(), createBlock(unref(ElScrollbar), { key: 1 }, {
+                                default: withCtx(function () { return [
+                                    createElementVNode("div", _hoisted_3$1, [
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(menuBase).filter(function (item) { return !(item === null || item === void 0 ? void 0 : item._hide); }), function (menu) {
+                                            var _a;
+                                            return (openBlock(), createElementBlock("p", {
+                                                class: 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)); }
+                                            }, toDisplayString(menu.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_4$1));
+                                        }), 128 /* KEYED_FRAGMENT */))
+                                    ])
+                                ]; }),
+                                _: 1 /* STABLE */
+                            }))
                     ]))
                     : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_4$1, [
+                createElementVNode("div", _hoisted_5$1, [
                     (unref(hideMenuFlag))
                         ? (openBlock(), createBlock(unref(BaseLayoutFlexContent), {
                             key: 0,