@ray-js/components 0.3.10 → 0.3.15-beta-720ccfd3

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.
@@ -23,12 +23,12 @@ import { Image } from '@ray-js/components';
23
23
  ## Props
24
24
 
25
25
  | 属性 | 类型 | 默认值 | 说明 | 支持平台 |
26
- | --- | --- | --- | --- | --- | --- |
26
+ | --- | --- | --- | --- | --- |
27
27
  | className | string | | 样式名 | RN、涂鸦、微信 |
28
28
  | src | string | | 图片地址 | RN、涂鸦、微信 |
29
29
  | mode | string | 'scaleToFill' | 图片裁剪、缩放的模式,RN 支持部分模式,具体见下表 | RN、涂鸦、微信 |
30
- | onLoad | (e: { width: number; height: number; origin: RnLoadEvent | WxEvent }) => void | 'scaleToFill' | 图片裁剪、缩放的模式 | RN、涂鸦、微信 |
31
- | onError | (e: { errMsg: string; origin: null | WxEvent }) => void | 'scaleToFill' | 图片裁剪、缩放的模式 | RN、涂鸦、微信 |
30
+ | onLoad | (e: { width: number; height: number; origin }) => void | 'scaleToFill' | 图片裁剪、缩放的模式 | RN、涂鸦、微信 |
31
+ | onError | (e: { errMsg: string; origin }) => void | 'scaleToFill' | 图片裁剪、缩放的模式 | RN、涂鸦、微信 |
32
32
 
33
33
  ## mode 合法值
34
34
 
@@ -18,11 +18,32 @@ import { Slider } from '@ray-js/components';
18
18
 
19
19
  ## 代码演示
20
20
 
21
- <code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
22
- <code src="./demos/color.tsx" title="设置颜色" background="#f2f4f6" />
23
- <code src="./demos/step.tsx" title="设置步长" background="#f2f4f6" />
24
- <code src="./demos/value.tsx" title="设置数值" background="#f2f4f6" />
25
- <code src="./demos/max.tsx" title="最大值" background="#f2f4f6" />
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" /> -->
26
47
 
27
48
  ## Props
28
49
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/components",
3
- "version": "0.3.10",
3
+ "version": "0.3.15-beta-720ccfd3",
4
4
  "description": "Ray basic components",
5
5
  "keywords": [
6
6
  "ray"
@@ -24,8 +24,8 @@
24
24
  "watch": "ray start --type=component"
25
25
  },
26
26
  "dependencies": {
27
- "@ray-js/framework-shared": "^0.3.10",
28
- "@ray-js/remax-tuya": "^0.3.10",
27
+ "@ray-js/framework-shared": "^0.3.15-beta-720ccfd3",
28
+ "@ray-js/remax-tuya": "^0.3.15-beta-720ccfd3",
29
29
  "@remax/macro": "2.15.6",
30
30
  "@remax/wechat": "2.15.6",
31
31
  "antd-mobile": "^5.0.0-beta.17",
@@ -42,7 +42,7 @@
42
42
  "tuya-panel-switch": "^0.1.1"
43
43
  },
44
44
  "devDependencies": {
45
- "@ray-js/cli": "^0.3.10"
45
+ "@ray-js/cli": "^0.3.15-beta-720ccfd3"
46
46
  },
47
47
  "maintainers": [
48
48
  {
@@ -50,6 +50,6 @@
50
50
  "email": "tuyafe@tuya.com"
51
51
  }
52
52
  ],
53
- "gitHead": "5657f768e2971f673e5e43aa22e8b0727019defa",
53
+ "gitHead": "648cfff9e621708c163076b380591e6be0638573",
54
54
  "repository": {}
55
55
  }