@element-plus/nightly 0.0.20220115 → 0.0.20220119

package/lib/components/alert/src/alert.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      class=\"el-alert\"\n      :class=\"[typeClass, center ? 'is-center' : '', 'is-' + effect]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        class=\"el-alert__icon\"\n        :class=\"isBigIcon\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-alert__content\">\n        <span\n          v-if=\"title || $slots.title\"\n          class=\"el-alert__title\"\n          :class=\"[isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" class=\"el-alert__description\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            class=\"el-alert__closebtn is-customed\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else class=\"el-alert__closebtn\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    // state\n    const visible = ref(true)\n\n    // computed\n    const typeClass = computed(() => `el-alert--${props.type}`)\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? 'is-big' : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? 'is-bold' : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      visible,\n      typeClass,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","alertProps","alertEmits","computed"],"mappings":";;;;;;;;;AAgDA,aAAeA,mBAAe;;AAE9B,EAAE,UAAU;YACRC,YAAM;;GAEP;OACI,EAAEC;OACF,EAAEC,gBAAU;EACjB;;IAEE,MAAM,SAAS;IACf,MAAM;;IAEN,MAAM,WAAW,GAAGC,YAAQ;IAC5B,MAAM;MACJ,OAAO,CAAC,QAAQ,KAAK,CAAC;;KAEvB;IACD,OAAO;MACL,OAAO;MACP,SAAS;;MAET,SAAS;MACT,WAAW;;KAEZ,CAAC;;;;;;"}
+{"version":3,"file":"alert.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('closebtn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('closebtn')\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('alert')\n\n    // state\n    const visible = ref(true)\n\n    // computed\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? ns.is('big') : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? ns.is('bold') : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      ns,\n      visible,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","alertProps","alertEmits","computed"],"mappings":";;;;;;;;;;;AA8CA,aAAeA,mBAAe;;AAE9B,EAAE,UAAU;YACRC,YAAM;;GAEP;OACI,EAAEC;OACF,EAAEC,gBAAU;EACjB;;IAEE,MAAM,OAAO;IACb,MAAM;;IAEN,MAAM,WAAW,GAAGC,YAAQ;IAC5B,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK;;UAEjB,CAAC;KACN,CAAC;;QAEE;MACF,OAAO;MACP,aAAa;;MAEb,WAAW;MACX,KAAK;;;;;;;"}

package/lib/components/alert/src/alert.vue_vue_type_template_id_1755b449_lang.js

@@ -4,60 +4,60 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-const _hoisted_1 = { class: "el-alert__content" };
-const _hoisted_2 = {
-  key: 1,
-  class: "el-alert__description"
-};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = vue.resolveComponent("el-icon");
   const _component_close = vue.resolveComponent("close");
   return vue.openBlock(), vue.createBlock(vue.Transition, { name: "el-alert-fade" }, {
     default: vue.withCtx(() => [
       vue.withDirectives(vue.createElementVNode("div", {
-        class: vue.normalizeClass(["el-alert", [_ctx.typeClass, _ctx.center ? "is-center" : "", "is-" + _ctx.effect]]),
+        class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.type), _ctx.ns.is("center", _ctx.center), _ctx.ns.is(_ctx.effect)]),
         role: "alert"
       }, [
         _ctx.showIcon && _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
           key: 0,
-          class: vue.normalizeClass(["el-alert__icon", _ctx.isBigIcon])
+          class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.isBigIcon])
         }, {
           default: vue.withCtx(() => [
             (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
           ]),
           _: 1
         }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(_ctx.ns.e("content"))
+        }, [
           _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass(["el-alert__title", [_ctx.isBoldTitle]])
+            class: vue.normalizeClass([_ctx.ns.e("title"), _ctx.isBoldTitle])
           }, [
             vue.renderSlot(_ctx.$slots, "title", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ])
           ], 2)) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, [
+          _ctx.$slots.default || _ctx.description ? (vue.openBlock(), vue.createElementBlock("p", {
+            key: 1,
+            class: vue.normalizeClass(_ctx.ns.e("description"))
+          }, [
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
             ])
-          ])) : vue.createCommentVNode("v-if", true),
+          ], 2)) : vue.createCommentVNode("v-if", true),
           _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "el-alert__closebtn is-customed",
+              class: vue.normalizeClass([_ctx.ns.e("closebtn"), _ctx.ns.is("customed")]),
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
-            }, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: 1,
-              class: "el-alert__closebtn",
+              class: vue.normalizeClass(_ctx.ns.e("closebtn")),
               onClick: _ctx.close
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_close)
               ]),
               _: 1
-            }, 8, ["onClick"]))
+            }, 8, ["class", "onClick"]))
           ], 2112)) : vue.createCommentVNode("v-if", true)
-        ])
+        ], 2)
       ], 2), [
         [vue.vShow, _ctx.visible]
       ])

package/lib/components/alert/src/alert.vue_vue_type_template_id_1755b449_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.vue_vue_type_template_id_1755b449_lang.js","sources":["../../../../../../packages/components/alert/src/alert.vue?vue&type=template&id=1755b449&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      class=\"el-alert\"\n      :class=\"[typeClass, center ? 'is-center' : '', 'is-' + effect]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        class=\"el-alert__icon\"\n        :class=\"isBigIcon\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-alert__content\">\n        <span\n          v-if=\"title || $slots.title\"\n          class=\"el-alert__title\"\n          :class=\"[isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" class=\"el-alert__description\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            class=\"el-alert__closebtn is-customed\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else class=\"el-alert__closebtn\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    // state\n    const visible = ref(true)\n\n    // computed\n    const typeClass = computed(() => `el-alert--${props.type}`)\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? 'is-big' : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? 'is-bold' : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      visible,\n      typeClass,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createCommentVNode"],"mappings":";;;;;;;;;;EAuBgD;;;;;;;;;;QAnB1C,KAAK,iDACa,EAAEA;;;SAIZ;8BADR;;;;;;;;;;sCAOA;;;;qBAGS;;;;;;;;;;;;;;;;;;;6BAaG;sBACLC;;;;;;;;;;;;"}
+{"version":3,"file":"alert.vue_vue_type_template_id_1755b449_lang.js","sources":["../../../../../../packages/components/alert/src/alert.vue?vue&type=template&id=1755b449&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('closebtn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('closebtn')\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    const ns = useNamespace('alert')\n\n    // state\n    const visible = ref(true)\n\n    // computed\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? ns.is('big') : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? ns.is('bold') : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      ns,\n      visible,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;QAKM,IAAI;;+CAG6B;;;;;;;;;;;;2CAKlB,CAAC;;wCAEU;;;kDACX;;;;;;;;;;gBAI4B;;;;;;;;;kCAOtB;;;;;;;;yBAMA;;;;;;;;;"}

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

@@ -75,31 +75,53 @@ declare const _Autocomplete: SFCWithInstall<import("vue").DefineComponent<{
     select: (item: any) => void;
     highlight: (index: number) => void;
     onSuggestionShow: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    valueKey?: unknown;
-    modelValue?: unknown;
-    debounce?: unknown;
-    placement?: unknown;
-    fetchSuggestions?: unknown;
-    popperClass?: unknown;
-    triggerOnFocus?: unknown;
-    selectWhenUnmatched?: unknown;
-    hideLoading?: unknown;
-    popperAppendToBody?: unknown;
-    highlightFirstItem?: unknown;
-} & {
-    modelValue: string | number;
-    placement: import("@popperjs/core").Placement;
-    popperClass: string;
-    valueKey: string;
-    debounce: number;
-    fetchSuggestions: (queryString: string, cb: (data: any[]) => void) => void;
-    triggerOnFocus: boolean;
-    selectWhenUnmatched: boolean;
-    hideLoading: boolean;
-    popperAppendToBody: boolean;
-    highlightFirstItem: boolean;
-} & {}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement>;
+        validator: (val: string) => boolean;
+        default: string;
+    };
+    fetchSuggestions: {
+        type: import("vue").PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        default: () => void;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectWhenUnmatched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightFirstItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
@@ -197,31 +219,53 @@ export declare const ElAutocomplete: SFCWithInstall<import("vue").DefineComponen
     select: (item: any) => void;
     highlight: (index: number) => void;
     onSuggestionShow: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    valueKey?: unknown;
-    modelValue?: unknown;
-    debounce?: unknown;
-    placement?: unknown;
-    fetchSuggestions?: unknown;
-    popperClass?: unknown;
-    triggerOnFocus?: unknown;
-    selectWhenUnmatched?: unknown;
-    hideLoading?: unknown;
-    popperAppendToBody?: unknown;
-    highlightFirstItem?: unknown;
-} & {
-    modelValue: string | number;
-    placement: import("@popperjs/core").Placement;
-    popperClass: string;
-    valueKey: string;
-    debounce: number;
-    fetchSuggestions: (queryString: string, cb: (data: any[]) => void) => void;
-    triggerOnFocus: boolean;
-    selectWhenUnmatched: boolean;
-    hideLoading: boolean;
-    popperAppendToBody: boolean;
-    highlightFirstItem: boolean;
-} & {}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement>;
+        validator: (val: string) => boolean;
+        default: string;
+    };
+    fetchSuggestions: {
+        type: import("vue").PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        default: () => void;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectWhenUnmatched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightFirstItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/lib/components/autocomplete/src/index.vue.d.ts

@@ -76,31 +76,53 @@ declare const _default: import("vue").DefineComponent<{
     select: (item: any) => void;
     highlight: (index: number) => void;
     onSuggestionShow: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    valueKey?: unknown;
-    modelValue?: unknown;
-    debounce?: unknown;
-    placement?: unknown;
-    fetchSuggestions?: unknown;
-    popperClass?: unknown;
-    triggerOnFocus?: unknown;
-    selectWhenUnmatched?: unknown;
-    hideLoading?: unknown;
-    popperAppendToBody?: unknown;
-    highlightFirstItem?: unknown;
-} & {
-    modelValue: string | number;
-    placement: Placement;
-    popperClass: string;
-    valueKey: string;
-    debounce: number;
-    fetchSuggestions: (queryString: string, cb: (data: any[]) => void) => void;
-    triggerOnFocus: boolean;
-    selectWhenUnmatched: boolean;
-    hideLoading: boolean;
-    popperAppendToBody: boolean;
-    highlightFirstItem: boolean;
-} & {}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear")[], "input" | "select" | "update:modelValue" | "change" | "blur" | "focus" | "clear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placement: {
+        type: PropType<Placement>;
+        validator: (val: string) => boolean;
+        default: string;
+    };
+    fetchSuggestions: {
+        type: PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        default: () => void;
+    };
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    triggerOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectWhenUnmatched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popperAppendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightFirstItem: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;

package/lib/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>;
@@ -14,24 +14,15 @@ export declare const ElAvatar: import("../../utils/types").SFCWithInstall<import
     handleError: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly shape?: unknown;
-    readonly icon?: unknown;
-    readonly src?: unknown;
-    readonly alt?: unknown;
-    readonly srcSet?: unknown;
-    readonly fit?: unknown;
-} & {
-    size: import("../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "default" | "large", number>;
-    shape: import("../../utils/props").BuildPropType<StringConstructor, "circle" | "square", unknown>;
-    src: string;
-    fit: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, unknown, unknown>;
-} & {
-    icon?: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
-    alt?: string | undefined;
-    srcSet?: string | undefined;
-}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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>;
+    readonly alt: StringConstructor;
+    readonly srcSet: StringConstructor;
+    readonly fit: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
+}>> & {
     onError?: ((evt: Event) => any) | undefined;
 }, {
     icon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;

package/lib/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/lib/components/avatar/src/avatar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","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":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,WAAW,GAAGA,gBAAU,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,EAAEC,oBAAc,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,EAAEA,oBAAc,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.js","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":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,WAAW,GAAGA,gBAAU,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,EAAEC,oBAAc,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,EAAEA,oBAAc,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/lib/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>;
@@ -15,24 +15,15 @@ declare const _default: import("vue").DefineComponent<{
     handleError: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly shape?: unknown;
-    readonly icon?: unknown;
-    readonly src?: unknown;
-    readonly alt?: unknown;
-    readonly srcSet?: unknown;
-    readonly fit?: unknown;
-} & {
-    size: import("../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], "small" | "default" | "large", number>;
-    shape: import("../../../utils/props").BuildPropType<StringConstructor, "circle" | "square", unknown>;
-    src: string;
-    fit: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, unknown, unknown>;
-} & {
-    icon?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown> | undefined;
-    alt?: string | undefined;
-    srcSet?: string | undefined;
-}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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>;
+    readonly alt: StringConstructor;
+    readonly srcSet: StringConstructor;
+    readonly fit: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
+}>> & {
     onError?: ((evt: Event) => any) | undefined;
 }, {
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;

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

@@ -4,7 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../icon/index.js');
+require('../../../hooks/index.js');
+var util = require('../../../utils/util.js');
 var avatar = require('./avatar.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 
 var script = vue.defineComponent({
   name: "ElAvatar",
@@ -14,23 +18,24 @@ var script = vue.defineComponent({
   props: avatar.avatarProps,
   emits: avatar.avatarEmits,
   setup(props, { emit }) {
+    const ns = index$1.useNamespace("avatar");
     const hasLoadError = vue.ref(false);
     const avatarClass = vue.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 (shared.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 = vue.computed(() => {
       const { size } = props;
-      return typeof size === "number" ? {
-        "--el-avatar-size": `${size}px`
-      } : {};
+      return {
+        "--el-avatar-size": util.isNumber(size) ? util.addUnit(size) : void 0
+      };
     });
     const fitStyle = vue.computed(() => ({
       objectFit: props.fit

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else></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":["defineComponent","avatarProps","avatarEmits","computed"],"mappings":";;;;;;;;AAoBA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAOC;EACP,KAAK,EAAEC;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,GAAGC,YAAQ,CAAC,MAAM;MAC/B,QAAQ,IAAI,EAAE;;;OAGb,GAAG,EAAE,CAAC;MACP,CAAC;UACG,QAAQ,GAAGA,YAAQ,CAAC;;;cAGpB;;;;KAIL;WACM;MACL;;eAES;MACT;MACA,WAAW;MACX;;;;;;"}
+{"version":3,"file":"avatar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else></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":["defineComponent","avatarProps","avatarEmits","isString","computed"],"mappings":";;;;;;;;;;;;AAsBA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAOC;EACP,KAAK,EAAEC;OACF,CAAC;;IAEJ,MAAM;IACN,MAAM;;MAEJ,MAAM,aAAa;MACnB,IAAIC,eAAQ,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,GAAGC,YAAQ,CAAC,MAAM;MAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;MACvB,OAAO;;;KAGR,CAAC,CAAC;UACG,WAAWA;MACf;QACE;aACC,OAAO,KAAK,CAAC;IAClB;;MAEE,IAAI,CAAC,UAAU,CAAC,CAAC;;IAEnB;;;MAGE;MACA,QAAQ;MACR,WAAW;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue_vue_type_template_id_46e3f365_lang.js","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.js","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/lib/components/backtop/index.d.ts

@@ -22,17 +22,24 @@ export declare const ElBacktop: import("../../utils/types").SFCWithInstall<impor
     handleClick: (event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly visibilityHeight?: unknown;
-    readonly target?: unknown;
-    readonly right?: unknown;
-    readonly bottom?: unknown;
-} & {
-    right: number;
-    bottom: number;
-    target: string;
-    visibilityHeight: number;
-} & {}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
 }, {
     right: number;