@ray-js/components 1.4.0-alpha.1 → 1.4.0-alpha.10

package/lib/View/View.js

@@ -1,7 +1,7 @@
 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 = ["id", "className", "style", "children", "hoverClassName", "hoverStartTime", "hoverStayTime", "hoverable", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd"];
+const _excluded = ["id", "className", "style", "children", "hoverClassName", "hoverStartTime", "hoverStayTime", "hoverable", "onClick", "onLongClick", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "onTransitionEnd"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
@@ -9,38 +9,35 @@ import handleProps from '../utils/handleProps';
 import { filterProps, inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
-var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      hoverClassName = props.hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      hoverable = props.hoverable,
-      onClick = props.onClick,
-      onLongClick = props.onLongClick,
-      onTouchCancel = props.onTouchCancel,
-      onTouchEnd = props.onTouchEnd,
-      onTouchMove = props.onTouchMove,
-      onTouchStart = props.onTouchStart,
-      onTransitionEnd = props.onTransitionEnd,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
+const View = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      children,
+      hoverClassName,
+      hoverStartTime,
+      hoverStayTime,
+      hoverable,
+      onClick,
+      onLongClick,
+      onTouchCancel,
+      onTouchEnd,
+      onTouchMove,
+      onTouchStart,
+      onTransitionEnd
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
     hoverDelay: hoverStartTime,
     hoverDuration: hoverStayTime,
-    onLongClick: onLongClick,
-    onTouchStart: onTouchStart,
-    onTouchMove: onTouchMove,
-    onTouchEnd: onTouchEnd,
-    onTouchCancel: onTouchCancel,
-    onClick: onClick
-  }),
-      _useTouch2 = _slicedToArray(_useTouch, 2),
-      touching = _useTouch2[0],
-      handlers = _useTouch2[1];
-
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("v-view", _extends({}, handleProps(props), {
     ref: ref,
     id: id,

package/lib/View/View.thing.js

@@ -1,53 +1,52 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+const _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
 import { View as RemaxView } from '@ray-js/adapter';
 import styles from './index.module.less';
-var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      hoverClassName = props.hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      children = props.children,
-      onLongClick = props.onLongClick,
-      onTouchStart = props.onTouchStart,
-      onTouchMove = props.onTouchMove,
-      onTouchEnd = props.onTouchEnd,
-      onTouchCancel = props.onTouchCancel,
-      onClick = props.onClick,
-      hoverable = props.hoverable,
-      onTransitionEnd = props.onTransitionEnd,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
+const View = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      hoverClassName,
+      hoverStartTime,
+      hoverStayTime,
+      children,
+      onLongClick,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      onTouchCancel,
+      onClick,
+      hoverable,
+      onTransitionEnd
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
     hoverDelay: hoverStartTime,
     hoverDuration: hoverStayTime,
-    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(RemaxView // @ts-ignore
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
+  return /*#__PURE__*/React.createElement(RemaxView
+  // @ts-ignore
   , _extends({
     ref: ref,
     id: id,
     className: className,
     style: inlineStyle(style),
-    hoverClassName: clsx(_defineProperty({}, styles.hover, hoverable), hoverClassName),
+    hoverClassName: clsx({
+      [styles.hover]: hoverable
+    }, hoverClassName),
     hoverStartTime: hoverStartTime,
     hoverStayTime: hoverStayTime,
     onTransitionEnd: onTransitionEnd

package/lib/View/View.wechat.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+const _excluded = ["id", "className", "style", "hoverClassName", "hoverStartTime", "hoverStayTime", "children", "onLongClick", "onTouchStart", "onTouchMove", "onTouchEnd", "onTouchCancel", "onClick", "hoverable", "onTransitionEnd"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import * as React from 'react';
 import clsx from 'clsx';
 import { inlineStyle, useTouch } from '@ray-js/framework-shared';
@@ -10,45 +9,45 @@ import { View as RemaxView } from '@ray-core/wechat';
 import PropTypes from 'prop-types';
 import { defaultViewProps } from './props';
 import styles from './index.module.less';
-var View = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var id = props.id,
-      className = props.className,
-      style = props.style,
-      hoverClassName = props.hoverClassName,
-      hoverStartTime = props.hoverStartTime,
-      hoverStayTime = props.hoverStayTime,
-      children = props.children,
-      onLongClick = props.onLongClick,
-      onTouchStart = props.onTouchStart,
-      onTouchMove = props.onTouchMove,
-      onTouchEnd = props.onTouchEnd,
-      onTouchCancel = props.onTouchCancel,
-      onClick = props.onClick,
-      hoverable = props.hoverable,
-      onTransitionEnd = props.onTransitionEnd,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var _useTouch = useTouch({
+const View = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      id,
+      className,
+      style,
+      hoverClassName,
+      hoverStartTime,
+      hoverStayTime,
+      children,
+      onLongClick,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      onTouchCancel,
+      onClick,
+      hoverable,
+      onTransitionEnd
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const [touching, handlers] = useTouch({
     hoverDelay: hoverStartTime,
     hoverDuration: hoverStayTime,
-    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(RemaxView // @ts-ignore
+    onLongClick,
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    onTouchCancel,
+    onClick
+  });
+  return /*#__PURE__*/React.createElement(RemaxView
+  // @ts-ignore
   , _extends({
     ref: ref,
     id: id,
     className: className,
     style: inlineStyle(style),
-    hoverClassName: clsx(_defineProperty({}, styles.hover, hoverable), hoverClassName),
+    hoverClassName: clsx({
+      [styles.hover]: hoverable
+    }, hoverClassName),
     hoverStartTime: hoverStartTime,
     hoverStayTime: hoverStayTime,
     onTransitionEnd: onTransitionEnd

package/lib/View/props.js

@@ -1,4 +1,4 @@
-export var defaultViewProps = {
+export const defaultViewProps = {
   hoverStartTime: 20,
   hoverStayTime: 70
 };

package/lib/WebView/WebView.js

@@ -1,7 +1,5 @@
 import React from 'react';
-
-var WebView = function () {
+const WebView = () => {
   return /*#__PURE__*/React.createElement("div", null, "web\u7AEF\u6682\u672A\u5B9E\u73B0");
 };
-
 export default WebView;

package/lib/WebView/WebView.thing.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { WebView as RemaxWebView } from '@ray-js/adapter';
-
-var WebView = function (props) {
+const WebView = props => {
   return /*#__PURE__*/React.createElement(RemaxWebView, props);
 };
-
 export default WebView;

package/lib/WebView/WebView.wechat.js

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { WebView as RemaxWebView } from '@ray-js/adapter';
-
-var WebView = function (props) {
+const WebView = props => {
   return /*#__PURE__*/React.createElement(RemaxWebView, props);
 };
-
 export default WebView;

package/lib/assets/icons.js

@@ -1,4 +1,4 @@
-export var iconList = {
+export const iconList = {
   success_no_circle: require('./success_no_circle.png'),
   loading: require('./loading.png'),
   loading_warn: require('./loading-warn.png'),

package/lib/core/index.js

@@ -1,23 +1,16 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.keys.js";
 export function generateId() {
   return "V".concat(Math.random().toString(32).substr(2, 6).toUpperCase());
 }
 export function nextFrame(duration) {
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, duration !== null && duration !== void 0 ? duration : 1000 / 30);
-  });
+  return new Promise(resolve => setTimeout(resolve, duration !== null && duration !== void 0 ? duration : 1000 / 30));
 }
+
 /**
  * props 的 alias 替换
  */
-
 export function propsAlias(props, alias) {
-  Object.keys(alias).forEach(function (key) {
-    var targetName = alias[key];
+  Object.keys(alias).forEach(key => {
+    const targetName = alias[key];
     props[targetName] = props[key];
     delete props[key];
   });

package/lib/types/event.d.ts

@@ -1,3 +1,3 @@
-export declare type FormEvent<V> = V & {
+export type FormEvent<V> = V & {
     target?: any;
 };

package/lib/types/index.js

@@ -5,5 +5,6 @@
 /**
  * 通用回调事件
  */
+
 export * from './event';
 export {};

package/lib/utils/handleProps.js

@@ -1,63 +1,50 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.entries.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.json.stringify.js";
+const _excluded = ["className", "hoverClassName", "hoverStyle", "refresherDefaultStyle", "overlayStyle", "customStyle", "indicatorStyle", "maskStyle", "placeholderStyle", "borderStyle", "style", "children"];
+import "core-js/modules/web.dom-collections.iterator.js";
 import { inlineStyle } from '@ray-js/framework-shared';
 import { paramCase } from 'param-case';
 import s2o from 'style-to-object';
-
-var transformStyle = function (originStyle) {
-  var tempStyle;
-
+const transformStyle = originStyle => {
+  let tempStyle;
   if (typeof originStyle === 'string') {
     tempStyle = s2o(originStyle);
   } else {
     tempStyle = originStyle;
   }
-
-  return Object.entries(inlineStyle(tempStyle)).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        k = _ref2[0],
-        v = _ref2[1];
-
+  return Object.entries(inlineStyle(tempStyle)).map(_ref => {
+    let [k, v] = _ref;
     return "".concat(k, ":").concat(v);
   }).join(';');
 };
+
 /**
  * 处理 web 端 props
  */
-
-
-var handleProps = function (props) {
-  var className = props.className,
-      hoverClassName = props.hoverClassName,
-      hoverStyle = props.hoverStyle,
-      refresherDefaultStyle = props.refresherDefaultStyle,
-      overlayStyle = props.overlayStyle,
-      customStyle = props.customStyle,
-      indicatorStyle = props.indicatorStyle,
-      maskStyle = props.maskStyle,
-      placeholderStyle = props.placeholderStyle,
-      borderStyle = props.borderStyle,
-      style = props.style,
-      children = props.children,
-      tempProps = _objectWithoutProperties(props, _excluded);
-
-  for (var key in tempProps) {
+const handleProps = props => {
+  const {
+      className,
+      hoverClassName,
+      hoverStyle,
+      refresherDefaultStyle,
+      overlayStyle,
+      customStyle,
+      indicatorStyle,
+      maskStyle,
+      placeholderStyle,
+      borderStyle,
+      style,
+      children
+    } = props,
+    tempProps = _objectWithoutProperties(props, _excluded);
+  for (const key in tempProps) {
     if (tempProps[key] === false) {
       delete tempProps[key];
-    } else if (_typeof(tempProps[key]) === 'object') {
+    } else if (typeof tempProps[key] === 'object') {
       tempProps[key] = JSON.stringify(tempProps[key]);
     }
-
     tempProps[paramCase(key)] = tempProps[key];
   }
-
   return _objectSpread({
     class: className,
     style: style && inlineStyle(style),
@@ -70,8 +57,7 @@ var handleProps = function (props) {
     'mask-style': maskStyle && transformStyle(maskStyle),
     'placeholder-style': placeholderStyle && transformStyle(placeholderStyle),
     'border-style': borderStyle && transformStyle(borderStyle),
-    children: children
+    children
   }, tempProps);
 };
-
 export default handleProps;

package/package.json

@@ -1,50 +1,50 @@
 {
   "name": "@ray-js/components",
-  "version": "1.4.0-alpha.1",
+  "version": "1.4.0-alpha.10",
   "description": "Ray basic components",
   "keywords": [
     "ray"
   ],
+  "repository": {},
   "license": "MIT",
-  "main": "lib/index.js",
-  "files": [
-    "lib"
+  "maintainers": [
+    {
+      "name": "tuyafe",
+      "email": "tuyafe@tuya.com"
+    }
   ],
   "sideEffects": [
     "*.less",
     "*.css"
   ],
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
   "scripts": {
-    "clean": "rm -rf lib",
     "build": "ray build --type=component",
+    "clean": "rm -rf lib",
     "watch": "ray start --type=component"
   },
   "dependencies": {
-    "@ray-core/macro": "^0.3.5",
-    "@ray-core/wechat": "^0.3.5",
-    "@ray-js/adapter": "^1.4.0-alpha.1",
-    "@ray-js/framework-shared": "^1.4.0-alpha.1",
-    "ahooks": "^3.7.1",
-    "clsx": "^1.1.1",
-    "core-js": "^3.19.1",
+    "@ray-core/macro": "^0.3.6",
+    "@ray-core/wechat": "^0.3.6",
+    "@ray-js/adapter": "^1.4.0-alpha.10",
+    "@ray-js/framework-shared": "^1.4.0-alpha.10",
+    "ahooks": "^3.7.8",
+    "clsx": "^1.2.1",
+    "core-js": "^3.32.1",
     "hooks": "^0.3.2",
     "param-case": "^3.0.4",
     "react": "^17.0.2",
     "style-to-object": "^0.3.0"
   },
   "devDependencies": {
-    "@ray-js/cli": "^1.4.0-alpha.1"
+    "@ray-js/cli": "^1.4.0-alpha.10"
   },
-  "maintainers": [
-    {
-      "name": "tuyafe",
-      "email": "tuyafe@tuya.com"
-    }
-  ],
-  "gitHead": "4340240aafe16c03853241e2356134610e65443e",
-  "repository": {}
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "gitHead": "14cb935df10f020e714b44bb41d4899646db751c"
 }

package/LICENSE.md

@@ -1,9 +0,0 @@
-Copyright © 2014-2022 Tuya.inc
-
-MIT License
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/lib/Modal/index.web.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export default function Modal({ children }: React.PropsWithChildren<Record<string, any>>): React.ReactPortal;