@ray-js/components 1.4.0 → 1.4.3

package/lib/Switch/Switch.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 _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 _switch=_interopRequireDefault(require("tuya-panel-switch/lib/switch"));var _Checkbox=_interopRequireDefault(require("../Checkbox"));var _props=require("./props");var _jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Switch/Switch.native.tsx";var _excluded=["style","color","disabled","type"];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 _Switch=function(_React$Component){(0,_inherits2.default)(_Switch,_React$Component);var _super=_createSuper(_Switch);function _Switch(){var _this;(0,_classCallCheck2.default)(this,_Switch);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.$touchable=_react.default.createRef();_this.state={checked:!!_this.props.checked};_this._simulateNativePress=function(evt){var type=_this.props.type;if(type==='checkbox'){var node=_this.$touchable.current;node&&node._simulateNativePress(evt);}else{_this.setState({checked:!_this.state.checked});}};_this.onCheckedChange=function(event){var checked=event.checked;var onChange=_this.props.onChange;typeof onChange==='function'&&onChange({type:'change',value:checked});_this.setState({checked:checked});};_this.onSwitchChange=function(isChecked){var onChange=_this.props.onChange;typeof onChange==='function'&&onChange({type:'change',value:isChecked});_this.setState({checked:isChecked});};return _this;}(0,_createClass2.default)(_Switch,[{key:"render",value:function render(){var _this$props=this.props,style=_this$props.style,color=_this$props.color,disabled=_this$props.disabled,type=_this$props.type,rest=(0,_objectWithoutProperties2.default)(_this$props,_excluded);var checked=this.state.checked;if(type==='checkbox'){return _react.default.createElement(_Checkbox.default,{checked:this.state.checked,style:style,disabled:disabled,onChange:this.onCheckedChange,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:76,columnNumber:14}});}return _react.default.createElement(_switch.default,(0,_extends2.default)({size:{width:50,height:30,activeSize:26,margin:2},thumbTintColor:"#FFFFFF",tintColor:'rgba(0,0,0,0.12)'},rest,{value:checked,onValueChange:this.onSwitchChange,style:style,onTintColor:color,disabled:disabled,ref:this.$touchable,__self:this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:12}}));}}]);return _Switch;}(_react.default.Component);exports.default=_Switch;_Switch.displayName='Switch';_Switch.defaultProps=_props.defaultSwitchProps;

package/lib/Switch/Switch.native.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { SwitchProps } from './props';
+export interface ISwitchState {
+    checked: boolean;
+}
+export default class _Switch extends React.Component<SwitchProps, ISwitchState> {
+    static displayName: string;
+    static defaultProps: {
+        type: string;
+        color: string;
+        disabled: boolean;
+    };
+    $touchable: React.RefObject<any>;
+    state: {
+        checked: boolean;
+    };
+    _simulateNativePress: (evt: GestureResponderEvent) => void;
+    onCheckedChange: (event: {
+        value: string;
+        checked: boolean;
+    }) => void;
+    onSwitchChange: (isChecked: boolean) => void;
+    render(): JSX.Element;
+}

package/lib/Switch/Switch.tuya.d.ts

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

package/lib/Switch/Switch.tuya.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "style", "id", "onChange", "type", "color"];
+import clsx from 'clsx';
+import * as React from 'react';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Switch as RemaxSwitch } from '@ray-js/remax-tuya';
+
+var Switch = function (props) {
+  var className = props.className,
+      style = props.style,
+      id = props.id,
+      onChange = props.onChange,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'switch' : _props$type,
+      color = props.color,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(RemaxSwitch, _extends({
+    id: id,
+    onChange: function handleChange(e) {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        type: 'change',
+        value: e.detail.value,
+        origin: e
+      });
+    },
+    style: inlineStyle(style),
+    className: clsx(className),
+    color: color || (type === 'switch' ? '#007aff' : '#ffffff'),
+    type: type
+  }, restProps));
+};
+
+export default Switch;

package/lib/Switch/Switch.web.js

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

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

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

package/lib/Switch/index.md

@@ -0,0 +1,31 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 表单组件
+---
+
+# Switch
+
+开关选择器。
+
+## 导入
+
+```js
+import { Switch } from '@ray-js/components';
+```
+
+## 代码演示
+
+<code src="./demos/basic.tsx" title="基本用法" background="#f2f4f6" />
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- |
+| checked | boolean | false | 当前是否选中 | RN、涂鸦、微信 |
+| disabled | boolean | false | 是否禁用 | RN、涂鸦、微信 |
+| color | string | #007AFF | Switch 的颜色，同 css 的 color | RN、涂鸦、微信 |
+| type | string | switch | 可选值 `switch` `checkbox` | RN、涂鸦、微信 |
+| onChange | func(event) | 否 | checked 改变时触发 change 事件，event.detail={ value} | RN、涂鸦、微信 |

package/lib/Switch/index.tuya.js

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

package/lib/Switch/index.web.js

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

package/lib/Switch/index.wechat.js

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

package/lib/Switch/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultSwitchProps=void 0;var defaultSwitchProps={type:'switch',color:'#007AFF',disabled:false};exports.defaultSwitchProps=defaultSwitchProps;

package/lib/Switch/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultSwitchProps=void 0;var defaultSwitchProps={type:'switch',color:'#007AFF',disabled:false};exports.defaultSwitchProps=defaultSwitchProps;

package/lib/Switch/props.tuya.js

@@ -0,0 +1,5 @@
+export var defaultSwitchProps = {
+  type: 'switch',
+  color: '#007AFF',
+  disabled: false
+};

package/lib/Switch/props.web.js

@@ -0,0 +1,5 @@
+export var defaultSwitchProps = {
+  type: 'switch',
+  color: '#007AFF',
+  disabled: false
+};

package/lib/Switch/props.wechat.js

@@ -0,0 +1,5 @@
+export var defaultSwitchProps = {
+  type: 'switch',
+  color: '#007AFF',
+  disabled: false
+};

package/lib/Text/Text.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _excluded=["selectable","onClick","style","children"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Text/Text.native.tsx";var _Text=function(props){var selectable=props.selectable,onClick=props.onClick,style=props.style,children=props.children,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var clickProps={onPress:undefined};if(onClick)clickProps.onPress=function onTextClick(event){var nativeEvent=event.nativeEvent;var timestamp=nativeEvent.timestamp,pageX=nativeEvent.pageX,pageY=nativeEvent.pageY;typeof onClick==='function'&&onClick({type:'click',timeStamp:timestamp,pageX:pageX,pageY:pageY,origin:event});};return _react.default.createElement(_reactNative.Text,(0,_extends2.default)({selectable:!!selectable,style:style},rest,clickProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:10}}),children);};_Text.displayName='_Text';var _default=_Text;exports.default=_default;

package/lib/Text/Text.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 _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _excluded=["selectable","onClick","style","children"];var _this=this,_jsxFileName="/Users/noyobo/home/gitlab/godzilla/ray/packages/components/src/Text/Text.native.tsx";var _Text=function(props){var selectable=props.selectable,onClick=props.onClick,style=props.style,children=props.children,rest=(0,_objectWithoutProperties2.default)(props,_excluded);var clickProps={onPress:undefined};if(onClick)clickProps.onPress=function onTextClick(event){var nativeEvent=event.nativeEvent;var timestamp=nativeEvent.timestamp,pageX=nativeEvent.pageX,pageY=nativeEvent.pageY;typeof onClick==='function'&&onClick({type:'click',timeStamp:timestamp,pageX:pageX,pageY:pageY,origin:event});};return _react.default.createElement(_reactNative.Text,(0,_extends2.default)({selectable:!!selectable,style:style},rest,clickProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:10}}),children);};_Text.displayName='_Text';var _default=_Text;exports.default=_default;

package/lib/Text/Text.native.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { TextProps } from './props';
+export interface IProps extends Omit<TextProps, 'style'> {
+    style?: StyleProp<ViewStyle>;
+}
+declare const _Text: React.FC<IProps>;
+export default _Text;

package/lib/Text/Text.tuya.d.ts

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

package/lib/Text/Text.tuya.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Text as RemaxText } from '@ray-js/remax-tuya';
+
+var Text = function (props) {
+  return /*#__PURE__*/React.createElement(RemaxText, props);
+};
+
+export default Text;

package/lib/Text/Text.web.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+
+var Text = function (props) {
+  var onClick = props.onClick,
+      onTouchStart = props.onTouchStart,
+      onTouchMove = props.onTouchMove,
+      onTouchEnd = props.onTouchEnd,
+      onTouchCancel = props.onTouchCancel,
+      className = props.className,
+      selectable = props.selectable,
+      dataset = props.dataset,
+      id = props.id,
+      style = props.style,
+      children = props.children;
+  return /*#__PURE__*/React.createElement("span", _extends({}, dataset, {
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-text', className, _defineProperty({}, styles.selectable, selectable)),
+    onClick: onClick,
+    onTouchStart: function (e) {
+      return onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(e);
+    },
+    onTouchMove: function (e) {
+      return onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(e);
+    },
+    onTouchEnd: function (e) {
+      return onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(e);
+    },
+    onTouchCancel: function (e) {
+      return onTouchCancel === null || onTouchCancel === void 0 ? void 0 : onTouchCancel(e);
+    }
+  }), children);
+};
+
+Text.displayName = 'Text';
+export default Text;

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

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

package/lib/Text/index.md

@@ -0,0 +1,29 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 基础组件
+---
+
+# Text
+
+文本内容
+
+## 导入
+
+```js
+import { Text } from '@ray-js/components';
+```
+
+## 代码演示
+
+<code src="./demos/simple.tsx" title="基本用法" background="#f2f4f6" />
+
+## Props
+
+| 属性       | 类型                           | 默认值 | 说明         | 支持平台       |
+| ---------- | ------------------------------ | ------ | ------------ | -------------- |
+| className  | string                         |        | 样式名       | RN、涂鸦、微信 |
+| selectable | boolean                        | false  | 文本是否可选 | RN、涂鸦、微信 |
+| onClick    | (e: { type: 'click' }) => void | false  | 点击事件     | RN、涂鸦、微信 |

package/lib/Text/index.tuya.js

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

package/lib/Text/index.web.js

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

package/lib/Text/index.wechat.js

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

package/lib/Text/props.android.js

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

package/lib/Text/props.ios.js

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

package/lib/Text/props.tuya.js

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

package/lib/Text/props.web.js

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

package/lib/Text/props.wechat.js

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

package/lib/Textarea/Textarea.android.js

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

package/lib/Textarea/Textarea.ios.js

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

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

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

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

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

package/lib/Textarea/Textarea.tuya.js

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

package/lib/Textarea/Textarea.web.js

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

package/lib/Textarea/index.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Textarea=_interopRequireDefault(require("./Textarea"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Textarea.default;exports.default=_default;

package/lib/Textarea/index.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});var _exportNames={};exports.default=void 0;var _Textarea=_interopRequireDefault(require("./Textarea"));var _props=require("./props");Object.keys(_props).forEach(function(key){if(key==="default"||key==="__esModule")return;if(Object.prototype.hasOwnProperty.call(_exportNames,key))return;if(key in exports&&exports[key]===_props[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _props[key];}});});var _default=_Textarea.default;exports.default=_default;

package/lib/Textarea/index.md

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

package/lib/Textarea/index.tuya.js

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

package/lib/Textarea/index.web.js

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

package/lib/Textarea/index.wechat.js

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

package/lib/Textarea/props.android.js

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

package/lib/Textarea/props.ios.js

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

package/lib/Textarea/props.tuya.js

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

package/lib/Textarea/props.web.js

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

package/lib/Textarea/props.wechat.js

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