@tarojs/components 3.6.0-canary.1 → 3.6.0-canary.3

package/dist/taro-components/p-946c0799.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/scroll-view/style/index.scss?tag=taro-scroll-view-core","src/components/scroll-view/scroll-view.tsx"],"names":["indexCss","easeOutScroll","from","to","callback","change","dur","sTime","Date","now","isLarger","linear","t","b","c","d","step","requestAnimationFrame","ScrollView","exports","this","upperAndLower","debounce","_b","_this","el","offsetWidth","offsetHeight","scrollLeft","scrollTop","scrollHeight","scrollWidth","lowerThreshold","Number","upperThreshold","isNaN","scrollY","scrollX","onScrollToLower","emit","direction","onScrollToUpper","class_1","prototype","watchScrollLeft","newVal","_scrollLeft","scrollWithAnimation","pos","watchScrollTop","_scrollTop","watchScrollIntoView","_a","document","querySelector","concat","scrollIntoView","behavior","block","inline","handleScroll","e","CustomEvent","onScroll","cancelBubble","componentDidLoad","mpScrollTop","mpScrollLeft","render","cls","classNames","taro-scroll-view__scroll-x","taro-scroll-view__scroll-y","h","Host","class"],"mappings":"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","sourcesContent":["taro-scroll-view-core {\n  display: block;\n  width: 100%;\n  -webkit-overflow-scrolling: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.taro-scroll-view {\n  &__scroll-x {\n    overflow-x: scroll;\n    overflow-y: hidden;\n  }\n\n  &__scroll-y {\n    overflow-x: hidden;\n    overflow-y: scroll;\n  }\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nfunction easeOutScroll (from: number, to: number, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n\n  const change = to - from\n  const dur = 500\n  const sTime = Date.now()\n  const isLarger = to >= from\n\n  function linear (t: number, b: number, c: number, d: number): number {\n    return c * t / d + b\n  }\n\n  function step () {\n    from = linear(Date.now() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n\n  step()\n}\n\n@Component({\n  tag: 'taro-scroll-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n  private _scrollLeft: number\n  private _scrollTop: number\n\n  @Element() el: HTMLElement\n\n  @Prop() scrollX = false\n  @Prop() scrollY = false\n  @Prop() upperThreshold: number | string = 50\n  @Prop() lowerThreshold: number | string = 50\n  @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n  @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n  @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n  @Prop() scrollWithAnimation = false\n\n  @Event({\n    eventName: 'scroll',\n    bubbles: false\n  })\n  onScroll: EventEmitter\n\n  @Event({\n    eventName: 'scrolltoupper',\n    bubbles: false\n  })\n  onScrollToUpper: EventEmitter\n\n  @Event({\n    eventName: 'scrolltolower',\n    bubbles: false\n  })\n  onScrollToLower: EventEmitter\n\n  @Watch('mpScrollLeft')\n  watchScrollLeft (newVal) {\n    const scrollLeft = Number(newVal)\n    if (\n      this.scrollX &&\n      !isNaN(scrollLeft) &&\n      scrollLeft !== this._scrollLeft\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  @Watch('mpScrollTop')\n  watchScrollTop (newVal) {\n    const scrollTop = Number(newVal)\n    if (\n      this.scrollY &&\n      !isNaN(scrollTop) &&\n      scrollTop !== this._scrollTop\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n  }\n\n  @Watch('mpScrollIntoView')\n  watchScrollIntoView (newVal) {\n    if (typeof newVal === 'string' && newVal) {\n      document.querySelector(`#${newVal}`)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'start'\n      })\n    }\n  }\n\n  @Listen('scroll', { capture: true })\n  handleScroll (e: Event) {\n    if (e instanceof CustomEvent) return\n\n    const {\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n    this._scrollLeft = scrollLeft\n    this._scrollTop = scrollTop\n\n    this.upperAndLower()\n\n    this.onScroll.emit({\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    })\n    e.cancelBubble = true\n  }\n\n  componentDidLoad () {\n    const {\n      scrollY,\n      scrollX,\n      scrollWithAnimation\n    } = this\n\n    const scrollTop = Number(this.mpScrollTop)\n    const scrollLeft = Number(this.mpScrollLeft)\n\n    if (scrollY && !isNaN(scrollTop)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n\n    if (scrollX && !isNaN(scrollLeft)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  upperAndLower = debounce(() => {\n    const {\n      offsetWidth,\n      offsetHeight,\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n\n    const lowerThreshold = Number(this.lowerThreshold)\n    const upperThreshold = Number(this.upperThreshold)\n\n    if (\n      !isNaN(lowerThreshold) &&\n      ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n      (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      this.onScrollToLower.emit({\n        direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n      })\n    }\n\n    if (\n      !isNaN(upperThreshold) &&\n      ((this.scrollY && scrollTop <= upperThreshold) ||\n      (this.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      this.onScrollToUpper.emit({\n        direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n      })\n    }\n  }, 200)\n\n  render () {\n    const {\n      scrollX,\n      scrollY\n    } = this\n\n    const cls = classNames({\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY\n    })\n    return (\n      <Host class={cls}>\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}