@cloudbase/weda-ui 2.0.11 → 2.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/package.json +39 -35
- package/src/configs/components/button.json +60 -13
- package/src/configs/components/calendar.json +3 -3
- package/src/configs/components/carousel.json +57 -47
- package/src/configs/components/chart/bar.json +4 -13
- package/src/configs/components/chart/line.json +4 -13
- package/src/configs/components/chart/pie.json +3 -10
- package/src/configs/components/chart/statisticsCard.json +1 -4
- package/src/configs/components/container.json +1 -3
- package/src/configs/components/dataView.json +7 -15
- package/src/configs/components/drawer.json +24 -6
- package/src/configs/components/form/form.json +19 -0
- package/src/configs/components/form/input.json +20 -5
- package/src/configs/components/form/location.json +51 -48
- package/src/configs/components/form/radio.json +1 -3
- package/src/configs/components/form/richText.json +14 -14
- package/src/configs/components/form/select.json +62 -82
- package/src/configs/components/form/textarea.json +14 -1
- package/src/configs/components/form/uploader.json +64 -64
- package/src/configs/components/form/uploaderFile.json +1 -2
- package/src/configs/components/graphicCard.json +44 -45
- package/src/configs/components/image.json +44 -40
- package/src/configs/components/link.json +5 -10
- package/src/configs/components/listView.json +2 -8
- package/src/configs/components/lottery.json +7 -3
- package/src/configs/components/modal.json +26 -21
- package/src/configs/components/navLayout.json +68 -68
- package/src/configs/components/navigationBar.json +4 -1
- package/src/configs/components/richtextview.json +1 -1
- package/src/configs/components/scrollVeiw.json +14 -42
- package/src/configs/components/swiper.json +9 -9
- package/src/configs/components/wedaVideo.json +89 -0
- package/src/configs/components/wxOpenApi/phone.json +7 -21
- package/src/configs/components/wxOpenApi/phoneCode.json +7 -19
- package/src/configs/components/wxOpenApi/share.json +14 -24
- package/src/configs/components/wxOpenApi/userInfo.json +9 -27
- package/src/configs/index.js +2 -0
- package/src/mp/components/calendar/index.js +4 -1
- package/src/mp/components/calendar/index.json +3 -2
- package/src/mp/components/calendar/index.wxml +6 -28
- package/src/mp/components/calendar/index.wxss +17 -16
- package/src/mp/components/carousel/index.json +1 -1
- package/src/mp/components/carousel/index.wxml +3 -30
- package/src/mp/components/chart/bar/index.wxml +1 -6
- package/src/mp/components/chart/ec-canvas/ec-canvas.json +1 -1
- package/src/mp/components/chart/ec-canvas/ec-canvas.wxml +2 -19
- package/src/mp/components/chart/line/index.wxml +1 -6
- package/src/mp/components/chart/pie/index.wxml +1 -6
- package/src/mp/components/chart/statisticsCard/index.wxml +1 -5
- package/src/mp/components/chart/statisticsCard/index.wxss +7 -10
- package/src/mp/components/dataView/index.wxml +1 -13
- package/src/mp/components/form/checkbox/index.js +5 -1
- package/src/mp/components/form/checkbox/index.wxml +3 -18
- package/src/mp/components/form/formcell/index.wxss +5 -0
- package/src/mp/components/form/input/index.js +1 -1
- package/src/mp/components/form/input/index.wxml +3 -16
- package/src/mp/components/form/input/index.wxss +7 -1
- package/src/mp/components/form/location/components/mapChoose/index.json +1 -1
- package/src/mp/components/form/location/components/mapChoose/index.wxml +11 -58
- package/src/mp/components/form/location/index.js +7 -1
- package/src/mp/components/form/location/index.json +1 -1
- package/src/mp/components/form/location/index.wxml +7 -43
- package/src/mp/components/form/radio/index.js +5 -1
- package/src/mp/components/form/radio/index.wxml +2 -14
- package/src/mp/components/form/select/index.js +2 -2
- package/src/mp/components/form/select/index.wxml +3 -33
- package/src/mp/components/form/select/index.wxss +9 -0
- package/src/mp/components/form/switch/index.wxml +2 -13
- package/src/mp/components/form/textarea/index.js +6 -0
- package/src/mp/components/form/textarea/index.wxml +4 -23
- package/src/mp/components/form/textarea/index.wxss +5 -0
- package/src/mp/components/form/uploader/index.wxml +2 -20
- package/src/mp/components/form/uploader/weui-uploader.json +6 -6
- package/src/mp/components/form/uploader/weui-uploader.wxml +10 -53
- package/src/mp/components/form/uploaderFile/index.wxml +14 -71
- package/src/mp/components/graphicCard/index.js +9 -11
- package/src/mp/components/graphicCard/index.wxml +6 -34
- package/src/mp/components/graphicCard/index.wxss +6 -6
- package/src/mp/components/image/index.wxml +3 -21
- package/src/mp/components/listView/index.wxml +8 -33
- package/src/mp/components/listView/index.wxss +2 -2
- package/src/mp/components/lottery/index.wxml +7 -31
- package/src/mp/components/navLayout/index.js +9 -12
- package/src/mp/components/navLayout/index.wxml +6 -30
- package/src/mp/components/navLayout/index.wxss +10 -10
- package/src/mp/components/navigationBar/index.json +1 -2
- package/src/mp/components/navigationBar/index.wxml +29 -146
- package/src/mp/components/navigationBar/index.wxss +10 -10
- package/src/mp/components/richText/index.wxml +1 -1
- package/src/mp/components/richText/index.wxss +7 -5
- package/src/mp/components/swiper/index.wxml +1 -14
- package/src/mp/components/tabs/index.json +1 -1
- package/src/mp/components/tabs/index.wxml +3 -22
- package/src/mp/components/tabs/index.wxss +1 -2
- package/src/mp/components/text/index.wxml +1 -7
- package/src/mp/components/wedaVideo/index.js +86 -0
- package/src/mp/components/wedaVideo/index.json +4 -0
- package/src/mp/components/wedaVideo/index.wxml +4 -0
- package/src/mp/components/wedaVideo/index.wxss +20 -0
- package/src/mp/components/wxOpenApi/phone/index.js +1 -9
- package/src/mp/components/wxOpenApi/phone/index.wxml +1 -11
- package/src/mp/components/wxOpenApi/phoneCode/index.json +1 -1
- package/src/mp/components/wxOpenApi/phoneCode/index.wxml +1 -11
- package/src/mp/components/wxOpenApi/share/index.wxml +1 -11
- package/src/mp/components/wxOpenApi/userInfo/index.wxml +1 -10
- package/src/mp/index.json +1 -0
- package/src/mp/style/weda-ui.wxss +16 -6
- package/src/web/actions/showModal/index.tsx +5 -4
- package/src/web/components/calendar/index.css +99 -65
- package/src/web/components/chart/common/core/eChartBase.ts +55 -42
- package/src/web/components/chart/common/core/type.ts +23 -23
- package/src/web/components/chart/common/echart.css +12 -12
- package/src/web/components/chart/common/echarts.ts +3 -5
- package/src/web/components/chart/common/useChart.tsx +34 -16
- package/src/web/components/chart/statisticsCard/index.css +9 -8
- package/src/web/components/container/index.tsx +3 -4
- package/src/web/components/drawer/index.tsx +15 -4
- package/src/web/components/form/checkbox/index.tsx +32 -31
- package/src/web/components/form/enumSelect/NormalSelect.tsx +0 -2
- package/src/web/components/form/form/index.css +3 -6
- package/src/web/components/form/form/index.tsx +2 -1
- package/src/web/components/form/formcell/index.css +6 -17
- package/src/web/components/form/formcell/index.tsx +2 -6
- package/src/web/components/form/input/index.css +8 -4
- package/src/web/components/form/input/index.tsx +61 -53
- package/src/web/components/form/location/common/mapChoose.css +13 -11
- package/src/web/components/form/location/common/selectModal.jsx +2 -11
- package/src/web/components/form/location/common/useLocationInfo.js +4 -0
- package/src/web/components/form/location/components/LocationH5/index.css +19 -20
- package/src/web/components/form/location/components/LocationH5/location.h5.jsx +11 -1
- package/src/web/components/form/location/components/LocationPC/Header.jsx +0 -13
- package/src/web/components/form/location/components/LocationPC/location.PC.jsx +14 -5
- package/src/web/components/form/radio/index.tsx +32 -26
- package/src/web/components/form/renderDecorator.tsx +23 -26
- package/src/web/components/form/select/h5.tsx +2 -2
- package/src/web/components/form/select/index.css +9 -0
- package/src/web/components/form/select/index.tsx +76 -49
- package/src/web/components/form/select/region/index.ts +101 -80
- package/src/web/components/form/select/year.tsx +2 -0
- package/src/web/components/form/switch/index.tsx +40 -40
- package/src/web/components/form/textarea/index.css +4 -0
- package/src/web/components/form/textarea/index.tsx +38 -25
- package/src/web/components/form/types.d.ts +10 -10
- package/src/web/components/form/uploader/index.css +10 -0
- package/src/web/components/form/uploader/uploader.h5.tsx +3 -6
- package/src/web/components/form/uploader/uploader.pc.tsx +3 -6
- package/src/web/components/form/uploaderFile/index.css +24 -23
- package/src/web/components/form/uploaderFile/index.jsx +0 -5
- package/src/web/components/form/uploaderFile/uploadFile.h5.tsx +24 -15
- package/src/web/components/form/uploaderFile/uploadFile.pc.tsx +21 -13
- package/src/web/components/graphicCard/index.css +6 -6
- package/src/web/components/image/image.tsx +2 -2
- package/src/web/components/image/index.css +9 -7
- package/src/web/components/image/index.tsx +28 -11
- package/src/web/components/index.js +1 -0
- package/src/web/components/link/index.tsx +12 -12
- package/src/web/components/listView/index.css +8 -8
- package/src/web/components/lottery/index.css +43 -37
- package/src/web/components/lottery/index.tsx +3 -3
- package/src/web/components/modal/index.tsx +34 -34
- package/src/web/components/navLayout/index.css +25 -25
- package/src/web/components/navigationBar/index.css +26 -26
- package/src/web/components/picker/datePicker.tsx +3 -3
- package/src/web/components/picker/picker.tsx +3 -3
- package/src/web/components/richText/index.jsx +41 -46
- package/src/web/components/richTextView/index.css +7 -3
- package/src/web/components/richTextView/index.tsx +4 -6
- package/src/web/components/scrollView/index.tsx +2 -2
- package/src/web/components/slot/index.tsx +3 -4
- package/src/web/components/swiper/index.css +1 -1
- package/src/web/components/swiper/index.tsx +33 -15
- package/src/web/components/tabs/index.css +2 -3
- package/src/web/components/tabs/index.tsx +6 -6
- package/src/web/components/tabs/tabs.h5.tsx +17 -12
- package/src/web/components/tabs/tabs.pc.tsx +45 -34
- package/src/web/components/text/index.css +1 -1
- package/src/web/components/wedaVideo/index.css +42 -0
- package/src/web/components/wedaVideo/index.tsx +208 -0
- package/src/web/utils/constant.ts +2 -1
- package/src/web/utils/loading-fallback.tsx +2 -2
- package/src/web/utils/lodash.ts +1 -1
- package/src/web/utils/platform.js +13 -0
- package/src/web/utils/useSetState.ts +6 -2
- package/src/web/weda-ui.css +23 -8
- package/src/docs/common/format.tsx +0 -112
- package/src/docs/common/tableView.css +0 -164
- package/src/docs/common/tableView.tsx +0 -273
- package/src/docs/compsdocs/chart/Bar.mdx +0 -159
- package/src/docs/compsdocs/chart/Line.mdx +0 -100
- package/src/docs/compsdocs/chart/Pie.mdx +0 -83
- package/src/docs/compsdocs/chart/_category_.json +0 -1
- package/src/docs/compsdocs/chart/statisticsCard.mdx +0 -51
- package/src/docs/compsdocs/database/DataView.mdx +0 -33
- package/src/docs/compsdocs/database/ListView.mdx +0 -33
- package/src/docs/compsdocs/database/_category_.json +0 -1
- package/src/docs/compsdocs/form/Form.mdx +0 -35
- package/src/docs/compsdocs/form/FormCheckbox.mdx +0 -35
- package/src/docs/compsdocs/form/FormDate.mdx +0 -30
- package/src/docs/compsdocs/form/FormEmail.mdx +0 -30
- package/src/docs/compsdocs/form/FormImageUploader.mdx +0 -31
- package/src/docs/compsdocs/form/FormInput.mdx +0 -30
- package/src/docs/compsdocs/form/FormLocation.mdx +0 -64
- package/src/docs/compsdocs/form/FormPhone.mdx +0 -30
- package/src/docs/compsdocs/form/FormRadio.mdx +0 -35
- package/src/docs/compsdocs/form/FormRegion.mdx +0 -30
- package/src/docs/compsdocs/form/FormSelect.mdx +0 -36
- package/src/docs/compsdocs/form/FormSwitch.mdx +0 -30
- package/src/docs/compsdocs/form/FormTextarea.mdx +0 -30
- package/src/docs/compsdocs/form/FormTime.mdx +0 -30
- package/src/docs/compsdocs/form/FormUploadFile.mdx +0 -30
- package/src/docs/compsdocs/form/FormUrl.mdx +0 -30
- package/src/docs/compsdocs/form/_category_.json +0 -1
- package/src/docs/compsdocs/grid/Card.mdx +0 -32
- package/src/docs/compsdocs/grid/Container.mdx +0 -42
- package/src/docs/compsdocs/grid/Footer.mdx +0 -31
- package/src/docs/compsdocs/grid/GridLayout.mdx +0 -32
- package/src/docs/compsdocs/grid/Header.mdx +0 -31
- package/src/docs/compsdocs/grid/Layout.mdx +0 -25
- package/src/docs/compsdocs/grid/List.mdx +0 -31
- package/src/docs/compsdocs/grid/ScrollView.mdx +0 -37
- package/src/docs/compsdocs/grid/Swiper.mdx +0 -58
- package/src/docs/compsdocs/grid/_category_.json +0 -1
- package/src/docs/compsdocs/media/Icon.mdx +0 -31
- package/src/docs/compsdocs/media/Image.mdx +0 -55
- package/src/docs/compsdocs/media/_category_.json +0 -1
- package/src/docs/compsdocs/model/ModelCreate.mdx +0 -20
- package/src/docs/compsdocs/model/ModelDetail.mdx +0 -20
- package/src/docs/compsdocs/model/ModelTable.mdx +0 -24
- package/src/docs/compsdocs/model/ModelUpdate.mdx +0 -21
- package/src/docs/compsdocs/model/PageLayout.mdx +0 -21
- package/src/docs/compsdocs/model/_category_.json +0 -1
- package/src/docs/compsdocs/navmenu/Classification.mdx +0 -38
- package/src/docs/compsdocs/navmenu/NavBar.mdx +0 -43
- package/src/docs/compsdocs/navmenu/NavLayout.mdx +0 -30
- package/src/docs/compsdocs/navmenu/TabBar.mdx +0 -43
- package/src/docs/compsdocs/navmenu/TabBarItem.mdx +0 -29
- package/src/docs/compsdocs/navmenu/_category_.json +0 -1
- package/src/docs/compsdocs/senior/Lottery.mdx +0 -48
- package/src/docs/compsdocs/senior/Modal.mdx +0 -58
- package/src/docs/compsdocs/senior/SlotMachine.mdx +0 -52
- package/src/docs/compsdocs/senior/_category_.json +0 -1
- package/src/docs/compsdocs/show/Calendar.mdx +0 -29
- package/src/docs/compsdocs/show/Divider.mdx +0 -31
- package/src/docs/compsdocs/show/GraphicCard.mdx +0 -30
- package/src/docs/compsdocs/show/Item.mdx +0 -32
- package/src/docs/compsdocs/show/ItemList.mdx +0 -47
- package/src/docs/compsdocs/show/Media.mdx +0 -25
- package/src/docs/compsdocs/show/StatusTip.mdx +0 -25
- package/src/docs/compsdocs/show/Swiper.mdx +0 -33
- package/src/docs/compsdocs/show/Tabs.mdx +0 -38
- package/src/docs/compsdocs/show/_category_.json +0 -1
- package/src/docs/compsdocs/show/button.mdx +0 -25
- package/src/docs/compsdocs/text/Link.mdx +0 -43
- package/src/docs/compsdocs/text/RichTextView.mdx +0 -36
- package/src/docs/compsdocs/text/Text.mdx +0 -31
- package/src/docs/compsdocs/text/Title.mdx +0 -32
- package/src/docs/compsdocs/text/_category_.json +0 -1
- package/src/docs/compsdocs/wxOpen/Phone.mdx +0 -60
- package/src/docs/compsdocs/wxOpen/Share.mdx +0 -46
- package/src/docs/compsdocs/wxOpen/UserInfo.mdx +0 -60
- package/src/docs/compsdocs/wxOpen/_category_.json +0 -4
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
# 顶部导航
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="NavBar"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
通过配置区进行简单的配置即可快速实现页面的顶部导航效果，同时该组件提供了返回上级页面与返回主页的功能，当在组件区开启对应配置时该组件便会渲染出对应的按钮，点击后即可实现对应的页面跳转。
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
## 属性介绍
|
|
16
|
-
|
|
17
|
-
import TableLayoutView from '../../common/tableView';
|
|
18
|
-
|
|
19
|
-
<TableLayoutView
|
|
20
|
-
componentKey="NavBar"
|
|
21
|
-
type="attribute"
|
|
22
|
-
origin="lowCode"
|
|
23
|
-
></TableLayoutView>
|
|
24
|
-
|
|
25
|
-
## 事件介绍
|
|
26
|
-
|
|
27
|
-
<TableLayoutView
|
|
28
|
-
componentKey="NavBar"
|
|
29
|
-
type="event"
|
|
30
|
-
origin="lowCode"
|
|
31
|
-
></TableLayoutView>
|
|
32
|
-
|
|
33
|
-
## 限制说明
|
|
34
|
-
|
|
35
|
-
1. 小程序使用时，需在页面设置-页面样式-小程序导航中奖导航栏样式切换为「自定义样式」，否则小程序页面上方会显示出2个导航栏，同时导航栏中间会留有不可消除的空白间距
|
|
36
|
-
|
|
37
|
-
<img src="https://qcloudimg.tencent-cloud.cn/raw/4a22f88657f801a794fdbba6f9e515bc.png" width="50%" />
|
|
38
|
-
|
|
39
|
-
<img src="https://qcloudimg.tencent-cloud.cn/raw/2d6075e2a9941a9cb8964c925253422d.png" width="35%"/>
|
|
40
|
-
|
|
41
|
-
2. 如需在小程序顶部额外附加一个样式合理的导航栏，或者小程序/H5想实现更灵活的导航样式，推荐使用「页头容器」组件来进行导航栏的自定义
|
|
42
|
-
|
|
43
|
-
<img src="https://qcloudimg.tencent-cloud.cn/raw/fac09e42ed3a833d5ee364c78d01fc44.png" width="50%"/>
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# 宫格导航
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="NavLayout"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
支持灵活定义各个导航项目的图标文字内容、跳转交互、PC/移动多端列数和各项细致完备的样式属性
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
## 属性介绍
|
|
15
|
-
|
|
16
|
-
import TableLayoutView from '../../common/tableView';
|
|
17
|
-
|
|
18
|
-
<TableLayoutView
|
|
19
|
-
componentKey="NavLayout"
|
|
20
|
-
type="attribute"
|
|
21
|
-
origin="sourceCode"
|
|
22
|
-
></TableLayoutView>
|
|
23
|
-
|
|
24
|
-
## 事件介绍
|
|
25
|
-
|
|
26
|
-
<TableLayoutView
|
|
27
|
-
componentKey="NavLayout"
|
|
28
|
-
type="event"
|
|
29
|
-
origin="sourceCode"
|
|
30
|
-
></TableLayoutView>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
# Tab 栏
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="TabBar"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
通过组件配置区即可快速实现Tab栏的实现，Tab栏除了基础的标题、图标配置外也可以通过配置区快速的实现页面跳转逻辑。
|
|
12
|
-
|
|
13
|
-
### 设置选中页面
|
|
14
|
-
|
|
15
|
-
1. 首先在配置区中进行选中页面的设置，以首页为例
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
2. 随后为第一个Tab进行跳转页面-首页的相关配置
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
3. 可以看到，因为Tab的跳转页面与步骤1中设置的选中页面相同，该Tab的标题与图标便会变为激活状态。
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## 属性介绍
|
|
28
|
-
|
|
29
|
-
import TableLayoutView from '../../common/tableView';
|
|
30
|
-
|
|
31
|
-
<TableLayoutView
|
|
32
|
-
componentKey="TabBar"
|
|
33
|
-
type="attribute"
|
|
34
|
-
origin="lowCode"
|
|
35
|
-
></TableLayoutView>
|
|
36
|
-
|
|
37
|
-
## 事件介绍
|
|
38
|
-
|
|
39
|
-
<TableLayoutView
|
|
40
|
-
componentKey="TabBar"
|
|
41
|
-
type="event"
|
|
42
|
-
origin="lowCode"
|
|
43
|
-
></TableLayoutView>
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# Tab 元素
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="TabBarItem"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
用于放置于Tab栏组件的插槽中使用
|
|
12
|
-
|
|
13
|
-
## 属性介绍
|
|
14
|
-
|
|
15
|
-
import TableLayoutView from '../../common/tableView';
|
|
16
|
-
|
|
17
|
-
<TableLayoutView
|
|
18
|
-
componentKey="TabBarItem"
|
|
19
|
-
type="attribute"
|
|
20
|
-
origin="lowCode"
|
|
21
|
-
></TableLayoutView>
|
|
22
|
-
|
|
23
|
-
## 事件介绍
|
|
24
|
-
|
|
25
|
-
<TableLayoutView
|
|
26
|
-
componentKey="TabBarItem"
|
|
27
|
-
type="event"
|
|
28
|
-
origin="lowCode"
|
|
29
|
-
></TableLayoutView>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{ "label": "导航菜单", "position": 60 }
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
# 九宫格抽奖
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Lottery"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
1. 奖品配置，支持手动配置和数据源配置，最多支持8个奖品，不足8个奖品会有占位图显示，超过8个的无效。
|
|
12
|
-
|
|
13
|
-
手动配置：
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
绑定数据源配置：
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
2. 设置启动抽奖为开始开关，如果设置为关闭则不会触发抽奖动作，抽奖过程成如果绑定数据源返回false，立马停止。
|
|
22
|
-
|
|
23
|
-
3. 设置抽奖希望的结果，支持1-8，从左上角第一个奖品位置开始为1，2，3……的奖品顺序，
|
|
24
|
-
|
|
25
|
-
4. 点击开始抽奖页面，触发抽奖动画，开始后收到绑定数据抽奖的结果后动画逐渐停止，并且显示中奖的位置，如果收不到则超时后自动停止动画。
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## 属性介绍
|
|
30
|
-
|
|
31
|
-
import TableLayoutView from '../../common/tableView';
|
|
32
|
-
|
|
33
|
-
<TableLayoutView
|
|
34
|
-
componentKey="Lottery"
|
|
35
|
-
type="attribute"
|
|
36
|
-
origin="sourceCode"
|
|
37
|
-
></TableLayoutView>
|
|
38
|
-
|
|
39
|
-
## 事件
|
|
40
|
-
|
|
41
|
-
<TableLayoutView
|
|
42
|
-
componentKey="Lottery"
|
|
43
|
-
type="event"
|
|
44
|
-
origin="sourceCode"
|
|
45
|
-
></TableLayoutView>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
# 弹窗
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Modal"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
使用弹窗组件可以快速的实现页面的底部弹窗效果
|
|
12
|
-
|
|
13
|
-
### 使用变量控制弹窗的展示/关闭
|
|
14
|
-
|
|
15
|
-
在实际应用搭建过程中，我们经常会遇到点击按钮后弹出弹窗的场景，实现方式如下:
|
|
16
|
-
|
|
17
|
-
1. 创建一个boolean类型的普通变量，并将默认值设置为false
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
2. 将弹窗组件的”显示窗口“属性与上一步中创建的普通变量进行绑定，可以看到绑定完成后弹窗组件变为了隐藏状态
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
3. 创建一个按钮组件，并为按钮组件配置点击时触发变量赋值方法，配置方式如下图所示:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
4. 配置完成后，在预览区点击按钮组件，可以看到弹窗成功被调起
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
弹窗组件同样需要通过变量实现关闭，实现方式与上文相似，通过弹窗的close事件进行变量赋值，实现弹窗的关闭
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
## 属性介绍
|
|
43
|
-
|
|
44
|
-
import TableLayoutView from '../../common/tableView';
|
|
45
|
-
|
|
46
|
-
<TableLayoutView
|
|
47
|
-
componentKey="Modal"
|
|
48
|
-
type="attribute"
|
|
49
|
-
origin="lowCode"
|
|
50
|
-
></TableLayoutView>
|
|
51
|
-
|
|
52
|
-
## 事件介绍
|
|
53
|
-
|
|
54
|
-
<TableLayoutView
|
|
55
|
-
componentKey="Modal"
|
|
56
|
-
type="event"
|
|
57
|
-
origin="lowCode"
|
|
58
|
-
></TableLayoutView>
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
# 抽奖机
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="SlotMachine"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
### 点击按钮实现抽奖机滚动
|
|
12
|
-
|
|
13
|
-
1. 创建一个boolean类型的普通变量，并将初始值设为false
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
2. 在编辑区中添加一个抽奖机组件与一个按钮组件
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
3. 在抽奖机的组件配置区中将"立即开始滚动"绑定刚刚刚刚创建的模型变量并且将"刷新后重置"配置项开启
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
4. 为按钮组件配置点击时变量赋值的事件，将控制滚动的变量赋值为true，如下图所示
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
5.保存完成后点击按钮，抽奖机便可以开始正常进行滚动
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
## 属性介绍
|
|
37
|
-
|
|
38
|
-
import TableLayoutView from '../../common/tableView';
|
|
39
|
-
|
|
40
|
-
<TableLayoutView
|
|
41
|
-
componentKey="SlotMachine"
|
|
42
|
-
type="attribute"
|
|
43
|
-
origin="lowCode"
|
|
44
|
-
></TableLayoutView>
|
|
45
|
-
|
|
46
|
-
## 事件介绍
|
|
47
|
-
|
|
48
|
-
<TableLayoutView
|
|
49
|
-
componentKey="SlotMachine"
|
|
50
|
-
type="event"
|
|
51
|
-
origin="lowCode"
|
|
52
|
-
></TableLayoutView>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{ "label": "高级", "position": 70}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# 日历
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Calendar"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
展示配置属性中，可添加多个日期，将对应的日期进行置灰或打点标记
|
|
12
|
-
|
|
13
|
-
## 属性介绍
|
|
14
|
-
|
|
15
|
-
import TableLayoutView from '../../common/tableView';
|
|
16
|
-
|
|
17
|
-
<TableLayoutView
|
|
18
|
-
componentKey="Calendar"
|
|
19
|
-
type="attribute"
|
|
20
|
-
origin="sourceCode"
|
|
21
|
-
></TableLayoutView>
|
|
22
|
-
|
|
23
|
-
## 事件介绍
|
|
24
|
-
|
|
25
|
-
<TableLayoutView
|
|
26
|
-
componentKey="Calendar"
|
|
27
|
-
type="event"
|
|
28
|
-
origin="sourceCode"
|
|
29
|
-
></TableLayoutView>
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
# 分割线
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Divider"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
我们可以使用分割线组件实现页面功能模块之间的分割，如下图所示:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
## 属性介绍
|
|
16
|
-
|
|
17
|
-
import TableLayoutView from '../../common/tableView';
|
|
18
|
-
|
|
19
|
-
<TableLayoutView
|
|
20
|
-
componentKey="Divider"
|
|
21
|
-
type="attribute"
|
|
22
|
-
origin="lowCode"
|
|
23
|
-
></TableLayoutView>
|
|
24
|
-
|
|
25
|
-
## 事件介绍
|
|
26
|
-
|
|
27
|
-
<TableLayoutView
|
|
28
|
-
componentKey="Divider"
|
|
29
|
-
type="event"
|
|
30
|
-
origin="lowCode"
|
|
31
|
-
></TableLayoutView>
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
# 图文卡片
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="GraphicCard"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
支持灵活定义各个卡片的图片内容、跳转交互、PC/移动多端列数和各项细致完备的样式属性
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
## 属性介绍
|
|
15
|
-
|
|
16
|
-
import TableLayoutView from '../../common/tableView';
|
|
17
|
-
|
|
18
|
-
<TableLayoutView
|
|
19
|
-
componentKey="GraphicCard"
|
|
20
|
-
type="attribute"
|
|
21
|
-
origin="sourceCode"
|
|
22
|
-
></TableLayoutView>
|
|
23
|
-
|
|
24
|
-
## 事件介绍
|
|
25
|
-
|
|
26
|
-
<TableLayoutView
|
|
27
|
-
componentKey="GraphicCard"
|
|
28
|
-
type="event"
|
|
29
|
-
origin="sourceCode"
|
|
30
|
-
></TableLayoutView>
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
# 列表项
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Item"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
在配置区中对组件的各项属性进行自定义配置，即可快速实现常见的列表项展示效果。
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
## 属性介绍
|
|
17
|
-
|
|
18
|
-
import TableLayoutView from '../../common/tableView';
|
|
19
|
-
|
|
20
|
-
<TableLayoutView
|
|
21
|
-
componentKey="Item"
|
|
22
|
-
type="attribute"
|
|
23
|
-
origin="lowCode"
|
|
24
|
-
></TableLayoutView>
|
|
25
|
-
|
|
26
|
-
## 事件介绍
|
|
27
|
-
|
|
28
|
-
<TableLayoutView
|
|
29
|
-
componentKey="Item"
|
|
30
|
-
type="event"
|
|
31
|
-
origin="lowCode"
|
|
32
|
-
></TableLayoutView>
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
# 图文列表
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="ItemList"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
### 手动实现多个列表配置
|
|
12
|
-
|
|
13
|
-
图文列表组件支持通过在配置区中进行多条列表数据的快速生成。
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### 通过数据实现列表的自动生成
|
|
18
|
-
|
|
19
|
-
通过配置区的**绑定数据源**按钮可实现列表的自动生成，方法如下:
|
|
20
|
-
|
|
21
|
-
1. 点击配置区的**绑定数据源**按钮，进入数据源绑定模式
|
|
22
|
-
|
|
23
|
-
2. 推荐绑定以下格式的变量以实现从数据模型中获取列表数据
|
|
24
|
-
1. 变量类型：模型变量
|
|
25
|
-
2. 变量初始化方法：查询列表-内置
|
|
26
|
-
3. 绑定节点
|
|
27
|
-
|
|
28
|
-
3. 绑定时选取「记录列表」节点
|
|
29
|
-
4. 变量绑定完成后，即可对各项属性进行模型变量字段的绑定，配置完成后即可根据模型变量中数据的条数实现列表的自动生成
|
|
30
|
-
|
|
31
|
-
## 属性介绍
|
|
32
|
-
|
|
33
|
-
import TableLayoutView from '../../common/tableView';
|
|
34
|
-
|
|
35
|
-
<TableLayoutView
|
|
36
|
-
componentKey="ItemList"
|
|
37
|
-
type="attribute"
|
|
38
|
-
origin="lowCode"
|
|
39
|
-
></TableLayoutView>
|
|
40
|
-
|
|
41
|
-
## 事件介绍
|
|
42
|
-
|
|
43
|
-
<TableLayoutView
|
|
44
|
-
componentKey="ItemList"
|
|
45
|
-
type="event"
|
|
46
|
-
origin="lowCode"
|
|
47
|
-
></TableLayoutView>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
# 图文展示项
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Media"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 属性介绍
|
|
10
|
-
|
|
11
|
-
import TableLayoutView from '../../common/tableView';
|
|
12
|
-
|
|
13
|
-
<TableLayoutView
|
|
14
|
-
componentKey="Media"
|
|
15
|
-
type="attribute"
|
|
16
|
-
origin="lowCode"
|
|
17
|
-
></TableLayoutView>
|
|
18
|
-
|
|
19
|
-
## 事件介绍
|
|
20
|
-
|
|
21
|
-
<TableLayoutView
|
|
22
|
-
componentKey="Media"
|
|
23
|
-
type="event"
|
|
24
|
-
origin="lowCode"
|
|
25
|
-
></TableLayoutView>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
# 状态提示
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="StatusTip"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 属性介绍
|
|
10
|
-
|
|
11
|
-
import TableLayoutView from '../../common/tableView';
|
|
12
|
-
|
|
13
|
-
<TableLayoutView
|
|
14
|
-
componentKey="StatusTip"
|
|
15
|
-
type="attribute"
|
|
16
|
-
origin="lowCode"
|
|
17
|
-
></TableLayoutView>
|
|
18
|
-
|
|
19
|
-
## 事件介绍
|
|
20
|
-
|
|
21
|
-
<TableLayoutView
|
|
22
|
-
componentKey="StatusTip"
|
|
23
|
-
type="event"
|
|
24
|
-
origin="lowCode"
|
|
25
|
-
></TableLayoutView>
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
# 轮播图
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Swiper"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
### 通过简单配置实现轮播图的展示效果
|
|
12
|
-
|
|
13
|
-
仅需在组件配置区中进行简单配置即可实现轮播图的展示效果，也可以在配置区中为每一张图片设置其对应的跳转页面，同时在高级设置中我们支持对轮播图组件的播放动画、锚点等高级属性进行深度的自定义配置。
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
## 属性介绍
|
|
18
|
-
|
|
19
|
-
import TableLayoutView from '../../common/tableView';
|
|
20
|
-
|
|
21
|
-
<TableLayoutView
|
|
22
|
-
componentKey="Swiper"
|
|
23
|
-
type="attribute"
|
|
24
|
-
origin="sourceCode"
|
|
25
|
-
></TableLayoutView>
|
|
26
|
-
|
|
27
|
-
## 事件介绍
|
|
28
|
-
|
|
29
|
-
<TableLayoutView
|
|
30
|
-
componentKey="Swiper"
|
|
31
|
-
type="event"
|
|
32
|
-
origin="sourceCode"
|
|
33
|
-
></TableLayoutView>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
# 选项卡
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Tabs"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="sourceCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 使用说明
|
|
10
|
-
|
|
11
|
-
使用选项卡组件可以实现页面的Tab切换效果，当在组件配置区点击新增选项卡标签时，在大纲树中会生成对应的**内容插槽**，我们可以通过在内容插槽中放置对应组件实现不同Tab的的内容构建，以下文为例:
|
|
12
|
-
|
|
13
|
-
1. 在选项卡的两个内容插槽中分别添加两个文本组件，并为两个文本组件设置不同的内容
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
2. 可以看到，当进行Tab切换时，不同的Tab便呈现出了不同的文本组件内容
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## 属性介绍
|
|
23
|
-
|
|
24
|
-
import TableLayoutView from '../../common/tableView';
|
|
25
|
-
|
|
26
|
-
<TableLayoutView
|
|
27
|
-
componentKey="Tabs"
|
|
28
|
-
type="attribute"
|
|
29
|
-
origin="sourceCode"
|
|
30
|
-
></TableLayoutView>
|
|
31
|
-
|
|
32
|
-
## 事件介绍
|
|
33
|
-
|
|
34
|
-
<TableLayoutView
|
|
35
|
-
componentKey="Tabs"
|
|
36
|
-
type="event"
|
|
37
|
-
origin="sourceCode"
|
|
38
|
-
></TableLayoutView>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{ "label": "展示", "position": 30 }
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
# 按钮
|
|
2
|
-
|
|
3
|
-
<TableLayoutView
|
|
4
|
-
componentKey="Button"
|
|
5
|
-
type="description"
|
|
6
|
-
origin="lowCode"
|
|
7
|
-
></TableLayoutView>
|
|
8
|
-
|
|
9
|
-
## 属性
|
|
10
|
-
|
|
11
|
-
import TableLayoutView from '../../common/tableView';
|
|
12
|
-
|
|
13
|
-
<TableLayoutView
|
|
14
|
-
componentKey="Button"
|
|
15
|
-
type="attribute"
|
|
16
|
-
origin="lowCode"
|
|
17
|
-
></TableLayoutView>
|
|
18
|
-
|
|
19
|
-
## 事件
|
|
20
|
-
|
|
21
|
-
<TableLayoutView
|
|
22
|
-
componentKey="Button"
|
|
23
|
-
type="event"
|
|
24
|
-
origin="lowCode"
|
|
25
|
-
></TableLayoutView>
|