@element-plus/nightly 0.0.20251019 → 0.0.20251021

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251019 */
+/*! Element Plus v0.0.20251021 */
 
 (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.20251019";
+  const version$1 = "0.0.20251021";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31721,7 +31721,7 @@
           arrowLeftBtn: [ppNs.e("icon-btn"), "d-arrow-left"],
           arrowRightBtn: [
             ppNs.e("icon-btn"),
-            { [ppNs.is("disabled")]: !enableYearArrow.value },
+            ppNs.is("disabled", !enableYearArrow.value),
             "d-arrow-right"
           ]
         };
@@ -36077,6 +36077,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 +36178,7 @@
       handleDragged,
       handleInput,
       handleKeydown,
+      handleKeyup,
       handleAddTag,
       handleRemoveTag,
       handleClear,
@@ -36265,6 +36280,7 @@
         handleDragged,
         handleInput,
         handleKeydown,
+        handleKeyup,
         handleRemoveTag,
         handleClear,
         handleCompositionStart,
@@ -36427,8 +36443,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", {
@@ -38073,6 +38090,7 @@
     const scrollbarRef = vue.ref();
     const expanded = vue.ref(false);
     const hoverOption = vue.ref();
+    const debouncing = vue.ref(false);
     const { form, formItem } = useFormItem();
     const { inputId } = useFormItemInputId(props, {
       formItemContext: formItem
@@ -38122,7 +38140,7 @@
     const iconReverse = vue.computed(() => nsSelect.is("reverse", !!(iconComponent.value && expanded.value)));
     const validateState = vue.computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
     const validateIcon = vue.computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
-    const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
+    const debounce = vue.computed(() => props.remote ? props.debounce : 0);
     const isRemoteSearchEmpty = vue.computed(() => props.remote && !states.inputValue && states.options.size === 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -38172,7 +38190,7 @@
     const collapseTagSize = vue.computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
     const dropdownMenuVisible = vue.computed({
       get() {
-        return expanded.value && (props.loading || !isRemoteSearchEmpty.value);
+        return expanded.value && (props.loading || !isRemoteSearchEmpty.value) && (!debouncing.value || !isEmpty(states.previousQuery));
       },
       set(val) {
         expanded.value = val;
@@ -38336,14 +38354,16 @@
     const onInput = (event) => {
       states.inputValue = event.target.value;
       if (props.remote) {
+        debouncing.value = true;
         debouncedOnInputChange();
       } else {
         return onInputChange();
       }
     };
-    const debouncedOnInputChange = debounce(() => {
+    const debouncedOnInputChange = useDebounceFn(() => {
       onInputChange();
-    }, debounce$1.value);
+      debouncing.value = false;
+    }, debounce);
     const emitChange = (val) => {
       if (!isEqual$1(props.modelValue, val)) {
         emit(CHANGE_EVENT, val);
@@ -38760,6 +38780,10 @@
       default: () => ({})
     },
     remote: Boolean,
+    debounce: {
+      type: Number,
+      default: 300
+    },
     loadingText: String,
     noMatchText: String,
     noDataText: String,
@@ -38960,6 +38984,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;
@@ -39045,7 +39070,7 @@
         return API.states.selected.map((i) => i.currentLabel);
       });
       vue.onBeforeUnmount(() => {
-        instance.appContext.config.warnHandler = void 0;
+        instance.appContext.config.warnHandler = originalWarnHandler;
       });
       return {
         ...API,
@@ -43092,6 +43117,10 @@
       default: () => ({})
     },
     remote: Boolean,
+    debounce: {
+      type: Number,
+      default: 300
+    },
     size: useSizeProp,
     props: {
       type: definePropType(Object),
@@ -43556,6 +43585,7 @@
       isBeforeHide: false
     });
     const popperSize = vue.ref(-1);
+    const debouncing = vue.ref(false);
     const selectRef = vue.ref();
     const selectionRef = vue.ref();
     const tooltipRef = vue.ref();
@@ -43626,7 +43656,7 @@
         return;
       return ValidateComponentsMap[validateState.value];
     });
-    const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
+    const debounce = vue.computed(() => props.remote ? props.debounce : 0);
     const isRemoteSearchEmpty = vue.computed(() => props.remote && !states.inputValue && !hasOptions.value);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -43769,7 +43799,7 @@
     });
     const dropdownMenuVisible = vue.computed({
       get() {
-        return expanded.value && (props.loading || !isRemoteSearchEmpty.value);
+        return expanded.value && (props.loading || !isRemoteSearchEmpty.value) && (!debouncing.value || !isEmpty(states.previousQuery));
       },
       set(val) {
         expanded.value = val;
@@ -43811,7 +43841,10 @@
         handleQueryChange(states.inputValue);
       });
     };
-    const debouncedOnInputChange = debounce(onInputChange, debounce$1.value);
+    const debouncedOnInputChange = useDebounceFn(() => {
+      onInputChange();
+      debouncing.value = false;
+    }, debounce);
     const handleQueryChange = (val) => {
       if (states.previousQuery === val || isComposing.value) {
         return;
@@ -44053,6 +44086,7 @@
     const onInput = (event) => {
       states.inputValue = event.target.value;
       if (props.remote) {
+        debouncing.value = true;
         debouncedOnInputChange();
       } else {
         return onInputChange();
@@ -44210,7 +44244,7 @@
       expanded,
       emptyText,
       popupHeight,
-      debounce: debounce$1,
+      debounce,
       allOptions,
       allOptionsValueMap,
       filteredOptions,
@@ -49199,7 +49233,7 @@
       let rowSpan = 1;
       return vue.h("thead", {
         ref: "theadRef",
-        class: { [ns.is("group")]: isGroup }
+        class: ns.is("group", isGroup)
       }, columnRows.map((subColumns, rowIndex) => vue.h("tr", {
         class: getHeaderRowClass(rowIndex),
         key: rowIndex,
@@ -51046,7 +51080,7 @@
       }, {
         default: () => {
           return [
-            vue.h(ElIcon, { class: { [ns.is("loading")]: treeNode.loading } }, {
+            vue.h(ElIcon, { class: ns.is("loading", treeNode.loading) }, {
               default: () => [vue.h(icon)]
             })
           ];
@@ -53596,9 +53630,7 @@
             }
           })
         };
-        const rootKls = [props.class, ns.b(), ns.e("root"), {
-          [ns.is("dynamic")]: vue.unref(isDynamic)
-        }];
+        const rootKls = [props.class, ns.b(), ns.e("root"), ns.is("dynamic", vue.unref(isDynamic))];
         const footerProps = {
           class: ns.e("footer"),
           style: vue.unref(footerHeight)
@@ -56697,6 +56729,22 @@
     };
   }
 
+  const treeEmits$1 = {
+    "check-change": (data, checked, indeterminate) => data && isBoolean(checked) && isBoolean(indeterminate),
+    "current-change": (data, node) => true,
+    "node-click": (data, node, nodeInstance, evt) => data && node && evt instanceof Event,
+    "node-contextmenu": (evt, data, node, nodeInstance) => evt instanceof Event && data && node,
+    "node-collapse": (data, node, nodeInstance) => data && node,
+    "node-expand": (data, node, nodeInstance) => data && node,
+    check: (data, checkedInfo) => data && checkedInfo,
+    "node-drag-start": (node, evt) => node && evt,
+    "node-drag-end": (draggingNode, dropNode, dropType, evt) => draggingNode && evt,
+    "node-drop": (draggingNode, dropNode, dropType, evt) => draggingNode && dropNode && evt,
+    "node-drag-leave": (draggingNode, oldDropNode, evt) => draggingNode && oldDropNode && evt,
+    "node-drag-enter": (draggingNode, dropNode, evt) => draggingNode && dropNode && evt,
+    "node-drag-over": (draggingNode, dropNode, evt) => draggingNode && dropNode && evt
+  };
+
   const _sfc_main$n = vue.defineComponent({
     name: "ElTree",
     components: { ElTreeNode: ElTreeNode$1 },
@@ -56764,21 +56812,7 @@
         type: iconPropType
       }
     },
-    emits: [
-      "check-change",
-      "current-change",
-      "node-click",
-      "node-contextmenu",
-      "node-collapse",
-      "node-expand",
-      "check",
-      "node-drag-start",
-      "node-drag-end",
-      "node-drop",
-      "node-drag-leave",
-      "node-drag-enter",
-      "node-drag-over"
-    ],
+    emits: treeEmits$1,
     setup(props, ctx) {
       const { t } = useLocale();
       const ns = useNamespace("tree");
@@ -56899,12 +56933,12 @@
           store.value.setUserCurrentNode(node, shouldAutoExpandParent);
         });
       };
-      const setCurrentKey = (key, shouldAutoExpandParent = true) => {
+      const setCurrentKey = (key = null, shouldAutoExpandParent = true) => {
         if (!props.nodeKey)
           throw new Error("[Tree] nodeKey is required in setCurrentKey");
         handleCurrentChange(store, ctx.emit, () => {
           broadcastExpanded();
-          store.value.setCurrentNodeKey(key != null ? key : null, shouldAutoExpandParent);
+          store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
         });
       };
       const getNode = (data) => {
@@ -57942,13 +57976,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;
@@ -65929,6 +65969,7 @@
   exports.transferEmits = transferEmits;
   exports.transferProps = transferProps;
   exports.translate = translate;
+  exports.treeEmits = treeEmits$1;
   exports.uploadBaseProps = uploadBaseProps;
   exports.uploadContentProps = uploadContentProps;
   exports.uploadContextKey = uploadContextKey;