@element-plus/nightly 0.0.20251218 → 0.0.20251219

package/lib/components/backtop/src/backtop.js

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

package/lib/components/backtop/src/backtop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.js","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.js","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":["useNamespace","useBackTop","computed","_createBlock","_Transition","_unref","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode","ElIcon","CaretTop"],"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,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEjE,IAAA,MAAA,YAAA,GAAeC,aAAS,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;;4BAtCA,EAAAC,eAAA,CAWaC,cAAA,EAAA;AAAA,QAXA,IAAI,EAAA,CAAA,EAAKC,SAAG,CAAA,EAAA,EAAA,SAAU,CAAA,KAAA,CAAA,QAAA,CAAA;AAAA,OAAK,EAAA;AAAA,6BACtC,MASM;AAAA,UAREA,SADR,CAAA,OAAA,CAAA,IAAAC,aAAA,EAAA,EAAAC,sBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAPH,KAAA,EAAKC,kBAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,cACnB,OAAKC,kBAAE,CAAAJ,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,cACX,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAK,iBAAA;AAAA,gBAAO,CAAA,GAAA,SAAAL,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,gBAAW,CAAA,MAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;cAExBM,eAEO,4BAFP,MAEO;AAAA,gBADLC,eAAA,CAAsDP,SAAA,CAAAQ,cAAA,CAAA,EAAA;AAAA,kBAA5C,OAAKJ,kBAAE,CAAAJ,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAAA,uCAAU,MAAa;AAAA,oBAAbO,eAAA,CAAaP,SAAA,CAAAS,iBAAA,CAAA,CAAA;AAAA,mBAAA,CAAA;AAAA;;;;;;;;;;;;;;;;"}

package/lib/components/backtop/src/backtop2.js

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

package/lib/components/backtop/src/backtop2.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop2.js","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":["useNamespace","useBackTop","computed","_createBlock","_Transition","_unref","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_withModifiers","_renderSlot","_createVNode","ElIcon","CaretTop"],"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,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAEjC,IAAA,MAAM,EAAE,WAAa,EAAA,OAAA,KAAYC,qBAAW,CAAA,KAAA,EAAO,MAAM,cAAc,CAAA,CAAA;AAEjE,IAAA,MAAA,YAAA,GAAeC,aAAS,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;;4BAtCA,EAAAC,eAAA,CAWaC,cAAA,EAAA;AAAA,QAXA,IAAI,EAAA,CAAA,EAAKC,SAAG,CAAA,EAAA,EAAA,SAAU,CAAA,KAAA,CAAA,QAAA,CAAA;AAAA,OAAK,EAAA;AAAA,6BACtC,MASM;AAAA,UAREA,SADR,CAAA,OAAA,CAAA,IAAAC,aAAA,EAAA,EAAAC,sBAAA;AAAA,YASM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAPH,KAAA,EAAKC,kBAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,cACnB,OAAKC,kBAAE,CAAAJ,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,cACX,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAK,iBAAA;AAAA,gBAAO,CAAA,GAAA,SAAAL,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,gBAAW,CAAA,MAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;cAExBM,eAEO,4BAFP,MAEO;AAAA,gBADLC,eAAA,CAAsDP,SAAA,CAAAQ,cAAA,CAAA,EAAA;AAAA,kBAA5C,OAAKJ,kBAAE,CAAAJ,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,iBAAA,EAAA;AAAA,uCAAU,MAAa;AAAA,oBAAbO,eAAA,CAAaP,SAAA,CAAAS,iBAAA,CAAA,CAAA;AAAA,mBAAA,CAAA;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.js","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/lib/components/breadcrumb/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var breadcrumb$1 = require('./src/breadcrumb.js');
-var breadcrumbItem$1 = require('./src/breadcrumb-item.js');
-var breadcrumb = require('./src/breadcrumb2.js');
-var breadcrumbItem = require('./src/breadcrumb-item2.js');
+var breadcrumb$1 = require('./src/breadcrumb2.js');
+var breadcrumbItem$1 = require('./src/breadcrumb-item2.js');
+var breadcrumb = require('./src/breadcrumb.js');
+var breadcrumbItem = require('./src/breadcrumb-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/breadcrumb/src/breadcrumb-item.js

@@ -2,75 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var constants = require('./constants.js');
-var breadcrumbItem = require('./breadcrumb-item2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElBreadcrumbItem"
+const breadcrumbItemProps = runtime.buildProps({
+  to: {
+    type: runtime.definePropType([String, Object]),
+    default: ""
   },
-  __name: "breadcrumb-item",
-  props: breadcrumbItem.breadcrumbItemProps,
-  setup(__props) {
-    const props = __props;
-    const instance = vue.getCurrentInstance();
-    const breadcrumbContext = vue.inject(constants.breadcrumbKey, void 0);
-    const ns = index.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 vue.openBlock(), vue.createElementBlock(
-        "span",
-        {
-          class: vue.normalizeClass(vue.unref(ns).e("item"))
-        },
-        [
-          vue.createElementVNode(
-            "span",
-            {
-              class: vue.normalizeClass([vue.unref(ns).e("inner"), vue.unref(ns).is("link", !!_ctx.to)]),
-              role: "link",
-              onClick
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          ),
-          ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("separator"))
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock(
-            "span",
-            {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("separator")),
-              role: "presentation"
-            },
-            vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator),
-            3
-          ))
-        ],
-        2
-      );
-    };
-  }
+  replace: Boolean
 });
-var BreadcrumbItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
 
-exports["default"] = BreadcrumbItem;
+exports.breadcrumbItemProps = breadcrumbItemProps;
 //# sourceMappingURL=breadcrumb-item.js.map

package/lib/components/breadcrumb/src/breadcrumb-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","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":["getCurrentInstance","inject","breadcrumbKey","useNamespace","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","to","_renderSlot","_createBlock","ElIcon","_resolveDynamicComponent","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AAC9B,IAAA,MAAA,iBAAA,GAAoBC,UAAO,CAAAC,uBAAA,EAAe,KAAS,CAAA,CAAA,CAAA;AACnD,IAAA,MAAA,EAAA,GAAKC,mBAAa,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,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAcO,MAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAChBC,sBAAA;AAAA,YAMO,MAAA;AAAA,YAAA;AAAA,cALJ,OAAKF,oBAAGC,UAAG,EAAA,CAAA,CAAA,EAAC,UAAWA,UAAG,EAAA,CAAA,CAAA,GAAE,UAAWE,IAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,cAC1C,IAAK,EAAA,MAAA;AAAA,cACJ,OAAA;AAAA,aAAA;AAAA;cAEDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;UAEK,CAAA,CAAA,EAAA,GAAAH,SAAA,CAAA,iBAAA,CAAA,KAAA,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,oBAAlC,EAAAI,eAAA,CAEUJ,SAAA,CAAAK,cAAA,CAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAFwC,OAAKN,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AAAA,iCAC3D,MAAmD;AAAA,eAAnDH,aAAA,IAAAO,eAAmD,CAAAE,2BAAA,CAAnCN,UAAA,iBAAA,CAAA,CAAkB,aAAa,CAAA,CAAA;AAAA,aAAA,CAAA;AAAA;aAEjD,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,KAAAH,eAAA,EAAAC,sBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFO,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,cAAe,IAAK,EAAA,cAAA;AAAA,aAAA;AAAA,YACxCO,mBAAA,CAAA,CAAA,EAAA,GAAAP,SAAA,CAAA,iBAAA,CAAA,KAAA,mBAAmB,SAAS,CAAA;AAAA,YAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA,EAI5C,EAAI,EAAA;AAAA,IACF,IAAM,EAAAC,sBAAA,CAAiC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AACX,CAAU;;;;"}

package/lib/components/breadcrumb/src/breadcrumb-item2.js

@@ -2,15 +2,75 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var constants = require('./constants.js');
+var breadcrumbItem = require('./breadcrumb-item.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const breadcrumbItemProps = runtime.buildProps({
-  to: {
-    type: runtime.definePropType([String, Object]),
-    default: ""
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElBreadcrumbItem"
   },
-  replace: Boolean
+  __name: "breadcrumb-item",
+  props: breadcrumbItem.breadcrumbItemProps,
+  setup(__props) {
+    const props = __props;
+    const instance = vue.getCurrentInstance();
+    const breadcrumbContext = vue.inject(constants.breadcrumbKey, void 0);
+    const ns = index.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 vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          class: vue.normalizeClass(vue.unref(ns).e("item"))
+        },
+        [
+          vue.createElementVNode(
+            "span",
+            {
+              class: vue.normalizeClass([vue.unref(ns).e("inner"), vue.unref(ns).is("link", !!_ctx.to)]),
+              role: "link",
+              onClick
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          ),
+          ((_a = vue.unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("separator"))
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(breadcrumbContext).separatorIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock(
+            "span",
+            {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("separator")),
+              role: "presentation"
+            },
+            vue.toDisplayString((_b = vue.unref(breadcrumbContext)) == null ? void 0 : _b.separator),
+            3
+          ))
+        ],
+        2
+      );
+    };
+  }
 });
+var BreadcrumbItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
 
-exports.breadcrumbItemProps = breadcrumbItemProps;
+exports["default"] = BreadcrumbItem;
 //# sourceMappingURL=breadcrumb-item2.js.map

package/lib/components/breadcrumb/src/breadcrumb-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item2.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA,EAI5C,EAAI,EAAA;AAAA,IACF,IAAM,EAAAC,sBAAA,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.js","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":["getCurrentInstance","inject","breadcrumbKey","useNamespace","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","to","_renderSlot","_createBlock","ElIcon","_resolveDynamicComponent","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AAC9B,IAAA,MAAA,iBAAA,GAAoBC,UAAO,CAAAC,uBAAA,EAAe,KAAS,CAAA,CAAA,CAAA;AACnD,IAAA,MAAA,EAAA,GAAKC,mBAAa,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,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAcO,MAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAChBC,sBAAA;AAAA,YAMO,MAAA;AAAA,YAAA;AAAA,cALJ,OAAKF,oBAAGC,UAAG,EAAA,CAAA,CAAA,EAAC,UAAWA,UAAG,EAAA,CAAA,CAAA,GAAE,UAAWE,IAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,cAC1C,IAAK,EAAA,MAAA;AAAA,cACJ,OAAA;AAAA,aAAA;AAAA;cAEDC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;UAEK,CAAA,CAAA,EAAA,GAAAH,SAAA,CAAA,iBAAA,CAAA,KAAA,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,oBAAlC,EAAAI,eAAA,CAEUJ,SAAA,CAAAK,cAAA,CAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA,YAFwC,OAAKN,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,WAAA,EAAA;AAAA,iCAC3D,MAAmD;AAAA,eAAnDH,aAAA,IAAAO,eAAmD,CAAAE,2BAAA,CAAnCN,UAAA,iBAAA,CAAA,CAAkB,aAAa,CAAA,CAAA;AAAA,aAAA,CAAA;AAAA;aAEjD,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,KAAAH,eAAA,EAAAC,sBAAA;AAAA,YAEO,MAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFO,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,cAAe,IAAK,EAAA,cAAA;AAAA,aAAA;AAAA,YACxCO,mBAAA,CAAA,CAAA,EAAA,GAAAP,SAAA,CAAA,iBAAA,CAAA,KAAA,mBAAmB,SAAS,CAAA;AAAA,YAAA,CAAA;AAAA,WAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

package/lib/components/breadcrumb/src/breadcrumb.js

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

package/lib/components/breadcrumb/src/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","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":["useLocale","useNamespace","ref","provide","breadcrumbKey","onMounted","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,OAAoB,EAAA,CAAA;AAEvC,IAAAC,WAAA,CAAQC,yBAAe,KAAK,CAAA,CAAA;AAE5B,IAAAC,aAAA,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;;4BAjCC,EAAAC,sBAAA,CAOM,KAAA,EAAA;AAAA,QANA,OAAA,EAAA,YAAA;AAAA,QAAJ,GAAI,EAAA,UAAA;AAAA,QACH,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,QACX,YAAY,EAAAA,SAAA,CAAC,CAAA,CAAA,CAAA,qBAAA,CAAA;AAAA,QACd,IAAK,EAAA,YAAA;AAAA,OAAA,EAAA;AAAA,QAELC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,IAAA,UAAA,CAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"breadcrumb.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;AAIO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EAIxC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAAC,iBAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/lib/components/breadcrumb/src/breadcrumb2.js

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

package/lib/components/breadcrumb/src/breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;AAIO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EAIxC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAAC,iBAAA;AAAA,GACR;AACF,CAAU;;;;"}
+{"version":3,"file":"breadcrumb2.js","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":["useLocale","useNamespace","ref","provide","breadcrumbKey","onMounted","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAIA,eAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,OAAoB,EAAA,CAAA;AAEvC,IAAAC,WAAA,CAAQC,yBAAe,KAAK,CAAA,CAAA;AAE5B,IAAAC,aAAA,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;;4BAjCC,EAAAC,sBAAA,CAOM,KAAA,EAAA;AAAA,QANA,OAAA,EAAA,YAAA;AAAA,QAAJ,GAAI,EAAA,UAAA;AAAA,QACH,OAAKC,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,QACX,YAAY,EAAAA,SAAA,CAAC,CAAA,CAAA,CAAA,qBAAA,CAAA;AAAA,QACd,IAAK,EAAA,YAAA;AAAA,OAAA,EAAA;AAAA,QAELC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,OAAA,EAAA,IAAA,UAAA,CAAA,CAAA;AAAA;;;;;;;"}

package/lib/components/carousel/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var carousel$1 = require('./src/carousel2.js');
-var carouselItem$1 = require('./src/carousel-item.js');
+var carouselItem$1 = require('./src/carousel-item2.js');
 var carousel = require('./src/carousel.js');
-var carouselItem = require('./src/carousel-item2.js');
+var carouselItem = require('./src/carousel-item.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');