@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import classNames from '../../../../utils/classnames';
+import { noop } from '../../../../utils/constant';
+import { useSyncValue } from '../../../../utils/hooks/useSyncValue';
+import { alertErrorMessage } from '../../../../utils/platform';
+import { PureSelect } from './index';
+const transformValue = (value) => {
+    return value ? value : null;
+};
+export function PureSelectPc(props) {
+    const { size, onChange, 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) => {
+            if (previousValueRef.current != transformValue(value)) {
+                if (value.length > 50) {
+                    alertErrorMessage({
+                        message: '最多选择50条数据',
+                    });
+                }
+                else {
+                    onChange(value);
+                }
+                previousValueRef.current = value;
+            }
+        }, closeModal: undefined, allOption: () => { } }));
+}
+export function PureSelectH5(props) {
+    const { placeholder, name, disabled, onChange = noop, layout, className, params, } = props;
+    const [value, setValue] = useSyncValue(props.value);
+    const [currentMultiLabels, setCurrentMultiLabels] = useState([]);
+    const [allOption, setAllOption] = useState([]);
+    const [isShow, setIsShow] = useState(false);
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-flex__item': layout !== 'vertical',
+        'weui-cell_disabled': disabled,
+    }, className);
+    useEffect(() => {
+        var _a;
+        const labels = [];
+        if (value && !((_a = props === null || props === void 0 ? void 0 : props.params) === null || _a === void 0 ? void 0 : _a.dataSourceName)) {
+            Array.isArray(value) &&
+                value.forEach((item) => {
+                    const obj = props.params.controlledValue.find((el) => el.value === item);
+                    obj && labels.push(obj.label);
+                });
+            setCurrentMultiLabels(labels);
+        }
+    }, [value, props.params]);
+    useEffect(() => {
+        const label = [];
+        Array.isArray(value) &&
+            value.forEach((item) => {
+                const obj = allOption.find((el) => el.value === item);
+                obj && label.push(obj.label);
+            });
+        setCurrentMultiLabels(label);
+    }, [allOption, value]);
+    // 选择回调
+    const onChooseCallback = (option) => {
+        if (!option || Object.keys(option).length === 0) {
+            setValue([]);
+            onChange([]);
+            setCurrentMultiLabels([]);
+            setIsShow(false);
+        }
+        else {
+            if (typeof value === 'object') {
+                const arr = value;
+                // const labels = currentMultiLabels;
+                const obj = arr.find((item) => item === option.value);
+                if (obj) {
+                    // const labelIndex = currentMultiLabels.indexOf(option.label);
+                    // labels.splice(labelIndex, 1);
+                    const valueIndex = value.indexOf(option.value);
+                    arr.splice(valueIndex, 1);
+                }
+                else {
+                    // labels.push(option?.label);
+                    arr.push(option === null || option === void 0 ? void 0 : option.value);
+                }
+                const label = [];
+                arr.forEach((item) => {
+                    const obj = allOption.find((el) => el.value === item);
+                    obj && label.push(obj.label);
+                });
+                setCurrentMultiLabels(label);
+                setValue(arr);
+                onChange(arr);
+                // setCurrentMultiLabels(labels);
+            }
+        }
+    };
+    const onClick = () => {
+        setIsShow(true);
+    };
+    const close = () => {
+        setIsShow(false);
+    };
+    const getAllOption = (val) => {
+        setAllOption(val);
+    };
+    return (_jsxs("div", { children: [_jsx("div", { className: subCls, children: _jsxs("div", { className: "weui-cell__bd weui-flex select-picker", children: [_jsx("div", { style: { width: '100%' }, onClick: disabled ? null : onClick, children: _jsx("input", { className: "weui-input multiple weda-ui-show-label", 
+                                // style={{
+                                //   display: currentMultiLabels.length > 0 ? 'none' : 'block',
+                                // }}
+                                type: "select", name: name, placeholder: placeholder, value: currentMultiLabels, disabled: disabled, autoComplete: 'off', readOnly: true, "data-testid": "form-item-select-multiple" }) }), currentMultiLabels.length > 0 && (_jsx("span", { className: 'weui-input-clear', onClick: () => {
+                                onChooseCallback(undefined);
+                            } })), _jsx("span", { className: 'weui-input-arrow' })] }) }), _jsx(PureSelect, { params: params, updateValue: onChooseCallback, selectedValue: value, isShow: isShow, size: undefined, disabled: undefined, placeholder: undefined, closeModal: close, allOption: getAllOption })] }));
+}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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, readOnly, }) {
+    const [selectedValue, setSelectedValue] = React.useState(defaultValue);
+    // 两次默认值不同, 需要刷新;
+    const prevDefaultRef = React.useRef({});
+    React.useEffect(() => {
+        var _a;
+        let hasChange = false;
+        if (((_a = prevDefaultRef.current) === null || _a === void 0 ? void 0 : _a.defaultValue) !== defaultValue) {
+            setSelectedValue(defaultValue);
+            hasChange = true;
+        }
+        if (hasChange) {
+            prevDefaultRef.current = {
+                defaultValue,
+            };
+        }
+    });
+    let params = {
+        controlledValue: range,
+    };
+    if (format === 'many-many' || format === 'one-many') {
+        params = {
+            format,
+            dataSourceName,
+            primaryField,
+            controlledValue: range,
+        };
+    }
+    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);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+        } }));
+}

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

@@ -0,0 +1,37 @@
+.weda-ui .weui-cell.weui-check__label {
+  padding: 16px;
+}
+
+.weda-ui .weui-flex__item .weui-cell.weui-check__label {
+  padding-left: 0;
+}
+
+.weda-ui.weda-select .weui-cell_form {
+  padding: 0 16px;
+}
+
+.weda-ui.weda-select .weui-flex__item .weui-cell_form {
+  padding: 0;
+  padding-right: 16px;
+}
+
+.select-picker .weui-input-arrow {
+  margin: auto 0;
+  width: 24px;
+  height: 24px;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect opacity='0.01' width='24' height='24' fill='%23D8D8D8'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6003 12.5769L7.93943 20L6.99981 19.0875L14.3157 11.9986L6.99983 4.91249L7.93945 4L15.5754 11.3961C15.5858 11.4048 15.596 11.4139 15.6059 11.4235L15.8278 11.639C16.0302 11.8355 16.03 12.1605 15.8274 12.3568L15.6253 12.5526L15.6049 12.5725C15.6034 12.574 15.6018 12.5754 15.6003 12.5769Z' fill='black' fill-opacity='0.4'/%3E %3C/svg%3E ");
+}
+
+.weda-ui .wedatea2td-input:disabled {
+  background-color: inherit;
+}
+.select-region-pc .wedatea2td-cascader-menu--thin .wedatea2td-list > li {
+  padding: 10px 24px 10px 8px;
+}
+.weda-ui-custom-picker__header-confirm {
+  flex: 0 0 auto;
+  padding: 0 20px;
+  font-size: 16px;
+  color: #0052d9;
+  cursor: pointer;
+}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { usePlatform } from '../../../utils/platform';
+import SelectH5 from './h5';
+import classNames from '../../../utils/classnames';
+import { ConfigProvider } from 'tea-component';
+import { renderDecorator } from '../renderDecorator';
+import { emptyObject } from '../../../utils/constant';
+import { CommonErrorBoundary } from '../../common/error-boundary';
+import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
+import { PureSelectPc } from './dropdown-select/ui';
+import './style';
+export default function SelectMultiple(props) {
+    return (_jsx(CommonErrorBoundary, { children: _jsx(SelectImpl, { ...props }) }));
+}
+function SelectImpl(props) {
+    const { id, style, className, label = '标题', labelVisible = true, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, } = props;
+    const platform = usePlatform();
+    useLoopRenderDetect();
+    let selectEl;
+    if (platform === 'h5') {
+        selectEl = _jsx(SelectH5, { ...props });
+    }
+    else {
+        selectEl = _jsx(SelectPc, { ...props });
+    }
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-select': true,
+        [className]: className,
+    });
+    return renderDecorator(selectEl, decorator)({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+        size,
+    });
+}
+export const defaultProps = {
+    // 系统属性
+    events: {},
+    // 组件属性
+    label: '标题',
+    size: 'l',
+    labelVisible: true,
+    name: 'formSelectMultiple',
+    placeholder: '请选择',
+    layout: 'horizontal',
+    disabled: false,
+    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, readOnly, }) {
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef();
+    const [selectedValue, setSelectedValue] = React.useState(defaultValue);
+    let params = {
+        controlledValue: range,
+    };
+    if (format === 'many-many' || format === 'one-many') {
+        params = {
+            format,
+            dataSourceName,
+            primaryField,
+            controlledValue: range,
+        };
+    }
+    React.useEffect(() => {
+        var _a;
+        let hasChange = false;
+        if (((_a = prevDefaultRef.current) === null || _a === void 0 ? void 0 : _a.defaultValue) !== defaultValue) {
+            setSelectedValue(defaultValue);
+            hasChange = true;
+        }
+        if (hasChange) {
+            prevDefaultRef.current = {
+                defaultValue,
+            };
+        }
+    });
+    const createDropdown = () => {
+        return (_jsx(PureSelectPc, { params: params, disabled: disabled, readOnly: readOnly, placeholder: placeholder, size: size, value: selectedValue, onChange: (value) => {
+                var _a;
+                onChange && onChange(value);
+                setSelectedValue(value);
+                (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+            } }));
+    };
+    const dropdown = createDropdown();
+    return _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: dropdown });
+}

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/request.js

@@ -0,0 +1,76 @@
+import { getWhereList } from '../../../utils/platform';
+import { callDataSource } from '../../../utils/tcb';
+export const formatNeedDataFetch = ['many-many', 'one-many'];
+export const PAGE_SIZE = 200;
+export const RequestOptionType = {
+    ALL: 0,
+    SEARCH: 1,
+    EQUAL: 2,
+};
+function isEmpty(s) {
+    if (s == null || s === '') {
+        return true;
+    }
+    return false;
+}
+export const requestFatherRelatedOption = async (params, pageNo, type, searchValue) => {
+    const { dataSourceName, where, primaryField } = params;
+    const empty = {
+        option: [],
+        isLoadMore: false,
+    };
+    if (isEmpty(dataSourceName)) {
+        return empty;
+    }
+    let realWhere;
+    if (type === RequestOptionType.SEARCH) {
+        realWhere = [{ key: primaryField, val: searchValue, rel: 'search' }];
+    }
+    else if (type === RequestOptionType.EQUAL) {
+        realWhere = [{ key: '_id', val: searchValue, rel: 'eq' }];
+    }
+    else {
+        realWhere = [].concat(getWhereList(where));
+    }
+    const data = await callDataSource({
+        dataSourceName: dataSourceName,
+        methodName: 'wedaGetRecords',
+        params: {
+            pageNo: pageNo,
+            pageSize: PAGE_SIZE,
+            where: realWhere,
+        },
+    });
+    const results = data === null || data === void 0 ? void 0 : data.records;
+    if (primaryField) {
+        if (results && results.length !== 0) {
+            const option = results.map((item) => {
+                return {
+                    label: item[primaryField] || item._id,
+                    value: item._id,
+                };
+            });
+            return {
+                option,
+                isLoadMore: results.length === PAGE_SIZE,
+            };
+        }
+        if (results && results.length === 0) {
+            return empty;
+        }
+    }
+    const defaultData = results === null || results === void 0 ? void 0 : results.map((opt) => ({
+        option: [{ label: opt._id, value: opt._id }],
+    })); // 兜底 正常来说一定有primaryField
+    return !isEmpty(defaultData)
+        ? { option: defaultData, isLoadMore: false }
+        : Promise.reject('network error');
+};
+export const transFormatTeaSelectKey = (options) => {
+    return options.map((item) => {
+        return {
+            value: item.value,
+            text: item.label,
+        };
+    });
+};

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/allEmpty.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './style';
+export default function AllEmpty({ height }) {
+    return (_jsx("div", { className: "weda-ui-custom-picker__empty", style: { height }, children: "\u6682\u65E0\u6570\u636E" }));
+}

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/empty.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { usePlatform } from '../../../../utils/platform';
+import './style';
+export default function Empty({ height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (_jsx("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", style: { height: loadingHeight, lineHeight: loadingHeight }, children: "\u6682\u65E0\u6570\u636E" }));
+}

package/dist/web/components/form/selectMultiple/status/index.css

@@ -0,0 +1,63 @@
+.weda-ui-custom-picker__empty {
+  color: rgba(0, 0, 0, 0.4);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 15px;
+}
+
+.weda-ui-custom-picker__status {
+  left: 16px;
+  color: rgba(0, 0, 0, 0.4);
+  font-size: 14px;
+  height: 48px;
+  line-height: 48px;
+  display: flex;
+  vertical-align: middle;
+}
+
+.weda-ui-custom-picker__status--loading {
+  color: #0052d9;
+  display: flex;
+  align-items: center;
+}
+
+.weda-ui-custom-picker__status--empty {
+  color: #00000042;
+}
+
+.weda-ui-custom-picker__loading-icon {
+  width: 20px;
+  height: 20px;
+  display: inline-block;
+  background-image: url(data:image/png;base64,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);
+  background-size: contain;
+  animation: rotate360 0.8s linear infinite;
+}
+
+@keyframes rotate360 {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.weda-ui-custom-picker__status--loading .weda-ui-custom-picker__loading-icon {
+  margin-right: 8px;
+}
+
+.weda-ui-custom-picker__btn {
+  background-color: transparent;
+  border: none;
+  font-size: 14px;
+  margin-left: 8px;
+}
+
+.weda-ui-custom-picker__btn--link {
+  color: #0052d9;
+}

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/index.js

@@ -0,0 +1,7 @@
+export const Status = {
+    ALl_EMPTY: -1,
+    LOADING: 0,
+    ERROR: 1,
+    FINISH: 2,
+    EMPTY: 3,
+};

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/loading.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { usePlatform } from '../../../../utils/platform';
+import './style';
+export default function Loading({ height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (_jsxs("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--loading", style: { height: loadingHeight }, children: [_jsx("i", { className: "weda-ui-custom-picker__loading-icon" }), "\u52A0\u8F7D\u4E2D..."] }));
+}

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

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

package/dist/web/components/form/selectMultiple/status/propsType.js

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

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

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

package/dist/web/components/form/selectMultiple/status/retry.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { usePlatform } from '../../../../utils/platform';
+import './style';
+export default function Retry({ reTry, height }) {
+    const platform = usePlatform();
+    const loadingHeight = useMemo(() => {
+        if (height) {
+            return height;
+        }
+        if (platform === 'h5') {
+            return '48px';
+        }
+        else {
+            return '21px';
+        }
+    }, [platform]);
+    return (_jsxs("div", { className: "weda-ui-custom-picker__status ", style: { height: loadingHeight, lineHeight: loadingHeight }, children: ["\u52A0\u8F7D\u5931\u8D25", _jsx("button", { className: "weda-ui-custom-picker__btn weda-ui-custom-picker__btn--link", onClick: reTry, children: "\u91CD\u8BD5" })] }));
+}

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

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

package/dist/web/components/form/selectMultiple/status/style.js

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

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

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

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

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