@cloudbase/weda-ui 0.2.17 → 2.0.8

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

@@ -0,0 +1,167 @@
+{
+  "$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
+      },
+      "title": {
+        "title": "{{text('分享标题', help('分享(转发)卡片的标题'))}}",
+        "type": "string",
+        "default": "",
+        "x-category": "基础属性",
+        "description": "",
+        "remarks": "分享(转发)卡片的标题",
+        "x-component": "textarea",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 4
+      },
+      "image": {
+        "title": "{{text('分享图片', help('分享(转发)卡片的图片'))}}",
+        "type": "string",
+        "x-component": "image",
+        "default": "",
+        "x-platforms": [
+          "MP"
+        ],
+        "description": "",
+        "remarks": "分享(转发)卡片的图片",
+        "x-category": "基础属性",
+        "x-index": 5
+      },
+      "path": {
+        "type": "string",
+        "title": "{{text('选择页面', help('选择分享(转发)的页面'))}}",
+        "default": "",
+        "x-index": 6,
+        "addHidden": true,
+        "x-category": "基础属性",
+        "remarks": "选择分享(转发)的页面",
+        "x-linkages": [
+          {
+            "type": "value:state",
+            "state": {
+              "pageId": "{{$self.value}}"
+            },
+            "target": "*(params)",
+            "condition": "{{$self.value && $self.value.length>0}}"
+          }
+        ],
+        "description": "",
+        "x-component": "page-list",
+        "x-component-props": {
+          "hideAddPlatform": [
+            "MP"
+          ]
+        }
+      },
+      "withParams": {
+        "type": "boolean",
+        "title": "携带参数",
+        "x-category": "基础属性",
+        "default": false,
+        "remarks": "分享(转发)的页面path是否携带参数",
+        "x-index": 7,
+        "x-linkages": [
+          {
+            "type": "value:visible",
+            "target": "params",
+            "condition": "{{$self.value===true}}"
+          }
+        ]
+      },
+      "params": {
+        "type": "array",
+        "title": "参数",
+        "x-category": "基础属性",
+        "remarks": "分享(转发)的页面的参数，会自动获取到当前选择页面内存在的页面参数并自动根据页面参数进行展开，当用户通过转发的链接进入小程序时，页面便会按照配置的参数进行渲染。如果采用绑定数据的方式，数据格式参考如下：[{key: 'paramKey1', value: 'paramValue1'}, {key: 'paramKey2', value: 'paramValue2'}]",
+        "pageId": "",
+        "default": [],
+        "x-index": 8,
+        "x-component": "page-params"
+      }
+    }
+  },
+  "events": [],
+  "meta": {
+    "title": "小程序分享",
+    "description": "支持快捷实现小程序分享功能。",
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/Share.svg",
+    "category": "微信开放能力",
+    "categoryOrder": 100,
+    "componentOrder": 3,
+    "platform": [
+      "MP"
+    ],
+    "visible": [
+      "APP"
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/Share"
+  }
+}

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

@@ -0,0 +1,174 @@
+{
+  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
+  "data": {
+    "properties": {
+      "text": {
+        "title": "按钮标题",
+        "default": "获取用户信息",
+        "type": "string",
+        "x-category": "基础属性",
+        "remarks": "按钮组件的标题",
+        "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
+      },
+      "usage": {
+        "title": "{{text('信息用途', help('声明获取用户个人信息的用途\\n不超过30个字符'))}}",
+        "type": "string",
+        "default": "",
+        "x-category": "基础属性",
+        "remarks": "声明获取用户个人信息的用途,不超过30个字符,若不填写将导致功能失效",
+        "required": true,
+        "x-rules": [
+          {
+            "message": "该字段必填",
+            "required": true
+          },
+          {
+            "message": "不超过30个字符",
+            "pattern": "^.{0,30}$"
+          }
+        ],
+        "description": "声明获取用户个人信息的用途,不超过30个字符,若不填写将导致功能失效",
+        "x-component": "textarea",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 4
+      },
+      "language": {
+        "title": "语言",
+        "type": "string",
+        "default": "zh_CN",
+        "description": "",
+        "remarks": "用户当前国家、省份、城市所使用的语言",
+        "enum": [
+          {
+            "label": "简体中文",
+            "value": "zh_CN"
+          },
+          {
+            "label": "繁体中文",
+            "value": "zh_TW"
+          },
+          {
+            "label": "英文",
+            "value": "en"
+          }
+        ],
+        "x-category": "基础属性",
+        "x-platforms": [
+          "MP"
+        ],
+        "x-index": 5
+      }
+    }
+  },
+  "events": [
+    {
+      "title": "用户信息授权成功",
+      "name": "userinfosuccess",
+      "remarks": "弹窗中点击了允许按钮后触发的事件",
+      "x-platforms": [
+        "MP"
+      ],
+      "detail": {
+        "avatarUrl": {
+          "type": "string",
+          "title": "用户头像",
+          "x-index": 1
+        },
+        "nickName": {
+          "type": "string",
+          "title": "微信昵称",
+          "x-index": 2
+        },
+        "language": {
+          "type": "string",
+          "title": "语言",
+          "x-index": 4
+        }
+      }
+    },
+    {
+      "title": "用户信息授权失败",
+      "name": "userinfofail",
+      "remarks": "弹窗中点击了拒绝按钮后触发的事件",
+      "x-platforms": [
+        "MP"
+      ]
+    }
+  ],
+  "meta": {
+    "title": "获取用户信息",
+    "description": "能够在小程序运行态对用户的微信头像、微信昵称等信息进行获取。",
+    "icon": "//imgcache.qq.com/qcloud/lowcode/static/ide/left-material-icon/UserInfo.svg",
+    "category": "微信开放能力",
+    "categoryOrder": 100,
+    "componentOrder": 1,
+    "platform": [
+      "MP"
+    ],
+    "visible": [
+      "APP"
+    ]
+  },
+  "configMeta": {
+    "docsUrl": "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/wxOpen/UserInfo"
+  }
+}

package/src/configs/index.js

@@ -35,6 +35,7 @@ import showToast from './actions/showToast.json';
 import showModal from './actions/showModal.json';
 
 import ListView from './components/listView.json';
+import NavigationBar from './components/navigationBar.json';
 import Line from './components/chart/line.json';
 import Bar from './components/chart/bar.json';
 import Pie from './components/chart/pie.json';
@@ -42,6 +43,12 @@ import Pie from './components/chart/pie.json';
 import DataView from './components/dataView.json';
 import StatisticsCard from './components/chart/statisticsCard.json';
 import GraphicCard from './components/graphicCard.json';
+import Phone from './components/wxOpenApi/phone.json';
+import PhoneCode from './components/wxOpenApi/phoneCode.json';
+import Share from './components/wxOpenApi/share.json';
+import UserInfo from './components/wxOpenApi/userInfo.json';
+
+import Lottery from './components/lottery.json';
 export const components = {
   Button,
   Text,
@@ -78,11 +85,17 @@ export const components = {
   ListView,
   DataView,
   NavLayout,
+  NavigationBar,
   Line,
   Bar,
   Pie,
   StatisticsCard,
   GraphicCard,
+  Phone,
+  PhoneCode,
+  Share,
+  UserInfo,
+  Lottery,
 };
 
 export const actions = {

package/src/docs/common/format.tsx

@@ -0,0 +1,112 @@
+export interface ICompsConfig {
+  type: String;
+  name: string;
+  title: string;
+  description: string;
+  'x-platforms': string[];
+  default: string;
+  platforms: string;
+  'x-index': number;
+}
+export type TCompsConfig = ICompsConfig;
+
+export const sortBy = (props) => {
+  return function (a, b) {
+    return a[props] - b[props];
+  };
+};
+
+export const objFormat = (args: any, type, origin) => {
+  //判断属性title值是否为拓展写法
+  const uuidReg = /(?<=text)\('(.*)(?=',)/;
+  let transformData: any = [];
+  for (let i in args) {
+    if (type && type == 'event') {
+      transformData.push({
+        name: origin == 'lowCode' ? args[i]?.name : args[i]?.title,
+        title: origin == 'lowCode' ? args[i]?.eventName : args[i]?.name,
+        description: args[i]?.remarks || '-',
+        platforms: args[i]['x-platforms']
+          ? args[i]['x-platforms'].indexOf('MP') > -1
+            ? '小程序端'
+            : args[i]['x-platforms'].indexOf('WEB') > -1
+            ? 'web端'
+            : '兼容三端'
+          : '兼容三端',
+      });
+    } else if (type && type == 'attribute' && args[i].type != 'slot') {
+      if (
+        args[i]?.display == false ||
+        args[i]?.isReactNode == true ||
+        args[i]['x-component'] == 'sub-category-title' ||
+        args[i]['x-component'] == 'Divider'
+      ) {
+        continue;
+      }
+      transformData.push({
+        code: i,
+        title: args[i].title.indexOf('{{')!=-1?args[i]?.title.match(uuidReg)[1]:args[i]?.title,
+        description: args[i]?.remarks || '-',
+        type: args[i]?.type || '-',
+        default: JSON.stringify(args[i]?.default) || '-',
+        'x-index': args[i]['x-index'] ? args[i]['x-index'] : 999999,
+        'x-category': args[i]['x-category']
+          ? args[i]['x-category']
+          : '基础属性',
+      });
+    } else if (type && type == 'slot' && args[i].type == 'slot') {
+      transformData.push({
+        code: i,
+        title: args[i]?.title,
+        description: args[i]?.description || '-',
+      });
+    }
+  }
+
+  if (type && type == 'attribute') transformData.sort(sortBy('x-index'));
+
+  if (type && type == 'attribute') {
+    transformData = groupByType(transformData, 'x-category');
+  }
+  return transformData;
+};
+function groupByType(arr, param) {
+  var map = {};
+  var dest = [];
+  var structureMap = [];
+  var storgeType = [];
+  for (var i = 0; i < arr.length; i++) {
+    var ai = arr[i];
+    if (ai[param] && !map[ai[param]]) {
+      dest.push({
+        name: ai[param],
+        data: [ai],
+      });
+      map[ai[param]] = ai;
+    } else if (!ai[param]) {
+      dest.push({
+        name: '基础属性',
+        data: [ai],
+      });
+      map[ai[param]] = ai;
+    } else {
+      for (var j = 0; j < dest.length; j++) {
+        var dj = dest[j];
+        if (dj.name == ai[param]) {
+          dj.data.push(ai);
+          break;
+        }
+      }
+    }
+  }
+  for (var k = 0; k < dest.length; k++) {
+    if (k == 0 && dest[k]?.name != '基础属性') {
+      storgeType = storgeType.concat(dest[k]?.data);
+      continue;
+    }
+    structureMap = structureMap.concat(dest[k]?.data);
+  }
+
+  storgeType.length != 0 ? structureMap.push(...storgeType) : null;
+  return structureMap;
+}

package/src/docs/common/tableView.css

@@ -0,0 +1,164 @@
+.tableview {
+  width: 700px;
+  table-layout: fixed;
+}
+.tr-width-1 {
+  width: 100px;
+}
+.tr-width-2 {
+  width: 200px;
+}
+.tr-width-3 {
+  width: 300px;
+}
+.tr-width-4 {
+  width: 400px;
+}
+.tr-width-6 {
+  width: 600px;
+}
+.tr-width-7 {
+  width: 700px;
+}
+.custom-table--body-wrapper.is-fixed {
+  overflow-y: hidden;
+}
+
+.custom-table--fixed-wrapper {
+  box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
+
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 800px;
+  background-color: #fff;
+}
+
+.custom-table td,
+.custom-table th {
+  white-space: nowrap;
+  overflow: hidden;
+  height: 42px;
+  padding: 2px !important;
+}
+.custom-table .table {
+  table-layout: fixed;
+  margin-bottom: 0;
+}
+/** 底部边框 */
+.custom-table::after {
+  content: '';
+  display: block;
+  height: 0px;
+  position: relative;
+  top: -1px;
+  border-bottom: 1px solid #ddd;
+}
+/** 右侧边框 */
+.custom-table::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  border-right: 1px solid #ddd;
+}
+.custom-table th.gutter {
+  width: 15px;
+  padding: 0;
+}
+.tea-table__header {
+  overflow: hidden;
+  margin-bottom: -18px;
+}
+.tea-table__box {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  position: relative;
+  border-spacing: 0px;
+}
+.tea-text-overflow,
+.tea-text-truncate {
+  display: flex;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  overflow: hidden;
+}
+.tea-table__header thead {
+  background-color: transparent;
+  border-width: 0px;
+  border-style: initial;
+  border-color: initial;
+  border-image: initial;
+}
+colgroup {
+  display: table-column-group;
+}
+.tea-table__box tr {
+  outline: none 0px;
+  transition: background-color 0.1s linear 0s;
+}
+.tea-table__box th {
+  position: relative;
+  padding: 10px;
+  border-bottom: 1px solid rgb(231, 234, 239);
+}
+.tea-table__box th > div {
+  position: relative;
+  color: rgb(0 0 0 / 77%);
+  padding: 0px;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 16px;
+  width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+.tea-table__box tr > td {
+  color: rgb(0 0 0);
+  padding: 10px;
+  vertical-align: middle;
+  font-size: 16px;
+  vertical-align: top;
+}
+.tea-table__box tr > td > code {
+  color: #c7254e;
+  font-size: 85%;
+  border: none;
+}
+.tea-text-overflow,
+.tea-text-truncate {
+  display: flex;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  overflow: hidden;
+}
+table {
+  display: table;
+  border-collapse: separate;
+  box-sizing: border-box;
+  text-indent: initial;
+  border-spacing: 2px;
+  border-color: grey;
+}
+.tea-table__body {
+  border-bottom: 1px solid rgb(207, 213, 222);
+  overflow: auto;
+}
+colgroup {
+  display: table-column-group;
+}
+col {
+  display: table-column;
+}
+.hash-link{
+  opacity: 0;
+    padding-left: 0.5rem;
+    transition: opacity var(--ifm-transition-fast);
+}