element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/avatar/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/avatar2.mjs';
 export { avatarEmits, avatarProps } from './src/avatar.mjs';
-import script from './src/avatar.vue_vue&type=script&lang.mjs';
+import script from './src/avatar.vue_vue_type_script_lang.mjs';
 
 const ElAvatar = withInstall(script);
 

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

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, Component } from 'vue';
 import type { ObjectFitProperty } from 'csstype';
 export declare const avatarProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "medium" | "large", number>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "large" | "medium", number>;
     readonly shape: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "circle", unknown, "circle" | "square", unknown>;
     readonly icon: 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, unknown>;
     readonly src: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;

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

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly size: import("../../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "medium" | "large", number>;
+    readonly size: import("../../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "large" | "medium", number>;
     readonly shape: import("../../../utils/props").BuildPropReturn<StringConstructor, "circle", unknown, "circle" | "square", unknown>;
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown, unknown, unknown>;
     readonly src: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly srcSet?: unknown;
     readonly fit?: unknown;
 } & {
-    size: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "medium" | "large", number>;
+    size: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "large" | "medium", number>;
     shape: import("../../../utils/props").BuildPropType<StringConstructor, "circle" | "square", unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, unknown, unknown>;
@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
 }> & {
     onError?: ((evt: Event) => any) | undefined;
 }, {
-    size: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "medium" | "large", number>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    size: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "large" | "medium", number>;
     shape: import("../../../utils/props").BuildPropType<StringConstructor, "circle" | "square", unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, unknown, unknown>;

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

@@ -0,0 +1,52 @@
+import { defineComponent, ref, computed, watch } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { avatarProps, avatarEmits } from './avatar.mjs';
+
+var script = defineComponent({
+  name: "ElAvatar",
+  components: {
+    ElIcon
+  },
+  props: avatarProps,
+  emits: avatarEmits,
+  setup(props, { emit }) {
+    const hasLoadError = ref(false);
+    const avatarClass = computed(() => {
+      const { size, icon, shape } = props;
+      const classList = ["el-avatar"];
+      if (size && typeof size === "string")
+        classList.push(`el-avatar--${size}`);
+      if (icon)
+        classList.push("el-avatar--icon");
+      if (shape)
+        classList.push(`el-avatar--${shape}`);
+      return classList;
+    });
+    const sizeStyle = computed(() => {
+      const { size } = props;
+      return typeof size === "number" ? {
+        height: `${size}px`,
+        width: `${size}px`,
+        lineHeight: `${size}px`
+      } : {};
+    });
+    const fitStyle = computed(() => ({
+      objectFit: props.fit
+    }));
+    watch(() => props.src, () => hasLoadError.value = false);
+    function handleError(e) {
+      hasLoadError.value = true;
+      emit("error", e);
+    }
+    return {
+      hasLoadError,
+      avatarClass,
+      sizeStyle,
+      fitStyle,
+      handleError
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=avatar.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue_vue_type_script_lang.mjs","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\"><component :is=\"icon\" /></el-icon>\n    <slot v-else></slot>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAvatar',\n  components: {\n    ElIcon,\n  },\n  props: avatarProps,\n  emits: avatarEmits,\n\n  setup(props, { emit }) {\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = ['el-avatar']\n      if (size && typeof size === 'string') classList.push(`el-avatar--${size}`)\n      if (icon) classList.push('el-avatar--icon')\n      if (shape) classList.push(`el-avatar--${shape}`)\n      return classList\n    })\n\n    const sizeStyle = computed<CSSProperties>(() => {\n      const { size } = props\n      return typeof size === 'number'\n        ? {\n            height: `${size}px`,\n            width: `${size}px`,\n            lineHeight: `${size}px`,\n          }\n        : {}\n    })\n\n    const fitStyle = computed<CSSProperties>(() => ({\n      objectFit: props.fit,\n    }))\n\n    // need reset hasLoadError to false if src changed\n    watch(\n      () => props.src,\n      () => (hasLoadError.value = false)\n    )\n\n    function handleError(e: Event) {\n      hasLoadError.value = true\n      emit('error', e)\n    }\n\n    return {\n      hasLoadError,\n      avatarClass,\n      sizeStyle,\n      fitStyle,\n      handleError,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,eAAe,IAAI;AAEzB,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,EAAE,MAAM,MAAM,UAAU;AAC9B,YAAM,YAAY,CAAC;AACnB,UAAI,QAAQ,OAAO,SAAS;AAAU,kBAAU,KAAK,cAAc;AACnE,UAAI;AAAM,kBAAU,KAAK;AACzB,UAAI;AAAO,kBAAU,KAAK,cAAc;AACxC,aAAO;AAAA;AAGT,UAAM,YAAY,SAAwB,MAAM;AAC9C,YAAM,EAAE,SAAS;AACjB,aAAO,OAAO,SAAS,WACnB;AAAA,QACE,QAAQ,GAAG;AAAA,QACX,OAAO,GAAG;AAAA,QACV,YAAY,GAAG;AAAA,UAEjB;AAAA;AAGN,UAAM,WAAW,SAAwB;AAAO,MAC9C,WAAW,MAAM;AAAA;AAInB,UACE,MAAM,MAAM,KACZ,MAAO,aAAa,QAAQ;AAG9B,yBAAqB,GAAU;AAC7B,mBAAa,QAAQ;AACrB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/avatar/src/avatar.vue_vue_type_template_id_46e3f365_lang.mjs

@@ -0,0 +1,27 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, renderSlot } from 'vue';
+
+const _hoisted_1 = ["src", "alt", "srcset"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("span", {
+    class: normalizeClass(_ctx.avatarClass),
+    style: normalizeStyle(_ctx.sizeStyle)
+  }, [
+    (_ctx.src || _ctx.srcSet) && !_ctx.hasLoadError ? (openBlock(), createElementBlock("img", {
+      key: 0,
+      src: _ctx.src,
+      alt: _ctx.alt,
+      srcset: _ctx.srcSet,
+      style: normalizeStyle(_ctx.fitStyle),
+      onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
+    }, null, 44, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : renderSlot(_ctx.$slots, "default", { key: 2 })
+  ], 6);
+}
+
+export { render };
+//# sourceMappingURL=avatar.vue_vue_type_template_id_46e3f365_lang.mjs.map

package/es/components/avatar/src/avatar.vue_vue_type_template_id_46e3f365_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.vue_vue_type_template_id_46e3f365_lang.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.vue?vue&type=template&id=46e3f365&lang.js"],"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\"><component :is=\"icon\" /></el-icon>\n    <slot v-else></slot>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAvatar',\n  components: {\n    ElIcon,\n  },\n  props: avatarProps,\n  emits: avatarEmits,\n\n  setup(props, { emit }) {\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = ['el-avatar']\n      if (size && typeof size === 'string') classList.push(`el-avatar--${size}`)\n      if (icon) classList.push('el-avatar--icon')\n      if (shape) classList.push(`el-avatar--${shape}`)\n      return classList\n    })\n\n    const sizeStyle = computed<CSSProperties>(() => {\n      const { size } = props\n      return typeof size === 'number'\n        ? {\n            height: `${size}px`,\n            width: `${size}px`,\n            lineHeight: `${size}px`,\n          }\n        : {}\n    })\n\n    const fitStyle = computed<CSSProperties>(() => ({\n      objectFit: props.fit,\n    }))\n\n    // need reset hasLoadError to false if src changed\n    watch(\n      () => props.src,\n      () => (hasLoadError.value = false)\n    )\n\n    function handleError(e: Event) {\n      hasLoadError.value = true\n      emit('error', e)\n    }\n\n    return {\n      hasLoadError,\n      avatarClass,\n      sizeStyle,\n      fitStyle,\n      handleError,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;sBACEA;IAAO,sBAAO;IAAc,sBAAO;;IAExB,aAAO,iBAAY,kCAD5BA;;MAEG,KAAK;MACL,KAAK;MACL,QAAQ;MACR,sBAAO;MACP,gDAAO;gCAEU,0BAApBC;uBAA0B;sBAAAA,YAAwBC,wBAAR;;;UAC1CC;;;;;;"}

package/es/components/avatar/src/avatar2.mjs

@@ -1,6 +1,6 @@
-import script from './avatar.vue_vue&type=script&lang.mjs';
-export { default } from './avatar.vue_vue&type=script&lang.mjs';
-import { render } from './avatar.vue_vue&type=template&id=46e3f365&lang.mjs';
+import script from './avatar.vue_vue_type_script_lang.mjs';
+export { default } from './avatar.vue_vue_type_script_lang.mjs';
+import { render } from './avatar.vue_vue_type_template_id_46e3f365_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/avatar/src/avatar.vue";

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

@@ -28,16 +28,16 @@ export declare const ElBacktop: import("../../utils/types").SFCWithInstall<impor
     readonly right?: unknown;
     readonly bottom?: unknown;
 } & {
-    target: string;
-    bottom: number;
     right: number;
+    bottom: number;
+    target: string;
     visibilityHeight: number;
 } & {}> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    target: string;
-    bottom: number;
     right: number;
+    bottom: number;
+    target: string;
     visibilityHeight: number;
 }>> & Record<string, any>;
 export default ElBacktop;

package/es/components/backtop/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/backtop2.mjs';
 export { backtopEmits, backtopProps } from './src/backtop.mjs';
-import script from './src/backtop.vue_vue&type=script&lang.mjs';
+import script from './src/backtop.vue_vue_type_script_lang.mjs';
 
 const ElBacktop = withInstall(script);
 

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

@@ -28,16 +28,16 @@ declare const _default: import("vue").DefineComponent<{
     readonly right?: unknown;
     readonly bottom?: unknown;
 } & {
-    target: string;
-    bottom: number;
     right: number;
+    bottom: number;
+    target: string;
     visibilityHeight: number;
 } & {}> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    target: string;
-    bottom: number;
     right: number;
+    bottom: number;
+    target: string;
     visibilityHeight: number;
 }>;
 export default _default;

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

@@ -0,0 +1,72 @@
+import { defineComponent, shallowRef, ref, computed, onMounted } from 'vue';
+import { useThrottleFn, useEventListener } from '@vueuse/core';
+import { ElIcon } from '../../icon/index.mjs';
+import { easeInOutCubic } from '../../../utils/animation.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { CaretTop } from '@element-plus/icons-vue';
+import { backtopProps, backtopEmits } from './backtop.mjs';
+
+const COMPONENT_NAME = "ElBacktop";
+var script = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElIcon,
+    CaretTop
+  },
+  props: backtopProps,
+  emits: backtopEmits,
+  setup(props, { emit }) {
+    const el = shallowRef(document.documentElement);
+    const container = shallowRef(document);
+    const visible = ref(false);
+    const styleBottom = computed(() => `${props.bottom}px`);
+    const styleRight = computed(() => `${props.right}px`);
+    const scrollToTop = () => {
+      if (!el.value)
+        return;
+      const beginTime = Date.now();
+      const beginValue = el.value.scrollTop;
+      const frameFunc = () => {
+        if (!el.value)
+          return;
+        const progress = (Date.now() - beginTime) / 500;
+        if (progress < 1) {
+          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress));
+          requestAnimationFrame(frameFunc);
+        } else {
+          el.value.scrollTop = 0;
+        }
+      };
+      requestAnimationFrame(frameFunc);
+    };
+    const handleScroll = () => {
+      if (el.value)
+        visible.value = el.value.scrollTop >= props.visibilityHeight;
+    };
+    const handleClick = (event) => {
+      scrollToTop();
+      emit("click", event);
+    };
+    const handleScrollThrottled = useThrottleFn(handleScroll, 300);
+    onMounted(() => {
+      var _a;
+      if (props.target) {
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!el.value) {
+          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
+        }
+        container.value = el.value;
+      }
+      useEventListener(container, "scroll", handleScrollThrottled);
+    });
+    return {
+      visible,
+      styleBottom,
+      styleRight,
+      handleClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=backtop.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backtop.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons-vue'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA4BA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,WAAoC,SAAS;AACxD,UAAM,YAAY,WAAmC;AACrD,UAAM,UAAU,IAAI;AACpB,UAAM,cAAc,SAAS,MAAM,GAAG,MAAM;AAC5C,UAAM,aAAa,SAAS,MAAM,GAAG,MAAM;AAE3C,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,GAAG;AAAO;AACf,YAAM,YAAY,KAAK;AACvB,YAAM,aAAa,GAAG,MAAM;AAC5B,YAAM,YAAY,MAAM;AACtB,YAAI,CAAC,GAAG;AAAO;AACf,cAAM,WAAY,MAAK,QAAQ,aAAa;AAC5C,YAAI,WAAW,GAAG;AAChB,aAAG,MAAM,YAAY,kBAAkB,eAAe;AACtD,gCAAsB;AAAA,eACjB;AACL,aAAG,MAAM,YAAY;AAAA;AAAA;AAGzB,4BAAsB;AAAA;AAExB,UAAM,eAAe,MAAM;AACzB,UAAI,GAAG;AAAO,gBAAQ,QAAQ,GAAG,MAAM,aAAa,MAAM;AAAA;AAE5D,UAAM,cAAc,CAAC,UAAsB;AACzC;AACA,WAAK,SAAS;AAAA;AAGhB,UAAM,wBAAwB,cAAc,cAAc;AAE1D,cAAU,MAAM;;AACd,UAAI,MAAM,QAAQ;AAChB,WAAG,QACD,eAAS,cAA2B,MAAM,YAA1C,YAAqD;AACvD,YAAI,CAAC,GAAG,OAAO;AACb,qBAAW,gBAAgB,0BAA0B,MAAM;AAAA;AAE7D,kBAAU,QAAQ,GAAG;AAAA;AAGvB,uBAAiB,WAAW,UAAU;AAAA;AAGxC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,32 @@
+import { resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeStyle, withModifiers, renderSlot, createVNode, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_caret_top = resolveComponent("caret-top");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createBlock(Transition, { name: "el-fade-in" }, {
+    default: withCtx(() => [
+      _ctx.visible ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          right: _ctx.styleRight,
+          bottom: _ctx.styleBottom
+        }),
+        class: "el-backtop",
+        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(_component_el_icon, { class: "el-backtop__icon" }, {
+            default: withCtx(() => [
+              createVNode(_component_caret_top)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)) : createCommentVNode("v-if", true)
+    ]),
+    _: 3
+  });
+}
+
+export { render };
+//# sourceMappingURL=backtop.vue_vue_type_template_id_63a7fea6_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backtop.vue_vue_type_template_id_63a7fea6_lang.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue?vue&type=template&id=63a7fea6&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-fade-in\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      class=\"el-backtop\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon class=\"el-backtop__icon\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic } from '@element-plus/utils/animation'\nimport { throwError } from '@element-plus/utils/error'\nimport { CaretTop } from '@element-plus/icons-vue'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  components: {\n    ElIcon,\n    CaretTop,\n  },\n  props: backtopProps,\n  emits: backtopEmits,\n\n  setup(props, { emit }) {\n    const el = shallowRef<HTMLElement | undefined>(document.documentElement)\n    const container = shallowRef<Document | HTMLElement>(document)\n    const visible = ref(false)\n    const styleBottom = computed(() => `${props.bottom}px`)\n    const styleRight = computed(() => `${props.right}px`)\n\n    const scrollToTop = () => {\n      if (!el.value) return\n      const beginTime = Date.now()\n      const beginValue = el.value.scrollTop\n      const frameFunc = () => {\n        if (!el.value) return\n        const progress = (Date.now() - beginTime) / 500\n        if (progress < 1) {\n          el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n          requestAnimationFrame(frameFunc)\n        } else {\n          el.value.scrollTop = 0\n        }\n      }\n      requestAnimationFrame(frameFunc)\n    }\n    const handleScroll = () => {\n      if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n    }\n    const handleClick = (event: MouseEvent) => {\n      scrollToTop()\n      emit('click', event)\n    }\n\n    const handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\n    onMounted(() => {\n      if (props.target) {\n        el.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!el.value) {\n          throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n        }\n        container.value = el.value\n      }\n\n      useEventListener(container, 'scroll', handleScrollThrottled)\n    })\n\n    return {\n      visible,\n      styleBottom,\n      styleRight,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock","_renderSlot","_createVNode"],"mappings":";;;;;sBACEA,0BAAY,MAAK;qBACf;MACQ,6BADRC;;QAEG;;;;QAID,OAAM;AAAA,QACL,8DAAY;;QAEbC,uCAAA;UACEC,kCAAS,OAAM;6BAAmB;cAAAA,YAAa;AAAA;AAAA;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './backtop.vue_vue&type=script&lang.mjs';
-export { default } from './backtop.vue_vue&type=script&lang.mjs';
-import { render } from './backtop.vue_vue&type=template&id=63a7fea6&lang.mjs';
+import script from './backtop.vue_vue_type_script_lang.mjs';
+export { default } from './backtop.vue_vue_type_script_lang.mjs';
+import { render } from './backtop.vue_vue_type_template_id_63a7fea6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/backtop/src/backtop.vue";

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

@@ -3,7 +3,7 @@ export declare const ElBadge: import("../../utils/types").SFCWithInstall<import(
     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, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
     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<{
@@ -13,13 +13,13 @@ export declare const ElBadge: import("../../utils/types").SFCWithInstall<import(
     readonly hidden?: unknown;
     readonly type?: unknown;
 } & {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "primary" | "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>;
     max: number;
     isDot: boolean;
 } & {}>, {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "primary" | "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>;
     max: number;

package/es/components/badge/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/badge2.mjs';
 export { badgeProps } from './src/badge.mjs';
-import script from './src/badge.vue_vue&type=script&lang.mjs';
+import script from './src/badge.vue_vue_type_script_lang.mjs';
 
 const ElBadge = withInstall(script);
 

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

@@ -4,6 +4,6 @@ export declare const badgeProps: {
     readonly max: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    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>;

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

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
     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, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
     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<{
@@ -13,13 +13,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly hidden?: unknown;
     readonly type?: unknown;
 } & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "primary" | "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>;
     max: number;
     isDot: boolean;
 } & {}>, {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "primary" | "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>;
     max: number;

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

@@ -0,0 +1,23 @@
+import { defineComponent, computed } from 'vue';
+import { badgeProps } from './badge.mjs';
+
+var script = defineComponent({
+  name: "ElBadge",
+  props: badgeProps,
+  setup(props) {
+    const content = computed(() => {
+      if (props.isDot)
+        return "";
+      if (typeof props.value === "number" && typeof props.max === "number") {
+        return props.max < props.value ? `${props.max}+` : `${props.value}`;
+      }
+      return `${props.value}`;
+    });
+    return {
+      content
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=badge.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +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":";;;AAyBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,UAAU,SAAiB,MAAM;AACrC,UAAI,MAAM;AAAO,eAAO;AAExB,UAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,UAAU;AACpE,eAAO,MAAM,MAAM,MAAM,QAAQ,GAAG,MAAM,SAAS,GAAG,MAAM;AAAA;AAE9D,aAAO,GAAG,MAAM;AAAA;AAGlB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,29 @@
+import { openBlock, createElementBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, toDisplayString, vShow } from 'vue';
+
+const _hoisted_1 = { class: "el-badge" };
+const _hoisted_2 = ["textContent"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    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
+            }
+          ]]),
+          textContent: toDisplayString(_ctx.content)
+        }, null, 10, _hoisted_2), [
+          [vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=badge.vue_vue_type_template_id_020a5517_lang.mjs.map

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

@@ -0,0 +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":["_createElementBlock","_renderSlot","_createVNode","_createElementVNode","_toDisplayString"],"mappings":";;qBACO,OAAM;;;sBAAXA,0BAAA;IACEC;IACAC,0BAAY,MAAK;uBACf;uBAAAC;UAEE,uBAAM;;;;;;;uBAQNC,gBAAQ;;mBATC,gCAAsB,wBAAmB;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './badge.vue_vue&type=script&lang.mjs';
-export { default } from './badge.vue_vue&type=script&lang.mjs';
-import { render } from './badge.vue_vue&type=template&id=020a5517&lang.mjs';
+import script from './badge.vue_vue_type_script_lang.mjs';
+export { default } from './badge.vue_vue_type_script_lang.mjs';
+import { render } from './badge.vue_vue_type_template_id_020a5517_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/badge/src/badge.vue";

package/es/components/breadcrumb/index.mjs

@@ -3,8 +3,8 @@ import './src/breadcrumb2.mjs';
 import './src/breadcrumb-item2.mjs';
 export { breadcrumbProps } from './src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './src/breadcrumb-item.mjs';
-import script from './src/breadcrumb.vue_vue&type=script&lang.mjs';
-import script$1 from './src/breadcrumb-item.vue_vue&type=script&lang.mjs';
+import script from './src/breadcrumb.vue_vue_type_script_lang.mjs';
+import script$1 from './src/breadcrumb-item.vue_vue_type_script_lang.mjs';
 
 const ElBreadcrumb = withInstall(script, {
   BreadcrumbItem: script$1

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

@@ -0,0 +1,36 @@
+import { defineComponent, getCurrentInstance, inject, ref, onMounted } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../tokens/index.mjs';
+import { breadcrumbItemProps } from './breadcrumb-item.mjs';
+import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+
+const COMPONENT_NAME = "ElBreadcrumbItem";
+var script = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElIcon
+  },
+  props: breadcrumbItemProps,
+  setup(props) {
+    const instance = getCurrentInstance();
+    const router = instance.appContext.config.globalProperties.$router;
+    const parent = inject(elBreadcrumbKey, void 0);
+    const link = ref();
+    onMounted(() => {
+      link.value.setAttribute("role", "link");
+      link.value.addEventListener("click", () => {
+        if (!props.to || !router)
+          return;
+        props.replace ? router.replace(props.to) : router.push(props.to);
+      });
+    });
+    return {
+      link,
+      separator: parent == null ? void 0 : parent.separator,
+      separatorIcon: parent == null ? void 0 : parent.separatorIcon
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=breadcrumb-item.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +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":";;;;;;AAgCA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAW;AACjB,UAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;AAC3D,UAAM,SAAS,OAAO,iBAAiB;AAEvC,UAAM,OAAO;AAEb,cAAU,MAAM;AACd,WAAK,MAAO,aAAa,QAAQ;AACjC,WAAK,MAAO,iBAAiB,SAAS,MAAM;AAC1C,YAAI,CAAC,MAAM,MAAM,CAAC;AAAQ;AAC1B,cAAM,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,KAAK,MAAM;AAAA;AAAA;AAIjE,WAAO;AAAA,MACL;AAAA,MACA,WAAW,iCAAQ;AAAA,MACnB,eAAe,iCAAQ;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,32 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, 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, [
+    createElementVNode("span", {
+      ref: "link",
+      class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
+      role: "link"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2),
+    _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
+      key: 0,
+      class: "el-breadcrumb__separator"
+    }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
+      ]),
+      _: 1
+    })) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.separator), 1))
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs.map

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

@@ -0,0 +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":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;qBACQ,OAAM;;;EAWG,OAAM;AAAA,EAA2B,MAAK;AAAA;;;sBAXrDA,2BAAA;IACEC;MACE,KAAI;AAAA,MACH,+CAAgC;MACjC,MAAK;AAAA;MAELC;;IAEa,mCAAfC;;MAA8B,OAAM;AAAA;uBAClC;sBAAAA,oCAAgB;;;wBAElBH,2BAAA,4BACK;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './breadcrumb-item.vue_vue&type=script&lang.mjs';
-export { default } from './breadcrumb-item.vue_vue&type=script&lang.mjs';
-import { render } from './breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs';
+import script from './breadcrumb-item.vue_vue_type_script_lang.mjs';
+export { default } from './breadcrumb-item.vue_vue_type_script_lang.mjs';
+import { render } from './breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/breadcrumb/src/breadcrumb-item.vue";