@cloudbase/weda-ui-mp 3.6.0

package/components/wxOpenApi/share/index.js

@@ -0,0 +1,134 @@
+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,
+    },
+    packageName: {
+      type: String,
+    },
+    withParams: {
+      type: Boolean,
+      value: false,
+    },
+    params: {
+      type: Array,
+      value: [],
+    },
+  },
+  data: {
+    cls: '',
+    shareInfo: {},
+  },
+  methods: {
+    init() {
+      const { className, size, type, disabled } = this.data;
+      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 });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function () {
+      this.init();
+    },
+    'title,image,path,withParams,params,packageName': async function (
+      title,
+      image,
+      path,
+      withParams,
+      params,
+      packageName
+    ) {
+      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: `${
+          packageName ? '/packages/' + packageName : ''
+        }/pages/${path}/index${withParams ? urlParams : ''}`,
+        imageUrl: newImage || image,
+      };
+      this.setData({ shareInfo });
+    },
+  },
+  lifetimes: {
+    attached() {
+      this.init();
+    },
+  },
+});

package/components/wxOpenApi/share/index.json

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

package/components/wxOpenApi/share/index.wxml

@@ -0,0 +1,4 @@
+<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/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: 7px;
+  padding-right: 7px;
+  text-align: center;
+  width: 100%;
+}

package/components/wxOpenApi/userInfo/index.js

@@ -0,0 +1,97 @@
+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() {
+      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);
+        },
+      });
+    },
+    init() {
+      const { className, size, type, disabled } = this.data;
+      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 });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function () {
+      this.init();
+    },
+  },
+  lifetimes: {
+    attached() {
+      this.init();
+    },
+  },
+});

package/components/wxOpenApi/userInfo/index.json

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

package/components/wxOpenApi/userInfo/index.wxml

@@ -0,0 +1,4 @@
+<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/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: 7px;
+  padding-right: 7px;
+  text-align: center;
+  width: 100%;
+}

package/index.json

@@ -0,0 +1,128 @@
+{
+  "components": {
+    "WdUnifiedLink": "components/wd-unified-link/index",
+    "WdProgress": "components/wd-progress/index",
+    "Tooltip": "components/tooltip/index",
+    "WdRating": "components/wd-rating/index",
+    "WdAudio": "components/wd-audio/index",
+    "WdAd": "components/wd-ad/index",
+    "WdTabBar": "components/wd-tabbar/index",
+    "WdCanvas": "components/wd-canvas/index",
+    "WdMenuBaseLayout": "components/wd-menu-base-layout/index",
+    "WdMenuHorizontalLayout": "components/wd-menu-horizontal-layout/index",
+    "WdMenuPlantLayout": "components/wd-menu-plant-layout/index",
+    "WdMenuVerticalLayout": "components/wd-menu-vertical-layout/index",
+    "WdMenuTabLayout": "components/wd-menu-tab-layout/index",
+    "WdMenuNavLayout": "components/wd-menu-nav-layout/index",
+    "WdMenuLayout": "components/wd-menu-layout/index",
+    "WdMenuList": "components/wd-menu-list/index",
+    "WdModal": "components/wd-modal/index",
+    "WdOfficialAccount": "components/wd-official-account/index",
+    "CustomerService": "components/customer-service/index",
+    "FormTime": "components/form-time/index",
+    "FormRegion": "components/form-region/index",
+    "FormDate": "components/form-date/index",
+    "FormSelect": "components/form-select/index",
+    "FormSelectMultiple": "components/form-select-multiple/index",
+    "FormMultiRegion": "components/form-multi-region/index",
+    "FormUploadFile": "components/form-upload-file/index",
+    "FormImageUploader": "components/form-image-uploader/index",
+    "FormLocation": "components/form-location/index",
+    "FormSwitch": "components/form-switch/index",
+    "FormPhone": "components/form-phone/index",
+    "FormUrl": "components/form-url/index",
+    "FormEmail": "components/form-email/index",
+    "FormCheckbox": "components/form-checkbox/index",
+    "FormRadio": "components/form-radio/index",
+    "FormTextArea": "components/form-text-area/index",
+    "FormInput": "components/form-input/index",
+    "WdForm": "components/wd-form/index",
+    "WdInput": "components/wd-input/index",
+    "WdInputUrl": "components/wd-input-url/index",
+    "WdInputPhone": "components/wd-input-phone/index",
+    "WdInputEmail": "components/wd-input-email/index",
+    "WdInputNumber": "components/wd-input-number/index",
+    "WdTextarea": "components/wd-textarea/index",
+    "WdSwitch": "components/wd-switch/index",
+    "WdRadioList": "components/wd-radio-list/index",
+    "WdCheckboxList": "components/wd-checkbox-list/index",
+    "WdDate": "components/wd-date/index",
+    "WdDateRange": "components/wd-date-range/index",
+    "WdTime": "components/wd-time/index",
+    "WdCard": "components/wd-card/index",
+    "WdLayout": "components/wd-layout/index",
+    "QrCode": "components/qrcode/index",
+    "WdIcon": "components/wd-icon/index",
+    "WdText": "components/wd-text/index",
+    "WdButton": "components/wd-button/index",
+    "WdImage": "components/wd-image/index",
+    "WdDivider": "components/wd-divider/index",
+    "WebView": "components/web-view/index",
+    "FormDetail": "components/formdetail/index",
+    "WdFormDetail": "components/formdetail/index",
+    "Button": "components/button/index",
+    "Text": "components/text/index",
+    "Image": "components/image/index",
+    "Form": "components/form/form/index",
+    "Radio": "components/form/radio/index",
+    "Checkbox": "components/form/checkbox/index",
+    "Switch": "components/form/switch/index",
+    "Input": "components/form/input/index",
+    "Location": "components/form/location/index",
+    "Textarea": "components/form/textarea/index",
+    "Select": "components/form/select/index",
+    "SelectMultiple": "components/form/SelectMultiple/index",
+    "Uploader": "components/form/uploader/index",
+    "UploaderFile": "components/form/uploaderFile/index",
+    "Container": "components/container/index",
+    "Slot": {
+      "type": "native",
+      "path": "slot"
+    },
+    "Swiper": {
+      "type": "native",
+      "path": "swiper"
+    },
+    "Carousel": "components/carousel/index",
+    "WedaVideo": "components/wedaVideo/index",
+    "ScrollView": "components/scrollView/index",
+    "Tips": "components/form/tips/index",
+    "RichTextView": "components/richText/index",
+    "Tabs": "components/tabs/index",
+    "ListView": "components/listView/index",
+    "NavigationBar": "components/navigationBar/index",
+    "DataView": "components/dataView/index",
+    "Calendar": "components/calendar/index",
+    "NavLayout": "components/navLayout/index",
+    "Line": "components/chart/line/index",
+    "Bar": "components/chart/bar/index",
+    "Pie": "components/chart/pie/index",
+    "StatisticsCard": "components/chart/statisticsCard/index",
+    "GraphicCard": "components/graphicCard/index",
+    "UserInfo": "components/wxOpenApi/userInfo/index",
+    "Phone": "components/wxOpenApi/phone/index",
+    "Share": "components/wxOpenApi/share/index",
+    "Lottery": "components/lottery/index",
+    "PhoneCode": "components/wxOpenApi/phoneCode/index",
+    "Modal": "components/modal/index",
+    "Row": "components/grid/row/index",
+    "Col": "components/grid/col/index",
+    "Grid": "components/grid/index",
+    "WdSideTab": "components/wd-side-tab/index",
+    "WdTopTab": "components/wd-top-tab/index",
+    "WdSelect": "components/wd-select/index",
+    "WdSelectMultiple": "components/wd-select-multiple/index",
+    "WdRegion": "components/wd-region/index",
+    "WdLocation": "components/wd-location/index",
+    "WdUploadImage": "components/wd-upload-image/index",
+    "WdUploadFile": "components/wd-upload-file/index",
+    "WdCalendar": "components/wd-calendar/index",
+    "WdTag": "components/wd-tag/index",
+    "WdTagSelect": "components/wd-tag-select/index"
+  },
+  "actions": {
+    "showToast": "actions/showToast/index",
+    "showModal": "actions/showModal/index",
+    "showMessage": "actions/showMessage/index"
+  }
+}

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@cloudbase/weda-ui-mp",
+  "miniprogram": "./",
+  "packageManager": "yarn@3.0.2",
+  "dependencies": {},
+  "version": "3.6.0",
+  "main": "./",
+  "peerDependencies": {
+    "@cloudbase/weda-client": ">=1.0.31",
+    "miniprogram-gesture": "^1",
+    "miniprogram-api-promise": "^1",
+    "lodash.get": "*",
+    "lodash.set": "*",
+    "mobx": "^5"
+  }
+}

package/style/utils.wxss

@@ -0,0 +1,162 @@
+@charset "UTF-8";
+.wd-g-text-default {
+  color: var(--wd-color-text-default);
+}
+
+.wd-g-text-secondary {
+  color: var(--wd-color-text-secondary);
+}
+
+.wd-g-text-placeholder {
+  color: var(--wd-color-text-placeholder);
+}
+
+.wd-g-text-disabled {
+  color: var(--wd-color-text-disabled);
+}
+
+.wd-g-text-brand {
+  color: var(--wd-color-text-brand);
+}
+
+.wd-g-text-error {
+  color: var(--wd-color-text-error);
+}
+
+.wd-g-text-success {
+  color: var(--wd-color-text-success);
+}
+
+.wd-g-text-refresh {
+  color: var(--wd-color-brand);
+}
+
+.wd-g-text-warning,
+.wd-g-text-warn {
+  color: var(--wd-color-text-warning);
+}
+
+.wd-g-text-ellipsis-1 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 1;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-2 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 2;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-3 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 3;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-4 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 4;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-5 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 5;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-6 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 6;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-7 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 7;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-8 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 8;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-9 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 9;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-10 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 10;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-user-select-auto {
+  user-select: auto;
+}
+
+.wd-g-user-select-none {
+  user-select: none;
+}
+
+.wd-g-white-space-pre-line {
+  white-space: pre-line;
+}
+
+.wd-g-white-space-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.wd-g-white-space-pre {
+  white-space: pre;
+}
+
+.wd-g-word-break {
+  word-wrap: break-word;
+  word-break: break-word;
+}