element-plus 2.9.0 → 2.9.1

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.9.0 */
+/*! Element Plus v2.9.1 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.9.0";
+  const version$1 = "2.9.1";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11850,13 +11850,7 @@
       const ns = useNamespace("alert");
       const visible = vue.ref(true);
       const iconComponent = vue.computed(() => TypeComponentsMap[props.type]);
-      const iconClass = vue.computed(() => [
-        ns.e("icon"),
-        { [ns.is("big")]: !!props.description || !!slots.default }
-      ]);
-      const withDescription = vue.computed(() => {
-        return { "with-description": props.description || slots.default };
-      });
+      const hasDesc = vue.computed(() => !!(props.description || slots.default));
       const close = (evt) => {
         visible.value = false;
         emit("close", evt);
@@ -11873,7 +11867,7 @@
             }, [
               _ctx.showIcon && vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 key: 0,
-                class: vue.normalizeClass(vue.unref(iconClass))
+                class: vue.normalizeClass([vue.unref(ns).e("icon"), { [vue.unref(ns).is("big")]: vue.unref(hasDesc) }])
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
@@ -11885,13 +11879,13 @@
               }, [
                 _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).e("title"), vue.unref(withDescription)])
+                  class: vue.normalizeClass([vue.unref(ns).e("title"), { "with-description": vue.unref(hasDesc) }])
                 }, [
                   vue.renderSlot(_ctx.$slots, "title", {}, () => [
                     vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
                   ])
                 ], 2)) : vue.createCommentVNode("v-if", true),
-                _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
+                vue.unref(hasDesc) ? (vue.openBlock(), vue.createElementBlock("p", {
                   key: 1,
                   class: vue.normalizeClass(vue.unref(ns).e("description"))
                 }, [
@@ -17073,13 +17067,16 @@
                   vue.unref(ns).is("hide-zero", !_ctx.showZero && props.value === 0),
                   _ctx.badgeClass
                 ]),
-                style: vue.normalizeStyle(vue.unref(style)),
-                textContent: vue.toDisplayString(vue.unref(content))
-              }, null, 14, ["textContent"]), [
-                [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot)]
+                style: vue.normalizeStyle(vue.unref(style))
+              }, [
+                vue.renderSlot(_ctx.$slots, "content", { value: vue.unref(content) }, () => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(content)), 1)
+                ])
+              ], 6), [
+                [vue.vShow, !_ctx.hidden && (vue.unref(content) || _ctx.isDot || _ctx.$slots.content)]
               ])
             ]),
-            _: 1
+            _: 3
           }, 8, ["name"])
         ], 2);
       };
@@ -31567,6 +31564,15 @@
 
   const dropdownProps = buildProps({
     trigger: useTooltipTriggerProps.trigger,
+    triggerKeys: {
+      type: definePropType(Array),
+      default: () => [
+        EVENT_CODE.enter,
+        EVENT_CODE.numpadEnter,
+        EVENT_CODE.space,
+        EVENT_CODE.down
+      ]
+    },
     effect: {
       ...useTooltipContentProps.effect,
       default: "light"
@@ -31684,12 +31690,6 @@
       const scrollbar = vue.ref(null);
       const currentTabId = vue.ref(null);
       const isUsingKeyboard = vue.ref(false);
-      const triggerKeys = [
-        EVENT_CODE.enter,
-        EVENT_CODE.numpadEnter,
-        EVENT_CODE.space,
-        EVENT_CODE.down
-      ];
       const wrapStyle = vue.computed(() => ({
         maxHeight: addUnit(props.maxHeight)
       }));
@@ -31795,7 +31795,6 @@
         dropdownTriggerKls,
         dropdownSize,
         triggerId,
-        triggerKeys,
         currentTabId,
         handleCurrentTabIdChange,
         handlerMainButtonClick,
@@ -33749,6 +33748,8 @@
     };
     const handleKeydown = (event) => {
       var _a;
+      if (isComposing.value)
+        return;
       switch (event.code) {
         case props.trigger:
           event.preventDefault();
@@ -35786,13 +35787,9 @@
       emit("visible-change", val);
     });
     vue.watch(() => states.options.entries(), () => {
-      var _a;
       if (!isClient)
         return;
-      const inputs = ((_a = selectRef.value) == null ? void 0 : _a.querySelectorAll("input")) || [];
-      if (!props.filterable && !props.defaultFirstOption && !isUndefined(props.modelValue) || !Array.from(inputs).includes(document.activeElement)) {
-        setSelected();
-      }
+      setSelected();
       if (props.defaultFirstOption && (props.filterable || props.remote) && filteredOptionsCount.value) {
         checkDefaultFirstOption();
       }
@@ -36095,7 +36092,7 @@
         toggleMenu();
       } else {
         const option = optionsArray.value[states.hoveringIndex];
-        if (option && !option.disabled && !option.states.groupDisabled) {
+        if (option && !option.isDisabled) {
           handleOptionSelect(option);
         }
       }
@@ -36103,7 +36100,7 @@
     const getValueKey = (item) => {
       return isObject$1(item.value) ? get(item.value, props.valueKey) : item.value;
     };
-    const optionsAllDisabled = vue.computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.disabled));
+    const optionsAllDisabled = vue.computed(() => optionsArray.value.filter((option) => option.visible).every((option) => option.isDisabled));
     const showTagList = vue.computed(() => {
       if (!props.multiple) {
         return [];
@@ -36136,7 +36133,7 @@
           }
         }
         const option = optionsArray.value[states.hoveringIndex];
-        if (option.disabled === true || option.states.groupDisabled === true || !option.visible) {
+        if (option.isDisabled || !option.visible) {
           navigateOptions(direction);
         }
         vue.nextTick(() => scrollToOption(hoverOption.value));
@@ -41115,7 +41112,7 @@
           return index;
         }
       } else {
-        if (props.modelValue && filteredOptionsValueMap.value.has(props.modelValue)) {
+        if (!isEmptyValue(props.modelValue) && filteredOptionsValueMap.value.has(props.modelValue)) {
           const { index } = filteredOptionsValueMap.value.get(props.modelValue);
           return index;
         }
@@ -49034,7 +49031,7 @@
 
   const useStyles = (props, {
     columnsTotalWidth,
-    data,
+    rowsHeight,
     fixedColumnsOnLeft,
     fixedColumnsOnRight
   }) => {
@@ -49055,14 +49052,6 @@
       }
       return height - footerHeight2;
     });
-    const rowsHeight = vue.computed(() => {
-      const { rowHeight, estimatedRowHeight } = props;
-      const _data = vue.unref(data);
-      if (isNumber(estimatedRowHeight)) {
-        return _data.length * estimatedRowHeight;
-      }
-      return _data.length * rowHeight;
-    });
     const fixedTableHeight = vue.computed(() => {
       const { maxHeight } = props;
       const tableHeight = vue.unref(mainTableHeight);
@@ -49103,7 +49092,6 @@
       leftTableWidth,
       rightTableWidth,
       headerWidth,
-      rowsHeight,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49201,6 +49189,14 @@
       lastRenderedRowIndex,
       resetAfterIndex
     });
+    const rowsHeight = vue.computed(() => {
+      const { estimatedRowHeight, rowHeight } = props;
+      const _data = vue.unref(data);
+      if (isNumber(estimatedRowHeight)) {
+        return Object.values(vue.unref(rowHeights)).reduce((acc, curr) => acc + curr, 0);
+      }
+      return _data.length * rowHeight;
+    });
     const {
       bodyWidth,
       fixedTableHeight,
@@ -49208,7 +49204,6 @@
       leftTableWidth,
       rightTableWidth,
       headerWidth,
-      rowsHeight,
       windowHeight,
       footerHeight,
       emptyStyle,
@@ -49216,9 +49211,9 @@
       headerHeight
     } = useStyles(props, {
       columnsTotalWidth,
-      data,
       fixedColumnsOnLeft,
-      fixedColumnsOnRight
+      fixedColumnsOnRight,
+      rowsHeight
     });
     const containerRef = vue.ref();
     const showEmpty = vue.computed(() => {
@@ -55123,7 +55118,7 @@
     };
     const isChecked = (node) => checkedKeys.value.has(node.key);
     const isIndeterminate = (node) => indeterminateKeys.value.has(node.key);
-    const toggleCheckbox = (node, isChecked2, nodeClick = true) => {
+    const toggleCheckbox = (node, isChecked2, nodeClick = true, immediateUpdate = true) => {
       const checkedKeySet = checkedKeys.value;
       const toggle = (node2, checked) => {
         checkedKeySet[checked ? SetOperationEnum.ADD : SetOperationEnum.DELETE](node2.key);
@@ -55137,7 +55132,9 @@
         }
       };
       toggle(node, isChecked2);
-      updateCheckedKeys();
+      if (immediateUpdate) {
+        updateCheckedKeys();
+      }
       if (nodeClick) {
         afterNodeCheck(node, isChecked2);
       }
@@ -55219,13 +55216,14 @@
     function _setCheckedKeys(keys) {
       if (tree == null ? void 0 : tree.value) {
         const { treeNodeMap } = tree.value;
-        if (props.showCheckbox && treeNodeMap && keys) {
+        if (props.showCheckbox && treeNodeMap && (keys == null ? void 0 : keys.length) > 0) {
           for (const key of keys) {
             const node = treeNodeMap.get(key);
             if (node && !isChecked(node)) {
-              toggleCheckbox(node, true, false);
+              toggleCheckbox(node, true, false, false);
             }
           }
+          updateCheckedKeys();
         }
       }
     }
@@ -55264,7 +55262,7 @@
       function traverse(nodes2) {
         nodes2.forEach((node) => {
           family.push(node);
-          if (filter == null ? void 0 : filter(query, node.data)) {
+          if (filter == null ? void 0 : filter(query, node.data, node)) {
             family.forEach((member) => {
               expandKeySet.add(member.key);
             });
@@ -60830,7 +60828,7 @@
       appendTo = document.body;
     }
     const container = document.createElement("div");
-    const vm = vue.createVNode(NotificationConstructor, props, isFunction$1(props.message) ? props.message : () => props.message);
+    const vm = vue.createVNode(NotificationConstructor, props, isFunction$1(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
     vm.appContext = isUndefined(context) ? notify._context : context;
     vm.props.onDestroy = () => {
       vue.render(null, container);