@cloudbase/weda-ui 2.0.8 → 2.0.11

package/src/mp/components/form/formcell/index.wxml

@@ -1,11 +1,11 @@
 <view class="{{className}}" style="{{style}}">
-	<view class="{{cls}}">
-		<view wx:if="{{!!label}}" class="weda-formcells__label weui-cell">
-			<label>{{label}}</label>
-			<label wx:if="{{requiredFlag}}" class="weda-formcells__flag">*</label>
-		</view>
-		<view class="weda-formcells__content {{isFlex ? 'weui-flex__item' : ''}}">
-			<slot></slot>
-		</view>
-	</view>
+  <view class="{{cls}}">
+    <view wx:if="{{!!label}}" class="weda-formcells__label weui-cell">
+      <label>{{label}}</label>
+      <label wx:if="{{requiredFlag}}" class="weda-formcells__flag">*</label>
+    </view>
+    <view class="weda-formcells__content {{isFlex ? 'weui-flex__item' : ''}}">
+      <slot></slot>
+    </view>
+  </view>
 </view>

package/src/mp/components/form/formcell/index.wxss

@@ -2,7 +2,7 @@
 
 .weda-formcells__flag {
   display: inline-block;
-  margin-right: 4px;
+  margin-left: 4px;
   font-family: SimSun;
   font-size: 12px;
   color: #f60;

package/src/mp/components/form/input/index.js

@@ -57,8 +57,8 @@ Component({
     },
     clearable: {
       type: Boolean,
-      value: true
-    }
+      value: true,
+    },
   },
   data: {
     isFlex: true,
@@ -74,7 +74,7 @@ Component({
     },
   },
   observers: {
-    'defaultValue': function (defaultValue) {
+    defaultValue: function (defaultValue) {
       this.setData({ value: defaultValue });
     },
   },

package/src/mp/components/form/input/index.wxml

@@ -1,31 +1,37 @@
-<formcell 
-	className="weda-ui weda-input {{className}}" 
-	style="{{style}}"
-	label="{{labelVisible ? label : null}}"
-	layout="{{layout}}"
-	multiCell="{{false}}"
-	requiredFlag="{{requiredFlag}}"
+<formcell
+  className="weda-ui weda-input {{className}}"
+  style="{{style}}"
+  label="{{labelVisible ? label : null}}"
+  layout="{{layout}}"
+  multiCell="{{false}}"
+  requiredFlag="{{requiredFlag}}"
 >
-	<view class="weui-cell weui-cell_active weui-cell_form}} {{disabled ? 'weui-cell_disabled' : ''}}">
-		<view class="weui-cell__bd weui-flex">
-			<input
-			 class="weui-input {{isFocus ? 'focus' : ''}} {{value ? 'not-placeholder-shown' : ''}}"
-			 type="{{type}}"
-			 placeholder="{{placeholder}}"
-			 placeholder-class="weui-input__placeholder"
-			 value="{{value}}"
-			 disabled="{{disabled}}"
-			 focus="{{focus}}"
-			 password="{{password}}"
-			 bindinput="handleChange"
-			 bindfocus="handleFocus"
-			 bindblur="handleBlur"
-			 bindconfirm="handleConfirm"
-			 maxlength="{{maxLength}}"
-			/>
-			<view wx:if="{{clearable}}" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="handleClear">
-				<i class="weui-icon-clear" />
-			</view>
-		</view>
-	</view>
-</formcell>
+  <view
+    class="weui-cell weui-cell_active weui-cell_form}} {{disabled ? 'weui-cell_disabled' : ''}}"
+  >
+    <view class="weui-cell__bd weui-flex">
+      <input
+        class="weui-input {{isFocus ? 'focus' : ''}} {{value ? 'not-placeholder-shown' : ''}}"
+        type="{{type}}"
+        placeholder="{{placeholder}}"
+        placeholder-class="weui-input__placeholder"
+        value="{{value}}"
+        disabled="{{disabled}}"
+        focus="{{focus}}"
+        password="{{password}}"
+        bindinput="handleChange"
+        bindfocus="handleFocus"
+        bindblur="handleBlur"
+        bindconfirm="handleConfirm"
+        maxlength="{{maxLength}}"
+      />
+      <view
+        wx:if="{{clearable}}"
+        class="weui-btn_reset weui-btn_icon weui-btn_input-clear"
+        bindtap="handleClear"
+      >
+        <i class="weui-icon-clear" />
+      </view>
+    </view>
+  </view>
+</formcell>

package/src/mp/components/form/input/index.wxss

@@ -4,11 +4,11 @@
 把weui-cell 的padding还回到input
 */
 .weda-ui .weui-input {
-    padding: 28rpx 0;
+  padding: 28rpx 0;
 }
 
 .weui-btn_input-clear {
-    align-self: center;
+  align-self: center;
 }
 
 /**

package/src/mp/components/form/location/components/mapChoose/index.wxml

@@ -2,34 +2,81 @@
 <view class="map-choose">
   <view class="map-choose-header">
     <view class="map-choose-header_title">选择地理位置</view>
-    <view class="cross" bindtap="comfirm" ></view>
+    <view class="cross" bindtap="comfirm"></view>
   </view>
   <view class="map-choose-body">
-    <view class="map-choose-body-saerch {{isSearch?'map-choose-header_search_input_value':''}}">
+    <view
+      class="map-choose-body-saerch {{isSearch?'map-choose-header_search_input_value':''}}"
+    >
       <view class="map-choose-header_search_input">
-        <input type="text" value="{{searchValue}}" bindinput="changeInput" bindfocus="focusInput" />
+        <input
+          type="text"
+          value="{{searchValue}}"
+          bindinput="changeInput"
+          bindfocus="focusInput"
+        />
         <view class="map-choose-header_search_place" wx:if="{{!isSearch}}">
-          <image src="https://qcloudimg.tencent-cloud.cn/raw/388c48cdcbe9ca07f5682fb10d05ebdd.png"></image>
+          <image
+            src="https://qcloudimg.tencent-cloud.cn/raw/388c48cdcbe9ca07f5682fb10d05ebdd.png"
+          ></image>
           <text>搜索地点</text>
         </view>
       </view>
-      <view class="map-choose-header_search_input_cancle" wx:if="{{isSearch}}" bindtap="cancleSearch">取消</view>
+      <view
+        class="map-choose-header_search_input_cancle"
+        wx:if="{{isSearch}}"
+        bindtap="cancleSearch"
+        >取消</view
+      >
     </view>
     <view class="map-choose-search" wx:if="{{isSearch}}">
       <view class="map-choose-explore_ul map-choose-search_ul">
-        <view class="map-choose-explore_li" wx:for="{{searchList}}" wx:key="index" data-location="{{item}}" bindtap="chooseSite" data-type="search">
-          <view class="map-choose-explore_li_con" style="font-size: 14px;">{{item.title}} </view>
-          <view class="map-choose-explore_li_con" style="color: rgb(146, 148, 150);">{{item.address}}</view>
+        <view
+          class="map-choose-explore_li"
+          wx:for="{{searchList}}"
+          wx:key="index"
+          data-location="{{item}}"
+          bindtap="chooseSite"
+          data-type="search"
+        >
+          <view class="map-choose-explore_li_con" style="font-size: 14px"
+            >{{item.title}}
+          </view>
+          <view
+            class="map-choose-explore_li_con"
+            style="color: rgb(146, 148, 150)"
+            >{{item.address}}</view
+          >
           <view class="map-choose-explore_li_arow" />
         </view>
       </view>
     </view>
     <view class="map-choose-explore" wx:if="{{!isSearch}}">
-      <map id="choose-map" longitude="{{choosedLocation.longitude}}" latitude="{{choosedLocation.latitude}}" scale="14" style="width: 100%; height: 200px;" bindregionchange="regionchange" markers="{{markers}}" ></map>
+      <map
+        id="choose-map"
+        longitude="{{choosedLocation.longitude}}"
+        latitude="{{choosedLocation.latitude}}"
+        scale="14"
+        style="width: 100%; height: 200px"
+        bindregionchange="regionchange"
+        markers="{{markers}}"
+      ></map>
       <view class="map-choose-explore_ul">
-        <view class="map-choose-explore_li {{choosedLocation.id==item.id?'map-choose-explore_li_choosed':''}} " wx:for="{{exploreList}}" wx:key="index" data-location="{{item}}" bindtap="chooseSite">
-          <view class="map-choose-explore_li_con" style="font-size: 14px;">{{item.title}} </view>
-          <view class="map-choose-explore_li_con" style="color: rgb(146, 148, 150);">{{item.address}}</view>
+        <view
+          class="map-choose-explore_li {{choosedLocation.id==item.id?'map-choose-explore_li_choosed':''}} "
+          wx:for="{{exploreList}}"
+          wx:key="index"
+          data-location="{{item}}"
+          bindtap="chooseSite"
+        >
+          <view class="map-choose-explore_li_con" style="font-size: 14px"
+            >{{item.title}}
+          </view>
+          <view
+            class="map-choose-explore_li_con"
+            style="color: rgb(146, 148, 150)"
+            >{{item.address}}</view
+          >
           <view class="map-choose-explore_li_arow" />
         </view>
       </view>

package/src/mp/components/form/location/index.wxml

@@ -2,24 +2,56 @@
 
 <view class="form-location">
   <view class="form-location-warp">
-    <view class="form-location-label form-location_cell" wx:if="{{labelVisible}}">
+    <view
+      class="form-location-label form-location_cell"
+      wx:if="{{labelVisible}}"
+    >
       {{label}}
     </view>
-    <view class="form-location-con form-location_cell" bindtap="chooseSite" data-value="{{true}}" >
-      <image class="form-location-con_img" src="https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png"></image>
+    <view
+      class="form-location-con form-location_cell"
+      bindtap="chooseSite"
+      data-value="{{true}}"
+    >
+      <image
+        class="form-location-con_img"
+        src="https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png"
+      ></image>
       <text class="form-location-con-text">选择地理位置</text>
     </view>
   </view>
   <view class="form-location-addr" wx:if="{{isAddrShow}}">
-    <image wx:if="{{isAddrShow&&location.poiname}}" class="form-location-addr-image" src="https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png" alt="" />
-    <view class="form-location-addr-box" >
+    <image
+      wx:if="{{isAddrShow&&location.poiname}}"
+      class="form-location-addr-image"
+      src="https://qcloudimg.tencent-cloud.cn/raw/f9729e0b091f394110a6e12d3f4e7290.png"
+      alt=""
+    />
+    <view class="form-location-addr-box">
       <view class="form-location-addr-title">{{location.poiname}}</view>
       <view class="form-location-addr-lat" wx:if="{{showLngLat}}">
         {{location.longitude}}N,{{location.latitude}}E
       </view>
     </view>
   </view>
-  <view style="padding-left: 32px;padding-right: 32px;margin-top: 8px;padding-bottom: 16px;" wx:if="{{showMap&&isAddrShow}}">
-    <map id="map" longitude="{{location.longitude}}" latitude="{{location.latitude}}" markers="{{markers}}" scale="16" enable-zoom="{{zoom}}" enable-scroll="{{drag}}"  style="width: 100%; height: 200px;"></map>
+  <view
+    style="
+      padding-left: 32px;
+      padding-right: 32px;
+      margin-top: 8px;
+      padding-bottom: 16px;
+    "
+    wx:if="{{showMap&&isAddrShow}}"
+  >
+    <map
+      id="map"
+      longitude="{{location.longitude}}"
+      latitude="{{location.latitude}}"
+      markers="{{markers}}"
+      scale="16"
+      enable-zoom="{{zoom}}"
+      enable-scroll="{{drag}}"
+      style="width: 100%; height: 200px"
+    ></map>
   </view>
 </view>

package/src/mp/components/form/radio/index.js

@@ -50,7 +50,7 @@ Component({
     enumName: {
       type: String,
       value: '',
-    }
+    },
   },
   data: {
     cls: '',
@@ -81,14 +81,18 @@ Component({
     _fetchData: async function () {
       let data = await callWedaApi({
         action: 'DescribeGeneralOptionsDetailList',
-        data: { OptNameList: [this.properties.enumName], PageIndex: 1, PageSize: 10 },
+        data: {
+          OptNameList: [this.properties.enumName],
+          PageIndex: 1,
+          PageSize: 10,
+        },
       });
       const config = destr(data?.Items?.[0]?.Config) ?? [];
-      const option = config?.map(item => {
+      const option = config?.map((item) => {
         return {
           label: item.value,
           value: item.key,
-          checked: false
+          checked: false,
         };
       });
       this.setData({ defaultRange: option });
@@ -111,6 +115,6 @@ Component({
       if (format === 'x-enum' && this.properties.enumName) {
         this._fetchData();
       }
-    }
+    },
   },
 });

package/src/mp/components/form/radio/index.wxml

@@ -1,25 +1,25 @@
-<formcell 
-	className="{{cls}}" 
-	style="{{style}}"
-	label="{{labelVisible ? label : null}}"
-	layout="{{layout}}"
-	multiCell="{{true}}"
-	requiredFlag="{{requiredFlag}}"
+<formcell
+  className="{{cls}}"
+  style="{{style}}"
+  label="{{labelVisible ? label : null}}"
+  layout="{{layout}}"
+  multiCell="{{true}}"
+  requiredFlag="{{requiredFlag}}"
 >
-	<radio-group class="{{isFlex ? 'weui-flex__item' : ''}}" bindchange="change">
-		<label class="{{subCls}}" wx:for="{{defaultRange}}" wx:key="value">
-			<view class="weui-cell__hd">
-				<radio
-				 class="weui-check"
-				 value="{{item.value}}"
-				 checked="{{item.checked}}"
-				 disabled="{{disabled}}"
-				/>
-				<i class="weui-icon-checked" />
-			</view>
-			<view class="weui-cell__bd">
-				<view>{{item.label}}</view>
-			</view>
-		</label>
-	</radio-group>
+  <radio-group class="{{isFlex ? 'weui-flex__item' : ''}}" bindchange="change">
+    <label class="{{subCls}}" wx:for="{{defaultRange}}" wx:key="value">
+      <view class="weui-cell__hd">
+        <radio
+          class="weui-check"
+          value="{{item.value}}"
+          checked="{{item.checked}}"
+          disabled="{{disabled}}"
+        />
+        <i class="weui-icon-checked" />
+      </view>
+      <view class="weui-cell__bd">
+        <view>{{item.label}}</view>
+      </view>
+    </label>
+  </radio-group>
 </formcell>