@ray-js/components 0.9.2 → 0.9.4-beta-1

package/lib/LinearGradient/LinearGradient.d.ts

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

package/lib/LinearGradient/LinearGradient.js

@@ -1,8 +0,0 @@
-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.thing.d.ts

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

package/lib/LinearGradient/LinearGradient.thing.js

@@ -1,56 +0,0 @@
-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.wechat.d.ts

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

package/lib/LinearGradient/LinearGradient.wechat.js

@@ -1,53 +0,0 @@
-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.d.ts

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

package/lib/LinearGradient/index.js

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

package/lib/LinearGradient/index.module.less

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

package/lib/LinearGradient/props.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import { BaseProps } from '../types';
-export interface LinearGradientProps extends BaseProps {
-    /**
-     * @description.en width
-     * @description.zh 宽度
-     * @default 300
-     */
-    width: number;
-    /**
-     * @description.en height
-     * @description.zh 高度
-     * @default 300
-     */
-    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.js

@@ -1,11 +0,0 @@
-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.d.ts

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

package/lib/Modal/Modal.js

@@ -1,10 +0,0 @@
-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.thing.d.ts

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

package/lib/Modal/Modal.thing.js

@@ -1,75 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import clsx from 'clsx';
-import { inlineStyle } from '@ray-js/framework-shared';
-import View from '../View';
-import styles from './index.module.less';
-var DURATION = 300; // Modal动画时长，不可props更改
-
-var Modal = function (props) {
-  var _clsx;
-
-  var isPreShow = React.useRef(false);
-  var id = props.id,
-      _props$show = props.show,
-      show = _props$show === void 0 ? false : _props$show,
-      _props$overlay = props.overlay,
-      overlay = _props$overlay === void 0 ? false : _props$overlay,
-      _props$onClickOverlay = props.onClickOverlay,
-      onClickOverlay = _props$onClickOverlay === void 0 ? function () {} : _props$onClickOverlay,
-      overlayStyle = props.overlayStyle,
-      customStyle = props.customStyle,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'top' : _props$position;
-
-  var _React$useState = React.useState(show),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isShowModalOpacity = _React$useState2[0],
-      setIsShowOpacity = _React$useState2[1];
-
-  var _React$useState3 = React.useState(show),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      isShowModalDisplay = _React$useState4[0],
-      setIsShowDisplay = _React$useState4[1];
-
-  React.useEffect(function () {
-    if (show) {
-      isPreShow.current = true;
-      setIsShowDisplay(true);
-      setTimeout(function () {
-        setIsShowOpacity(true);
-      }, 10);
-    } else if (isPreShow.current) {
-      isPreShow.current = false;
-      setTimeout(function () {
-        setIsShowDisplay(false);
-      }, DURATION);
-      setIsShowOpacity(false);
-    }
-  }, [show]);
-
-  var stopPropagation = function (e) {
-    e.origin.stopPropagation();
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    id: id,
-    className: clsx(styles.modalWrp, styles[position], (_clsx = {}, _defineProperty(_clsx, styles.showModalOpacity, isShowModalOpacity), _defineProperty(_clsx, styles.hideModalOpacity, !isShowModalOpacity), _defineProperty(_clsx, styles.showModalDisplay, isShowModalDisplay), _defineProperty(_clsx, styles.hideModalDisplay, !isShowModalDisplay), _defineProperty(_clsx, styles.opacityOverlay, !overlay), _clsx)),
-    style: inlineStyle(_objectSpread({}, overlayStyle)),
-    onClick: function handleMaskClick(e) {
-      e.origin.stopPropagation();
-      onClickOverlay({
-        type: 'clickoverlay'
-      });
-    },
-    onTouchMove: stopPropagation
-  }, isShowModalOpacity && /*#__PURE__*/React.createElement(View, {
-    className: clsx(styles.container),
-    onClick: stopPropagation
-  }, props.children));
-};
-
-Modal.displayName = 'Modal';
-export default Modal;

package/lib/Modal/Modal.wechat.d.ts

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

package/lib/Modal/Modal.wechat.js

@@ -1,75 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import clsx from 'clsx';
-import { inlineStyle } from '@ray-js/framework-shared';
-import View from '../View';
-import styles from './index.module.less';
-var DURATION = 300; // Modal动画时长，不可props更改
-
-var Modal = function (props) {
-  var _clsx;
-
-  var isPreShow = React.useRef(false);
-  var id = props.id,
-      _props$show = props.show,
-      show = _props$show === void 0 ? false : _props$show,
-      _props$overlay = props.overlay,
-      overlay = _props$overlay === void 0 ? false : _props$overlay,
-      _props$onClickOverlay = props.onClickOverlay,
-      onClickOverlay = _props$onClickOverlay === void 0 ? function () {} : _props$onClickOverlay,
-      overlayStyle = props.overlayStyle,
-      customStyle = props.customStyle,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'top' : _props$position;
-
-  var _React$useState = React.useState(show),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isShowModalOpacity = _React$useState2[0],
-      setIsShowOpacity = _React$useState2[1];
-
-  var _React$useState3 = React.useState(show),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      isShowModalDisplay = _React$useState4[0],
-      setIsShowDisplay = _React$useState4[1];
-
-  React.useEffect(function () {
-    if (show) {
-      isPreShow.current = true;
-      setIsShowDisplay(true);
-      setTimeout(function () {
-        setIsShowOpacity(true);
-      }, 10);
-    } else if (isPreShow.current) {
-      isPreShow.current = false;
-      setTimeout(function () {
-        setIsShowDisplay(false);
-      }, DURATION);
-      setIsShowOpacity(false);
-    }
-  }, [show]);
-
-  var stopPropagation = function (e) {
-    e.origin.stopPropagation();
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    id: id,
-    className: clsx(styles.modalWrp, styles[position], (_clsx = {}, _defineProperty(_clsx, styles.showModalOpacity, isShowModalOpacity), _defineProperty(_clsx, styles.hideModalOpacity, !isShowModalOpacity), _defineProperty(_clsx, styles.showModalDisplay, isShowModalDisplay), _defineProperty(_clsx, styles.hideModalDisplay, !isShowModalDisplay), _defineProperty(_clsx, styles.opacityOverlay, !overlay), _clsx)),
-    style: inlineStyle(_objectSpread({}, overlayStyle)),
-    onTouchMove: stopPropagation,
-    onClick: function handleMaskClick(e) {
-      e.origin.stopPropagation();
-      onClickOverlay({
-        type: 'clickoverlay'
-      });
-    }
-  }, isShowModalOpacity && /*#__PURE__*/React.createElement(View, {
-    className: clsx(styles.container),
-    onClick: stopPropagation
-  }, props.children));
-};
-
-Modal.displayName = 'Modal';
-export default Modal;

package/lib/Modal/index.d.ts

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

package/lib/Modal/index.js

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

package/lib/Modal/index.module.less

@@ -1,46 +0,0 @@
-.modalWrp {
-  position: fixed;
-  display: flex;
-  z-index: 500;
-  top: 0;
-  left: 0;
-  width: 100vh;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.5);
-  pointer-events: auto;
-  flex-direction: column;
-  transition: opacity 0.3s;
-  &.opacityOverlay {
-    background: transparent;
-    pointer-events: none;
-  }
-  &.top {
-    justify-content: flex-start;
-  }
-  &.center {
-    justify-content: center;
-  }
-  &.bottom {
-    justify-content: flex-end;
-  }
-  &.showModalDisplay {
-    display: flex;
-  }
-  &.hideModalDisplay {
-    display: none;
-  }
-  &.showModalOpacity {
-    opacity: 1;
-  }
-  &.hideModalOpacity {
-    opacity: 0;
-  }
-}
-.container {
-  position: fixed;
-  z-index: 200;
-  width: 100vw;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

package/lib/Modal/props.d.ts

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { BaseProps } from '../types';
-export interface ITYModalProps extends IModalProps {
-    activeIdx: number;
-    children: JSX.Element[];
-}
-export interface IModalProps extends BaseProps {
-    /**
-     * @description.en Whether to display the dialog box
-     * @description.zh 是否显示弹框
-     * @default false
-     */
-    show: boolean;
-    /**
-     * @description.en Whether a mask is displayed
-     * @description.zh 是否显示遮罩
-     * @default true
-     */
-    overlay?: boolean;
-    /**
-     * @description.en Click on the mask to trigger the event
-     * @description.zh 点击蒙层触发事件
-     * @default undefined
-     */
-    onClickOverlay?: (event: {
-        /**
-         * @description.en type
-         * @description.zh 类型
-         * @default undefined
-         */
-        type: 'clickoverlay';
-    }) => void;
-    /**
-     * @description.en Custom mask layer styles
-     * @description.zh 自定义遮罩层样式
-     * @default undefined
-     */
-    overlayStyle?: React.CSSProperties;
-    /**
-     * @description.en Custom pop-up layer styles
-     * @description.zh 自定义弹出层样式
-     * @default undefined
-     */
-    customStyle?: React.CSSProperties;
-    /**
-     * @description.en Pop-up layer pop-up position
-     * @description.zh 弹出层弹出位置
-     * @default center
-     */
-    position?: 'top' | 'center' | 'bottom';
-}

package/lib/Modal/props.js

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

package/lib/RadialGradient/RadialGradient.d.ts

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

package/lib/RadialGradient/RadialGradient.js

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

package/lib/RadialGradient/RadialGradient.thing.d.ts

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

package/lib/RadialGradient/RadialGradient.thing.js

@@ -1,36 +0,0 @@
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.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';
-var RadialGradient = function (props) {
-  var fx = props.fx,
-      fy = props.fy,
-      rx = props.rx,
-      ry = props.ry,
-      stops = props.stops,
-      width = props.width,
-      height = props.height,
-      children = props.children,
-      className = props.className;
-  var RadialGradientArr = stops.map(function (item) {
-    return item.stopColor + ' ' + item.offset;
-  });
-  var mixStyle = {
-    width: typeof width === 'number' ? "".concat(width, "px") : width,
-    height: typeof height === 'number' ? "".concat(height, "px") : height,
-    backgroundColor: 'pink',
-    backgroundImage: "radial-gradient(".concat(rx, " ").concat(ry, " ellipse at ").concat(fx, " ").concat(fy, ", ").concat(RadialGradientArr.toString(), ")")
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    className: className,
-    style: mixStyle
-  }, children);
-};
-
-export default RadialGradient;

package/lib/RadialGradient/RadialGradient.wechat.d.ts

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

package/lib/RadialGradient/RadialGradient.wechat.js

@@ -1,36 +0,0 @@
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.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';
-var RadialGradient = function (props) {
-  var fx = props.fx,
-      fy = props.fy,
-      rx = props.rx,
-      ry = props.ry,
-      stops = props.stops,
-      width = props.width,
-      height = props.height,
-      children = props.children,
-      className = props.className;
-  var RadialGradientArr = stops.map(function (item) {
-    return item.stopColor + ' ' + item.offset;
-  });
-  var mixStyle = {
-    width: typeof width === 'number' ? "".concat(width, "px") : width,
-    height: typeof height === 'number' ? "".concat(height, "px") : height,
-    backgroundColor: 'pink',
-    backgroundImage: "radial-gradient(".concat(rx, " ").concat(ry, " ellipse at ").concat(fx, " ").concat(fy, ", ").concat(RadialGradientArr.toString(), ")")
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    className: className,
-    style: mixStyle
-  }, children);
-};
-
-export default RadialGradient;

package/lib/RadialGradient/index.d.ts

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

package/lib/RadialGradient/index.js

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

package/lib/RadialGradient/index.module.less

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