@cloudbase/weda-ui 0.2.14 → 0.2.17

package/src/configs/components/carousel.json

@@ -0,0 +1,273 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "autoplay": {
+        "title": "自动切换",
+        "default": true,
+        "type": "boolean",
+        "x-category": "基础属性"
+      },
+      "indicatorDots": {
+        "title": "导航锚点",
+        "default": true,
+        "type": "boolean",
+        "x-category": "高级属性"
+      },
+      "current": {
+        "title": "当前所在滑块的 index",
+        "default": 0,
+        "type": "number",
+        "x-category": "高级属性"
+      },
+      "interval": {
+        "title": "自动切换时间间隔",
+        "default": 5000,
+        "type": "number",
+        "x-category": "基础属性"
+      },
+      "duration": {
+        "title": "滑动动画时长",
+        "default": 500,
+        "type": "number",
+        "x-category": "高级属性"
+      },
+      "circular": {
+        "title": "衔接滑动",
+        "default": true,
+        "type": "boolean",
+        "x-category": "高级属性"
+      },
+      "vertical": {
+        "title": "纵向轮播",
+        "default": false,
+        "type": "boolean",
+        "x-category": "基础属性"
+      },
+      "indicatorColor": {
+        "title": "锚点颜色",
+        "type": "string",
+        "x-component": "color",
+        "default": "rgba(200, 200, 200, 0.9)",
+        "x-category": "高级属性"
+      },
+      "indicatorActiveColor": {
+        "title": "锚点激活色",
+        "type": "string",
+        "x-component": "color",
+        "default": "rgba(0, 0, 0, 0.9)",
+        "x-category": "高级属性"
+      },
+      "images": {
+        "type": "array",
+        "items": {
+          "type": "object",
+          "title": "images",
+          "default": {
+            "image": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png",
+            "title": "图片1",
+            "height": "160px",
+            "width": "100%",
+            "tapMode":"tap",
+            "fit":"cover"
+          },
+          "properties": {
+            "title": {
+              "type": "string",
+              "title": "图片标题",
+              "default": "图片1",
+              "x-index": 20
+            },
+            "image": {
+              "type": "image",
+              "title": "图片1",
+              "default": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png",
+              "x-index": 30
+            },
+            "height": {
+              "type": "string",
+              "title": "图片高度",
+              "default": "160px",
+              "x-index": 40
+            },
+            "width": {
+              "type": "string",
+              "title": "图片宽度",
+              "default": "100%",
+              "x-index": 50
+            },
+            "fit": {
+              "title": "布局模式",
+              "type": "string",
+              "default": "cover",
+              "enum": [
+                {
+                  "value": "cover",
+                  "label": "铺满"
+                },
+                {
+                  "value": "contain",
+                  "label": "适合"
+                },
+                {
+                  "value": "fill",
+                  "label": "拉伸"
+                }
+              ],
+              "x-index": 60
+            },
+            "tapMode": {
+              "type": "string",
+              "title": "点击时",
+              "default": "tap",
+              "x-index": 70,
+              "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"]
+                  }]
+                }
+              ],
+              "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.widthParams)",
+                  "condition": "{{$self.value=='inside'}}"
+                },
+                {
+                  "type": "value:visible",
+                  "target": "*(dataForm.newPage)",
+                  "condition": "{{$self.value=='outer'}}"
+                }
+              ]
+            },
+            "insideUrl": {
+              "type": "string",
+              "x-component": "page-list",
+              "default": "",
+              "title": "跳转页面",
+              "description": "通过下拉选择应用页面，可以实现内部页面跳转",
+              "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",
+              "placeholder": "外部链接请以http://或https://开头",
+              "description":"当前页面打开只支持https"
+            },
+            "newPage": {
+              "title": "打开新页面",
+              "default": false,
+              "type": "boolean"
+            },
+            "widthParams": {
+              "title": "携带参数",
+              "default": false,
+              "type": "boolean",
+              "x-linkages": [
+                  {
+                    "type": "value:visible",
+                    "target": "*(dataForm.params)",
+                    "condition": "{{$self.value==true}}"
+                  }
+              ]
+            },
+            "params": {
+              "type": "array",
+              "title": "参数",
+              "pageId":"",
+              "default":[],
+              "x-component":"page-params"
+            }
+          }
+        },
+        "title": "轮播图",
+        "default": [
+          {
+            "image": "https://main.qcloudimg.com/raw/828ee6644f137d166b063ad7f5dda842.png",
+            "title": "图片1",
+            "fit":"cover",
+            "tapMode":"tap",
+            "height":"160px",
+            "width":"100%"
+          },
+          {
+            "image": "https://main.qcloudimg.com/raw/880b5277dc7d8f62fd6b5f964bee3af4.png",
+            "title": "图片2",
+            "fit":"cover",
+            "tapMode":"tap",
+            "height":"160px",
+            "width":"100%"
+          },
+          {
+            "image": "https://main.qcloudimg.com/raw/af8d7dff73fea17aa099876bc3a811fa.png",
+            "title": "图片3",
+            "fit":"cover",
+            "tapMode":"tap",
+            "height":"160px",
+            "width":"100%"
+          }
+        ],
+        "x-component": "list"
+      }
+    }
+  },
+  "events": [
+    {
+      "name": "change",
+      "title": "切换"
+    }
+  ],
+  "meta": {
+    "title": "轮播图",
+    "description": "轮播图",
+    "category": "展示",
+    "componentOrder": 80,
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Swiper.svg"
+  },
+  "mpOrigin": "swiper"
+}