@element-plus/nightly 0.0.20260103 → 0.0.20260104

package/lib/components/avatar/src/avatar.js

@@ -2,84 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var avatar = require('./avatar2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var shared = require('@vue/shared');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var size = require('../../../constants/size.js');
 var types = require('../../../utils/types.js');
-var style = require('../../../utils/dom/style.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const _hoisted_1 = ["src", "alt", "srcset"];
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElAvatar"
+const avatarProps = runtime.buildProps({
+  size: {
+    type: [Number, String],
+    values: size.componentSizes,
+    default: "",
+    validator: (val) => types.isNumber(val)
   },
-  __name: "avatar",
-  props: avatar.avatarProps,
-  emits: avatar.avatarEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("avatar");
-    const hasLoadError = vue.ref(false);
-    const avatarClass = vue.computed(() => {
-      const { size, icon, shape } = props;
-      const classList = [ns.b()];
-      if (shared.isString(size))
-        classList.push(ns.m(size));
-      if (icon)
-        classList.push(ns.m("icon"));
-      if (shape)
-        classList.push(ns.m(shape));
-      return classList;
-    });
-    const sizeStyle = vue.computed(() => {
-      const { size } = props;
-      return types.isNumber(size) ? ns.cssVarBlock({
-        size: style.addUnit(size)
-      }) : void 0;
-    });
-    const fitStyle = vue.computed(() => ({
-      objectFit: props.fit
-    }));
-    vue.watch(
-      () => props.src,
-      () => hasLoadError.value = false
-    );
-    function handleError(e) {
-      hasLoadError.value = true;
-      emit("error", e);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "span",
-        {
-          class: vue.normalizeClass(avatarClass.value),
-          style: vue.normalizeStyle(sizeStyle.value)
-        },
-        [
-          (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 0,
-            src: _ctx.src,
-            alt: _ctx.alt,
-            srcset: _ctx.srcSet,
-            style: vue.normalizeStyle(fitStyle.value),
-            onError: handleError
-          }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-            ]),
-            _: 1
-          })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-        ],
-        6
-      );
-    };
+  shape: {
+    type: String,
+    values: ["circle", "square"],
+    default: "circle"
+  },
+  icon: {
+    type: icon.iconPropType
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  alt: String,
+  srcSet: String,
+  fit: {
+    type: runtime.definePropType(String),
+    default: "cover"
   }
 });
-var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/avatar/src/avatar.vue"]]);
+const avatarEmits = {
+  error: (evt) => evt instanceof Event
+};
 
-exports["default"] = Avatar;
+exports.avatarEmits = avatarEmits;
+exports.avatarProps = avatarProps;
 //# sourceMappingURL=avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? (ns.cssVarBlock({\n        size: addUnit(size)!,\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","src","srcSet","alt","icon","_createBlock","_unref","ElIcon","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"avatar.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<CSSProperties['object-fit']>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\nexport type AvatarPropsPublic = ExtractPublicPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAcO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAQ,EAAAC,mBAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,IACT,SAAW,EAAA,CAAC,GAAgC,KAAAC,cAAA,CAAS,GAAG,CAAA;AAAA,GAC1D;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC3B,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA,MAAA;AAAA,EAIL,MAAQ,EAAA,MAAA;AAAA,EAIR,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAe,YAAA,KAAA;AACxC;;;;;"}

package/lib/components/avatar/src/avatar2.js

@@ -2,41 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var size = require('../../../constants/size.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var avatar = require('./avatar.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 var types = require('../../../utils/types.js');
-var icon = require('../../../utils/vue/icon.js');
+var style = require('../../../utils/dom/style.js');
 
-const avatarProps = runtime.buildProps({
-  size: {
-    type: [Number, String],
-    values: size.componentSizes,
-    default: "",
-    validator: (val) => types.isNumber(val)
+const _hoisted_1 = ["src", "alt", "srcset"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElAvatar"
   },
-  shape: {
-    type: String,
-    values: ["circle", "square"],
-    default: "circle"
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  alt: String,
-  srcSet: String,
-  fit: {
-    type: runtime.definePropType(String),
-    default: "cover"
+  __name: "avatar",
+  props: avatar.avatarProps,
+  emits: avatar.avatarEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const ns = index.useNamespace("avatar");
+    const hasLoadError = vue.ref(false);
+    const avatarClass = vue.computed(() => {
+      const { size, icon, shape } = props;
+      const classList = [ns.b()];
+      if (shared.isString(size))
+        classList.push(ns.m(size));
+      if (icon)
+        classList.push(ns.m("icon"));
+      if (shape)
+        classList.push(ns.m(shape));
+      return classList;
+    });
+    const sizeStyle = vue.computed(() => {
+      const { size } = props;
+      return types.isNumber(size) ? ns.cssVarBlock({
+        size: style.addUnit(size)
+      }) : void 0;
+    });
+    const fitStyle = vue.computed(() => ({
+      objectFit: props.fit
+    }));
+    vue.watch(
+      () => props.src,
+      () => hasLoadError.value = false
+    );
+    function handleError(e) {
+      hasLoadError.value = true;
+      emit("error", e);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "span",
+        {
+          class: vue.normalizeClass(avatarClass.value),
+          style: vue.normalizeStyle(sizeStyle.value)
+        },
+        [
+          (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: _ctx.src,
+            alt: _ctx.alt,
+            srcset: _ctx.srcSet,
+            style: vue.normalizeStyle(fitStyle.value),
+            onError: handleError
+          }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ]),
+            _: 1
+          })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
+        ],
+        6
+      );
+    };
   }
 });
-const avatarEmits = {
-  error: (evt) => evt instanceof Event
-};
+var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/avatar/src/avatar.vue"]]);
 
-exports.avatarEmits = avatarEmits;
-exports.avatarProps = avatarProps;
+exports["default"] = Avatar;
 //# sourceMappingURL=avatar2.js.map

package/lib/components/avatar/src/avatar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isNumber,\n} from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type {\n  CSSProperties,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const avatarProps = buildProps({\n  /**\n   * @description avatar size.\n   */\n  size: {\n    type: [Number, String],\n    values: componentSizes,\n    default: '',\n    validator: (val: unknown): val is number => isNumber(val),\n  },\n  /**\n   * @description avatar shape.\n   */\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  /**\n   * @description representation type to icon, more info on icon component.\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description the source of the image for an image avatar.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description native attribute `alt` of image avatar.\n   */\n  alt: String,\n  /**\n   * @description native attribute srcset of image avatar.\n   */\n  srcSet: String,\n  /**\n   * @description set how the image fit its container for an image avatar.\n   */\n  fit: {\n    type: definePropType<CSSProperties['object-fit']>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\nexport type AvatarPropsPublic = ExtractPublicPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":["buildProps","componentSizes","isNumber","iconPropType","definePropType"],"mappings":";;;;;;;;;AAcO,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,MAAQ,EAAAC,mBAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,IACT,SAAW,EAAA,CAAC,GAAgC,KAAAC,cAAA,CAAS,GAAG,CAAA;AAAA,GAC1D;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC3B,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA,MAAA;AAAA,EAIL,MAAQ,EAAA,MAAA;AAAA,EAIR,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAA4C,MAAM,CAAA;AAAA,IACxD,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU,EAAA;AAIH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAe,GAAe,YAAA,KAAA;AACxC;;;;;"}
+{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? (ns.cssVarBlock({\n        size: addUnit(size)!,\n      }) as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":["useNamespace","ref","computed","isString","isNumber","addUnit","watch","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","src","srcSet","alt","icon","_createBlock","_unref","ElIcon","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}

package/lib/components/breadcrumb/index.js

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

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

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

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

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

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

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

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

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

package/lib/components/calendar/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var calendar$1 = require('./src/calendar2.js');
-var calendar = require('./src/calendar.js');
+var calendar$1 = require('./src/calendar.js');
+var calendar = require('./src/calendar2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElCalendar = install.withInstall(calendar$1["default"]);