element-pe 1.0.5 → 1.0.6

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

@@ -71,7 +71,7 @@ describe('Space.vue', () => {
       size: 'unknown',
     })
 
-    expect(warnHandler).toHaveBeenCalledTimes(1)
+    expect(warnHandler).toHaveBeenCalled()
 
     expect(wrapper.find('.el-space__item').attributes('style')).toContain(
       'margin-right: 8px'

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

@@ -260,7 +260,7 @@ describe('Switch.vue', () => {
               this.loading = false
               return this.asyncResult == 'success'
                 ? resolve(true)
-                : reject(new Error('error'))
+                : reject(new Error('Error'))
             }, 1000)
           })
         },

package/packages/components/table/src/store/tree.ts

@@ -67,6 +67,7 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
   }
 
   const updateTreeData = (
+    ifChangeExpandRowKeys = false,
     ifExpandAll = instance.store?.states.defaultExpandAll.value
   ) => {
     const nested = normalizedData.value
@@ -77,10 +78,17 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
       const oldTreeData = unref(treeData)
       const rootLazyRowKeys = []
       const getExpanded = (oldValue, key) => {
-        if (expandRowKeys.value) {
-          return ifExpandAll || expandRowKeys.value.includes(key)
+        if (ifChangeExpandRowKeys) {
+          if (expandRowKeys.value) {
+            return ifExpandAll || expandRowKeys.value.includes(key)
+          } else {
+            return !!(ifExpandAll || oldValue?.expanded)
+          }
         } else {
-          return !!(ifExpandAll || oldValue?.expanded)
+          const included =
+            ifExpandAll ||
+            (expandRowKeys.value && expandRowKeys.value.includes(key))
+          return !!(oldValue?.expanded || included)
         }
       }
       // 合并 expanded 与 display，确保数据刷新后，状态不变
@@ -126,6 +134,13 @@ function useTree<T>(watcherData: WatcherPropsData<T>) {
     instance.store?.updateTableScrollY()
   }
 
+  watch(
+    () => expandRowKeys.value,
+    () => {
+      updateTreeData(true)
+    }
+  )
+
   watch(
     () => normalizedData.value,
     () => {

package/packages/components/table/src/table-body/render-helper.ts

@@ -201,7 +201,7 @@ function useRender<T>(props: Partial<TableBodyProps<T>>) {
             }
             const childKey = getRowIdentity(node, rowKey.value)
             if (childKey === undefined || childKey === null) {
-              throw new Error('for nested data item, row-key is required.')
+              throw new Error('For nested data item, row-key is required.')
             }
             cur = { ...treeData.value[childKey] }
             // 对于当前节点，分成有无子节点两种情况。

package/packages/components/table/src/table-column/index.ts

@@ -165,7 +165,10 @@ export default defineComponent({
       })
       if (renderDefault instanceof Array) {
         for (const childNode of renderDefault) {
-          if (childNode.type?.name === 'ElTableColumn') {
+          if (
+            childNode.type?.name === 'ElTableColumn' ||
+            childNode.shapeFlag & 2
+          ) {
             children.push(childNode)
           } else if (
             childNode.type === Fragment &&

package/packages/components/table/src/table-layout.ts

@@ -62,10 +62,10 @@ class TableLayout<T> {
       }
     }
     if (!this.table) {
-      throw new Error('table is required for Table Layout')
+      throw new Error('Table is required for Table Layout')
     }
     if (!this.store) {
-      throw new Error('store is required for Table Layout')
+      throw new Error('Store is required for Table Layout')
     }
   }
 

package/packages/components/table/src/util.ts

@@ -149,7 +149,7 @@ export const getRowIdentity = <T>(
   row: T,
   rowKey: string | ((row: T) => any)
 ): string => {
-  if (!row) throw new Error('row is required when get row identity')
+  if (!row) throw new Error('Row is required when get row identity')
   if (typeof rowKey === 'string') {
     if (rowKey.indexOf('.') < 0) {
       return `${row[rowKey]}`

package/packages/components/tree/src/model/node.ts

@@ -251,7 +251,7 @@ class Node {
   }
 
   insertChild(child?: FakeNode | Node, index?: number, batch?: boolean): void {
-    if (!child) throw new Error('insertChild error: child is required.')
+    if (!child) throw new Error('InsertChild error: child is required.')
 
     if (!(child instanceof Node)) {
       if (!batch) {

package/packages/element-plus/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/element-plus/version.ts

@@ -1 +1 @@
-export const version = '1.0.3'
+export const version = '1.0.5'

package/packages/theme-chalk/package.json

@@ -34,8 +34,7 @@
     "gulp-autoprefixer": "^8.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.0.0",
-    "sass": "^1.42.1"
+    "gulp-sass": "^5.0.0"
   },
   "gitHead": "c69724230befa8fede0e6b9c37fb0b7e39fd7cdd"
 }

package/packages/theme-chalk/src/message-box.scss

@@ -106,6 +106,7 @@
     + .#{$namespace}-message-box__message {
       padding-left: 36px;
       padding-right: 12px;
+      word-break: break-word;
     }
 
     @each $type in (success, info, warning, error) {

package/packages/utils/dist/es/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/packages/utils/dist/es/dom.js

@@ -1,7 +1,7 @@
 import isServer from './isServer';
 import { camelize, isObject } from './util';
-const trim = function (s) {
-    return (s || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+const trimArr = function (s) {
+    return (s || '').split(' ').filter((item) => !!item.trim());
 };
 export const on = function (element, event, handler, useCapture = false) {
     if (element && event && handler) {
@@ -31,54 +31,47 @@ export 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);
     }
 }
 export 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);
     }
 }
 export 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);
 }
 export const getStyle = function (element, styleName) {
+    var _a;
     if (isServer)
-        return;
+        return '';
     if (!element || !styleName)
-        return null;
+        return '';
     styleName = camelize(styleName);
     if (styleName === 'float') {
         styleName = 'cssFloat';
@@ -87,7 +80,7 @@ export 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) {
@@ -121,7 +114,7 @@ export function removeStyle(element, style) {
 }
 export const isScroll = (el, isVertical) => {
     if (isServer)
-        return;
+        return null;
     const determinedDirection = isVertical === null || isVertical === undefined;
     const overflow = determinedDirection
         ? getStyle(el, 'overflow')

package/packages/utils/dist/es/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/packages/utils/dist/es/props.js

@@ -1,10 +1,9 @@
+import { warn } from 'vue';
 import { isObject } from '@vue/shared';
-import mapValues from 'lodash/mapValues';
-import { debugWarn } from './error';
+import fromPairs from 'lodash/fromPairs';
 const wrapperKey = Symbol();
 export const propKey = Symbol();
-export function buildProp(option) {
-    var _a;
+export function buildProp(option, key) {
     if (!isObject(option) || !!option[propKey])
         return option;
     const { values, required, default: defaultValue, type, validator } = option;
@@ -19,20 +18,29 @@ export function buildProp(option) {
             if (validator)
                 valid || (valid = validator(val));
             if (!valid && allowedValues.length > 0) {
-                debugWarn(`Vue warn`, `Invalid prop: Expected one of (${allowedValues.join(', ')}), got value ${val}`);
+                const allowValuesText = [...new Set(allowedValues)]
+                    .map((value) => JSON.stringify(value))
+                    .join(', ');
+                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,
         [propKey]: true,
     };
 }
-export const buildProps = (options) => mapValues(options, (option) => buildProp(option));
+export const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key),
+]));
 export const definePropType = (val) => ({ [wrapperKey]: val });
 export const keyOf = (arr) => Object.keys(arr);
 export const mutable = (val) => val;

package/packages/utils/dist/es/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/packages/utils/dist/es/util.js

@@ -2,7 +2,7 @@ import { getCurrentInstance } from 'vue';
 import { camelize, capitalize, extend, hasOwn, hyphenate, isArray, isObject, isString, isFunction, looseEqual, toRawType, } from '@vue/shared';
 import isEqualWith from 'lodash/isEqualWith';
 import isServer from './isServer';
-import { debugWarn } from './error';
+import { debugWarn, throwError } from './error';
 export const SCOPE = 'Util';
 export function toObject(arr) {
     const res = {};
@@ -41,7 +41,7 @@ export function getPropByPath(obj, path, strict) {
             }
             else {
                 if (strict) {
-                    throw new Error('please transfer a valid prop path to form item!');
+                    throwError(SCOPE, 'Please transfer a valid prop path to form item!');
                 }
                 break;
             }
@@ -92,7 +92,7 @@ export function rafThrottle(fn) {
             return;
         locked = true;
         window.requestAnimationFrame(() => {
-            fn.apply(this, args);
+            Reflect.apply(fn, this, args);
             locked = false;
         });
     };

package/packages/utils/dist/lib/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/packages/utils/dist/lib/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/packages/utils/dist/lib/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/packages/utils/dist/lib/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/packages/utils/dist/lib/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/packages/utils/dist/lib/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;
         });
     };