@ray-js/components 0.4.6-beta-3 → 0.4.8

package/lib/Button/Button.js

@@ -6,7 +6,7 @@ var Button = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-button", handleProps(props), props.children)
+    React.createElement("v-button", handleProps(props), props.children)
   );
 };
 

package/lib/Button/Button.web.js

@@ -6,7 +6,7 @@ var Button = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-button", handleProps(props), props.children)
+    React.createElement("v-button", handleProps(props), props.children)
   );
 };
 

package/lib/Checkbox/Checkbox.js

@@ -3,7 +3,7 @@ import handleProps from '../utils/handleProps';
 
 var Checkbox = function (props) {
   // @ts-ignore
-  return /*#__PURE__*/React.createElement("ty-checkbox", handleProps(props));
+  return /*#__PURE__*/React.createElement("v-checkbox", handleProps(props));
 };
 
 Checkbox.displayName = 'Checkbox';

package/lib/Checkbox/Checkbox.web.js

@@ -3,7 +3,7 @@ import handleProps from '../utils/handleProps';
 
 var Checkbox = function (props) {
   // @ts-ignore
-  return /*#__PURE__*/React.createElement("ty-checkbox", handleProps(props));
+  return /*#__PURE__*/React.createElement("v-checkbox", handleProps(props));
 };
 
 Checkbox.displayName = 'Checkbox';

package/lib/CheckboxGroup/CheckboxGroup.js

@@ -29,7 +29,7 @@ var CheckboxGroup = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-checkbox-group", _extends({
+    React.createElement("v-checkbox-group", _extends({
       ref: currentNode
     }, handleProps(props)), children || function renderOptions() {
       return options.map(function (item, index) {

package/lib/CheckboxGroup/CheckboxGroup.web.js

@@ -29,7 +29,7 @@ var CheckboxGroup = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-checkbox-group", _extends({
+    React.createElement("v-checkbox-group", _extends({
       ref: currentNode
     }, handleProps(props)), children || function renderOptions() {
       return options.map(function (item, index) {

package/lib/DatePicker/DatePicker.js

@@ -50,7 +50,7 @@ var DatePicker = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-picker", _extends({}, handleProps(props), handlers, {
+    React.createElement("v-picker", _extends({}, handleProps(props), handlers, {
       ref: currentNode,
       mode: "date"
     }), children)

package/lib/DatePicker/DatePicker.web.js

@@ -50,7 +50,7 @@ var DatePicker = function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-picker", _extends({}, handleProps(props), handlers, {
+    React.createElement("v-picker", _extends({}, handleProps(props), handlers, {
       ref: currentNode,
       mode: "date"
     }), children)

package/lib/Form/Form.js

@@ -29,7 +29,7 @@ var Form = function (props) {
     target: currentNode
   }); // @ts-ignore
 
-  return /*#__PURE__*/React.createElement("ty-form", _extends({
+  return /*#__PURE__*/React.createElement("v-form", _extends({
     ref: currentNode
   }, handleProps(restProps)));
 };

package/lib/Form/Form.web.js

@@ -29,7 +29,7 @@ var Form = function (props) {
     target: currentNode
   }); // @ts-ignore
 
-  return /*#__PURE__*/React.createElement("ty-form", _extends({
+  return /*#__PURE__*/React.createElement("v-form", _extends({
     ref: currentNode
   }, handleProps(restProps)));
 };

package/lib/Image/Image.js

@@ -30,7 +30,7 @@ var Image = /*#__PURE__*/React.forwardRef(function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-image", _extends({}, handleProps(props), {
+    React.createElement("v-image", _extends({}, handleProps(props), {
       ref: currentNode
     }))
   );

package/lib/Image/Image.web.js

@@ -30,7 +30,7 @@ var Image = /*#__PURE__*/React.forwardRef(function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-image", _extends({}, handleProps(props), {
+    React.createElement("v-image", _extends({}, handleProps(props), {
       ref: currentNode
     }))
   );

package/lib/Input/Input.js

@@ -55,7 +55,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-input", _extends({}, handleProps(restProps), {
+    React.createElement("v-input", _extends({}, handleProps(restProps), {
       maxlength: maxLength,
       onInput: function (e) {
         var _props$onInput;

package/lib/Input/Input.web.js

@@ -55,7 +55,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React.createElement("ty-input", _extends({}, handleProps(restProps), {
+    React.createElement("v-input", _extends({}, handleProps(restProps), {
       maxlength: maxLength,
       onInput: function (e) {
         var _props$onInput;

package/lib/Label/Label.js

@@ -9,7 +9,7 @@ var Label = function (props) {
       restProps = _objectWithoutProperties(props, _excluded); // @ts-ignore
 
 
-  return /*#__PURE__*/React.createElement("ty-label", _extends({
+  return /*#__PURE__*/React.createElement("v-label", _extends({
     for: htmlFor
   }, handleProps(restProps)));
 };

package/lib/Label/Label.web.js

@@ -9,7 +9,7 @@ var Label = function (props) {
       restProps = _objectWithoutProperties(props, _excluded); // @ts-ignore
 
 
-  return /*#__PURE__*/React.createElement("ty-label", _extends({
+  return /*#__PURE__*/React.createElement("v-label", _extends({
     for: htmlFor
   }, handleProps(restProps)));
 };

package/lib/MovableArea/MovableArea.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));var _components=require("@ray-js/components");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/MovableArea/MovableArea.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 MovableArea=function(){return React.createElement(_components.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:10}},"\u6682\u672A\u5B9E\u73B0");};MovableArea.defaultProps=_props.defaultMovableAreaProps;MovableArea.displayName='MovableArea';var _default=MovableArea;exports.default=_default;

package/lib/MovableArea/MovableArea.d.ts

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

package/lib/MovableArea/MovableArea.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));var _components=require("@ray-js/components");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/MovableArea/MovableArea.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 MovableArea=function(){return React.createElement(_components.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:10}},"\u6682\u672A\u5B9E\u73B0");};MovableArea.defaultProps=_props.defaultMovableAreaProps;MovableArea.displayName='MovableArea';var _default=MovableArea;exports.default=_default;

package/lib/MovableArea/MovableArea.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableAreaProps } from './props';
+
+var MovableArea = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableArea.defaultProps = defaultMovableAreaProps;
+MovableArea.displayName = 'MovableArea';
+export default MovableArea;

package/lib/MovableArea/MovableArea.tuya.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableAreaProps } from './props';
+
+var MovableArea = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableArea.defaultProps = defaultMovableAreaProps;
+MovableArea.displayName = 'MovableArea';
+export default MovableArea;

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

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

package/lib/MovableArea/MovableArea.web.js

@@ -0,0 +1,11 @@
+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/MovableArea.wechat.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableAreaProps } from './props';
+
+var MovableArea = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableArea.defaultProps = defaultMovableAreaProps;
+MovableArea.displayName = 'MovableArea';
+export default MovableArea;

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

package/lib/MovableArea/index.d.ts

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

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

package/lib/MovableArea/index.js

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

package/lib/MovableArea/index.md

@@ -0,0 +1,23 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# MovableArea
+
+MovableView 的可移动区域。
+
+## 导入
+
+```js
+import { MovableArea } from '@ray-js/components'
+```
+
+## 属性说明
+
+| 属性 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| scaleArea | boolean | false | 否 | 当里面的 MovableView 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 MovableArea | Web |

package/lib/MovableArea/index.tuya.js

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

package/lib/MovableArea/index.web.js

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

package/lib/MovableArea/index.wechat.js

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

package/lib/MovableArea/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultMovableAreaProps=void 0;var defaultMovableAreaProps={scaleArea:false};exports.defaultMovableAreaProps=defaultMovableAreaProps;

package/lib/MovableArea/props.d.ts

@@ -0,0 +1,19 @@
+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.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultMovableAreaProps=void 0;var defaultMovableAreaProps={scaleArea:false};exports.defaultMovableAreaProps=defaultMovableAreaProps;

package/lib/MovableArea/props.js

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

package/lib/MovableArea/props.tuya.js

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

package/lib/MovableArea/props.web.js

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

package/lib/MovableArea/props.wechat.js

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

package/lib/MovableView/MovableView.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));var _components=require("@ray-js/components");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/MovableView/MovableView.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 MovableView=function(){return React.createElement(_components.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:10}},"\u6682\u672A\u5B9E\u73B0");};MovableView.displayName='MovableView';MovableView.defaultProps=_props.defaultMovableViewProps;var _default=MovableView;exports.default=_default;

package/lib/MovableView/MovableView.d.ts

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

package/lib/MovableView/MovableView.ios.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var React=_interopRequireWildcard(require("react"));var _components=require("@ray-js/components");var _props=require("./props");var _this=this,_jsxFileName="/drone/src/packages/components/src/MovableView/MovableView.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 MovableView=function(){return React.createElement(_components.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:6,columnNumber:10}},"\u6682\u672A\u5B9E\u73B0");};MovableView.displayName='MovableView';MovableView.defaultProps=_props.defaultMovableViewProps;var _default=MovableView;exports.default=_default;

package/lib/MovableView/MovableView.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableViewProps } from './props';
+
+var MovableView = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableView.displayName = 'MovableView';
+MovableView.defaultProps = defaultMovableViewProps;
+export default MovableView;

package/lib/MovableView/MovableView.tuya.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableViewProps } from './props';
+
+var MovableView = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableView.displayName = 'MovableView';
+MovableView.defaultProps = defaultMovableViewProps;
+export default MovableView;

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

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

package/lib/MovableView/MovableView.web.js

@@ -0,0 +1,40 @@
+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/MovableView.wechat.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Text } from '@ray-js/components';
+import { defaultMovableViewProps } from './props';
+
+var MovableView = function () {
+  return /*#__PURE__*/React.createElement(Text, null, "\u6682\u672A\u5B9E\u73B0");
+};
+
+MovableView.displayName = 'MovableView';
+MovableView.defaultProps = defaultMovableViewProps;
+export default MovableView;

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

package/lib/MovableView/index.d.ts

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

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

package/lib/MovableView/index.js

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

package/lib/MovableView/index.md

@@ -0,0 +1,61 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 视图容器
+---
+
+# MovableView
+
+可移动的视图容器，在页面中可以拖拽滑动。MovableView 必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动。
+
+## 导入
+
+```js
+import { MovableView } from '@ray-js/components'
+```
+
+## 示例代码
+
+<code src="./demos/basic.tsx" title="基本使用" background="#f2f4f6" height="500px" />
+
+<code src="./demos/horizontal" title="只可以横向移动" background="#f2f4f6" height="500px" />
+
+<code src="./demos/vertical.tsx" title="只可以纵向移动" background="#f2f4f6" height="500px" />
+
+<code src="./demos/outOfBounds.tsx" title="可超出边界" background="#f2f4f6" height="500px" />
+
+<code src="./demos/inertia.tsx" title="带有惯性" background="#f2f4f6" height="500px" />
+
+<code src="./demos/scale.tsx" title="可缩放" background="#f2f4f6" height="500px" />
+
+## 属性说明
+
+| 属性名 | 类型 | 默认值 | 必填 | 说明 | 支持平台 |
+| --- | --- | --- | --- | --- | --- |
+| direction | string | none | 否 | MovableView 的移动方向，属性值有 all、vertical、horizontal、none | Web |
+| inertia | boolean | false | 否 | MovableView 是否带有惯性 | Web |
+| outOfBounds | boolean | false | 否 | 超过可移动区域后，movable-view 是否还可以移动 | Web |
+| x | number | 0 | 否 | 定义 x 轴方向的偏移，如果 x 的值不在可移动范围内，会自动移动到可移动范围。改变 x 的值会触发动画 | Web |
+| y | number | 0 | 否 | 定义 y 轴方向的偏移，如果 y 的值不在可移动范围内，会自动移动到可移动范围。改变 y 的值会触发动画 | Web |
+| damping | number | 20 | 否 | 阻尼系数，用于控制 x 或 y 改变时的动画和过界回弹的动画，值越大移动越快 | Web |
+| friction | number | 2 | 否 | 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于 0，否则会被设置成默认值 | Web |
+| disabled | boolean | false | 否 | 是否禁用 | Web |
+| scale | boolean | false | 否 | 是否支持双指缩放，默认缩放手势生效区域是在 MovableView 内 | Web |
+| scaleMin | number | 0.5 | 否 | 定义缩放倍数最小值 | Web |
+| scaleMax | number | 10 | 否 | 定义缩放倍数最大值 | Web |
+| scaleValue | number | 1 | 否 | 定义缩放倍数，取值范围为 0.5 - 10 | Web |
+| animation | boolean | true | 否 | 是否使用动画 | Web |
+| onChange | eventhandle |  | 否 | 拖动过程中触发的事件，event.detail = {x, y, source} | Web |
+| onScale | eventhandle |  | 否 | 缩放过程中触发的事件，event.detail = {x, y, scale} | Web |
+
+**`onChange` 返回的 `source` 表示产生移动的原因**
+
+| 值               | 说明                 |
+| ---------------- | -------------------- |
+| touch            | 拖动                 |
+| touchOutOfBounds | 超出移动范围         |
+| outOfBounds      | 超出移动范围后的回弹 |
+| friction         | 惯性                 |
+| 空字符串         | setData              |

package/lib/MovableView/index.tuya.js

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

package/lib/MovableView/index.web.js

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

package/lib/MovableView/index.wechat.js

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

package/lib/MovableView/props.android.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.defaultMovableViewProps=void 0;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};exports.defaultMovableViewProps=defaultMovableViewProps;