@cloudbase/weda-ui 3.10.3 → 3.11.1

package/dist/web/components/form/location/common/propsConfig.d.ts

@@ -13,7 +13,7 @@ export namespace propTypes {
     const zoom: PropTypes.Requireable<boolean>;
     const disabled: PropTypes.Requireable<boolean>;
     const requiredFlag: PropTypes.Requireable<boolean>;
-    const decorator: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    const decorator: PropTypes.Requireable<NonNullable<any[] | PropTypes.ReactNodeLike>>;
     const value: PropTypes.Requireable<object>;
     const locationType: PropTypes.Requireable<number>;
     const dataSource: PropTypes.Requireable<object>;

package/dist/web/components/form/select/index.css

@@ -106,6 +106,6 @@
 .wd-add-relation-button-wrap .wd-icon {
   margin-right: 5px;
 }
-.weda-ui-custom-picker__cloumns .wd-add-relation-button-wrap {
-  margin: 10px 0;
+.wd-custom-view-content .wd-add-relation-button-wrap {
+  margin: 10px 16px;
 }

package/dist/web/components/form/select/request.d.ts

@@ -9,16 +9,16 @@ type IRelationFetchOptions = {
     where: unknown;
     pageNo: number;
     primaryField: string;
-    controlledValue: OptionItem[];
+    controlledValue?: OptionItem[];
 };
 type IEnumFetchOptions = {
     format: 'x-enum';
     enumName: string;
-    controlledValue: OptionItem[];
+    controlledValue?: OptionItem[];
 };
 export type IUseoptionsParams = (IRelationFetchOptions | IEnumFetchOptions | {
     format?: string;
-    controlledValue: OptionItem[];
+    controlledValue?: OptionItem[];
 }) & {
     callWedaApi?: (params: any) => Promise<any> | any;
     callDataSource?: (params: any) => Promise<any>;

package/dist/web/components/form/select/request.js

@@ -59,6 +59,7 @@ export const requestFatherRelatedOption = async (params, pageNo, type, searchVal
         if (results && results.length !== 0) {
             const option = results.map((item) => {
                 return {
+                    extra: item,
                     label: item[primaryField] || item._id,
                     value: item._id,
                 };

package/dist/web/components/form/select/status/index.d.ts

@@ -1,5 +1,7 @@
 import Loading from './loading';
-export { Loading };
+import Retry from './retry';
+import Empty from './empty';
+export { Loading, Retry, Empty };
 export declare const Status: {
     ALl_EMPTY: number;
     LOADING: number;

package/dist/web/components/form/select/status/index.js

@@ -1,5 +1,7 @@
 import Loading from './loading';
-export { Loading };
+import Retry from './retry';
+import Empty from './empty';
+export { Loading, Retry, Empty };
 export const Status = {
     ALl_EMPTY: -1,
     LOADING: 0,

package/dist/web/components/form/selectMultiple/dropdown-select/index.css

@@ -118,7 +118,7 @@
   border-radius: 3px;
   display: block;
   position: absolute;
-  left: 0px;
+  left: 5px;
 }
 
 .weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple
@@ -130,7 +130,7 @@
   border-radius: 3px;
   display: block;
   position: absolute;
-  left: 0px;
+  left: 5px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNDAxNDYgNy45NDI3QzMuNDAxNCA3Ljk0MjY0IDMuNDAxNTMgNy45NDI3NiAzLjQwMTQ2IDcuOTQyN0wwLjc1IDUuMjkxMjNMMi41NDM0OSAzLjU0OTE5TDUuMTcyMSA2LjE3NzhMMTEuMzY4NyAwTDEzLjEyNDQgMS43NTU3TDYuOTI3OCA3LjkzMzVMNi45MzcxOCA3Ljk0Mjg5TDYuOTExMDkgNy45NjgyM0M2Ljg1NyA4LjAyMDc3IDYuODAxMTQgOC4wNzAzNyA2Ljc0MzcxIDguMTE3MDRMNi4wNDEyMyA4LjgxNzM4QzUuNTUyODYgOS4zMDQyNyA0Ljc2MjQ0IDkuMzAzNjcgNC4yNzQ4MSA4LjgxNjA0TDMuNDAxNDYgNy45NDI3WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45Ii8+Cjwvc3ZnPg==);
   background-repeat: no-repeat;
   background-position: center;
@@ -144,7 +144,7 @@
 
 /* 下拉选择类型 */
 .weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select-multiple {
-  padding: 0 0 0 16px;
+  padding: 0 16px;
   height: 280px;
 }
 
@@ -219,12 +219,12 @@
   justify-content: space-between;
 }
 
-.wedatea2td-list.wedatea2td-list--option.wedatea2td-list--checkoption
+/* .wedatea2td-list.wedatea2td-list--option.wedatea2td-list--checkoption
   .wedatea2td-list__status
   .wedatea2td-action-state
   .wedatea2td-action-state__text {
   display: none;
-}
+} */
 
 .wedatea2td-list.wedatea2td-list--option.wedatea2td-list--checkoption
   .wedatea2td-list__status

package/dist/web/components/form/uploader/uploader.h5.js

@@ -9,6 +9,7 @@ import { toBase64Uri } from '../../../utils/file2base64';
 import { isNil } from '../../../utils/lodash';
 import { useUploader } from './useUploadFile';
 import { errorHandler } from '../../../utils/error';
+import { checkAcceptedFiles } from './util';
 /**
  * H5端
  */
@@ -51,10 +52,18 @@ export function ImageUploaderH5(props) {
         return tempFile.length < maxUploadCount;
     }, [tempFile, single, maxUploadCount, uploading]);
     const uploadChange = async (e) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         let files = [...e.target.files];
-        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
+        const isAccepted = files.every((i) => checkAcceptedFiles(i, accepts));
+        if (!isAccepted) {
             (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                title: `上传图片类型错误`,
+                icon: 'none',
+            });
+            return false;
+        }
+        if (files.some((f) => f.size > maxSize * 1024 * 1024)) {
+            (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
                 title: `请上传不超过 ${maxSize}M 的图片`,
                 icon: 'none',
             });
@@ -62,14 +71,14 @@ export function ImageUploaderH5(props) {
         }
         if (files.length > finalMaxImgCount) {
             // 防止一下子选择过多文件
-            (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+            (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
                 title: `最多只能上传${finalMaxImgCount}张图片，请重新选择`,
                 icon: 'none',
             });
             return false;
         }
         if (tempFile.length + files.length > finalMaxImgCount) {
-            (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+            (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
                 title: `最多只能上传${finalMaxImgCount}张图片`,
                 icon: 'none',
             });

package/dist/web/components/form/uploader/util.d.ts

@@ -1,3 +1,4 @@
 export declare const getBase64: (files: any) => Promise<any[]>;
 export declare const uploadTcbMulti: (files: any, props: any) => Promise<any[]>;
 export declare const filenameRegex: RegExp;
+export declare const checkAcceptedFiles: (file: any, acceptedFiles: any) => any;

package/dist/web/components/form/uploader/util.js

@@ -86,3 +86,31 @@ const uploadToTcb = async (item, props) => {
         onUploadError(err);
     }
 };
+export const checkAcceptedFiles = (file, acceptedFiles) => {
+    if (file && acceptedFiles) {
+        const acceptedFilesArray = Array.isArray(acceptedFiles)
+            ? acceptedFiles
+            : acceptedFiles.split(',');
+        if (acceptedFilesArray.length === 0) {
+            return true;
+        }
+        if (acceptedFilesArray.includes('*')) {
+            return true;
+        }
+        const fileName = file.name || '';
+        const mimeType = (file.type || '').toLowerCase();
+        const baseMimeType = mimeType.replace(/\/.*$/, '');
+        return acceptedFilesArray.some((type) => {
+            const validType = type.trim().toLowerCase();
+            if (validType.charAt(0) === '.') {
+                return fileName.toLowerCase().endsWith(validType);
+            }
+            else if (validType.endsWith('/*')) {
+                // This is something like a image/* mime type
+                return baseMimeType === validType.replace(/\/.*$/, '');
+            }
+            return mimeType === validType;
+        });
+    }
+    return true;
+};

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -13,7 +13,7 @@ import { WdButton } from '../../wd-button/wd-button';
 import { toBase64Uri } from '../../../utils/file2base64';
 import { isNil } from '../../../utils/lodash';
 import { errorHandler } from '../../../utils/error';
-import { filenameRegex } from '../uploader/util';
+import { filenameRegex, checkAcceptedFiles } from '../uploader/util';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-mobile';
 // 默认图片类型
@@ -137,10 +137,18 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
             }, children: _jsx("div", { "data-testid": "uploadFileH5", className: cls, id: id, style: style, children: _jsxs("div", { className: classNames(`${CLASS_PREFIX}`), children: [isEdit && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__hd`, layout), children: _jsx("div", { children: btnDisabled ? (readOnly ? null : (_jsx(WdButton, { variant: "outline", className: classNames(`${CLASS_PREFIX}__btn--weak`), disabled: btnDisabled, text: btnTitle }))) : (_jsxs("div", { children: [_jsx("input", { ref: inputRef, id: "uploaderInput", type: "file", "data-testid": "button-up", className: "weui-uploader-mobile__input", accept: accepts.join(','), multiple: !single, onClick: () => {
                                                 inputRef.current && (inputRef.current.value = '');
                                             }, onChange: async (e) => {
-                                                var _a, _b, _c, _d, _e, _f, _g, _h;
+                                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                                                 let fileList = [...e.target.files];
-                                                if (single && fileList.length > 1) {
+                                                const isAccepted = fileList.every((i) => checkAcceptedFiles(i, accepts));
+                                                if (!isAccepted) {
                                                     (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                                                        title: `上传图片类型错误`,
+                                                        icon: 'none',
+                                                    });
+                                                    return false;
+                                                }
+                                                if (single && fileList.length > 1) {
+                                                    (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
                                                         title: `上传文件总数不能超过1个`,
                                                         icon: 'none',
                                                     });
@@ -148,7 +156,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                                                 }
                                                 if (fileList.length + fileIDList.length >
                                                     maxUploadCount) {
-                                                    (_d = (_c = window === null || window === void 0 ? void 0 : window.$w) === null || _c === void 0 ? void 0 : _c.utils) === null || _d === void 0 ? void 0 : _d.showToast({
+                                                    (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
                                                         title: `上传文件总数不能超过${maxUploadCount}个`,
                                                         icon: 'none',
                                                     });
@@ -156,14 +164,14 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                                                 }
                                                 if (maxSizeLimit &&
                                                     fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
-                                                    (_f = (_e = window === null || window === void 0 ? void 0 : window.$w) === null || _e === void 0 ? void 0 : _e.utils) === null || _f === void 0 ? void 0 : _f.showToast({
+                                                    (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
                                                         title: `请上传不超过${maxSizeLimit}M的文件`,
                                                         icon: 'none',
                                                     });
                                                     return false;
                                                 }
                                                 if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
-                                                    (_h = (_g = window === null || window === void 0 ? void 0 : window.$w) === null || _g === void 0 ? void 0 : _g.utils) === null || _h === void 0 ? void 0 : _h.showToast({
+                                                    (_k = (_j = window === null || window === void 0 ? void 0 : window.$w) === null || _j === void 0 ? void 0 : _j.utils) === null || _k === void 0 ? void 0 : _k.showToast({
                                                         title: `请上传不超过1024M的文件`,
                                                         icon: 'none',
                                                     });

package/dist/web/components/form-date/index.d.ts

@@ -18,8 +18,8 @@ declare const FormDate: React.ForwardRefExoticComponent<CommonPropsType & {
     start: string;
     layout: "" | "vertical" | "horizontal";
     mode: "datetime" | "year" | "month" | "day";
-    labelVisible: boolean;
     clearable: boolean;
+    labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;
 } & {

package/dist/web/components/form-email/index.d.ts

@@ -17,8 +17,8 @@ declare const FormEmail: React.ForwardRefExoticComponent<CommonPropsType & {
     maxLength: number;
     placeholder: string;
     layout: "" | "vertical" | "horizontal";
-    labelVisible: boolean;
     clearable: boolean;
+    labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;
 } & {

package/dist/web/components/form-input/index.d.ts

@@ -18,9 +18,9 @@ declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType & {
     maxLength: number;
     placeholder: string;
     layout: "" | "vertical" | "horizontal";
+    clearable: boolean;
     labelVisible: boolean;
     isNickNameType: boolean;
-    clearable: boolean;
     password: boolean;
     rules: {
         format: string;

package/dist/web/components/form-input-hooks/index.js

@@ -143,7 +143,8 @@ export function useFormInputTrait(inputParams) {
                     setDisabled(originalDisabled);
                 };
             },
-            async handleValidate() {
+            async handleValidate(throwError = true) {
+                var _a;
                 let finalValue = valueRef.current;
                 if (!required && !rules.length)
                     return;
@@ -236,6 +237,14 @@ export function useFormInputTrait(inputParams) {
                 if (errorArr.length > 0) {
                     setValidateState('error');
                     setValidateErrorMsg(errorArr[0].message);
+                    if (throwError) {
+                        const { compError } = errorHandler({
+                            code: 'VALIDATE_ERROR',
+                            error: errorArr,
+                            message: `【${label}】${(_a = errorArr[0]) === null || _a === void 0 ? void 0 : _a.message}`,
+                        });
+                        throw compError;
+                    }
                 }
                 else {
                     // console.log("校验成功>>>>>>>")

package/dist/web/components/form-input-hooks/validator.d.ts

@@ -4,6 +4,7 @@ export declare const validType: {
     readonly cn: (value: any) => boolean;
     readonly mobile: (value: any) => boolean;
     readonly tel: (value: any) => boolean;
+    readonly internationalTel: (value: any) => boolean;
     readonly email: (value: any) => boolean;
     readonly url: (value: any) => boolean;
     readonly carId: (value: any) => boolean;

package/dist/web/components/form-input-hooks/validator.js

@@ -7,8 +7,9 @@ const pattern = {
     cnName: /^[\u2E80-\uFE4F]{2,6}(?:·[\u2E80-\uFE4F]{2,6})*$/,
     userName: /^[\da-zA-Z\u2E80-\uFE4F \s]{2,}$/,
     carId: /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/,
-    mobile: /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
-    tel: /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
+    mobile: /^1[3-9]\d{9}$/,
+    tel: /(^(0\d{2,3}-)?|^\(\d{3}\)?|^(400|800)-?)(\d{3,8})(-\d{1,4})?$/,
+    internationalTel: /^(\+\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?(\d{1,4}[\s-]?)?(\d{1,4})?\d{1,9}(\s?(x|ext)\s?\d{1,6})?$/,
     address: /^[\da-zA-Z\u2E80-\uFE4F \s-]{4,400}$/,
     date: /((^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(10|12|0?[13578])([-\/\._])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(11|0?[469])([-\/\._])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-\/\._])(0?2)([-\/\._])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([3579][26]00)([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][0][48])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][2468][048])([-\/\._])(0?2)([-\/\._])(29)$)|(^([1][89][13579][26])([-\/\._])(0?2)([-\/\._])(29)$)|(^([2-9][0-9][13579][26])([-\/\._])(0?2)([-\/\._])(29)$))/,
     numVcode: /^[0-9]{4,8}$/,
@@ -58,6 +59,9 @@ export const validType = {
     tel(value) {
         return pattern.tel.test(String(value).trim());
     },
+    internationalTel(value) {
+        return pattern.internationalTel.test(String(value).trim());
+    },
     // 邮箱检测
     email(value) {
         return typeof value === 'string' && pattern.email.test(value.trim());

package/dist/web/components/form-phone/index.d.ts

@@ -16,8 +16,8 @@ declare const FormPhone: React.ForwardRefExoticComponent<CommonPropsType & {
     disabled: boolean;
     placeholder: string;
     layout: "" | "vertical" | "horizontal";
-    labelVisible: boolean;
     clearable: boolean;
+    labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;
 } & {

package/dist/web/components/form-time/index.d.ts

@@ -17,8 +17,8 @@ declare const FormTime: React.ForwardRefExoticComponent<CommonPropsType & {
     end: string;
     start: string;
     layout: "" | "vertical" | "horizontal";
-    labelVisible: boolean;
     clearable: boolean;
+    labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;
 } & {

package/dist/web/components/form-url/index.d.ts

@@ -17,8 +17,8 @@ declare const FormUrl: React.ForwardRefExoticComponent<CommonPropsType & {
     maxLength: number;
     placeholder: string;
     layout: "" | "vertical" | "horizontal";
-    labelVisible: boolean;
     clearable: boolean;
+    labelVisible: boolean;
     requiredFlag: boolean;
     requiredMsg: string;
 } & {

package/dist/web/components/grid/col.d.ts

@@ -3,11 +3,11 @@ import type { CommonPropsType } from '../../types';
 import './style';
 declare const _default: React.ForwardRefExoticComponent<CommonPropsType & {
     alignSelf?: string;
-    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    widthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };
-    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | (9 | "9") | (10 | "10") | (11 | "11") | (12 | "12")) | {
+    lgWidthType: ("fit-content" | "auto-fill" | (1 | "1") | (2 | "2") | (3 | "3") | (4 | "4") | (5 | "5") | (6 | "6") | (7 | "7") | (8 | "8") | ("9" | 9) | (10 | "10") | (11 | "11") | (12 | "12")) | {
         type: string;
         value: string;
     };

package/dist/web/components/wd-date/elements/Modal.h5.d.ts

@@ -6,6 +6,8 @@ export interface IModal {
     children?: any;
     className?: string;
     header?: any;
+    okButtonVisible?: boolean;
+    popupContainer?: HTMLElement;
 }
 /**
  * H5端 模态框

package/dist/web/components/wd-date/elements/Modal.h5.js

@@ -7,10 +7,10 @@ import classNames from '../../../utils/classnames';
  * H5端 模态框
  */
 export function Modal(props) {
-    const { onOk = noop, onClose = noop, visible, children, className, header, } = props;
+    const { onOk = noop, onClose = noop, visible, children, className, header, okButtonVisible = true, popupContainer, } = props;
     const { classPrefix } = useConfig();
     if (!visible)
         return null;
-    const renderHeader = () => header ? (header) : (_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, onClick: onClose, children: "\u53D6\u6D88" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, onClick: onOk, children: "\u786E\u5B9A" })] }));
-    return (_jsx(Portal, { type: "div", children: _jsxs("div", { className: classNames(`${classPrefix}-custom-picker`, className), children: [_jsx("div", { className: `${classPrefix}-custom-backdrop`, onClick: onClose }), _jsxs("div", { className: `${classPrefix}-custom-picker__inner`, children: [renderHeader(), _jsx("div", { className: `${classPrefix}-custom-picker__body`, children: children })] })] }) }));
+    const renderHeader = () => header ? (header) : (_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, onClick: onClose, children: "\u53D6\u6D88" }), okButtonVisible && (_jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, onClick: onOk, children: "\u786E\u5B9A" }))] }));
+    return (_jsx(Portal, { type: "div", portalContainer: popupContainer, children: _jsxs("div", { className: classNames(`${classPrefix}-custom-picker`, className), children: [_jsx("div", { className: `${classPrefix}-custom-backdrop`, onClick: onClose }), _jsxs("div", { className: `${classPrefix}-custom-picker__inner`, children: [renderHeader(), _jsx("div", { className: `${classPrefix}-custom-picker__body`, children: children })] })] }) }));
 }

package/dist/web/components/wd-form/index.js

@@ -86,7 +86,7 @@ const WdForm = React.forwardRef(function WdForm(props, ref) {
             }
             items.forEach((item) => {
                 if (item.handleValidate) {
-                    const validate = item.handleValidate();
+                    const validate = item.handleValidate(false);
                     const { name, label } = item;
                     if (validate) {
                         validatePromise.push(validate);

package/dist/web/components/wd-form-item/wd-form-item-read-only.d.ts

@@ -8,6 +8,7 @@ interface IWdFormItemReadOnly {
     readBeforeAfter?: boolean;
     format?: string;
     value?: any;
+    onRelationTagClick?: () => void;
 }
 /**
  * 只读展示，参数 props 覆盖 Context

package/dist/web/components/wd-input/wd-input.d.ts

@@ -26,6 +26,7 @@ export declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType &
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
+    clearable?: boolean;
     inputValue?: string;
     labelVisible?: boolean;
     labelAlign?: string;
@@ -33,7 +34,6 @@ export declare const WdInput: React.ForwardRefExoticComponent<CommonPropsType &
     labelTips?: string;
     isNickNameType?: boolean;
     cursorSpacing?: number;
-    clearable?: boolean;
     isUnionValue?: boolean;
     password?: boolean;
     counterVisible?: boolean;

package/dist/web/components/wd-input-email/wd-input-email.d.ts

@@ -25,13 +25,13 @@ export declare const WdInputEmail: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
+    clearable?: boolean;
     inputValue?: string;
     labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
-    clearable?: boolean;
     isUnionValue?: boolean;
     counterVisible?: boolean;
     borderedH5?: boolean;

package/dist/web/components/wd-input-phone/wd-input-phone.d.ts

@@ -42,6 +42,7 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
+    clearable?: boolean;
     inputValue?: string;
     labelVisible?: boolean;
     labelAlign?: string;
@@ -49,7 +50,6 @@ export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsTy
     labelTips?: string;
     isNickNameType?: boolean;
     cursorSpacing?: number;
-    clearable?: boolean;
     isUnionValue?: boolean;
     password?: boolean;
     counterVisible?: boolean;

package/dist/web/components/wd-input-url/wd-input-url.d.ts

@@ -41,13 +41,13 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
     suffixIcon?: string;
     suffixSrc?: string;
     labelWidth?: string;
+    clearable?: boolean;
     inputValue?: string;
     labelVisible?: boolean;
     labelAlign?: string;
     labelWrap?: boolean;
     labelTips?: string;
     cursorSpacing?: number;
-    clearable?: boolean;
     isUnionValue?: boolean;
     counterVisible?: boolean;
     borderedH5?: boolean;

package/dist/web/components/wd-progress/wd-progress.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
 import * as React from 'react';
 import { WdFormItem } from '../wd-form-item';
@@ -11,7 +11,7 @@ import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import { calculateNextValue, calculatePercentByValueAndBoundary } from './util';
 export const WdProgress = React.forwardRef(function FormProgress(props, inputRef) {
-    const { className, id, events, style, name, label, min = 0, max = 100, step = 1, } = props;
+    const { className, id, events, style, name, label, min = 0, max = 100, step = 1, percentSlot, showPercent = false, } = props;
     const [innerHandle, setInnerHandle] = React.useState({});
     const traitProps = { ...props, inputRef, setInnerHandle };
     const { onChange: outerOnChange, disabled, readOnly, validateErrorMsg, validateState, visible, value: defaultValue, } = useFormInputTrait(traitProps);
@@ -30,6 +30,7 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
         visible,
         disabled,
         readOnly,
+        showPercent,
     }), [
         innerHandle,
         name,
@@ -41,6 +42,7 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
         min,
         max,
         step,
+        showPercent,
     ], inputRef);
     const active = !(readOnly || disabled);
     const progressRef = React.useRef(null);
@@ -123,5 +125,5 @@ export const WdProgress = React.forwardRef(function FormProgress(props, inputRef
             document.removeEventListener('touchmove', onTouchMove);
         };
     }, [cancelDragging, onMouseMove, onTouchMove, active]);
-    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-progress", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: value, classRoot: 'progress', disabled: disabled, layout: props.layout, children: _jsx("div", { id: id, className: classNames(`${classPrefix}-${platform}-progress-container`, `${classPrefix}-progress-container`, className), style: style, "data-testid": "progress-container", children: _jsx("div", { ref: progressRef, className: `${classPrefix}-progress`, children: _jsx("div", { className: `${classPrefix}-progress__value`, style: { width: `${percent}%` } }) }) }) })));
+    return (visible && (_jsx(WdFormItem, { ...props, testId: "form-progress", validateErrorMsg: validateErrorMsg, validateState: validateState, readValue: value, classRoot: 'progress', disabled: disabled, layout: props.layout, children: _jsxs("div", { id: id, className: classNames(`${classPrefix}-${platform}-progress-container`, `${classPrefix}-progress-container`, className), style: style, "data-testid": "progress-container", children: [_jsx("div", { ref: progressRef, className: `${classPrefix}-progress`, children: _jsx("div", { className: `${classPrefix}-progress__value`, style: { width: `${percent}%` } }) }), showPercent && (_jsx("div", { className: `${classPrefix}-progress__percent`, children: percentSlot }))] }) })));
 });

package/dist/web/components/wd-select/relationSelect/relationSelect.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function RelationSelect(props: any): JSX.Element;
+export declare function EnumSelect(props: any): JSX.Element;
+export declare function CustomSelect(props: any): JSX.Element;