@ray-js/components 0.3.0-beta.1c347991

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="/drone/src/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.d.ts

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

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="/drone/src/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.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/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/View.wechat.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.wechat.js

@@ -0,0 +1,76 @@
+import { View as _View } from "@remax/wechat/esm/hostComponents/View/index";
+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 { inlineStyle, useTouch } from '@ray-js/framework-shared';
+import PropTypes from 'prop-types';
+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(_View, _extends({
+    // @ts-ignore
+    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/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.d.ts

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

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.js

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