@cloudbase/weda-ui 2.0.27 → 3.1.1

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

@@ -1,42 +0,0 @@
-<!--components/mapChoose/index.wxml-->
-<view class="map-choose">
-  <view class="map-choose-header">
-    <view class="map-choose-header_title">选择地理位置</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-header_search_input">
-        <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>
-          <text>搜索地点</text>
-        </view>
-      </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_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>
-      <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_arow" />
-        </view>
-      </view>
-    </view>
-  </view>
-  <view class="map-choose-footer">
-    <button data-value="true" bindtap="comfirm">确认</button>
-    <button bindtap="comfirm">取消</button>
-  </view>
-</view>

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

@@ -1,188 +0,0 @@
-/* components/mapChoose/index.wxss */
-.map-choose {
-  position: fixed;
-  z-index: 100;
-  width: 100vw;
-  height: 100vh;
-  background-color: #fff;
-  left: 0;
-  top: 0;
-}
-
-.map-choose-footer {
-  display: flex;
-  align-items: self-start;
-  justify-content: center;
-  height: 60px;
-  padding-top: 8px;
-  left: 0;
-  bottom: 0;
-  position: absolute;
-  width: 100%;
-}
-
-.map-choose-footer button {
-  width: 90px;
-  margin: 0 10px;
-  font-weight: normal;
-  color: #006eff;
-  font-size: 14px;
-  border-radius: 0;
-}
-
-.map-choose-footer button:nth-child(1) {
-  background-color: #006eff;
-  color: #fff;
-}
-.map-choose-footer button:nth-child(2) {
-  border: 1px solid #cfd5de;
-  background-color: #fff;
-}
-
-.map-choose-header {
-  height: 30px;
-  margin: 0 20px;
-  line-height: 30px;
-  font-weight: 700;
-  position: relative;
-}
-
-.cross {
-  width: 20px;
-  height: 20px;
-  position: absolute;
-  top: 51%;
-  right: 0;
-  transform: translate(0, -48%);
-}
-
-.cross::before,
-.cross::after {
-  content: '';
-  width: 2px;
-  height: 18px;
-  background: #93979b;
-  position: absolute;
-  right: 10px;
-}
-
-.cross::before {
-  transform: rotate(45deg);
-}
-
-.cross::after {
-  transform: rotate(-45deg);
-}
-
-.map-choose-body {
-  height: calc(100% - 98px);
-}
-
-.map-choose-body-saerch {
-  padding: 8px 20px;
-  position: relative;
-  border-bottom: 1px solid #d3d3d3;
-}
-
-.map-choose-header_search_input {
-  height: 30px;
-  background-color: #ebebeb;
-  padding-left: 10px;
-  padding-right: 10px;
-  color: #b4b4b4;
-  font-size: 15px;
-  line-height: 31px;
-  border-radius: 5px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  position: relative;
-  display: flex;
-}
-
-.map-choose-header_search_input_value {
-  padding-right: 60px;
-}
-
-.map-choose-header_search_input input {
-  height: 30px;
-  line-height: 30px;
-  width: 100%;
-  position: relative;
-  z-index: 1;
-}
-
-.map-choose-header_search_input_cancle {
-  color: #006eff;
-  position: absolute;
-  height: 30px;
-  line-height: 30px;
-  top: 8px;
-  right: 20px;
-}
-
-.map-choose-header_search_place {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  display: flex;
-  align-items: center;
-  transform: translate(-50%, 0);
-}
-.map-choose-header_search_place image {
-  width: 14px;
-  height: 14px;
-}
-
-.map-choose-search,
-.map-choose-explore {
-  width: 100%;
-  height: calc(100% - 47px);
-}
-
-.map-choose-explore_ul {
-  height: calc(100% - 200px);
-  overflow-y: scroll;
-  padding: 0 20px;
-}
-
-.map-choose-search_ul {
-  height: 100%;
-}
-
-.map-choose-explore_li {
-  width: 100%;
-  height: 46px;
-  padding-top: 6px;
-  position: relative;
-  border-bottom: 1px solid #d3d3d3;
-  cursor: pointer;
-  position: relative;
-  font-size: 12px;
-  padding-bottom: 3px;
-}
-
-.map-choose-explore_li_arow {
-  display: none;
-}
-
-.map-choose-explore_li_choosed .map-choose-explore_li_arow {
-  display: block;
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translate(0, -50%);
-  width: 16px;
-  height: 16px;
-  display: block !important;
-  background-image: url('https://qcloudimg.tencent-cloud.cn/raw/354c15c0cb845120ac3e9c474e6737b3.png');
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-}
-
-.map-choose-explore_li_con {
-  width: 98%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}

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

@@ -1,388 +0,0 @@
-Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    label: {
-      type: String,
-      value: '标题',
-    },
-    labelVisible: {
-      type: Boolean,
-      value: true,
-    },
-    source: {
-      type: String,
-      value: '',
-    },
-    showLngLat: {
-      type: Boolean,
-      value: true,
-    },
-    showMap: {
-      type: Boolean,
-      value: true,
-    },
-    defauleShowLocation: {
-      type: Boolean,
-      value: true,
-    },
-    drag: {
-      type: Boolean,
-      value: true,
-    },
-    zoom: {
-      type: Boolean,
-      value: true,
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    requiredFlag: {
-      type: Boolean,
-      value: true,
-    },
-    value: {
-      type: Object,
-      value: {
-        latitude: 39.98410411,
-        longitude: 116.307503,
-        poiname: '',
-        detailedAddress: '',
-      },
-    },
-    locationType: {
-      type: Number,
-      value: 1,
-    },
-    customLocation: {
-      type: Object,
-      value: {
-        latitude: 22.540366,
-        longitude: 113.934559,
-        poiname: '深圳市南山区深南大道10000号腾讯大厦',
-        detailedAddress: '深圳市南山区深南大道10000号腾讯大厦',
-      },
-    },
-  },
-
-  lifetimes: {
-    attached: function () {
-      const wxClientApi = wx;
-      const apiName = [
-        'g',
-        'e',
-        't',
-        'L',
-        'o',
-        'c',
-        'a',
-        't',
-        'i',
-        'o',
-        'n',
-      ].join('');
-
-      // 在组件实例进入页面节点树时执行
-      const getCurrentLocation = (locationType) => {
-        wxClientApi[apiName]({
-          isHighAccuracy: true, //高精度定位
-          success: (res) => {
-            let { latitude, longitude } = res;
-            let location = {
-              latitude,
-              longitude,
-              poiname: '',
-              detailedAddress: '',
-            };
-            let marker = {
-              id: 887,
-              latitude,
-              longitude,
-              width: 25,
-              height: 35,
-            };
-            this.setData({
-              location,
-              markers: [marker],
-              currentLocations: location,
-              currentPosition: {
-                status: true,
-                message: '',
-              },
-            });
-            this.setLocation(location);
-            if (locationType === 1) {
-              this.triggerEvent('change', {
-                value: null,
-              });
-            } else {
-              this.setData({
-                isAddrShow: true,
-              });
-              this.changeValueFormat(location);
-            }
-          },
-          fail: ({ errMsg }) => {
-            console.log('getlocation', errMsg);
-            let currentPositionMsg = errMsg;
-            this.triggerEvent('change', {
-              value: null,
-            });
-            if (
-              errMsg ===
-              'getLocation:fail 频繁调用会增加电量损耗，可考虑使用 wx.onLocationChange 监听地理位置变化'
-            ) {
-              currentPositionMsg = '频繁获取当前定位会增加电量损耗请稍后再选择';
-              setTimeout(() => {
-                getCurrentLocation(locationType);
-              }, 3000);
-            }
-            this.setData({
-              currentPosition: {
-                status: false,
-                message: currentPositionMsg,
-              },
-              currentLocations: {},
-            });
-          },
-        });
-      };
-      const { locationType, customLocation } = this.properties;
-      if (locationType === 1 || locationType === 2) {
-        // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
-        wx.getSetting({
-          success: (res) => {
-            if (!res.authSetting['scope.userLocation']) {
-              // 没有授权
-              wx.authorize({
-                scope: 'scope.userLocation',
-                success: () => {
-                  // 用户已经同意小程序使用定位功能，后续调用 wx.getLocation 接口不会弹窗询问
-                  getCurrentLocation(locationType);
-                },
-                fail: (err) => {
-                  console.log('authorize fail', err);
-                  this.setData({
-                    currentPosition: {
-                      status: false,
-                      message: err.errMsg,
-                    },
-                    currentLocations: {},
-                  });
-                  this.triggerEvent('change', {
-                    value: null,
-                  });
-                  wx.showToast({
-                    icon: 'none',
-                    title: err.errMsg,
-                  });
-                },
-              });
-            } else {
-              // 已经授权
-              getCurrentLocation(locationType);
-            }
-          },
-          fail: (err) => {
-            console.log('getSetting fail', err);
-            wx.showToast({
-              icon: 'none',
-              title: 'getSetting fail',
-            });
-          },
-        });
-      } else if (locationType === 3) {
-        this.setData({
-          currentPosition: {
-            status: true,
-            message: '',
-          },
-        });
-        if (this.checkCustomLocation(customLocation)) {
-          wx.showToast({
-            icon: 'none',
-            title: '位置输入格式错误 请检查',
-          });
-          return;
-        } else {
-          this.setLocation(customLocation);
-          this.changeValueFormat(customLocation);
-        }
-      }
-    },
-    detached: function () {
-      // 在组件实例被从页面节点树移除时执行
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    location: {
-      latitude: 39.98410411,
-      longitude: 116.307503,
-      poiname: '',
-      detailedAddress: '',
-    },
-    markers: [],
-    isAddrShow: false,
-    currentPosition: {
-      status: false,
-      message: '获取当前定位中',
-    },
-    currentLocations: {},
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    chooseSite() {
-      let { latitude, longitude } = this.data.location;
-      let currentPosition = this.data.currentPosition;
-      if (this.properties.disabled || !currentPosition.status) {
-        return wx.showToast({
-          icon: 'none',
-          title: currentPosition.status ? '已禁用' : currentPosition.message,
-          duration: 2000,
-        });
-      }
-      const wxClientApi = wx;
-      const apiName = [
-        'c',
-        'h',
-        'o',
-        'o',
-        's',
-        'e',
-        'L',
-        'o',
-        'c',
-        'a',
-        't',
-        'i',
-        'o',
-        'n',
-      ].join('');
-      wxClientApi[apiName]({
-        latitude,
-        longitude,
-        success: (res) => {
-          if (res.name) {
-            this.changeLocation({
-              ...res,
-              poiname: res.name,
-              detailedAddress: res.address,
-            });
-          }
-        },
-        fail: (err) => {
-          console.log('chooseLocation err', err);
-        },
-      });
-    },
-    changeLocation(location) {
-      let isAddrShow = this.data.isAddrShow;
-      if (!isAddrShow) {
-        this.setData({
-          isAddrShow: true,
-        });
-      }
-      let marker = {
-        id: 887,
-        latitude: location.latitude,
-        longitude: location.longitude,
-        width: 25,
-        height: 35,
-      };
-      this.setData({
-        location,
-        markers: [marker],
-      });
-      this.changeValueFormat(location);
-    },
-    checkCustomLocation(params) {
-      let { latitude, longitude } = params;
-      let message = '';
-      if (Object.prototype.toString.call(params) !== '[object Object]') {
-        return (message = '位置输入格式错误 请检查');
-      } else if (!latitude || !Number(latitude)) {
-        return (message = '位置输入格式错误 请检查');
-      } else if (!longitude || !Number(longitude)) {
-        return (message = '位置输入格式错误 请检查');
-      } else if (!params) {
-        return (message = '位置输入格式错误 请检查');
-      }
-    },
-    setLocation(value) {
-      const { latitude, longitude } = value;
-      let marker = {
-        id: 887,
-        latitude,
-        longitude,
-        width: 25,
-        height: 35,
-      };
-      this.setData({
-        location: value,
-        markers: [marker],
-      });
-      this.changeValueFormat(value);
-    },
-    changeValueFormat(value) {
-      const { latitude, longitude, poiname, detailedAddress } = value;
-      let location = {
-        address: poiname,
-        detailedAddress,
-        geopoint: {
-          coordinates: [longitude, latitude],
-          type: 'Point',
-        },
-      };
-      this.triggerEvent('change', {
-        value: location,
-      });
-    },
-  },
-  observers: {
-    value: function (value) {
-      const currentLocations = this.data.currentLocations;
-      if (value || !currentLocations.latitude) return;
-      const locationType = this.properties.locationType;
-      const { latitude, longitude } = currentLocations;
-      let marker = {
-        id: 887,
-        latitude,
-        longitude,
-        width: 25,
-        height: 35,
-      };
-      this.setData({
-        location: currentLocations,
-        markers: [marker],
-        isAddrShow: false,
-      });
-      if (locationType === 1) {
-        this.triggerEvent('change', {
-          value: null,
-        });
-      } else if (locationType === 2) {
-        this.changeValueFormat(currentLocations);
-        this.setData({
-          isAddrShow: true,
-        });
-      }
-    },
-  },
-});

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

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "MapChoose": "./components/mapChoose/index"
-  }
-}

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

@@ -1,21 +0,0 @@
-<!--components/location/location.wxml-->
-
-<view class="form-location">
-  <view class="form-location-warp">
-    <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>
-      <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">
-      <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>
-</view>