Skip to content

Commit f143439

Browse files
QiuShuiBaiQiuShuiBai
committed
feat(rn): rn demo
1 parent 92167d1 commit f143439

File tree

10 files changed

+9347
-2181
lines changed

10 files changed

+9347
-2181
lines changed

‎example/ReactNativeProject/index.js‎

Lines changed: 9144 additions & 2054 deletions
Large diffs are not rendered by default.

‎example/app.mpx‎

Lines changed: 55 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -3,55 +3,70 @@
33
<style lang="stylus">
44
.page
55
height 100%
6+
background-color yellow
67

8+
/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') */
9+
/* @mpx-else */
710
::-webkit-scrollbar {
811
width: 0;
912
background: transparent;
1013
}
14+
/* @mpx-endif */
15+
16+
.cube-btn
17+
--cube-btn-primary-bgc: blue
18+
.cube-btn-primary
19+
--cube-btn-primary-bgc: yellow
1120
</style>
1221

13-
<script type="application/json">
14-
{
15-
"pages": [
16-
"./pages/index",
17-
"./pages/button/index",
18-
"./pages/collapse/index",
19-
"./pages/icon/index",
20-
"./pages/button-group/index",
21-
"./pages/divider/index",
22-
"./pages/toast/index",
23-
"./pages/popup/index",
24-
"./pages/modal/index",
25-
"./pages/dialog/index",
26-
"./pages/tip/index",
27-
"./pages/picker/index",
28-
"./pages/picker-popup/index",
29-
"./pages/picker-modal/index",
30-
"./pages/cascade-picker/index",
31-
"./pages/cascade-picker-popup/index",
32-
"./pages/cascade-picker-modal/index",
33-
"./pages/date-picker/index",
34-
"./pages/date-picker-popup/index",
35-
"./pages/date-picker-modal/index",
36-
"./pages/time-picker/index",
37-
"./pages/time-picker-popup/index",
38-
"./pages/time-picker-modal/index",
39-
"./pages/segment-picker/index",
40-
"./pages/radio/index",
41-
"./pages/radio-group/index",
42-
"./pages/radio-modal/index",
43-
"./pages/checkbox/index",
44-
"./pages/checkbox-group/index",
45-
"./pages/checkbox-modal/index",
46-
"./pages/textarea/index",
47-
"./pages/float-ball/index",
48-
"./pages/rate/index",
49-
"./pages/switch/index",
50-
"./pages/loading/index",
51-
"./pages/input/index",
52-
"./pages/action-sheet/index"
22+
<script name="json">
23+
let pages = [
24+
"./pages/index",
25+
"./pages/button/index",
26+
"./pages/collapse/index",
27+
"./pages/icon/index",
28+
"./pages/button-group/index",
29+
"./pages/divider/index",
30+
"./pages/toast/index",
31+
"./pages/popup/index",
32+
"./pages/modal/index",
33+
"./pages/dialog/index",
34+
"./pages/tip/index",
35+
"./pages/picker/index",
36+
"./pages/picker-popup/index",
37+
"./pages/picker-modal/index",
38+
"./pages/cascade-picker/index",
39+
"./pages/cascade-picker-popup/index",
40+
"./pages/cascade-picker-modal/index",
41+
"./pages/date-picker/index",
42+
"./pages/date-picker-popup/index",
43+
"./pages/date-picker-modal/index",
44+
"./pages/time-picker/index",
45+
"./pages/time-picker-popup/index",
46+
"./pages/time-picker-modal/index",
47+
"./pages/segment-picker/index",
48+
"./pages/radio/index",
49+
"./pages/radio-group/index",
50+
"./pages/radio-modal/index",
51+
"./pages/checkbox/index",
52+
"./pages/checkbox-group/index",
53+
"./pages/checkbox-modal/index",
54+
"./pages/textarea/index",
55+
"./pages/float-ball/index",
56+
"./pages/rate/index",
57+
"./pages/switch/index",
58+
"./pages/loading/index",
59+
"./pages/input/index",
60+
"./pages/action-sheet/index"
61+
]
62+
if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
63+
pages = [
64+
"./pages/index"
5365
]
5466
}
67+
module.exports = {
68+
pages
69+
}
5570
</script>
5671

5772
<!-- "renderer": "skyline",

‎example/components/theme-container/index.mpx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,20 @@
77
<script>
88
import { createComponent } from '@mpxjs/core'
99
import { useTheme } from '../../common/theme'
10+
import { REACTHOOKSEXEC } from '@mpxjs/core'
11+
import { useContext } from 'react'
12+
import { VarContext } from '@mpxjs/webpack-plugin/lib/runtime/components/react/dist/context'
1013

1114
createComponent({
15+
data: {
16+
varContext: {}
17+
},
18+
[REACTHOOKSEXEC]() {
19+
const varContext = useContext(VarContext)
20+
if (this.varContext !== varContext) {
21+
this.varContext = varContext
22+
}
23+
},
1224
setup() {
1325
const { themeType } = useTheme()
1426
return {

‎example/pages/index.mpx‎

Lines changed: 75 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<theme-container>
2+
<theme-container enable-var="{{true}}">
33
<scroll-view
44
class="introduce"
55
wx:style="{{ { opacity: Number(show) } }}"
@@ -11,7 +11,10 @@
1111
<view class="logo"></view>
1212
</view>
1313
<view class="description">基于“Mpx小程序框架”的移动端组件库</view>
14-
<view class="theme">选择主题样式：<cube-button inline primary bindclick="onChooseTheme">{{ themeText }}</cube-button></view>
14+
<view class="btn-wrapper">
15+
<view class="theme">选择主题样式：</view>
16+
<cubeButton enable-var="{{true}}" inline="{{ true }}" primary="{{ true }}" bindclick="onChooseTheme">{{ themeText }}</cubeButton>
17+
</view>
1518
<view class="list-item" wx:for="{{componentList}}" wx:key="index">
1619
<view class="list-item-name">{{ item.name }}</view>
1720
<view
@@ -38,72 +41,83 @@
3841

3942
<script lang="ts" src="./index.ts"></script>
4043

41-
<style lang="stylus">
42-
@require '@mpxjs/mpx-cube-ui/src/common/stylus/mixin.styl'
44+
<style lang="stylus" scoped>
45+
@require '@mpxjs/mpx-cube-ui/src/common/stylus/mixin.styl'
4346

44-
.introduce
45-
box-sizing border-box
46-
position relative
47-
padding 6px 20px 6px 20px
48-
background-color #f7f8fa
49-
height 100 vh
50-
width 100 vw
51-
.title
52-
display flex
53-
align-items center
54-
justify-content center
55-
margin-bottom 0
56-
border none
57-
padding 15px
58-
.logo
59-
width 60px
60-
height 69px
61-
background-image url("data:image/png;base64,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")
62-
background-size 100%
63-
background-repeat no-repeat
64-
.description
65-
margin 0 0 40px
66-
color #969799
67-
font-size 14px
68-
font-weight 400
69-
line-height 1.6
70-
text-align center
71-
.theme
72-
font-size 14px
73-
margin-bottom 20px
74-
padding-left 12px
75-
.list-item
76-
color #969799
77-
.list-item-name
78-
font-size 14px
79-
padding-left 20px
80-
margin-bottom 10px
81-
.component-item
82-
position: relative
83-
display: flex
84-
margin: 0 0 12px
85-
padding-left: 20px
86-
font-weight: 600
87-
font-size: 14px
88-
line-height: 40px
89-
border-radius: 99px
90-
transition: opacity.3s
91-
color #2c3e50
92-
background-color #fff
93-
cursor pointer
94-
.icon
95-
position absolute
96-
top 50%
97-
transform translateY(-50%)
98-
right 16px
99-
color #ccc
47+
.introduce
48+
box-sizing border-box
49+
position relative
50+
padding 6px 20px 6px 20px
51+
background-color #f7f8fa
52+
height 100vh
53+
width 100vw
54+
.title
55+
display flex
56+
align-items center
57+
justify-content center
58+
margin-bottom 0
59+
/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') */
60+
borderWidth: 0
61+
/* @mpx-else */
62+
border none
63+
/* @mpx-endif */
64+
padding 15px
65+
.logo
66+
width 60px
67+
height 69px
68+
background-image url("data:image/png;base64,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")
69+
background-size 100%
70+
background-repeat no-repeat
71+
.description
72+
margin 0 0 40px
73+
color #969799
74+
font-size 14px
75+
font-weight 400
76+
line-height 1.6
77+
text-align center
78+
.btn-wrapper
79+
display: flex
80+
align-items: center
81+
margin-bottom: 20px
82+
.theme
83+
font-size 14px
84+
padding-left 12px
85+
margin-right 20px
86+
.list-item
87+
color #969799
88+
.list-item-name
89+
font-size 14px
90+
padding-left 20px
91+
margin-bottom 10px
92+
.component-item
93+
position: relative
94+
display: flex
95+
margin: 0 0 12px
96+
padding-left: 20px
97+
font-weight: 600
98+
font-size: 14px
99+
line-height: 40px
100+
border-radius: 99px
101+
/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') */
102+
/* @mpx-else */
103+
transition: opacity .3s
104+
/* @mpx-endif */
105+
color #2c3e50
106+
background-color #fff
107+
cursor pointer
108+
.icon
109+
position absolute
110+
top 50%
111+
transform translateY(-50%)
112+
right 16px
113+
color #ccc
100114
</style>
101115

102116
<script type="application/json">
103117
{
104118
"usingComponents": {
105119
"theme-container": "../components/theme-container/index.mpx",
106-
"cube-button": "@mpxjs/mpx-cube-ui/src/components/button/index.mpx",
120+
"cubeButton": "@mpxjs/mpx-cube-ui/src/components/button/index.mpx",
107121
"cube-icon": "@mpxjs/mpx-cube-ui/src/components/icon/index",
108122
"cube-picker-modal": "@mpxjs/mpx-cube-ui/src/components/picker-modal/index"
109123
}

‎example/pages/tip/tip.mpx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,8 +75,8 @@ createComponent({
7575
margin 70px auto
7676
text-align center
7777
line-height 1
78-
.cube-tip-icon
79-
font-size 30px
78+
.cube-tip-icon
79+
font-size 30px
8080
</style>
8181

8282
<script type="application/json">

‎example/themes/driver-variables.styl‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,7 +103,6 @@
103103
--cube-dialog-title-default-margin-left: 16px
104104
--cube-dialog-title-default-margin-right: 16px
105105
--cube-dialog-title-default-margin-bottom: 0
106-
--cube-dialog-title-color: $color-biz-dark-grey
107106
--cube-dialog-title-margin-top: 24px
108107
--cube-dialog-title-def-color: $color-dark-grey-s
109108
--cube-dialog-title-def-font-size: $font-size-3xl
@@ -238,7 +237,11 @@
238237
--cube-toast-tip-font-size: 15px
239238
--cube-toast-tip-margin-left: 6px
240239
--cube-toast-tip-margin-bottom: 0px
240+
/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') */
241+
--cube-toast-tip-max-width: 180px
242+
/* @mpx-else */
241243
--cube-toast-tip-max-width: 12em
244+
/* @mpx-endif */
242245
--cube-toast-tip-max-height: 40px
243246

244247
--cube-toast-tip-font-weight: unset

0 commit comments

Comments
 (0)