@cloudbase/weda-ui 3.10.1 → 3.11.0

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

@@ -105,7 +105,7 @@ export function ImageUploaderH5(props) {
         const allFile = await upload(files);
         handleChange(allFile);
     };
-    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: classNames('weui-uploader weui-cells weui-cells_form weda-formcells', layout, layoutCls), children: [_jsx("div", { className: classNames('weui-uploader__hd', layout), children: _jsx(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: tempFile.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag }) }), _jsxs("div", { className: "weui-uploader__bd", children: [_jsxs("ul", { className: "weui-uploader__files", id: "uploaderFiles", children: [(_a = (tempFile !== null && tempFile !== void 0 ? tempFile : [])) === null || _a === void 0 ? void 0 : _a.map((f) => (_jsx(SingleImage, { tempFile: f, deleteBySrc: deleteFile, disabled: disabled || readOnly || sourceType === 'album', imgTypeCls: imgTypeCls }, f === null || f === void 0 ? void 0 : f.key))), tempFile.length < 1 && readOnly && _jsx(_Fragment, { children: "\u2014" })] }), showAdd && !readOnly && (_jsx("div", { className: `weui-uploader__input-box ${imgTypeCls}`, children: !disabled &&
+    return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: classNames('weui-uploader weui-cells weui-cells_form weda-formcells', layout, layoutCls), children: [_jsx("div", { className: classNames('weui-uploader__hd', layout), children: _jsx(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, currentCount: tempFile.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag }) }), _jsxs("div", { className: "weui-uploader__bd", children: [_jsxs("ul", { className: "weui-uploader__files", id: "uploaderFiles", children: [(_a = (tempFile !== null && tempFile !== void 0 ? tempFile : [])) === null || _a === void 0 ? void 0 : _a.map((f) => (_jsx(SingleImage, { tempFile: f, deleteBySrc: deleteFile, disabled: disabled || readOnly || sourceType === 'album', imgTypeCls: imgTypeCls }, f === null || f === void 0 ? void 0 : f.key))), tempFile.length < 1 && readOnly && _jsx(_Fragment, { children: "-" })] }), showAdd && !readOnly && (_jsx("div", { className: `weui-uploader__input-box ${imgTypeCls}`, children: !disabled &&
                                 sourceType !== 'album' &&
                                 (sourceType === 'camera' ? (_jsx("input", { ref: inputRef, onClick: () => {
                                         inputRef.current && (inputRef.current.value = '');

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

@@ -119,7 +119,7 @@ export function UploaderPCInner(props) {
     tips && (extraProps['title'] = tips);
     maxSize && (extraProps['maxSize'] = maxSize * 1024 * 1024);
     const hasActions = !uploading && !readOnly && !(disabled || sourceType === 'camera');
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: "_weda-fn-upload-result", children: [tempFile === null || tempFile === void 0 ? void 0 : tempFile.map((d) => (_jsx("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: _jsx(TcbImage, { tempFile: d, imgTypeCls: imgTypeCls, isZoom: true, preivewIcon: "td:browse", actions: hasActions && (_jsx(WdIcon, { className: `${CLASS_PREFIX}__image-actions-delete`, name: "td:delete", onClick: () => deleteHandle(d), size: "sm" })) }) }, d.key))), _jsxs("div", { className: `${CLASS_PREFIX}__input-box`, children: [readOnly && tempFile.length < 1 && _jsx("div", { children: "\u2014" }), sourceType === 'camera' || (disabled && !readOnly) ? (_jsx("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] }) })) : (((!single && tempFile.length < maxUploadCount) ||
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: "_weda-fn-upload-result", children: [tempFile === null || tempFile === void 0 ? void 0 : tempFile.map((d) => (_jsx("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: _jsx(TcbImage, { tempFile: d, imgTypeCls: imgTypeCls, isZoom: true, preivewIcon: "td:browse", actions: hasActions && (_jsx(WdIcon, { className: `${CLASS_PREFIX}__image-actions-delete`, name: "td:delete", onClick: () => deleteHandle(d), size: "sm" })) }) }, d.key))), _jsxs("div", { className: `${CLASS_PREFIX}__input-box`, children: [readOnly && tempFile.length < 1 && _jsx("div", { children: "-" }), sourceType === 'camera' || (disabled && !readOnly) ? (_jsx("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] }) })) : (((!single && tempFile.length < maxUploadCount) ||
                             (single && tempFile.length < 1 && !uploading)) &&
                             !readOnly && (
                         // single 模式时，当数组为空且不在上传文件过程中时显示

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

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

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

@@ -34,13 +34,14 @@ export const uploadTcbMulti = async (files, props) => {
     const result = await Promise.all(promiseAll);
     return result;
 };
+export const filenameRegex = /[^a-zA-Z0-9\u4e00-\u9fff-*!_.]/g;
 const uploadToTcb = async (item, props) => {
     var _a, _b;
     const { onUploadProgress, onUploadFinish, onUploadError } = props;
     const { file, uploadPath } = item;
     try {
         const tcb = await getCloudInstance();
-        const cloudPath = `${uploadPath}/${randomStr()}-${(_a = file === null || file === void 0 ? void 0 : file.name) === null || _a === void 0 ? void 0 : _a.replace(/[%#]/g, '-')}`;
+        const cloudPath = `${uploadPath}/${randomStr()}-${(_a = file === null || file === void 0 ? void 0 : file.name) === null || _a === void 0 ? void 0 : _a.replace(filenameRegex, '-')}`;
         const { fileID } = await tcb.uploadFile({
             cloudPath,
             filePath: file,

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

@@ -13,6 +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';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-mobile';
 // 默认图片类型
@@ -256,12 +257,12 @@ const TcbFileUpload = ({ id, file, disabled, formType }) => {
     }, [file === null || file === void 0 ? void 0 : file._uuid]);
     // 上传过程
     const handleUpload = async (file) => {
-        var _a;
+        var _a, _b;
         const tcb = await getCloudInstance();
         try {
             setStatus('UPLOAD_STATUS_PENDING');
             const { fileID } = await tcb.uploadFile({
-                cloudPath: `${uploadPath}/${randomStr()}-${file === null || file === void 0 ? void 0 : file.name}`,
+                cloudPath: `${uploadPath}/${randomStr()}-${(_a = file === null || file === void 0 ? void 0 : file.name) === null || _a === void 0 ? void 0 : _a.replace(filenameRegex, '-')}`,
                 filePath: file,
                 onUploadProgress: (progressEvent) => {
                     let percent = 0;
@@ -281,7 +282,7 @@ const TcbFileUpload = ({ id, file, disabled, formType }) => {
                 id,
             });
             setStatus('UPLOAD_STATUS_ERROR');
-            (_a = events === null || events === void 0 ? void 0 : events.error) === null || _a === void 0 ? void 0 : _a.call(events, err);
+            (_b = events === null || events === void 0 ? void 0 : events.error) === null || _b === void 0 ? void 0 : _b.call(events, err);
         }
     };
     return (_jsxs("div", { className: `${CLASS_PREFIX}__item`, role: "TcbFileUpload", children: [_jsx("div", { className: `${CLASS_PREFIX}__item-left`, children: _jsx(UploadFileStatus, { status: status, percent: percent, size: size, title: title, percentSize: (((file === null || file === void 0 ? void 0 : file.size) / 1024) * percent) / 100, formType: formType }) }), _jsx("div", { className: `${CLASS_PREFIX}__btn-group`, children: _jsx(UploadFileAction, { file: file, uuid: file === null || file === void 0 ? void 0 : file._uuid, status: status, onCancel: (uuid) => {

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

@@ -14,6 +14,7 @@ import { getParentForm } from '../../../utils/widget-api';
 import { toBase64Uri } from '../../../utils/file2base64';
 import { isNil } from '../../../utils/lodash';
 import { errorHandler } from '../../../utils/error';
+import { filenameRegex } from '../uploader/util';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-pc';
 // 上传状态字典
@@ -257,11 +258,12 @@ const TcbFileUpload = ({ id, file, disabled, formType }) => {
     }, [file === null || file === void 0 ? void 0 : file._uuid]);
     // 上传过程
     const handleUpload = async (file) => {
+        var _a;
         const tcb = await getCloudInstance();
         try {
             setStatus('0');
             const { fileID } = await tcb.uploadFile({
-                cloudPath: `${uploadPath}/${randomStr()}-${file === null || file === void 0 ? void 0 : file.name}`,
+                cloudPath: `${uploadPath}/${randomStr()}-${(_a = file === null || file === void 0 ? void 0 : file.name) === null || _a === void 0 ? void 0 : _a.replace(filenameRegex, '-')}`,
                 filePath: file,
                 onUploadProgress: (progressEvent) => {
                     let percent = 0;

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/formdetail/index.css

@@ -466,12 +466,6 @@
   display: none;
 }
 
-.form-detail-wrap.form-detail-table
-  .form-detail-group-parent-container
-  [data-role='wd-col']-lg.formrichtext
-  .bf-content {
-  height: 161px;
-}
 .form-detail-wrap .wd-grid-row > div,
 .form-detail-wrap .wd-grid .wd-grid-row > div {
   margin: 0;

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-menu-list/CommonMenuList.js

@@ -24,7 +24,7 @@ export const CommonMenuList = forwardRef(function CommonMenuList(props, ref) {
     const menuData = useMemo(() => {
         return getMenuList(props.menu);
     }, [props.menu]);
-    const setSelectedInfo = useCallback((params = {}, isNavigate = false) => {
+    const setSelectedInfo = useCallback(({ params = {}, isNavigate = false, } = {}) => {
         const { key, item } = params || {};
         let selectItem = item;
         if (key || !item) {

package/dist/web/components/wd-menu-list/HorizontalMenuList.js

@@ -26,7 +26,7 @@ export const HorizontalMenuList = forwardRef(function HorizontalMenuList(props,
     const menuData = useMemo(() => {
         return getMenuList(props.menu);
     }, [props.menu]);
-    const setSelectedInfo = useCallback((params = {}, isNavigate = false) => {
+    const setSelectedInfo = useCallback(({ params = {}, isNavigate = false, } = {}) => {
         const { key, item } = params || {};
         let selectItem = item;
         if (key || !item) {

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;