@cloudbase/weda-ui 2.0.10 → 2.0.26

package/src/configs/components/wxOpenApi/share.json

@@ -8,9 +8,7 @@
         "remarks": "按钮组件的标题",
         "type": "string",
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 1
       },
       "type": {
@@ -37,9 +35,7 @@
           }
         ],
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 2
       },
       "size": {
@@ -62,9 +58,7 @@
           }
         ],
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 3
       },
       "title": {
@@ -75,19 +69,21 @@
         "description": "",
         "remarks": "分享(转发)卡片的标题",
         "x-component": "textarea",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 4
       },
       "image": {
         "title": "{{text('分享图片', help('分享(转发)卡片的图片'))}}",
         "type": "string",
         "x-component": "image",
-        "default": "",
-        "x-platforms": [
-          "MP"
+        "x-rules": [
+          {
+            "message": "请输入合法的图片地址",
+            "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+          }
         ],
+        "default": "",
+        "x-platforms": ["MP"],
         "description": "",
         "remarks": "分享(转发)卡片的图片",
         "x-category": "基础属性",
@@ -114,9 +110,7 @@
         "description": "",
         "x-component": "page-list",
         "x-component-props": {
-          "hideAddPlatform": [
-            "MP"
-          ]
+          "hideAddPlatform": ["MP"]
         }
       },
       "withParams": {
@@ -154,12 +148,8 @@
     "category": "微信开放能力",
     "categoryOrder": 100,
     "componentOrder": 3,
-    "platform": [
-      "MP"
-    ],
-    "visible": [
-      "APP"
-    ]
+    "platform": ["MP"],
+    "visible": ["APP"]
   },
   "configMeta": {
     "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/Share"

package/src/configs/components/wxOpenApi/userInfo.json

@@ -8,9 +8,7 @@
         "type": "string",
         "x-category": "基础属性",
         "remarks": "按钮组件的标题",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 1
       },
       "type": {
@@ -37,9 +35,7 @@
           }
         ],
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 2
       },
       "size": {
@@ -62,9 +58,7 @@
           }
         ],
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 3
       },
       "usage": {
@@ -86,9 +80,7 @@
         ],
         "description": "声明获取用户个人信息的用途,不超过30个字符,若不填写将导致功能失效",
         "x-component": "textarea",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 4
       },
       "language": {
@@ -112,9 +104,7 @@
           }
         ],
         "x-category": "基础属性",
-        "x-platforms": [
-          "MP"
-        ],
+        "x-platforms": ["MP"],
         "x-index": 5
       }
     }
@@ -124,9 +114,7 @@
       "title": "用户信息授权成功",
       "name": "userinfosuccess",
       "remarks": "弹窗中点击了允许按钮后触发的事件",
-      "x-platforms": [
-        "MP"
-      ],
+      "x-platforms": ["MP"],
       "detail": {
         "avatarUrl": {
           "type": "string",
@@ -149,9 +137,7 @@
       "title": "用户信息授权失败",
       "name": "userinfofail",
       "remarks": "弹窗中点击了拒绝按钮后触发的事件",
-      "x-platforms": [
-        "MP"
-      ]
+      "x-platforms": ["MP"]
     }
   ],
   "meta": {
@@ -161,12 +147,8 @@
     "category": "微信开放能力",
     "categoryOrder": 100,
     "componentOrder": 1,
-    "platform": [
-      "MP"
-    ],
-    "visible": [
-      "APP"
-    ]
+    "platform": ["MP"],
+    "visible": ["APP"]
   },
   "configMeta": {
     "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/UserInfo"

package/src/configs/index.js

@@ -30,6 +30,7 @@ import RichTextView from './components/richtextview.json';
 import Tabs from './components/tabs.json';
 import Calendar from './components/calendar.json';
 import NavLayout from './components/navLayout.json';
+import WedaVideo from './components/wedaVideo.json';
 
 import showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
@@ -64,6 +65,7 @@ export const components = {
   Form,
   Textarea,
   Location,
+  WedaVideo,
   // Cells,
   Select,
   Auth,

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

@@ -58,7 +58,7 @@ Component({
     },
     appParameter: {
       type: String,
-    }
+    },
   },
   data: {
     cls: '',

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

@@ -1,22 +1,22 @@
 <button
- class="{{cls}}"
- style="{{style}}"
- size="{{size}}"
- loading="{{loading}}"
- disabled="{{disabled}}"
- open-type="{{openType}}"
- form-type="{{formType}}"
- bind:tap="tap"
- bindcontact="contact"
- bindlaunchapp="launchApp"
- bindopensetting="openSetting"
- session-from="{{sessionFrom}}"
- send-message-title="{{sendMessageTitle}}"
- send-message-path="{{sendMessagePath}}"
- send-message-img="{{sendMessageImg}}"
- show-message-card="{{showMessageCard}}"
- app-parameter="{{appParameter}}"
+  class="{{cls}}"
+  style="{{style}}"
+  size="{{size}}"
+  loading="{{loading}}"
+  disabled="{{disabled}}"
+  open-type="{{openType}}"
+  form-type="{{formType}}"
+  bind:tap="tap"
+  bindcontact="contact"
+  bindlaunchapp="launchApp"
+  bindopensetting="openSetting"
+  session-from="{{sessionFrom}}"
+  send-message-title="{{sendMessageTitle}}"
+  send-message-path="{{sendMessagePath}}"
+  send-message-img="{{sendMessageImg}}"
+  show-message-card="{{showMessageCard}}"
+  app-parameter="{{appParameter}}"
 >
-	<block>{{text ? text : ''}}</block>
-	<slot name="contentSlot" wx:if="{{!text}}" />
+  <block>{{text ? text : ''}}</block>
+  <slot name="contentSlot" wx:if="{{!text}}" />
 </button>

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

@@ -3,31 +3,34 @@ import dayjs from '../../utils/dayjs.min.js';
 // import dayjs from 'dayjs'
 Component({
   externalClasses: ['ext-class'],
+  options: {
+    virtualHost: true,
+  },
   /** 传入的props */
   properties: {
     className: {
       type: String,
-      value: ''
+      value: '',
     },
     style: {
-      type: Object,
-      value: {}
+      type: String,
+      value: {},
     },
     // 控制器显示隐藏
     initVisible: {
       type: String,
-      value: 'true'
+      value: 'true',
     },
     // 初始化日历值
     initValue: {
       type: String,
-      value: ''
+      value: '',
     },
     // 展示配置
     configData: {
       type: Array,
       value: [],
-    }
+    },
   },
   /** 页面的初始数据 */
   data: {
@@ -45,18 +48,17 @@ Component({
     year: 0,
     month: 0,
     datalist: [],
-    headerlist: []
+    headerlist: [],
   },
 
   lifetimes: {
-    created: function () {
-    },
+    created: function () {},
     attached: function () {
-      const {initVisible, initValue} = this.properties;
-      const {firstDayOfWeek, initFormat} = this.data;
+      const { initVisible, initValue } = this.properties;
+      const { firstDayOfWeek, initFormat } = this.data;
       if (initVisible !== null) {
         this.setData({
-          visible: initVisible
+          visible: initVisible,
         });
       }
       if (initValue !== null && initValue !== '') {
@@ -67,8 +69,14 @@ Component({
           value,
           year,
           month,
-          datalist: this.getDateLis(year, month, firstDayOfWeek, value, initFormat),
-          headerlist: this.colHeaderList()
+          datalist: this.getDateLis(
+            year,
+            month,
+            firstDayOfWeek,
+            value,
+            initFormat
+          ),
+          headerlist: this.colHeaderList(),
         });
       } else {
         const _dayjsDate = dayjs(dayjs().format('YYYY-MM-DD'));
@@ -79,16 +87,28 @@ Component({
           value,
           year,
           month,
-          datalist: this.getDateLis(year, month, firstDayOfWeek, value, initFormat),
-          headerlist: this.colHeaderList()
+          datalist: this.getDateLis(
+            year,
+            month,
+            firstDayOfWeek,
+            value,
+            initFormat
+          ),
+          headerlist: this.colHeaderList(),
         });
       }
-    }
+    },
   },
   methods: {
     // 传入参数，修改展示列表
     getDateLis: function (year, month, firstDayOfWeek, value, initFormat) {
-      const datalist = this.createDateList(year, month, firstDayOfWeek, value, initFormat);
+      const datalist = this.createDateList(
+        year,
+        month,
+        firstDayOfWeek,
+        value,
+        initFormat
+      );
       return this._dataList(datalist);
     },
     // 获取一个日期是周几（1~7）
@@ -100,13 +120,7 @@ Component({
       return day;
     },
     // 获取日期数组
-    createDateList: function (
-      year,
-      month,
-      firstDayOfWeek,
-      value,
-      initFormat
-    ) {
+    createDateList: function (year, month, firstDayOfWeek, value, initFormat) {
       const createCellData = (belongTo, isCurrent, date, weekOrder) => {
         const day = this.getDay(date);
         return {
@@ -132,7 +146,8 @@ Component({
 
       // 添加上个月中会在本月显示的最后几天日期
       // getDay(monthFirstDay.toDate()) 获取每月第一天是周几
-      const lastMonthDaysCount = (this.getDay(monthFirstDay.toDate()) - firstDayOfWeek + 7) % 7;
+      const lastMonthDaysCount =
+        (this.getDay(monthFirstDay.toDate()) - firstDayOfWeek + 7) % 7;
       for (let i = 0; i < lastMonthDaysCount; i++) {
         // 获取显示在当前月的日历中，上月日期数据
         // monthFirstDay.subtract(num, 'day' | 'month' | 'year') 表示以当月第一天日期为基准，在 日|月|年 数字上减去num
@@ -144,7 +159,9 @@ Component({
       const monthDaysCount = monthFirstDay.endOf('month').daysInMonth();
       for (let i = 0; i < monthDaysCount; i++) {
         const dayObj = monthFirstDay.add(i, 'day');
-        list.push(createCellData(0, value.isSame(dayObj), dayObj.toDate(), weekCount));
+        list.push(
+          createCellData(0, value.isSame(dayObj), dayObj.toDate(), weekCount)
+        );
         if (list.length === 7) {
           rowList.push(list);
           list = [];
@@ -168,17 +185,18 @@ Component({
     },
     // 混合数据
     _dataList: function (configList) {
-      const {configData} = this.properties;
+      const { configData } = this.properties;
       const _map = new Map();
       for (const item of configData) {
         _map.set(item.matchDate, item);
       }
-      return configList.map(item => {
+      return configList.map((item) => {
         return item.reduce((res, i) => {
           if (_map.has(i.formattedDate)) {
             const _disabled = _map.get(i.formattedDate)['disabled'];
             const _marked = _map.get(i.formattedDate)['marked'];
-            i['disabled'] = _disabled !== undefined ? JSON.parse(_disabled) : false;
+            i['disabled'] =
+              _disabled !== undefined ? JSON.parse(_disabled) : false;
             i['marked'] = _marked;
           }
           res.push(i);
@@ -188,7 +206,7 @@ Component({
     },
     // 表头数组
     colHeaderList: function () {
-      const {week, firstDayOfWeek, isShowWeekend} = this.data;
+      const { week, firstDayOfWeek, isShowWeekend } = this.data;
       const list = [];
       for (let i = firstDayOfWeek; i <= 7; i++) {
         if (!isShowWeekend && i > 5) {
@@ -214,25 +232,37 @@ Component({
     },
     // 上一个月
     handlePrevMonth: function () {
-      const {year, month, firstDayOfWeek, value, initFormat} = this.data;
+      const { year, month, firstDayOfWeek, value, initFormat } = this.data;
       const _month = month == 1 ? 12 : month - 1;
       const _year = month === 1 ? year - 1 : year;
       this.setData({
         year: _year,
         month: _month,
-        datalist: this.getDateLis(_year, _month, firstDayOfWeek, value, initFormat)
+        datalist: this.getDateLis(
+          _year,
+          _month,
+          firstDayOfWeek,
+          value,
+          initFormat
+        ),
       });
     },
     // 下一个月
     handleNextMonth: function () {
-      const {year, month, firstDayOfWeek, value, initFormat} = this.data;
+      const { year, month, firstDayOfWeek, value, initFormat } = this.data;
       const _month = month == 12 ? 1 : month + 1;
       const _year = month === 12 ? year + 1 : year;
       this.setData({
         year: _year,
         month: _month,
-        datalist: this.getDateLis(_year, _month, firstDayOfWeek, value, initFormat)
-       });
-    }
+        datalist: this.getDateLis(
+          _year,
+          _month,
+          firstDayOfWeek,
+          value,
+          initFormat
+        ),
+      });
+    },
   },
-});
+});

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

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

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

@@ -1,20 +1,18 @@
-<view class="{{className}} weda-calendar ext-class">
+<view class="{{className}} weda-calendar" style="{{style}}">
   <view class="weda-calendar__control">
     <view class="weda-calendar__prevMonth" wx:if="{{visible}}" bindtap="handlePrevMonth">
-      <image class="weda-calendar__prevMonth-icon" src='arrowright--line.svg' />
+      <image class="weda-calendar__prevMonth-icon" src="arrowright--line.svg" />
     </view>
     <view class="weda-calendar__current-date">{{year}}年{{month}}月</view>
     <view class="weda-calendar__nextMonth" wx:if="{{visible}}" bindtap="handleNextMonth">
-      <image class="weda-calendar__nextMonth-icon" src='arrowright--line.svg' />
+      <image class="weda-calendar__nextMonth-icon" src="arrowright--line.svg" />
     </view>
   </view>
   <view class="weda-calendar__panel">
     <view class="weda-calendar__table">
       <view class="weda-calendar__table-head">
         <view class="weda-calendar__table-head-row">
-          <view class="weda-calendar__table-head-cell" wx:for="{{headerlist}}" wx:for-index="index" wx:for-item="item" wx:key="index">
-            {{item.text}}
-          </view>
+          <view class="weda-calendar__table-head-cell" wx:for="{{headerlist}}" wx:for-index="index" wx:for-item="item" wx:key="index"> {{item.text}} </view>
         </view>
       </view>
       <view class="weda-calendar__table-body">
@@ -34,4 +32,4 @@
       </view>
     </view>
   </view>
-</view>
+</view>

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

@@ -5,6 +5,7 @@
   background: rgb(255, 255, 255);
   width: 100%;
   opacity: 0.9;
+  font-size: 28rpx;
 }
 
 .weda-calendar .weda-calendar__control {
@@ -17,15 +18,15 @@
 
 .weda-calendar .weda-calendar__current-date {
   font-weight: bold;
-  font-size: 28rpx;
-  line-height: 44rpx;
+  font-size: inherit;
+  line-height: 1.57142em;
 }
 
 .weda-calendar .weda-calendar__prevMonth,
 .weda-calendar .weda-calendar__nextMonth {
   position: absolute;
-  width: 32rpx;
-  height: 32rpx;
+  width: 1.14285em;
+  height: 1.14285em;
   vertical-align: middle;
   top: 34rpx;
   display: flex;
@@ -49,7 +50,7 @@
 }
 
 .weda-calendar .weda-calendar__panel {
-  height: 612rpx;
+  height: 21.85714em;
   padding: 40rpx 32rpx 32rpx 32rpx;
   width: 100%;
   box-sizing: border-box;
@@ -62,6 +63,7 @@
   flex-direction: column;
   justify-self: start;
   align-items: flex-start;
+  font-size: inherit;
 }
 
 .weda-calendar .weda-calendar__table-head {
@@ -84,8 +86,8 @@
   width: 100%;
   height: 100%;
   justify-content: center;
-  font-size: 24rpx;
-  line-height: 40rpx;
+  font-size: 1em;
+  line-height: 1.42857em;
   box-sizing: border-box;
 }
 
@@ -109,8 +111,8 @@
   position: relative;
   width: 100%;
   height: 100%;
-  font-size: 24rpx;
-  line-height: 40rpx;
+  font-size: 1em;
+  line-height: 1.42857em;
   box-sizing: border-box;
   justify-content: center;
   display: flex;
@@ -119,13 +121,12 @@
 }
 
 .weda-calendar .weda-calendar__table-body-cell-value {
-  font-size: 28rpx;
+  font-size: 1em;
   text-align: center;
   border-radius: 50%;
   width: 80rpx;
-  line-height: 80rpx;
+  line-height: 2.85714em;
   box-sizing: border-box;
-  font-weight: 400;
   color: rgba(0, 0, 0, 0.9);
   position: relative;
 }
@@ -157,12 +158,12 @@
   .weda-calendar__table-body-cell.is-now
   .weda-calendar__table-body-cell-bg {
   position: absolute;
-  width: 48rpx;
-  height: 48rpx;
+  width: 1.714285em;
+  height: 1.714285em;
   background: #0052d9;
   border-radius: 100%;
-  left: calc(50% - 24rpx);
-  top: calc(50% - 24rpx);
+  left: calc(50% - 0.85714em);
+  top: calc(50% - 0.85714em);
   z-index: -1;
 }
 

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

@@ -2,6 +2,6 @@
   "component": true,
   "styleIsolation": "shared",
   "usingComponents": {
-    "Img":"../image"
+    "img": "../image"
   }
 }

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

@@ -1,6 +1,6 @@
 <!--components/carousel/index.wxml-->
 <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}}" bindchange="changeCurrent">
-  <swiper-item class="carousle-swiper-item" bindtap="tapImg" wx:for="{{images}}" wx:key="index" data-tapMode="{{item.tapMode}}" data-insideUrl="{{item.insideUrl}}" data-params="{{item.params}}" >
-    <Img class="carousle-image" src="{{item.image}}" fit="{{item.fit}}" style="{{'height:'+item.height+';'+'width:'+item.width}}" />
+  <swiper-item class="carousle-swiper-item" bindtap="tapImg" wx:for="{{images}}" wx:key="index" data-tapMode="{{item.tapMode}}" data-insideUrl="{{item.insideUrl}}" data-params="{{item.params}}">
+    <img class="carousle-image" src="{{item.image}}" fit="{{item.fit}}" style="{{'height:'+item.height+';'+'width:'+item.width}}" />
   </swiper-item>
 </swiper>

package/src/mp/components/chart/bar/index.js

@@ -195,7 +195,6 @@ Component({
       type: String,
       value: '',
     },
-
   },
   data: {
     ec: {},
@@ -223,7 +222,7 @@ Component({
   },
   observers: {
     // 当参数变化时
-    '**': async function() {
+    '**': async function () {
       const objEChartBar = new EchartBar();
       await objEChartBar.setOptions(this.properties);
       const options = await objEChartBar.getOptions();

package/src/mp/components/chart/bar/index.wxml

@@ -1,3 +1,3 @@
 <view wx:if="ec" class="{{className}} ec_container" style="{{style}}" id="{{id}}">
-    <ec-canvas canvas-id="{{canvas_id}}" ec="{{ ec }}"></ec-canvas>
+  <ec-canvas canvas-id="{{canvas_id}}" ec="{{ ec }}"></ec-canvas>
 </view>

package/src/mp/components/chart/common/config/bar.js

@@ -13,7 +13,7 @@ const getConfig = () => {
       },
       type: 'category',
       data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-      inverse:false,
+      inverse: false,
     },
     yAxis: {
       type: 'value',