@element-plus/nightly 0.0.20251218 → 0.0.20251219

package/es/components/backtop/src/backtop.mjs

@@ -1,24 +1,65 @@
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
+import { defineComponent, computed, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { CaretTop } from '@element-plus/icons-vue';
+import { backtopProps, backtopEmits } from './backtop2.mjs';
+import { useBackTop } from './use-backtop.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const COMPONENT_NAME = "ElBacktop";
+const _sfc_main = defineComponent({
+  ...{
+    name: COMPONENT_NAME
   },
-  bottom: {
-    type: Number,
-    default: 40
+  __name: "backtop",
+  props: backtopProps,
+  emits: backtopEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = useNamespace("backtop");
+    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME);
+    const backTopStyle = computed(() => ({
+      right: `${props.right}px`,
+      bottom: `${props.bottom}px`
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: `${unref(ns).namespace.value}-fade-in`
+      }, {
+        default: withCtx(() => [
+          unref(visible) ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: normalizeStyle(backTopStyle.value),
+              class: normalizeClass(unref(ns).b()),
+              onClick: _cache[0] || (_cache[0] = withModifiers(
+                (...args) => unref(handleClick) && unref(handleClick)(...args),
+                ["stop"]
+              ))
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass(unref(ns).e("icon"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(CaretTop))
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ])
+            ],
+            6
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
-};
-const backtopEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+});
+var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/backtop/src/backtop.vue"]]);
 
-export { backtopEmits, backtopProps };
+export { Backtop as default };
 //# sourceMappingURL=backtop.mjs.map

package/es/components/backtop/src/backtop.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\nexport type BacktopPropsPublic = ExtractPublicPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":"AAEO,MAAM,YAAe,GAAA;AAAA,EAI1B,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,EAAA;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}
+{"version":3,"file":"backtop.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["_createBlock","_Transition","_unref","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode"],"mappings":";;;;;;;;AAuBA,MAAM,cAAiB,GAAA,WAAA,CAAA;;;;;;;;;AAMvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAY,UAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEjE,IAAA,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;wBAtCA,EAAAA,WAAA,CAWaC,UAAA,EAAA;AAAA,QAXA,IAAI,EAAA,CAAA,EAAKC,KAAG,CAAA,EAAA,EAAA,SAAU,CAAA,KAAA,CAAA,QAAA,CAAA;AAAA,OAAK,EAAA;AAAA,yBACtC,MASM;AAAA,UAREA,KADR,CAAA,OAAA,CAAA,IAAAC,SAAA,EAAA,EAAAC,kBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAPH,KAAA,EAAKC,cAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,cACnB,OAAKC,cAAE,CAAAJ,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,cACX,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAK,aAAA;AAAA,gBAAO,CAAA,GAAA,SAAAL,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,gBAAW,CAAA,MAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;cAExBM,WAEO,4BAFP,MAEO;AAAA,gBADLC,WAAA,CAAsDP,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,kBAA5C,OAAKI,cAAE,CAAAJ,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAAA,mCAAU,MAAa;AAAA,oBAAbO,WAAA,CAAaP,KAAA,CAAA,QAAA,CAAA,CAAA;AAAA,mBAAA,CAAA;AAAA;;;;;;;;;;;;;;;;"}

package/es/components/backtop/src/backtop2.mjs

@@ -1,65 +1,24 @@
-import { defineComponent, computed, openBlock, createBlock, Transition, unref, withCtx, createElementBlock, normalizeStyle, normalizeClass, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { CaretTop } from '@element-plus/icons-vue';
-import { backtopProps, backtopEmits } from './backtop.mjs';
-import { useBackTop } from './use-backtop.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-
-const COMPONENT_NAME = "ElBacktop";
-const _sfc_main = defineComponent({
-  ...{
-    name: COMPONENT_NAME
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
   },
-  __name: "backtop",
-  props: backtopProps,
-  emits: backtopEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("backtop");
-    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME);
-    const backTopStyle = computed(() => ({
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: `${unref(ns).namespace.value}-fade-in`
-      }, {
-        default: withCtx(() => [
-          unref(visible) ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              style: normalizeStyle(backTopStyle.value),
-              class: normalizeClass(unref(ns).b()),
-              onClick: _cache[0] || (_cache[0] = withModifiers(
-                (...args) => unref(handleClick) && unref(handleClick)(...args),
-                ["stop"]
-              ))
-            },
-            [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createVNode(unref(ElIcon), {
-                  class: normalizeClass(unref(ns).e("icon"))
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(CaretTop))
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ])
-            ],
-            6
-          )) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+  bottom: {
+    type: Number,
+    default: 40
   }
-});
-var Backtop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/backtop/src/backtop.vue"]]);
+};
+const backtopEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-export { Backtop as default };
+export { backtopEmits, backtopProps };
 //# sourceMappingURL=backtop2.mjs.map

package/es/components/backtop/src/backtop2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":["_createBlock","_Transition","_unref","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode"],"mappings":";;;;;;;;AAuBA,MAAM,cAAiB,GAAA,WAAA,CAAA;;;;;;;;;AAMvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,EAAA,GAAK,aAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAY,UAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEjE,IAAA,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,KAAA,EAAO,GAAG,KAAM,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MAChB,MAAA,EAAQ,GAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;;wBAtCA,EAAAA,WAAA,CAWaC,UAAA,EAAA;AAAA,QAXA,IAAI,EAAA,CAAA,EAAKC,KAAG,CAAA,EAAA,EAAA,SAAU,CAAA,KAAA,CAAA,QAAA,CAAA;AAAA,OAAK,EAAA;AAAA,yBACtC,MASM;AAAA,UAREA,KADR,CAAA,OAAA,CAAA,IAAAC,SAAA,EAAA,EAAAC,kBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAPH,KAAA,EAAKC,cAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,cACnB,OAAKC,cAAE,CAAAJ,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,cACX,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAK,aAAA;AAAA,gBAAO,CAAA,GAAA,SAAAL,KAAA,CAAA,WAAA,KAAAA,KAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,gBAAW,CAAA,MAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;cAExBM,WAEO,4BAFP,MAEO;AAAA,gBADLC,WAAA,CAAsDP,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,kBAA5C,OAAKI,cAAE,CAAAJ,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAAA,mCAAU,MAAa;AAAA,oBAAbO,WAAA,CAAaP,KAAA,CAAA,QAAA,CAAA,CAAA;AAAA,mBAAA,CAAA;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const backtopProps = {\n  /**\n   * @description the button will not show until the scroll height reaches this value.\n   */\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  /**\n   * @description the target to trigger scroll.\n   */\n  target: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description right distance.\n   */\n  right: {\n    type: Number,\n    default: 40,\n  },\n  /**\n   * @description bottom distance.\n   */\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\nexport type BacktopPropsPublic = ExtractPublicPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n"],"names":[],"mappings":"AAEO,MAAM,YAAe,GAAA;AAAA,EAI1B,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,EAAA;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}

package/es/components/breadcrumb/index.mjs

@@ -1,7 +1,7 @@
-import Breadcrumb from './src/breadcrumb.mjs';
-import BreadcrumbItem from './src/breadcrumb-item.mjs';
-export { breadcrumbProps } from './src/breadcrumb2.mjs';
-export { breadcrumbItemProps } from './src/breadcrumb-item2.mjs';
+import Breadcrumb from './src/breadcrumb2.mjs';
+import BreadcrumbItem from './src/breadcrumb-item2.mjs';
+export { breadcrumbProps } from './src/breadcrumb.mjs';
+export { breadcrumbItemProps } from './src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 

package/es/components/breadcrumb/src/breadcrumb-item.mjs

@@ -1,72 +1,12 @@
-import { defineComponent, getCurrentInstance, inject, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { breadcrumbKey } from './constants.mjs';
-import { breadcrumbItemProps } from './breadcrumb-item2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElBreadcrumbItem"
+const breadcrumbItemProps = buildProps({
+  to: {
+    type: definePropType([String, Object]),
+    default: ""
   },
-  __name: "breadcrumb-item",
-  props: breadcrumbItemProps,
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance();
-    const breadcrumbContext = inject(breadcrumbKey, void 0);
-    const ns = useNamespace("breadcrumb");
-    const router = instance.appContext.config.globalProperties.$router;
-    const onClick = () => {
-      if (!props.to || !router)
-        return;
-      props.replace ? router.replace(props.to) : router.push(props.to);
-    };
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(ns).e("item"))
-        },
-        [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
-              role: "link",
-              onClick
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          ),
-          ((_a = unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass(unref(ns).e("separator"))
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(unref(breadcrumbContext).separatorIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 1,
-              class: normalizeClass(unref(ns).e("separator")),
-              role: "presentation"
-            },
-            toDisplayString((_b = unref(breadcrumbContext)) == null ? void 0 : _b.separator),
-            3
-          ))
-        ],
-        2
-      );
-    };
-  }
+  replace: Boolean
 });
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
 
-export { BreadcrumbItem as default };
+export { breadcrumbItemProps };
 //# sourceMappingURL=breadcrumb-item.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span\n      :class=\"[ns.e('inner'), ns.is('link', !!to)]\"\n      role=\"link\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </span>\n    <el-icon v-if=\"breadcrumbContext?.separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"breadcrumbContext.separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ breadcrumbContext?.separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, inject } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbKey } from './constants'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\ndefineOptions({\n  name: 'ElBreadcrumbItem',\n})\n\nconst props = defineProps(breadcrumbItemProps)\n\nconst instance = getCurrentInstance()!\nconst breadcrumbContext = inject(breadcrumbKey, undefined)\nconst ns = useNamespace('breadcrumb')\n\nconst router = instance.appContext.config.globalProperties.$router as Router\n\nconst onClick = () => {\n  if (!props.to || !router) return\n  props.replace ? router.replace(props.to) : router.push(props.to)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","to","_renderSlot","_createBlock","_resolveDynamicComponent","_toDisplayString"],"mappings":";;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AAC9B,IAAA,MAAA,iBAAA,GAAoB,MAAO,CAAA,aAAA,EAAe,KAAS,CAAA,CAAA,CAAA;AACnD,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AAEpC,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,UAAW,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,CAAA;AAE3D,IAAA,MAAM,UAAU,MAAM;AACpB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AACpB,MAAA,KAAA,CAAA,OAAA,GAAU,OAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAI,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,KACjE,CAAA;;;AAzCE,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAcO,MAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAChBC,kBAAA;AAAA,YAMO,MAAA;AAAA,YAAA;AAAA,cALJ,OAAKF,gBAAGC,MAAG,EAAA,CAAA,CAAA,EAAC,UAAWA,MAAG,EAAA,CAAA,CAAA,GAAE,UAAWE,IAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,cAC1C,IAAK,EAAA,MAAA;AAAA,cACJ,OAAA;AAAA,aAAA;AAAA;cAEDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;UAEK,CAAA,CAAA,EAAA,GAAAH,KAAA,CAAA,iBAAA,CAAA,KAAA,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,gBAAlC,EAAAI,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAFwC,OAAKD,cAAE,CAAAC,KAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AAAA,6BAC3D,MAAmD;AAAA,eAAnDH,SAAA,IAAAO,WAAmD,CAAAC,uBAAA,CAAnCL,MAAA,iBAAA,CAAA,CAAkB,aAAa,CAAA,CAAA;AAAA,aAAA,CAAA;AAAA;aAEjD,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,KAAAH,WAAA,EAAAC,kBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFO,OAAKC,cAAE,CAAAC,KAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,cAAe,IAAK,EAAA,cAAA;AAAA,aAAA;AAAA,YACxCM,eAAA,CAAA,CAAA,EAAA,GAAAN,KAAA,CAAA,iBAAA,CAAA,KAAA,mBAAmB,SAAS,CAAA;AAAA,YAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  /**\n   * @description target route of the link, same as `to` of `vue-router`\n   */\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  /**\n   * @description if `true`, the navigation will not leave a history record\n   */\n  replace: Boolean,\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\nexport type BreadcrumbItemPropsPublic = ExtractPublicPropTypes<\n  typeof breadcrumbItemProps\n>\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAI5C,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,cAAA,CAAiC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AACX,CAAU;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item2.mjs

@@ -1,12 +1,72 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, getCurrentInstance, inject, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { breadcrumbKey } from './constants.mjs';
+import { breadcrumbItemProps } from './breadcrumb-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const breadcrumbItemProps = buildProps({
-  to: {
-    type: definePropType([String, Object]),
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElBreadcrumbItem"
   },
-  replace: Boolean
+  __name: "breadcrumb-item",
+  props: breadcrumbItemProps,
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const breadcrumbContext = inject(breadcrumbKey, void 0);
+    const ns = useNamespace("breadcrumb");
+    const router = instance.appContext.config.globalProperties.$router;
+    const onClick = () => {
+      if (!props.to || !router)
+        return;
+      props.replace ? router.replace(props.to) : router.push(props.to);
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(ns).e("item"))
+        },
+        [
+          createElementVNode(
+            "span",
+            {
+              class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
+              role: "link",
+              onClick
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          ),
+          ((_a = unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+            key: 0,
+            class: normalizeClass(unref(ns).e("separator"))
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(unref(breadcrumbContext).separatorIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 1,
+              class: normalizeClass(unref(ns).e("separator")),
+              role: "presentation"
+            },
+            toDisplayString((_b = unref(breadcrumbContext)) == null ? void 0 : _b.separator),
+            3
+          ))
+        ],
+        2
+      );
+    };
+  }
 });
+var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
 
-export { breadcrumbItemProps };
+export { BreadcrumbItem as default };
 //# sourceMappingURL=breadcrumb-item2.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  /**\n   * @description target route of the link, same as `to` of `vue-router`\n   */\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  /**\n   * @description if `true`, the navigation will not leave a history record\n   */\n  replace: Boolean,\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\nexport type BreadcrumbItemPropsPublic = ExtractPublicPropTypes<\n  typeof breadcrumbItemProps\n>\n"],"names":[],"mappings":";;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAI5C,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,cAAA,CAAiC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AACX,CAAU;;;;"}
+{"version":3,"file":"breadcrumb-item2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span\n      :class=\"[ns.e('inner'), ns.is('link', !!to)]\"\n      role=\"link\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </span>\n    <el-icon v-if=\"breadcrumbContext?.separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"breadcrumbContext.separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ breadcrumbContext?.separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { getCurrentInstance, inject } from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbKey } from './constants'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\ndefineOptions({\n  name: 'ElBreadcrumbItem',\n})\n\nconst props = defineProps(breadcrumbItemProps)\n\nconst instance = getCurrentInstance()!\nconst breadcrumbContext = inject(breadcrumbKey, undefined)\nconst ns = useNamespace('breadcrumb')\n\nconst router = instance.appContext.config.globalProperties.$router as Router\n\nconst onClick = () => {\n  if (!props.to || !router) return\n  props.replace ? router.replace(props.to) : router.push(props.to)\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","to","_renderSlot","_createBlock","_resolveDynamicComponent","_toDisplayString"],"mappings":";;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,WAAW,kBAAmB,EAAA,CAAA;AAC9B,IAAA,MAAA,iBAAA,GAAoB,MAAO,CAAA,aAAA,EAAe,KAAS,CAAA,CAAA,CAAA;AACnD,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AAEpC,IAAA,MAAM,MAAS,GAAA,QAAA,CAAS,UAAW,CAAA,MAAA,CAAO,gBAAiB,CAAA,OAAA,CAAA;AAE3D,IAAA,MAAM,UAAU,MAAM;AACpB,MAAI,IAAA,CAAC,KAAM,CAAA,EAAA,IAAM,CAAC,MAAA;AAAQ,QAAA,OAAA;AACpB,MAAA,KAAA,CAAA,OAAA,GAAU,OAAO,OAAQ,CAAA,KAAA,CAAM,EAAE,CAAI,GAAA,MAAA,CAAO,IAAK,CAAA,KAAA,CAAM,EAAE,CAAA,CAAA;AAAA,KACjE,CAAA;;;AAzCE,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAcO,MAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAChBC,kBAAA;AAAA,YAMO,MAAA;AAAA,YAAA;AAAA,cALJ,OAAKF,gBAAGC,MAAG,EAAA,CAAA,CAAA,EAAC,UAAWA,MAAG,EAAA,CAAA,CAAA,GAAE,UAAWE,IAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,cAC1C,IAAK,EAAA,MAAA;AAAA,cACJ,OAAA;AAAA,aAAA;AAAA;cAEDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;UAEK,CAAA,CAAA,EAAA,GAAAH,KAAA,CAAA,iBAAA,CAAA,KAAA,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,gBAAlC,EAAAI,WAAA,CAEUJ,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAFwC,OAAKD,cAAE,CAAAC,KAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AAAA,6BAC3D,MAAmD;AAAA,eAAnDH,SAAA,IAAAO,WAAmD,CAAAC,uBAAA,CAAnCL,MAAA,iBAAA,CAAA,CAAkB,aAAa,CAAA,CAAA;AAAA,aAAA,CAAA;AAAA;aAEjD,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,KAAAH,WAAA,EAAAC,kBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFO,OAAKC,cAAE,CAAAC,KAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,cAAe,IAAK,EAAA,cAAA;AAAA,aAAA;AAAA,YACxCM,eAAA,CAAA,CAAA,EAAA,GAAAN,KAAA,CAAA,iBAAA,CAAA,KAAA,mBAAmB,SAAS,CAAA;AAAA,YAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb.mjs

@@ -1,43 +1,15 @@
-import { defineComponent, ref, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { breadcrumbKey } from './constants.mjs';
-import { breadcrumbProps } from './breadcrumb2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["aria-label"];
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElBreadcrumb"
+const breadcrumbProps = buildProps({
+  separator: {
+    type: String,
+    default: "/"
   },
-  __name: "breadcrumb",
-  props: breadcrumbProps,
-  setup(__props) {
-    const { t } = useLocale();
-    const props = __props;
-    const ns = useNamespace("breadcrumb");
-    const breadcrumb = ref();
-    provide(breadcrumbKey, props);
-    onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
-      if (items.length) {
-        items[items.length - 1].setAttribute("aria-current", "page");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "breadcrumb",
-        ref: breadcrumb,
-        class: normalizeClass(unref(ns).b()),
-        "aria-label": unref(t)("el.breadcrumb.label"),
-        role: "navigation"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1);
-    };
+  separatorIcon: {
+    type: iconPropType
   }
 });
-var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb.vue"]]);
 
-export { Breadcrumb as default };
+export { breadcrumbProps };
 //# sourceMappingURL=breadcrumb.mjs.map

package/es/components/breadcrumb/src/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    :aria-label=\"t('el.breadcrumb.label')\"\n    role=\"navigation\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, provide, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { breadcrumbKey } from './constants'\nimport { breadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n  name: 'ElBreadcrumb',\n})\n\nconst { t } = useLocale()\nconst props = defineProps(breadcrumbProps)\n\nconst ns = useNamespace('breadcrumb')\nconst breadcrumb = ref<HTMLDivElement>()\n\nprovide(breadcrumbKey, props)\n\nonMounted(() => {\n  const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n  if (items.length) {\n    items[items.length - 1].setAttribute('aria-current', 'page')\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AAqBM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAoB,EAAA,CAAA;AAEvC,IAAA,OAAA,CAAQ,eAAe,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAA,CAAU,MAAM;AACR,MAAA,MAAA,KAAA,GAAQ,WAAW,KAAO,CAAA,gBAAA,CAAiB,IAAI,EAAG,CAAA,CAAA,CAAE,MAAM,CAAG,CAAA,CAAA,CAAA,CAAA;AACnE,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,KAAA,CAAM,KAAM,CAAA,MAAA,GAAS,CAAG,CAAA,CAAA,YAAA,CAAa,gBAAgB,MAAM,CAAA,CAAA;AAAA,OAC7D;AAAA,KACD,CAAA,CAAA;;wBAjCC,EAAAA,kBAAA,CAOM,KAAA,EAAA;AAAA,QANA,OAAA,EAAA,YAAA;AAAA,QAAJ,GAAI,EAAA,UAAA;AAAA,QACH,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,QACX,YAAY,EAAAA,KAAA,CAAC,CAAA,CAAA,CAAA,qBAAA,CAAA;AAAA,QACd,IAAK,EAAA,YAAA;AAAA,OAAA,EAAA;AAAA,QAELC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,IAAA,UAAA,CAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const breadcrumbProps = buildProps({\n  /**\n   * @description separator character\n   */\n  separator: {\n    type: String,\n    default: '/',\n  },\n  /**\n   * @description icon component of icon separator\n   */\n  separatorIcon: {\n    type: iconPropType,\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\nexport type BreadcrumbPropsPublic = ExtractPublicPropTypes<\n  typeof breadcrumbProps\n>\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EAIxC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/es/components/breadcrumb/src/breadcrumb2.mjs

@@ -1,15 +1,43 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, ref, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { breadcrumbKey } from './constants.mjs';
+import { breadcrumbProps } from './breadcrumb.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const breadcrumbProps = buildProps({
-  separator: {
-    type: String,
-    default: "/"
+const _hoisted_1 = ["aria-label"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElBreadcrumb"
   },
-  separatorIcon: {
-    type: iconPropType
+  __name: "breadcrumb",
+  props: breadcrumbProps,
+  setup(__props) {
+    const { t } = useLocale();
+    const props = __props;
+    const ns = useNamespace("breadcrumb");
+    const breadcrumb = ref();
+    provide(breadcrumbKey, props);
+    onMounted(() => {
+      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
+      if (items.length) {
+        items[items.length - 1].setAttribute("aria-current", "page");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "breadcrumb",
+        ref: breadcrumb,
+        class: normalizeClass(unref(ns).b()),
+        "aria-label": unref(t)("el.breadcrumb.label"),
+        role: "navigation"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
   }
 });
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb.vue"]]);
 
-export { breadcrumbProps };
+export { Breadcrumb as default };
 //# sourceMappingURL=breadcrumb2.mjs.map

package/es/components/breadcrumb/src/breadcrumb2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const breadcrumbProps = buildProps({\n  /**\n   * @description separator character\n   */\n  separator: {\n    type: String,\n    default: '/',\n  },\n  /**\n   * @description icon component of icon separator\n   */\n  separatorIcon: {\n    type: iconPropType,\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\nexport type BreadcrumbPropsPublic = ExtractPublicPropTypes<\n  typeof breadcrumbProps\n>\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,UAAW,CAAA;AAAA,EAIxC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAU;;;;"}
+{"version":3,"file":"breadcrumb2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    :aria-label=\"t('el.breadcrumb.label')\"\n    role=\"navigation\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, provide, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { breadcrumbKey } from './constants'\nimport { breadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n  name: 'ElBreadcrumb',\n})\n\nconst { t } = useLocale()\nconst props = defineProps(breadcrumbProps)\n\nconst ns = useNamespace('breadcrumb')\nconst breadcrumb = ref<HTMLDivElement>()\n\nprovide(breadcrumbKey, props)\n\nonMounted(() => {\n  const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n  if (items.length) {\n    items[items.length - 1].setAttribute('aria-current', 'page')\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AAqBM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAoB,EAAA,CAAA;AAEvC,IAAA,OAAA,CAAQ,eAAe,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAA,CAAU,MAAM;AACR,MAAA,MAAA,KAAA,GAAQ,WAAW,KAAO,CAAA,gBAAA,CAAiB,IAAI,EAAG,CAAA,CAAA,CAAE,MAAM,CAAG,CAAA,CAAA,CAAA,CAAA;AACnE,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,KAAA,CAAM,KAAM,CAAA,MAAA,GAAS,CAAG,CAAA,CAAA,YAAA,CAAa,gBAAgB,MAAM,CAAA,CAAA;AAAA,OAC7D;AAAA,KACD,CAAA,CAAA;;wBAjCC,EAAAA,kBAAA,CAOM,KAAA,EAAA;AAAA,QANA,OAAA,EAAA,YAAA;AAAA,QAAJ,GAAI,EAAA,UAAA;AAAA,QACH,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,QACX,YAAY,EAAAA,KAAA,CAAC,CAAA,CAAA,CAAA,qBAAA,CAAA;AAAA,QACd,IAAK,EAAA,YAAA;AAAA,OAAA,EAAA;AAAA,QAELC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,IAAA,UAAA,CAAA,CAAA;AAAA;;;;;;;"}

package/es/components/carousel/index.mjs

@@ -1,7 +1,7 @@
 import Carousel from './src/carousel2.mjs';
-import CarouselItem from './src/carousel-item.mjs';
+import CarouselItem from './src/carousel-item2.mjs';
 export { carouselEmits, carouselProps } from './src/carousel.mjs';
-export { carouselItemProps } from './src/carousel-item2.mjs';
+export { carouselItemProps } from './src/carousel-item.mjs';
 export { CAROUSEL_ITEM_NAME, carouselContextKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';