@cloudbase/weda-ui 3.14.2 → 3.15.0

package/dist/web/components/listView/index.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef, useCallback, useMemo, } from 'react';
+import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { callDataSource } from '../../utils/tcb';
-import { isInIde, alertErrorMessage, usePlatform, getParseValue, textToString, } from '../../utils/platform';
+import { isInIde, alertErrorMessage, usePlatform, getParseValue, textToString } from '../../utils/platform';
+import { useConfig } from '../../utils/config-context';
 import classNames from '../../utils/classnames';
 import isequal from 'lodash.isequal';
 import './style';
@@ -51,22 +52,27 @@ export default React.forwardRef(function ListView(props, ref) {
     appCloud = defaultCloudbase, beforeDataChange = defaultBeforeDataChange, refType = 'listView', loadButtonText, selectFieldType = 'main', // 查询字段范围类型
     ...rest } = props;
     const platform = usePlatform();
+    const { classPrefix } = useConfig();
     const isH5 = platform === 'h5';
+    // listView 组件的 class
+    const classList = {
+        'weda-ui': true,
+        [`${classPrefix}-list-view`]: true,
+        [`${BLOCK_NAME}__container`]: true,
+        // 响应式css api
+        [`${classPrefix}-${platform}-list-view`]: true,
+    };
     const isSetStatus = dataSourceType !== 'expression' ? rawIsSetStatus : false;
     const isSetLoading = dataSourceType !== 'expression' ? rawIsSetLoading : true;
     const connectorParams = getParseValue(rawConnectorParams);
     const dataSourceData = getParseValue(rawDataSourceData);
-    const methodName = getStringValue(dataSourceType === 'data-model'
-        ? ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords'
-        : connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name);
+    const methodName = getStringValue(dataSourceType === 'data-model' ? ((_a = datasource === null || datasource === void 0 ? void 0 : datasource.extra) === null || _a === void 0 ? void 0 : _a.methodName) || 'wedaGetRecords' : connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name);
     const isV2protocol = methodName === 'wedaGetRecordsV2';
     const modelParams = getModelParams({
         ...props,
         supportManyRelated: isV2protocol,
     }); // 包括 where 和 order
-    const dataSourceName = getStringValue(dataSourceType === 'data-model'
-        ? datasource === null || datasource === void 0 ? void 0 : datasource.name
-        : (_b = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _b === void 0 ? void 0 : _b.name);
+    const dataSourceName = getStringValue(dataSourceType === 'data-model' ? datasource === null || datasource === void 0 ? void 0 : datasource.name : (_b = bindConnectMetadata === null || bindConnectMetadata === void 0 ? void 0 : bindConnectMetadata.datasource) === null || _b === void 0 ? void 0 : _b.name);
     useLoopRenderDetect({ limit: 600 });
     const [entry, setEntry] = useState(null); // 触底的observer对象
     const [_status, setStatus] = useState(''); // 查询状态
@@ -95,9 +101,7 @@ export default React.forwardRef(function ListView(props, ref) {
         initExpr: false,
     }); // 请求防抖、异步时使用最后一次请求
     const isIdeMockData = !(dataSourceName && methodName) && ((_c = appCloud === null || appCloud === void 0 ? void 0 : appCloud.isInIde) === null || _c === void 0 ? void 0 : _c.call(appCloud)); // 在ide环境且未绑定数据源时，存在mock数据逻辑
-    const shouldBottomLoad = pagination === 'bottomLoad' &&
-        (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) &&
-        ['', 'success'].includes(status); // 能否触底加载
+    const shouldBottomLoad = pagination === 'bottomLoad' && (entry === null || entry === void 0 ? void 0 : entry.isIntersecting) && ['', 'success'].includes(status); // 能否触底加载
     // 返回的错误信息
     const [err, setErr] = useState({
         code: '',
@@ -267,9 +271,7 @@ export default React.forwardRef(function ListView(props, ref) {
                     clearTimeout(delayRef.current.statusTimer);
                     delayRef.current.statusTimer = null;
                 }
-                delayRef.current.statusTimer = window.setTimeout(statusCb, pagination === 'bottomLoad' && dataSourceType === 'expression'
-                    ? 3000
-                    : 150);
+                delayRef.current.statusTimer = window.setTimeout(statusCb, pagination === 'bottomLoad' && dataSourceType === 'expression' ? 3000 : 150);
             }
             else {
                 statusCb();
@@ -298,11 +300,7 @@ export default React.forwardRef(function ListView(props, ref) {
         var _a, _b, _c;
         setStatus('fail');
         const obj = {
-            code: (e === null || e === void 0 ? void 0 : e.code)
-                ? e === null || e === void 0 ? void 0 : e.code
-                : refType === 'dataView'
-                    ? 'WdDataView.QueryError'
-                    : 'WdListView.QueryError',
+            code: (e === null || e === void 0 ? void 0 : e.code) ? e === null || e === void 0 ? void 0 : e.code : refType === 'dataView' ? 'WdDataView.QueryError' : 'WdListView.QueryError',
             message: `${e === null || e === void 0 ? void 0 : e.message}`,
             requestId: (_b = (_a = e === null || e === void 0 ? void 0 : e.original) === null || _a === void 0 ? void 0 : _a.original) === null || _b === void 0 ? void 0 : _b.requestId,
         };
@@ -426,11 +424,7 @@ export default React.forwardRef(function ListView(props, ref) {
         catch (e) {
             onFailCb(e);
             throw new WdCompError(`${e === null || e === void 0 ? void 0 : e.message}` || '', {
-                code: (e === null || e === void 0 ? void 0 : e.code)
-                    ? e === null || e === void 0 ? void 0 : e.code
-                    : refType === 'dataView'
-                        ? 'WdDataView.QueryError'
-                        : 'WdListView.QueryError',
+                code: (e === null || e === void 0 ? void 0 : e.code) ? e === null || e === void 0 ? void 0 : e.code : refType === 'dataView' ? 'WdDataView.QueryError' : 'WdListView.QueryError',
                 requestId: (_d = (_c = e === null || e === void 0 ? void 0 : e.original) === null || _c === void 0 ? void 0 : _c.original) === null || _d === void 0 ? void 0 : _d.requestId,
                 original: e === null || e === void 0 ? void 0 : e.original,
             });
@@ -584,21 +578,12 @@ export default React.forwardRef(function ListView(props, ref) {
             },
             error: err,
         };
-    }, [
-        total,
-        pageNo,
-        statePageSize,
-        methodDeleteOne,
-        methodRefresh,
-        dataRef.current.records,
-        err,
-        isV2protocol,
-    ], ref);
+    }, [total, pageNo, statePageSize, methodDeleteOne, methodRefresh, dataRef.current.records, err, isV2protocol], ref);
     /**
      * 分页，加载更多
      */
     const renderLoadMore = () => {
-        const MoreButton = (_jsx("div", { className: `${BLOCK_NAME}__more-text ${isH5 ? 'h5' : ''}`, onClick: () => {
+        const MoreButton = (_jsx("div", { className: `${BLOCK_NAME}__more-text ${classPrefix}-list-view__more-text ${isH5 ? 'h5' : ''}`, onClick: () => {
                 var _a, _b;
                 return fetchData({
                     params: { pageNo: ((_b = (_a = paramRef.current) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.pageNo) + 1 },
@@ -614,9 +599,7 @@ export default React.forwardRef(function ListView(props, ref) {
      * 分页，底部刷新
      */
     const renderBottomLoad = () => {
-        return (_jsx("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load`, children: status === 'loading' && isSetLoading
-                ? LoadingSymbol
-                : !hasNextPage() && LoadEnd }));
+        return (_jsx("div", { ref: nodeRefCallback, className: `${BLOCK_NAME}__bottom-load`, children: status === 'loading' && isSetLoading ? LoadingSymbol : !hasNextPage() && LoadEnd }));
     };
     /**
      * 分页，分页器，含ideMockData的判断
@@ -635,7 +618,7 @@ export default React.forwardRef(function ListView(props, ref) {
     const renderStatus = () => {
         switch (status) {
             case 'empty':
-                return (emptyText && (_jsx(EmptyContent, { emptyText: emptyText, component: "listview" })));
+                return emptyText && _jsx(EmptyContent, { emptyText: emptyText, component: "listview" });
             case 'fail':
                 return (isSetStatus && (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: err, icon: 'error', isH5: isH5, component: "listview", hasRecord: dataRef.current.records.length > 0 })));
             case 'loading':
@@ -650,10 +633,9 @@ export default React.forwardRef(function ListView(props, ref) {
     /**
      * 加载到底状态组件
      */
-    const LoadEnd = status === 'success' && loadCompletedText && (_jsx("div", { className: `${BLOCK_NAME}__load-completed`, children: String(loadCompletedText) }));
-    return (_jsxs("div", { ...rest, className: classNames('weda-ui', `${BLOCK_NAME}__container`, className), children: [children && (_jsxs("div", { className: classNames(`${BLOCK_NAME}__content`, {
+    const LoadEnd = status === 'success' && loadCompletedText && (_jsx("div", { className: `${BLOCK_NAME}__load-completed ${classPrefix}-list-view__load-completed`, children: String(loadCompletedText) }));
+    return (_jsxs("div", { ...rest, className: classNames(classList, className), children: [children && (_jsxs("div", { className: classNames(`${BLOCK_NAME}__content`, {
                     [`${BLOCK_NAME}-card`]: template === 'cardList',
-                    [`${BLOCK_NAME}__content-blank`]: (status === 'empty' && emptyText) ||
-                        (status === 'fail' && isSetStatus),
+                    [`${BLOCK_NAME}__content-blank`]: (status === 'empty' && emptyText) || (status === 'fail' && isSetStatus),
                 }), children: [status === 'fail' && refType === 'dataView' ? (_jsx(EmptyContent, { emptyText: '数据加载失败', errorObj: err, icon: 'error', isH5: isH5 })) : (children), renderStatus()] })), _jsxs("div", { className: classNames(`${BLOCK_NAME}__more`, `${BLOCK_NAME}__more-${pagination}`), children: [pagination === 'bottomLoad' && renderBottomLoad(), pagination === 'loadMoreButton' && renderLoadMore(), pagination === 'pagination' && renderPagination()] })] }));
 });

package/dist/web/components/richText/index.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from '../../utils/classnames';
-import { getTempFileURL } from '../../utils/tcb';
+import { getTempFileURL, getDefaultUploadPath } from '../../utils/tcb';
 import { v4 as uuidv4 } from 'uuid';
 import { LOAD_ERR_IMG_BASE64, RICH_TEXT_ICON_PACK, getWhitelist } from '../../utils/constant';
 import { renderDecorator } from '../form/renderDecorator';
-import { usePlatform } from '../../utils/platform';
+import { usePlatform, alertErrorMessage } from '../../utils/platform';
 import { errorHandler } from '../../utils/error';
 import { isPrivate } from '../../utils/isPrivate';
 import './style';
@@ -98,10 +98,9 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         }
     };
     const isSizeAccept = (file) => {
-        var _a, _b;
         if (file.size > maxSize * 1024 * 1024) {
-            (_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: `文件大小超过上限${maxSize}M`,
+            alertErrorMessage({
+                message: `文件大小超过上限${maxSize}M`,
                 icon: 'error',
             });
             return false;
@@ -109,11 +108,12 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         return true;
     };
     const upload = async (file) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e;
         const tcb = await ((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getCloudInstance());
         try {
             const fileType = (_e = (_d = (_c = file === null || file === void 0 ? void 0 : file.name) === null || _c === void 0 ? void 0 : _c.split('.')) === null || _d === void 0 ? void 0 : _d.pop()) === null || _e === void 0 ? void 0 : _e.toLowerCase();
-            const path = `${cloudPath}/uploader-${uuidv4()}.${fileType}`;
+            const _uploadPath = getDefaultUploadPath(cloudPath);
+            const path = `${_uploadPath}/uploader-${uuidv4()}.${fileType}`;
             const { fileID } = await tcb.uploadFile({
                 cloudPath: path,
                 filePath: file,
@@ -133,8 +133,8 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 error: e,
                 id,
             });
-            (_g = (_f = window === null || window === void 0 ? void 0 : window.$w) === null || _f === void 0 ? void 0 : _f.utils) === null || _g === void 0 ? void 0 : _g.showToast({
-                title: '上传图片失败',
+            alertErrorMessage({
+                message: '上传图片失败',
                 icon: 'error',
             });
         }
@@ -192,10 +192,9 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 initialContent: syncedValue || initialContent,
                 placeholder: placeholder,
                 onCopy: (isSuccess) => {
-                    var _a, _b;
                     if (isSuccess) {
-                        (_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: '复制成功',
+                        alertErrorMessage({
+                            message: '复制成功',
                             icon: 'success',
                         });
                     }
@@ -220,14 +219,13 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                     accept: acceptTypes.join(),
                     inline: true,
                     acceptFile: (file) => {
-                        var _a, _b;
                         let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replaceAll('+', '\\+')}))$`);
                         if (acceptTypes.join().includes('*')) {
                             typeRegex = new RegExp(`^image/.+$`);
                         }
                         if (!typeRegex.test(file.type)) {
-                            (_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: '文件格式不支持',
+                            alertErrorMessage({
+                                message: '文件格式不支持',
                                 icon: 'error',
                             });
                             return false;

package/dist/web/components/statusContent/index.js

@@ -20,7 +20,7 @@ export default function StatusContent(props) {
                         isH5: isH5,
                         'wd-status-content__content-white': hasRecord,
                         'wd-status-content__content-grey': !hasRecord,
-                    })}`, children: [hasRecord ? (_jsx(_Fragment, {})) : (_jsx("span", { className: `wd-status-content__status-icon ${icon}` })), _jsx("p", { className: `wd-status-content__text-fail ${isH5 && 'isH5'}`, children: emptyText }), (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) ? (_jsxs("p", { className: `wd-status-content__code-fail ${isH5 && 'isH5'}`, children: ["\u9519\u8BEF\u7801: ", errorObj.code] })) : null, (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) ? (_jsxs("p", { className: `wd-status-content__detail-fail`, onClick: () => setVisible(true), children: [_jsx("span", { className: `wd-status-content__desc-fail ${isH5 && 'isH5'}`, children: "\u67E5\u770B\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: _jsx("path", { d: "M1.45964 9.45972L0.540405 8.54048L4.08079 5.0001L0.540405 1.45972L1.45964 0.540478L5.91926 5.0001L1.45964 9.45972Z", fill: "black", fillOpacity: "0.9" }) })] })) : null] }) }), isH5 && visible ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "wd-status-content__picker", children: [_jsx("div", { className: "wd-status-content__backdrop", onClick: () => {
+                    })}`, children: [hasRecord ? _jsx(_Fragment, {}) : _jsx("span", { className: `wd-status-content__status-icon ${icon}` }), _jsx("p", { className: `wd-status-content__text-fail wd-status-content__text ${isH5 && 'isH5'}`, children: emptyText }), (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) ? (_jsxs("p", { className: `wd-status-content__code-fail ${isH5 && 'isH5'}`, children: ["\u9519\u8BEF\u7801: ", errorObj.code] })) : null, (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) ? (_jsxs("p", { className: `wd-status-content__detail-fail`, onClick: () => setVisible(true), children: [_jsx("span", { className: `wd-status-content__desc-fail ${isH5 && 'isH5'}`, children: "\u67E5\u770B\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: _jsx("path", { d: "M1.45964 9.45972L0.540405 8.54048L4.08079 5.0001L0.540405 1.45972L1.45964 0.540478L5.91926 5.0001L1.45964 9.45972Z", fill: "black", fillOpacity: "0.9" }) })] })) : null] }) }), isH5 && visible ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "wd-status-content__picker", children: [_jsx("div", { className: "wd-status-content__backdrop", onClick: () => {
                                 setVisible(false);
                             } }), _jsxs("div", { className: "wd-status-content__picker-inner", children: [_jsxs("p", { className: "wd-status-content__picker-title", children: ["\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F", _jsx("span", { onClick: () => {
                                                 setVisible(false);

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint max-lines: [error, 500] */
-import { forwardRef, useImperativeHandle, useEffect, useMemo, useRef, useState, useCallback, } from 'react';
+import { forwardRef, useImperativeHandle, useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import { WdFormItem, WdInputGroup } from '../wd-form-item';
 import { useFormInputTrait } from '../form-input-hooks';
-import { WdIcon } from '../wd-icon';
+import WdIcon from '../wd-icon';
 import { filterPropsWithOn, getUuid } from '../../utils/tool';
 import { KEY_DOWN_CODE } from '../../utils/constant';
 import classNames from '../../utils/classnames';
@@ -63,6 +63,7 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
     const countCls = `${classPrefix}-input__limit-number`;
     const platform = usePlatform();
     const isH5 = platform === 'h5';
+    const [currentInputType, setCurrentInputType] = useState(inputType);
     useEffect(() => {
         if (isEqual(valueRef.current, value))
             return; // 监听非输入引起的value变化，比如调用 setValue, clearValue
@@ -135,18 +136,7 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
         readOnly,
         before,
         after,
-    }), [
-        innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-        before,
-        after,
-    ]);
+    }), [innerHandle, name, value, label, required, visible, disabled, readOnly, before, after]);
     const formItemProps = {
         ...props,
         validateErrorMsg,
@@ -158,6 +148,9 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
         inputId,
         layout: props.layout,
         readBeforeAfter: !isUnionValue,
+        className: classNames(props.className, {
+            'password-input': password,
+        }),
     };
     const inputAdornmentClick = (type) => {
         var _a;
@@ -170,11 +163,14 @@ export const WdInput = forwardRef(function WdInput(props, ref) {
         size,
         onClick: inputAdornmentClick,
     };
+    const passwordIconRender = () => (_jsx("div", { className: `${classPrefix}-input-password-icon ${classPrefix}-${platform}-input-password-icon`, children: _jsx(WdIcon, { events: {
+                tap: () => {
+                    setCurrentInputType(currentInputType === 'password' ? 'text' : 'password');
+                },
+            }, size: 'xs', name: currentInputType === 'password' ? 'td:browse-off' : 'td:browse', type: 'inner' }) }));
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsxs("div", { className: `${cls} ${template === 'greySearchBox'
-                    ? 'wd-input-input-search template search-box color-grey is-pc-bordered'
-                    : ''} ${template === 'whiteSearchBox'
-                    ? 'wd-input-input-search template search-box color-white is-pc-bordered'
-                    : ''} ${isH5 ? 'is-h5-borderless' : ''}`, ref: wrapRef, onFocus: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('is-focused'); }, onBlur: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('is-focused'); }, children: [prefixType && (_jsx("div", { className: prefixCls, onClick: () => inputAdornmentClick('prefix'), children: _jsx(WdIcon, { size: iconSize, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: _jsx("input", { id: inputId, className: inputCls, type: inputType, placeholder: placeholder, value: currentInputValue !== null && currentInputValue !== void 0 ? currentInputValue : '', disabled: disabled, name: name, autoFocus: focus, autoComplete: "off", maxLength: maxLength, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onCompositionStart: handleZhStart, onCompositionEnd: handleZhEnd, ...startWithOnProps }) }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, onClick: () => inputAdornmentClick('suffix'), children: _jsx(WdIcon, { size: iconSize, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) })), counterVisible && (_jsxs("span", { className: countCls, children: [counter, "/", maxLength] }))] }) }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsxs(_Fragment, { children: [_jsx(WdInputGroup, { ...inputGroupProps, children: _jsxs("div", { className: `${cls} ${template === 'greySearchBox' ? 'wd-input-input-search template search-box color-grey is-pc-bordered' : ''} ${template === 'whiteSearchBox'
+                            ? 'wd-input-input-search template search-box color-white is-pc-bordered'
+                            : ''} ${isH5 ? 'is-h5-borderless' : ''}`, ref: wrapRef, onFocus: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('is-focused'); }, onBlur: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('is-focused'); }, children: [prefixType && (_jsx("div", { className: prefixCls, onClick: () => inputAdornmentClick('prefix'), children: _jsx(WdIcon, { size: iconSize, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: _jsx("input", { id: inputId, className: inputCls, type: currentInputType, placeholder: placeholder, value: currentInputValue !== null && currentInputValue !== void 0 ? currentInputValue : '', disabled: disabled, name: name, autoFocus: focus, autoComplete: "off", maxLength: maxLength, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onCompositionStart: handleZhStart, onCompositionEnd: handleZhEnd, ...startWithOnProps }) }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, onClick: () => inputAdornmentClick('suffix'), children: _jsx(WdIcon, { size: iconSize, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) })), counterVisible && (_jsxs("span", { className: countCls, children: [counter, "/", maxLength] }))] }) }), password && passwordIconRender()] }) }));
 });

package/dist/web/components/wd-select/contexts/selectContext.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DataType } from '../../../../configs/components/wd-select';
+interface SelectContextValue {
+    options: DataType['range'];
+    setOptions?(options: DataType['range']): void;
+    value?: DataType['value'];
+}
+interface ISelectProvider {
+    children?: React.ReactNode;
+    options: DataType['range'];
+    setOptions: (options: DataType['range']) => void;
+}
+export declare function SelectProvider({ children, options, setOptions }: ISelectProvider): JSX.Element;
+export declare function useSelectContext(): SelectContextValue | null;
+export {};

package/dist/web/components/wd-select/contexts/selectContext.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const SelectContext = createContext({
+    options: [],
+    setOptions: () => { },
+}, 'SelectContext');
+export function SelectProvider({ children, options, setOptions }) {
+    return (_jsx(SelectContext.Provider, { value: useMemo(() => ({ options, setOptions }), [options, setOptions]), children: children }));
+}
+export function useSelectContext() {
+    return useContext(SelectContext);
+}

package/dist/web/components/wd-select/hooks/useChooseList.d.ts

@@ -0,0 +1,19 @@
+export declare const mapResult: (records: any, primaryColumn: any) => any;
+export declare const useChooseList: ({ dataSourceAPI, queryParams, childDbName, primaryColumn, value, isInsertSelectedValue, }: {
+    dataSourceAPI: any;
+    queryParams: any;
+    childDbName: any;
+    primaryColumn: any;
+    value: any;
+    isInsertSelectedValue?: boolean;
+}) => {
+    result: {
+        disabled?: boolean;
+        label: string;
+        value: string;
+    }[];
+    total: number;
+    isValidating: boolean;
+    empty: () => void;
+    getRelationOptions: () => Promise<void>;
+};

package/dist/web/components/wd-select/hooks/useChooseList.js

@@ -0,0 +1,94 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useSelectContext } from '../contexts/selectContext';
+const defaultPage = 1;
+const getUniqueOption = (option) => {
+    var _a;
+    const optionMap = option.reduce((acc, item) => {
+        if (!acc[item.value]) {
+            acc[item.value] = item;
+        }
+        return acc;
+    }, {});
+    const uniqueOption = (_a = Object.values(optionMap)) === null || _a === void 0 ? void 0 : _a.filter((item) => item === null || item === void 0 ? void 0 : item.value);
+    return uniqueOption;
+};
+export const mapResult = (records, primaryColumn) => {
+    var _a;
+    return (_a = records === null || records === void 0 ? void 0 : records.filter((i) => i._id)) === null || _a === void 0 ? void 0 : _a.map((childItem) => ({
+        _id: childItem._id,
+        value: childItem._id,
+        text: childItem[primaryColumn] ? childItem[primaryColumn] : childItem._id,
+        label: childItem[primaryColumn] ? childItem[primaryColumn] : childItem._id,
+        extra: childItem,
+    }));
+};
+export const useChooseList = ({ dataSourceAPI, queryParams, childDbName, primaryColumn, value, isInsertSelectedValue = true, }) => {
+    const [total, setTotal] = useState(0);
+    const [loading, setLoading] = useState(true);
+    const { options, setOptions } = useSelectContext();
+    const unshiftVal = (transformedRecords, itemResult, originOption) => {
+        if (itemResult &&
+            transformedRecords.findIndex((item) => item._id === itemResult._id) < 0 &&
+            originOption.findIndex((item) => item._id === itemResult._id) < 0) {
+            return [itemResult, ...transformedRecords];
+        }
+        return transformedRecords;
+    };
+    const fetchData = useCallback(async () => {
+        setLoading(true);
+        const isMultiple = Array.isArray(value);
+        const promiseList = [
+            dataSourceAPI.getRecordListV2({ ...queryParams, pageNumber: queryParams.pageNo }, {
+                db: childDbName,
+            }),
+        ];
+        if (value && isInsertSelectedValue) {
+            if (isMultiple) {
+                value.forEach((i) => {
+                    if (i) {
+                        promiseList.push(dataSourceAPI.getRecord(i, {
+                            db: childDbName,
+                        }));
+                    }
+                });
+            }
+            else {
+                promiseList.push(dataSourceAPI.getRecord(value, {
+                    db: childDbName,
+                }));
+            }
+        }
+        const [result, ...rest] = await Promise.all(promiseList);
+        let transformedRecords = [...((result === null || result === void 0 ? void 0 : result.records) || [])];
+        const itemResult = [...rest];
+        // 若下拉列表中无选中值，则将选中值插到数组头部
+        if ((isMultiple && (value === null || value === void 0 ? void 0 : value.length) && isInsertSelectedValue) || (value && isInsertSelectedValue)) {
+            itemResult.forEach((i) => {
+                transformedRecords = unshiftVal(transformedRecords, i, options);
+            });
+        }
+        let optionRes = mapResult(transformedRecords, primaryColumn);
+        if ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageNo) > defaultPage) {
+            optionRes = [...options, ...optionRes];
+        }
+        optionRes = getUniqueOption(optionRes);
+        setOptions(optionRes);
+        setTotal(result === null || result === void 0 ? void 0 : result.total);
+        setLoading(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [childDbName, primaryColumn, queryParams, value]);
+    useEffect(() => {
+        if (childDbName) {
+            fetchData();
+        }
+    }, [childDbName, fetchData]);
+    return {
+        result: options || [],
+        total: total,
+        isValidating: loading,
+        empty: () => {
+            setOptions([]);
+        },
+        getRelationOptions: fetchData,
+    };
+};

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+import { useState, useImperativeHandle, useEffect, useCallback } from 'react';
+import { LoadingTip } from 'tea-component';
+import { SelectUI as Select } from '../select/selectUI';
+import { requestEnumOption } from '../../form/select/request';
+import { useSelectContext } from '../contexts/selectContext';
+export function EnumSelect(props) {
+    const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, enumName, primaryField, format, viewId, where, setRefreshStatus, mode, } = props;
+    const { options, setOptions } = useSelectContext();
+    const [isLoading, setLoading] = useState(false);
+    // 获取枚举字段类型的下拉选项
+    const getEnumOption = useCallback(async () => {
+        const params = {
+            format,
+            dataSourceName,
+            viewId,
+            where,
+            primaryField,
+            enumName,
+        };
+        setLoading(true);
+        const enumOptions = await requestEnumOption(params);
+        setOptions(enumOptions);
+        setLoading(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [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: options, value: value, onChange: onChange, onSearch: searchHandle, footer: addRelationButton, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined }));
+}

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { LoadingTip } from 'tea-component';
+import { EnumSelect } from './enumSelect';
+import { RelationSelect } from './relationSelect';
+import { WdIcon } from '../../wd-icon';
+export function CustomSelect(props) {
+    const { format, addRelationButtonText, enableAddRelationButton, events } = props;
+    const isEnumType = format === 'x-enum';
+    const [refreshStatus, setRefreshStatus] = useState(false);
+    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 })) : (_jsx(RelationSelect, { ...props, addRelationButton: addRelationButton, setRefreshStatus: setRefreshStatus }));
+}

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

@@ -0,0 +1,15 @@
+interface IqueryParams {
+    filter?: {
+        where?: object;
+    };
+    select?: {
+        [name: string]: boolean;
+    };
+    orderBy?: {
+        [name: string]: 'asc' | 'desc';
+    }[];
+    getCount?: boolean;
+    compatibleWithV1?: boolean;
+}
+export declare const getDefaultQuery: (props: any) => IqueryParams;
+export {};

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

@@ -0,0 +1,15 @@
+import { getFilter, getSelectFields, transformSorter } from '../../../utils/getModelParams';
+import { getWhereList } from '../../../utils/platform';
+export const getDefaultQuery = (props) => {
+    const params = {};
+    // 兼容旧的筛选条件
+    const queryCondition = props.supportManyRelated ? props.queryCondition : getWhereList(props.where);
+    // 支持多关联查询，需要将查询条件转换为filter
+    params.filter = getFilter(queryCondition);
+    params.select = getSelectFields(props);
+    // 处理排序字段
+    params.orderBy = transformSorter(props.sorter);
+    params.getCount = true;
+    params.compatibleWithV1 = true;
+    return params;
+};

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

@@ -1,4 +1,2 @@
 /// <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;