@cloudbase/weda-ui 0.2.17 → 2.0.8

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

@@ -7,6 +7,10 @@ Component({
   },
 
   properties: {
+    isMultipleSlot: {
+      type: Boolean,
+      value: true
+    },
     tabs: { type: Array, value: [] },
     scrollCellId: {
       type: String,
@@ -22,7 +26,6 @@ Component({
     currentIndex: 0,
     stickyStyle: null,
   },
-
   methods: {
     toggle(e) {
       const { tabs } = this.data;
@@ -30,7 +33,6 @@ Component({
       this.setData({
         currentIndex: index,
       });
-      this.triggerEvent('change', {id: index, label: tabs[index].title});
       if (tabs.length > 5) {
         this.setData({
           scrollCellId: `cell-${Math.max(index - 2, 0)}`,
@@ -45,6 +47,9 @@ Component({
           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.wxml

@@ -24,6 +24,7 @@
   </scroll-view>
 
   <view class="weda-tabs__panel">
-    <slot name="panel{{currentIndex + 1}}"></slot>
+    <slot wx:if="{{isMultipleSlot}}" name="panel{{currentIndex + 1}}"></slot>
+    <slot wx:else name="panel1"></slot>
   </view>
 </view>

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

@@ -11,10 +11,6 @@ Component({
       type: String,
       value: '0',
     },
-    maxLines: {
-      type: Number,
-      value: 2,
-    },
     userSelect: {
       type: Boolean,
       value: true,
@@ -27,14 +23,6 @@ Component({
       type: String,
       value: '',
     },
-    textAlign: {
-      type: String,
-      value: '',
-    },
-    textColor: {
-      type: String,
-      value: '',
-    },
     style: {
       type: String,
       value: '',
@@ -48,18 +36,5 @@ Component({
         this.setData({ levelName });
       }
     },
-    'textAlign,textColor': function (textAlign, textColor) {
-      let style = this.properties.style;
-      // 添加文本颜色属性
-      if (textColor !== '') {
-        style = `${style};color:${textColor}`;
-      }
-
-      // 添加对齐属性
-      if (textAlign !== '') {
-        style = `${style};text-align: ${textAlign}`;
-      }
-      this.setData({ style });
-    },
   },
 });

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

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

package/src/mp/components/wxOpenApi/phone/index.js

@@ -0,0 +1,117 @@
+import classNames from '../../../utils/classnames';
+import destr from '../../../utils/destr';
+
+Component({
+  options: {
+    virtualHost: true,
+    multipleSlots: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    text: {
+      type: String,
+      value: '按钮标题',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    type: {
+      type: String,
+      value: 'wechat',
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    formType: {
+      type: String,
+    },
+    openType: {
+      type: String,
+      value: 'getPhoneNumber',
+    },
+  },
+  data: {
+    cls: '',
+  },
+  methods: {
+    async getPhoneNumber(e) {
+      if (e?.detail?.errMsg?.includes('fail')) {
+        this.triggerEvent('phonefail', e.detail);
+        return;
+      }
+      if (!e?.detail?.code) {
+        console.warn(`基础库版本过低，获取手机号失败`);
+        this.triggerEvent('phonefail', {
+          errMsg: '基础库版本过低，获取手机号失败',
+        });
+        return;
+      }
+      const { app } = getApp();
+      const callWedaApi = app?.cloud?.callWedaApi;
+      if (!callWedaApi) {
+        console.warn(`当前环境缺少方法 app.cloud.callWedaApi`);
+        this.triggerEvent('phonefail', {
+          errMsg: '当前环境缺少方法 app.cloud.callWedaApi，获取手机号失败',
+        });
+        return;
+      }
+      const res = await callWedaApi({
+        action: 'InvokeComponentWxModule',
+        data: {
+          WxRemoteMethod: 'GetPhoneNumber',
+          Method: 'InvokeComponentWxData',
+          ReqBody: JSON.stringify({ code: e?.detail?.code }),
+        },
+      });
+      if (!res?.Data) {
+        this.triggerEvent('phonefail', { errMsg: '获取手机号失败' });
+        return;
+      }
+      const parseData = destr(res?.Data) || {};
+      const { phone_info } = parseData;
+      if (!phone_info) {
+        this.triggerEvent('phonefail', { errMsg: '获取手机号失败' });
+        return;
+      }
+      this.triggerEvent('phonesuccess', {
+        ...phone_info,
+        timestamp: phone_info?.watermark?.timestamp || '',
+      });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
+      const cls = classNames('weda-ui', {
+        'weda-button': true,
+        'weui-btn': true,
+        'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
+        'weui-btn_primary': type === 'primary' || type === 'wechat',
+        'weui-btn_default': type === 'default',
+        'weui-btn_warn': type === 'warn',
+        'weui-btn_wechat': type === 'wechat',
+        'weui-btn_disabled': disabled,
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+  },
+});

package/src/mp/components/wxOpenApi/phone/index.json

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

package/src/mp/components/wxOpenApi/phone/index.wxml

@@ -0,0 +1,15 @@
+<button
+ id="{{id}}"
+ class="{{cls}}"
+ style="{{style}}"
+ size="{{size}}"
+ loading="{{loading}}"
+ disabled="{{disabled}}"
+ form-type="{{formType}}"
+ open-type="{{openType}}"
+ bindgetphonenumber="getPhoneNumber"
+>
+	{{text ? text : ''}}
+	<slot name="contentSlot" wx:if="{{!text}}" />
+</button>
+

package/src/mp/components/wxOpenApi/phone/index.wxss

@@ -0,0 +1,22 @@
+@import '../../../style/weda-ui.wxss';
+
+.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-BLUE);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
+.weda-ui.weui-btn.weui-btn_large {
+  font-size: large;
+  display: block;
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+  text-align: center;
+  width: 100%;
+}

package/src/mp/components/wxOpenApi/phoneCode/index.js

@@ -0,0 +1,89 @@
+import classNames from '../../../utils/classnames';
+
+Component({
+  options: {
+    virtualHost: true,
+    multipleSlots: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    text: {
+      type: String,
+      value: '按钮标题',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    type: {
+      type: String,
+      value: 'wechat',
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    formType: {
+      type: String,
+    },
+    openType: {
+      type: String,
+      value: 'getPhoneNumber',
+    },
+  },
+  data: {
+    cls: '',
+  },
+  methods: {
+    async getPhoneCodeNumber(e) {
+      if (e?.detail?.errMsg?.includes('fail')) {
+        this.triggerEvent('phoneCodeFail', e.detail);
+        return;
+      }
+      if (!e?.detail?.code) {
+        console.warn(`基础库版本过低，获取手机号授权令牌失败`);
+        this.triggerEvent('phoneCodeFail', {
+          errMsg: '基础库版本过低，获取手机号授权令牌失败',
+        });
+        return;
+      }
+      const { code } = e.detail;
+      this.triggerEvent('phoneCodeSuccess', {
+        code,
+      });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
+      const cls = classNames('weda-ui', {
+        'weda-button': true,
+        'weui-btn': true,
+        'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
+        'weui-btn_primary': type === 'primary' || type === 'wechat',
+        'weui-btn_default': type === 'default',
+        'weui-btn_warn': type === 'warn',
+        'weui-btn_wechat': type === 'wechat',
+        'weui-btn_disabled': disabled,
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+  },
+});

package/src/mp/components/wxOpenApi/phoneCode/index.json

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

package/src/mp/components/wxOpenApi/phoneCode/index.wxml

@@ -0,0 +1,15 @@
+<button
+ id="{{id}}"
+ class="{{cls}}"
+ style="{{style}}"
+ size="{{size}}"
+ loading="{{loading}}"
+ disabled="{{disabled}}"
+ form-type="{{formType}}"
+ open-type="{{openType}}"
+ bindgetphonenumber="getPhoneCodeNumber"
+>
+	{{text ? text : ''}}
+	<slot name="contentSlot" wx:if="{{!text}}" />
+</button>
+

package/src/mp/components/wxOpenApi/phoneCode/index.wxss

@@ -0,0 +1,22 @@
+@import '../../../style/weda-ui.wxss';
+
+.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-BLUE);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
+.weda-ui.weui-btn.weui-btn_large {
+  font-size: large;
+  display: block;
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+  text-align: center;
+  width: 100%;
+}

package/src/mp/components/wxOpenApi/share/index.js

@@ -0,0 +1,117 @@
+import classNames from '../../../utils/classnames';
+import { getTempFileURL } from '../../../utils/tcb';
+
+Component({
+  options: {
+    virtualHost: true,
+    multipleSlots: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    text: {
+      type: String,
+      value: '按钮标题',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    type: {
+      type: String,
+      value: 'wechat',
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    formType: {
+      type: String,
+    },
+    openType: {
+      type: String,
+      value: 'share',
+    },
+    title: {
+      type: String,
+    },
+    image: {
+      type: String,
+    },
+    path: {
+      type: String,
+    },
+    withParams: {
+      type: Boolean,
+      value: false,
+    },
+    params: {
+      type: Array,
+      value: [],
+    },
+  },
+  data: {
+    cls: '',
+    shareInfo: {},
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
+      const cls = classNames('weda-ui', {
+        'weda-button': true,
+        'weui-btn': true,
+        'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
+        'weui-btn_primary': type === 'primary' || type === 'wechat',
+        'weui-btn_default': type === 'default',
+        'weui-btn_warn': type === 'warn',
+        'weui-btn_wechat': type === 'wechat',
+        'weui-btn_disabled': disabled,
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+    'title,image,path,withParams,params': async function (
+      title,
+      image,
+      path,
+      withParams,
+      params
+    ) {
+      let urlParams = '';
+      if (params && params.length > 0) {
+        urlParams = '?';
+        params.forEach(function ({ key, value }, index) {
+          urlParams += `${key}=${value}`;
+          if (params.length != index + 1) {
+            urlParams += '&';
+          }
+        });
+      }
+      let newImage = '';
+      if (/^cloud:\/\//.test(image)) {
+        newImage = await getTempFileURL(image);
+      }
+      const shareInfo = {
+        title,
+        path: `/pages/${path}/index${withParams ? urlParams : ''}`,
+        imageUrl: newImage || image,
+      };
+      this.setData({ shareInfo });
+    },
+  },
+});

package/src/mp/components/wxOpenApi/share/index.json

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

package/src/mp/components/wxOpenApi/share/index.wxml

@@ -0,0 +1,15 @@
+<button
+ id="{{id}}"
+ class="{{cls}}"
+ style="{{style}}"
+ size="{{size}}"
+ loading="{{loading}}"
+ disabled="{{disabled}}"
+ form-type="{{formType}}"
+ open-type="{{openType}}"
+ data-weda_share_info="{{shareInfo}}"
+>
+	{{text ? text : ''}}
+	<slot name="contentSlot" wx:if="{{!text}}" />
+</button>
+

package/src/mp/components/wxOpenApi/share/index.wxss

@@ -0,0 +1,22 @@
+@import '../../../style/weda-ui.wxss';
+
+.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-BLUE);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
+.weda-ui.weui-btn.weui-btn_large {
+  font-size: large;
+  display: block;
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+  text-align: center;
+  width: 100%;
+}

package/src/mp/components/wxOpenApi/userInfo/index.js

@@ -0,0 +1,88 @@
+import classNames from '../../../utils/classnames';
+
+Component({
+  options: {
+    virtualHost: true,
+    multipleSlots: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    text: {
+      type: String,
+      value: '按钮标题',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    type: {
+      type: String,
+      value: 'wechat',
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    formType: {
+      type: String,
+    },
+    usage: {
+      type: String,
+    },
+    language: {
+      type: String,
+      value: 'zh_CN',
+    },
+  },
+  data: {
+    cls: '',
+  },
+  methods: {
+    getUserProfile(e) {
+      wx.getUserProfile({
+        desc: this.properties.usage,
+        lang: this.properties.language,
+        success: (userRes) => {
+          const { userInfo } = userRes;
+          this.triggerEvent('userinfosuccess', userInfo || {});
+        },
+        fail: (err) => {
+          this.triggerEvent('userinfofail', err);
+        },
+      });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
+      const cls = classNames('weda-ui', {
+        'weda-button': true,
+        'weui-btn': true,
+        'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
+        'weui-btn_primary': type === 'primary' || type === 'wechat',
+        'weui-btn_default': type === 'default',
+        'weui-btn_warn': type === 'warn',
+        'weui-btn_wechat': type === 'wechat',
+        'weui-btn_disabled': disabled,
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+  },
+});

package/src/mp/components/wxOpenApi/userInfo/index.json

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

package/src/mp/components/wxOpenApi/userInfo/index.wxml

@@ -0,0 +1,14 @@
+<button
+ id="{{id}}"
+ class="{{cls}}"
+ style="{{style}}"
+ size="{{size}}"
+ loading="{{loading}}"
+ disabled="{{disabled}}"
+ form-type="{{formType}}"
+ bindtap="getUserProfile"
+>
+	{{text ? text : ''}}
+	<slot name="contentSlot" wx:if="{{!text}}" />
+</button>
+

package/src/mp/components/wxOpenApi/userInfo/index.wxss

@@ -0,0 +1,22 @@
+@import '../../../style/weda-ui.wxss';
+
+.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-BLUE);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
+.weda-ui.weui-btn.weui-btn_large {
+  font-size: large;
+  display: block;
+  padding-left: 14rpx;
+  padding-right: 14rpx;
+  text-align: center;
+  width: 100%;
+}