@ray-js/components 0.3.27 → 0.3.30

package/lib/TimePicker/index.md

@@ -13,7 +13,7 @@ group:
 ## 导入
 
 ```js
-import { TimePicker } from '@ray-js/components';
+import { TimePicker } from '@ray-js/components'
 ```
 
 ## 代码演示
@@ -25,11 +25,11 @@ import { TimePicker } from '@ray-js/components';
 
 | 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
 | --- | --- | --- | --- | --- | --- |
-| disabled | boolean | false | 否 | 是否禁用 | 涂鸦、微信、RN |
-| value | string |  | 否 | 当前选择的时间 | 涂鸦、微信、RN |
-| cancelText | string | 取消 | 否 | 取消文案 | 涂鸦、微信、RN |
-| confirmText | string | 确认 | 否 | 确认文案 | 涂鸦、微信、RN |
-| onChange | func(event) |  | 否 | 选择时触发 | 涂鸦、微信、RN |
-| onCancel | func(event) |  | 否 | 取消选择时触发 | 涂鸦、微信、RN |
-| start | string |  | 否 | 表示有效时间范围的开始，字符串格式为"hh:mm" | 涂鸦、微信、RN |
-| end | string |  | 否 | 表示有效时间范围的结束，字符串格式为"hh:mm" | 涂鸦、微信、RN |
+| disabled | boolean | false | 否 | 是否禁用 | 涂鸦、微信、RN、Web |
+| value | string |  | 否 | 当前选择的时间 | 涂鸦、微信、RN、Web |
+| cancelText | string | 取消 | 否 | 取消文案 | 涂鸦、微信、RN、Web |
+| confirmText | string | 确认 | 否 | 确认文案 | 涂鸦、微信、RN、Web |
+| onChange | func(event) |  | 否 | 选择时触发 | 涂鸦、微信、RN、Web |
+| onCancel | func(event) |  | 否 | 取消选择时触发 | 涂鸦、微信、RN、Web |
+| start | string |  | 否 | 表示有效时间范围的开始，字符串格式为"hh:mm" | 涂鸦、微信、RN、Web |
+| end | string |  | 否 | 表示有效时间范围的结束，字符串格式为"hh:mm" | 涂鸦、微信、RN、Web |

package/lib/TimePicker/props.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseProps } from '../types';
 import { TouchEventHandler } from '@ray-js/framework-shared';
 declare type ChangeEvent = (e: {
@@ -18,6 +19,7 @@ export interface TimePickerProps extends BaseProps, TouchEventHandler {
     onChange?: ChangeEvent;
     confirmText?: string;
     cancelText?: string;
+    children?: React.ReactNode | string;
 }
 export declare const IDefaultTimePickerProps: {
     cancelText: string;

package/lib/View/View.js

@@ -5,6 +5,7 @@ var _excluded = ["id", "className", "style", "children", "hoverClassName", "hove
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import handleProps from '../utils/handleProps';
 import { filterProps, inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
@@ -40,13 +41,13 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ty-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,
-    className: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),
-    style: inlineStyle(style),
-    onTransitionEnd: onTransitionEnd
-  }, handlers, filterProps(restProps)), children);
+    class: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),
+    onTransitionEnd: onTransitionEnd,
+    style: inlineStyle(style)
+  }, handlers, filterProps(restProps)), children));
 });
 View.defaultProps = defaultViewProps;
 View.displayName = 'View';

package/lib/View/View.web.js

@@ -5,6 +5,7 @@ var _excluded = ["id", "className", "style", "children", "hoverClassName", "hove
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
+import handleProps from '../utils/handleProps';
 import { filterProps, inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
@@ -40,13 +41,13 @@ var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
       touching = _useTouch2[0],
       handlers = _useTouch2[1];
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ty-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,
-    className: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),
-    style: inlineStyle(style),
-    onTransitionEnd: onTransitionEnd
-  }, handlers, filterProps(restProps)), children);
+    class: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),
+    onTransitionEnd: onTransitionEnd,
+    style: inlineStyle(style)
+  }, handlers, filterProps(restProps)), children));
 });
 View.defaultProps = defaultViewProps;
 View.displayName = 'View';

package/lib/View/index.md

@@ -3,7 +3,7 @@ nav:
   title: 组件
   path: /components
 group:
-  title: 基础组件
+  title: 视图容器
 ---
 
 # View
@@ -18,16 +18,16 @@ group:
 ## 导入
 
 ```js
-import { View } from '@ray-js/components';
+import { View } from '@ray-js/components'
 ```
 
 ## Props
 
-| 属性           | 类型          | 默认值 | 说明                           | 支持平台       |
-| -------------- | ------------- | ------ | ------------------------------ | -------------- |
-| style          | CSSProperties |        | 样式                           | RN、涂鸦、微信 |
-| className      | string        |        | 样式名                         | RN、涂鸦、微信 |
-| hoverClassName | string        | none   | hover 样式                     | RN、涂鸦、微信 |
-| hoverStyle     | string        | none   | hover 样式名                   | RN、涂鸦、微信 |
-| hoverStartTime | number        | 20     | 按住后多久出现点击态 单位 `ms` | RN、涂鸦、微信 |
-| hoverStayTime  | number        | 70     | 手指松开后点击态保留时间 `ms`  | RN、涂鸦、微信 |
+| 属性           | 类型          | 默认值 | 说明                           | 支持平台            |
+| -------------- | ------------- | ------ | ------------------------------ | ------------------- |
+| style          | CSSProperties |        | 样式                           | RN、涂鸦、微信、Web |
+| className      | string        |        | 样式名                         | RN、涂鸦、微信、Web |
+| hoverClassName | string        | none   | hover 样式                     | RN、涂鸦、微信、Web |
+| hoverStyle     | string        | none   | hover 样式名                   | RN、涂鸦、微信、Web |
+| hoverStartTime | number        | 20     | 按住后多久出现点击态 单位 `ms` | RN、涂鸦、微信、Web |
+| hoverStayTime  | number        | 70     | 手指松开后点击态保留时间 `ms`  | RN、涂鸦、微信、Web |

package/lib/index.android.js

@@ -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,"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,"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,"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 _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 _PageContainer=_interopRequireDefault(require("./PageContainer"));
+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"));

package/lib/index.d.ts

@@ -1,6 +1,8 @@
 export { default as View } from './View';
 export { default as Label } from './Label';
 export { default as Button } from './Button';
+export { default as Form } from './Form';
+export { default as RichText } from './RichText';
 export { default as Text } from './Text';
 export { default as Image } from './Image';
 export { default as Input } from './Input';
@@ -22,4 +24,5 @@ export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
 export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
+export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';

package/lib/index.ios.js

@@ -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,"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,"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,"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 _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 _PageContainer=_interopRequireDefault(require("./PageContainer"));
+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"));

package/lib/index.js

@@ -1,6 +1,8 @@
 export { default as View } from './View';
 export { default as Label } from './Label';
 export { default as Button } from './Button';
+export { default as Form } from './Form';
+export { default as RichText } from './RichText';
 export { default as Text } from './Text';
 export { default as Image } from './Image';
 export { default as Input } from './Input';
@@ -22,4 +24,5 @@ export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
 export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
+export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';

package/lib/index.tuya.js

@@ -1,6 +1,8 @@
 export { default as View } from './View';
 export { default as Label } from './Label';
 export { default as Button } from './Button';
+export { default as Form } from './Form';
+export { default as RichText } from './RichText';
 export { default as Text } from './Text';
 export { default as Image } from './Image';
 export { default as Input } from './Input';
@@ -22,4 +24,5 @@ export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
 export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
+export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';

package/lib/index.web.js

@@ -1,6 +1,8 @@
 export { default as View } from './View';
 export { default as Label } from './Label';
 export { default as Button } from './Button';
+export { default as Form } from './Form';
+export { default as RichText } from './RichText';
 export { default as Text } from './Text';
 export { default as Image } from './Image';
 export { default as Input } from './Input';
@@ -22,4 +24,5 @@ export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
 export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
+export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';

package/lib/index.wechat.js

@@ -1,6 +1,8 @@
 export { default as View } from './View';
 export { default as Label } from './Label';
 export { default as Button } from './Button';
+export { default as Form } from './Form';
+export { default as RichText } from './RichText';
 export { default as Text } from './Text';
 export { default as Image } from './Image';
 export { default as Input } from './Input';
@@ -22,4 +24,5 @@ export { default as LinearGradient } from './LinearGradient';
 export { default as RadialGradient } from './RadialGradient';
 export { default as Motion } from './Motion';
 export { default as PickerView } from './PickerView';
+export { default as PickerViewColumn } from './PickerViewColumn';
 export { default as PageContainer } from './PageContainer';

package/lib/utils/handleProps.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","style","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&Object.entries(hoverStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';'),children:children},tempProps);};var _default=handleProps;exports.default=_default;

package/lib/utils/handleProps.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 处理 web 端 props
+ */
+declare const handleProps: (props: any) => any;
+export default handleProps;

package/lib/utils/handleProps.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _frameworkShared=require("@ray-js/framework-shared");var _paramCase=require("param-case");var _excluded=["className","hoverClassName","hoverStyle","style","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}var handleProps=function(props){var className=props.className,hoverClassName=props.hoverClassName,hoverStyle=props.hoverStyle,style=props.style,children=props.children,tempProps=(0,_objectWithoutProperties2.default)(props,_excluded);for(var key in tempProps){if(tempProps[key]===false){delete tempProps[key];}else if(typeof tempProps[key]==='object'){tempProps[key]=JSON.stringify(tempProps[key]);}tempProps[(0,_paramCase.paramCase)(key)]=tempProps[key];}return _objectSpread({class:className,style:style&&(0,_frameworkShared.inlineStyle)(style),'hover-class':hoverClassName,'hover-style':hoverStyle&&Object.entries(hoverStyle).map(function(_ref){var _ref2=(0,_slicedToArray2.default)(_ref,2),k=_ref2[0],v=_ref2[1];return k+":"+v;}).join(';'),children:children},tempProps);};var _default=handleProps;exports.default=_default;

package/lib/utils/handleProps.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
+import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.concat.js";
+import { inlineStyle } from '@ray-js/framework-shared';
+import { paramCase } from 'param-case';
+/**
+ * 处理 web 端 props
+ */
+
+var handleProps = function (props) {
+  var className = props.className,
+      hoverClassName = props.hoverClassName,
+      hoverStyle = props.hoverStyle,
+      style = props.style,
+      children = props.children,
+      tempProps = _objectWithoutProperties(props, _excluded);
+
+  for (var key in tempProps) {
+    if (tempProps[key] === false) {
+      delete tempProps[key];
+    } else if (_typeof(tempProps[key]) === 'object') {
+      tempProps[key] = JSON.stringify(tempProps[key]);
+    }
+
+    tempProps[paramCase(key)] = tempProps[key];
+  }
+
+  return _objectSpread({
+    class: className,
+    style: style && inlineStyle(style),
+    'hover-class': hoverClassName,
+    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
+
+      return "".concat(k, ":").concat(v);
+    }).join(';'),
+    children: children
+  }, tempProps);
+};
+
+export default handleProps;

package/lib/utils/handleProps.tuya.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
+import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.concat.js";
+import { inlineStyle } from '@ray-js/framework-shared';
+import { paramCase } from 'param-case';
+/**
+ * 处理 web 端 props
+ */
+
+var handleProps = function (props) {
+  var className = props.className,
+      hoverClassName = props.hoverClassName,
+      hoverStyle = props.hoverStyle,
+      style = props.style,
+      children = props.children,
+      tempProps = _objectWithoutProperties(props, _excluded);
+
+  for (var key in tempProps) {
+    if (tempProps[key] === false) {
+      delete tempProps[key];
+    } else if (_typeof(tempProps[key]) === 'object') {
+      tempProps[key] = JSON.stringify(tempProps[key]);
+    }
+
+    tempProps[paramCase(key)] = tempProps[key];
+  }
+
+  return _objectSpread({
+    class: className,
+    style: style && inlineStyle(style),
+    'hover-class': hoverClassName,
+    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
+
+      return "".concat(k, ":").concat(v);
+    }).join(';'),
+    children: children
+  }, tempProps);
+};
+
+export default handleProps;

package/lib/utils/handleProps.web.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
+import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.concat.js";
+import { inlineStyle } from '@ray-js/framework-shared';
+import { paramCase } from 'param-case';
+/**
+ * 处理 web 端 props
+ */
+
+var handleProps = function (props) {
+  var className = props.className,
+      hoverClassName = props.hoverClassName,
+      hoverStyle = props.hoverStyle,
+      style = props.style,
+      children = props.children,
+      tempProps = _objectWithoutProperties(props, _excluded);
+
+  for (var key in tempProps) {
+    if (tempProps[key] === false) {
+      delete tempProps[key];
+    } else if (_typeof(tempProps[key]) === 'object') {
+      tempProps[key] = JSON.stringify(tempProps[key]);
+    }
+
+    tempProps[paramCase(key)] = tempProps[key];
+  }
+
+  return _objectSpread({
+    class: className,
+    style: style && inlineStyle(style),
+    'hover-class': hoverClassName,
+    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
+
+      return "".concat(k, ":").concat(v);
+    }).join(';'),
+    children: children
+  }, tempProps);
+};
+
+export default handleProps;

package/lib/utils/handleProps.wechat.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "hoverClassName", "hoverStyle", "style", "children"];
+import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.concat.js";
+import { inlineStyle } from '@ray-js/framework-shared';
+import { paramCase } from 'param-case';
+/**
+ * 处理 web 端 props
+ */
+
+var handleProps = function (props) {
+  var className = props.className,
+      hoverClassName = props.hoverClassName,
+      hoverStyle = props.hoverStyle,
+      style = props.style,
+      children = props.children,
+      tempProps = _objectWithoutProperties(props, _excluded);
+
+  for (var key in tempProps) {
+    if (tempProps[key] === false) {
+      delete tempProps[key];
+    } else if (_typeof(tempProps[key]) === 'object') {
+      tempProps[key] = JSON.stringify(tempProps[key]);
+    }
+
+    tempProps[paramCase(key)] = tempProps[key];
+  }
+
+  return _objectSpread({
+    class: className,
+    style: style && inlineStyle(style),
+    'hover-class': hoverClassName,
+    'hover-style': hoverStyle && Object.entries(hoverStyle).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+          k = _ref2[0],
+          v = _ref2[1];
+
+      return "".concat(k, ":").concat(v);
+    }).join(';'),
+    children: children
+  }, tempProps);
+};
+
+export default handleProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "0.3.27",
+  "version": "0.3.30",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -24,14 +24,16 @@
     "watch": "ray start --type=component"
   },
   "dependencies": {
-    "@ray-js/framework-shared": "^0.3.27",
-    "@ray-js/remax-tuya": "^0.3.27",
+    "@ray-js/framework-shared": "^0.3.30",
+    "@ray-js/remax-tuya": "^0.3.30",
     "@remax/macro": "2.15.6",
     "@remax/wechat": "2.15.6",
     "antd-mobile": "^5.0.0-beta.17",
     "antd-mobile-icons": "^0.2.2",
     "clsx": "^1.1.1",
     "core-js": "^3.19.1",
+    "hooks": "^0.3.2",
+    "param-case": "^3.0.4",
     "react": "^17.0.2",
     "react-autosize-textarea": "^7.1.0",
     "react-native-swiper": "^1.6.0",
@@ -42,7 +44,7 @@
     "tuya-panel-switch": "^0.1.1"
   },
   "devDependencies": {
-    "@ray-js/cli": "^0.3.27"
+    "@ray-js/cli": "^0.3.30"
   },
   "maintainers": [
     {
@@ -50,6 +52,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "441fdc47dff70a1426ec54d3372fca1974120083",
+  "gitHead": "3a986d13b71080e66c302b33c322c0a89da03cdf",
   "repository": {}
 }