@tarojs/components 4.1.5 → 4.1.6

package/dist/cjs/root-portal-849d424f.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const RootPortal = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('RootPortal', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.RootPortal = RootPortal;

package/dist/cjs/rtc-room-e32e8e93.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const RtcRoom = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('RtcRoom', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.RtcRoom = RtcRoom;

package/dist/cjs/rtc-room-item-f2696f3e.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const RtcRoomItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('RtcRoomItem', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.RtcRoomItem = RtcRoomItem;

package/dist/cjs/script-1d8392d2.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const ScaleGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('ScaleGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.ScaleGestureHandler = ScaleGestureHandler;

package/dist/cjs/script-2eb2d361.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const TapGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('TapGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.TapGestureHandler = TapGestureHandler;

package/dist/cjs/script-33ab1b9b.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const DoubleTapGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('DoubleTapGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.DoubleTapGestureHandler = DoubleTapGestureHandler;

package/dist/cjs/script-66238de4.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const VerticalDragGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('VerticalDragGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.VerticalDragGestureHandler = VerticalDragGestureHandler;

package/dist/cjs/script-7d8a337e.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const PanGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('PanGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.PanGestureHandler = PanGestureHandler;

package/dist/cjs/script-9767d763.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const ForcePressGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('ForcePressGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.ForcePressGestureHandler = ForcePressGestureHandler;

package/dist/cjs/script-aa62f496.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const Script = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Script', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.Script = Script;

package/dist/cjs/script-d39c17ed.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const HorizontalDragGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('HorizontalDragGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.HorizontalDragGestureHandler = HorizontalDragGestureHandler;

package/dist/cjs/script-d7887902.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const LongPressGestureHandler = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('LongPressGestureHandler', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.LongPressGestureHandler = LongPressGestureHandler;

package/dist/cjs/scroll-view-65cb8d5f.js

@@ -0,0 +1,170 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const index$2 = require('./index-b873e40f.js');
+const index$1 = require('./index-8a70c333.js');
+const helper = require('./helper-ad6306f6.js');
+
+const indexCss = "taro-scroll-view-core{-webkit-overflow-scrolling:touch;width:100%;display:block}.taro-scroll-view__scroll-x{overflow:scroll hidden}.taro-scroll-view__scroll-y{overflow:hidden scroll}.taro-scroll--hidebar::-webkit-scrollbar{display:none}";
+
+function easeOutScroll(from, to, duration = 500, callback) {
+  if (from === to || typeof from !== 'number') {
+    return;
+  }
+  const change = to - from;
+  const sTime = Date.now();
+  const isLarger = to >= from;
+  function linear(t, b, c, d) {
+    return c * t / d + b;
+  }
+  function step() {
+    from = linear(Date.now() - sTime, from, change, duration);
+    if ((isLarger && from >= to) || (!isLarger && to >= from)) {
+      callback(to);
+      return;
+    }
+    callback(from);
+    requestAnimationFrame(step);
+  }
+  step();
+}
+const ScrollView = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.onScroll = index.createEvent(this, "scroll", 3);
+    this.onScrollToUpper = index.createEvent(this, "scrolltoupper", 3);
+    this.onScrollToLower = index.createEvent(this, "scrolltolower", 3);
+    this._scrollLeft = 0;
+    this._scrollTop = 0;
+    this.upperAndLower = index$1.debounce(() => {
+      const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
+      const lowerThreshold = Number(this.lowerThreshold);
+      const upperThreshold = Number(this.upperThreshold);
+      if (!isNaN(lowerThreshold) &&
+        ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||
+          (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))) {
+        this.onScrollToLower.emit({
+          direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')
+        });
+      }
+      if (!isNaN(upperThreshold) &&
+        ((this.scrollY && scrollTop <= upperThreshold) ||
+          (this.scrollX && scrollLeft <= upperThreshold))) {
+        this.onScrollToUpper.emit({
+          direction: this.scrollX ? 'left' : (this.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.mpScrollIntoViewAlignment = undefined;
+    this.animated = false;
+    this.enhanced = false;
+    this.showScrollbar = true;
+  }
+  watchScrollLeft(newVal) {
+    const left = Number(newVal);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      left, animated
+    });
+  }
+  watchScrollTop(newVal) {
+    const top = Number(newVal);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      top, animated
+    });
+  }
+  watchScrollIntoView(newVal) {
+    this.mpScrollIntoViewMethod(newVal);
+  }
+  handleScroll(e) {
+    var _a;
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+    (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
+    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
+    this._scrollLeft = scrollLeft;
+    this._scrollTop = scrollTop;
+    this.upperAndLower();
+    this.onScroll.emit({
+      scrollLeft,
+      scrollTop,
+      scrollHeight,
+      scrollWidth
+    });
+  }
+  handleTouchMove(e) {
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+  }
+  async mpScrollToMethod(object) {
+    let { top, left, duration, animated = false } = object;
+    if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
+      if (animated) {
+        easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos));
+      }
+      else {
+        this.el.scrollTop = top;
+      }
+      this._scrollTop = top;
+    }
+    if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {
+      if (animated) {
+        easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos));
+      }
+      else {
+        this.el.scrollLeft = left;
+      }
+      this._scrollLeft = left;
+    }
+  }
+  async mpScrollIntoViewMethod(selector) {
+    var _a;
+    if (typeof selector === 'string' && selector) {
+      (_a = document.querySelector(`#${selector}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+        behavior: this.animated ? 'smooth' : 'auto',
+        block: this.scrollY ? (this.mpScrollIntoViewAlignment || 'center') : 'center',
+        inline: this.scrollX ? (this.mpScrollIntoViewAlignment || 'start') : 'start'
+      });
+    }
+  }
+  componentDidLoad() {
+    const top = Number(this.mpScrollTop);
+    const left = Number(this.mpScrollLeft);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      top, left, animated
+    });
+  }
+  componentDidRender() {
+    helper.handleStencilNodes(this.el);
+  }
+  render() {
+    const { scrollX, scrollY, enhanced, showScrollbar } = this;
+    const cls = index$2.classnames({
+      'taro-scroll-view__scroll-x': scrollX,
+      'taro-scroll-view__scroll-y': scrollY,
+      'taro-scroll--hidebar': enhanced === true && showScrollbar === false,
+      'taro-scroll--enhanced': enhanced === true
+    });
+    return (index.h(index.Host, { class: cls }, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "mpScrollLeft": ["watchScrollLeft"],
+    "mpScrollTop": ["watchScrollTop"],
+    "mpScrollIntoView": ["watchScrollIntoView"]
+  }; }
+};
+ScrollView.style = indexCss;
+
+exports.ScrollView = ScrollView;

package/dist/cjs/share-element-68928fbf.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const ShareElement = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('ShareElement', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.ShareElement = ShareElement;

package/dist/cjs/slider-4093049a.js

@@ -0,0 +1,163 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+
+const indexCss = ".weui-slider{user-select:none;padding:15px 18px}.weui-slider__inner{background-color:#e9e9e9;height:2px;position:relative}.weui-slider__track{background-color:#1aad19;width:0;height:2px}.weui-slider__handler{background-color:#fff;border-radius:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;position:absolute;top:50%;left:0;box-shadow:0 0 4px rgba(0,0,0,.2)}.weui-slider-box{align-items:center;display:flex}.weui-slider-box .weui-slider{flex:1}.weui-slider-box__value{color:#888;text-align:center;min-width:24px;margin-left:.5em;font-size:14px}";
+
+const Slider = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.onChange = index.createEvent(this, "change", 7);
+    this.onChanging = index.createEvent(this, "changing", 7);
+    this.handleTouchStart = (e) => {
+      if (this.touching || this.disabled)
+        return;
+      this.touching = true;
+      this.touchId = e.targetTouches[0].identifier;
+      this.totalWidth = this.sliderInsRef.clientWidth || 1;
+      this.ogX = e.targetTouches[0].pageX;
+      this.ogPercent = this.percent;
+    };
+    this.handleTouchMove = (e) => {
+      const { disabled, touching, touchId, totalWidth, max, min, ogX, ogPercent } = this;
+      if (!touching || disabled)
+        return;
+      if (e.targetTouches[0].identifier !== touchId)
+        return;
+      // 阻止默认事件
+      e.preventDefault();
+      const pageX = e.targetTouches[0].pageX;
+      const diffX = pageX - ogX;
+      let percent = diffX / totalWidth * 100 + ogPercent;
+      percent = this.handleValueUpdate(percent, 0, 100);
+      const val = min + percent * 0.01 * (max - min);
+      this.updateByStep(val);
+      this.onChanging.emit({
+        detail: e.detail,
+        value: this.value
+      });
+    };
+    this.handleTouchEnd = (e) => {
+      const { disabled, touching } = this;
+      if (!touching || disabled)
+        return;
+      if (this.percent !== this.ogPercent) {
+        this.onChange.emit({
+          detail: e.detail,
+          value: this.value
+        });
+      }
+      this.touching = false;
+      this.touchId = null;
+      this.ogX = 0;
+      this.ogPercent = 0;
+    };
+    this.handleValueUpdate = (e, min = this.min, max = this.max) => {
+      e = isNaN(e) ? 0 : e;
+      return Math.max(min, Math.min(e, max));
+    };
+    this.min = 0;
+    this.max = 100;
+    this.step = 1;
+    this.disabled = false;
+    this.value = 0;
+    this.activeColor = '#1aad19';
+    this.backgroundColor = '#e9e9e9';
+    this.blockSize = 28;
+    this.blockColor = '#ffffff';
+    this.showValue = false;
+    this.name = '';
+    this.totalWidth = 1;
+    this.touching = false;
+    this.ogX = 0;
+    this.touchId = null;
+    this.percent = 0;
+    this.ogPercent = undefined;
+    this.isWillLoadCalled = false;
+  }
+  function(value) {
+    if (!this.isWillLoadCalled)
+      return;
+    const { max, min } = this;
+    if (value !== null) {
+      const val = this.handleValueUpdate(value, min, max);
+      this.updateByStep(val);
+    }
+  }
+  componentDidLoad() {
+    // 在自动化测试时，如果通过 JSX 绑定 touch 事件，
+    // 模拟的 touch 事件只会在浏览器的 device mode 下触发，Karma 跑的测试就会跪。
+    // 因此改为 didLoad 后 addEventListener 的形式。
+    this.handler.addEventListener('touchstart', this.handleTouchStart);
+    this.handler.addEventListener('touchmove', this.handleTouchMove);
+    this.handler.addEventListener('touchend', this.handleTouchEnd);
+  }
+  componentWillLoad() {
+    this.isWillLoadCalled = true;
+    const { value, max, min } = this;
+    const val = this.handleValueUpdate(value, min, max);
+    this.updateByStep(val);
+  }
+  // 根据步长 step 修改 value
+  updateByStep(value) {
+    const { max, min, step } = this;
+    const steps = Math.floor((max - min) / step);
+    for (let i = 0; i <= steps; i++) {
+      const current = min + step * i;
+      const next = i === steps ? null : min + step * (i + 1);
+      if (value === current)
+        break;
+      if (!next && value > current) {
+        // step 不能被 max - min 整除
+        value = current;
+      }
+      if (next && value > current && value < next) {
+        if (value - current < step / 2) {
+          value = current;
+        }
+        else {
+          value = next;
+        }
+        break;
+      }
+    }
+    const percent = (value - min) / (max - min) * 100;
+    this.value = value;
+    this.percent = percent;
+  }
+  render() {
+    const { showValue, backgroundColor, activeColor, blockColor, name, percent, value } = this;
+    let blockSize = this.blockSize;
+    const innerStyles = { backgroundColor };
+    const percentage = percent > 100 ? 100 : percent;
+    const trackStyles = {
+      width: `${percentage}%`,
+      backgroundColor: activeColor
+    };
+    if (blockSize < 12) {
+      blockSize = 12;
+    }
+    if (blockSize > 28) {
+      blockSize = 28;
+    }
+    const handlerStyles = {
+      left: `${percentage}%`,
+      width: `${blockSize}px`,
+      height: `${blockSize}px`,
+      backgroundColor: blockColor,
+      marginTop: `-${Math.floor(blockSize / 2)}px`,
+      marginLeft: `-${Math.floor(blockSize / 2)}px`
+    };
+    return (index.h(index.Host, { class: 'weui-slider-box' }, index.h("div", { class: 'weui-slider' }, index.h("div", { class: 'weui-slider__inner', style: innerStyles, ref: c => (this.sliderInsRef = c) }, index.h("div", { style: trackStyles, class: 'weui-slider__track' }), index.h("div", { class: 'weui-slider__handler', ref: dom => {
+        if (dom)
+          this.handler = dom;
+      }, style: handlerStyles }), index.h("input", { type: 'hidden', name: name, value: value }))), showValue && index.h("div", { class: 'weui-slider-box__value' }, value)));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["function"]
+  }; }
+};
+Slider.style = indexCss;
+
+exports.Slider = Slider;

package/dist/cjs/slot-bb81659e.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const Slot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Slot', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.Slot = Slot;

package/dist/cjs/snapshot-c2520c58.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const Snapshot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Snapshot', this);
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+
+exports.Snapshot = Snapshot;

package/dist/cjs/span-fb1efcaf.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const Span = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Span', this);
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+
+exports.Span = Span;

package/dist/cjs/sticky-header-dcde70ca.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const StickyHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('StickyHeader', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.StickyHeader = StickyHeader;

package/dist/cjs/sticky-section-170bc892.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-ae99cbcc.js');
+const helper = require('./helper-ad6306f6.js');
+
+const StickySection = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('StickySection', this);
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.StickySection = StickySection;