@tarojs/components 3.5.7 → 3.6.0-canary.1

package/dist/collection/components/movable-area/movable-view.js

@@ -1,68 +1,6 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host, Prop, Event, Element, Watch, Method } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class MovableView {
   constructor() {
-    /**
-     * 定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画；单位支持px；
-     */
-    this.x = 0;
-    /**
-     * 定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画；单位支持px；
-     */
-    this.y = 0;
-    /**
-     * 移动方向，属性值有all、vertical、horizontal、none
-     */
-    this.direction = "none";
-    /**
-     * 超过可移动区域后，是否还可以移动
-     */
-    this.outOfBounds = false;
-    /**
-     * 是否带有惯性
-     */
-    this.inertia = false;
-    /**
-     * 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于0，否则会被设置成默认值
-     */
-    this.friction = 2;
-    /**
-     * 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快
-     */
-    this.damping = 20;
-    /**
-     * 是否禁用
-     */
-    this.disabled = false;
-    /**
-     * 是否支持双指缩放，默认缩放手势生效区域是在movable-view内
-     */
-    this.scale = false;
-    /**
-     * 定义缩放倍数最小值
-     */
-    this.scaleMin = .5;
-    /**
-     * 定义缩放倍数最大值
-     */
-    this.scaleMax = 10;
-    /**
-     * 定义缩放倍数，取值范围为 0.5 - 10
-     */
-    this.scaleValue = 1;
-    /**
-     * 是否使用动画
-     */
-    this.animation = true;
     /** 当前水平偏移 */
     this.translateX = 0;
     /** 当前垂直偏移 */
@@ -249,6 +187,19 @@ export class MovableView {
       const y = touch.screenY - this.origin.y;
       this.setTransform(this.xMove ? (x + this.baseX) : 0, this.yMove ? (y + this.baseY) : 0);
     };
+    this.x = 0;
+    this.y = 0;
+    this.direction = "none";
+    this.outOfBounds = false;
+    this.inertia = false;
+    this.friction = 2;
+    this.damping = 20;
+    this.disabled = false;
+    this.scale = false;
+    this.scaleMin = .5;
+    this.scaleMax = 10;
+    this.scaleValue = 1;
+    this.animation = true;
   }
   watchX(newValue) {
     this.setTransform(parseFloat(`${newValue || 0}`), this.translateY);
@@ -273,38 +224,32 @@ export class MovableView {
   /**
    * 设置父节点
    */
-  setParent({ element, area }) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const scale = this.scale ? this.scaleValue : 1;
-      this.area = area;
-      this.parent = element;
-      this.updateOffset();
-      this.updateScaleOffset(scale);
-      this.updateBoundary();
-      this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, "", true);
-      this.setOriginScale(scale);
-    });
+  async setParent({ element, area }) {
+    const scale = this.scale ? this.scaleValue : 1;
+    this.area = area;
+    this.parent = element;
+    this.updateOffset();
+    this.updateScaleOffset(scale);
+    this.updateBoundary();
+    this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, "", true);
+    this.setOriginScale(scale);
   }
   /**
    * 结束缩放
    */
-  endScale() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.scaling = false;
-      this.setOriginScale(this.currentScale);
-    });
+  async endScale() {
+    this.scaling = false;
+    this.setOriginScale(this.currentScale);
   }
   /**
    * 更新缩放
    */
-  setScale(scale) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (!this.scale) {
-        return;
-      }
-      this.scaling = true;
-      this.updateScale(scale * this.originScale);
-    });
+  async setScale(scale) {
+    if (!this.scale) {
+      return;
+    }
+    this.scaling = true;
+    this.updateScale(scale * this.originScale);
   }
   connectedCallback() {
     this.observer = new MutationObserver((mutations) => {
@@ -359,383 +304,396 @@ export class MovableView {
     return (h(Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
   }
   static get is() { return "taro-movable-view-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./view.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["view.css"]
-  }; }
-  static get properties() { return {
-    "x": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "number | string",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5B9A\u4E49x\u8F74\u65B9\u5411\u7684\u504F\u79FB\uFF0C\u5982\u679Cx\u7684\u503C\u4E0D\u5728\u53EF\u79FB\u52A8\u8303\u56F4\u5185\uFF0C\u4F1A\u81EA\u52A8\u79FB\u52A8\u5230\u53EF\u79FB\u52A8\u8303\u56F4\uFF1B\u6539\u53D8x\u7684\u503C\u4F1A\u89E6\u53D1\u52A8\u753B\uFF1B\u5355\u4F4D\u652F\u6301px\uFF1B"
-      },
-      "attribute": "x",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "y": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "number | string",
-        "resolved": "number | string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5B9A\u4E49y\u8F74\u65B9\u5411\u7684\u504F\u79FB\uFF0C\u5982\u679Cy\u7684\u503C\u4E0D\u5728\u53EF\u79FB\u52A8\u8303\u56F4\u5185\uFF0C\u4F1A\u81EA\u52A8\u79FB\u52A8\u5230\u53EF\u79FB\u52A8\u8303\u56F4\uFF1B\u6539\u53D8y\u7684\u503C\u4F1A\u89E6\u53D1\u52A8\u753B\uFF1B\u5355\u4F4D\u652F\u6301px\uFF1B"
-      },
-      "attribute": "y",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"all\" | \"vertical\" | \"horizontal\" | \"none\"",
-        "resolved": "\"all\" | \"horizontal\" | \"none\" | \"vertical\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u79FB\u52A8\u65B9\u5411\uFF0C\u5C5E\u6027\u503C\u6709all\u3001vertical\u3001horizontal\u3001none"
-      },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "\"none\""
-    },
-    "outOfBounds": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u8D85\u8FC7\u53EF\u79FB\u52A8\u533A\u57DF\u540E\uFF0C\u662F\u5426\u8FD8\u53EF\u4EE5\u79FB\u52A8"
-      },
-      "attribute": "out-of-bounds",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "inertia": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u5E26\u6709\u60EF\u6027"
-      },
-      "attribute": "inertia",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "friction": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u6469\u64E6\u7CFB\u6570\uFF0C\u7528\u4E8E\u63A7\u5236\u60EF\u6027\u6ED1\u52A8\u7684\u52A8\u753B\uFF0C\u503C\u8D8A\u5927\u6469\u64E6\u529B\u8D8A\u5927\uFF0C\u6ED1\u52A8\u8D8A\u5FEB\u505C\u6B62\uFF1B\u5FC5\u987B\u5927\u4E8E0\uFF0C\u5426\u5219\u4F1A\u88AB\u8BBE\u7F6E\u6210\u9ED8\u8BA4\u503C"
-      },
-      "attribute": "friction",
-      "reflect": false,
-      "defaultValue": "2"
-    },
-    "damping": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u963B\u5C3C\u7CFB\u6570\uFF0C\u7528\u4E8E\u63A7\u5236x\u6216y\u6539\u53D8\u65F6\u7684\u52A8\u753B\u548C\u8FC7\u754C\u56DE\u5F39\u7684\u52A8\u753B\uFF0C\u503C\u8D8A\u5927\u79FB\u52A8\u8D8A\u5FEB"
-      },
-      "attribute": "damping",
-      "reflect": false,
-      "defaultValue": "20"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u7981\u7528"
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "scale": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u652F\u6301\u53CC\u6307\u7F29\u653E\uFF0C\u9ED8\u8BA4\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u662F\u5728movable-view\u5185"
-      },
-      "attribute": "scale",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "scaleMin": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\u6700\u5C0F\u503C"
-      },
-      "attribute": "scale-min",
-      "reflect": false,
-      "defaultValue": ".5"
-    },
-    "scaleMax": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\u6700\u5927\u503C"
-      },
-      "attribute": "scale-max",
-      "reflect": false,
-      "defaultValue": "10"
-    },
-    "scaleValue": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\uFF0C\u53D6\u503C\u8303\u56F4\u4E3A 0.5 - 10"
-      },
-      "attribute": "scale-value",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "animation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u662F\u5426\u4F7F\u7528\u52A8\u753B"
-      },
-      "attribute": "animation",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
-  static get events() { return [{
-      "method": "onChange",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "\u62D6\u52A8\u8FC7\u7A0B\u4E2D\u89E6\u53D1\u7684\u4E8B\u4EF6\uFF0Cevent.detail = {x, y, source}"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onScale",
-      "name": "scale",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "\u7F29\u653E\u8FC7\u7A0B\u4E2D\u89E6\u53D1\u7684\u4E8B\u4EF6\uFF0Cevent.detail = {x, y, scale}\uFF0Cx\u548Cy\u5B57\u6BB5\u57282.1.0\u4E4B\u540E\u652F\u6301"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onHTouchMove",
-      "name": "htouchmove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "\u521D\u6B21\u624B\u6307\u89E6\u6478\u540E\u79FB\u52A8\u4E3A\u6A2A\u5411\u7684\u79FB\u52A8\u65F6\u89E6\u53D1\uFF0C\u5982\u679Ccatch\u6B64\u4E8B\u4EF6\uFF0C\u5219\u610F\u5473\u7740touchmove\u4E8B\u4EF6\u4E5F\u88ABcatch"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onVTouchMove",
-      "name": "vtouchmove",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "\u521D\u6B21\u624B\u6307\u89E6\u6478\u540E\u79FB\u52A8\u4E3A\u7EB5\u5411\u7684\u79FB\u52A8\u65F6\u89E6\u53D1\uFF0C\u5982\u679Ccatch\u6B64\u4E8B\u4EF6\uFF0C\u5219\u610F\u5473\u7740touchmove\u4E8B\u4EF6\u4E5F\u88ABcatch"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["./view.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["view.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "x": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "number | string",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5B9A\u4E49x\u8F74\u65B9\u5411\u7684\u504F\u79FB\uFF0C\u5982\u679Cx\u7684\u503C\u4E0D\u5728\u53EF\u79FB\u52A8\u8303\u56F4\u5185\uFF0C\u4F1A\u81EA\u52A8\u79FB\u52A8\u5230\u53EF\u79FB\u52A8\u8303\u56F4\uFF1B\u6539\u53D8x\u7684\u503C\u4F1A\u89E6\u53D1\u52A8\u753B\uFF1B\u5355\u4F4D\u652F\u6301px\uFF1B"
+        },
+        "attribute": "x",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "y": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "number | string",
+          "resolved": "number | string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5B9A\u4E49y\u8F74\u65B9\u5411\u7684\u504F\u79FB\uFF0C\u5982\u679Cy\u7684\u503C\u4E0D\u5728\u53EF\u79FB\u52A8\u8303\u56F4\u5185\uFF0C\u4F1A\u81EA\u52A8\u79FB\u52A8\u5230\u53EF\u79FB\u52A8\u8303\u56F4\uFF1B\u6539\u53D8y\u7684\u503C\u4F1A\u89E6\u53D1\u52A8\u753B\uFF1B\u5355\u4F4D\u652F\u6301px\uFF1B"
+        },
+        "attribute": "y",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"all\" | \"vertical\" | \"horizontal\" | \"none\"",
+          "resolved": "\"all\" | \"horizontal\" | \"none\" | \"vertical\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u79FB\u52A8\u65B9\u5411\uFF0C\u5C5E\u6027\u503C\u6709all\u3001vertical\u3001horizontal\u3001none"
+        },
+        "attribute": "direction",
+        "reflect": false,
+        "defaultValue": "\"none\""
+      },
+      "outOfBounds": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u8D85\u8FC7\u53EF\u79FB\u52A8\u533A\u57DF\u540E\uFF0C\u662F\u5426\u8FD8\u53EF\u4EE5\u79FB\u52A8"
+        },
+        "attribute": "out-of-bounds",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "inertia": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u5E26\u6709\u60EF\u6027"
+        },
+        "attribute": "inertia",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "friction": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u6469\u64E6\u7CFB\u6570\uFF0C\u7528\u4E8E\u63A7\u5236\u60EF\u6027\u6ED1\u52A8\u7684\u52A8\u753B\uFF0C\u503C\u8D8A\u5927\u6469\u64E6\u529B\u8D8A\u5927\uFF0C\u6ED1\u52A8\u8D8A\u5FEB\u505C\u6B62\uFF1B\u5FC5\u987B\u5927\u4E8E0\uFF0C\u5426\u5219\u4F1A\u88AB\u8BBE\u7F6E\u6210\u9ED8\u8BA4\u503C"
+        },
+        "attribute": "friction",
+        "reflect": false,
+        "defaultValue": "2"
+      },
+      "damping": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u963B\u5C3C\u7CFB\u6570\uFF0C\u7528\u4E8E\u63A7\u5236x\u6216y\u6539\u53D8\u65F6\u7684\u52A8\u753B\u548C\u8FC7\u754C\u56DE\u5F39\u7684\u52A8\u753B\uFF0C\u503C\u8D8A\u5927\u79FB\u52A8\u8D8A\u5FEB"
+        },
+        "attribute": "damping",
+        "reflect": false,
+        "defaultValue": "20"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u7981\u7528"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "scale": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u652F\u6301\u53CC\u6307\u7F29\u653E\uFF0C\u9ED8\u8BA4\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u662F\u5728movable-view\u5185"
+        },
+        "attribute": "scale",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "scaleMin": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\u6700\u5C0F\u503C"
+        },
+        "attribute": "scale-min",
+        "reflect": false,
+        "defaultValue": ".5"
+      },
+      "scaleMax": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\u6700\u5927\u503C"
+        },
+        "attribute": "scale-max",
+        "reflect": false,
+        "defaultValue": "10"
+      },
+      "scaleValue": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5B9A\u4E49\u7F29\u653E\u500D\u6570\uFF0C\u53D6\u503C\u8303\u56F4\u4E3A 0.5 - 10"
+        },
+        "attribute": "scale-value",
+        "reflect": false,
+        "defaultValue": "1"
+      },
+      "animation": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u662F\u5426\u4F7F\u7528\u52A8\u753B"
+        },
+        "attribute": "animation",
+        "reflect": false,
+        "defaultValue": "true"
       }
-    }]; }
-  static get methods() { return {
-    "setParent": {
-      "complexType": {
-        "signature": "({ element, area }: { element: HTMLElement; area: { width: number; height: number; }; }) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onChange",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "\u62D6\u52A8\u8FC7\u7A0B\u4E2D\u89E6\u53D1\u7684\u4E8B\u4EF6\uFF0Cevent.detail = {x, y, source}"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onScale",
+        "name": "scale",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "\u7F29\u653E\u8FC7\u7A0B\u4E2D\u89E6\u53D1\u7684\u4E8B\u4EF6\uFF0Cevent.detail = {x, y, scale}\uFF0Cx\u548Cy\u5B57\u6BB5\u57282.1.0\u4E4B\u540E\u652F\u6301"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onHTouchMove",
+        "name": "htouchmove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "\u521D\u6B21\u624B\u6307\u89E6\u6478\u540E\u79FB\u52A8\u4E3A\u6A2A\u5411\u7684\u79FB\u52A8\u65F6\u89E6\u53D1\uFF0C\u5982\u679Ccatch\u6B64\u4E8B\u4EF6\uFF0C\u5219\u610F\u5473\u7740touchmove\u4E8B\u4EF6\u4E5F\u88ABcatch"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onVTouchMove",
+        "name": "vtouchmove",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "\u521D\u6B21\u624B\u6307\u89E6\u6478\u540E\u79FB\u52A8\u4E3A\u7EB5\u5411\u7684\u79FB\u52A8\u65F6\u89E6\u53D1\uFF0C\u5982\u679Ccatch\u6B64\u4E8B\u4EF6\uFF0C\u5219\u610F\u5473\u7740touchmove\u4E8B\u4EF6\u4E5F\u88ABcatch"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setParent": {
+        "complexType": {
+          "signature": "({ element, area }: { element: HTMLElement; area: { width: number; height: number; }; }) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
           },
-          "HTMLElement": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u8BBE\u7F6E\u7236\u8282\u70B9",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u8BBE\u7F6E\u7236\u8282\u70B9",
-        "tags": []
-      }
-    },
-    "endScale": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "endScale": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "\u7ED3\u675F\u7F29\u653E",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "\u7ED3\u675F\u7F29\u653E",
-        "tags": []
-      }
-    },
-    "setScale": {
-      "complexType": {
-        "signature": "(scale: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "setScale": {
+        "complexType": {
+          "signature": "(scale: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "\u66F4\u65B0\u7F29\u653E",
-        "tags": []
+        "docs": {
+          "text": "\u66F4\u65B0\u7F29\u653E",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "x",
-      "methodName": "watchX"
-    }, {
-      "propName": "y",
-      "methodName": "watchY"
-    }, {
-      "propName": "scaleMin",
-      "methodName": "watchScaleMinOrMax"
-    }, {
-      "propName": "scaleMax",
-      "methodName": "watchScaleMinOrMax"
-    }, {
-      "propName": "scaleValue",
-      "methodName": "watchScaleValue"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "x",
+        "methodName": "watchX"
+      }, {
+        "propName": "y",
+        "methodName": "watchY"
+      }, {
+        "propName": "scaleMin",
+        "methodName": "watchScaleMinOrMax"
+      }, {
+        "propName": "scaleMax",
+        "methodName": "watchScaleMinOrMax"
+      }, {
+        "propName": "scaleValue",
+        "methodName": "watchScaleValue"
+      }];
+  }
 }
+//# sourceMappingURL=movable-view.js.map