@element-plus/nightly 0.0.20230306 → 0.0.20230307

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230306 */
+/*! Element Plus v0.0.20230307 */
 
 (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,15 @@
       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) || "";
+    });
     return {
       ns,
       locale,
-      zIndex
+      zIndex,
+      size
     };
   }
   const provideGlobalConfig = (config, app, global = false) => {
@@ -11197,7 +11202,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230306";
+  const version$1 = "0.0.20230307";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -28594,17 +28599,21 @@
     },
     zIndex: {
       type: definePropType([String, Number])
+    },
+    isGlobal: {
+      type: Boolean
     }
   });
   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 = props.isGlobal ? useGlobalComponentSettings(BLOCK).ns : useNamespace(BLOCK);
       const onMaskClick = (e) => {
         emit("click", e);
       };
@@ -33210,17 +33219,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 +33833,7 @@
       states.mouseEnter = false;
     };
     return {
+      optionList,
       optionsArray,
       selectSize,
       handleResize,
@@ -33884,6 +33885,31 @@
     };
   };
 
+  var ElOptions = vue.defineComponent({
+    name: "ElOptions",
+    emits: ["update-options"],
+    setup(_, { slots, emit }) {
+      return () => {
+        var _a, _b, _c, _d;
+        const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        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);
+          }
+        }
+        return children;
+      };
+    }
+  });
+
   const COMPONENT_NAME$9 = "ElSelect";
   const _sfc_main$N = vue.defineComponent({
     name: COMPONENT_NAME$9,
@@ -33892,6 +33918,7 @@
       ElInput,
       ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
+      ElOptions,
       ElTag,
       ElScrollbar,
       ElTooltip,
@@ -34010,6 +34037,7 @@
       const { t } = useLocale();
       const states = useSelectStates(props);
       const {
+        optionList,
         optionsArray,
         selectSize,
         readonly,
@@ -34148,7 +34176,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 +34257,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 +34536,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"]), [
@@ -54827,7 +54865,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 +54915,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 +55045,7 @@
         }
       };
       if (props.lockScroll) {
-        useLockscreen(visible);
+        useLockscreen(visible, { ns });
       }
       useRestoreActive(visible);
       return {
@@ -55052,7 +55094,8 @@
         vue.withDirectives(vue.createVNode(_component_el_overlay, {
           "z-index": _ctx.zIndex,
           "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
-          mask: _ctx.modal
+          mask: _ctx.modal,
+          "is-global": ""
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {