@cloudbase/weda-ui 3.4.12 → 3.4.14

package/dist/web/actions/showMessage/index.js

@@ -1,6 +1,6 @@
 import { isH5Platform } from '../../utils/platform';
 import { message, setConfig } from 'tea-component';
-import './index.css';
+import './style';
 const iconType = {
     success: 'success',
     error: 'error',

package/dist/web/actions/showMessage/style.js

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

package/dist/web/actions/showModal/index.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import { Modal, Button, Text, ConfigProvider } from 'tea-component';
 import { noop } from '../../utils/constant';
-import './index.css';
+import './style';
 const ModalShow = forwardRef(function ModalShow(props, ref) {
     const [visible, setVisible] = useState(false);
     // 渲染之后，马上显示

package/dist/web/actions/showModal/style.js

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

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

@@ -4,7 +4,7 @@ import { Button as TeaButton, ConfigProvider, } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { usePlatform, textToString } from '../../utils/platform';
 import { emptyObject } from '../../utils/constant';
-import './index.css';
+import './style';
 // 不用 react-weui 而直接用底层实现的原因是 react-weui 不能支持表单类型
 const Button = ({ text, size, type, contentSlot, formType, loading, disabled, events = emptyObject, className, style, id, ...props }) => {
     const platform = usePlatform();

package/dist/web/components/button/style.js

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

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

@@ -6,8 +6,8 @@ import * as PropTypes from 'prop-types';
 import classNames from '../../utils/classnames';
 import dayjs from 'dayjs';
 import { createDateList } from './util';
-import './index.css';
 import { emptyArray } from '../../utils/constant';
+import './style';
 // 抽取配置常量
 const blockName = 'weda-calendar'; // 类名前缀
 const minYear = 1970; // 最早选择年份

package/dist/web/components/calendar/style.js

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

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

@@ -3,9 +3,9 @@ import { useState, useEffect, useRef } from 'react';
 import classNames from '../../utils/classnames';
 import Swipe from 'react-easy-swipe';
 import { useDebouncedCallback, useEventListener, useResizeObserver, } from '@react-hookz/web';
-import './index.css';
 import Image from '../image';
 import { emptyObject } from '../../utils/constant';
+import './style';
 export default function Carousel({ className, style, autoplay, circular, vertical, indicatorDots, indicatorColor, indicatorActiveColor, duration, interval, current, events = emptyObject, id, images: defalutImages, }) {
     const isCorrectDatas = Array.isArray(defalutImages);
     const images = isCorrectDatas ? defalutImages : [];

package/dist/web/components/carousel/style.js

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

package/dist/web/components/chart/common/echarts.js

@@ -1,3 +1,4 @@
+/* eslint-disable tree-shaking/no-side-effects-in-initialization */
 // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
 import * as echarts from 'echarts/core';
 // 引入图表，图表后缀都为 Chart

package/dist/web/components/chart/statisticsCard/index.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef } from 'react';
-import './index.css';
 import classNames from '../../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../../utils/platform';
 import { useDeepCompareEffect, useIsMounted } from '@react-hookz/web';
 import { callDataSource, callWedaApi } from '../../../utils/tcb';
 import { getUuid } from '../../../utils/tool';
+import './style';
 const CLASS_PREFIX = 'weda-statistics-card';
 // 默认显示值
 const defaultVal = 1000;

package/dist/web/components/chart/statisticsCard/style.js

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

package/dist/web/components/customer-service/customer-service.js

@@ -5,6 +5,7 @@ import { emptyObject } from '../../utils/constant';
 // @ts-ignore忽略ts交验
 // eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
 import { autorun } from 'mobx';
+import '../style';
 export const CustomerService = forwardRef(function CustomerService(props, ref) {
     var _a, _b;
     const { id, className, style, events = emptyObject, } = props;

package/dist/web/components/echart/echart.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable max-lines */
+import { forwardRef, useImperativeHandle, useState, useCallback, useEffect, } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+let ReactEcharts = null;
+const getEchartInstance = async () => {
+    if (ReactEcharts)
+        return ReactEcharts;
+    const { default: _ } = await import(
+    /* webpackChunkName: "echarts-for-react" */ 'echarts-for-react');
+    ReactEcharts = _;
+};
+export const Echart = forwardRef(function Echart(props, ref) {
+    const { className = '', style, id } = props;
+    const platform = usePlatform();
+    // 样式
+    const { classPrefix } = useConfig();
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-chart`;
+    const classes = {
+        [`${classPrefix}-chart`]: true,
+        [platformCss]: true,
+    };
+    const [init, setInit] = useState(false);
+    // 图表实例
+    const [echartsInstance, setEchartsInstance] = useState(null);
+    // 主题
+    const [themeState, setThemeState] = useState('');
+    useEffect(() => {
+        getEchartInstance().then(() => setInit(true));
+    }, []);
+    /**
+     * 设置图表配置
+     */
+    const setOption = useCallback((opts) => {
+        if (echartsInstance && opts)
+            echartsInstance.setOption(opts);
+    }, [echartsInstance]);
+    /**
+     * 设置主题
+     */
+    const setTheme = useCallback((opts) => {
+        if (echartsInstance && (opts === null || opts === void 0 ? void 0 : opts.theme))
+            setThemeState(opts.theme);
+    }, [echartsInstance]);
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            setOption,
+            setTheme,
+            echartsInstance,
+        };
+    }, [echartsInstance, setOption, setTheme]);
+    /**
+     * 获取图表实例
+     * @param instance
+     */
+    const onChartReadyCallback = (instance) => {
+        setEchartsInstance(instance);
+    };
+    /**
+     * 单击
+     */
+    const click = useCallback((...args) => {
+        var _a;
+        (_a = props.events) === null || _a === void 0 ? void 0 : _a.click(...args);
+    }, [props.events]);
+    /**
+     * 双击
+     */
+    const dblclick = useCallback((...args) => {
+        var _a;
+        (_a = props.events) === null || _a === void 0 ? void 0 : _a.dblclick(...args);
+    }, [props.events]);
+    const onEvents = {
+        click,
+        dblclick,
+    };
+    return (_jsx("div", { id: id, style: { width: '100%', ...style }, "data-testid": "wd-chart-test", children: init && (_jsx(ReactEcharts, { style: style, className: classNames(classes, className), option: props.option || {}, theme: themeState || (props.dark ? 'dark' : 'auto'), opts: props.opts, onChartReady: onChartReadyCallback, onEvents: onEvents })) }));
+});

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

@@ -0,0 +1,3 @@
+import { Echart } from './echart';
+export { Echart } from './echart';
+export default Echart;

package/dist/web/components/flow/process/constants.js

@@ -26,7 +26,9 @@ NAME_CODE_MAPPING,
 /** 状态名称映射 */
 NAME_MAPPING, 
 /** 状态名称-状态文本信息映射 */
-NAME_TEXT_MAPPING, } = OPERATION_NODE_STATUS.reduce((result, curr) => {
+NAME_TEXT_MAPPING,
+// eslint-disable-next-line tree-shaking/no-side-effects-in-initialization
+ } = OPERATION_NODE_STATUS.reduce((result, curr) => {
     result.CODE_NAME_MAPPING[curr.code] = curr.name;
     result.NAME_CODE_MAPPING[curr.name.toUpperCase()] = curr.code;
     result.NAME_MAPPING[curr.name.toUpperCase()] = curr.name;

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

@@ -10,6 +10,7 @@ import { renderDecorator } from '../renderDecorator';
 import { callWedaApi } from '../../../utils/tcb';
 import destr from 'destr';
 import { emptyArray, emptyObject } from '../../../utils/constant';
+import './style';
 export default function Checkbox({ 
 // 系统属性
 id, className, style, events = emptyObject, 

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

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

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

@@ -1,5 +1,7 @@
 import MultipleSelect from './MultipleSelect';
+// eslint-disable-next-line tree-shaking/no-side-effects-in-initialization
 import NormalSelect from './NormalSelect';
+import './style';
 const EnumSelect = NormalSelect;
 /** @ts-ignore jsx */
 EnumSelect.MultipleSelect = MultipleSelect;

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

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

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

@@ -4,9 +4,9 @@ import classNames from '../../../utils/classnames';
 import { ConfigProvider, Form as TeaForm, message as TeaMessage, } from 'tea-component';
 import { usePlatform, isInIde } from '../../../utils/platform';
 import { callDataSource, callConnector } from '../../../utils/tcb';
-import './index.css';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { getDataSourceByName } from '../../../utils/datasource';
+import './style';
 const formTypeWithInitValue = ['edit', 'read'];
 /**
  * 表单容器组件

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

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

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from '../../../utils/classnames';
-import './index.css';
 import { usePlatform } from '../../../utils/platform';
 import { ConfigProvider, Form as TeaForm } from 'tea-component';
+import './style';
 export default function FormCell({ className, style, label, layout, children, multiCell, requiredFlag, size, }) {
     const platform = usePlatform();
     const isFlex = layout !== 'vertical';

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

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

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

@@ -5,8 +5,8 @@ import { usePlatform } from '../../../utils/platform';
 import { Input as TeaInput, ConfigProvider, Icon } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
-import './index.css';
 import { emptyObject } from '../../../utils/constant';
+import './style';
 export default function Input({ id, className, style, events = emptyObject, 
 // 组件属性
 label = '标题', labelVisible = true, name = 'formInput', defaultValue = '', password = false, placeholder = '请输入', type = 'text', maxLength = 140, disabled = false, focus: autoFocus = false, layout = 'horizontal', requiredFlag = false, size = 'l', clearable = true, decorator, onChange: outerOnChange, }) {

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

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

package/dist/web/components/form/location/common/mapChoose.js

@@ -6,8 +6,8 @@ import classNames from '../../../../utils/classnames';
 import debounce from '../../../../utils/debounce';
 import { tmapApiUrl } from '../constants';
 import { getTMap, calculateDistance, base64LocationIcon, } from '../../../../utils/tmap';
-import './mapChoose.css';
 import { Icon } from 'tea-component';
+import './style';
 const { useEffect, useState, useRef, useMemo } = React;
 let relativePosition;
 const defaultLatLng = {

package/dist/web/components/form/location/common/selectModal.js

@@ -6,7 +6,7 @@ import { Modal, Button } from 'tea-component';
 import { usePlatform } from '../../../../utils/platform';
 import classNames from '../../../../utils/classnames';
 import MapChoose from './mapChoose';
-import './selectModal.css';
+import './style';
 const { useRef, useState } = React;
 const defaultLatLng = { latlng: { lat: null, lng: null } };
 export default function SelectModal({ currentLocations = defaultLatLng, location = defaultLatLng, setLocation, isSelectMapVisible = false, setIsSelectMapVisible, chooseLocation, APIKEY = '', locationRange, customRange, }) {

package/dist/web/components/form/location/common/style.js

@@ -0,0 +1,3 @@
+import './selectModal.css';
+import './mapChoose.css';
+import '../../../style';

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -4,7 +4,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from '../../../../../utils/classnames';
 import weui from '../../../../../utils/weui';
-import './index.css';
 import { renderDecorator } from '../../../renderDecorator';
 import MapView from '../../common/mapView';
 import SelectModal from '../../common/selectModal';
@@ -12,6 +11,7 @@ import { propTypes, defaultProps } from '../../common/propsConfig';
 import { callDataSource } from '../../../../../utils/tcb';
 import { inH5IsMobile } from '../../../../../utils/platform';
 import styles from './location.module.css';
+import './style';
 const { useEffect, useState, useRef } = React;
 export default function LocationH5(props) {
     const { 

package/dist/web/components/form/location/components/LocationH5/style.js

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

package/dist/web/components/form/location/components/LocationPC/location.PC.js

@@ -12,7 +12,7 @@ import useLocationInfo from '../../common/useLocationInfo';
 import { propTypes, defaultProps } from '../../common/propsConfig';
 import { callDataSource } from '../../../../../utils/tcb';
 import Header from './Header';
-import './index.css';
+import './style';
 const { useState, useEffect } = React;
 export default function LocationPC(props) {
     // 属性、变量

package/dist/web/components/form/location/components/LocationPC/style.js

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

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { ConfigProvider } from 'tea-component';
-import './index.css';
 import { usePlatform } from '../../../utils/platform';
 import LocationH5 from './components/LocationH5/location.h5';
 import LocationPC from './components/LocationPC/location.PC';
 import { CommonErrorBoundary } from '../../common/error-boundary';
 import { useLoopRenderDetect } from '../../common/use-loop-render-detect';
+import './style';
 export default function Location(props) {
     return (_jsx(CommonErrorBoundary, { children: _jsx(LocationImpl, { ...props }) }));
 }

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

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

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

@@ -6,10 +6,10 @@ import classNames from '../../../utils/classnames';
 import getLocalCounter from '../../../utils/getLocalCounter';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { callWedaApi } from '../../../utils/tcb';
-import './index.css';
 import { renderDecorator } from '../renderDecorator';
 import destr from 'destr';
 import { emptyArray, emptyObject } from '../../../utils/constant';
+import './style';
 export default function Radio({ 
 // 系统属性
 id, className, style, events = emptyObject, 

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

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

package/dist/web/components/form/select/allTimePicker/calendar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import './calendar.css';
 import { weeks } from './dataUtils';
+import './style';
 /**
  * 日历组件
  */

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';
 import Calendar from './calendar';
 import { Portal } from '../../../common/portal';
-import './index.css';
 import { defaultData, defaultDateTime, getCurrentHoursIndex, getCurrentMinutesIndex, getCurrentMonthIndex, getCurrentSecondsIndex, getCurrentYearIndex, getFormatData, getIndex, getIOSNotNaNDate, getLastDate, getStartDate, isSpace, isTime, } from './dataUtils';
+import './style';
 /**
  *  年月日时分秒日期选择器
  */

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

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

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useMemo } from 'react';
 import { Portal } from '../../../common/portal';
-import './index.css';
 import { Status } from '../status';
 import Loading from '../status/loading';
 import Retry from '../status/retry';
 import Empty from '../status/empty';
 import AllEmpty from '../status/allEmpty';
 import { PAGE_SIZE, requestFatherRelatedOption, RequestOptionType, } from '../request';
+import './style';
 export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, }) {
     const focusRef = useRef();
     const contentRef = useRef();

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

@@ -5,7 +5,7 @@ import { formatNeedDataFetch, PAGE_SIZE, requestEnumOption, requestFatherRelated
 import SelectPickerPc from './pc';
 import { usePlatform } from '../../../../utils/platform';
 import { Status } from '../status';
-import { useDeepCompareEffect } from '@react-hookz/web';
+import { useDebouncedEffect, useDeepCompareEffect } from '@react-hookz/web';
 export function PureSelect({ params, selectedValue, updateValue, placeholder, size, disabled, isShow, }) {
     const isRequestingRef = useRef(false);
     const [status, setStatus] = useState(Status.ALl_EMPTY);
@@ -146,9 +146,9 @@ export function PureSelect({ params, selectedValue, updateValue, placeholder, si
             return () => clearTimeout(timer);
         }
     };
-    useEffect(() => {
+    useDebouncedEffect(() => {
         handleSearch();
-    }, [searchValue]);
+    }, [searchValue], 300);
     // 加载更多
     const loadMore = () => {
         if (!isRequestingRef.current &&

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

@@ -6,7 +6,7 @@ import Loading from '../status/loading';
 import Retry from '../status/retry';
 import { Status } from '../status';
 import Empty from '../status/empty';
-import './index.css';
+import './style';
 export default function SelectPickerPc({ format, selectedValue, updateValue, placeholder, size, disabled, reTry, loadMore, status, options, onSearchValue, defaultSearchValue, findData, }) {
     const [showDelete, setShowDelete] = useState(false);
     const [optList, setOptList] = useState(options);

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

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

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import * as _moment from 'moment';
-import 'moment/locale/zh-cn';
+import './moment-locale';
+import './style';
 import { usePlatform } from '../../../utils/platform';
 import SelectH5, { decodeIsoDatetime } from './h5';
 import classNames from '../../../utils/classnames';
@@ -19,7 +20,6 @@ export const moment = (typeof _moment === 'function' ? _moment : _moment.default
 const Select = React.memo(function Select(props) {
     return (_jsx(CommonErrorBoundary, { children: _jsx(SelectImpl, { ...props }) }));
 });
-Select.whyDidYouRender = true;
 export default Select;
 function SelectImpl(props) {
     const { id, style, className, label = '标题', labelVisible = true, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, } = props;

package/dist/web/components/form/select/moment-locale.js

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

package/dist/web/components/form/select/status/allEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import './index.css';
+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/select/status/empty.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
 import { usePlatform } from '../../../../utils/platform';
+import './style';
 export default function Empty({ height }) {
     const platform = usePlatform();
     const loadingHeight = useMemo(() => {

package/dist/web/components/form/select/status/loading.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
 import { usePlatform } from '../../../../utils/platform';
+import './style';
 export default function Loading({ height }) {
     const platform = usePlatform();
     const loadingHeight = useMemo(() => {

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
-import './index.css';
+import './style';
 import { usePlatform } from '../../../../utils/platform';
 export default function Retry({ reTry, height }) {
     const platform = usePlatform();

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

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

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

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

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

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { Popover, ConfigProvider, useConfig, Input, Icon, Button, } from 'tea-component';
 import classNames from '../../../utils/classnames';
 import { moment } from './index';
-import './index.css';
+import './style';
 /**
  * pc 版简易年份选择器
  * 传参与 DatePicker 保持一致

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

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { Portal } from '../../../common/portal';
-import './index.css';
 import { Status } from '../status';
 import Loading from '../status/loading';
 import Retry from '../status/retry';
@@ -9,6 +8,7 @@ import Empty from '../status/empty';
 import AllEmpty from '../status/allEmpty';
 import { PAGE_SIZE } from '../request';
 import { alertErrorMessage } from '../../../../utils/platform';
+import './style';
 export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, getIsShow, }) {
     const focusRef = useRef();
     const contentRef = useRef();

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

@@ -6,7 +6,7 @@ import Loading from '../status/loading';
 import Retry from '../status/retry';
 import { Status } from '../status';
 import Empty from '../status/empty';
-import './index.css';
+import './style';
 export default function SelectPickerPc({ format, selectedValue, updateValue, placeholder, size, disabled, reTry, loadMore, status, options, allOptions, onSearchValue, defaultSearchValue, }) {
     const [optList, setOptList] = useState(options);
     const findDataRef = useRef(undefined);

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

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

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

@@ -9,6 +9,7 @@ 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 }) }));
 }