@cloudbase/weda-ui 3.5.0 → 3.5.1

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;
@@ -200,26 +206,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 +242,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 {};

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

@@ -1,11 +1,6 @@
 import destr from 'destr';
 import { getWhereList } from '../../../utils/platform';
 import { callDataSource, callWedaApi } from '../../../utils/tcb';
-export const formatNeedDataFetch = [
-    'father-son',
-    'related',
-    'x-enum',
-];
 export const PAGE_SIZE = 50;
 export const RequestOptionType = {
     ALL: 0,
@@ -24,7 +19,7 @@ export const requestFatherRelatedOption = async (params, pageNo, type, searchVal
         option: [],
         isLoadMore: false,
     };
-    if (isEmpty(dataSourceName) || isEmpty(viewId)) {
+    if (isEmpty(dataSourceName) && isEmpty(viewId)) {
         return empty;
     }
     let realWhere = [];

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './style';
+import { PropsType } from './propsType';
+export default function AllEmpty({ height }: PropsType): JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropsType } from './propsType';
+import './style';
+export default function Empty({ height }: PropsType): JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const Status: {
+    ALl_EMPTY: number;
+    LOADING: number;
+    ERROR: number;
+    FINISH: number;
+    EMPTY: number;
+};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropsType } from './propsType';
+import './style';
+export default function Loading({ height }: PropsType): JSX.Element;

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

@@ -0,0 +1,4 @@
+export interface PropsType {
+    reTry?: () => void;
+    height?: string;
+}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './style';
+import { PropsType } from './propsType';
+export default function Retry({ reTry, height }: PropsType): JSX.Element;

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../../style';

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

@@ -0,0 +1,3 @@
+import './index.css';
+import '../../style';
+import '../input/style';

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

@@ -1,2 +1,3 @@
 import './index.css';
 import '../../style';
+import '../input/style';

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

@@ -0,0 +1,9 @@
+export function timePicker(options: any): void;
+/**
+ * 年选择器
+ */
+export function yearPicker(options: any): void;
+/**
+ * 年月选择器
+ */
+export function monthPicker(options: any): void;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './style';
+/**
+ * pc 版简易年份选择器
+ * 传参与 DatePicker 保持一致
+ */
+export default function YearPicker(props: any): JSX.Element;

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

@@ -9,7 +9,7 @@ import './style';
  * 传参与 DatePicker 保持一致
  */
 export default function YearPicker(props) {
-    const { range = [], disabled, value, onChange, className, placeholder, size, ...rest } = props;
+    const { range = [], disabled, value, onChange, className, placeholder, size, clearable, ...rest } = props;
     const { classPrefix } = useConfig();
     const inputRef = React.useRef(null);
     const [show, setShow] = React.useState(false);
@@ -20,9 +20,11 @@ export default function YearPicker(props) {
         transValueToYear(range === null || range === void 0 ? void 0 : range[0]),
         transValueToYear(range === null || range === void 0 ? void 0 : range[1]),
     ];
+    const [hover, setHover] = React.useState(false);
     React.useEffect(() => {
         setInputValue(transValueToYear(value));
     }, [value]);
+    const hoverCls = hover && value && clearable ? 'is-hover' : '';
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Popover, { trigger: "click", visible: show, onVisibleChange: (v) => !v && setShow(v), overlay: _jsxs("div", { className: classNames(`${classPrefix}-dropdown-box`, 'year-picker__overlay'), children: [_jsxs("div", { className: classNames(`${classPrefix}-calendar__caption`, 'year-picker__header'), children: [_jsxs("div", { className: "year-picker__header-title", children: [pageStart, "-", pageEnd] }), _jsxs("div", { className: "year-picker__header-actions", children: [_jsx(Button, { type: "link", icon: "arrowleft", title: "\u4E0A\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d - 1) }), _jsx(Button, { type: "link", icon: "cur-active", title: "\u5F53\u524D\u4E8C\u5341\u5E74", onClick: () => setPage(0) }), _jsx(Button, { type: "link", icon: "arrowright", title: "\u4E0B\u4E8C\u5341\u5E74", onClick: () => setPage((d) => d + 1) })] })] }), _jsx("div", { className: classNames(`${classPrefix}-calendar__type--year`, 'year-picker__body'), children: pageYears.map((list) => (_jsx("div", { className: classNames(`${classPrefix}-calendar__row`), children: list.map((item) => {
                                 const isSelected = item === inputValue;
                                 const isDisabled = (min && Number(item) < Number(min)) ||
@@ -37,7 +39,10 @@ export default function YearPicker(props) {
                                         setInputValue(item);
                                         onChange === null || onChange === void 0 ? void 0 : onChange(moment(item));
                                     }, children: _jsx("span", { children: item }) }, item));
-                            }) }, list.join()))) })] }), children: _jsx("div", { ...rest, onClick: () => !disabled && setShow(true), className: classNames(`${classPrefix}-datepicker`, className), children: _jsxs("div", { className: classNames(`${classPrefix}-datepicker__input`), children: [_jsx(Input, { size: size, ref: inputRef, disabled: disabled, placeholder: placeholder, value: inputValue, onFocus: () => inputRef.current.blur() }), _jsx(Icon, { type: "dismiss" })] }) }) }) }));
+                            }) }, list.join()))) })] }), children: _jsx("div", { ...rest, onClick: () => !disabled && setShow(true), className: classNames(`${classPrefix}-datepicker`, className), children: _jsxs("div", { className: classNames(`${classPrefix}-datepicker__input ${hoverCls}`), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), children: [_jsx(Input, { size: size, ref: inputRef, disabled: disabled, placeholder: placeholder, value: inputValue, onFocus: () => inputRef.current.blur() }), _jsx(Icon, { type: "dismiss", onClick: (e) => {
+                                e.stopPropagation();
+                                onChange === null || onChange === void 0 ? void 0 : onChange(null);
+                            } })] }) }) }) }));
 }
 /**
  * 获取当前20年，page 表示分页，1表示下一页，-1表示上一页

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './style';
+export declare function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, }: {
+    updateValue: any;
+    selectedValue: any;
+    options: any;
+    isTurnPages: any;
+    loadMore: any;
+    onSearchValue: any;
+    reTry: any;
+    status: any;
+    isShow: any;
+    getIsShow: any;
+}): JSX.Element;

package/dist/web/components/form/selectMultiple/dropdown-select/h5.js

@@ -70,7 +70,7 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
             loadMore();
         }
     };
-    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: () => {
+    return isShow ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", onClick: () => {
                         setInputFocus(false);
                         setSearchValue('');
                         // confirm();

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, closeModal, allOption, }: {
+    params: any;
+    selectedValue: any;
+    updateValue: any;
+    placeholder: any;
+    size: any;
+    disabled: any;
+    isShow: any;
+    closeModal: any;
+    allOption: any;
+}): JSX.Element;

package/dist/web/components/form/selectMultiple/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, allOptions, onSearchValue, defaultSearchValue, }: {
+    format: any;
+    selectedValue: any;
+    updateValue: any;
+    placeholder: any;
+    size: any;
+    disabled: any;
+    reTry: any;
+    loadMore: any;
+    status: any;
+    options: any;
+    allOptions: any;
+    onSearchValue: any;
+    defaultSearchValue: any;
+}): JSX.Element;

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

@@ -60,13 +60,14 @@ export default function SelectPickerPc({ format, selectedValue, updateValue, pla
             return '';
         }
     }, [format, status, optList]);
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: 'form-select-multiple-pc', "data-testid": "form-item-select-multiple-pc", children: _jsx(SelectMultiple, { searchable: true, staging: false, autoClearSearchValue: true, clearable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, value: selectedValue, placeholder: placeholder, appearance: 'button', bottomTips: isShowBottomTips, size: size, disabled: disabled, options: optList, onChange: updateValue, onScrollBottom: loadMore, button: (selectedValue) => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: 'form-select-multiple-pc', "data-testid": "form-item-select-multiple-pc", children: _jsx(SelectMultiple, { searchable: true, staging: false, autoClearSearchValue: true, clearable: true, matchButtonWidth: true, defaultSearchValue: defaultSearchValue, value: Array.isArray(selectedValue) ? selectedValue : [], placeholder: placeholder, appearance: 'button', bottomTips: isShowBottomTips, size: size, disabled: disabled, options: optList, onChange: updateValue, onScrollBottom: loadMore, button: (selectedValue) => {
                     let str = '';
-                    selectedValue.forEach((item) => {
-                        const obj = allOptions.find((el) => el.value === item.value);
-                        (obj === null || obj === void 0 ? void 0 : obj.text) ? (str = `${str},${obj.text}`) : null;
-                    });
-                    return selectedValue.length ? (_jsx("div", { className: 'weda-ui-show-label', children: str.substring(1, str.length) })) : (
+                    Array.isArray(selectedValue) &&
+                        (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.forEach((item) => {
+                            const obj = allOptions.find((el) => el.value === item.value);
+                            (obj === null || obj === void 0 ? void 0 : obj.text) ? (str = `${str},${obj.text}`) : null;
+                        }));
+                    return Array.isArray(selectedValue) && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) ? (_jsx("div", { className: 'weda-ui-show-label', children: str.substring(1, str.length) })) : (
                     // <div>
                     //   <Tag.Group>
                     //     {selectedValue.length > 0 &&

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../../style';

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { SelectProps } from 'tea-component';
+import { IUseoptionsParams } from '../request';
+interface IPureSelectProps extends Pick<SelectProps, 'size' | 'disabled' | 'placeholder'> {
+    value: unknown[];
+    name?: string;
+    onChange: (v: unknown[]) => 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/selectMultiple/h5.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PropsType } from './index';
+export default function SelectH5({ events, name, placeholder, disabled, range, primaryField, dataSourceName, format, onChange, defaultValue, readOnly, }: PropsType): JSX.Element;

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { defaultProps } from './index';
 import { emptyObject } from '../../../utils/constant';
 import { PureSelectH5 } from './dropdown-select/ui';
-export default function SelectH5({ events = emptyObject, name, placeholder, disabled = false, range = defaultProps.range, primaryField, dataSourceName, format, onChange, defaultValue, }) {
+export default function SelectH5({ events = emptyObject, name, placeholder, disabled = false, range = defaultProps.range, primaryField, dataSourceName, format, onChange, defaultValue, readOnly, }) {
     const [selectedValue, setSelectedValue] = React.useState(defaultValue);
     // 两次默认值不同, 需要刷新;
     const prevDefaultRef = React.useRef({});
@@ -31,7 +31,7 @@ export default function SelectH5({ events = emptyObject, name, placeholder, disa
             controlledValue: range,
         };
     }
-    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) => {
             var _a;
             setSelectedValue(value);
             (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });

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

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+import { IUseoptionsParams } from './request';
+import './style';
+export default function SelectMultiple(props: any): JSX.Element;
+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?: any[];
+    dataSourceName?: string;
+    format?: 'many-many' | 'one-many';
+    primaryField?: string;
+    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;
+            };
+        }[];
+    }[];
+    separator?: string;
+    requiredFlag?: boolean;
+    regionTree?: any[];
+    defaultMutiRegion?: string;
+    onChange?: (v: any) => void;
+    params?: IUseoptionsParams;
+    isTurnPages?: boolean;
+    readOnly?: boolean;
+}
+export declare const defaultProps: {
+    events: {};
+    label: string;
+    size: "l";
+    labelVisible: boolean;
+    name: string;
+    placeholder: string;
+    layout: string;
+    disabled: boolean;
+    requiredFlag: boolean;
+    range: {
+        name: string;
+        value: string;
+    }[];
+};

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

@@ -54,7 +54,7 @@ export const defaultProps = {
     requiredFlag: false,
     range: [{ name: '选项1', value: '1' }],
 };
-function SelectPc({ dataSourceName, format, primaryField, defaultValue, placeholder = '请选择', events = emptyObject, disabled = false, range = defaultProps.range, size = defaultProps.size, onChange, }) {
+function SelectPc({ dataSourceName, format, primaryField, defaultValue, placeholder = '请选择', events = emptyObject, disabled = false, range = defaultProps.range, size = defaultProps.size, onChange, readOnly, }) {
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef();
     const [selectedValue, setSelectedValue] = React.useState(defaultValue);
@@ -83,7 +83,7 @@ function SelectPc({ dataSourceName, format, primaryField, defaultValue, placehol
         }
     });
     const createDropdown = () => {
-        return (_jsx(PureSelectPc, { params: params, disabled: disabled, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
+        return (_jsx(PureSelectPc, { params: params, disabled: disabled, readOnly: readOnly, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
                 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 });

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

@@ -0,0 +1,35 @@
+type OptionItem = {
+    label: string;
+    value: string;
+};
+type IRelationFetchOptions = {
+    format: 'many-many' | 'one-many';
+    viewId: string;
+    dataSourceName: string;
+    where: unknown;
+    pageNo: number;
+    primaryField: string;
+    controlledValue: OptionItem[];
+};
+export type IUseoptionsParams = (IRelationFetchOptions | {
+    format?: string;
+    dataSourceName?: string;
+    primaryField?: string;
+    controlledValue: OptionItem[];
+}) & {
+    callWedaApi?: (params: any) => Promise<any> | any;
+    callDataSource?: (params: any) => Promise<any>;
+};
+export declare const formatNeedDataFetch: readonly string[];
+export declare const PAGE_SIZE = 200;
+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 transFormatTeaSelectKey: (options: any) => any;
+export {};

package/dist/web/components/form/selectMultiple/status/allEmpty.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './style';
+import { PropsType } from './propsType';
+export default function AllEmpty({ height }: PropsType): JSX.Element;

package/dist/web/components/form/selectMultiple/status/empty.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropsType } from './propsType';
+import './style';
+export default function Empty({ height }: PropsType): JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const Status: {
+    ALl_EMPTY: number;
+    LOADING: number;
+    ERROR: number;
+    FINISH: number;
+    EMPTY: number;
+};

package/dist/web/components/form/selectMultiple/status/loading.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PropsType } from './propsType';
+import './style';
+export default function Loading({ height }: PropsType): JSX.Element;

package/dist/web/components/form/selectMultiple/status/propsType.d.ts

@@ -0,0 +1,4 @@
+export interface PropsType {
+    reTry?: () => void;
+    height?: string;
+}