@ray-js/components 0.6.14 → 0.6.15

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.
Files changed (82) hide show
  1. package/lib/Progress/Progress.d.ts +4 -0
  2. package/lib/Progress/Progress.js +13 -0
  3. package/lib/Progress/Progress.thing.d.ts +4 -0
  4. package/lib/Progress/Progress.thing.js +17 -0
  5. package/lib/Progress/Progress.wechat.d.ts +4 -0
  6. package/lib/Progress/Progress.wechat.js +17 -0
  7. package/lib/Progress/index.d.ts +3 -0
  8. package/lib/Progress/index.js +2 -0
  9. package/lib/index.d.ts +1 -1
  10. package/lib/index.js +2 -2
  11. package/package.json +4 -4
  12. package/lib/Button/index.md +0 -41
  13. package/lib/Camera/index.md +0 -48
  14. package/lib/Checkbox/index.md +0 -34
  15. package/lib/CheckboxGroup/index.md +0 -37
  16. package/lib/CoverView/index.md +0 -26
  17. package/lib/DatePicker/index.md +0 -38
  18. package/lib/Form/index.md +0 -30
  19. package/lib/Icon/index.md +0 -33
  20. package/lib/Image/index.md +0 -50
  21. package/lib/Input/index.md +0 -43
  22. package/lib/IpcPlayer/index.md +0 -82
  23. package/lib/Label/index.md +0 -31
  24. package/lib/LinearGradient/index.md +0 -34
  25. package/lib/Map/index.md +0 -126
  26. package/lib/Modal/index.md +0 -33
  27. package/lib/Motion/Fade/index.d.ts +0 -4
  28. package/lib/Motion/Fade/index.js +0 -28
  29. package/lib/Motion/Fade/index.thing.d.ts +0 -4
  30. package/lib/Motion/Fade/index.thing.js +0 -78
  31. package/lib/Motion/Fade/index.wechat.d.ts +0 -4
  32. package/lib/Motion/Fade/index.wechat.js +0 -78
  33. package/lib/Motion/PullUp/index.d.ts +0 -4
  34. package/lib/Motion/PullUp/index.js +0 -28
  35. package/lib/Motion/PullUp/index.thing.d.ts +0 -4
  36. package/lib/Motion/PullUp/index.thing.js +0 -82
  37. package/lib/Motion/PullUp/index.wechat.d.ts +0 -4
  38. package/lib/Motion/PullUp/index.wechat.js +0 -82
  39. package/lib/Motion/PushDown/index.d.ts +0 -4
  40. package/lib/Motion/PushDown/index.js +0 -28
  41. package/lib/Motion/PushDown/index.thing.d.ts +0 -4
  42. package/lib/Motion/PushDown/index.thing.js +0 -82
  43. package/lib/Motion/PushDown/index.wechat.d.ts +0 -4
  44. package/lib/Motion/PushDown/index.wechat.js +0 -82
  45. package/lib/Motion/ScaleFadeIn/index.d.ts +0 -4
  46. package/lib/Motion/ScaleFadeIn/index.js +0 -28
  47. package/lib/Motion/ScaleFadeIn/index.thing.d.ts +0 -4
  48. package/lib/Motion/ScaleFadeIn/index.thing.js +0 -83
  49. package/lib/Motion/ScaleFadeIn/index.wechat.d.ts +0 -4
  50. package/lib/Motion/ScaleFadeIn/index.wechat.js +0 -83
  51. package/lib/Motion/ScalePullDown/index.d.ts +0 -4
  52. package/lib/Motion/ScalePullDown/index.js +0 -28
  53. package/lib/Motion/ScalePullDown/index.thing.d.ts +0 -4
  54. package/lib/Motion/ScalePullDown/index.thing.js +0 -103
  55. package/lib/Motion/ScalePullDown/index.wechat.d.ts +0 -4
  56. package/lib/Motion/ScalePullDown/index.wechat.js +0 -103
  57. package/lib/Motion/index.d.ts +0 -14
  58. package/lib/Motion/index.js +0 -14
  59. package/lib/Motion/index.md +0 -69
  60. package/lib/Motion/props.d.ts +0 -97
  61. package/lib/Motion/props.js +0 -62
  62. package/lib/MovableArea/index.md +0 -23
  63. package/lib/MovableView/index.md +0 -61
  64. package/lib/NativeVideo/index.md +0 -74
  65. package/lib/PageContainer/index.md +0 -42
  66. package/lib/Picker/index.md +0 -37
  67. package/lib/PickerView/index.md +0 -33
  68. package/lib/PickerViewColumn/index.md +0 -23
  69. package/lib/RadialGradient/index.md +0 -34
  70. package/lib/Radio/index.md +0 -30
  71. package/lib/RadioGroup/index.md +0 -41
  72. package/lib/RichText/index.md +0 -117
  73. package/lib/ScrollView/index.md +0 -37
  74. package/lib/Slider/index.md +0 -63
  75. package/lib/Swiper/index.md +0 -44
  76. package/lib/SwiperItem/index.md +0 -23
  77. package/lib/Switch/index.md +0 -31
  78. package/lib/Text/index.md +0 -29
  79. package/lib/Textarea/index.md +0 -46
  80. package/lib/TimePicker/index.md +0 -37
  81. package/lib/View/index.md +0 -33
  82. package/lib/WebView/index.md +0 -33
@@ -1,117 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 基础组件
7
- ---
8
-
9
- # RichText
10
-
11
- 富文本。
12
-
13
- ## 导入
14
-
15
- ```js
16
- import { RichText } from '@ray-js/components'
17
- ```
18
-
19
- ## 示例代码
20
-
21
- <code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6" height="500px" />
22
-
23
- ## 属性说明
24
-
25
- | 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
26
- | ------ | ------------ | ------ | ---- | -------------------- | -------- |
27
- | nodes | array/string | [] | 否 | 节点列表/HTML String | Web |
28
-
29
- ### nodes
30
-
31
- 现支持两种节点,通过 type 来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的 HTML 节点 \*元素节点:type = node\*\*
32
-
33
- | 属性 | 说明 | 类型 | 必填 | 备注 |
34
- | -------- | ---------- | ------ | ---- | ---------------------------------------- |
35
- | name | 标签名 | string | 是 | 支持部分受信任的 HTML 节点 |
36
- | attrs | 属性 | object | 否 | 支持部分受信任的属性,遵循 Pascal 命名法 |
37
- | children | 子节点列表 | array | 否 | 结构和 nodes 一致 |
38
-
39
- _文本节点:type = text_
40
-
41
- | 属性 | 说明 | 类型 | 必填 | 备注 |
42
- | ---- | ---- | ------ | ---- | ------------- |
43
- | text | 文本 | string | 是 | 支持 entities |
44
-
45
- ### 受信任的 HTML 节点及属性
46
-
47
- 全局支持 class 和 style 属性,**不支持 id 属性**。
48
-
49
- | 节点 | 属性 |
50
- | :--------- | ------------------------------- |
51
- | a | |
52
- | abbr | |
53
- | address | |
54
- | article | |
55
- | aside | |
56
- | b | |
57
- | bdi | |
58
- | bdo | dir |
59
- | big | |
60
- | blockquote | |
61
- | br | |
62
- | caption | |
63
- | center | |
64
- | cite | |
65
- | code | |
66
- | col | span,width |
67
- | colgroup | span,width |
68
- | dd | |
69
- | del | |
70
- | div | |
71
- | dl | |
72
- | dt | |
73
- | em | |
74
- | fieldset | |
75
- | font | |
76
- | footer | |
77
- | h1 | |
78
- | h2 | |
79
- | h3 | |
80
- | h4 | |
81
- | h5 | |
82
- | h6 | |
83
- | header | |
84
- | hr | |
85
- | i | |
86
- | img | alt,src,height,width |
87
- | ins | |
88
- | label | |
89
- | legend | |
90
- | li | |
91
- | mark | |
92
- | nav | |
93
- | ol | start,type |
94
- | p | |
95
- | pre | |
96
- | q | |
97
- | rt | |
98
- | ruby | |
99
- | s | |
100
- | section | |
101
- | small | |
102
- | span | |
103
- | strong | |
104
- | sub | |
105
- | sup | |
106
- | table | width |
107
- | tbody | |
108
- | td | colspan,height,rowspan,width |
109
- | tfoot | |
110
- | th | colspan,height,rowspan,width |
111
- | thead | |
112
- | tr | colspan,height,rowspan,width |
113
- | tt | |
114
- | u | |
115
- | ul | |
116
- | iframe | |
117
- | pre | |
@@ -1,37 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 视图容器
7
- ---
8
-
9
- # ScrollView
10
-
11
- 滚动容器
12
-
13
- ## 代码演示
14
-
15
- <code src="./demos/VerticalScroll.tsx" title="纵向滚动" background="#f2f4f6" />
16
- <code src="./demos/HorizontalScroll.tsx" title="横向滚动" background="#f2f4f6" />
17
-
18
- ## 导入
19
-
20
- ```js
21
- import { ScrollView } from '@ray-js/components'
22
- ```
23
-
24
- ## Props
25
-
26
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
27
- | --- | --- | --- | --- | --- |
28
- | scrollX | boolean | false | 允许横向滚动 | 涂鸦、微信、RN、Web |
29
- | scrollY | boolean | false | 允许纵向滚动 | 涂鸦、微信、RN、Web |
30
- | scrollTop | number | | 设置竖向滚动条位置 | 涂鸦、微信、RN、Web |
31
- | scrollLeft | number | | 设置横向滚动条位置 | 涂鸦、微信、RN、Web |
32
- | scrollWithAnimation | boolean | | 在设置滚动条位置时使用动画过渡 | 涂鸦、微信、RN、Web |
33
- | upperThreshold | number | 50 | 距顶部/左边多远时,触发 onScrollToUpper 事件 | 涂鸦、微信、RN、Web |
34
- | lowerThreshold | number | 50 | 距底部/右边多远时,触发 onScrollToLower 事件 | 涂鸦、微信、RN、Web |
35
- | onScrollToUpper | func(event: { type: 'scrolltoupper'; direction: 'top' or'left'; origin: any }) | | 滚动到顶部/左边时触发 | 涂鸦、微信、RN、Web |
36
- | onScrollToLower | func(event: { type: 'scrolltolower'; direction: 'bottom' or 'right'; origin: any }) | | 滚动到底部/右边时触发 | 涂鸦、微信、RN、Web |
37
- | onScroll | func(vent: { type: 'scroll'; scrollLeft: number; scrollTop: number; scrollHeight: number; scrollWidth: number; deltaX: number; deltaY: number; origin: any }) | | 滚动时触发 | 涂鸦、微信、RN、Web |
@@ -1,63 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 表单组件
7
- ---
8
-
9
- # Slider
10
-
11
- 滑动选择器
12
-
13
- ## 导入
14
-
15
- ```js
16
- import { Slider } from '@ray-js/components'
17
- ```
18
-
19
- ## 代码演示
20
-
21
- ```js
22
- import React from 'react'
23
- import { Slider } from '@ray-js/components'
24
-
25
- export default function HorizontalScroll() {
26
- return (
27
- <Slider
28
- activeColor='orange'
29
- blockColor='pink'
30
- min={50}
31
- max={200}
32
- step={5}
33
- showValue
34
- onChange={(e) => {
35
- console.log('SliderChange', e)
36
- }}
37
- />
38
- )
39
- }
40
- ```
41
-
42
- <!-- <code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" /> -->
43
- <!-- <code src="./demos/color.tsx" title="设置颜色" background="#f2f4f6" /> -->
44
- <!-- <code src="./demos/step.tsx" title="设置步长" background="#f2f4f6" /> -->
45
- <!-- <code src="./demos/value.tsx" title="设置数值" background="#f2f4f6" /> -->
46
- <!-- <code src="./demos/max.tsx" title="最大值" background="#f2f4f6" /> -->
47
-
48
- ## Props
49
-
50
- | 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
51
- | --- | --- | --- | --- | --- | --- |
52
- | min | number | 0 | 否 | 最小值 | RN、涂鸦、微信、Web |
53
- | max | number | 100 | 否 | 最大值 | RN、涂鸦、微信、Web |
54
- | step | number | 1 | 否 | 步长,取值必须大于 0,并且可被(max - min)整除 | RN、涂鸦、微信、Web |
55
- | disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信、Web |
56
- | value | number | 0 | 否 | 当前取值 | RN、涂鸦、微信、Web |
57
- | activeColor | color | #007aff | 否 | 已选择的颜色 | RN、涂鸦、微信、Web |
58
- | backgroundColor | color | rgba(0,0,0,.2) | 否 | 背景条的颜色 | RN、涂鸦、微信、Web |
59
- | blockSize | number | 28 | 否 | 滑块的大小,取值范围为 12 - 28 | RN、涂鸦、微信、Web |
60
- | blockColor | color | #ffffff | 否 | 滑块的颜色 | RN、涂鸦、微信、Web |
61
- | showValue | boolean | false | 否 | 是否显示当前 value | RN、涂鸦、微信、Web |
62
- | onChange | eventhandle | | 否 | 完成一次拖动后触发的事件,event.detail = {value} | RN、涂鸦、微信、Web |
63
- | onChanging | eventhandle | | 否 | 拖动过程中触发的事件,event.detail = {value} | RN、涂鸦、微信、Web |
@@ -1,44 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 视图容器
7
- ---
8
-
9
- # Swiper
10
-
11
- 幻灯片、轮播容器,使用时必须指定整体高度
12
-
13
- ## 代码演示
14
-
15
- ## 导入
16
-
17
- ```js
18
- import { Swiper } from '@ray-js/components'
19
- ```
20
-
21
- ## 代码演示
22
-
23
- <code src="./demos/autoplay.tsx" title="自动轮播" background="#f2f4f6" />
24
- <code src="./demos/circular.tsx" title="衔接滑动" background="#f2f4f6" />
25
- <code src="./demos/vertical.tsx" title="纵向" background="#f2f4f6" />
26
- <code src="./demos/nested.tsx" title="嵌套" background="#f2f4f6" />
27
-
28
- ## Props
29
-
30
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
31
- | --- | --- | --- | --- | --- |
32
- | autoplay | boolean | false | 是否自动切换 | RN、涂鸦、微信、Web |
33
- | circular | boolean | false | 是否采用衔接滑动 | RN、涂鸦、微信、Web |
34
- | current | number | 0 | 当前所在滑块的 index | RN、涂鸦、微信、Web |
35
- | dotActiveColor | string | #666666 | 当前选中的指示点颜色 | RN、涂鸦、微信、Web |
36
- | dotColor | string | #333333 | 指示点颜色 | RN、涂鸦、微信、Web |
37
- | dots | boolean | false | 是否显示面板指示点 | RN、涂鸦、微信、Web |
38
- | duration | number | 500 | 滑动动画时长 | 涂鸦、微信、Web |
39
- | interval | number | 5000 | 自动切换时间间隔 | RN、涂鸦、微信、Web |
40
- | vertical | boolean | false | 滑动方向是否为纵向 | RN、涂鸦、微信、Web |
41
- | dataSource | P[] | | 数据源 | RN、涂鸦、微信、Web |
42
- | renderItem | func(P) | | 渲染数据成员 | RN、涂鸦、微信、Web |
43
- | onChange | func(event) | | current 改变时, event.detail = {current, source} | RN、涂鸦、微信、Web |
44
- | onAfterChange | func(event) | | 动画结束时触发,event.detail 同上 | RN、涂鸦、微信、Web |
@@ -1,23 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 视图容器
7
- ---
8
-
9
- # SwiperItem
10
-
11
- 滑块视图容器子项,仅可放置在 swiper 组件中,宽高自动设置为 100%。
12
-
13
- ## 示例代码
14
-
15
- ## 导入
16
-
17
- ```js
18
- import { SwiperItem } from '@ray-js/components'
19
- ```
20
-
21
- ## 代码演示
22
-
23
- <code src="./demos/swiperItem.tsx" title="Swiper - 横向 - 子节点" background="#f2f4f6" />
@@ -1,31 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 表单组件
7
- ---
8
-
9
- # Switch
10
-
11
- 开关选择器。
12
-
13
- ## 导入
14
-
15
- ```js
16
- import { Switch } from '@ray-js/components'
17
- ```
18
-
19
- ## 代码演示
20
-
21
- <code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
22
-
23
- ## Props
24
-
25
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
26
- | --- | --- | --- | --- | --- |
27
- | checked | boolean | false | 当前是否选中 | RN、涂鸦、微信、Web |
28
- | disabled | boolean | false | 是否禁用 | RN、涂鸦、微信、Web |
29
- | color | string | #007AFF | Switch 的颜色,同 css 的 color | RN、涂鸦、微信、Web |
30
- | type | string | switch | 可选值 `switch` `checkbox` | RN、涂鸦、微信、Web |
31
- | onChange | func(event) | 否 | checked 改变时触发 change 事件,event.detail={ value} | RN、涂鸦、微信、Web |
package/lib/Text/index.md DELETED
@@ -1,29 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 基础组件
7
- ---
8
-
9
- # Text
10
-
11
- 文本内容
12
-
13
- ## 导入
14
-
15
- ```js
16
- import { Text } from '@ray-js/components'
17
- ```
18
-
19
- ## 代码演示
20
-
21
- <code src="./demos/simple.tsx" title="基本用法" background="#f2f4f6" />
22
-
23
- ## Props
24
-
25
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
26
- | ---------- | ------------------------------ | ------ | ------------ | ------------------- |
27
- | className | string | | 样式名 | RN、涂鸦、微信、Web |
28
- | selectable | boolean | false | 文本是否可选 | RN、涂鸦、微信、Web |
29
- | onClick | (e: { type: 'click' }) => void | false | 点击事件 | RN、涂鸦、微信、Web |
@@ -1,46 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 表单组件
7
- ---
8
-
9
- # Textarea
10
-
11
- 文本域输入框
12
-
13
- ## 代码演示
14
-
15
- <code src="./demos/simple" title="基本用法" />
16
-
17
- ## 导入
18
-
19
- ```js
20
- import { Textarea } from '@ray-js/components'
21
- ```
22
-
23
- ## 代码演示
24
-
25
- <code src="./demos/simple.tsx" title="基本用法" background="#f2f4f6" />
26
- <code src="./demos/autoHeight.tsx" title="自适应高度" background="#f2f4f6" />
27
-
28
- ## Props
29
-
30
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
31
- | --- | --- | --- | --- | --- |
32
- | id | string | | 组件的 id | 涂鸦、微信、RN |
33
- | style | CSSProperties | | 标签栏样式 | 涂鸦、微信、RN |
34
- | className | string | | 标签栏样式名 | 涂鸦、微信、RN |
35
- | name | string | | 输入框的名字 | 涂鸦、微信、RN |
36
- | value | string | | 输入框的内容 | 涂鸦、微信、RN |
37
- | placeholder | string | | 输入框为空时占位符 | 涂鸦、微信、RN |
38
- | placeholderStyle | string | | 指定 placeholder 的样式,目前仅支持 color,fontSize 和 fontWeight | 涂鸦、微信、RN |
39
- | disabled | boolean | false | 是否禁用 | 涂鸦、微信、RN |
40
- | maxlength | number | 140 | 最大输入长度,设置为 -1 的时候不限制最大长度 | 涂鸦、微信、RN |
41
- | focus | boolean | false | 获取焦点 | RN、涂鸦、微信、RN |
42
- | autoHeight | boolean | false | 是否自动增高,设置 autoHeight 时,style.height 不生效 | 涂鸦、微信、RN |
43
- | onFocus | (event: any) => any; | | 输入框聚焦时触发 | 涂鸦、微信、RN |
44
- | onBlur | (event: any) => any; | | 输入框失去焦点时触发 | 涂鸦、微信、RN |
45
- | onInput | (event: TextareaEvent) => any; | | 当键盘输入时,触发 input 事件,event = {value: value} | 涂鸦、微信、RN |
46
- | onConfirm | (event: any) => any; | | 点击完成时, 触发 confirm 事件,event = {value: value} | 涂鸦、微信、RN |
@@ -1,37 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 选择器组件
7
- ---
8
-
9
- # TimePicker
10
-
11
- 时间选择器
12
-
13
- ## 导入
14
-
15
- ```js
16
- import { TimePicker } from '@ray-js/components'
17
- ```
18
-
19
- ## 代码演示
20
-
21
- > picker 相关组件效果请使用手机模式下查看
22
-
23
- <code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
24
- <code src="./demos/startend.tsx" title="起止时间" background="#f2f4f6" />
25
-
26
- ## Props
27
-
28
- | 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
29
- | --- | --- | --- | --- | --- | --- |
30
- | disabled | boolean | false | 否 | 是否禁用 | 涂鸦、微信、RN、Web |
31
- | value | string | | 否 | 当前选择的时间 | 涂鸦、微信、RN、Web |
32
- | cancelText | string | 取消 | 否 | 取消文案 | 涂鸦、微信、RN、Web |
33
- | confirmText | string | 确认 | 否 | 确认文案 | 涂鸦、微信、RN、Web |
34
- | onChange | func(event) | | 否 | 选择时触发 | 涂鸦、微信、RN、Web |
35
- | onCancel | func(event) | | 否 | 取消选择时触发 | 涂鸦、微信、RN、Web |
36
- | start | string | | 否 | 表示有效时间范围的开始,字符串格式为"hh:mm" | 涂鸦、微信、RN、Web |
37
- | end | string | | 否 | 表示有效时间范围的结束,字符串格式为"hh:mm" | 涂鸦、微信、RN、Web |
package/lib/View/index.md DELETED
@@ -1,33 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 视图容器
7
- ---
8
-
9
- # View
10
-
11
- 用于页面布局的元素
12
-
13
- ## 代码演示
14
-
15
- <code src="./demos/simple" title="基本用法" />
16
- <code src="./demos/flex" title="Flex 布局" />
17
-
18
- ## 导入
19
-
20
- ```js
21
- import { View } from '@ray-js/components'
22
- ```
23
-
24
- ## Props
25
-
26
- | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
27
- | -------------- | ------------- | ------ | ------------------------------ | ------------------- |
28
- | style | CSSProperties | | 样式 | RN、涂鸦、微信、Web |
29
- | className | string | | 样式名 | RN、涂鸦、微信、Web |
30
- | hoverClassName | string | none | hover 样式 | RN、涂鸦、微信、Web |
31
- | hoverStyle | string | none | hover 样式名 | RN、涂鸦、微信、Web |
32
- | hoverStartTime | number | 20 | 按住后多久出现点击态 单位 `ms` | RN、涂鸦、微信、Web |
33
- | hoverStayTime | number | 70 | 手指松开后点击态保留时间 `ms` | RN、涂鸦、微信、Web |
@@ -1,33 +0,0 @@
1
- ---
2
- nav:
3
- title: 组件
4
- path: /components
5
- group:
6
- title: 视图容器
7
- hide: true
8
- ---
9
-
10
- ## web-view
11
-
12
- > 基础库 2.6.0 开始支持, 低版本需做兼容处理。
13
-
14
- ## 导入
15
-
16
- ```js
17
- import { WebView } from '@ray-js/components'
18
- ```
19
-
20
- ### 功能描述
21
-
22
- 承载网页的容器。会自动铺满整个小程序页面。
23
-
24
- > 注意:当页面存在 web-view 标签时,其他标签将不展示,且不支持设置任何样式!
25
-
26
- ### 属性说明
27
-
28
- | 属性名 | 类型 | 默认值 | 必填 | 说明 |
29
- | --- | --- | --- | --- | --- |
30
- | src | string | | 否 | webview 指向网页的链接。需登录[小程序管理后台](https://iot.tuya.com/miniapp)配置业务域名。 |
31
- | onMessage | eventhandle | | 否 | 网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data 是多次 postMessage 的参数组成的数组 |
32
- | onLoad | eventhandle | | 否 | 网页加载成功时候触发此事件。e.detail = { src } |
33
- | onError | eventhandle | | 否 | 网页加载失败的时候触发此事件。e.detail = { url, fullUrl },其中 fullUrl 为加载失败时的完整 url |