@cloudbase/weda-ui-mp 3.17.2 → 3.17.4

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

@@ -33,17 +33,14 @@ class EchartBar extends EchartBase {
         groupKey,
         groupKeyTimeSpan,
       });
-      const arrSourData = await this.getSourceData(
-        name,
-        methodName,
-        type,
-        params
-      );
+      const arrSourData = await this.getSourceData(name, methodName, type, params);
+      this.config.series = [];
+      // 没有数据，直接返回
+      if (!arrSourData?.length) return;
       // 获取 x 轴数据
       const sortedXAxisData = this.sortXAxisData(arrSourData, xField.format);
       const arrXaxisData = this.setXaxis(sortedXAxisData, xField.format);
       const arrXisCountEmptyIndex = []; // 记录空值的key
-      this.config.series = [];
 
       if (!groupKey?.name) {
         // 没有分组
@@ -63,18 +60,14 @@ class EchartBar extends EchartBase {
                 data: [],
               };
               sortedXAxisData.forEach((itemSource, index) => {
-                this.config.series[j].name =
-                  itemSource.YLabels[j]?.Cn_Name ?? itemSource.YLabels[j].Name;
+                this.config.series[j].name = itemSource.YLabels[j]?.Cn_Name ?? itemSource.YLabels[j].Name;
                 if (
-                  (!itemSource.YLabels[j].Value === undefined ||
-                    itemSource.YLabels[j].Value === null) &&
+                  (!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);
                 }
               });
@@ -144,13 +137,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/components/chart/common/core/eChartLine.js

@@ -34,17 +34,14 @@ class EchartLine extends EchartBase {
         groupKey,
         groupKeyTimeSpan,
       });
-      const arrSourData = await this.getSourceData(
-        name,
-        methodName,
-        type,
-        params
-      );
+      const arrSourData = await this.getSourceData(name, methodName, type, params);
+      this.config.series = [];
+      // 没有数据，直接返回
+      if (!arrSourData?.length) return;
       // 获取 x 轴数据
       const sortedXAxisData = this.sortXAxisData(arrSourData, xField.format);
       const arrXaxisData = this.setXaxis(sortedXAxisData, xField.format);
       const arrXisCountEmptyIndex = []; // 记录空值的key
-      this.config.series = [];
 
       if (!groupKey?.name) {
         if (sortedXAxisData.length > 0) {
@@ -63,18 +60,14 @@ class EchartLine extends EchartBase {
                 data: [],
               };
               sortedXAxisData.forEach((itemSource, index) => {
-                this.config.series[j].name =
-                  itemSource.YLabels[j]?.Cn_Name ?? itemSource.YLabels[j].Name;
+                this.config.series[j].name = itemSource.YLabels[j]?.Cn_Name ?? itemSource.YLabels[j].Name;
                 if (
-                  (!itemSource.YLabels[j].Value === undefined ||
-                    itemSource.YLabels[j].Value === null) &&
+                  (!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);
                 }
               });
@@ -149,13 +142,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/components/chart/common/core/eChartPie.js

@@ -10,15 +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({
@@ -28,12 +20,7 @@ class EchartPie extends EchartBase {
         xIsCountEmpty,
         yField,
       });
-      const arrSourData = await this.getSourceData(
-        name,
-        methodName,
-        type,
-        params
-      );
+      const arrSourData = await this.getSourceData(name, methodName, type, params);
       // 获取 x 轴数据
       if (arrSourData.length > 0) {
         const numPie = arrSourData[0].YLabels.length;
@@ -54,7 +41,7 @@ class EchartPie extends EchartBase {
           this.config.series[0].data = arrData;
         }
       } else {
-        // this.config['series'][0].data = [];
+        this.config['series'][0].data = [];
       }
     }
   }
@@ -70,14 +57,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/components/chart/statisticsCard/index.js

@@ -57,7 +57,7 @@ Component({
     suffix: {
       // 后缀
       type: String,
-      value: '个',
+      value: '',
     },
   },
   data: {
@@ -131,17 +131,9 @@ Component({
       return result;
     },
     formatNumber: function (val, digits = 0) {
-      return isNaN(val)
-        ? val
-        : this.addDelimiter(this.customToFixed(val, digits), digits);
-    },
-    getSourceData: async function (
-      dataSource,
-      filterData,
-      field,
-      operationType,
-      isCountEmpty
-    ) {
+      return isNaN(val) ? val : this.addDelimiter(this.customToFixed(val, digits), digits);
+    },
+    getSourceData: async function (dataSource, filterData, field, operationType, isCountEmpty) {
       const where = filterData?.map
         ? filterData.map((val) => {
             let arrLogicData = val.logicData;
@@ -191,18 +183,15 @@ Component({
     },
     _fetchData: async function () {
       if (
-        (this.properties.dataSource?.type === 'database' &&
-          this.properties.field &&
-          this.properties.operationType) ||
-        (this.properties.dataSource &&
-          this.properties.dataSource?.type !== 'database')
+        (this.properties.dataSource?.type === 'database' && this.properties.field && this.properties.operationType) ||
+        (this.properties.dataSource && this.properties.dataSource?.type !== 'database')
       ) {
         let data = await this.getSourceData(
           this.properties.dataSource,
           this.properties.filterData,
           this.properties.field,
           this.properties.operationType,
-          this.properties.isCountEmpty
+          this.properties.isCountEmpty,
         );
         // APIs 返回处理
         if (this.properties.dataSource?.type !== 'database' && data?.result) {
@@ -212,10 +201,7 @@ Component({
           const val = isNaN(data[0]?.Value) ? 0 : data[0]?.Value;
           this.setData({
             count: this.properties.isShowUnit
-              ? this.formatNumber(
-                  val / this.properties.unit,
-                  this.properties.decimalDigits
-                )
+              ? this.formatNumber(val / this.properties.unit, this.properties.decimalDigits)
               : val,
           });
         } else {
@@ -227,12 +213,7 @@ Component({
       } else {
         // 没有配置数据使用默认数据
         this.setData({
-          count: this.setData({
-            count: this.formatNumber(
-              DEFAULT_VAL,
-              this.properties.decimalDigits
-            ),
-          }),
+          count: this.formatNumber(DEFAULT_VAL, this.properties.decimalDigits),
         });
       }
     },
@@ -247,9 +228,8 @@ Component({
   },
   observers: {
     // 当参数变化时
-    'datasource,filterData,field,operationType,label,isCountEmpty,isShowUnit,unit,decimalDigits,suffix':
-      function () {
-        this._fetchData();
-      },
+    'datasource,filterData,field,operationType,label,isCountEmpty,isShowUnit,unit,decimalDigits,suffix': function () {
+      this._fetchData();
+    },
   },
 });

package/components/chart/statisticsCard/index.wxml

@@ -3,7 +3,7 @@
     <view class="weda-statistics-card__title">{{label}}</view>
     <view class="weda-statistics-card__detail">
       <text class="weda-statistics-card__count">{{count}}</text>
-      <text class="weda-statistics-card__unit">{{suffix}}</text>
+      <text wx:if="{{isShowUnit}}" class="weda-statistics-card__unit">{{suffix}}</text>
     </view>
   </view>
 </view>

package/components/form/location/components/mapChoose/index.js

@@ -88,8 +88,7 @@ Component({
    */
   methods: {
     getInitialization() {
-      const { location, circleRadius, apiKey, customRange, currentLocations } =
-        this.properties;
+      const { location, circleRadius, apiKey, customRange, currentLocations } = this.properties;
       // 实例化API核心类
       if (apiKey) {
         qqmapsdk = new QQMapWX({
@@ -108,8 +107,7 @@ Component({
         width: 70,
         height: 70,
         anchor: { x: 0.5, y: 0.4 },
-        iconPath:
-          'https://qcloudimg.tencent-cloud.cn/raw/cad6952cb624c02294e5ead860f9c94f.png',
+        iconPath: 'https://qcloudimg.tencent-cloud.cn/raw/cad6952cb624c02294e5ead860f9c94f.png',
       };
       let circle = {
         latitude: currentLocations.latitude,
@@ -239,10 +237,7 @@ Component({
       // 计算距离
       if (circles && circles.length > 0) {
         const { radius } = circles[0];
-        const distance = this.calculateDistance(
-          this.data.markers[1],
-          this.data.markers[0]
-        );
+        const distance = this.calculateDistance(this.data.markers[1], this.data.markers[0]);
         let isOutofrange = radius && radius < distance;
         this.setData({
           isOutofrange,
@@ -251,7 +246,7 @@ Component({
       }
     },
     searchLocation: debounce((value, page_index, location, _this) => {
-      const { searchList } = _this.data;
+      const { searchList, apiKey } = _this.data;
       _this.setData({
         searchLoadingStatus: true,
       });
@@ -284,6 +279,9 @@ Component({
               id: this.id,
               code: 'WdLocation.SearchError',
               error: error,
+              message: error?.message?.includes('每秒请求量已达到上限')
+                ? `附近搜索失败，请检查APIKEY【${apiKey}】是否正确，调整/ws/place/v1/explore配额`
+                : '',
             });
             this.triggerEvent('error', { error: comErrorInfo });
             _this.setData({
@@ -295,6 +293,7 @@ Component({
       }
     }, 200),
     getSuggestion: debounce((value, location, _this) => {
+      const { apiKey } = _this.data;
       if (qqmapsdk) {
         qqmapsdk.getSuggestion({
           keyword: value,
@@ -313,6 +312,9 @@ Component({
               id: this.id,
               code: 'WdLocation.GetSuggestionError',
               error: error,
+              message: error?.message?.includes('每秒请求量已达到上限')
+                ? `关键词输入提示失败，请检查APIKEY【${apiKey}】是否正确，调整/ws/place/v1/suggestion配额`
+                : '',
             });
             this.triggerEvent('error', { error: comErrorInfo });
           },
@@ -410,16 +412,10 @@ Component({
       if (searchList.length >= 50 || isSearchFucos) {
         return;
       }
-      this.searchLocation(
-        '路',
-        searchListPageSize + 1,
-        this.data.markers[1],
-        this
-      );
+      this.searchLocation('路', searchListPageSize + 1, this.data.markers[1], this);
     },
     handleConfirm() {
-      const { isOutofrange, searchChoosedLocation, mapChoosedLocation } =
-        this.data;
+      const { isOutofrange, searchChoosedLocation, mapChoosedLocation } = this.data;
       if (isOutofrange || !searchChoosedLocation.id) {
         return;
       }
@@ -468,11 +464,8 @@ Component({
         2 *
         Math.asin(
           Math.sqrt(
-            Math.pow(Math.sin(a / 2), 2) +
-              Math.cos(radLat1) *
-                Math.cos(radLat2) *
-                Math.pow(Math.sin(b / 2), 2)
-          )
+            Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2),
+          ),
         );
       s = s * 6378.137; // EARTH_RADIUS;
       s = Math.round(s * 10000) / 10000;
@@ -489,6 +482,7 @@ Component({
     },
     // 获取设备最新位置
     getLatestLc: async function () {
+      const { apiKey } = this.data;
       let location;
       try {
         const value = await getCurrentLocation();
@@ -502,6 +496,9 @@ Component({
           id: this.id,
           code: 'WdLocation.GetLatestLocationError',
           error: e,
+          message: e?.message?.includes('每秒请求量已达到上限')
+            ? `坐标转换失败，请检查APIKEY【${apiKey}】是否正确，调整/ws/geocoder/v1/?location=*配额`
+            : '',
         });
         this.triggerEvent('error', { error: comErrorInfo });
       }

package/components/form/select/dropdown-select/index.wxml

@@ -16,10 +16,10 @@
       <text class="weda-ui-custom-search__btn-cancle" bindtap="shrink">取消</text>
     </view>
     <scroll-view wx:if="{{status !== -1}}" class="weda-ui-custom-picker__body" scroll-y="true" enhanced="true" bindscrolltolower="bindscrolltolower">
-      <view class="weda-ui-custom-picker__cloumns">
-        <view class="weda-ui-custom-picker__cloumn">
-          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__cloumn-item {{ i === index ? 'is-selected':''}} {{ (i === disabledIndex || item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
-            <text class="weda-ui-custom-picker__cloumn-item-text">{{item.label}}</text>
+      <view class="weda-ui-custom-picker__columns">
+        <view class="weda-ui-custom-picker__column">
+          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__column-item {{ i === index ? 'is-selected':''}} {{ (i === disabledIndex || item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
+            <text class="weda-ui-custom-picker__column-item-text">{{item.label}}</text>
           </view>
           <view wx:if="{{status === 1}}" class="weda-ui-custom-picker__status weda-ui-custom-picker__status--loading"> <i class="weda-ui-custom-picker__loading-icon"></i>加载中... </view>
           <view wx:if="{{status === 2}}" class="weda-ui-custom-picker__status">

package/components/form/select/dropdown-select/index.wxss

@@ -65,7 +65,7 @@
   border: none;
 }
 
-.weda-ui-custom-picker__cloumns {
+.weda-ui-custom-picker__columns {
   display: flex;
   align-items: flex-start;
   position: relative;
@@ -74,7 +74,7 @@
   overflow: hidden;
 }
 
-.weda-ui-custom-picker__cloumn {
+.weda-ui-custom-picker__column {
   flex: 1 1 0;
   overflow-y: auto;
   overflow-x: hidden;
@@ -82,11 +82,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 {
   display: flex;
   align-items: center;
   white-space: pre-wrap;
@@ -96,7 +96,7 @@
   position: relative;
 }
 
-.weda-ui-custom-picker__cloumn-item::before {
+.weda-ui-custom-picker__column-item::before {
   content: '';
   position: absolute;
   bottom: 0;
@@ -107,11 +107,11 @@
 }
 
 /* theme */
-.weda-ui-custom-picker__cloumn-item.is-selected {
+.weda-ui-custom-picker__column-item.is-selected {
   color: var(--wd-color-brand, #0052d9);
 }
 
-.weda-ui-custom-picker__cloumn-item.is-selected::after {
+.weda-ui-custom-picker__column-item.is-selected::after {
   content: '';
   display: block;
   width: 8px;
@@ -124,7 +124,7 @@
   right: 10px;
 }
 
-.weda-ui-custom-picker__cloumn-item.is-disabled {
+.weda-ui-custom-picker__column-item.is-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
@@ -284,7 +284,7 @@
   display: none;
 }
 
-.weda-ui-custom-picker__cloumn-item-text {
+.weda-ui-custom-picker__column-item-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/components/form/selectMultiple/dropdown-select/index.wxml

@@ -18,10 +18,10 @@
       <text class="weda-ui-custom-search__btn-cancle" bindtap="shrink">取消</text>
     </view>
     <scroll-view wx:if="{{status !== -1}}" class="weda-ui-custom-picker__body" scroll-y="true" enhanced="true" bindscrolltolower="bindscrolltolower">
-      <view class="weda-ui-custom-picker__cloumns">
-        <view class="weda-ui-custom-picker__cloumn">
-          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__cloumn-item multiple {{ tools.includes(selectedCache, item) ? 'is-selected':''}} {{ (i === disabledIndex || item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
-            <text class="weda-ui-custom-picker__cloumn-item-text multiple">{{item.label}}</text>
+      <view class="weda-ui-custom-picker__columns">
+        <view class="weda-ui-custom-picker__column">
+          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__column-item multiple {{ tools.includes(selectedCache, item) ? 'is-selected':''}} {{ (i === disabledIndex || item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
+            <text class="weda-ui-custom-picker__column-item-text multiple">{{item.label}}</text>
           </view>
           <view wx:if="{{status === 1}}" class="weda-ui-custom-picker__status weda-ui-custom-picker__status--loading"> <i class="weda-ui-custom-picker__loading-icon"></i>加载中... </view>
           <view wx:if="{{status === 2}}" class="weda-ui-custom-picker__status">

package/components/form/selectMultiple/dropdown-select/index.wxss

@@ -65,7 +65,7 @@
   border: none;
 }
 
-.weda-ui-custom-picker__cloumns {
+.weda-ui-custom-picker__columns {
   display: flex;
   align-items: flex-start;
   position: relative;
@@ -74,7 +74,7 @@
   overflow: hidden;
 }
 
-.weda-ui-custom-picker__cloumn {
+.weda-ui-custom-picker__column {
   flex: 1 1 0;
   overflow-y: auto;
   overflow-x: hidden;
@@ -82,7 +82,7 @@
   /* height: 199px; */
 }
 
-.weda-ui-custom-picker__cloumn-item {
+.weda-ui-custom-picker__column-item {
   display: flex;
   align-items: center;
   white-space: pre-wrap;
@@ -92,7 +92,7 @@
   position: relative;
 }
 
-.weda-ui-custom-picker__cloumn-item::before {
+.weda-ui-custom-picker__column-item::before {
   content: '';
   position: absolute;
   bottom: 0;
@@ -102,12 +102,12 @@
   transform: scaleY(0.5);
 }
 
-.weda-ui-custom-picker__cloumn-item.multiple.is-selected {
+.weda-ui-custom-picker__column-item.multiple.is-selected {
   color: rgba(0, 0, 0, 0.9);
 }
 
 /* theme */
-.weda-ui-custom-picker__cloumn-item.multiple.is-selected::after {
+.weda-ui-custom-picker__column-item.multiple.is-selected::after {
   content: '';
   width: 21px;
   height: 21px;
@@ -122,7 +122,7 @@
   background-position: center;
 }
 
-.weda-ui-custom-picker__cloumn-item.multiple::after {
+.weda-ui-custom-picker__column-item.multiple::after {
   content: '';
   width: 20px;
   height: 20px;
@@ -133,7 +133,7 @@
   left: 0px;
 }
 
-.weda-ui-custom-picker__cloumn-item.is-disabled {
+.weda-ui-custom-picker__column-item.is-disabled {
   color: rgba(0, 0, 0, 0.26);
 }
 
@@ -293,7 +293,7 @@
   display: none;
 }
 
-.weda-ui-custom-picker__cloumn-item-text.multiple {
+.weda-ui-custom-picker__column-item-text.multiple {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/components/richText/copy/index.wxss

@@ -1,8 +1,6 @@
 @font-face {
   font-family: WdTd;
-  src: url('t.eot'), url('t_iefix.eot') format('embedded-opentype'), url('t.woff') format('woff'),
-    url('t.ttf') format('truetype'), url('t.svg') format('svg'),
-    url('https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.eot'),
+  src: url('https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.eot'),
     url('https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t_iefix.eot')
       format('embedded-opentype'),
     url('https://comp-public-replace-1303824488-cos.weda.tencent.com/icon/0.0.7/t.woff') format('woff'),

package/components/wd-ad/index.js

@@ -80,7 +80,11 @@ Component({
 
       if (wx.createRewardedVideoAd && canUseRewardedVideoAd) {
         const { unitId, multiton, disableFallbackSharePage } = this.data;
-        const rewardedVideoAd = wx.createRewardedVideoAd({ adUnitId: unitId, multiton, disableFallbackSharePage });
+        const rewardedVideoAd = wx.createRewardedVideoAd({
+          adUnitId: unitId,
+          multiton,
+          disableFallbackSharePage,
+        });
         rewardedVideoAd.onLoad(() => {
           this.triggerEvent('load');
         });
@@ -145,9 +149,6 @@ Component({
     rewardedVideoAd: function () {
       this.updateWidgetAPI();
     },
-    'adType,unitId,multiton,disableFallbackSharePage': function () {
-      this.createRewardedVideoAd();
-    },
   },
   lifetimes: {
     attached() {

package/components/wd-select/select/dropdown-select/index.wxml

@@ -18,10 +18,10 @@
       <text class="weda-ui-custom-search__btn-cancle" bindtap="shrink">取消</text>
     </view>
     <scroll-view wx:if="{{status !== -1}}" class="weda-ui-custom-picker__body" scroll-y="true" enhanced="true" bindscrolltolower="bindscrolltolower">
-      <view class="weda-ui-custom-picker__cloumns">
-        <view class="weda-ui-custom-picker__cloumn">
-          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__cloumn-item {{multiple?'multiple':''}} {{ tools.includes(selectedCache, item) ? 'is-selected':''}} {{ (item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
-            <text class="weda-ui-custom-picker__cloumn-item-text {{multiple?'multiple':''}}">{{item.label}}</text>
+      <view class="weda-ui-custom-picker__columns">
+        <view class="weda-ui-custom-picker__column">
+          <view wx:for="{{showOption}}" wx:key="i" wx:for-index="i" class="weda-ui-custom-picker__column-item {{multiple?'multiple':''}} {{ tools.includes(selectedCache, item) ? 'is-selected':''}} {{ (item.disabled) ? 'is-disabled':''}}" bindtap="onItemClick" data-value="{{item}}">
+            <text class="weda-ui-custom-picker__column-item-text {{multiple?'multiple':''}}">{{item.label}}</text>
           </view>
           <view wx:if="{{status === 1}}" class="weda-ui-custom-picker__status weda-ui-custom-picker__status--loading"> <i class="weda-ui-custom-picker__loading-icon"></i>加载中... </view>
           <view wx:if="{{status === 2}}" class="weda-ui-custom-picker__status">