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

package/lib/Motion/props.js

@@ -0,0 +1,62 @@
+// 淡入淡出 Fade
+export var defaultMotionFadeProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  fadeOpacity: 1,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0
+}; // 下拉上滑 PullUp
+
+export var defaultMotionPullUpProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+}; // ScaleFadeIn 放大淡入，缩小淡出
+
+export var defaultMotionScaleFadeInProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  finalScale: 0
+}; // ScalePullDown 放大淡入下滑淡出
+
+export var defaultMotionScalePullDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  dropHeight: 200
+}; // PushDown 下拉上推
+
+export var defaultMotionPushDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+};

package/lib/Motion/props.tuya.js

@@ -0,0 +1,62 @@
+// 淡入淡出 Fade
+export var defaultMotionFadeProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  fadeOpacity: 1,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0
+}; // 下拉上滑 PullUp
+
+export var defaultMotionPullUpProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+}; // ScaleFadeIn 放大淡入，缩小淡出
+
+export var defaultMotionScaleFadeInProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  finalScale: 0
+}; // ScalePullDown 放大淡入下滑淡出
+
+export var defaultMotionScalePullDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  dropHeight: 200
+}; // PushDown 下拉上推
+
+export var defaultMotionPushDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+};

package/lib/Motion/props.web.js

@@ -0,0 +1,62 @@
+// 淡入淡出 Fade
+export var defaultMotionFadeProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  fadeOpacity: 1,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0
+}; // 下拉上滑 PullUp
+
+export var defaultMotionPullUpProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+}; // ScaleFadeIn 放大淡入，缩小淡出
+
+export var defaultMotionScaleFadeInProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  finalScale: 0
+}; // ScalePullDown 放大淡入下滑淡出
+
+export var defaultMotionScalePullDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  dropHeight: 200
+}; // PushDown 下拉上推
+
+export var defaultMotionPushDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+};

package/lib/Motion/props.wechat.js

@@ -0,0 +1,62 @@
+// 淡入淡出 Fade
+export var defaultMotionFadeProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  fadeOpacity: 1,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0
+}; // 下拉上滑 PullUp
+
+export var defaultMotionPullUpProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+}; // ScaleFadeIn 放大淡入，缩小淡出
+
+export var defaultMotionScaleFadeInProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  finalScale: 0
+}; // ScalePullDown 放大淡入下滑淡出
+
+export var defaultMotionScalePullDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  initScale: 0,
+  dropHeight: 200
+}; // PushDown 下拉上推
+
+export var defaultMotionPushDownProps = {
+  show: false,
+  showDuration: 300,
+  hideDuration: 300,
+  onShow: function onShow() {// do nothing.
+  },
+  onHide: function onHide() {// do nothing.
+  },
+  delay: 0,
+  dropHeight: 200
+};

package/lib/Picker/Picker.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 _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/Picker/Picker.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 Picker=function(_React$Component){(0,_inherits2.default)(Picker,_React$Component);var _super=_createSuper(Picker);function Picker(props){var _this;(0,_classCallCheck2.default)(this,Picker);_this=_super.call(this,props);_this._handleCancel=function(){var onCancel=_this.props.onCancel;typeof onCancel==='function'&&onCancel({type:'cancel',origin:null});_this.setState({visible:false});};_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,value:changeValue});};_this._handlePickerChange=function(event){var value=event.value,column=event.column;var _this$props=_this.props,range=_this$props.range,onColumnChange=_this$props.onColumnChange;var isOnly=!(0,_utils.isTwoArray)(range);if(!isOnly){typeof onColumnChange==='function'&&onColumnChange({type:'columnchange',value:value[column],column:column,origin:null});}_this.setState({changeValue:value});};_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:92,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:93,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:styles.text,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:94,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:96,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[styles.text,{color:'#007AFF'}],__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:11}},confirmText)));};_this.state={visible:false,value:props.value,changeValue:props.value};return _this;}(0,_createClass2.default)(Picker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(this.props.value!==prevProps.value){this.setState({value:this.props.value,changeValue:this.props.value});}}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,children=_this$props3.children,range=_this$props3.range,disabled=_this$props3.disabled;var _this$state=this.state,visible=_this$state.visible,value=_this$state.value;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:115,columnNumber:9}},children),_react.default.createElement(_Modal.default,{show:visible,position:'bottom',__self:this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}},this.renderTitleView(),_reactNative.Platform.OS==='android'&&_react.default.createElement(_reactNative.View,{style:[{backgroundColor:'#fff',height:2}],__self:this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:41}}),_react.default.createElement(_PickerView.default,{range:range,value:value,style:[{backgroundColor:'#fff'}],onChange:this._handlePickerChange,__self:this,__source:{fileName:_jsxFileName,lineNumber:129,columnNumber:11}})));}}]);return Picker;}(_react.default.Component);exports.default=Picker;Picker.displayName='_Picker';Picker.defaultProps=_props.IDefaultPickerProps;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/Picker/Picker.d.ts

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

package/lib/Picker/Picker.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 _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/Picker/Picker.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 Picker=function(_React$Component){(0,_inherits2.default)(Picker,_React$Component);var _super=_createSuper(Picker);function Picker(props){var _this;(0,_classCallCheck2.default)(this,Picker);_this=_super.call(this,props);_this._handleCancel=function(){var onCancel=_this.props.onCancel;typeof onCancel==='function'&&onCancel({type:'cancel',origin:null});_this.setState({visible:false});};_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,value:changeValue});};_this._handlePickerChange=function(event){var value=event.value,column=event.column;var _this$props=_this.props,range=_this$props.range,onColumnChange=_this$props.onColumnChange;var isOnly=!(0,_utils.isTwoArray)(range);if(!isOnly){typeof onColumnChange==='function'&&onColumnChange({type:'columnchange',value:value[column],column:column,origin:null});}_this.setState({changeValue:value});};_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:92,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:93,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:styles.text,__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:94,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:96,columnNumber:9}},_react.default.createElement(_reactNative.Text,{style:[styles.text,{color:'#007AFF'}],__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:97,columnNumber:11}},confirmText)));};_this.state={visible:false,value:props.value,changeValue:props.value};return _this;}(0,_createClass2.default)(Picker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(this.props.value!==prevProps.value){this.setState({value:this.props.value,changeValue:this.props.value});}}},{key:"render",value:function render(){var _this2=this;var _this$props3=this.props,children=_this$props3.children,range=_this$props3.range,disabled=_this$props3.disabled;var _this$state=this.state,visible=_this$state.visible,value=_this$state.value;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:115,columnNumber:9}},children),_react.default.createElement(_Modal.default,{show:visible,position:'bottom',__self:this,__source:{fileName:_jsxFileName,lineNumber:120,columnNumber:9}},this.renderTitleView(),_reactNative.Platform.OS==='android'&&_react.default.createElement(_reactNative.View,{style:[{backgroundColor:'#fff',height:2}],__self:this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:41}}),_react.default.createElement(_PickerView.default,{range:range,value:value,style:[{backgroundColor:'#fff'}],onChange:this._handlePickerChange,__self:this,__source:{fileName:_jsxFileName,lineNumber:129,columnNumber:11}})));}}]);return Picker;}(_react.default.Component);exports.default=Picker;Picker.displayName='_Picker';Picker.defaultProps=_props.IDefaultPickerProps;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/Picker/Picker.js

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

package/lib/Picker/Picker.native.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PickerProps } from './props';
+interface IState {
+    visible: boolean;
+    value: number | number[];
+    changeValue: number | number[];
+}
+export default class Picker extends React.Component<PickerProps, IState> {
+    static displayName: string;
+    static defaultProps: {
+        cancelText: string;
+        confirmText: string;
+    };
+    constructor(props: PickerProps);
+    componentDidUpdate(prevProps: Readonly<PickerProps>): void;
+    _handleCancel: () => void;
+    _handleConfirm: () => void;
+    _handlePickerChange: (event: any) => void;
+    renderTitleView: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/Picker/Picker.tuya.d.ts

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

package/lib/Picker/Picker.tuya.js

@@ -0,0 +1,69 @@
+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", "onChange", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "onCancel"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+import { Picker as RemaxPicker } from '@ray-js/remax-tuya';
+var countArr = 1;
+
+var Picker = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      onChange = props.onChange,
+      onLongClick = props.onLongClick,
+      onTouchStart = props.onTouchStart,
+      onTouchMove = props.onTouchMove,
+      onTouchEnd = props.onTouchEnd,
+      onTouchCancel = props.onTouchCancel,
+      onClick = props.onClick,
+      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];
+
+  var multiarr = function (arr) {
+    for (var i = 0; i < arr.length; i++) {
+      if (arr[i] instanceof Array) {
+        countArr++;
+        arr = arr[i];
+        multiarr(arr);
+      }
+    }
+
+    return countArr;
+  };
+
+  return /*#__PURE__*/React.createElement(RemaxPicker, _extends({
+    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),
+    mode: multiarr(props.range) > 1 ? 'multiSelector' : 'selector'
+  }, restProps, handlers), props.children);
+};
+
+export default Picker;

package/lib/Picker/Picker.web.js

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

package/lib/Picker/Picker.wechat.d.ts

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

package/lib/Picker/Picker.wechat.js

@@ -0,0 +1,70 @@
+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", "onChange", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "onCancel"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle, useTouch } from '@ray-js/framework-shared';
+var countArr = 1;
+
+var Picker = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      onChange = props.onChange,
+      onLongClick = props.onLongClick,
+      onTouchStart = props.onTouchStart,
+      onTouchMove = props.onTouchMove,
+      onTouchEnd = props.onTouchEnd,
+      onTouchCancel = props.onTouchCancel,
+      onClick = props.onClick,
+      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];
+
+  var multiarr = function (arr) {
+    for (var i = 0; i < arr.length; i++) {
+      if (arr[i] instanceof Array) {
+        countArr++;
+        arr = arr[i];
+        multiarr(arr);
+      }
+    }
+
+    return countArr;
+  };
+
+  return /*#__PURE__*/React.createElement(_Picker, _extends({
+    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, {
+    mode: multiarr(props.range) > 1 ? 'multiSelector' : 'selector'
+  }), props.children);
+};
+
+export default Picker;

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

package/lib/Picker/index.d.ts

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

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

package/lib/Picker/index.js

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

package/lib/Picker/index.md

@@ -0,0 +1,35 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 选择器组件
+---
+
+# Picker
+
+从底部弹起的滚动选择器。
+
+## 导入
+
+```js
+import { Picker } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/basic.tsx" title="单选" background="#f2f4f6"  />
+<code src="./demos/multiSelector.tsx" title="多选" background="#f2f4f6"  />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| disabled | boolean | false | 否 | 是否禁用 | RN、涂鸦、微信 |
+| range | string[] or string[][] |  | 是 | 选择项数据源 | RN、涂鸦、微信 |
+| value | number or number[] | 0 | 否 | 表示选择了 range 中的第几个（下标从 0 开始） | RN、涂鸦、微信 |
+| cancelText | string | 取消 | 否 | 取消文案 | RN、涂鸦、微信 |
+| confirmText | string | 确认 | 否 | 确认文案 | RN、涂鸦、微信 |
+| onChange | func(type: 'change'; value:number or number[];), origin: any;}) |  | 否 | 点击触发 | RN、涂鸦、微信 |
+| onCancel | func({ type: 'cancel' }) |  | 否 | 取消选择时触发 | RN、涂鸦、微信 |
+| onColumnChange | func({type: 'columnchange'; value: number; column: number;}) |  | 否 | 列改变时触发 | RN、涂鸦、微信 |

package/lib/Picker/index.tuya.js

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

package/lib/Picker/index.web.js

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

package/lib/Picker/index.wechat.js

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

package/lib/Picker/props.android.js

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

package/lib/Picker/props.d.ts

@@ -0,0 +1,32 @@
+import { BaseProps } from '../types';
+import { TouchEventHandler } from '@ray-js/framework-shared';
+declare type ChangeEvent = (e: {
+    type: 'change';
+    value: number | number[];
+    origin?: any;
+}) => void;
+declare type CancelEvent = (e: {
+    type: 'cancel';
+    origin: any;
+}) => void;
+declare type ColumnChangeEvent = (e: {
+    type: 'columnchange';
+    value: number;
+    column: number;
+    origin: any;
+}) => void;
+export interface PickerProps extends BaseProps, TouchEventHandler {
+    disabled?: boolean;
+    range: string[] | string[][];
+    value?: number[] | number;
+    onChange?: ChangeEvent;
+    onCancel?: CancelEvent;
+    onColumnChange?: ColumnChangeEvent;
+    confirmText?: string;
+    cancelText?: string;
+}
+export declare const IDefaultPickerProps: {
+    cancelText: string;
+    confirmText: string;
+};
+export {};

package/lib/Picker/props.ios.js

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

package/lib/Picker/props.js

@@ -0,0 +1,4 @@
+export var IDefaultPickerProps = {
+  cancelText: '取消',
+  confirmText: '确定'
+};

package/lib/Picker/props.tuya.js

@@ -0,0 +1,4 @@
+export var IDefaultPickerProps = {
+  cancelText: '取消',
+  confirmText: '确定'
+};

package/lib/Picker/props.web.js

@@ -0,0 +1,4 @@
+export var IDefaultPickerProps = {
+  cancelText: '取消',
+  confirmText: '确定'
+};

package/lib/Picker/props.wechat.js

@@ -0,0 +1,4 @@
+export var IDefaultPickerProps = {
+  cancelText: '取消',
+  confirmText: '确定'
+};

package/lib/PickerView/PickerView.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=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _utils=require("../utils");var _jsxFileName="/drone/src/packages/components/src/PickerView/PickerView.native.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}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 width=_rayPanelUtils.RatioUtils.width;var TYRCTPicker=(0,_reactNative.requireNativeComponent)('TYRCTPicker');var WheelPickerView=(0,_reactNative.requireNativeComponent)('TYRCTWheelViewManager');var _Picker=function(_React$Component){(0,_inherits2.default)(_Picker,_React$Component);var _super=_createSuper(_Picker);function _Picker(props){var _this;(0,_classCallCheck2.default)(this,_Picker);_this=_super.call(this,props);_this.getItem=function(){var range=_this.props.range;var isOnly=!(0,_utils.isTwoArray)(range);if(isOnly){return range.map(function(item){return{label:item,value:item};});}return range.map(function(item){return item.map(function(data){return{label:data,value:data};});});};_this.onItemSelected=function(event,isOnly,index){var newIndex=event.nativeEvent.newIndex;var onChange=_this.props.onChange;if(isOnly){_this.setState({selectIdx:newIndex});typeof onChange==='function'&&onChange({type:'change',value:newIndex});}else{var selectIdx=_this.state.selectIdx;var newSelectArr=selectIdx.concat([]);newSelectArr[index]=newIndex;typeof onChange==='function'&&onChange({type:'change',value:newSelectArr,column:index});_this.setState({selectIdx:newSelectArr});}};_this.renderPickerItem=function(item,selectIdx,isOnly,index){var _this$props=_this.props,style=_this$props.style,fontSize=_this$props.fontSize;var items=_this.getItem();var theme={dividerColor:'rgba(0, 0, 0, 0.05)',fontColor:'rgba(0,0,0,0.9)',fontSize:fontSize||isOnly?24:items.length<3?24:20};var length=isOnly?1:items.length;return _reactNative.Platform.OS==='android'?React.createElement(WheelPickerView,{key:index,style:[{width:width/length,height:216},style],items:item,itemTextColor:theme.fontColor,selectedItemTextColor:theme.fontColor,dividerColor:theme.dividerColor,visibleItemCount:5,itemAlign:'center',selectedIndex:selectIdx,textSize:theme.fontSize,loop:false,onChange:function onChange(e){return _this.onItemSelected(e,isOnly,index);},__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:111,columnNumber:40}}):React.createElement(TYRCTPicker,{key:index,style:[{width:width/length,height:216},style],items:item,itemPadding:14,selectedIndex:selectIdx,separatorColor:(0,_reactNative.processColor)(theme.dividerColor),color:(0,_reactNative.processColor)(theme.fontColor),textAlign:1,fontSize:theme.fontSize,fontWeight:'normal',onChange:function onChange(e){return _this.onItemSelected(e,isOnly,index);},__self:(0,_assertThisInitialized2.default)(_this),__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:301}});};_this.state={selectIdx:props.value};return _this;}(0,_createClass2.default)(_Picker,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.value!==this.props.value){this.setState({selectIdx:this.props.value});}}},{key:"render",value:function render(){var _this2=this;var selectIdx=this.state.selectIdx;var items=this.getItem();var isOnly=!(0,_utils.isTwoArray)(items);return isOnly?this.renderPickerItem(items,selectIdx,isOnly,0):React.createElement(_reactNative.View,{style:[{flexDirection:'row',overflow:'hidden'}],__self:this,__source:{fileName:_jsxFileName,lineNumber:126,columnNumber:74}},items.map(function(item,idx){return _this2.renderPickerItem(item,selectIdx[idx],isOnly,idx);}));}}]);return _Picker;}(React.Component);exports.default=_Picker;_Picker.displayName='_PickerView';_Picker.defaultProps={value:0};

package/lib/PickerView/PickerView.d.ts

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