@cloudbase/weda-ui 2.0.26 → 3.1.0

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

@@ -1,67 +0,0 @@
-import { getCloudInstance } from '../../utils/tcb';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  data: {
-    __html: '',
-  },
-  properties: {
-    value: {
-      type: String,
-      value: '这是一个富文本',
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-  },
-  methods: {
-    async getSrc(img) {
-      const regex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
-      const url = img.replace(regex, '$1');
-      if (img.includes('cloud://')) {
-        const tcb = await getCloudInstance();
-        const { fileList } = await tcb.getTempFileURL({
-          fileList: [url],
-        });
-        if (fileList && fileList[0] && fileList[0].tempFileURL) {
-          this.setData({
-            __html: this.data.__html.replace(
-              new RegExp(url, 'g'),
-              fileList[0].tempFileURL
-            ),
-          });
-        }
-      }
-    },
-    updateValue() {
-      const regex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
-      let tempValue = this.properties.value
-        .toString()
-        .replace(/<img /g, `<img style="max-width:100%;height:auto" `)
-        .replace(/<pre>/g, `<pre class="pre">`)
-        .replace(/<blockquote>/g, `<blockquote class="blockquote">`);
-      this.setData({ __html: tempValue });
-      try {
-        const imgs = this.properties.value.match(regex);
-
-        if (imgs && imgs.length > 0) {
-          imgs.forEach((img) => {
-            this.getSrc(img);
-          });
-        }
-      } catch (e) {}
-    },
-  },
-  observers: {
-    value() {
-      this.updateValue();
-    },
-  },
-});

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

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

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

@@ -1,3 +0,0 @@
-<view class="weda-ui weda-RichTextView {{className}}" style="{{style}}">
-  <rich-text nodes="{{__html}}"></rich-text>
-</view>

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

@@ -1,27 +0,0 @@
-.weda-RichTextView {
-  font-size: 14px;
-}
-.weda-RichTextView .blockquote {
-  margin: 0 0 10px;
-  padding: 15px 20px;
-  background-color: #f1f2f3;
-  border-left: 5px solid #ccc;
-  color: #666;
-  font-style: italic;
-}
-
-.weda-RichTextView .pre {
-  max-width: 100%;
-  max-height: 100%;
-  margin: 10px 0;
-  padding: 15px;
-  overflow: auto;
-  background-color: #f1f2f3;
-  border-radius: 3px;
-  color: #666;
-  font-family: monospace;
-  font-size: 1em;
-  line-height: 1.14285em;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-}

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

@@ -1,119 +0,0 @@
-import handleEvents from '../../utils/handleEvents';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    id: {
-      type: String,
-      value: '',
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    scrollY: {
-      type: Boolean,
-      default: true,
-    },
-    scrollX: {
-      type: Boolean,
-      default: false,
-    },
-    upperThreshold: {
-      type: Number,
-      default: 50,
-    },
-    lowerThreshold: {
-      type: Number,
-      default: 50,
-    },
-    scrollTop: {
-      type: Number,
-    },
-    scrollLeft: {
-      type: Number,
-    },
-    scrollIntoView: {
-      type: String,
-    },
-    scrollWithAnimation: {
-      type: Boolean,
-      default: false,
-    },
-    enableBackToTop: {
-      type: Boolean,
-      default: false,
-    },
-    enableFlex: {
-      type: Boolean,
-      default: false,
-    },
-    scrollAnchoring: {
-      type: Boolean,
-      default: false,
-    },
-    refresherEnabled: {
-      type: Boolean,
-      default: false,
-    },
-    refresherThreshold: {
-      type: Number,
-      default: 50,
-    },
-    refresherDefaultStyle: {
-      type: String,
-      default: 'block',
-    },
-    refresherBackground: {
-      type: String,
-      default: '#fff',
-    },
-    refresherTriggered: {
-      type: Boolean,
-      default: false,
-    },
-    enhanced: {
-      type: Boolean,
-      default: false,
-    },
-    bounces: {
-      type: Boolean,
-      default: true,
-    },
-    showScrollbar: {
-      type: Boolean,
-      default: true,
-    },
-    pagingEnabled: {
-      type: Boolean,
-      default: false,
-    },
-    fastDeceleration: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  methods: {
-    ...handleEvents([
-      { name: 'scroll', title: '滚动时触发' },
-      { name: 'scrolltolower', title: '滚动到底部/右边时触发' },
-      { name: 'scrolltoupper', title: '滚动到顶部/左边时触发' },
-      {
-        name: 'dragstart',
-        title: '滑动开始事件(同时开启 enhanced 属性后生效)',
-      },
-      { name: 'dragging', title: '滑动事件(同时开启 enhanced 属性后生效)' },
-      { name: 'dragend', title: '滑动结束事件(同时开启 enhanced 属性后生效)' },
-      { name: 'refresherpulling', title: '自定义下拉刷新控件被下拉' },
-      { name: 'refresherrefresh', title: '自定义下拉刷新被触发' },
-      { name: 'refresherrestore', title: '自定义下拉刷新被复位' },
-      { name: 'refresherabort', title: '自定义下拉刷新被中止' },
-    ]),
-  },
-});

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

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

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

@@ -1,38 +0,0 @@
-<scroll-view
-  id="{{id}}"
-  class="weda-ui {{className}}"
-  style="{{style}}"
-  scroll-x="{{scrollX}}"
-  scroll-y="{{scrollY}}"
-  upper-threshold="{{upperThreshold}}"
-  lower-threshold="{{lowerThreshold}}"
-  scroll-top="{{scrollTop}}"
-  scroll-left="{{scrollLeft}}"
-  scroll-into-view="{{scrollIntoView}}"
-  scroll-with-animation="{{scrollWithAnimation}}"
-  enable-back-to-top="{{enableBackToTop}}"
-  enable-flex="{{enableFlex}}"
-  scroll-anchoring="{{scrollAnchoring}}"
-  refresher-enabled="{{refresherEnabled}}"
-  refresher-threshold="{{refresherThreshold}}"
-  refresher-default-style="{{refresherDefaultStyle}}"
-  refresher-background="{{refresherBackground}}"
-  refresher-triggered="{{refresherTriggered}}"
-  enhanced="{{enhanced}}"
-  bounces="{{bounces}}"
-  show-scrollbar="{{showScrollbar}}"
-  paging-enabled="{{pagingEnabled}}"
-  fast-deceleration="{{fastDeceleration}}"
-  bindscroll="scroll"
-  bindscrolltolower="scrolltolower"
-  bindscrolltoupper="scrolltoupper"
-  binddragstart="dragstart"
-  binddragging="dragging"
-  binddragend="dragend"
-  bindrefresherpulling="refresherpulling"
-  bindrefresherrefresh="refresherrefresh"
-  bindrefresherrestore="refresherrestore"
-  bindrefresherabort="refresherabort"
->
-  <slot></slot>
-</scroll-view>

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

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

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

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

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

@@ -1,3 +0,0 @@
-<view id="{{id}}" class="weda-ui {{className}}" style="{{style}}">
-  <slot></slot>
-</view>

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

@@ -1,65 +0,0 @@
-import handleEvents from '../../utils/handleEvents';
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    id: {
-      type: String,
-      value: '',
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    indicatorDots: {
-      value: true,
-      type: Boolean,
-    },
-    autoplay: {
-      value: true,
-      type: Boolean,
-    },
-    current: {
-      value: 0,
-      type: Number,
-    },
-    interval: {
-      value: 5000,
-      type: Number,
-    },
-    duration: {
-      value: 500,
-      type: Number,
-    },
-    circular: {
-      value: true,
-      type: Boolean,
-    },
-    vertical: {
-      value: false,
-      type: Boolean,
-    },
-    indicatorColor: {
-      type: String,
-      value: 'rgba(200, 200, 200, 0.9)',
-    },
-    indicatorActiveColor: {
-      type: String,
-      value: 'rgba(0, 0, 0, 0.9)',
-    },
-  },
-  methods: {
-    ...handleEvents([
-      {
-        name: 'change',
-        title: '切换',
-      },
-    ]),
-  },
-});

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

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

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

@@ -1,3 +0,0 @@
-<swiper id="{{id}}" class="weda-ui {{className}}" style="{{style}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" current="{{current}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" vertical="{{vertical}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}">
-  <slot></slot>
-</swiper>

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

@@ -1,59 +0,0 @@
-Component({
-  externalClasses: ['ext-class'],
-
-  options: {
-    multipleSlots: true,
-    addGlobalClass: true,
-  },
-
-  properties: {
-    isMultipleSlot: {
-      type: Boolean,
-      value: true,
-    },
-    tabs: { type: Array, value: [] },
-    scrollCellId: {
-      type: String,
-      value: '',
-    },
-    selectedIndex: {
-      type: Number,
-      value: 0,
-    },
-  },
-
-  data: {
-    currentIndex: 0,
-    stickyStyle: null,
-  },
-  methods: {
-    toggle(e) {
-      const { tabs } = this.data;
-      const { index } = e.target.dataset;
-      this.setData({
-        currentIndex: index,
-      });
-      if (tabs.length > 5) {
-        this.setData({
-          scrollCellId: `cell-${Math.max(index - 2, 0)}`,
-        });
-      }
-    },
-  },
-  observers: {
-    selectedIndex: function (selectedIndex) {
-      if (selectedIndex !== this.data.currentIndex) {
-        this.setData({
-          currentIndex: selectedIndex,
-        });
-      }
-    },
-    'currentIndex, tabs': function (currentIndex, tabs) {
-      this.triggerEvent('change', {
-        id: currentIndex,
-        label: tabs[currentIndex].title,
-        value: tabs[currentIndex].value,
-      });
-    },
-  },
-});

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

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

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

@@ -1,12 +0,0 @@
-<view class="weda-tabs ext-class">
-  <scroll-view class="weda-tabs__nav" scroll-into-view="{{ scrollCellId }}" scroll-with-animation scroll-x>
-    <view bind:tap="toggle" class="weda-tabs__nav-cell {{ currentIndex === index ? 'active' : '' }} {{ tabs.length > 5 ? 'scroll' : '' }}" data-index="{{index}}" id="cell-{{index}}" style="width: {{ 1 / tabs.length * 100 }}%" wx:for="{{tabs}}" wx:for-index="index" wx:for-item="tab" wx:key="index">{{ tab.title }}</view>
-
-    <view class="weda-tabs__nav-sticky" style="width: {{ 1 / tabs.length * 100 }}%; transform: translate3d({{currentIndex * 100}}%, 0, 0)"></view>
-  </scroll-view>
-
-  <view class="weda-tabs__panel">
-    <slot wx:if="{{isMultipleSlot}}" name="panel{{currentIndex + 1}}"></slot>
-    <slot wx:else name="panel1"></slot>
-  </view>
-</view>

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

@@ -1,57 +0,0 @@
-.weda-tabs {
-  width: 100%;
-}
-.weda-tabs__panel {
-  min-height: 50px;
-}
-.weda-tabs__nav {
-  width: 100%;
-  height: 45px;
-  background-color: #fff;
-  position: relative;
-  white-space: nowrap;
-  border-bottom: 1px solid #eee;
-}
-::-webkit-scrollbar {
-  display: none;
-  width: 0;
-  height: 0;
-  color: transparent;
-}
-.weda-tabs__nav-cell {
-  flex-basis: 0;
-  flex-grow: 1;
-  height: 100%;
-  font-size: 1em;
-  color: #000;
-  box-sizing: border-box;
-  padding: 0 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 20%;
-}
-.weda-tabs__nav-cell.scroll {
-  flex-basis: auto;
-  flex-shrink: 0;
-  flex-grow: 0;
-  width: 20%;
-}
-.weda-tabs__nav-cell.active {
-  color: #0052d9;
-}
-.weda-tabs__nav-sticky {
-  position: absolute;
-  top: 43px;
-  left: 0;
-  transition: transform 0.3s ease;
-  padding: 0 16px;
-  box-sizing: border-box;
-  min-width: 20%;
-}
-.weda-tabs__nav-sticky::after {
-  display: block;
-  content: '';
-  width: 100%;
-  border-top: 2px solid #0052d9;
-}

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

@@ -1,40 +0,0 @@
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    text: {
-      type: String,
-      value: '',
-    },
-    level: {
-      type: String,
-      value: '0',
-    },
-    userSelect: {
-      type: Boolean,
-      value: true,
-    },
-    space: {
-      type: Boolean,
-      value: false,
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-  },
-  methods: {},
-  observers: {
-    level: function (level) {
-      const levelName = `level_${level}`;
-      if (level !== '0') {
-        this.setData({ levelName });
-      }
-    },
-  },
-});

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

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

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

@@ -1 +0,0 @@
-<text class="weda-text weda-ui {{className}} {{levelName}}" id="{{id}}" user-select="{{userSelect}}" style="white-space: {{ space ? 'pre-warp' : 'pre-line'}}; {{style}}">{{text}}</text>

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

@@ -1,26 +0,0 @@
-.weda-text {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  /* -webkit-line-clamp: 1; */
-  /* white-space: pre-line; */
-}
-.weda-text.level_1 {
-  font-size: 64px !important;
-}
-.weda-text.level_2 {
-  font-size: 56px !important;
-}
-.weda-text.level_3 {
-  font-size: 48px !important;
-}
-.weda-text.level_4 {
-  font-size: 40px !important;
-}
-.weda-text.level_5 {
-  font-size: 32px !important;
-}
-.weda-text.level_6 {
-  font-size: 24px !important;
-}

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

@@ -1,86 +0,0 @@
-// component/videojs.js
-Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    videoDataSource: {
-      type: String,
-      value: '',
-    },
-    posterImage: {
-      type: String,
-      value: '',
-    },
-    autoPlay: {
-      type: Boolean,
-      value: false,
-    },
-    loopPlay: {
-      type: Boolean,
-      value: false,
-    },
-    mutePlay: {
-      type: Boolean,
-      value: false,
-    },
-    controlBarStatus: {
-      type: Boolean,
-      value: true,
-    },
-    startTime: {
-      type: Number,
-      value: 0,
-    },
-    endTime: {
-      type: Number,
-      value: 0,
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    videoId: `${new Date().getTime()}-${Math.random()}`,
-    videoErrMsg: '',
-    videoErrStatus: false,
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    bindtimeupdate(event) {
-      const { currentTime } = event.detail;
-      const { endTime, loopPlay } = this.properties;
-      const videoContext = wx.createVideoContext(this.data.videoId, this);
-      if (currentTime >= endTime && endTime) {
-        videoContext.seek(0);
-        loopPlay ? videoContext.play() : videoContext.pause();
-      }
-    },
-    binderror(event) {
-      const { errMsg } = event.detail;
-      this.setData({
-        videoErrMsg: errMsg,
-        videoErrStatus: true,
-      });
-      console.error('binderror', event.detail);
-    },
-    bindplay() {
-      this.setData({
-        videoErrMsg: '',
-        videoErrStatus: false,
-      });
-    },
-  },
-});

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

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

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

@@ -1,4 +0,0 @@
-<view style="position: relative">
-  <video class="weda-ui_video-mp {{className}}" style="{{style}}" id="{{videoId}}" src="{{videoDataSource}}" poster="{{posterImage}}" autoplay="{{autoPlay}}" loop="{{loopPlay}}" muted="{{mutePlay}}" controls="{{controlBarStatus}}" initial-time="{{startTime}}" duration="{{endTime}}" show-mute-btn="{{true}}" bindtimeupdate="bindtimeupdate" binderror="binderror" bindplay="bindplay"></video>
-  <view class="weda-ui_video-mp_error" wx:if="{{videoErrStatus}}"> 频资源加载出错，错误信息：{{videoErrMsg}} </view>
-</view>