@element-plus/nightly 0.0.20230307 → 0.0.20230308

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230307 */
+/*! Element Plus v0.0.20230308 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11115,6 +11115,7 @@
       var _a;
       return vue.unref(sizeFallback) || ((_a = config.value) == null ? void 0 : _a.size) || "";
     });
+    provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
     return {
       ns,
       locale,
@@ -11202,7 +11203,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230307";
+  const version$1 = "0.0.20230308";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -28599,9 +28600,6 @@
     },
     zIndex: {
       type: definePropType([String, Number])
-    },
-    isGlobal: {
-      type: Boolean
     }
   });
   const overlayEmits = {
@@ -28613,7 +28611,7 @@
     props: overlayProps,
     emits: overlayEmits,
     setup(props, { slots, emit }) {
-      const ns = props.isGlobal ? useGlobalComponentSettings(BLOCK).ns : useNamespace(BLOCK);
+      const ns = useNamespace(BLOCK);
       const onMaskClick = (e) => {
         emit("click", e);
       };
@@ -33889,21 +33887,42 @@
     name: "ElOptions",
     emits: ["update-options"],
     setup(_, { slots, emit }) {
+      let cachedOptions = [];
+      function isSameOptions(a, b) {
+        if (a.length !== b.length)
+          return false;
+        for (const [index] of a.entries()) {
+          if (a[index] != b[index]) {
+            return false;
+          }
+        }
+        return true;
+      }
       return () => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        const filteredOptions = [];
+        function filterOptions(children2) {
+          if (!Array.isArray(children2))
+            return;
+          children2.forEach((item) => {
+            var _a2, _b2, _c, _d;
+            const name = (_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name;
+            if (name === "ElOptionGroup") {
+              filterOptions(!isString$1(item.children) && !Array.isArray(item.children) && isFunction$1((_b2 = item.children) == null ? void 0 : _b2.default) ? (_c = item.children) == null ? void 0 : _c.default() : item.children);
+            } else if (name === "ElOption") {
+              filteredOptions.push((_d = item.props) == null ? void 0 : _d.label);
+            } else if (Array.isArray(item.children)) {
+              filterOptions(item.children);
+            }
+          });
+        }
         if (children.length) {
-          const options = ((_d = (_c = (_b = children[0]) == null ? void 0 : _b.children) == null ? void 0 : _c[0]) == null ? void 0 : _d.children) || [];
-          if (options && options.length) {
-            const filteredOptions = options.filter((item) => {
-              var _a2;
-              return ((_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name) === "ElOption";
-            }).map((item) => {
-              var _a2;
-              return (_a2 = item.props) == null ? void 0 : _a2.label;
-            });
-            emit("update-options", filteredOptions);
-          }
+          filterOptions((_b = children[0]) == null ? void 0 : _b.children);
+        }
+        if (!isSameOptions(filteredOptions, cachedOptions)) {
+          cachedOptions = filteredOptions;
+          emit("update-options", filteredOptions);
         }
         return children;
       };
@@ -36520,6 +36539,7 @@
     vScrollbarSize: scrollbarSize,
     scrollbarStartGap: startGap,
     scrollbarEndGap: endGap,
+    role: String,
     ...virtualizedProps
   });
   const virtualizedScrollbarProps = buildProps({
@@ -37741,7 +37761,8 @@
           const Inner = renderInner();
           return vue.h("div", {
             key: 0,
-            class: ns.e("wrapper")
+            class: ns.e("wrapper"),
+            role: props.role
           }, [
             vue.h(Container, {
               class: props.className,
@@ -41979,12 +42000,11 @@
     });
   }
   let removePopper;
-  function createTablePopper(parentNode, trigger, popperContent, tooltipOptions) {
+  function createTablePopper(parentNode, trigger, popperContent, nextZIndex, tooltipOptions) {
     tooltipOptions = merge({
       enterable: true,
       showArrow: true
     }, tooltipOptions);
-    const { nextZIndex } = useZIndex();
     const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
     const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
     function renderContent() {
@@ -44140,6 +44160,7 @@
     const parent = vue.inject(TABLE_INJECTION_KEY);
     const tooltipContent = vue.ref("");
     const tooltipTrigger = vue.ref(vue.h("div"));
+    const { nextZIndex } = useZIndex();
     const handleEvent = (event, row, name) => {
       var _a;
       const table = parent;
@@ -44197,7 +44218,7 @@
       const rangeWidth = Math.round(range.getBoundingClientRect().width);
       const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
       if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
-        createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, tooltipOptions);
+        createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, nextZIndex, tooltipOptions);
       }
     };
     const handleCellMouseLeave = (event) => {
@@ -47090,7 +47111,8 @@
         }
         return vue.createVNode("div", {
           "class": props.class,
-          "style": style
+          "style": style,
+          "role": "row"
         }, [Cells]);
       };
     }
@@ -47174,7 +47196,8 @@
         return vue.createVNode("div", {
           "ref": headerRef,
           "class": props.class,
-          "style": vue.unref(headerStyle)
+          "style": vue.unref(headerStyle),
+          "role": "rowgroup"
         }, [vue.createVNode("div", {
           "style": vue.unref(rowStyle),
           "class": ns.e("header")
@@ -47368,13 +47391,15 @@
           return vue.createVNode("div", vue.mergeProps({
             "ref": rowRef,
             "class": props.class,
-            "style": _measured ? style : exceptHeightStyle
+            "style": _measured ? style : exceptHeightStyle,
+            "role": "row"
           }, attrs, vue.unref(eventHandlers)), [ColumnCells]);
         }
         return vue.createVNode("div", vue.mergeProps(attrs, {
           "ref": rowRef,
           "class": props.class,
-          "style": style
+          "style": style,
+          "role": "row"
         }, vue.unref(eventHandlers)), [ColumnCells]);
       };
     }
@@ -47593,6 +47618,7 @@
           "width": width,
           "height": vue.unref(gridHeight),
           "class": ns.e("body"),
+          "role": "rowgroup",
           "scrollbarStartGap": scrollbarStartGap,
           "scrollbarEndGap": scrollbarEndGap,
           "scrollbarAlwaysOn": scrollbarAlwaysOn,
@@ -47838,7 +47864,9 @@
     return vue.createVNode("div", vue.mergeProps({
       "class": kls,
       "style": cellStyle
-    }, extraCellProps), [IconOrPlaceholder, Cell]);
+    }, extraCellProps, {
+      "role": "cell"
+    }), [IconOrPlaceholder, Cell]);
   };
   CellRenderer.inheritAttrs = false;
 
@@ -47925,7 +47953,9 @@
       style: cellStyle,
       ["data-key"]: column.key
     };
-    return vue.createVNode("div", cellWrapperProps, [Cell, sortable && vue.createVNode(SortIcon$1, {
+    return vue.createVNode("div", vue.mergeProps(cellWrapperProps, {
+      "role": "columnheader"
+    }), [Cell, sortable && vue.createVNode(SortIcon$1, {
       "class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
       "sortOrder": sortOrder
     }, null)]);
@@ -55094,8 +55124,7 @@
         vue.withDirectives(vue.createVNode(_component_el_overlay, {
           "z-index": _ctx.zIndex,
           "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
-          mask: _ctx.modal,
-          "is-global": ""
+          mask: _ctx.modal
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {