@cloudbase/weda-ui 2.0.11 → 2.0.27

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/calendar/index.js

@@ -3,6 +3,9 @@ import dayjs from '../../utils/dayjs.min.js';
 // import dayjs from 'dayjs'
 Component({
   externalClasses: ['ext-class'],
+  options: {
+    virtualHost: true,
+  },
   /** 传入的props */
   properties: {
     className: {
@@ -10,7 +13,7 @@ Component({
       value: '',
     },
     style: {
-      type: Object,
+      type: String,
       value: {},
     },
     // 控制器显示隐藏

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,18 +1,10 @@
-<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"
-    >
+    <view class="weda-calendar__prevMonth" wx:if="{{visible}}" bindtap="handlePrevMonth">
       <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"
-    >
+    <view class="weda-calendar__nextMonth" wx:if="{{visible}}" bindtap="handleNextMonth">
       <image class="weda-calendar__nextMonth-icon" src="arrowright--line.svg" />
     </view>
   </view>
@@ -20,32 +12,18 @@
     <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">
         <block wx:for="{{datalist}}" wx:for-item="dateRow" wx:key="index">
           <view class="weda-calendar__table-body-row">
             <block wx:for="{{dateRow}}" wx:for-item="dateCell" wx:key="index">
-              <view
-                class="'weda-calendar__table-body-cell' {{dateCell.belongTo !== 0 ? 'is-disabled ': ''}} {{dateCell.disabled ? 'is-invalid' : ''}}{{dateCell.isNow ? 'is-now' : ''}}"
-              >
+              <view class="'weda-calendar__table-body-cell' {{dateCell.belongTo !== 0 ? 'is-disabled ': ''}} {{dateCell.disabled ? 'is-invalid' : ''}}{{dateCell.isNow ? 'is-now' : ''}}">
                 <view class="weda-calendar__table-body-cell-value">
                   {{dateCell.dateDay}}
                   <view class="weda-calendar__table-body-cell-bg"></view>
-                  <view
-                    wx:if="{{dateCell.marked}}"
-                    class="weda-calendar__table-body-cell-marked"
-                    style="background: {{dateCell.marked}}"
-                  ></view>
+                  <view wx:if="{{dateCell.marked}}" class="weda-calendar__table-body-cell-marked" style="background: {{dateCell.marked}}"></view>
                 </view>
               </view>
             </block>

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,33 +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 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>
 </swiper>

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

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

package/src/mp/components/chart/ec-canvas/ec-canvas.json

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

package/src/mp/components/chart/ec-canvas/ec-canvas.wxml

@@ -1,21 +1,4 @@
 <!-- 新的：接口对齐了H5 -->
-<canvas
-  wx:if="{{isUseNewCanvas}}"
-  type="2d"
-  class="ec-canvas"
-  canvas-id="{{ canvasId }}"
-  bindinit="init"
-  bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"
-  bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"
-  bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"
-></canvas>
+<canvas wx:if="{{isUseNewCanvas}}" type="2d" class="ec-canvas" canvas-id="{{ canvasId }}" bindinit="init" bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}" bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}" bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"></canvas>
 <!-- 旧的 -->
-<canvas
-  wx:else
-  class="ec-canvas"
-  canvas-id="{{ canvasId }}"
-  bindinit="init"
-  bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}"
-  bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}"
-  bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"
-></canvas>
+<canvas wx:else class="ec-canvas" canvas-id="{{ canvasId }}" bindinit="init" bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}" bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}" bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}"></canvas>

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

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

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

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

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

@@ -1,8 +1,4 @@
-<view
-  class="weda-statistics-card weda-ui {{className}}"
-  style="{{style}}"
-  bind:tap="tap"
->
+<view class="weda-statistics-card weda-ui {{className}}" style="{{style}}" bind:tap="tap">
   <view class="weda-statistics-card__wrapper">
     <view class="weda-statistics-card__title">{{label}}</view>
     <view class="weda-statistics-card__detail">

package/src/mp/components/chart/statisticsCard/index.wxss

@@ -7,6 +7,7 @@
   box-sizing: border-box;
   max-width: 100%;
   min-height: 140px;
+  font-size: 28rpx;
 }
 
 .weda-statistics-card .weda-statistics-card__wrapper {
@@ -16,29 +17,25 @@
 }
 
 .weda-statistics-card .weda-statistics-card__title {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.57142em;
   color: rgba(0, 0, 0, 0.6);
 }
 
 .weda-statistics-card .weda-statistics-card__detail {
   margin-top: 4px;
-  font-size: 28px;
-  line-height: 34px;
-  color: rgba(0, 0, 0, 0.9);
-  word-break: break-all;
 }
 
 .weda-statistics-card .weda-statistics-card__count {
-  font-size: 28px;
-  line-height: 34px;
+  font-size: 2em;
+  line-height: 2.42857em;
   color: rgba(0, 0, 0, 0.9);
   word-break: break-all;
 }
 
 .weda-statistics-card .weda-statistics-card__unit {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 2em;
+  line-height: 2.42857em;
   color: rgba(0, 0, 0, 0.4);
   margin-left: 4px;
   vertical-align: middle;

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

@@ -1,15 +1,3 @@
-<list-view
-  className="weda-data-view__containor {{className}}"
-  style="{{style}}"
-  datasource="{{datasource}}"
-  where="{{where}}"
-  pageSize="{{1}}"
-  pagination="none"
-  beforeDataChange="{{innerBeforeDataChange}}"
-  bindonDataChange="handleEvent"
-  bindqueryFail="handleEvent"
-  bindqueryEmpty="handleEvent"
-  bindquerySuccess="handleEvent"
->
+<list-view className="weda-data-view__containor {{className}}" style="{{style}}" datasource="{{datasource}}" where="{{where}}" pageSize="{{1}}" pagination="none" beforeDataChange="{{innerBeforeDataChange}}" bindonDataChange="handleEvent" bindqueryFail="handleEvent" bindqueryEmpty="handleEvent" bindquerySuccess="handleEvent">
   <slot></slot>
 </list-view>

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

@@ -2,6 +2,7 @@ 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: {
@@ -107,7 +108,10 @@ Component({
   },
   observers: {
     range: function (range) {
-      if (this.properties.format !== 'x-enum') {
+      if (
+        this.properties.format !== 'x-enum' &&
+        !deepEqual(range, this.data.defaultRange)
+      ) {
         this.setData({ defaultRange: range });
       }
     },

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

@@ -1,23 +1,8 @@
-<formcell
-  className="{{cls}}"
-  style="{{style}}"
-  label="{{labelVisible ? label : null}}"
-  layout="{{layout}}"
-  multiCell="{{true}}"
-  requiredFlag="{{requiredFlag}}"
->
-  <checkbox-group
-    class="{{isFlex ? 'weui-flex__item' : ''}}"
-    bindchange="change"
-  >
+<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}}"
-        />
+        <checkbox class="weui-check" value="{{item.value}}" checked="{{item.checked}}" disabled="{{disabled}}" />
         <i class="weui-icon-checked" />
       </view>
       <view class="weui-cell__bd">

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

@@ -11,12 +11,17 @@
 
 .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;
 }

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

@@ -83,7 +83,7 @@ Component({
       this.setData({
         isFocus: true,
       });
-      this.triggerEvent('change', e.detail);
+      this.triggerEvent('focus', e.detail);
     },
     handleBlur: function (e) {
       this.setData({

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

@@ -1,14 +1,5 @@
-<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' : ''}}"
-  >
+<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' : ''}}"
@@ -25,11 +16,7 @@
         bindconfirm="handleConfirm"
         maxlength="{{maxLength}}"
       />
-      <view
-        wx:if="{{clearable}}"
-        class="weui-btn_reset weui-btn_icon weui-btn_input-clear"
-        bindtap="handleClear"
-      >
+      <view wx:if="{{clearable}}" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="handleClear">
         <i class="weui-icon-clear" />
       </view>
     </view>