@element-plus/nightly 0.0.20251020 → 0.0.20251022

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251020 */
+/*! Element Plus v0.0.20251022 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12528,7 +12528,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251020";
+  const version$1 = "0.0.20251022";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12827,7 +12827,7 @@
             }, [
               _ctx.showIcon && (_ctx.$slots.icon || vue.unref(iconComponent)) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 0,
-                class: vue.normalizeClass([vue.unref(ns).e("icon"), { [vue.unref(ns).is("big")]: vue.unref(hasDesc) }])
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(ns).is("big", vue.unref(hasDesc))])
               }, {
                 default: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -28958,7 +28958,7 @@
     const { t } = useLocale();
     const tableKls = vue.computed(() => [
       ns.b(),
-      { "is-week-mode": props.selectionMode === "week" && !props.disabled }
+      ns.is("week-mode", props.selectionMode === "week" && !props.disabled)
     ]);
     const tableLabel = vue.computed(() => t("el.datepicker.dateTablePrompt"));
     const getCellClasses = (cell) => {
@@ -31503,7 +31503,7 @@
                     disabled: !vue.unref(enableYearArrow) || _ctx.disabled,
                     class: vue.normalizeClass([[
                       vue.unref(ppNs).e("icon-btn"),
-                      { [vue.unref(ppNs).is("disabled")]: !vue.unref(enableYearArrow) }
+                      vue.unref(ppNs).is("disabled", !vue.unref(enableYearArrow))
                     ], "d-arrow-right"]),
                     onClick: vue.unref(leftNextYear)
                   }, [
@@ -31542,7 +31542,10 @@
                     key: 0,
                     type: "button",
                     disabled: !vue.unref(enableYearArrow) || _ctx.disabled,
-                    class: vue.normalizeClass([[vue.unref(ppNs).e("icon-btn"), { "is-disabled": !vue.unref(enableYearArrow) }], "d-arrow-left"]),
+                    class: vue.normalizeClass([[
+                      vue.unref(ppNs).e("icon-btn"),
+                      vue.unref(ppNs).is("disabled", !vue.unref(enableYearArrow))
+                    ], "d-arrow-left"]),
                     onClick: vue.unref(rightPrevYear)
                   }, [
                     vue.renderSlot(_ctx.$slots, "prev-year", {}, () => [
@@ -31731,7 +31734,7 @@
           content: [ppNs.e("content"), drpNs.e("content"), "is-right"],
           arrowLeftBtn: [
             ppNs.e("icon-btn"),
-            { "is-disabled": !enableYearArrow.value },
+            ppNs.is("disabled", !enableYearArrow.value),
             "d-arrow-left"
           ],
           arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
@@ -36077,6 +36080,20 @@
           break;
       }
     };
+    const handleKeyup = (event) => {
+      if (isComposing.value || !isAndroid())
+        return;
+      const code = getEventCode(event);
+      switch (code) {
+        case EVENT_CODE.space:
+          if (props.trigger === EVENT_CODE.space) {
+            event.preventDefault();
+            event.stopPropagation();
+            handleAddTag();
+          }
+          break;
+      }
+    };
     const handleAddTag = () => {
       var _a;
       const value = (_a = inputValue.value) == null ? void 0 : _a.trim();
@@ -36164,6 +36181,7 @@
       handleDragged,
       handleInput,
       handleKeydown,
+      handleKeyup,
       handleAddTag,
       handleRemoveTag,
       handleClear,
@@ -36265,6 +36283,7 @@
         handleDragged,
         handleInput,
         handleKeydown,
+        handleKeyup,
         handleRemoveTag,
         handleClear,
         handleCompositionStart,
@@ -36427,8 +36446,9 @@
                 onCompositionupdate: vue.unref(handleCompositionUpdate),
                 onCompositionend: vue.unref(handleCompositionEnd),
                 onInput: vue.unref(handleInput),
-                onKeyup: vue.unref(handleKeydown)
-              }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeyup"]), [
+                onKeydown: vue.unref(handleKeydown),
+                onKeyup: vue.unref(handleKeyup)
+              }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown", "onKeyup"]), [
                 [vue.vModelText, vue.unref(inputValue)]
               ]),
               vue.createElementVNode("span", {
@@ -37607,10 +37627,10 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             vue.unref(ns).b(),
+            vue.unref(ns).is("contentful", !!_ctx.$slots.default),
             {
               [vue.unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
-              [vue.unref(ns).m("has-extra")]: !!_ctx.$slots.extra,
-              [vue.unref(ns).is("contentful")]: !!_ctx.$slots.default
+              [vue.unref(ns).m("has-extra")]: !!_ctx.$slots.extra
             }
           ])
         }, [
@@ -38967,6 +38987,7 @@
     ],
     setup(props, { emit, slots }) {
       const instance = vue.getCurrentInstance();
+      const originalWarnHandler = instance.appContext.config.warnHandler;
       instance.appContext.config.warnHandler = (...args) => {
         if (!args[0] || args[0].includes('Slot "default" invoked outside of the render function')) {
           return;
@@ -39028,7 +39049,7 @@
         return [(_a = slots.default) == null ? void 0 : _a.call(slots), modelValue.value];
       }, () => {
         var _a;
-        if (props.persistent) {
+        if (props.persistent || API.states.options.size > 0) {
           return;
         }
         manuallyRenderSlots((_a = slots.default) == null ? void 0 : _a.call(slots));
@@ -39052,7 +39073,7 @@
         return API.states.selected.map((i) => i.currentLabel);
       });
       vue.onBeforeUnmount(() => {
-        instance.appContext.config.warnHandler = void 0;
+        instance.appContext.config.warnHandler = originalWarnHandler;
       });
       return {
         ...API,
@@ -48628,7 +48649,7 @@
             class: vue.normalizeClass(_ctx.ns.e("bottom"))
           }, [
             vue.createElementVNode("button", {
-              class: vue.normalizeClass({ [_ctx.ns.is("disabled")]: _ctx.filteredValue.length === 0 }),
+              class: vue.normalizeClass(_ctx.ns.is("disabled", _ctx.filteredValue.length === 0)),
               disabled: _ctx.filteredValue.length === 0,
               type: "button",
               onClick: _ctx.handleConfirm
@@ -48645,9 +48666,7 @@
           vue.createElementVNode("li", {
             class: vue.normalizeClass([
               _ctx.ns.e("list-item"),
-              {
-                [_ctx.ns.is("active")]: _ctx.isPropAbsent(_ctx.filterValue)
-              }
+              _ctx.ns.is("active", _ctx.isPropAbsent(_ctx.filterValue))
             ]),
             onClick: ($event) => _ctx.handleSelect(null)
           }, vue.toDisplayString(_ctx.t("el.table.clearFilter")), 11, ["onClick"]),
@@ -53126,11 +53145,8 @@
     const depth = depthMap[_rowKey] || 0;
     const canExpand = Boolean(expandColumnKey);
     const isFixedRow = rowIndex < 0;
-    const kls = [ns.e("row"), rowKls, {
-      [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0,
-      [ns.is("expanded")]: canExpand && expandedRowKeys.includes(_rowKey),
-      [ns.is("fixed")]: !depth && isFixedRow,
-      [ns.is("customized")]: Boolean(slots.row)
+    const kls = [ns.e("row"), rowKls, ns.is("expanded", canExpand && expandedRowKeys.includes(_rowKey)), ns.is("fixed", !depth && isFixedRow), ns.is("customized", Boolean(slots.row)), {
+      [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0
     }];
     const onRowHover = hasFixedColumns ? onRowHovered : void 0;
     const _rowProps = {
@@ -53282,9 +53298,7 @@
       columns,
       headerIndex
     };
-    const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), {
-      [ns.is("customized")]: Boolean(slots.header)
-    }];
+    const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), ns.is("customized", Boolean(slots.header))];
     const extraProps = {
       ...tryCall(headerProps, param),
       columnsStyles,
@@ -56798,7 +56812,6 @@
     setup(props, ctx) {
       const { t } = useLocale();
       const ns = useNamespace("tree");
-      const selectInfo = vue.inject(selectKey, null);
       const store = vue.ref(new TreeStore({
         key: props.nodeKey,
         data: props.data,
@@ -56828,10 +56841,20 @@
         store
       });
       useKeydown({ el$ }, store);
+      const instance = vue.getCurrentInstance();
+      const isSelectTree = vue.computed(() => {
+        let parent = instance == null ? void 0 : instance.parent;
+        while (parent) {
+          if (parent.type.name === "ElTreeSelect") {
+            return true;
+          }
+          parent = parent.parent;
+        }
+        return false;
+      });
       const isEmpty = vue.computed(() => {
         const { childNodes } = root.value;
-        const hasFilteredOptions = selectInfo ? selectInfo.hasFilteredOptions !== 0 : false;
-        return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !hasFilteredOptions;
+        return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !isSelectTree.value;
       });
       vue.watch(() => props.currentNodeKey, (newVal) => {
         store.value.setCurrentNodeKey(newVal != null ? newVal : null);
@@ -56938,9 +56961,9 @@
       const insertAfter = (data, refNode) => {
         store.value.insertAfter(data, refNode);
       };
-      const handleNodeExpand = (nodeData, node, instance) => {
+      const handleNodeExpand = (nodeData, node, instance2) => {
         broadcastExpanded(node);
-        ctx.emit("node-expand", nodeData, node, instance);
+        ctx.emit("node-expand", nodeData, node, instance2);
       };
       const updateKeyChildren = (key, data) => {
         if (!props.nodeKey)
@@ -56953,7 +56976,7 @@
         store,
         root,
         currentNode,
-        instance: vue.getCurrentInstance()
+        instance
       });
       vue.provide(formItemContextKey, void 0);
       return {
@@ -57958,13 +57981,19 @@
         });
       }
       keySet.add(node.key);
-      node.expanded = true;
-      emit(NODE_EXPAND, node.data, node);
+      const _node = getNode(node.key);
+      if (_node) {
+        _node.expanded = true;
+        emit(NODE_EXPAND, _node.data, _node);
+      }
     }
     function collapseNode(node) {
       expandedKeySet.value.delete(node.key);
-      node.expanded = false;
-      emit(NODE_COLLAPSE, node.data, node);
+      const _node = getNode(node.key);
+      if (_node) {
+        _node.expanded = false;
+        emit(NODE_COLLAPSE, _node.data, _node);
+      }
     }
     function isDisabled(node) {
       return !!node.disabled;
@@ -61714,7 +61743,7 @@
               }, null, 8, ["current", "total"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(total), (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("span", {
                   key: item,
-                  class: vue.normalizeClass([vue.unref(ns).b("indicator"), index === vue.unref(current) ? "is-active" : ""])
+                  class: vue.normalizeClass([vue.unref(ns).b("indicator"), vue.unref(ns).is("active", index === vue.unref(current))])
                 }, null, 2);
               }), 128))
             ], 2),
@@ -63917,7 +63946,7 @@
                 class: [
                   ns.b("mask"),
                   data.customClass,
-                  data.fullscreen ? "is-fullscreen" : ""
+                  ns.is("fullscreen", data.fullscreen)
                 ]
               }, [
                 vue.h("div", {