@tarojs/components 3.5.7 → 3.6.0-canary.1

package/dist/collection/components/picker/picker-group.js

@@ -1,9 +1,20 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, Host, State, Listen } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { TOP, LINE_HEIGHT, MASK_HEIGHT } from './constant';
 export class TaroPickerGroup {
   constructor() {
+    this.mode = undefined;
     this.range = [];
+    this.rangeKey = undefined;
+    this.height = undefined;
+    this.columnId = undefined;
+    this.updateHeight = undefined;
+    this.onColumnChange = undefined;
+    this.updateDay = undefined;
+    this.startY = undefined;
+    this.preY = undefined;
+    this.hadMove = undefined;
+    this.touchEnd = undefined;
+    this.isMove = undefined;
   }
   getPosition() {
     const transition = this.touchEnd ? 0.3 : 0;
@@ -164,191 +175,244 @@ export class TaroPickerGroup {
       const content = rangeKey ? item[rangeKey] : item;
       return (h("div", { class: 'weui-picker__item' }, content));
     });
-    return (h(Host, { class: 'weui-picker__group' },
-      h("div", { class: 'weui-picker__mask' }),
-      h("div", { class: 'weui-picker__indicator' }),
-      h("div", { class: 'weui-picker__content', style: this.getPosition() }, pickerItem)));
+    return (h(Host, { class: 'weui-picker__group' }, h("div", { class: 'weui-picker__mask' }), h("div", { class: 'weui-picker__indicator' }), h("div", { class: 'weui-picker__content', style: this.getPosition() }, pickerItem)));
   }
   static get is() { return "taro-picker-group"; }
-  static get properties() { return {
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'time' | 'date'",
-        "resolved": "\"date\" | \"time\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mode",
-      "reflect": false
-    },
-    "range": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "rangeKey": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get properties() {
+    return {
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'time' | 'date'",
+          "resolved": "\"date\" | \"time\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mode",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "range": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "any[]",
+          "resolved": "any[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "attribute": "range-key",
-      "reflect": false
-    },
-    "height": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "rangeKey": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "range-key",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "height": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": false
       },
-      "attribute": "height",
-      "reflect": false
-    },
-    "columnId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "columnId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "column-id",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "updateHeight": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(height: number, columnId: string, needRevise?: boolean) => void",
+          "resolved": "(height: number, columnId: string, needRevise?: boolean | undefined) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "attribute": "column-id",
-      "reflect": false
-    },
-    "updateHeight": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(height: number, columnId: string, needRevise?: boolean) => void",
-        "resolved": "(height: number, columnId: string, needRevise?: boolean | undefined) => void",
-        "references": {}
+      "onColumnChange": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(height: number, columnId: string) => void",
+          "resolved": "(height: number, columnId: string) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "updateDay": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(value: number, fields: number) => void",
+          "resolved": "(value: number, fields: number) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       }
-    },
-    "onColumnChange": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(height: number, columnId: string) => void",
-        "resolved": "(height: number, columnId: string) => void",
-        "references": {}
+    };
+  }
+  static get states() {
+    return {
+      "startY": {},
+      "preY": {},
+      "hadMove": {},
+      "touchEnd": {},
+      "isMove": {}
+    };
+  }
+  static get methods() {
+    return {
+      "handleMoveStart": {
+        "complexType": {
+          "signature": "(clientY: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "updateDay": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(value: number, fields: number) => void",
-        "resolved": "(value: number, fields: number) => void",
-        "references": {}
+      "handleMoving": {
+        "complexType": {
+          "signature": "(clientY: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "handleMoveEnd": {
+        "complexType": {
+          "signature": "(clientY: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {},
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get states() { return {
-    "startY": {},
-    "preY": {},
-    "hadMove": {},
-    "touchEnd": {},
-    "isMove": {}
-  }; }
-  static get listeners() { return [{
-      "name": "mousedown",
-      "method": "onMouseDown",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mousemove",
-      "method": "onMouseMove",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseup",
-      "method": "onMouseMoveEnd",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "mouseleave",
-      "method": "onMouseMoveEnd",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchstart",
-      "method": "onTouchStart",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchmove",
-      "method": "onTouchMove",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchend",
-      "method": "onTouchEnd",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "mousedown",
+        "method": "onMouseDown",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mousemove",
+        "method": "onMouseMove",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseup",
+        "method": "onMouseMoveEnd",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "mouseleave",
+        "method": "onMouseMoveEnd",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchstart",
+        "method": "onTouchStart",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchmove",
+        "method": "onTouchMove",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchend",
+        "method": "onTouchEnd",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }
+//# sourceMappingURL=picker-group.js.map

package/dist/collection/components/picker/picker-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-group.js","sourceRoot":"","sources":["../../../src/components/picker/picker-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Host, Method, State, Listen } from '@stencil/core'\n\nimport {\n  TOP,\n  LINE_HEIGHT,\n  MASK_HEIGHT\n} from './constant'\n\n@Component({\n  tag: 'taro-picker-group'\n})\nexport class TaroPickerGroup implements ComponentInterface {\n  @Prop() mode: 'time' | 'date'\n  @Prop() range: any[] = []\n  @Prop() rangeKey: string\n  @Prop() height: number\n  @Prop() columnId: string\n  @Prop() updateHeight: (height: number, columnId: string, needRevise?: boolean) => void\n  @Prop() onColumnChange: (height: number, columnId: string) => void\n  @Prop() updateDay: (value: number, fields: number) => void\n\n  @State() startY: number\n  @State() preY: number\n  @State() hadMove: boolean\n  @State() touchEnd: boolean\n  @State() isMove: boolean\n\n  getPosition () {\n    const transition = this.touchEnd ? 0.3 : 0\n    const transformValue = `translate3d(0, ${this.height}px, 0)`\n    const transitionValue = `transform ${transition}s`\n    return {\n      transform: transformValue,\n      '-webkit-transform': transformValue,\n      transition: transitionValue,\n      '-webkit-transition': transitionValue\n    }\n  }\n\n  formulaUnlimitedScroll (range: number, absoluteHeight: number, direction: 'up' | 'down') {\n    const { height, updateHeight, columnId } = this\n    const factor = direction === 'up' ? 1 : -1\n\n    this.touchEnd = false\n\n    // 点击超过范围，点击到补帧时，先跳到另一端的补帧\n    updateHeight(-range * factor * LINE_HEIGHT + height, columnId)\n\n    // 再做过渡动画\n    requestAnimationFrame(() => {\n      this.touchEnd = true\n      const index = Math.round(absoluteHeight / -LINE_HEIGHT) + range * factor\n      const relativeHeight = TOP - LINE_HEIGHT * index\n      updateHeight(relativeHeight, columnId, true)\n    })\n  }\n\n  @Method()\n  handleMoveStart (clientY: number) {\n    // 记录第一次的点击位置\n    this.startY = clientY\n    this.preY = clientY\n    this.hadMove = false\n  }\n\n  @Method()\n  handleMoving (clientY: number) {\n    const y = clientY\n    const deltaY = y - this.preY\n    this.preY = y\n    this.touchEnd = false\n\n    if (Math.abs(y - this.startY) > 10) this.hadMove = true\n\n    let newPos = this.height + deltaY\n\n    // 处理时间选择器的无限滚动\n    if (this.mode === 'time') {\n      if (this.columnId === '0') {\n        // 数字 28 来自于 4 格补帧 + 0 ～ 23 的 24 格，共 28 格\n        if (newPos > TOP - LINE_HEIGHT * 3) {\n          newPos = TOP - LINE_HEIGHT * 27 + deltaY\n        }\n        if (newPos < TOP - LINE_HEIGHT * 28) {\n          newPos = TOP - LINE_HEIGHT * 4 + deltaY\n        }\n      } else if (this.columnId === '1') {\n        if (newPos > TOP - LINE_HEIGHT * 3) {\n          newPos = TOP - LINE_HEIGHT * 63 + deltaY\n        }\n        if (newPos < TOP - LINE_HEIGHT * 64) {\n          newPos = TOP - LINE_HEIGHT * 4 + deltaY\n        }\n      }\n    }\n\n    this.updateHeight(newPos, this.columnId)\n  }\n\n  @Method()\n  handleMoveEnd (clientY: number) {\n    const {\n      mode,\n      range,\n      height,\n      updateHeight,\n      onColumnChange,\n      columnId\n    } = this\n    const max = 0\n    const min = -LINE_HEIGHT * (range.length - 1)\n    const endY = clientY\n\n    this.touchEnd = true\n\n    // touchEnd 时的高度，可能带小数点，需要再处理\n    let absoluteHeight: number\n\n    if (!this.hadMove) {\n      /** 点击 */\n      // 屏幕高度\n      const windowHeight = window.innerHeight\n      // picker__mask 垂直方向距离屏幕顶部的高度\n      const relativeY = windowHeight - MASK_HEIGHT / 2\n\n      absoluteHeight = height - TOP - (endY - relativeY)\n\n      // 处理时间选择器的无限滚动\n      if (mode === 'time') {\n        if (columnId === '0') {\n          // 点击上溢出\n          // absoluteHeight 是相对模块中点来算的，所以会算多半行，这时要减去这半行，即2.5行\n          if (absoluteHeight > -LINE_HEIGHT * 2.5) {\n            return this.formulaUnlimitedScroll(24, absoluteHeight, 'up')\n          }\n          // 点击下溢出\n          if (absoluteHeight < -LINE_HEIGHT * 28.5) {\n            return this.formulaUnlimitedScroll(24, absoluteHeight, 'down')\n          }\n        } else if (columnId === '1') {\n          // 点击上溢出\n          if (absoluteHeight > -LINE_HEIGHT * 2.5) {\n            return this.formulaUnlimitedScroll(60, absoluteHeight, 'up')\n          }\n          // 点击下溢出\n          if (absoluteHeight < -LINE_HEIGHT * 64.5) {\n            return this.formulaUnlimitedScroll(60, absoluteHeight, 'down')\n          }\n        }\n      }\n    } else {\n      /** 滚动 */\n      absoluteHeight = height - TOP\n    }\n\n    // 边界情况处理\n    if (absoluteHeight > max) absoluteHeight = 0\n    if (absoluteHeight < min) absoluteHeight = min\n\n    // 先按公式算出 index, 再用此 index 算出一个整数高度\n    const index = Math.round(absoluteHeight / -LINE_HEIGHT)\n    const relativeHeight = TOP - LINE_HEIGHT * index\n\n    if (this.mode === 'date') {\n      if (this.columnId === '0') {\n        this.updateDay(\n          +this.range[index].replace(/[^0-9]/gi, ''),\n          0\n        )\n      }\n      if (this.columnId === '1') {\n        this.updateDay(\n          +this.range[index].replace(/[^0-9]/gi, ''),\n          1\n        )\n      }\n      if (this.columnId === '2') {\n        this.updateDay(\n          +this.range[index].replace(/[^0-9]/gi, ''),\n          2\n        )\n      }\n    }\n\n    updateHeight(relativeHeight, columnId, mode === 'time')\n    onColumnChange && onColumnChange(relativeHeight, columnId)\n  }\n\n  @Listen('mousedown')\n  onMouseDown (e: MouseEvent) {\n    this.isMove = true\n    this.handleMoveStart(e.clientY)\n  }\n\n  @Listen('mousemove')\n  onMouseMove (e: MouseEvent) {\n    e.preventDefault()\n\n    if (!this.isMove) return\n\n    this.handleMoving(e.clientY)\n  }\n\n  @Listen('mouseup')\n  @Listen('mouseleave')\n  onMouseMoveEnd (e: MouseEvent) {\n    if (!this.isMove) return\n\n    this.isMove = false\n    this.handleMoveEnd(e.clientY)\n  }\n\n  @Listen('touchstart')\n  onTouchStart (e: TouchEvent) {\n    this.handleMoveStart(e.changedTouches[0].clientY)\n  }\n\n  @Listen('touchmove')\n  onTouchMove (e: TouchEvent) {\n    e.preventDefault()\n\n    this.handleMoving(e.changedTouches[0].clientY)\n  }\n\n  @Listen('touchend')\n  onTouchEnd (e: TouchEvent) {\n    this.handleMoveEnd(e.changedTouches[0].clientY)\n  }\n\n  render () {\n    const { range, rangeKey } = this\n    const pickerItem = range.map(item => {\n      const content = rangeKey ? item[rangeKey] : item\n      return (\n        <div class='weui-picker__item'>{content}</div>\n      )\n    })\n\n    return (\n      <Host class='weui-picker__group'>\n        <div class='weui-picker__mask' />\n        <div class='weui-picker__indicator' />\n        <div class='weui-picker__content' style={this.getPosition()}>\n          {pickerItem}\n        </div>\n      </Host>\n    )\n  }\n}\n"]}