element-pe 1.0.5 → 1.0.6

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

@@ -223,9 +223,9 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -250,9 +250,9 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;
@@ -497,9 +497,9 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
     name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -524,9 +524,9 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
     name: string;
     onChange: import("./src/upload.type").FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;

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

@@ -172,9 +172,9 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     onChange: FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: FileResultHandler<Error>;
     onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -199,9 +199,9 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     onChange: FileHandler<void>;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: boolean;
+    data: Record<string, any>;
     onError: FileResultHandler<Error>;
     onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;

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

@@ -206,9 +206,9 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     name: string;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: Nullable<boolean>;
+    data: Record<string, any>;
     onError: AjaxEventListener;
     onProgress: AjaxEventListener;
     action: string;
@@ -231,9 +231,9 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     name: string;
     disabled: boolean;
-    data: Record<string, any>;
     drag: boolean;
     multiple: Nullable<boolean>;
+    data: Record<string, any>;
     onError: AjaxEventListener;
     onProgress: AjaxEventListener;
     headers: Nullable<Partial<Headers>>;

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

@@ -49,10 +49,10 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
+    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
-    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
     innerElement: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
@@ -73,8 +73,8 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: StyleValue;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

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

@@ -70,9 +70,9 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     total: number;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -90,9 +90,9 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: import("../../../../utils/types").StyleValue;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

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

@@ -46,10 +46,10 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
+    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | ItemSize>, never, never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
-    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | ItemSize>, never, never>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
     innerElement: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
@@ -70,8 +70,8 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: import("../../../../utils/types").StyleValue;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

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

@@ -68,9 +68,9 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     total: number;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -88,9 +88,9 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: import("../../../../utils/types").StyleValue;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

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

@@ -45,10 +45,10 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
+    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
-    columnWidth: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<number | import("../types").ItemSize>, never, never>;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;
     innerElement: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
@@ -69,8 +69,8 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: import("../../../../utils/types").StyleValue;
-    data: any[];
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

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

@@ -67,9 +67,9 @@ declare const FixedSizeList: import("vue").DefineComponent<{
 } & {
     height: import("../../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     width: import("../../../../utils/props").BuildPropType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     total: number;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -87,9 +87,9 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     "onItem-rendered"?: ((...args: any[]) => any) | undefined;
 }, {
     style: import("../../../../utils/types").StyleValue;
-    data: any[];
-    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
     direction: import("../../../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl", never>;
+    layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    data: any[];
     className: string;
     perfMode: import("../../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     containerElement: import("../../../../utils/props").BuildPropType<import("../../../../utils/props").PropWrapper<string | Element>, unknown, unknown>;

package/lib/components/virtual-list/src/components/scrollbar.d.ts

@@ -16,8 +16,8 @@ declare const ScrollBar: import("vue").DefineComponent<{
     readonly visible?: unknown;
 } & {
     visible: boolean;
-    ratio: number;
     layout: import("../../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", never>;
+    ratio: number;
     total: number;
     clientSize: number;
     scrollFrom: number;

package/lib/utils/dom.d.ts

@@ -3,14 +3,14 @@ import type { Nullable } from './types';
 export declare const on: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
 export declare const off: (element: HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean) => void;
 export declare const once: (el: HTMLElement, event: string, fn: EventListener) => void;
-export declare function hasClass(el: HTMLElement, cls: string): boolean;
-export declare function addClass(el: HTMLElement, cls: string): void;
-export declare function removeClass(el: HTMLElement, cls: string): void;
+export declare function hasClass(el: HTMLElement | Element, cls: string): boolean;
+export declare function addClass(el: HTMLElement | Element, cls: string): void;
+export declare function removeClass(el: HTMLElement | Element, cls: string): void;
 export declare const getStyle: (element: HTMLElement, styleName: string) => string;
 export declare function setStyle(element: HTMLElement, styleName: CSSProperties | string, value?: string): void;
 export declare function removeStyle(element: HTMLElement, style: CSSProperties | string): void;
-export declare const isScroll: (el: HTMLElement, isVertical?: Nullable<boolean>) => RegExpMatchArray;
-export declare const getScrollContainer: (el: HTMLElement, isVertical?: Nullable<boolean>) => Window | HTMLElement;
+export declare const isScroll: (el: HTMLElement, isVertical?: Nullable<boolean>) => RegExpMatchArray | null;
+export declare const getScrollContainer: (el: HTMLElement, isVertical?: Nullable<boolean>) => Window | HTMLElement | undefined;
 export declare const isInContainer: (el: Element | undefined, container: Element | Window | undefined) => boolean;
 export declare const getOffsetTop: (el: HTMLElement) => number;
 export declare const getOffsetTopDistance: (el: HTMLElement, containerEl: HTMLElement) => number;

package/lib/utils/dom.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stop = exports.getOffsetTopDistance = exports.getOffsetTop = exports.isInContainer = exports.getScrollContainer = exports.isScroll = exports.removeStyle = exports.setStyle = exports.getStyle = exports.removeClass = exports.addClass = exports.hasClass = exports.once = exports.off = exports.on = void 0;
 const isServer_1 = __importDefault(require("./isServer"));
 const util_1 = require("./util");
-const trim = function (s) {
-    return (s || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+const trimArr = function (s) {
+    return (s || '').split(' ').filter((item) => !!item.trim());
 };
 const on = function (element, event, handler, useCapture = false) {
     if (element && event && handler) {
@@ -40,57 +40,50 @@ function hasClass(el, cls) {
         return el.classList.contains(cls);
     }
     else {
-        return ` ${el.className} `.indexOf(` ${cls} `) > -1;
+        const className = el.getAttribute('class') || '';
+        return className.split(' ').includes(cls);
     }
 }
 exports.hasClass = hasClass;
 function addClass(el, cls) {
     if (!el)
         return;
-    let curClass = el.className;
-    const classes = (cls || '').split(' ');
-    for (let i = 0, j = classes.length; i < j; i++) {
-        const clsName = classes[i];
-        if (!clsName)
-            continue;
-        if (el.classList) {
-            el.classList.add(clsName);
-        }
-        else if (!hasClass(el, clsName)) {
-            curClass += ` ${clsName}`;
-        }
+    let className = el.getAttribute('class') || '';
+    const curClass = trimArr(className);
+    const classes = (cls || '')
+        .split(' ')
+        .filter((item) => !curClass.includes(item) && !!item.trim());
+    if (el.classList) {
+        el.classList.add(...classes);
     }
-    if (!el.classList) {
-        el.className = curClass;
+    else {
+        className += ` ${classes.join(' ')}`;
+        el.setAttribute('class', className);
     }
 }
 exports.addClass = addClass;
 function removeClass(el, cls) {
     if (!el || !cls)
         return;
-    const classes = cls.split(' ');
-    let curClass = ` ${el.className} `;
-    for (let i = 0, j = classes.length; i < j; i++) {
-        const clsName = classes[i];
-        if (!clsName)
-            continue;
-        if (el.classList) {
-            el.classList.remove(clsName);
-        }
-        else if (hasClass(el, clsName)) {
-            curClass = curClass.replace(` ${clsName} `, ' ');
-        }
-    }
-    if (!el.classList) {
-        el.className = trim(curClass);
+    const classes = trimArr(cls);
+    let curClass = el.getAttribute('class') || '';
+    if (el.classList) {
+        el.classList.remove(...classes);
+        return;
     }
+    classes.forEach((item) => {
+        curClass = curClass.replace(` ${item} `, ' ');
+    });
+    const className = trimArr(curClass).join(' ');
+    el.setAttribute('class', className);
 }
 exports.removeClass = removeClass;
 const getStyle = function (element, styleName) {
+    var _a;
     if (isServer_1.default)
-        return;
+        return '';
     if (!element || !styleName)
-        return null;
+        return '';
     styleName = (0, util_1.camelize)(styleName);
     if (styleName === 'float') {
         styleName = 'cssFloat';
@@ -99,7 +92,7 @@ const getStyle = function (element, styleName) {
         const style = element.style[styleName];
         if (style)
             return style;
-        const computed = document.defaultView.getComputedStyle(element, '');
+        const computed = (_a = document.defaultView) === null || _a === void 0 ? void 0 : _a.getComputedStyle(element, '');
         return computed ? computed[styleName] : '';
     }
     catch (e) {
@@ -136,7 +129,7 @@ function removeStyle(element, style) {
 exports.removeStyle = removeStyle;
 const isScroll = (el, isVertical) => {
     if (isServer_1.default)
-        return;
+        return null;
     const determinedDirection = isVertical === null || isVertical === undefined;
     const overflow = determinedDirection
         ? (0, exports.getStyle)(el, 'overflow')

package/lib/utils/props.d.ts

@@ -39,13 +39,13 @@ export declare type BuildPropReturn<T, D, R, V, C> = {
     readonly validator: ((val: unknown) => boolean) | undefined;
     [propKey]: true;
 } & BuildPropDefault<BuildPropType<T, V, C>, IfUnknown<D, never>, IfUnknown<R, false>>;
-export declare function buildProp<T = never, D extends BuildPropType<T, V, C> = never, R extends boolean = false, V = never, C = never>(option: BuildPropOption<T, D, R, V, C>): BuildPropReturn<T, D, R, V, C>;
+export declare function buildProp<T = never, D extends BuildPropType<T, V, C> = never, R extends boolean = false, V = never, C = never>(option: BuildPropOption<T, D, R, V, C>, key?: string): BuildPropReturn<T, D, R, V, C>;
 declare type NativePropType = [
     ((...args: any) => any) | {
         new (...args: any): any;
     } | undefined | null
 ];
-export declare const buildProps: <O extends { [K in keyof O]: O[K] extends BuildPropReturn<any, any, any, any, any> ? O[K] : [O[K]] extends NativePropType ? O[K] : O[K] extends BuildPropOption<infer T, infer D, infer R, infer V, infer C> ? D extends BuildPropType<T, V, C> ? BuildPropOption<T, D, R, V, C> : never : never; }>(options: O) => { [K_1 in keyof O]: O[K_1] extends {
+export declare const buildProps: <O extends { [K in keyof O]: O[K] extends BuildPropReturn<any, any, any, any, any> ? O[K] : [O[K]] extends NativePropType ? O[K] : O[K] extends BuildPropOption<infer T, infer D, infer R, infer V, infer C> ? D extends BuildPropType<T, V, C> ? BuildPropOption<T, D, R, V, C> : never : never; }>(props: O) => { [K_1 in keyof O]: O[K_1] extends {
     [propKey]: boolean;
 } ? O[K_1] : [O[K_1]] extends NativePropType ? O[K_1] : O[K_1] extends BuildPropOption<infer T_1, infer _D, infer R_1, infer V_1, infer C_1> ? BuildPropReturn<T_1, O[K_1]["default"], R_1, V_1, C_1> : never; };
 export declare const definePropType: <T>(val: any) => PropWrapper<T>;

package/lib/utils/props.js

@@ -4,13 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentSize = exports.mutable = exports.keyOf = exports.definePropType = exports.buildProps = exports.buildProp = exports.propKey = void 0;
+const vue_1 = require("vue");
 const shared_1 = require("@vue/shared");
-const mapValues_1 = __importDefault(require("lodash/mapValues"));
-const error_1 = require("./error");
+const fromPairs_1 = __importDefault(require("lodash/fromPairs"));
 const wrapperKey = Symbol();
 exports.propKey = Symbol();
-function buildProp(option) {
-    var _a;
+function buildProp(option, key) {
     if (!(0, shared_1.isObject)(option) || !!option[exports.propKey])
         return option;
     const { values, required, default: defaultValue, type, validator } = option;
@@ -25,13 +24,19 @@ function buildProp(option) {
             if (validator)
                 valid || (valid = validator(val));
             if (!valid && allowedValues.length > 0) {
-                (0, error_1.debugWarn)(`Vue warn`, `Invalid prop: Expected one of (${allowedValues.join(', ')}), got value ${val}`);
+                const allowValuesText = [...new Set(allowedValues)]
+                    .map((value) => JSON.stringify(value))
+                    .join(', ');
+                (0, vue_1.warn)(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ''}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
             }
             return valid;
         }
         : undefined;
     return {
-        type: ((_a = type) === null || _a === void 0 ? void 0 : _a[wrapperKey]) || type,
+        type: typeof type === 'object' &&
+            Object.getOwnPropertySymbols(type).includes(wrapperKey)
+            ? type[wrapperKey]
+            : type,
         required: !!required,
         default: defaultValue,
         validator: _validator,
@@ -39,7 +44,10 @@ function buildProp(option) {
     };
 }
 exports.buildProp = buildProp;
-const buildProps = (options) => (0, mapValues_1.default)(options, (option) => buildProp(option));
+const buildProps = (props) => (0, fromPairs_1.default)(Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key),
+]));
 exports.buildProps = buildProps;
 const definePropType = (val) => ({ [wrapperKey]: val });
 exports.definePropType = definePropType;

package/lib/utils/util.d.ts

@@ -1,6 +1,6 @@
 import { camelize, capitalize, extend, hasOwn, isArray, isObject, isString, looseEqual } from '@vue/shared';
 import type { ComponentPublicInstance, CSSProperties, Ref } from 'vue';
-import type { AnyFunction, TimeoutHandle, Nullable } from './types';
+import type { TimeoutHandle, Nullable } from './types';
 export declare const SCOPE = "Util";
 export declare function toObject<T>(arr: Array<T>): Record<string, T>;
 export declare const getValueByPath: (obj: any, paths?: string) => unknown;
@@ -20,7 +20,7 @@ export { hasOwn, isObject, isArray, isString, capitalize, camelize, looseEqual,
 export declare const isBool: (val: unknown) => val is boolean;
 export declare const isNumber: (val: unknown) => val is number;
 export declare const isHTMLElement: (val: unknown) => boolean;
-export declare function rafThrottle<T extends AnyFunction<any>>(fn: T): AnyFunction<void>;
+export declare function rafThrottle<T extends (...args: any) => any>(fn: T): T;
 export declare const clearTimer: (timer: Ref<TimeoutHandle>) => void;
 export declare function getRandomInt(max: number): number;
 export declare function isUndefined(val: any): val is undefined;

package/lib/utils/util.js

@@ -57,7 +57,7 @@ function getPropByPath(obj, path, strict) {
             }
             else {
                 if (strict) {
-                    throw new Error('please transfer a valid prop path to form item!');
+                    (0, error_1.throwError)(exports.SCOPE, 'Please transfer a valid prop path to form item!');
                 }
                 break;
             }
@@ -117,7 +117,7 @@ function rafThrottle(fn) {
             return;
         locked = true;
         window.requestAnimationFrame(() => {
-            fn.apply(this, args);
+            Reflect.apply(fn, this, args);
             locked = false;
         });
     };

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.0.3";
+export declare const version = "1.0.5";

package/lib/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "1.0.3";
+const version = "1.0.5";
 
 exports.version = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-pe",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -35,7 +35,8 @@
     "vue": "^3.2.0"
   },
   "dependencies": {
-    "@popperjs/core": "^2.10.1",
+    "@element-plus/icons": "^0.0.11",
+    "@popperjs/core": "^2.10.2",
     "@vueuse/core": "~6.1.0",
     "async-validator": "^4.0.3",
     "dayjs": "^1.10.7",

package/packages/components/affix/src/affix.vue

@@ -121,7 +121,7 @@ export default defineComponent({
         target.value =
           document.querySelector<HTMLElement>(props.target) ?? undefined
         if (!target.value) {
-          throw new Error(`target is not existed: ${props.target}`)
+          throw new Error(`Target is not existed: ${props.target}`)
         }
       } else {
         target.value = document.documentElement

package/packages/components/color-picker/src/index.vue

@@ -150,7 +150,7 @@ export default defineComponent({
     },
     popperClass: String,
     predefine: Array,
-    widget: String
+    widget: String,
   },
   emits: ['change', 'active-change', UPDATE_MODEL_EVENT],
   setup(props, { emit }) {

package/packages/components/form/__tests__/form.spec.ts

@@ -3,7 +3,7 @@ import { mount } from '@vue/test-utils'
 import installStyle from '@element-plus/test-utils/style-plugin'
 import Checkbox from '@element-plus/components/checkbox/src/checkbox.vue'
 import CheckboxGroup from '@element-plus/components/checkbox/src/checkbox-group.vue'
-import Input from '@element-plus/components/input/src/index.vue'
+import Input from '@element-plus/components/input'
 import Form from '../src/form.vue'
 import FormItem from '../src/form-item.vue'
 import type { VueWrapper } from '@vue/test-utils'

package/packages/components/form/src/form-item.vue

@@ -151,7 +151,7 @@ export default defineComponent({
     const labelStyle = computed(() => {
       const ret: CSSProperties = {}
       if (elForm.labelPosition === 'top') return ret
-      const labelWidth = addUnit(props.labelWidth) || addUnit(elForm.labelWidth)
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)
       if (labelWidth) {
         ret.width = labelWidth
       }
@@ -165,7 +165,7 @@ export default defineComponent({
       if (!props.label && !props.labelWidth && isNested.value) {
         return ret
       }
-      const labelWidth = addUnit(props.labelWidth) || addUnit(elForm.labelWidth)
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)
       if (!props.label && !slots.label) {
         ret.marginLeft = labelWidth
       }

package/packages/components/image/src/image.ts

@@ -1,5 +1,5 @@
-import { isBoolean } from '@vueuse/shared'
 import { buildProps, definePropType, mutable } from '@element-plus/utils/props'
+import { isNumber } from '@element-plus/utils/util'
 
 import type { ExtractPropTypes } from 'vue'
 
@@ -36,13 +36,13 @@ export const imageProps = buildProps({
     type: Number,
     default: 2000,
   },
-  widget: String
+  widget: String,
 } as const)
 export type ImageProps = ExtractPropTypes<typeof imageProps>
 
 export const imageEmits = {
   error: (evt: Event) => evt instanceof Event,
-  switch: (val: boolean) => isBoolean(val),
+  switch: (val: number) => isNumber(val),
   close: () => true,
 }
 export type ImageEmits = typeof imageEmits

package/packages/components/image/src/image.vue

@@ -216,7 +216,7 @@ export default defineComponent({
       emit('close')
     }
 
-    function switchViewer(val: boolean) {
+    function switchViewer(val: number) {
       emit('switch', val)
     }
 

package/packages/components/image-viewer/__tests__/image-viewer.spec.ts

@@ -2,7 +2,7 @@ import { nextTick } from 'vue'
 
 import { IMAGE_SUCCESS } from '@element-plus/test-utils/mock'
 import makeMount from '@element-plus/test-utils/make-mount'
-import ImageViewer from '../src/index.vue'
+import ImageViewer from '../src/image-viewer.vue'
 
 const mount = makeMount(ImageViewer, {
   props: {