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

package/lib/Swiper/props.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { BaseProps } from '../types';
+import { GenericEvent as WxEvent } from '@remax/wechat';
+export declare type SwiperProps<I> = BaseProps & {
+    /** (default: false) 是否显示面板指示点 */
+    dots?: boolean;
+    /** (default: rgba(0, 0, 0, .3)) 指示点颜色 */
+    dotColor?: string;
+    /** (default: #000000) 当前选中的指示点颜色 */
+    dotActiveColor?: string;
+    /** (default: false) 是否自动切换 */
+    autoplay?: boolean;
+    /** (default: 0) 当前所在滑块的 index */
+    current?: number;
+    /** (default: 5000) 自动切换时间间隔 */
+    interval?: number;
+    /** (default: 500) 滑动动画时长 */
+    duration?: number;
+    /** (default: false) 是否采用衔接滑动 */
+    circular?: boolean;
+    /** (default: false) 滑动方向是否为纵向 */
+    vertical?: boolean;
+    /** 前边距，可用于露出前一项的一小部分 */
+    /** 后边距，可用于露出后一项的一小部分 */
+    /** current 改变时会触发 change 事件 */
+    onChange?: (event: {
+        current: number;
+        source: '' | 'autoplay' | 'touch';
+        origin?: WxEvent;
+    }) => void;
+    /** swiper-item 的位置发生改变时会触发 transition 事件，event.detail = {dx: dx, dy: dy} 2.4.3 */
+    /** 动画结束时会触发 onAfterChange 事件 */
+    onAfterChange?: (event: any) => void;
+    /** 列表数据 */
+    dataSource: I[];
+    /** 渲染列表项目 */
+    renderItem: (item: I, index: number) => React.ReactNode;
+};
+export declare const defaultSwiperProps: Partial<SwiperProps<any>>;
+export declare const SwiperPropsAlias: {
+    dotActiveColor: string;
+    dotColor: string;
+    dots: string;
+};

package/lib/Swiper/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultSwiperProps=exports.SwiperPropsAlias=void 0;var defaultSwiperProps={autoplay:false,circular:false,current:0,dotActiveColor:'#000',dotColor:'rgba(0,0,0,0.3)',dots:false,duration:500,interval:5000,vertical:false};exports.defaultSwiperProps=defaultSwiperProps;var SwiperPropsAlias={dotActiveColor:'indicatorActiveColor',dotColor:'indicatorColor',dots:'indicatorDots'};exports.SwiperPropsAlias=SwiperPropsAlias;

package/lib/Swiper/props.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Swiper/props.tuya.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Swiper/props.web.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Swiper/props.wechat.js

@@ -0,0 +1,16 @@
+export var defaultSwiperProps = {
+  autoplay: false,
+  circular: false,
+  current: 0,
+  dotActiveColor: '#000',
+  dotColor: 'rgba(0,0,0,0.3)',
+  dots: false,
+  duration: 500,
+  interval: 5000,
+  vertical: false
+};
+export var SwiperPropsAlias = {
+  dotActiveColor: 'indicatorActiveColor',
+  dotColor: 'indicatorColor',
+  dots: 'indicatorDots'
+};

package/lib/Switch/Switch.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 _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="/drone/src/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.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.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="/drone/src/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.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/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/Switch.wechat.d.ts

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

package/lib/Switch/Switch.wechat.js

@@ -0,0 +1,36 @@
+import { Switch as _Switch } from "@remax/wechat/esm/hostComponents/Switch/index";
+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 './index.module.less';
+
+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(_Switch, _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('raySwitch', className),
+    type: type,
+    color: color || '#007AFF'
+  }, restProps));
+};
+
+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.d.ts

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

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.js

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

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.module.less

@@ -0,0 +1,7 @@
+.raySwitch {
+  --ty-native-switch-bg: (120, 120, 128, 0.16);
+}
+
+.raySwitch .wx-switch-input:before {
+  background-color: var(--ty-native-switch-bg);
+}

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.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+import { BaseProps } from '../types';
+export interface SwitchProps extends BaseProps {
+    onChange?: (event: {
+        type: 'change';
+        value: boolean;
+        origin: any;
+    }) => void;
+    checked?: boolean;
+    disabled?: boolean;
+    color?: string;
+    type?: 'switch' | 'checkbox';
+    style?: React.CSSProperties | StyleProp<ViewStyle>;
+}
+export declare const defaultSwitchProps: {
+    type: string;
+    color: string;
+    disabled: boolean;
+};

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.js

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

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="/drone/src/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.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.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="/drone/src/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.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/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/Text.wechat.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.wechat.js

@@ -0,0 +1,33 @@
+import { Text as _Text } from "@remax/wechat/esm/hostComponents/Text/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 = ["onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart"];
+import * as React from 'react';
+import { useTouch } from '@ray-js/framework-shared';
+
+var Text = function (props) {
+  var onClick = props.onClick,
+      onLongClick = props.onLongClick,
+      onTouchCancel = props.onTouchCancel,
+      onTouchEnd = props.onTouchEnd,
+      onTouchMove = props.onTouchMove,
+      onTouchStart = props.onTouchStart,
+      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];
+
+  return /*#__PURE__*/React.createElement(_Text, _extends({}, restProps, handlers));
+};
+
+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.d.ts

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

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.js

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

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.module.less

@@ -0,0 +1,3 @@
+.selectable {
+  user-select: text;
+}