@element-plus/nightly 0.0.20230217 → 0.0.20230219

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230217 */
+/*! Element Plus v0.0.20230219 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11202,7 +11202,7 @@
     };
   };
 
-  const version$1 = "0.0.20230217";
+  const version$1 = "0.0.20230219";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -21359,6 +21359,7 @@
       const popperVisible = vue.ref(false);
       const inputHover = vue.ref(false);
       const filtering = vue.ref(false);
+      const filterFocus = vue.ref(false);
       const inputValue = vue.ref("");
       const searchInputValue = vue.ref("");
       const presentTags = vue.ref([]);
@@ -21421,6 +21422,9 @@
           nsCascader.is("reverse", popperVisible.value)
         ];
       });
+      const inputClass = vue.computed(() => {
+        return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+      });
       const togglePopperVisible = (visible) => {
         var _a, _b, _c;
         if (isDisabled.value)
@@ -21638,9 +21642,15 @@
         }
       };
       const handleFocus = (e) => {
+        const el = e.target;
+        const name = nsCascader.e("search-input");
+        if (el.className === name) {
+          filterFocus.value = true;
+        }
         emit("focus", e);
       };
       const handleBlur = (e) => {
+        filterFocus.value = false;
         emit("blur", e);
       };
       const handleFilter = debounce(() => {
@@ -21724,7 +21734,8 @@
                 disabled: vue.unref(isDisabled),
                 "validate-event": false,
                 size: vue.unref(realSize),
-                class: vue.normalizeClass(vue.unref(nsCascader).is("focus", popperVisible.value)),
+                class: vue.normalizeClass(vue.unref(inputClass)),
+                tabindex: vue.unref(multiple) && _ctx.filterable && !vue.unref(isDisabled) ? -1 : void 0,
                 onCompositionstart: handleComposition,
                 onCompositionupdate: handleComposition,
                 onCompositionend: handleComposition,
@@ -21754,7 +21765,7 @@
                   }, 8, ["class"]))
                 ]),
                 _: 1
-              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex"]),
               vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref_key: "tagWrapper",
@@ -21827,7 +21838,9 @@
                   onKeydown: vue.withKeys(handleDelete, ["delete"]),
                   onCompositionstart: handleComposition,
                   onCompositionupdate: handleComposition,
-                  onCompositionend: handleComposition
+                  onCompositionend: handleComposition,
+                  onFocus: handleFocus,
+                  onBlur: handleBlur
                 }, null, 42, _hoisted_2$w)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
@@ -28000,23 +28013,23 @@
       const triggerId = vue.computed(() => {
         return props.id || defaultTriggerId;
       });
-      vue.watch([triggeringElementRef, vue.toRef(props, "trigger")], ([triggeringElement2, trigger], [prevTriggeringElement]) => {
+      vue.watch([triggeringElementRef, vue.toRef(props, "trigger")], ([triggeringElement, trigger], [prevTriggeringElement]) => {
         var _a, _b, _c;
         const triggerArray = isArray(trigger) ? trigger : [trigger];
         if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
           prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
         }
-        if ((_b = triggeringElement2 == null ? void 0 : triggeringElement2.$el) == null ? void 0 : _b.removeEventListener) {
-          triggeringElement2.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+        if ((_b = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _b.removeEventListener) {
+          triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
         }
-        if (((_c = triggeringElement2 == null ? void 0 : triggeringElement2.$el) == null ? void 0 : _c.addEventListener) && triggerArray.includes("hover")) {
-          triggeringElement2.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
+        if (((_c = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _c.addEventListener) && triggerArray.includes("hover")) {
+          triggeringElement.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
         }
       }, { immediate: true });
-      vue.onUnmounted(() => {
-        var _a;
-        if ((_a = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
-          triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+      vue.onBeforeUnmount(() => {
+        var _a, _b;
+        if ((_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.removeEventListener) {
+          triggeringElementRef.value.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
         }
       });
       function handleClick() {
@@ -43014,7 +43027,7 @@
       if (height === null)
         return false;
       const scrollBarRef = this.table.refs.scrollBarRef;
-      if (this.table.vnode.el && scrollBarRef) {
+      if (this.table.vnode.el && (scrollBarRef == null ? void 0 : scrollBarRef.wrapRef)) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
         scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;
@@ -52020,6 +52033,10 @@
     SetOperationEnum2["DELETE"] = "delete";
     return SetOperationEnum2;
   })(SetOperationEnum || {});
+  const itemSize = {
+    type: Number,
+    default: 26
+  };
   const treeProps = buildProps({
     data: {
       type: definePropType(Array),
@@ -52065,6 +52082,7 @@
       type: Number,
       default: 16
     },
+    itemSize,
     icon: {
       type: iconPropType
     },
@@ -52123,7 +52141,8 @@
     hiddenExpandIcon: {
       type: Boolean,
       default: false
-    }
+    },
+    itemSize
   });
   const treeNodeContentProps = buildProps({
     node: {
@@ -52717,7 +52736,10 @@
         }, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).be("node", "content")),
-            style: vue.normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * vue.unref(indent)}px` })
+            style: vue.normalizeStyle({
+              paddingLeft: `${(_ctx.node.level - 1) * vue.unref(indent)}px`,
+              height: _ctx.itemSize + "px"
+            })
           }, [
             vue.unref(icon) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
               key: 0,
@@ -52753,7 +52775,6 @@
   });
   var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "tree-node.vue"]]);
 
-  const itemSize = 26;
   const __default__$6 = vue.defineComponent({
     name: "ElTreeV2"
   });
@@ -52764,6 +52785,7 @@
     setup(__props, { expose, emit }) {
       const props = __props;
       const slots = vue.useSlots();
+      const treeNodeSize = vue.computed(() => props.itemSize);
       vue.provide(ROOT_TREE_INJECTION_KEY, {
         ctx: {
           emit,
@@ -52834,7 +52856,7 @@
             data: vue.unref(flattenTree),
             total: vue.unref(flattenTree).length,
             height: _ctx.height,
-            "item-size": itemSize,
+            "item-size": vue.unref(treeNodeSize),
             "perf-mode": _ctx.perfMode
           }, {
             default: vue.withCtx(({ data, index, style }) => [
@@ -52846,16 +52868,17 @@
                 "show-checkbox": _ctx.showCheckbox,
                 checked: vue.unref(isChecked)(data[index]),
                 indeterminate: vue.unref(isIndeterminate)(data[index]),
+                "item-size": vue.unref(treeNodeSize),
                 disabled: vue.unref(isDisabled)(data[index]),
                 current: vue.unref(isCurrent)(data[index]),
                 "hidden-expand-icon": vue.unref(isForceHiddenExpandIcon)(data[index]),
                 onClick: vue.unref(handleNodeClick),
                 onToggle: vue.unref(toggleExpand),
                 onCheck: vue.unref(handleNodeCheck)
-              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
+              }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "item-size", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"]))
             ]),
             _: 1
-          }, 8, ["class-name", "data", "total", "height", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          }, 8, ["class-name", "data", "total", "height", "item-size", "perf-mode"])) : (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(vue.unref(ns).e("empty-block"))
           }, [