@element-plus/nightly 0.0.20241029 → 0.0.20241031

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241029 */
+/*! Element Plus v0.0.20241031 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7608,18 +7608,14 @@
       return false;
     return e instanceof Element;
   };
-  const isPropAbsent = (prop) => {
-    return isNil(prop);
-  };
+  const isPropAbsent = (prop) => isNil(prop);
   const isStringNumber = (val) => {
     if (!isString$1(val)) {
       return false;
     }
     return !Number.isNaN(Number(val));
   };
-  const isWindow$1 = (val) => {
-    return val === window;
-  };
+  const isWindow$1 = (val) => val === window;
 
   const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
   const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
@@ -7782,7 +7778,7 @@
       }
       if (time < duration) {
         handle = rAF(scroll);
-      } else if (typeof callback === "function") {
+      } else if (isFunction$1(callback)) {
         callback();
       }
     };
@@ -11560,7 +11556,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241029";
+  const version$1 = "0.0.20241031";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20170,7 +20166,7 @@
                       vue.unref(ns).is("disabled", vue.unref(timeList)[item][time])
                     ])
                   }, [
-                    typeof time === "number" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.unref(isNumber)(time) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       item === "hours" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                         vue.createTextVNode(vue.toDisplayString(("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2)) + vue.toDisplayString(getAmPmFlag(time)), 1)
                       ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -25515,10 +25511,10 @@
     ];
   };
   const isOnePointZero = function(n) {
-    return typeof n === "string" && n.includes(".") && Number.parseFloat(n) === 1;
+    return isString$1(n) && n.includes(".") && Number.parseFloat(n) === 1;
   };
   const isPercentage = function(n) {
-    return typeof n === "string" && n.includes("%");
+    return isString$1(n) && n.includes("%");
   };
   const bound01 = function(value, max) {
     if (isOnePointZero(value))
@@ -41429,7 +41425,7 @@
         }
         initData.oldValue = [initData.firstValue, initData.secondValue];
       } else {
-        if (typeof props.modelValue !== "number" || Number.isNaN(props.modelValue)) {
+        if (!isNumber(props.modelValue) || Number.isNaN(props.modelValue)) {
           initData.firstValue = props.min;
         } else {
           initData.firstValue = Math.min(props.max, Math.max(props.min, props.modelValue));
@@ -41889,7 +41885,7 @@
             initData.oldValue = val.slice();
           }
         }
-      } else if (!props.range && typeof val === "number" && !Number.isNaN(val)) {
+      } else if (!props.range && isNumber(val) && !Number.isNaN(val)) {
         if (val < props.min) {
           _emit(props.min);
         } else if (val > props.max) {
@@ -43252,7 +43248,7 @@
     if (!sortKey && !sortMethod && (!sortBy || isArray$1(sortBy) && !sortBy.length)) {
       return array;
     }
-    if (typeof reverse === "string") {
+    if (isString$1(reverse)) {
       reverse = reverse === "descending" ? -1 : 1;
     } else {
       reverse = reverse && reverse < 0 ? -1 : 1;
@@ -43263,7 +43259,7 @@
           sortBy = [sortBy];
         }
         return sortBy.map((by) => {
-          if (typeof by === "string") {
+          if (isString$1(by)) {
             return get(value, by);
           } else {
             return by(value, index, array);
@@ -43336,7 +43332,7 @@
   const getRowIdentity = (row, rowKey) => {
     if (!row)
       throw new Error("Row is required when get row identity");
-    if (typeof rowKey === "string") {
+    if (isString$1(rowKey)) {
       if (!rowKey.includes(".")) {
         return `${row[rowKey]}`;
       }
@@ -43346,7 +43342,7 @@
         current = current[element];
       }
       return `${current}`;
-    } else if (typeof rowKey === "function") {
+    } else if (isFunction$1(rowKey)) {
       return rowKey.call(null, row);
     }
   };
@@ -43396,10 +43392,10 @@
     return minWidth;
   }
   function parseHeight(height) {
-    if (typeof height === "number") {
+    if (isNumber(height)) {
       return height;
     }
-    if (typeof height === "string") {
+    if (isString$1(height)) {
       if (/^\d+(?:px)?$/.test(height)) {
         return Number.parseInt(height, 10);
       } else {
@@ -43882,7 +43878,7 @@
       const data = id && treeData.value[id];
       if (id && data && "expanded" in data) {
         const oldExpanded = data.expanded;
-        expanded = typeof expanded === "undefined" ? !data.expanded : expanded;
+        expanded = isUndefined(expanded) ? !data.expanded : expanded;
         treeData.value[id].expanded = expanded;
         if (oldExpanded !== expanded) {
           instance.emit("expand-change", row, expanded);
@@ -43952,7 +43948,7 @@
 
   const sortData = (data, states) => {
     const sortingColumn = states.sortingColumn;
-    if (!sortingColumn || typeof sortingColumn.sortable === "string") {
+    if (!sortingColumn || isString$1(sortingColumn.sortable)) {
       return data;
     }
     return orderBy(data, states.sortProp, states.sortOrder, sortingColumn.sortMethod, sortingColumn.sortBy);
@@ -44252,7 +44248,7 @@
       const keys = Object.keys(panels);
       if (!keys.length)
         return;
-      if (typeof columnKeys === "string") {
+      if (isString$1(columnKeys)) {
         columnKeys = [columnKeys];
       }
       if (isArray$1(columnKeys)) {
@@ -44698,10 +44694,10 @@
       this.height.value = Number(value);
       if (!el && (value || value === 0))
         return vue.nextTick(() => this.setHeight(value, prop));
-      if (typeof value === "number") {
+      if (isNumber(value)) {
         el.style[prop] = `${value}px`;
         this.updateElsHeight();
-      } else if (typeof value === "string") {
+      } else if (isString$1(value)) {
         el.style[prop] = value;
         this.updateElsHeight();
       }
@@ -44744,9 +44740,9 @@
       const bodyWidth = this.table.vnode.el.clientWidth;
       let bodyMinWidth = 0;
       const flattenColumns = this.getFlattenColumns();
-      const flexColumns = flattenColumns.filter((column) => typeof column.width !== "number");
+      const flexColumns = flattenColumns.filter((column) => !isNumber(column.width));
       flattenColumns.forEach((column) => {
-        if (typeof column.width === "number" && column.realWidth)
+        if (isNumber(column.width) && column.realWidth)
           column.realWidth = null;
       });
       if (flexColumns.length > 0 && fit) {
@@ -45350,7 +45346,7 @@
     const ns = useNamespace("table");
     const getHeaderRowStyle = (rowIndex) => {
       const headerRowStyle = parent == null ? void 0 : parent.props.headerRowStyle;
-      if (typeof headerRowStyle === "function") {
+      if (isFunction$1(headerRowStyle)) {
         return headerRowStyle.call(null, { rowIndex });
       }
       return headerRowStyle;
@@ -45358,9 +45354,9 @@
     const getHeaderRowClass = (rowIndex) => {
       const classes = [];
       const headerRowClassName = parent == null ? void 0 : parent.props.headerRowClassName;
-      if (typeof headerRowClassName === "string") {
+      if (isString$1(headerRowClassName)) {
         classes.push(headerRowClassName);
-      } else if (typeof headerRowClassName === "function") {
+      } else if (isFunction$1(headerRowClassName)) {
         classes.push(headerRowClassName.call(null, { rowIndex }));
       }
       return classes.join(" ");
@@ -45368,7 +45364,7 @@
     const getHeaderCellStyle = (rowIndex, columnIndex, row, column) => {
       var _a;
       let headerCellStyles = (_a = parent == null ? void 0 : parent.props.headerCellStyle) != null ? _a : {};
-      if (typeof headerCellStyles === "function") {
+      if (isFunction$1(headerCellStyles)) {
         headerCellStyles = headerCellStyles.call(null, {
           rowIndex,
           columnIndex,
@@ -45398,9 +45394,9 @@
         classes.push("is-sortable");
       }
       const headerCellClassName = parent == null ? void 0 : parent.props.headerCellClassName;
-      if (typeof headerCellClassName === "string") {
+      if (isString$1(headerCellClassName)) {
         classes.push(headerCellClassName);
-      } else if (typeof headerCellClassName === "function") {
+      } else if (isFunction$1(headerCellClassName)) {
         classes.push(headerCellClassName.call(null, {
           rowIndex,
           columnIndex,
@@ -45790,7 +45786,7 @@
     const ns = useNamespace("table");
     const getRowStyle = (row, rowIndex) => {
       const rowStyle = parent == null ? void 0 : parent.props.rowStyle;
-      if (typeof rowStyle === "function") {
+      if (isFunction$1(rowStyle)) {
         return rowStyle.call(null, {
           row,
           rowIndex
@@ -45807,9 +45803,9 @@
         classes.push(ns.em("row", "striped"));
       }
       const rowClassName = parent == null ? void 0 : parent.props.rowClassName;
-      if (typeof rowClassName === "string") {
+      if (isString$1(rowClassName)) {
         classes.push(rowClassName);
-      } else if (typeof rowClassName === "function") {
+      } else if (isFunction$1(rowClassName)) {
         classes.push(rowClassName.call(null, {
           row,
           rowIndex
@@ -45820,7 +45816,7 @@
     const getCellStyle = (rowIndex, columnIndex, row, column) => {
       const cellStyle = parent == null ? void 0 : parent.props.cellStyle;
       let cellStyles = cellStyle != null ? cellStyle : {};
-      if (typeof cellStyle === "function") {
+      if (isFunction$1(cellStyle)) {
         cellStyles = cellStyle.call(null, {
           rowIndex,
           columnIndex,
@@ -45837,9 +45833,9 @@
       const fixedClasses = getFixedColumnsClass(ns.b(), columnIndex, props == null ? void 0 : props.fixed, props.store, void 0, offset);
       const classes = [column.id, column.align, column.className, ...fixedClasses];
       const cellClassName = parent == null ? void 0 : parent.props.cellClassName;
-      if (typeof cellClassName === "string") {
+      if (isString$1(cellClassName)) {
         classes.push(cellClassName);
-      } else if (typeof cellClassName === "function") {
+      } else if (isFunction$1(cellClassName)) {
         classes.push(cellClassName.call(null, {
           rowIndex,
           columnIndex,
@@ -45854,7 +45850,7 @@
       let rowspan = 1;
       let colspan = 1;
       const fn = parent == null ? void 0 : parent.props.spanMethod;
-      if (typeof fn === "function") {
+      if (isFunction$1(fn)) {
         const result = fn({
           row,
           column,
@@ -45990,7 +45986,7 @@
             indent: treeRowData.level * indent.value,
             level: treeRowData.level
           };
-          if (typeof treeRowData.expanded === "boolean") {
+          if (isBoolean(treeRowData.expanded)) {
             data.treeNode.expanded = treeRowData.expanded;
             if ("loading" in treeRowData) {
               data.treeNode.loading = treeRowData.loading;
@@ -46063,8 +46059,8 @@
             level: cur.level,
             display: true
           };
-          if (typeof cur.lazy === "boolean") {
-            if (typeof cur.loaded === "boolean" && cur.loaded) {
+          if (isBoolean(cur.lazy)) {
+            if (isBoolean(cur.loaded) && cur.loaded) {
               treeRowData.noLazyChildren = !(cur.children && cur.children.length);
             }
             treeRowData.loading = cur.loading;
@@ -46093,8 +46089,8 @@
                 innerTreeRowData.expanded = cur.expanded;
                 cur.level = cur.level || innerTreeRowData.level;
                 cur.display = !!(cur.expanded && innerTreeRowData.display);
-                if (typeof cur.lazy === "boolean") {
-                  if (typeof cur.loaded === "boolean" && cur.loaded) {
+                if (isBoolean(cur.lazy)) {
+                  if (isBoolean(cur.loaded) && cur.loaded) {
                     innerTreeRowData.noLazyChildren = !(cur.children && cur.children.length);
                   }
                   innerTreeRowData.loading = cur.loading;
@@ -47298,9 +47294,9 @@
       }) {
         let i = $index + 1;
         const index = column.index;
-        if (typeof index === "number") {
+        if (isNumber(index)) {
           i = $index + index;
-        } else if (typeof index === "function") {
+        } else if (isFunction$1(index)) {
           i = index($index);
         }
         return vue.h("div", {}, [i]);
@@ -47387,7 +47383,7 @@
         style: { "padding-left": `${treeNode.indent}px` }
       }));
     }
-    if (typeof treeNode.expanded === "boolean" && !treeNode.noLazyChildren) {
+    if (isBoolean(treeNode.expanded) && !treeNode.noLazyChildren) {
       const expandClasses = [
         ns.e("expand-icon"),
         treeNode.expanded ? ns.em("expand-icon", "expanded") : ""
@@ -52121,11 +52117,11 @@
     const props = node.store.props;
     const data = node.data || {};
     const config = props[prop];
-    if (typeof config === "function") {
+    if (isFunction$1(config)) {
       return config(data, node);
-    } else if (typeof config === "string") {
+    } else if (isString$1(config)) {
       return data[config];
-    } else if (typeof config === "undefined") {
+    } else if (isUndefined(config)) {
       const dataProp = data[prop];
       return dataProp === void 0 ? "" : dataProp;
     }
@@ -52165,7 +52161,7 @@
       const props = store.props;
       if (props && typeof props.isLeaf !== "undefined") {
         const isLeaf = getPropertyFromData(this, "isLeaf");
-        if (typeof isLeaf === "boolean") {
+        if (isBoolean(isLeaf)) {
           this.isLeafByUser = isLeaf;
         }
       }
@@ -52263,7 +52259,7 @@
         if (!batch) {
           const children = this.getChildren(true);
           if (!children.includes(child.data)) {
-            if (typeof index === "undefined" || index < 0) {
+            if (isUndefined(index) || index < 0) {
               children.push(child.data);
             } else {
               children.splice(index, 0, child.data);
@@ -52280,7 +52276,7 @@
         }
       }
       child.level = this.level + 1;
-      if (typeof index === "undefined" || index < 0) {
+      if (isUndefined(index) || index < 0) {
         this.childNodes.push(child);
       } else {
         this.childNodes.splice(index, 0, child);
@@ -52886,7 +52882,7 @@
       dropType: null
     });
     const treeNodeDragStart = ({ event, treeNode }) => {
-      if (typeof props.allowDrag === "function" && !props.allowDrag(treeNode.node)) {
+      if (isFunction$1(props.allowDrag) && !props.allowDrag(treeNode.node)) {
         event.preventDefault();
         return false;
       }
@@ -52911,7 +52907,7 @@
       let dropInner = true;
       let dropNext = true;
       let userAllowDropInner = true;
-      if (typeof props.allowDrop === "function") {
+      if (isFunction$1(props.allowDrop)) {
         dropPrev = props.allowDrop(draggingNode.node, dropNode.node, "prev");
         userAllowDropInner = dropInner = props.allowDrop(draggingNode.node, dropNode.node, "inner");
         dropNext = props.allowDrop(draggingNode.node, dropNode.node, "next");
@@ -54237,14 +54233,14 @@
     [NODE_COLLAPSE]: (data, node) => data && node,
     [CURRENT_CHANGE]: (data, node) => data && node,
     [NODE_CHECK]: (data, checkedInfo) => data && checkedInfo,
-    [NODE_CHECK_CHANGE]: (data, checked) => data && typeof checked === "boolean",
+    [NODE_CHECK_CHANGE]: (data, checked) => data && isBoolean(checked),
     [NODE_CONTEXTMENU]: (evt, data, node) => evt && data && node
   };
   const treeNodeEmits = {
     click: (node, e) => !!(node && e),
     drop: (node, e) => !!(node && e),
     toggle: (node) => !!node,
-    check: (node, checked) => node && typeof checked === "boolean"
+    check: (node, checked) => node && isBoolean(checked)
   };
 
   function useCheck(props, tree) {
@@ -57413,6 +57409,10 @@
   const ElAnchorLink = withNoopInstall(AnchorLink);
 
   const segmentedProps = buildProps({
+    direction: {
+      type: definePropType(String),
+      default: "horizontal"
+    },
     options: {
       type: definePropType(Array),
       default: () => []
@@ -57459,7 +57459,9 @@
       const state = vue.reactive({
         isInit: false,
         width: 0,
+        height: 0,
         translateX: 0,
+        translateY: 0,
         focusVisible: false
       });
       const handleChange = (item) => {
@@ -57497,13 +57499,19 @@
         if (!selectedItem || !selectedItemInput) {
           state.width = 0;
           state.translateX = 0;
+          state.translateY = 0;
           state.focusVisible = false;
           return;
         }
         const rect = selectedItem.getBoundingClientRect();
         state.isInit = true;
-        state.width = rect.width;
-        state.translateX = selectedItem.offsetLeft;
+        if (props.direction === "vertical") {
+          state.height = rect.height;
+          state.translateY = selectedItem.offsetTop;
+        } else {
+          state.width = rect.width;
+          state.translateX = selectedItem.offsetLeft;
+        }
         try {
           state.focusVisible = selectedItemInput.matches(":focus-visible");
         } catch (e) {
@@ -57515,8 +57523,9 @@
         ns.is("block", props.block)
       ]);
       const selectedStyle = vue.computed(() => ({
-        width: `${state.width}px`,
-        transform: `translateX(${state.translateX}px)`,
+        width: props.direction === "vertical" ? "100%" : `${state.width}px`,
+        height: props.direction === "vertical" ? `${state.height}px` : "100%",
+        transform: props.direction === "vertical" ? `translateY(${state.translateY}px)` : `translateX(${state.translateX}px)`,
         display: state.isInit ? "block" : "none"
       }));
       const selectedCls = vue.computed(() => [
@@ -57550,7 +57559,7 @@
           "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
         }, [
           vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("group"))
+            class: vue.normalizeClass([vue.unref(ns).e("group"), vue.unref(ns).m(props.direction)])
           }, [
             vue.createElementVNode("div", {
               style: vue.normalizeStyle(vue.unref(selectedStyle)),
@@ -59330,14 +59339,14 @@
             return false;
           }
           const inputValidator = state.inputValidator;
-          if (typeof inputValidator === "function") {
+          if (isFunction$1(inputValidator)) {
             const validateResult = inputValidator(state.inputValue);
             if (validateResult === false) {
               state.editorErrorMessage = state.inputErrorMessage || t("el.messagebox.error");
               state.validateError = true;
               return false;
             }
-            if (typeof validateResult === "string") {
+            if (isString$1(validateResult)) {
               state.editorErrorMessage = validateResult;
               state.validateError = true;
               return false;
@@ -59937,7 +59946,7 @@
   const notify = function(options = {}, context = null) {
     if (!isClient)
       return { close: () => void 0 };
-    if (typeof options === "string" || vue.isVNode(options)) {
+    if (isString$1(options) || vue.isVNode(options)) {
       options = { message: options };
     }
     const position = options.position || "top-right";
@@ -59985,7 +59994,7 @@
   };
   notificationTypes.forEach((type) => {
     notify[type] = (options = {}) => {
-      if (typeof options === "string" || vue.isVNode(options)) {
+      if (isString$1(options) || vue.isVNode(options)) {
         options = {
           message: options
         };