@element-plus/nightly 0.0.20220222 → 0.0.20220225

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

@@ -253,6 +253,7 @@ declare const _default: import("vue").DefineComponent<{
     } | (string | {
         [x: string]: any;
     } | any)[])[])[])[])[])[])[])[])[])[])[];
+    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
     enterable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     pure: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {
@@ -283,7 +284,6 @@ declare const _default: import("vue").DefineComponent<{
     popperStyle: import("vue").StyleValue;
     referenceEl: HTMLElement;
     stopPopperMouseEvent: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    visible: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
     content: string;
     showAfter: number;
     hideAfter: number;

package/es/components/virtual-list/src/builders/build-grid.d.ts

@@ -52,9 +52,9 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: StyleValue;
     className: string;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/builders/build-list.d.ts

@@ -75,10 +75,10 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
     layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -50,9 +50,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -73,10 +73,10 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
     layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -49,9 +49,9 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -72,10 +72,10 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     data: any[];
-    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     style: import("vue").StyleValue;
     className: string;
     layout: import("element-plus/es/utils").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    width: import("element-plus/es/utils").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     direction: import("element-plus/es/utils").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
     scrollbarAlwaysOn: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     perfMode: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/index.mjs

@@ -56,7 +56,7 @@ export { ElDropdown, ElDropdownItem, ElDropdownMenu } from './components/dropdow
 export { emptyProps } from './components/empty/src/empty.mjs';
 export { ElEmpty } from './components/empty/index.mjs';
 export { ElForm, ElFormItem } from './components/form/index.mjs';
-export { iconProps } from './components/icon/src/icon.mjs';
+export { iconProps } from './components/icon/src/icon2.mjs';
 export { ElIcon } from './components/icon/index.mjs';
 export { imageEmits, imageProps } from './components/image/src/image.mjs';
 export { ElImage } from './components/image/index.mjs';

package/es/utils/vue/install.d.ts

@@ -1,4 +1,4 @@
-import type { SFCWithInstall } from './typescript';
+import type { SFCWithInstall, SFCInstallWithContext } from './typescript';
 export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => SFCWithInstall<T> & E;
-export declare const withInstallFunction: <T>(fn: T, name: string) => SFCWithInstall<T>;
+export declare const withInstallFunction: <T>(fn: T, name: string) => SFCInstallWithContext<T>;
 export declare const withNoopInstall: <T>(component: T) => SFCWithInstall<T>;

package/es/utils/vue/install.mjs

@@ -18,6 +18,8 @@ const withInstall = (main, extra) => {
 const withInstallFunction = (fn, name) => {
   ;
   fn.install = (app) => {
+    ;
+    fn._context = app._context;
     app.config.globalProperties[name] = fn;
   };
   return fn;

package/es/utils/vue/install.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"install.mjs","sources":["../../../../../packages/utils/vue/install.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport type { SFCWithInstall } from './typescript'\n\nexport const withInstall = <T, E extends Record<string, any>>(\n  main: T,\n  extra?: E\n) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  return main as SFCWithInstall<T> & E\n}\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  ;(fn as SFCWithInstall<T>).install = (app) => {\n    app.config.globalProperties[name] = fn\n  }\n\n  return fn as SFCWithInstall<T>\n}\n\nexport const withNoopInstall = <T>(component: T) => {\n  ;(component as SFCWithInstall<T>).install = NOOP\n\n  return component as SFCWithInstall<T>\n}\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK;AAC5C,EAAE,CAAC;AACH,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,EAAE;AAC7E,MAAM,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACrC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACrD,MAAM,CAAC;AACP,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACvB,KAAK;AACL,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,EAAE;AACU,MAAC,mBAAmB,GAAG,CAAC,EAAE,EAAE,IAAI,KAAK;AACjD,EAAE,CAAC;AACH,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AACxB,IAAI,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AAC3C,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,CAAC;AACZ,EAAE;AACU,MAAC,eAAe,GAAG,CAAC,SAAS,KAAK;AAC9C,EAAE,CAAC;AACH,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"install.mjs","sources":["../../../../../packages/utils/vue/install.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall, SFCInstallWithContext } from './typescript'\n\nexport const withInstall = <T, E extends Record<string, any>>(\n  main: T,\n  extra?: E\n) => {\n  ;(main as SFCWithInstall<T>).install = (app): void => {\n    for (const comp of [main, ...Object.values(extra ?? {})]) {\n      app.component(comp.name, comp)\n    }\n  }\n\n  if (extra) {\n    for (const [key, comp] of Object.entries(extra)) {\n      ;(main as any)[key] = comp\n    }\n  }\n  return main as SFCWithInstall<T> & E\n}\n\nexport const withInstallFunction = <T>(fn: T, name: string) => {\n  ;(fn as SFCWithInstall<T>).install = (app: App) => {\n    ;(fn as SFCInstallWithContext<T>)._context = app._context\n    app.config.globalProperties[name] = fn\n  }\n\n  return fn as SFCInstallWithContext<T>\n}\n\nexport const withNoopInstall = <T>(component: T) => {\n  ;(component as SFCWithInstall<T>).install = NOOP\n\n  return component as SFCWithInstall<T>\n}\n"],"names":[],"mappings":";;AACY,MAAC,WAAW,GAAG,CAAC,IAAI,EAAE,KAAK,KAAK;AAC5C,EAAE,CAAC;AACH,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC1B,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,EAAE;AAC7E,MAAM,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACrC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,IAAI,KAAK,EAAE;AACb,IAAI,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACrD,MAAM,CAAC;AACP,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACvB,KAAK;AACL,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,EAAE;AACU,MAAC,mBAAmB,GAAG,CAAC,EAAE,EAAE,IAAI,KAAK;AACjD,EAAE,CAAC;AACH,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AACxB,IAAI,CAAC;AACL,IAAI,EAAE,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC/B,IAAI,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;AAC3C,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,CAAC;AACZ,EAAE;AACU,MAAC,eAAe,GAAG,CAAC,SAAS,KAAK;AAC9C,EAAE,CAAC;AACH,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/es/utils/vue/typescript.d.ts

@@ -1,2 +1,5 @@
-import type { Plugin } from 'vue';
+import type { AppContext, Plugin } from 'vue';
 export declare type SFCWithInstall<T> = T & Plugin;
+export declare type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220222";
+export declare const version = "0.0.20220225";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20220222";
+const version = "0.0.20220225";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220222'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220225'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

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

@@ -37,14 +37,12 @@ export declare const ElAffix: import("element-plus/es/utils").SFCWithInstall<imp
     target: import("vue").ShallowRef<HTMLElement | undefined>;
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
     scrollContainer: import("vue").ShallowRef<Window | HTMLElement | undefined>;
-    state: {
-        fixed: boolean;
-        height: number;
-        width: number;
-        scrollTop: number;
-        clientHeight: number;
-        transform: number;
-    };
+    fixed: import("vue").Ref<boolean>;
+    height: import("vue").Ref<number>;
+    width: import("vue").Ref<number>;
+    scrollTop: import("vue").Ref<number>;
+    clientHeight: import("vue").Ref<number>;
+    transform: import("vue").Ref<number>;
     rootStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     affixStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
     update: () => void;

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

@@ -38,14 +38,12 @@ declare const _default: import("vue").DefineComponent<{
     target: import("vue").ShallowRef<HTMLElement | undefined>;
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
     scrollContainer: import("vue").ShallowRef<Window | HTMLElement | undefined>;
-    state: {
-        fixed: boolean;
-        height: number;
-        width: number;
-        scrollTop: number;
-        clientHeight: number;
-        transform: number;
-    };
+    fixed: import("vue").Ref<boolean>;
+    height: import("vue").Ref<number>;
+    width: import("vue").Ref<number>;
+    scrollTop: import("vue").Ref<number>;
+    clientHeight: import("vue").Ref<number>;
+    transform: import("vue").Ref<number>;
     rootStyle: import("vue").ComputedRef<CSSProperties>;
     affixStyle: import("vue").ComputedRef<CSSProperties | undefined>;
     update: () => void;

package/lib/components/affix/src/affix2.js

@@ -17,37 +17,35 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: affix.affixProps,
   emits: affix.affixEmits,
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const ns = index.useNamespace("affix");
     const target = vue.shallowRef();
     const root = vue.shallowRef();
     const scrollContainer = vue.shallowRef();
-    const state = vue.reactive({
-      fixed: false,
-      height: 0,
-      width: 0,
-      scrollTop: 0,
-      clientHeight: 0,
-      transform: 0
-    });
+    const fixed = vue.ref(false);
+    const height = vue.ref(0);
+    const width = vue.ref(0);
+    const scrollTop = vue.ref(0);
+    const clientHeight = vue.ref(0);
+    const transform = vue.ref(0);
     const rootStyle = vue.computed(() => {
       return {
-        height: state.fixed ? `${state.height}px` : "",
-        width: state.fixed ? `${state.width}px` : ""
+        height: fixed.value ? `${height.value}px` : "",
+        width: fixed.value ? `${width.value}px` : ""
       };
     });
     const affixStyle = vue.computed(() => {
-      if (!state.fixed)
+      if (!fixed.value)
         return;
       const offset = props.offset ? `${props.offset}px` : 0;
-      const transform = state.transform ? `translateY(${state.transform}px)` : "";
+      const _transform = transform.value ? `translateY(${transform.value}px)` : "";
       return {
-        height: `${state.height}px`,
-        width: `${state.width}px`,
+        height: `${height.value}px`,
+        width: `${width.value}px`,
         top: props.position === "top" ? offset : "",
         bottom: props.position === "bottom" ? offset : "",
-        transform,
+        transform: _transform,
         zIndex: props.zIndex
       };
     });
@@ -56,37 +54,37 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       const rootRect = root.value.getBoundingClientRect();
       const targetRect = target.value.getBoundingClientRect();
-      state.height = rootRect.height;
-      state.width = rootRect.width;
-      state.scrollTop = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
-      state.clientHeight = document.documentElement.clientHeight;
+      height.value = rootRect.height;
+      width.value = rootRect.width;
+      scrollTop.value = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop || 0;
+      clientHeight.value = document.documentElement.clientHeight;
       if (props.position === "top") {
         if (props.target) {
-          const difference = targetRect.bottom - props.offset - state.height;
-          state.fixed = props.offset > rootRect.top && targetRect.bottom > 0;
-          state.transform = difference < 0 ? difference : 0;
+          const difference = targetRect.bottom - props.offset - height.value;
+          fixed.value = props.offset > rootRect.top && targetRect.bottom > 0;
+          transform.value = difference < 0 ? difference : 0;
         } else {
-          state.fixed = props.offset > rootRect.top;
+          fixed.value = props.offset > rootRect.top;
         }
       } else {
         if (props.target) {
-          const difference = state.clientHeight - targetRect.top - props.offset - state.height;
-          state.fixed = state.clientHeight - props.offset < rootRect.bottom && state.clientHeight > targetRect.top;
-          state.transform = difference < 0 ? -difference : 0;
+          const difference = clientHeight.value - targetRect.top - props.offset - height.value;
+          fixed.value = clientHeight.value - props.offset < rootRect.bottom && clientHeight.value > targetRect.top;
+          transform.value = difference < 0 ? -difference : 0;
         } else {
-          state.fixed = state.clientHeight - props.offset < rootRect.bottom;
+          fixed.value = clientHeight.value - props.offset < rootRect.bottom;
         }
       }
     };
     const onScroll = () => {
       update();
       emit("scroll", {
-        scrollTop: state.scrollTop,
-        fixed: state.fixed
+        scrollTop: scrollTop.value,
+        fixed: fixed.value
       });
     };
-    vue.watch(() => state.fixed, () => {
-      emit("change", state.fixed);
+    vue.watch(fixed, (fixed2) => {
+      emit("change", fixed2);
     });
     vue.onMounted(() => {
       var _a;
@@ -103,6 +101,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     core.useEventListener(scrollContainer, "scroll", onScroll);
     core.useResizeObserver(root, () => update());
     core.useResizeObserver(target, () => update());
+    expose({
+      update
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "root",
@@ -111,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(vue.unref(rootStyle))
       }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: vue.unref(state).fixed }),
+          class: vue.normalizeClass({ [vue.unref(ns).m("fixed")]: fixed.value }),
           style: vue.normalizeStyle(vue.unref(affixStyle))
         }, [
           vue.renderSlot(_ctx.$slots, "default")

package/lib/components/affix/src/affix2.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('fixed')]: state.fixed }\" :style=\"affixStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, reactive, shallowRef, watch } from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAffix',\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\n\nconst state = reactive({\n  fixed: false,\n  height: 0, // height of root\n  width: 0, // width of root\n  scrollTop: 0, // scrollTop of documentElement\n  clientHeight: 0, // clientHeight of documentElement\n  transform: 0,\n})\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: state.fixed ? `${state.height}px` : '',\n    width: state.fixed ? `${state.width}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties | undefined>(() => {\n  if (!state.fixed) return\n\n  const offset = props.offset ? `${props.offset}px` : 0\n  const transform = state.transform ? `translateY(${state.transform}px)` : ''\n\n  return {\n    height: `${state.height}px`,\n    width: `${state.width}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform,\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!root.value || !target.value || !scrollContainer.value) return\n\n  const rootRect = root.value.getBoundingClientRect()\n  const targetRect = target.value.getBoundingClientRect()\n  state.height = rootRect.height\n  state.width = rootRect.width\n  state.scrollTop =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n  state.clientHeight = document.documentElement.clientHeight\n\n  if (props.position === 'top') {\n    if (props.target) {\n      const difference = targetRect.bottom - props.offset - state.height\n      state.fixed = props.offset > rootRect.top && targetRect.bottom > 0\n      state.transform = difference < 0 ? difference : 0\n    } else {\n      state.fixed = props.offset > rootRect.top\n    }\n  } else {\n    if (props.target) {\n      const difference =\n        state.clientHeight - targetRect.top - props.offset - state.height\n      state.fixed =\n        state.clientHeight - props.offset < rootRect.bottom &&\n        state.clientHeight > targetRect.top\n      state.transform = difference < 0 ? -difference : 0\n    } else {\n      state.fixed = state.clientHeight - props.offset < rootRect.bottom\n    }\n  }\n}\n\nconst onScroll = () => {\n  update()\n\n  emit('scroll', {\n    scrollTop: state.scrollTop,\n    fixed: state.fixed,\n  })\n}\n\nwatch(\n  () => state.fixed,\n  () => {\n    emit('change', state.fixed)\n  }\n)\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value) {\n      throw new Error(`Target is not existed: ${props.target}`)\n    }\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n})\n\nuseEventListener(scrollContainer, 'scroll', onScroll)\nuseResizeObserver(root, () => update())\nuseResizeObserver(target, () => update())\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA;AAEA;AACA;AACA;AAEA;;;;;;;;AASA;;;;;;AAOA;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;;;AASA;;;AAOA;;;;;;;;;;;AAaA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"affix2.js","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('fixed')]: fixed }\" :style=\"affixStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef, watch } from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAffix',\n})\n\nconst props = defineProps(affixProps)\nconst emit = defineEmits(affixEmits)\n\nconst ns = useNamespace('affix')\n\nconst target = shallowRef<HTMLElement>()\nconst root = shallowRef<HTMLDivElement>()\nconst scrollContainer = shallowRef<HTMLElement | Window>()\n\nconst fixed = ref(false)\nconst height = ref(0) // height of root\nconst width = ref(0) // width of root\nconst scrollTop = ref(0) // scrollTop of documentElement\nconst clientHeight = ref(0) // clientHeight of documentElement\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${height.value}px` : '',\n    width: fixed.value ? `${width.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties | undefined>(() => {\n  if (!fixed.value) return\n\n  const offset = props.offset ? `${props.offset}px` : 0\n  const _transform = transform.value ? `translateY(${transform.value}px)` : ''\n\n  return {\n    height: `${height.value}px`,\n    width: `${width.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform: _transform,\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!root.value || !target.value || !scrollContainer.value) return\n\n  const rootRect = root.value.getBoundingClientRect()\n  const targetRect = target.value.getBoundingClientRect()\n  height.value = rootRect.height\n  width.value = rootRect.width\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n  clientHeight.value = document.documentElement.clientHeight\n\n  if (props.position === 'top') {\n    if (props.target) {\n      const difference = targetRect.bottom - props.offset - height.value\n      fixed.value = props.offset > rootRect.top && targetRect.bottom > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = props.offset > rootRect.top\n    }\n  } else {\n    if (props.target) {\n      const difference =\n        clientHeight.value - targetRect.top - props.offset - height.value\n      fixed.value =\n        clientHeight.value - props.offset < rootRect.bottom &&\n        clientHeight.value > targetRect.top\n      transform.value = difference < 0 ? -difference : 0\n    } else {\n      fixed.value = clientHeight.value - props.offset < rootRect.bottom\n    }\n  }\n}\n\nconst onScroll = () => {\n  update()\n\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (fixed) => {\n  emit('change', fixed)\n})\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value) {\n      throw new Error(`Target is not existed: ${props.target}`)\n    }\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n})\n\nuseEventListener(scrollContainer, 'scroll', onScroll)\nuseResizeObserver(root, () => update())\nuseResizeObserver(target, () => update())\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;AAOA;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;;;AASA;;;AAIA;;;;;;;;;;;AAaA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -7,11 +7,69 @@ export declare const ElAvatar: import("element-plus/es/utils").SFCWithInstall<im
     readonly srcSet: StringConstructor;
     readonly fit: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "default", unknown, "default" | "small" | "large", number>;
+        readonly shape: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "circle", unknown, "circle" | "square", unknown>;
+        readonly icon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown, unknown, unknown>;
+        readonly src: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly alt: StringConstructor;
+        readonly srcSet: StringConstructor;
+        readonly fit: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
+    }>> & {
+        onError?: ((evt: Event) => any) | undefined;
+    }>>;
+    emit: (event: "error", evt: Event) => 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 | undefined): string;
+            (name: string): string;
+        };
+    };
     hasLoadError: import("vue").Ref<boolean>;
     avatarClass: import("vue").ComputedRef<string[]>;
     sizeStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
     fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     handleError: (e: Event) => void;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -8,11 +8,69 @@ declare const _default: import("vue").DefineComponent<{
     readonly srcSet: StringConstructor;
     readonly fit: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], "default", unknown, "default" | "small" | "large", number>;
+        readonly shape: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "circle", unknown, "circle" | "square", unknown>;
+        readonly icon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown, unknown, unknown>;
+        readonly src: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly alt: StringConstructor;
+        readonly srcSet: StringConstructor;
+        readonly fit: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ObjectFitProperty>, "cover", unknown, unknown, unknown>;
+    }>> & {
+        onError?: ((evt: Event) => any) | undefined;
+    }>>;
+    emit: (event: "error", evt: Event) => 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 | undefined): string;
+            (name: string): string;
+        };
+    };
     hasLoadError: import("vue").Ref<boolean>;
     avatarClass: import("vue").ComputedRef<string[]>;
     sizeStyle: import("vue").ComputedRef<CSSProperties | undefined>;
     fitStyle: import("vue").ComputedRef<CSSProperties>;
     handleError: (e: Event) => void;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -3,25 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index = require('../../icon/index.js');
+var index$1 = require('../../icon/index.js');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var avatar = require('./avatar.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 var shared = require('@vue/shared');
 var core = require('@vueuse/core');
 var style = require('../../../utils/vue/style.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElAvatar",
-  components: {
-    ElIcon: index.ElIcon
-  },
+const _hoisted_1 = ["src", "alt", "srcset"];
+const __default__ = {
+  name: "ElAvatar"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: avatar.avatarProps,
   emits: avatar.avatarEmits,
-  setup(props, { emit }) {
-    const ns = index$1.useNamespace("avatar");
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = index.useNamespace("avatar");
     const hasLoadError = vue.ref(false);
     const avatarClass = vue.computed(() => {
       const { size, icon, shape } = props;
@@ -48,38 +49,28 @@ const _sfc_main = vue.defineComponent({
       hasLoadError.value = true;
       emit("error", e);
     }
-    return {
-      hasLoadError,
-      avatarClass,
-      sizeStyle,
-      fitStyle,
-      handleError
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(avatarClass)),
+        style: vue.normalizeStyle(vue.unref(sizeStyle))
+      }, [
+        (_ctx.src || _ctx.srcSet) && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          src: _ctx.src,
+          alt: _ctx.alt,
+          srcset: _ctx.srcSet,
+          style: vue.normalizeStyle(vue.unref(fitStyle)),
+          onError: handleError
+        }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+          ]),
+          _: 1
+        })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
+      ], 6);
     };
   }
 });
-const _hoisted_1 = ["src", "alt", "srcset"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  return vue.openBlock(), vue.createElementBlock("span", {
-    class: vue.normalizeClass(_ctx.avatarClass),
-    style: vue.normalizeStyle(_ctx.sizeStyle)
-  }, [
-    (_ctx.src || _ctx.srcSet) && !_ctx.hasLoadError ? (vue.openBlock(), vue.createElementBlock("img", {
-      key: 0,
-      src: _ctx.src,
-      alt: _ctx.alt,
-      srcset: _ctx.srcSet,
-      style: vue.normalizeStyle(_ctx.fitStyle),
-      onError: _cache[0] || (_cache[0] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-    }, null, 44, _hoisted_1)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 1 }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-      ]),
-      _: 1
-    })) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
-  ], 6);
-}
-var Avatar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = Avatar;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=avatar2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.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 { isNumber, isString, addUnit } from '@element-plus/utils'\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 isNumber(size)\n        ? ({\n            '--el-avatar-size': addUnit(size),\n          } as CSSProperties)\n        : undefined\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","ElIcon","avatarProps","avatarEmits","useNamespace","ref","computed","isString","isNumber","addUnit","_createElementBlock","_normalizeClass","_normalizeStyle","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AA0BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,qBAAa;AAExB,UAAM,eAAeC,QAAI;AAEzB,UAAM,cAAcC,aAAS,MAAM;AACjC,YAAM,EAAE,MAAM,MAAM,UAAU;AAC9B,YAAM,YAAY,CAAC,GAAG;AACtB,UAAIC,gBAAS;AAAO,kBAAU,KAAK,GAAG,EAAE;AACxC,UAAI;AAAM,kBAAU,KAAK,GAAG,EAAE;AAC9B,UAAI;AAAO,kBAAU,KAAK,GAAG,EAAE;AAC/B,aAAO;AAAA;AAGT,UAAM,YAAYD,aAAS,MAAM;AAC/B,YAAM,EAAE,SAAS;AACjB,aAAOE,cAAS,QACX;AAAA,QACC,oBAAoBC,cAAQ;AAAA,UAE9B;AAAA;AAGN,UAAM,WAAWH,aAAwB;AAAO,MAC9C,WAAW,MAAM;AAAA;AAInB,cACE,MAAM,MAAM,KACZ,MAAO,aAAa,QAAQ;AAG9B,yBAAqB,GAAU;AAC7B,mBAAa,QAAQ;AACrB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;0BA5EJI,uBAaO;AAAA,IAbA,OAAKC,mBAAE;AAAA,IAAc,OAAKC,mBAAE;AAAA;IAExB,aAAO,gBAAM,CAAM,sCAD5BF,uBAOE;AAAA;MALC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,OAAKE,mBAAE;AAAA,MACP,SAAK,uCAAE;AAAA,gCAEU,8BAApBC,gBAEU;AAAA,2BADR,MAAwB;AAAA,0BAAxBA,gBAAwBC,4BAAR;AAAA;AAAA;UAElBC,eAAoB;AAAA;;;;;;"}
+{"version":3,"file":"avatar2.js","sources":["../../../../../../packages/components/avatar/src/avatar.vue"],"sourcesContent":["<template>\n  <span :class=\"avatarClass\" :style=\"sizeStyle\">\n    <img\n      v-if=\"(src || srcSet) && !hasLoadError\"\n      :src=\"src\"\n      :alt=\"alt\"\n      :srcset=\"srcSet\"\n      :style=\"fitStyle\"\n      @error=\"handleError\"\n    />\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot v-else></slot>\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isNumber, isString, addUnit } from '@element-plus/utils'\nimport { avatarEmits, avatarProps } from './avatar'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAvatar',\n})\n\nconst props = defineProps(avatarProps)\nconst emit = defineEmits(avatarEmits)\n\nconst ns = useNamespace('avatar')\n\nconst hasLoadError = ref(false)\n\nconst avatarClass = computed(() => {\n  const { size, icon, shape } = props\n  const classList = [ns.b()]\n  if (isString(size)) classList.push(ns.m(size))\n  if (icon) classList.push(ns.m('icon'))\n  if (shape) classList.push(ns.m(shape))\n  return classList\n})\n\nconst sizeStyle = computed(() => {\n  const { size } = props\n  return isNumber(size)\n    ? ({\n        '--el-avatar-size': addUnit(size),\n      } as CSSProperties)\n    : undefined\n})\n\nconst fitStyle = computed<CSSProperties>(() => ({\n  objectFit: props.fit,\n}))\n\n// need reset hasLoadError to false if src changed\nwatch(\n  () => props.src,\n  () => (hasLoadError.value = false)\n)\n\nfunction handleError(e: Event) {\n  hasLoadError.value = true\n  emit('error', e)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA;AAEA;AAEA;;;;;;;;;;;AASA;;;;;;AASA;;;AAKA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}