@tarojs/components 3.5.7 → 3.6.0-canary.1

package/dist/collection/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { EventHandler, TaroEvent } from '../../../types'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n  if (confirmType === 'search') type = 'search'\n  if (password) type = 'password'\n  if (typeof type === 'undefined') {\n    return 'text';\n  }\n  if (!type) {\n    throw new Error('unexpected type')\n  }\n  if (type === 'digit') type = 'number'\n\n  return type\n}\n\nfunction fixControlledValue (value?: string) {\n  return value ?? ''\n}\n\n@Component({\n  tag: 'taro-input-core',\n  styleUrl: 'index.scss'\n})\nexport class Input implements ComponentInterface {\n  private inputRef: HTMLInputElement\n  private isOnComposition = false\n  private isOnPaste = false\n  private onInputExcuted = false\n  private fileListener: EventHandler\n\n  @Prop({ mutable: true }) value: string\n  @Prop() type: string\n  @Prop() password = false\n  @Prop() placeholder: string\n  @Prop() disabled = false\n  @Prop() maxlength = 140\n  @Prop({ attribute: 'focus', reflect: true }) autoFocus = false\n  @Prop() confirmType = 'done'\n  @Prop() name: string\n  @Prop() nativeProps = {}\n\n  @Element() el: HTMLElement\n\n  @Method()\n  focus() {\n    this.inputRef.focus()\n  }\n\n  @Watch('autoFocus')\n  watchAutoFocus (newValue: boolean, oldValue: boolean) {\n    if (!oldValue && newValue) {\n      this.inputRef?.focus()\n    }\n  }\n\n  @Watch('value')\n  watchValue (newValue: string) {\n    const value = fixControlledValue(newValue)\n    if (this.inputRef.value !== value) {\n      this.inputRef.value = value\n    }\n  }\n\n  @Event({\n    eventName: 'input'\n  }) onInput: EventEmitter\n\n  @Event({\n    eventName: 'paste'\n  }) onPaste: EventEmitter\n\n  @Event({\n    eventName: 'focus'\n  }) onFocus: EventEmitter\n\n  @Event({\n    eventName: 'blur'\n  }) onBlur: EventEmitter\n\n  @Event({\n    eventName: 'confirm'\n  }) onConfirm: EventEmitter\n\n  @Event({\n    eventName: 'change'\n  }) onChange: EventEmitter\n\n  @Event({\n    eventName: 'keydown'\n  }) onKeyDown: EventEmitter\n\n  componentDidLoad () {\n    if (this.type === 'file') {\n      this.fileListener = () => {\n        this.onInput.emit()\n      }\n      this.inputRef?.addEventListener('change', this.fileListener)\n    } else {\n      this.inputRef?.addEventListener('compositionstart', this.handleComposition)\n      this.inputRef?.addEventListener('compositionend', this.handleComposition)\n      this.inputRef?.addEventListener('beforeinput', this.handleBeforeinput)\n      this.inputRef?.addEventListener('textInput', this.handleBeforeinput)\n    }\n\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.inputRef.value,\n      set: value => (this.value = value),\n      configurable: true\n    })\n  }\n\n  disconnectedCallback () {\n    if (this.type === 'file') {\n      this.inputRef?.removeEventListener('change', this.fileListener)\n    } else {\n      this.inputRef?.removeEventListener('compositionstart', this.handleComposition)\n      this.inputRef?.removeEventListener('compositionend', this.handleComposition)\n      this.inputRef?.removeEventListener('beforeinput', this.handleBeforeinput)\n      this.inputRef?.removeEventListener('textInput', this.handleBeforeinput)\n    }\n  }\n\n  handleInput = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    const {\n      type,\n      maxlength,\n      confirmType,\n      password\n    } = this\n    if (!this.isOnComposition && !this.onInputExcuted) {\n      let value = e.target.value\n      const inputType = getTrueType(type, confirmType, password)\n      this.onInputExcuted = true\n      /* 修复 number 类型 maxlength 无效 */\n      if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {\n        value = value.substring(0, maxlength)\n        e.target.value = value\n      }\n\n      // 修复 IOS 光标跳转问题\n      // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n      //   const pos = e.target.selectionEnd\n      //   setTimeout(\n      //     () => {\n      //       e.target.selectionStart = pos\n      //       e.target.selectionEnd = pos\n      //     }\n      //   )\n      // }\n\n      this.value = value\n      this.onInput.emit({\n        value,\n        cursor: value.length\n      })\n      this.onInputExcuted = false\n    }\n  }\n\n  handlePaste = (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => {\n    e.stopPropagation()\n    this.isOnPaste = true\n    this.onPaste.emit({\n      value: e.target.value\n    })\n  }\n\n  handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onInputExcuted = false\n    this.onFocus.emit({\n      value: e.target.value\n    })\n  }\n\n  handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onBlur.emit({\n      value: e.target.value\n    })\n  }\n\n  handleChange = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    this.onChange.emit({\n      value: e.target.value\n    })\n\n    if (this.isOnPaste) {\n      this.isOnPaste = false\n      this.value = e.target.value\n      this.onInput.emit({\n        value: e.target.value,\n        cursor: e.target.value.length\n      })\n    }\n  }\n\n  handleKeyDown = (e: TaroEvent<HTMLInputElement> & KeyboardEvent) => {\n    e.stopPropagation()\n    const { value } = e.target\n    const keyCode = e.keyCode || e.code\n    this.onInputExcuted = false\n\n    this.onKeyDown.emit({\n      value,\n      cursor: value.length,\n      keyCode\n    })\n\n    keyCode === 13 && this.onConfirm.emit({ value })\n  }\n\n  handleComposition = (e: Event) => {\n    e.stopPropagation()\n    if (!(e.target instanceof HTMLInputElement)) return\n\n    if (e.type === 'compositionend') {\n      this.isOnComposition = false\n      this.value = e.target.value\n      this.onInput.emit({\n        value: e.target.value,\n        cursor: e.target.value.length\n      })\n    } else {\n      this.isOnComposition = true\n    }\n  }\n\n  handleBeforeinput = (e) => {\n    if (!e.data) return\n    const isNumber = e.data && /[0-9]/.test(e.data)\n    if (this.type === 'number' && !isNumber) {\n      e.preventDefault()\n    }\n    if (this.type === 'digit' && !isNumber) {\n      if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n        e.preventDefault()\n      }\n    }\n  }\n\n  render () {\n    const {\n      value,\n      type,\n      password,\n      placeholder,\n      autoFocus,\n      disabled,\n      maxlength,\n      confirmType,\n      name,\n      nativeProps\n    } = this\n\n    return (\n      <input\n        ref={input => {\n          this.inputRef = input!\n          if (autoFocus && input) input.focus()\n        }}\n        class='weui-input'\n        type={getTrueType(type, confirmType, password)}\n        placeholder={placeholder}\n        autoFocus={autoFocus}\n        disabled={disabled}\n        maxlength={maxlength}\n        name={name}\n        onInput={this.handleInput}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        onChange={this.handleChange}\n        onKeyDown={this.handleKeyDown}\n        onPaste={this.handlePaste}\n        onCompositionStart={this.handleComposition}\n        onCompositionEnd={this.handleComposition}\n        {...nativeProps}\n        value={fixControlledValue(value)}\n      />\n    )\n  }\n}\n"]}

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js

@@ -1,4 +1,4 @@
-import { Component, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class KeyboardAccessory {
   componentDidLoad() {
@@ -9,3 +9,4 @@ export class KeyboardAccessory {
   }
   static get is() { return "taro-keyboard-accessory-core"; }
 }
+//# sourceMappingURL=keyboard-accessory.js.map

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-accessory.js","sourceRoot":"","sources":["../../../src/components/keyboard-accessory/keyboard-accessory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,iBAAiB;EAC5B,gBAAgB;IACd,UAAU,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;EACvC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-keyboard-accessory-core'\n})\nexport class KeyboardAccessory implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('KeyboardAccessory', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/label/label.js

@@ -1,27 +1,32 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class Label {
+  constructor() {
+    this.for = undefined;
+  }
   render() {
-    return (h("label", { htmlFor: this.for },
-      h("slot", null)));
+    return (h("label", { htmlFor: this.for }, h("slot", null)));
   }
   static get is() { return "taro-label-core"; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "for",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "for",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=label.js.map

package/dist/collection/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,MAAM,eAAe,CAAA;AAKtE,MAAM,OAAO,KAAK;;;;EAGhB,MAAM;IACJ,OAAO,CACL,aAAO,OAAO,EAAE,IAAI,CAAC,GAAG;MACtB,eAAQ,CACF,CACT,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop } from '@stencil/core'\n\n@Component({\n  tag: 'taro-label-core'\n})\nexport class Label implements ComponentInterface {\n  @Prop() for: string\n\n  render () {\n    return (\n      <label htmlFor={this.for}>\n        <slot />\n      </label>\n    )\n  }\n}\n"]}

package/dist/collection/components/live-player/live-player.js

@@ -1,4 +1,4 @@
-import { Component, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class LivePlayer {
   componentDidLoad() {
@@ -9,3 +9,4 @@ export class LivePlayer {
   }
   static get is() { return "taro-live-player-core"; }
 }
+//# sourceMappingURL=live-player.js.map

package/dist/collection/components/live-player/live-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-player.js","sourceRoot":"","sources":["../../../src/components/live-player/live-player.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-live-player-core'\n})\nexport class LivePlayer implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePlayer', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/live-pusher/live-pusher.js

@@ -1,4 +1,4 @@
-import { Component, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class LivePusher {
   componentDidLoad() {
@@ -9,3 +9,4 @@ export class LivePusher {
   }
   static get is() { return "taro-live-pusher-core"; }
 }
+//# sourceMappingURL=live-pusher.js.map

package/dist/collection/components/live-pusher/live-pusher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-pusher.js","sourceRoot":"","sources":["../../../src/components/live-pusher/live-pusher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-live-pusher-core'\n})\nexport class LivePusher implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePusher', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/map/map.js

@@ -1,4 +1,4 @@
-import { Component, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class Map {
   componentDidLoad() {
@@ -9,3 +9,4 @@ export class Map {
   }
   static get is() { return "taro-map-core"; }
 }
+//# sourceMappingURL=map.js.map

package/dist/collection/components/map/map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sourceRoot":"","sources":["../../../src/components/map/map.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,GAAG;EACd,gBAAgB;IACd,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;EACzB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-map-core'\n})\nexport class Map implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Map', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/match-media/match-media.js

@@ -1,4 +1,4 @@
-import { Component, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class MatchMedia {
   componentDidLoad() {
@@ -9,3 +9,4 @@ export class MatchMedia {
   }
   static get is() { return "taro-match-media-core"; }
 }
+//# sourceMappingURL=match-media.js.map

package/dist/collection/components/match-media/match-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-media.js","sourceRoot":"","sources":["../../../src/components/match-media/match-media.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-match-media-core'\n})\nexport class MatchMedia implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('MatchMedia', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/movable-area/area.css

@@ -1,6 +1,6 @@
 taro-movable-area-core {
   display: block;
-  height: 10px;
-  width: 10px;
   position: relative;
+  width: 10px;
+  height: 10px;
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class MovableArea {
   constructor() {
     /** 子元素集合 */
@@ -110,6 +110,7 @@ export class MovableArea {
         });
       });
     };
+    this.scaleArea = undefined;
   }
   connectedCallback() {
     this.observer = new MutationObserver((mutations) => {
@@ -143,30 +144,37 @@ export class MovableArea {
     return (h(Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
   }
   static get is() { return "taro-movable-area-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./area.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["area.css"]
-  }; }
-  static get properties() { return {
-    "scaleArea": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5F53\u91CC\u9762\u7684 movable-view \u8BBE\u7F6E\u4E3A\u652F\u6301\u53CC\u6307\u7F29\u653E\u65F6\uFF0C\u8BBE\u7F6E\u6B64\u503C\u53EF\u5C06\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u4FEE\u6539\u4E3A\u6574\u4E2Amovable-area"
-      },
-      "attribute": "scale-area",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./area.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["area.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "scaleArea": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5F53\u91CC\u9762\u7684 movable-view \u8BBE\u7F6E\u4E3A\u652F\u6301\u53CC\u6307\u7F29\u653E\u65F6\uFF0C\u8BBE\u7F6E\u6B64\u503C\u53EF\u5C06\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u4FEE\u6539\u4E3A\u6574\u4E2Amovable-area"
+        },
+        "attribute": "scale-area",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=movable-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"movable-area.js","sourceRoot":"","sources":["../../../src/components/movable-area/movable-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-movable-area-core',\n  styleUrl: './area.scss'\n})\nexport class MovableArea {\n\n  /** \n   * 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area\n   */\n  @Prop() scaleArea: boolean\n\n  @Element() element: HTMLElement\n\n  /** 观察者 */\n  private observer?: MutationObserver\n  /** 子元素集合 */\n  private views: Array<HTMLElement> = []\n  /** 单个元素缩放时的目标元素 */\n  private scaleTarget?: HTMLElement\n  /** 手势缩放 */\n  private scaleLength: number = 0\n  /** 宽高 */\n  private offset?: { width: number; height: number; }\n\n  connectedCallback () {\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === \"class\" || mutation.attributeName === \"style\") {\n          const offsetWidth = this.element.offsetWidth\n          const offsetHeight = this.element.offsetHeight\n          if (offsetWidth !== this.offset?.width || offsetHeight !== this.offset?.height) {\n            this.updateArea()\n          }\n          this.offset = {\n            width: offsetWidth,\n            height: offsetHeight\n          }\n        }\n      })\n    })\n\n    this.observer.observe(this.element, {\n      attributes: true\n    })\n  }\n\n  disconnectedCallback () {\n    this.observer?.disconnect()\n  }\n\n  componentDidLoad () {\n    this.viewsChanged()\n  }\n\n  viewsChanged = () => {\n    this.views = []\n    const elements = this.element.querySelectorAll('taro-movable-view-core')\n    Array.from(elements).forEach((element) => {\n      this.views.push(element)\n    })\n    this.updateArea()\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height)\n    if (this.scaleArea) {\n      return\n    }\n\n    const find = (target: EventTarget, views: Array<HTMLElement>) => {\n      const loop = (e, t) => {\n        if (!(e = e.parentNode)) {\n          return false\n        }\n        return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t))\n      }\n\n      for (let i = 0; i < views.length; i++) {\n        const view = views[i]\n        if (target === view[\"element\"] || loop(target, view)) {\n          return view\n        }\n      }\n    }\n\n    const touch1 = find(touches[0].target, this.views)\n    const touch2 = find(touches[1].target, this.views)\n    this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n    e.preventDefault()\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    if (this.scaleLength > 0) {\n      this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength)\n    }\n  }\n\n  handleTouchEnd = (e: TouchEvent) => {\n    if ((e.touches && e.touches.length) || !e.changedTouches) {\n      return\n    }\n    this.scaleLength = 0\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"endScale\"]?.()\n      })\n    } else {\n      this.scaleTarget?.[\"endScale\"]?.()\n    }\n    this.scaleTarget = undefined\n  }\n\n  updateScale = (scale: number) => {\n    if (!scale || scale === 1) {\n      return\n    }\n\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"setScale\"]?.(scale)\n      })\n    } else {\n      this.scaleTarget?.[\"setScale\"]?.(scale)\n    }\n  }\n\n  updateArea = () => {\n    const computedStyle = window.getComputedStyle(this.element)\n    const clientRect = this.element.getBoundingClientRect()\n    const horizontal = [\"Left\", \"Right\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n    const vertical = [\"Top\", \"Bottom\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n\n    this.views.forEach((element) => {\n      element[\"setParent\"]?.({\n        element: this.element,\n        area: {\n          height: clientRect.height - vertical[0] - vertical[1],\n          width: clientRect.width - horizontal[0] - horizontal[1]\n        }\n      })\n    })\n  }\n\n  render () {\n    return (\n      <Host\n        onTouchStart={this.handleTouchStart}\n        onTouchMove={this.handleTouchMove}\n        onTouchEnd={this.handleTouchEnd}\n      />\n    )\n  }\n}\n"]}