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

package/lib/Text/index.tuya.js

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

package/lib/Text/index.web.js

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

package/lib/Text/index.wechat.js

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

package/lib/Text/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Text/props.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseProps } from '../types';
+export interface TextProps extends BaseProps {
+    /** 文本是否可选 */
+    selectable?: boolean;
+    children?: React.ReactNode;
+    onClick?: (event: {
+        type: string;
+        timeStamp: number;
+        pageX: number;
+        pageY: number;
+        origin: any;
+    }) => void;
+}

package/lib/Text/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Text/props.js

@@ -0,0 +1 @@
+export {};

package/lib/Text/props.tuya.js

@@ -0,0 +1 @@
+export {};

package/lib/Text/props.web.js

@@ -0,0 +1 @@
+export {};

package/lib/Text/props.wechat.js

@@ -0,0 +1 @@
+export {};

package/lib/Textarea/Textarea.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("../Input"));var _utils=require("../utils");var _this=this,_jsxFileName="/drone/src/packages/components/src/Textarea/Textarea.native.tsx";var _Textarea=function(props){var autoHeight=props.autoHeight,onLineChange=props.onLineChange,focus=props.focus,maxLength=props.maxLength;return _react.default.createElement(_Input.default,(0,_extends2.default)({_multiline:true,_autoHeight:autoHeight,_onLineChange:function _handleLineChange(event){typeof onLineChange==='function'&&onLineChange(event);},focus:!!focus,confirmType:"next"},(0,_utils.omit)(props,['type','password','confirmType','confirmHold','autoHeight','onLineChange','maxLength']),{maxLength:maxLength,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:10}}));};_Textarea.displayName='_Textarea';var _default=_Textarea;exports.default=_default;

package/lib/Textarea/Textarea.d.ts

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

package/lib/Textarea/Textarea.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _Input=_interopRequireDefault(require("../Input"));var _utils=require("../utils");var _this=this,_jsxFileName="/drone/src/packages/components/src/Textarea/Textarea.native.tsx";var _Textarea=function(props){var autoHeight=props.autoHeight,onLineChange=props.onLineChange,focus=props.focus,maxLength=props.maxLength;return _react.default.createElement(_Input.default,(0,_extends2.default)({_multiline:true,_autoHeight:autoHeight,_onLineChange:function _handleLineChange(event){typeof onLineChange==='function'&&onLineChange(event);},focus:!!focus,confirmType:"next"},(0,_utils.omit)(props,['type','password','confirmType','confirmHold','autoHeight','onLineChange','maxLength']),{maxLength:maxLength,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:10}}));};_Textarea.displayName='_Textarea';var _default=_Textarea;exports.default=_default;

package/lib/Textarea/Textarea.js

@@ -0,0 +1,120 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import TextareaAutoSize from 'react-autosize-textarea';
+import clsx from 'clsx';
+import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+
+var Textarea = function (props) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      value = props.value,
+      placeholderStyle = props.placeholderStyle,
+      placeholder = props.placeholder,
+      onInput = props.onInput,
+      onFocus = props.onFocus,
+      onConfirm = props.onConfirm,
+      onBlur = props.onBlur,
+      maxLength = props.maxLength,
+      focus = props.focus,
+      disabled = props.disabled,
+      name = props.name,
+      autoHeight = props.autoHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var textareaRef = React.useRef();
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (textareaRef.current) {
+      if (focus) {
+        textareaRef.current.focus(); // 设置光标位置
+
+        textareaRef.current.setSelectionRange(-1, -1);
+      } else {
+        textareaRef.current.blur();
+      }
+    }
+  }, [focus]);
+  React.useEffect(function () {
+    setValue(value);
+  }, [value]);
+
+  var _useStylesheet = useStylesheet(_objectSpread({
+    lineHeight: 1.5
+  }, inlineStyle(placeholderStyle))),
+      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
+      placeholderStyleClassName = _useStylesheet2[0];
+
+  function handleKeyPress(e) {
+    if (e.key === 'Enter' && typeof onConfirm === 'function') {
+      onConfirm({
+        value: value
+      });
+    }
+  }
+
+  function handleInput(event) {
+    var target = event.currentTarget;
+    var value = target.value;
+    setValue(value);
+    onInput === null || onInput === void 0 ? void 0 : onInput({
+      value: value
+    });
+  } // TODO: 针对 onXxx 事件需要统一 event 属性返回，小程序的 event.detail  等
+
+
+  if (autoHeight) {
+    return /*#__PURE__*/React.createElement(TextareaAutoSize, _extends({
+      id: id,
+      ref: function ref(_ref) {
+        if (_ref) {
+          textareaRef.current = _ref;
+        }
+      },
+      className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
+      style: inlineStyle(style),
+      value: internalValue,
+      name: name,
+      placeholder: placeholder,
+      disabled: disabled,
+      maxLength: maxLength,
+      onChange: handleInput,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyPress: handleKeyPress
+    }, restProps));
+  }
+
+  return /*#__PURE__*/React.createElement("textarea", _extends({
+    id: id,
+    ref: function ref(_ref2) {
+      if (_ref2) {
+        textareaRef.current = _ref2;
+      }
+    },
+    className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
+    style: inlineStyle(style),
+    value: internalValue,
+    name: name,
+    placeholder: placeholder,
+    disabled: disabled,
+    maxLength: maxLength,
+    onChange: handleInput,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyPress: handleKeyPress
+  }, restProps));
+};
+
+export default Textarea;

package/lib/Textarea/Textarea.native.d.ts

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

package/lib/Textarea/Textarea.tuya.d.ts

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

package/lib/Textarea/Textarea.tuya.js

@@ -0,0 +1,60 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Textarea as RemaxTextarea } from '@ray-js/remax-tuya';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      value = props.value,
+      placeholderStyle = props.placeholderStyle,
+      placeholder = props.placeholder,
+      onInput = props.onInput,
+      onFocus = props.onFocus,
+      onConfirm = props.onConfirm,
+      onBlur = props.onBlur,
+      _props$maxLength = props.maxLength,
+      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
+      focus = props.focus,
+      disabled = props.disabled,
+      name = props.name,
+      autoHeight = props.autoHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxTextarea, _extends({
+    name: name // @ts-ignore
+    ,
+    ref: ref,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-textarea', styles.textarea, className),
+    autoHeight: autoHeight,
+    disabled: disabled,
+    focus: focus,
+    maxlength: maxLength // 小程序里是 maxlength 小写
+    ,
+    onBlur: onBlur,
+    onConfirm: function (e) {
+      var value = e.detail.value;
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
+        value: value
+      });
+    },
+    onFocus: onFocus,
+    onInput: function (e) {
+      var value = e.detail.value;
+      onInput === null || onInput === void 0 ? void 0 : onInput({
+        value: value
+      });
+    },
+    placeholder: placeholder,
+    placeholderStyle: inlineStyle(placeholderStyle),
+    value: value
+  }, restProps));
+});
+export default Input;

package/lib/Textarea/Textarea.web.js

@@ -0,0 +1,120 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import TextareaAutoSize from 'react-autosize-textarea';
+import clsx from 'clsx';
+import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+
+var Textarea = function (props) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      value = props.value,
+      placeholderStyle = props.placeholderStyle,
+      placeholder = props.placeholder,
+      onInput = props.onInput,
+      onFocus = props.onFocus,
+      onConfirm = props.onConfirm,
+      onBlur = props.onBlur,
+      maxLength = props.maxLength,
+      focus = props.focus,
+      disabled = props.disabled,
+      name = props.name,
+      autoHeight = props.autoHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var textareaRef = React.useRef();
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  React.useEffect(function () {
+    if (textareaRef.current) {
+      if (focus) {
+        textareaRef.current.focus(); // 设置光标位置
+
+        textareaRef.current.setSelectionRange(-1, -1);
+      } else {
+        textareaRef.current.blur();
+      }
+    }
+  }, [focus]);
+  React.useEffect(function () {
+    setValue(value);
+  }, [value]);
+
+  var _useStylesheet = useStylesheet(_objectSpread({
+    lineHeight: 1.5
+  }, inlineStyle(placeholderStyle))),
+      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
+      placeholderStyleClassName = _useStylesheet2[0];
+
+  function handleKeyPress(e) {
+    if (e.key === 'Enter' && typeof onConfirm === 'function') {
+      onConfirm({
+        value: value
+      });
+    }
+  }
+
+  function handleInput(event) {
+    var target = event.currentTarget;
+    var value = target.value;
+    setValue(value);
+    onInput === null || onInput === void 0 ? void 0 : onInput({
+      value: value
+    });
+  } // TODO: 针对 onXxx 事件需要统一 event 属性返回，小程序的 event.detail  等
+
+
+  if (autoHeight) {
+    return /*#__PURE__*/React.createElement(TextareaAutoSize, _extends({
+      id: id,
+      ref: function ref(_ref) {
+        if (_ref) {
+          textareaRef.current = _ref;
+        }
+      },
+      className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
+      style: inlineStyle(style),
+      value: internalValue,
+      name: name,
+      placeholder: placeholder,
+      disabled: disabled,
+      maxLength: maxLength,
+      onChange: handleInput,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyPress: handleKeyPress
+    }, restProps));
+  }
+
+  return /*#__PURE__*/React.createElement("textarea", _extends({
+    id: id,
+    ref: function ref(_ref2) {
+      if (_ref2) {
+        textareaRef.current = _ref2;
+      }
+    },
+    className: clsx('ray-textarea', styles.textarea, className, placeholderStyleClassName),
+    style: inlineStyle(style),
+    value: internalValue,
+    name: name,
+    placeholder: placeholder,
+    disabled: disabled,
+    maxLength: maxLength,
+    onChange: handleInput,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyPress: handleKeyPress
+  }, restProps));
+};
+
+export default Textarea;

package/lib/Textarea/Textarea.wechat.d.ts

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

package/lib/Textarea/Textarea.wechat.js

@@ -0,0 +1,60 @@
+import { Textarea as _Textarea } from "@remax/wechat/esm/hostComponents/Textarea/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "style", "value", "placeholderStyle", "placeholder", "onInput", "onFocus", "onConfirm", "onBlur", "maxLength", "focus", "disabled", "name", "autoHeight"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var id = props.id,
+      className = props.className,
+      style = props.style,
+      value = props.value,
+      placeholderStyle = props.placeholderStyle,
+      placeholder = props.placeholder,
+      onInput = props.onInput,
+      onFocus = props.onFocus,
+      onConfirm = props.onConfirm,
+      onBlur = props.onBlur,
+      _props$maxLength = props.maxLength,
+      maxLength = _props$maxLength === void 0 ? 140 : _props$maxLength,
+      focus = props.focus,
+      disabled = props.disabled,
+      name = props.name,
+      autoHeight = props.autoHeight,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Textarea, _extends({
+    name: name // @ts-ignore
+    ,
+    ref: ref,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-textarea', styles.textarea, className),
+    autoHeight: autoHeight,
+    disabled: disabled,
+    focus: focus,
+    maxlength: maxLength // 小程序里是 maxlength 小写
+    ,
+    onBlur: onBlur,
+    onConfirm: function (e) {
+      var value = e.detail.value;
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm({
+        value: value
+      });
+    },
+    onFocus: onFocus,
+    onInput: function (e) {
+      var value = e.detail.value;
+      onInput === null || onInput === void 0 ? void 0 : onInput({
+        value: value
+      });
+    },
+    placeholder: placeholder,
+    placeholderStyle: inlineStyle(placeholderStyle),
+    value: value
+  }, restProps));
+});
+export default Input;

package/lib/Textarea/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 _Textarea=_interopRequireDefault(require("./Textarea"));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=_Textarea.default;exports.default=_default;

package/lib/Textarea/index.d.ts

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

package/lib/Textarea/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 _Textarea=_interopRequireDefault(require("./Textarea"));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=_Textarea.default;exports.default=_default;

package/lib/Textarea/index.js

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

package/lib/Textarea/index.md

@@ -0,0 +1,46 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Textarea
+
+文本域输入框
+
+## 代码演示
+
+<code src="./demos/simple" title="基本用法"  />
+
+## 导入
+
+```js
+import { Textarea } from '@ray-js/components';
+```
+
+## 代码演示
+
+<code src="./demos/simple.tsx" title="基本用法" background="#f2f4f6" />
+<code src="./demos/autoHeight.tsx" title="自适应高度" background="#f2f4f6" />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| id | string |  | 组件的 id | 涂鸦、微信、RN |
+| style | CSSProperties |  | 标签栏样式 | 涂鸦、微信、RN |
+| className | string |  | 标签栏样式名 | 涂鸦、微信、RN |
+| name | string |  | 输入框的名字 | 涂鸦、微信、RN |
+| value | string |  | 输入框的内容 | 涂鸦、微信、RN |
+| placeholder | string |  | 输入框为空时占位符 | 涂鸦、微信、RN |
+| placeholderStyle | string |  | 指定 placeholder 的样式，目前仅支持 color,fontSize 和 fontWeight | 涂鸦、微信、RN |
+| disabled | boolean | false | 是否禁用 | 涂鸦、微信、RN |
+| maxlength | number | 140 | 最大输入长度，设置为 -1 的时候不限制最大长度 | 涂鸦、微信、RN |
+| focus | boolean | false | 获取焦点 | RN、涂鸦、微信、RN |
+| autoHeight | boolean | false | 是否自动增高，设置 autoHeight 时，style.height 不生效 | 涂鸦、微信、RN |
+| onFocus | (event: any) => any; |  | 输入框聚焦时触发 | 涂鸦、微信、RN |
+| onBlur | (event: any) => any; |  | 输入框失去焦点时触发 | 涂鸦、微信、RN |
+| onInput | (event: TextareaEvent) => any; |  | 当键盘输入时，触发 input 事件，event = {value: value} | 涂鸦、微信、RN |
+| onConfirm | (event: any) => any; |  | 点击完成时， 触发 confirm 事件，event = {value: value} | 涂鸦、微信、RN |

package/lib/Textarea/index.module.less

@@ -0,0 +1,12 @@
+.textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 0.68rem;
+  padding: 0.1rem;
+  border: 0.01rem solid #eee;
+  border-radius: 0.1rem;
+  background-color: #fff;
+  font-size: 0.28rem;
+  line-height: 1.5;
+  resize: none;
+}

package/lib/Textarea/index.tuya.js

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

package/lib/Textarea/index.web.js

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

package/lib/Textarea/index.wechat.js

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

package/lib/Textarea/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Textarea/props.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps, FormEvent } from '../types';
+export declare type TextareaEvent = FormEvent<{
+    value: string;
+}>;
+export interface TextareaProps extends BaseProps {
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    placeholderStyle?: React.CSSProperties;
+    disabled?: boolean;
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    maxLength?: number;
+    focus?: boolean;
+    /** 是否自动增高，设置auto-height时，style.height不生效 */
+    autoHeight?: boolean;
+    onInput?: (event: TextareaEvent) => any;
+    onFocus?: (event: any) => void;
+    onBlur?: (event: any) => void;
+    onConfirm?: (event: any) => void;
+}

package/lib/Textarea/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});

package/lib/Textarea/props.js

@@ -0,0 +1 @@
+export {};

package/lib/Textarea/props.tuya.js

@@ -0,0 +1 @@
+export {};

package/lib/Textarea/props.web.js

@@ -0,0 +1 @@
+export {};

package/lib/Textarea/props.wechat.js

@@ -0,0 +1 @@
+export {};

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="/drone/src/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="/drone/src/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;