@cloudbase/weda-ui 3.17.2 → 3.17.4

package/dist/web/components/chart/common/core/eChartBar.d.ts

@@ -18,7 +18,7 @@ declare class EchartBar extends EchartBase {
     setColor({ setColor }: {
         setColor: any;
     }): void;
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix, }: {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix }: {
         isSeriesShowSymbol: any;
         isUnit: any;
         unit: any;

package/dist/web/components/chart/common/core/eChartBar.js

@@ -11,6 +11,7 @@ class EchartBar extends EchartBase {
         this.config = { ...this.config, ...config };
     }
     async setSourceData({ dataSource, filterData, xField, xStatistics, xIsCountEmpty, groupKey, groupKeyTimeSpan, yField, isPile, }) {
+        var _a;
         const { name = '', type = '', methodName = '' } = dataSource;
         if (name !== '') {
             const params = this.createWhere({
@@ -23,12 +24,16 @@ class EchartBar extends EchartBase {
                 yField,
             });
             const arrSourData = await this.getSourceData(name, methodName, type, params);
+            this.config.series = [];
+            // 没有数据，直接返回
+            if (!(arrSourData === null || arrSourData === void 0 ? void 0 : arrSourData.length))
+                return;
             // 获取 x 轴数据
             const sortedXAxisData = this.sortXAxisData(arrSourData, xField.format);
             const arrXaxisData = this.setXaxis(sortedXAxisData, xField.format);
             const arrXisCountEmptyIndex = []; // 记录空值的key
             if (Object.keys(groupKey !== null && groupKey !== void 0 ? groupKey : {}).length === 0) {
-                const numLine = sortedXAxisData[0].YLabels.length;
+                const numLine = (_a = sortedXAxisData[0]) === null || _a === void 0 ? void 0 : _a.YLabels.length;
                 if (numLine > 0) {
                     for (let j = 0; j < numLine; j++) {
                         this.config.series[j] = {
@@ -44,17 +49,13 @@ class EchartBar extends EchartBase {
                         };
                         sortedXAxisData.forEach((itemSource, index) => {
                             var _a, _b;
-                            this.config.series[j].name =
-                                (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : itemSource.YLabels[j].Name;
-                            if ((itemSource.YLabels[j].Value === undefined ||
-                                itemSource.YLabels[j].Value === null) &&
+                            this.config.series[j].name = (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : itemSource.YLabels[j].Name;
+                            if ((itemSource.YLabels[j].Value === undefined || itemSource.YLabels[j].Value === null) &&
                                 !xIsCountEmpty) {
                                 arrXisCountEmptyIndex.push(index);
                             }
                             else {
-                                const value = itemSource.YLabels[j].Value
-                                    ? itemSource.YLabels[j].Value
-                                    : 0;
+                                const value = itemSource.YLabels[j].Value ? itemSource.YLabels[j].Value : 0;
                                 this.config.series[j].data.push(value);
                             }
                         });
@@ -120,7 +121,7 @@ class EchartBar extends EchartBase {
         }
     }
     // 显示图表上的数据标签 单位，标签，小数位数，后缀
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix, }) {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix }) {
         decimalDigits = Math.max(0, decimalDigits);
         this.config.series.length > 0 &&
             this.config.series.forEach((itemSeries) => {

package/dist/web/components/chart/common/core/eChartLine.d.ts

@@ -20,7 +20,7 @@ declare class EchartLine extends EchartBase {
     setChartType({ chartType }: {
         chartType: any;
     }): void;
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix, }: {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix }: {
         isSeriesShowSymbol: any;
         isUnit: any;
         unit: any;

package/dist/web/components/chart/common/core/eChartLine.js

@@ -12,6 +12,7 @@ class EchartLine extends EchartBase {
         this.config = { ...this.config, ...config };
     }
     async setSourceData({ dataSource, filterData, xField, xStatistics, xIsCountEmpty, yField, groupKey, groupKeyTimeSpan, }) {
+        var _a;
         const { name = '', type = '', methodName = '' } = dataSource;
         if (name !== '') {
             const params = this.createWhere({
@@ -24,12 +25,16 @@ class EchartLine extends EchartBase {
                 groupKeyTimeSpan,
             });
             const arrSourData = await this.getSourceData(name, methodName, type, params);
+            this.config.series = [];
+            // 没有数据，直接返回
+            if (!(arrSourData === null || arrSourData === void 0 ? void 0 : arrSourData.length))
+                return;
             // 获取 x 轴数据
             const sortedXAxisData = this.sortXAxisData(arrSourData, xField.format);
             const arrXaxisData = this.setXaxis(sortedXAxisData, xField.format);
             const arrXisCountEmptyIndex = []; // 记录空值的key
             if (Object.keys(groupKey !== null && groupKey !== void 0 ? groupKey : {}).length === 0) {
-                const numLine = sortedXAxisData[0].YLabels.length;
+                const numLine = (_a = sortedXAxisData[0]) === null || _a === void 0 ? void 0 : _a.YLabels.length;
                 if (numLine > 0) {
                     for (let j = 0; j < numLine; j++) {
                         this.config.series[j] = {
@@ -45,17 +50,13 @@ class EchartLine extends EchartBase {
                         };
                         sortedXAxisData.forEach((itemSource, index) => {
                             var _a, _b, _c, _d, _e, _f, _g;
-                            this.config.series[j].name =
-                                (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : (_c = itemSource.YLabels[j]) === null || _c === void 0 ? void 0 : _c.Name;
-                            if ((((_d = itemSource.YLabels[j]) === null || _d === void 0 ? void 0 : _d.Value) === undefined ||
-                                ((_e = itemSource.YLabels[j]) === null || _e === void 0 ? void 0 : _e.Value) === null) &&
+                            this.config.series[j].name = (_b = (_a = itemSource.YLabels[j]) === null || _a === void 0 ? void 0 : _a.Cn_Name) !== null && _b !== void 0 ? _b : (_c = itemSource.YLabels[j]) === null || _c === void 0 ? void 0 : _c.Name;
+                            if ((((_d = itemSource.YLabels[j]) === null || _d === void 0 ? void 0 : _d.Value) === undefined || ((_e = itemSource.YLabels[j]) === null || _e === void 0 ? void 0 : _e.Value) === null) &&
                                 !xIsCountEmpty) {
                                 arrXisCountEmptyIndex.push(index);
                             }
                             else {
-                                const value = ((_f = itemSource.YLabels[j]) === null || _f === void 0 ? void 0 : _f.Value)
-                                    ? (_g = itemSource.YLabels[j]) === null || _g === void 0 ? void 0 : _g.Value
-                                    : 0;
+                                const value = ((_f = itemSource.YLabels[j]) === null || _f === void 0 ? void 0 : _f.Value) ? (_g = itemSource.YLabels[j]) === null || _g === void 0 ? void 0 : _g.Value : 0;
                                 this.config.series[j].data.push(value);
                             }
                         });
@@ -125,7 +126,7 @@ class EchartLine extends EchartBase {
             });
     }
     // 显示图表上的数据标签 单位，标签，小数位数，后缀
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix, }) {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isUnit, unit, decimalDigits, suffix }) {
         decimalDigits = decimalDigits < 0 ? 0 : decimalDigits;
         this.config.series.length > 0 &&
             this.config.series.forEach((itemSeries) => {

package/dist/web/components/chart/common/core/eChartPie.d.ts

@@ -4,7 +4,7 @@ export default EchartPie;
  * @author loonglong
  **/
 declare class EchartPie extends EchartBase {
-    setSourceData({ dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, }: {
+    setSourceData({ dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField }: {
         dataSource: any;
         filterData: any;
         setColor: any;
@@ -16,7 +16,7 @@ declare class EchartPie extends EchartBase {
     setChartType({ chartType }: {
         chartType: any;
     }): void;
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }: {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix }: {
         isSeriesShowSymbol: any;
         isPercent: any;
         isUnit: any;

package/dist/web/components/chart/common/core/eChartPie.js

@@ -10,7 +10,7 @@ class EchartPie extends EchartBase {
         const config = getConfig();
         this.config = { ...this.config, ...config };
     }
-    async setSourceData({ dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField, }) {
+    async setSourceData({ dataSource, filterData, setColor, xField, xStatistics, xIsCountEmpty, yField }) {
         const { name = '', type = '', methodName = '' } = dataSource;
         if (name !== '') {
             const params = this.createWhere({
@@ -43,7 +43,8 @@ class EchartPie extends EchartBase {
                 }
             }
             else {
-                // this.config['series'][0].data = [];
+                // this.config.series = [];
+                this.config['series'][0].data = [];
             }
         }
     }
@@ -60,7 +61,7 @@ class EchartPie extends EchartBase {
             });
     }
     // 显示图表上的数据标签 单位，标签，小数位数，后缀
-    setIsSeriesShowSymbol({ isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix, }) {
+    setIsSeriesShowSymbol({ isSeriesShowSymbol, isPercent, isUnit, unit, decimalDigits, suffix }) {
         decimalDigits = decimalDigits < 0 ? 0 : decimalDigits;
         let show = false;
         let position = 'inner';

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

@@ -80,7 +80,7 @@
   color: var(--wd-color-brand, #0052d9);
 }
 
-.weda-ui-custom-picker__cloumns {
+.weda-ui-custom-picker__columns {
   display: flex;
   align-items: flex-start;
   position: relative;
@@ -89,12 +89,12 @@
   overflow: hidden;
 }
 
-.weda-ui-custom-picker__cloumns.size-s {
+.weda-ui-custom-picker__columns.size-s {
   height: 200px;
 }
 
-.weda-ui-custom-picker__cloumns::before,
-.weda-ui-custom-picker__cloumns::after {
+.weda-ui-custom-picker__columns::before,
+.weda-ui-custom-picker__columns::after {
   content: '';
   position: absolute;
   /* width: 100%; */
@@ -105,11 +105,11 @@
   top: 80px;
 }
 
-.weda-ui-custom-picker__cloumns::after {
+.weda-ui-custom-picker__columns::after {
   top: 120px;
 }
 
-.weda-ui-custom-picker__cloumn {
+.weda-ui-custom-picker__column {
   flex: 1 1 0;
   overflow-y: auto;
   overflow-x: hidden;
@@ -117,11 +117,11 @@
   height: 199px;
 }
 
-.weda-ui-custom-picker__cloumn::-webkit-scrollbar {
+.weda-ui-custom-picker__column::-webkit-scrollbar {
   display: none;
 }
 
-.weda-ui-custom-picker__cloumn-item {
+.weda-ui-custom-picker__column-item {
   line-height: 40px;
   display: flex;
   align-items: center;
@@ -130,7 +130,7 @@
   white-space: pre-wrap;
 }
 
-.weda-ui-custom-picker__cloumn-item.is-current {
+.weda-ui-custom-picker__column-item.is-current {
   color: rgba(0, 0, 0, 0.9);
 }
 

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

@@ -4,7 +4,7 @@ import './style';
 /**
  *  年月日时分秒日期选择器
  */
-export default function AllTimePicker({ startDate, endDate, defaultDate, title, onAllTimeCallback, }: PropsType): JSX.Element;
+export default function AllTimePicker({ startDate, endDate, defaultDate, title, onAllTimeCallback }: PropsType): JSX.Element;
 export interface PropsType extends CommonFormPropsType {
     title?: string;
     startDate?: string;

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

@@ -7,7 +7,7 @@ import './style';
 /**
  *  年月日时分秒日期选择器
  */
-export default function AllTimePicker({ startDate, endDate, defaultDate, title, onAllTimeCallback, }) {
+export default function AllTimePicker({ startDate, endDate, defaultDate, title, onAllTimeCallback }) {
     // 滑动监听参数
     const dateRef = useRef();
     const dateTimeRef = useRef();
@@ -51,14 +51,14 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         if (startTime.length === 0) {
             return false;
         }
-        return (startTime[0] === parseInt((_a = date[0].value[yearIndex]) === null || _a === void 0 ? void 0 : _a.replace('年', '')));
+        return startTime[0] === parseInt((_a = date[0].value[yearIndex]) === null || _a === void 0 ? void 0 : _a.replace('年', ''));
     };
     const currentIsStartMonth = () => {
         var _a;
         if (startTime.length === 0) {
             return false;
         }
-        return (startTime[1] === parseInt((_a = date[1].value[monthIndex]) === null || _a === void 0 ? void 0 : _a.replace('月', '')));
+        return startTime[1] === parseInt((_a = date[1].value[monthIndex]) === null || _a === void 0 ? void 0 : _a.replace('月', ''));
     };
     const currentIsStartDay = () => {
         if (startTime.length === 0) {
@@ -71,15 +71,14 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         if (startTime.length === 0) {
             return false;
         }
-        return (startTime[3] ===
-            parseInt((_a = dateTime[0].value[hoursIndex]) === null || _a === void 0 ? void 0 : _a.replace('时', '')));
+        return startTime[3] === parseInt((_a = dateTime[0].value[hoursIndex]) === null || _a === void 0 ? void 0 : _a.replace('时', ''));
     };
     const currentIsStartMinutes = (index = minutesIndex) => {
         var _a;
         if (startTime.length === 0) {
             return false;
         }
-        return (startTime[4] === parseInt((_a = dateTime[1].value[index]) === null || _a === void 0 ? void 0 : _a.replace('分', '')));
+        return startTime[4] === parseInt((_a = dateTime[1].value[index]) === null || _a === void 0 ? void 0 : _a.replace('分', ''));
     };
     /**
      * 当前选中时间的否和开始、结束时候一致
@@ -96,7 +95,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         if (endTime.length === 0) {
             return false;
         }
-        return (endTime[1] === parseInt((_a = date[1].value[monthIndex]) === null || _a === void 0 ? void 0 : _a.replace('月', '')));
+        return endTime[1] === parseInt((_a = date[1].value[monthIndex]) === null || _a === void 0 ? void 0 : _a.replace('月', ''));
     };
     const currentIsEndDay = () => {
         if (endTime.length === 0) {
@@ -109,15 +108,14 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         if (endTime.length === 0) {
             return false;
         }
-        return (endTime[3] === parseInt((_a = dateTime[0].value[hoursIndex]) === null || _a === void 0 ? void 0 : _a.replace('时', '')));
+        return endTime[3] === parseInt((_a = dateTime[0].value[hoursIndex]) === null || _a === void 0 ? void 0 : _a.replace('时', ''));
     };
     const currentIsEndMinutes = () => {
         var _a;
         if (endTime.length === 0) {
             return false;
         }
-        return (endTime[4] ===
-            parseInt((_a = dateTime[1].value[minutesIndex]) === null || _a === void 0 ? void 0 : _a.replace('分', '')));
+        return endTime[4] === parseInt((_a = dateTime[1].value[minutesIndex]) === null || _a === void 0 ? void 0 : _a.replace('分', ''));
     };
     const showAreaToast = () => {
         var _a;
@@ -774,9 +772,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
      * 日历向后翻页
      */
     const nextCalendarPage = () => {
-        const isBorder = endTime.length > 0
-            ? date[1].value[monthIndex] === getFormatData(endTime[1]) + '月'
-            : monthIndex === 13;
+        const isBorder = endTime.length > 0 ? date[1].value[monthIndex] === getFormatData(endTime[1]) + '月' : monthIndex === 13;
         if (yearIndex === date[0].value.length - 3 && isBorder) {
             // 到顶了
             return;
@@ -797,8 +793,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
     const preCalendarPageUpdateDate = () => {
         const id = date[1].id;
         let value;
-        if ((yearIndex === 2 && startTime.length > 0) ||
-            (yearIndex === 3 && monthIndex === 2)) {
+        if ((yearIndex === 2 && startTime.length > 0) || (yearIndex === 3 && monthIndex === 2)) {
             // 开始年份===结束年份
             const sn = endTime.length > 0 && startTime[0] === endTime[0];
             value = defaultData()[1].value.filter((item) => {
@@ -806,9 +801,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
                     return true;
                 }
                 const current = parseInt(item.replace('月', ''));
-                return sn
-                    ? current >= startTime[1] && current <= endTime[1]
-                    : current >= startTime[1];
+                return sn ? current >= startTime[1] && current <= endTime[1] : current >= startTime[1];
             });
         }
         else {
@@ -821,8 +814,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
         const id = date[1].id;
         let value;
         if (endTime.length > 0 &&
-            ((yearIndex === date[0].value.length - 4 && monthIndex === 13) ||
-                yearIndex === date[0].value.length - 3)) {
+            ((yearIndex === date[0].value.length - 4 && monthIndex === 13) || yearIndex === date[0].value.length - 3)) {
             // 开始年份===结束年份
             const sn = startTime.length > 0 && startTime[0] === endTime[0];
             // 12月及其以后
@@ -831,9 +823,7 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
                     return true;
                 }
                 const current = parseInt(item.replace('月', ''));
-                return sn
-                    ? current >= startTime[1] && current <= endTime[1]
-                    : current <= endTime[1];
+                return sn ? current >= startTime[1] && current <= endTime[1] : current <= endTime[1];
             });
         }
         else if (yearIndex === 2 && monthIndex !== date[1].value.length - 3) {
@@ -896,32 +886,32 @@ export default function AllTimePicker({ startDate, endDate, defaultDate, title,
                                                     } }), _jsx("span", { "data-testid": "next-calendar-page", className: "weda-ui-icon-turn-next", onClick: () => {
                                                         timeMode.current = false;
                                                         nextCalendarPage();
-                                                    } })] })] }), _jsxs("div", { style: { height: '310px' }, children: [!selectMonth && !selectTime && (_jsx(Calendar, { startTime: startTime, endTime: endTime, selectYear: getDateValue(0, yearIndex, '年', ''), selectMonth: getDateValue(1, monthIndex, '月', ''), defaultSelectDay: selectDay, setCurrentDay: setCurrentDay })), selectMonth && (_jsx("div", { "data-testid": "allTime-scroll-data", className: "weda-ui-custom-picker__cloumns size-s", 
+                                                    } })] })] }), _jsxs("div", { style: { height: '310px' }, children: [!selectMonth && !selectTime && (_jsx(Calendar, { startTime: startTime, endTime: endTime, selectYear: getDateValue(0, yearIndex, '年', ''), selectMonth: getDateValue(1, monthIndex, '月', ''), defaultSelectDay: selectDay, setCurrentDay: setCurrentDay })), selectMonth && (_jsx("div", { "data-testid": "allTime-scroll-data", className: "weda-ui-custom-picker__columns size-s", 
                                             // style={{ display: 'none' }}
                                             onScroll: (e) => {
                                                 dateScroll(e, 'date');
-                                            }, ref: dateRef, children: date.map((cloumn) => {
-                                                return (_jsx("ul", { className: "weda-ui-custom-picker__cloumn", children: cloumn.value.map((item, index) => {
-                                                        const selectIndex = cloumn.id === 'column1' ? yearIndex : monthIndex;
-                                                        return (_jsx("li", { className: `weda-ui-custom-picker__cloumn-item ${index === selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
-                                                    }) }, cloumn.id));
-                                            }) })), selectTime && (_jsx("div", { "data-testid": "allTime-scroll-time", className: "weda-ui-custom-picker__cloumns size-s", 
+                                            }, ref: dateRef, children: date.map((column) => {
+                                                return (_jsx("ul", { className: "weda-ui-custom-picker__column", children: column.value.map((item, index) => {
+                                                        const selectIndex = column.id === 'column1' ? yearIndex : monthIndex;
+                                                        return (_jsx("li", { className: `weda-ui-custom-picker__column-item ${index === selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
+                                                    }) }, column.id));
+                                            }) })), selectTime && (_jsx("div", { "data-testid": "allTime-scroll-time", className: "weda-ui-custom-picker__columns size-s", 
                                             // style={{ display: 'none' }}
                                             onScroll: (e) => {
                                                 dateScroll(e, 'dateTime');
-                                            }, ref: dateTimeRef, children: dateTime.map((cloumn) => {
-                                                return (_jsx("ul", { className: "weda-ui-custom-picker__cloumn", children: cloumn.value.map((item, index) => {
+                                            }, ref: dateTimeRef, children: dateTime.map((column) => {
+                                                return (_jsx("ul", { className: "weda-ui-custom-picker__column", children: column.value.map((item, index) => {
                                                         let selectIndex = 8;
-                                                        if (cloumn.id === 'column1') {
+                                                        if (column.id === 'column1') {
                                                             selectIndex = hoursIndex;
                                                         }
-                                                        else if (cloumn.id === 'column2') {
+                                                        else if (column.id === 'column2') {
                                                             selectIndex = minutesIndex;
                                                         }
-                                                        else if (cloumn.id === 'column3') {
+                                                        else if (column.id === 'column3') {
                                                             selectIndex = secondsIndex;
                                                         }
-                                                        return (_jsx("li", { className: `weda-ui-custom-picker__cloumn-item ${index == selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
-                                                    }) }, cloumn.id));
+                                                        return (_jsx("li", { className: `weda-ui-custom-picker__column-item ${index == selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item }) }, index));
+                                                    }) }, column.id));
                                             }) }))] })] })] })] }) }));
 }

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

@@ -7,7 +7,7 @@ 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 { PAGE_SIZE, requestFatherRelatedOption, RequestOptionType } from '../request';
 import classNames from '../../../../utils/classnames';
 import './style';
 export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPages, loadMore, onSearchValue, reTry, status, isShow, params, onSearchValueInput, addRelationButton, portalContainer, }) {
@@ -106,14 +106,14 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                                     } }))] }), _jsx("button", { className: "weda-ui-custom-search__btn-cancle", onClick: () => {
                                                 setInputFocus(false);
                                                 setSearchValue('');
-                                            }, children: "\u53D6\u6D88" })] }), status === Status.ALl_EMPTY ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { className: "weda-ui-custom-picker__cloumns weda-ui-custom-picker__cloumns--select ", "data-testid": "weda-ui-custom-picker__cloumns", style: {
+                                            }, children: "\u53D6\u6D88" })] }), status === Status.ALl_EMPTY ? (_jsx(AllEmpty, { height: inputFocus ? 'calc(100vh - 160px)' : '280px' })) : (_jsxs("div", { className: "weda-ui-custom-picker__columns weda-ui-custom-picker__columns--select ", "data-testid": "weda-ui-custom-picker__columns", style: {
                                         height: inputFocus ? 'calc(100vh - 160px)' : '280px',
-                                    }, onScroll: contentScroll, ref: contentRef, children: [_jsxs("ul", { className: "weda-ui-custom-picker__cloumn", style: {
+                                    }, onScroll: contentScroll, ref: contentRef, children: [_jsxs("ul", { className: "weda-ui-custom-picker__column", style: {
                                                 height: inputFocus ? 'calc(100vh - 190px)' : '250px',
                                             }, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
                                                     // is-selected 选中态
                                                     // is-disabled 禁用态，该状态备用，暂时不让生效index === -1
-                                                    const itemCls = classNames('weda-ui-custom-picker__cloumn-item', {
+                                                    const itemCls = classNames('weda-ui-custom-picker__column-item', {
                                                         'is-selected': index === clickIndex && !inputFocus,
                                                         'is-disabled': index === -1 || item.disabled,
                                                     });
@@ -123,6 +123,6 @@ export function SelectPickerH5({ updateValue, selectedValue, options, isTurnPage
                                                             setInputFocus(false);
                                                             setSearchValue('');
                                                             updateValue(item, true, true, true);
-                                                        }, children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.label }) }, index));
+                                                        }, children: _jsx("p", { className: 'weda-ui-custom-picker__column-item-text', children: item.label }) }, index));
                                                 }), status === Status.LOADING && (_jsx("li", { children: _jsx(Loading, {}) }, 'loading')), status === Status.ERROR && (_jsx("li", { children: _jsx(Retry, { reTry: reTry }) }, 'retry')), status === Status.EMPTY && (_jsx("li", { children: _jsx(Empty, {}) }, 'empty'))] }), addRelationButton] }))] })] })] }) })) : null;
 }

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

@@ -77,25 +77,22 @@
   transform: translateX(0);
 }
 
-.weda-ui-custom-search.is-focused
-  .weda-ui-custom-search-box__search-placeholder {
+.weda-ui-custom-search.is-focused .weda-ui-custom-search-box__search-placeholder {
   display: none;
 }
 
-.weda-ui-custom-picker__cloumn-item.is-current {
+.weda-ui-custom-picker__column-item.is-current {
   color: rgba(0, 0, 0, 0.9);
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select .weda-ui-custom-picker__column-item {
   height: 48px;
   justify-content: flex-start;
   color: rgba(0, 0, 0, 0.9);
   position: relative;
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item::before {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select .weda-ui-custom-picker__column-item::before {
   content: '';
   position: absolute;
   bottom: 0;
@@ -105,13 +102,12 @@
   transform: scaleY(0.5);
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item.is-selected {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select .weda-ui-custom-picker__column-item.is-selected {
   color: var(--wd-color-brand, #0052d9);
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item.is-selected::after {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select
+  .weda-ui-custom-picker__column-item.is-selected::after {
   content: '';
   display: block;
   width: 8px;
@@ -124,23 +120,22 @@
   right: 10px;
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item.is-disabled {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select .weda-ui-custom-picker__column-item.is-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
 /* 下拉选择类型 */
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select {
   padding: 0 16px;
   height: 280px;
 }
 
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select::before,
-.weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select::after {
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select::before,
+.weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select::after {
   display: none;
 }
 
-.weda-ui-custom-picker__cloumns--select .weda-ui-custom-picker__cloumn {
+.weda-ui-custom-picker__columns--select .weda-ui-custom-picker__column {
   height: 250px;
 }
 
@@ -166,17 +161,17 @@
   caret-color: #000000;
 }
 
-.weda-ui-custom-picker__cloumn-item-text {
+.weda-ui-custom-picker__column-item-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-right: 40px;
 }
 
-.weda-ui-custom-picker__cloumns {
+.weda-ui-custom-picker__columns {
   display: flex;
   flex-direction: column;
 }
-.weda-ui-custom-picker__cloumn {
+.weda-ui-custom-picker__column {
   width: 100%;
 }

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

@@ -54,33 +54,21 @@
 }
 
 /* 下拉单选 theme */
-:root
-  .wedatea2td-dropdown-box
-  .wedatea2td-search--icon-front
-  .wedatea2td-input--search:focus,
-:root
-  .wedatea2td-dropdown-box
-  .wedatea2td-search--simple
-  .wedatea2td-input--search:focus,
-:host
-  .wedatea2td-dropdown-box
-  .wedatea2td-search--icon-front
-  .wedatea2td-input--search:focus,
-:host
-  .wedatea2td-dropdown-box
-  .wedatea2td-search--simple
-  .wedatea2td-input--search:focus {
+:root .wedatea2td-dropdown-box .wedatea2td-search--icon-front .wedatea2td-input--search:focus,
+:root .wedatea2td-dropdown-box .wedatea2td-search--simple .wedatea2td-input--search:focus,
+:host .wedatea2td-dropdown-box .wedatea2td-search--icon-front .wedatea2td-input--search:focus,
+:host .wedatea2td-dropdown-box .wedatea2td-search--simple .wedatea2td-input--search:focus {
   border-color: var(--wd-color-brand, #0052d9);
 }
 :root
-  .weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item.is-selected,
+  .weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select
+  .weda-ui-custom-picker__column-item.is-selected,
 :root .weda-ui-custom-search__btn-cancle,
 :root .weda-ui-custom-picker__loading-icon,
 :root .weda-ui-custom-picker__status--loading,
 :host
-  .weda-ui-custom-picker__cloumns.weda-ui-custom-picker__cloumns--select
-  .weda-ui-custom-picker__cloumn-item.is-selected,
+  .weda-ui-custom-picker__columns.weda-ui-custom-picker__columns--select
+  .weda-ui-custom-picker__column-item.is-selected,
 :host .weda-ui-custom-search__btn-cancle,
 :host .weda-ui-custom-picker__loading-icon,
 :host .weda-ui-custom-picker__status--loading {