element-plus 2.0.2 → 2.0.5

package/es/index.mjs

@@ -9,6 +9,7 @@ export { affixEmits, affixProps } from './components/affix/src/affix.mjs';
 export { ElAffix } from './components/affix/index.mjs';
 export { alertEffects, alertEmits, alertProps } from './components/alert/src/alert.mjs';
 export { ElAlert } from './components/alert/index.mjs';
+export { autocompleteEmits, autocompleteProps } from './components/autocomplete/src/autocomplete.mjs';
 export { ElAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
 export { ElAvatar } from './components/avatar/index.mjs';
@@ -35,6 +36,8 @@ export { ElCheckTag } from './components/check-tag/index.mjs';
 export { ElCheckbox, ElCheckboxButton, ElCheckboxGroup } from './components/checkbox/index.mjs';
 export { colProps } from './components/col/src/col.mjs';
 export { ElCol } from './components/col/index.mjs';
+export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
+export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
 export { ElCollapse, ElCollapseItem } from './components/collapse/index.mjs';
 export { ElCollapseTransition } from './components/collapse-transition/index.mjs';
 export { ElColorPicker } from './components/color-picker/index.mjs';
@@ -142,6 +145,10 @@ export { CHANGE_EVENT } from './constants/event.mjs';
 export { ElTransfer } from './components/transfer/index.mjs';
 export { ElTree } from './components/tree/index.mjs';
 export { ElTreeV2 } from './components/tree-v2/index.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
+export { uploadContentProps } from './components/upload/src/upload-content.mjs';
+export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { ElUpload } from './components/upload/index.mjs';
 export { default as FixedSizeList } from './components/virtual-list/src/components/fixed-size-list.mjs';
 export { default as DynamicSizeList } from './components/virtual-list/src/components/dynamic-size-list.mjs';
@@ -188,14 +195,17 @@ export { useDelayedToggle, useDelayedToggleProps } from './hooks/use-delayed-tog
 export { FORWARD_REF_INJECTION_KEY, useForwardRef, useForwardRefDirective } from './hooks/use-forward-ref/index.mjs';
 export { useNamespace } from './hooks/use-namespace/index.mjs';
 export { useZIndex } from './hooks/use-z-index/index.mjs';
-export { elFormItemKey, elFormKey } from './tokens/form.mjs';
-export { buttonGroupContextKey } from './tokens/button.mjs';
 export { elBreadcrumbKey } from './tokens/breadcrumb.mjs';
-export { elPaginationKey } from './tokens/pagination.mjs';
+export { buttonGroupContextKey } from './tokens/button.mjs';
+export { collapseContextKey } from './tokens/collapse.mjs';
 export { configProviderContextKey } from './tokens/config-provider.mjs';
+export { dialogInjectionKey } from './tokens/dialog.mjs';
+export { elFormItemKey, elFormKey } from './tokens/form.mjs';
+export { elPaginationKey } from './tokens/pagination.mjs';
 export { radioGroupKey } from './tokens/radio.mjs';
-export { tabsRootContextKey } from './tokens/tabs.mjs';
 export { scrollbarContextKey } from './tokens/scrollbar.mjs';
+export { tabsRootContextKey } from './tokens/tabs.mjs';
+export { uploadContextKey } from './tokens/upload.mjs';
 
 const install = installer.install;
 const version = installer.version;

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}

package/es/{locale.mjs → locales.mjs}

@@ -53,4 +53,4 @@ export { default as uzUz } from './locale/lang/uz-uz.mjs';
 export { default as vi } from './locale/lang/vi.mjs';
 export { default as zhCn } from './locale/lang/zh-cn.mjs';
 export { default as zhTw } from './locale/lang/zh-tw.mjs';
-//# sourceMappingURL=locale.mjs.map
+//# sourceMappingURL=locales.mjs.map

package/es/locales.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locales.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/tokens/collapse.d.ts

@@ -0,0 +1,7 @@
+import type { CollapseActiveName } from 'element-plus/es/components/collapse';
+import type { InjectionKey, Ref } from 'vue';
+export interface CollapseContext {
+    activeNames: Ref<CollapseActiveName[]>;
+    handleItemClick: (name: CollapseActiveName) => void;
+}
+export declare const collapseContextKey: InjectionKey<CollapseContext>;

package/es/tokens/collapse.mjs

@@ -0,0 +1,4 @@
+const collapseContextKey = Symbol("collapseContextKey");
+
+export { collapseContextKey };
+//# sourceMappingURL=collapse.mjs.map

package/es/tokens/collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.mjs","sources":["../../../../packages/tokens/collapse.ts"],"sourcesContent":["import type { CollapseActiveName } from '@element-plus/components/collapse'\nimport type { InjectionKey, Ref } from 'vue'\n\nexport interface CollapseContext {\n  activeNames: Ref<CollapseActiveName[]>\n  handleItemClick: (name: CollapseActiveName) => void\n}\n\nexport const collapseContextKey: InjectionKey<CollapseContext> =\n  Symbol('collapseContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}

package/es/tokens/dialog.d.ts

@@ -0,0 +1,10 @@
+import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue';
+import type { useNamespace } from 'element-plus/es/hooks';
+export declare type DialogContext = {
+    dialogRef: Ref<HTMLElement | undefined>;
+    headerRef: Ref<HTMLElement | undefined>;
+    ns: ReturnType<typeof useNamespace>;
+    rendered: Ref<boolean>;
+    style: ComputedRef<CSSProperties>;
+};
+export declare const dialogInjectionKey: InjectionKey<DialogContext>;

package/es/tokens/dialog.mjs

@@ -0,0 +1,4 @@
+const dialogInjectionKey = Symbol("dialogInjectionKey");
+
+export { dialogInjectionKey };
+//# sourceMappingURL=dialog.mjs.map

package/es/tokens/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","sources":["../../../../packages/tokens/dialog.ts"],"sourcesContent":["import type { ComputedRef, CSSProperties, InjectionKey, Ref } from 'vue'\nimport type { useNamespace } from '@element-plus/hooks'\n\nexport type DialogContext = {\n  dialogRef: Ref<HTMLElement | undefined>\n  headerRef: Ref<HTMLElement | undefined>\n  ns: ReturnType<typeof useNamespace>\n  rendered: Ref<boolean>\n  style: ComputedRef<CSSProperties>\n}\n\nexport const dialogInjectionKey: InjectionKey<DialogContext> =\n  Symbol('dialogInjectionKey')\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}

package/es/tokens/index.d.ts

@@ -1,8 +1,11 @@
-export * from './form';
-export * from './button';
 export * from './breadcrumb';
-export * from './pagination';
+export * from './button';
+export * from './collapse';
 export * from './config-provider';
+export * from './dialog';
+export * from './form';
+export * from './pagination';
 export * from './radio';
-export * from './tabs';
 export * from './scrollbar';
+export * from './tabs';
+export * from './upload';

package/es/tokens/index.mjs

@@ -1,9 +1,12 @@
-export { elFormItemKey, elFormKey } from './form.mjs';
-export { buttonGroupContextKey } from './button.mjs';
 export { elBreadcrumbKey } from './breadcrumb.mjs';
-export { elPaginationKey } from './pagination.mjs';
+export { buttonGroupContextKey } from './button.mjs';
+export { collapseContextKey } from './collapse.mjs';
 export { configProviderContextKey } from './config-provider.mjs';
+export { dialogInjectionKey } from './dialog.mjs';
+export { elFormItemKey, elFormKey } from './form.mjs';
+export { elPaginationKey } from './pagination.mjs';
 export { radioGroupKey } from './radio.mjs';
-export { tabsRootContextKey } from './tabs.mjs';
 export { scrollbarContextKey } from './scrollbar.mjs';
+export { tabsRootContextKey } from './tabs.mjs';
+export { uploadContextKey } from './upload.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/tokens/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/es/tokens/upload.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+export interface UploadContext {
+    accept: ComputedRef<string>;
+}
+export declare const uploadContextKey: InjectionKey<UploadContext>;

package/es/tokens/upload.mjs

@@ -0,0 +1,4 @@
+const uploadContextKey = Symbol("uploadContextKey");
+
+export { uploadContextKey };
+//# sourceMappingURL=upload.mjs.map

package/es/tokens/upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.mjs","sources":["../../../../packages/tokens/upload.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport interface UploadContext {\n  accept: ComputedRef<string>\n}\n\nexport const uploadContextKey: InjectionKey<UploadContext> =\n  Symbol('uploadContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB;;;;"}

package/es/utils/arrays.d.ts

@@ -1,3 +1,4 @@
 export declare const unique: <T>(arr: T[]) => T[];
 /** like `_.castArray`, except falsy value returns empty array. */
 export declare const castArray: (arr: any) => any[];
+export { castArray as ensureArray } from 'lodash-unified';

package/es/utils/arrays.mjs

@@ -1,3 +1,5 @@
+export { castArray as ensureArray } from 'lodash-unified';
+
 const unique = (arr) => [...new Set(arr)];
 const castArray = (arr) => {
   if (!arr && arr !== 0)

package/es/utils/arrays.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrays.mjs","sources":["../../../../packages/utils/arrays.ts"],"sourcesContent":["export const unique = <T>(arr: T[]) => [...new Set(arr)]\n\n/** like `_.castArray`, except falsy value returns empty array. */\nexport const castArray = (arr: any): any[] => {\n  if (!arr && arr !== 0) return []\n  return Array.isArray(arr) ? arr : [arr]\n}\n"],"names":[],"mappings":"AAAY,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AACrC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK;AAClC,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvB,IAAI,OAAO,EAAE,CAAC;AACd,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C;;;;"}
+{"version":3,"file":"arrays.mjs","sources":["../../../../packages/utils/arrays.ts"],"sourcesContent":["export const unique = <T>(arr: T[]) => [...new Set(arr)]\n\n// TODO: rename to `ensureArray`\n/** like `_.castArray`, except falsy value returns empty array. */\nexport const castArray = (arr: any): any[] => {\n  if (!arr && arr !== 0) return []\n  return Array.isArray(arr) ? arr : [arr]\n}\n\n// TODO: remove import alias\n// avoid naming conflicts\nexport { castArray as ensureArray } from 'lodash-unified'\n"],"names":[],"mappings":";;AAAY,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AACrC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK;AAClC,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvB,IAAI,OAAO,EAAE,CAAC;AACd,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C;;;;"}

package/es/utils/index.mjs

@@ -9,7 +9,7 @@ export { entriesOf, getPropByPath, keysOf } from './objects.mjs';
 export { cAF, rAF } from './raf.mjs';
 export { generateId, getRandomInt } from './rand.mjs';
 export { escapeStringRegexp } from './strings.mjs';
-export { isEmpty, isUndefined } from './types.mjs';
+export { isElement, isEmpty, isUndefined } from './types.mjs';
 export { mutable } from './typescript.mjs';
 export { attemptFocus, focusNode, getSibling, isFocusable, isLeaf, isVisible, obtainAllFocusableElements, triggerEvent } from './dom/aria.mjs';
 export { composeEventHandlers, off, on, once, whenMouse } from './dom/event.mjs';
@@ -25,6 +25,7 @@ export { composeRefs } from './vue/refs.mjs';
 export { addUnit } from './vue/style.mjs';
 export { isValidComponentSize, isValidDatePickType } from './vue/validator.mjs';
 export { PatchFlags, getFirstValidNode, getNormalizedProps, isComment, isFragment, isTemplate, isText, isValidElementNode, renderBlock, renderIf } from './vue/vnode.mjs';
+export { castArray as ensureArray } from 'lodash-unified';
 export { camelize, capitalize, hasOwn, hyphenate, isArray, isDate, isFunction, isObject, isPromise, isString, isSymbol, hyphenate as kebabCase } from '@vue/shared';
 export { isBoolean, isNumber } from '@vueuse/core';
 export { isVNode } from 'vue';

package/es/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/utils/types.d.ts

@@ -3,3 +3,4 @@ export { isBoolean, isNumber } from '@vueuse/core';
 export { isVNode } from 'vue';
 export declare const isUndefined: (val: any) => val is undefined;
 export declare const isEmpty: (val: unknown) => boolean;
+export declare const isElement: (e: unknown) => e is Element;

package/es/utils/types.mjs

@@ -5,6 +5,7 @@ export { isVNode } from 'vue';
 
 const isUndefined = (val) => val === void 0;
 const isEmpty = (val) => !val && val !== 0 || isArray(val) && val.length === 0 || isObject(val) && !Object.keys(val).length;
+const isElement = (e) => e instanceof Element;
 
-export { isEmpty, isUndefined };
+export { isElement, isEmpty, isUndefined };
 //# sourceMappingURL=types.mjs.map

package/es/utils/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../packages/utils/types.ts"],"sourcesContent":["import { isArray, isObject } from '@vue/shared'\n\nexport {\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  isDate,\n  isPromise,\n  isSymbol,\n} from '@vue/shared'\nexport { isBoolean, isNumber } from '@vueuse/core'\nexport { isVNode } from 'vue'\n\nexport const isUndefined = (val: any): val is undefined => val === undefined\n\nexport const isEmpty = (val: unknown) =>\n  (!val && val !== 0) ||\n  (isArray(val) && val.length === 0) ||\n  (isObject(val) && !Object.keys(val).length)\n"],"names":[],"mappings":";;;;;AAYY,MAAC,WAAW,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,EAAE;AACvC,MAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../../packages/utils/types.ts"],"sourcesContent":["import { isArray, isObject } from '@vue/shared'\n\nexport {\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  isDate,\n  isPromise,\n  isSymbol,\n} from '@vue/shared'\nexport { isBoolean, isNumber } from '@vueuse/core'\nexport { isVNode } from 'vue'\n\nexport const isUndefined = (val: any): val is undefined => val === undefined\n\nexport const isEmpty = (val: unknown) =>\n  (!val && val !== 0) ||\n  (isArray(val) && val.length === 0) ||\n  (isObject(val) && !Object.keys(val).length)\n\nexport const isElement = (e: unknown): e is Element => e instanceof Element\n"],"names":[],"mappings":";;;;;AAYY,MAAC,WAAW,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,EAAE;AACvC,MAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO;AACvH,MAAC,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,YAAY;;;;"}

package/es/utils/typescript.d.ts

@@ -8,3 +8,5 @@ export declare type HTMLElementCustomized<T> = HTMLElement & T;
  * @see {@link https://github.com/sindresorhus/meta/discussions/7}
  */
 export declare type Nullable<T> = T | null;
+export declare type Arrayable<T> = T | T[];
+export declare type Awaitable<T> = Promise<T> | T;

package/es/utils/typescript.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"typescript.mjs","sources":["../../../../packages/utils/typescript.ts"],"sourcesContent":["export const mutable = <T extends readonly any[] | Record<string, unknown>>(\n  val: T\n) => val as Mutable<typeof val>\nexport type Mutable<T> = { -readonly [P in keyof T]: T[P] }\n\nexport type HTMLElementCustomized<T> = HTMLElement & T\n\n/**\n * @deprecated stop to use null\n * @see {@link https://github.com/sindresorhus/meta/discussions/7}\n */\nexport type Nullable<T> = T | null\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG,CAAC,GAAG,KAAK;;;;"}
+{"version":3,"file":"typescript.mjs","sources":["../../../../packages/utils/typescript.ts"],"sourcesContent":["export const mutable = <T extends readonly any[] | Record<string, unknown>>(\n  val: T\n) => val as Mutable<typeof val>\nexport type Mutable<T> = { -readonly [P in keyof T]: T[P] }\n\nexport type HTMLElementCustomized<T> = HTMLElement & T\n\n/**\n * @deprecated stop to use null\n * @see {@link https://github.com/sindresorhus/meta/discussions/7}\n */\nexport type Nullable<T> = T | null\n\nexport type Arrayable<T> = T | T[]\nexport type Awaitable<T> = Promise<T> | T\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG,CAAC,GAAG,KAAK;;;;"}

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/refs.d.ts

@@ -1,2 +1,2 @@
 import type { ComponentPublicInstance, Ref } from 'vue';
-export declare const composeRefs: (...refs: Ref<HTMLElement | null>[]) => (el: Element | ComponentPublicInstance | null) => void;
+export declare const composeRefs: (...refs: Ref<HTMLElement | undefined>[]) => (el: Element | ComponentPublicInstance | null) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"refs.mjs","sources":["../../../../../packages/utils/vue/refs.ts"],"sourcesContent":["import type { ComponentPublicInstance, Ref } from 'vue'\n\nexport const composeRefs = (...refs: Ref<HTMLElement | null>[]) => {\n  return (el: Element | ComponentPublicInstance | null) => {\n    refs.forEach((ref) => {\n      ref.value = el as HTMLElement | null\n    })\n  }\n}\n"],"names":[],"mappings":"AAAY,MAAC,WAAW,GAAG,CAAC,GAAG,IAAI,KAAK;AACxC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC1B,MAAM,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;AACrB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"refs.mjs","sources":["../../../../../packages/utils/vue/refs.ts"],"sourcesContent":["import type { ComponentPublicInstance, Ref } from 'vue'\n\nexport const composeRefs = (...refs: Ref<HTMLElement | undefined>[]) => {\n  return (el: Element | ComponentPublicInstance | null) => {\n    refs.forEach((ref) => {\n      ref.value = el as HTMLElement | undefined\n    })\n  }\n}\n"],"names":[],"mappings":"AAAY,MAAC,WAAW,GAAG,CAAC,GAAG,IAAI,KAAK;AACxC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AAC1B,MAAM,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC;AACrB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}

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 = "2.0.2";
+export declare const version = "2.0.5";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.0.2";
+const version = "2.0.5";
 
 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 = '2.0.2'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '2.0.5'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

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

@@ -4,6 +4,23 @@ export declare const ElAffix: import("element-plus/es/utils").SFCWithInstall<imp
     readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }, {
+    COMPONENT_NAME: string;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
+        readonly target: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
+    }>> & {
+        onChange?: ((fixed: boolean) => any) | undefined;
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            fixed: boolean;
+        }) => any) | undefined;
+    }>>;
+    emit: ((event: "change", fixed: boolean) => void) & ((event: "scroll", args_0: {
+        scrollTop: number;
+        fixed: boolean;
+    }) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -18,18 +35,33 @@ export declare const ElAffix: import("element-plus/es/utils").SFCWithInstall<imp
             (name: string): string;
         };
     };
+    target: import("vue").ShallowRef<HTMLElement | undefined>;
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
-    state: {
-        fixed: boolean;
-        height: number;
-        width: number;
-        scrollTop: number;
-        clientHeight: number;
-        transform: number;
+    scrollContainer: import("vue").ShallowRef<Window | HTMLElement | undefined>;
+    windowHeight: import("vue").Ref<number>;
+    rootHeight: import("vue").Ref<number>;
+    rootWidth: import("vue").Ref<number>;
+    rootTop: import("vue").Ref<number>;
+    rootBottom: import("vue").Ref<number>;
+    updateRoot: () => void;
+    targetRect: {
+        height: import("vue").Ref<number>;
+        bottom: import("vue").Ref<number>;
+        left: import("vue").Ref<number>;
+        right: import("vue").Ref<number>;
+        top: import("vue").Ref<number>;
+        width: import("vue").Ref<number>;
+        x: import("vue").Ref<number>;
+        y: import("vue").Ref<number>;
+        update: () => void;
     };
+    fixed: import("vue").Ref<boolean>;
+    scrollTop: import("vue").Ref<number>;
+    transform: import("vue").Ref<number>;
     rootStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    affixStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
+    affixStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     update: () => void;
+    handleScroll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: ({ scrollTop, fixed }: {
         scrollTop: number;

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

@@ -5,6 +5,23 @@ declare const _default: import("vue").DefineComponent<{
     readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }, {
+    COMPONENT_NAME: string;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
+        readonly target: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly offset: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly position: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
+    }>> & {
+        onChange?: ((fixed: boolean) => any) | undefined;
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            fixed: boolean;
+        }) => any) | undefined;
+    }>>;
+    emit: ((event: "change", fixed: boolean) => void) & ((event: "scroll", args_0: {
+        scrollTop: number;
+        fixed: boolean;
+    }) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -19,18 +36,33 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    target: import("vue").ShallowRef<HTMLElement | undefined>;
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
-    state: {
-        fixed: boolean;
-        height: number;
-        width: number;
-        scrollTop: number;
-        clientHeight: number;
-        transform: number;
+    scrollContainer: import("vue").ShallowRef<Window | HTMLElement | undefined>;
+    windowHeight: import("vue").Ref<number>;
+    rootHeight: import("vue").Ref<number>;
+    rootWidth: import("vue").Ref<number>;
+    rootTop: import("vue").Ref<number>;
+    rootBottom: import("vue").Ref<number>;
+    updateRoot: () => void;
+    targetRect: {
+        height: import("vue").Ref<number>;
+        bottom: import("vue").Ref<number>;
+        left: import("vue").Ref<number>;
+        right: import("vue").Ref<number>;
+        top: import("vue").Ref<number>;
+        width: import("vue").Ref<number>;
+        x: import("vue").Ref<number>;
+        y: import("vue").Ref<number>;
+        update: () => void;
     };
+    fixed: import("vue").Ref<boolean>;
+    scrollTop: import("vue").Ref<number>;
+    transform: import("vue").Ref<number>;
     rootStyle: import("vue").ComputedRef<CSSProperties>;
-    affixStyle: import("vue").ComputedRef<CSSProperties | undefined>;
+    affixStyle: import("vue").ComputedRef<CSSProperties>;
     update: () => void;
+    handleScroll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: ({ scrollTop, fixed }: {
         scrollTop: number;