@cloudbase/weda-ui 2.0.27 → 3.1.1

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

@@ -1,107 +0,0 @@
-import { callWedaApi } from '../../../../utils/tcb';
-
-export let provinces = [];
-export let cities = [];
-export let regions = [];
-export let regionData = [];
-/**
- *  获取运行态地区数据
- *  查询所有的省市区数据https://iwiki.woa.com/pages/viewpage.action?pageId=1582408865
- */
-export async function getAreaCode() {
-  try {
-    const res = await callWedaApi({
-      action: 'QueryRuntimeAreaCode',
-      data: { Mask: '11100' },
-    });
-    return res?.AreaCodeList;
-  } catch (error) {
-    console.error('错误', error);
-    return {};
-  }
-}
-export const getRegionTree = async function (defaultValue) {
-  regionData = await getAreaCode();
-  splitAreaData(regionData, regionData);
-  return changeResult(defaultValue, regionData);
-};
-export const splitAreaData = (areaData) => {
-  provinces = [];
-  cities = [];
-  regions = [];
-  areaData.forEach((item) => {
-    if (!item.Deprecated) {
-      if (item?.Type == 1) {
-        provinces.push(item);
-      }
-      if (item?.Type == 2 || (item?.Type == 1 && item.CentralCity)) {
-        cities.push(item);
-      } else if (item?.Type == 3) {
-        regions.push(item);
-      }
-    }
-  });
-};
-/***
- * 用于构建change事件result返回值
- */
-export const changeResult = (regionValue, areaData) => {
-  const defaultValue = regionValue ? regionValue.split(',') : null;
-  const changeValue = [];
-  const defaultIndex = [];
-  if (defaultValue && defaultValue.length > 0) {
-    defaultValue.forEach((element, index) => {
-      areaData.map((item, id) => {
-        //区级判重
-        if (
-          (item?.Value == element && index != 2) ||
-          (item?.Value == element &&
-            item.Code.substr(0, 2) == changeValue[0].code.substr(0, 2) &&
-            index == 2)
-        ) {
-          changeValue.push({
-            value: item?.Value,
-            code: item?.Code,
-          });
-          defaultIndex.push(id);
-        }
-      });
-    });
-  }
-  return { value: regionValue, result: changeValue };
-};
-/**
- * 拼接地区选择默认值显示规则
- */
-export const buildDisplayValue = (data, indexList, type) => {
-  let provinceItem = [];
-  let cityItem;
-  let regionItem;
-  switch (type) {
-    case 'levelOne': {
-      provinceItem = data[0][indexList[0]];
-      return {
-        value: provinceItem.value,
-        result: [provinceItem],
-      };
-    }
-    case 'levelTwo': {
-      provinceItem = data[0][indexList[0]];
-      cityItem = data[1][indexList[1]];
-      return {
-        value: provinceItem.value + ',' + cityItem.value,
-        result: [provinceItem, cityItem],
-      };
-    }
-    case 'levelThree': {
-      provinceItem = data[0][indexList[0]];
-      cityItem = data[1][indexList[1]];
-      regionItem = data[2][indexList[2]];
-      return {
-        value:
-          provinceItem.value + ',' + cityItem.value + ',' + regionItem.value,
-        result: [provinceItem, cityItem, regionItem],
-      };
-    }
-  }
-};

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

@@ -1,75 +0,0 @@
-import classNames from '../../../utils/classnames';
-import handleEvents from '../../../utils/handleEvents';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    label: {
-      type: String,
-      value: '标题',
-    },
-    labelVisible: {
-      type: Boolean,
-      value: true,
-    },
-    checked: {
-      type: Boolean,
-      value: false,
-    },
-    layout: {
-      type: String,
-      value: 'horizontal',
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    requiredFlag: {
-      type: Boolean,
-      value: false,
-    },
-  },
-  data: {
-    cls: '',
-    subCls: '',
-    isFlex: true,
-  },
-  lifetimes: {
-    attached() {
-      const { className, layout, disabled } = this.properties;
-      const isFlex = layout !== 'vertical';
-      const cls = classNames({
-        'weda-ui': true,
-        'weda-switch': true,
-        [className]: className,
-      });
-      const subCls = classNames({
-        'weui-cell': true,
-        'weui-cell_active': true,
-        'weui-cell_switch': true,
-        'weui-flex__item': isFlex,
-        'weui-cell_disabled': disabled,
-      });
-
-      this.setData({ cls, subCls, isFlex });
-    },
-  },
-  methods: {
-    ...handleEvents([
-      {
-        name: 'change',
-        title: '选中状态改变',
-      },
-    ]),
-  },
-});

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

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

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

@@ -1,11 +0,0 @@
-<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{false}}" requiredFlag="{{requiredFlag}}">
-  <view class="{{subCls}}">
-    <view wx:if="{{isFlex}}" class="weui-cell__bd" />
-    <view class="{{ isFlex? 'weui-cell__ft' : 'weui-cell__bd'}}">
-      <label class="weui-switch-cp">
-        <switch class="weui-switch-cp__input" checked="{{checked}}" bindchange="change" />
-        <view class="weui-switch-cp__box" />
-      </label>
-    </view>
-  </view>
-</formcell>

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

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

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

@@ -1,90 +0,0 @@
-import classNames from '../../../utils/classnames';
-
-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: '',
-    },
-    placeholder: {
-      type: String,
-      value: '请输入',
-    },
-    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,
-    },
-    counterVisible: {
-      type: Boolean,
-      value: true,
-    },
-  },
-  data: {
-    cls: '',
-    value: '',
-  },
-  lifetimes: {
-    attached() {
-      const { className } = this.properties;
-      this.setData({
-        cls: classNames({
-          'weda-ui': true,
-          'weda-textarea': true,
-          [className]: className,
-        }),
-      });
-    },
-  },
-  observers: {
-    defaultValue: function (defaultValue) {
-      this.setData({ value: defaultValue });
-    },
-  },
-  methods: {
-    handleChange: function (e) {
-      this.setData({ value: e.detail.value });
-      this.triggerEvent('change', e.detail);
-    },
-    handleFocus: function (e) {
-      this.triggerEvent('focus', e.detail);
-    },
-    handleBlur: function (e) {
-      this.triggerEvent('blur', e.detail);
-    },
-  },
-});

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

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

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

@@ -1,8 +0,0 @@
-<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{true}}" requiredFlag="{{requiredFlag}}">
-  <view class="weui-cell weui-cell_active weui-cell_form}} {{disabled ? 'weui-cell_disabled' : ''}}">
-    <view class="weui-cell__bd">
-      <textarea class="weui-textarea" placeholder="{{placeholder}}" placeholder-class="weui-input__placeholder" bindinput="handleChange" value="{{value}}" disable="{{disabled}}" maxlength="{{maxLength}}" bindfocus="handleFocus" bindblur="handleBlur"></textarea>
-      <view wx:if="{{counterVisible}}" class="weui-textarea-counter"><span>{{!!value ? value.length : 0}}</span>/{{maxLength}}</view>
-    </view>
-  </view>
-</formcell>

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

@@ -1,10 +0,0 @@
-@import '../../../style/weda-ui.wxss';
-
-.weda-ui .weda-textarea .weui-cell_form {
-  padding: 16px;
-}
-
-.weda-ui .weda-textarea .weui-flex__item .weui-cell_form {
-  padding: 16px;
-  padding-left: 0;
-}

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

@@ -1,41 +0,0 @@
-import classNames from '../../../utils/classnames';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    tips: {
-      type: String,
-      value: '表单提示',
-    },
-    type: {
-      type: String,
-      value: 'normal',
-    },
-  },
-  data: {
-    cls: '',
-  },
-  lifetimes: {
-    attached() {
-      const { className, type, tips } = this.properties;
-      const cls = classNames('weda-ui', {
-        'weda-tips': true,
-        'weui-cells__tips': !!tips,
-        'weui-cells__tips_warn': !!tips && type === 'warn',
-        [className]: className,
-      });
-
-      this.setData({ cls });
-    },
-  },
-});

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

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

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

@@ -1 +0,0 @@
-<view class="{{cls}}"> {{tips}} </view>

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

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

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

@@ -1,158 +0,0 @@
-import { getCloudInstance, getTempFileURL } from '../../../utils/tcb';
-import SparkMD5 from '../../../utils/spark-md5';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-
-  properties: {
-    maxUploadCount: {
-      type: Number,
-      value: 5,
-    },
-    title: {
-      type: String,
-      value: '图片上传',
-    },
-    tips: {
-      type: String,
-      value: '图片上传提示',
-    },
-    layout: {
-      type: String,
-      value: 'horizontal',
-    },
-    defaultValue: {
-      type: null,
-    },
-    single: {
-      type: Boolean,
-      value: false,
-    },
-    maxSize: {
-      type: Number,
-      value: 10,
-    },
-  },
-  data: {
-    maxCount: 0,
-    cloudFile: [],
-    files: [],
-    urls: [],
-    singleFlag: false,
-    uploadFile: async function (files) {
-      try {
-        // 文件上传的函数，返回一个promise
-        const uploadPath = 'weda-uploader';
-        const tcb = await getCloudInstance();
-        const uploadPromise = files.tempFilePaths.map(
-          async (tempFilePath, index) => {
-            var spark = new SparkMD5.ArrayBuffer();
-            spark.append(files.contents[index]);
-            var md5Path = spark.end(false);
-            const fileType = tempFilePath.split('.')[1];
-            const cloudPath = `${uploadPath}/${md5Path}-${Date.now()}.${fileType}`;
-            const uploadRes = await tcb.uploadFile({
-              cloudPath,
-              filePath: tempFilePath,
-            });
-            return { fileID: uploadRes.fileID };
-          }
-        );
-        const uploadFileList = await Promise.all(uploadPromise);
-        const cloudUrls = uploadFileList.map((file) => file.fileID);
-        // 这里返回的东西会在uploadSuccess回调函数中获取到
-        // https://github.com/wechat-miniprogram/weui-miniprogram/blob/a3630575910302e3b94e69fcef266d2b509de650/src/components/uploader/uploader.ts#L149
-        // 写死的从返回值的 .urls 获取展示用的url来用。一定要将tempFilePaths透传下去，否则会重新加载然后出现闪白
-        return { urls: files.tempFilePaths, cloudUrls };
-      } catch (e) {
-        wx.showToast({
-          title: `${e}` || '上传失败',
-          icon: 'none',
-          duration: 2000,
-        });
-      }
-    },
-  },
-  methods: {
-    uploadError: function (e) {
-      this.triggerEvent('error', e.detail);
-    },
-    uploadSuccess: async function (e) {
-      const urls = e.detail.cloudUrls; // uploadFile 获取返回值
-      // 小程序自带tempURL 不需要调用 tcb.getTempFileURL 获取
-      this.triggerEvent('success', {
-        value: urls,
-      });
-      this.setData({
-        files: this.data.files.concat(e.detail.urls.map((url) => ({ url }))),
-        urls: [...this.data.cloudFile, ...urls],
-      });
-    },
-    onDelete: function (e) {
-      if (this.data.urls.length == 0) {
-        var storgeUrls = [];
-        this.data.cloudFile.forEach((v, index) => {
-          if (e.detail.index != index) {
-            storgeUrls.push(v);
-          }
-        });
-        this.setData({
-          files: this.data.files.filter((v, index) => e.detail.index !== index),
-          urls: storgeUrls,
-        });
-      } else {
-        this.setData({
-          files: this.data.files.filter((v, index) => e.detail.index !== index),
-          urls: this.data.urls.filter((v, index) => e.detail.index !== index),
-        });
-      }
-    },
-  },
-  observers: {
-    defaultValue: async function (value) {
-      //当单图片上传且默认值为空数组时，初次渲染更新value，以避免空串提交类型不匹配问题
-      if (Array.isArray(value) && !this.data.singleFlag) {
-        this.setData({
-          urls: value,
-        });
-        this.data.singleFlag = true;
-      }
-      if (value) {
-        let httpFiles = [];
-        for (let f of value) {
-          const hf = await getTempFileURL(f);
-          const httpFile = { url: hf };
-          httpFiles.push(httpFile);
-        }
-        this.setData({
-          files: httpFiles,
-          cloudFile:
-            JSON.stringify(value) != JSON.stringify(this.data.cloudFile)
-              ? value
-              : [],
-        });
-      } else {
-        this.setData({
-          files: [],
-          cloudFile: [],
-        });
-      }
-    },
-
-    'maxUploadCount, single': function (maxUploadCount, single) {
-      const maxCount = single ? 1 : maxUploadCount;
-      this.setData({
-        maxCount,
-      });
-    },
-    urls: function (urls) {
-      let value = urls;
-      if (this.properties.single) {
-        value = urls[0] ?? '';
-      }
-      this.triggerEvent('change', { value });
-    },
-  },
-});

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

@@ -1,10 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared",
-  "usingComponents": {
-    "mp-uploader": "./weui-uploader",
-    "mp-cells": "weui-miniprogram/cells/cells",
-    "mp-cell": "weui-miniprogram/cell/cell",
-    "formcell": "../formcell"
-  }
-}

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

@@ -1,14 +0,0 @@
-<view class="weda-ui weui-cells weui-cells_form {{className}}" id="{{id}}" style="{{style}}">
-  <mp-uploader max-size="{{maxSize  * 1024 * 1024}}" files="{{files}}" title="{{title}}" showDelete="{{true}}" ext-class="{{layout}}" bindfail="uploadError" bindsuccess="uploadSuccess" layout="{{layout}}" select="{{selectFile}}" upload="{{uploadFile}}" maxCount="{{maxCount}}" binddelete="onDelete"> </mp-uploader>
-</view>
-
-<!-- uploader delete 实际代码接受 showDelete
-    https://developers.weixin.qq.com/community/develop/doc/000a4e7b9cc158c110aa3961056400
- -->
-
-<!-- bind开头的是事件handler，wxml模版中不能带 `{{}}`
-```
-<mp-uploader files="{{files}}" showDelete="{{true}}" ext-class="{{layout}}" bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uploadFile}}" maxCount="{{maxUploadCount}}" title="{{title}}" binddelete="onDelete"></mp-uploader>
-```
-upload 是函数带{{}}， bindtelete直接传函数名字符串
--->

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

@@ -1,36 +0,0 @@
-@import '../../../style/weda-ui.wxss';
-.weui-uploader.horizontal {
-  display: flex;
-}
-
-.weui-uploader.horizontal .weui-uploader__hd {
-  display: inline-block;
-  align-self: center;
-}
-
-.weda-uploader-pc.horizontal {
-  display: flex;
-  justify-content: space-between;
-}
-
-.weui-uploader.horizontal .weda-formcells__label {
-  width: 130px;
-}
-
-.weui-uploader__label {
-  display: flex;
-  flex: 1;
-}
-
-.weui-uploader__title {
-  flex: unset;
-}
-.weda-ui .weui-uploader.horizontal .weui-uploader__bd {
-  padding: 16px 0;
-}
-.weda-ui .weui-uploader.vertical .weui-uploader__bd {
-  padding: 16px;
-}
-.weui-uploader__hd.vertical {
-  padding-bottom: 0;
-}