@element-plus/nightly 0.0.20241030 → 0.0.20241031

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241030 */
+/*! 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);
@@ -11560,7 +11556,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241030";
+  const version$1 = "0.0.20241031";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -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))
@@ -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]}`;
       }
@@ -43399,7 +43395,7 @@
     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)) {
@@ -44701,7 +44697,7 @@
       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();
       }
@@ -45358,7 +45354,7 @@
     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 (isFunction$1(headerRowClassName)) {
         classes.push(headerRowClassName.call(null, { rowIndex }));
@@ -45398,7 +45394,7 @@
         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 (isFunction$1(headerCellClassName)) {
         classes.push(headerCellClassName.call(null, {
@@ -45807,7 +45803,7 @@
         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 (isFunction$1(rowClassName)) {
         classes.push(rowClassName.call(null, {
@@ -45837,7 +45833,7 @@
       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 (isFunction$1(cellClassName)) {
         classes.push(cellClassName.call(null, {
@@ -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;
@@ -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") : ""
@@ -52123,9 +52119,9 @@
     const config = props[prop];
     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);
@@ -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)),
@@ -59337,7 +59346,7 @@
               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
         };