@ray-js/components 1.4.0 → 1.4.3

package/lib/TimePicker/TimePicker.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _props=require("./props");var _Modal=_interopRequireDefault(require("../Modal"));var _PickerView=_interopRequireDefault(require("../PickerView"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/TimePicker/TimePicker.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var TimerPicker=function(_React$Component){(0,_inherits2.default)(TimerPicker,_React$Component);var _super=_createSuper(TimerPicker);function TimerPicker(props){var _this;(0,_classCallCheck2.default)(this,TimerPicker);_this=_super.call(this,props);_this.getTimeRange=function(){var _this$props=_this.props,start=_this$props.start,end=_this$props.end;var startArr=start.split(':');var endArr=end.split(':');var startHour=Number(startArr[0]);var startMinute=Number(startArr[1]);var endHour=Number(endArr[0]);var endMinute=Number(endArr[1]);return{startHour:startHour,startMinute:startMinute,endHour:endHour,endMinute:endMinute};};_this.getRange=function(value){var rangeObj={};var range=[];var valueArr=value.split(':');var hour=valueArr[0];var hourRange=[];var _this$getTimeRange=_this.getTimeRange(),startHour=_this$getTimeRange.startHour,startMinute=_this$getTimeRange.startMinute,endHour=_this$getTimeRange.endHour,endMinute=_this$getTimeRange.endMinute;for(var i=startHour;endMinute===0?i<endHour:i<=endHour;i++){var minuteRange=[];if(i===startHour){for(var j=startMinute;j<=59;j++){minuteRange.push(_this.calculateValue(j));}}else if(i===endHour){for(var _j=0;_j<=endMinute;_j++){minuteRange.push(_this.calculateValue(_j));}}else if(i<endHour&&i>startHour){for(var _j2=0;_j2<=59;_j2++){minuteRange.push(_this.calculateValue(_j2));}}hourRange.push(_this.calculateValue(i));rangeObj[_this.calculateValue(i)]=minuteRange;}range.push(hourRange,rangeObj[hour]);return{range:range,rangeObj:rangeObj};};_this.calculateValue=function(value){if(value<10){return"0"+value;}else{return""+value;}};_this.valueToIndex=function(){var _this$state=_this.state,changeValue=_this$state.changeValue,range=_this$state.range;var valueArr=changeValue.split(':');var hour=valueArr[0];var Minute=valueArr[1];var hourIndex=range[0].indexOf(hour);var minuteIndex=range[1].indexOf(Minute);return[hourIndex,minuteIndex];};_this._handleCancel=function(){var onCancel=_this.props.onCancel;var value=_this.state.value;var _this$getRange=_this.getRange(value),range=_this$getRange.range;typeof onCancel==='function'&&onCancel({type:'cancel',origin:null});_this.setState({visible:false,changeValue:value,range:range});};_this._handleConfirm=function(){var onChange=_this.props.onChange;var changeValue=_this.state.changeValue;typeof onChange==='function'&&onChange({type:'change',value:changeValue,origin:null});_this.setState({visible:false});};_this._handlePickerChange=function(event,range){var value=event.value,column=event.column;var changeValue=_this.state.changeValue;var _this$getRange2=_this.getRange(changeValue),rangeObj=_this$getRange2.rangeObj;var valueArr=changeValue.split(':');Number(valueArr[0]);var beforeMinute=Number(valueArr[1]);var _this$getTimeRange2=_this.getTimeRange(),startHour=_this$getTimeRange2.startHour,startMinute=_this$getTimeRange2.startMinute,endHour=_this$getTimeRange2.endHour,endMinute=_this$getTimeRange2.endMinute;var hourString=range[0][value[0]];var hour=Number(hourString);var minute;if(column===0){if(hour===startHour){minute=Math.max(startMinute,beforeMinute);}else if(hour===endHour){minute=Math.min(endMinute,beforeMinute);}else{minute=beforeMinute;}}else{var minuteArr=rangeObj[range[0][value[0]]];minute=Number(minuteArr[value[1]]);}var newValue=_this.calculateValue(hour)+":"+_this.calculateValue(minute);var _this$getRange3=_this.getRange(newValue),newRange=_this$getRange3.range;_this.setState({changeValue:newValue,range:newRange});};_this.renderTitleView=function(){var _this$props2=_this.props,confirmText=_this$props2.confirmText,cancelText=_this$props2.cancelText;return _react.default.createElement(_reactNative.View,{style:styles.title,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:12}},_react.default.createElement(_reactNative.TouchableOpacity,{style:styles.button,activeOpacity:0.8,onPress:_this._handleCancel,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:styles.text,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:11}},cancelText)),_react.default.createElement(_reactNative.TouchableOpacity,{style:styles.button,activeOpacity:0.8,onPress:_this._handleConfirm,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:240,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[styles.text,{color:'#007AFF'}],__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:11}},confirmText)));};var _value=props.value||props.start;var _this$getRange4=_this.getRange(_value),_range=_this$getRange4.range;_this.state={visible:false,value:_value,changeValue:_value,range:_range};return _this;}(0,_createClass2.default)(TimerPicker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var value=this.props.value;if(value!==prevProps.value){var _this$getRange5=this.getRange(value),range=_this$getRange5.range;this.setState({value:value,changeValue:value,range:range});}}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,children=_this$props3.children,disabled=_this$props3.disabled;var _this$state2=this.state,visible=_this$state2.visible,range=_this$state2.range;var newValue=this.valueToIndex();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return _this2.setState({visible:true});},disabled:disabled,activeOpacity:0.8,__self:this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:9}},children),_react.default.createElement(_Modal.default,{show:visible,position:'bottom',__self:this,__source:{fileName:_jsxFileName,lineNumber:264,columnNumber:9}},this.renderTitleView(),_reactNative.Platform.OS==='android'&&_react.default.createElement(_reactNative.View,{style:[{backgroundColor:'#fff',height:2}],__self:this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:41}}),_react.default.createElement(_PickerView.default,{range:range,value:newValue,style:[{backgroundColor:'#fff'}],onChange:function onChange(e){return _this2._handlePickerChange(e,range);},__self:this,__source:{fileName:_jsxFileName,lineNumber:273,columnNumber:11}})));}}]);return TimerPicker;}(_react.default.Component);exports.default=TimerPicker;TimerPicker.displayName='_TimerPicker';TimerPicker.defaultProps=_props.IDefaultTimePickerProps;var styles=_reactNative.StyleSheet.create({button:{height:54,width:68,alignItems:'center',justifyContent:'center'},title:{flexDirection:'row',justifyContent:'space-between',backgroundColor:'#fff',borderBottomColor:'rgba(0, 0, 0, 0.05)',borderBottomWidth:_reactNative.StyleSheet.hairlineWidth},text:{fontSize:18,color:'#333'}});

package/lib/TimePicker/TimePicker.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TimePickerProps } from './props';
+declare const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;

package/lib/TimePicker/TimePicker.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _props=require("./props");var _Modal=_interopRequireDefault(require("../Modal"));var _PickerView=_interopRequireDefault(require("../PickerView"));var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/TimePicker/TimePicker.native.tsx";function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var TimerPicker=function(_React$Component){(0,_inherits2.default)(TimerPicker,_React$Component);var _super=_createSuper(TimerPicker);function TimerPicker(props){var _this;(0,_classCallCheck2.default)(this,TimerPicker);_this=_super.call(this,props);_this.getTimeRange=function(){var _this$props=_this.props,start=_this$props.start,end=_this$props.end;var startArr=start.split(':');var endArr=end.split(':');var startHour=Number(startArr[0]);var startMinute=Number(startArr[1]);var endHour=Number(endArr[0]);var endMinute=Number(endArr[1]);return{startHour:startHour,startMinute:startMinute,endHour:endHour,endMinute:endMinute};};_this.getRange=function(value){var rangeObj={};var range=[];var valueArr=value.split(':');var hour=valueArr[0];var hourRange=[];var _this$getTimeRange=_this.getTimeRange(),startHour=_this$getTimeRange.startHour,startMinute=_this$getTimeRange.startMinute,endHour=_this$getTimeRange.endHour,endMinute=_this$getTimeRange.endMinute;for(var i=startHour;endMinute===0?i<endHour:i<=endHour;i++){var minuteRange=[];if(i===startHour){for(var j=startMinute;j<=59;j++){minuteRange.push(_this.calculateValue(j));}}else if(i===endHour){for(var _j=0;_j<=endMinute;_j++){minuteRange.push(_this.calculateValue(_j));}}else if(i<endHour&&i>startHour){for(var _j2=0;_j2<=59;_j2++){minuteRange.push(_this.calculateValue(_j2));}}hourRange.push(_this.calculateValue(i));rangeObj[_this.calculateValue(i)]=minuteRange;}range.push(hourRange,rangeObj[hour]);return{range:range,rangeObj:rangeObj};};_this.calculateValue=function(value){if(value<10){return"0"+value;}else{return""+value;}};_this.valueToIndex=function(){var _this$state=_this.state,changeValue=_this$state.changeValue,range=_this$state.range;var valueArr=changeValue.split(':');var hour=valueArr[0];var Minute=valueArr[1];var hourIndex=range[0].indexOf(hour);var minuteIndex=range[1].indexOf(Minute);return[hourIndex,minuteIndex];};_this._handleCancel=function(){var onCancel=_this.props.onCancel;var value=_this.state.value;var _this$getRange=_this.getRange(value),range=_this$getRange.range;typeof onCancel==='function'&&onCancel({type:'cancel',origin:null});_this.setState({visible:false,changeValue:value,range:range});};_this._handleConfirm=function(){var onChange=_this.props.onChange;var changeValue=_this.state.changeValue;typeof onChange==='function'&&onChange({type:'change',value:changeValue,origin:null});_this.setState({visible:false});};_this._handlePickerChange=function(event,range){var value=event.value,column=event.column;var changeValue=_this.state.changeValue;var _this$getRange2=_this.getRange(changeValue),rangeObj=_this$getRange2.rangeObj;var valueArr=changeValue.split(':');Number(valueArr[0]);var beforeMinute=Number(valueArr[1]);var _this$getTimeRange2=_this.getTimeRange(),startHour=_this$getTimeRange2.startHour,startMinute=_this$getTimeRange2.startMinute,endHour=_this$getTimeRange2.endHour,endMinute=_this$getTimeRange2.endMinute;var hourString=range[0][value[0]];var hour=Number(hourString);var minute;if(column===0){if(hour===startHour){minute=Math.max(startMinute,beforeMinute);}else if(hour===endHour){minute=Math.min(endMinute,beforeMinute);}else{minute=beforeMinute;}}else{var minuteArr=rangeObj[range[0][value[0]]];minute=Number(minuteArr[value[1]]);}var newValue=_this.calculateValue(hour)+":"+_this.calculateValue(minute);var _this$getRange3=_this.getRange(newValue),newRange=_this$getRange3.range;_this.setState({changeValue:newValue,range:newRange});};_this.renderTitleView=function(){var _this$props2=_this.props,confirmText=_this$props2.confirmText,cancelText=_this$props2.cancelText;return _react.default.createElement(_reactNative.View,{style:styles.title,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:236,columnNumber:12}},_react.default.createElement(_reactNative.TouchableOpacity,{style:styles.button,activeOpacity:0.8,onPress:_this._handleCancel,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:237,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:styles.text,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:11}},cancelText)),_react.default.createElement(_reactNative.TouchableOpacity,{style:styles.button,activeOpacity:0.8,onPress:_this._handleConfirm,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:240,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[styles.text,{color:'#007AFF'}],__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:11}},confirmText)));};var _value=props.value||props.start;var _this$getRange4=_this.getRange(_value),_range=_this$getRange4.range;_this.state={visible:false,value:_value,changeValue:_value,range:_range};return _this;}(0,_createClass2.default)(TimerPicker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var value=this.props.value;if(value!==prevProps.value){var _this$getRange5=this.getRange(value),range=_this$getRange5.range;this.setState({value:value,changeValue:value,range:range});}}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,children=_this$props3.children,disabled=_this$props3.disabled;var _this$state2=this.state,visible=_this$state2.visible,range=_this$state2.range;var newValue=this.valueToIndex();return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return _this2.setState({visible:true});},disabled:disabled,activeOpacity:0.8,__self:this,__source:{fileName:_jsxFileName,lineNumber:259,columnNumber:9}},children),_react.default.createElement(_Modal.default,{show:visible,position:'bottom',__self:this,__source:{fileName:_jsxFileName,lineNumber:264,columnNumber:9}},this.renderTitleView(),_reactNative.Platform.OS==='android'&&_react.default.createElement(_reactNative.View,{style:[{backgroundColor:'#fff',height:2}],__self:this,__source:{fileName:_jsxFileName,lineNumber:269,columnNumber:41}}),_react.default.createElement(_PickerView.default,{range:range,value:newValue,style:[{backgroundColor:'#fff'}],onChange:function onChange(e){return _this2._handlePickerChange(e,range);},__self:this,__source:{fileName:_jsxFileName,lineNumber:273,columnNumber:11}})));}}]);return TimerPicker;}(_react.default.Component);exports.default=TimerPicker;TimerPicker.displayName='_TimerPicker';TimerPicker.defaultProps=_props.IDefaultTimePickerProps;var styles=_reactNative.StyleSheet.create({button:{height:54,width:68,alignItems:'center',justifyContent:'center'},title:{flexDirection:'row',justifyContent:'space-between',backgroundColor:'#fff',borderBottomColor:'rgba(0, 0, 0, 0.05)',borderBottomWidth:_reactNative.StyleSheet.hairlineWidth},text:{fontSize:18,color:'#333'}});

package/lib/TimePicker/TimePicker.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+// import styles from './index.module.less';
+var TimePicker = function () {
+  // const { disabled, className, style } = props;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B011");
+};
+
+TimePicker.displayName = 'TimePicker';
+export default TimePicker;

package/lib/TimePicker/TimePicker.native.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { TimePickerProps } from './props';
+interface IState {
+    visible: boolean;
+    value: string;
+    changeValue: string;
+    range: string[][];
+}
+export default class TimerPicker extends React.Component<TimePickerProps, IState> {
+    static displayName: string;
+    static defaultProps: {
+        cancelText: string;
+        confirmText: string;
+        start: string;
+        end: string;
+    };
+    constructor(props: TimePickerProps);
+    componentDidUpdate(prevProps: Readonly<TimePickerProps>): void;
+    getTimeRange: () => {
+        startHour: number;
+        startMinute: number;
+        endHour: number;
+        endMinute: number;
+    };
+    getRange: (value: string) => {
+        range: string[][];
+        rangeObj: {
+            [key: string]: string[];
+        };
+    };
+    calculateValue: (value: number) => string;
+    valueToIndex: () => number[];
+    _handleCancel: () => void;
+    _handleConfirm: () => void;
+    _handlePickerChange: (event: any, range: string[][]) => void;
+    renderTitleView: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/TimePicker/TimePicker.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TimePickerProps } from './props';
+declare const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;

package/lib/TimePicker/TimePicker.tuya.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id", "onChange"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Picker as RemaxPicker } from '@ray-js/remax-tuya';
+
+var TimePicker = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      onChange = props.onChange,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
+    mode: "time",
+    onChange: function handleChange(e) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    },
+    style: inlineStyle(style),
+    className: clsx(className)
+  }, restProps), props.children);
+};
+
+export default TimePicker;

package/lib/TimePicker/TimePicker.web.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+// import styles from './index.module.less';
+var TimePicker = function () {
+  // const { disabled, className, style } = props;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B011");
+};
+
+TimePicker.displayName = 'TimePicker';
+export default TimePicker;

package/lib/TimePicker/TimePicker.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TimePickerProps } from './props';
+declare const TimePicker: React.FC<TimePickerProps>;
+export default TimePicker;

package/lib/TimePicker/TimePicker.wechat.js

@@ -0,0 +1,56 @@
+import { Picker as _Picker } from "@remax/wechat/esm/hostComponents/Picker/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "onChange", "onCancel"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+
+var TimePicker = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      onLongClick = props.onLongClick,
+      onTouchStart = props.onTouchStart,
+      onTouchMove = props.onTouchMove,
+      onTouchEnd = props.onTouchEnd,
+      onTouchCancel = props.onTouchCancel,
+      onClick = props.onClick,
+      onChange = props.onChange,
+      onCancel = props.onCancel,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useTouch = useTouch({
+    onLongClick: onLongClick,
+    onTouchStart: onTouchStart,
+    onTouchMove: onTouchMove,
+    onTouchEnd: onTouchEnd,
+    onTouchCancel: onTouchCancel,
+    onClick: onClick
+  }),
+      _useTouch2 = _slicedToArray(_useTouch, 2),
+      touching = _useTouch2[0],
+      handlers = _useTouch2[1];
+
+  return /*#__PURE__*/React.createElement(_Picker, _extends({
+    mode: "time",
+    onChange: function handleChange(e) {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        type: e.type,
+        value: e.detail.value,
+        origin: e
+      });
+    },
+    onCancel: function handleCancel(e) {
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel({
+        type: e.type,
+        origin: e
+      });
+    },
+    style: inlineStyle(style),
+    className: clsx(className)
+  }, restProps, handlers), props.children);
+};
+
+export default TimePicker;

package/lib/TimePicker/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _TimePicker=_interopRequireDefault(require("./TimePicker"));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=_TimePicker.default;exports.default=_default;

package/lib/TimePicker/index.d.ts

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export * from './props';
+export default TimePicker;

package/lib/TimePicker/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _TimePicker=_interopRequireDefault(require("./TimePicker"));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=_TimePicker.default;exports.default=_default;

package/lib/TimePicker/index.js

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export * from './props';
+export default TimePicker;

package/lib/TimePicker/index.md

@@ -0,0 +1,35 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 选择器组件
+---
+
+# TimePicker
+
+时间选择器
+
+## 导入
+
+```js
+import { TimePicker } from '@ray-js/components';
+```
+
+## 代码演示
+
+<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
+<code src="./demos/startend.tsx" title="起止时间" background="#f2f4f6" />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| 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 |

package/lib/TimePicker/index.tuya.js

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export * from './props';
+export default TimePicker;

package/lib/TimePicker/index.web.js

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export * from './props';
+export default TimePicker;

package/lib/TimePicker/index.wechat.js

@@ -0,0 +1,3 @@
+import TimePicker from './TimePicker';
+export * from './props';
+export default TimePicker;

package/lib/TimePicker/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.IDefaultTimePickerProps=void 0;var IDefaultTimePickerProps={cancelText:'取消',confirmText:'确定',start:'00:00',end:'23:59'};exports.IDefaultTimePickerProps=IDefaultTimePickerProps;

package/lib/TimePicker/props.d.ts

@@ -0,0 +1,28 @@
+import { BaseProps } from '../types';
+import { TouchEventHandler } from '@ray-js/framework-shared';
+declare type ChangeEvent = (e: {
+    type: string;
+    value: string;
+    origin?: any;
+}) => void;
+declare type CancelEvent = (e: {
+    type: string;
+    origin: any;
+}) => void;
+export interface TimePickerProps extends BaseProps, TouchEventHandler {
+    disabled?: boolean;
+    value?: string;
+    start?: string;
+    end?: string;
+    onCancel?: CancelEvent;
+    onChange?: ChangeEvent;
+    confirmText?: string;
+    cancelText?: string;
+}
+export declare const IDefaultTimePickerProps: {
+    cancelText: string;
+    confirmText: string;
+    start: string;
+    end: string;
+};
+export {};

package/lib/TimePicker/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.IDefaultTimePickerProps=void 0;var IDefaultTimePickerProps={cancelText:'取消',confirmText:'确定',start:'00:00',end:'23:59'};exports.IDefaultTimePickerProps=IDefaultTimePickerProps;

package/lib/TimePicker/props.js

@@ -0,0 +1,6 @@
+export var IDefaultTimePickerProps = {
+  cancelText: '取消',
+  confirmText: '确定',
+  start: '00:00',
+  end: '23:59'
+};

package/lib/TimePicker/props.tuya.js

@@ -0,0 +1,6 @@
+export var IDefaultTimePickerProps = {
+  cancelText: '取消',
+  confirmText: '确定',
+  start: '00:00',
+  end: '23:59'
+};

package/lib/TimePicker/props.web.js

@@ -0,0 +1,6 @@
+export var IDefaultTimePickerProps = {
+  cancelText: '取消',
+  confirmText: '确定',
+  start: '00:00',
+  end: '23:59'
+};

package/lib/TimePicker/props.wechat.js

@@ -0,0 +1,6 @@
+export var IDefaultTimePickerProps = {
+  cancelText: '取消',
+  confirmText: '确定',
+  start: '00:00',
+  end: '23:59'
+};

package/lib/View/View.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ClickableSimplified=_interopRequireDefault(require("../ClickableSimplified"));var _utils=require("../utils");var _excluded=["style"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/View/View.native.tsx";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 stringToText=function(child,props){return typeof child==='string'||typeof child==='number'?_react.default.createElement(_reactNative.Text,(0,_extends2.default)({},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:67}}),child):child;};var _View=function(props){var style=props.style,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var textStyle=(0,_utils.extracteTextStyle)(props.style);var child=Array.isArray(props.children)?props.children.map(function(c,i){return stringToText(c,_objectSpread(_objectSpread({key:i},props),{},{style:textStyle}));}):stringToText(props.children,_objectSpread(_objectSpread({},props),{},{style:textStyle}));return _react.default.createElement(_reactNative.View,(0,_extends2.default)({},rest,{style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:10}}),child);};_View.displayName='View';var _default=(0,_ClickableSimplified.default)(_View);exports.default=_default;

package/lib/View/View.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _ClickableSimplified=_interopRequireDefault(require("../ClickableSimplified"));var _utils=require("../utils");var _excluded=["style"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/View/View.native.tsx";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 stringToText=function(child,props){return typeof child==='string'||typeof child==='number'?_react.default.createElement(_reactNative.Text,(0,_extends2.default)({},props,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:8,columnNumber:67}}),child):child;};var _View=function(props){var style=props.style,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var textStyle=(0,_utils.extracteTextStyle)(props.style);var child=Array.isArray(props.children)?props.children.map(function(c,i){return stringToText(c,_objectSpread(_objectSpread({key:i},props),{},{style:textStyle}));}):stringToText(props.children,_objectSpread(_objectSpread({},props),{},{style:textStyle}));return _react.default.createElement(_reactNative.View,(0,_extends2.default)({},rest,{style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:10}}),child);};_View.displayName='View';var _default=(0,_ClickableSimplified.default)(_View);exports.default=_default;

package/lib/View/View.native.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/lib/View/View.tuya.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ViewProps } from './props';
+declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;
+export default View;

package/lib/View/View.tuya.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+import * as React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+import { View as RemaxView } from '@ray-js/remax-tuya';
+import { defaultViewProps } from './props';
+import styles from './index.module.less';
+var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      hoverClassName = props.hoverClassName,
+      hoverStartTime = props.hoverStartTime,
+      hoverStayTime = props.hoverStayTime,
+      children = props.children,
+      onLongClick = props.onLongClick,
+      onTouchStart = props.onTouchStart,
+      onTouchMove = props.onTouchMove,
+      onTouchEnd = props.onTouchEnd,
+      onTouchCancel = props.onTouchCancel,
+      onClick = props.onClick,
+      hoverable = props.hoverable,
+      onTransitionEnd = props.onTransitionEnd,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useTouch = useTouch({
+    hoverDelay: hoverStartTime,
+    hoverDuration: hoverStayTime,
+    onLongClick: onLongClick,
+    onTouchStart: onTouchStart,
+    onTouchMove: onTouchMove,
+    onTouchEnd: onTouchEnd,
+    onTouchCancel: onTouchCancel,
+    onClick: onClick
+  }),
+      _useTouch2 = _slicedToArray(_useTouch, 2),
+      touching = _useTouch2[0],
+      handlers = _useTouch2[1];
+
+  return /*#__PURE__*/React.createElement(RemaxView // @ts-ignore
+  , _extends({
+    ref: ref,
+    id: id,
+    className: className,
+    style: inlineStyle(style),
+    hoverClassName: clsx(_defineProperty({}, styles.hover, hoverable), hoverClassName),
+    hoverStartTime: hoverStartTime,
+    hoverStayTime: hoverStayTime,
+    onTransitionEnd: onTransitionEnd
+  }, handlers, restProps), children);
+});
+View.defaultProps = defaultViewProps;
+View.displayName = 'View';
+export default View;
+View.propTypes = {
+  id: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  hoverClassName: PropTypes.string,
+  hoverStartTime: PropTypes.number,
+  hoverStayTime: PropTypes.number,
+  children: PropTypes.node,
+  onLongClick: PropTypes.func,
+  onTouchStart: PropTypes.func,
+  onTouchMove: PropTypes.func,
+  onTouchEnd: PropTypes.func,
+  onTouchCancel: PropTypes.func,
+  onClick: PropTypes.func,
+  hoverable: PropTypes.bool,
+  onTransitionEnd: PropTypes.func
+};

package/lib/View/View.web.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "children", "hoverClassName", "hoverStartTime", "hoverStayTime", "hoverable", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd"];
+import * as React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import { filterProps, inlineStyle, useTouch } from '@ray-js/framework-shared';
+import { defaultViewProps } from './props';
+import styles from './index.module.less';
+var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      children = props.children,
+      hoverClassName = props.hoverClassName,
+      hoverStartTime = props.hoverStartTime,
+      hoverStayTime = props.hoverStayTime,
+      hoverable = props.hoverable,
+      onClick = props.onClick,
+      onLongClick = props.onLongClick,
+      onTouchCancel = props.onTouchCancel,
+      onTouchEnd = props.onTouchEnd,
+      onTouchMove = props.onTouchMove,
+      onTouchStart = props.onTouchStart,
+      onTransitionEnd = props.onTransitionEnd,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useTouch = useTouch({
+    hoverDelay: hoverStartTime,
+    hoverDuration: hoverStayTime,
+    onLongClick: onLongClick,
+    onTouchStart: onTouchStart,
+    onTouchMove: onTouchMove,
+    onTouchEnd: onTouchEnd,
+    onTouchCancel: onTouchCancel,
+    onClick: onClick
+  }),
+      _useTouch2 = _slicedToArray(_useTouch, 2),
+      touching = _useTouch2[0],
+      handlers = _useTouch2[1];
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    id: id,
+    className: clsx('ray-view', className, hoverable && touching && styles.hover, touching && hoverClassName),
+    style: inlineStyle(style),
+    onTransitionEnd: onTransitionEnd
+  }, handlers, filterProps(restProps)), children);
+});
+View.defaultProps = defaultViewProps;
+View.displayName = 'View';
+export default View;
+View.propTypes = {
+  id: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  hoverClassName: PropTypes.string,
+  hoverStartTime: PropTypes.number,
+  hoverStayTime: PropTypes.number,
+  children: PropTypes.node,
+  onLongClick: PropTypes.func,
+  onTouchStart: PropTypes.func,
+  onTouchMove: PropTypes.func,
+  onTouchEnd: PropTypes.func,
+  onTouchCancel: PropTypes.func,
+  onClick: PropTypes.func,
+  hoverable: PropTypes.bool,
+  onTransitionEnd: PropTypes.func
+};

package/lib/View/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _View=_interopRequireDefault(require("./View"));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=_View.default;exports.default=_default;

package/lib/View/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _View=_interopRequireDefault(require("./View"));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=_View.default;exports.default=_default;

package/lib/View/index.md

@@ -0,0 +1,33 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 基础组件
+---
+
+# View
+
+用于页面布局的元素
+
+## 代码演示
+
+<code src="./demos/simple" title="基本用法" />
+<code src="./demos/flex" title="Flex 布局" />
+
+## 导入
+
+```js
+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、涂鸦、微信 |

package/lib/View/index.tuya.js

@@ -0,0 +1,3 @@
+import View from './View';
+export * from './props';
+export default View;

package/lib/View/index.web.js

@@ -0,0 +1,3 @@
+import View from './View';
+export * from './props';
+export default View;

package/lib/View/index.wechat.js

@@ -0,0 +1,3 @@
+import View from './View';
+export * from './props';
+export default View;

package/lib/View/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultViewProps=void 0;var defaultViewProps={hoverStartTime:20,hoverStayTime:70};exports.defaultViewProps=defaultViewProps;

package/lib/View/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultViewProps=void 0;var defaultViewProps={hoverStartTime:20,hoverStayTime:70};exports.defaultViewProps=defaultViewProps;

package/lib/View/props.tuya.js

@@ -0,0 +1,4 @@
+export var defaultViewProps = {
+  hoverStartTime: 20,
+  hoverStayTime: 70
+};

package/lib/View/props.web.js

@@ -0,0 +1,4 @@
+export var defaultViewProps = {
+  hoverStartTime: 20,
+  hoverStayTime: 70
+};

package/lib/View/props.wechat.js

@@ -0,0 +1,4 @@
+export var defaultViewProps = {
+  hoverStartTime: 20,
+  hoverStayTime: 70
+};

package/lib/assets/icons.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.iconList=void 0;var iconList={success_no_circle:require('./success_no_circle.png'),loading:require('./loading.png'),loading_warn:require('./loading-warn.png'),backIos:require('./back.png'),pen:require('./edit.png')};exports.iconList=iconList;

package/lib/assets/icons.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.iconList=void 0;var iconList={success_no_circle:require('./success_no_circle.png'),loading:require('./loading.png'),loading_warn:require('./loading-warn.png'),backIos:require('./back.png'),pen:require('./edit.png')};exports.iconList=iconList;

package/lib/assets/icons.tuya.js

@@ -0,0 +1,7 @@
+export var iconList = {
+  success_no_circle: require('./success_no_circle.png'),
+  loading: require('./loading.png'),
+  loading_warn: require('./loading-warn.png'),
+  backIos: require('./back.png'),
+  pen: require('./edit.png')
+};

package/lib/assets/icons.web.js

@@ -0,0 +1,7 @@
+export var iconList = {
+  success_no_circle: require('./success_no_circle.png'),
+  loading: require('./loading.png'),
+  loading_warn: require('./loading-warn.png'),
+  backIos: require('./back.png'),
+  pen: require('./edit.png')
+};