@cloudbase/weda-ui 0.2.15 → 0.2.16

package/src/configs/components/navLayout.json

@@ -0,0 +1,350 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "navOption": {
+        "type": "array",
+        "title": "导航设置",
+        "icon":"icon",
+        "items": {
+          "type": "object",
+          "title": "tabs",
+          "x-icon": "this.icon !== '自定义图片' ? this.icon : null",
+          "x-image": "this.icon === '自定义图片' ? this.iconSrc : null",
+          "default": {
+            "icon": "自定义图片",
+            "title": "导航标题",
+            "iconSrc":"https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png"
+          },
+          "display": "title",
+          "properties": {
+            "icon": {
+              "type": "string",
+              "x-component": "icon2",
+              "x-component-props": {
+                "footer": {
+                    "value": "自定义图片",
+                    "label": "自定义图片"
+                }
+            },
+            "x-linkages": [
+              {
+                "type": "value:visible",
+                "target": "*(dataForm.iconSrc)",
+                "condition": "{{$self.value=='自定义图片'}}"
+              }
+            ],
+              "title": "icon",
+              "default": "td:image",
+              "enum": [
+                "nointernet",
+                "success",
+                "warning",
+                "pending",
+                "refresh",
+                "folder",
+                "arrowup",
+                "arrowdown",
+                "arrowleft",
+                "arrowright",
+                "chevronup",
+                "chevrondown",
+                "chevronleft",
+                "chevronright",
+                "delete",
+                "edit",
+                "search",
+                "check",
+                "close",
+                "add",
+                "download",
+                "success-fill",
+                "close-fill",
+                "info-fill",
+                "pending-fill",
+                "warning-fill",
+                "more",
+                "star",
+                "star-fill",
+                "location",
+                "question"
+              ],
+              "x-index": 30
+            },
+            "iconSrc": {
+              "type": "image",
+              "title": "",
+              "default": "",
+              "x-index": 35
+            },
+            "title": {
+              "type": "string",
+              "title": "标题",
+              "default": "导航标题",
+              "x-index": 10
+            },
+            "tapStatus":{
+              "enum": [
+                {
+                  "value": "tap",
+                  "label": "无行为",
+                  "icon": "weda-editor-icon-alert-close"
+                },
+                {
+                  "value": "inside",
+                  "label": "打开页面",
+                  "icon": "weda-editor-icon-docs"
+                },
+                {
+                  "value": "outer",
+                  "label": "外部链接",
+                  "icon": "weda-editor-icon-link",
+                  "tooltip":[{
+                    "platform":["ALL","MP"],
+                    "text":"小程序平台不支持跳转外部链接"
+                }],
+                "disabled": [{
+                    "platform":["MP"]
+                }]
+                }
+              ],
+              "type": "string",
+              "title": "点击时",
+              "default": "tap",
+              "x-index": 40,
+              "x-component": "icon-text-radio",
+              "x-linkages": [
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.insideUrl)",
+                  "condition": "{{$self.value=='inside'}}"
+                },
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.outerUrl)",
+                  "condition": "{{$self.value=='outer'}}"
+                },
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.withParams)",
+                  "condition": "{{$self.value=='inside'}}"
+                },
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.newPage)",
+                  "condition": "{{$self.value=='outer'}}"
+                }
+              ]
+            },
+            "insideUrl": {
+              "type": "string",
+              "x-component": "page-list",
+              "default": "",
+              "title": "应用页面",
+              "x-category": "基础属性",
+              "x-index": 120,
+              "x-component-props": {
+                "hideAddPlatform": ["MP"],
+                "addHidden":true
+              },
+              "x-linkages": [
+                {
+                    "type": "value:state",
+                    "target": "*(dataForm.params)",
+                    "condition": "{{$self.value && $self.value.length>0}}",
+                    "state":{
+                        "pageId":"{{$self.value}}"
+                    }
+                }
+
+            ]
+            },
+            "outerUrl": {
+              "title": "URL地址",
+              "default": "",
+              "type": "string"
+            },
+            "newPage": {
+              "title": "打开新页面",
+              "default": false,
+              "type": "boolean"
+            },
+            "withParams": {
+              "title": "携带参数",
+              "default": false,
+              "type": "boolean",
+              "x-linkages": [
+                  {
+                    "type": "value:visible",
+                    "target": "*(dataForm.params)",
+                    "condition": "{{$self.value==true}}"
+                  }
+              ]
+            },
+            "params": {
+              "type": "array",
+              "title": "参数",
+              "pageId":"",
+              "x-component":"page-params",
+              "default": []
+            }
+          }
+        },
+        "default": [
+          {
+            "icon": "自定义图片",
+            "iconSrc":"https://qcloudimg.tencent-cloud.cn/raw/82b92ea0caf05f372f3432bd44764f0a.png",
+            "title": "导航标题",
+            "tapStatus": "tap"
+          },
+          {
+            "icon": "自定义图片",
+            "iconSrc":"https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png",
+            "title": "导航标题",
+            "tapStatus": "tap"
+          },
+          {
+            "icon": "自定义图片",
+            "iconSrc":"https://qcloudimg.tencent-cloud.cn/raw/12a888a3abe20890894ccf6e73a9eb06.png",
+            "title": "导航标题",
+            "tapStatus": "tap"
+          },
+          {
+            "icon": "自定义图片",
+            "iconSrc":"https://qcloudimg.tencent-cloud.cn/raw/8330f8833919254e6b779fb543a53e39.png",
+            "title": "导航标题",
+            "tapStatus": "tap"
+          }
+        ],
+        "x-index": 1,
+        "x-component": "list"
+      },
+      "mobileCol": {
+        "type": "number",
+        "default": 4,
+        "title": "移动端列数",
+        "x-category": "基础属性",
+        "enum": [
+          {
+            "label": "3",
+            "value": 3
+          },
+          {
+            "label": "4",
+            "value": 4
+          },
+          {
+            "label": "5",
+            "value": 5
+          }
+        ]
+      },
+      "pcCol": {
+        "type": "number",
+        "default": 4,
+        "title": "PC端列数",
+        "x-category": "基础属性",
+        "enum": [
+          {
+            "label": "3",
+            "value": 3
+          },
+          {
+            "label": "4",
+            "value": 4
+          },
+          {
+            "label": "5",
+            "value": 5
+          },
+          {
+            "label": "6",
+            "value": 6
+          }
+        ]
+      },
+      "iconSize": {
+        "type": "string",
+        "default": "medium",
+        "title": "icon尺寸",
+        "x-category": "基础属性",
+          "enum": [
+            {
+              "label": "小",
+              "value": "small"
+            },
+            {
+              "label": "中",
+              "value": "medium"
+            },
+            {
+              "label": "大",
+              "value": "big"
+            }
+          ]
+      },
+      "textColor": {
+        "title": "标题颜色",
+        "type": "string",
+        "x-component": "color",
+        "x-index": 50,
+        "x-category": "高级属性",
+        "default": "rgb(0, 0, 0)"
+      },
+
+      "fontWeight": {
+        "type": "string",
+        "title": "字重",
+        "default": "normal",
+        "x-category": "高级属性",
+        "x-index": 40,
+          "enum": [
+            {
+              "label": "细",
+              "value": "lighter"
+            },
+            {
+              "label": "正常",
+              "value": "normal"
+            },
+            {
+              "label": "粗",
+              "value": "bolder"
+            }
+          ]
+      },
+      "fontSize": {
+        "type": "number",
+        "title": "字号",
+        "default": 14,
+        "x-category": "高级属性",
+        "x-props":{
+          "min":0,
+          "max":100
+        },
+        "x-index":45
+      },
+      "lineHeight": {
+        "title": "行高",
+        "type": "string",
+        "x-index": 56,
+        "x-category": "高级属性",
+        "default": "auto"
+      },
+      "maxLines": {
+        "title": "标题行数",
+        "type": "number",
+        "default": 1,
+        "x-index": 60,
+        "x-category": "高级属性"
+      }
+    }
+  },
+  "meta": {
+    "title": "宫格导航",
+    "description": "宫格布局导航",
+    "category": "导航菜单",
+    "componentOrder": 100,
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/NavLayout.svg"
+  }
+}

package/src/configs/components/swiper.json

@@ -67,9 +67,9 @@
     }
   ],
   "meta": {
-    "title": "轮播",
-    "description": "轮播图组件",
-    "category": "展示",
+    "title": "轮播容器",
+    "description": "轮播容器",
+    "category": "布局容器",
     "componentOrder": 80,
     "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Swiper.svg"
   },

package/src/configs/index.js

@@ -7,6 +7,7 @@ import Link from './components/link.json';
 // import DatePicker from './components/picker/datePicker.json';
 // import TimePicker from './components/picker/timePicker.json';
 import Input from './components/form/input.json';
+import Location from './components/form/location.json';
 import Textarea from './components/form/textarea.json';
 import Radio from './components/form/radio.json';
 import Checkbox from './components/form/checkbox.json';
@@ -19,6 +20,7 @@ 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 Carousel from './components/carousel.json';
 // import Label from './components/form/label.json';
 import Tips from './components/form/tips.json';
 import Modal from './components/modal.json';
@@ -26,10 +28,16 @@ import Drawer from './components/drawer.json';
 import RichText from './components/form/richText.json';
 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 showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
 
+import ListView from './components/listView.json';
+import DataView from './components/dataView.json';
+import StatisticsCard from './components/chart/statisticsCard.json';
+import GraphicCard from './components/graphicCard.json';
 export const components = {
   Button,
   Text,
@@ -44,6 +52,7 @@ export const components = {
   Switch,
   Form,
   Textarea,
+  Location,
   // Cells,
   Select,
   Auth,
@@ -52,6 +61,7 @@ export const components = {
   UploaderFile,
   ScrollView,
   Swiper,
+  Carousel,
   // Label,
   Tips,
   Modal,
@@ -60,6 +70,12 @@ export const components = {
   Link,
   Drawer,
   Tabs,
+  Calendar,
+  ListView,
+  DataView,
+  NavLayout,
+  StatisticsCard,
+  GraphicCard,
 };
 
 export const actions = {

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

@@ -45,9 +45,18 @@ Component({
   data: {
     cls: '',
   },
-  lifetimes: {
-    attached() {
-      const { className, size, type, disabled } = this.properties;
+  methods: {
+    ...handleEvents([
+      { title: '点击', name: 'tap' },
+      { title: '获取手机号', name: 'getPhoneNumber' },
+      { title: '打开客服会话', name: 'contact' },
+      { title: '获取用户信息', name: 'getUserInfo' },
+      { title: '打开App', name: 'launchApp' },
+      { title: '打开授权设置', name: 'openSetting' },
+    ]),
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
       const cls = classNames('weda-ui', {
         'weda-button': true,
         'weui-btn': true,
@@ -63,14 +72,4 @@ Component({
       this.setData({ cls });
     },
   },
-  methods: {
-    ...handleEvents([
-      { title: '点击', name: 'tap' },
-      { title: '获取手机号', name: 'getPhoneNumber' },
-      { title: '打开客服会话', name: 'contact' },
-      { title: '获取用户信息', name: 'getUserInfo' },
-      { title: '打开App', name: 'launchApp' },
-      { title: '打开授权设置', name: 'openSetting' },
-    ]),
-  },
 });

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

@@ -7,7 +7,7 @@
  open-type="{{openType}}"
  form-type="{{formType}}"
  bind:tap="tap"
- bindgetphonenumber="getPhoneNumber"
+ bindgetphonenumber="{{'getP' + 'honeN' + 'umber'}}"
  bindcontact="contact"
  bindgetuserinfo="getUserInfo"
  bindlaunchapp="launchApp"

package/src/mp/components/calendar/arrowright--line.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
+    <title>chevron-right</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons" transform="translate(-320.000000, -951.000000)">
+            <g id="chevron-right" transform="translate(320.000000, 951.000000)">
+                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) scale(-1, -1) rotate(90.000003) translate(-8.000000, -8.000000) "/>
+                <path d="M4.68942324,5.31054639 L8.22980396,8.85092687 L11.7701844,5.31054639 L12.6894235,6.2297852 L8.22980396,10.6894045 L3.77018443,6.2297852 L4.68942324,5.31054639 Z" id="路径-4-(Stroke)" fill="#000000" transform="translate(8.229804, 7.999975) scale(-1, -1) rotate(90.000003) translate(-8.229804, -7.999975) "/>
+            </g>
+        </g>
+    </g>
+</svg>