@tarojs/components 3.6.0-canary.9 → 3.6.1-alpha.0

package/dist/components/taro-scroll-view-core.js

@@ -0,0 +1,182 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+import { d as debounce } from './index3.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}";
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onScroll = createEvent(this, "scroll", 3);
+    this.onScrollToUpper = createEvent(this, "scrolltoupper", 3);
+    this.onScrollToLower = createEvent(this, "scrolltolower", 3);
+    this._scrollLeft = 0;
+    this._scrollTop = 0;
+    this.upperAndLower = 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.animated = false;
+  }
+  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) {
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
+    this._scrollLeft = scrollLeft;
+    this._scrollTop = scrollTop;
+    this.upperAndLower();
+    this.onScroll.emit({
+      scrollLeft,
+      scrollTop,
+      scrollHeight,
+      scrollWidth
+    });
+  }
+  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: 'smooth',
+        block: 'center',
+        inline: 'start'
+      });
+    }
+  }
+  componentDidLoad() {
+    const top = Number(this.mpScrollTop);
+    const left = Number(this.mpScrollLeft);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      top, left, animated
+    });
+  }
+  render() {
+    const { scrollX, scrollY } = this;
+    const cls = classnames({
+      'taro-scroll-view__scroll-x': scrollX,
+      'taro-scroll-view__scroll-y': scrollY
+    });
+    return (h(Host, { class: cls }, h("slot", null)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "mpScrollLeft": ["watchScrollLeft"],
+    "mpScrollTop": ["watchScrollTop"],
+    "mpScrollIntoView": ["watchScrollIntoView"]
+  }; }
+  static get style() { return indexCss; }
+}, [4, "taro-scroll-view-core", {
+    "scrollX": [4, "scroll-x"],
+    "scrollY": [4, "scroll-y"],
+    "upperThreshold": [8, "upper-threshold"],
+    "lowerThreshold": [8, "lower-threshold"],
+    "mpScrollTop": [520, "scroll-top"],
+    "mpScrollLeft": [520, "scroll-left"],
+    "mpScrollIntoView": [513, "scroll-into-view"],
+    "animated": [4, "scroll-with-animation"],
+    "mpScrollToMethod": [64],
+    "mpScrollIntoViewMethod": [64]
+  }, [[3, "scroll", "handleScroll"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-scroll-view-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-scroll-view-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ScrollView);
+      }
+      break;
+  } });
+}
+
+const TaroScrollViewCore = ScrollView;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroScrollViewCore, defineCustomElement };
+
+//# sourceMappingURL=taro-scroll-view-core.js.map

package/dist/components/taro-scroll-view-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-scroll-view-core.js","mappings":"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","names":["classNames"],"sources":["./src/components/scroll-view/style/index.scss?tag=taro-scroll-view-core","./src/components/scroll-view/scroll-view.tsx"],"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, Method, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nimport type { ScrollViewContext } from '@tarojs/taro'\n\nfunction easeOutScroll (from: number, to: number, duration = 500, callback?) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n\n  const change = to - from\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, duration)\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 = 0\n  private _scrollTop = 0\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({ attribute: 'scroll-with-animation' }) animated = 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 left = Number(newVal)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      left, animated\n    })\n  }\n\n  @Watch('mpScrollTop')\n  watchScrollTop (newVal) {\n    const top = Number(newVal)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      top, animated\n    })\n  }\n\n  @Watch('mpScrollIntoView')\n  watchScrollIntoView (newVal) {\n    this.mpScrollIntoViewMethod(newVal)\n  }\n\n  @Listen('scroll', { capture: true })\n  handleScroll (e: Event) {\n    if (e instanceof CustomEvent) return\n    e.stopPropagation()\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  }\n\n  @Method()\n  async mpScrollToMethod(object: ScrollViewContext.scrollTo.Option) {\n    let { top, left, duration, animated = false } = object\n\n    if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {\n      if (animated) {\n        easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = top\n      }\n      this._scrollTop = top\n    }\n\n    if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {\n      if (animated) {\n        easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = left\n      }\n      this._scrollLeft = left\n    }\n  }\n\n  @Method()\n  async mpScrollIntoViewMethod(selector: string) {\n    if (typeof selector === 'string' && selector) {\n      document.querySelector(`#${selector}`)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'start'\n      })\n    }\n  }\n\n  componentDidLoad () {\n    const top = Number(this.mpScrollTop)\n    const left = Number(this.mpScrollLeft)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      top, left, animated\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 { scrollX, scrollY } = 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"],"version":3}

package/dist/components/taro-share-element-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroShareElementCore extends Components.TaroShareElementCore, HTMLElement {}
+export const TaroShareElementCore: {
+  prototype: TaroShareElementCore;
+  new (): TaroShareElementCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-share-element-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const ShareElement = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('ShareElement', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-share-element-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-share-element-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-share-element-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ShareElement);
+      }
+      break;
+  } });
+}
+
+const TaroShareElementCore = ShareElement;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroShareElementCore, defineCustomElement };
+
+//# sourceMappingURL=taro-share-element-core.js.map

package/dist/components/taro-share-element-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-share-element-core.js","mappings":";;;MAOa,YAAY;;;;;EACvB,gBAAgB;IACd,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;GACjC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/share-element/share-element.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-share-element-core'\n})\nexport class ShareElement implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('ShareElement', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-slider-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroSliderCore extends Components.TaroSliderCore, HTMLElement {}
+export const TaroSliderCore: {
+  prototype: TaroSliderCore;
+  new (): TaroSliderCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-slider-core.js

@@ -0,0 +1,196 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const Slider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "change", 7);
+    this.onChanging = 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 (h(Host, { class: 'weui-slider-box' }, h("div", { class: 'weui-slider' }, h("div", { class: 'weui-slider__inner', style: innerStyles, ref: c => (this.sliderInsRef = c) }, h("div", { style: trackStyles, class: 'weui-slider__track' }), h("div", { class: 'weui-slider__handler', ref: dom => {
+        if (dom)
+          this.handler = dom;
+      }, style: handlerStyles }), h("input", { type: 'hidden', name: name, value: value }))), showValue && h("div", { class: 'weui-slider-box__value' }, value)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "value": ["function"]
+  }; }
+}, [0, "taro-slider-core", {
+    "min": [2],
+    "max": [2],
+    "step": [2],
+    "disabled": [4],
+    "value": [1538],
+    "activeColor": [1, "active-color"],
+    "backgroundColor": [1, "background-color"],
+    "blockSize": [2, "block-size"],
+    "blockColor": [1, "block-color"],
+    "showValue": [4, "show-value"],
+    "name": [1],
+    "totalWidth": [32],
+    "touching": [32],
+    "ogX": [32],
+    "touchId": [32],
+    "percent": [32],
+    "ogPercent": [32],
+    "isWillLoadCalled": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-slider-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-slider-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Slider);
+      }
+      break;
+  } });
+}
+
+const TaroSliderCore = Slider;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroSliderCore, defineCustomElement };
+
+//# sourceMappingURL=taro-slider-core.js.map

package/dist/components/taro-slider-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-slider-core.js","mappings":";;MAKa,MAAM;;;;;;IA+DjB,qBAAgB,GAAG,CAAC,CAAa;MAC/B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAM;MAE1C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;MACpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;MAC5C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,CAAC,CAAA;MACpD,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;MACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAA;KAC9B,CAAA;IAED,oBAAe,GAAG,CAAC,CAAa;MAC9B,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,EACV,GAAG,EACH,GAAG,EACH,GAAG,EACH,SAAS,EACV,GAAG,IAAI,CAAA;MACR,IAAI,CAAC,QAAQ,IAAI,QAAQ;QAAE,OAAM;MACjC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,OAAO;QAAE,OAAM;;MAGrD,CAAC,CAAC,cAAc,EAAE,CAAA;MAElB,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;MACtC,MAAM,KAAK,GAAG,KAAK,GAAG,GAAG,CAAA;MAEzB,IAAI,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,GAAG,GAAG,SAAS,CAAA;MAClD,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,CAAA;MACjD,MAAM,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAA;MAE9C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;MAEtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACnB,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAA;KACH,CAAA;IAED,mBAAc,GAAG,CAAC,CAAa;MAC7B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;MACnC,IAAI,CAAC,QAAQ,IAAI,QAAQ;QAAE,OAAM;MAEjC,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,SAAS,EAAE;QACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;UACjB,MAAM,EAAE,CAAC,CAAC,MAAM;UAChB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAA;OACH;MAED,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;MACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;MACnB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAA;MACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;KACnB,CAAA;IAED,sBAAiB,GAAG,CAAC,CAAS,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG;MAC5D,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;MACpB,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;KACvC,CAAA;eAvHa,CAAC;eACD,GAAG;gBACF,CAAC;oBACG,KAAK;iBACgC,CAAC;uBACnC,SAAS;2BACL,SAAS;qBACf,EAAE;sBACD,SAAS;qBACV,KAAK;gBACV,EAAE;sBAEK,CAAC;oBACH,KAAK;eACV,CAAC;mBACkB,IAAI;mBACnB,CAAC;;4BAEQ,KAAK;;EAGjC,QAAQ,CAAE,KAAK;IACb,IAAI,CAAC,IAAI,CAAC,gBAAgB;MAAE,OAAM;IAClC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IACzB,IAAI,KAAK,KAAK,IAAI,EAAE;MAClB,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;MACnD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;KACvB;GACF;EAED,gBAAgB;;;;IAId,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAClE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAA;IAChE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;GAC/D;EAYD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAEhC,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;IACnD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;GACvB;;EAmED,YAAY,CAAE,KAAa;IACzB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,CAAA;IAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,EAAE;MAC/B,MAAM,OAAO,GAAG,GAAG,GAAG,IAAI,GAAG,CAAC,CAAA;MAC9B,MAAM,IAAI,GAAG,CAAC,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;MAEtD,IAAI,KAAK,KAAK,OAAO;QAAE,MAAK;MAE5B,IAAI,CAAC,IAAI,IAAI,KAAK,GAAG,OAAO,EAAE;;QAE5B,KAAK,GAAG,OAAO,CAAA;OAChB;MAED,IAAI,IAAI,IAAI,KAAK,GAAG,OAAO,IAAI,KAAK,GAAG,IAAI,EAAE;QAC3C,IAAI,KAAK,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,EAAE;UAC9B,KAAK,GAAG,OAAO,CAAA;SAChB;aAAM;UACL,KAAK,GAAG,IAAI,CAAA;SACb;QACD,MAAK;OACN;KACF;IAED,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;IAEjD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IAClB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;GACvB;EAED,MAAM;IACJ,MAAM,EACJ,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,IAAI,EACJ,OAAO,EACP,KAAK,EACN,GAAG,IAAI,CAAA;IACR,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;IAE9B,MAAM,WAAW,GAAG,EAAE,eAAe,EAAE,CAAA;IACvC,MAAM,UAAU,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,CAAA;IAChD,MAAM,WAAW,GAAG;MAClB,KAAK,EAAE,GAAG,UAAU,GAAG;MACvB,eAAe,EAAE,WAAW;KAC7B,CAAA;IAED,IAAI,SAAS,GAAG,EAAE,EAAE;MAClB,SAAS,GAAG,EAAE,CAAA;KACf;IACD,IAAI,SAAS,GAAG,EAAE,EAAE;MAClB,SAAS,GAAG,EAAE,CAAA;KACf;IAED,MAAM,aAAa,GAAG;MACpB,IAAI,EAAE,GAAG,UAAU,GAAG;MACtB,KAAK,EAAE,GAAG,SAAS,IAAI;MACvB,MAAM,EAAE,GAAG,SAAS,IAAI;MACxB,eAAe,EAAE,UAAU;MAC3B,SAAS,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI;MAC5C,UAAU,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI;KAC9C,CAAA;IACD,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,iBAAiB,IAC3B,WAAK,KAAK,EAAC,aAAa,IACtB,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,YAAY,GAAG,CAAE,CAAC,IACpF,WAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,oBAAoB,GAAG,EACtD,WACE,KAAK,EAAC,sBAAsB,EAC5B,GAAG,EAAE,GAAG;QACN,IAAI,GAAG;UAAE,IAAI,CAAC,OAAO,GAAG,GAAG,CAAA;OAC5B,EACD,KAAK,EAAE,aAAa,GACpB,EACF,aAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAC7C,CACF,EACL,SAAS,IAAI,WAAK,KAAK,EAAC,wBAAwB,IAAE,KAAK,CAAO,CAC1D,EACR;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/slider/slider.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, State, Watch, Host, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-slider-core'\n})\nexport class Slider implements ComponentInterface {\n  private sliderInsRef: HTMLDivElement\n  private handler: HTMLDivElement\n\n  @Element() el: HTMLElement\n\n  @Prop() min = 0\n  @Prop() max = 100\n  @Prop() step = 1\n  @Prop() disabled = false\n  @Prop({ mutable: true, reflect: true }) value: number = 0\n  @Prop() activeColor = '#1aad19'\n  @Prop() backgroundColor = '#e9e9e9'\n  @Prop() blockSize = 28\n  @Prop() blockColor = '#ffffff'\n  @Prop() showValue = false\n  @Prop() name = ''\n\n  @State() totalWidth = 1\n  @State() touching = false\n  @State() ogX = 0\n  @State() touchId: number | null = null\n  @State() percent = 0\n  @State() ogPercent: number\n  @State() isWillLoadCalled = false\n\n  @Watch('value')\n  function (value) {\n    if (!this.isWillLoadCalled) return\n    const { max, min } = this\n    if (value !== null) {\n      const val = this.handleValueUpdate(value, min, max)\n      this.updateByStep(val)\n    }\n  }\n\n  componentDidLoad () {\n    // 在自动化测试时，如果通过 JSX 绑定 touch 事件，\n    // 模拟的 touch 事件只会在浏览器的 device mode 下触发，Karma 跑的测试就会跪。\n    // 因此改为 didLoad 后 addEventListener 的形式。\n    this.handler.addEventListener('touchstart', this.handleTouchStart)\n    this.handler.addEventListener('touchmove', this.handleTouchMove)\n    this.handler.addEventListener('touchend', this.handleTouchEnd)\n  }\n\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  @Event({\n    eventName: 'changing'\n  })\n  onChanging: EventEmitter\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n    const { value, max, min } = this\n\n    const val = this.handleValueUpdate(value, min, max)\n    this.updateByStep(val)\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    if (this.touching || this.disabled) return\n\n    this.touching = true\n    this.touchId = e.targetTouches[0].identifier\n    this.totalWidth = this.sliderInsRef.clientWidth || 1\n    this.ogX = e.targetTouches[0].pageX\n    this.ogPercent = this.percent\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    const {\n      disabled,\n      touching,\n      touchId,\n      totalWidth,\n      max,\n      min,\n      ogX,\n      ogPercent\n    } = this\n    if (!touching || disabled) return\n    if (e.targetTouches[0].identifier !== touchId) return\n\n    // 阻止默认事件\n    e.preventDefault()\n\n    const pageX = e.targetTouches[0].pageX\n    const diffX = pageX - ogX\n\n    let percent = diffX / totalWidth * 100 + ogPercent\n    percent = this.handleValueUpdate(percent, 0, 100)\n    const val = min + percent * 0.01 * (max - min)\n\n    this.updateByStep(val)\n\n    this.onChanging.emit({\n      detail: e.detail,\n      value: this.value\n    })\n  }\n\n  handleTouchEnd = (e: TouchEvent) => {\n    const { disabled, touching } = this\n    if (!touching || disabled) return\n\n    if (this.percent !== this.ogPercent) {\n      this.onChange.emit({\n        detail: e.detail,\n        value: this.value\n      })\n    }\n\n    this.touching = false\n    this.touchId = null\n    this.ogX = 0\n    this.ogPercent = 0\n  }\n\n  handleValueUpdate = (e: number, min = this.min, max = this.max) => {\n    e = isNaN(e) ? 0 : e\n    return Math.max(min, Math.min(e, max))\n  }\n\n  // 根据步长 step 修改 value\n  updateByStep (value: number) {\n    const { max, min, step } = this\n    const steps = Math.floor((max - min) / step)\n    for (let i = 0; i <= steps; i++) {\n      const current = min + step * i\n      const next = i === steps ? null : min + step * (i + 1)\n\n      if (value === current) break\n\n      if (!next && value > current) {\n        // step 不能被 max - min 整除\n        value = current\n      }\n\n      if (next && value > current && value < next) {\n        if (value - current < step / 2) {\n          value = current\n        } else {\n          value = next\n        }\n        break\n      }\n    }\n\n    const percent = (value - min) / (max - min) * 100\n\n    this.value = value\n    this.percent = percent\n  }\n\n  render () {\n    const {\n      showValue,\n      backgroundColor,\n      activeColor,\n      blockColor,\n      name,\n      percent,\n      value\n    } = this\n    let blockSize = this.blockSize\n\n    const innerStyles = { backgroundColor }\n    const percentage = percent > 100 ? 100 : percent\n    const trackStyles = {\n      width: `${percentage}%`,\n      backgroundColor: activeColor\n    }\n\n    if (blockSize < 12) {\n      blockSize = 12\n    }\n    if (blockSize > 28) {\n      blockSize = 28\n    }\n\n    const handlerStyles = {\n      left: `${percentage}%`,\n      width: `${blockSize}px`,\n      height: `${blockSize}px`,\n      backgroundColor: blockColor,\n      marginTop: `-${Math.floor(blockSize / 2)}px`,\n      marginLeft: `-${Math.floor(blockSize / 2)}px`\n    }\n    return (\n      <Host class='weui-slider-box'>\n        <div class='weui-slider'>\n          <div class='weui-slider__inner' style={innerStyles} ref={c => (this.sliderInsRef = c!)}>\n            <div style={trackStyles} class='weui-slider__track' />\n            <div\n              class='weui-slider__handler'\n              ref={dom => {\n                if (dom) this.handler = dom\n              }}\n              style={handlerStyles}\n            />\n            <input type='hidden' name={name} value={value} />\n          </div>\n        </div>\n        {showValue && <div class='weui-slider-box__value'>{value}</div>}\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-slot-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroSlotCore extends Components.TaroSlotCore, HTMLElement {}
+export const TaroSlotCore: {
+  prototype: TaroSlotCore;
+  new (): TaroSlotCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-slot-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Slot = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Slot', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-slot-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-slot-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-slot-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Slot);
+      }
+      break;
+  } });
+}
+
+const TaroSlotCore = Slot;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroSlotCore, defineCustomElement };
+
+//# sourceMappingURL=taro-slot-core.js.map

package/dist/components/taro-slot-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-slot-core.js","mappings":";;;MAOa,IAAI;;;;;EACf,gBAAgB;IACd,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;GACzB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/slot/slot.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-slot-core'\n})\nexport class Slot implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Slot', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-swiper-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroSwiperCore extends Components.TaroSwiperCore, HTMLElement {}
+export const TaroSwiperCore: {
+  prototype: TaroSwiperCore;
+  new (): TaroSwiperCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;