@element-plus/nightly 0.0.20230306 → 0.0.20230308

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230306 */
+/*! Element Plus v0.0.20230308 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9308,11 +9308,11 @@
     };
   };
 
-  const useLockscreen = (trigger) => {
+  const useLockscreen = (trigger, options = {}) => {
     if (!vue.isRef(trigger)) {
       throwError("[useLockscreen]", "You need to pass a ref param to this function");
     }
-    const ns = useNamespace("popup");
+    const ns = options.ns || useNamespace("popup");
     const hiddenCls = computed(() => ns.bm("parent", "hidden"));
     if (!isClient || hasClass(document.body, hiddenCls.value)) {
       return;
@@ -11097,7 +11097,7 @@
       return config;
     }
   }
-  function useGlobalComponentSettings(block) {
+  function useGlobalComponentSettings(block, sizeFallback) {
     const config = useGlobalConfig();
     const ns = useNamespace(block, vue.computed(() => {
       var _a;
@@ -11111,10 +11111,16 @@
       var _a;
       return ((_a = config.value) == null ? void 0 : _a.zIndex) || defaultInitialZIndex;
     }));
+    const size = vue.computed(() => {
+      var _a;
+      return vue.unref(sizeFallback) || ((_a = config.value) == null ? void 0 : _a.size) || "";
+    });
+    provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
     return {
       ns,
       locale,
-      zIndex
+      zIndex,
+      size
     };
   }
   const provideGlobalConfig = (config, app, global = false) => {
@@ -11197,7 +11203,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230306";
+  const version$1 = "0.0.20230308";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -28599,12 +28605,13 @@
   const overlayEmits = {
     click: (evt) => evt instanceof MouseEvent
   };
+  const BLOCK = "overlay";
   var Overlay$1 = vue.defineComponent({
     name: "ElOverlay",
     props: overlayProps,
     emits: overlayEmits,
     setup(props, { slots, emit }) {
-      const ns = useNamespace("overlay");
+      const ns = useNamespace(BLOCK);
       const onMaskClick = (e) => {
         emit("click", e);
       };
@@ -33210,17 +33217,8 @@
     const hoverOption = vue.ref(-1);
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
-    const instance = vue.getCurrentInstance();
     const optionList = vue.ref([]);
     let originClientHeight = 0;
-    vue.onUpdated(() => {
-      var _a, _b;
-      const childrens = (_b = instance == null ? void 0 : (_a = instance.slots).default) == null ? void 0 : _b.call(_a)[0].children;
-      if (childrens && childrens.length) {
-        const options = childrens.filter((item) => item.type.name === "ElOption").map((item) => item.props.label);
-        optionList.value = options;
-      }
-    });
     const { form, formItem } = useFormItem();
     const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
     const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
@@ -33833,6 +33831,7 @@
       states.mouseEnter = false;
     };
     return {
+      optionList,
       optionsArray,
       selectSize,
       handleResize,
@@ -33884,6 +33883,52 @@
     };
   };
 
+  var ElOptions = vue.defineComponent({
+    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;
+        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) {
+          filterOptions((_b = children[0]) == null ? void 0 : _b.children);
+        }
+        if (!isSameOptions(filteredOptions, cachedOptions)) {
+          cachedOptions = filteredOptions;
+          emit("update-options", filteredOptions);
+        }
+        return children;
+      };
+    }
+  });
+
   const COMPONENT_NAME$9 = "ElSelect";
   const _sfc_main$N = vue.defineComponent({
     name: COMPONENT_NAME$9,
@@ -33892,6 +33937,7 @@
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
+      ElOptions,
       ElTag,
       ElScrollbar,
       ElTooltip,
@@ -34010,6 +34056,7 @@
       const { t } = useLocale();
       const states = useSelectStates(props);
       const {
+        optionList,
         optionsArray,
         selectSize,
         readonly,
@@ -34148,7 +34195,11 @@
         var _a, _b;
         return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
       });
+      const onOptionsRendered = (v) => {
+        optionList.value = v;
+      };
       return {
+        onOptionsRendered,
         tagInMultiLine,
         prefixWidth,
         selectSize,
@@ -34225,6 +34276,7 @@
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_option = vue.resolveComponent("el-option");
+    const _component_el_options = vue.resolveComponent("el-options");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_el_select_menu = vue.resolveComponent("el-select-menu");
     const _directive_click_outside = vue.resolveDirective("click-outside");
@@ -34503,7 +34555,12 @@
                     value: _ctx.query,
                     created: true
                   }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
-                  vue.renderSlot(_ctx.$slots, "default")
+                  vue.createVNode(_component_el_options, { onUpdateOptions: _ctx.onOptionsRendered }, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 8, ["onUpdateOptions"])
                 ]),
                 _: 3
               }, 8, ["wrap-class", "view-class", "class"]), [
@@ -36482,6 +36539,7 @@
     vScrollbarSize: scrollbarSize,
     scrollbarStartGap: startGap,
     scrollbarEndGap: endGap,
+    role: String,
     ...virtualizedProps
   });
   const virtualizedScrollbarProps = buildProps({
@@ -37703,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,
@@ -41941,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() {
@@ -44102,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;
@@ -44159,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) => {
@@ -47052,7 +47111,8 @@
         }
         return vue.createVNode("div", {
           "class": props.class,
-          "style": style
+          "style": style,
+          "role": "row"
         }, [Cells]);
       };
     }
@@ -47136,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")
@@ -47330,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]);
       };
     }
@@ -47555,6 +47618,7 @@
           "width": width,
           "height": vue.unref(gridHeight),
           "class": ns.e("body"),
+          "role": "rowgroup",
           "scrollbarStartGap": scrollbarStartGap,
           "scrollbarEndGap": scrollbarEndGap,
           "scrollbarAlwaysOn": scrollbarAlwaysOn,
@@ -47800,7 +47864,9 @@
     return vue.createVNode("div", vue.mergeProps({
       "class": kls,
       "style": cellStyle
-    }, extraCellProps), [IconOrPlaceholder, Cell]);
+    }, extraCellProps, {
+      "role": "cell"
+    }), [IconOrPlaceholder, Cell]);
   };
   CellRenderer.inheritAttrs = false;
 
@@ -47887,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)]);
@@ -54827,7 +54895,12 @@
     },
     emits: ["vanish", "action"],
     setup(props, { emit }) {
-      const { locale, zIndex, ns } = useGlobalComponentSettings("message-box");
+      const {
+        locale,
+        zIndex,
+        ns,
+        size: btnSize
+      } = useGlobalComponentSettings("message-box", vue.computed(() => props.buttonSize));
       const { t } = locale;
       const { nextZIndex } = zIndex;
       const visible = vue.ref(false);
@@ -54872,7 +54945,6 @@
       });
       const contentId = useId();
       const inputId = useId();
-      const btnSize = useFormSize(vue.computed(() => props.buttonSize), { prop: true, form: true, formItem: true });
       const iconComponent = vue.computed(() => state.icon || TypeComponentsMap[state.type] || "");
       const hasMessage = vue.computed(() => !!state.message);
       const rootRef = vue.ref();
@@ -55003,7 +55075,7 @@
         }
       };
       if (props.lockScroll) {
-        useLockscreen(visible);
+        useLockscreen(visible, { ns });
       }
       useRestoreActive(visible);
       return {