@cloudbase/weda-ui 2.0.28 → 3.1.0

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

@@ -1,124 +0,0 @@
-import classNames from '../../../utils/classnames';
-import destr from '../../../utils/destr';
-import handleEvents from '../../../utils/handleEvents';
-import { callWedaApi } from '../../../utils/tcb';
-import deepEqual from '../../../utils/deepEqual';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    label: {
-      type: String,
-      value: '标题',
-    },
-    labelVisible: {
-      type: Boolean,
-      value: true,
-    },
-    range: {
-      type: Array,
-      value: [
-        { name: '多选-选项一', value: 'first', checked: true },
-        { name: '多选-选项二', value: 'second', checked: false },
-      ],
-    },
-    layout: {
-      type: String,
-      value: 'horizontal',
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    requiredFlag: {
-      type: Boolean,
-      value: false,
-    },
-    format: {
-      type: String,
-      value: '',
-    },
-    enumName: {
-      type: String,
-      value: '',
-    },
-  },
-  data: {
-    cls: '',
-    subCls: '',
-    isFlex: true,
-    defaultRange: [],
-  },
-  lifetimes: {
-    attached() {
-      const { className, layout, disabled, range } = this.properties;
-      const isFlex = layout !== 'vertical';
-      const cls = classNames({
-        'weda-ui': true,
-        'weda-checkbox': true,
-        [className]: className,
-      });
-      const subCls = classNames({
-        'weui-cell': true,
-        'weui-cell_active': true,
-        'weui-check__label': true,
-        'weui-cell_disabled': disabled,
-      });
-
-      this.setData({ cls, subCls, isFlex, defaultRange: range });
-    },
-  },
-  methods: {
-    _fetchData: async function () {
-      let data = await callWedaApi({
-        action: 'DescribeGeneralOptionsDetailList',
-        data: {
-          OptNameList: [this.properties.enumName],
-          PageIndex: 1,
-          PageSize: 10,
-        },
-      });
-      const config = destr(data?.Items?.[0]?.Config) ?? [];
-      const option = config.map((item) => {
-        return {
-          label: item.value,
-          value: item.key,
-          checked: false,
-        };
-      });
-      this.setData({ defaultRange: option });
-    },
-
-    ...handleEvents([
-      {
-        name: 'change',
-        title: '值改变',
-      },
-    ]),
-  },
-  observers: {
-    range: function (range) {
-      if (
-        this.properties.format !== 'x-enum' &&
-        !deepEqual(range, this.data.defaultRange)
-      ) {
-        this.setData({ defaultRange: range });
-      }
-    },
-    format: function (format) {
-      if (format === 'x-enum' && this.properties.enumName) {
-        this._fetchData();
-      }
-    },
-  },
-});

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

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared",
-  "usingComponents": {
-    "formcell": "../formcell"
-  }
-}

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

@@ -1,13 +0,0 @@
-<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{true}}" requiredFlag="{{requiredFlag}}">
-  <checkbox-group class="{{isFlex ? 'weui-flex__item' : ''}}" bindchange="change">
-    <label class="{{subCls}}" wx:for="{{defaultRange}}" wx:key="value">
-      <view class="weui-cell__hd">
-        <checkbox 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>
-  </checkbox-group>
-</formcell>

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

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

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

@@ -1,18 +0,0 @@
-Component({
-  options: {
-    multipleSlots: true,
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-  },
-  data: {},
-  methods: {},
-});

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

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared"
-}

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

@@ -1,5 +0,0 @@
-<view class="weui-form weda-ui {{className}}" style="{{style}}">
-  <view class="weui-cells__group weui-cells__group_form">
-    <slot name="contentSlot" />
-  </view>
-</view>

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

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

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

@@ -1,54 +0,0 @@
-import classNames from '../../../utils/classnames';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    label: {
-      type: String,
-    },
-    layout: {
-      type: String,
-    },
-    multiCell: {
-      type: Boolean,
-      value: false,
-    },
-    requiredFlag: {
-      type: Boolean,
-      value: false,
-    },
-  },
-  data: {
-    isFlex: true,
-    cls: '',
-  },
-  lifetimes: {
-    attached() {
-      const { layout, multiCell } = this.properties;
-      const isFlex = layout !== 'vertical';
-      const cls = classNames({
-        'weda-ui': true,
-        'weda-formcells': true,
-        'weui-cells': true,
-        'weui-cells_forms': !multiCell,
-        'weui-cells_checkbox': multiCell,
-        'weui-flex': isFlex,
-      });
-
-      this.setData({
-        isFlex: isFlex,
-        cls: cls,
-      });
-    },
-  },
-});

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

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared"
-}

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

@@ -1,11 +0,0 @@
-<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>

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

@@ -1,31 +0,0 @@
-@import '../../../style/weda-ui.wxss';
-
-.weda-formcells__flag {
-  display: inline-block;
-  margin-left: 4px;
-  font-family: SimSun;
-  font-size: 12px;
-  color: #f60;
-  align-self: flex-start;
-}
-
-.weda-formcells.weui-flex .weda-formcells__label {
-  width: 130px;
-  padding-bottom: 16px;
-}
-
-.weui-cells__group_form .weui-cell {
-  padding: 16px 16px;
-}
-
-.weda-formcells .weda-formcells__label {
-  padding-bottom: 8px;
-}
-
-.weda-formcells__content.weui-flex__item .weui-cell_form {
-  padding: 0;
-}
-
-.weda-formcells__content.weui-flex__item .weui-cell_form {
-  padding-right: 16px;
-}

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

@@ -1,110 +0,0 @@
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    label: {
-      type: String,
-      value: '标题',
-    },
-    labelVisible: {
-      type: Boolean,
-      value: true,
-    },
-    defaultValue: {
-      type: String,
-      value: '',
-    },
-    password: {
-      type: Boolean,
-      value: false,
-    },
-    placeholder: {
-      type: String,
-      value: '请输入',
-    },
-    type: {
-      type: String,
-      value: 'text',
-    },
-    maxLength: {
-      type: Number,
-      value: 140,
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    focus: {
-      type: Boolean,
-      value: false,
-    },
-    layout: {
-      type: String,
-      value: 'horizontal',
-    },
-    requiredFlag: {
-      type: Boolean,
-      value: false,
-    },
-    clearable: {
-      type: Boolean,
-      value: true,
-    },
-  },
-  data: {
-    isFlex: true,
-    isFocus: false,
-    value: '',
-  },
-  lifetimes: {
-    attached() {
-      this.setData({
-        isFlex: this.properties.layout !== 'vertical',
-        isFocus: this.properties.focus,
-      });
-    },
-  },
-  observers: {
-    defaultValue: function (defaultValue) {
-      this.setData({ value: defaultValue });
-    },
-  },
-  methods: {
-    handleFocus: function (e) {
-      this.setData({
-        isFocus: true,
-      });
-      this.triggerEvent('focus', e.detail);
-    },
-    handleBlur: function (e) {
-      this.setData({
-        isFocus: false,
-      });
-      this.triggerEvent('blur', e.detail);
-    },
-    handleChange: function (e) {
-      this.setData({
-        value: e.detail.value,
-      });
-      this.triggerEvent('change', e.detail);
-    },
-    handleClear: function (e) {
-      this.setData({
-        value: '',
-      });
-      this.triggerEvent('clear', e.detail);
-    },
-    handleConfirm: function (e) {
-      this.triggerEvent('confirm', e.detail);
-    },
-  },
-});

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

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared",
-  "usingComponents": {
-    "formcell": "../formcell"
-  }
-}

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

@@ -1,24 +0,0 @@
-<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>

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

@@ -1,22 +0,0 @@
-@import '../../../style/weda-ui.wxss';
-
-/*
-把weui-cell 的padding还回到input
-*/
-.weda-ui .weui-input {
-  padding: 28rpx 0;
-}
-
-.weui-btn_input-clear {
-  align-self: center;
-}
-.weda-ui.weda-input .weui-cell_form {
-  padding: 0 16px;
-}
-.weda-ui.weda-input .weui-flex__item .weui-cell_form {
-  padding: 0;
-  padding-right: 16px;
-}
-/**
- * END
- */

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

@@ -1,201 +0,0 @@
-import debounce from '../../../../../utils/debounce';
-import dr_square_point from '../../../../../utils/dr_square_point';
-let QQMapWX = require('../../../../../utils/qqmap-wx-jssdk1.2/qqmap-wx-jssdk');
-let qqmapsdk;
-
-// components/mapChoose/index.js
-Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    location: {
-      type: Object,
-      value: {
-        latitude: 39.984104,
-        longitude: 116.307503,
-        poiname: '',
-      },
-    },
-    APIKEY: {
-      type: String,
-      value: '',
-    },
-    range: {
-      type: Number,
-      value: 1000,
-    },
-  },
-
-  lifetimes: {
-    attached: function () {
-      let location = this.properties.location;
-      let marker = {
-        id: 'id-marker',
-        latitude: location.latitude,
-        longitude: location.longitude,
-        width: 25,
-        height: 35,
-      };
-      this.setData({
-        markers: [marker],
-        originMarker: {
-          ...marker,
-          id: 'origin',
-        },
-        choosedLocation: location,
-      });
-      // 实例化API核心类
-      qqmapsdk = new QQMapWX({
-        key: this.properties.APIKEY,
-      });
-    },
-    detached: function () {
-      // 在组件实例被从页面节点树移除时执行
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    searchValue: '',
-    isSearch: false,
-    exploreList: [],
-    searchList: [],
-    choosedLocation: {
-      latitude: null,
-      longitude: null,
-    },
-    originMarker: {},
-    markers: [],
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    regionchange(event) {
-      let {
-        type,
-        detail: { centerLocation },
-      } = event;
-      if (type === 'begin') return;
-      let marker = {
-        id: 'id-marker',
-        latitude: centerLocation.latitude,
-        longitude: centerLocation.longitude,
-        width: 25,
-        height: 35,
-      };
-      this.setData({
-        markers: [marker, this.data.originMarker],
-      });
-      this.searchLocation('路', 20, centerLocation, this, 'exploreList');
-    },
-    comfirm(event) {
-      this.triggerEvent('setIsSelectMapVisible');
-      if (
-        this.data.choosedLocation.latitude &&
-        event.currentTarget.dataset.value
-      ) {
-        this.triggerEvent('changeLocation', this.data.choosedLocation);
-      }
-    },
-    changeInput(e) {
-      this.setData({
-        searchValue: e.detail.value,
-      });
-      if (!e.detail.value) {
-        setTimeout(() => {
-          this.setData({
-            searchList: [],
-          });
-        }, 1000);
-        return;
-      }
-      this.searchLocation(
-        e.detail.value,
-        10,
-        this.data.markers[0],
-        this,
-        'searchList'
-      );
-    },
-    focusInput() {
-      this.setData({
-        isSearch: true,
-      });
-    },
-    cancleSearch() {
-      this.setData({
-        isSearch: false,
-        searchValue: '',
-      });
-    },
-    searchLocation: debounce((value, page_size, location, _this, type) => {
-      let range = _this.properties.range / 1000;
-      let { leftBottom, rightTop } = dr_square_point(
-        location.longitude,
-        location.latitude,
-        range
-      );
-      qqmapsdk.search({
-        keyword: value,
-        page_size,
-        rectangle: `${leftBottom[0]},${leftBottom[1]},${rightTop[0]},${rightTop[1]}`,
-        success: (res) => {
-          _this.setData({
-            [type]: res.data,
-          });
-        },
-        fail: function (err) {
-          console.log('err search', err);
-          if (
-            err.message ===
-            'getLocation:fail 频繁调用会增加电量损耗，可考虑使用 wx.onLocationChange 监听地理位置变化'
-          ) {
-            wx.showToast({
-              title:
-                '获取周边信息接口并发限制 高频调用请前往腾讯地图后台申请配额',
-              icon: 'none',
-              duration: 2000,
-            });
-          }
-        },
-      });
-    }, 500),
-    chooseSite(event) {
-      let { title, location, id } = event.currentTarget.dataset.location;
-      let type = event.currentTarget.dataset.type;
-      location = {
-        latitude: location.lat,
-        longitude: location.lng,
-        poiname: title,
-        id,
-      };
-      if (type === 'search') {
-        let marker = {
-          id: 'id-marker',
-          latitude: location.latitude,
-          longitude: location.longitude,
-          width: 25,
-          height: 35,
-        };
-        let originMarker = this.data.originMarker;
-        this.setData({
-          isSearch: false,
-          searchList: [],
-          searchValue: '',
-          choosedLocation: location,
-          markers: [marker, originMarker],
-        });
-        this.searchLocation('路', 20, location, this, 'exploreList');
-      } else {
-        this.setData({
-          choosedLocation: location,
-        });
-      }
-    },
-  },
-});

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

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}