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

package/dist/taro-components/p-1e436d5b.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s,H as o}from"./p-5bfefd19.js";const t=class{constructor(s){r(this,s)}render(){return s(o,null)}};export{t as taro_slot_core};
-//# sourceMappingURL=p-1e436d5b.entry.js.map

package/dist/taro-components/p-1e436d5b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/slot/slot.tsx"],"names":["Slot","[object Object]","h","Host"],"mappings":"mDAKaA,EAAI,+BACfC,SACE,OACEC,EAACC,EAAI","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-slot-core'\n})\nexport class Slot implements ComponentInterface {\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/taro-components/p-22f9f9fa.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","this","upperAndLower","debounce","offsetWidth","offsetHeight","scrollLeft","scrollTop","scrollHeight","scrollWidth","el","lowerThreshold","Number","upperThreshold","isNaN","scrollY","scrollX","onScrollToLower","emit","direction","onScrollToUpper","[object Object]","newVal","_scrollLeft","scrollWithAnimation","pos","_scrollTop","_a","document","querySelector","scrollIntoView","behavior","block","inline","e","CustomEvent","onScroll","cancelBubble","mpScrollTop","mpScrollLeft","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"]}

package/dist/taro-components/p-7baff0b4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/button/style/index.scss?tag=taro-button-core","src/components/button/button.tsx"],"names":["indexCss","Button","[object Object]","this","disabled","touch","hoverClass","setTimeout","hover","hoverStartTime","hoverStayTime","formType","onSubmit","emit","onReset","type","size","plain","loading","cls","classNames","h","Host","class"],"mappings":"oGAAA,MAAMA,EAAW,i2GCOJC,EAAM,2JAEI,yBACN,uBACU,sBACD,yDAGN,oBAC6C,gBAI9C,iBACA,MAWjBC,eACE,GAAIC,KAAKC,SAAU,CACjB,OAGFD,KAAKE,MAAQ,KACb,GAAIF,KAAKG,aAAeH,KAAKC,SAAU,CACrCG,YAAW,KACT,GAAIJ,KAAKE,MAAO,CACdF,KAAKK,MAAQ,QAEdL,KAAKM,iBAKZP,aACE,GAAIC,KAAKC,SAAU,CACjB,OAGFD,KAAKE,MAAQ,MACb,GAAIF,KAAKG,aAAeH,KAAKC,SAAU,CACrCG,YAAW,KACT,IAAKJ,KAAKE,MAAO,CACfF,KAAKK,MAAQ,SAEdL,KAAKO,eAGV,GAAIP,KAAKQ,WAAa,SAAU,CAC9BR,KAAKS,SAASC,YACT,GAAIV,KAAKQ,WAAa,QAAS,CACpCR,KAAKW,QAAQD,QAIjBX,SACE,MAAME,SACJA,EAAQE,WACRA,EAAUS,KACVA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,QACLA,EAAOV,MACPA,GACEL,KAEJ,MAAMgB,EAAMC,EAAW,CACrBlB,CAAC,GAAGI,KAAeE,IAAUJ,IAG/B,OACEiB,EAACC,EAAI,CACHC,MAAOJ,EACPJ,KAAMA,EACNE,MAAOA,EACPC,QAASA,EACTF,KAAMA,EACNZ,SAAUA,GAETc,GAAWG,EAAA,IAAA,CAAGE,MAAM,iBACrBF,EAAA,OAAA","sourcesContent":["$weuiBtnHeight: 46px;\n$weuiBtnFontSize: 18px;\n$weuiBtnFontColor: #fff;\n$weuiBtnActiveFontColor: rgb(255 255 255 / 60%);\n$weuiBtnDisabledFontColor: rgb(255 255 255 / 60%);\n$weuiBtnBorderRadius: 5px;\n$weuiBtnDefaultGap: 15px;\n\n// Button Mini\n$weuiBtnMiniFontSize: 13px;\n$weuiBtnMiniHeight: 2.3;\n\n// Button Default\n$weuiBtnDefaultFontColor: #000;\n$weuiBtnDefaultActiveFontColor: rgb(0 0 0 / 60%);\n$weuiBtnDefaultDisabledFontColor: rgb(0 0 0 / 30%);\n$weuiBtnDefaultBg: #f8f8f8;\n$weuiBtnDefaultActiveBg: #dedede;\n$weuiBtnDefaultDisabledBg: #f7f7f7;\n\n// Button Primary\n$weuiBtnPrimaryBg: #1aad19;\n$weuiBtnPrimaryActiveBg: #179b16;\n$weuiBtnPrimaryDisabledBg: #9ed99d;\n\n// Button Warn\n$weuiBtnWarnBg: #e64340;\n$weuiBtnWarnActiveBg: #ce3c39;\n$weuiBtnWarnDisabledBg: #ec8b89;\n\n// Button Plain Primary\n$weuiBtnPlainPrimaryColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryBorderColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryActiveColor: rgb(26 173 25 / 60%);\n$weuiBtnPlainPrimaryActiveBorderColor: rgb(26 173 25 / 60%);\n\n// Button Plain Default\n$weuiBtnPlainDefaultColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultBorderColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultActiveColor: rgb(53 53 53 / 60%);\n$weuiBtnPlainDefaultActiveBorderColor: rgb(53 53 53 / 60%);\n\ntaro-button-core {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 14px;\n  padding-right: 14px;\n  border-width: 0;\n  border-radius: $weuiBtnBorderRadius;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  background-color: $weuiBtnDefaultBg;\n  line-height: 2.55555556;\n  text-decoration: none;\n  text-align: center;\n  font-size: $weuiBtnFontSize;\n  color: $weuiBtnDefaultFontColor;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n\n  &:focus {\n    outline: 0;\n  }\n\n  &:not([disabled]):active {\n    background-color: $weuiBtnDefaultActiveBg;\n    color: $weuiBtnDefaultActiveFontColor;\n  }\n\n  &::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    box-sizing: border-box;\n    border: 1px solid rgb(0 0 0 / 20%);\n    border-radius: $weuiBtnBorderRadius * 2;\n    width: 200%;\n    height: 200%;\n    content: \" \";\n    transform: scale(0.5);\n    transform-origin: 0 0;\n  }\n\n  & + & {\n    margin-top: $weuiBtnDefaultGap;\n  }\n\n  &[type=\"default\"] {\n    background-color: $weuiBtnDefaultBg;\n    color: $weuiBtnDefaultFontColor;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnDefaultFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnDefaultActiveBg;\n      color: $weuiBtnDefaultActiveFontColor;\n    }\n  }\n\n  &[size=\"mini\"] {\n    display: inline-block;\n    padding: 0 1.32em;\n    width: auto;\n    line-height: $weuiBtnMiniHeight;\n    font-size: $weuiBtnMiniFontSize;\n  }\n\n  &[plain],\n  &[plain][type=\"default\"],\n  &[plain][type=\"primary\"] {\n    border-width: 1px;\n    background-color: transparent;\n  }\n\n  &[disabled] {\n    color: $weuiBtnDisabledFontColor;\n\n    &[type=\"default\"] {\n      background-color: $weuiBtnDefaultDisabledBg;\n      color: $weuiBtnDefaultDisabledFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryDisabledBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnDisabledBg;\n    }\n  }\n\n  &[loading] {\n    .weui-loading {\n      margin: -0.2em 0.34em 0 0;\n    }\n\n    &[type=\"primary\"],\n    &[type=\"warn\"] {\n      color: $weuiBtnActiveFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryActiveBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnActiveBg;\n    }\n  }\n\n  &[plain][type=\"primary\"] {\n    border: 1px solid $weuiBtnPlainPrimaryBorderColor;\n    color: $weuiBtnPlainPrimaryColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainPrimaryActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainPrimaryActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[plain],\n  &[plain][type=\"default\"] {\n    border: 1px solid $weuiBtnPlainDefaultBorderColor;\n    color: $weuiBtnPlainDefaultColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainDefaultActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainDefaultActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[type=\"primary\"] {\n    background-color: $weuiBtnPrimaryBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnPrimaryActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[type=\"warn\"] {\n    background-color: $weuiBtnWarnBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnWarnActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[plain][disabled] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n\n  &[plain][disabled][type=\"primary\"] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n}\n","import { Component, h, Prop, State, ComponentInterface, Event, EventEmitter, Listen, Element, Host } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-button-core',\n  styleUrl: './style/index.scss'\n})\nexport class Button implements ComponentInterface {\n  @Prop() disabled: boolean\n  @Prop() hoverClass = 'button-hover'\n  @Prop() type = ''\n  @Prop() hoverStartTime = 20\n  @Prop() hoverStayTime = 70\n  @Prop() size: string\n  @Prop() plain: boolean\n  @Prop() loading = false\n  @Prop({ reflect: true }) formType: 'submit' | 'reset' | null = null\n\n  @Element() el: HTMLElement\n\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'tarobuttonsubmit'\n  }) onSubmit: EventEmitter\n\n  @Event({\n    eventName: 'tarobuttonreset'\n  }) onReset: EventEmitter\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = true\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = false\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n\n    if (this.formType === 'submit') {\n      this.onSubmit.emit()\n    } else if (this.formType === 'reset') {\n      this.onReset.emit()\n    }\n  }\n\n  render () {\n    const {\n      disabled,\n      hoverClass,\n      type,\n      size,\n      plain,\n      loading,\n      hover\n    } = this\n\n    const cls = classNames({\n      [`${hoverClass}`]: hover && !disabled\n    })\n\n    return (\n      <Host\n        class={cls}\n        type={type}\n        plain={plain}\n        loading={loading}\n        size={size}\n        disabled={disabled}\n      >\n        {loading && <i class='weui-loading' />}\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-System.register(["./p-8a8f286f.system.js","./p-61f225ef.system.js","./p-663d1bb9.system.js"],(function(l){"use strict";var o,r,t,e,s,i,c;return{setters:[function(l){o=l.r;r=l.c;t=l.h;e=l.H;s=l.g},function(l){i=l.c},function(l){c=l.d}],execute:function(){var n="taro-scroll-view-core{display:block;width:100%;-webkit-overflow-scrolling:auto}taro-scroll-view-core::-webkit-scrollbar{display:none}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}";function f(l,o,r){if(l===o||typeof l!=="number"){return}var t=o-l;var e=500;var s=Date.now();var i=o>=l;function c(l,o,r,t){return r*l/t+o}function n(){l=c(Date.now()-s,l,t,e);if(i&&l>=o||!i&&o>=l){r(o);return}r(l);requestAnimationFrame(n)}n()}var h=l("taro_scroll_view_core",function(){function l(l){var t=this;o(this,l);this.onScroll=r(this,"scroll",3);this.onScrollToUpper=r(this,"scrolltoupper",3);this.onScrollToLower=r(this,"scrolltolower",3);this.upperAndLower=c((function(){var l=t.el,o=l.offsetWidth,r=l.offsetHeight,e=l.scrollLeft,s=l.scrollTop,i=l.scrollHeight,c=l.scrollWidth;var n=Number(t.lowerThreshold);var f=Number(t.upperThreshold);if(!isNaN(n)&&(t.scrollY&&r+s+n>=i||t.scrollX&&o+e+n>=c)){t.onScrollToLower.emit({direction:t.scrollX?"right":t.scrollY?"bottom":""})}if(!isNaN(f)&&(t.scrollY&&s<=f||t.scrollX&&e<=f)){t.onScrollToUpper.emit({direction:t.scrollX?"left":t.scrollY?"top":""})}}),200);this.scrollX=false;this.scrollY=false;this.upperThreshold=50;this.lowerThreshold=50;this.mpScrollTop=undefined;this.mpScrollLeft=undefined;this.mpScrollIntoView=undefined;this.scrollWithAnimation=false}l.prototype.watchScrollLeft=function(l){var o=this;var r=Number(l);if(this.scrollX&&!isNaN(r)&&r!==this._scrollLeft){if(this.scrollWithAnimation){f(this._scrollLeft,r,(function(l){return o.el.scrollLeft=l}))}else{this.el.scrollLeft=r}this._scrollLeft=r}};l.prototype.watchScrollTop=function(l){var o=this;var r=Number(l);if(this.scrollY&&!isNaN(r)&&r!==this._scrollTop){if(this.scrollWithAnimation){f(this._scrollTop,r,(function(l){return o.el.scrollTop=l}))}else{this.el.scrollTop=r}this._scrollTop=r}};l.prototype.watchScrollIntoView=function(l){var o;if(typeof l==="string"&&l){(o=document.querySelector("#".concat(l)))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth",block:"center",inline:"start"})}};l.prototype.handleScroll=function(l){if(l instanceof CustomEvent)return;var o=this.el,r=o.scrollLeft,t=o.scrollTop,e=o.scrollHeight,s=o.scrollWidth;this._scrollLeft=r;this._scrollTop=t;this.upperAndLower();this.onScroll.emit({scrollLeft:r,scrollTop:t,scrollHeight:e,scrollWidth:s});l.cancelBubble=true};l.prototype.componentDidLoad=function(){var l=this;var o=this,r=o.scrollY,t=o.scrollX,e=o.scrollWithAnimation;var s=Number(this.mpScrollTop);var i=Number(this.mpScrollLeft);if(r&&!isNaN(s)){if(e){f(0,s,(function(o){return l.el.scrollTop=o}))}else{this.el.scrollTop=s}this._scrollTop=s}if(t&&!isNaN(i)){if(e){f(0,i,(function(o){return l.el.scrollLeft=o}))}else{this.el.scrollLeft=i}this._scrollLeft=i}};l.prototype.render=function(){var l=this,o=l.scrollX,r=l.scrollY;var s=i({"taro-scroll-view__scroll-x":o,"taro-scroll-view__scroll-y":r});return t(e,{class:s},t("slot",null))};Object.defineProperty(l.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(l,"watchers",{get:function(){return{mpScrollLeft:["watchScrollLeft"],mpScrollTop:["watchScrollTop"],mpScrollIntoView:["watchScrollIntoView"]}},enumerable:false,configurable:true});return l}());h.style=n}}}));
-//# sourceMappingURL=p-946c0799.system.entry.js.map

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"]}