@cloudbase/weda-ui 2.0.12 → 2.0.28

package/src/docs/compsdocs/model/PageLayout.mdx

@@ -1,21 +0,0 @@
-# 布局组件
-
-## 适用场景
-
-用于构建带有顶部导航的页面布局
-
-## 使用说明
-
-组件顶部区域标题可自定义，中间内容插槽区域中可放入其他组件用于构建页面内容
-
-![](https://qcloudimg.tencent-cloud.cn/raw/5f6380288d48e9b12f7d906358965f11.png)
-
-## 属性介绍
-
-| 属性名   | 类型     | 属性分组 | 默认值   | 说明                   |
-| -------- | -------- | -------- | -------- | ---------------------- |
-| 页面标题 | `string` | 基础属性 | 页面标题 | 组件顶部显示的标题内容 |
-
-## 事件介绍
-
-无

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

@@ -1 +0,0 @@
-{ "label": "模型组件", "position": 75 }

package/src/docs/compsdocs/navmenu/Classification.mdx

@@ -1,37 +0,0 @@
-# 侧边导航面板
-
-<TableLayoutView
-  componentKey="Classification"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-使用侧边导航面板组件可以实现页面的左侧 Tab 切换效果，当在组件配置区点击新增标签时，在大纲树中会生成对应的**内容插槽**，我们可以通过在内容插槽中放置对应组件实现不同 Tab 的的内容构建，以下文为例:
-
-1. 在侧边导航面板组件的两个内容插槽中分别添加两个文本组件，并为两个文本组件设置不同的内容
-
-![](https://qcloudimg.tencent-cloud.cn/raw/0b5640a94e57826585ea975d66b1b56d.png)
-
-2. 可以看到，当进行 Tab 切换时，不同的 Tab 便呈现出了不同的文本组件内容
-
-![](https://qcloudimg.tencent-cloud.cn/raw/3b40f7e41c7e4b42c143119937e24996.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Classification"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Classification"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/navmenu/NavBar.mdx

@@ -1,52 +0,0 @@
-# 顶部导航
-
-<TableLayoutView
-  componentKey="NavBar"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-通过配置区进行简单的配置即可快速实现页面的顶部导航效果，同时该组件提供了返回上级页面与返回主页的功能，当在组件区开启对应配置时该组件便会渲染出对应的按钮，点击后即可实现对应的页面跳转。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/d96f3fbe60300da2c1eead0d6abbe4b6.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="NavBar"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="NavBar"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>
-
-## 限制说明
-
-1. 小程序使用时，需在页面设置-页面样式-小程序导航中奖导航栏样式切换为「自定义样式」，否则小程序页面上方会显示出 2 个导航栏，同时导航栏中间会留有不可消除的空白间距
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/4a22f88657f801a794fdbba6f9e515bc.png"
-     width="50%"
-   />
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/2d6075e2a9941a9cb8964c925253422d.png"
-     width="35%"
-   />
-
-2. 如需在小程序顶部额外附加一个样式合理的导航栏，或者小程序/H5 想实现更灵活的导航样式，推荐使用「页头容器」组件来进行导航栏的自定义
-
-   <img
-     src="https://qcloudimg.tencent-cloud.cn/raw/fac09e42ed3a833d5ee364c78d01fc44.png"
-     width="50%"
-   />

package/src/docs/compsdocs/navmenu/NavLayout.mdx

@@ -1,29 +0,0 @@
-# 宫格导航
-
-<TableLayoutView
-  componentKey="NavLayout"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-支持灵活定义各个导航项目的图标文字内容、跳转交互、PC/移动多端列数和各项细致完备的样式属性![](https://qcloudimg.tencent-cloud.cn/raw/85be8cc619042f1e16f58e4015ee0e67.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="NavLayout"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="NavLayout"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

package/src/docs/compsdocs/navmenu/TabBar.mdx

@@ -1,43 +0,0 @@
-# Tab 栏
-
-<TableLayoutView
-  componentKey="TabBar"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-通过组件配置区即可快速实现 Tab 栏的实现，Tab 栏除了基础的标题、图标配置外也可以通过配置区快速的实现页面跳转逻辑。
-
-### 设置选中页面
-
-1. 首先在配置区中进行选中页面的设置，以首页为例
-
-![](https://qcloudimg.tencent-cloud.cn/raw/291b8e10bd0efd58add639e2aae6d700.png)
-
-2. 随后为第一个 Tab 进行跳转页面-首页的相关配置
-
-![](https://qcloudimg.tencent-cloud.cn/raw/904e0f94800150671ac0bc7fc149f3d5.png)
-
-3. 可以看到，因为 Tab 的跳转页面与步骤 1 中设置的选中页面相同，该 Tab 的标题与图标便会变为激活状态。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/a2b7c6f347ab8889bdcefdb7a80702fa.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="TabBar"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="TabBar"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/navmenu/TabBarItem.mdx

@@ -1,29 +0,0 @@
-# Tab 元素
-
-<TableLayoutView
-  componentKey="TabBarItem"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-用于放置于 Tab 栏组件的插槽中使用
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="TabBarItem"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="TabBarItem"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1 +0,0 @@
-{ "label": "导航菜单", "position": 60 }

package/src/docs/compsdocs/senior/Lottery.mdx

@@ -1,45 +0,0 @@
-# 九宫格抽奖
-
-<TableLayoutView
-  componentKey="Lottery"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-1. 奖品配置，支持手动配置和数据源配置，最多支持 8 个奖品，不足 8 个奖品会有占位图显示，超过 8 个的无效。
-
-手动配置：
-
-![https://qcloudimg.tencent-cloud.cn/raw/3f5eb1b837c60c1b65f2a50ce19a5786.png](https://qcloudimg.tencent-cloud.cn/raw/3f5eb1b837c60c1b65f2a50ce19a5786.png)
-
-绑定数据源配置：
-
-![https://qcloudimg.tencent-cloud.cn/raw/d93012934fbb222dbafbf7e3bb981260.png](https://qcloudimg.tencent-cloud.cn/raw/d93012934fbb222dbafbf7e3bb981260.png)
-
-2. 设置启动抽奖为开始开关，如果设置为关闭则不会触发抽奖动作，抽奖过程成如果绑定数据源返回 false，立马停止。
-
-3. 设置抽奖希望的结果，支持 1-8，从左上角第一个奖品位置开始为 1，2，3……的奖品顺序，
-
-4. 点击开始抽奖页面，触发抽奖动画，开始后收到绑定数据抽奖的结果后动画逐渐停止，并且显示中奖的位置，如果收不到则超时后自动停止动画。
-
-![https://qcloudimg.tencent-cloud.cn/raw/a3e11d2daa54950a69b2c3d9862c57bb.png](https://qcloudimg.tencent-cloud.cn/raw/a3e11d2daa54950a69b2c3d9862c57bb.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Lottery"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件
-
-<TableLayoutView
-  componentKey="Lottery"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

package/src/docs/compsdocs/senior/Modal.mdx

@@ -1,57 +0,0 @@
-# 弹窗
-
-<TableLayoutView
-  componentKey="Modal"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-使用弹窗组件可以快速的实现页面的底部弹窗效果
-
-### 使用变量控制弹窗的展示/关闭
-
-在实际应用搭建过程中，我们经常会遇到点击按钮后弹出弹窗的场景，实现方式如下:
-
-1. 创建一个 boolean 类型的普通变量，并将默认值设置为 false
-
-![](https://qcloudimg.tencent-cloud.cn/raw/d0936c280bf26e86b192228eabe0d6ba.png)
-
-2. 将弹窗组件的”显示窗口“属性与上一步中创建的普通变量进行绑定，可以看到绑定完成后弹窗组件变为了隐藏状态
-
-![](https://qcloudimg.tencent-cloud.cn/raw/d5a02342da5974b88760a29ac4f931a5.png)
-
-3. 创建一个按钮组件，并为按钮组件配置点击时触发变量赋值方法，配置方式如下图所示:
-
-![](https://qcloudimg.tencent-cloud.cn/raw/a3fd1ea58c7be782150b5f169b80b75a.png)
-
-![](https://qcloudimg.tencent-cloud.cn/raw/42dac526443b92382bf97f00f0866b51.png)
-
-![](https://qcloudimg.tencent-cloud.cn/raw/9986419485249da37645203e5bd733bb.png)
-
-4. 配置完成后，在预览区点击按钮组件，可以看到弹窗成功被调起
-
-![](https://qcloudimg.tencent-cloud.cn/raw/07e104490813cfe2b36a98d46da67d96.png)
-
-弹窗组件同样需要通过变量实现关闭，实现方式与上文相似，通过弹窗的 close 事件进行变量赋值，实现弹窗的关闭
-
-![](https://qcloudimg.tencent-cloud.cn/raw/bce3e0097b032eafb9f4369561cf726f.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Modal"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Modal"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/senior/SlotMachine.mdx

@@ -1,49 +0,0 @@
-# 抽奖机
-
-<TableLayoutView
-  componentKey="SlotMachine"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-### 点击按钮实现抽奖机滚动
-
-1. 创建一个 boolean 类型的普通变量，并将初始值设为 false
-
-![](https://qcloudimg.tencent-cloud.cn/raw/ed5449e3a45eb731829250a660f85233.png)
-
-2. 在编辑区中添加一个抽奖机组件与一个按钮组件
-
-![](https://qcloudimg.tencent-cloud.cn/raw/91ab3e5aabdbf866c381c209c1bcdd66.png)
-
-3. 在抽奖机的组件配置区中将"立即开始滚动"绑定刚刚刚刚创建的模型变量并且将"刷新后重置"配置项开启
-
-![](https://qcloudimg.tencent-cloud.cn/raw/f5ae5c3482111168be601f4eb0609257.png)
-
-4. 为按钮组件配置点击时变量赋值的事件，将控制滚动的变量赋值为 true，如下图所示
-
-![](https://qcloudimg.tencent-cloud.cn/raw/05165c2b7b15309909aaf6e36129a3f9.png)
-
-5.保存完成后点击按钮，抽奖机便可以开始正常进行滚动
-
-![](https://qcloudimg.tencent-cloud.cn/raw/00e6ef563e9b1a94d9a22b05fd98ac2c.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="SlotMachine"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="SlotMachine"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1 +0,0 @@
-{ "label": "高级", "position": 70 }

package/src/docs/compsdocs/show/Calendar.mdx

@@ -1,29 +0,0 @@
-# 日历
-
-<TableLayoutView
-  componentKey="Calendar"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-展示配置属性中，可添加多个日期，将对应的日期进行置灰或打点标记![](https://qcloudimg.tencent-cloud.cn/raw/0e9258fd54a78f6031d5839b3c92de98.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Calendar"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Calendar"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/Divider.mdx

@@ -1,31 +0,0 @@
-# 分割线
-
-<TableLayoutView
-  componentKey="Divider"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-我们可以使用分割线组件实现页面功能模块之间的分割，如下图所示:
-
-![](https://qcloudimg.tencent-cloud.cn/raw/d1b43a05da18f0e1cd495a5466337452.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Divider"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Divider"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/GraphicCard.mdx

@@ -1,29 +0,0 @@
-# 图文卡片
-
-<TableLayoutView
-  componentKey="GraphicCard"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-支持灵活定义各个卡片的图片内容、跳转交互、PC/移动多端列数和各项细致完备的样式属性![](https://qcloudimg.tencent-cloud.cn/raw/b8f17cb3082fae4c432b2ff6646906a5.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="GraphicCard"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="GraphicCard"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/Item.mdx

@@ -1,31 +0,0 @@
-# 列表项
-
-<TableLayoutView
-  componentKey="Item"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-在配置区中对组件的各项属性进行自定义配置，即可快速实现常见的列表项展示效果。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/a2c76cf309c1b2146fbccc4a473ceaae.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Item"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Item"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/ItemList.mdx

@@ -1,48 +0,0 @@
-# 图文列表
-
-<TableLayoutView
-  componentKey="ItemList"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 使用说明
-
-### 手动实现多个列表配置
-
-图文列表组件支持通过在配置区中进行多条列表数据的快速生成。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/c8cd3588f4f28b642dec6b63467aa704.png)
-
-### 通过数据实现列表的自动生成
-
-通过配置区的**绑定数据源**按钮可实现列表的自动生成，方法如下:
-
-1. 点击配置区的**绑定数据源**按钮，进入数据源绑定模式![](https://qcloudimg.tencent-cloud.cn/raw/f22a5edf1163c5fc247ead58c8152c58.png)
-
-2. 推荐绑定以下格式的变量以实现从数据模型中获取列表数据
-
-   1. 变量类型：模型变量
-   2. 变量初始化方法：查询列表-内置
-   3. 绑定节点![](https://qcloudimg.tencent-cloud.cn/raw/113fbd81692a6c2f144a10fd0df69940.png)
-
-3. 绑定时选取「记录列表」节点![](/Users/tory/Library/Application Support/typora-user-images/image-20220405210624757.png)
-4. 变量绑定完成后，即可对各项属性进行模型变量字段的绑定，配置完成后即可根据模型变量中数据的条数实现列表的自动生成![](https://qcloudimg.tencent-cloud.cn/raw/7102be7820b867b3a33059d43d0e5973.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="ItemList"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="ItemList"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/Media.mdx

@@ -1,25 +0,0 @@
-# 图文展示项
-
-<TableLayoutView
-  componentKey="Media"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Media"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Media"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/StatusTip.mdx

@@ -1,25 +0,0 @@
-# 状态提示
-
-<TableLayoutView
-  componentKey="StatusTip"
-  type="description"
-  origin="lowCode"
-></TableLayoutView>
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="StatusTip"
-  type="attribute"
-  origin="lowCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="StatusTip"
-  type="event"
-  origin="lowCode"
-></TableLayoutView>

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

@@ -1,33 +0,0 @@
-# 轮播图
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-### 通过简单配置实现轮播图的展示效果
-
-仅需在组件配置区中进行简单配置即可实现轮播图的展示效果，也可以在配置区中为每一张图片设置其对应的跳转页面，同时在高级设置中我们支持对轮播图组件的播放动画、锚点等高级属性进行深度的自定义配置。
-
-![](https://qcloudimg.tencent-cloud.cn/raw/f569f0ab2f0f8245fa4a4104dbe6cd45.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Swiper"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

package/src/docs/compsdocs/show/Tabs.mdx

@@ -1,37 +0,0 @@
-# 选项卡
-
-<TableLayoutView
-  componentKey="Tabs"
-  type="description"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 使用说明
-
-使用选项卡组件可以实现页面的 Tab 切换效果，当在组件配置区点击新增选项卡标签时，在大纲树中会生成对应的**内容插槽**，我们可以通过在内容插槽中放置对应组件实现不同 Tab 的的内容构建，以下文为例:
-
-1. 在选项卡的两个内容插槽中分别添加两个文本组件，并为两个文本组件设置不同的内容
-
-![](https://qcloudimg.tencent-cloud.cn/raw/3c658b5899774da254d48c4098e4fa1e.png)
-
-2. 可以看到，当进行 Tab 切换时，不同的 Tab 便呈现出了不同的文本组件内容
-
-![](https://qcloudimg.tencent-cloud.cn/raw/e9a778473b16f915f72a075fb69625b5.png)
-
-## 属性介绍
-
-import TableLayoutView from '../../common/tableView';
-
-<TableLayoutView
-  componentKey="Tabs"
-  type="attribute"
-  origin="sourceCode"
-></TableLayoutView>
-
-## 事件介绍
-
-<TableLayoutView
-  componentKey="Tabs"
-  type="event"
-  origin="sourceCode"
-></TableLayoutView>

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

@@ -1 +0,0 @@
-{ "label": "展示", "position": 30 }