@element-plus/nightly 0.0.20251212 → 0.0.20251214

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251212 */
+/*! Element Plus v0.0.20251214 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12535,7 +12535,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251212";
+  const version$1 = "0.0.20251214";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -47156,20 +47156,22 @@
             onChange: handleChange,
             onKeydown: vue.withKeys(switchValue, ["enter"])
           }, null, 42, ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"]),
-          !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText) ? (vue.openBlock(), vue.createElementBlock("span", {
+          !_ctx.inlinePrompt && (_ctx.inactiveIcon || _ctx.inactiveText || _ctx.$slots.inactive) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: vue.normalizeClass(vue.unref(labelLeftKls))
           }, [
-            _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
-            !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              "aria-hidden": vue.unref(checked)
-            }, vue.toDisplayString(_ctx.inactiveText), 9, ["aria-hidden"])) : vue.createCommentVNode("v-if", true)
+            vue.renderSlot(_ctx.$slots, "inactive", {}, () => [
+              _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true),
+              !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                "aria-hidden": vue.unref(checked)
+              }, vue.toDisplayString(_ctx.inactiveText), 9, ["aria-hidden"])) : vue.createCommentVNode("v-if", true)
+            ])
           ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("span", {
             class: vue.normalizeClass(vue.unref(ns).e("core")),
@@ -47179,19 +47181,33 @@
               key: 0,
               class: vue.normalizeClass(vue.unref(ns).e("inner"))
             }, [
-              _ctx.activeIcon || _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              !vue.unref(checked) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: vue.normalizeClass(vue.unref(ns).is("icon"))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(checked) ? _ctx.activeIcon : _ctx.inactiveIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : _ctx.activeText || _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", {
+                class: vue.normalizeClass(vue.unref(ns).e("inner-wrapper"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "inactive", {}, () => [
+                  _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inactiveIcon)))
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("v-if", true),
+                  !_ctx.inactiveIcon && _ctx.inactiveText ? (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.inactiveText), 1)) : vue.createCommentVNode("v-if", true)
+                ])
+              ], 2)) : (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: vue.normalizeClass(vue.unref(ns).is("text")),
-                "aria-hidden": !vue.unref(checked)
-              }, vue.toDisplayString(vue.unref(checked) ? _ctx.activeText : _ctx.inactiveText), 11, ["aria-hidden"])) : vue.createCommentVNode("v-if", true)
+                class: vue.normalizeClass(vue.unref(ns).e("inner-wrapper"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "active", {}, () => [
+                  _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("v-if", true),
+                  !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.activeText), 1)) : vue.createCommentVNode("v-if", true)
+                ])
+              ], 2))
             ], 2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(ns).e("action"))
@@ -47221,20 +47237,22 @@
               ]) : vue.createCommentVNode("v-if", true)
             ], 2)
           ], 6),
-          !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText) ? (vue.openBlock(), vue.createElementBlock("span", {
+          !_ctx.inlinePrompt && (_ctx.activeIcon || _ctx.activeText || _ctx.$slots.active) ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
             class: vue.normalizeClass(vue.unref(labelRightKls))
           }, [
-            _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
-              ]),
-              _: 1
-            })) : vue.createCommentVNode("v-if", true),
-            !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              "aria-hidden": !vue.unref(checked)
-            }, vue.toDisplayString(_ctx.activeText), 9, ["aria-hidden"])) : vue.createCommentVNode("v-if", true)
+            vue.renderSlot(_ctx.$slots, "active", {}, () => [
+              _ctx.activeIcon ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), { key: 0 }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.activeIcon)))
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true),
+              !_ctx.activeIcon && _ctx.activeText ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 1,
+                "aria-hidden": !vue.unref(checked)
+              }, vue.toDisplayString(_ctx.activeText), 9, ["aria-hidden"])) : vue.createCommentVNode("v-if", true)
+            ])
           ], 2)) : vue.createCommentVNode("v-if", true)
         ], 10, ["onClick"]);
       };
@@ -49789,6 +49807,7 @@
           key: `${column.id}-thead`,
           rowspan: column.rowSpan,
           scope: column.colSpan > 1 ? "colgroup" : "col",
+          ariaSort: column.sortable ? column.order : void 0,
           style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
           onClick: ($event) => {
             var _a;
@@ -53341,12 +53360,15 @@
     const {
       sortOrder
     } = props;
-    return vue.createVNode(ElIcon, {
-      "size": 14,
+    return vue.createVNode("button", {
+      "type": "button",
+      "aria-label": props.ariaLabel,
       "class": props.class
+    }, [vue.createVNode(ElIcon, {
+      "size": 14
     }, {
       default: () => [sortOrder === SortOrder.ASC ? vue.createVNode(sort_up_default, null, null) : vue.createVNode(sort_down_default, null, null)]
-    });
+    })]);
   };
   var SortIcon$1 = SortIcon;
 
@@ -53356,18 +53378,23 @@
       expandable,
       onExpand,
       style,
-      size
+      size,
+      ariaLabel
     } = props;
     const expandIconProps = {
       onClick: expandable ? () => onExpand(!expanded) : void 0,
+      ariaLabel,
+      ariaExpanded: expanded,
       class: props.class
     };
-    return vue.createVNode(ElIcon, vue.mergeProps(expandIconProps, {
+    return vue.createVNode("button", vue.mergeProps(expandIconProps, {
+      "type": "button"
+    }), [vue.createVNode(ElIcon, {
       "size": size,
       "style": style
-    }), {
+    }, {
       default: () => [vue.createVNode(arrow_right_default, null, null)]
-    });
+    })]);
   };
   var ExpandIcon$1 = ExpandIcon;
 
@@ -53756,6 +53783,7 @@
     style,
     expandedRowKeys,
     ns,
+    t,
     cellProps: _cellProps,
     expandColumnKey,
     indentSize,
@@ -53814,6 +53842,7 @@
           "class": [ns.e("expand-icon"), ns.is("expanded", expanded)],
           "size": iconSize,
           "expanded": expanded,
+          "ariaLabel": t(expanded ? "el.table.collapseRowLabel" : "el.table.expandRowLabel"),
           "style": iconStyle,
           "expandable": true
         }), null);
@@ -53870,6 +53899,7 @@
     const {
       column,
       ns,
+      t,
       style,
       onColumnSorted
     } = props;
@@ -53896,7 +53926,7 @@
       sortState,
       headerCellProps
     } = props;
-    let sorting, sortOrder;
+    let sorting, sortOrder, ariaSort;
     if (sortState) {
       const order = sortState[column.key];
       sorting = Boolean(oppositeOrderMap[order]);
@@ -53905,10 +53935,18 @@
       sorting = column.key === sortBy.key;
       sortOrder = sorting ? sortBy.order : SortOrder.ASC;
     }
+    if (sortOrder === SortOrder.ASC) {
+      ariaSort = "ascending";
+    } else if (sortOrder === SortOrder.DESC) {
+      ariaSort = "descending";
+    } else {
+      ariaSort = void 0;
+    }
     const cellKls = [ns.e("header-cell"), tryCall(headerClass, props, ""), column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right"), sortable && ns.is("sortable")];
     const cellWrapperProps = {
       ...tryCall(headerCellProps, props),
       onClick: column.sortable ? onColumnSorted : void 0,
+      ariaSort: sortable ? ariaSort : void 0,
       class: cellKls,
       style: cellStyle,
       ["data-key"]: column.key
@@ -53917,7 +53955,10 @@
       "role": "columnheader"
     }), [Cell, sortable && vue.createVNode(SortIcon$1, {
       "class": [ns.e("sort-icon"), sorting && ns.is("sorting")],
-      "sortOrder": sortOrder
+      "sortOrder": sortOrder,
+      "ariaLabel": t("el.table.sortLabel", {
+        column: column.title || ""
+      })
     }, null)]);
   };
 
@@ -53966,6 +54007,9 @@
       expose
     }) {
       const ns = useNamespace("table-v2");
+      const {
+        t
+      } = useLocale();
       const {
         columnsStyles,
         fixedColumnsOnLeft,
@@ -54135,7 +54179,8 @@
           iconSize,
           rowKey,
           expandedRowKeys: vue.unref(expandedRowKeys),
-          ns
+          ns,
+          t
         };
         const tableHeaderProps = {
           ns,
@@ -54145,6 +54190,7 @@
         };
         const tableHeaderCellProps = {
           ns,
+          t,
           sortBy,
           sortState,
           headerCellProps,