element-plus 2.0.4 → 2.1.0

package/es/tokens/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport interface ElFormContext {\n  registerLabelWidth(width: number, oldWidth: number): void\n  deregisterLabelWidth(width: number): void\n  autoLabelWidth: string | undefined\n  emit: (evt: string, ...args: any[]) => void\n  addField: (field: ElFormItemContext) => void\n  removeField: (field: ElFormItemContext) => void\n  resetFields: () => void\n  clearValidate: (props: string | string[]) => void\n  validateField: (props: string | string[], cb: ValidateFieldCallback) => void\n  labelSuffix: string\n  inline?: boolean\n  inlineMessage?: boolean\n  model?: Record<string, unknown>\n  size?: ComponentSize\n  showMessage?: boolean\n  labelPosition?: string\n  labelWidth?: string | number\n  rules?: Record<string, unknown>\n  statusIcon?: boolean\n  hideRequiredAsterisk?: boolean\n  disabled?: boolean\n}\n\nexport interface ValidateFieldCallback {\n  (isValid?: string, invalidFields?: ValidateFieldsError): void\n}\n\nexport interface ElFormItemContext {\n  prop?: string\n  size?: ComponentSize\n  validateState: string\n  $el: HTMLDivElement\n  validate(trigger: string, callback?: ValidateFieldCallback): void\n  updateComputedLabelWidth(width: number): void\n  evaluateValidationEnabled(): void\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const elFormKey: InjectionKey<ElFormContext> = Symbol('elForm')\nexport const elFormItemKey: InjectionKey<ElFormItemContext> =\n  Symbol('elFormItem')\n"],"names":[],"mappings":"AAAY,MAAC,SAAS,GAAG,MAAM,CAAC,QAAQ,EAAE;AAC9B,MAAC,aAAa,GAAG,MAAM,CAAC,YAAY;;;;"}
+{"version":3,"file":"form.mjs","sources":["../../../../packages/tokens/form.ts"],"sourcesContent":["import type { InjectionKey, SetupContext, UnwrapRef } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  FormProps,\n  FormEmits,\n  FormItemProp,\n  FormItemProps,\n  FormValidateCallback,\n  FormLabelWidthContext,\n} from '@element-plus/components/form'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type FormContext = FormProps &\n  UnwrapRef<FormLabelWidthContext> & {\n    emit: SetupContext<FormEmits>['emit']\n\n    // expose\n    addField: (field: FormItemContext) => void\n    removeField: (field: FormItemContext) => void\n    resetFields: (props?: Arrayable<FormItemProp>) => void\n    clearValidate: (props?: Arrayable<FormItemProp>) => void\n    validateField: (\n      props?: Arrayable<FormItemProp>,\n      callback?: FormValidateCallback\n    ) => Promise<void>\n  }\n\nexport interface FormItemContext extends FormItemProps {\n  $el: HTMLDivElement | undefined\n  size: ComponentSize\n  validateState: string\n  validate: (trigger: string, callback?: FormValidateCallback) => Promise<void>\n  resetField(): void\n  clearValidate(): void\n}\n\nexport const formContextKey: InjectionKey<FormContext> =\n  Symbol('formContextKey')\nexport const formItemContextKey: InjectionKey<FormItemContext> =\n  Symbol('formItemContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG,MAAM,CAAC,gBAAgB,EAAE;AAC3C,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}

package/es/tokens/index.d.ts

@@ -1,8 +1,12 @@
-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 './row';
 export * from './scrollbar';
+export * from './tabs';
+export * from './upload';

package/es/tokens/index.mjs

@@ -1,9 +1,13 @@
-export { elFormItemKey, elFormKey } from './form.mjs';
+export { breadcrumbKey } from './breadcrumb.mjs';
 export { buttonGroupContextKey } from './button.mjs';
-export { elBreadcrumbKey } from './breadcrumb.mjs';
-export { elPaginationKey } from './pagination.mjs';
+export { collapseContextKey } from './collapse.mjs';
 export { configProviderContextKey } from './config-provider.mjs';
+export { dialogInjectionKey } from './dialog.mjs';
+export { formContextKey, formItemContextKey } from './form.mjs';
+export { elPaginationKey } from './pagination.mjs';
 export { radioGroupKey } from './radio.mjs';
-export { tabsRootContextKey } from './tabs.mjs';
+export { rowContextKey } from './row.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/row.d.ts

@@ -0,0 +1,6 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+interface RowContext {
+    gutter: ComputedRef<number>;
+}
+export declare const rowContextKey: InjectionKey<RowContext>;
+export {};

package/es/tokens/row.mjs

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

package/es/tokens/row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","sources":["../../../../packages/tokens/row.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\ninterface RowContext {\n  gutter: ComputedRef<number>\n}\n\nexport const rowContextKey: InjectionKey<RowContext> = Symbol('rowContextKey')\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM,CAAC,eAAe;;;;"}

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/animation.mjs

@@ -1,4 +1,4 @@
-const cubic = (value) => Math.pow(value, 3);
+const cubic = (value) => value ** 3;
 const easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
 
 export { cubic, easeInOutCubic };

package/es/utils/animation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animation.mjs","sources":["../../../../packages/utils/animation.ts"],"sourcesContent":["export const cubic = (value: number): number => Math.pow(value, 3)\n\nexport const easeInOutCubic = (value: number): number =>\n  value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2\n"],"names":[],"mappings":"AAAY,MAAC,KAAK,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE;AACvC,MAAC,cAAc,GAAG,CAAC,KAAK,KAAK,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG;;;;"}
+{"version":3,"file":"animation.mjs","sources":["../../../../packages/utils/animation.ts"],"sourcesContent":["export const cubic = (value: number): number => value ** 3\n\nexport const easeInOutCubic = (value: number): number =>\n  value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2\n"],"names":[],"mappings":"AAAY,MAAC,KAAK,GAAG,CAAC,KAAK,KAAK,KAAK,IAAI,EAAE;AAC/B,MAAC,cAAc,GAAG,CAAC,KAAK,KAAK,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG;;;;"}

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

@@ -1,2 +1,3 @@
 export declare function throwError(scope: string, m: string): never;
+export declare function debugWarn(err: Error): void;
 export declare function debugWarn(scope: string, message: string): void;

package/es/utils/error.mjs

@@ -1,3 +1,6 @@
+import './types.mjs';
+import { isString } from '@vue/shared';
+
 class ElementPlusError extends Error {
   constructor(m) {
     super(m);
@@ -9,7 +12,8 @@ function throwError(scope, m) {
 }
 function debugWarn(scope, message) {
   if (process.env.NODE_ENV !== "production") {
-    console.warn(new ElementPlusError(`[${scope}] ${message}`));
+    const error = isString(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
+    console.warn(error);
   }
 }
 

package/es/utils/error.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"error.mjs","sources":["../../../../packages/utils/error.ts"],"sourcesContent":["class ElementPlusError extends Error {\n  constructor(m: string) {\n    super(m)\n    this.name = 'ElementPlusError'\n  }\n}\n\nexport function throwError(scope: string, m: string): never {\n  throw new ElementPlusError(`[${scope}] ${m}`)\n}\n\nexport function debugWarn(scope: string, message: string): void {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(new ElementPlusError(`[${scope}] ${message}`))\n  }\n}\n"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,SAAS,KAAK,CAAC;AACrC,EAAE,WAAW,CAAC,CAAC,EAAE;AACjB,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;AACb,IAAI,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACnC,GAAG;AACH,CAAC;AACM,SAAS,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE;AACrC,EAAE,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AACM,SAAS,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE;AAC1C,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC7C,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAChE,GAAG;AACH;;;;"}
+{"version":3,"file":"error.mjs","sources":["../../../../packages/utils/error.ts"],"sourcesContent":["import { isString } from './types'\n\nclass ElementPlusError extends Error {\n  constructor(m: string) {\n    super(m)\n    this.name = 'ElementPlusError'\n  }\n}\n\nexport function throwError(scope: string, m: string): never {\n  throw new ElementPlusError(`[${scope}] ${m}`)\n}\n\nexport function debugWarn(err: Error): void\nexport function debugWarn(scope: string, message: string): void\nexport function debugWarn(scope: string | Error, message?: string): void {\n  if (process.env.NODE_ENV !== 'production') {\n    const error: Error = isString(scope)\n      ? new ElementPlusError(`[${scope}] ${message}`)\n      : scope\n    // eslint-disable-next-line no-console\n    console.warn(error)\n  }\n}\n"],"names":[],"mappings":";;;AACA,MAAM,gBAAgB,SAAS,KAAK,CAAC;AACrC,EAAE,WAAW,CAAC,CAAC,EAAE;AACjB,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;AACb,IAAI,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC;AACnC,GAAG;AACH,CAAC;AACM,SAAS,UAAU,CAAC,KAAK,EAAE,CAAC,EAAE;AACrC,EAAE,MAAM,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AACM,SAAS,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE;AAC1C,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AAC7C,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAC1F,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACxB,GAAG;AACH;;;;"}

package/es/utils/index.mjs

@@ -5,7 +5,7 @@ export { castArray, unique } from './arrays.mjs';
 export { isFirefox } from './browser.mjs';
 export { debugWarn, throwError } from './error.mjs';
 export { isKorean } from './i18n.mjs';
-export { entriesOf, getPropByPath, keysOf } from './objects.mjs';
+export { entriesOf, getProp, keysOf } from './objects.mjs';
 export { cAF, rAF } from './raf.mjs';
 export { generateId, getRandomInt } from './rand.mjs';
 export { escapeStringRegexp } from './strings.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/objects.d.ts

@@ -1,10 +1,8 @@
 import type { Entries } from 'type-fest';
+import type { Arrayable } from '.';
 export declare const keysOf: <T>(arr: T) => (keyof T)[];
 export declare const entriesOf: <T>(arr: T) => Entries<T>;
 export { hasOwn } from '@vue/shared';
-/** @deprecated TODO: improve it, use lodash */
-export declare function getPropByPath(obj: any, path: string, strict: boolean): {
-    o: any;
-    k: string;
-    v: any;
+export declare const getProp: <T = any>(obj: Record<string, any>, path: Arrayable<string>, defaultValue?: any) => {
+    value: T;
 };

package/es/utils/objects.mjs

@@ -1,43 +1,18 @@
-import { hasOwn } from '@vue/shared';
+import { get, set } from 'lodash-unified';
 export { hasOwn } from '@vue/shared';
-import { throwError } from './error.mjs';
 
-const SCOPE = "UtilV2/objects";
 const keysOf = (arr) => Object.keys(arr);
 const entriesOf = (arr) => Object.entries(arr);
-function getPropByPath(obj, path, strict) {
-  let tempObj = obj;
-  let key, value;
-  if (obj && hasOwn(obj, path)) {
-    key = path;
-    value = tempObj == null ? void 0 : tempObj[path];
-  } else {
-    path = path.replace(/\[(\w+)\]/g, ".$1");
-    path = path.replace(/^\./, "");
-    const keyArr = path.split(".");
-    let i = 0;
-    for (i; i < keyArr.length - 1; i++) {
-      if (!tempObj && !strict)
-        break;
-      const key2 = keyArr[i];
-      if (key2 in tempObj) {
-        tempObj = tempObj[key2];
-      } else {
-        if (strict) {
-          throwError(SCOPE, "Please transfer a valid prop path to form item!");
-        }
-        break;
-      }
-    }
-    key = keyArr[i];
-    value = tempObj == null ? void 0 : tempObj[keyArr[i]];
-  }
+const getProp = (obj, path, defaultValue) => {
   return {
-    o: tempObj,
-    k: key,
-    v: value
+    get value() {
+      return get(obj, path, defaultValue);
+    },
+    set value(val) {
+      set(obj, path, val);
+    }
   };
-}
+};
 
-export { entriesOf, getPropByPath, keysOf };
+export { entriesOf, getProp, keysOf };
 //# sourceMappingURL=objects.mjs.map

package/es/utils/objects.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"objects.mjs","sources":["../../../../packages/utils/objects.ts"],"sourcesContent":["import { hasOwn } from '@vue/shared'\nimport { throwError } from './error'\nimport type { Entries } from 'type-fest'\n\nconst SCOPE = 'UtilV2/objects'\n\nexport const keysOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>\nexport const entriesOf = <T>(arr: T) => Object.entries(arr) as Entries<T>\nexport { hasOwn } from '@vue/shared'\n\n/** @deprecated TODO: improve it, use lodash */\nexport function getPropByPath(\n  obj: any,\n  path: string,\n  strict: boolean\n): {\n  o: any\n  k: string\n  v: any\n} {\n  let tempObj = obj\n  let key, value\n\n  if (obj && hasOwn(obj, path)) {\n    key = path\n    value = tempObj?.[path]\n  } else {\n    path = path.replace(/\\[(\\w+)\\]/g, '.$1')\n    path = path.replace(/^\\./, '')\n\n    const keyArr = path.split('.')\n    let i = 0\n    for (i; i < keyArr.length - 1; i++) {\n      if (!tempObj && !strict) break\n      const key = keyArr[i]\n\n      if (key in tempObj) {\n        tempObj = tempObj[key]\n      } else {\n        if (strict) {\n          throwError(SCOPE, 'Please transfer a valid prop path to form item!')\n        }\n        break\n      }\n    }\n    key = keyArr[i]\n    value = tempObj?.[keyArr[i]]\n  }\n  return {\n    o: tempObj,\n    k: key,\n    v: value,\n  }\n}\n"],"names":[],"mappings":";;;;AAEA,MAAM,KAAK,GAAG,gBAAgB,CAAC;AACnB,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;AACpC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;AAE/C,SAAS,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE;AACjD,EAAE,IAAI,OAAO,GAAG,GAAG,CAAC;AACpB,EAAE,IAAI,GAAG,EAAE,KAAK,CAAC;AACjB,EAAE,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE;AAChC,IAAI,GAAG,GAAG,IAAI,CAAC;AACf,IAAI,KAAK,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AACrD,GAAG,MAAM;AACT,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC7C,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACnC,IAAI,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACnC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,IAAI,KAAK,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;AAC7B,QAAQ,MAAM;AACd,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC7B,MAAM,IAAI,IAAI,IAAI,OAAO,EAAE;AAC3B,QAAQ,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAChC,OAAO,MAAM;AACb,QAAQ,IAAI,MAAM,EAAE;AACpB,UAAU,UAAU,CAAC,KAAK,EAAE,iDAAiD,CAAC,CAAC;AAC/E,SAAS;AACT,QAAQ,MAAM;AACd,OAAO;AACP,KAAK;AACL,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACpB,IAAI,KAAK,GAAG,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,GAAG;AACH,EAAE,OAAO;AACT,IAAI,CAAC,EAAE,OAAO;AACd,IAAI,CAAC,EAAE,GAAG;AACV,IAAI,CAAC,EAAE,KAAK;AACZ,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"objects.mjs","sources":["../../../../packages/utils/objects.ts"],"sourcesContent":["import { get, set } from 'lodash-unified'\nimport type { Entries } from 'type-fest'\nimport type { Arrayable } from '.'\n\nexport const keysOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>\nexport const entriesOf = <T>(arr: T) => Object.entries(arr) as Entries<T>\nexport { hasOwn } from '@vue/shared'\n\nexport const getProp = <T = any>(\n  obj: Record<string, any>,\n  path: Arrayable<string>,\n  defaultValue?: any\n): { value: T } => {\n  return {\n    get value() {\n      return get(obj, path, defaultValue)\n    },\n    set value(val: any) {\n      set(obj, path, val)\n    },\n  }\n}\n"],"names":[],"mappings":";;;AACY,MAAC,MAAM,GAAG,CAAC,GAAG,KAAK,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;AACpC,MAAC,SAAS,GAAG,CAAC,GAAG,KAAK,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;AAE1C,MAAC,OAAO,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,YAAY,KAAK;AACpD,EAAE,OAAO;AACT,IAAI,IAAI,KAAK,GAAG;AAChB,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC;AAC1C,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,GAAG,EAAE;AACnB,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;AAC1B,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}

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

@@ -1 +1 @@
-export declare const version = "2.0.4";
+export declare const version = "2.1.0";

package/es/version.mjs

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

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

@@ -4,6 +4,7 @@ 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>;
@@ -37,16 +38,30 @@ 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>;
+    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>;
-    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>;
+    affixStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     update: () => void;
-    onScroll: () => 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,7 @@ 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>;
@@ -38,16 +39,30 @@ 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>;
+    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>;
-    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>;
+    affixStyle: import("vue").ComputedRef<CSSProperties>;
     update: () => void;
-    onScroll: () => void;
+    handleScroll: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: ({ scrollTop, fixed }: {
         scrollTop: number;

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

@@ -8,6 +8,7 @@ require('../../../utils/index.js');
 require('../../../hooks/index.js');
 var affix = require('./affix.js');
 var index = require('../../../hooks/use-namespace/index.js');
+var error = require('../../../utils/error.js');
 var scroll = require('../../../utils/dom/scroll.js');
 
 const __default__ = {
@@ -19,88 +20,83 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: affix.affixEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
+    const COMPONENT_NAME = "ElAffix";
     const ns = index.useNamespace("affix");
     const target = vue.shallowRef();
     const root = vue.shallowRef();
     const scrollContainer = vue.shallowRef();
+    const { height: windowHeight } = core.useWindowSize();
+    const {
+      height: rootHeight,
+      width: rootWidth,
+      top: rootTop,
+      bottom: rootBottom,
+      update: updateRoot
+    } = core.useElementBounding(root);
+    const targetRect = core.useElementBounding(target);
     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: fixed.value ? `${height.value}px` : "",
-        width: fixed.value ? `${width.value}px` : ""
+        height: fixed.value ? `${rootHeight.value}px` : "",
+        width: fixed.value ? `${rootWidth.value}px` : ""
       };
     });
     const affixStyle = vue.computed(() => {
       if (!fixed.value)
-        return;
+        return {};
       const offset = props.offset ? `${props.offset}px` : 0;
-      const _transform = transform.value ? `translateY(${transform.value}px)` : "";
       return {
-        height: `${height.value}px`,
-        width: `${width.value}px`,
+        height: `${rootHeight.value}px`,
+        width: `${rootWidth.value}px`,
         top: props.position === "top" ? offset : "",
         bottom: props.position === "bottom" ? offset : "",
-        transform: _transform,
+        transform: transform.value ? `translateY(${transform.value}px)` : "",
         zIndex: props.zIndex
       };
     });
     const update = () => {
-      if (!root.value || !target.value || !scrollContainer.value)
+      if (!scrollContainer.value)
         return;
-      const rootRect = root.value.getBoundingClientRect();
-      const targetRect = target.value.getBoundingClientRect();
-      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 - height.value;
-          fixed.value = props.offset > rootRect.top && targetRect.bottom > 0;
+          const difference = targetRect.bottom.value - props.offset - rootHeight.value;
+          fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0;
           transform.value = difference < 0 ? difference : 0;
         } else {
-          fixed.value = props.offset > rootRect.top;
+          fixed.value = props.offset > rootTop.value;
         }
+      } else if (props.target) {
+        const difference = windowHeight.value - targetRect.top.value - props.offset - rootHeight.value;
+        fixed.value = windowHeight.value - props.offset < rootBottom.value && windowHeight.value > targetRect.top.value;
+        transform.value = difference < 0 ? -difference : 0;
       } else {
-        if (props.target) {
-          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 {
-          fixed.value = clientHeight.value - props.offset < rootRect.bottom;
-        }
+        fixed.value = windowHeight.value - props.offset < rootBottom.value;
       }
     };
-    const onScroll = () => {
-      update();
+    const handleScroll = () => {
       emit("scroll", {
         scrollTop: scrollTop.value,
         fixed: fixed.value
       });
     };
-    vue.watch(fixed, (fixed2) => {
-      emit("change", fixed2);
-    });
+    vue.watch(fixed, (val) => emit("change", val));
     vue.onMounted(() => {
       var _a;
       if (props.target) {
         target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-        if (!target.value) {
-          throw new Error(`Target is not existed: ${props.target}`);
-        }
+        if (!target.value)
+          error.throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`);
       } else {
         target.value = document.documentElement;
       }
       scrollContainer.value = scroll.getScrollContainer(root.value, true);
+      updateRoot();
     });
-    core.useEventListener(scrollContainer, "scroll", onScroll);
-    core.useResizeObserver(root, () => update());
-    core.useResizeObserver(target, () => update());
+    core.useEventListener(scrollContainer, "scroll", handleScroll);
+    vue.watchEffect(update);
     expose({
       update
     });

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')]: 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;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'\nimport {\n  useEventListener,\n  useElementBounding,\n  useWindowSize,\n} from '@vueuse/core'\nimport { getScrollContainer, throwError } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { affixEmits, affixProps } from './affix'\nimport type { CSSProperties } from 'vue'\n\nconst COMPONENT_NAME = 'ElAffix'\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>()\nconst { height: windowHeight } = useWindowSize()\nconst {\n  height: rootHeight,\n  width: rootWidth,\n  top: rootTop,\n  bottom: rootBottom,\n  update: updateRoot,\n} = useElementBounding(root)\nconst targetRect = useElementBounding(target)\n\nconst fixed = ref(false)\nconst scrollTop = ref(0)\nconst transform = ref(0)\n\nconst rootStyle = computed<CSSProperties>(() => {\n  return {\n    height: fixed.value ? `${rootHeight.value}px` : '',\n    width: fixed.value ? `${rootWidth.value}px` : '',\n  }\n})\n\nconst affixStyle = computed<CSSProperties>(() => {\n  if (!fixed.value) return {}\n\n  const offset = props.offset ? `${props.offset}px` : 0\n  return {\n    height: `${rootHeight.value}px`,\n    width: `${rootWidth.value}px`,\n    top: props.position === 'top' ? offset : '',\n    bottom: props.position === 'bottom' ? offset : '',\n    transform: transform.value ? `translateY(${transform.value}px)` : '',\n    zIndex: props.zIndex,\n  }\n})\n\nconst update = () => {\n  if (!scrollContainer.value) return\n\n  scrollTop.value =\n    scrollContainer.value instanceof Window\n      ? document.documentElement.scrollTop\n      : scrollContainer.value.scrollTop || 0\n\n  if (props.position === 'top') {\n    if (props.target) {\n      const difference =\n        targetRect.bottom.value - props.offset - rootHeight.value\n      fixed.value = props.offset > rootTop.value && targetRect.bottom.value > 0\n      transform.value = difference < 0 ? difference : 0\n    } else {\n      fixed.value = props.offset > rootTop.value\n    }\n  } else if (props.target) {\n    const difference =\n      windowHeight.value -\n      targetRect.top.value -\n      props.offset -\n      rootHeight.value\n    fixed.value =\n      windowHeight.value - props.offset < rootBottom.value &&\n      windowHeight.value > targetRect.top.value\n    transform.value = difference < 0 ? -difference : 0\n  } else {\n    fixed.value = windowHeight.value - props.offset < rootBottom.value\n  }\n}\n\nconst handleScroll = () => {\n  emit('scroll', {\n    scrollTop: scrollTop.value,\n    fixed: fixed.value,\n  })\n}\n\nwatch(fixed, (val) => emit('change', val))\n\nonMounted(() => {\n  if (props.target) {\n    target.value =\n      document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!target.value)\n      throwError(COMPONENT_NAME, `Target is not existed: ${props.target}`)\n  } else {\n    target.value = document.documentElement\n  }\n  scrollContainer.value = getScrollContainer(root.value!, true)\n  updateRoot()\n})\n\nuseEventListener(scrollContainer, 'scroll', handleScroll)\nwatchEffect(update)\n\ndefineExpose({\n  /** @description update affix status */\n  update,\n})\n</script>\n"],"names":["useNamespace","shallowRef","useWindowSize","useElementBounding","ref","computed","watch","onMounted","throwError","getScrollContainer","useEventListener","watchEffect"],"mappings":"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"}

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

@@ -95,9 +95,9 @@ export declare const ElAlert: import("element-plus/es/utils").SFCWithInstall<imp
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("element-plus/es/utils").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
-    description: string;
     closable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
+    description: string;
     closeText: string;
     effect: import("element-plus/es/utils").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;

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

@@ -95,9 +95,9 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("element-plus/es/utils").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
-    description: string;
     closable: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
+    description: string;
     closeText: string;
     effect: import("element-plus/es/utils").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('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('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n  () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n  () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n  () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n// methods\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgDA;AAQA;AAEA;AAGA;AAGA;AAGA;AAGA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('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('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertProps, alertEmits } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\n// state\nconst visible = ref(true)\n\n// computed\nconst iconComponent = computed(\n  () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n)\nconst isBigIcon = computed(\n  () => props.description || { [ns.is('big')]: slots.default }\n)\nconst isBoldTitle = computed(\n  () => props.description || { [ns.is('bold')]: slots.default }\n)\n\n// methods\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgDA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAAA,mBAAA,CAAA;AAQA,IAAA,MAAA,KAAA,GAAAC,YAAA,EAAA,CAAA;AAEA,IAAA,MAAA,KAAAC,kBAAA,CAAA,OAAA,CAAA,CAAA;AAGA,IAAA,MAAA,UAAAC,OAAA,CAAA,IAAA,CAAA,CAAA;AAGA,IAAA,MAAA,gBAAAC,YACA,CAAA,MAAAC,sBAAA,CAAA,KAAA,CAAA,SAAAA,sBAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAAD,aACA,MAAA,KAAA,CAAA,eAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAAA,aACA,MAAA,KAAA,CAAA,eAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA;AAIA,IAAA,MAAA,KAAA,GAAA,CAAA,GAAA,KAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}