@element-plus/nightly 0.0.20251019 → 0.0.20251020

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251019 */
+/*! Element Plus v0.0.20251020 */
 
 (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.20251020";
 
   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"
           ]
         };
@@ -38073,6 +38073,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 +38123,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 +38173,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 +38337,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 +38763,10 @@
       default: () => ({})
     },
     remote: Boolean,
+    debounce: {
+      type: Number,
+      default: 300
+    },
     loadingText: String,
     noMatchText: String,
     noDataText: String,
@@ -43092,6 +43099,10 @@
       default: () => ({})
     },
     remote: Boolean,
+    debounce: {
+      type: Number,
+      default: 300
+    },
     size: useSizeProp,
     props: {
       type: definePropType(Object),
@@ -43556,6 +43567,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 +43638,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 +43781,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 +43823,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 +44068,7 @@
     const onInput = (event) => {
       states.inputValue = event.target.value;
       if (props.remote) {
+        debouncing.value = true;
         debouncedOnInputChange();
       } else {
         return onInputChange();
@@ -44210,7 +44226,7 @@
       expanded,
       emptyText,
       popupHeight,
-      debounce: debounce$1,
+      debounce,
       allOptions,
       allOptionsValueMap,
       filteredOptions,
@@ -49199,7 +49215,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 +51062,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 +53612,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 +56711,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 +56794,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 +56915,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) => {
@@ -65929,6 +65945,7 @@
   exports.transferEmits = transferEmits;
   exports.transferProps = transferProps;
   exports.translate = translate;
+  exports.treeEmits = treeEmits$1;
   exports.uploadBaseProps = uploadBaseProps;
   exports.uploadContentProps = uploadContentProps;
   exports.uploadContextKey = uploadContextKey;