@element-plus/nightly 0.0.20231204 → 0.0.20231206

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20231204 */
+/*! Element Plus v0.0.20231206 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11197,7 +11197,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20231204";
+  const version$1 = "0.0.20231206";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -26425,19 +26425,13 @@
         const {
           cell
         } = props;
-        if (slots.default) {
-          const list = slots.default(cell).filter((item) => {
-            return item.patchFlag !== -2 && item.type.toString() !== "Symbol(Comment)" && item.type.toString() !== "Symbol(v-cmt)";
-          });
-          if (list.length) {
-            return list;
-          }
-        }
-        return vue.createVNode("div", {
+        return vue.renderSlot(slots, "default", {
+          ...cell
+        }, () => [vue.createVNode("div", {
           "class": ns.b()
         }, [vue.createVNode("span", {
           "class": ns.e("text")
-        }, [cell == null ? void 0 : cell.text])]);
+        }, [cell == null ? void 0 : cell.text])])]);
       };
     }
   });
@@ -32392,7 +32386,7 @@
     },
     popperOffset: {
       type: Number,
-      default: 6
+      default: void 0
     },
     expandCloseIcon: {
       type: iconPropType
@@ -32487,6 +32481,10 @@
         active
       });
       const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
+      const subMenuPopperOffset = vue.computed(() => {
+        var _a;
+        return (_a = props.popperOffset) != null ? _a : rootMenu.props.popperOffset;
+      });
       const doDestroy = () => {
         var _a, _b, _c;
         return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
@@ -32581,7 +32579,7 @@
           visible: opened.value,
           effect: "light",
           pure: true,
-          offset: props.popperOffset,
+          offset: subMenuPopperOffset.value,
           showArrow: false,
           persistent: true,
           popperClass: props.popperClass,
@@ -32685,6 +32683,14 @@
       type: Boolean,
       default: true
     },
+    popperOffset: {
+      type: Number,
+      default: 6
+    },
+    ellipsisIcon: {
+      type: iconPropType,
+      default: () => more_default
+    },
     popperEffect: {
       type: String,
       values: ["dark", "light"],
@@ -32905,11 +32911,14 @@
             slot = slotDefault;
             vShowMore.push(vue.h(SubMenu, {
               index: "sub-menu-more",
-              class: nsSubMenu.e("hide-arrow")
+              class: nsSubMenu.e("hide-arrow"),
+              popperOffset: props.popperOffset
             }, {
               title: () => vue.h(ElIcon, {
                 class: nsSubMenu.e("icon-more")
-              }, { default: () => vue.h(more_default) }),
+              }, {
+                default: () => vue.h(props.ellipsisIcon)
+              }),
               default: () => slotMore
             }));
           }
@@ -42592,9 +42601,26 @@
       arrow.className = `${ns}-popper__arrow`;
       return arrow;
     }
+    function togglePopperVisible(display) {
+      return {
+        name: "updateState",
+        enabled: true,
+        phase: "beforeWrite",
+        fn: ({ state }) => {
+          state.styles.popper.display = display;
+        },
+        requires: ["computeStyles"]
+      };
+    }
     function showPopper() {
-      popperInstance && popperInstance.update();
+      if (tooltipOptions.showAfter) {
+        popperInstance == null ? void 0 : popperInstance.setOptions({
+          modifiers: [togglePopperVisible("block")]
+        });
+      }
+      popperInstance == null ? void 0 : popperInstance.update();
     }
+    const triggerChanged = (removePopper == null ? void 0 : removePopper.trigger) !== trigger;
     removePopper == null ? void 0 : removePopper();
     removePopper = () => {
       try {
@@ -42607,20 +42633,19 @@
       } catch (e) {
       }
     };
+    removePopper.trigger = trigger;
     let popperInstance = null;
-    let onOpen = showPopper;
-    let onClose = removePopper;
+    const { onOpen, onClose } = useDelayedToggle({
+      showAfter: tooltipOptions.showAfter,
+      hideAfter: tooltipOptions.hideAfter,
+      open: showPopper,
+      close: removePopper
+    });
+    const content = renderContent();
     if (tooltipOptions.enterable) {
-      ({ onOpen, onClose } = useDelayedToggle({
-        showAfter: tooltipOptions.showAfter,
-        hideAfter: tooltipOptions.hideAfter,
-        open: showPopper,
-        close: removePopper
-      }));
+      content.onmouseenter = onOpen;
+      content.onmouseleave = onClose;
     }
-    const content = renderContent();
-    content.onmouseenter = onOpen;
-    content.onmouseleave = onClose;
     const modifiers = [];
     if (tooltipOptions.offset) {
       modifiers.push({
@@ -42640,6 +42665,9 @@
         }
       });
     }
+    if (tooltipOptions.showAfter && triggerChanged) {
+      modifiers.push(togglePopperVisible("none"));
+    }
     const popperOptions = tooltipOptions.popperOptions || {};
     popperInstance = yn(trigger, content, {
       placement: tooltipOptions.placement || "top",
@@ -42650,6 +42678,7 @@
     trigger.addEventListener("mouseenter", onOpen);
     trigger.addEventListener("mouseleave", onClose);
     scrollContainer == null ? void 0 : scrollContainer.addEventListener("scroll", removePopper);
+    onOpen();
     return popperInstance;
   }
   function getCurrentColumns(column) {
@@ -46529,8 +46558,7 @@
       if (props.renderHeader) ; else if (column.type !== "selection") {
         column.renderHeader = (scope) => {
           instance.columnConfig.value["label"];
-          const renderHeader = slots.header;
-          return renderHeader ? renderHeader(scope) : column.label;
+          return vue.renderSlot(slots, "header", scope, () => [column.label]);
         };
       }
       let originRenderCell = column.renderCell;
@@ -47640,11 +47668,12 @@
       style
     } = props;
     const displayText = ((_a = cellData == null ? void 0 : cellData.toString) == null ? void 0 : _a.call(cellData)) || "";
+    const defaultSlot = vue.renderSlot(slots, "default", props, () => [displayText]);
     return vue.createVNode("div", {
       "class": props.class,
       "title": displayText,
       "style": style
-    }, [slots.default ? slots.default(props) : displayText]);
+    }, [defaultSlot]);
   };
   TableV2Cell.displayName = "ElTableV2Cell";
   TableV2Cell.inheritAttrs = false;
@@ -47652,13 +47681,13 @@
 
   const HeaderCell = (props, {
     slots
-  }) => {
+  }) => vue.renderSlot(slots, "default", props, () => {
     var _a, _b;
-    return slots.default ? slots.default(props) : vue.createVNode("div", {
+    return [vue.createVNode("div", {
       "class": props.class,
       "title": (_a = props.column) == null ? void 0 : _a.title
-    }, [(_b = props.column) == null ? void 0 : _b.title]);
-  };
+    }, [(_b = props.column) == null ? void 0 : _b.title])];
+  });
   HeaderCell.displayName = "ElTableV2HeaderCell";
   HeaderCell.inheritAttrs = false;
   var HeaderCell$1 = HeaderCell;
@@ -48412,8 +48441,6 @@
       dataKey,
       dataGetter
     } = column;
-    const columnCellRenderer = componentToSlot(cellRenderer);
-    const CellComponent = columnCellRenderer || slots.default || ((props) => vue.createVNode(TableCell, props, null));
     const cellData = isFunction$1(dataGetter) ? dataGetter({
       columns,
       column,
@@ -48439,7 +48466,8 @@
       rowData,
       rowIndex
     };
-    const Cell = CellComponent(cellProps);
+    const columnCellRenderer = componentToSlot(cellRenderer);
+    const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : vue.renderSlot(slots, "default", cellProps, () => [vue.createVNode(TableCell, cellProps, null)]);
     const kls = [ns.e("row-cell"), column.class, column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
     const expandable = rowIndex >= 0 && expandColumnKey && column.key === expandColumnKey;
     const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
@@ -48528,8 +48556,8 @@
       ...props,
       class: ns.e("header-cell-text")
     };
-    const cellRenderer = componentToSlot(headerCellRenderer) || slots.default || ((props2) => vue.createVNode(HeaderCell$1, props2, null));
-    const Cell = cellRenderer(cellProps);
+    const columnCellRenderer = componentToSlot(headerCellRenderer);
+    const Cell = columnCellRenderer ? columnCellRenderer(cellProps) : vue.renderSlot(slots, "default", cellProps, () => [vue.createVNode(HeaderCell$1, cellProps, null)]);
     const {
       sortBy,
       sortState,
@@ -48574,10 +48602,11 @@
   const Footer = (props, {
     slots
   }) => {
+    const defaultSlot = vue.renderSlot(slots, "default", {}, () => [vue.createVNode(ElEmpty, null, null)]);
     return vue.createVNode("div", {
       "class": props.class,
       "style": props.style
-    }, [slots.default ? slots.default() : vue.createVNode(ElEmpty, null, null)]);
+    }, [defaultSlot]);
   };
   Footer.displayName = "ElTableV2Empty";