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

package/lib/Label/Label.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _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.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "htmlFor", "children"];
+import * as React from 'react';
+import clsx from 'clsx';
+import styles from './index.module.less';
+
+var Label = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      htmlFor = props.htmlFor,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("label", _extends({
+    id: id,
+    style: style,
+    className: clsx('ray-label', styles.label, className),
+    htmlFor: htmlFor
+  }, restProps), children);
+};
+
+export default Label;

package/lib/Label/Label.native.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default class Checkbox extends React.Component {
+    render(): JSX.Element;
+}

package/lib/Label/Label.tuya.d.ts

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

package/lib/Label/Label.tuya.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import { Label as RemaxLabel } from '@ray-js/remax-tuya';
+import styles from './index.module.less';
+
+var Label = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      htmlFor = props.htmlFor,
+      children = props.children;
+  return /*#__PURE__*/React.createElement(RemaxLabel, {
+    for: htmlFor,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-label', styles.label, className)
+  }, children);
+};
+
+export default Label;

package/lib/Label/Label.web.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "style", "className", "htmlFor", "children"];
+import * as React from 'react';
+import clsx from 'clsx';
+import styles from './index.module.less';
+
+var Label = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      htmlFor = props.htmlFor,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("label", _extends({
+    id: id,
+    style: style,
+    className: clsx('ray-label', styles.label, className),
+    htmlFor: htmlFor
+  }, restProps), children);
+};
+
+export default Label;

package/lib/Label/Label.wechat.d.ts

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

package/lib/Label/Label.wechat.js

@@ -0,0 +1,21 @@
+import { Label as _Label } from "@remax/wechat/esm/hostComponents/Label/index";
+import * as React from 'react';
+import clsx from 'clsx';
+import { inlineStyle } from '@ray-js/framework-shared';
+import styles from './index.module.less';
+
+var Label = function (props) {
+  var id = props.id,
+      style = props.style,
+      className = props.className,
+      htmlFor = props.htmlFor,
+      children = props.children;
+  return /*#__PURE__*/React.createElement(_Label, {
+    for: htmlFor,
+    id: id,
+    style: inlineStyle(style),
+    className: clsx('ray-label', styles.label, className)
+  }, children);
+};
+
+export default Label;

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

package/lib/Label/index.d.ts

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

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

package/lib/Label/index.js

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

package/lib/Label/index.module.less

@@ -0,0 +1,4 @@
+.label {
+  font-size: 28rpx;
+  line-height: 1.5;
+}

package/lib/Label/index.tuya.js

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

package/lib/Label/index.web.js

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

package/lib/Label/index.wechat.js

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

package/lib/Label/props.android.js

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

package/lib/Label/props.d.ts

@@ -0,0 +1,4 @@
+import { BaseProps } from '../types';
+export interface LabelProps extends BaseProps {
+    htmlFor?: string;
+}

package/lib/Label/props.ios.js

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

package/lib/Label/props.js

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

package/lib/Label/props.tuya.js

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

package/lib/Label/props.web.js

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

package/lib/Label/props.wechat.js

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

package/lib/LinearGradient/LinearGradient.android.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _color=_interopRequireDefault(require("color"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/LinearGradient/LinearGradient.native.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var numToHexString=_rayPanelUtils.NumberUtils.numToHexString;var LinearGradient=function(props){var style=props.style,stops=props.stops,x1=props.x1,x2=props.x2,y1=props.y1,y2=props.y2,height=props.height,width=props.width,children=props.children;var gradientId=Math.random().toString(36).substring(7);var stopView=[];Object.keys(stops).forEach(function(k){var stopColor=(0,_color.default)(stops[k]);stopView.push(_react.default.createElement(_reactNativeSvg.Stop,{key:k,offset:k,stopColor:"#"+numToHexString(stopColor.rgbNumber(),6),stopOpacity:stopColor.alpha(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:19}}));});return _react.default.createElement(_reactNative.View,{style:[style,{width:width,height:height,overflow:'hidden'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:10}},_react.default.createElement(_reactNativeSvg.default,{height:height,width:width,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}},_react.default.createElement(_reactNativeSvg.Defs,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:9}},_react.default.createElement(_reactNativeSvg.LinearGradient,{id:gradientId,x1:x1,x2:x2,y1:y1,y2:y2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},stopView.map(function(d){return d;}))),_react.default.createElement(_reactNativeSvg.Rect,{width:width,height:height,fill:"url(#"+gradientId+")",__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:9}}),_react.default.isValidElement(children)&&children));};LinearGradient.default=_props.defaultLinearGradient;var _default=LinearGradient;exports.default=_default;

package/lib/LinearGradient/LinearGradient.d.ts

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

package/lib/LinearGradient/LinearGradient.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _color=_interopRequireDefault(require("color"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _reactNativeSvg=_interopRequireWildcard(require("react-native-svg"));var _rayPanelUtils=require("@ray-js/ray-panel-utils");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/LinearGradient/LinearGradient.native.tsx";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}var numToHexString=_rayPanelUtils.NumberUtils.numToHexString;var LinearGradient=function(props){var style=props.style,stops=props.stops,x1=props.x1,x2=props.x2,y1=props.y1,y2=props.y2,height=props.height,width=props.width,children=props.children;var gradientId=Math.random().toString(36).substring(7);var stopView=[];Object.keys(stops).forEach(function(k){var stopColor=(0,_color.default)(stops[k]);stopView.push(_react.default.createElement(_reactNativeSvg.Stop,{key:k,offset:k,stopColor:"#"+numToHexString(stopColor.rgbNumber(),6),stopOpacity:stopColor.alpha(),__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:19}}));});return _react.default.createElement(_reactNative.View,{style:[style,{width:width,height:height,overflow:'hidden'}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:10}},_react.default.createElement(_reactNativeSvg.default,{height:height,width:width,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}},_react.default.createElement(_reactNativeSvg.Defs,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:9}},_react.default.createElement(_reactNativeSvg.LinearGradient,{id:gradientId,x1:x1,x2:x2,y1:y1,y2:y2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},stopView.map(function(d){return d;}))),_react.default.createElement(_reactNativeSvg.Rect,{width:width,height:height,fill:"url(#"+gradientId+")",__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:9}}),_react.default.isValidElement(children)&&children));};LinearGradient.default=_props.defaultLinearGradient;var _default=LinearGradient;exports.default=_default;

package/lib/LinearGradient/LinearGradient.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { View } from '@ray-js/components';
+
+var LinearGradient = function () {
+  return /*#__PURE__*/React.createElement(View, null, "web \u7EBF\u6027\u6E10\u53D8 \u6682\u672A\u5B9E\u73B0");
+};
+
+export default LinearGradient;

package/lib/LinearGradient/LinearGradient.native.d.ts

@@ -0,0 +1,16 @@
+import { LinearGradientProps } from './props';
+declare const LinearGradient: {
+    (props: LinearGradientProps): JSX.Element;
+    default: {
+        style: null;
+        stops: {
+            '0%': string;
+            '100%': string;
+        };
+        x1: string;
+        y1: string;
+        x2: string;
+        y2: string;
+    };
+};
+export default LinearGradient;

package/lib/LinearGradient/LinearGradient.tuya.d.ts

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

package/lib/LinearGradient/LinearGradient.tuya.js

@@ -0,0 +1,56 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.to-string.js";
+import * as React from 'react'; // import clsx from 'clsx';
+// import { inlineStyle } from '@ray-js/framework-shared';
+
+import { View } from '@ray-js/components';
+
+// import styles from './index.module.less';
+function toPoint(percent) {
+  var str = percent.replace('%', '');
+  str = str / 100;
+  return str;
+}
+
+var LinearGradient = function (props) {
+  var x1 = props.x1,
+      x2 = props.x2,
+      y1 = props.y1,
+      y2 = props.y2,
+      stops = props.stops,
+      width = props.width,
+      height = props.height,
+      children = props.children;
+  var linearGradientArr = [];
+  var linearGradientAngle = 0;
+
+  for (var prop in stops) {
+    linearGradientArr.push(stops[prop] + ' ' + prop);
+  }
+
+  var radian = Math.atan2((toPoint(y1) - toPoint(y2)) * height, (toPoint(x1) - toPoint(x2)) * width);
+  linearGradientAngle = 180 / Math.PI * radian;
+  console.log('linearGradientAngle', linearGradientAngle);
+
+  if (linearGradientAngle < 0 && linearGradientAngle > -90) {
+    linearGradientAngle = 180 - linearGradientAngle;
+  } else if (linearGradientAngle === -90) {
+    linearGradientAngle = 90 - linearGradientAngle;
+  } else {
+    linearGradientAngle = -linearGradientAngle;
+  }
+
+  var mixStyle = {
+    width: typeof width === 'number' ? "".concat(width, "px") : width,
+    height: typeof height === 'number' ? "".concat(height, "px") : height,
+    backgroundColor: 'pink',
+    backgroundImage: "linear-gradient(".concat(linearGradientAngle, "deg,").concat(linearGradientArr.toString(), " )")
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: mixStyle
+  }, children);
+};
+
+export default LinearGradient;

package/lib/LinearGradient/LinearGradient.web.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { View } from '@ray-js/components';
+
+var LinearGradient = function () {
+  return /*#__PURE__*/React.createElement(View, null, "web \u7EBF\u6027\u6E10\u53D8 \u6682\u672A\u5B9E\u73B0");
+};
+
+export default LinearGradient;

package/lib/LinearGradient/LinearGradient.wechat.d.ts

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

package/lib/LinearGradient/LinearGradient.wechat.js

@@ -0,0 +1,53 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.to-string.js";
+import * as React from 'react';
+import { View } from '@ray-js/components';
+
+function toPoint(percent) {
+  var str = percent.replace('%', '');
+  str = str / 100;
+  return str;
+}
+
+var LinearGradient = function (props) {
+  var x1 = props.x1,
+      x2 = props.x2,
+      y1 = props.y1,
+      y2 = props.y2,
+      stops = props.stops,
+      width = props.width,
+      height = props.height,
+      children = props.children;
+  var linearGradientArr = [];
+  var linearGradientAngle = 0;
+
+  for (var prop in stops) {
+    linearGradientArr.push(stops[prop] + ' ' + prop);
+  }
+
+  var radian = Math.atan2((toPoint(y1) - toPoint(y2)) * height, (toPoint(x1) - toPoint(x2)) * width);
+  linearGradientAngle = 180 / Math.PI * radian;
+  console.log('linearGradientAngle', linearGradientAngle);
+
+  if (linearGradientAngle < 0 && linearGradientAngle > -90) {
+    linearGradientAngle = 180 - linearGradientAngle;
+  } else if (linearGradientAngle === -90) {
+    linearGradientAngle = 90 - linearGradientAngle;
+  } else {
+    linearGradientAngle = -linearGradientAngle;
+  }
+
+  var mixStyle = {
+    width: typeof width === 'number' ? "".concat(width, "px") : width,
+    height: typeof height === 'number' ? "".concat(height, "px") : height,
+    backgroundColor: 'pink',
+    backgroundImage: "linear-gradient(".concat(linearGradientAngle, "deg,").concat(linearGradientArr.toString(), " )")
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: mixStyle
+  }, children);
+};
+
+export default LinearGradient;

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

package/lib/LinearGradient/index.d.ts

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

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

package/lib/LinearGradient/index.js

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

package/lib/LinearGradient/index.md

@@ -0,0 +1,33 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# LinearGradient
+
+LinearGradient 主要是给子节点提供一个线性渐变的效果。
+
+## 导入
+
+```js
+import { LinearGradient } from '@ray-js/components';
+```
+
+## 示例代码
+
+<code src="./demos/demo0.tsx" title="线性渐变" background="#f2f4f6" height="500px" />
+
+## Props
+
+| 属性   | 类型                   | 默认值 | 说明              | 支持平台       |
+| ------ | ---------------------- | ------ | ----------------- | -------------- |
+| width  | number                 | 300    | 宽度              | RN、涂鸦、微信 |
+| height | number                 | 300    | 高度              | RN、涂鸦、微信 |
+| x1     | string                 | 0%     | 起始点的 x 轴坐标 | RN、涂鸦、微信 |
+| x2     | string                 | 0%     | 终点的 x 轴坐标   | RN、涂鸦、微信 |
+| y1     | string                 | 0%     | 起始点的 y 轴坐标 | RN、涂鸦、微信 |
+| y2     | string                 | 0%     | 终点的 y 轴坐标   | RN、涂鸦、微信 |
+| stops  | Record<string, string> |        | 渐变梯度停点      | RN、涂鸦、微信 |

package/lib/LinearGradient/index.module.less

@@ -0,0 +1,7 @@
+.label {
+  font-size: 28rpx;
+  line-height: 1.5;
+  color: #61ff00;
+  color: #ff4800;
+  color: #ffc600;
+}

package/lib/LinearGradient/index.tuya.js

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

package/lib/LinearGradient/index.web.js

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

package/lib/LinearGradient/index.wechat.js

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

package/lib/LinearGradient/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultLinearGradient=void 0;var defaultLinearGradient={style:null,stops:{'0%':'rgb(255, 255, 255)','100%':'rgb(0, 0, 0)'},x1:'0%',y1:'0%',x2:'0%',y2:'100%'};exports.defaultLinearGradient=defaultLinearGradient;

package/lib/LinearGradient/props.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { BaseProps } from '../types';
+export interface LinearGradientProps extends BaseProps {
+    width: number;
+    height: number;
+    /**
+     * @description.zh 起始点的x轴坐标
+     * @description.en The x-axis coordinate of the starting point
+     * @default '0%'
+     */
+    x1?: string;
+    /**
+     * @description.zh 终点的x轴坐标
+     * @description.en The x-axis coordinate of the ending point
+     * @default '0%'
+     */
+    x2?: string;
+    /**
+     * @description.zh 起始点的y轴坐标
+     * @description.en The y-axis coordinate of the starting point
+     * @default '0%'
+     */
+    y1?: string;
+    /**
+     * @description.zh 终点的y轴坐标
+     * @description.en The y-axis coordinate of the ending point
+     * @default '0%'
+     */
+    y2?: string;
+    /**
+     * @description.zh 渐变梯度停点
+     * @description.en The stop point of gradient
+     * @default { '0%': 'rgb(255, 255, 255)', '100%': 'rgb(0, 0, 0)' }
+     */
+    stops?: Record<string, string>;
+    children?: React.ReactElement;
+}
+export declare const defaultLinearGradient: {
+    style: null;
+    stops: {
+        '0%': string;
+        '100%': string;
+    };
+    x1: string;
+    y1: string;
+    x2: string;
+    y2: string;
+};

package/lib/LinearGradient/props.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultLinearGradient=void 0;var defaultLinearGradient={style:null,stops:{'0%':'rgb(255, 255, 255)','100%':'rgb(0, 0, 0)'},x1:'0%',y1:'0%',x2:'0%',y2:'100%'};exports.defaultLinearGradient=defaultLinearGradient;

package/lib/LinearGradient/props.js

@@ -0,0 +1,11 @@
+export var defaultLinearGradient = {
+  style: null,
+  stops: {
+    '0%': 'rgb(255, 255, 255)',
+    '100%': 'rgb(0, 0, 0)'
+  },
+  x1: '0%',
+  y1: '0%',
+  x2: '0%',
+  y2: '100%'
+};

package/lib/LinearGradient/props.tuya.js

@@ -0,0 +1,11 @@
+export var defaultLinearGradient = {
+  style: null,
+  stops: {
+    '0%': 'rgb(255, 255, 255)',
+    '100%': 'rgb(0, 0, 0)'
+  },
+  x1: '0%',
+  y1: '0%',
+  x2: '0%',
+  y2: '100%'
+};

package/lib/LinearGradient/props.web.js

@@ -0,0 +1,11 @@
+export var defaultLinearGradient = {
+  style: null,
+  stops: {
+    '0%': 'rgb(255, 255, 255)',
+    '100%': 'rgb(0, 0, 0)'
+  },
+  x1: '0%',
+  y1: '0%',
+  x2: '0%',
+  y2: '100%'
+};

package/lib/LinearGradient/props.wechat.js

@@ -0,0 +1,11 @@
+export var defaultLinearGradient = {
+  style: null,
+  stops: {
+    '0%': 'rgb(255, 255, 255)',
+    '100%': 'rgb(0, 0, 0)'
+  },
+  x1: '0%',
+  y1: '0%',
+  x2: '0%',
+  y2: '100%'
+};

package/lib/Modal/Modal.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/Modal/Modal.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 ALIGN={top:'flex-start',center:'center',bottom:'flex-end'};var TYModal=function(_React$Component){(0,_inherits2.default)(TYModal,_React$Component);var _super=_createSuper(TYModal);function TYModal(props){var _this;(0,_classCallCheck2.default)(this,TYModal);_this=_super.call(this,props);_this._handleMaskPress=function(){var onClickOverlay=_this.props.onClickOverlay;typeof onClickOverlay==='function'&&onClickOverlay({type:'clickoverlay'});};_this.state={visible:props.show};return _this;}(0,_createClass2.default)(TYModal,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var show=this.props.show;if(show!==prevProps.show){this.setState({visible:!!show});}}},{key:"render",value:function render(){var _this$props=this.props,children=_this$props.children,position=_this$props.position,overlayStyle=_this$props.overlayStyle,customStyle=_this$props.customStyle,overlay=_this$props.overlay;var visible=this.state.visible;var maskColor=overlay?'rgba(0, 0, 0, 0.7)':'transparent';var maskContainer=[_reactNative.StyleSheet.absoluteFill,position&&{justifyContent:ALIGN[position]},{flex:1,backgroundColor:maskColor},overlayStyle];return _react.default.createElement(_reactNative.Modal,{animationType:"fade",onRequestClose:this._handleMaskPress,visible:visible,transparent:true,__self:this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:12}},_react.default.createElement(_reactNative.TouchableHighlight,{style:maskContainer,underlayColor:maskColor,onPress:this._handleMaskPress,activeOpacity:1,__self:this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:9}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},style:customStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:11}},children)));}}]);return TYModal;}(_react.default.Component);TYModal.defaultProps={position:'center',onClickOverlay:null,overlayStyle:null,overlay:true,customStyle:null};var _default=TYModal;exports.default=_default;

package/lib/Modal/Modal.d.ts

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

package/lib/Modal/Modal.ios.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _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/Modal/Modal.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 ALIGN={top:'flex-start',center:'center',bottom:'flex-end'};var TYModal=function(_React$Component){(0,_inherits2.default)(TYModal,_React$Component);var _super=_createSuper(TYModal);function TYModal(props){var _this;(0,_classCallCheck2.default)(this,TYModal);_this=_super.call(this,props);_this._handleMaskPress=function(){var onClickOverlay=_this.props.onClickOverlay;typeof onClickOverlay==='function'&&onClickOverlay({type:'clickoverlay'});};_this.state={visible:props.show};return _this;}(0,_createClass2.default)(TYModal,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var show=this.props.show;if(show!==prevProps.show){this.setState({visible:!!show});}}},{key:"render",value:function render(){var _this$props=this.props,children=_this$props.children,position=_this$props.position,overlayStyle=_this$props.overlayStyle,customStyle=_this$props.customStyle,overlay=_this$props.overlay;var visible=this.state.visible;var maskColor=overlay?'rgba(0, 0, 0, 0.7)':'transparent';var maskContainer=[_reactNative.StyleSheet.absoluteFill,position&&{justifyContent:ALIGN[position]},{flex:1,backgroundColor:maskColor},overlayStyle];return _react.default.createElement(_reactNative.Modal,{animationType:"fade",onRequestClose:this._handleMaskPress,visible:visible,transparent:true,__self:this,__source:{fileName:_jsxFileName,lineNumber:72,columnNumber:12}},_react.default.createElement(_reactNative.TouchableHighlight,{style:maskContainer,underlayColor:maskColor,onPress:this._handleMaskPress,activeOpacity:1,__self:this,__source:{fileName:_jsxFileName,lineNumber:73,columnNumber:9}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},style:customStyle,__self:this,__source:{fileName:_jsxFileName,lineNumber:74,columnNumber:11}},children)));}}]);return TYModal;}(_react.default.Component);TYModal.defaultProps={position:'center',onClickOverlay:null,overlayStyle:null,overlay:true,customStyle:null};var _default=TYModal;exports.default=_default;

package/lib/Modal/Modal.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+// import styles from './index.module.less';
+var Modal = function () {
+  // const { disabled, className, style } = props;
+  return /*#__PURE__*/React.createElement("div", null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+Modal.displayName = 'Modal';
+export default Modal;

package/lib/Modal/Modal.native.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { ITYModalProps } from './props';
+export interface IProps extends Omit<ITYModalProps, 'overlayStyle' | 'customStyle'> {
+    overlayStyle?: StyleProp<ViewStyle>;
+    customStyle?: StyleProp<ViewStyle>;
+}
+export interface ITYModalState {
+    visible: boolean;
+}
+declare class TYModal extends React.Component<IProps, ITYModalState> {
+    static defaultProps: {
+        position: string;
+        onClickOverlay: null;
+        overlayStyle: null;
+        overlay: boolean;
+        customStyle: null;
+    };
+    constructor(props: IProps);
+    componentDidUpdate(prevProps: Readonly<IProps>): void;
+    _handleMaskPress: () => void;
+    render(): React.ReactNode;
+}
+export default TYModal;

package/lib/Modal/Modal.tuya.d.ts

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