@tarojs/components 3.3.14 → 3.3.18

package/dist/collection/components/cover-image/cover-image.js

@@ -0,0 +1,94 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, Prop, Event, h } from '@stencil/core';
+export class CoverImage {
+  constructor() {
+    this.nativeProps = {};
+  }
+  imageOnLoad() {
+    const { width, height, } = this.imgRef;
+    this.onLoad.emit({
+      width,
+      height
+    });
+  }
+  imageOnError() {
+    this.onError.emit();
+  }
+  render() {
+    const { src, imageOnLoad, imageOnError, nativeProps } = this;
+    return (h("img", Object.assign({ ref: img => (this.imgRef = img), src: src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps)));
+  }
+  static get is() { return "taro-cover-image-core"; }
+  static get originalStyleUrls() { return {
+    "$": ["./style/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["./style/index.css"]
+  }; }
+  static get properties() { return {
+    "src": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "src",
+      "reflect": false
+    },
+    "nativeProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "{}",
+        "resolved": "{}",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "{}"
+    }
+  }; }
+  static get events() { return [{
+      "method": "onLoad",
+      "name": "load",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onError",
+      "name": "error",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/components/cover-image/style/index.css

@@ -0,0 +1,5 @@
+taro-cover-image-core {
+  overflow: hidden;
+  width: 320px;
+  height: 240px;
+}

package/dist/collection/components/cover-view/cover-view.js

@@ -1,11 +1,173 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core';
+import { Component, Prop, h, Host, Listen, State, Event } from '@stencil/core';
+import classNames from 'classnames';
 export class CoverView {
-  componentDidLoad() {
-    console.error('H5 暂不支持 CoverView 组件！');
+  constructor() {
+    this.hoverStartTime = 50;
+    this.hoverStayTime = 400;
+    this.hover = false;
+    this.touch = false;
+    this.startTime = 0;
+  }
+  onTouchStart() {
+    if (this.hoverClass) {
+      this.touch = true;
+      setTimeout(() => {
+        if (this.touch) {
+          this.hover = true;
+        }
+      }, this.hoverStartTime);
+    }
+    this.timeoutEvent = setTimeout(() => {
+      this.onLongPress.emit();
+    }, 350);
+    this.startTime = Date.now();
+  }
+  onTouchMove() {
+    clearTimeout(this.timeoutEvent);
+  }
+  onTouchEnd() {
+    const spanTime = Date.now() - this.startTime;
+    if (spanTime < 350) {
+      clearTimeout(this.timeoutEvent);
+    }
+    if (this.hoverClass) {
+      this.touch = false;
+      setTimeout(() => {
+        if (!this.touch) {
+          this.hover = false;
+        }
+      }, this.hoverStayTime);
+    }
   }
   render() {
-    return (h(Host, null));
+    const cls = classNames({
+      [`${this.hoverClass}`]: this.hover
+    });
+    let attr = {};
+    if (!!this.animation) {
+      attr['animation'] = this.animation;
+      attr['data-animation'] = this.animation;
+    }
+    return (h(Host, Object.assign({ class: cls }, attr),
+      h("slot", null)));
   }
   static get is() { return "taro-cover-view-core"; }
+  static get originalStyleUrls() { return {
+    "$": ["./style/cover-view.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["./style/cover-view.css"]
+  }; }
+  static get properties() { return {
+    "animation": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "animation",
+      "reflect": false
+    },
+    "hoverClass": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hover-class",
+      "reflect": false
+    },
+    "hoverStartTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hover-start-time",
+      "reflect": false,
+      "defaultValue": "50"
+    },
+    "hoverStayTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hover-stay-time",
+      "reflect": false,
+      "defaultValue": "400"
+    }
+  }; }
+  static get states() { return {
+    "hover": {},
+    "touch": {}
+  }; }
+  static get events() { return [{
+      "method": "onLongPress",
+      "name": "longpress",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+  static get listeners() { return [{
+      "name": "touchstart",
+      "method": "onTouchStart",
+      "target": undefined,
+      "capture": false,
+      "passive": true
+    }, {
+      "name": "touchmove",
+      "method": "onTouchMove",
+      "target": undefined,
+      "capture": false,
+      "passive": true
+    }, {
+      "name": "touchend",
+      "method": "onTouchEnd",
+      "target": undefined,
+      "capture": false,
+      "passive": true
+    }]; }
 }

package/dist/collection/components/cover-view/style/cover-view.css

@@ -0,0 +1,3 @@
+taro-cover-view-core {
+  display: block;
+}

package/dist/collection/components/editor/editor.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class Editor {
+  componentDidLoad() {
+    console.error('H5 暂不支持 Editor 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-editor-core"; }
+}

package/dist/collection/components/functional-page-navigator/functional-page-navigator.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class FunctionalPageNavigator {
+  componentDidLoad() {
+    console.error('H5 暂不支持 FunctionalPageNavigator 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-functional-page-navigator-core"; }
+}

package/dist/collection/components/image/image.js

@@ -34,7 +34,7 @@ export class Image {
     this.onError.emit();
   }
   render() {
-    const { src, mode, lazyLoad, aspectFillMode, imageOnLoad, imageOnError, nativeProps } = this;
+    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps } = this;
     const cls = classNames({
       'taro-img__widthfix': mode === 'widthFix'
     });

package/dist/collection/components/image/style/index.css

@@ -7,8 +7,8 @@ taro-image-core {
   overflow: hidden;
   position: relative;
   font-size: 0;
-  width: 320px;
-  height: 240px;
+  width: auto;
+  height: auto;
 }
 
 .taro-img.taro-img__widthfix {

package/dist/collection/components/input/input.js

@@ -112,7 +112,7 @@ export class Input {
     this._value = this.value;
   }
   componentDidLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -130,6 +130,7 @@ export class Input {
       },
       configurable: true
     });
+    this.autoFocus && ((_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.focus());
   }
   disconnectedCallback() {
     var _a;
@@ -138,11 +139,10 @@ export class Input {
     }
   }
   render() {
-    const { _value, type, password, placeholder, disabled, maxlength, autoFocus, confirmType, name, nativeProps } = this;
+    const { _value, type, password, placeholder, disabled, maxlength, confirmType, name, nativeProps } = this;
     return (h("input", Object.assign({ ref: input => {
         this.inputRef = input;
-        autoFocus && (input === null || input === void 0 ? void 0 : input.focus());
-      }, class: 'weui-input', value: fixControlledValue(_value), type: getTrueType(type, confirmType, password), placeholder: placeholder, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown }, nativeProps)));
+      }, class: 'weui-input', value: fixControlledValue(_value), type: getTrueType(type, confirmType, password), placeholder: placeholder, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown }, nativeProps)));
   }
   static get is() { return "taro-input-core"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class KeyboardAccessory {
+  componentDidLoad() {
+    console.error('H5 暂不支持 KeyboardAccessory 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-keyboard-accessory-core"; }
+}

package/dist/collection/components/live-player/live-player.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class LivePlayer {
+  componentDidLoad() {
+    console.error('H5 暂不支持 LivePlayer 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-live-player-core"; }
+}

package/dist/collection/components/live-pusher/live-pusher.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class LivePusher {
+  componentDidLoad() {
+    console.error('H5 暂不支持 LivePusher 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-live-pusher-core"; }
+}

package/dist/collection/components/map/map.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class Map {
+  componentDidLoad() {
+    console.error('H5 暂不支持 Map 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-map-core"; }
+}

package/dist/collection/components/match-media/match-media.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class MatchMedia {
+  componentDidLoad() {
+    console.error('H5 暂不支持 MatchMedia 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-match-media-core"; }
+}

package/dist/collection/components/navigation-bar/navigation-bar.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class NavigationBar {
+  componentDidLoad() {
+    console.error('H5 暂不支持 NavigationBar 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-navigation-bar-core"; }
+}

package/dist/collection/components/navigator/navigator.js

@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, Listen, Event } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
-const Taro = require('@tarojs/taro');
 /**
  * Navigator组件参数
  * @typedef NavigatorProps

package/dist/collection/components/official-account/official-account.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class OfficialAccount {
+  componentDidLoad() {
+    console.error('H5 暂不支持 OfficialAccount 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-official-account-core"; }
+}

package/dist/collection/components/page-container/page-container.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class PageContainer {
+  componentDidLoad() {
+    console.error('H5 暂不支持 PageContainer 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-page-container-core"; }
+}

package/dist/collection/components/page-meta/page-meta.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class PageMeta {
+  componentDidLoad() {
+    console.error('H5 暂不支持 PageMeta 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-page-meta-core"; }
+}

package/dist/collection/components/{pull-down-refresh → pull-to-refresh}/pull-to-refresh.js

@@ -1,6 +1,6 @@
 import { Component, Prop, h, Host, State, Event, Watch, Element } from '@stencil/core';
+import Taro from '@tarojs/taro';
 import classNames from 'classnames';
-const Taro = require('@tarojs/taro');
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
   nodeStyle.webkitTransform = value;

package/dist/collection/components/share-element/share-element.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class ShareElement {
+  componentDidLoad() {
+    console.error('H5 暂不支持 ShareElement 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-share-element-core"; }
+}

package/dist/collection/components/slot/slot.js

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
+export class Slot {
+  componentDidLoad() {
+    console.error('H5 暂不支持 Slot 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+  static get is() { return "taro-slot-core"; }
+}

package/dist/collection/components/swiper/swiper.js

@@ -86,6 +86,11 @@ export class Swiper {
         this.swiper.loopCreate();
       }
     }, 500);
+    this.handleSwiperSize = debounce(() => {
+      if (this.swiper && !this.circular) {
+        this.swiper.updateSlides();
+      }
+    }, 50);
   }
   watchCurrent(newVal) {
     if (!this.isWillLoadCalled)
@@ -149,6 +154,8 @@ export class Swiper {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
   }
   watchCircular() {
     if (this.swiper) {
@@ -182,6 +189,8 @@ export class Swiper {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
     (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
@@ -225,7 +234,7 @@ export class Swiper {
         observerUpdate(_swiper, e) {
           const target = e.target;
           const className = target && typeof target.className === 'string' ? target.className : '';
-          if (className.includes('taro_page') && target.style.display === 'block') {
+          if (className.includes('taro_page') && target.style.display !== 'none') {
             if (that.autoplay && target.contains(_swiper.$el[0])) {
               _swiper.slideTo(that.current);
             }