@cloudbase/weda-ui 3.10.2 → 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-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/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-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;

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -0,0 +1,202 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import { useState, useImperativeHandle, useMemo, useEffect, useCallback, } from 'react';
+import { LoadingTip } from 'tea-component';
+import { SelectUI as Select } from '../select/selectUI';
+import { WdIcon } from '../../wd-icon';
+import { getTableColumns } from '../../wd-table/components/FieldRender';
+import { useAuthFields } from '../../wd-table/hooks/useAuthFields';
+import { usePlatform } from '../../../utils/platform';
+import { DataSource } from '../../../utils/datasource';
+import { EnumHoc } from '../../../utils/hooks/EnumHoc';
+import { useSyncValue } from '../../../utils/hooks/useSyncValue';
+import isObjectEqual from '../../../utils/isObjectEqual';
+import { requestEnumOption } from '../../form/select/request';
+import { convertWhere } from '../../../utils/getModelParams';
+import { useChooseList } from '../../wd-table/hooks/useChooseList';
+const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelationOptionJump, enableRelationOptionJump, }) => {
+    const platform = usePlatform();
+    const columns = useMemo(() => {
+        return getTableColumns({
+            fields: authFields,
+            columnSets: selectFields.map((i) => {
+                var _a, _b;
+                return ({
+                    header: (_a = authFields.find((j) => j.name === i)) === null || _a === void 0 ? void 0 : _a.title,
+                    key: (_b = authFields.find((j) => j.name === i)) === null || _b === void 0 ? void 0 : _b.name,
+                });
+            }),
+            isH5: false,
+            supportManyRelated: true,
+            slots: null,
+            fixedEnd: null,
+            fixedFront: null,
+            showRelationWithTag: false,
+        });
+    }, [authFields, selectFields]);
+    return (_jsxs("div", { className: "wd-relation-select-option-wrap", onClick: (e) => {
+            if (platform === 'pc' && mode !== 'multiple') {
+                e.stopPropagation();
+                e.preventDefault();
+                onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value);
+            }
+        }, children: [_jsxs("div", { className: "wd-relation-select-header", children: [_jsx("p", { className: "wd-relation-select-header-text", children: (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value) }), enableRelationOptionJump && (_jsx("span", { onClick: () => {
+                            onRelationOptionJump({ item: option });
+                        }, children: _jsx(WdIcon, { name: "td:jump", size: "s", type: "inner" }) }))] }), _jsxs("div", { className: "wd-relation-select-option-group", children: [_jsx("div", { className: "wd-relation-select-option-header", children: columns.map((i) => (_jsx("div", { className: "wd-relation-select-option-text", style: { width: columns.length > 1 ? i.width : 'auto' }, children: i.header }, i.key))) }), _jsx("div", { className: "wd-relation-select-option-content", children: columns.map((i) => (_jsx("div", { className: "wd-relation-select-option-text", style: { width: columns.length > 1 ? i.width : 'auto' }, children: i.render(option === null || option === void 0 ? void 0 : option.extra) }, i.key))) })] })] }));
+};
+// 每次请求数据个数
+const defaultSize = 50;
+const defaultPage = 1;
+export function RelationSelect(props) {
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, } = props;
+    const { authFields } = useAuthFields({
+        dbName: dataSourceName,
+        dbFieldNames: [],
+        isNewData: true,
+        isModel: true,
+        columnSetsKey: [],
+        connectorMethod: '',
+        isNoDataSourceBind: false,
+        isExpression: false,
+        isApis: false,
+    });
+    // 是否具备展示自定义字段的条件
+    const isRelationSelectOption = selectFieldType === 'custom' && (selectFields === null || selectFields === void 0 ? void 0 : selectFields.length) && (authFields === null || authFields === void 0 ? void 0 : authFields.length);
+    const dataSourceAPI = useMemo(() => new DataSource(dataSourceName), [dataSourceName]); // datasource 方法-模型
+    const whereList = convertWhere(props);
+    const [query, setQuery] = useSyncValue({
+        pageNo: defaultPage,
+        pageSize: defaultSize,
+        where: whereList,
+    }, isObjectEqual);
+    const { result: options, total, isValidating: isLoading, empty, getRelationOptions, } = useChooseList({
+        dataSourceAPI,
+        childDbName: dataSourceName,
+        queryParams: query,
+        primaryColumn: primaryField,
+        value,
+    });
+    // 下拉选项数据
+    const customOptions = useMemo(() => {
+        return isRelationSelectOption
+            ? options === null || options === void 0 ? void 0 : options.map((i) => ({
+                ...i,
+                text: (_jsx(OptionText, { mode: mode, option: i, selectFields: selectFields, authFields: authFields, onChange: onChange, onRelationOptionJump: onRelationOptionJump, enableRelationOptionJump: enableRelationOptionJump })),
+            }))
+            : options;
+    }, [
+        authFields,
+        enableRelationOptionJump,
+        isRelationSelectOption,
+        mode,
+        onChange,
+        onRelationOptionJump,
+        options,
+        selectFields,
+    ]);
+    const searchOptionListWithWhere = useCallback((where = whereList) => {
+        empty();
+        setQuery({ ...query, pageNo: defaultPage, where });
+    }, [empty, query, setQuery, whereList]);
+    useImperativeHandle(childRef, () => {
+        return {
+            refresh: async () => {
+                setRefreshStatus(true);
+                if (query.pageNo === defaultPage) {
+                    await getRelationOptions();
+                }
+                else {
+                    searchOptionListWithWhere();
+                }
+                // eslint-disable-next-line rulesdir/no-timer
+                const timer = setTimeout(() => {
+                    setRefreshStatus(false);
+                    clearTimeout(timer);
+                }, 500);
+            },
+        };
+    }, [
+        getRelationOptions,
+        query.pageNo,
+        searchOptionListWithWhere,
+        setRefreshStatus,
+    ]);
+    const searchHandle = (keyword) => {
+        let where = whereList;
+        if (keyword === null || keyword === void 0 ? void 0 : keyword.length) {
+            // 筛选面板的查询条件与数据过滤的查询条件是且的关系
+            where = {
+                $and: [
+                    ...whereList,
+                    { $and: [{ [primaryField]: { $search: keyword } }] },
+                ],
+            };
+        }
+        searchOptionListWithWhere(where);
+        onSearch(keyword);
+    };
+    return (_jsx(EnumHoc, { fields: authFields, children: _jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, matchButtonWidth: true, placeholder: placeholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, tips: isLoading ? '' : undefined, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
+                if (!isLoading && customOptions.length < total) {
+                    setQuery((query) => ({
+                        ...query,
+                        pageNo: query.pageNo + defaultPage,
+                    }));
+                }
+            }, onOpen: () => {
+                searchOptionListWithWhere();
+            }, footer: addRelationButton, mode: mode }) }));
+}
+export function EnumSelect(props) {
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, enumName, primaryField, format, viewId, where, setRefreshStatus, mode, } = props;
+    const [enumOption, setEnumOption] = useState([]);
+    const [isLoading, setLoading] = useState(false);
+    // 获取枚举字段类型的下拉选项
+    const getEnumOption = useCallback(async () => {
+        const params = {
+            format,
+            dataSourceName,
+            viewId,
+            where,
+            primaryField,
+            enumName,
+        };
+        setLoading(true);
+        const options = await requestEnumOption(params);
+        setEnumOption(options);
+        setLoading(false);
+    }, [dataSourceName, enumName, format, primaryField, viewId, where]);
+    useEffect(() => {
+        getEnumOption();
+    }, [getEnumOption]);
+    useImperativeHandle(childRef, () => {
+        return {
+            refresh: async () => {
+                setRefreshStatus(true);
+                await getEnumOption();
+                // eslint-disable-next-line rulesdir/no-timer
+                const timer = setTimeout(() => {
+                    setRefreshStatus(false);
+                    clearTimeout(timer);
+                }, 500);
+            },
+        };
+    }, [getEnumOption, setRefreshStatus]);
+    const searchHandle = (keyword) => {
+        onSearch(keyword);
+    };
+    return (_jsx(Select, { ...props, mode: mode, searchable: true, matchButtonWidth: true, placeholder: placeholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: enumOption, value: value, onChange: onChange, onSearch: searchHandle, footer: addRelationButton, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined }));
+}
+export function CustomSelect(props) {
+    const { format, addRelationButtonText, enableAddRelationButton, events } = props;
+    const isEnumType = format === 'x-enum';
+    const [refreshStatus, setRefreshStatus] = useState(false);
+    const listWidth = 700;
+    const addRelationButton = enableAddRelationButton && (_jsxs("span", { className: "wd-add-relation-button-wrap", onClick: () => {
+            var _a;
+            (_a = events === null || events === void 0 ? void 0 : events.onAddRelationButtonClick) === null || _a === void 0 ? void 0 : _a.call(events);
+        }, children: [_jsx(WdIcon, { size: 'xs', name: 'td:add-circle' }), addRelationButtonText] }));
+    if (refreshStatus) {
+        return _jsx(LoadingTip, {});
+    }
+    return isEnumType ? (_jsx(EnumSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth })) : (_jsx(RelationSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus, listWidth: listWidth, searchPlaceholder: '搜索主列' }));
+}

package/dist/web/components/wd-select/{relationalSetting.js → relationSelect/relationalSetting.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WdIcon from '../wd-icon';
-import { useConfig } from '../../utils/config-context';
-import { useSize } from '../../utils/hooks/useFormLegacy';
-import classNames from '../../utils/classnames';
+import WdIcon from '../../wd-icon';
+import { useConfig } from '../../../utils/config-context';
+import { useSize } from '../../../utils/hooks/useFormLegacy';
+import classNames from '../../../utils/classnames';
 export const RelationalSetting = ({ refresh, setting, size: _size, enableRelationalSetting, enableRelationalRefresh, }) => {
     const { classPrefix } = useConfig();
     const size = useSize({ size: _size });

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfigProvider } from 'tea-component';
+import { CustomSelect } from '../relationSelect/relationSelect';
+import { SelectUI as Select } from './selectUI';
+export function SelectCom(props) {
+    const { isRelation } = props;
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: isRelation ? _jsx(CustomSelect, { ...props }) : _jsx(Select, { ...props }) }));
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '../style';
+export declare function SelectUI(props: any): JSX.Element;