@tarojs/components 3.4.7 → 3.5.0-alpha.2

package/dist/collection/utils/index.js

@@ -1,29 +1,29 @@
-export function throttle(fn, ms = 250, scope) {
-  let last, deferTimer;
-  return function () {
+export function throttle(fn, threshold = 250, scope) {
+  let lastTime = 0;
+  let deferTimer;
+  return function (...args) {
     const context = scope || this;
-    const now = +new Date();
-    // eslint-disable-next-line prefer-rest-params
-    const args = arguments;
-    if (last && now < last + ms) {
+    const now = Date.now();
+    if (now - lastTime > threshold) {
+      fn.apply(this, args);
+      lastTime = now;
+    }
+    else {
       clearTimeout(deferTimer);
       deferTimer = setTimeout(() => {
-        last = now;
+        lastTime = now;
         fn.apply(context, args);
-      }, ms);
-    }
-    else {
-      last = now;
-      fn.apply(context, args);
+      }, threshold);
     }
   };
 }
-export function debounce(fn, ms = 250) {
+export function debounce(fn, ms = 250, scope) {
   let timer;
-  return function (...arrs) {
+  return function (...args) {
+    const context = scope || this;
     clearTimeout(timer);
     timer = setTimeout(function () {
-      fn(...arrs);
+      fn.apply(context, args);
     }, ms);
   };
 }

package/dist/esm/index-cad8203e.js

@@ -0,0 +1,31 @@
+function throttle(fn, threshold = 250, scope) {
+  let lastTime = 0;
+  let deferTimer;
+  return function (...args) {
+    const context = scope || this;
+    const now = Date.now();
+    if (now - lastTime > threshold) {
+      fn.apply(this, args);
+      lastTime = now;
+    }
+    else {
+      clearTimeout(deferTimer);
+      deferTimer = setTimeout(() => {
+        lastTime = now;
+        fn.apply(context, args);
+      }, threshold);
+    }
+  };
+}
+function debounce(fn, ms = 250, scope) {
+  let timer;
+  return function (...args) {
+    const context = scope || this;
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, ms);
+  };
+}
+
+export { debounce as d, throttle as t };

package/dist/esm/taro-picker-view-column-core.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5bd7cbab.js';
-import { d as debounce } from './index-c58e5e14.js';
+import { d as debounce } from './index-cad8203e.js';
 
 const columnCss = ".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";
 

package/dist/esm/taro-scroll-view-core.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
 import { c as classnames } from './index-3c78bcaf.js';
-import { d as debounce } from './index-c58e5e14.js';
+import { d as debounce } from './index-cad8203e.js';
 
 const indexCss = "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}";
 

package/dist/esm/taro-swiper-core_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
 import { c as classnames } from './index-3c78bcaf.js';
-import { d as debounce } from './index-c58e5e14.js';
+import { d as debounce } from './index-cad8203e.js';
 
 /**
  * SSR Window 3.0.0

package/dist/esm/taro-tabbar.entry.js

@@ -127,9 +127,10 @@ const indexCss = "html,body{height:100%}#app{height:100%}.taro-tabbar__border-wh
 
 // const removeLeadingSlash = str => str.replace(/^\.?\//, '')
 // const removeTrailingSearch = str => str.replace(/\?[\s\S]*$/, '')
-const addLeadingSlash = str => str[0] === '/' ? str : `/${str}`;
-const hasBasename = (path, prefix) => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
-const stripBasename = (path, prefix) => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const addLeadingSlash = (str = '') => str[0] === '/' ? str : `/${str}`;
+const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
+const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
 const STATUS_SHOW = 0;
 const STATUS_HIDE = 1;
 const STATUS_SLIDEOUT = 2;
@@ -151,7 +152,7 @@ let Tabbar = class {
         const pathB = splitUrl(url).path;
         return pathA === pathB;
       });
-      return customRoute.length ? customRoute[0][0] : url;
+      return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
@@ -187,14 +188,12 @@ let Tabbar = class {
       }
     };
     this.routerChangeHandler = (options) => {
-      let toLocation;
+      var _a;
+      const to = (_a = options === null || options === void 0 ? void 0 : options.toLocation) === null || _a === void 0 ? void 0 : _a.path;
       let currentPage;
-      if (options) {
-        toLocation = options.toLocation;
-      }
-      if (toLocation && toLocation.path) {
-        const tmpPath = addLeadingSlash(toLocation.path);
-        currentPage = stripBasename(tmpPath === '/' ? this.homePage : tmpPath, this.conf.basename || '/');
+      if (typeof to === 'string') {
+        const routerBasename = this.conf.basename || '/';
+        currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename);
       }
       else {
         currentPage = this.getCurrentUrl();
@@ -353,7 +352,7 @@ let Tabbar = class {
       url = location.pathname;
     }
     const processedUrl = addLeadingSlash(stripBasename(url, routerBasename));
-    return processedUrl === '/' ? this.homePage : processedUrl;
+    return decodeURI(processedUrl === '/' ? this.homePage : processedUrl);
   }
   bindEvent() {
     Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler);

package/dist/esm/taro-video-control_3.entry.js

@@ -1,114 +1,101 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-5bd7cbab.js';
 import { c as classnames } from './index-3c78bcaf.js';
+import { t as throttle } from './index-cad8203e.js';
 
-const formatTime = time => {
-  if (time == null) return ''
-  const sec = Math.round(time % 60);
-  const min = Math.round((time - sec) / 60);
-  return `${min < 10 ? `0${min}` : min}:${sec < 10 ? `0${sec}` : sec}`
-};
-
-const calcDist = (x, y) => {
-  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2))
-};
-
-const normalizeNumber = number => {
-  return Math.max(-1, Math.min(number, 1))
-};
-
-const throttle = (fn, threshhold) => {
-  let lastTime = 0;
-  return function () {
-    const now = Date.now();
-    if (now - lastTime > threshhold) {
-      fn.apply(this, arguments);
-      lastTime = now;
-    }
-  }
-};
-
-/**
- * @returns: {requestFullscreen: 'requestFullscreen', exitFullscreen: 'exitFullscreen', ...}
- */
-const screenFn = (function () {
-  let val;
-  const fnMap = [
-    [
-      'requestFullscreen',
-      'exitFullscreen',
-      'fullscreenElement',
-      'fullscreenEnabled',
-      'fullscreenchange',
-      'fullscreenerror'
-    ],
-    // New WebKit
-    [
-      'webkitRequestFullscreen',
-      'webkitExitFullscreen',
-      'webkitFullscreenElement',
-      'webkitFullscreenEnabled',
-      'webkitfullscreenchange',
-      'webkitfullscreenerror'
-    ],
-    // Old WebKit
-    [
-      'webkitRequestFullScreen',
-      'webkitCancelFullScreen',
-      'webkitCurrentFullScreenElement',
-      'webkitCancelFullScreen',
-      'webkitfullscreenchange',
-      'webkitfullscreenerror'
-    ],
-    [
-      'mozRequestFullScreen',
-      'mozCancelFullScreen',
-      'mozFullScreenElement',
-      'mozFullScreenEnabled',
-      'mozfullscreenchange',
-      'mozfullscreenerror'
-    ],
-    [
-      'msRequestFullscreen',
-      'msExitFullscreen',
-      'msFullscreenElement',
-      'msFullscreenEnabled',
-      'MSFullscreenChange',
-      'MSFullscreenError'
-    ]
-  ];
-  var defaultIOSMap = [
-    'webkitEnterFullscreen',
-    'webkitExitFullscreen',
-    'webkitFullscreenElement',
-    'webkitFullscreenEnabled',
-    'webkitfullscreenchange',
-    'webkitfullscreenerror'
-  ];
-  let i = 0;
-  const l = fnMap.length;
-  const ret = {};
-  // This for loop essentially checks the current document object for the property/methods above.
-  for (; i < l; i++) {
-    val = fnMap[i];
-    if (val && val[1] in document) {
-      for (i = 0; i < val.length; i++) {
-        ret[fnMap[0][i]] = val[i];
-      }
-      return ret
-    }
-  }
-  if (!ret[fnMap[0][0]]) {
-    // when there is no any APIs be set.
-
-    // In IOS, there is no 'webkitEnterFullscreen' property `in document` but video can use it for fullscreen.
-    // ref: https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1633500-webkitenterfullscreen
-    for (i = 0; i < defaultIOSMap.length; i++) {
-      ret[fnMap[0][i]] = defaultIOSMap[i];
-    }
-  }
-  // If it doesn't find any of them, this whole function returns {}
-  // and the fn variable is set to this returned value.
-  return ret
+const formatTime = (time) => {
+  if (time === null)
+    return '';
+  const sec = Math.round(time / 1000 % 60);
+  const min = Math.floor((time - sec) / 1000 / 60);
+  return `${min < 10 ? `0${min}` : min}:${sec < 10 ? `0${sec}` : sec}`;
+};
+const calcDist = (x, y) => {
+  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+};
+const normalizeNumber = (number) => {
+  return Math.max(-1, Math.min(number, 1));
+};
+/**
+ * @returns: {requestFullscreen: 'requestFullscreen', exitFullscreen: 'exitFullscreen', ...}
+ */
+const screenFn = (function () {
+  let val;
+  const fnMap = [
+    [
+      'requestFullscreen',
+      'exitFullscreen',
+      'fullscreenElement',
+      'fullscreenEnabled',
+      'fullscreenchange',
+      'fullscreenerror'
+    ],
+    // New WebKit
+    [
+      'webkitRequestFullscreen',
+      'webkitExitFullscreen',
+      'webkitFullscreenElement',
+      'webkitFullscreenEnabled',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    // Old WebKit
+    [
+      'webkitRequestFullScreen',
+      'webkitCancelFullScreen',
+      'webkitCurrentFullScreenElement',
+      'webkitCancelFullScreen',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    [
+      'mozRequestFullScreen',
+      'mozCancelFullScreen',
+      'mozFullScreenElement',
+      'mozFullScreenEnabled',
+      'mozfullscreenchange',
+      'mozfullscreenerror'
+    ],
+    [
+      'msRequestFullscreen',
+      'msExitFullscreen',
+      'msFullscreenElement',
+      'msFullscreenEnabled',
+      'MSFullscreenChange',
+      'MSFullscreenError'
+    ]
+  ];
+  var defaultIOSMap = [
+    'webkitEnterFullscreen',
+    'webkitExitFullscreen',
+    'webkitFullscreenElement',
+    'webkitFullscreenEnabled',
+    'webkitfullscreenchange',
+    'webkitfullscreenerror'
+  ];
+  let i = 0;
+  const l = fnMap.length;
+  const ret = {};
+  // This for loop essentially checks the current document object for the property/methods above.
+  for (; i < l; i++) {
+    val = fnMap[i];
+    if (val && val[1] in document) {
+      for (i = 0; i < val.length; i++) {
+        ret[fnMap[0][i]] = val[i];
+      }
+      return ret;
+    }
+  }
+  if (!ret[fnMap[0][0]]) {
+    // when there is no any APIs be set.
+    // In IOS, there is no 'webkitEnterFullscreen' property `in document` but video can use it for fullscreen.
+    // ref: https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1633500-webkitenterfullscreen
+    for (i = 0; i < defaultIOSMap.length; i++) {
+      ret[fnMap[0][i]] = defaultIOSMap[i];
+    }
+  }
+  // If it doesn't find any of them, this whole function returns {}
+  // and the fn variable is set to this returned value.
+  return ret;
 })();
 
 var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {

package/dist/esm-es5/index-cad8203e.js

@@ -0,0 +1 @@
+function throttle(t,e,r){if(e===void 0){e=250}var o=0;var n;return function(){var a=[];for(var i=0;i<arguments.length;i++){a[i]=arguments[i]}var u=r||this;var v=Date.now();if(v-o>e){t.apply(this,a);o=v}else{clearTimeout(n);n=setTimeout((function(){o=v;t.apply(u,a)}),e)}}}function debounce(t,e,r){if(e===void 0){e=250}var o;return function(){var n=[];for(var a=0;a<arguments.length;a++){n[a]=arguments[a]}var i=r||this;clearTimeout(o);o=setTimeout((function(){t.apply(i,n)}),e)}}export{debounce as d,throttle as t};

package/dist/esm-es5/taro-picker-view-column-core.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-5bd7cbab.js";import{d as debounce}from"./index-c58e5e14.js";var columnCss=".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";var PickerViewColumn=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"onselect",7);this.onSelectStart=createEvent(this,"onselectstart",7);this.onSelectEnd=createEvent(this,"onselectend",7);this.initialPosition="0";this.paddingVertical=0;this.isInit=false;this.isMove=false;this.handleSelected=debounce((function(){var e=t.el.childNodes;var i=0;var o="0";for(var n in e){var s=e[n];var r=s.offsetHeight;if(i+r/2>t.el.scrollTop){o=n;break}i+=r}t.el.scrollTo({top:i,behavior:"smooth"});t.onChange.emit({curIndex:t.col,selectedIndex:o});t.onSelectEnd.emit()}),500)}e.prototype.onScroll=function(e){if(!this.isMove){this.isMove=true;this.onSelectStart.emit()}this.handleSelected()};e.prototype.onMouseEnd=function(){if(!this.isMove)return;this.isMove=false;this.handleSelected()};e.prototype.onTouchEnd=function(){this.isMove=false;this.handleSelected()};e.prototype.componentDidUpdate=function(){if(!this.isInit){this.isInit=true;var e=this.el.childNodes;var t=0;var i=0;for(var o in e){var n=e[o];if(this.initialPosition===o||!n||typeof n.offsetHeight!=="number"){break}i+=n.offsetHeight;t++}this.el.scrollTo({top:i});if(t>=e.length){this.onChange.emit({curIndex:this.col,selectedIndex:t-1})}}};e.prototype.render=function(){var e=this.paddingVertical,t=e===void 0?0:e;return h(Host,{class:"taro-picker-view-column-container",style:{"padding-top":t+"px","padding-bottom":t+"px"}})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerViewColumn.style=columnCss;export{PickerViewColumn as taro_picker_view_column_core};
+import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-5bd7cbab.js";import{d as debounce}from"./index-cad8203e.js";var columnCss=".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";var PickerViewColumn=function(){function e(e){var t=this;registerInstance(this,e);this.onChange=createEvent(this,"onselect",7);this.onSelectStart=createEvent(this,"onselectstart",7);this.onSelectEnd=createEvent(this,"onselectend",7);this.initialPosition="0";this.paddingVertical=0;this.isInit=false;this.isMove=false;this.handleSelected=debounce((function(){var e=t.el.childNodes;var i=0;var o="0";for(var n in e){var s=e[n];var r=s.offsetHeight;if(i+r/2>t.el.scrollTop){o=n;break}i+=r}t.el.scrollTo({top:i,behavior:"smooth"});t.onChange.emit({curIndex:t.col,selectedIndex:o});t.onSelectEnd.emit()}),500)}e.prototype.onScroll=function(e){if(!this.isMove){this.isMove=true;this.onSelectStart.emit()}this.handleSelected()};e.prototype.onMouseEnd=function(){if(!this.isMove)return;this.isMove=false;this.handleSelected()};e.prototype.onTouchEnd=function(){this.isMove=false;this.handleSelected()};e.prototype.componentDidUpdate=function(){if(!this.isInit){this.isInit=true;var e=this.el.childNodes;var t=0;var i=0;for(var o in e){var n=e[o];if(this.initialPosition===o||!n||typeof n.offsetHeight!=="number"){break}i+=n.offsetHeight;t++}this.el.scrollTo({top:i});if(t>=e.length){this.onChange.emit({curIndex:this.col,selectedIndex:t-1})}}};e.prototype.render=function(){var e=this.paddingVertical,t=e===void 0?0:e;return h(Host,{class:"taro-picker-view-column-container",style:{"padding-top":t+"px","padding-bottom":t+"px"}})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PickerViewColumn.style=columnCss;export{PickerViewColumn as taro_picker_view_column_core};

package/dist/esm-es5/taro-scroll-view-core.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5bd7cbab.js";import{c as classnames}from"./index-3c78bcaf.js";import{d as debounce}from"./index-c58e5e14.js";var indexCss="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 easeOutScroll(l,o,r){if(l===o||typeof l!=="number"){return}var e=o-l;var t=500;var s=Date.now();var c=o>=l;function i(l,o,r,e){return r*l/e+o}function n(){l=i(Date.now()-s,l,e,t);if(c&&l>=o||!c&&o>=l){r(o);return}r(l);requestAnimationFrame(n)}n()}var ScrollView=function(){function l(l){var o=this;registerInstance(this,l);this.onScroll=createEvent(this,"scroll",3);this.onScrollToUpper=createEvent(this,"scrolltoupper",3);this.onScrollToLower=createEvent(this,"scrolltolower",3);this.scrollX=false;this.scrollY=false;this.upperThreshold=50;this.lowerThreshold=50;this.scrollWithAnimation=false;this.handleScroll=function(l){if(l instanceof CustomEvent)return;var r=o.el,e=r.scrollLeft,t=r.scrollTop,s=r.scrollHeight,c=r.scrollWidth;o._scrollLeft=e;o._scrollTop=t;o.upperAndLower();o.onScroll.emit({scrollLeft:e,scrollTop:t,scrollHeight:s,scrollWidth:c})};this.upperAndLower=debounce((function(){var l=o.el,r=l.offsetWidth,e=l.offsetHeight,t=l.scrollLeft,s=l.scrollTop,c=l.scrollHeight,i=l.scrollWidth;var n=Number(o.lowerThreshold);var a=Number(o.upperThreshold);if(!isNaN(n)&&(o.scrollY&&e+s+n>=c||o.scrollX&&r+t+n>=i)){o.onScrollToLower.emit({direction:o.scrollX?"right":o.scrollY?"bottom":""})}if(!isNaN(a)&&(o.scrollY&&s<=a||o.scrollX&&t<=a)){o.onScrollToUpper.emit({direction:o.scrollX?"left":o.scrollY?"top":""})}}),200)}l.prototype.watchScrollLeft=function(l){var o=this;var r=Number(l);if(this.scrollX&&!isNaN(r)&&r!==this._scrollLeft){if(this.scrollWithAnimation){easeOutScroll(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){easeOutScroll(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("#"+l))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth",block:"center",inline:"start"})}};l.prototype.componentDidLoad=function(){var l=this;var o=this,r=o.scrollY,e=o.scrollX,t=o.scrollWithAnimation;var s=Number(this.mpScrollTop);var c=Number(this.mpScrollLeft);if(r&&!isNaN(s)){if(t){easeOutScroll(0,s,(function(o){return l.el.scrollTop=o}))}else{this.el.scrollTop=s}this._scrollTop=s}if(e&&!isNaN(c)){if(t){easeOutScroll(0,c,(function(o){return l.el.scrollLeft=o}))}else{this.el.scrollLeft=c}this._scrollLeft=c}};l.prototype.render=function(){var l=this,o=l.scrollX,r=l.scrollY;var e=classnames({"taro-scroll-view__scroll-x":o,"taro-scroll-view__scroll-y":r});return h(Host,{class:e,onScroll:this.handleScroll},h("slot",null))};Object.defineProperty(l.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(l,"watchers",{get:function(){return{mpScrollLeft:["watchScrollLeft"],mpScrollTop:["watchScrollTop"],mpScrollIntoView:["watchScrollIntoView"]}},enumerable:false,configurable:true});return l}();ScrollView.style=indexCss;export{ScrollView as taro_scroll_view_core};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5bd7cbab.js";import{c as classnames}from"./index-3c78bcaf.js";import{d as debounce}from"./index-cad8203e.js";var indexCss="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 easeOutScroll(l,o,r){if(l===o||typeof l!=="number"){return}var e=o-l;var t=500;var s=Date.now();var c=o>=l;function i(l,o,r,e){return r*l/e+o}function n(){l=i(Date.now()-s,l,e,t);if(c&&l>=o||!c&&o>=l){r(o);return}r(l);requestAnimationFrame(n)}n()}var ScrollView=function(){function l(l){var o=this;registerInstance(this,l);this.onScroll=createEvent(this,"scroll",3);this.onScrollToUpper=createEvent(this,"scrolltoupper",3);this.onScrollToLower=createEvent(this,"scrolltolower",3);this.scrollX=false;this.scrollY=false;this.upperThreshold=50;this.lowerThreshold=50;this.scrollWithAnimation=false;this.handleScroll=function(l){if(l instanceof CustomEvent)return;var r=o.el,e=r.scrollLeft,t=r.scrollTop,s=r.scrollHeight,c=r.scrollWidth;o._scrollLeft=e;o._scrollTop=t;o.upperAndLower();o.onScroll.emit({scrollLeft:e,scrollTop:t,scrollHeight:s,scrollWidth:c})};this.upperAndLower=debounce((function(){var l=o.el,r=l.offsetWidth,e=l.offsetHeight,t=l.scrollLeft,s=l.scrollTop,c=l.scrollHeight,i=l.scrollWidth;var n=Number(o.lowerThreshold);var a=Number(o.upperThreshold);if(!isNaN(n)&&(o.scrollY&&e+s+n>=c||o.scrollX&&r+t+n>=i)){o.onScrollToLower.emit({direction:o.scrollX?"right":o.scrollY?"bottom":""})}if(!isNaN(a)&&(o.scrollY&&s<=a||o.scrollX&&t<=a)){o.onScrollToUpper.emit({direction:o.scrollX?"left":o.scrollY?"top":""})}}),200)}l.prototype.watchScrollLeft=function(l){var o=this;var r=Number(l);if(this.scrollX&&!isNaN(r)&&r!==this._scrollLeft){if(this.scrollWithAnimation){easeOutScroll(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){easeOutScroll(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("#"+l))===null||o===void 0?void 0:o.scrollIntoView({behavior:"smooth",block:"center",inline:"start"})}};l.prototype.componentDidLoad=function(){var l=this;var o=this,r=o.scrollY,e=o.scrollX,t=o.scrollWithAnimation;var s=Number(this.mpScrollTop);var c=Number(this.mpScrollLeft);if(r&&!isNaN(s)){if(t){easeOutScroll(0,s,(function(o){return l.el.scrollTop=o}))}else{this.el.scrollTop=s}this._scrollTop=s}if(e&&!isNaN(c)){if(t){easeOutScroll(0,c,(function(o){return l.el.scrollLeft=o}))}else{this.el.scrollLeft=c}this._scrollLeft=c}};l.prototype.render=function(){var l=this,o=l.scrollX,r=l.scrollY;var e=classnames({"taro-scroll-view__scroll-x":o,"taro-scroll-view__scroll-y":r});return h(Host,{class:e,onScroll:this.handleScroll},h("slot",null))};Object.defineProperty(l.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(l,"watchers",{get:function(){return{mpScrollLeft:["watchScrollLeft"],mpScrollTop:["watchScrollTop"],mpScrollIntoView:["watchScrollIntoView"]}},enumerable:false,configurable:true});return l}();ScrollView.style=indexCss;export{ScrollView as taro_scroll_view_core};