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

package/lib/Checkbox/Checkbox.native.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TouchableWithoutFeedback, GestureResponderEvent } from 'react-native';
+import { CheckboxProps } from './props';
+export declare type EventOnChange = {
+    value: string;
+    checked: boolean;
+    type: 'change';
+};
+export interface CheckboxNativeProps extends CheckboxProps {
+    onChange?: (evt: EventOnChange) => void;
+}
+export interface CheckboxState {
+    checked: boolean;
+}
+declare class Checkbox extends React.Component<CheckboxNativeProps, CheckboxState> {
+    static displayName: string;
+    static defaultProps: {
+        value: string;
+        color: string;
+    };
+    $touchable: React.RefObject<TouchableWithoutFeedback>;
+    constructor(props: CheckboxNativeProps);
+    componentDidUpdate(prevProps: CheckboxNativeProps): void;
+    _simulateNativePress: (evt: GestureResponderEvent) => void;
+    onPress: () => void;
+    render(): JSX.Element;
+}
+export default Checkbox;

package/lib/Checkbox/Checkbox.tuya.d.ts

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

package/lib/Checkbox/Checkbox.tuya.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Checkbox as RemaxCheckbox } from '@ray-js/remax-tuya';
+
+var Checkbox = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxCheckbox, _extends({
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-checkbox', className)
+  }, restProps));
+};
+
+export default Checkbox;

package/lib/Checkbox/Checkbox.web.js

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import * as React from 'react';
+import clsx from 'clsx';
+import AntdCheckbox from 'antd-mobile/es/components/checkbox';
+import CheckOutline from 'antd-mobile-icons/es/CheckOutline';
+import 'antd-mobile/es/components/checkbox/checkbox.css';
+import { inlineStyle } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+
+var Checkbox = function (props) {
+  var checked = props.checked,
+      disabled = props.disabled,
+      color = props.color,
+      className = props.className,
+      style = props.style;
+  return /*#__PURE__*/React.createElement(AntdCheckbox, {
+    style: inlineStyle(_objectSpread({
+      backgroundColor: disabled ? '#dadada' : '#ffffff'
+    }, style)),
+    disabled: disabled,
+    defaultChecked: checked,
+    className: clsx(styles.checkboxWrapper, className),
+    icon: function icon(checked) {
+      return /*#__PURE__*/React.createElement(CheckOutline, {
+        className: styles.icon,
+        color: color || (disabled ? '#9d9d9d' : '#76c6b8'),
+        style: {
+          visibility: checked ? 'visible' : 'hidden'
+        }
+      });
+    }
+  });
+};
+
+Checkbox.displayName = 'Checkbox';
+export default Checkbox;

package/lib/Checkbox/Checkbox.wechat.d.ts

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

package/lib/Checkbox/Checkbox.wechat.js

@@ -0,0 +1,24 @@
+import { Checkbox as _Checkbox } from "@remax/wechat/esm/hostComponents/Checkbox/index";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id", "color"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+
+var Checkbox = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      color = props.color,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(_Checkbox, _extends({
+    id: id,
+    style: inlineStyle(style),
+    color: color || '#007aff',
+    className: clsx('ray-checkbox', className)
+  }, restProps));
+};
+
+export default Checkbox;

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

package/lib/Checkbox/index.d.ts

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

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

package/lib/Checkbox/index.js

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

package/lib/Checkbox/index.md

@@ -0,0 +1,33 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Checkbox
+
+多选项目。
+
+## 导入
+
+```js
+import { Checkbox } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6"/>
+<code src="./demos/checkboxGroup.tsx" title="checkboxGroup" background="#f2f4f6"/>
+<code src="./demos/checked.tsx" title="默认选中" background="#f2f4f6"/>
+<code src="./demos/disabled.tsx" title="disabled" background="#f2f4f6"/>
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| value | string |  | checkbox 标识，选中时触发 checkbox-group 的 change 事件，并携带 checkbox 的 value | RN、微信、涂鸦 |
+| disabled | boolean | false | 是否禁用 | RN、微信、涂鸦 |
+| checked | boolean | false | 当前是否选中，可用来设置默认选中 | RN、微信、涂鸦 |
+| color | string | '#007AFF' | checkbox 的颜色，同 css 的 color | RN、微信、涂鸦 |

package/lib/Checkbox/index.module.less

@@ -0,0 +1,11 @@
+.checkboxWrapper {
+  width: 20px;
+  height: 20px;
+  border: 1px solid #eeeeee;
+  background-color: #ffffff;
+  border-radius: 4px;
+}
+
+.icon {
+  font-size: 18px;
+}

package/lib/Checkbox/index.tuya.js

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

package/lib/Checkbox/index.web.js

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

package/lib/Checkbox/index.wechat.js

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

package/lib/Checkbox/props.android.js

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

package/lib/Checkbox/props.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps, TouchEventHandler } from '../types';
+export interface CheckboxProps extends BaseProps, TouchEventHandler {
+    value?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+}

package/lib/Checkbox/props.ios.js

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

package/lib/Checkbox/props.js

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

package/lib/Checkbox/props.tuya.js

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

package/lib/Checkbox/props.web.js

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

package/lib/Checkbox/props.wechat.js

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

package/lib/CheckboxGroup/CheckboxGroup.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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _Checkbox=_interopRequireDefault(require("../Checkbox"));var _jsxFileName="/drone/src/packages/components/src/CheckboxGroup/CheckboxGroup.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;}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 CheckboxGroup=function(_React$Component){(0,_inherits2.default)(CheckboxGroup,_React$Component);var _super=_createSuper(CheckboxGroup);function CheckboxGroup(props){var _this;(0,_classCallCheck2.default)(this,CheckboxGroup);_this=_super.call(this,props);_this.getValueData=function(options){return options.filter(function(item){return item.checked;}).map(function(item){return item.value;});};_this._handleChange=function(event,index){var onChange=_this.props.onChange;var options=_this.state.options;var newOptions=options.concat([]);newOptions[index]=_objectSpread(_objectSpread({},newOptions[index]),event);_this.setState({options:newOptions});typeof onChange==='function'&&onChange({type:'change',value:_this.getValueData(newOptions)});};_this.state={options:props.options};return _this;}(0,_createClass2.default)(CheckboxGroup,[{key:"render",value:function render(){var _this2=this;var _this$props=this.props,style=_this$props.style,disabled=_this$props.disabled;var options=this.state.options;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:12}},options.length&&options.map(function(item,index){var data=disabled?_objectSpread(_objectSpread({},item),{},{disabled:disabled}):item;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center',paddingLeft:index?5:0}],key:Math.random(),__self:_this2,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:16}},_react.default.createElement(_Checkbox.default,(0,_extends2.default)({},data,{onChange:function onChange(event){return _this2._handleChange(event,index);},__self:_this2,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:17}})),item.label&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:5}],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:32}},item.label));}));}}]);return CheckboxGroup;}(_react.default.Component);exports.default=CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.d.ts

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

package/lib/CheckboxGroup/CheckboxGroup.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 _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _Checkbox=_interopRequireDefault(require("../Checkbox"));var _jsxFileName="/drone/src/packages/components/src/CheckboxGroup/CheckboxGroup.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;}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 CheckboxGroup=function(_React$Component){(0,_inherits2.default)(CheckboxGroup,_React$Component);var _super=_createSuper(CheckboxGroup);function CheckboxGroup(props){var _this;(0,_classCallCheck2.default)(this,CheckboxGroup);_this=_super.call(this,props);_this.getValueData=function(options){return options.filter(function(item){return item.checked;}).map(function(item){return item.value;});};_this._handleChange=function(event,index){var onChange=_this.props.onChange;var options=_this.state.options;var newOptions=options.concat([]);newOptions[index]=_objectSpread(_objectSpread({},newOptions[index]),event);_this.setState({options:newOptions});typeof onChange==='function'&&onChange({type:'change',value:_this.getValueData(newOptions)});};_this.state={options:props.options};return _this;}(0,_createClass2.default)(CheckboxGroup,[{key:"render",value:function render(){var _this2=this;var _this$props=this.props,style=_this$props.style,disabled=_this$props.disabled;var options=this.state.options;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row'},style],__self:this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:12}},options.length&&options.map(function(item,index){var data=disabled?_objectSpread(_objectSpread({},item),{},{disabled:disabled}):item;return _react.default.createElement(_reactNative.View,{style:[{flexDirection:'row',alignItems:'center',paddingLeft:index?5:0}],key:Math.random(),__self:_this2,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:16}},_react.default.createElement(_Checkbox.default,(0,_extends2.default)({},data,{onChange:function onChange(event){return _this2._handleChange(event,index);},__self:_this2,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:17}})),item.label&&_react.default.createElement(_reactNative.Text,{style:[{marginLeft:5}],__self:_this2,__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:32}},item.label));}));}}]);return CheckboxGroup;}(_react.default.Component);exports.default=CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+var CheckboxGroup = function (props) {
+  props.onChange;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+CheckboxGroup.displayName = 'CheckboxGroup';
+export default CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.native.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { CheckboxGroupProps, CheckboxGroupOption } from './props';
+export interface IProps extends Omit<CheckboxGroupProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+}
+export interface IState {
+    options: CheckboxGroupOption[];
+}
+export default class CheckboxGroup extends React.Component<IProps, IState> {
+    constructor(props: IProps);
+    getValueData: (options: CheckboxGroupOption[]) => string[];
+    _handleChange: (event: {
+        value: string;
+        checked: boolean;
+    }, index: number) => void;
+    render(): JSX.Element;
+}

package/lib/CheckboxGroup/CheckboxGroup.tuya.d.ts

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

package/lib/CheckboxGroup/CheckboxGroup.tuya.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
+import { CheckboxGroup as RemaxCheckboxGroup } from '@ray-js/remax-tuya';
+import Checkbox from '../Checkbox';
+import Label from '../Label';
+
+var CheckboxGroup = function (props) {
+  var options = props.options,
+      name = props.name,
+      disabled = props.disabled,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(RemaxCheckboxGroup, {
+    name: name,
+    onChange: function handleOnChange(e) {
+      !disabled && onChange(e);
+    }
+  }, function renderOptions() {
+    return options.map(function (item, index) {
+      var _item$checked;
+
+      return /*#__PURE__*/React.createElement(Label, {
+        key: index + '_' + item.value
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        value: item.value,
+        checked: (_item$checked = item.checked) !== null && _item$checked !== void 0 ? _item$checked : false,
+        disabled: disabled || item.disabled || false,
+        color: item.color
+      }), item.label);
+    });
+  }());
+};
+
+export default CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.web.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+var CheckboxGroup = function (props) {
+  props.onChange;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+CheckboxGroup.displayName = 'CheckboxGroup';
+export default CheckboxGroup;

package/lib/CheckboxGroup/CheckboxGroup.wechat.d.ts

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

package/lib/CheckboxGroup/CheckboxGroup.wechat.js

@@ -0,0 +1,35 @@
+import { CheckboxGroup as _CheckboxGroup } from "@remax/wechat/esm/hostComponents/CheckboxGroup/index";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
+import Checkbox from '../Checkbox';
+import Label from '../Label';
+
+var CheckboxGroup = function (props) {
+  var options = props.options,
+      name = props.name,
+      disabled = props.disabled,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _props$onChange;
+  return /*#__PURE__*/React.createElement(_CheckboxGroup, {
+    name: name,
+    onChange: function handleOnChange(e) {
+      !disabled && onChange(e);
+    }
+  }, function renderOptions() {
+    return options.map(function (item, index) {
+      var _item$checked;
+
+      return /*#__PURE__*/React.createElement(Label, {
+        key: index + '_' + item.value
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        value: item.value,
+        checked: (_item$checked = item.checked) !== null && _item$checked !== void 0 ? _item$checked : false,
+        disabled: disabled || item.disabled || false,
+        color: item.color
+      }), item.label);
+    });
+  }());
+};
+
+export default CheckboxGroup;

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

package/lib/CheckboxGroup/index.d.ts

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

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

package/lib/CheckboxGroup/index.js

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

package/lib/CheckboxGroup/index.md

@@ -0,0 +1,37 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# CheckboxGroup
+
+多项选择器组，内部由多个 checkbox 组成。
+
+## 导入
+
+```js
+import { CheckboxGroup } from '@ray-js/components';
+```
+
+## Props
+
+| 属性 | 类型 | 是否必填 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| options | CheckboxOption[] | 是 |  | 群组项 | 涂鸦、微信、RN |
+| disabled | boolean | 否 | false | 是否禁用 | 涂鸦、微信、RN |
+| onChange | (event: { type: 'change'; value: string[] }) => void | 否 |  | 选中项发生改变时触发 change 事件 | 涂鸦、微信、RN |
+
+### CheckboxOption
+
+群组选择项
+
+| 属性     | 类型    | 默认值    | 说明                             |
+| -------- | ------- | --------- | -------------------------------- |
+| label    | string  |           | 跟随文本内容                     |
+| value    | string  |           | checkbox 的 Value                |
+| checked  | boolean | false     | 当前是否选中                     |
+| disabled | boolean | false     | 是否禁用                         |
+| color    | string  | '#007AFF' | Checkbox 的颜色，同 css 的 color |

package/lib/CheckboxGroup/index.tuya.js

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

package/lib/CheckboxGroup/index.web.js

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

package/lib/CheckboxGroup/index.wechat.js

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

package/lib/CheckboxGroup/props.android.js

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

package/lib/CheckboxGroup/props.d.ts

@@ -0,0 +1,13 @@
+import { BaseProps, TouchEventHandler } from '../types';
+import { CheckboxProps } from '../Checkbox/props';
+export declare type CheckboxGroupOption = CheckboxProps & {
+    label: string;
+};
+export interface CheckboxGroupProps extends BaseProps, TouchEventHandler {
+    options: CheckboxGroupOption[];
+    disabled?: boolean;
+    onChange?: (event: {
+        type: 'change';
+        value: string[];
+    }) => void;
+}

package/lib/CheckboxGroup/props.ios.js

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

package/lib/CheckboxGroup/props.js

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

package/lib/CheckboxGroup/props.tuya.js

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

package/lib/CheckboxGroup/props.web.js

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

package/lib/CheckboxGroup/props.wechat.js

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

package/lib/ClickableSimplified/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ClickableSimplified;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/ClickableSimplified/index.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;}}function ClickableSimplified(WrappedComponent){var _class;return _class=function(_React$Component){(0,_inherits2.default)(_Clickable,_React$Component);var _super=_createSuper(_Clickable);function _Clickable(props){var _this;(0,_classCallCheck2.default)(this,_Clickable);_this=_super.call(this,props);_this.startTimestamp=0;_this.setStartTimer=function(){var _this$props=_this.props,hoverStyle=_this$props.hoverStyle,hoverStartTime=_this$props.hoverStartTime;if(hoverStyle){_this.startTimer&&clearTimeout(_this.startTimer);_this.startTimer=setTimeout(function(){_this.setState({hoverable:true});},hoverStartTime);}};_this.setStayTimer=function(){var _this$props2=_this.props,hoverStyle=_this$props2.hoverStyle,hoverStayTime=_this$props2.hoverStayTime;if(hoverStyle){_this.stayTimer&&clearTimeout(_this.stayTimer);_this.stayTimer=setTimeout(function(){_this.state.hoverable&&_this.setState({hoverable:false});},hoverStayTime);}};_this.handleStartShouldSetPanResponder=function(){var _this$props3=_this.props,hoverStyle=_this$props3.hoverStyle,onClick=_this$props3.onClick,onLongClick=_this$props3.onLongClick,onTouchStart=_this$props3.onTouchStart,onTouchEnd=_this$props3.onTouchEnd;return!!(hoverStyle||onClick||onLongClick||onTouchStart||onTouchEnd);};_this.handlePanResponderGrant=function(evt){var onTouchStart=_this.props.onTouchStart;onTouchStart&&onTouchStart((0,_utils.getTouchEvent)(evt,'touchstart'));_this.startTimestamp=evt.nativeEvent.timestamp;_this.setStartTimer();};_this.handlePanResponderRelease=function(evt,gestureState){var _this$props4=_this.props,onClick=_this$props4.onClick,onLongClick=_this$props4.onLongClick,onTouchEnd=_this$props4.onTouchEnd;onTouchEnd&&onTouchEnd((0,_utils.getTouchEvent)(evt,'touchend'));var endTimestamp=evt.nativeEvent.timestamp;var gapTime=endTimestamp-_this.startTimestamp;var hasMove=Math.abs(gestureState.dx)>=1||Math.abs(gestureState.dy)>=1;if(!hasMove){if(gapTime<=350){onClick&&onClick((0,_utils.getClickEvent)(evt,'click'));}else{onLongClick&&onLongClick((0,_utils.getClickEvent)(evt,'longclick'));}}_this.setStayTimer();};_this.state={hoverable:false};_this.panResponder=_reactNative.PanResponder.create({onStartShouldSetPanResponder:_this.handleStartShouldSetPanResponder,onShouldBlockNativeResponder:function onShouldBlockNativeResponder(){return false;},onPanResponderGrant:function onPanResponderGrant(evt){return _this.handlePanResponderGrant(evt);},onPanResponderTerminationRequest:function onPanResponderTerminationRequest(){return true;},onPanResponderRelease:function onPanResponderRelease(evt,gestureState){return _this.handlePanResponderRelease(evt,gestureState);},onPanResponderTerminate:function onPanResponderTerminate(){_this.setStayTimer();}});return _this;}(0,_createClass2.default)(_Clickable,[{key:"componentWillUnmount",value:function componentWillUnmount(){this.startTimer&&clearTimeout(this.startTimer);this.stayTimer&&clearTimeout(this.stayTimer);}},{key:"render",value:function render(){var _this$props5=this.props,style=_this$props5.style,hoverStyle=_this$props5.hoverStyle,onClick=_this$props5.onClick,onLongClick=_this$props5.onLongClick,onTouchStart=_this$props5.onTouchStart,onTouchEnd=_this$props5.onTouchEnd;var hoverable=this.state.hoverable;if(!hoverStyle&&!onClick&&!onLongClick&&!onTouchStart&&!onTouchEnd){return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},this.props,{__self:this,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:16}}));}return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},(0,_utils.omit)(this.props,['style','hoverStyle','hoverStartTime','hoverStayTime','onClick','onLongClick','onTouchStart','onTouchEnd']),this.panResponder.panHandlers,{style:[{backgroundColor:'transparent'},style,hoverable&&hoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:167,columnNumber:14}}));}}]);return _Clickable;}(_react.default.Component),_class.defaultProps={hoverStartTime:20,hoverStayTime:70},_class;}

package/lib/ClickableSimplified/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=ClickableSimplified;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));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 _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/ClickableSimplified/index.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;}}function ClickableSimplified(WrappedComponent){var _class;return _class=function(_React$Component){(0,_inherits2.default)(_Clickable,_React$Component);var _super=_createSuper(_Clickable);function _Clickable(props){var _this;(0,_classCallCheck2.default)(this,_Clickable);_this=_super.call(this,props);_this.startTimestamp=0;_this.setStartTimer=function(){var _this$props=_this.props,hoverStyle=_this$props.hoverStyle,hoverStartTime=_this$props.hoverStartTime;if(hoverStyle){_this.startTimer&&clearTimeout(_this.startTimer);_this.startTimer=setTimeout(function(){_this.setState({hoverable:true});},hoverStartTime);}};_this.setStayTimer=function(){var _this$props2=_this.props,hoverStyle=_this$props2.hoverStyle,hoverStayTime=_this$props2.hoverStayTime;if(hoverStyle){_this.stayTimer&&clearTimeout(_this.stayTimer);_this.stayTimer=setTimeout(function(){_this.state.hoverable&&_this.setState({hoverable:false});},hoverStayTime);}};_this.handleStartShouldSetPanResponder=function(){var _this$props3=_this.props,hoverStyle=_this$props3.hoverStyle,onClick=_this$props3.onClick,onLongClick=_this$props3.onLongClick,onTouchStart=_this$props3.onTouchStart,onTouchEnd=_this$props3.onTouchEnd;return!!(hoverStyle||onClick||onLongClick||onTouchStart||onTouchEnd);};_this.handlePanResponderGrant=function(evt){var onTouchStart=_this.props.onTouchStart;onTouchStart&&onTouchStart((0,_utils.getTouchEvent)(evt,'touchstart'));_this.startTimestamp=evt.nativeEvent.timestamp;_this.setStartTimer();};_this.handlePanResponderRelease=function(evt,gestureState){var _this$props4=_this.props,onClick=_this$props4.onClick,onLongClick=_this$props4.onLongClick,onTouchEnd=_this$props4.onTouchEnd;onTouchEnd&&onTouchEnd((0,_utils.getTouchEvent)(evt,'touchend'));var endTimestamp=evt.nativeEvent.timestamp;var gapTime=endTimestamp-_this.startTimestamp;var hasMove=Math.abs(gestureState.dx)>=1||Math.abs(gestureState.dy)>=1;if(!hasMove){if(gapTime<=350){onClick&&onClick((0,_utils.getClickEvent)(evt,'click'));}else{onLongClick&&onLongClick((0,_utils.getClickEvent)(evt,'longclick'));}}_this.setStayTimer();};_this.state={hoverable:false};_this.panResponder=_reactNative.PanResponder.create({onStartShouldSetPanResponder:_this.handleStartShouldSetPanResponder,onShouldBlockNativeResponder:function onShouldBlockNativeResponder(){return false;},onPanResponderGrant:function onPanResponderGrant(evt){return _this.handlePanResponderGrant(evt);},onPanResponderTerminationRequest:function onPanResponderTerminationRequest(){return true;},onPanResponderRelease:function onPanResponderRelease(evt,gestureState){return _this.handlePanResponderRelease(evt,gestureState);},onPanResponderTerminate:function onPanResponderTerminate(){_this.setStayTimer();}});return _this;}(0,_createClass2.default)(_Clickable,[{key:"componentWillUnmount",value:function componentWillUnmount(){this.startTimer&&clearTimeout(this.startTimer);this.stayTimer&&clearTimeout(this.stayTimer);}},{key:"render",value:function render(){var _this$props5=this.props,style=_this$props5.style,hoverStyle=_this$props5.hoverStyle,onClick=_this$props5.onClick,onLongClick=_this$props5.onLongClick,onTouchStart=_this$props5.onTouchStart,onTouchEnd=_this$props5.onTouchEnd;var hoverable=this.state.hoverable;if(!hoverStyle&&!onClick&&!onLongClick&&!onTouchStart&&!onTouchEnd){return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},this.props,{__self:this,__source:{fileName:_jsxFileName,lineNumber:164,columnNumber:16}}));}return _react.default.createElement(WrappedComponent,(0,_extends2.default)({},(0,_utils.omit)(this.props,['style','hoverStyle','hoverStartTime','hoverStayTime','onClick','onLongClick','onTouchStart','onTouchEnd']),this.panResponder.panHandlers,{style:[{backgroundColor:'transparent'},style,hoverable&&hoverStyle],__self:this,__source:{fileName:_jsxFileName,lineNumber:167,columnNumber:14}}));}}]);return _Clickable;}(_react.default.Component),_class.defaultProps={hoverStartTime:20,hoverStayTime:70},_class;}

package/lib/ClickableSimplified/index.native.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ✔ hoverStyle: Convert hoverClass to hoverStyle.
+ * ✔ hoverStartTime
+ * ✔ hoverStayTime
+ * ✔ onClick
+ * ✔ onLongClick
+ * ✔ onTouchStart
+ * ✔ onTouchEnd
+ */
+import React from 'react';
+import { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+export declare type NativeEvent = {
+    identifier: string;
+    pageX: number;
+    pageY: number;
+};
+export declare type TouchEventRet = {
+    type: 'touchstart' | 'touchend';
+    timeStamp: number;
+    touches: NativeEvent[];
+    changedTouches: NativeEvent[];
+    origin: GestureResponderEvent;
+};
+export declare type ClickEventRet = {
+    type: 'click' | 'longclick';
+    timeStamp: number;
+    pageX: number;
+    pageY: number;
+    origin: GestureResponderEvent;
+};
+export interface ClickableProps {
+    className?: string;
+    style?: StyleProp<ViewStyle>;
+    hoverStyle?: StyleProp<ViewStyle>;
+    hoverStartTime?: number;
+    hoverStayTime?: number;
+    onClick?: (event: ClickEventRet) => void;
+    onLongClick?: (event: ClickEventRet) => void;
+    onTouchStart?: (event: TouchEventRet) => void;
+    onTouchEnd?: (event: TouchEventRet) => void;
+}
+export default function ClickableSimplified<P extends Record<string, any>>(WrappedComponent: React.ComponentType<Record<string, any>>): React.ReactNode;

package/lib/DatePicker/DatePicker.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/DatePicker/DatePicker.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 DatePicker=function(_React$Component){(0,_inherits2.default)(DatePicker,_React$Component);var _super=_createSuper(DatePicker);function DatePicker(props){var _this;(0,_classCallCheck2.default)(this,DatePicker);_this=_super.call(this,props);_this.format=function(time){var year=time.getFullYear();var month=time.getMonth()+1;var day=time.getDate();return{year:year,month:month,day:day};};_this.getDateListArr=function(){var _this$props=_this.props,start=_this$props.start,end=_this$props.end;var startTime=new Date(start).getTime();var endTime=new Date(end).getTime();var dateArr=[];var stamp;for(stamp=startTime;stamp<=endTime;){dateArr.push(_this.format(new Date(stamp)));stamp+=24*60*60*1000;}var listArr=[];dateArr.forEach(function(item,index){if(index===0){listArr.push({year:item.year,monthArr:[{yearItem:item.year,month:item.month,dayArr:[item.day]}]});}else{var yearFlag=listArr.some(function(listItem){if(listItem.year==item.year){var monthFlag=listItem.monthArr.some(function(monthItem){if(monthItem.month==item.month){monthItem.dayArr.push(item.day);return true;}});if(!monthFlag){listItem.monthArr.push({yearItem:item.year,month:item.month,dayArr:[item.day]});}return true;}});if(!yearFlag){listArr.push({year:item.year,monthArr:[{yearItem:item.year,month:item.month,dayArr:[item.day]}]});}}});return listArr;};_this.getCurrentValue=function(value){var valueTime=new Date(value).getTime();var _this$format=_this.format(new Date(valueTime)),year=_this$format.year,month=_this$format.month,day=_this$format.day;return{currentYear:year,currentMonth:month,currentDay:day};};_this.calculateValue=function(value){if(value<10){return"0"+value;}else{return""+value;}};_this.getRangeAndValue=function(value){var fields=_this.props.fields;var dateListArr=_this.getDateListArr();var _this$getCurrentValue=_this.getCurrentValue(value),currentYear=_this$getCurrentValue.currentYear,currentMonth=_this$getCurrentValue.currentMonth,currentDay=_this$getCurrentValue.currentDay;var yearArr=[];var monthArr=[];var dayArr=[];var range=[];dateListArr.forEach(function(item){yearArr.push(""+item.year);if(item.year===currentYear){item.monthArr.forEach(function(monthItem){monthArr.push(_this.calculateValue(monthItem.month));if(monthItem.month===currentMonth){monthItem.dayArr.forEach(function(dayItem){dayArr.push(_this.calculateValue(dayItem));});}});}});switch(fields){case'year':range.push.apply(range,yearArr);return{range:range,currentValue:yearArr.indexOf(""+currentYear),dateListArr:dateListArr};case'month':range.push(yearArr,monthArr);return{range:range,currentValue:[yearArr.indexOf(""+currentYear),monthArr.indexOf(_this.calculateValue(currentMonth))],dateListArr:dateListArr};case'day':range.push(yearArr,monthArr,dayArr);return{range:range,currentValue:[yearArr.indexOf(""+currentYear),monthArr.indexOf(_this.calculateValue(currentMonth)),dayArr.indexOf(_this.calculateValue(currentDay))],dateListArr:dateListArr};default:return{range:[],currentValue:[],dateListArr:dateListArr};}};_this._handleCancel=function(){var onCancel=_this.props.onCancel;typeof onCancel==='function'&&onCancel({type:'cancel',origin:null});_this.setState({visible:false});};_this._handleConfirm=function(){var _this$state=_this.state,changeValue=_this$state.changeValue,range=_this$state.range;var _this$props2=_this.props,onChange=_this$props2.onChange,fields=_this$props2.fields;var result='';if(fields==='day'){result=range[0][changeValue[0]]+'-'+range[1][changeValue[1]]+'-'+range[2][changeValue[2]];}else if(fields==='month'){result=range[0][changeValue[0]]+'-'+range[1][changeValue[1]];}else{result=range[changeValue];}console.log('result',result);typeof onChange==='function'&&onChange({type:'change',value:result,origin:null});_this.setState({visible:false,value:changeValue});};_this._handlePickerChange=function(event){var value=event.value,column=event.column;var fields=_this.props.fields;var range=_this.state.range;if(fields==='year'){_this.setState({changeValue:value});}else if(fields==='month'){var year=""+range[0][value[0]];var month=""+range[1][value[1]];var endYear=range[0][range[0].length-1];var _this$getRangeAndValu=_this.getRangeAndValue(year),newRange=_this$getRangeAndValu.range;var monthIndex=newRange[1].indexOf(month);value[1]=monthIndex===-1?year===endYear?newRange[1].length-1:0:monthIndex;if(column===0){_this.setState({changeValue:value,range:newRange});}else{_this.setState({changeValue:value,range:newRange});}}else{var _year=""+range[0][value[0]];var _month=""+range[1][value[1]];var day=""+range[2][value[2]];if(column===0){var _this$getRangeAndValu2=_this.getRangeAndValue(_year+"-"+_month+"-"+day),_newRange=_this$getRangeAndValu2.range;var _monthIndex=_newRange[1].indexOf(_month);var startMonth=_newRange[1][0];value[1]=_monthIndex===-1?Number(_month)<Number(startMonth)?0:_newRange[1].length-1:_monthIndex;_month=""+_newRange[1][value[1]];var _this$getRangeAndValu3=_this.getRangeAndValue(_year+"-"+_month+"-"+day),modifiedRange=_this$getRangeAndValu3.range;var dayIndex=modifiedRange[2].indexOf(day);var startDay=modifiedRange[2][0];value[2]=dayIndex===-1?Number(day)<Number(startDay)?0:modifiedRange[2].length-1:dayIndex;_this.setState({changeValue:value,range:modifiedRange});}else if(column===1){var _this$getRangeAndValu4=_this.getRangeAndValue(_year+"-"+_month),_newRange2=_this$getRangeAndValu4.range;var _dayIndex=_newRange2[2].indexOf(day);var _startDay=_newRange2[2][0];value[2]=_dayIndex===-1?Number(day)<Number(_startDay)?0:_newRange2[2].length-1:_dayIndex;_this.setState({changeValue:value,range:_newRange2});}else{_this.setState({changeValue:value});}}};_this.renderTitleView=function(){var _this$props3=_this.props,confirmText=_this$props3.confirmText,cancelText=_this$props3.cancelText;return _react.default.createElement(_reactNative.View,{style:styles.title,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:357,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:358,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:styles.text,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:359,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:361,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[styles.text,{color:'#007AFF'}],__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:362,columnNumber:11}},confirmText)));};var _this$getRangeAndValu5=_this.getRangeAndValue(props.value||props.start),_range=_this$getRangeAndValu5.range,currentValue=_this$getRangeAndValu5.currentValue,_dateListArr=_this$getRangeAndValu5.dateListArr;_this.state={visible:false,value:currentValue,changeValue:currentValue,dateListArr:_dateListArr,range:_range};return _this;}(0,_createClass2.default)(DatePicker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props4=this.props,value=_this$props4.value,start=_this$props4.start;var _this$getRangeAndValu6=this.getRangeAndValue(value||start),range=_this$getRangeAndValu6.range,currentValue=_this$getRangeAndValu6.currentValue;if(value!==prevProps.value){this.setState({value:currentValue,range:range});}}},{key:"render",value:function render(){var _this2=this;var _this$props5=this.props,children=_this$props5.children,disabled=_this$props5.disabled;var _this$state2=this.state,visible=_this$state2.visible,value=_this$state2.value,range=_this$state2.range;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:380,columnNumber:9}},children),_react.default.createElement(_Modal.default,{show:visible,position:'bottom',__self:this,__source:{fileName:_jsxFileName,lineNumber:385,columnNumber:9}},this.renderTitleView(),_reactNative.Platform.OS==='android'&&_react.default.createElement(_reactNative.View,{style:[{backgroundColor:'#fff',height:2}],__self:this,__source:{fileName:_jsxFileName,lineNumber:390,columnNumber:41}}),_react.default.createElement(_PickerView.default,{range:range,value:value,style:[{backgroundColor:'#fff'}],onChange:this._handlePickerChange,__self:this,__source:{fileName:_jsxFileName,lineNumber:394,columnNumber:11}})));}}]);return DatePicker;}(_react.default.Component);exports.default=DatePicker;DatePicker.displayName='_DatePicker';DatePicker.defaultProps=_props.defaultProps;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/DatePicker/DatePicker.d.ts

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