@ray-js/components 1.4.59-beta.0 → 1.4.59
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/lib/Camera/Camera.js +1 -1
- package/lib/Camera/Camera.wechat.js +1 -1
- package/lib/CheckboxGroup/CheckboxGroup.js +3 -2
- package/lib/CheckboxGroup/props.d.ts +5 -2
- package/lib/CoverView/CoverView.js +1 -1
- package/lib/CoverView/CoverView.wechat.js +1 -1
- package/lib/Iframe/Iframe.js +1 -1
- package/lib/Input/Input.js +9 -8
- package/lib/Input/Input.wechat.js +7 -6
- package/lib/Input/props.d.ts +13 -47
- package/lib/IpcPlayer/IpcPlayer.js +1 -1
- package/lib/IpcPlayer/IpcPlayer.wechat.js +1 -1
- package/lib/Map/Map.js +1 -1
- package/lib/NativeVideo/NativeVideo.js +1 -1
- package/lib/NativeVideo/NativeVideo.wechat.js +1 -1
- package/lib/PageContainer/PageContainer.js +15 -14
- package/lib/PageContainer/props.d.ts +4 -6
- package/lib/Picker/Picker.js +5 -4
- package/lib/Picker/Picker.thing.js +7 -6
- package/lib/Picker/Picker.wechat.js +7 -6
- package/lib/PickerView/PickerView.js +3 -2
- package/lib/PickerView/PickerView.thing.js +7 -6
- package/lib/PickerView/PickerView.wechat.js +7 -6
- package/lib/RadioGroup/RadioGroup.js +3 -2
- package/lib/RadioGroup/props.d.ts +4 -14
- package/lib/ScrollView/ScrollView.js +3 -3
- package/lib/Slider/Slider.js +5 -4
- package/lib/Slider/Slider.thing.js +5 -4
- package/lib/Slider/Slider.wechat.js +5 -4
- package/lib/Slider/props.d.ts +7 -30
- package/lib/Swiper/Swiper.js +3 -2
- package/lib/Swiper/props.d.ts +3 -0
- package/lib/Switch/Switch.js +1 -1
- package/lib/Switch/Switch.thing.js +3 -2
- package/lib/Switch/Switch.wechat.js +3 -2
- package/lib/Switch/props.d.ts +4 -15
- package/lib/Textarea/Textarea.js +7 -6
- package/lib/Textarea/props.d.ts +10 -3
- package/lib/Video/Video.js +1 -1
- package/lib/Video/Video.wechat.js +1 -1
- package/lib/WebView/WebView.js +1 -1
- package/package.json +5 -5
package/lib/Camera/Camera.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
const Camera = () => {
|
3
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
3
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
4
4
|
};
|
5
5
|
export default Camera;
|
@@ -3,6 +3,6 @@ import { View } from '@ray-js/components';
|
|
3
3
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
5
5
|
function Camera() {
|
6
|
-
return /*#__PURE__*/React.createElement(View, null, "
|
6
|
+
return /*#__PURE__*/React.createElement(View, null, "Wechat mini program side has not been implemented");
|
7
7
|
}
|
8
8
|
export default Camera;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import * as React from 'react';
|
3
4
|
import handleProps from '../utils/handleProps';
|
4
5
|
import Label from '../Label';
|
@@ -15,11 +16,11 @@ const CheckboxGroup = props => {
|
|
15
16
|
const currentNode = React.useRef(null);
|
16
17
|
useEventListener('clickoverlay', e => {
|
17
18
|
var _props$onChange;
|
18
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
19
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
19
20
|
type: e.type,
|
20
21
|
value: e.detail.value,
|
21
22
|
origin: e
|
22
|
-
});
|
23
|
+
}));
|
23
24
|
}, {
|
24
25
|
target: currentNode
|
25
26
|
});
|
@@ -1,6 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { BaseProps } from '../types';
|
3
3
|
import { CheckboxProps } from '../Checkbox/props';
|
4
|
+
import { GenericEvent } from '@ray-js/adapter';
|
4
5
|
export type CheckboxGroupOption = CheckboxProps & {
|
5
6
|
label: string;
|
6
7
|
};
|
@@ -31,9 +32,11 @@ export interface BaseCheckboxGroupProps extends Omit<BaseProps, 'children'> {
|
|
31
32
|
* @description.zh 选中项发生改变时触发 change 事件
|
32
33
|
* @default null
|
33
34
|
*/
|
34
|
-
onChange?: (event: {
|
35
|
+
onChange?: (event: GenericEvent<{
|
36
|
+
value: any;
|
37
|
+
} & {
|
35
38
|
type: string;
|
36
39
|
value: string[];
|
37
40
|
origin: any;
|
38
|
-
}) => void;
|
41
|
+
}>) => void;
|
39
42
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
const CoverView = () => {
|
3
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
3
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
4
4
|
};
|
5
5
|
export default CoverView;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { View } from '@ray-js/components';
|
3
3
|
function CoverView() {
|
4
|
-
return /*#__PURE__*/React.createElement(View, null, "
|
4
|
+
return /*#__PURE__*/React.createElement(View, null, "Wechat mini program side has not been implemented");
|
5
5
|
}
|
6
6
|
export default CoverView;
|
package/lib/Iframe/Iframe.js
CHANGED
@@ -2,6 +2,6 @@ import React from 'react';
|
|
2
2
|
|
3
3
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
4
4
|
const Iframe = () => {
|
5
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
5
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet");
|
6
6
|
};
|
7
7
|
export default Iframe;
|
package/lib/Input/Input.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["placeholderStyle", "className", "maxLength", "onBlur", "onFocus", "onConfirm"];
|
4
5
|
import "core-js/modules/web.dom-collections.iterator.js";
|
@@ -22,11 +23,11 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
22
23
|
const [placeholderStyleClassName] = useStylesheet(inlineStyle(placeholderStyle));
|
23
24
|
const currentNode = ref || React.useRef(null);
|
24
25
|
useEventListener('focus', e => {
|
25
|
-
onFocus === null || onFocus === void 0 || onFocus({
|
26
|
+
onFocus === null || onFocus === void 0 || onFocus(_objectSpread(_objectSpread({}, e), {}, {
|
26
27
|
type: 'focus',
|
27
28
|
value: e.detail.value,
|
28
29
|
origin: e
|
29
|
-
});
|
30
|
+
}));
|
30
31
|
}, {
|
31
32
|
target: currentNode
|
32
33
|
});
|
@@ -34,11 +35,11 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
34
35
|
const {
|
35
36
|
value
|
36
37
|
} = e.target;
|
37
|
-
onBlur === null || onBlur === void 0 || onBlur({
|
38
|
+
onBlur === null || onBlur === void 0 || onBlur(_objectSpread(_objectSpread({}, e), {}, {
|
38
39
|
type: 'blur',
|
39
40
|
value,
|
40
41
|
origin: e
|
41
|
-
});
|
42
|
+
}));
|
42
43
|
}, {
|
43
44
|
target: currentNode
|
44
45
|
});
|
@@ -46,11 +47,11 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
46
47
|
const {
|
47
48
|
value
|
48
49
|
} = e.target;
|
49
|
-
onConfirm === null || onConfirm === void 0 || onConfirm({
|
50
|
+
onConfirm === null || onConfirm === void 0 || onConfirm(_objectSpread(_objectSpread({}, e), {}, {
|
50
51
|
type: 'confirm',
|
51
52
|
value,
|
52
53
|
origin: e
|
53
|
-
});
|
54
|
+
}));
|
54
55
|
}, {
|
55
56
|
target: currentNode
|
56
57
|
});
|
@@ -64,11 +65,11 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
64
65
|
const {
|
65
66
|
value
|
66
67
|
} = e.target;
|
67
|
-
(_props$onInput = props.onInput) === null || _props$onInput === void 0 || _props$onInput.call(props, {
|
68
|
+
(_props$onInput = props.onInput) === null || _props$onInput === void 0 || _props$onInput.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
68
69
|
type: 'input',
|
69
70
|
value,
|
70
71
|
origin: e
|
71
|
-
});
|
72
|
+
}));
|
72
73
|
},
|
73
74
|
class: clsx('ray-input', styles.input, className, placeholderStyleClassName),
|
74
75
|
ref: currentNode
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
|
4
5
|
import "core-js/modules/web.dom-collections.iterator.js";
|
@@ -66,21 +67,21 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
66
67
|
} = event.detail;
|
67
68
|
// 内部 value 管控
|
68
69
|
bufferValue.current = value;
|
69
|
-
onInput === null || onInput === void 0 || onInput({
|
70
|
+
onInput === null || onInput === void 0 || onInput(_objectSpread(_objectSpread({}, event), {}, {
|
70
71
|
type: 'input',
|
71
72
|
value,
|
72
73
|
origin: event
|
73
|
-
});
|
74
|
+
}));
|
74
75
|
},
|
75
76
|
onBlur: function (event) {
|
76
77
|
const {
|
77
78
|
value = ''
|
78
79
|
} = event.detail;
|
79
|
-
onBlur === null || onBlur === void 0 || onBlur({
|
80
|
+
onBlur === null || onBlur === void 0 || onBlur(_objectSpread(_objectSpread({}, event), {}, {
|
80
81
|
type: 'blur',
|
81
82
|
value,
|
82
83
|
origin: event
|
83
|
-
});
|
84
|
+
}));
|
84
85
|
},
|
85
86
|
onConfirm: function (event) {
|
86
87
|
const {
|
@@ -95,12 +96,12 @@ const Input = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
95
96
|
height = 0
|
96
97
|
} = event.detail;
|
97
98
|
setInternalValue(value);
|
98
|
-
onFocus === null || onFocus === void 0 || onFocus({
|
99
|
+
onFocus === null || onFocus === void 0 || onFocus(_objectSpread(_objectSpread({}, event), {}, {
|
99
100
|
type: 'focus',
|
100
101
|
value,
|
101
102
|
height,
|
102
103
|
origin: event
|
103
|
-
});
|
104
|
+
}));
|
104
105
|
},
|
105
106
|
value: internalValue
|
106
107
|
}, selection, restProps));
|
package/lib/Input/props.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
+
import { GenericEvent } from '@ray-js/adapter';
|
1
2
|
import { BaseProps } from '../types';
|
2
|
-
import { GenericEvent as WxEvent } from '@ray-core/wechat';
|
3
3
|
export type InputType = 'text' | 'number' | 'digit' | 'idcard';
|
4
4
|
export interface InputProps extends BaseProps {
|
5
5
|
/**
|
@@ -63,66 +63,32 @@ export interface InputProps extends BaseProps {
|
|
63
63
|
* @description.zh 输入事件
|
64
64
|
* @default undefined
|
65
65
|
*/
|
66
|
-
onInput?: (event: {
|
67
|
-
|
68
|
-
|
69
|
-
* @description.zh 类型
|
70
|
-
* @default undefined
|
71
|
-
*/
|
72
|
-
type: string;
|
73
|
-
/**
|
74
|
-
* @description.en value
|
75
|
-
* @description.zh 价值
|
76
|
-
* @default undefined
|
77
|
-
*/
|
78
|
-
value: string;
|
79
|
-
origin: WxEvent | Event;
|
80
|
-
}) => void;
|
66
|
+
onInput?: (event: GenericEvent<{
|
67
|
+
value: any;
|
68
|
+
}>) => void;
|
81
69
|
/**
|
82
70
|
* @description.en onConfirm
|
83
71
|
* @description.zh 确认事件
|
84
72
|
* @default undefined
|
85
73
|
*/
|
86
|
-
onConfirm?: (event:
|
74
|
+
onConfirm?: (event: GenericEvent<{
|
75
|
+
value: any;
|
76
|
+
}>) => void;
|
87
77
|
/**
|
88
78
|
* @description.en onFocus
|
89
79
|
* @description.zh 焦点事件
|
90
80
|
* @default undefined
|
91
81
|
*/
|
92
|
-
onFocus?: (event: {
|
93
|
-
|
94
|
-
|
95
|
-
* @description.zh 类型
|
96
|
-
* @default undefined
|
97
|
-
*/
|
98
|
-
type: string;
|
99
|
-
/**
|
100
|
-
* @description.en value
|
101
|
-
* @description.zh 价值
|
102
|
-
* @default undefined
|
103
|
-
*/
|
104
|
-
value: string;
|
105
|
-
origin: WxEvent | FocusEvent;
|
106
|
-
}) => void;
|
82
|
+
onFocus?: (event: GenericEvent<{
|
83
|
+
value: any;
|
84
|
+
}>) => void;
|
107
85
|
/**
|
108
86
|
* @description.en onBlur
|
109
87
|
* @description.zh 丢焦事件
|
110
88
|
* @default undefined
|
111
89
|
*/
|
112
|
-
onBlur?: (event: {
|
113
|
-
|
114
|
-
|
115
|
-
* @description.zh 类型
|
116
|
-
* @default undefined
|
117
|
-
*/
|
118
|
-
type: string;
|
119
|
-
/**
|
120
|
-
* @description.en value
|
121
|
-
* @description.zh 价值
|
122
|
-
* @default undefined
|
123
|
-
*/
|
124
|
-
value: string;
|
125
|
-
origin: WxEvent | FocusEvent;
|
126
|
-
}) => void;
|
90
|
+
onBlur?: (event: GenericEvent<{
|
91
|
+
value: any;
|
92
|
+
}>) => void;
|
127
93
|
}
|
128
94
|
export declare const defaultInputProps: Partial<InputProps>;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
const IpcPlayer = () => {
|
3
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
3
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
4
4
|
};
|
5
5
|
export default IpcPlayer;
|
@@ -3,6 +3,6 @@ import { View } from '@ray-js/components';
|
|
3
3
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
5
5
|
function IpcPlayer() {
|
6
|
-
return /*#__PURE__*/React.createElement(View, null, "
|
6
|
+
return /*#__PURE__*/React.createElement(View, null, "Wechat mini program side has not been implemented");
|
7
7
|
}
|
8
8
|
export default IpcPlayer;
|
package/lib/Map/Map.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
const NativeVideo = () => {
|
3
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
3
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
4
4
|
};
|
5
5
|
export default NativeVideo;
|
@@ -3,6 +3,6 @@ import { View } from '@ray-js/components';
|
|
3
3
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
5
5
|
function NativeVideo() {
|
6
|
-
return /*#__PURE__*/React.createElement(View, null, "
|
6
|
+
return /*#__PURE__*/React.createElement(View, null, "Wechat mini program side has not been implemented");
|
7
7
|
}
|
8
8
|
export default NativeVideo;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import React, { useRef } from 'react';
|
3
4
|
import { useEventListener } from 'ahooks';
|
4
5
|
import { defaultPageContainerProps } from './props';
|
@@ -10,64 +11,64 @@ const PageContainer = props => {
|
|
10
11
|
const currentNode = useRef(null);
|
11
12
|
useEventListener('clickoverlay', e => {
|
12
13
|
var _props$onClickOverlay;
|
13
|
-
(_props$onClickOverlay = props.onClickOverlay) === null || _props$onClickOverlay === void 0 || _props$onClickOverlay.call(props, {
|
14
|
+
(_props$onClickOverlay = props.onClickOverlay) === null || _props$onClickOverlay === void 0 || _props$onClickOverlay.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
14
15
|
type: 'clickoverlay',
|
15
16
|
origin: e
|
16
|
-
});
|
17
|
+
}));
|
17
18
|
}, {
|
18
19
|
target: currentNode
|
19
20
|
});
|
20
21
|
useEventListener('beforeenter', e => {
|
21
22
|
var _props$onBeforeEnter;
|
22
|
-
(_props$onBeforeEnter = props.onBeforeEnter) === null || _props$onBeforeEnter === void 0 || _props$onBeforeEnter.call(props, {
|
23
|
+
(_props$onBeforeEnter = props.onBeforeEnter) === null || _props$onBeforeEnter === void 0 || _props$onBeforeEnter.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
23
24
|
type: 'beforeenter',
|
24
25
|
origin: e
|
25
|
-
});
|
26
|
+
}));
|
26
27
|
}, {
|
27
28
|
target: currentNode
|
28
29
|
});
|
29
30
|
useEventListener('enter', e => {
|
30
31
|
var _props$onEnter;
|
31
|
-
(_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, {
|
32
|
+
(_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
32
33
|
type: 'enter',
|
33
34
|
origin: e
|
34
|
-
});
|
35
|
+
}));
|
35
36
|
}, {
|
36
37
|
target: currentNode
|
37
38
|
});
|
38
39
|
useEventListener('afterenter', e => {
|
39
40
|
var _props$onAfterEnter;
|
40
|
-
(_props$onAfterEnter = props.onAfterEnter) === null || _props$onAfterEnter === void 0 || _props$onAfterEnter.call(props, {
|
41
|
+
(_props$onAfterEnter = props.onAfterEnter) === null || _props$onAfterEnter === void 0 || _props$onAfterEnter.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
41
42
|
type: 'afterenter',
|
42
43
|
origin: e
|
43
|
-
});
|
44
|
+
}));
|
44
45
|
}, {
|
45
46
|
target: currentNode
|
46
47
|
});
|
47
48
|
useEventListener('beforeleave', e => {
|
48
49
|
var _props$onBeforeLeave;
|
49
|
-
(_props$onBeforeLeave = props.onBeforeLeave) === null || _props$onBeforeLeave === void 0 || _props$onBeforeLeave.call(props, {
|
50
|
+
(_props$onBeforeLeave = props.onBeforeLeave) === null || _props$onBeforeLeave === void 0 || _props$onBeforeLeave.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
50
51
|
type: 'beforeleave',
|
51
52
|
origin: e
|
52
|
-
});
|
53
|
+
}));
|
53
54
|
}, {
|
54
55
|
target: currentNode
|
55
56
|
});
|
56
57
|
useEventListener('leave', e => {
|
57
58
|
var _props$onLeave;
|
58
|
-
(_props$onLeave = props.onLeave) === null || _props$onLeave === void 0 || _props$onLeave.call(props, {
|
59
|
+
(_props$onLeave = props.onLeave) === null || _props$onLeave === void 0 || _props$onLeave.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
59
60
|
type: 'leave',
|
60
61
|
origin: e
|
61
|
-
});
|
62
|
+
}));
|
62
63
|
}, {
|
63
64
|
target: currentNode
|
64
65
|
});
|
65
66
|
useEventListener('afterleave', e => {
|
66
67
|
var _props$onAfterLeave;
|
67
|
-
(_props$onAfterLeave = props.onAfterLeave) === null || _props$onAfterLeave === void 0 || _props$onAfterLeave.call(props, {
|
68
|
+
(_props$onAfterLeave = props.onAfterLeave) === null || _props$onAfterLeave === void 0 || _props$onAfterLeave.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
68
69
|
type: 'afterleave',
|
69
70
|
origin: e
|
70
|
-
});
|
71
|
+
}));
|
71
72
|
}, {
|
72
73
|
target: currentNode
|
73
74
|
});
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import { BaseProps } from '../types';
|
2
2
|
import * as React from 'react';
|
3
|
-
import {
|
4
|
-
export type PageContainerEventType = {
|
5
|
-
|
6
|
-
|
7
|
-
origin: BaseEvent;
|
8
|
-
};
|
3
|
+
import { GenericEvent } from '@ray-js/adapter';
|
4
|
+
export type PageContainerEventType = GenericEvent<{
|
5
|
+
value: any;
|
6
|
+
}>;
|
9
7
|
export type PageContainerProps = BaseProps & {
|
10
8
|
/** 文本是否可选 */
|
11
9
|
show?: boolean;
|
package/lib/Picker/Picker.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import "core-js/modules/web.dom-collections.iterator.js";
|
3
4
|
import * as React from 'react';
|
4
5
|
import { useTouch } from '@ray-js/framework-shared';
|
@@ -17,20 +18,20 @@ const Picker = props => {
|
|
17
18
|
const currentNode = React.useRef(null);
|
18
19
|
useEventListener('change', e => {
|
19
20
|
var _props$onChange;
|
20
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
21
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
21
22
|
type: 'change',
|
22
23
|
value: e.detail.value,
|
23
24
|
origin: e
|
24
|
-
});
|
25
|
+
}));
|
25
26
|
}, {
|
26
27
|
target: currentNode
|
27
28
|
});
|
28
29
|
useEventListener('cancel', e => {
|
29
30
|
var _props$onCancel;
|
30
|
-
(_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, {
|
31
|
+
(_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
31
32
|
type: 'cancel',
|
32
33
|
origin: e
|
33
|
-
});
|
34
|
+
}));
|
34
35
|
}, {
|
35
36
|
target: currentNode
|
36
37
|
});
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "onCancel"];
|
4
5
|
import "core-js/modules/web.dom-collections.iterator.js";
|
@@ -29,24 +30,24 @@ const Picker = props => {
|
|
29
30
|
});
|
30
31
|
return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
|
31
32
|
onChange: e => {
|
32
|
-
onChange === null || onChange === void 0 || onChange({
|
33
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
33
34
|
type: e.type,
|
34
35
|
value: e.detail.value,
|
35
36
|
origin: e
|
36
|
-
});
|
37
|
+
}));
|
37
38
|
},
|
38
39
|
onCancel: e => {
|
39
|
-
onCancel === null || onCancel === void 0 || onCancel({
|
40
|
+
onCancel === null || onCancel === void 0 || onCancel(_objectSpread(_objectSpread({}, e), {}, {
|
40
41
|
type: e.type,
|
41
42
|
origin: e
|
42
|
-
});
|
43
|
+
}));
|
43
44
|
},
|
44
45
|
onColumnChange: e => {
|
45
|
-
onCancel === null || onCancel === void 0 || onCancel({
|
46
|
+
onCancel === null || onCancel === void 0 || onCancel(_objectSpread(_objectSpread({}, e), {}, {
|
46
47
|
type: e.type,
|
47
48
|
value: e.detail.value,
|
48
49
|
origin: e
|
49
|
-
});
|
50
|
+
}));
|
50
51
|
},
|
51
52
|
style: inlineStyle(style),
|
52
53
|
className: clsx(className)
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "onCancel"];
|
4
5
|
import "core-js/modules/web.dom-collections.iterator.js";
|
@@ -29,24 +30,24 @@ const Picker = props => {
|
|
29
30
|
});
|
30
31
|
return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
|
31
32
|
onChange: e => {
|
32
|
-
onChange === null || onChange === void 0 || onChange({
|
33
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
33
34
|
type: e.type,
|
34
35
|
value: e.detail.value,
|
35
36
|
origin: e
|
36
|
-
});
|
37
|
+
}));
|
37
38
|
},
|
38
39
|
onCancel: e => {
|
39
|
-
onCancel === null || onCancel === void 0 || onCancel({
|
40
|
+
onCancel === null || onCancel === void 0 || onCancel(_objectSpread(_objectSpread({}, e), {}, {
|
40
41
|
type: e.type,
|
41
42
|
origin: e
|
42
|
-
});
|
43
|
+
}));
|
43
44
|
},
|
44
45
|
onColumnChange: e => {
|
45
|
-
onCancel === null || onCancel === void 0 || onCancel({
|
46
|
+
onCancel === null || onCancel === void 0 || onCancel(_objectSpread(_objectSpread({}, e), {}, {
|
46
47
|
type: e.type,
|
47
48
|
value: e.detail.value,
|
48
49
|
origin: e
|
49
|
-
});
|
50
|
+
}));
|
50
51
|
},
|
51
52
|
style: inlineStyle(style),
|
52
53
|
className: clsx(className)
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import * as React from 'react';
|
3
4
|
import clsx from 'clsx';
|
4
5
|
import { useEventListener } from 'ahooks';
|
@@ -14,12 +15,12 @@ const PickerView = props => {
|
|
14
15
|
const currentNode = React.useRef(null);
|
15
16
|
useEventListener('change', e => {
|
16
17
|
var _props$onChange;
|
17
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
18
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
18
19
|
type: 'change',
|
19
20
|
// @ts-ignore
|
20
21
|
value: e.detail.value,
|
21
22
|
origin: e
|
22
|
-
});
|
23
|
+
}));
|
23
24
|
}, {
|
24
25
|
target: currentNode
|
25
26
|
});
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "onPickstart", "onPickend", "children"];
|
4
5
|
import clsx from 'clsx';
|
@@ -19,25 +20,25 @@ const Picker = props => {
|
|
19
20
|
restProps = _objectWithoutProperties(props, _excluded);
|
20
21
|
return /*#__PURE__*/React.createElement(RemaxPickerView, _extends({
|
21
22
|
onChange: e => {
|
22
|
-
onChange === null || onChange === void 0 || onChange({
|
23
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
23
24
|
type: 'change',
|
24
25
|
value: e.detail.value,
|
25
26
|
origin: e
|
26
|
-
});
|
27
|
+
}));
|
27
28
|
},
|
28
29
|
onPickstart: e => {
|
29
|
-
onPickstart === null || onPickstart === void 0 || onPickstart({
|
30
|
+
onPickstart === null || onPickstart === void 0 || onPickstart(_objectSpread(_objectSpread({}, e), {}, {
|
30
31
|
type: 'pickstart',
|
31
32
|
value: e.detail.value,
|
32
33
|
origin: e
|
33
|
-
});
|
34
|
+
}));
|
34
35
|
},
|
35
36
|
onPickend: e => {
|
36
|
-
onPickend === null || onPickend === void 0 || onPickend({
|
37
|
+
onPickend === null || onPickend === void 0 || onPickend(_objectSpread(_objectSpread({}, e), {}, {
|
37
38
|
type: 'pickend',
|
38
39
|
value: e.detail.value,
|
39
40
|
origin: e
|
40
|
-
});
|
41
|
+
}));
|
41
42
|
},
|
42
43
|
style: inlineStyle(style),
|
43
44
|
className: clsx(styles.pickerViewWrp, className)
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "onPickstart", "onPickend", "children"];
|
4
5
|
import clsx from 'clsx';
|
@@ -19,25 +20,25 @@ const Picker = props => {
|
|
19
20
|
restProps = _objectWithoutProperties(props, _excluded);
|
20
21
|
return /*#__PURE__*/React.createElement(RemaxPickerView, _extends({
|
21
22
|
onChange: e => {
|
22
|
-
onChange === null || onChange === void 0 || onChange({
|
23
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
23
24
|
type: 'change',
|
24
25
|
value: e.detail.value,
|
25
26
|
origin: e
|
26
|
-
});
|
27
|
+
}));
|
27
28
|
},
|
28
29
|
onPickstart: e => {
|
29
|
-
onPickstart === null || onPickstart === void 0 || onPickstart({
|
30
|
+
onPickstart === null || onPickstart === void 0 || onPickstart(_objectSpread(_objectSpread({}, e), {}, {
|
30
31
|
type: 'pickstart',
|
31
32
|
value: e.detail.value,
|
32
33
|
origin: e
|
33
|
-
});
|
34
|
+
}));
|
34
35
|
},
|
35
36
|
onPickend: e => {
|
36
|
-
onPickend === null || onPickend === void 0 || onPickend({
|
37
|
+
onPickend === null || onPickend === void 0 || onPickend(_objectSpread(_objectSpread({}, e), {}, {
|
37
38
|
type: 'pickend',
|
38
39
|
value: e.detail.value,
|
39
40
|
origin: e
|
40
|
-
});
|
41
|
+
}));
|
41
42
|
},
|
42
43
|
style: inlineStyle(style),
|
43
44
|
className: clsx(styles.pickerViewWrp, className)
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import * as React from 'react';
|
3
4
|
import { useEventListener } from 'ahooks';
|
4
5
|
import handleProps from '../utils/handleProps';
|
@@ -11,10 +12,10 @@ const RadioGroup = props => {
|
|
11
12
|
const currentNode = React.useRef(null);
|
12
13
|
useEventListener('change', e => {
|
13
14
|
var _props$onChange;
|
14
|
-
!disabled && ((_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
|
15
|
+
!disabled && ((_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
15
16
|
type: 'change',
|
16
17
|
value: e.detail.value
|
17
|
-
}));
|
18
|
+
})));
|
18
19
|
}, {
|
19
20
|
target: currentNode
|
20
21
|
});
|
@@ -1,6 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { BaseProps } from '../types';
|
3
3
|
import { RadioProps } from '../Radio/props';
|
4
|
+
import { GenericEvent } from '@ray-js/adapter';
|
4
5
|
export type RadioGroupOption = RadioProps & {
|
5
6
|
label: string;
|
6
7
|
};
|
@@ -31,18 +32,7 @@ export interface BaseRadioGroupProps extends Omit<BaseProps, 'children'> {
|
|
31
32
|
* @description.zh 选中项发生改变时触发 change 事件
|
32
33
|
* @default undefined
|
33
34
|
*/
|
34
|
-
onChange?: (event: {
|
35
|
-
|
36
|
-
|
37
|
-
* @description.zh 类型
|
38
|
-
* @default undefined
|
39
|
-
*/
|
40
|
-
type: 'change';
|
41
|
-
/**
|
42
|
-
* @description.en value
|
43
|
-
* @description.zh 价值
|
44
|
-
* @default undefined
|
45
|
-
*/
|
46
|
-
value: string[];
|
47
|
-
}) => void;
|
35
|
+
onChange?: (event: GenericEvent<{
|
36
|
+
value: any;
|
37
|
+
}>) => void;
|
48
38
|
}
|
@@ -15,7 +15,7 @@ const ScrollView = props => {
|
|
15
15
|
restProps = _objectWithoutProperties(props, _excluded);
|
16
16
|
const currentNode = React.useRef(null);
|
17
17
|
useEventListener('scroll', e => {
|
18
|
-
onScroll === null || onScroll === void 0 || onScroll(_objectSpread(_objectSpread({
|
18
|
+
onScroll === null || onScroll === void 0 || onScroll(_objectSpread(_objectSpread(_objectSpread({}, e), {}, {
|
19
19
|
type: 'scroll'
|
20
20
|
}, e.detail), {}, {
|
21
21
|
origin: e
|
@@ -24,7 +24,7 @@ const ScrollView = props => {
|
|
24
24
|
target: currentNode
|
25
25
|
});
|
26
26
|
useEventListener('scrolltoupper', e => {
|
27
|
-
onScrollToUpper === null || onScrollToUpper === void 0 || onScrollToUpper(_objectSpread(_objectSpread({
|
27
|
+
onScrollToUpper === null || onScrollToUpper === void 0 || onScrollToUpper(_objectSpread(_objectSpread(_objectSpread({}, e), {}, {
|
28
28
|
type: 'scrolltoupper'
|
29
29
|
}, e.detail), {}, {
|
30
30
|
origin: e
|
@@ -33,7 +33,7 @@ const ScrollView = props => {
|
|
33
33
|
target: currentNode
|
34
34
|
});
|
35
35
|
useEventListener('scrolltolower', e => {
|
36
|
-
onScrollToLower === null || onScrollToLower === void 0 || onScrollToLower(_objectSpread(_objectSpread({
|
36
|
+
onScrollToLower === null || onScrollToLower === void 0 || onScrollToLower(_objectSpread(_objectSpread(_objectSpread({}, e), {}, {
|
37
37
|
type: 'scrolltolower'
|
38
38
|
}, e.detail), {}, {
|
39
39
|
origin: e
|
package/lib/Slider/Slider.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import * as React from 'react';
|
3
4
|
import { useEventListener } from 'ahooks';
|
4
5
|
import handleProps from '../utils/handleProps';
|
@@ -6,21 +7,21 @@ const Slider = props => {
|
|
6
7
|
const currentNode = React.useRef(null);
|
7
8
|
useEventListener('change', e => {
|
8
9
|
var _props$onChange;
|
9
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
|
10
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
10
11
|
type: 'change',
|
11
12
|
value: e.detail.value,
|
12
13
|
origin: e
|
13
|
-
});
|
14
|
+
}));
|
14
15
|
}, {
|
15
16
|
target: currentNode
|
16
17
|
});
|
17
18
|
useEventListener('changing', e => {
|
18
19
|
var _props$onChanging;
|
19
|
-
(_props$onChanging = props.onChanging) === null || _props$onChanging === void 0 || _props$onChanging.call(props, {
|
20
|
+
(_props$onChanging = props.onChanging) === null || _props$onChanging === void 0 || _props$onChanging.call(props, _objectSpread(_objectSpread({}, e), {}, {
|
20
21
|
type: 'changing',
|
21
22
|
value: e.detail.value,
|
22
23
|
origin: e
|
23
|
-
});
|
24
|
+
}));
|
24
25
|
}, {
|
25
26
|
target: currentNode
|
26
27
|
});
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["id", "style", "className", "children", "onChange", "onChanging"];
|
4
5
|
import * as React from 'react';
|
@@ -18,18 +19,18 @@ const Slider = props => {
|
|
18
19
|
id: id,
|
19
20
|
style: inlineStyle(style),
|
20
21
|
onChange: e => {
|
21
|
-
typeof onChange === 'function' && onChange({
|
22
|
+
typeof onChange === 'function' && onChange(_objectSpread(_objectSpread({}, e), {}, {
|
22
23
|
type: 'change',
|
23
24
|
value: e.detail.value,
|
24
25
|
origin: e
|
25
|
-
});
|
26
|
+
}));
|
26
27
|
},
|
27
28
|
onChanging: e => {
|
28
|
-
typeof onChanging === 'function' && onChanging({
|
29
|
+
typeof onChanging === 'function' && onChanging(_objectSpread(_objectSpread({}, e), {}, {
|
29
30
|
type: 'changing',
|
30
31
|
value: e.detail.value,
|
31
32
|
origin: e
|
32
|
-
});
|
33
|
+
}));
|
33
34
|
}
|
34
35
|
}, restProps));
|
35
36
|
};
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["id", "style", "className", "children", "onChange", "onChanging", "activeColor"];
|
4
5
|
import * as React from 'react';
|
@@ -19,18 +20,18 @@ const Slider = props => {
|
|
19
20
|
id: id,
|
20
21
|
style: inlineStyle(style),
|
21
22
|
onChange: e => {
|
22
|
-
typeof onChange === 'function' && onChange({
|
23
|
+
typeof onChange === 'function' && onChange(_objectSpread(_objectSpread({}, e), {}, {
|
23
24
|
type: 'change',
|
24
25
|
value: e.detail.value,
|
25
26
|
origin: e
|
26
|
-
});
|
27
|
+
}));
|
27
28
|
},
|
28
29
|
onChanging: e => {
|
29
|
-
typeof onChanging === 'function' && onChanging({
|
30
|
+
typeof onChanging === 'function' && onChanging(_objectSpread(_objectSpread({}, e), {}, {
|
30
31
|
type: 'changing',
|
31
32
|
value: e.detail.value,
|
32
33
|
origin: e
|
33
|
-
});
|
34
|
+
}));
|
34
35
|
},
|
35
36
|
step: 2,
|
36
37
|
activeColor: '#007aff' || activeColor
|
package/lib/Slider/props.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { GenericEvent } from '@ray-js/adapter';
|
1
2
|
import { BaseProps } from '../types';
|
2
3
|
export interface SliderProps extends BaseProps {
|
3
4
|
/**
|
@@ -65,41 +66,17 @@ export interface SliderProps extends BaseProps {
|
|
65
66
|
* @description.zh 完成一次拖动后触发的事件,event.detail = {value}
|
66
67
|
* @default undefined
|
67
68
|
*/
|
68
|
-
onChange?: (event: {
|
69
|
-
|
70
|
-
|
71
|
-
* @description.zh 类型
|
72
|
-
* @default undefined
|
73
|
-
*/
|
74
|
-
type: string;
|
75
|
-
/**
|
76
|
-
* @description.en value
|
77
|
-
* @description.zh value
|
78
|
-
* @default undefined
|
79
|
-
*/
|
80
|
-
value: number;
|
81
|
-
origin: any;
|
82
|
-
}) => void;
|
69
|
+
onChange?: (event: GenericEvent<{
|
70
|
+
value: any;
|
71
|
+
}>) => void;
|
83
72
|
/**
|
84
73
|
* @description.en onChanging
|
85
74
|
* @description.zh 拖动过程中触发的事件,event.detail = {value}
|
86
75
|
* @default undefined
|
87
76
|
*/
|
88
|
-
onChanging?: (event: {
|
89
|
-
|
90
|
-
|
91
|
-
* @description.zh 类型
|
92
|
-
* @default undefined
|
93
|
-
*/
|
94
|
-
type: string;
|
95
|
-
/**
|
96
|
-
* @description.en value
|
97
|
-
* @description.zh 价值
|
98
|
-
* @default undefined
|
99
|
-
*/
|
100
|
-
value: number;
|
101
|
-
origin: any;
|
102
|
-
}) => void;
|
77
|
+
onChanging?: (event: GenericEvent<{
|
78
|
+
value: any;
|
79
|
+
}>) => void;
|
103
80
|
}
|
104
81
|
export declare const sliderDefault: {
|
105
82
|
blockSize: number;
|
package/lib/Swiper/Swiper.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
|
4
5
|
import "core-js/modules/web.dom-collections.iterator.js";
|
@@ -29,10 +30,10 @@ function Swiper(props) {
|
|
29
30
|
}
|
30
31
|
}, [current]);
|
31
32
|
function handleChange(event) {
|
32
|
-
onChange === null || onChange === void 0 || onChange(event === null || event === void 0 ? void 0 : event.detail);
|
33
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.detail), event));
|
33
34
|
}
|
34
35
|
function handleAfterChange(event) {
|
35
|
-
onAfterChange === null || onAfterChange === void 0 || onAfterChange(event === null || event === void 0 ? void 0 : event.detail);
|
36
|
+
onAfterChange === null || onAfterChange === void 0 || onAfterChange(_objectSpread(_objectSpread({}, event === null || event === void 0 ? void 0 : event.detail), event));
|
36
37
|
}
|
37
38
|
useEventListener('change', e => {
|
38
39
|
handleChange(e);
|
package/lib/Swiper/props.d.ts
CHANGED
@@ -63,6 +63,9 @@ export type SwiperProps<I> = BaseProps & {
|
|
63
63
|
current: number;
|
64
64
|
source: '' | 'autoplay' | 'touch';
|
65
65
|
origin?: WxEvent;
|
66
|
+
detail: {
|
67
|
+
value: any;
|
68
|
+
};
|
66
69
|
}) => void;
|
67
70
|
/** swiper-item 的位置发生改变时会触发 transition 事件,event.detail = {dx: dx, dy: dy} 2.4.3 */
|
68
71
|
/** 动画结束时会触发 onAfterChange 事件 */
|
package/lib/Switch/Switch.js
CHANGED
@@ -7,7 +7,7 @@ const Switch = props => {
|
|
7
7
|
const currentNode = React.useRef(null);
|
8
8
|
useEventListener('change', e => {
|
9
9
|
var _props$onChange;
|
10
|
-
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({
|
10
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread(_objectSpread({}, e), {}, {
|
11
11
|
type: 'change'
|
12
12
|
}, e.detail), {}, {
|
13
13
|
origin: e
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "type", "color"];
|
4
5
|
import clsx from 'clsx';
|
@@ -18,11 +19,11 @@ const Switch = props => {
|
|
18
19
|
return /*#__PURE__*/React.createElement(RemaxSwitch, _extends({
|
19
20
|
id: id,
|
20
21
|
onChange: e => {
|
21
|
-
onChange === null || onChange === void 0 || onChange({
|
22
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
22
23
|
type: 'change',
|
23
24
|
value: e.detail.value,
|
24
25
|
origin: e
|
25
|
-
});
|
26
|
+
}));
|
26
27
|
},
|
27
28
|
style: inlineStyle(style),
|
28
29
|
className: clsx(className),
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "style", "id", "onChange", "type", "color"];
|
4
5
|
import clsx from 'clsx';
|
@@ -19,11 +20,11 @@ const Switch = props => {
|
|
19
20
|
return /*#__PURE__*/React.createElement(RemaxSwitch, _extends({
|
20
21
|
id: id,
|
21
22
|
onChange: e => {
|
22
|
-
onChange === null || onChange === void 0 || onChange({
|
23
|
+
onChange === null || onChange === void 0 || onChange(_objectSpread(_objectSpread({}, e), {}, {
|
23
24
|
type: 'change',
|
24
25
|
value: e.detail.value,
|
25
26
|
origin: e
|
26
|
-
});
|
27
|
+
}));
|
27
28
|
},
|
28
29
|
style: inlineStyle(style),
|
29
30
|
className: clsx('raySwitch', className),
|
package/lib/Switch/props.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { GenericEvent } from '@ray-js/adapter';
|
2
3
|
import { BaseProps } from '../types';
|
3
4
|
export interface SwitchProps extends BaseProps {
|
4
5
|
/**
|
@@ -6,21 +7,9 @@ export interface SwitchProps extends BaseProps {
|
|
6
7
|
* @description.zh checked 改变时触发 change 事件,event.detail={ value}
|
7
8
|
* @default undefined
|
8
9
|
*/
|
9
|
-
onChange?: (event: {
|
10
|
-
|
11
|
-
|
12
|
-
* @description.zh 类型
|
13
|
-
* @default undefined
|
14
|
-
*/
|
15
|
-
type: 'change';
|
16
|
-
/**
|
17
|
-
* @description.en value
|
18
|
-
* @description.zh 价值
|
19
|
-
* @default undefined
|
20
|
-
*/
|
21
|
-
value: boolean;
|
22
|
-
origin: any;
|
23
|
-
}) => void;
|
10
|
+
onChange?: (event: GenericEvent<{
|
11
|
+
value: any;
|
12
|
+
}>) => void;
|
24
13
|
/**
|
25
14
|
* @description.en checked
|
26
15
|
* @description.zh 当前是否选中
|
package/lib/Textarea/Textarea.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
2
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
3
4
|
const _excluded = ["className", "onInput", "onFocus", "onBlur"];
|
4
5
|
import * as React from 'react';
|
@@ -16,29 +17,29 @@ const Textarea = props => {
|
|
16
17
|
restProps = _objectWithoutProperties(props, _excluded);
|
17
18
|
const currentNode = React.useRef(null);
|
18
19
|
useEventListener('input', e => {
|
19
|
-
onInput === null || onInput === void 0 || onInput({
|
20
|
+
onInput === null || onInput === void 0 || onInput(_objectSpread(_objectSpread({}, e), {}, {
|
20
21
|
type: 'input',
|
21
22
|
value: e.detail.value,
|
22
23
|
origin: e
|
23
|
-
});
|
24
|
+
}));
|
24
25
|
}, {
|
25
26
|
target: currentNode
|
26
27
|
});
|
27
28
|
useEventListener('focus', e => {
|
28
|
-
onFocus === null || onFocus === void 0 || onFocus({
|
29
|
+
onFocus === null || onFocus === void 0 || onFocus(_objectSpread(_objectSpread({}, e), {}, {
|
29
30
|
type: 'focus',
|
30
31
|
value: e.detail.value,
|
31
32
|
origin: e
|
32
|
-
});
|
33
|
+
}));
|
33
34
|
}, {
|
34
35
|
target: currentNode
|
35
36
|
});
|
36
37
|
useEventListener('blur', e => {
|
37
|
-
onBlur === null || onBlur === void 0 || onBlur({
|
38
|
+
onBlur === null || onBlur === void 0 || onBlur(_objectSpread(_objectSpread({}, e), {}, {
|
38
39
|
type: 'blur',
|
39
40
|
value: e.detail.value,
|
40
41
|
origin: e
|
41
|
-
});
|
42
|
+
}));
|
42
43
|
}, {
|
43
44
|
target: currentNode
|
44
45
|
});
|
package/lib/Textarea/props.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { BaseProps, FormEvent } from '../types';
|
3
|
+
import { GenericEvent } from '@ray-js/adapter';
|
3
4
|
export type TextareaEvent = FormEvent<{
|
4
5
|
value: string;
|
5
6
|
}>;
|
@@ -57,17 +58,23 @@ export interface TextareaProps extends BaseProps {
|
|
57
58
|
* @description.zh 输入框聚焦时触发
|
58
59
|
* @default null
|
59
60
|
*/
|
60
|
-
onFocus?: (event:
|
61
|
+
onFocus?: (event: GenericEvent<{
|
62
|
+
value: any;
|
63
|
+
}>) => void;
|
61
64
|
/**
|
62
65
|
* @description.en Triggered when the input box loses focus
|
63
66
|
* @description.zh 输入框失去焦点时触发
|
64
67
|
* @default null
|
65
68
|
*/
|
66
|
-
onBlur?: (event:
|
69
|
+
onBlur?: (event: GenericEvent<{
|
70
|
+
value: any;
|
71
|
+
}>) => void;
|
67
72
|
/**
|
68
73
|
* @description.en Called when the number of lines in the input box changes, event.detail = {height: 0, lineCount: 0}
|
69
74
|
* @description.zh 输入框行数变化时调用,event.detail = {height: 0, lineCount: 0}
|
70
75
|
* @default null
|
71
76
|
*/
|
72
|
-
onLinechange?: (event:
|
77
|
+
onLinechange?: (event: GenericEvent<{
|
78
|
+
value: any;
|
79
|
+
}>) => void;
|
73
80
|
}
|
package/lib/Video/Video.js
CHANGED
@@ -2,6 +2,6 @@ import React from 'react';
|
|
2
2
|
|
3
3
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
4
4
|
const Video = () => {
|
5
|
-
return /*#__PURE__*/React.createElement("div", null, "
|
5
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
6
6
|
};
|
7
7
|
export default Video;
|
@@ -3,6 +3,6 @@ import { View } from '@ray-js/components';
|
|
3
3
|
|
4
4
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
5
5
|
function Video() {
|
6
|
-
return /*#__PURE__*/React.createElement(View, null, "
|
6
|
+
return /*#__PURE__*/React.createElement(View, null, "Wechat mini program side has not been implemented");
|
7
7
|
}
|
8
8
|
export default Video;
|
package/lib/WebView/WebView.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
const WebView = () => {
|
3
|
-
return /*#__PURE__*/React.createElement("div", null, "web
|
3
|
+
return /*#__PURE__*/React.createElement("div", null, "The web side is not implemented yet.");
|
4
4
|
};
|
5
5
|
export default WebView;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@ray-js/components",
|
3
|
-
"version": "1.4.59
|
3
|
+
"version": "1.4.59",
|
4
4
|
"description": "Ray basic components",
|
5
5
|
"keywords": [
|
6
6
|
"ray"
|
@@ -29,8 +29,8 @@
|
|
29
29
|
"dependencies": {
|
30
30
|
"@ray-core/macro": "^0.4.0",
|
31
31
|
"@ray-core/wechat": "^0.4.0",
|
32
|
-
"@ray-js/adapter": "
|
33
|
-
"@ray-js/framework-shared": "
|
32
|
+
"@ray-js/adapter": "1.4.59",
|
33
|
+
"@ray-js/framework-shared": "1.4.59",
|
34
34
|
"ahooks": "^3.7.10",
|
35
35
|
"clsx": "^1.2.1",
|
36
36
|
"core-js": "^3.36.1",
|
@@ -40,11 +40,11 @@
|
|
40
40
|
"style-to-object": "^0.3.0"
|
41
41
|
},
|
42
42
|
"devDependencies": {
|
43
|
-
"@ray-js/cli": "
|
43
|
+
"@ray-js/cli": "1.4.59"
|
44
44
|
},
|
45
45
|
"publishConfig": {
|
46
46
|
"access": "public",
|
47
47
|
"registry": "https://registry.npmjs.org"
|
48
48
|
},
|
49
|
-
"gitHead": "
|
49
|
+
"gitHead": "c0bcde71486faae4c61552e1bd83cef73cbabc1e"
|
50
50
|
}
|