@ray-js/components 0.9.0 → 0.9.1

package/lib/MovableArea/MovableArea.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { MovableAreaProps } from './props';
-declare const MovableArea: React.FC<MovableAreaProps>;
+import React from 'react';
+import { MovableAreaProps } from '@ray-js/adapter';
+export declare const MovableArea: React.FC<MovableAreaProps>;
 export default MovableArea;

package/lib/MovableArea/MovableArea.js

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { Text } from '@ray-js/components';
-import { defaultMovableAreaProps } from './props';
+import "core-js/modules/es.object.assign.js";
+import React from 'react';
+import handleProps from '../utils/handleProps';
+import { MovableArea as RemaxMovableArea } from '@ray-js/adapter';
+export var MovableArea = function (props) {
+  var restProps = Object.assign({}, props); // @ts-ignore
 
-var MovableArea = function () {
-  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+  return /*#__PURE__*/React.createElement("v-movable-area", handleProps(restProps));
 };
-
-MovableArea.defaultProps = defaultMovableAreaProps;
-MovableArea.displayName = 'MovableArea';
+MovableArea.defaultProps = RemaxMovableArea.defaultProps;
 export default MovableArea;

package/lib/MovableArea/MovableArea.thing.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MovableAreaProps } from '@ray-js/adapter';
+declare const MovableArea: React.FC<MovableAreaProps>;
+export default MovableArea;

package/lib/MovableArea/MovableArea.thing.js

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

package/lib/MovableArea/MovableArea.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MovableAreaProps } from '@ray-js/adapter';
+declare const MovableArea: React.FC<MovableAreaProps>;
+export default MovableArea;

package/lib/MovableArea/MovableArea.wechat.js

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

package/lib/MovableArea/index.d.ts

@@ -1,3 +1,3 @@
 import MovableArea from './MovableArea';
-export * from './props';
+export type { MovableAreaProps } from '@ray-js/adapter';
 export default MovableArea;

package/lib/MovableArea/index.js

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

package/lib/MovableView/MovableView.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { MovableViewProps } from './props';
-declare const MovableView: React.FC<MovableViewProps>;
+import React from 'react';
+import { MovableViewProps } from '@ray-js/adapter';
+export declare const MovableView: React.FC<MovableViewProps>;
 export default MovableView;

package/lib/MovableView/MovableView.js

@@ -1,11 +1,40 @@
-import * as React from 'react';
-import { Text } from '@ray-js/components';
-import { defaultMovableViewProps } from './props';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["onChange", "onScale"];
+import React from 'react';
+import { useEventListener } from 'ahooks';
+import handleProps from '../utils/handleProps';
+import { MovableView as RemaxMovableView } from '@ray-js/adapter';
+export var MovableView = function (props) {
+  var onChange = props.onChange,
+      onScale = props.onScale,
+      restProps = _objectWithoutProperties(props, _excluded);
 
-var MovableView = function () {
-  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
-};
+  var currentNode = React.useRef(null);
+  useEventListener('change', function (e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({
+      type: 'change'
+    }, e.detail), {}, {
+      origin: e
+    }));
+  }, {
+    target: currentNode
+  });
+  useEventListener('scale', function (e) {
+    onScale === null || onScale === void 0 ? void 0 : onScale(_objectSpread(_objectSpread({
+      type: 'scale'
+    }, e.detail), {}, {
+      origin: e
+    }));
+  }, {
+    target: currentNode
+  }); // @ts-ignore
 
+  return /*#__PURE__*/React.createElement("v-movable-view", _extends({
+    ref: currentNode
+  }, handleProps(restProps)));
+};
 MovableView.displayName = 'MovableView';
-MovableView.defaultProps = defaultMovableViewProps;
+MovableView.defaultProps = RemaxMovableView.defaultProps;
 export default MovableView;

package/lib/MovableView/MovableView.thing.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MovableViewProps } from '@ray-js/adapter';
+declare const MovableView: React.FC<MovableViewProps>;
+export default MovableView;

package/lib/MovableView/MovableView.thing.js

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

package/lib/MovableView/MovableView.wechat.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { MovableViewProps } from '@ray-js/adapter';
+declare const MovableView: React.FC<MovableViewProps>;
+export default MovableView;

package/lib/MovableView/MovableView.wechat.js

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

package/lib/MovableView/index.d.ts

@@ -1,3 +1,3 @@
 import MovableView from './MovableView';
-export * from './props';
+export type { MovableViewProps } from '@ray-js/adapter';
 export default MovableView;

package/lib/MovableView/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/components",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Ray basic components",
   "keywords": [
     "ray"
@@ -26,8 +26,8 @@
   "dependencies": {
     "@ray-core/macro": "^0.1.3",
     "@ray-core/wechat": "^0.1.3",
-    "@ray-js/adapter": "^0.9.0",
-    "@ray-js/framework-shared": "^0.9.0",
+    "@ray-js/adapter": "^0.9.1",
+    "@ray-js/framework-shared": "^0.9.1",
     "ahooks": "^3.7.1",
     "clsx": "^1.1.1",
     "core-js": "^3.19.1",
@@ -37,7 +37,7 @@
     "style-to-object": "^0.3.0"
   },
   "devDependencies": {
-    "@ray-js/cli": "^0.9.0"
+    "@ray-js/cli": "^0.9.1"
   },
   "maintainers": [
     {
@@ -45,6 +45,6 @@
       "email": "tuyafe@tuya.com"
     }
   ],
-  "gitHead": "f8c08e7885e8f6cf6c9e0f52478b274b5e15c18d",
+  "gitHead": "df36c441ce238cbfd81d52852d5243fc39fb70fb",
   "repository": {}
 }

package/lib/MovableArea/MovableArea.web.d.ts

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

package/lib/MovableArea/MovableArea.web.js

@@ -1,11 +0,0 @@
-import "core-js/modules/es.object.assign.js";
-import React from 'react';
-import handleProps from '../utils/handleProps';
-import { defaultMovableAreaProps } from './props';
-export var MovableArea = function (props) {
-  var restProps = Object.assign({}, props); // @ts-ignore
-
-  return /*#__PURE__*/React.createElement("v-movable-area", handleProps(restProps));
-};
-MovableArea.defaultProps = defaultMovableAreaProps;
-export default MovableArea;

package/lib/MovableArea/props.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../types';
-export interface MovableAreaProps extends BaseProps {
-    /**
-     * @description.en React Children
-     * @description.zh React 子元素
-     * @default undefined
-     */
-    children?: React.ReactElement;
-    /**
-     * @description.en When the MovableView inside is set to support two-finger zoom, setting this value modifies the area where the zoom gesture takes effect to the entire movable-area
-     * @description.zh 当里面的 MovableView 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area
-     * @default false
-     */
-    scaleArea?: boolean;
-}
-export declare const defaultMovableAreaProps: {
-    scaleArea: boolean;
-};

package/lib/MovableArea/props.js

@@ -1,3 +0,0 @@
-export var defaultMovableAreaProps = {
-  scaleArea: false
-};

package/lib/MovableView/MovableView.web.d.ts

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

package/lib/MovableView/MovableView.web.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onChange", "onScale"];
-import React from 'react';
-import { useEventListener } from 'ahooks';
-import handleProps from '../utils/handleProps';
-import { defaultMovableViewProps } from './props';
-export var MovableView = function (props) {
-  var onChange = props.onChange,
-      onScale = props.onScale,
-      restProps = _objectWithoutProperties(props, _excluded);
-
-  var currentNode = React.useRef(null);
-  useEventListener('change', function (e) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({
-      type: 'change'
-    }, e.detail), {}, {
-      origin: e
-    }));
-  }, {
-    target: currentNode
-  });
-  useEventListener('scale', function (e) {
-    onScale === null || onScale === void 0 ? void 0 : onScale(_objectSpread(_objectSpread({
-      type: 'scale'
-    }, e.detail), {}, {
-      origin: e
-    }));
-  }, {
-    target: currentNode
-  }); // @ts-ignore
-
-  return /*#__PURE__*/React.createElement("v-movable-view", _extends({
-    ref: currentNode
-  }, handleProps(restProps)));
-};
-MovableView.displayName = 'MovableView';
-MovableView.defaultProps = defaultMovableViewProps;
-export default MovableView;

package/lib/MovableView/props.d.ts

@@ -1,109 +0,0 @@
-import React from 'react';
-import { BaseProps } from '../types';
-export declare type SourceOnChange = 'touch' | 'touchOutOfBounds' | 'outOfBounds' | 'friction' | '';
-export declare type EventOnChange = {
-    x: string;
-    y: string;
-    source: SourceOnChange;
-    type: 'change';
-};
-export declare type EventOnScale = {
-    x: string;
-    y: string;
-    scale: string;
-    type: 'scale';
-};
-export interface MovableViewProps extends BaseProps {
-    children?: React.ReactElement;
-    /**
-     * @description.en The moving direction of MovableView, the property values are all, vertical, horizontal, none
-     * @description.zh 移动方向，属性值有 all、vertical、horizontal、none
-     * @default none
-     */
-    direction?: string;
-    /**
-     * @description.en Whether with inertia
-     * @description.zh 是否带有惯性
-     * @default false
-     */
-    inertia?: boolean;
-    /**
-     * @description.en Is it possible to move beyond the moveable area
-     * @description.zh 超过可移动区域后，是否还可以移动
-     * @default false
-     */
-    outOfBounds?: boolean;
-    /**
-     * @description.en Defines an offset in the x-axis direction that will automatically move to the moveable range if the value of x is not in the moveable range. Changing the value of x will trigger an animation
-     * @description.zh 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围。改变 x 的值会触发动画
-     * @default 0
-     */
-    x?: number;
-    /**
-     * @description.en Defines an offset in the y-axis direction that will automatically move to the moveable range if the value of y is not in the moveable range. Changing the value of y will trigger an animation
-     * @description.zh 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围。改变 y 的值会触发动画
-     * @default 0
-     */
-    y?: number;
-    /**
-     * @description.en Damping factor, used to control the animation when x or y changes and the animation of over-bound rebound, the higher the value the faster the movement
-     * @description.zh 阻尼系数，用于控制 x 或 y 改变时的动画和过界回弹的动画，值越大移动越快
-     * @default 20
-     */
-    damping?: number;
-    /**
-     * @description.en Damping factor, used to control the animation when x or y changes and the animation of over-bound rebound, the higher the value the faster the movement
-     * @description.zh 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值
-     * @default 2
-     */
-    friction?: number;
-    /**
-     * @description.en Whether to disable
-     * @description.zh 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * @description.en Whether to support two-finger zoom, the default zoom gesture area is inside MovableView
-     * @description.zh 是否支持双指缩放，默认缩放手势生效区域是在 MovableView 内
-     * @default false
-     */
-    scale?: boolean;
-    /**
-     * @description.en Define the minimum value of the scaling multiplier
-     * @description.zh 定义缩放倍数最小值
-     * @default 0.5
-     */
-    scaleMin?: number;
-    /**
-     * @description.en Define the scaling multiplier maximum
-     * @description.zh 定义缩放倍数最大值
-     * @default 10
-     */
-    scaleMax?: number;
-    /**
-     * @description.en Defines the scaling multiplier, in the range of 0.5 - 10
-     * @description.zh 定义缩放倍数，取值范围为 0.5 - 10
-     * @default 1
-     */
-    scaleValue?: number;
-    /**
-     * @description.en Whether to use animation
-     * @description.zh 是否使用动画
-     * @default true
-     */
-    animation?: boolean;
-    /**
-     * @description.en Event triggered during dragging
-     * @description.zh 拖动过程中触发的事件
-     * @default undefined
-     */
-    onChange?: (evt: EventOnChange) => void;
-    /**
-     * @description.en Events triggered during scaling
-     * @description.zh 缩放过程中触发的事件
-     * @default undefined
-     */
-    onScale?: (evt: EventOnScale) => void;
-}
-export declare const defaultMovableViewProps: MovableViewProps;

package/lib/MovableView/props.js

@@ -1,15 +0,0 @@
-export var defaultMovableViewProps = {
-  direction: 'none',
-  inertia: false,
-  outOfBounds: false,
-  x: 0,
-  y: 0,
-  damping: 20,
-  friction: 2,
-  disabled: false,
-  scale: false,
-  scaleMin: 0.5,
-  scaleMax: 10,
-  scaleValue: 1,
-  animation: true
-};