@cloudbase/weda-ui 3.2.0 → 3.3.0

package/dist/src/web/components/container/index.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+export default function Container({ children, title, events = emptyObject, className, style, id, }) {
+    return (React.createElement("div", { role: "container", id: id, style: style, className: classNames({ 'weda-ui': true, [className]: className }), title: title, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onContextMenu: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.longpress) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchStart: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchstart) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchMove: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchmove) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchCancel: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchcancel) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, onTouchEnd: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.touchend) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); } }, children));
+}

package/dist/src/web/components/dataView/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IDataView } from './interface';
+/**
+ * 数据容器-列表视图
+ */
+export default function DataView(props: IDataView): JSX.Element;

package/dist/src/web/components/dataView/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import ListView from '../listView';
+/**
+ * 数据容器-列表视图
+ */
+export default function DataView(props) {
+    return (React.createElement(ListView, { ...props, isRecords: false, orderBy: undefined, orderType: undefined, template: "none", pageSize: 1, pagination: "none", beforeDataChange: (values) => values === null || values === void 0 ? void 0 : values[0] }));
+}

package/dist/src/web/components/dataView/interface.d.ts

@@ -0,0 +1,5 @@
+import { IDataContainer } from '../listView/interface';
+/**
+ * 数据容器-数据视图
+ */
+export declare type IDataView = IDataContainer;

package/dist/src/web/components/dataView/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/src/web/components/drawer/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DrawerProps } from 'tea-component';
+import type { CommonPropsType } from '../../types';
+declare const TeaDrawer: ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }: PropsType) => JSX.Element;
+export interface PropsType extends CommonPropsType, Pick<DrawerProps, 'size' | 'title' | 'showMask' | 'placement' | 'disableCloseIcon' | 'outerClickClosable' | 'subtitle'> {
+    visible: boolean;
+    title?: string;
+    extraSlot?: React.ReactNode;
+    footerSlot?: React.ReactNode;
+    childrenSlot?: React.ReactNode;
+}
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/src/web/components/drawer/index.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ConfigProvider, Drawer } from 'tea-component';
+const TeaDrawer = ({ size, title, style, events, visible, subtitle, showMask, className, placement, extraSlot, footerSlot, childrenSlot, disableCloseIcon, outerClickClosable, }) => {
+    const eventsList = {
+        onClose: () => (events === null || events === void 0 ? void 0 : events.onClose) && events.onClose({}),
+        onExited: () => (events === null || events === void 0 ? void 0 : events.onExited) && events.onExited({}),
+    };
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(Drawer, { size: size, title: title, style: style, visible: visible, extra: extraSlot, footer: footerSlot, subtitle: subtitle, showMask: showMask, className: className, placement: placement, disableCloseIcon: disableCloseIcon, outerClickClosable: outerClickClosable, ...eventsList }, childrenSlot)));
+};
+export default TeaDrawer;
+export { TeaDrawer };

package/dist/src/web/components/form/checkbox/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+export default function Checkbox({ id, className, style, events, name, label, labelVisible, format, enumName, range, layout, disabled, requiredFlag, decorator, controlValue, }: PropsType): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    range?: Readonly<{
+        label: string;
+        value: any;
+        [key: string]: any;
+    }[]>;
+    format?: string;
+    enumName?: string;
+    controlValue?: [];
+}

package/dist/src/web/components/form/checkbox/index.js

@@ -0,0 +1,167 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Checkbox as TeaCheckbox, ConfigProvider } from 'tea-component';
+import classNames from '../../../utils/classnames';
+import getLocalCounter from '../../../utils/getLocalCounter';
+import isObjectEqual from '../../../utils/isObjectEqual';
+import fromEntries from 'object.fromentries';
+import { usePlatform } from '../../../utils/platform';
+import { renderDecorator } from '../renderDecorator';
+import { callWedaApi } from '../../../utils/tcb';
+import destr from 'destr';
+import { emptyArray, emptyObject } from '../../../utils/constant';
+export default function Checkbox({ 
+// 系统属性
+id, className, style, events = emptyObject, 
+// 组件属性
+name = 'formCheckbox', label = '标题', labelVisible = true, format = '', enumName = '', range = emptyArray, layout = 'horizontal', disabled = false, requiredFlag = false, decorator, controlValue, }) {
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-checkbox': true,
+        [className]: className,
+    });
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
+    const subCls = classNames({
+        'weui-cell': isH5,
+        'weui-cell_active': isH5,
+        'weui-check__label': isH5,
+        'weui-cell_disabled': isH5 && disabled,
+    });
+    const [option, setOption] = useState(range);
+    const [enumOptions, setEnumOptions] = useState([]);
+    const [checkedItems, setCheckedItems] = React.useState(platform === 'h5'
+        ? fromEntries(option.map(({ value, checked }) => [value, !!checked]))
+        : option.filter(({ checked }) => checked).map(({ value }) => value));
+    // 两次range不同时, 需要刷新checkedItems
+    const prevRangeRef = React.useRef();
+    React.useEffect(() => {
+        if (!isObjectEqual(prevRangeRef.current, option, true)) {
+            prevRangeRef.current = JSON.parse(JSON.stringify(option));
+            setCheckedItems(fromEntries(option.map(({ value, checked }) => [value, !!checked])));
+        }
+    }, [option]);
+    const fetchData = useCallback(async (param) => {
+        var _a, _b, _c;
+        const data = await callWedaApi({
+            action: 'DescribeGeneralOptionsDetailList',
+            data: param,
+        });
+        /* istanbul ignore next */
+        const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
+        const enumOption = config.map((item) => {
+            return {
+                label: item.value,
+                value: item.key,
+                checked: false,
+            };
+        });
+        setEnumOptions(enumOption);
+        const opt = enumOption &&
+            enumOption.map((item) => {
+                const checked = controlValue && controlValue.find((val) => val === item.value);
+                return {
+                    value: item.value,
+                    label: item.label,
+                    checked: !!checked,
+                };
+            });
+        setOption(opt);
+    }, [controlValue]);
+    useEffect(() => {
+        // 如果绑定字段类型为枚举，且传入自定义选项集的名称则默认使用自定义选项集的内容作为选项
+        if (format === 'x-enum' && enumName) {
+            fetchData({ OptNameList: [enumName], PageIndex: 1, PageSize: 10 });
+        }
+    }, [enumName, fetchData, format]);
+    useEffect(() => {
+        if (format === 'x-enum') {
+            const opt = enumOptions &&
+                enumOptions.map((item) => {
+                    const checked = controlValue && controlValue.find((val) => val === item.value);
+                    return {
+                        value: item.value,
+                        label: item.label,
+                        checked: !!checked,
+                    };
+                });
+            setOption(opt);
+        }
+    }, [controlValue, enumOptions, format]);
+    useEffect(() => {
+        if (format !== 'x-enum') {
+            setOption(range);
+        }
+    }, [format, range]);
+    /**
+     * 在ios h5端, label和input的绑定不生效
+     * 导致 onChange 事件触发有问题, 所以改为监听 onClick 事件
+     */
+    const getChangeHandler = function (value) {
+        const onChange = function (e) {
+            e.stopPropagation();
+            const checked = !checkedItems[value];
+            const newMap = Object.assign({}, checkedItems, { [value]: checked });
+            if (!disabled) {
+                setCheckedItems(newMap);
+                events.change({
+                    value: Object.entries(newMap)
+                        .filter(([, checked]) => checked)
+                        .map(([value]) => value),
+                }, { originEvent: e });
+            }
+        };
+        return onChange;
+    };
+    // 现在低码组件往源码组件传入的id不唯一, 暂时使用hashcode替代
+    const hashcode = React.useMemo(() => getLocalCounter(), []);
+    let checkboxElement;
+    if (platform === 'h5') {
+        checkboxElement = option.map(({ label, value }, index) => {
+            const _id = `checkbox-${hashcode}-${index}`;
+            const _name = `checkbox-${hashcode}-${name}`;
+            return (React.createElement("div", { key: _id, onClickCapture: getChangeHandler(value), className: subCls },
+                React.createElement("div", { className: "weui-cell__hd" },
+                    React.createElement("input", { type: "checkbox", className: "weui-check", value: value, id: _id, name: _name, checked: checkedItems[value], disabled: disabled }),
+                    React.createElement("i", { className: "weui-icon-checked" })),
+                React.createElement("div", { className: "weui-cell__bd" },
+                    React.createElement("p", null, label))));
+        });
+    }
+    else {
+        checkboxElement = (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+            React.createElement(TeaCheckbox.Group, { disabled: disabled, value: Object.entries(checkedItems)
+                    .filter(([, checked]) => checked)
+                    .map(([value]) => value), onChange: (value) => {
+                    const newMap = option
+                        .map((opt) => opt.value)
+                        .reduce((acc, cur) => {
+                        const idx = value.indexOf(cur);
+                        if (idx < 0) {
+                            acc[cur] = false;
+                        }
+                        else {
+                            acc[cur] = true;
+                        }
+                        return acc;
+                    }, {});
+                    setCheckedItems(newMap);
+                    events.change({
+                        value: Object.entries(newMap)
+                            .filter(([, checked]) => checked)
+                            .map(([value]) => value),
+                    });
+                } }, option.map(({ value, label }, index) => {
+                const _id = `checkbox-${hashcode}-${index}`;
+                return (React.createElement(TeaCheckbox, { key: _id, name: value, id: _id }, label));
+            }))));
+    }
+    return renderDecorator(checkboxElement, decorator)({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: true,
+        requiredFlag,
+    });
+}

package/dist/src/web/components/form/enumSelect/MultipleSelect.d.ts

@@ -0,0 +1,78 @@
+export default MultipleSelect;
+declare function MultipleSelect({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, allOption, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
+    id: any;
+    style: any;
+    className: any;
+    events: any;
+    label: any;
+    labelVisible: any;
+    layout: any;
+    requiredFlag: any;
+    decorator: any;
+    value: any;
+    placeholder: any;
+    disabled: any;
+    onChange: any;
+    clearable: any;
+    appearance: any;
+    allOption: any;
+    matchButtonWidth: any;
+    virtual: any;
+    searchable: any;
+    size: any;
+    options: any;
+    isModelApp: any;
+}): JSX.Element;
+declare namespace MultipleSelect {
+    const propTypes: {
+        events: import("prop-types").Requireable<object>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number>>;
+        name: import("prop-types").Requireable<string>;
+        placeholder: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
+        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<any[]>;
+        clearable: import("prop-types").Requireable<boolean>;
+        appearance: import("prop-types").Requireable<string>;
+        allOption: import("prop-types").Requireable<object>;
+        matchButtonWidth: import("prop-types").Requireable<boolean>;
+        virtual: import("prop-types").Requireable<boolean>;
+        searchable: import("prop-types").Requireable<boolean>;
+        size: import("prop-types").Requireable<string>;
+        value: import("prop-types").Requireable<NonNullable<string | any[]>>;
+        enumType: import("prop-types").Requireable<string>;
+        customEnum: import("prop-types").Requireable<any[]>;
+        optionId: import("prop-types").Requireable<string>;
+        isModelApp: import("prop-types").Requireable<boolean>;
+        id: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        label: import("prop-types").Requireable<string>;
+        labelVisible: import("prop-types").Requireable<boolean>;
+        layout: import("prop-types").Requireable<string>;
+        requiredFlag: import("prop-types").Requireable<boolean>;
+    };
+    const defaultProps: {
+        value: string;
+        events: {};
+        label: string;
+        labelVisible: boolean;
+        layout: string;
+        requiredFlag: boolean;
+        name: string;
+        placeholder: string;
+        disabled: boolean;
+        onChange: () => void;
+        options: any[];
+        clearable: boolean;
+        appearance: string;
+        matchButtonWidth: boolean;
+        virtual: boolean;
+        searchable: boolean;
+        size: string;
+        enumType: string;
+        customEnum: any[];
+        optionId: any;
+        isModelApp: boolean;
+    };
+}

package/dist/src/web/components/form/enumSelect/MultipleSelect.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { SelectMultiple } from 'tea-component';
+import SelectContainer from './SelectContainer';
+import { normalProps } from './props/defaultProps';
+import { propTypes } from './props/propsTypes';
+const MultipleSelect = ({ 
+// 系统属性
+id, style, className, events, 
+// weda 组件属性
+label, labelVisible, layout, requiredFlag, decorator, 
+// tea组件属性
+value, placeholder, disabled, onChange, clearable, appearance, allOption, matchButtonWidth, virtual, searchable, size, options, 
+// 业务属性
+isModelApp, }) => {
+    const onSelectChange = (values) => {
+        // @ts-ignore jsx
+        events.change && events.change({ value: values });
+        if (onChange) {
+            onChange(values);
+        }
+    };
+    const multipleSelectProps = {
+        placeholder,
+        disabled,
+        clearable,
+        appearance,
+        key: id,
+        options,
+        onChange: onSelectChange,
+        matchButtonWidth,
+        searchable,
+        size,
+        defaultValue: value || [],
+        allOption,
+        staging: false,
+        virtual,
+    };
+    if (isModelApp) {
+        return React.createElement(SelectMultiple, { ...multipleSelectProps });
+    }
+    return (React.createElement(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
+        // @ts-ignore jsx
+        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id },
+        React.createElement(SelectMultiple, { ...multipleSelectProps })));
+};
+MultipleSelect.propTypes = {
+    ...propTypes,
+};
+MultipleSelect.defaultProps = {
+    ...normalProps,
+};
+export default MultipleSelect;

package/dist/src/web/components/form/enumSelect/NormalSelect.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+declare const NormalSelect: {
+    ({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
+        id: any;
+        style: any;
+        className: any;
+        events: any;
+        label: any;
+        labelVisible: any;
+        layout: any;
+        requiredFlag: any;
+        decorator: any;
+        value: any;
+        placeholder: any;
+        disabled: any;
+        onChange: any;
+        clearable: any;
+        appearance: any;
+        matchButtonWidth: any;
+        virtual: any;
+        searchable: any;
+        size: any;
+        options: any;
+        isModelApp: any;
+    }): JSX.Element;
+    propTypes: {
+        events: import("prop-types").Requireable<object>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number>>;
+        name: import("prop-types").Requireable<string>;
+        placeholder: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
+        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<any[]>;
+        clearable: import("prop-types").Requireable<boolean>;
+        appearance: import("prop-types").Requireable<string>;
+        allOption: import("prop-types").Requireable<object>;
+        matchButtonWidth: import("prop-types").Requireable<boolean>;
+        virtual: import("prop-types").Requireable<boolean>;
+        searchable: import("prop-types").Requireable<boolean>;
+        size: import("prop-types").Requireable<string>;
+        value: import("prop-types").Requireable<NonNullable<string | any[]>>;
+        enumType: import("prop-types").Requireable<string>;
+        customEnum: import("prop-types").Requireable<any[]>;
+        optionId: import("prop-types").Requireable<string>;
+        isModelApp: import("prop-types").Requireable<boolean>;
+        id: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        label: import("prop-types").Requireable<string>;
+        labelVisible: import("prop-types").Requireable<boolean>;
+        layout: import("prop-types").Requireable<string>;
+        requiredFlag: import("prop-types").Requireable<boolean>;
+    };
+    defaultProps: {
+        value: any[];
+        allOption: {
+            value: string;
+            text: string;
+            tooltip: string;
+        };
+        events: {};
+        label: string;
+        labelVisible: boolean;
+        layout: string;
+        requiredFlag: boolean;
+        name: string;
+        placeholder: string;
+        disabled: boolean;
+        onChange: () => void;
+        options: any[];
+        clearable: boolean;
+        appearance: string;
+        matchButtonWidth: boolean;
+        virtual: boolean;
+        searchable: boolean;
+        size: string;
+        enumType: string;
+        customEnum: any[];
+        optionId: any;
+        isModelApp: boolean;
+    };
+};
+export default NormalSelect;

package/dist/src/web/components/form/enumSelect/NormalSelect.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { Select } from 'tea-component';
+import SelectContainer from './SelectContainer';
+import { multipleProps } from './props/defaultProps';
+import { propTypes } from './props/propsTypes';
+import { useSyncValue } from '../../../utils/useSyncValue';
+const NormalSelect = ({ 
+// 系统属性
+id, style, className, events, 
+// weda 组件属性
+label, labelVisible, layout, requiredFlag, decorator, 
+// tea组件属性
+value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, 
+// 业务属性
+isModelApp, }) => {
+    const [selectedValue, setSelectedValue] = useSyncValue(value);
+    const onSelectChange = (value) => {
+        setSelectedValue(value);
+        events.change && events.change({ value });
+        if (onChange) {
+            onChange(value || '');
+        }
+    };
+    const singleSelectProps = {
+        placeholder,
+        disabled,
+        clearable,
+        appearance,
+        key: id,
+        options,
+        onChange: onSelectChange,
+        value: selectedValue,
+        matchButtonWidth,
+        virtual,
+        searchable,
+        size,
+    };
+    if (isModelApp) {
+        return React.createElement(Select, { ...singleSelectProps });
+    }
+    return (React.createElement(SelectContainer, { style: style, className: className, label: label, labelVisible: labelVisible, layout: layout, 
+        // @ts-expect-error selectcontainer type inorrect
+        multiCell: false, requiredFlag: requiredFlag, decorator: decorator, id: id },
+        React.createElement(Select, { ...singleSelectProps })));
+};
+NormalSelect.propTypes = {
+    ...propTypes,
+};
+NormalSelect.defaultProps = {
+    ...multipleProps,
+};
+export default NormalSelect;

package/dist/src/web/components/form/enumSelect/SelectContainer.d.ts

@@ -0,0 +1,16 @@
+export default SelectContainer;
+declare function SelectContainer({ style, className, id, label, labelVisible, layout, requiredFlag, decorator, children, }: {
+    style: any;
+    className: any;
+    id: any;
+    label: any;
+    labelVisible: any;
+    layout: any;
+    requiredFlag: any;
+    decorator: any;
+    children: any;
+}): JSX.Element;
+declare namespace SelectContainer {
+    export { selectContainerPropsTypes as propTypes };
+}
+import { selectContainerPropsTypes } from "./props/propsTypes";

package/dist/src/web/components/form/enumSelect/SelectContainer.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import classNames from '../../../utils/classnames';
+import { selectContainerPropsTypes } from './props/propsTypes';
+import { renderDecorator } from '../renderDecorator';
+const SelectContainer = ({ style, className, 
+// weda 组件属性
+id, label, labelVisible, layout, requiredFlag, decorator, children, }) => {
+    const cls = classNames({
+        'weda-ui': true,
+        [className]: className,
+    });
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-cell_disabled': true,
+    });
+    const SelectComponent = React.createElement("div", { className: subCls }, children);
+    return renderDecorator(SelectComponent, decorator)({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+    });
+};
+SelectContainer.propTypes = selectContainerPropsTypes;
+export default SelectContainer;

package/dist/src/web/components/form/enumSelect/index.d.ts

@@ -0,0 +1,82 @@
+export default EnumSelect;
+declare const EnumSelect: {
+    ({ id, style, className, events, label, labelVisible, layout, requiredFlag, decorator, value, placeholder, disabled, onChange, clearable, appearance, matchButtonWidth, virtual, searchable, size, options, isModelApp, }: {
+        id: any;
+        style: any;
+        className: any;
+        events: any;
+        label: any;
+        labelVisible: any;
+        layout: any;
+        requiredFlag: any;
+        decorator: any;
+        value: any;
+        placeholder: any;
+        disabled: any;
+        onChange: any;
+        clearable: any;
+        appearance: any;
+        matchButtonWidth: any;
+        virtual: any;
+        searchable: any;
+        size: any;
+        options: any;
+        isModelApp: any;
+    }): JSX.Element;
+    propTypes: {
+        events: import("prop-types").Requireable<object>;
+        defaultValue: import("prop-types").Requireable<NonNullable<string | number>>;
+        name: import("prop-types").Requireable<string>;
+        placeholder: import("prop-types").Requireable<string>;
+        disabled: import("prop-types").Requireable<boolean>;
+        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<any[]>;
+        clearable: import("prop-types").Requireable<boolean>;
+        appearance: import("prop-types").Requireable<string>;
+        allOption: import("prop-types").Requireable<object>;
+        matchButtonWidth: import("prop-types").Requireable<boolean>;
+        virtual: import("prop-types").Requireable<boolean>;
+        searchable: import("prop-types").Requireable<boolean>;
+        size: import("prop-types").Requireable<string>;
+        value: import("prop-types").Requireable<NonNullable<string | any[]>>;
+        enumType: import("prop-types").Requireable<string>;
+        customEnum: import("prop-types").Requireable<any[]>;
+        optionId: import("prop-types").Requireable<string>;
+        isModelApp: import("prop-types").Requireable<boolean>;
+        id: import("prop-types").Requireable<string>;
+        style: import("prop-types").Requireable<string>;
+        className: import("prop-types").Requireable<string>;
+        label: import("prop-types").Requireable<string>;
+        labelVisible: import("prop-types").Requireable<boolean>;
+        layout: import("prop-types").Requireable<string>;
+        requiredFlag: import("prop-types").Requireable<boolean>;
+    };
+    defaultProps: {
+        value: any[];
+        allOption: {
+            value: string;
+            text: string;
+            tooltip: string;
+        };
+        events: {};
+        label: string;
+        labelVisible: boolean;
+        layout: string;
+        requiredFlag: boolean;
+        name: string;
+        placeholder: string;
+        disabled: boolean;
+        onChange: () => void;
+        options: any[];
+        clearable: boolean;
+        appearance: string;
+        matchButtonWidth: boolean;
+        virtual: boolean;
+        searchable: boolean;
+        size: string;
+        enumType: string;
+        customEnum: any[];
+        optionId: any;
+        isModelApp: boolean;
+    };
+};

package/dist/src/web/components/form/enumSelect/index.js

@@ -0,0 +1,6 @@
+import MultipleSelect from './MultipleSelect';
+import NormalSelect from './NormalSelect';
+const EnumSelect = NormalSelect;
+/** @ts-ignore jsx */
+EnumSelect.MultipleSelect = MultipleSelect;
+export default EnumSelect;