@cloudbase/weda-ui 2.0.28 → 3.1.0

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

@@ -1,105 +0,0 @@
-@import '../../../style/weda-ui.wxss';
-.weda-uploader-files {
-  width: 100%;
-  background-color: #f6f6f6;
-}
-.weda-uploader-files__hd {
-  width: 100%;
-  padding: 16px;
-  padding-left: 0;
-  display: flex;
-  background-color: #ffffff;
-}
-
-.weda-uploader-files__btn::after {
-  border: 1px solid #dcdcdc;
-  border-radius: 3px;
-  width: 100%;
-  height: 100%;
-  transform: none;
-}
-.weda-uploader-files__title {
-  font-size: 14px;
-  line-height: 20px;
-  padding: 16px;
-  width: 130px;
-}
-.weda-uploader-files__btn {
-  margin: 0;
-  width: 88px;
-  height: 32px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  line-height: 22px;
-  color: #000;
-  border: 1px solid #dcdcdc;
-  border-radius: 3px;
-  font-weight: normal;
-  background-color: transparent;
-}
-.weda-uploader-files__tips {
-  margin-top: 8px;
-  font-size: 12px;
-  line-height: 20px;
-  color: rgba(0, 0, 0, 0.4);
-}
-.weda-uploader-files__item {
-  width: 100%;
-  margin-top: 8px;
-  padding: 16px;
-  background-color: #fff;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.weda-uploader-files__item-left {
-  flex: 1;
-  margin-right: 16px;
-}
-.weda-uploader-files__file-detail {
-  display: flex;
-  align-items: center;
-}
-.weda-uploader-files__file-name {
-  font-size: 14px;
-  line-height: 22px;
-  color: rgba(0, 0, 0, 0.9);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 200px;
-}
-.weda-uploader-files__file-status {
-  margin-left: 24px;
-  width: 28%;
-}
-.weda-uploader-files__file-status--msg {
-  margin-left: 4px;
-  font-size: 12px;
-  line-height: 20px;
-  color: rgba(0, 0, 0, 0.9);
-}
-.weda-uploader-files__file-foot {
-  font-size: 12px;
-  line-height: 20px;
-  color: rgba(0, 0, 0, 0.4);
-  margin-top: 8px;
-  display: flex;
-  justify-content: space-between;
-}
-.weda-uploader-files__btn-group {
-  display: flex;
-}
-.weda-uploader-files__icon {
-  width: 24px;
-  height: 24px;
-}
-.weda-uploader-files__icon + .weda-uploader-files__icon {
-  margin-left: 16px;
-}
-.weda-uploader-files__progress {
-  margin-top: 4px;
-}

package/src/mp/components/graphicCard/chevron-right.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.0857 7.49988L8.43938 3.85359L9.14649 3.14648L13.7878 7.78777C13.9049 7.90493 13.9049 8.09488 13.7878 8.21204L9.14649 12.8533L8.43938 12.1462L12.0857 8.49988L2 8.49971L2.00002 7.49971L12.0857 7.49988Z" fill="#0052D9"/>
-</svg>

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

@@ -1,203 +0,0 @@
-Component({
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    navOption: { type: Array, value: [] },
-    titleVisible: {
-      type: Boolean,
-      value: true,
-    },
-    titleColor: {
-      type: String,
-      value: '',
-    },
-    titleFontWeight: {
-      type: String,
-      value: '',
-    },
-    titleFontSize: {
-      type: Number,
-      value: 14,
-    },
-    titleLineHeight: {
-      type: String,
-      value: '',
-    },
-    titleMaxLines: {
-      type: Number,
-      value: 1,
-    },
-    desColor: {
-      type: String,
-      value: '',
-    },
-    desFontWeight: {
-      type: String,
-      value: '',
-    },
-    desVisible: {
-      type: Boolean,
-      value: true,
-    },
-    desFontSize: {
-      type: Number,
-      value: 14,
-    },
-    desLineHeight: {
-      type: String,
-      value: '',
-    },
-    desMaxLines: {
-      type: Number,
-      value: 1,
-    },
-    buttonVisible: {
-      type: Boolean,
-      value: true,
-    },
-    buttonText: {
-      type: String,
-      value: '',
-    },
-    ColMobile: {
-      type: Number,
-      value: 2,
-    },
-    iconWidthSize: {
-      type: String,
-      value: '100',
-    },
-    iconHeightSize: {
-      type: String,
-      value: '100',
-    },
-    textAlign: {
-      type: String,
-      value: 'left',
-    },
-    titleStyle: {
-      type: String,
-      value: '',
-    },
-    desStyle: {
-      type: String,
-      value: '',
-    },
-  },
-
-  /** 页面的初始数据 */
-  data: {
-    optionList: [],
-    percentageVisible: true,
-    iconStyle: '',
-  },
-  methods: {
-    navigaTo: function (itemInfo) {
-      let { app } = getApp();
-      const item = itemInfo?.currentTarget?.dataset?.item;
-      if (item.tapStatus == 'inside') {
-        const paramObj = {};
-        if (item.withParams && item?.params) {
-          for (let info of item.params) {
-            paramObj[info.key] = info.value;
-          }
-        }
-        item.paramObj = paramObj;
-        app.navigateTo({
-          mode: 'weDa',
-          pageId: item?.insideUrl,
-          params:
-            item?.withParams && item?.params.length > 0 ? item.paramObj : null,
-        });
-      }
-    },
-  },
-  observers: {
-    'iconWidthSize,iconHeightSize,ColMobile': function (
-      iconWidthSize,
-      iconHeightSize,
-      ColMobile
-    ) {
-      let standardWidth = '100%';
-      let standardHeight = ColMobile === 1 ? '200' : '98';
-      const numReg = /^\d+$/;
-      let width = numReg.test(iconWidthSize)
-        ? iconWidthSize + 'px'
-        : iconWidthSize;
-
-      let height = numReg.test(iconHeightSize)
-        ? iconHeightSize + 'px' //纯数字
-        : iconHeightSize.indexOf('%') == -1
-        ? iconHeightSize
-        : (Number(standardHeight) * parseInt(iconHeightSize)) / 100 + 'px';
-      let iconStyle = `width: ${width}; height: ${height}`;
-      this.setData({ iconStyle });
-    },
-
-    'navOption,ColMobile': function (navOption, ColMobile) {
-      let list = [];
-      list.length = Math.floor(navOption.length / ColMobile);
-      list.forEach((item, index) => {
-        list[index] = [];
-      });
-      navOption.forEach((item, index) => {
-        const _index = Math.floor(index / ColMobile);
-        if (!list[_index] || list[_index].length <= 0) {
-          // 保证每个col 的数据都是有的，列入总共7个数据，那么第二行的3， 4，5数据是undefined, 占位
-          list[_index] = Array.apply(null, Array(ColMobile));
-        }
-        list[_index][index - _index * ColMobile] = item;
-      });
-      const optionList = list;
-      this.setData({
-        optionList,
-      });
-    },
-    'titleMaxLines,titleColor,titleFontWeight,titleFontSize,textAlign,titleLineHeight':
-      function (
-        titleMaxLines,
-        titleColor,
-        titleFontWeight,
-        titleFontSize,
-        textAlign,
-        titleLineHeight
-      ) {
-        let titleStyle = this.properties.titleStyle;
-        titleStyle = `
-      -webkit-line-clamp:${titleMaxLines ? titleMaxLines : 'revert'};
-      color: ${titleColor};
-      font-weight: ${titleFontWeight};
-      font-size: ${titleFontSize}px;
-      text-align: ${textAlign};
-      line-height: ${titleLineHeight == 'auto' ? 'normal' : titleLineHeight};
-      `;
-        this.setData({ titleStyle });
-      },
-    'desMaxLines,desColor,desFontWeight,desFontSize,textAlign,desLineHeight':
-      function (
-        desMaxLines,
-        desColor,
-        desFontWeight,
-        desFontSize,
-        textAlign,
-        desLineHeight
-      ) {
-        let desStyle = this.properties.desStyle;
-        desStyle = `
-      -webkit-line-clamp:${desMaxLines ? desMaxLines : 'revert'};
-      color: ${desColor};
-      font-weight: ${desFontWeight};
-      font-size: ${desFontSize}px;
-      text-align: ${textAlign};
-      line-height: ${desLineHeight == 'auto' ? 'normal' : desLineHeight};
-      `;
-        this.setData({ desStyle });
-      },
-  },
-});

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

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

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

@@ -1,25 +0,0 @@
-<view class="weda-graphic-card" style="{{style}}">
-  <view class="weda-graphic-card__wrapper">
-    <block wx:for="{{optionList}}" wx:key="colIndex" wx:for-item="row">
-      <view class="weda-grid weda-graphic-card__row">
-        <block wx:for="{{row}}" wx:key="colIndex" wx:for-item="col">
-          <view class="weda-col weda-grid__item weda-graphic-card__col weda-graphic-card__col--{{textAlign}}" style="width: {{(1 / ColMobile) * 100}}%" data-item="{{col}}" bindtap="navigaTo">
-            <view class="weda-grid__box">
-              <view class="weda-graphic-card__col-body">
-                <view class="weda-graphic-card__icon" style="{{iconStyle}}">
-                  <image src="{{col.icon}}" mode="scaleToFill" class="weda-graphic-card__img"></image>
-                </view>
-                <view class="weda-graphic-card__title" style="{{titleStyle}}" wx:if="{{titleVisible}}"> {{col.title}} </view>
-                <view class="weda-graphic-card__desc" style="text-align: {{textAlign}}" wx:if="{{desVisible}}" style="{{desStyle}}"> {{col.des}} </view>
-              </view>
-              <view class="wedatea2td-btn wedatea2td-btn--link weda-graphic-card__btn" wx:if="{{buttonVisible && col}}">
-                <text class="weda-graphic-card__btn--text">{{buttonText}}</text>
-                <image src="chevron-right.svg" class="weda-graphic-card__btn--icon wedatea2td-icon wedatea2td-icon-btnback"></image>
-              </view>
-            </view>
-          </view>
-        </block>
-      </view>
-    </block>
-  </view>
-</view>

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

@@ -1,157 +0,0 @@
-.weda-graphic-card {
-  width: 100%;
-}
-
-.weda-graphic-card .weda-graphic-card__wrapper {
-  width: 100%;
-  padding: 0 32rpx;
-  box-sizing: border-box;
-}
-
-.weda-graphic-card .weda-grid {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.weda-graphic-card .weda-graphic-card__row {
-  padding: 36rpx 0;
-  box-sizing: border-box;
-  margin: 0 -11.5rpx;
-}
-
-.weda-graphic-card .weda-grid__item {
-  flex-grow: 1;
-}
-
-.weda-graphic-card .weda-graphic-card__col {
-  padding: 0 11.5rpx;
-  box-sizing: border-box;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__col-body {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-grid__box {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--left
-  .weda-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--left
-  .weda-graphic-card__col-body {
-  align-items: flex-start;
-}
-
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--right
-  .weda-grid__box,
-.weda-graphic-card
-  .weda-graphic-card__col.weda-graphic-card__col--right
-  .weda-graphic-card__col-body {
-  align-items: flex-end;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__icon {
-  width: 100%;
-  height: 400rpx;
-}
-
-.weda-graphic-card .weda-graphic-card__icon .weda-graphic-card__img {
-  width: 100%;
-  height: 100%;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  font-size: 1.1428em;
-  line-height: 1.71428em;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.9);
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  font-size: 1em;
-  line-height: 1.5714em;
-  color: rgba(0, 0, 0, 0.4);
-  text-align: center;
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  margin-top: 32rpx;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  margin-top: 12rpx;
-}
-
-button:not([size='mini']) {
-  margin-left: 0;
-  margin-right: 0;
-  width: auto;
-}
-
-.weda-graphic-card .wedatea2td-btn {
-  outline: 0 none;
-  box-sizing: border-box;
-  font-size: 28rpx;
-  white-space: nowrap;
-  user-select: none;
-  display: inline-block;
-  text-align: center;
-  height: auto;
-  vertical-align: middle;
-  text-decoration: none;
-  background-color: transparent;
-  border: none;
-  color: #0052d9;
-  padding: 0;
-  line-height: 1.5;
-  font-weight: normal;
-  margin: 0;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn--text {
-  font-size: 1em;
-  line-height: 1.5714em;
-  color: #0052d9;
-  margin-right: 16rpx;
-}
-
-.weda-graphic-card
-  .weda-graphic-card__col
-  .weda-graphic-card__btn
-  .weda-graphic-card__btn--icon {
-  width: 32rpx;
-  height: 32rpx;
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: inherit;
-  font-size: 0;
-  margin-bottom: 3px;
-}
-
-.weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn {
-  margin-top: 32rpx;
-}

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

@@ -1,182 +0,0 @@
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    src: {
-      type: String,
-      value:
-        'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCA1NlYyNGg0MHYzMnoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjYgMzdoMjh2MkgyNnptMCA3aDIwdjJIMjZ6bS02LTIwaDQwdjdIMjB6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzAwNkVGRiIvPjwvZz48L2c+PC9zdmc+',
-    },
-    alt: {
-      type: String,
-      value: '[图片]',
-    },
-    fit: {
-      type: String,
-      value: 'fill',
-    },
-    mode: {
-      type: String,
-      value: 'scaleToFill',
-    },
-    lazyLoad: {
-      type: Boolean,
-      value: false,
-    },
-    showMenuByLongpress: {
-      type: Boolean,
-      value: false,
-    },
-    imgPreview: {
-      type: Boolean,
-      value: false,
-    },
-    maskClosable: {
-      type: Boolean,
-      value: true,
-    },
-  },
-  methods: {
-    load: function (e) {
-      this.triggerEvent('error', e.detail);
-      this.setData({
-        realHeight: e.detail.height,
-        realWidth: e.detail.width,
-      });
-    },
-    error: function (e) {
-      this.setData({
-        isError: true,
-        clsx: this.properties.className + 'weda-image-error',
-      });
-      this.triggerEvent('error', e.detail);
-    },
-    onImgTap: function (e) {
-      if (this.properties.imgPreview && !this.data.isError) {
-        // 计算图片预览展示高度
-        const { windowWidth, windowHeight } = wx.getSystemInfoSync();
-        const showHeight =
-          windowWidth / (this.data.realWidth / this.data.realHeight);
-        const offsetHeight = windowHeight / 2 - showHeight / 2;
-        this.setData({
-          showImg: true,
-          zoom: 1,
-          previewTranslateY: 0,
-          previewTranslateX: 0,
-          showHeight,
-          offsetHeight,
-        });
-      }
-    },
-    onPinch: function (ev) {
-      let zoom = ev.detail.zoom;
-      // zoom = this.data.zoom * zoom;
-      if (zoom > 5) {
-        zoom = 5;
-      }
-      if (zoom < 0.6) {
-        zoom = 0.6;
-      }
-      this.setData({
-        zoom,
-      });
-    },
-    onPressMove: function (ev) {
-      this.setData({
-        previewTranslateX: this.data.previewTranslateX + ev.detail.deltaX,
-        previewTranslateY: this.data.previewTranslateY + ev.detail.deltaY,
-      });
-    },
-    onMaskClick: function () {
-      if (this.properties.maskClosable) {
-        this.setData({
-          showImg: false,
-        });
-      }
-    },
-    onCloseClick: function () {
-      this.setData({
-        showImg: false,
-      });
-    },
-  },
-  data: {
-    showImg: false,
-    realSrc: '',
-    imgMode: 'scaleToFill',
-    clsx: '',
-    isError: false,
-    zoom: 1,
-    previewTranslateX: 0,
-    previewTranslateY: 0,
-    realHeight: 0,
-    realWidth: 0,
-  },
-  observers: {
-    className: function () {
-      const className = this.properties.className;
-      this.setData({
-        clsx: className,
-      });
-    },
-    src: function () {
-      const { src = '' } = this.properties;
-      let { app } = getApp();
-      if (/^cloud:\/\//.test(src)) {
-        app.cloud
-          .getTempFileURL(src)
-          .then((res) => {
-            this.setData({ realSrc: res || '' });
-          })
-          .catch(() => {
-            this.setData({
-              realSrc: src,
-            });
-          });
-      } else {
-        this.setData({
-          realSrc: src,
-        });
-      }
-    },
-    'fit, mode': function (fit, mode) {
-      if (fit) {
-        switch (fit) {
-          case 'cover':
-            this.setData({
-              imgMode: 'aspectFill',
-            });
-            break;
-          case 'contain':
-            this.setData({
-              imgMode: 'aspectFit',
-            });
-            break;
-          case 'fill':
-            this.setData({
-              imgMode: 'scaleToFill',
-            });
-            break;
-          default:
-            this.setData({
-              imgMode: 'scaleToFill',
-            });
-            break;
-        }
-      } else {
-        this.setData({
-          imgMode: mode,
-        });
-      }
-    },
-  },
-});

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

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

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

@@ -1,9 +0,0 @@
-<image style="{{style}}" class="weda-ui weda-image {{clsx}}" src="{{realSrc}}" alt="{{alt}}" mode="{{imgMode}}" lazy-load="{{lazyLoad}}" show-menu-by-longpress="{{showMenuByLongpress}}" bindtap="onImgTap" bindload="load" binderror="error" />
-<view wx:if="{{showImg}}" class="weda-img-mask" bindtap="onMaskClick">
-  <view bindtap="onCloseClick" class="weda-img-modal-close-btn">
-    <icon type="clear" size="23" color="white"></icon>
-  </view>
-  <gesture bindpinch="onPinch" catchtap="onTapImgPreview" bindpressMove="onPressMove">
-    <view class="weda-img-preview" style="margin-top:{{offsetHeight}}px;width: 100%;height:{{showHeight}}px;background-image: url('{{realSrc}}');transform: scale({{zoom}}) translateX({{previewTranslateX}}px) translateY({{previewTranslateY}}px);"></view>
-  </gesture>
-</view>