@cloudbase/weda-ui 2.0.12 → 2.0.26

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

@@ -1,64 +0,0 @@
-# 地图定位
-
-<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

@@ -1,30 +0,0 @@
-# 表单电话
-
-<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

@@ -1,35 +0,0 @@
-# 单选
-
-<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

@@ -1,30 +0,0 @@
-# 地区选择
-
-<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

@@ -1,35 +0,0 @@
-# 下拉选择
-
-<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

@@ -1,30 +0,0 @@
-# 开关
-
-<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

@@ -1,30 +0,0 @@
-# 多行输入
-
-<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

@@ -1,30 +0,0 @@
-# 时间选择
-
-<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

@@ -1,30 +0,0 @@
-# 文件上传
-
-<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

@@ -1,30 +0,0 @@
-# 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

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

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

@@ -1,31 +0,0 @@
-# 卡片布局
-
-<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>

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

@@ -1,41 +0,0 @@
-# 普通容器
-
-<TableLayoutView
-  componentKey="Container"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-普通容器存在多种使用场景，对于应用的搭建有着重要的作用
-
-### 使用普通容器进行组件样式的统一控制
-
-普通容器常被作为其他组件的父级节点进行使用，当普通容器的样式属性修改时，其子节点的组件也会随之进行修改
-
-![](https://qcloudimg.tencent-cloud.cn/raw/6789641ff7a752b2cb2fe77c94fdeb3a.png)
-
-### 使用普通容器进行组件的循环遍历展示
-
-我们可以将普通容器绑定循环后，实现其子节点组件的循环展示，如下图所示，具体操作方式可参考文档: [组件循环说明](https://cloud.tencent.com/document/product/1301/58434)
-
-![](https://qcloudimg.tencent-cloud.cn/raw/9cdb80ecd07ea73cbdb0c644cb788208.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Container"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Container"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

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

@@ -1,31 +0,0 @@
-# 页脚容器
-
-<TableLayoutView
-  componentKey="Footer"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-当组件放置在页脚容器中时，组件位置便会固定展示在页面的底部。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/2f2c5df2b1072ded515e033fde785f19.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Footer"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Footer"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,31 +0,0 @@
-# 网格布局
-
-<TableLayoutView
-  componentKey="GridLayout"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-网格布局组件可以通过配置区生成对应比例的插槽，用于帮助更好的实现横向的排列效果。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/6ed4e14bb69eede45c745c845f6f6675.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="GridLayout"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="GridLayout"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,31 +0,0 @@
-# 页头容器
-
-<TableLayoutView
-  componentKey="Header"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-当组件放置在页头容器中时，组件位置便会固定展示在页面的顶部，常用于展示标题。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/91fcc54d14e1440773fb68ec294bcfc1.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Header"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Header"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,25 +0,0 @@
-# 垂直布局
-
-<TableLayoutView
-  componentKey="Layout"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Layout"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Layout"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,31 +0,0 @@
-# 分组列表容器
-
-<TableLayoutView
-  componentKey="List"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-使用分组列表容器的自带插槽即可快速的实现列表的分组效果，常与**列表项**组件配合使用。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/f0ada7b2b47704710b9d14b0e009a9a3.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="List"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="List"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,37 +0,0 @@
-# 滚动容器
-
-<TableLayoutView
-  componentKey="ScrollView"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-滚动容器可以实现页面或功能模块的滚动效果，当滚动容器内组件内容占用的总宽度/高度大于滚动容器本身的宽度/高度时，便会出现滚动条，通过滑动滚动条滑动来查看容器内的全部内容，示例如下:
-
-1. 拖入一个滚动容器组件，将高度设置为 300
-
-![](https://qcloudimg.tencent-cloud.cn/raw/15e8ca4864efeda01609b062fc867675.png)
-
-2. 在滚动容器中添加三个图片组件，每个图片组件的高度设为 200，这样容器内的组件高度便大于了容器本身的高度，滚动条出现。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/aca40c58815769adad57f551b994a8fe.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="ScrollView"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="ScrollView"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

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

@@ -1,57 +0,0 @@
-# 轮播容器
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用方法
-
-### 通过数据源数据/变量控制对轮播图的展示内容进行控制
-
-当存在需要使用数据进行轮播图内容管理的场景下，我们可以使用轮播容器组件实现，操作方式如下:
-
-1. 在编辑区中添加一个轮播容器组件，并将图片组件添加轮播容器的子节点下
-
-![](https://qcloudimg.tencent-cloud.cn/raw/a21ba8b333eea0ca66a89e395c772edc.png)
-
-2. 为图片组件通过绑定循环功能，绑定用来控制轮播图内容的循环/普通变量，绑定完成后轮播图即可根据变量中的数据进行渲染
-
-![](https://qcloudimg.tencent-cloud.cn/raw/e713f95b5ae74eb7b55a1ac7c683a1e3.png)
-
-### 使用轮播容器实现高级的轮播场景
-
-我们可以使用轮播容器实现更为复杂的轮播场景，如下图所示:
-
-![](https://qcloudimg.tencent-cloud.cn/raw/3e8f4b15877539b0fb8a6e49fd5ccf5b.png)
-
-1. 为轮播容器的子节点下添加普通容器组件，并在普通容器组件的子节点下添加图片以及按钮组件
-
-![](https://qcloudimg.tencent-cloud.cn/raw/06b7e81713821bf352763ef9ceda52b5.png)
-
-2. 设置按钮组件的定位模式为**固定**，并进行位置的调整后即可实现类似的复杂轮播场景。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/293a179b0b2ed580c97d4e0ba9dcc5a3.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 组件使用限制
-
-需注意，由于小程序端样式限制问题，轮播容器中的图片高度不得设置为 auto，否则将无法渲染。