@element-plus/nightly 0.0.20220114 → 0.0.20220118

package/dist/locale/zh-tw.mjs

@@ -0,0 +1,124 @@
+/*! Element Plus v0.0.20220118 */
+
+var zhTw = {
+  name: "zh-tw",
+  el: {
+    colorpicker: {
+      confirm: "\u78BA\u8A8D",
+      clear: "\u6E05\u7A7A"
+    },
+    datepicker: {
+      now: "\u73FE\u5728",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u78BA\u8A8D",
+      selectDate: "\u9078\u64C7\u65E5\u671F",
+      selectTime: "\u9078\u64C7\u6642\u9593",
+      startDate: "\u958B\u59CB\u65E5\u671F",
+      startTime: "\u958B\u59CB\u6642\u9593",
+      endDate: "\u7D50\u675F\u65E5\u671F",
+      endTime: "\u7D50\u675F\u6642\u9593",
+      prevYear: "\u524D\u4E00\u5E74",
+      nextYear: "\u5F8C\u4E00\u5E74",
+      prevMonth: "\u4E0A\u500B\u6708",
+      nextMonth: "\u4E0B\u500B\u6708",
+      year: "\u5E74",
+      month1: "1 \u6708",
+      month2: "2 \u6708",
+      month3: "3 \u6708",
+      month4: "4 \u6708",
+      month5: "5 \u6708",
+      month6: "6 \u6708",
+      month7: "7 \u6708",
+      month8: "8 \u6708",
+      month9: "9 \u6708",
+      month10: "10 \u6708",
+      month11: "11 \u6708",
+      month12: "12 \u6708",
+      weeks: {
+        sun: "\u65E5",
+        mon: "\u4E00",
+        tue: "\u4E8C",
+        wed: "\u4E09",
+        thu: "\u56DB",
+        fri: "\u4E94",
+        sat: "\u516D"
+      },
+      months: {
+        jan: "\u4E00\u6708",
+        feb: "\u4E8C\u6708",
+        mar: "\u4E09\u6708",
+        apr: "\u56DB\u6708",
+        may: "\u4E94\u6708",
+        jun: "\u516D\u6708",
+        jul: "\u4E03\u6708",
+        aug: "\u516B\u6708",
+        sep: "\u4E5D\u6708",
+        oct: "\u5341\u6708",
+        nov: "\u5341\u4E00\u6708",
+        dec: "\u5341\u4E8C\u6708"
+      }
+    },
+    select: {
+      loading: "\u52A0\u8F09\u4E2D",
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      noData: "\u7121\u8CC7\u6599",
+      placeholder: "\u8ACB\u9078\u64C7"
+    },
+    cascader: {
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      loading: "\u52A0\u8F09\u4E2D",
+      placeholder: "\u8ACB\u9078\u64C7",
+      noData: "\u7121\u8CC7\u6599"
+    },
+    pagination: {
+      goto: "\u524D\u5F80",
+      pagesize: "\u9805/\u9801",
+      total: "\u5171 {total} \u9805",
+      pageClassifier: "\u9801"
+    },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u78BA\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F38\u5165\u7684\u8CC7\u6599\u4E0D\u7B26\u898F\u5B9A!"
+    },
+    upload: {
+      deleteTip: "\u6309 delete \u9375\u53EF\u522A\u9664",
+      delete: "\u522A\u9664",
+      preview: "\u67E5\u770B\u5716\u7247",
+      continue: "\u7E7C\u7E8C\u4E0A\u50B3"
+    },
+    table: {
+      emptyText: "\u66AB\u7121\u8CC7\u6599",
+      confirmFilter: "\u7BE9\u9078",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8A08"
+    },
+    tree: {
+      emptyText: "\u66AB\u7121\u8CC7\u6599"
+    },
+    transfer: {
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      noData: "\u7121\u8CC7\u6599",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8ACB\u8F38\u5165\u641C\u7D22\u5167\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9805",
+      hasCheckedFormat: "\u5DF2\u9078 {checked}/{total} \u9805"
+    },
+    image: {
+      error: "\u52A0\u8F09\u5931\u6557"
+    },
+    pageHeader: {
+      title: "\u8FD4\u56DE"
+    },
+    popconfirm: {
+      confirmButtonText: "\u78BA\u8A8D",
+      cancelButtonText: "\u53D6\u6D88"
+    }
+  }
+};
+
+export { zhTw as default };

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

@@ -6,7 +6,7 @@ export declare const ElAlert: import("../../utils/types").SFCWithInstall<import(
     readonly closeText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 }, {
     visible: import("vue").Ref<boolean>;
     typeClass: import("vue").ComputedRef<string>;
@@ -29,22 +29,22 @@ export declare const ElAlert: import("../../utils/types").SFCWithInstall<import(
     type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 } & {}> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 }>> & Record<string, any>;
 export default ElAlert;
 export * from './src/alert';

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

@@ -8,7 +8,7 @@ export declare const alertProps: {
     readonly closeText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 };
 export declare type AlertProps = ExtractPropTypes<typeof alertProps>;
 export declare const alertEmits: {

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

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeText: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("../../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("../../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 }, {
     visible: import("vue").Ref<boolean>;
     typeClass: import("vue").ComputedRef<string>;
@@ -29,21 +29,21 @@ declare const _default: import("vue").DefineComponent<{
     type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 } & {}> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 export declare const ElAvatar: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly size: import("../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "default" | "large", number>;
+    readonly size: import("../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "default", unknown, "small" | "default" | "large", 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>;

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

@@ -1,7 +1,8 @@
 import type { ExtractPropTypes, Component } from 'vue';
 import type { ObjectFitProperty } from 'csstype';
+import type Avatar from './avatar.vue';
 export declare const avatarProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "large", unknown, "small" | "default" | "large", number>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "default", unknown, "small" | "default" | "large", 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>;
@@ -14,3 +15,4 @@ export declare const avatarEmits: {
     error: (evt: Event) => boolean;
 };
 export declare type AvatarEmits = typeof avatarEmits;
+export declare type AvatarInstance = InstanceType<typeof Avatar>;

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

@@ -4,7 +4,7 @@ const avatarProps = buildProps({
   size: {
     type: [Number, String],
     values: ["large", "default", "small"],
-    default: "large",
+    default: "default",
     validator: (val) => typeof val === "number"
   },
   shape: {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: ['large', 'default', 'small'],\n    default: 'large',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC/C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;"}
+{"version":3,"file":"avatar.mjs","sources":["../../../../../../packages/components/avatar/src/avatar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type { ObjectFitProperty } from 'csstype'\nimport type Avatar from './avatar.vue'\n\nexport const avatarProps = buildProps({\n  size: {\n    type: [Number, String],\n    values: ['large', 'default', 'small'],\n    default: 'default',\n    validator: (val: unknown): val is number => typeof val === 'number',\n  },\n  shape: {\n    type: String,\n    values: ['circle', 'square'],\n    default: 'circle',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n  },\n  src: {\n    type: String,\n    default: '',\n  },\n  alt: String,\n  srcSet: String,\n  fit: {\n    type: definePropType<ObjectFitProperty>(String),\n    default: 'cover',\n  },\n} as const)\nexport type AvatarProps = ExtractPropTypes<typeof avatarProps>\n\nexport const avatarEmits = {\n  error: (evt: Event) => evt instanceof Event,\n}\nexport type AvatarEmits = typeof avatarEmits\n\nexport type AvatarInstance = InstanceType<typeof Avatar>\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;AACzC,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,SAAS,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC/C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAChC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,KAAK;AACtC;;;;"}

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" | "default" | "large", number>;
+    readonly size: import("../../../utils/props").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "default", unknown, "small" | "default" | "large", 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>;

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

@@ -1,6 +1,10 @@
 import { defineComponent, ref, computed, watch } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import { isNumber, addUnit } from '../../../utils/util.mjs';
 import { avatarProps, avatarEmits } from './avatar.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isString } from '@vue/shared';
 
 var script = defineComponent({
   name: "ElAvatar",
@@ -10,23 +14,24 @@ var script = defineComponent({
   props: avatarProps,
   emits: avatarEmits,
   setup(props, { emit }) {
+    const ns = useNamespace("avatar");
     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}`);
+      const classList = [ns.b()];
+      if (isString(size))
+        classList.push(ns.m(size));
       if (icon)
-        classList.push("el-avatar--icon");
+        classList.push(ns.m("icon"));
       if (shape)
-        classList.push(`el-avatar--${shape}`);
+        classList.push(ns.m(shape));
       return classList;
     });
     const sizeStyle = computed(() => {
       const { size } = props;
-      return typeof size === "number" ? {
-        "--el-avatar-size": `${size}px`
-      } : {};
+      return {
+        "--el-avatar-size": isNumber(size) ? addUnit(size) : void 0
+      };
     });
     const fitStyle = computed(() => ({
       objectFit: props.fit

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

@@ -1 +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\">\n      <component :is=\"icon\" />\n    </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            '--el-avatar-size': `${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":";;;;AAoBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,EAAE;OACF,CAAC;;IAEJ,MAAM;MACJ,MAAM,EAAE,IAAI,EAAE;;MAEd,IAAI,QAAQ,OAAO;QACjB,SAAS,CAAC,KAAK;;QAEf,SAAS,CAAC,IAAI;MAChB,IAAI,KAAK;QACP,SAAS,CAAC,IAAI,EAAE,WAAW;MAC7B,OAAO,SAAS,CAAC;MACjB,CAAC;UACG,SAAS,GAAG,QAAQ,CAAC,MAAM;MAC/B,QAAQ,IAAI,EAAE;;;OAGb,GAAG,EAAE,CAAC;MACP,CAAC;UACG,QAAQ,GAAG,QAAQ,CAAC;;;UAGpB;;;;KAIL;WACM;MACL;;eAES;MACT;MACA,WAAW;MACX;;;;;;"}
+{"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\">\n      <component :is=\"icon\" />\n    </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 { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils/util'\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 ns = useNamespace('avatar')\n\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = [ns.b()]\n      if (isString(size)) classList.push(ns.m(size))\n      if (icon) classList.push(ns.m('icon'))\n      if (shape) classList.push(ns.m(shape))\n      return classList\n    })\n\n    const sizeStyle = computed(() => {\n      const { size } = props\n      return {\n        '--el-avatar-size': isNumber(size) ? addUnit(size) : undefined,\n      } as CSSProperties\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,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,EAAE;OACF,CAAC;;IAEJ,MAAM;IACN,MAAM;;MAEJ,MAAM,aAAa;MACnB,IAAI,QAAQ,CAAC,IAAI,CAAC;;MAElB,IAAI,IAAI;;MAER,IAAI,KAAK;QACP,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE;MAC9B,OAAO,SAAS;MAChB,CAAC;UACG,SAAS,GAAG,QAAQ,CAAC,MAAM;MAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;MACvB,OAAO;;;KAGR,CAAC,CAAC;UACG,WAAW;MACf;QACE;SACC,OAAO,KAAK,CAAC;IAClB;;MAEE,IAAI,CAAC,UAAU,CAAC,CAAC;;IAEnB;;;MAGE;MACA,QAAQ;MACR,WAAW;;;;;;;"}

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

@@ -1 +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\">\n      <component :is=\"icon\" />\n    </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            '--el-avatar-size': `${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":";;;;;;;;;IACS,KAAK;SAAqB;;MAEtB;;;aACH,EAAE,QAAG;aACL,EAAE;;;;;;;;;;;"}
+{"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\">\n      <component :is=\"icon\" />\n    </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 { useNamespace } from '@element-plus/hooks'\nimport { addUnit, isNumber, isString } from '@element-plus/utils/util'\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 ns = useNamespace('avatar')\n\n    const hasLoadError = ref(false)\n\n    const avatarClass = computed(() => {\n      const { size, icon, shape } = props\n      const classList = [ns.b()]\n      if (isString(size)) classList.push(ns.m(size))\n      if (icon) classList.push(ns.m('icon'))\n      if (shape) classList.push(ns.m(shape))\n      return classList\n    })\n\n    const sizeStyle = computed(() => {\n      const { size } = props\n      return {\n        '--el-avatar-size': isNumber(size) ? addUnit(size) : undefined,\n      } as CSSProperties\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":";;;;;;;;;IACS,KAAK;SAAqB;;MAEtB;;;aACH,EAAE,QAAG;aACL,EAAE;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 export declare const ElButton: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
     readonly disabled: BooleanConstructor;
     readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", 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>;
@@ -19,6 +19,17 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     buttonDisabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
     handleClick: (evt: MouseEvent) => void;
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
@@ -38,7 +49,6 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     type: import("../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     icon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     nativeType: import("../../utils/props").BuildPropType<StringConstructor, "button" | "submit" | "reset", unknown>;
-    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
     disabled: boolean;
     loading: boolean;
     plain: boolean;
@@ -47,6 +57,7 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     circle: boolean;
 } & {
     autoInsertSpace?: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never> | undefined;
     color?: string | undefined;
 }> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
@@ -55,7 +66,7 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     icon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     nativeType: import("../../utils/props").BuildPropType<StringConstructor, "button" | "submit" | "reset", unknown>;
     autoInsertSpace: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     disabled: boolean;
     loading: boolean;
     plain: boolean;
@@ -64,31 +75,57 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     circle: boolean;
 }>> & {
     ButtonGroup: import("vue").DefineComponent<{
-        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+        readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
         readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-    }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    }, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: (name: string, state?: boolean) => string;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         readonly size?: unknown;
         readonly type?: unknown;
     } & {
         type: import("../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
-    } & {}>, {
+    } & {
+        size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never> | undefined;
+    }>, {
         type: import("../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-        size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
+        size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
     }>;
 };
 export declare const ElButtonGroup: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
-    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+    readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
     readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly size?: unknown;
     readonly type?: unknown;
 } & {
     type: import("../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
-} & {}>, {
+} & {
+    size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never> | undefined;
+}>, {
     type: import("../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-    size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
+    size: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
 }>>;
 export default ElButton;
 export * from './src/button';

package/es/components/button/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/button2.mjs';
 import './src/button-group2.mjs';
-export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './src/button.mjs';
+export { buttonEmits, buttonNativeType, buttonProps, buttonType } from './src/button.mjs';
 import script from './src/button.vue_vue_type_script_lang.mjs';
 import script$1 from './src/button-group.vue_vue_type_script_lang.mjs';
 

package/es/components/button/src/button-group.d.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 import type buttonGroup from './button-group.vue';
 export declare const buttonGroupProps: {
-    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
     readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
 };
 export declare type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;

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

@@ -1,14 +1,27 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
     readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly size?: unknown;
     readonly type?: unknown;
 } & {
     type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
-} & {}>, {
+} & {
+    size?: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never> | undefined;
+}>, {
     type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "default" | "large", never>;
+    size: import("../../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", never>;
 }>;
 export default _default;

package/es/components/button/src/button-group.vue_vue_type_script_lang.mjs

@@ -1,7 +1,9 @@
 import { defineComponent, provide, reactive, toRef } from 'vue';
 import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
 import { buttonGroupProps } from './button-group.mjs';
 import { buttonGroupContextKey } from '../../../tokens/button.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElButtonGroup",
@@ -11,6 +13,10 @@ var script = defineComponent({
       size: toRef(props, "size"),
       type: toRef(props, "type")
     }));
+    const ns = useNamespace("button");
+    return {
+      ns
+    };
   }
 });
 

package/es/components/button/src/button-group.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div class=\"el-button-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 { 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  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAQA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,gBAAgB;EACvB,MAAM,KAAK,EAAE;IACX,OAAO,CAAC;;MAEN,IAAI,EAAE;KACP,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"button-group.vue_vue_type_script_lang.mjs","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":[],"mappings":";;;;;;;AASA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE,gBAAgB;EACvB,MAAM,KAAK,EAAE;IACX,OAAO,CAAC;;MAEN,IAAI,EAAE;KACP,CAAC,CAAC,CAAC;UACE,EAAE,GAAG,YAAY;WAChB;QACH;;;;;;;"}

package/es/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_lang.mjs

@@ -1,10 +1,11 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
-const _hoisted_1 = { class: "el-button-group" };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(`${_ctx.ns.b("group")}`)
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ]);
+  ], 2);
 }
 
 export { render };

package/es/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.vue_vue_type_template_id_1bab7d77_lang.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue?vue&type=template&id=1bab7d77&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-button-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 { 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  },\n})\n</script>\n"],"names":[],"mappings":";;;sCAC8B;;;;;;;;"}
+{"version":3,"file":"button-group.vue_vue_type_template_id_1bab7d77_lang.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -1,10 +1,9 @@
 import type { ExtractPropTypes, Component } from 'vue';
 import type button from './button.vue';
 export declare const buttonType: readonly ["default", "primary", "success", "warning", "info", "danger", "text", ""];
-export declare const buttonSize: readonly ["", "large", "default", "small"];
 export declare const buttonNativeType: readonly ["button", "submit", "reset"];
 export declare const buttonProps: {
-    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "default" | "large", never>;
+    readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, never, false, "small" | "default" | "large", never>;
     readonly disabled: BooleanConstructor;
     readonly type: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", 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>;

package/es/components/button/src/button.mjs

@@ -12,7 +12,6 @@ const buttonType = [
   "text",
   ""
 ];
-const buttonSize = ["", "large", "default", "small"];
 const buttonNativeType = ["button", "submit", "reset"];
 const buttonProps = buildProps({
   size: useSizeProp,
@@ -46,5 +45,5 @@ const buttonEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType };
+export { buttonEmits, buttonNativeType, buttonProps, buttonType };
 //# sourceMappingURL=button.mjs.map