@element-plus/nightly 0.0.20251217 → 0.0.20251218

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

@@ -1 +1 @@
-{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\n\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_Transition","_withDirectives","_createElementVNode","type","$slots","isDot","showZero","value","badgeClass","_normalizeStyle","_createTextVNode","hidden"],"mappings":"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"}
+{"version":3,"file":"badge.mjs","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\n\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description customize dot background color\n   */\n  color: String,\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n  /**\n   * @description set offset of the badge\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n    default: [0, 0],\n  },\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass: {\n    type: String,\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\nexport type BadgePropsPublic = ExtractPublicPropTypes<typeof badgeProps>\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,OAAA;AAAA,EAIP,MAAQ,EAAA,OAAA;AAAA,EAIR,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,QAAQ,CAAA;AAAA,IAC1D,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,MAAA;AAAA,EAIP,UAAY,EAAA;AAAA,IACV,MAAM,cAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,GAC1D;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,GAChB;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU;;;;"}

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

@@ -1,37 +1,89 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, createTextVNode, toDisplayString, vShow } from 'vue';
+import { badgeProps } from './badge.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
 
-const badgeProps = buildProps({
-  value: {
-    type: [String, Number],
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElBadge"
   },
-  max: {
-    type: Number,
-    default: 99
-  },
-  isDot: Boolean,
-  hidden: Boolean,
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "info", "danger"],
-    default: "danger"
-  },
-  showZero: {
-    type: Boolean,
-    default: true
-  },
-  color: String,
-  badgeStyle: {
-    type: definePropType([String, Object, Array])
-  },
-  offset: {
-    type: definePropType(Array),
-    default: [0, 0]
-  },
-  badgeClass: {
-    type: String
+  __name: "badge",
+  props: badgeProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const ns = useNamespace("badge");
+    const content = computed(() => {
+      if (props.isDot)
+        return "";
+      if (isNumber(props.value) && isNumber(props.max)) {
+        return props.max < props.value ? `${props.max}+` : `${props.value}`;
+      }
+      return `${props.value}`;
+    });
+    const style = computed(() => {
+      var _a;
+      return [
+        {
+          backgroundColor: props.color,
+          marginRight: addUnit(-props.offset[0]),
+          marginTop: addUnit(props.offset[1])
+        },
+        (_a = props.badgeStyle) != null ? _a : {}
+      ];
+    });
+    __expose({
+      content
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(Transition, {
+            name: `${unref(ns).namespace.value}-zoom-in-center`,
+            persisted: ""
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode(
+                "sup",
+                {
+                  class: normalizeClass([
+                    unref(ns).e("content"),
+                    unref(ns).em("content", _ctx.type),
+                    unref(ns).is("fixed", !!_ctx.$slots.default),
+                    unref(ns).is("dot", _ctx.isDot),
+                    unref(ns).is("hide-zero", !_ctx.showZero && _ctx.value === 0),
+                    _ctx.badgeClass
+                  ]),
+                  style: normalizeStyle(style.value)
+                },
+                [
+                  renderSlot(_ctx.$slots, "content", { value: content.value }, () => [
+                    createTextVNode(
+                      toDisplayString(content.value),
+                      1
+                    )
+                  ])
+                ],
+                6
+              ), [
+                [vShow, !_ctx.hidden && (content.value || _ctx.isDot || _ctx.$slots.content)]
+              ])
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ],
+        2
+      );
+    };
   }
 });
+var Badge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/badge/src/badge.vue"]]);
 
-export { badgeProps };
+export { Badge as default };
 //# sourceMappingURL=badge2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge2.mjs","sources":["../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\n\nexport const badgeProps = buildProps({\n  /**\n   * @description display value.\n   */\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description maximum value, shows `{max}+` when exceeded. Only works if value is a number.\n   */\n  max: {\n    type: Number,\n    default: 99,\n  },\n  /**\n   * @description if a little dot is displayed.\n   */\n  isDot: Boolean,\n  /**\n   * @description hidden badge.\n   */\n  hidden: Boolean,\n  /**\n   * @description badge type.\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n  /**\n   * @description whether to show badge when value is zero.\n   */\n  showZero: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description customize dot background color\n   */\n  color: String,\n  /**\n   * @description CSS style of badge\n   */\n  badgeStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n  /**\n   * @description set offset of the badge\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n    default: [0, 0],\n  },\n  /**\n   * @description custom class name of badge\n   */\n  badgeClass: {\n    type: String,\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\nexport type BadgePropsPublic = ExtractPublicPropTypes<typeof badgeProps>\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,OAAA;AAAA,EAIP,MAAQ,EAAA,OAAA;AAAA,EAIR,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAQ,QAAQ,CAAA;AAAA,IAC1D,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,MAAA;AAAA,EAIP,UAAY,EAAA;AAAA,IACV,MAAM,cAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,GAC1D;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,GAChB;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU;;;;"}
+{"version":3,"file":"badge2.mjs","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot />\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || isDot || $slots.content)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n          ns.is('hide-zero', !showZero && value === 0),\n          badgeClass,\n        ]\"\n        :style=\"style\"\n      >\n        <slot name=\"content\" :value=\"content\">\n          {{ content }}\n        </slot>\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\n\nimport type { StyleValue } from 'vue'\n\ndefineOptions({\n  name: 'ElBadge',\n})\n\nconst props = defineProps(badgeProps)\n\nconst ns = useNamespace('badge')\n\nconst content = computed<string>(() => {\n  if (props.isDot) return ''\n  if (isNumber(props.value) && isNumber(props.max)) {\n    return props.max < props.value ? `${props.max}+` : `${props.value}`\n  }\n  return `${props.value}`\n})\n\nconst style = computed<StyleValue>(() => {\n  return [\n    {\n      backgroundColor: props.color,\n      marginRight: addUnit(-props.offset[0]),\n      marginTop: addUnit(props.offset[1]),\n    },\n    props.badgeStyle ?? {},\n  ]\n})\n\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createVNode","_Transition","_withDirectives","_createElementVNode","type","$slots","isDot","showZero","value","badgeClass","_normalizeStyle","_createTextVNode","hidden"],"mappings":"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"}

package/es/components/breadcrumb/index.mjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/calendar/index.mjs

@@ -1,5 +1,5 @@
-import Calendar from './src/calendar.mjs';
-export { calendarEmits, calendarProps } from './src/calendar2.mjs';
+import Calendar from './src/calendar2.mjs';
+export { calendarEmits, calendarProps } from './src/calendar.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElCalendar = withInstall(Calendar);