@cloudbase/weda-ui 0.2.17 → 2.0.8

package/src/configs/components/swiper.json

@@ -6,57 +6,66 @@
         "title": "自动切换",
         "default": true,
         "type": "boolean",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"开启后，轮播图将会自动根据配置的时间间隔进行自动滚动，关闭后则轮播图仅支持通过点击锚点的方式进行切换"
       },
       "indicatorDots": {
         "title": "导航锚点",
         "default": true,
         "type": "boolean",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"开启/关闭轮播图锚点"
       },
       "current": {
         "title": "当前所在滑块的 index",
         "default": 0,
         "type": "number",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图的默认展示位置，0为默认展示第一张轮播图，以此类推"
       },
       "interval": {
         "title": "自动切换时间间隔",
         "default": 5000,
         "type": "number",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"配置轮播图滚动的时间间隔，时间单位为ms"
       },
       "duration": {
         "title": "滑动动画时长",
         "default": 500,
         "type": "number",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图切换时的滑动动画时长"
       },
       "circular": {
         "title": "衔接滑动",
         "default": true,
         "type": "boolean",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改轮播图切换时动画的滑动方式"
       },
       "vertical": {
         "title": "纵向轮播",
         "default": false,
         "type": "boolean",
-        "x-category": "基础属性"
+        "x-category": "基础属性",
+        "remarks":"开启后，轮播的滚动方式将会由横向滚动变更为纵向滚动"
       },
       "indicatorColor": {
         "title": "锚点颜色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(200, 200, 200, 0.9)",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改锚点普通状态下的颜色"
       },
       "indicatorActiveColor": {
         "title": "锚点激活色",
         "type": "string",
         "x-component": "color",
         "default": "rgba(0, 0, 0, 0.9)",
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks":"更改锚点选中时的颜色"
       }
     }
   },
@@ -68,11 +77,14 @@
   ],
   "meta": {
     "title": "轮播容器",
-    "description": "轮播容器",
+    "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/src/configs/components/tabs.json

@@ -2,32 +2,69 @@
   "$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-hidebind": true,
+          "data-withBindMeta": true
         },
-        "x-index": 1,
+        "x-component-props": {
+          "origin-component": "list"
+        },
+        "x-index": 20,
         "type": "array",
         "maxLength": 20,
         "default": [
           {
-            "title": "选项一"
+            "title": "选项一",
+            "value": "选项一"
           },
           {
-            "title": "选项二"
+            "title": "选项二",
+            "value": "选项二"
           },
           {
-            "title": "选项三"
+            "title": "选项三",
+            "value": "选项三"
           }
         ],
         "items": {
           "type": "object",
+          "default": {
+            "title": "标签名称",
+            "value": "标签值"
+          },
           "properties": {
             "title": {
               "title": "标签名称",
               "type": "string",
               "default": "标题"
+            },
+            "value": {
+              "type": "string",
+              "title": "标签值",
+              "default": "标签值"
             }
           }
         },
@@ -41,21 +78,26 @@
               }
             }
           }
-        ]
+        ],
+        "x-component": "list-bind-switch",
+        "remarks": "更改选项卡标签的标题"
       },
       "selectedIndex": {
         "title": "选中标签",
         "type": "number",
         "default": 0,
+        "x-index": 30,
         "x-category": "基础属性",
-        "x-component": "select"
+        "x-component": "select",
+        "remarks": "更改默认选中的选项卡标签"
       },
       "panel": {
         "title": "面板1",
+        "x-index": 40,
         "type": "slot",
         "x-auto-num": {
           "from": 1,
-          "to": "{{ $form.values.tabs.length }}"
+          "to": "{{ $form.values.isMultipleSlot ? $form.values.tabs.length : 1 }}"
         }
       }
     }
@@ -69,8 +111,11 @@
   "meta": {
     "name": "Tabs",
     "title": "选项卡",
-    "description": "选项卡组件",
+    "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/src/configs/components/text.json

@@ -8,61 +8,71 @@
         "x-component": "textarea",
         "default": "文本内容",
         "x-category": "基础属性",
-        "x-index": 1
+        "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" }
+          {
+            "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)"
+        "description": "标题级别，H1 - H6",
+        "remarks": "更改文本的展示级别"
       },
       "maxLines": {
         "title": "最大行数",
         "type": "number",
+        "description": "应用发布为小程序时，该属性不生效",
         "default": 2,
         "x-index": 5,
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks": "更改文本支持展示的最大行数，若最大行数无法承载当前文本内容，则会将超出内容用省略号来替代"
       },
-
       "space": {
         "title": "连续空格",
         "type": "boolean",
         "description": "是否显示连续空格",
         "default": false,
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks": "开启后文本组件将支持识别多个空格字符，关闭后文本组件仅支持识别单个空格字符(多空格字符会自动转换成单个空格字符)"
       },
       "userSelect": {
         "title": "是否可选中",
         "type": "boolean",
         "description": "是否可选中文本",
         "default": true,
-        "x-category": "高级属性"
+        "x-category": "高级属性",
+        "remarks": "关闭后文本将不支持进行选中，无法进行复制等常见文本操作"
       }
     }
   },
@@ -74,9 +84,12 @@
   ],
   "meta": {
     "title": "文本",
-    "description": "文本内容",
+    "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/src/configs/components/wxOpenApi/phone.json

@@ -0,0 +1,141 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "text": {
+        "title": "按钮标题",
+        "default": "获取用户手机号",
+        "remarks": "按钮组件的标题",
+        "type": "string",
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 1
+      },
+      "type": {
+        "title": "按钮风格",
+        "type": "string",
+        "default": "wechat",
+        "remarks": "按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格",
+        "enum": [
+          {
+            "label": "默认",
+            "value": "default"
+          },
+          {
+            "label": "微信",
+            "value": "wechat"
+          },
+          {
+            "label": "主要",
+            "value": "primary"
+          },
+          {
+            "label": "警告",
+            "value": "warn"
+          }
+        ],
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 2
+      },
+      "size": {
+        "title": "按钮大小",
+        "type": "string",
+        "default": "default",
+        "remarks": "按钮的大小",
+        "enum": [
+          {
+            "label": "中",
+            "value": "default"
+          },
+          {
+            "label": "小",
+            "value": "mini"
+          },
+          {
+            "label": "大",
+            "value": "large"
+          }
+        ],
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 3
+      }
+    }
+  },
+  "events": [
+    {
+      "title": "手机号授权成功",
+      "name": "phonesuccess",
+      "remarks": "弹窗中点击了允许按钮后触发的事件",
+      "x-platforms": [
+        "MP"
+      ],
+      "detail": {
+        "phoneNumber": {
+          "type": "string",
+          "title": "区号+手机号",
+          "x-index": 1
+        },
+        "purePhoneNumber": {
+          "type": "string",
+          "title": "无区号手机号",
+          "x-index": 2
+        },
+        "countryCode": {
+          "type": "string",
+          "title": "区号",
+          "x-index": 3
+        },
+        "timestamp": {
+          "type": "string",
+          "title": "授权时间",
+          "x-index": 4
+        }
+      }
+    },
+    {
+      "title": "手机号授权失败",
+      "remarks": "弹窗中点击了拒绝按钮后触发的事件",
+      "name": "phonefail",
+      "x-platforms": [
+        "MP"
+      ]
+    }
+  ],
+  "meta": {
+    "title": "获取用户手机号",
+    "description": "在小程序运行态对用户的手机号进行获取。",
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Phone.svg",
+    "category": "微信开放能力",
+    "categoryOrder": 100,
+    "componentOrder": 2,
+    "platform": [
+      "MP"
+    ],
+    "visible": [
+      "APP"
+    ],
+    "validate": [
+      {
+        "rule": "checkBusiness",
+        "options": {
+          "allowFailure": true,
+          "title": "小程序组件(获取用户手机号)",
+          "description": "组件功能依赖企业主体小程序",
+          "type": "mp",
+          "version": ""
+        }
+      }
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/Phone"
+  }
+}

package/src/configs/components/wxOpenApi/phoneCode.json

@@ -0,0 +1,121 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "text": {
+        "title": "按钮标题",
+        "default": "获取用户手机号授权令牌",
+        "remarks": "按钮组件的标题",
+        "type": "string",
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 1
+      },
+      "type": {
+        "title": "按钮风格",
+        "type": "string",
+        "default": "wechat",
+        "remarks": "按钮组件的风格，相对于普通按钮组件，新增“微信”按钮风格",
+        "enum": [
+          {
+            "label": "默认",
+            "value": "default"
+          },
+          {
+            "label": "微信",
+            "value": "wechat"
+          },
+          {
+            "label": "主要",
+            "value": "primary"
+          },
+          {
+            "label": "警告",
+            "value": "warn"
+          }
+        ],
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 2
+      },
+      "size": {
+        "title": "按钮大小",
+        "type": "string",
+        "default": "default",
+        "remarks": "按钮的大小",
+        "enum": [
+          {
+            "label": "中",
+            "value": "default"
+          },
+          {
+            "label": "小",
+            "value": "mini"
+          },
+          {
+            "label": "大",
+            "value": "large"
+          }
+        ],
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 3
+      }
+    }
+  },
+  "events": [
+    {
+      "title": "获取手机号授权令牌成功",
+      "name": "phoneCodeSuccess",
+      "remarks": "弹窗中点击了允许按钮后触发的事件",
+      "x-platforms": [
+        "MP"
+      ],
+      "detail": {
+        "code": {
+          "type": "string",
+          "title": "手机号授权令牌",
+          "x-index": 1
+        }
+      }
+    },
+    {
+      "title": "获取手机号授权令牌失败",
+      "remarks": "弹窗中点击了拒绝按钮后触发的事件",
+      "name": "phoneCodeFail",
+      "x-platforms": [
+        "MP"
+      ]
+    }
+  ],
+  "meta": {
+    "title": "获取用户手机号授权令牌",
+    "description": "获取用户手机号授权令牌组件",
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Phone.svg",
+    "category": "微信开放能力",
+    "categoryOrder": 100,
+    "componentOrder": 2,
+    "platform": [
+      "MP"
+    ],
+    "visible": [],
+    "validate": [
+      {
+        "rule": "checkBusiness",
+        "options": {
+          "allowFailure": true,
+          "title": "小程序组件(获取用户手机号授权令牌)",
+          "description": "组件功能依赖企业主体小程序",
+          "type": "mp",
+          "version": ""
+        }
+      }
+    ]
+  }
+}