element-plus 2.0.2 → 2.0.3

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

@@ -16,10 +16,28 @@ export declare const ElBacktop: import("element-plus/es/utils").SFCWithInstall<i
         readonly default: 40;
     };
 }, {
-    visible: import("vue").Ref<boolean>;
-    styleBottom: import("vue").ComputedRef<string>;
-    styleRight: import("vue").ComputedRef<string>;
-    handleClick: (event: MouseEvent) => void;
+    COMPONENT_NAME: string;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly visibilityHeight: {
+            readonly type: NumberConstructor;
+            readonly default: 200;
+        };
+        readonly target: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly right: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+        };
+        readonly bottom: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+        };
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>>;
+    emit: (event: "click", evt: MouseEvent) => void;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -34,6 +52,48 @@ export declare const ElBacktop: import("element-plus/es/utils").SFCWithInstall<i
             (name: string): string;
         };
     };
+    el: import("vue").ShallowRef<HTMLElement | undefined>;
+    container: import("vue").ShallowRef<HTMLElement> | import("vue").ShallowRef<Document>;
+    visible: import("vue").Ref<boolean>;
+    styleBottom: import("vue").ComputedRef<string>;
+    styleRight: import("vue").ComputedRef<string>;
+    scrollToTop: () => void;
+    handleScroll: () => void;
+    handleClick: (event: MouseEvent) => void;
+    handleScrollThrottled: () => void;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
+    CaretTop: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -16,10 +16,28 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 40;
     };
 }, {
-    visible: import("vue").Ref<boolean>;
-    styleBottom: import("vue").ComputedRef<string>;
-    styleRight: import("vue").ComputedRef<string>;
-    handleClick: (event: MouseEvent) => void;
+    COMPONENT_NAME: string;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly visibilityHeight: {
+            readonly type: NumberConstructor;
+            readonly default: 200;
+        };
+        readonly target: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly right: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+        };
+        readonly bottom: {
+            readonly type: NumberConstructor;
+            readonly default: 40;
+        };
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }>>;
+    emit: (event: "click", evt: MouseEvent) => void;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -34,6 +52,48 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    el: import("vue").ShallowRef<HTMLElement | undefined>;
+    container: import("vue").ShallowRef<HTMLElement> | import("vue").ShallowRef<Document>;
+    visible: import("vue").Ref<boolean>;
+    styleBottom: import("vue").ComputedRef<string>;
+    styleRight: import("vue").ComputedRef<string>;
+    scrollToTop: () => void;
+    handleScroll: () => void;
+    handleClick: (event: MouseEvent) => void;
+    handleScrollThrottled: () => void;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
+    CaretTop: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -4,27 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var core = require('@vueuse/core');
-var index = require('../../icon/index.js');
+var index$1 = require('../../icon/index.js');
 require('../../../utils/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 require('../../../hooks/index.js');
 var backtop = require('./backtop.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 var animation = require('../../../utils/animation.js');
 var error = require('../../../utils/error.js');
 
-const COMPONENT_NAME = "ElBacktop";
-const _sfc_main = vue.defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElIcon: index.ElIcon,
-    CaretTop: iconsVue.CaretTop
-  },
+const _hoisted_1 = ["onClick"];
+const __default__ = {
+  name: "ElBacktop"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: backtop.backtopProps,
   emits: backtop.backtopEmits,
-  setup(props, { emit }) {
-    const ns = index$1.useNamespace("backtop");
+  setup(__props, { emit }) {
+    const props = __props;
+    const COMPONENT_NAME = "ElBacktop";
+    const ns = index.useNamespace("backtop");
     const el = vue.shallowRef(document.documentElement);
     const container = vue.shallowRef(document);
     const visible = vue.ref(false);
@@ -68,47 +68,37 @@ const _sfc_main = vue.defineComponent({
       }
       core.useEventListener(container, "scroll", handleScrollThrottled);
     });
-    return {
-      visible,
-      styleBottom,
-      styleRight,
-      handleClick,
-      ns
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: `${vue.unref(ns).namespace.value}-fade-in`
+      }, {
+        default: vue.withCtx(() => [
+          visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            style: vue.normalizeStyle({
+              right: vue.unref(styleRight),
+              bottom: vue.unref(styleBottom)
+            }),
+            class: vue.normalizeClass(vue.unref(ns).b()),
+            onClick: vue.withModifiers(handleClick, ["stop"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createVNode(vue.unref(index$1.ElIcon), {
+                class: vue.normalizeClass(vue.unref(ns).e("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.CaretTop))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ], 14, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_caret_top = vue.resolveComponent("caret-top");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: `${_ctx.ns.namespace.value}-fade-in`
-  }, {
-    default: vue.withCtx(() => [
-      _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        style: vue.normalizeStyle({
-          right: _ctx.styleRight,
-          bottom: _ctx.styleBottom
-        }),
-        class: vue.normalizeClass(_ctx.ns.b()),
-        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          vue.createVNode(_component_el_icon, {
-            class: vue.normalizeClass(_ctx.ns.e("icon"))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_caret_top)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ])
-      ], 6)) : vue.createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  }, 8, ["name"]);
-}
-var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = Backtop;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=backtop2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic, throwError } from '@element-plus/utils'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('backtop')\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      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","CaretTop","backtopProps","backtopEmits","useNamespace","shallowRef","ref","computed","easeInOutCubic","useThrottleFn"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,cACAC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AACxB,UAAM,KAAKC,eAAoC,SAAS;AACxD,UAAM,YAAYA,eAAmC;AACrD,UAAM,UAAUC,QAAI;AACpB,UAAM,cAAcC,aAAS,MAAM,GAAG,MAAM;AAC5C,UAAM,aAAaA,aAAS,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,kBAAkBC,yBAAe;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,wBAAwBC,mBAAc,cAAc;AAE1D,kBAAU,MAAM;AACd,UAAI;AACF;AAEA,gBAAQ;AACN,qBAAW;AAAgD;AAE7D;AAAqB;AAGvB;AAAsC;AAGxC;AAAO;AACL,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;AA1FoC;;;AAEvB;;AACP;AAA6B;AAAkB;;;AAK/C;;AAEN;AACwD;AAAlC;;;AAAwB;;;;;;;;;;;;;;;"}
+{"version":3,"file":"backtop2.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"{\n        right: styleRight,\n        bottom: styleBottom,\n      }\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, onMounted, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic, throwError } from '@element-plus/utils'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: 'ElBacktop',\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\nconst el = shallowRef<HTMLElement | undefined>(document.documentElement)\nconst container = shallowRef<Document | HTMLElement>(document)\nconst visible = ref(false)\nconst styleBottom = computed(() => `${props.bottom}px`)\nconst styleRight = computed(() => `${props.right}px`)\n\nconst 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}\nconst handleScroll = () => {\n  if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n}\nconst handleClick = (event: MouseEvent) => {\n  scrollToTop()\n  emit('click', event)\n}\n\nconst handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\nonMounted(() => {\n  if (props.target) {\n    el.value = 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</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AASA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AAgBA;;;;AAGA;;;;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,6 +5,15 @@ export declare const ElBadge: import("element-plus/es/utils").SFCWithInstall<imp
     readonly hidden: BooleanConstructor;
     readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly value: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+        readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+        readonly isDot: BooleanConstructor;
+        readonly hidden: BooleanConstructor;
+        readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

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

@@ -1,10 +1,19 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly value: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    readonly max: import("../../../utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+    readonly value: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly value: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+        readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+        readonly isDot: BooleanConstructor;
+        readonly hidden: BooleanConstructor;
+        readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -21,15 +30,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     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<import("vue").ExtractPropTypes<{
-    readonly value: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    readonly max: import("../../../utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
+    readonly value: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly max: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 99, unknown, unknown, unknown>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "danger", unknown, "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }>>, {
-    type: import("../../../utils").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    type: import("element-plus/es/utils").BuildPropType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     hidden: boolean;
-    value: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    value: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     max: number;
     isDot: boolean;
 }>;

package/lib/components/badge/src/badge2.js

@@ -4,56 +4,59 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../hooks/index.js');
+require('../../../utils/index.js');
 var badge = require('./badge.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
+var core = require('@vueuse/core');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElBadge",
+const _hoisted_1 = ["textContent"];
+const __default__ = {
+  name: "ElBadge"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: badge.badgeProps,
-  setup(props) {
+  setup(__props, { expose }) {
+    const props = __props;
     const ns = index.useNamespace("badge");
     const content = vue.computed(() => {
       if (props.isDot)
         return "";
-      if (typeof props.value === "number" && typeof props.max === "number") {
+      if (core.isNumber(props.value) && core.isNumber(props.max)) {
         return props.max < props.value ? `${props.max}+` : `${props.value}`;
       }
       return `${props.value}`;
     });
-    return {
-      ns,
+    expose({
       content
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default"),
+        vue.createVNode(vue.Transition, {
+          name: `${vue.unref(ns).namespace.value}-zoom-in-center`
+        }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createElementVNode("sup", {
+              class: vue.normalizeClass([
+                vue.unref(ns).e("content"),
+                vue.unref(ns).em("content", _ctx.type),
+                vue.unref(ns).is("fixed", !!_ctx.$slots.default),
+                vue.unref(ns).is("dot", _ctx.isDot)
+              ]),
+              textContent: vue.toDisplayString(vue.unref(content))
+            }, null, 10, _hoisted_1), [
+              [vue.vShow, !_ctx.hidden && (vue.unref(content) || vue.unref(content) === "0" || _ctx.isDot)]
+            ])
+          ]),
+          _: 1
+        }, 8, ["name"])
+      ], 2);
     };
   }
 });
-const _hoisted_1 = ["textContent"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.ns.b())
-  }, [
-    vue.renderSlot(_ctx.$slots, "default"),
-    vue.createVNode(vue.Transition, {
-      name: `${_ctx.ns.namespace.value}-zoom-in-center`
-    }, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("sup", {
-          class: vue.normalizeClass([
-            _ctx.ns.e("content"),
-            _ctx.ns.em("content", _ctx.type),
-            _ctx.ns.is("fixed", !!_ctx.$slots.default),
-            _ctx.ns.is("dot", _ctx.isDot)
-          ]),
-          textContent: vue.toDisplayString(_ctx.content)
-        }, null, 10, _hoisted_1), [
-          [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.content === "0" || _ctx.isDot)]
-        ])
-      ]),
-      _: 1
-    }, 8, ["name"])
-  ], 2);
-}
-var Badge = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = Badge;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=badge2.js.map

package/lib/components/badge/src/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { badgeProps } from './badge'\n\nexport default defineComponent({\n  name: 'ElBadge',\n\n  props: badgeProps,\n\n  setup(props) {\n    const ns = useNamespace('badge')\n\n    const content = computed<string>(() => {\n      if (props.isDot) return ''\n\n      if (typeof props.value === 'number' && typeof props.max === 'number') {\n        return props.max < props.value ? `${props.max}+` : `${props.value}`\n      }\n      return `${props.value}`\n    })\n\n    return {\n      ns,\n      content,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","badgeProps","useNamespace","computed","_openBlock","_renderSlot","_Transition","_createElementVNode","_normalizeClass"],"mappings":";;;;;;;;;;AAwBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AAExB,UAAM,UAAUC,aAAiB,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,MACA;AAAA;AAAA;AAAA;;2BA1CJ,wBAeM;SAfKC,wCAAM;AAAA;KACf;AAAA,IACAC,oBAYa;AAAA,oBAZSC,gBAAG;AAAA;;2BACvB;AAAA,2BAEQC;AAAA,UAAc,OAAEC,mBAAE;AAAA,YAAuB,QAAG,EAAE;AAAA,YAA6B,QAAG,GAAE,WAAY;AAAA,YAA2B,QAAG,GAAE,SAAQ,cAAK;AAAA;;;qBAD3H,aAAW;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"badge2.js","sources":["../../../../../../packages/components/badge/src/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <slot></slot>\n    <transition :name=\"`${ns.namespace.value}-zoom-in-center`\">\n      <sup\n        v-show=\"!hidden && (content || content === '0' || isDot)\"\n        :class=\"[\n          ns.e('content'),\n          ns.em('content', type),\n          ns.is('fixed', !!$slots.default),\n          ns.is('dot', isDot),\n        ]\"\n        v-text=\"content\"\n      >\n      </sup>\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isNumber } from '@element-plus/utils'\nimport { badgeProps } from './badge'\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\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\ndefineExpose({\n  /** @description badge content */\n  content,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA;AAEA;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item2.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","breadcrumbItemProps","getCurrentInstance","inject","elBreadcrumbKey","useNamespace","ref","_openBlock","_normalizeClass"],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;AAC3D,UAAM,SAASC,WAAOC,4BAAiB;AACvC,UAAM,KAAKC,qBAAa;AAExB,UAAM,OAAOC;AAEb,kBAAU,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;AAAA,MACA,WAAW;AAAQ,MACnB,eAAe;AAAQ;AAAA;AAAA;;;SA3DfC,wCAAM;AAAA;KAChB;AAAA,2BAAgB;AAAA,MAAE,KAAK;AAAA,MAAwC,OAAKC,mBAAM;AAAA;OACxE;AAAA;OAEa;AAAA;MAAgB,KAAK;AAAA;;2BAClC;AAAA;;;UAEF;MAAc,KAAK;AAAA,MAAqB,OAAKA,mBAAc;AAAA;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item2.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span :class=\"ns.e('item')\">\n    <span ref=\"link\" :class=\"[ns.e('inner'), ns.is('link', !!to)]\" role=\"link\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" :class=\"ns.e('separator')\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else :class=\"ns.e('separator')\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n    const ns = useNamespace('breadcrumb')\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      ns,\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","breadcrumbItemProps","getCurrentInstance","inject","elBreadcrumbKey","useNamespace","ref","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,iBAAiB;AAEvB,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;AAC3D,UAAM,SAASC,WAAOC,4BAAiB;AACvC,UAAM,KAAKC,qBAAa;AAExB,UAAM,OAAOC;AAEb,kBAAU,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;AAAA,MACA,WAAW;AAAQ,MACnB,eAAe;AAAQ;AAAA;AAAA;;;0BA3D3BC,uBAUO;AAAA,IAVA,OAAKC,mBAAE,QAAG,EAAC;AAAA;IAChBC,uBAEO;AAAA,MAFD,KAAI;AAAA,MAAQ,OAAKD,oBAAG,QAAG,EAAC,UAAW,QAAG,GAAE,UAAW;AAAA,MAAM,MAAK;AAAA;MAClEE,eAAa;AAAA;IAEA,uCAAfC,gBAEU;AAAA;MAFqB,OAAKH,mBAAE,QAAG,EAAC;AAAA;2BACxC,MAAiC;AAAA,0BAAjCG,gBAAiCC,4BAAjB;AAAA;AAAA;0CAElBL,uBAEO;AAAA;MAFO,OAAKC,mBAAE,QAAG,EAAC;AAAA,MAAe,MAAK;AAAA,2BACxC,iBAAS;AAAA;;;;;;"}

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=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","breadcrumbProps","useNamespace","ref","elBreadcrumbKey","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;AAkBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,aAAaC;AAEnB,gBAAQC,8BAAiB;AAEzB,kBAAU,MAAM;AACd,YAAM,QAAQ,WAAW,MAAO,iBAAiB,IAAI,GAAG,EAAE;AAC1D,UAAI,MAAM,QAAQ;AAChB,cAAM,MAAM,SAAS,GAAG,aAAa,gBAAgB;AAAA;AAAA;AAIzD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;2BApCJ,wBAOM;SANAC,iBAAYC;AAAA,IACf,KAAK;AAAA,IACN,0BAAW,KAAY;AAAA,IACvB,cAAK;AAAA;KAEL;AAAA;;;;;;;"}
+{"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=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const ns = useNamespace('breadcrumb')\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      ns,\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","breadcrumbProps","useNamespace","ref","elBreadcrumbKey","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;;;;;;;;;;AAkBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AACxB,UAAM,aAAaC;AAEnB,gBAAQC,8BAAiB;AAEzB,kBAAU,MAAM;AACd,YAAM,QAAQ,WAAW,MAAO,iBAAiB,IAAI,GAAG,EAAE;AAC1D,UAAI,MAAM,QAAQ;AAChB,cAAM,MAAM,SAAS,GAAG,aAAa,gBAAgB;AAAA;AAAA;AAIzD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;0BApCJC,uBAOM;AAAA,IANJ,KAAI;AAAA,IACH,OAAKC,mBAAE,QAAG;AAAA,IACX,cAAW;AAAA,IACX,MAAK;AAAA;IAELC,eAAa;AAAA;;;;;;"}

package/lib/components/button/index.d.ts

@@ -57,7 +57,6 @@ export declare const ElButton: import("element-plus/es/utils").SFCWithInstall<im
     _type: import("vue").ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     autoInsertSpace: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
-    typeColor: import("vue").ComputedRef<string>;
     buttonStyle: import("vue").ComputedRef<Record<string, string>>;
     handleClick: (evt: MouseEvent) => void;
     ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -128,6 +127,12 @@ export declare const ElButton: import("element-plus/es/utils").SFCWithInstall<im
         readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
         readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+            readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -154,6 +159,12 @@ export declare const ElButtonGroup: import("element-plus/es/utils").SFCWithInsta
     readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
     readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+        readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

package/lib/components/button/src/button-group.vue.d.ts

@@ -2,6 +2,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
     readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("../../../utils").BuildPropReturn<StringConstructor, never, false, "default" | "small" | "large", never>;
+        readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

package/lib/components/button/src/button-group2.js

@@ -6,32 +6,31 @@ var vue = require('vue');
 require('../../../tokens/index.js');
 require('../../../hooks/index.js');
 var buttonGroup = require('./button-group.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var button = require('../../../tokens/button.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElButtonGroup",
+const __default__ = {
+  name: "ElButtonGroup"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: buttonGroup.buttonGroupProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     vue.provide(button.buttonGroupContextKey, vue.reactive({
       size: vue.toRef(props, "size"),
       type: vue.toRef(props, "type")
     }));
     const ns = index.useNamespace("button");
-    return {
-      ns
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${vue.unref(ns).b("group")}`)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(`${_ctx.ns.b("group")}`)
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-var ButtonGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = ButtonGroup;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=button-group2.js.map

package/lib/components/button/src/button-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group2.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"`${ns.b('group')}`\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'ElButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      buttonGroupContextKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n    const ns = useNamespace('button')\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","buttonGroupProps","buttonGroupContextKey","reactive","toRef","useNamespace","_openBlock"],"mappings":";;;;;;;;;;;;AAWA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,gBACEC,8BACAC,aAAS;AAAA,MACP,MAAMC,UAAM,OAAO;AAAA,MACnB,MAAMA,UAAM,OAAO;AAAA;AAGvB,UAAM,KAAKC,mBAAa;AACxB,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;2BAxBJ,wBAEM;SAFKC,wCAAS;AAAA;KAClB;AAAA;;;;;;;"}
+{"version":3,"file":"button-group2.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"`${ns.b('group')}`\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { provide, reactive, toRef } from 'vue'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\n\ndefineOptions({\n  name: 'ElButtonGroup',\n})\nconst props = defineProps(buttonGroupProps)\nprovide(\n  buttonGroupContextKey,\n  reactive({\n    size: toRef(props, 'size'),\n    type: toRef(props, 'type'),\n  })\n)\nconst ns = useNamespace('button')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAeA;;;;AAOA;;;;;;;;;;;;;"}

package/lib/components/button/src/button.vue.d.ts

@@ -57,7 +57,6 @@ declare const _default: import("vue").DefineComponent<{
     _type: import("vue").ComputedRef<"default" | "" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     autoInsertSpace: import("vue").ComputedRef<import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
-    typeColor: import("vue").ComputedRef<string>;
     buttonStyle: import("vue").ComputedRef<Record<string, string>>;
     handleClick: (evt: MouseEvent) => void;
     ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{