@cloudbase/weda-ui 0.2.17 → 2.0.8

package/src/docs/compsdocs/database/DataView.mdx

@@ -0,0 +1,33 @@
+# 数据详情
+
+<TableLayoutView
+  componentKey="DataView"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 将组件拖入到编辑器中后，可配置绑定的数据模型
+2. 当满足「数据筛选」配置的数据存在多条时，仅排序上第一条符合条件的数据，可被显示在组件上
+3. 「数据详情」组件内部的各个子组件，点击各项属性右侧的「数据绑定」按钮，可直接绑定数据模型中的字段，实现内容显示或逻辑控制
+
+![](https://qcloudimg.tencent-cloud.cn/raw/b121a7a952f6bef54e5f6c3404b69674.png)
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="DataView"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="DataView"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>

package/src/docs/compsdocs/database/ListView.mdx

@@ -0,0 +1,33 @@
+# 数据列表
+
+<TableLayoutView
+  componentKey="ListView"
+  type="description"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 将组件拖入到编辑器中后，可配置绑定的数据模型，并控制数据排序顺序与数据筛选条件
+2. 可通过「模板属性」切换不同的列表模板，满足不同的前端内部布局需求，如模板内容不满足业务需求，用户可自行在数据列表中放入其他组件，并进行布局调整
+3. 「数据列表」组件内部的各个子组件，点击各项属性右侧的「数据绑定」按钮，可直接绑定数据模型中的字段，实现内容显示或逻辑控制
+
+![](https://qcloudimg.tencent-cloud.cn/raw/124afa30717e679d69e842794d4b2e8e.png)
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="ListView"
+  type="attribute"
+  origin="sourceCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="ListView"
+  type="event"
+  origin="sourceCode"
+></TableLayoutView>

package/src/docs/compsdocs/database/_category_.json

@@ -0,0 +1 @@
+{ "label": "数据容器", "position": 80 }

package/src/docs/compsdocs/form/Form.mdx

@@ -0,0 +1,35 @@
+# 表单容器
+
+<TableLayoutView
+  componentKey="Form"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 配置「表单场景」，选择所需数据源后，表单容器会根据数据源字段类型自动生成对应的表单组件和提交按钮
+
+   ![](https://qcloudimg.tencent-cloud.cn/raw/71a4ffe3db68a55864ece31b1e2c6f92.png)
+
+2. 如需更新数据，则需在编辑器中创建初始化方法为「单条更新」的模型变量，并在组件「表单场景」中选择新增记录场景，并绑定该变量
+
+3. 「表单初始值」属性用于渲染表单内容的初始值，仅页面加载时有效，后续调整该值将不再生效
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="Form"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="Form"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormCheckbox.mdx

@@ -0,0 +1,35 @@
+# 多选
+
+<TableLayoutView
+  componentKey="FormCheckbox"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+3. 点击选项列表的「绑定数据源」按钮，启用数据源绑定模式，可绑定数组格式的变量，实现选项数据的动态渲染
+
+   ![https://qcloudimg.tencent-cloud.cn/raw/2bc4c77f7470bf5f89538b33f17bf6e2.png](https://qcloudimg.tencent-cloud.cn/raw/2bc4c77f7470bf5f89538b33f17bf6e2.png)
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormCheckbox"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormCheckbox"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormDate.mdx

@@ -0,0 +1,30 @@
+# 日期选择
+
+<TableLayoutView
+  componentKey="FormDate"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormDate"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormDate"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormEmail.mdx

@@ -0,0 +1,30 @@
+# 表单邮箱
+
+<TableLayoutView
+  componentKey="FormEmail"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormEmail"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormEmail"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormImageUploader.mdx

@@ -0,0 +1,31 @@
+# 图片上传
+
+<TableLayoutView
+  componentKey="FormImageUploader"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+3. 字段绑定属性选择的字段为「图片」类型时，仅允许上传单张图片；选择的字段为数组类型，并且该数组的元素类型为图片时，允许上传多张图片
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormImageUploader"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormImageUploader"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormInput.mdx

@@ -0,0 +1,30 @@
+# 单行输入
+
+<TableLayoutView
+  componentKey="FormInput"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormInput"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormInput"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormLocation.mdx

@@ -0,0 +1,64 @@
+# 地图定位
+
+<TableLayoutView
+  componentKey="FormLocation"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+### 生成方式
+
+方式一：在数据模型内设置“地理位置”类型的字段，在编辑器内拖入表单容器，绑定该数据模型，即可自动生成。
+
+方式二：在组件库内直接拖入表单容器，在组件库内拖入地图定位组件，地图定位需在表单容器内。通过[变量绑定](https://cloud.tencent.com/document/product/1301/69302)的方式实现组件与数据模型的数据交互。
+
+### 配置指引
+
+- 地图定位组件需进行地图配置才可使用，点击地图配置，选择腾讯地图连接器。若无连接器，请先新建腾讯地图连接器，具体请参考[腾讯地图连接器](https://cloud.tencent.com/document/product/1301/68448)
+
+- 小程序端使用，请打开低码编辑器的获取权限代码，如图所示:
+  <img
+    src="https://qcloudimg.tencent-cloud.cn/raw/180f6d1e7363f137b377e990d1676699.jpg"
+    width="60%"
+  ></img>
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormLocation"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormLocation"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>
+
+## 限制说明
+
+1. 小程序应用会调用微信官方的[wx.chooseLocation](https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.chooseLocation.html)和[wx.getLocation](https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html)接口实现定位，需符合小程序限制的类目要求（具体类目在小程序wx.getLocation文档中进行了介绍 [点击查看](https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html)），并在[微信公众平台](https://mp.weixin.qq.com/)中的「开发」-「开发管理」-「接口设置」模块中，自助开通「打开地图选择位置」和「获取当前的地理位置、速度」接口的权限。![](https://qcloudimg.tencent-cloud.cn/raw/bca4e5d6700f9b16094988b5a97a66fb.png)
+2. 由于小程序接口限制，小程序下选择用户当前位置，初始化不能获取详细位置。
+
+## 异常情况说明
+
+浏览器定位失败的几种情况：
+
+1）**Browser not Support html5 geolocation**：浏览器不支持原生定位接口，如 IE 较低版本的浏览器等。
+
+2）**Geolocation permission denied**：用户禁用了定位权限，需要用户开启设备和浏览器的定位权限，并在浏览器弹窗中点击“允许使用定位”选项。
+
+3）**Geolocation permission denied**：浏览器禁止了非安全域的定位请求，比如 Chrome、IOS10 已陆续禁止，这时候需要升级站点到 HTTPS。注意 Chrome 不会禁止 localhost 等域名 HTTP 协议下的定位。
+
+4）**Geolocation permission denied**：Access to geolocation was blocked over secure connection with mixed content，也就是在 Https 的页面中引用的 http 的资源。
+
+5）**Get geolocation time out**：浏览器定位超时，包括原生的超时，可以适当增加超时属性的设定值以减少这一现象，另外还有个别浏览器（如 google Chrome 浏览器等）本身的定位接口是黑洞，通过其请求定位完全没有回应，也会超时返回失败。
+
+6）**Get geolocation failed**：定位失败，Chrome、火狐以及部分套壳浏览器接入的定位服务在国外，有较大限制，失败率高。

package/src/docs/compsdocs/form/FormPhone.mdx

@@ -0,0 +1,30 @@
+# 表单电话
+
+<TableLayoutView
+  componentKey="FormPhone"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormPhone"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormPhone"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormRadio.mdx

@@ -0,0 +1,35 @@
+# 单选
+
+<TableLayoutView
+  componentKey="FormRadio"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+3. 点击选项列表的「绑定数据源」按钮，启用数据源绑定模式，可绑定数组格式的变量，实现选项数据的动态渲染
+
+   ![https://qcloudimg.tencent-cloud.cn/raw/2bc4c77f7470bf5f89538b33f17bf6e2.png](https://qcloudimg.tencent-cloud.cn/raw/2bc4c77f7470bf5f89538b33f17bf6e2.png)
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormRadio"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormRadio"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormRegion.mdx

@@ -0,0 +1,30 @@
+# 地区选择
+
+<TableLayoutView
+  componentKey="FormMutiRegion"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormMutiRegion"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormMutiRegion"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormSelect.mdx

@@ -0,0 +1,36 @@
+# 下拉选择
+
+<TableLayoutView
+  componentKey="FormSelect"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+3. 点击选项列表的「绑定数据源」按钮，启用数据源绑定模式，可绑定数组格式的变量，实现选项数据的动态渲染
+
+   ![](https://qcloudimg.tencent-cloud.cn/raw/2bc4c77f7470bf5f89538b33f17bf6e2.png)
+
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormSelect"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormSelect"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormSwitch.mdx

@@ -0,0 +1,30 @@
+# 开关
+
+<TableLayoutView
+  componentKey="FormSwitch"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormSwitch"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormSwitch"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormTextarea.mdx

@@ -0,0 +1,30 @@
+# 多行输入
+
+<TableLayoutView
+  componentKey="FormTextarea"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormTextarea"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormTextarea"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormTime.mdx

@@ -0,0 +1,30 @@
+# 时间选择
+
+<TableLayoutView
+  componentKey="FormTime"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormTime"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormTime"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormUploadFile.mdx

@@ -0,0 +1,30 @@
+# 文件上传
+
+<TableLayoutView
+  componentKey="FormUploadFile"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormUploadFile"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormUploadFile"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/FormUrl.mdx

@@ -0,0 +1,30 @@
+# URL 地址
+
+<TableLayoutView
+  componentKey="FormUrl"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+1. 放入「表单容器」组件后，可实现数据源数据的提交与显示
+2. 当父级表单容器组件已经绑定数据源后，利用「字段绑定」属性可绑定该数据源中的字段，实现新增/查看/更新对应字段的数据
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="FormUrl"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="FormUrl"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>

package/src/docs/compsdocs/form/_category_.json

@@ -0,0 +1 @@
+{ "label": "表单", "position": 20 }

package/src/docs/compsdocs/grid/Card.mdx

@@ -0,0 +1,32 @@
+# 卡片布局
+
+<TableLayoutView
+  componentKey="Card"
+  type="description"
+  origin="lowCode"
+></TableLayoutView>
+
+## 使用说明
+
+垂直布局组件可以通过在其自带的插槽中插入组件，实现标准的纵向布局效果。
+
+![](https://qcloudimg.tencent-cloud.cn/raw/66af38eb338dab6a1d7ff9d2d48e48ff.png)
+
+
+## 属性介绍
+
+import TableLayoutView from '../../common/tableView';
+
+<TableLayoutView
+  componentKey="Card"
+  type="attribute"
+  origin="lowCode"
+></TableLayoutView>
+
+## 事件介绍
+
+<TableLayoutView
+  componentKey="Card"
+  type="event"
+  origin="lowCode"
+></TableLayoutView>