@cloudbase/weda-ui 0.2.11 → 0.2.15

package/src/configs/components/form/uploaderFile.json

@@ -0,0 +1,158 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "label": {
+        "type": "string",
+        "default": "上传文件",
+        "title": "标题",
+        "x-category": "基础属性",
+        "x-index": 10
+      },
+      "labelVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示标题",
+        "x-category": "基础属性",
+        "x-index": 20
+      },
+      "single": {
+        "type": "boolean",
+        "default": true,
+        "title": "单个文件上传模式",
+        "x-category": "基础属性",
+        "x-index": 30
+      },
+
+      "maxUploadCount": {
+        "type": "number",
+        "default": 9,
+        "title": "上传文件最大数量",
+        "x-category": "基础属性",
+        "x-index": 40
+      },
+      "downloadVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示下载按钮",
+        "x-category": "基础属性",
+        "x-index": 50
+      },
+      "deleteVisible": {
+        "type": "boolean",
+        "default": true,
+        "title": "显示删除按钮",
+        "x-category": "基础属性",
+        "x-index": 60
+      },
+      "defaultValue": {
+        "x-category": "基础属性",
+        "title": "初始默认值",
+        "type": "array",
+        "items": {
+          "type": "string"
+        },
+        "x-index": 70
+      },
+      "maxSize": {
+        "type": "number",
+        "default": 1024,
+        "title": "单个文件最大限制(M)",
+        "description": "最大支持1024M",
+        "x-category": "高级属性",
+        "x-index": 80
+      },
+      "layout": {
+        "title": "布局方式",
+        "type": "string",
+        "default": "horizontal",
+        "x-category": "高级属性",
+        "enum": [
+          {
+            "label": "水平",
+            "value": "horizontal"
+          },
+          {
+            "label": "垂直",
+            "value": "vertical"
+          }
+        ],
+        "x-index": 90
+      },
+      "acceptTypes": {
+        "type": "array",
+        "title": "文件类型",
+        "x-platforms": ["WEB"],
+        "default": ["*"],
+        "x-category": "高级属性",
+        "x-index": 100,
+        "items": {
+          "type": "string",
+          "enum": [
+            {
+              "label": "全部",
+              "value": "*"
+            },
+            {
+              "label": "png",
+              "value": "image/png"
+            },
+            {
+              "label": "jpeg",
+              "value": "image/jpeg"
+            },
+            {
+              "label": "pdf",
+              "value": "application/pdf"
+            },
+            {
+              "label": "doc",
+              "value": "application/msword"
+            },
+            {
+              "label": "xls",
+              "value": "application/vnd.ms-excel"
+            },
+            {
+              "label": "zip",
+              "value": "application/zip"
+            }
+          ]
+        }
+      },
+      "requiredFlag": {
+        "type": "boolean",
+        "default": false,
+        "title": "是否必填",
+        "x-category": "高级属性",
+        "x-index": 110
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "title": "是否禁用",
+        "x-category": "高级属性",
+        "x-index": 120
+      }
+    }
+  },
+  "events": [
+    {
+      "name": "success",
+      "title": "上传成功"
+    },
+    {
+      "name": "error",
+      "title": "上传失败"
+    },
+    {
+      "name": "change",
+      "title": "值变化"
+    }
+  ],
+  "meta": {
+    "title": "上传文件",
+    "description": "上传文件组件",
+    "category": "表单"
+  }
+}

package/src/configs/components/image.json

@@ -28,11 +28,20 @@
         "title": "点击预览大图",
         "type": "boolean",
         "default": false,
-        "x-category": "基础属性"
+        "x-index": 3,
+        "x-category": "基础属性",
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "maskClosable",
+            "condition": "{{ $self.value }}"
+          }
+        ]
       },
       "maskClosable": {
-        "title": "点击遮罩关闭图片预览",
+        "title": "再次点击关闭预览",
         "type": "boolean",
+        "x-index": 4,
         "default": true,
         "x-category": "基础属性"
       },
@@ -44,7 +53,7 @@
         "description": "图片按需加载，若图片没有被展示，则不会加载"
       },
       "fit": {
-        "title": "图片布局模式",
+        "title": "布局模式",
         "type": "string",
         "default": "cover",
         "enum": [
@@ -140,6 +149,10 @@
     {
       "name": "error",
       "title": "加载失败"
+    },
+    {
+      "name": "tap",
+      "title": "点击"
     }
   ],
   "meta": {

package/src/configs/components/link.json

@@ -8,7 +8,7 @@
       "content": {
         "type": "string",
         "default": "这是一个链接",
-        "title": "内容",
+        "title": "文本内容",
         "x-category": "基础属性",
         "x-index": 100
       },
@@ -16,7 +16,7 @@
         "type": "string",
         "x-component": "page-list",
         "default": "https://cloud.tencent.com",
-        "title": "链接地址",
+        "title": "跳转页面",
         "description": "通过下拉选择应用页面，可以实现内部页面跳转",
         "x-category": "基础属性",
         "x-index": 120,
@@ -54,7 +54,7 @@
     "description": "",
     "category": "文本",
     "componentOrder": 10,
-    "icon": "//main.qcloudimg.com/raw/eb8a45dc259eb4925d89ac88be1ecdd9/Link.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Link.svg"
   },
   "events": [
     {

package/src/configs/components/richtextview.json

@@ -3,7 +3,7 @@
   "data": {
     "properties": {
       "value": {
-        "title": "显示富文本内容",
+        "title": "内容",
         "type": "string",
         "x-component": "textarea",
         "default": "<p style='color:red'>这是富文本</p>",
@@ -17,6 +17,6 @@
     "description": "富文本展示",
     "category": "文本",
     "componentOrder": 0,
-    "icon": "//main.qcloudimg.com/raw/9c42d779f51105715a032d139344c508/RichTextView.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/RichTextView.svg"
   }
 }

package/src/configs/components/scrollVeiw.json

@@ -29,16 +29,16 @@
         "x-category": "基础属性"
       },
       "upperThreshold": {
-        "title": "距顶部/左边多远时，触发 scrolltoupper 事件",
+        "title": "距顶部/左边多远时，触发scrolltoupper事件",
         "type": "number",
         "default": 50,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "lowerThreshold": {
-        "title": "距底部/右边多远时，触发 scrolltolower 事件",
+        "title": "距底部/右边多远时，触发scrolltolower事件",
         "type": "number",
         "default": 50,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "scrollTop": {
         "title": "竖向滚动条位置",
@@ -51,7 +51,7 @@
         "x-category": "高级属性"
       },
       "scrollIntoView": {
-        "title": "滚动到的元素Id",
+        "title": "滚到的元素ID",
         "type": "string",
         "x-category": "高级属性"
       },

package/src/configs/components/swiper.json

@@ -3,13 +3,13 @@
   "data": {
     "properties": {
       "autoplay": {
-        "title": "是否自动切换",
+        "title": "自动切换",
         "default": true,
         "type": "boolean",
         "x-category": "基础属性"
       },
       "indicatorDots": {
-        "title": "是否显示面板指示点",
+        "title": "导航锚点",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性"
@@ -33,26 +33,26 @@
         "x-category": "高级属性"
       },
       "circular": {
-        "title": "是否采用衔接滑动",
+        "title": "衔接滑动",
         "default": true,
         "type": "boolean",
         "x-category": "高级属性"
       },
       "vertical": {
-        "title": "滑动方向是否为纵向",
+        "title": "纵向轮播",
         "default": false,
         "type": "boolean",
         "x-category": "基础属性"
       },
       "indicatorColor": {
-        "title": "指示点颜色",
+        "title": "锚点颜色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(200, 200, 200, 0.9)",
         "x-category": "高级属性"
       },
       "indicatorActiveColor": {
-        "title": "当前选中的指示点颜色",
+        "title": "锚点激活色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(0, 0, 0, 0.9)",

package/src/configs/components/tabs.json

@@ -7,7 +7,7 @@
         "x-props": {
           "data-hidebind": true
         },
-        "x-index":1,
+        "x-index": 1,
         "type": "array",
         "maxLength": 20,
         "default": [
@@ -25,7 +25,7 @@
           "type": "object",
           "properties": {
             "title": {
-              "title": "标题",
+              "title": "标签名称",
               "type": "string",
               "default": "标题"
             }
@@ -71,6 +71,6 @@
     "title": "选项卡",
     "description": "选项卡组件",
     "category": "展示",
-    "icon": "//qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_files/static/comp/icons/Tabs.svg"
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/TabsContainer.svg"
   }
 }

package/src/configs/components/text.json

@@ -7,27 +7,62 @@
         "type": "string",
         "x-component": "textarea",
         "default": "文本内容",
+        "x-category": "基础属性",
+        "x-index": 1
+      },
+      "level": {
+        "enum": [
+          { "label": "正文", "value": "0" },
+          { "label": "标题 H1", "value": "1" },
+          { "label": "标题 H2", "value": "2" },
+          { "label": "标题 H3", "value": "3" },
+          { "label": "标题 H4", "value": "4" },
+          { "label": "标题 H5", "value": "5" },
+          { "label": "标题 H6", "value": "6" }
+        ],
+        "type": "string",
+        "title": "文本格式",
+        "default": "0",
+        "x-index": 2,
+        "description": "标题级别，H1 - H6"
+      },
+      "textAlign": {
+        "title": "对齐",
+        "type": "string",
+        "default": "left",
+        "x-component": "textAlign",
+        "x-index": 3,
         "x-category": "基础属性"
       },
+      "textColor": {
+        "title": "颜色",
+        "type": "string",
+        "x-component": "color",
+        "x-index": 4,
+        "x-category": "基础属性",
+        "default": "rgb(0, 0, 0)"
+      },
       "maxLines": {
-        "title": "最大显示行数",
+        "title": "最大行数",
         "type": "number",
         "default": 2,
-        "x-category": "基础属性"
+        "x-index": 5,
+        "x-category": "高级属性"
       },
+
       "space": {
         "title": "连续空格",
         "type": "boolean",
         "description": "是否显示连续空格",
         "default": false,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       },
       "userSelect": {
         "title": "是否可选中",
         "type": "boolean",
         "description": "是否可选中文本",
         "default": true,
-        "x-category": "基础属性"
+        "x-category": "高级属性"
       }
     }
   },

package/src/configs/index.js

@@ -16,6 +16,7 @@ import Select from './components/form/select.json';
 import Auth from './components/auth.json';
 import Slot from './components/slot.json';
 import Uploader from './components/form/uploader.json';
+import UploaderFile from './components/form/uploaderFile.json';
 import ScrollView from './components/scrollVeiw.json';
 import Swiper from './components/swiper.json';
 // import Label from './components/form/label.json';
@@ -24,10 +25,10 @@ import Modal from './components/modal.json';
 import Drawer from './components/drawer.json';
 import RichText from './components/form/richText.json';
 import RichTextView from './components/richtextview.json';
-import Tabs from './components/tabs';
+import Tabs from './components/tabs.json';
 
-import showToast from './actions/showToast';
-import showModal from './actions/showModal';
+import showToast from './actions/showToast.json';
+import showModal from './actions/showModal.json';
 
 export const components = {
   Button,
@@ -48,6 +49,7 @@ export const components = {
   Auth,
   Slot,
   Uploader,
+  UploaderFile,
   ScrollView,
   Swiper,
   // Label,

package/src/mp/.gitignore

@@ -0,0 +1,10 @@
+/.yarn/*
+!/.yarn/patches
+!/.yarn/plugins
+!/.yarn/releases
+!/.yarn/sdks
+
+# Swap the comments on the following lines if you don't wish to use zero-installs
+# Documentation here: https://yarnpkg.com/features/zero-installs
+!/.yarn/cache
+#/.pnp.*

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

@@ -52,6 +52,7 @@ Component({
         'weda-button': true,
         'weui-btn': true,
         'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
         'weui-btn_primary': type === 'primary',
         'weui-btn_default': type === 'default',
         'weui-btn_warn': type === 'warn',

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

@@ -3,3 +3,11 @@
 .weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
   background-color: var(--weui-TAG-TEXT-BLUE);
 }
+.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/container/index.js

@@ -3,6 +3,10 @@ Component({
     virtualHost: true,
   },
   properties: {
+    id: {
+      type: String,
+      value: '',
+    },
     className: {
       type: String,
       value: '',

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

@@ -212,6 +212,24 @@ Component({
         displayCls: displayValue ? '' : 'weui-input__placeholder',
       });
     },
+    range: function (range) {
+      const { mode } = this.properties;
+      let selectRange = '';
+      switch (mode) {
+        case 'selector': {
+          selectRange = range.map((item) => item.label);
+          break;
+        }
+        default: {
+          break;
+        }
+      }
+      if (selectRange != '') {
+        this.setData({
+          selectRange,
+        });
+      }
+    },
   },
   methods: {
     onChange(e) {

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

@@ -1,5 +1,5 @@
 import { getCloudInstance } from '../../../utils/tcb';
-import deepEqual from '../../../utils/deepEqual';
+// import deepEqual from '../../../utils/deepEqual';
 
 Component({
   options: {
@@ -9,9 +9,9 @@ Component({
     attached() {
       this.setData({
         urls: this.properties.defaultValue,
-        files: this.properties.defaultValue.map(url => ({url}))
+        files: this.properties.defaultValue.map((url) => ({ url })),
       });
-    }
+    },
   },
   properties: {
     maxUploadCount: {
@@ -28,20 +28,20 @@ Component({
     },
     layout: {
       type: String,
-      value: 'horizontal'
+      value: 'horizontal',
     },
     defaultValue: {
       type: Array,
-      value: []
+      value: [],
     },
     single: {
       type: Boolean,
-      value: false
+      value: false,
     },
     maxSize: {
       type: Number,
-      value: 10
-    }
+      value: 10,
+    },
   },
   data: {
     maxCount: 0,
@@ -67,7 +67,7 @@ Component({
       // https://github.com/wechat-miniprogram/weui-miniprogram/blob/a3630575910302e3b94e69fcef266d2b509de650/src/components/uploader/uploader.ts#L149
       // 写死的从返回值的 .urls 获取展示用的url来用。一定要将tempFilePaths透传下去，否则会重新加载然后出现闪白
       return { urls: files.tempFilePaths, cloudUrls };
-    }
+    },
   },
   methods: {
     uploadError: function (e) {
@@ -77,24 +77,20 @@ Component({
     uploadSuccess: async function (e) {
       const urls = e.detail.cloudUrls; // uploadFile 获取返回值
       // 小程序自带tempURL 不需要调用 tcb.getTempFileURL 获取
-      this.triggerEvent(
-        'success',
-        {
-          value: urls[0]
-        }
-      );
+      this.triggerEvent('success', {
+        value: urls[0],
+      });
       this.setData({
-        files: this.data.files.concat(e.detail.urls.map(url => ({url}))),
-        urls: [...this.data.urls, ...urls]
+        files: this.data.files.concat(e.detail.urls.map((url) => ({ url }))),
+        urls: [...this.data.urls, ...urls],
       });
-      
     },
-    onDelete: function(e) {
+    onDelete: function (e) {
       this.setData({
         files: this.data.files.filter((v, index) => e.detail.index !== index),
-        urls: this.data.urls.filter((v, index) => e.detail.index !== index)
+        urls: this.data.urls.filter((v, index) => e.detail.index !== index),
       });
-    }
+    },
   },
   observers: {
     // 'defaultValue': function(value) {
@@ -108,18 +104,19 @@ Component({
     //     });
     //   }
     // },
-    'maxUploadCount, single': function(maxUploadCount, single) {
+
+    'maxUploadCount, single': function (maxUploadCount, single) {
       const maxCount = single ? 1 : maxUploadCount;
       this.setData({
-        maxCount
+        maxCount,
       });
     },
-    'urls': function (urls) {
+    urls: function (urls) {
       let value = urls;
-      if(this.properties.single) {
+      if (this.properties.single) {
         value = urls[0] ?? '';
       }
-      this.triggerEvent('change', {value});
-    }
-  }
-});
+      this.triggerEvent('change', { value });
+    },
+  },
+});