@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/form/select/dropdown-select/index.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { SelectPickerH5 } from './h5';
-import { formatNeedDataFetch, PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
+import { PAGE_SIZE, requestEnumOption, requestFatherRelatedOption, RequestOptionType, transFormatTeaSelectKey, } from '../request';
 import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
+import { isFormatNeedFetch, isSingleForeignFormat } from '../formats-util';
 import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }) {
     const isRequestingRef = useRef(false);
@@ -24,11 +25,11 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             format: '',
             controlledValue: [],
         };
-        const isTurnPages = format === 'father-son' || format === 'related';
+        const isTurnPages = isSingleForeignFormat(format);
         setFormat(format);
         setIsTurnPages(isTurnPages);
         // 手动配置
-        if (!formatNeedDataFetch.includes(format)) {
+        if (!isFormatNeedFetch(format)) {
             if (controlledValue.length === 0) {
                 setStatus(Status.ALl_EMPTY);
             }
@@ -87,7 +88,15 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
         requestFatherRelatedOption(params, pageNo, RequestOptionType.SEARCH, searchValue)
             .then((value) => {
             if (isSearch) {
-                setSearchOptions((opt) => opt.concat(value.option));
+                if (pageNo === 1) {
+                    setSearchOptions(value.option);
+                }
+                else {
+                    setSearchOptions((oldOptions) => {
+                        const newOptions = value.option.filter((item) => oldOptions.findIndex((i) => i.value === item.value) < 0);
+                        return oldOptions.concat(newOptions);
+                    });
+                }
                 if (pageNo === 1 && value.option.length === 0) {
                     setSearchStatus(Status.EMPTY);
                 }

package/dist/web/components/form/select/dropdown-select/pc.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import './style';
+export default function SelectPickerPc({ format, selectedValue, updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, }: {
+    format: any;
+    selectedValue: any;
+    updateValue: any;
+    placeholder: any;
+    size: any;
+    disabled: any;
+    reTry: any;
+    loadMore: any;
+    status: any;
+    options: any;
+    onSearchValue: any;
+    defaultSearchValue: any;
+    findData: any;
+}): JSX.Element;

package/dist/web/components/form/select/dropdown-select/pc.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, useRef } from 'react';
 import { useDeepCompareEffect } from '@react-hookz/web';
-import { Select, ConfigProvider, Icon } from 'tea-component';
+import { Select, ConfigProvider } from 'tea-component';
 import Loading from '../status/loading';
 import Retry from '../status/retry';
 import { Status } from '../status';
@@ -35,7 +35,7 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
         }
         // 没有数据
         if (optList.length === 0) {
-            updateValue && updateValue(null);
+            updateValue && updateValue(null, false);
             return;
         }
         //有数据
@@ -50,18 +50,18 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
                         }
                         else {
                             // 没找到
-                            updateValue && updateValue(null);
+                            updateValue && updateValue(null, false);
                         }
                     });
             }
             else {
                 // 找到了
-                updateValue(optList[index].value);
+                updateValue(optList[index].value, false);
             }
         }
         else {
             // 用户自动输入 '' ， undefined , null三种状态清空
-            updateValue && updateValue(selectedValue);
+            updateValue && updateValue(selectedValue, false);
         }
     }, [optList, selectedValue, status]);
     const isShowBottomTips = useMemo(() => {
@@ -78,34 +78,31 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
             return '';
         }
     }, [format, status, optList]);
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { "data-testid": "form-select", className: 'form-select-pc', onMouseEnter: () => {
                 setShowDelete(true);
             }, onMouseLeave: () => {
                 setShowDelete(false);
-            }, children: [_jsx(Select, { searchable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, placeholder: placeholder, appearance: 'button', size: size, tips: "", disabled: disabled, autoClearSearchValue: true, options: optList, value: selectedValue, bottomTips: isShowBottomTips, onChange: updateValue, onScrollBottom: loadMore, onOpen: () => {
-                        onSearchValue('');
-                    }, onSearch: (value, context) => {
-                        const tValue = value.trim();
-                        if (context.event.type === 'click') {
-                            if (tValue !== '') {
-                                // 手动点击搜索
-                                onSearchValue(tValue);
-                            }
-                            else {
-                                // 清空
-                                onSearchValue('');
-                            }
-                        }
-                        else if (tValue !== '') {
-                            // 动态输入搜索
+            }, children: _jsx(Select, { searchable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, placeholder: placeholder, appearance: 'button', size: size, tips: "", disabled: disabled, autoClearSearchValue: true, options: optList, value: selectedValue, bottomTips: isShowBottomTips, onChange: (value) => updateValue(value, true), onScrollBottom: loadMore, onOpen: () => {
+                    onSearchValue('');
+                }, onSearch: (value, context) => {
+                    const tValue = value.trim();
+                    if (context.event.type === 'click') {
+                        if (tValue !== '') {
+                            // 手动点击搜索
                             onSearchValue(tValue);
                         }
                         else {
-                            // 逐个删除
+                            // 清空
                             onSearchValue('');
                         }
-                    } }), selectedValue != null &&
-                    selectedValue != '' &&
-                    showDelete &&
-                    !disabled && (_jsx(Icon, { "data-testid": "weui-input-test-pc-clear", className: 'pc-clear', type: "dismiss", size: "s", onMouseDown: () => updateValue(null) }))] }) }));
+                    }
+                    else if (tValue !== '') {
+                        // 动态输入搜索
+                        onSearchValue(tValue);
+                    }
+                    else {
+                        // 逐个删除
+                        onSearchValue('');
+                    }
+                }, clearable: showDelete && !disabled }) }) }));
 }

package/dist/web/components/form/select/dropdown-select/ui.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SelectProps } from 'tea-component';
+import { IUseoptionsParams } from '../request';
+interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'value' | 'placeholder' | 'button'> {
+    name?: string;
+    onChange: (v: string, triggerEvent: boolean) => void;
+    layout?: 'horizontal' | 'vertical';
+    className?: string;
+    params: IUseoptionsParams;
+    readOnly?: boolean;
+}
+export declare function PureSelectPc(props: IPureSelectProps): JSX.Element;
+export declare function PureSelectH5(props: IPureSelectProps): JSX.Element;
+export {};

package/dist/web/components/form/select/dropdown-select/ui.js

@@ -10,9 +10,9 @@ const transformValue = (value) => {
 export function PureSelectPc(props) {
     const { size, onChange = noop, value, placeholder, params, disabled } = props;
     const previousValueRef = useRef();
-    return (_jsx(PureSelect, { isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, updateValue: (value) => {
+    return (_jsx(PureSelect, { isShow: false, params: params, placeholder: placeholder, size: size, selectedValue: value, disabled: disabled, updateValue: (value, triggerEvent) => {
             if (previousValueRef.current != transformValue(value)) {
-                onChange(value);
+                onChange(value, triggerEvent);
                 previousValueRef.current = value;
             }
         } }));
@@ -31,19 +31,19 @@ export function PureSelectH5(props) {
         'weui-cell_disabled': disabled,
     }, className);
     // 选择回调
-    const onChooseCallback = (option, isUpdate, dismiss) => {
+    const onChooseCallback = (option, isUpdate, dismiss, triggerEvent) => {
         if (dismiss) {
             setIsShow(false);
         }
         if (isUpdate && previousValueRef.current != transformValue(option === null || option === void 0 ? void 0 : option.value)) {
             if (!option || Object.keys(option).length === 0) {
                 setValue('');
-                onChange('');
+                onChange('', triggerEvent);
                 setCurrentLabel('');
             }
             else {
                 setValue(option.value);
-                onChange(option.value);
+                onChange(option.value, triggerEvent);
                 setCurrentLabel(option.label);
             }
             previousValueRef.current = option === null || option === void 0 ? void 0 : option.value;

package/dist/web/components/form/select/formats-util.d.ts

@@ -0,0 +1,5 @@
+declare const SINGLE_FOREIGN_FORMATS: readonly ["father-son", "related", "many-one", "one-one", "one-one-r"];
+export type TSingleForeignFormat = typeof SINGLE_FOREIGN_FORMATS[number];
+export declare function isSingleForeignFormat(format: string): format is TSingleForeignFormat;
+export declare function isFormatNeedFetch(format: string): boolean;
+export {};

package/dist/web/components/form/select/formats-util.js

@@ -0,0 +1,15 @@
+const SINGLE_FOREIGN_FORMATS = [
+    'father-son',
+    'related',
+    'many-one',
+    'one-one',
+    'one-one-r',
+];
+/** do NOT export this array */
+const formatNeedDataFetch = [...SINGLE_FOREIGN_FORMATS, 'x-enum'];
+export function isSingleForeignFormat(format) {
+    return SINGLE_FOREIGN_FORMATS.includes(format);
+}
+export function isFormatNeedFetch(format) {
+    return formatNeedDataFetch.includes(format);
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { PropsType } from './index';
+export default function Select({ events, name, placeholder, layout, mode, dateMode, disabled, range, where, primaryField, enumName, dataSourceName, viewId, format, defaultValue, startDate, endDate, defaultDate, startTime, endTime, defaultTime, defaultRegion, defaultMutiRegion, separator, regionType, clearable, onChange, readOnly, }: PropsType): JSX.Element;
+export declare function decodeIsoDatetime(isoStringOrTimesnap: any, type: any, dateMode?: string): any;
+/**
+ * 根据时间模式，构造 new Date()的传参格式单个日期和时间组件值
+ */
+export declare const getFormatNewDateParams: (type: string, timeStr: string) => any[];
+/**
+ * 根据时间模式，将 picker 返回的值转成对应的 年-月-日
+ */
+export declare const formatDateModeValue: (result?: any[], dateMode?: string) => any;
+/**
+ * 不同时间模式对应的展示格式
+ */
+export declare const getDateModeFormat: (dateMode?: string) => "YYYY-MM-DD HH:mm:ss" | "YYYY" | "YYYY-MM" | "YYYY-MM-DD";

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import ReactDOM from 'react-dom';
 import weui from '../../../utils/weui';
@@ -11,6 +11,9 @@ import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
 import AllTimePicker from './allTimePicker';
 import { getIOSNotNaNDate, isTime } from './allTimePicker/dataUtils';
+import { isSingleForeignFormat } from './formats-util';
+import { WdIcon } from '../../wd-icon';
+import { useConfig } from '../../../utils/config-context';
 export default function Select({ 
 // 系统属性
 events = emptyObject, 
@@ -23,8 +26,9 @@ startDate, endDate, defaultDate,
 // time mode
 startTime, endTime, defaultTime, 
 // region mode
-defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
-    var _a;
+defaultRegion, defaultMutiRegion, separator, regionType, clearable = false, onChange, readOnly, }) {
+    var _a, _b;
+    const { classPrefix } = useConfig();
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date', dateMode));
     const [time, setTime] = React.useState(decodeIsoDatetime(defaultTime, 'time'));
     const [regioDepth, setRegionDepth] = React.useState(3);
@@ -76,6 +80,11 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
             };
         }
     });
+    const hasClearMode = ['date', 'time', 'datetime'].includes(mode);
+    const clearCls = classNames({
+        'weda-picker--date': hasClearMode,
+        'is-hover': hasClearMode && clearable && (date || time),
+    });
     //实现初始值触发change事件
     const defaultMutiRegionChange = function (treeValue, defaultMutiRegion) {
         var _a;
@@ -203,10 +212,10 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 result[4] +
                 ':' +
                 result[5];
+            const value = new Date(getIOSNotNaNDate(time)).getTime();
             setDate(time);
-            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
-                value: new Date(getIOSNotNaNDate(time)).getTime(),
-            });
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
         }
     };
     // 默认日期设置表单事件，否则无法提交默认数据
@@ -232,8 +241,10 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 const date = moment().hour(result[0].value).minute(result[1].value);
                 const value = date.format('HH:mm');
                 setTime(value);
+                const finalValue = (date.hour() * 60 * 60 + date.minute() * 60) * 1000;
+                onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
                 (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
-                    value: (date.hour() * 60 * 60 + date.minute() * 60) * 1000,
+                    value: finalValue,
                 });
             },
         });
@@ -339,7 +350,7 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
     let params = {
         controlledValue: range,
     };
-    if (format === 'father-son' || format === 'related') {
+    if (isSingleForeignFormat(format)) {
         params = {
             format,
             dataSourceName,
@@ -357,17 +368,26 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
         };
     }
     if (mode === 'selector') {
-        return (_jsx(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, params: params, onChange: (value) => {
+        return (_jsx(PureSelectH5, { className: "weda-ui weda-picker", name: name, value: selectedValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, params: params, onChange: (value, triggerEvent = false) => {
                 var _a;
                 setSelectedValue(value);
-                (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);
+                if (triggerEvent) {
+                    (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+                }
             } }));
     }
-    return (_jsx("div", { className: subCls, children: _jsx("div", { className: "weui-cell__bd weui-flex", children: _jsx("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: (_a = result[mode]) !== null && _a !== void 0 ? _a : '', disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }) }) }));
+    return readOnly ? (_jsx("div", { className: classNames('weui-cell', `${classPrefix}-form-read-color`), children: (_a = result[mode]) !== null && _a !== void 0 ? _a : '' })) : (_jsx("div", { className: subCls, children: _jsxs("div", { className: `weui-cell__bd weui-flex ${clearCls}`, children: [_jsx("input", { onClick: onClick, className: "weui-input", type: "select", name: name, placeholder: placeholder, value: (_b = result[mode]) !== null && _b !== void 0 ? _b : '', disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select" }), hasClearMode && (_jsx(WdIcon, { name: "td:close-circle-filled", onClick: (e) => {
+                        var _a;
+                        e.stopPropagation();
+                        setDate(null);
+                        setTime(null);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(null);
+                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: null });
+                    } }))] }) }));
 }
 export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
-    if (!isoStringOrTimesnap) {
+    if (isoStringOrTimesnap == null) {
         return null;
     }
     if (typeof isoStringOrTimesnap === 'string' &&
@@ -378,10 +398,12 @@ export function decodeIsoDatetime(isoStringOrTimesnap, type, dateMode = 'day') {
         }
     }
     if (type === 'time') {
-        const time = isoStringOrTimesnap.match &&
-            isoStringOrTimesnap.match(/^(\d{2}):(\d{2})$/);
-        if (time && time[1] < 24 && time[2] < 60) {
-            return moment().hour(time[1]).minute(time[2]).format('HH:mm');
+        if (typeof isoStringOrTimesnap === 'string') {
+            const time = isoStringOrTimesnap.match &&
+                isoStringOrTimesnap.match(/^(\d{2}):(\d{2})$/);
+            if (time && Number(time[1]) < 24 && Number(time[2]) < 60) {
+                return moment().hour(time[1]).minute(time[2]).format('HH:mm');
+            }
         }
         else if (typeof isoStringOrTimesnap === 'number') {
             const timeSnap = Number(isoStringOrTimesnap);

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

@@ -39,3 +39,16 @@
 .select-region-pc .wedatea2td-cascader-menu--thin .wedatea2td-list > li {
   padding: 10px 24px 10px 8px;
 }
+
+.weda-picker--date {
+  display: flex;
+  align-items: center;
+}
+
+.weda-picker--date .t-icon-close-circle-filled {
+  display: none;
+}
+
+.weda-picker--date.is-hover .t-icon-close-circle-filled {
+  display: block;
+}

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

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import './moment-locale';
+import './style';
+import type { CommonFormPropsType } from '../types';
+import { IUseoptionsParams } from './request';
+import { TSingleForeignFormat } from './formats-util';
+export declare const moment: any;
+declare const Select: React.NamedExoticComponent<PropsType>;
+export default Select;
+export interface PropsType extends CommonFormPropsType {
+    size: 's' | 'm' | 'l' | 'full';
+    placeholder: string;
+    mode: 'selector' | 'date' | 'time' | 'datetime' | 'region' | 'mutiRegion';
+    dateMode?: 'day' | 'month' | 'year' | 'datetime';
+    range?: any[];
+    defaultValue?: string;
+    dataSourceName?: string;
+    viewId?: string;
+    enumName?: string;
+    format?: TSingleForeignFormat | 'x-enum';
+    primaryField?: string;
+    tipBlock?: any;
+    where?: {
+        groupLogic?: null | 'or' | 'and';
+        logicData?: {
+            keyType?: 'field' | 'var-font';
+            key: string;
+            rel: 'eq' | 'neq' | 'lt' | 'gt' | 'gte' | 'lte' | 'in' | 'nin' | 'search';
+            value: any;
+            valueType?: 'const' | 'var-font' | 'relative-amount' | 'field';
+            expression?: string | boolean;
+            logic?: null | 'or' | 'and' | string;
+            extra?: {
+                type?: 'string' | 'number' | 'boolean' | 'object' | 'array' | string;
+                format?: string | null;
+                isExpression?: boolean;
+            };
+        }[];
+    }[];
+    startDate?: string;
+    endDate?: string;
+    defaultDate?: string;
+    startTime?: string;
+    endTime?: string;
+    defaultTime?: string | number;
+    defaultRegion?: any[];
+    regionType?: 'levelOne' | 'levelTwo' | 'levelThree';
+    separator?: string;
+    requiredFlag?: boolean;
+    regionTree?: any[];
+    defaultMutiRegion?: string;
+    onChange?: (v: any) => void;
+    params?: IUseoptionsParams;
+    isTurnPages?: boolean;
+    clearable?: boolean;
+    readOnly?: boolean;
+}
+export declare const defaultProps: {
+    events: {};
+    label: string;
+    size: "l";
+    labelVisible: boolean;
+    name: string;
+    placeholder: string;
+    layout: string;
+    mode: string;
+    disabled: boolean;
+    requiredFlag: boolean;
+    range: {
+        name: string;
+        value: string;
+    }[];
+    separator: string;
+};

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

@@ -15,6 +15,8 @@ import { getAreaCode, getRegionTree } from './region';
 import { CommonErrorBoundary } from '../../common/error-boundary';
 import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
 import { PureSelectPc } from './dropdown-select/ui';
+import { isSingleForeignFormat } from './formats-util';
+import { useConfig } from '../../../utils/config-context';
 // @ts-ignore TODO: fix 与plugin构建阶段效果不同
 export const moment = (typeof _moment === 'function' ? _moment : _moment.default);
 const Select = React.memo(function Select(props) {
@@ -70,7 +72,8 @@ export const defaultProps = {
     separator: ',',
 };
 // const button = <Button type="icon" icon="more" />;
-function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, onChange, }) {
+function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, enumName, defaultValue, placeholder = '请选择', mode = 'selector', dateMode = 'day', events = emptyObject, disabled = false, range = defaultProps.range, startDate, endDate, defaultDate, defaultTime, startTime, endTime, defaultRegion, defaultMutiRegion, regionType, separator = defaultProps.separator, size = defaultProps.size, clearable = false, onChange, readOnly, }) {
+    const { classPrefix } = useConfig();
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef();
     const [date, setDate] = React.useState(decodeIsoDatetime(defaultDate, 'date'));
@@ -83,7 +86,7 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
     let params = {
         controlledValue: range,
     };
-    if (format === 'father-son' || format === 'related') {
+    if (isSingleForeignFormat(format)) {
         params = {
             format,
             dataSourceName,
@@ -157,8 +160,11 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
     const onDataChange = (value) => {
         var _a;
         let finalVal;
-        if (mode === 'date') {
-            finalVal = value.valueOf();
+        if (value == null) {
+            finalVal = value;
+        }
+        else if (mode === 'date') {
+            finalVal = value === null || value === void 0 ? void 0 : value.valueOf();
         }
         else if (mode === 'time') {
             finalVal = (value.hour() * 60 * 60 + value.minute() * 60) * 1000;
@@ -183,10 +189,12 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (_jsx(PureSelectPc, { button: '', name: name, params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
+                return (_jsx(PureSelectPc, { button: '', name: name, params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value, triggerEvent = false) => {
                         var _a;
                         onChange && onChange(value);
-                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+                        if (triggerEvent) {
+                            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+                        }
                         setSelectedValue(value);
                     } }));
             case 'date': {
@@ -200,26 +208,35 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
                     value: date ? moment(date) : undefined,
                     'data-testid': 'form-item-select',
                     size,
+                    clearable,
                 };
                 if (dateMode === 'year') {
-                    return (_jsx(YearPicker, { ...dateProps, range: [
+                    return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: moment.isMoment(dateProps.value)
+                            ? dateProps.value.format('YYYY')
+                            : '' })) : (_jsx(YearPicker, { ...dateProps, range: [
                             startDate && dateProps.range[0],
                             endDate && dateProps.range[1],
                         ] }));
                 }
                 else if (dateMode === 'month') {
-                    return (_jsx(DatePicker.MonthPicker, { className: sizeClassName, ...dateProps }));
+                    return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: moment.isMoment(dateProps.value)
+                            ? dateProps.value.format('YYYY-MM')
+                            : '' })) : (_jsx(DatePicker.MonthPicker, { className: sizeClassName, ...dateProps }));
                 }
                 else if (dateMode === 'datetime') {
                     const startFormat = decodeIsoDatetime(startDate, 'date', 'datetime');
                     const endFormat = decodeIsoDatetime(endDate, 'date', 'datetime');
-                    return (_jsx(DatePicker, { showTime: true, className: sizeClassName, ...dateProps, range: [
+                    return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: moment.isMoment(dateProps.value)
+                            ? dateProps.value.format('YYYY-MM-DD HH:mm:ss')
+                            : '' })) : (_jsx(DatePicker, { showTime: true, className: sizeClassName, ...dateProps, range: [
                             moment(startFormat, 'YYYY-MM-DD HH:mm:ss'),
                             moment(endFormat, 'YYYY-MM-DD HH:mm:ss'),
                         ] }));
                 }
                 else {
-                    return _jsx(DatePicker, { className: sizeClassName, ...dateProps });
+                    return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: moment.isMoment(dateProps.value)
+                            ? dateProps.value.format('YYYY-MM-DD')
+                            : '' })) : (_jsx(DatePicker, { className: sizeClassName, ...dateProps }));
                 }
             }
             case 'time': {
@@ -227,12 +244,12 @@ function SelectPc({ name, where, dataSourceName, viewId, format, primaryField, e
                     ? decodeIsoDatetime(startTime, 'time')
                     : '00:00';
                 const end = endTime ? decodeIsoDatetime(endTime, 'time') : '23:59';
-                return (_jsx(TimePicker, { className: sizeClassName, onChange: onDataChange, disabled: disabled, placeholder: placeholder, value: time ? moment(time, 'HH:mm') : undefined, range: [moment(start, 'HH:mm'), moment(end, 'HH:mm')], format: "HH:mm" }));
+                return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: time })) : (_jsx(TimePicker, { className: sizeClassName, onChange: onDataChange, disabled: disabled, placeholder: placeholder, value: time ? moment(time, 'HH:mm') : undefined, range: [moment(start, 'HH:mm'), moment(end, 'HH:mm')], format: "HH:mm", clearable: clearable }));
             }
             case 'region':
-                return (_jsx(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, overlayClassName: "select-region-pc", valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && `${separator}`, label || value] }, `${value}-${index}`))), value: region }));
+                return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: region })) : (_jsx(Cascader, { clearable: true, searchable: true, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, className: sizeClassName, overlayClassName: "select-region-pc", valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && `${separator}`, label || value] }, `${value}-${index}`))), placeholder: placeholder, value: region }));
             case 'mutiRegion':
-                return (_jsx(Cascader, { clearable: true, searchable: true, className: sizeClassName, overlayClassName: "select-region-pc", type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && ',', label || value] }, `${value}-${index}`))), value: mutiRegion }));
+                return readOnly ? (_jsx("div", { className: `${classPrefix}-select__disabled`, children: mutiRegion })) : (_jsx(Cascader, { clearable: true, searchable: true, className: sizeClassName, overlayClassName: "select-region-pc", type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (_jsxs(React.Fragment, { children: [index !== 0 && ',', label || value] }, `${value}-${index}`))), value: mutiRegion, placeholder: placeholder }));
         }
     };
     const dropdown = createDropdown();

package/dist/web/components/form/select/moment-locale.d.ts

@@ -0,0 +1 @@
+import 'moment/locale/zh-cn';

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

@@ -0,0 +1,6 @@
+export declare function getRegionTree(regionData: any, regionType: any, regionMode: any): any;
+export declare function regionPicker(options: any, regionTree: any[]): void;
+/**
+ * 获取运行态地区数据
+ */
+export declare function getAreaCode(): Promise<any>;

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

@@ -0,0 +1,41 @@
+type OptionItem = {
+    label: string;
+    value: string;
+};
+type IRelationFetchOptions = {
+    format: 'father-son' | 'related' | 'many-one' | 'one-one' | 'one-one-r';
+    viewId: string;
+    dataSourceName: string;
+    where: unknown;
+    pageNo: number;
+    primaryField: string;
+    controlledValue: OptionItem[];
+};
+type IEnumFetchOptions = {
+    format: 'x-enum';
+    enumName: string;
+    controlledValue: OptionItem[];
+};
+export type IUseoptionsParams = (IRelationFetchOptions | IEnumFetchOptions | {
+    format?: string;
+    controlledValue: OptionItem[];
+}) & {
+    callWedaApi?: (params: any) => Promise<any> | any;
+    callDataSource?: (params: any) => Promise<any>;
+};
+export declare const PAGE_SIZE = 50;
+export declare const RequestOptionType: {
+    ALL: number;
+    SEARCH: number;
+    EQUAL: number;
+};
+export declare const requestFatherRelatedOption: (params: IUseoptionsParams, pageNo: number, type: number, searchValue?: string) => Promise<{
+    option: any[];
+    isLoadMore: boolean;
+}>;
+export declare const requestEnumOption: (params: IUseoptionsParams) => Promise<{
+    label: any;
+    value: any;
+}[]>;
+export declare const transFormatTeaSelectKey: (options: any) => any;
+export {};