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

package/dist/components/taro-picker-view-column-core.js

@@ -0,0 +1,115 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as debounce } from './index3.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}";
+
+const PickerViewColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "onselect", 7);
+    this.onSelectStart = createEvent(this, "onselectstart", 7);
+    this.onSelectEnd = createEvent(this, "onselectend", 7);
+    // 滚动结束自动回到合适的位置
+    this.handleSelected = debounce(() => {
+      const childList = this.el.childNodes;
+      let sum = 0;
+      let selectedIndex = '0';
+      for (const index in childList) {
+        const item = childList[index];
+        const itemHeight = item.offsetHeight;
+        if (sum + itemHeight / 2.0 > this.el.scrollTop) {
+          selectedIndex = index;
+          break;
+        }
+        sum += itemHeight;
+      }
+      this.el.scrollTo({
+        top: sum,
+        behavior: 'smooth'
+      });
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: selectedIndex
+      });
+      this.onSelectEnd.emit();
+    }, 500);
+    this.col = undefined;
+    this.initialPosition = '0';
+    this.paddingVertical = 0;
+    this.isInit = false;
+    this.isMove = false;
+  }
+  onScroll(_event) {
+    if (!this.isMove) {
+      this.isMove = true;
+      this.onSelectStart.emit();
+    }
+    this.handleSelected();
+  }
+  onMouseEnd() {
+    if (!this.isMove)
+      return;
+    this.isMove = false;
+    this.handleSelected();
+  }
+  onTouchEnd() {
+    this.isMove = false;
+    this.handleSelected();
+  }
+  componentDidUpdate() {
+    if (!this.isInit) {
+      this.isInit = true;
+      const childList = this.el.childNodes;
+      let idx = 0;
+      let sum = 0;
+      for (const index in childList) {
+        const item = childList[index];
+        if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
+          break;
+        }
+        sum += item.offsetHeight;
+        idx++;
+      }
+      this.el.scrollTo({ top: sum });
+      if (idx >= childList.length) {
+        this.onChange.emit({
+          curIndex: this.col,
+          selectedIndex: idx - 1
+        });
+      }
+    }
+  }
+  render() {
+    const { paddingVertical = 0 } = this;
+    return (h(Host, { class: "taro-picker-view-column-container", style: { 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` } }));
+  }
+  get el() { return this; }
+  static get style() { return columnCss; }
+}, [0, "taro-picker-view-column-core", {
+    "col": [1],
+    "initialPosition": [1, "initial-position"],
+    "paddingVertical": [2, "padding-vertical"],
+    "isInit": [32],
+    "isMove": [32]
+  }, [[1, "scroll", "onScroll"], [1, "mouseup", "onMouseEnd"], [1, "mouseout", "onMouseEnd"], [1, "mouseleave", "onMouseEnd"], [1, "touchend", "onTouchEnd"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-picker-view-column-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-picker-view-column-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PickerViewColumn);
+      }
+      break;
+  } });
+}
+
+const TaroPickerViewColumnCore = PickerViewColumn;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroPickerViewColumnCore, defineCustomElement };
+
+//# sourceMappingURL=taro-picker-view-column-core.js.map

package/dist/components/taro-picker-view-column-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-picker-view-column-core.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,iRAAiR;;MCQtR,gBAAgB;;;;;;;;IAyE3B,mBAAc,GAAG,QAAQ,CAAC;MACxB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAA;MACpC,IAAI,GAAG,GAAG,CAAC,CAAA;MACX,IAAI,aAAa,GAAW,GAAG,CAAA;MAC/B,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE;QAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAgB,CAAA;QAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAA;QACpC,IAAI,GAAG,GAAG,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE;UAC9C,aAAa,GAAG,KAAK,CAAA;UACrB,MAAK;SACN;QACD,GAAG,IAAI,UAAU,CAAA;OAClB;MAED,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;QACf,GAAG,EAAE,GAAG;QACR,QAAQ,EAAE,QAAQ;OACnB,CAAC,CAAA;MACF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,QAAQ,EAAE,IAAI,CAAC,GAAG;QAClB,aAAa,EAAE,aAAa;OAC7B,CAAC,CAAA;MACF,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;KACxB,EAAE,GAAG,CAAC,CAAA;;2BAxFoD,GAAG;2BAGH,CAAC;kBAG1C,KAAK;kBAGL,KAAK;;EAQvB,QAAQ,CAAC,MAAe;IACtB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;MAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;KAC1B;IACD,IAAI,CAAC,cAAc,EAAE,CAAA;GACtB;EAKD,UAAU;IACR,IAAI,CAAC,IAAI,CAAC,MAAM;MAAE,OAAM;IACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;IACnB,IAAI,CAAC,cAAc,EAAE,CAAA;GACtB;EAGD,UAAU;IACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;IACnB,IAAI,CAAC,cAAc,EAAE,CAAA;GACtB;EAED,kBAAkB;IAChB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;MAClB,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAA;MACpC,IAAI,GAAG,GAAG,CAAC,CAAA;MACX,IAAI,GAAG,GAAG,CAAC,CAAA;MACX,KAAK,MAAM,KAAK,IAAI,SAAS,EAAE;QAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAgB,CAAA;QAC5C,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;UACpF,MAAK;SACN;QACD,GAAG,IAAI,IAAI,CAAC,YAAY,CAAA;QACxB,GAAG,EAAE,CAAA;OACN;MACD,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;MAC9B,IAAI,GAAG,IAAI,SAAS,CAAC,MAAM,EAAE;QAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;UACjB,QAAQ,EAAE,IAAI,CAAC,GAAG;UAClB,aAAa,EAAE,GAAG,GAAG,CAAC;SACvB,CAAC,CAAA;OACH;KACF;GACF;EA4BD,MAAM;IACJ,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,GAAG,IAAI,CAAA;IACpC,QACE,EAAC,IAAI,IACH,KAAK,EAAC,mCAAmC,EACzC,KAAK,EAAE,EAAE,aAAa,EAAE,GAAG,eAAe,IAAI,EAAE,gBAAgB,EAAE,GAAG,eAAe,IAAI,EAAE,GAC1F,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/picker-view/style/column.scss?tag=taro-picker-view-column-core","./src/components/picker-view/picker-view-column.tsx"],"sourcesContent":[".taro-picker-view {\n  &-column {\n    &-container {\n      display: flex;\n      overflow: scroll;\n      overflow-x: hidden;\n      position: relative;\n      flex-direction: column;\n      flex: 1;\n      text-align: center;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Listen, Element, Event, EventEmitter, Prop, State } from '@stencil/core'\n\nimport { debounce } from '../../utils'\n\n@Component({\n  tag: 'taro-picker-view-column-core',\n  styleUrl: './style/column.scss'\n})\nexport class PickerViewColumn {\n  // 当前 ref\n  @Element() el: HTMLElement\n\n  // 标记属于 picker 第几列\n  @Prop() col: string\n\n  // 初始化的选中位置\n  @Prop({ attribute: 'initial-position' }) initialPosition = '0'\n\n  // 滑动距离上下留白区域-通过父视图和 indicator 计算而来\n  @Prop({ attribute: 'padding-vertical' }) paddingVertical = 0\n\n  @State()\n  isInit: boolean = false\n\n  @State()\n  isMove: boolean = false\n\n  // 选中后的结果回调\n  @Event({ eventName: 'onselect' }) onChange: EventEmitter\n  @Event({ eventName: 'onselectstart' }) onSelectStart: EventEmitter\n  @Event({ eventName: 'onselectend' }) onSelectEnd: EventEmitter\n\n  @Listen('scroll')\n  onScroll(_event: UIEvent) {\n    if (!this.isMove) {\n      this.isMove = true\n      this.onSelectStart.emit()\n    }\n    this.handleSelected()\n  }\n\n  @Listen('mouseup')\n  @Listen('mouseout')\n  @Listen('mouseleave')\n  onMouseEnd() {\n    if (!this.isMove) return\n    this.isMove = false\n    this.handleSelected()\n  }\n\n  @Listen('touchend')\n  onTouchEnd() {\n    this.isMove = false\n    this.handleSelected()\n  }\n\n  componentDidUpdate() {\n    if (!this.isInit) {\n      this.isInit = true\n      const childList = this.el.childNodes\n      let idx = 0\n      let sum = 0\n      for (const index in childList) {\n        const item = childList[index] as HTMLElement\n        if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {\n          break\n        }\n        sum += item.offsetHeight\n        idx++\n      }\n      this.el.scrollTo({ top: sum })\n      if (idx >= childList.length) {\n        this.onChange.emit({\n          curIndex: this.col,\n          selectedIndex: idx - 1\n        })\n      }\n    }\n  }\n\n  // 滚动结束自动回到合适的位置\n  handleSelected = debounce(() => {\n    const childList = this.el.childNodes\n    let sum = 0\n    let selectedIndex: string = '0'\n    for (const index in childList) {\n      const item = childList[index] as HTMLElement\n      const itemHeight = item.offsetHeight\n      if (sum + itemHeight / 2.0 > this.el.scrollTop) {\n        selectedIndex = index\n        break\n      }\n      sum += itemHeight\n    }\n\n    this.el.scrollTo({\n      top: sum,\n      behavior: 'smooth'\n    })\n    this.onChange.emit({\n      curIndex: this.col,\n      selectedIndex: selectedIndex\n    })\n    this.onSelectEnd.emit()\n  }, 500)\n\n  render() {\n    const { paddingVertical = 0 } = this\n    return (\n      <Host\n        class=\"taro-picker-view-column-container\"\n        style={{ 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` }}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-picker-view-core.d.ts

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

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

@@ -0,0 +1,114 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+function convertStyle(style) {
+  if (style) {
+    const regex = /([\w-]*)\s*:\s*([^;]*)/g;
+    const properties = {};
+    let match;
+    while ((match = regex.exec(style)))
+      properties[`${match[1]}`] = match[2].trim();
+    return properties;
+  }
+}
+
+const indexCss = ".taro-picker-view-container{display:-ms-flexbox;display:flex;position:relative}.taro-picker-view-mask-container{display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;top:0;bottom:0;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.taro-picker-view-mask-indicator{display:-ms-flexbox;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px}.taro-picker-view-mask-top{-ms-flex:1;flex:1;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}.taro-picker-view-mask-bottom{-ms-flex:1;flex:1;background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background:linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}";
+
+const PickerView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "change", 7);
+    this.onPickStart = createEvent(this, "pickstart", 7);
+    this.onPickEnd = createEvent(this, "pickend", 7);
+    this.indicatorStyle = undefined;
+    this.indicatorClass = undefined;
+    this.value = undefined;
+    this.maskStyle = undefined;
+    this.maskClass = undefined;
+  }
+  onSelect(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    let _curIndex = +e.detail.curIndex;
+    let _selectedIndex = +e.detail.selectedIndex;
+    this.value[_curIndex] = _selectedIndex;
+    this.onChange.emit({ value: this.value });
+  }
+  onSelectStart(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickStart.emit();
+  }
+  onPickerColEnd(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickEnd.emit();
+  }
+  componentDidLoad() {
+    const childList = this.el.querySelectorAll('taro-picker-view-column-core');
+    childList.forEach((element, index) => {
+      var _a;
+      element.setAttribute('col', `${index}`);
+      let selectIndex = '0';
+      if (!!this.value && this.value.length > index) {
+        selectIndex = `${this.value[index]}`;
+      }
+      const pickerHeight = this.el.getBoundingClientRect().height;
+      const indicatorHeight = ((_a = this.indicator) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+      const paddingVertical = (pickerHeight - indicatorHeight) / 2.0;
+      element.setAttribute('initial-position', `${selectIndex}`);
+      element.setAttribute('padding-vertical', `${paddingVertical}`);
+    });
+  }
+  // 过滤非 PickerViewColumn 组件
+  componentDidRender() {
+    this.el.childNodes.forEach(item => {
+      const childEle = item;
+      if ('TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&
+        childEle.className !== 'taro-picker-view-mask-container') {
+        this.el.removeChild(item);
+      }
+    });
+  }
+  render() {
+    const indicatorCls = classnames('taro-picker-view-mask-indicator', this.indicatorClass);
+    const maskTopCls = classnames('taro-picker-view-mask-top', this.maskClass);
+    const maskBtmCls = classnames('taro-picker-view-mask-bottom', this.maskClass);
+    const indicatorStyle = convertStyle(this.indicatorStyle);
+    const maskTopStyle = convertStyle(this.maskStyle);
+    const maskBottomStyle = convertStyle(this.maskStyle);
+    return (h(Host, { class: "taro-picker-view-container" }, h("slot", null), h("div", { class: "taro-picker-view-mask-container" }, h("div", { class: maskTopCls, style: maskTopStyle }), h("div", { class: indicatorCls, style: indicatorStyle, ref: indicator => (this.indicator = indicator) }), h("div", { class: maskBtmCls, style: maskBottomStyle }))));
+  }
+  get el() { return this; }
+  static get style() { return indexCss; }
+}, [4, "taro-picker-view-core", {
+    "indicatorStyle": [1, "indicator-style"],
+    "indicatorClass": [1, "indicator-class"],
+    "value": [16],
+    "maskStyle": [1, "mask-style"],
+    "maskClass": [1, "mask-class"]
+  }, [[0, "onselect", "onSelect"], [0, "onselectstart", "onSelectStart"], [0, "onselectend", "onPickerColEnd"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-picker-view-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-picker-view-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PickerView);
+      }
+      break;
+  } });
+}
+
+const TaroPickerViewCore = PickerView;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroPickerViewCore, defineCustomElement };
+
+//# sourceMappingURL=taro-picker-view-core.js.map

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

@@ -0,0 +1 @@
+{"file":"taro-picker-view-core.js","mappings":";;;SAAgB,YAAY,CAAE,KAAc;EAC1C,IAAI,KAAK,EAAE;IACT,MAAM,KAAK,GAAG,yBAAyB,CAAA;IACvC,MAAM,UAAU,GAA2B,EAAE,CAAA;IAC7C,IAAI,KAAK,CAAA;IACT,QAAQ,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;MAAG,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;IAC/E,OAAO,UAAU,CAAA;GAClB;AACH;;ACRA,MAAM,QAAQ,GAAG,45BAA45B;;MCSh6B,UAAU;;;;;;;;;;;;;EAkCrB,QAAQ,CAAC,CAA2D;IAClE,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAK,CAAC,CAAC,MAAkB,CAAC,OAAO,KAAK,8BAA8B;MAAE,OAAM;IAC5E,IAAI,SAAS,GAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAA;IAC1C,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAA;IAC5C,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,cAAc,CAAA;IACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;GAC1C;EAGD,aAAa,CAAC,CAA2D;IACvE,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAK,CAAC,CAAC,MAAkB,CAAC,OAAO,KAAK,8BAA8B;MAAE,OAAM;IAC5E,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;GACxB;EAGD,cAAc,CAAC,CAA2D;IACxE,CAAC,CAAC,eAAe,EAAE,CAAA;IACnB,IAAK,CAAC,CAAC,MAAkB,CAAC,OAAO,KAAK,8BAA8B;MAAE,OAAM;IAC5E,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;GACtB;EAED,gBAAgB;IACd,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CAAA;IAC1E,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK;;MAC/B,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;MACvC,IAAI,WAAW,GAAG,GAAG,CAAA;MACrB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE;QAC7C,WAAW,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA;OACrC;MACD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAA;MAC3D,MAAM,eAAe,GAAG,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,YAAY,KAAI,CAAC,CAAA;MACzD,MAAM,eAAe,GAAG,CAAC,YAAY,GAAG,eAAe,IAAI,GAAG,CAAA;MAC9D,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAC,CAAA;MAC1D,OAAO,CAAC,YAAY,CAAC,kBAAkB,EAAE,GAAG,eAAe,EAAE,CAAC,CAAA;KAC/D,CAAC,CAAA;GACH;;EAGD,kBAAkB;IAChB,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI;MAC7B,MAAM,QAAQ,GAAG,IAAmB,CAAA;MACpC,IACE,8BAA8B,KAAK,QAAQ,CAAC,OAAO;QACnD,QAAQ,CAAC,SAAS,KAAK,iCAAiC,EACxD;QACA,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;OAC1B;KACF,CAAC,CAAA;GACH;EAED,MAAM;IACJ,MAAM,YAAY,GAAGA,UAAU,CAAC,iCAAiC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IACvF,MAAM,UAAU,GAAGA,UAAU,CAAC,2BAA2B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAC1E,MAAM,UAAU,GAAGA,UAAU,CAAC,8BAA8B,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAC7E,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IACxD,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACjD,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAEpD,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,4BAA4B,IACtC,eAAQ,EACR,WAAK,KAAK,EAAC,iCAAiC,IAC1C,WAAK,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAI,EAC/C,WAAK,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,GAAI,EACnG,WAAK,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,GAAI,CAC9C,CACD,EACR;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["classNames"],"sources":["./src/utils/style.ts","./src/components/picker-view/style/index.scss?tag=taro-picker-view-core","./src/components/picker-view/picker-view.tsx"],"sourcesContent":["export function convertStyle (style?: string): Record<string, string> | undefined {\n  if (style) {\n    const regex = /([\\w-]*)\\s*:\\s*([^;]*)/g\n    const properties: Record<string, string> = {}\n    let match\n    while ((match = regex.exec(style))) properties[`${match[1]}`] = match[2].trim()\n    return properties\n  }\n}\n",".taro-picker-view {\n  &-container {\n    display: flex;\n    position: relative;\n  }\n\n  &-mask {\n    &-container {\n      display: flex;\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      flex-direction: column;\n      pointer-events: none;\n    }\n\n    &-indicator {\n      display: flex;\n      border-top: 1px solid #ddd;\n      border-bottom: 1px solid #ddd;\n      height: 50px;\n    }\n\n    &-top {\n      flex: 1;\n      background-image: linear-gradient(to bottom, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n    }\n\n    &-bottom {\n      flex: 1;\n      background: linear-gradient(to top, rgb(255 255 255 / 95%), rgb(255 255 255 / 60%));\n    }\n  }\n}\n","import { Component, h, Host, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { convertStyle } from '../../utils'\n\n@Component({\n  tag: 'taro-picker-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class PickerView {\n  private indicator: HTMLDivElement | undefined\n  // 当前ref\n  @Element() el: HTMLElement\n  // 指示标的样式\n  @Prop() indicatorStyle: string\n  @Prop() indicatorClass: string\n\n  // 初始化的数据\n  @Prop() value: number[]\n\n  // 蒙层特效\n  @Prop() maskStyle: string\n\n  // 蒙层特效\n  @Prop() maskClass: string\n\n  // 外部回调\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  @Event({\n    eventName: 'pickstart'\n  })\n  onPickStart: EventEmitter\n\n  @Event({\n    eventName: 'pickend'\n  })\n  onPickEnd: EventEmitter\n\n  @Listen('onselect')\n  onSelect(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n    e.stopPropagation()\n    if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n    let _curIndex: number = +e.detail.curIndex\n    let _selectedIndex = +e.detail.selectedIndex\n    this.value[_curIndex] = _selectedIndex\n    this.onChange.emit({ value: this.value })\n  }\n\n  @Listen('onselectstart')\n  onSelectStart(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n    e.stopPropagation()\n    if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n    this.onPickStart.emit()\n  }\n\n  @Listen('onselectend')\n  onPickerColEnd(e: CustomEvent<{ curIndex: string; selectedIndex: string }>) {\n    e.stopPropagation()\n    if ((e.target as Element).tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE') return\n    this.onPickEnd.emit()\n  }\n\n  componentDidLoad() {\n    const childList = this.el.querySelectorAll('taro-picker-view-column-core')\n    childList.forEach((element, index) => {\n      element.setAttribute('col', `${index}`)\n      let selectIndex = '0'\n      if (!!this.value && this.value.length > index) {\n        selectIndex = `${this.value[index]}`\n      }\n      const pickerHeight = this.el.getBoundingClientRect().height\n      const indicatorHeight = this.indicator?.offsetHeight || 0\n      const paddingVertical = (pickerHeight - indicatorHeight) / 2.0\n      element.setAttribute('initial-position', `${selectIndex}`)\n      element.setAttribute('padding-vertical', `${paddingVertical}`)\n    })\n  }\n\n  // 过滤非 PickerViewColumn 组件\n  componentDidRender() {\n    this.el.childNodes.forEach(item => {\n      const childEle = item as HTMLElement\n      if (\n        'TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&\n        childEle.className !== 'taro-picker-view-mask-container'\n      ) {\n        this.el.removeChild(item)\n      }\n    })\n  }\n\n  render() {\n    const indicatorCls = classNames('taro-picker-view-mask-indicator', this.indicatorClass)\n    const maskTopCls = classNames('taro-picker-view-mask-top', this.maskClass)\n    const maskBtmCls = classNames('taro-picker-view-mask-bottom', this.maskClass)\n    const indicatorStyle = convertStyle(this.indicatorStyle)\n    const maskTopStyle = convertStyle(this.maskStyle)\n    const maskBottomStyle = convertStyle(this.maskStyle)\n\n    return (\n      <Host class=\"taro-picker-view-container\">\n        <slot />\n        <div class=\"taro-picker-view-mask-container\">\n          <div class={maskTopCls} style={maskTopStyle} />\n          <div class={indicatorCls} style={indicatorStyle} ref={indicator => (this.indicator = indicator)} />\n          <div class={maskBtmCls} style={maskBottomStyle} />\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,62 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const Progress = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.percent = 0;
+    this.showInfo = false;
+    this.borderRadius = 0;
+    this.fontSize = 16;
+    this.strokeWidth = 6;
+    this.activeColor = '#09BB07';
+    this.backgroundColor = '#EBEBEB';
+    this.active = false;
+  }
+  render() {
+    const { percent, showInfo, borderRadius, fontSize, strokeWidth, activeColor, backgroundColor, active } = this;
+    const pgPercent = percent > 100 ? 100 : percent < 0 ? 0 : percent;
+    const pgHeight = {
+      height: strokeWidth + 'px',
+      backgroundColor
+    };
+    const transition = active ? 'width 1s ease-in-out' : 'none';
+    const pgWidth = {
+      width: `${pgPercent}%`,
+      transition,
+      WebkitTransition: transition,
+      backgroundColor: activeColor,
+      borderRadius: borderRadius ? `${borderRadius}px` : '0px'
+    };
+    return (h(Host, { class: 'weui-progress' }, h("div", { class: 'weui-progress__bar', style: pgHeight }, h("div", { class: 'weui-progress__inner-bar', style: pgWidth })), showInfo && (h("div", { class: 'weui-progress__opr', style: { 'font-size': `${fontSize}px` } }, h("span", null, pgPercent, "%")))));
+  }
+}, [0, "taro-progress-core", {
+    "percent": [2],
+    "showInfo": [4, "show-info"],
+    "borderRadius": [8, "border-radius"],
+    "fontSize": [8, "font-size"],
+    "strokeWidth": [8, "stroke-width"],
+    "activeColor": [1, "active-color"],
+    "backgroundColor": [1, "background-color"],
+    "active": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-progress-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-progress-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Progress);
+      }
+      break;
+  } });
+}
+
+const TaroProgressCore = Progress;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroProgressCore, defineCustomElement };
+
+//# sourceMappingURL=taro-progress-core.js.map

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

@@ -0,0 +1 @@
+{"file":"taro-progress-core.js","mappings":";;MAKa,QAAQ;;;;mBACD,CAAC;oBACA,KAAK;wBACgB,CAAC;oBACL,EAAE;uBACC,CAAC;uBAClB,SAAS;2BACL,SAAS;kBAClB,KAAK;;EAEtB,MAAM;IACJ,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,eAAe,EACf,MAAM,EACP,GAAG,IAAI,CAAA;IAER,MAAM,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO,CAAA;IACjE,MAAM,QAAQ,GAAG;MACf,MAAM,EAAE,WAAW,GAAG,IAAI;MAC1B,eAAe;KAChB,CAAA;IACD,MAAM,UAAU,GAAG,MAAM,GAAG,sBAAsB,GAAG,MAAM,CAAA;IAC3D,MAAM,OAAO,GAAG;MACd,KAAK,EAAE,GAAG,SAAS,GAAG;MACtB,UAAU;MACV,gBAAgB,EAAE,UAAU;MAC5B,eAAe,EAAE,WAAW;MAC5B,YAAY,EAAE,YAAY,GAAG,GAAG,YAAY,IAAI,GAAG,KAAK;KACzD,CAAA;IAED,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACzB,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,QAAQ,IAC7C,WAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,OAAO,GAAI,CACpD,EAEL,QAAQ,KACP,WAAK,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,QAAQ,IAAI,EAAE,IACrE,gBAAO,SAAS,MAAS,CACrB,CACP,CACI,EACR;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/progress/progress.tsx"],"sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-progress-core'\n})\nexport class Progress implements ComponentInterface {\n  @Prop() percent = 0\n  @Prop() showInfo = false\n  @Prop() borderRadius: number | string = 0\n  @Prop() fontSize: number | string = 16\n  @Prop() strokeWidth: number | string = 6\n  @Prop() activeColor = '#09BB07'\n  @Prop() backgroundColor = '#EBEBEB'\n  @Prop() active = false\n\n  render () {\n    const {\n      percent,\n      showInfo,\n      borderRadius,\n      fontSize,\n      strokeWidth,\n      activeColor,\n      backgroundColor,\n      active\n    } = this\n\n    const pgPercent = percent > 100 ? 100 : percent < 0 ? 0 : percent\n    const pgHeight = {\n      height: strokeWidth + 'px',\n      backgroundColor\n    }\n    const transition = active ? 'width 1s ease-in-out' : 'none'\n    const pgWidth = {\n      width: `${pgPercent}%`,\n      transition,\n      WebkitTransition: transition,\n      backgroundColor: activeColor,\n      borderRadius: borderRadius ? `${borderRadius}px` : '0px'\n    }\n\n    return (\n      <Host class='weui-progress'>\n        <div class='weui-progress__bar' style={pgHeight}>\n          <div class='weui-progress__inner-bar' style={pgWidth} />\n        </div>\n\n        {showInfo && (\n          <div class='weui-progress__opr' style={{ 'font-size': `${fontSize}px` }}>\n            <span>{pgPercent}%</span>\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-pull-to-refresh.d.ts

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

package/dist/components/taro-pull-to-refresh.js

@@ -0,0 +1,284 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import Taro from '@tarojs/taro';
+import { c as classnames } from './index2.js';
+
+const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{overflow:hidden;min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
+
+function setTransform(nodeStyle, value) {
+  nodeStyle.transform = value;
+  nodeStyle.webkitTransform = value;
+  nodeStyle.MozTransform = value;
+}
+const isWebView = typeof navigator !== 'undefined' &&
+  /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);
+const INDICATOR = {
+  activate: 'release',
+  deactivate: 'pull',
+  release: 'loading',
+  finish: 'finish'
+};
+let supportsPassive = false;
+try {
+  const opts = Object.defineProperty({}, 'passive', {
+    get() {
+      supportsPassive = true;
+    }
+  });
+  window.addEventListener('cancel', () => ({}), opts);
+}
+catch (e) { }
+const willPreventDefault = supportsPassive ? { passive: false } : false;
+const PullToRefresh = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onRefresh = createEvent(this, "refresh", 7);
+    this._ScreenY = 0;
+    this._startScreenY = 0;
+    this._lastScreenY = 0;
+    this._isMounted = false;
+    this.triggerPullDownRefresh = (flag) => {
+      // 在初始化时、用代码 自动 触发 pullDownRefresh
+      // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish
+      if (!this.dragOnEdge && this._isMounted) {
+        if (flag) {
+          this._lastScreenY = this.distanceToRefresh + 1;
+          // change dom need after setState
+          this.currSt = 'release';
+          this.setContentStyle(this._lastScreenY);
+        }
+        else {
+          this.currSt = 'finish';
+          this.reset();
+        }
+      }
+    };
+    this.init = () => {
+      const ele = this.scrollContainer;
+      const child = this.el.querySelector('rmc-pull-to-refresh-content');
+      this.el.appendChild = child === null || child === void 0 ? void 0 : child.appendChild.bind(child);
+      this.el.insertBefore = child === null || child === void 0 ? void 0 : child.insertBefore.bind(child);
+      this.el.replaceChild = child === null || child === void 0 ? void 0 : child.replaceChild.bind(child);
+      this.el.removeChild = child === null || child === void 0 ? void 0 : child.removeChild.bind(child);
+      this._to = {
+        touchstart: this.onTouchStart.bind(this, ele),
+        touchmove: this.onTouchMove.bind(this, ele),
+        touchend: this.onTouchEnd.bind(this, ele),
+        touchcancel: this.onTouchEnd.bind(this, ele)
+      };
+      Object.keys(this._to).forEach(key => {
+        ele.addEventListener(key, this._to[key], willPreventDefault);
+      });
+    };
+    this.destroy = () => {
+      const ele = this.scrollContainer;
+      Object.keys(this._to).forEach(key => {
+        ele.removeEventListener(key, this._to[key]);
+      });
+    };
+    this.onTouchStart = (_, e) => {
+      this._ScreenY = this._startScreenY = e.touches[0].screenY;
+      // 一开始 refreshing 为 true 时 this._lastScreenY 有值
+      this._lastScreenY = this._lastScreenY || 0;
+    };
+    this.isEdge = (ele) => {
+      const container = this.scrollContainer;
+      if (container && container === document.body) {
+        // In chrome61 `document.body.scrollTop` is invalid
+        const scrollNode = document.scrollingElement ? document.scrollingElement : document.body;
+        return scrollNode.scrollTop <= 0;
+      }
+      return ele.scrollTop <= 0;
+    };
+    this.damp = (dy) => {
+      if (Math.abs(this._lastScreenY) > this.damping) {
+        return 0;
+      }
+      const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height;
+      dy *= (1 - ratio) * 0.6;
+      return dy;
+    };
+    this.onTouchMove = (ele, e) => {
+      // 使用 pageY 对比有问题
+      const _screenY = e.touches[0].screenY;
+      // 拖动方向不符合的不处理
+      if (this._startScreenY > _screenY) {
+        return;
+      }
+      if (this.isEdge(ele)) {
+        if (!this.dragOnEdge) {
+          // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义
+          // 下面这行代码解决了上面这个问题
+          this._ScreenY = this._startScreenY = e.touches[0].screenY;
+          this.dragOnEdge = true;
+        }
+        if (e.cancelable) {
+          e.preventDefault();
+        }
+        // add stopPropagation with fastclick will trigger content onClick event. why?
+        // ref https://github.com/ant-design/ant-design-mobile/issues/2141
+        // e.stopPropagation();
+        const _diff = Math.round(_screenY - this._ScreenY);
+        this._ScreenY = _screenY;
+        this._lastScreenY += this.damp(_diff);
+        this.setContentStyle(this._lastScreenY);
+        if (Math.abs(this._lastScreenY) < this.distanceToRefresh) {
+          if (this.currSt !== 'deactivate') {
+            // console.log('back to the distance');
+            this.currSt = 'deactivate';
+          }
+        }
+        else {
+          if (this.currSt === 'deactivate') {
+            // console.log('reach to the distance');
+            this.currSt = 'activate';
+          }
+        }
+        // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829
+        // iOS UIWebView issue, It seems no problem in WKWebView
+        if (isWebView && e.changedTouches[0].clientY < 0) {
+          this.onTouchEnd();
+        }
+      }
+    };
+    this.onTouchEnd = () => {
+      if (this.dragOnEdge) {
+        this.dragOnEdge = false;
+      }
+      if (this.currSt === 'activate') {
+        this.currSt = 'release';
+        this.onRefresh.emit(this);
+        this._lastScreenY = this.distanceToRefresh + 1;
+        this.setContentStyle(this._lastScreenY);
+      }
+      else if (this.currSt === 'release') {
+        this._lastScreenY = this.distanceToRefresh + 1;
+        this.setContentStyle(this._lastScreenY);
+      }
+      else {
+        this.reset();
+      }
+    };
+    this.reset = () => {
+      this._lastScreenY = 0;
+      this.setContentStyle(0);
+    };
+    this.setContentStyle = (ty) => {
+      // TODO: Why sometimes do not have `this.contentRef` ?
+      if (this.contentRef) {
+        // translate3d 不清理 会影响内部元素 定位
+        if (ty) {
+          setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`);
+        }
+        else {
+          setTransform(this.contentRef.style, '');
+        }
+      }
+    };
+    this.prefixCls = 'rmc-pull-to-refresh';
+    this.distanceToRefresh = 50;
+    this.damping = 100;
+    this.indicator = INDICATOR;
+    this.currSt = 'deactivate';
+    this.dragOnEdge = false;
+  }
+  get scrollContainer() {
+    return this.el.parentElement ||
+      this.el.closest('.taro_page_stationed') ||
+      document.querySelector('.taro_page_stationed') ||
+      document.querySelector('.taro_page') ||
+      document.querySelector('.taro_router') ||
+      document.querySelector('.taro-tabbar__panel') ||
+      document.body;
+  }
+  statusChange() {
+    var _a, _b, _c, _d;
+    const pageEl = this.scrollContainer;
+    switch (this.currSt) {
+      case 'release':
+        (_b = (_a = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _a === void 0 ? void 0 : _a.onPullDownRefresh) === null || _b === void 0 ? void 0 : _b.call(_a);
+        break;
+      case 'deactivate':
+        (_d = (_c = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _c === void 0 ? void 0 : _c.onPullIntercept) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }
+  disconnectedCallback() {
+    this.destroy();
+  }
+  componentDidLoad() {
+    this.init();
+    this._isMounted = true;
+    Taro.eventCenter.on('__taroStartPullDownRefresh', ({ successHandler, errorHandler }) => {
+      try {
+        this.triggerPullDownRefresh(true);
+        successHandler({
+          errMsg: 'startPullDownRefresh: ok'
+        });
+      }
+      catch (e) {
+        errorHandler({
+          errMsg: 'startPullDownRefresh: fail'
+        });
+      }
+    });
+    Taro.eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {
+      try {
+        this.triggerPullDownRefresh(false);
+        successHandler({
+          errMsg: 'stopPullDownRefresh: ok'
+        });
+      }
+      catch (e) {
+        errorHandler({
+          errMsg: 'stopPullDownRefresh: fail'
+        });
+      }
+    });
+  }
+  render() {
+    const renderRefresh = (cls) => {
+      const { currSt, dragOnEdge, prefixCls } = this;
+      const cla = classnames(cls, !dragOnEdge && `${prefixCls}-transition`);
+      const showIndicator = currSt === 'activate' || currSt === 'release';
+      return (h("div", { class: `${prefixCls}-content-wrapper` }, h("div", { class: cla, ref: el => {
+          this.contentRef = el;
+        } }, showIndicator && (h("div", { class: `${prefixCls}-indicator` }, h("div", null), h("div", null), h("div", null))), h("slot", null))));
+    };
+    if (this.scrollContainer) {
+      return renderRefresh(`${this.prefixCls}-content ${this.prefixCls}-down`);
+    }
+    return (h(Host, { class: classnames(this.prefixCls, `${this.prefixCls}-down`) }, renderRefresh(`${this.prefixCls}-content`)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "currSt": ["statusChange"]
+  }; }
+  static get style() { return indexCss; }
+}, [4, "taro-pull-to-refresh", {
+    "prefixCls": [1, "prefix-cls"],
+    "distanceToRefresh": [2, "distance-to-refresh"],
+    "damping": [2],
+    "indicator": [16],
+    "currSt": [32],
+    "dragOnEdge": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-pull-to-refresh"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-pull-to-refresh":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PullToRefresh);
+      }
+      break;
+  } });
+}
+
+const TaroPullToRefresh = PullToRefresh;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroPullToRefresh, defineCustomElement };
+
+//# sourceMappingURL=taro-pull-to-refresh.js.map