@cloudbase/weda-ui 3.1.0 → 3.1.1

package/dist/configs/components/scrollVeiw.json

@@ -0,0 +1,253 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "scrollY": {
+                "title": "允许纵向滚动",
+                "type": "boolean",
+                "default": true,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(scrollTop)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ],
+                "x-category": "基础属性",
+                "remarks": "开启后，将开启纵向滚动条，组件支持上下滚动"
+            },
+            "scrollX": {
+                "title": "允许横向滚动",
+                "type": "boolean",
+                "default": false,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(scrollLeft)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ],
+                "x-category": "基础属性",
+                "remarks": "开启后，将开启横向滚动条，组件支持左右滚动"
+            },
+            "upperThreshold": {
+                "title": "距顶部/左边多远时，触发scrolltoupper事件",
+                "type": "number",
+                "default": 50,
+                "x-category": "高级属性"
+            },
+            "lowerThreshold": {
+                "title": "距底部/右边多远时，触发scrolltolower事件",
+                "type": "number",
+                "default": 50,
+                "x-category": "高级属性"
+            },
+            "scrollTop": {
+                "title": "竖向滚动条位置",
+                "type": "number",
+                "x-category": "高级属性",
+                "remarks": "输入默认值，竖向滚动条将默认移动到该位置"
+            },
+            "scrollLeft": {
+                "title": "横向滚动条位置",
+                "type": "number",
+                "x-category": "高级属性",
+                "remarks": "输入默认值，横向滚动条将默认移动到该位置"
+            },
+            "scrollIntoView": {
+                "title": "滚到的元素ID",
+                "type": "string",
+                "x-category": "高级属性",
+                "remarks": "将当前的元素滚动到浏览器窗口的可视区域内"
+            },
+            "scrollWithAnimation": {
+                "title": "在设置滚动条位置时使用动画过渡",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启滚动条动画"
+            },
+            "enableBackToTop": {
+                "title": "iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启后当执行对应操作后滚动条将自动返回顶部"
+            },
+            "enableFlex": {
+                "title": "启用 flexbox 布局",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启flexbox布局"
+            },
+            "scrollAnchoring": {
+                "title": "开启 scroll anchoring 特性",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启scroll-anchoring特性"
+            },
+            "refresherEnabled": {
+                "title": "开启自定义下拉刷新",
+                "type": "boolean",
+                "default": false,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(refresherThreshold,refresherDefaultStyle,refresherBackground,refresherTriggered)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ],
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启后可自定义对下拉刷新进行相关配置"
+            },
+            "refresherThreshold": {
+                "title": "设置自定义下拉刷新阈值",
+                "type": "number",
+                "default": 50,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "refresherDefaultStyle": {
+                "title": "设置自定义下拉刷新默认样式",
+                "type": "string",
+                "default": "block",
+                "x-component": "radio",
+                "enum": [
+                    {
+                        "label": "black",
+                        "value": "black"
+                    },
+                    {
+                        "label": "white",
+                        "value": "white"
+                    },
+                    {
+                        "label": "none",
+                        "value": "none"
+                    }
+                ],
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "refresherBackground": {
+                "title": "设置自定义下拉刷新区域背景颜色",
+                "type": "color",
+                "default": "#fff",
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "refresherTriggered": {
+                "title": "设置当前下拉刷新状态",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "enhanced": {
+                "title": "启用 scroll-view 增强特性",
+                "type": "boolean",
+                "default": false,
+                "x-linkages": [
+                    {
+                        "type": "value:visible",
+                        "target": "*(bounces,showScrollbar,pagingEnabled,fastDeceleration)",
+                        "condition": "{{ $self.value }}"
+                    }
+                ],
+                "x-platforms": ["MP"],
+                "x-category": "高级属性",
+                "remarks": "开启scroll-view增强特性 "
+            },
+            "bounces": {
+                "title": "iOS 下 scroll-view 边界弹性控制",
+                "type": "boolean",
+                "default": true,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "showScrollbar": {
+                "title": "滚动条显隐控制",
+                "type": "boolean",
+                "default": true,
+                "x-platforms": ["MP"],
+                "x-category": "基础属性",
+                "remarks": "控制滚动条是否显示/隐藏"
+            },
+            "pagingEnabled": {
+                "title": "分页滑动效果",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            },
+            "fastDeceleration": {
+                "title": "滑动减速速率控制",
+                "type": "boolean",
+                "default": false,
+                "x-platforms": ["MP"],
+                "x-category": "高级属性"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "scroll",
+            "title": "滚动时触发"
+        },
+        {
+            "name": "scrolltolower",
+            "title": "滚动到底部/右边时触发"
+        },
+        {
+            "name": "scrolltoupper",
+            "title": "滚动到顶部/左边时触发"
+        },
+        {
+            "name": "dragstart",
+            "title": "滑动开始事件(同时开启 enhanced 属性后生效)"
+        },
+        {
+            "name": "dragging",
+            "title": "滑动事件(同时开启 enhanced 属性后生效)"
+        },
+        {
+            "name": "dragend",
+            "title": "滑动结束事件(同时开启 enhanced 属性后生效)"
+        },
+        {
+            "name": "refresherpulling",
+            "title": "自定义下拉刷新控件被下拉"
+        },
+        {
+            "name": "refresherrefresh",
+            "title": "自定义下拉刷新被触发"
+        },
+        {
+            "name": "refresherrestore",
+            "title": "自定义下拉刷新被复位"
+        },
+        {
+            "name": "refresherabort",
+            "title": "自定义下拉刷新被中止"
+        }
+    ],
+    "meta": {
+        "title": "滚动容器",
+        "description": "当组件元素内容长度大于滚动容器时，滚动容器会出滚动条用来对页面内容进行滑动展示。",
+        "category": "布局容器",
+        "componentOrder": 80,
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/ScrollView.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/grid/ScrollView"
+    },
+    "isContainer": true,
+    "mpOrigin": "scroll-view"
+}

package/dist/configs/components/slot.json

@@ -0,0 +1,17 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "name": {
+                "title": "插槽名称",
+                "type": "string",
+                "description": "类似小程序Slot的name属性"
+            }
+        }
+    },
+    "meta": {
+        "title": "插槽",
+        "description": "插槽视图容器",
+        "category": "布局容器"
+    }
+}

package/dist/configs/components/swiper.json

@@ -0,0 +1,90 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "autoplay": {
+                "title": "自动切换",
+                "default": true,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "remarks": "开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
+            },
+            "indicatorDots": {
+                "title": "导航锚点",
+                "default": true,
+                "type": "boolean",
+                "x-category": "高级属性",
+                "remarks": "开启/关闭轮播图锚点"
+            },
+            "current": {
+                "title": "当前所在滑块的 index",
+                "default": 0,
+                "type": "number",
+                "x-category": "高级属性",
+                "remarks": "更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
+            },
+            "interval": {
+                "title": "自动切换时间间隔",
+                "default": 5000,
+                "type": "number",
+                "x-category": "基础属性",
+                "remarks": "配置轮播图滚动的时间间隔，时间单位为ms"
+            },
+            "duration": {
+                "title": "滑动动画时长",
+                "default": 500,
+                "type": "number",
+                "x-category": "高级属性",
+                "remarks": "更改轮播图切换时的滑动动画时长"
+            },
+            "circular": {
+                "title": "衔接滑动",
+                "default": true,
+                "type": "boolean",
+                "x-category": "高级属性",
+                "remarks": "更改轮播图切换时动画的滑动方式"
+            },
+            "vertical": {
+                "title": "纵向轮播",
+                "default": false,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "remarks": "开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
+            },
+            "indicatorColor": {
+                "title": "锚点颜色",
+                "type": "string",
+                "x-component": "color",
+                "default": "rgba(200, 200, 200, 0.9)",
+                "x-category": "高级属性",
+                "remarks": "更改锚点普通状态下的颜色"
+            },
+            "indicatorActiveColor": {
+                "title": "锚点激活色",
+                "type": "string",
+                "x-component": "color",
+                "default": "rgba(0, 0, 0, 0.9)",
+                "x-category": "高级属性",
+                "remarks": "更改锚点选中时的颜色"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "change",
+            "title": "切换"
+        }
+    ],
+    "meta": {
+        "title": "轮播容器",
+        "description": "用于快速在页面搭建轮播图展示效果，并支持轮播图的跳转、播放配置。",
+        "category": "布局容器",
+        "componentOrder": 80,
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Swiper.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Swiper"
+    },
+    "isContainer": true,
+    "mpOrigin": "swiper"
+}

package/dist/configs/components/tabs.json

@@ -0,0 +1,121 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "isMultipleSlot": {
+                "type": "boolean",
+                "title": "启用多个插槽",
+                "default": true,
+                "x-index": 10,
+                "x-props": {
+                    "data-hidebind": true
+                },
+                "x-linkages": [
+                    {
+                        "type": "value:schema",
+                        "schema": {
+                            "x-props": {
+                                "data-hidebind": "{{ $value }}"
+                            },
+                            "x-auto-num": {}
+                        },
+                        "target": "tabs"
+                    }
+                ]
+            },
+            "tabs": {
+                "title": "选项卡标签",
+                "x-props": {
+                    "data-hidebind": true,
+                    "data-withBindMeta": true
+                },
+                "x-component-props": {
+                    "origin-component": "list"
+                },
+                "x-index": 20,
+                "type": "array",
+                "maxLength": 20,
+                "default": [
+                    {
+                        "title": "选项一",
+                        "value": "选项一"
+                    },
+                    {
+                        "title": "选项二",
+                        "value": "选项二"
+                    },
+                    {
+                        "title": "选项三",
+                        "value": "选项三"
+                    }
+                ],
+                "items": {
+                    "type": "object",
+                    "default": {
+                        "title": "标签名称",
+                        "value": "标签值"
+                    },
+                    "properties": {
+                        "title": {
+                            "title": "标签名称",
+                            "type": "string",
+                            "default": "标题"
+                        },
+                        "value": {
+                            "type": "string",
+                            "title": "标签值",
+                            "default": "标签值"
+                        }
+                    }
+                },
+                "x-linkages": [
+                    {
+                        "target": "selectedIndex",
+                        "type": "value:schema",
+                        "schema": {
+                            "x-component-props": {
+                                "options": "{{ $value.map((title, index) => ({label: '选项' + (index + 1), value: index}) ) }}"
+                            }
+                        }
+                    }
+                ],
+                "x-component": "list-bind-switch",
+                "remarks": "更改选项卡标签的标题"
+            },
+            "selectedIndex": {
+                "title": "选中标签",
+                "type": "number",
+                "default": 0,
+                "x-index": 30,
+                "x-category": "基础属性",
+                "x-component": "select",
+                "remarks": "更改默认选中的选项卡标签"
+            },
+            "panel": {
+                "title": "面板1",
+                "x-index": 40,
+                "type": "slot",
+                "x-auto-num": {
+                    "from": 1,
+                    "to": "{{ $form.values.isMultipleSlot ? $form.values.tabs.length : 1 }}"
+                }
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "change",
+            "title": "选项卡切换"
+        }
+    ],
+    "meta": {
+        "name": "Tabs",
+        "title": "选项卡",
+        "description": "用于实现常见的选项卡切换效果。",
+        "category": "展示",
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/TabsContainer.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/Tabs"
+    }
+}

package/dist/configs/components/text.json

@@ -0,0 +1,95 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "text": {
+                "title": "文本内容",
+                "type": "string",
+                "x-component": "textarea",
+                "default": "文本内容",
+                "x-category": "基础属性",
+                "x-index": 1,
+                "remarks": "更改显示的文本内容"
+            },
+            "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",
+                "remarks": "更改文本的展示级别"
+            },
+            "maxLines": {
+                "title": "最大行数",
+                "type": "number",
+                "description": "应用发布为小程序时，该属性不生效",
+                "default": 2,
+                "x-index": 5,
+                "x-category": "高级属性",
+                "remarks": "更改文本支持展示的最大行数，若最大行数无法承载当前文本内容，则会将超出内容用省略号来替代"
+            },
+            "space": {
+                "title": "连续空格",
+                "type": "boolean",
+                "description": "是否显示连续空格",
+                "default": false,
+                "x-category": "高级属性",
+                "remarks": "开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)"
+            },
+            "userSelect": {
+                "title": "是否可选中",
+                "type": "boolean",
+                "description": "是否可选中文本",
+                "default": true,
+                "x-category": "高级属性",
+                "remarks": "关闭后文本将不支持进行选中，无法进行复制等常见文本操作"
+            }
+        }
+    },
+    "events": [
+        {
+            "name": "tap",
+            "title": "点击"
+        }
+    ],
+    "meta": {
+        "title": "文本",
+        "description": "用于展示页面中的文本内容。",
+        "category": "文本",
+        "componentOrder": 100,
+        "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Text.svg"
+    },
+    "configMeta": {
+        "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/text/Text"
+    }
+}

package/dist/configs/components/wedaVideo.json

@@ -0,0 +1,89 @@
+{
+    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+    "data": {
+        "properties": {
+            "videoDataSource": {
+                "title": "视频资源",
+                "default": "https://qcloudimg.tencent-cloud.cn/raw/472043e1e13e1cc06e4afc46407e8c4d.mp4",
+                "type": "string",
+                "x-category": "基础属性",
+                "x-index": 10,
+                "x-rules": [
+                    {
+                        "message": "请输入合法的视频资源",
+                        "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+                    }
+                ],
+                "remarks": "能够播放的视频资源地址,支持云文件id"
+            },
+            "posterImage": {
+                "title": "封面图片",
+                "default": "",
+                "type": "string",
+                "x-component": "image",
+                "x-category": "基础属性",
+                "x-index": 20,
+                "x-rules": [
+                    {
+                        "message": "请输入合法的图片地址",
+                        "pattern": "^(((https?)://)|/resources/)[^\\s]+$"
+                    }
+                ]
+            },
+            "autoPlay": {
+                "title": "自动播放",
+                "default": false,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "x-index": 30,
+                "remarks": "部分浏览器会阻止默认自动播放行为"
+            },
+            "loopPlay": {
+                "title": "循环播放",
+                "default": false,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "x-index": 40
+            },
+            "mutePlay": {
+                "title": "静音播放",
+                "default": false,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "x-index": 50
+            },
+            "controlBarStatus": {
+                "title": "播放控件",
+                "default": true,
+                "type": "boolean",
+                "x-category": "基础属性",
+                "x-index": 60,
+                "remarks": "控制视频播放、暂停、静音、全屏等功能,关闭后相当于只能观看视频不能交互"
+            },
+            "startTime": {
+                "title": "初始播放时间(秒)",
+                "default": 0,
+                "type": "number",
+                "x-category": "高级属性",
+                "x-index": 70,
+                "remarks": "小于0不生效,超出视频时长取值为视频最大时长"
+            },
+            "endTime": {
+                "title": "指定视频时长(秒)",
+                "default": 0,
+                "type": "number",
+                "x-category": "高级属性",
+                "x-index": 80,
+                "remarks": "小于0不生效;超出视频时长取值为视频最大时长;h5端不会改变进度条显示长度,小程序端会改变"
+            }
+        }
+    },
+    "meta": {
+        "name": "wedaVideo",
+        "title": "视频播放",
+        "description": "用于视频播放",
+        "icon": "https://qcloudimg.tencent-cloud.cn/raw/c622c16cc4841ef7e99cfe3c05c76f2f.svg",
+        "category": "多媒体",
+        "visible": ["APP"]
+    }
+}