@element-plus/nightly 0.0.20220115 → 0.0.20220119

package/es/components/badge/index.d.ts

@@ -5,20 +5,25 @@ export declare const ElBadge: import("../../utils/types").SFCWithInstall<import(
     readonly hidden: BooleanConstructor;
     readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     content: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly max?: unknown;
-    readonly isDot?: unknown;
-    readonly hidden?: unknown;
-    readonly type?: unknown;
-} & {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    hidden: boolean;
-    value: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    max: number;
-    isDot: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly max: import("../../utils/props").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+    readonly isDot: BooleanConstructor;
+    readonly hidden: BooleanConstructor;
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+}>>, {
     type: import("../../utils/props").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     hidden: boolean;
     value: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/badge/src/badge.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type Badge from './badge.vue';
 export declare const badgeProps: {
     readonly value: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
     readonly max: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
@@ -7,3 +8,4 @@ export declare const badgeProps: {
     readonly type: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 };
 export declare type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+export declare type BadgeInstance = InstanceType<typeof Badge>;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type Badge from './badge.vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n\nexport type BadgeInstance = InstanceType<typeof Badge>\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC/D,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}

package/es/components/badge/src/badge.vue.d.ts

@@ -5,20 +5,25 @@ declare const _default: import("vue").DefineComponent<{
     readonly hidden: BooleanConstructor;
     readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     content: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly max?: unknown;
-    readonly isDot?: unknown;
-    readonly hidden?: unknown;
-    readonly type?: unknown;
-} & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    hidden: boolean;
-    value: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    max: number;
-    isDot: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly max: import("../../../utils/props").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+    readonly isDot: BooleanConstructor;
+    readonly hidden: BooleanConstructor;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+}>>, {
     type: import("../../../utils/props").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     hidden: boolean;
     value: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/badge/src/badge.vue_vue_type_script_lang.mjs

@@ -1,10 +1,13 @@
 import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
 import { badgeProps } from './badge.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElBadge",
   props: badgeProps,
   setup(props) {
+    const ns = useNamespace("badge");
     const content = computed(() => {
       if (props.isDot)
         return "";
@@ -14,6 +17,7 @@ var script = defineComponent({
       return `${props.value}`;
     });
     return {
+      ns,
       content
     };
   }

package/es/components/badge/src/badge.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div class=\"el-badge\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        class=\"el-badge__content\"\n        :class=\"[\n          'el-badge__content--' + type,\n          {\n            'is-fixed': $slots.default,\n            'is-dot': isDot,\n          },\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      content,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;AAuBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,UAAU;EACjB,MAAM,KAAK,EAAE;;MAET,IAAI,KAAK,CAAC;;MAEV,IAAI;QACF,OAAO,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG;OAClC;;MAED,CAAC;WACI;MACL;MACA;;;;;;"}
+{"version":3,"file":"badge.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const ns = useNamespace('badge')\n\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      ns,\n      content,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,UAAU;EACjB,MAAM,KAAK,EAAE;;IAEX,MAAM,OAAO;;QAET,OAAO;MACT,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK;;OAE1B;MACD,OAAO,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE;;WAEnB;QACH;MACF;MACA;;;;;;"}

package/es/components/badge/src/badge.vue_vue_type_template_id_020a5517_lang.mjs

@@ -1,28 +1,28 @@
-import { openBlock, createElementBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, toDisplayString, vShow } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, toDisplayString, vShow } from 'vue';
 
-const _hoisted_1 = { class: "el-badge" };
-const _hoisted_2 = ["textContent"];
+const _hoisted_1 = ["textContent"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     renderSlot(_ctx.$slots, "default"),
     createVNode(Transition, { name: "el-zoom-in-center" }, {
       default: withCtx(() => [
         withDirectives(createElementVNode("sup", {
-          class: normalizeClass(["el-badge__content", [
-            "el-badge__content--" + _ctx.type,
-            {
-              "is-fixed": _ctx.$slots.default,
-              "is-dot": _ctx.isDot
-            }
-          ]]),
+          class: normalizeClass([
+            _ctx.ns.e("content"),
+            _ctx.ns.em("content", _ctx.type),
+            _ctx.ns.is("fixed", !!_ctx.$slots.default),
+            _ctx.ns.is("dot", _ctx.isDot)
+          ]),
           textContent: toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_2), [
+        }, null, 10, _hoisted_1), [
           [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
         ])
       ]),
       _: 1
     })
-  ]);
+  ], 2);
 }
 
 export { render };

package/es/components/badge/src/badge.vue_vue_type_template_id_020a5517_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"badge.vue_vue_type_template_id_020a5517_lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue?vue&type=template&id=020a5517&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-badge\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        class=\"el-badge__content\"\n        :class=\"[\n          'el-badge__content--' + type,\n          {\n            'is-fixed': $slots.default,\n            'is-dot': isDot,\n          },\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      content,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;uCAcgB,YAAO;;;;;;;;;;"}
+{"version":3,"file":"badge.vue_vue_type_template_id_020a5517_lang.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue?vue&type=template&id=020a5517&lang.js"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition name=\"el-zoom-in-center\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const ns = useNamespace('badge')\n\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      ns,\n      content,\n    }\n  },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;;IACQA,sBAAO;;;;;;;;;;;;uCAWC,YAAO;;;;;;;;;;"}

package/es/components/breadcrumb/index.d.ts

@@ -2,14 +2,22 @@ export declare const ElBreadcrumb: import("../../utils/types").SFCWithInstall<im
     readonly separator: import("../../utils/props").BuildPropReturn<StringConstructor, "/", unknown, unknown, unknown>;
     readonly separatorIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     breadcrumb: import("vue").Ref<HTMLDivElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly separator?: unknown;
-    readonly separatorIcon?: unknown;
-} & {
-    separator: string;
-    separatorIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly separator: import("../../utils/props").BuildPropReturn<StringConstructor, "/", unknown, unknown, unknown>;
+    readonly separatorIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+}>>, {
     separator: string;
     separatorIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
 }>> & {
@@ -17,16 +25,24 @@ export declare const ElBreadcrumb: import("../../utils/types").SFCWithInstall<im
         readonly to: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
         readonly replace: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: (name: string, state?: boolean) => string;
+        };
         link: import("vue").Ref<HTMLSpanElement | undefined>;
         separator: string | undefined;
         separatorIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        readonly to?: unknown;
-        readonly replace?: unknown;
-    } & {
-        replace: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-        to: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
-    } & {}>, {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly to: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
+        readonly replace: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    }>>, {
         replace: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
         to: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
     }>;
@@ -35,16 +51,24 @@ export declare const ElBreadcrumbItem: import("../../utils/types").SFCWithInstal
     readonly to: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
     readonly replace: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     link: import("vue").Ref<HTMLSpanElement | undefined>;
     separator: string | undefined;
     separatorIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly replace?: unknown;
-} & {
-    replace: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    to: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly to: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
+    readonly replace: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+}>>, {
     replace: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     to: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
 }>>;

package/es/components/breadcrumb/src/breadcrumb-item.d.ts

@@ -1,7 +1,9 @@
 import type { ExtractPropTypes } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
+import type BreadcrumbItem from './breadcrumb-item.vue';
 export declare const breadcrumbItemProps: {
     readonly to: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<RouteLocationRaw>, "", unknown, unknown, unknown>;
     readonly replace: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
 };
 export declare type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>;
+export declare type BreadcrumbItemInstance = InstanceType<typeof BreadcrumbItem>;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n"],"names":[],"mappings":";;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"breadcrumb-item.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport type BreadcrumbItem from './breadcrumb-item.vue'\n\nexport const breadcrumbItemProps = buildProps({\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n\nexport type BreadcrumbItemInstance = InstanceType<typeof BreadcrumbItem>\n"],"names":[],"mappings":";;AACY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item.vue.d.ts

@@ -2,16 +2,24 @@ declare const _default: import("vue").DefineComponent<{
     readonly to: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
     readonly replace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     link: import("vue").Ref<HTMLSpanElement | undefined>;
     separator: string | undefined;
     separatorIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly replace?: unknown;
-} & {
-    replace: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    to: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly to: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, "", unknown, unknown, unknown>;
+    readonly replace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+}>>, {
     replace: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     to: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("vue-router").RouteLocationRaw>, unknown, unknown>;
 }>;

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

@@ -1,8 +1,10 @@
 import { defineComponent, getCurrentInstance, inject, ref, onMounted } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
 import { breadcrumbItemProps } from './breadcrumb-item.mjs';
 import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 const COMPONENT_NAME = "ElBreadcrumbItem";
 var script = defineComponent({
@@ -15,6 +17,7 @@ var script = defineComponent({
     const instance = getCurrentInstance();
     const router = instance.appContext.config.globalProperties.$router;
     const parent = inject(elBreadcrumbKey, void 0);
+    const ns = useNamespace("breadcrumb");
     const link = ref();
     onMounted(() => {
       link.value.setAttribute("role", "link");
@@ -25,6 +28,7 @@ var script = defineComponent({
       });
     });
     return {
+      ns,
       link,
       separator: parent == null ? void 0 : parent.separator,
       separatorIcon: parent == null ? void 0 : parent.separatorIcon

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AA4BA,oBAAoB,GAAG,kBAAkB,CAAC;;AAE1C,EAAE,MAAM;;AAER,IAAI,MAAM;;AAEV,EAAE,KAAK,EAAE,mBAAmB;EAC1B,MAAM,KAAK,EAAE;;IAEX,MAAM;IACN,MAAM;;;MAGJ,IAAI,CAAC,KAAK,CAAC;;QAET,IAAI,CAAC;UACH,OAAO;QACT,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;OACjE,CAAC;;IAEJ,OAAO;;MAEL,SAAS,EAAE;MACX,aAAa,EAAE,MAAM,IAAI,IAAI,QAAQ,CAAC;MACtC;;;;;;"}
+{"version":3,"file":"breadcrumb-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAyBA,oBAAoB,GAAG,kBAAkB,CAAC;;AAE1C,EAAE,MAAM;;AAER,IAAI,MAAM;;AAEV,EAAE,KAAK,EAAE,mBAAmB;EAC1B,MAAM,KAAK,EAAE;;IAEX,MAAM;IACN,MAAM;;;IAGN,SAAS,CAAC,MAAM;;MAEd,IAAI,CAAC;QACH,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM;UACtB,OAAO;QACT,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG;OAC5C,CAAC;;IAEJ,OAAO;;MAEL,IAAI;MACJ,SAAS,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG;MACrC,aAAa,EAAE,MAAM,IAAI,IAAI,GAAG,MAAM,GAAG;;;;;;;"}

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

@@ -1,31 +1,31 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
 
-const _hoisted_1 = { class: "el-breadcrumb__item" };
-const _hoisted_2 = {
-  key: 1,
-  class: "el-breadcrumb__separator",
-  role: "presentation"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
-  return openBlock(), createElementBlock("span", _hoisted_1, [
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.ns.e("item"))
+  }, [
     createElementVNode("span", {
       ref: "link",
-      class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
+      class: normalizeClass([_ctx.ns.e("inner"), _ctx.ns.is("link", !!_ctx.to)]),
       role: "link"
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2),
     _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
       key: 0,
-      class: "el-breadcrumb__separator"
+      class: normalizeClass(_ctx.ns.e("separator"))
     }, {
       default: withCtx(() => [
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
       ]),
       _: 1
-    })) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.separator), 1))
-  ]);
+    }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+      key: 1,
+      class: normalizeClass(_ctx.ns.e("separator")),
+      role: "presentation"
+    }, toDisplayString(_ctx.separator), 3))
+  ], 2);
 }
 
 export { render };

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=2f37792a&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;;;;EAYiB;EAAiC;;;;;;mDAXhD;;;MAGKA;;;MAGD;;KAEa;sBAAf;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=2f37792a&lang.js"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_renderSlot"],"mappings":";;;;;;;IACSA;;;MACC;;MAAyDC,WAAW;;;;;;;;;;+DAIxD;;;;sBAElB;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb.d.ts

@@ -1,6 +1,8 @@
 import type { ExtractPropTypes, Component } from 'vue';
+import type Breadcrumb from './breadcrumb.vue';
 export declare const breadcrumbProps: {
     readonly separator: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "/", unknown, unknown, unknown>;
     readonly separatorIcon: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
 };
 export declare type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;
+export declare type BreadcrumbInstance = InstanceType<typeof Breadcrumb>;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":[],"mappings":";;AACY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"breadcrumb.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type Breadcrumb from './breadcrumb.vue'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\nexport type BreadcrumbInstance = InstanceType<typeof Breadcrumb>\n"],"names":[],"mappings":";;AACY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/breadcrumb/src/breadcrumb.vue.d.ts

@@ -2,14 +2,22 @@ declare const _default: import("vue").DefineComponent<{
     readonly separator: import("../../../utils/props").BuildPropReturn<StringConstructor, "/", unknown, unknown, unknown>;
     readonly separatorIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     breadcrumb: import("vue").Ref<HTMLDivElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly separator?: unknown;
-    readonly separatorIcon?: unknown;
-} & {
-    separator: string;
-    separatorIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly separator: import("../../../utils/props").BuildPropReturn<StringConstructor, "/", unknown, unknown, unknown>;
+    readonly separatorIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+}>>, {
     separator: string;
     separatorIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
 }>;

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

@@ -1,21 +1,25 @@
 import { defineComponent, ref, provide, onMounted } from 'vue';
 import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
 import { breadcrumbProps } from './breadcrumb.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
 
 var script = defineComponent({
   name: "ElBreadcrumb",
   props: breadcrumbProps,
   setup(props) {
+    const ns = useNamespace("breadcrumb");
     const breadcrumb = ref();
     provide(elBreadcrumbKey, props);
     onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(".el-breadcrumb__item");
+      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
       if (items.length) {
         items[items.length - 1].setAttribute("aria-current", "page");
       }
     });
     return {
+      ns,
       breadcrumb
     };
   }

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAeA,EAAE,oBAAoB;;AAEtB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,UAAU;IAChB,OAAO,CAAC;;MAEN,MAAM;MACN,IAAI,KAAK,CAAC,QAAQ;;OAEjB;;IAEH,OAAO;MACL,UAAU;MACV;;;;;;"}
+{"version":3,"file":"breadcrumb.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\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\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AAeA,aAAe,eAAe,CAAC;AAC/B,EAAE,oBAAoB;;AAEtB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,EAAE,GAAG;IACX,MAAM,UAAU,GAAG;;IAEnB,SAAS;MACP,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC;MAC/B,IAAI,KAAK,CAAC,QAAQ;;OAEjB;;IAEH,OAAO;MACL,EAAE;MACF,UAAU;;;;;;;"}

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

@@ -1,15 +1,14 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
-const _hoisted_1 = {
-  ref: "breadcrumb",
-  class: "el-breadcrumb",
-  "aria-label": "Breadcrumb",
-  role: "navigation"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    ref: "breadcrumb",
+    class: normalizeClass(_ctx.ns.b()),
+    "aria-label": "Breadcrumb",
+    role: "navigation"
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ], 512);
+  ], 2);
 }
 
 export { render };

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;EAEI,KAAI;EACJ;EACA;EACA;;;;;;;;;"}
+{"version":3,"file":"breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    :class=\"ns.b()\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\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\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IAEI,KAAI;IACH;IACD;;;;;;;;"}