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

package/lib/Input/Input.d.ts

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

package/lib/Input/Input.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));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 _props=require("./props");var _jsxFileName="/drone/src/packages/components/src/Input/Input.native.tsx";var _excluded=["style","value","type","password","placeholder","disabled","maxLength","focus","confirmType","selectionStart","selectionEnd","cursor","_multiline","_autoHeight"];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 keyboardTypeMap={text:'default',number:'numeric',idcard:'default',digit:_reactNative.Platform.select({ios:'decimal-pad',android:'numeric'})||''};var Checkbox=function(_React$Component){(0,_inherits2.default)(Checkbox,_React$Component);var _super=_createSuper(Checkbox);function Checkbox(){var _this;(0,_classCallCheck2.default)(this,Checkbox);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}_this=_super.call.apply(_super,[this].concat(args));_this.state={returnValue:undefined,height:0,value:undefined};_this._handleChangeText=function(text){var onInput=_this.props.onInput;_this.tmpValue=text||'';_this.setState({returnValue:text});typeof onInput==='function'&&onInput({type:'input',value:text,origin:null});};_this._handleSubmitEditing=function(event){var _this$props=_this.props,onConfirm=_this$props.onConfirm,_multiline=_this$props._multiline;if(_multiline)return;typeof onConfirm==='function'&&onConfirm({type:'confirm',value:_this.tmpValue,origin:event});};_this._handleBlur=function(event){var onBlur=_this.props.onBlur;typeof onBlur==='function'&&onBlur({type:'blur',value:_this.tmpValue,origin:event});};_this._handleFocus=function(event){var onFocus=_this.props.onFocus;var returnValue=_this.state.returnValue;_this.tmpValue=returnValue||'';typeof onFocus==='function'&&onFocus({type:'focus',value:_this.tmpValue,origin:event});};_this.onContentSizeChange=function(event){var _event$nativeEvent$co=event.nativeEvent.contentSize,width=_event$nativeEvent$co.width,height=_event$nativeEvent$co.height;if(width&&height){var _this$props2=_this.props,_multiline=_this$props2._multiline,_autoHeight=_this$props2._autoHeight,_onLineChange=_this$props2._onLineChange;if(!_multiline||!_autoHeight||height===_this.state.height)return;_this.lineCount+=height>_this.state.height?1:-1;console.log('lineCount',_this.lineCount,height);_onLineChange({height:height,lineCount:_this.lineCount,type:'linechange'});_this.setState({height:height});}};_this._handleKeyPress=function(event){var onConfirm=_this.props.onConfirm;var keyValue=event.nativeEvent.key;if(keyValue!=='Enter')return;typeof onConfirm==='function'&&onConfirm({type:'confirm',value:_this.tmpValue,origin:event});};return _this;}(0,_createClass2.default)(Checkbox,[{key:"render",value:function render(){var _this$props3=this.props,style=_this$props3.style,value=_this$props3.value,type=_this$props3.type,password=_this$props3.password,placeholder=_this$props3.placeholder,disabled=_this$props3.disabled,maxLength=_this$props3.maxLength,focus=_this$props3.focus,confirmType=_this$props3.confirmType,selectionStart=_this$props3.selectionStart,selectionEnd=_this$props3.selectionEnd,cursor=_this$props3.cursor,_multiline=_this$props3._multiline,_autoHeight=_this$props3._autoHeight,rest=(0,_objectWithoutProperties2.default)(_this$props3,_excluded);var selection=function(){if(selectionStart>=0&&selectionEnd>=0){return{start:selectionStart,end:selectionEnd};}else if(typeof cursor==='number'){return{start:cursor,end:cursor};}}();var textAlignVertical=_multiline?'top':'auto';return _react.default.createElement(_reactNative.TextInput,(0,_extends2.default)({},rest,{style:[{padding:4,backgroundColor:'#FFF'},style,_multiline&&_autoHeight&&{height:Math.max(35,this.state.height)}],defaultValue:value,secureTextEntry:!!password,placeholder:placeholder,editable:!disabled,maxLength:maxLength===-1?undefined:maxLength,returnKeyType:confirmType,keyboardType:keyboardTypeMap[type],autoFocus:!!focus,selection:selection,value:this.state.returnValue,onChangeText:this._handleChangeText,onBlur:this._handleBlur,onKeyPress:this._handleKeyPress,onFocus:this._handleFocus,multiline:!!_multiline,onEndEditing:this._handleSubmitEditing,onSubmitEditing:this._handleSubmitEditing,textAlignVertical:textAlignVertical,onContentSizeChange:this.onContentSizeChange,underlineColorAndroid:"rgba(0,0,0,0)",__self:this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:12}}));}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(props,state){return props.value!==state.value?_objectSpread(_objectSpread({},state),{},{returnValue:props.value}):null;}}]);return Checkbox;}(_react.default.Component);exports.default=Checkbox;Checkbox.defaultProps=_props.defaultInputProps;

package/lib/Input/Input.js

@@ -0,0 +1,100 @@
+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 = ["name", "id", "className", "style", "disabled", "type", "confirmType", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import { defaultInputProps } from './props';
+import { generateId } from '../core';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var name = props.name,
+      _props$id = props.id,
+      id = _props$id === void 0 ? generateId() : _props$id,
+      className = props.className,
+      style = props.style,
+      disabled = props.disabled,
+      type = props.type,
+      _props$confirmType = props.confirmType,
+      confirmType = _props$confirmType === void 0 ? 'done' : _props$confirmType,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      focus = props.focus,
+      maxLength = props.maxLength,
+      onBlur = props.onBlur,
+      onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
+      onInput = props.onInput,
+      password = props.password,
+      placeholder = props.placeholder,
+      placeholderStyle = props.placeholderStyle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useStylesheet = useStylesheet(inlineStyle(placeholderStyle)),
+      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
+      placeholderStyleClassName = _useStylesheet2[0];
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var inputType = function () {
+    if (password) {
+      return 'password';
+    } else if (confirmType === 'search') {
+      return 'search';
+    }
+
+    return type;
+  }();
+
+  React.useEffect(function () {
+    var inputDOM = document.getElementById(id);
+
+    if (focus) {
+      inputDOM.focus();
+    } else {
+      inputDOM.blur();
+    }
+  }, [focus]);
+  React.useEffect(function () {
+    setValue(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("input", _extends({
+    ref: ref,
+    id: id,
+    name: name,
+    type: inputType,
+    onKeyPress: function (e) {
+      if (e.key === 'Enter' && typeof onConfirm === 'function') {
+        onConfirm(e);
+      }
+    },
+    style: inlineStyle(style),
+    disabled: disabled,
+    placeholder: placeholder,
+    value: internalValue,
+    maxLength: maxLength,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onChange: function (event) {
+      var value = event.target.value;
+      event.detail = {
+        value: value
+      };
+      event.value = value;
+      setValue(value);
+      onInput === null || onInput === void 0 ? void 0 : onInput({
+        value: value,
+        origin: event
+      });
+    },
+    autoFocus: focus,
+    className: clsx('ray-input', styles.input, className, placeholderStyleClassName)
+  }, restProps));
+});
+Input.defaultProps = defaultInputProps;
+export default Input;

package/lib/Input/Input.native.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { NativeSyntheticEvent, TextInputFocusEventData, TextInputEndEditingEventData, TextInputKeyPressEventData, TextInputContentSizeChangeEventData, StyleProp, ViewStyle } from 'react-native';
+import { InputProps } from './props';
+export interface IInputProps extends Omit<InputProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+    _multiline?: boolean;
+    _autoHeight?: boolean;
+    _onLineChange?: (evt: {
+        type: 'linechange';
+        height: number;
+        lineCount: number;
+    }) => void;
+}
+export interface InputState {
+    returnValue?: string;
+    height: number;
+    value?: string;
+}
+export default class Checkbox extends React.Component<IInputProps, InputState> {
+    static defaultProps: Partial<InputProps>;
+    static getDerivedStateFromProps(props: InputProps, state: InputState): InputState | null;
+    state: InputState;
+    tmpValue: string;
+    lineCount: number;
+    _handleChangeText: (text: string) => void;
+    _handleSubmitEditing: (event: NativeSyntheticEvent<TextInputEndEditingEventData>) => void;
+    _handleBlur: (event: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    _handleFocus: (event: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    onContentSizeChange: (event: NativeSyntheticEvent<TextInputContentSizeChangeEventData>) => void;
+    _handleKeyPress: (event: NativeSyntheticEvent<TextInputKeyPressEventData>) => void;
+    render(): JSX.Element;
+}

package/lib/Input/Input.tuya.d.ts

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

package/lib/Input/Input.tuya.js

@@ -0,0 +1,86 @@
+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 = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import clsx from 'clsx';
+import { Input as RemaxInput } from '@ray-js/remax-tuya';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { defaultInputProps } from './props';
+import { nextFrame } from '../core';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var name = props.name,
+      id = props.id,
+      className = props.className,
+      style = props.style,
+      disabled = props.disabled,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'text' : _props$type,
+      value = props.value,
+      focus = props.focus,
+      maxLength = props.maxLength,
+      onBlur = props.onBlur,
+      onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
+      onInput = props.onInput,
+      password = props.password,
+      placeholder = props.placeholder,
+      placeholderStyle = props.placeholderStyle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setInternalValue = _React$useState2[1];
+
+  var bufferValue = React.useRef(value);
+  React.useEffect(function () {
+    if (value !== bufferValue.current) {
+      // HACK: 避免重复设置相同 value 不渲染的问题
+      setInternalValue(bufferValue.current);
+      nextFrame(1).then(function () {
+        bufferValue.current = value;
+        setInternalValue(value);
+      });
+    }
+  }, [value]);
+  var selection = focus ? {
+    selectionStart: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1,
+    selectionEnd: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1
+  } : undefined;
+  return /*#__PURE__*/React.createElement(RemaxInput, _extends({
+    name: name //@ts-ignore
+    ,
+    ref: ref,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-input', styles.input, className),
+    disabled: disabled,
+    type: type,
+    focus: focus,
+    password: password,
+    placeholder: placeholder,
+    placeholderStyle: inlineStyle(placeholderStyle),
+    maxlength: maxLength,
+    onInput: function (event) {
+      var value = event.detail.value; // 内部 value 管控
+
+      bufferValue.current = value;
+      event.value = value;
+      onInput === null || onInput === void 0 ? void 0 : onInput(event);
+    },
+    onBlur: onBlur,
+    onConfirm: function (event) {
+      var _event$detail$value = event.detail.value,
+          value = _event$detail$value === void 0 ? '' : _event$detail$value;
+      setInternalValue(value);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(event);
+    },
+    onFocus: onFocus,
+    value: internalValue
+  }, selection, restProps));
+});
+Input.defaultProps = defaultInputProps;
+export default Input;

package/lib/Input/Input.web.js

@@ -0,0 +1,100 @@
+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 = ["name", "id", "className", "style", "disabled", "type", "confirmType", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+import "core-js/modules/es.function.name.js";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle, useStylesheet } from '@ray-js/framework-shared';
+import { defaultInputProps } from './props';
+import { generateId } from '../core';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var name = props.name,
+      _props$id = props.id,
+      id = _props$id === void 0 ? generateId() : _props$id,
+      className = props.className,
+      style = props.style,
+      disabled = props.disabled,
+      type = props.type,
+      _props$confirmType = props.confirmType,
+      confirmType = _props$confirmType === void 0 ? 'done' : _props$confirmType,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      focus = props.focus,
+      maxLength = props.maxLength,
+      onBlur = props.onBlur,
+      onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
+      onInput = props.onInput,
+      password = props.password,
+      placeholder = props.placeholder,
+      placeholderStyle = props.placeholderStyle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _useStylesheet = useStylesheet(inlineStyle(placeholderStyle)),
+      _useStylesheet2 = _slicedToArray(_useStylesheet, 1),
+      placeholderStyleClassName = _useStylesheet2[0];
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var inputType = function () {
+    if (password) {
+      return 'password';
+    } else if (confirmType === 'search') {
+      return 'search';
+    }
+
+    return type;
+  }();
+
+  React.useEffect(function () {
+    var inputDOM = document.getElementById(id);
+
+    if (focus) {
+      inputDOM.focus();
+    } else {
+      inputDOM.blur();
+    }
+  }, [focus]);
+  React.useEffect(function () {
+    setValue(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("input", _extends({
+    ref: ref,
+    id: id,
+    name: name,
+    type: inputType,
+    onKeyPress: function (e) {
+      if (e.key === 'Enter' && typeof onConfirm === 'function') {
+        onConfirm(e);
+      }
+    },
+    style: inlineStyle(style),
+    disabled: disabled,
+    placeholder: placeholder,
+    value: internalValue,
+    maxLength: maxLength,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onChange: function (event) {
+      var value = event.target.value;
+      event.detail = {
+        value: value
+      };
+      event.value = value;
+      setValue(value);
+      onInput === null || onInput === void 0 ? void 0 : onInput({
+        value: value,
+        origin: event
+      });
+    },
+    autoFocus: focus,
+    className: clsx('ray-input', styles.input, className, placeholderStyleClassName)
+  }, restProps));
+});
+Input.defaultProps = defaultInputProps;
+export default Input;

package/lib/Input/Input.wechat.d.ts

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

package/lib/Input/Input.wechat.js

@@ -0,0 +1,110 @@
+import { Input as _Input } from "@remax/wechat/esm/hostComponents/Input/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 = ["name", "id", "className", "style", "disabled", "type", "value", "focus", "maxLength", "onBlur", "onConfirm", "onFocus", "onInput", "password", "placeholder", "placeholderStyle"];
+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 { defaultInputProps } from './props';
+import { nextFrame } from '../core';
+import styles from './index.module.less';
+var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var name = props.name,
+      id = props.id,
+      className = props.className,
+      style = props.style,
+      disabled = props.disabled,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'text' : _props$type,
+      value = props.value,
+      focus = props.focus,
+      maxLength = props.maxLength,
+      onBlur = props.onBlur,
+      onConfirm = props.onConfirm,
+      onFocus = props.onFocus,
+      onInput = props.onInput,
+      password = props.password,
+      placeholder = props.placeholder,
+      placeholderStyle = props.placeholderStyle,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      internalValue = _React$useState2[0],
+      setInternalValue = _React$useState2[1];
+
+  var bufferValue = React.useRef(value);
+  React.useEffect(function () {
+    if (value !== bufferValue.current) {
+      // HACK: 避免重复设置相同 value 不渲染的问题
+      setInternalValue(bufferValue.current);
+      nextFrame(1).then(function () {
+        bufferValue.current = value;
+        setInternalValue(value);
+      });
+    }
+  }, [value]);
+  var selection = focus ? {
+    selectionStart: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1,
+    selectionEnd: (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) || -1
+  } : undefined;
+  return /*#__PURE__*/React.createElement(_Input, _extends({
+    name: name //@ts-ignore
+    ,
+    ref: ref,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-input', styles.input, className),
+    disabled: disabled,
+    type: type,
+    focus: focus,
+    password: password,
+    placeholder: placeholder,
+    placeholderStyle: inlineStyle(placeholderStyle),
+    maxlength: maxLength,
+    onInput: function (event) {
+      var value = event.detail.value; // 内部 value 管控
+
+      bufferValue.current = value;
+      onInput === null || onInput === void 0 ? void 0 : onInput({
+        type: 'input',
+        value: value,
+        origin: event
+      });
+    },
+    onBlur: function (event) {
+      var _event$detail$value3 = event.detail.value,
+          value = _event$detail$value3 === void 0 ? '' : _event$detail$value3;
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur({
+        type: 'blur',
+        value: value,
+        origin: event
+      });
+    },
+    onConfirm: function (event) {
+      var _event$detail$value = event.detail.value,
+          value = _event$detail$value === void 0 ? '' : _event$detail$value;
+      setInternalValue(value);
+      onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(event);
+    },
+    onFocus: function (event) {
+      var _event$detail = event.detail,
+          _event$detail$value2 = _event$detail.value,
+          value = _event$detail$value2 === void 0 ? '' : _event$detail$value2,
+          _event$detail$height = _event$detail.height,
+          height = _event$detail$height === void 0 ? 0 : _event$detail$height;
+      setInternalValue(value);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus({
+        type: 'focus',
+        value: value,
+        height: height,
+        origin: event
+      });
+    },
+    value: internalValue
+  }, selection, restProps));
+});
+Input.defaultProps = defaultInputProps;
+export default Input;

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

package/lib/Input/index.d.ts

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

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

package/lib/Input/index.js

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

package/lib/Input/index.md

@@ -0,0 +1,43 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Input
+
+输入框
+
+## 导入
+
+```js
+import { Input } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/control.tsx" title="受控" background="#f2f4f6"/>
+<code src="./demos/idcard.tsx" title="身份证" background="#f2f4f6"/>
+<code src="./demos/search.tsx" title="搜索" background="#f2f4f6"/>
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| className | string |  | 样式名 | RN、涂鸦、微信 |
+| value | string |  | 内容 | RN、涂鸦、微信 |
+| type | string | text | 类型 text/number/idcard/digit | RN、涂鸦、微信 |
+| password | boolean | false | 是否为密码 | RN、涂鸦、微信 |
+| placeholder | string |  | 占位内容 | RN、涂鸦、微信 |
+| disabled | boolean | false | 是否禁用 | RN、涂鸦、微信 |
+| maxLength | number |  | 内容最大长度 | RN、涂鸦、微信 |
+| confirmType | "send" or "search" or "next" or "go" or "done" | done | 设置键盘右下角按钮的文字 | 微信、RN |
+| selectionStart | number | -1 | 光标起始位置，自动聚集时有效，需与 selectionEnd 搭配使用 | 微信 |
+| selectionEnd | number | -1 | 光标结束位置，自动聚集时有效，需与 selectionStart 搭配使用 | 微信 |
+| cursor | number | false | 指定 focus 时的光标位置 | RN、微信 |
+| focus | boolean | false | 获取焦点 | RN、涂鸦、微信 |
+| onInput | func(event: any) |  | 输入事件 | RN、涂鸦、微信 |
+| onConfirm | func(event: any) |  | 确认事件 | RN、涂鸦、微信 |
+| onBlur | func(event: any) |  | 丢焦事件 | RN、涂鸦、微信 |

package/lib/Input/index.module.less

@@ -0,0 +1,17 @@
+.input {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 68rpx;
+  padding: 10rpx;
+  border: 2rpx solid #eee;
+  border-radius: 10rpx;
+  background-color: #fff;
+  font-size: 28rpx;
+  line-height: 1.5;
+  outline: none;
+  caret-color: #ca0e2d;
+  &[type='search'] {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+}

package/lib/Input/index.tuya.js

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

package/lib/Input/index.web.js

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

package/lib/Input/index.wechat.js

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

package/lib/Input/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultInputProps=void 0;var defaultInputProps={selectionEnd:-1,selectionStart:-1,type:'text',maxLength:140,confirmType:'done'};exports.defaultInputProps=defaultInputProps;

package/lib/Input/props.d.ts

@@ -0,0 +1,36 @@
+import { BaseProps } from '../types';
+import { TextInputChangeEventData as RnInputChangeEvent, NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
+import { GenericEvent as WxEvent } from '@remax/wechat';
+export declare type InputType = 'text' | 'number' | 'digit' | 'idcard';
+export interface InputProps extends BaseProps {
+    value?: string;
+    type?: InputType;
+    password?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    /** 最大输入长度，设置为 -1 的时候不限制最大长度 */
+    maxLength?: number;
+    focus?: boolean;
+    /** 设置键盘右下角按钮的文字，仅在type='text'时生效 */
+    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done';
+    selectionStart?: number;
+    selectionEnd?: number;
+    cursor?: number;
+    onInput?: (event: {
+        type: string;
+        value: string;
+        origin: RnInputChangeEvent | WxEvent | Event;
+    }) => void;
+    onConfirm?: (event: any) => void;
+    onFocus?: (event: {
+        type: string;
+        value: string;
+        origin: NativeSyntheticEvent<TextInputFocusEventData> | WxEvent | FocusEvent;
+    }) => void;
+    onBlur?: (event: {
+        type: string;
+        value: string;
+        origin: NativeSyntheticEvent<TextInputFocusEventData> | WxEvent | FocusEvent;
+    }) => void;
+}
+export declare const defaultInputProps: Partial<InputProps>;

package/lib/Input/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultInputProps=void 0;var defaultInputProps={selectionEnd:-1,selectionStart:-1,type:'text',maxLength:140,confirmType:'done'};exports.defaultInputProps=defaultInputProps;

package/lib/Input/props.js

@@ -0,0 +1,7 @@
+export var defaultInputProps = {
+  selectionEnd: -1,
+  selectionStart: -1,
+  type: 'text',
+  maxLength: 140,
+  confirmType: 'done'
+};

package/lib/Input/props.tuya.js

@@ -0,0 +1,7 @@
+export var defaultInputProps = {
+  selectionEnd: -1,
+  selectionStart: -1,
+  type: 'text',
+  maxLength: 140,
+  confirmType: 'done'
+};

package/lib/Input/props.web.js

@@ -0,0 +1,7 @@
+export var defaultInputProps = {
+  selectionEnd: -1,
+  selectionStart: -1,
+  type: 'text',
+  maxLength: 140,
+  confirmType: 'done'
+};

package/lib/Input/props.wechat.js

@@ -0,0 +1,7 @@
+export var defaultInputProps = {
+  selectionEnd: -1,
+  selectionStart: -1,
+  type: 'text',
+  maxLength: 140,
+  confirmType: 'done'
+};

package/lib/Label/Label.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 _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 _jsxFileName="/drone/src/packages/components/src/Label/Label.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 Checkbox=function(_React$Component){(0,_inherits2.default)(Checkbox,_React$Component);var _super=_createSuper(Checkbox);function Checkbox(){(0,_classCallCheck2.default)(this,Checkbox);return _super.apply(this,arguments);}(0,_createClass2.default)(Checkbox,[{key:"render",value:function render(){return _react.default.createElement(_reactNative.View,{__self:this,__source:{fileName:_jsxFileName,lineNumber:5,columnNumber:12}},_react.default.createElement(_reactNative.Text,{__self:this,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:9}},"\u672A\u5B9E\u73B0"));}}]);return Checkbox;}(_react.default.Component);exports.default=Checkbox;

package/lib/Label/Label.d.ts

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