@ray-js/components 0.4.2 → 0.4.5

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 (52) hide show
  1. package/lib/Checkbox/index.md +1 -1
  2. package/lib/CheckboxGroup/CheckboxGroup.tuya.js +5 -2
  3. package/lib/CheckboxGroup/CheckboxGroup.wechat.js +5 -2
  4. package/lib/PickerView/PickerView.tuya.js +5 -2
  5. package/lib/PickerView/PickerView.wechat.js +5 -2
  6. package/lib/PickerView/index.md +1 -1
  7. package/lib/PickerViewColumn/PickerViewColumn.tuya.d.ts +3 -3
  8. package/lib/PickerViewColumn/PickerViewColumn.tuya.js +8 -57
  9. package/lib/PickerViewColumn/PickerViewColumn.wechat.d.ts +3 -3
  10. package/lib/PickerViewColumn/PickerViewColumn.wechat.js +8 -58
  11. package/lib/PickerViewColumn/index.md +5 -3
  12. package/lib/PickerViewColumn/props.d.ts +1 -12
  13. package/lib/RadioGroup/RadioGroup.tuya.js +5 -2
  14. package/lib/RadioGroup/RadioGroup.wechat.js +5 -2
  15. package/lib/RadioGroup/index.md +1 -1
  16. package/lib/Swiper/Swiper.js +12 -7
  17. package/lib/Swiper/Swiper.tuya.js +11 -6
  18. package/lib/Swiper/Swiper.web.js +12 -7
  19. package/lib/Swiper/Swiper.wechat.js +11 -6
  20. package/lib/SwiperItem/SwiperItem.android.js +1 -0
  21. package/lib/SwiperItem/SwiperItem.d.ts +4 -0
  22. package/lib/SwiperItem/SwiperItem.ios.js +1 -0
  23. package/lib/SwiperItem/SwiperItem.js +1 -0
  24. package/lib/SwiperItem/SwiperItem.tuya.d.ts +4 -0
  25. package/lib/SwiperItem/SwiperItem.tuya.js +22 -0
  26. package/lib/SwiperItem/SwiperItem.web.js +14 -0
  27. package/lib/SwiperItem/SwiperItem.wechat.d.ts +4 -0
  28. package/lib/SwiperItem/SwiperItem.wechat.js +22 -0
  29. package/lib/SwiperItem/index.android.js +1 -0
  30. package/lib/SwiperItem/index.d.ts +3 -0
  31. package/lib/SwiperItem/index.ios.js +1 -0
  32. package/lib/SwiperItem/index.js +3 -0
  33. package/lib/SwiperItem/index.md +23 -0
  34. package/lib/SwiperItem/index.tuya.js +3 -0
  35. package/lib/SwiperItem/index.web.js +3 -0
  36. package/lib/SwiperItem/index.wechat.js +3 -0
  37. package/lib/SwiperItem/props.android.js +1 -0
  38. package/lib/SwiperItem/props.d.ts +5 -0
  39. package/lib/SwiperItem/props.ios.js +1 -0
  40. package/lib/SwiperItem/props.js +1 -0
  41. package/lib/SwiperItem/props.tuya.js +1 -0
  42. package/lib/SwiperItem/props.web.js +1 -0
  43. package/lib/SwiperItem/props.wechat.js +1 -0
  44. package/lib/index.android.js +1 -1
  45. package/lib/index.d.ts +1 -0
  46. package/lib/index.ios.js +1 -1
  47. package/lib/index.js +1 -0
  48. package/lib/index.tuya.js +1 -0
  49. package/lib/index.web.js +1 -0
  50. package/lib/index.wechat.js +1 -0
  51. package/lib/types/index.d.ts +6 -0
  52. package/package.json +5 -5
@@ -20,7 +20,7 @@ import { Checkbox } from '@ray-js/components'
20
20
 
21
21
  <code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
22
22
  <code src="./demos/checkboxGroup.tsx" title="多项选择器组 - 选项" background="#f2f4f6"/>
23
- <code src="./demos/checkboxGroupChildren.tsx" title="多项选择器组 - 子节点 (仅 Web 端)" background="#f2f4f6"/>
23
+ <code src="./demos/checkboxGroupChildren.tsx" title="多项选择器组 - 子节点" background="#f2f4f6"/>
24
24
  <code src="./demos/checked.tsx" title="默认选中" background="#f2f4f6"/>
25
25
  <code src="./demos/disabled.tsx" title="disabled" background="#f2f4f6"/>
26
26
 
@@ -10,13 +10,16 @@ var CheckboxGroup = function (props) {
10
10
  name = props.name,
11
11
  disabled = props.disabled,
12
12
  _props$onChange = props.onChange,
13
- onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
13
+ onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
14
+ children = props.children;
14
15
  return /*#__PURE__*/React.createElement(RemaxCheckboxGroup, {
15
16
  name: name,
16
17
  onChange: function handleOnChange(e) {
17
18
  !disabled && onChange(e);
18
19
  }
19
- }, function renderOptions() {
20
+ }, function renderChildren() {
21
+ return children;
22
+ }() || function renderOptions() {
20
23
  return options.map(function (item, index) {
21
24
  var _item$checked;
22
25
 
@@ -10,13 +10,16 @@ var CheckboxGroup = function (props) {
10
10
  name = props.name,
11
11
  disabled = props.disabled,
12
12
  _props$onChange = props.onChange,
13
- onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
13
+ onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
14
+ children = props.children;
14
15
  return /*#__PURE__*/React.createElement(_CheckboxGroup, {
15
16
  name: name,
16
17
  onChange: function handleOnChange(e) {
17
18
  !disabled && onChange(e);
18
19
  }
19
- }, function renderOptions() {
20
+ }, function renderChildren() {
21
+ return children;
22
+ }() || function renderOptions() {
20
23
  return options.map(function (item, index) {
21
24
  var _item$checked;
22
25
 
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["className", "style", "id", "onChange", "range"];
3
+ var _excluded = ["className", "style", "id", "onChange", "range", "children"];
4
4
  import "core-js/modules/es.array.map.js";
5
5
  import clsx from 'clsx';
6
6
  import * as React from 'react';
@@ -15,6 +15,7 @@ var Picker = function (props) {
15
15
  id = props.id,
16
16
  onChange = props.onChange,
17
17
  range = props.range,
18
+ children = props.children,
18
19
  restProps = _objectWithoutProperties(props, _excluded);
19
20
 
20
21
  var countArray = function (array) {
@@ -45,7 +46,9 @@ var Picker = function (props) {
45
46
  },
46
47
  style: inlineStyle(style),
47
48
  className: clsx(styles.pickerViewWrp, className)
48
- }, restProps), function renderPickerColumn() {
49
+ }, restProps), function renderChildren() {
50
+ return children;
51
+ }() || function renderPickerColumn() {
49
52
  if (countArray(props.range) > 1) {
50
53
  return props.range.map(function (item, index) {
51
54
  return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, {
@@ -2,7 +2,7 @@ import { PickerView as _PickerView } from "@remax/wechat/esm/hostComponents/Pick
2
2
  import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  import { PickerViewColumn as _PickerViewColumn } from "@remax/wechat/esm/hostComponents/PickerViewColumn/index";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["className", "style", "id", "onChange", "range"];
5
+ var _excluded = ["className", "style", "id", "onChange", "range", "children"];
6
6
  import "core-js/modules/es.array.map.js";
7
7
  import clsx from 'clsx';
8
8
  import * as React from 'react';
@@ -16,6 +16,7 @@ var Picker = function (props) {
16
16
  id = props.id,
17
17
  onChange = props.onChange,
18
18
  range = props.range,
19
+ children = props.children,
19
20
  restProps = _objectWithoutProperties(props, _excluded);
20
21
 
21
22
  var countArray = function (array) {
@@ -46,7 +47,9 @@ var Picker = function (props) {
46
47
  },
47
48
  style: inlineStyle(style),
48
49
  className: clsx(styles.pickerViewWrp, className)
49
- }, restProps), function renderPickerColumn() {
50
+ }, restProps), function renderChildren() {
51
+ return children;
52
+ }() || function renderPickerColumn() {
50
53
  if (countArray(props.range) > 1) {
51
54
  return props.range.map(function (item, index) {
52
55
  return /*#__PURE__*/React.createElement(_PickerViewColumn, {
@@ -19,7 +19,7 @@ import { PickerView } from '@ray-js/components'
19
19
  ## 示例代码
20
20
 
21
21
  <code src="./demos/basic.tsx" title="单选 - 选项" background="#f2f4f6" />
22
- <code src="./demos/basicChildren.tsx" title="单选 - 子节点(仅支持web端)" background="#f2f4f6" />
22
+ <code src="./demos/basicChildren.tsx" title="单选 - 子节点" background="#f2f4f6" />
23
23
  <code src="./demos/multi.tsx" title="多选" background="#f2f4f6" />
24
24
 
25
25
  ## Props
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
- import { PickerViewProps } from './props';
3
- declare const Picker: React.FC<PickerViewProps>;
4
- export default Picker;
2
+ import { PickerViewColumnProps } from './props';
3
+ declare const PickerViewColumn: React.FC<PickerViewColumnProps>;
4
+ export default PickerViewColumn;
@@ -1,71 +1,22 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["className", "style", "id", "onChange", "range"];
4
- import "core-js/modules/es.array.map.js";
3
+ var _excluded = ["className", "style", "id"];
5
4
  import clsx from 'clsx';
6
5
  import * as React from 'react';
7
6
  import { inlineStyle } from '@ray-js/framework-shared';
8
- import { PickerView as RemaxPickerView, PickerViewColumn as RemaxPickerViewColumn } from '@ray-js/remax-tuya';
9
- import { View } from '@ray-js/components';
10
- import styles from './index.module.less';
7
+ import { PickerViewColumn as RemaxPickerViewColumn } from '@ray-js/remax-tuya';
11
8
 
12
- var Picker = function (props) {
9
+ var PickerViewColumn = function (props) {
13
10
  var className = props.className,
14
11
  style = props.style,
15
12
  id = props.id,
16
- onChange = props.onChange,
17
- range = props.range,
18
13
  restProps = _objectWithoutProperties(props, _excluded);
19
14
 
20
- var countArray = function (array) {
21
- var countArr = 1;
22
-
23
- var multiarr = function (arr) {
24
- for (var i = 0; i < arr.length; i++) {
25
- if (arr[i] instanceof Array) {
26
- countArr++;
27
- arr = arr[i];
28
- multiarr(arr);
29
- }
30
- }
31
-
32
- return countArr;
33
- };
34
-
35
- return multiarr(array);
36
- };
37
-
38
- return /*#__PURE__*/React.createElement(RemaxPickerView, _extends({
39
- onChange: function handleChange(e) {
40
- onChange === null || onChange === void 0 ? void 0 : onChange({
41
- type: 'change',
42
- value: e.detail.value,
43
- origin: e
44
- });
45
- },
15
+ return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, _extends({
16
+ id: id,
46
17
  style: inlineStyle(style),
47
- className: clsx(styles.pickerViewWrp, className)
48
- }, restProps), function renderPickerColumn() {
49
- if (countArray(props.range) > 1) {
50
- return props.range.map(function (item, index) {
51
- return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, {
52
- key: index
53
- }, item.map(function (i, id) {
54
- return /*#__PURE__*/React.createElement(View, {
55
- key: id,
56
- className: styles.pcWrp
57
- }, i);
58
- }));
59
- });
60
- } else {
61
- return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, null, range.map(function (item, index) {
62
- return /*#__PURE__*/React.createElement(View, {
63
- key: index,
64
- className: styles.pcWrp
65
- }, item);
66
- }));
67
- }
68
- }());
18
+ className: clsx('ray-picker-view-column', className)
19
+ }, restProps));
69
20
  };
70
21
 
71
- export default Picker;
22
+ export default PickerViewColumn;
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
- import { PickerViewProps } from './props';
3
- declare const Picker: React.FC<PickerViewProps>;
4
- export default Picker;
2
+ import { PickerViewColumnProps } from './props';
3
+ declare const PickerViewColumn: React.FC<PickerViewColumnProps>;
4
+ export default PickerViewColumn;
@@ -1,72 +1,22 @@
1
- import { PickerView as _PickerView } from "@remax/wechat/esm/hostComponents/PickerView/index";
2
1
  import _extends from "@babel/runtime/helpers/esm/extends";
3
- import { PickerViewColumn as _PickerViewColumn } from "@remax/wechat/esm/hostComponents/PickerViewColumn/index";
4
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["className", "style", "id", "onChange", "range"];
6
- import "core-js/modules/es.array.map.js";
3
+ var _excluded = ["className", "style", "id"];
7
4
  import clsx from 'clsx';
8
5
  import * as React from 'react';
9
6
  import { inlineStyle } from '@ray-js/framework-shared';
10
- import { View } from '@ray-js/components';
11
- import styles from './index.module.less';
7
+ import { PickerViewColumn as RemaxPickerViewColumn } from '@ray-js/remax-tuya';
12
8
 
13
- var Picker = function (props) {
9
+ var PickerViewColumn = function (props) {
14
10
  var className = props.className,
15
11
  style = props.style,
16
12
  id = props.id,
17
- onChange = props.onChange,
18
- range = props.range,
19
13
  restProps = _objectWithoutProperties(props, _excluded);
20
14
 
21
- var countArray = function (array) {
22
- var countArr = 1;
23
-
24
- var multiarr = function (arr) {
25
- for (var i = 0; i < arr.length; i++) {
26
- if (arr[i] instanceof Array) {
27
- countArr++;
28
- arr = arr[i];
29
- multiarr(arr);
30
- }
31
- }
32
-
33
- return countArr;
34
- };
35
-
36
- return multiarr(array);
37
- };
38
-
39
- return /*#__PURE__*/React.createElement(_PickerView, _extends({
40
- onChange: function handleChange(e) {
41
- onChange === null || onChange === void 0 ? void 0 : onChange({
42
- type: 'change',
43
- value: e.detail.value,
44
- origin: e
45
- });
46
- },
15
+ return /*#__PURE__*/React.createElement(RemaxPickerViewColumn, _extends({
16
+ id: id,
47
17
  style: inlineStyle(style),
48
- className: clsx(styles.pickerViewWrp, className)
49
- }, restProps), function renderPickerColumn() {
50
- if (countArray(props.range) > 1) {
51
- return props.range.map(function (item, index) {
52
- return /*#__PURE__*/React.createElement(_PickerViewColumn, {
53
- key: index
54
- }, item.map(function (i, id) {
55
- return /*#__PURE__*/React.createElement(View, {
56
- key: id,
57
- className: styles.pcWrp
58
- }, i);
59
- }));
60
- });
61
- } else {
62
- return /*#__PURE__*/React.createElement(_PickerViewColumn, null, range.map(function (item, index) {
63
- return /*#__PURE__*/React.createElement(View, {
64
- key: index,
65
- className: styles.pcWrp
66
- }, item);
67
- }));
68
- }
69
- }());
18
+ className: clsx('ray-picker-view-column', className)
19
+ }, restProps));
70
20
  };
71
21
 
72
- export default Picker;
22
+ export default PickerViewColumn;
@@ -8,14 +8,16 @@ group:
8
8
 
9
9
  # PickerViewColumn
10
10
 
11
- 滚动选择器子项。需要配合 `<PickerView />` 使用, 仅可放置于 PickerView 中,其高度会自动设置成与 PickerView 的选中框的高度一致(仅支持 web)
11
+ 滚动选择器子项。需要配合 `<PickerView />` 使用, 仅可放置于 PickerView 中,其高度会自动设置成与 PickerView 的选中框的高度一致。
12
12
 
13
13
  ## 示例代码
14
14
 
15
- 请参考 PickerView 组件
16
-
17
15
  ## 导入
18
16
 
19
17
  ```js
20
18
  import { PickerViewColumn } from '@ray-js/components'
21
19
  ```
20
+
21
+ ## 代码演示
22
+
23
+ <code src="./demos/basicChildren.tsx" title="单选 - 子节点" background="#f2f4f6" />
@@ -1,16 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BaseProps } from '../types';
3
- import { TouchEventHandler } from '@ray-js/framework-shared';
2
+ import { BaseProps, TouchEventHandler } from '../types';
4
3
  export interface PickerViewColumnProps extends BaseProps, TouchEventHandler {
5
4
  children?: React.ReactNode | string;
6
5
  }
7
- export interface PickerViewProps extends BaseProps {
8
- value?: number | number[];
9
- fontSize?: number;
10
- range?: string[] | string[][];
11
- onChange?: (e: {
12
- type: 'change';
13
- value: number | number[];
14
- origin?: any;
15
- }) => void;
16
- }
@@ -10,13 +10,16 @@ var RadioGroup = function (props) {
10
10
  name = props.name,
11
11
  disabled = props.disabled,
12
12
  _props$onChange = props.onChange,
13
- onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
13
+ onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
14
+ children = props.children;
14
15
  return /*#__PURE__*/React.createElement(RemaxRadioGroup, {
15
16
  name: name,
16
17
  onChange: function handleOnChange(e) {
17
18
  !disabled && onChange(e);
18
19
  }
19
- }, function renderOptions() {
20
+ }, function renderChildren() {
21
+ return children;
22
+ }() || function renderOptions() {
20
23
  return options.map(function (item, index) {
21
24
  var _item$checked;
22
25
 
@@ -10,13 +10,16 @@ var RadioGroup = function (props) {
10
10
  name = props.name,
11
11
  disabled = props.disabled,
12
12
  _props$onChange = props.onChange,
13
- onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
13
+ onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
14
+ children = props.children;
14
15
  return /*#__PURE__*/React.createElement(_RadioGroup, {
15
16
  name: name,
16
17
  onChange: function handleOnChange(e) {
17
18
  !disabled && onChange(e);
18
19
  }
19
- }, function renderOptions() {
20
+ }, function renderChildren() {
21
+ return children;
22
+ }() || function renderOptions() {
20
23
  return options.map(function (item, index) {
21
24
  var _item$checked;
22
25
 
@@ -19,7 +19,7 @@ import { RadioGroup } from '@ray-js/components'
19
19
  ## 示例代码
20
20
 
21
21
  <code src="./demos/group.tsx" title="一组数据 - 选项" background="#f2f4f6" height="500px" />
22
- <code src="./demos/groupChildren.tsx" title="一组数据 - 子节点(仅支持web端)" background="#f2f4f6" height="500px" />
22
+ <code src="./demos/groupChildren.tsx" title="一组数据 - 子节点" background="#f2f4f6" height="500px" />
23
23
  <code src="./demos/groupDisabled.tsx" title="全部禁止" background="#f2f4f6" height="500px" />
24
24
 
25
25
  ## Props
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem"];
4
+ var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
5
5
  import "core-js/modules/es.array.map.js";
6
6
  // import clsx from 'clsx';
7
7
  import * as React from 'react';
@@ -18,6 +18,7 @@ function Swiper(props) {
18
18
  onAfterChange = props.onAfterChange,
19
19
  onChange = props.onChange,
20
20
  renderItem = props.renderItem,
21
+ children = props.children,
21
22
  restProps = _objectWithoutProperties(props, _excluded);
22
23
 
23
24
  var _React$useState = React.useState(current),
@@ -56,12 +57,16 @@ function Swiper(props) {
56
57
  // @ts-ignore
57
58
  React.createElement("ty-swiper", _extends({
58
59
  ref: currentNode
59
- }, handleProps(restProps)), dataSource.map(function (item, index) {
60
- // @ts-ignore
61
- return /*#__PURE__*/React.createElement("ty-swiper-item", {
62
- key: index
63
- }, renderItem(item, index));
64
- }))
60
+ }, handleProps(restProps)), function renderChildren() {
61
+ return children;
62
+ }() || function renderSwiperItem() {
63
+ return dataSource.map(function (item, index) {
64
+ // @ts-ignore
65
+ return /*#__PURE__*/React.createElement("ty-swiper-item", {
66
+ key: index
67
+ }, renderItem(item, index));
68
+ });
69
+ }())
65
70
  );
66
71
  }
67
72
 
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem"];
4
+ var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
5
5
  import "core-js/modules/es.array.map.js";
6
6
  import clsx from 'clsx';
7
7
  import * as React from 'react';
@@ -19,6 +19,7 @@ function Swiper(props) {
19
19
  onAfterChange = props.onAfterChange,
20
20
  onChange = props.onChange,
21
21
  renderItem = props.renderItem,
22
+ children = props.children,
22
23
  restProps = _objectWithoutProperties(props, _excluded);
23
24
 
24
25
  var _React$useState = React.useState(current),
@@ -44,11 +45,15 @@ function Swiper(props) {
44
45
  onAfterChange === null || onAfterChange === void 0 ? void 0 : onAfterChange(event);
45
46
  },
46
47
  current: internalCurrent
47
- }, propsAlias(restProps, SwiperPropsAlias)), dataSource.map(function (item, index) {
48
- return /*#__PURE__*/React.createElement(RemaxSwiperItem, {
49
- key: index
50
- }, renderItem(item, index));
51
- }));
48
+ }, propsAlias(restProps, SwiperPropsAlias)), function () {
49
+ return children;
50
+ }() || function () {
51
+ return dataSource.map(function (item, index) {
52
+ return /*#__PURE__*/React.createElement(RemaxSwiperItem, {
53
+ key: index
54
+ }, renderItem(item, index));
55
+ });
56
+ }());
52
57
  }
53
58
 
54
59
  Swiper.defaultProps = defaultSwiperProps;
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem"];
4
+ var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
5
5
  import "core-js/modules/es.array.map.js";
6
6
  // import clsx from 'clsx';
7
7
  import * as React from 'react';
@@ -18,6 +18,7 @@ function Swiper(props) {
18
18
  onAfterChange = props.onAfterChange,
19
19
  onChange = props.onChange,
20
20
  renderItem = props.renderItem,
21
+ children = props.children,
21
22
  restProps = _objectWithoutProperties(props, _excluded);
22
23
 
23
24
  var _React$useState = React.useState(current),
@@ -56,12 +57,16 @@ function Swiper(props) {
56
57
  // @ts-ignore
57
58
  React.createElement("ty-swiper", _extends({
58
59
  ref: currentNode
59
- }, handleProps(restProps)), dataSource.map(function (item, index) {
60
- // @ts-ignore
61
- return /*#__PURE__*/React.createElement("ty-swiper-item", {
62
- key: index
63
- }, renderItem(item, index));
64
- }))
60
+ }, handleProps(restProps)), function renderChildren() {
61
+ return children;
62
+ }() || function renderSwiperItem() {
63
+ return dataSource.map(function (item, index) {
64
+ // @ts-ignore
65
+ return /*#__PURE__*/React.createElement("ty-swiper-item", {
66
+ key: index
67
+ }, renderItem(item, index));
68
+ });
69
+ }())
65
70
  );
66
71
  }
67
72
 
@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  import { SwiperItem as _SwiperItem } from "@remax/wechat/esm/hostComponents/SwiperItem/index";
4
4
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
5
5
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
6
- var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem"];
6
+ var _excluded = ["id", "style", "className", "current", "dataSource", "onAfterChange", "onChange", "renderItem", "children"];
7
7
  import "core-js/modules/es.array.map.js";
8
8
  import clsx from 'clsx';
9
9
  import * as React from 'react';
@@ -20,6 +20,7 @@ function Swiper(props) {
20
20
  onAfterChange = props.onAfterChange,
21
21
  onChange = props.onChange,
22
22
  renderItem = props.renderItem,
23
+ children = props.children,
23
24
  restProps = _objectWithoutProperties(props, _excluded);
24
25
 
25
26
  var _React$useState = React.useState(current),
@@ -45,11 +46,15 @@ function Swiper(props) {
45
46
  onAfterChange === null || onAfterChange === void 0 ? void 0 : onAfterChange(event);
46
47
  },
47
48
  current: internalCurrent
48
- }, propsAlias(restProps, SwiperPropsAlias)), dataSource.map(function (item, index) {
49
- return /*#__PURE__*/React.createElement(_SwiperItem, {
50
- key: index
51
- }, renderItem(item, index));
52
- }));
49
+ }, propsAlias(restProps, SwiperPropsAlias)), function () {
50
+ return children;
51
+ }() || function () {
52
+ return dataSource.map(function (item, index) {
53
+ return /*#__PURE__*/React.createElement(_SwiperItem, {
54
+ key: index
55
+ }, renderItem(item, index));
56
+ });
57
+ }());
53
58
  }
54
59
 
55
60
  Swiper.defaultProps = defaultSwiperProps;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _handleProps=_interopRequireDefault(require("../utils/handleProps"));var _this=this,_jsxFileName="/drone/src/packages/components/src/SwiperItem/SwiperItem.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var SwiperItem=function(props){var children=props.children;return React.createElement("ty-swiper-item",(0,_extends2.default)({},(0,_handleProps.default)(props),{__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:5}}),children);};SwiperItem.displayName='SwiperItem';var _default=SwiperItem;exports.default=_default;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { SwiperItemProps } from './props';
3
+ declare const SwiperItem: React.FC<SwiperItemProps>;
4
+ export default SwiperItem;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _handleProps=_interopRequireDefault(require("../utils/handleProps"));var _this=this,_jsxFileName="/drone/src/packages/components/src/SwiperItem/SwiperItem.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var SwiperItem=function(props){var children=props.children;return React.createElement("ty-swiper-item",(0,_extends2.default)({},(0,_handleProps.default)(props),{__self:_this,__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:5}}),children);};SwiperItem.displayName='SwiperItem';var _default=SwiperItem;exports.default=_default;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var React=_interopRequireWildcard(require("react"));var _handleProps=_interopRequireDefault(require("../utils/handleProps"));var _this=this,_jsxFileName="/drone/src/packages/components/src/SwiperItem/SwiperItem.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var SwiperItem=function(props){var children=props.children;return React.createElement("ty-swiper-item",(0,_extends2.default)({},(0,_handleProps.default)(props),{__self:_this,__source:{fileName:_jsxFileName,lineNumber:9,columnNumber:5}}),children);};SwiperItem.displayName='SwiperItem';var _default=SwiperItem;exports.default=_default;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { SwiperItemProps } from './props';
3
+ declare const SwiperItem: React.FC<SwiperItemProps>;
4
+ export default SwiperItem;
@@ -0,0 +1,22 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ var _excluded = ["className", "style", "id"];
4
+ import clsx from 'clsx';
5
+ import * as React from 'react';
6
+ import { inlineStyle } from '@ray-js/framework-shared';
7
+ import { SwiperItem as RemaxSwiperItem } from '@ray-js/remax-tuya';
8
+
9
+ var SwiperItem = function (props) {
10
+ var className = props.className,
11
+ style = props.style,
12
+ id = props.id,
13
+ restProps = _objectWithoutProperties(props, _excluded);
14
+
15
+ return /*#__PURE__*/React.createElement(RemaxSwiperItem, _extends({
16
+ id: id,
17
+ style: inlineStyle(style),
18
+ className: clsx('ray-swiper', className)
19
+ }, restProps));
20
+ };
21
+
22
+ export default SwiperItem;
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ import handleProps from '../utils/handleProps';
3
+
4
+ var SwiperItem = function (props) {
5
+ var children = props.children;
6
+ return (
7
+ /*#__PURE__*/
8
+ // @ts-ignore
9
+ React.createElement("ty-swiper-item", handleProps(props), children)
10
+ );
11
+ };
12
+
13
+ SwiperItem.displayName = 'SwiperItem';
14
+ export default SwiperItem;
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { SwiperItemProps } from './props';
3
+ declare const SwiperItem: React.FC<SwiperItemProps>;
4
+ export default SwiperItem;
@@ -0,0 +1,22 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ var _excluded = ["className", "style", "id"];
4
+ import clsx from 'clsx';
5
+ import * as React from 'react';
6
+ import { inlineStyle } from '@ray-js/framework-shared';
7
+ import { SwiperItem as RemaxSwiperItem } from '@ray-js/remax-tuya';
8
+
9
+ var SwiperItem = function (props) {
10
+ var className = props.className,
11
+ style = props.style,
12
+ id = props.id,
13
+ restProps = _objectWithoutProperties(props, _excluded);
14
+
15
+ return /*#__PURE__*/React.createElement(RemaxSwiperItem, _extends({
16
+ id: id,
17
+ style: inlineStyle(style),
18
+ className: clsx('ray-swiper', className)
19
+ }, restProps));
20
+ };
21
+
22
+ export default SwiperItem;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _SwiperItem=_interopRequireDefault(require("./SwiperItem"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_SwiperItem.default;exports.default=_default;
@@ -0,0 +1,3 @@
1
+ import SwiperItem from './SwiperItem';
2
+ export * from './props';
3
+ export default SwiperItem;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _SwiperItem=_interopRequireDefault(require("./SwiperItem"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_SwiperItem.default;exports.default=_default;
@@ -0,0 +1,3 @@
1
+ import SwiperItem from './SwiperItem';
2
+ export * from './props';
3
+ export default SwiperItem;
@@ -0,0 +1,23 @@
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" />
@@ -0,0 +1,3 @@
1
+ import SwiperItem from './SwiperItem';
2
+ export * from './props';
3
+ export default SwiperItem;
@@ -0,0 +1,3 @@
1
+ import SwiperItem from './SwiperItem';
2
+ export * from './props';
3
+ export default SwiperItem;
@@ -0,0 +1,3 @@
1
+ import SwiperItem from './SwiperItem';
2
+ export * from './props';
3
+ export default SwiperItem;
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { BaseProps, TouchEventHandler } from '../types';
3
+ export interface SwiperItemProps extends BaseProps, TouchEventHandler {
4
+ children?: React.ReactNode | string;
5
+ }
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.default;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.default;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"Form",{enumerable:true,get:function get(){return _Form.default;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.default;}});Object.defineProperty(exports,"Label",{enumerable:true,get:function get(){return _Label.default;}});Object.defineProperty(exports,"LinearGradient",{enumerable:true,get:function get(){return _LinearGradient.default;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _Modal.default;}});Object.defineProperty(exports,"Motion",{enumerable:true,get:function get(){return _Motion.default;}});Object.defineProperty(exports,"PageContainer",{enumerable:true,get:function get(){return _PageContainer.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.default;}});Object.defineProperty(exports,"PickerView",{enumerable:true,get:function get(){return _PickerView.default;}});Object.defineProperty(exports,"PickerViewColumn",{enumerable:true,get:function get(){return _PickerViewColumn.default;}});Object.defineProperty(exports,"RadialGradient",{enumerable:true,get:function get(){return _RadialGradient.default;}});Object.defineProperty(exports,"Radio",{enumerable:true,get:function get(){return _Radio.default;}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup.default;}});Object.defineProperty(exports,"RichText",{enumerable:true,get:function get(){return _RichText.default;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.default;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text.default;}});Object.defineProperty(exports,"Textarea",{enumerable:true,get:function get(){return _Textarea.default;}});Object.defineProperty(exports,"TimePicker",{enumerable:true,get:function get(){return _TimePicker.default;}});Object.defineProperty(exports,"View",{enumerable:true,get:function get(){return _View.default;}});var _View=_interopRequireDefault(require("./View"));var _Label=_interopRequireDefault(require("./Label"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _RichText=_interopRequireDefault(require("./RichText"));var _Text=_interopRequireDefault(require("./Text"));var _Image=_interopRequireDefault(require("./Image"));var _Input=_interopRequireDefault(require("./Input"));var _Textarea=_interopRequireDefault(require("./Textarea"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _CheckboxGroup=_interopRequireDefault(require("./CheckboxGroup"));var _Radio=_interopRequireDefault(require("./Radio"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _ScrollView=_interopRequireDefault(require("./ScrollView"));var _Swiper=_interopRequireDefault(require("./Swiper"));var _Switch=_interopRequireDefault(require("./Switch"));var _Slider=_interopRequireDefault(require("./Slider"));var _Picker=_interopRequireDefault(require("./Picker"));var _DatePicker=_interopRequireDefault(require("./DatePicker"));var _TimePicker=_interopRequireDefault(require("./TimePicker"));var _Modal=_interopRequireDefault(require("./Modal"));var _Icon=_interopRequireDefault(require("./Icon"));var _LinearGradient=_interopRequireDefault(require("./LinearGradient"));var _RadialGradient=_interopRequireDefault(require("./RadialGradient"));var _Motion=_interopRequireDefault(require("./Motion"));var _PickerView=_interopRequireDefault(require("./PickerView"));var _PickerViewColumn=_interopRequireDefault(require("./PickerViewColumn"));var _PageContainer=_interopRequireDefault(require("./PageContainer"));
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.default;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.default;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"Form",{enumerable:true,get:function get(){return _Form.default;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.default;}});Object.defineProperty(exports,"Label",{enumerable:true,get:function get(){return _Label.default;}});Object.defineProperty(exports,"LinearGradient",{enumerable:true,get:function get(){return _LinearGradient.default;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _Modal.default;}});Object.defineProperty(exports,"Motion",{enumerable:true,get:function get(){return _Motion.default;}});Object.defineProperty(exports,"PageContainer",{enumerable:true,get:function get(){return _PageContainer.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.default;}});Object.defineProperty(exports,"PickerView",{enumerable:true,get:function get(){return _PickerView.default;}});Object.defineProperty(exports,"PickerViewColumn",{enumerable:true,get:function get(){return _PickerViewColumn.default;}});Object.defineProperty(exports,"RadialGradient",{enumerable:true,get:function get(){return _RadialGradient.default;}});Object.defineProperty(exports,"Radio",{enumerable:true,get:function get(){return _Radio.default;}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup.default;}});Object.defineProperty(exports,"RichText",{enumerable:true,get:function get(){return _RichText.default;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.default;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _SwiperItem.default;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text.default;}});Object.defineProperty(exports,"Textarea",{enumerable:true,get:function get(){return _Textarea.default;}});Object.defineProperty(exports,"TimePicker",{enumerable:true,get:function get(){return _TimePicker.default;}});Object.defineProperty(exports,"View",{enumerable:true,get:function get(){return _View.default;}});var _View=_interopRequireDefault(require("./View"));var _Label=_interopRequireDefault(require("./Label"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _RichText=_interopRequireDefault(require("./RichText"));var _Text=_interopRequireDefault(require("./Text"));var _Image=_interopRequireDefault(require("./Image"));var _Input=_interopRequireDefault(require("./Input"));var _Textarea=_interopRequireDefault(require("./Textarea"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _CheckboxGroup=_interopRequireDefault(require("./CheckboxGroup"));var _Radio=_interopRequireDefault(require("./Radio"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _ScrollView=_interopRequireDefault(require("./ScrollView"));var _Swiper=_interopRequireDefault(require("./Swiper"));var _SwiperItem=_interopRequireDefault(require("./SwiperItem"));var _Switch=_interopRequireDefault(require("./Switch"));var _Slider=_interopRequireDefault(require("./Slider"));var _Picker=_interopRequireDefault(require("./Picker"));var _DatePicker=_interopRequireDefault(require("./DatePicker"));var _TimePicker=_interopRequireDefault(require("./TimePicker"));var _Modal=_interopRequireDefault(require("./Modal"));var _Icon=_interopRequireDefault(require("./Icon"));var _LinearGradient=_interopRequireDefault(require("./LinearGradient"));var _RadialGradient=_interopRequireDefault(require("./RadialGradient"));var _Motion=_interopRequireDefault(require("./Motion"));var _PickerView=_interopRequireDefault(require("./PickerView"));var _PickerViewColumn=_interopRequireDefault(require("./PickerViewColumn"));var _PageContainer=_interopRequireDefault(require("./PageContainer"));
package/lib/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export { default as Radio } from './Radio';
13
13
  export { default as RadioGroup } from './RadioGroup';
14
14
  export { default as ScrollView } from './ScrollView';
15
15
  export { default as Swiper } from './Swiper';
16
+ export { default as SwiperItem } from './SwiperItem';
16
17
  export { default as Switch } from './Switch';
17
18
  export { default as Slider } from './Slider';
18
19
  export { default as Picker } from './Picker';
package/lib/index.ios.js CHANGED
@@ -1 +1 @@
1
- var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.default;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.default;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"Form",{enumerable:true,get:function get(){return _Form.default;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.default;}});Object.defineProperty(exports,"Label",{enumerable:true,get:function get(){return _Label.default;}});Object.defineProperty(exports,"LinearGradient",{enumerable:true,get:function get(){return _LinearGradient.default;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _Modal.default;}});Object.defineProperty(exports,"Motion",{enumerable:true,get:function get(){return _Motion.default;}});Object.defineProperty(exports,"PageContainer",{enumerable:true,get:function get(){return _PageContainer.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.default;}});Object.defineProperty(exports,"PickerView",{enumerable:true,get:function get(){return _PickerView.default;}});Object.defineProperty(exports,"PickerViewColumn",{enumerable:true,get:function get(){return _PickerViewColumn.default;}});Object.defineProperty(exports,"RadialGradient",{enumerable:true,get:function get(){return _RadialGradient.default;}});Object.defineProperty(exports,"Radio",{enumerable:true,get:function get(){return _Radio.default;}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup.default;}});Object.defineProperty(exports,"RichText",{enumerable:true,get:function get(){return _RichText.default;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.default;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text.default;}});Object.defineProperty(exports,"Textarea",{enumerable:true,get:function get(){return _Textarea.default;}});Object.defineProperty(exports,"TimePicker",{enumerable:true,get:function get(){return _TimePicker.default;}});Object.defineProperty(exports,"View",{enumerable:true,get:function get(){return _View.default;}});var _View=_interopRequireDefault(require("./View"));var _Label=_interopRequireDefault(require("./Label"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _RichText=_interopRequireDefault(require("./RichText"));var _Text=_interopRequireDefault(require("./Text"));var _Image=_interopRequireDefault(require("./Image"));var _Input=_interopRequireDefault(require("./Input"));var _Textarea=_interopRequireDefault(require("./Textarea"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _CheckboxGroup=_interopRequireDefault(require("./CheckboxGroup"));var _Radio=_interopRequireDefault(require("./Radio"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _ScrollView=_interopRequireDefault(require("./ScrollView"));var _Swiper=_interopRequireDefault(require("./Swiper"));var _Switch=_interopRequireDefault(require("./Switch"));var _Slider=_interopRequireDefault(require("./Slider"));var _Picker=_interopRequireDefault(require("./Picker"));var _DatePicker=_interopRequireDefault(require("./DatePicker"));var _TimePicker=_interopRequireDefault(require("./TimePicker"));var _Modal=_interopRequireDefault(require("./Modal"));var _Icon=_interopRequireDefault(require("./Icon"));var _LinearGradient=_interopRequireDefault(require("./LinearGradient"));var _RadialGradient=_interopRequireDefault(require("./RadialGradient"));var _Motion=_interopRequireDefault(require("./Motion"));var _PickerView=_interopRequireDefault(require("./PickerView"));var _PickerViewColumn=_interopRequireDefault(require("./PickerViewColumn"));var _PageContainer=_interopRequireDefault(require("./PageContainer"));
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Button",{enumerable:true,get:function get(){return _Button.default;}});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.default;}});Object.defineProperty(exports,"CheckboxGroup",{enumerable:true,get:function get(){return _CheckboxGroup.default;}});Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function get(){return _DatePicker.default;}});Object.defineProperty(exports,"Form",{enumerable:true,get:function get(){return _Form.default;}});Object.defineProperty(exports,"Icon",{enumerable:true,get:function get(){return _Icon.default;}});Object.defineProperty(exports,"Image",{enumerable:true,get:function get(){return _Image.default;}});Object.defineProperty(exports,"Input",{enumerable:true,get:function get(){return _Input.default;}});Object.defineProperty(exports,"Label",{enumerable:true,get:function get(){return _Label.default;}});Object.defineProperty(exports,"LinearGradient",{enumerable:true,get:function get(){return _LinearGradient.default;}});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _Modal.default;}});Object.defineProperty(exports,"Motion",{enumerable:true,get:function get(){return _Motion.default;}});Object.defineProperty(exports,"PageContainer",{enumerable:true,get:function get(){return _PageContainer.default;}});Object.defineProperty(exports,"Picker",{enumerable:true,get:function get(){return _Picker.default;}});Object.defineProperty(exports,"PickerView",{enumerable:true,get:function get(){return _PickerView.default;}});Object.defineProperty(exports,"PickerViewColumn",{enumerable:true,get:function get(){return _PickerViewColumn.default;}});Object.defineProperty(exports,"RadialGradient",{enumerable:true,get:function get(){return _RadialGradient.default;}});Object.defineProperty(exports,"Radio",{enumerable:true,get:function get(){return _Radio.default;}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function get(){return _RadioGroup.default;}});Object.defineProperty(exports,"RichText",{enumerable:true,get:function get(){return _RichText.default;}});Object.defineProperty(exports,"ScrollView",{enumerable:true,get:function get(){return _ScrollView.default;}});Object.defineProperty(exports,"Slider",{enumerable:true,get:function get(){return _Slider.default;}});Object.defineProperty(exports,"Swiper",{enumerable:true,get:function get(){return _Swiper.default;}});Object.defineProperty(exports,"SwiperItem",{enumerable:true,get:function get(){return _SwiperItem.default;}});Object.defineProperty(exports,"Switch",{enumerable:true,get:function get(){return _Switch.default;}});Object.defineProperty(exports,"Text",{enumerable:true,get:function get(){return _Text.default;}});Object.defineProperty(exports,"Textarea",{enumerable:true,get:function get(){return _Textarea.default;}});Object.defineProperty(exports,"TimePicker",{enumerable:true,get:function get(){return _TimePicker.default;}});Object.defineProperty(exports,"View",{enumerable:true,get:function get(){return _View.default;}});var _View=_interopRequireDefault(require("./View"));var _Label=_interopRequireDefault(require("./Label"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _RichText=_interopRequireDefault(require("./RichText"));var _Text=_interopRequireDefault(require("./Text"));var _Image=_interopRequireDefault(require("./Image"));var _Input=_interopRequireDefault(require("./Input"));var _Textarea=_interopRequireDefault(require("./Textarea"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _CheckboxGroup=_interopRequireDefault(require("./CheckboxGroup"));var _Radio=_interopRequireDefault(require("./Radio"));var _RadioGroup=_interopRequireDefault(require("./RadioGroup"));var _ScrollView=_interopRequireDefault(require("./ScrollView"));var _Swiper=_interopRequireDefault(require("./Swiper"));var _SwiperItem=_interopRequireDefault(require("./SwiperItem"));var _Switch=_interopRequireDefault(require("./Switch"));var _Slider=_interopRequireDefault(require("./Slider"));var _Picker=_interopRequireDefault(require("./Picker"));var _DatePicker=_interopRequireDefault(require("./DatePicker"));var _TimePicker=_interopRequireDefault(require("./TimePicker"));var _Modal=_interopRequireDefault(require("./Modal"));var _Icon=_interopRequireDefault(require("./Icon"));var _LinearGradient=_interopRequireDefault(require("./LinearGradient"));var _RadialGradient=_interopRequireDefault(require("./RadialGradient"));var _Motion=_interopRequireDefault(require("./Motion"));var _PickerView=_interopRequireDefault(require("./PickerView"));var _PickerViewColumn=_interopRequireDefault(require("./PickerViewColumn"));var _PageContainer=_interopRequireDefault(require("./PageContainer"));
package/lib/index.js CHANGED
@@ -13,6 +13,7 @@ export { default as Radio } from './Radio';
13
13
  export { default as RadioGroup } from './RadioGroup';
14
14
  export { default as ScrollView } from './ScrollView';
15
15
  export { default as Swiper } from './Swiper';
16
+ export { default as SwiperItem } from './SwiperItem';
16
17
  export { default as Switch } from './Switch';
17
18
  export { default as Slider } from './Slider';
18
19
  export { default as Picker } from './Picker';
package/lib/index.tuya.js CHANGED
@@ -13,6 +13,7 @@ export { default as Radio } from './Radio';
13
13
  export { default as RadioGroup } from './RadioGroup';
14
14
  export { default as ScrollView } from './ScrollView';
15
15
  export { default as Swiper } from './Swiper';
16
+ export { default as SwiperItem } from './SwiperItem';
16
17
  export { default as Switch } from './Switch';
17
18
  export { default as Slider } from './Slider';
18
19
  export { default as Picker } from './Picker';
package/lib/index.web.js CHANGED
@@ -13,6 +13,7 @@ export { default as Radio } from './Radio';
13
13
  export { default as RadioGroup } from './RadioGroup';
14
14
  export { default as ScrollView } from './ScrollView';
15
15
  export { default as Swiper } from './Swiper';
16
+ export { default as SwiperItem } from './SwiperItem';
16
17
  export { default as Switch } from './Switch';
17
18
  export { default as Slider } from './Slider';
18
19
  export { default as Picker } from './Picker';
@@ -13,6 +13,7 @@ export { default as Radio } from './Radio';
13
13
  export { default as RadioGroup } from './RadioGroup';
14
14
  export { default as ScrollView } from './ScrollView';
15
15
  export { default as Swiper } from './Swiper';
16
+ export { default as SwiperItem } from './SwiperItem';
16
17
  export { default as Switch } from './Switch';
17
18
  export { default as Slider } from './Slider';
18
19
  export { default as Picker } from './Picker';
@@ -18,6 +18,12 @@ export interface BaseProps {
18
18
  * @default undefined
19
19
  */
20
20
  style?: React.CSSProperties;
21
+ /**
22
+ * @description.en children
23
+ * @description.zh 子元素
24
+ * @default undefined
25
+ */
26
+ children?: React.ReactNode | React.ReactNode[] | string;
21
27
  }
22
28
  export interface HoverableProps {
23
29
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ray-js/components",
3
- "version": "0.4.2",
3
+ "version": "0.4.5",
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.4.2",
28
- "@ray-js/remax-tuya": "^0.4.2",
27
+ "@ray-js/framework-shared": "^0.4.5",
28
+ "@ray-js/remax-tuya": "^0.4.5",
29
29
  "@remax/macro": "2.15.6",
30
30
  "@remax/wechat": "2.15.6",
31
31
  "antd-mobile": "^5.0.0-beta.17",
@@ -44,7 +44,7 @@
44
44
  "tuya-panel-switch": "^0.1.1"
45
45
  },
46
46
  "devDependencies": {
47
- "@ray-js/cli": "^0.4.2"
47
+ "@ray-js/cli": "^0.4.5"
48
48
  },
49
49
  "maintainers": [
50
50
  {
@@ -52,6 +52,6 @@
52
52
  "email": "tuyafe@tuya.com"
53
53
  }
54
54
  ],
55
- "gitHead": "6b834e4415b185ac80daf96e44003db277fcc50b",
55
+ "gitHead": "04225f5165a5caac928657f5407f6f06951cff52",
56
56
  "repository": {}
57
57
  }