xrk-components 2.0.0-beta.77 → 2.0.0-beta.79

package/lib/index.css

@@ -20430,13 +20430,21 @@
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
 }
-.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:hover, .base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a] {
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:not(.active):hover {
+  color: var(--xrk-color-primary);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:not(.active):hover::after {
+  opacity: 0;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a] {
   color: var(--xrk-color-primary);
   background-color: var(--xrk-color-primary-light-9);
   -webkit-transition: all 0.15s;
   transition: all 0.15s;
 }
-.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:hover::after, .base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a]::after {
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a]::after {
   -webkit-transform: translateX(0);
           transform: translateX(0);
 }
@@ -20521,6 +20529,9 @@
           flex-shrink: 0;
   width: var(--base-layout-menu-width, 140px);
   background-color: #fff;
+  z-index: 2;
+}
+.base-layout-main > .content > .menu[data-v-3f66cd84]:hover {
   z-index: 3;
 }
 .base-layout-main > .content > .body[data-v-3f66cd84] {

package/lib/index.esm.js

@@ -864,7 +864,7 @@ function easeInOutCubic(t, b, c, d) {
 }
 
 /**
-* @vue/shared v3.5.13
+* @vue/shared v3.5.17
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -21106,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));
@@ -21132,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 [];
   }
@@ -21667,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,
@@ -21922,6 +21929,8 @@ const inline = function (options) {
   };
 };
 
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -21935,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);
 
@@ -22135,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) {
@@ -22280,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,
@@ -22287,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);
@@ -22325,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);
@@ -22631,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');
@@ -22695,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);
@@ -22758,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);
@@ -22767,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;
@@ -22948,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);
@@ -74169,7 +74193,6 @@ var script$h = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$f
         render: { type: null, required: false },
         useDefaultRender: { type: Boolean, required: false, default: true }
     }, emits: ["update:modelValue", "change", "expand-change", "blur", "focus", "visible-change", "remove-tag"], setup: function (__props, _a) {
-        var _b;
         var expose = _a.expose, emits = _a.emit;
         var _props = __props;
         var cascaderProps = computed(function () {
@@ -74213,8 +74236,12 @@ var script$h = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$f
         var handleRemoveTag = function (val) {
             emits('remove-tag', val);
         };
+        var getCheckedNodes = function () {
+            var _a;
+            return (_a = BaseCascaderRef.value) === null || _a === void 0 ? void 0 : _a.getCheckedNodes();
+        };
         expose({
-            getCheckedNodes: (_b = BaseCascaderRef.value) === null || _b === void 0 ? void 0 : _b.getCheckedNodes
+            getCheckedNodes: getCheckedNodes
         });
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElCascader), {
@@ -75078,7 +75105,10 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
         httpRequest: { type: Function, required: true },
         beforeSelected: { type: Function, required: false },
         beforeRemove: { type: Function, required: false },
-        onPreview: { type: Function, required: false }
+        onPreview: { type: Function, required: false },
+        keys: { type: Object, required: false, default: function () {
+                return { name: 'name', url: 'url' };
+            } }
     }, emits: ["update:fileList", "change", "error", "preview"], setup: function (__props, _a) {
         var _this = this;
         var _b;
@@ -75097,7 +75127,9 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
             return (((_a = props.accept) === null || _a === void 0 ? void 0 : _a.map(function (i) { return [i.toLocaleLowerCase(), i.toLocaleUpperCase()]; }).flat(1).join(',')) || '');
         });
         watch(function () { return props.fileList; }, function (newV) {
-            fileList.value = __spreadArray([], __read((newV || [])), false);
+            fileList.value = __spreadArray([], __read((newV || []).map(function (item) {
+                return __assign(__assign({}, item), { name: item[_props.keys.name], url: item[_props.keys.url] });
+            })), false);
         }, { immediate: true, deep: true });
         var slots = (_b = getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.slots;
         var onChooseFileClick = function () {
@@ -75163,7 +75195,10 @@ var script$b = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$b
                 var url = (_k = (_h = (_f = (_c = (_b = (_a = item.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.fileUrl) !== null && _c !== void 0 ? _c : (_e = (_d = item.response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.url) !== null && _f !== void 0 ? _f : (_g = item.response) === null || _g === void 0 ? void 0 : _g.fileUrl) !== null && _h !== void 0 ? _h : (_j = item.response) === null || _j === void 0 ? void 0 : _j.url) !== null && _k !== void 0 ? _k : '';
                 return __assign(__assign({}, item), (url && { url: url }));
             });
-            emits('update:fileList', fileList.value);
+            emits('update:fileList', fileList.value.map(function (item) {
+                var _a;
+                return __assign(__assign({}, item), (_a = {}, _a[_props.keys.name] = item.name, _a[_props.keys.url] = item.url, _a));
+            }));
         };
         var handleBeforeUpload = function (rawFile) { return __awaiter(_this, void 0, void 0, function () {
             var error_2;

package/lib/index.umd.js

@@ -867,7 +867,7 @@
   }
 
   /**
-  * @vue/shared v3.5.13
+  * @vue/shared v3.5.17
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -21109,8 +21109,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   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));
@@ -21135,19 +21136,19 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   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 [];
     }
@@ -21670,16 +21671,22 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           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,
@@ -21925,6 +21932,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     };
   };
 
+  const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
   // For type backwards-compatibility, the `OffsetOptions` type was also
   // Derivable.
 
@@ -21938,7 +21947,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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);
 
@@ -22138,7 +22147,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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) {
@@ -22283,6 +22292,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     }
     return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
   }
+  const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
   function isOverflowElement(element) {
     const {
       overflow,
@@ -22290,27 +22300,32 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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);
@@ -22328,8 +22343,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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);
@@ -22634,6 +22650,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     };
   }
 
+  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');
@@ -22698,7 +22715,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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);
@@ -22761,6 +22778,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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);
@@ -22770,11 +22793,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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;
@@ -22951,7 +22975,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           // Handle <iframe>s
           root: root.ownerDocument
         });
-      } catch (e) {
+      } catch (_e) {
         io = new IntersectionObserver(handleObserve, options);
       }
       io.observe(element);
@@ -74172,7 +74196,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           render: { type: null, required: false },
           useDefaultRender: { type: Boolean, required: false, default: true }
       }, emits: ["update:modelValue", "change", "expand-change", "blur", "focus", "visible-change", "remove-tag"], setup: function (__props, _a) {
-          var _b;
           var expose = _a.expose, emits = _a.emit;
           var _props = __props;
           var cascaderProps = vue.computed(function () {
@@ -74216,8 +74239,12 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var handleRemoveTag = function (val) {
               emits('remove-tag', val);
           };
+          var getCheckedNodes = function () {
+              var _a;
+              return (_a = BaseCascaderRef.value) === null || _a === void 0 ? void 0 : _a.getCheckedNodes();
+          };
           expose({
-              getCheckedNodes: (_b = BaseCascaderRef.value) === null || _b === void 0 ? void 0 : _b.getCheckedNodes
+              getCheckedNodes: getCheckedNodes
           });
           return function (_ctx, _cache) {
               return (vue.openBlock(), vue.createBlock(vue.unref(ElCascader), {
@@ -75081,7 +75108,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           httpRequest: { type: Function, required: true },
           beforeSelected: { type: Function, required: false },
           beforeRemove: { type: Function, required: false },
-          onPreview: { type: Function, required: false }
+          onPreview: { type: Function, required: false },
+          keys: { type: Object, required: false, default: function () {
+                  return { name: 'name', url: 'url' };
+              } }
       }, emits: ["update:fileList", "change", "error", "preview"], setup: function (__props, _a) {
           var _this = this;
           var _b;
@@ -75100,7 +75130,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               return (((_a = props.accept) === null || _a === void 0 ? void 0 : _a.map(function (i) { return [i.toLocaleLowerCase(), i.toLocaleUpperCase()]; }).flat(1).join(',')) || '');
           });
           vue.watch(function () { return props.fileList; }, function (newV) {
-              fileList.value = __spreadArray([], __read((newV || [])), false);
+              fileList.value = __spreadArray([], __read((newV || []).map(function (item) {
+                  return __assign(__assign({}, item), { name: item[_props.keys.name], url: item[_props.keys.url] });
+              })), false);
           }, { immediate: true, deep: true });
           var slots = (_b = vue.getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.slots;
           var onChooseFileClick = function () {
@@ -75166,7 +75198,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   var url = (_k = (_h = (_f = (_c = (_b = (_a = item.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.fileUrl) !== null && _c !== void 0 ? _c : (_e = (_d = item.response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.url) !== null && _f !== void 0 ? _f : (_g = item.response) === null || _g === void 0 ? void 0 : _g.fileUrl) !== null && _h !== void 0 ? _h : (_j = item.response) === null || _j === void 0 ? void 0 : _j.url) !== null && _k !== void 0 ? _k : '';
                   return __assign(__assign({}, item), (url && { url: url }));
               });
-              emits('update:fileList', fileList.value);
+              emits('update:fileList', fileList.value.map(function (item) {
+                  var _a;
+                  return __assign(__assign({}, item), (_a = {}, _a[_props.keys.name] = item.name, _a[_props.keys.url] = item.url, _a));
+              }));
           };
           var handleBeforeUpload = function (rawFile) { return __awaiter(_this, void 0, void 0, function () {
               var error_2;

package/lib/packages/base/upload/upload.d.ts

@@ -82,6 +82,14 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: false;
     };
+    keys: {
+        type: ObjectConstructor;
+        required: false;
+        default(): {
+            name: string;
+            url: string;
+        };
+    };
 }, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:fileList" | "change" | "error" | "preview")[], "update:fileList" | "change" | "error" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -168,6 +176,14 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         required: false;
     };
+    keys: {
+        type: ObjectConstructor;
+        required: false;
+        default(): {
+            name: string;
+            url: string;
+        };
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -185,5 +201,6 @@ declare const _default: import("vue").DefineComponent<{
     listType: string;
     fileIconSize: number;
     useSystemErrMsg: boolean;
+    keys: Record<string, any>;
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xrk-components",
-  "version": "2.0.0-beta.77",
+  "version": "2.0.0-beta.79",
   "description": "",
   "main": "lib/index.esm.js",
   "typings": "lib/packages/index.d.ts",