@tarojs/components 4.1.5 → 4.1.6

package/dist/esm/image-b0b222bc.js

@@ -0,0 +1,58 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0004ce39.js';
+import { c as classnames } from './index-b9522531.js';
+
+const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}";
+
+const Image = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onLoad = createEvent(this, "load", 7);
+    this.onError = createEvent(this, "error", 7);
+    this.src = undefined;
+    this.mode = 'scaleToFill';
+    this.lazyLoad = false;
+    this.nativeProps = {};
+    this.aspectFillMode = 'width';
+    this.didLoad = false;
+  }
+  componentDidLoad() {
+    if (!this.lazyLoad)
+      return;
+    const lazyImg = new IntersectionObserver(entries => {
+      // 异步 api 关系
+      if (entries[entries.length - 1].isIntersecting) {
+        lazyImg.unobserve(this.imgRef);
+        this.didLoad = true;
+      }
+    }, {
+      rootMargin: '300px 0px'
+    });
+    lazyImg.observe(this.imgRef);
+  }
+  imageOnLoad() {
+    const { width, height, naturalWidth, naturalHeight } = this.imgRef;
+    this.onLoad.emit({
+      width,
+      height
+    });
+    this.aspectFillMode = naturalWidth > naturalHeight ? 'width' : 'height';
+  }
+  imageOnError(e) {
+    this.onError.emit(e);
+  }
+  render() {
+    const { src, lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
+    // mode="" 按默认值处理
+    const mode = this.mode || 'scaleToFill';
+    const cls = classnames({
+      'taro-img__widthfix': mode === 'widthFix'
+    });
+    const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
+      [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
+    });
+    return (h(Host, { class: cls }, src ? (h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : ''));
+  }
+};
+Image.style = indexCss;
+
+export { Image as I };

package/dist/esm/index.js

@@ -1 +1,100 @@
-
+export { A as Ad } from './ad-cfb00041.js';
+export { A as AdCustom } from './ad-custom-4a0d4eb2.js';
+export { A as AnimationVideo } from './animation-video-5215c138.js';
+export { A as AnimationView } from './animation-view-a07c6ea9.js';
+export { A as ArCamera } from './ar-camera-d578c533.js';
+export { A as Audio } from './audio-fd0e719f.js';
+export { A as AwemeData } from './aweme-data-2e12d8c9.js';
+export { B as Block } from './block-796aa7d8.js';
+export { B as Button } from './button-cd801674.js';
+export { C as Camera } from './camera-1791b404.js';
+export { C as Canvas } from './canvas-5531b496.js';
+export { C as ChannelLive } from './channel-live-b63e080a.js';
+export { C as ChannelVideo } from './channel-video-d4ee7254.js';
+export { a as Checkbox, C as CheckboxGroup } from './checkbox-da6b07ea.js';
+export { C as CommentDetail } from './comment-detail-02a3e8ee.js';
+export { C as CommentList } from './comment-list-a62325be.js';
+export { C as ContactButton } from './contact-button-68e95a69.js';
+export { C as CoverImage } from './cover-image-0783b2c1.js';
+export { C as CoverView } from './cover-view-8330b60d.js';
+export { C as CustomWrapper } from './custom-wrapper-0bb13a12.js';
+export { D as DoubleTapGestureHandler } from './script-8f332177.js';
+export { D as DraggableSheet } from './draggable-sheet-67355f70.js';
+export { E as Editor } from './editor-743e35d0.js';
+export { F as FollowSwan } from './follow-swan-dbdf5cc8.js';
+export { F as ForcePressGestureHandler } from './script-4d587470.js';
+export { F as Form } from './form-576398ba.js';
+export { F as FunctionalPageNavigator } from './functional-page-navigator-63f675f4.js';
+export { G as GridBuilder } from './grid-builder-cf0aa856.js';
+export { G as GridView } from './grid-view-353586e4.js';
+export { H as HorizontalDragGestureHandler } from './script-661db6af.js';
+export { I as Icon } from './icon-88383f2c.js';
+export { I as Image } from './image-b0b222bc.js';
+export { I as InlinePaymentPanel } from './inline-payment-panel-73925dd2.js';
+export { I as Input } from './input-4104e3ea.js';
+export { K as KeyboardAccessory } from './keyboard-accessory-fd485a31.js';
+export { L as Label } from './label-94ef4b17.js';
+export { L as Lifestyle } from './lifestyle-4db11299.js';
+export { L as Like } from './like-d61fe792.js';
+export { L as ListBuilder } from './list-builder-e0d9e871.js';
+export { L as ListView } from './list-view-84529418.js';
+export { L as LivePlayer } from './live-player-e4dbe4cf.js';
+export { L as LivePusher } from './live-pusher-15c48b78.js';
+export { L as Login } from './login-d932daf9.js';
+export { L as LongPressGestureHandler } from './script-76fc8cf5.js';
+export { L as Lottie } from './lottie-2ada69b7.js';
+export { M as Map } from './map-c6cd24f4.js';
+export { M as MatchMedia } from './match-media-2cdc536a.js';
+export { M as MovableArea, a as MovableView } from './movable-view-c1358d1e.js';
+export { N as NavigationBar } from './navigation-bar-eda66236.js';
+export { N as Navigator } from './navigator-65877bda.js';
+export { N as NestedScrollBody } from './nested-scroll-body-b1053924.js';
+export { N as NestedScrollHeader } from './nested-scroll-header-10ba047c.js';
+export { O as OfficialAccount } from './official-account-75c8fa4e.js';
+export { O as OpenContainer } from './open-container-d288ae08.js';
+export { O as OpenData } from './open-data-9e1673e1.js';
+export { P as PageContainer } from './page-container-b5b82c32.js';
+export { P as PageMeta } from './page-meta-518b39b7.js';
+export { P as PanGestureHandler } from './script-1c3855bc.js';
+export { P as Picker, T as TaroPickerGroup } from './picker-6a565e02.js';
+export { a as PickerView, P as PickerViewColumn } from './picker-view-52390656.js';
+export { P as Progress } from './progress-f99ddb18.js';
+export { P as PullToRefresh } from './pull-to-refresh-e8972159.js';
+export { a as Radio, R as RadioGroup } from './radio-9b356d76.js';
+export { R as RichText } from './rich-text-287554f4.js';
+export { R as RootPortal } from './root-portal-db801799.js';
+export { R as RtcRoomItem } from './rtc-room-item-052b16d2.js';
+export { R as RtcRoom } from './rtc-room-bcf23c91.js';
+export { S as ScaleGestureHandler } from './script-4b869172.js';
+export { S as Script } from './script-1b22398f.js';
+export { S as ScrollView } from './scroll-view-43e9acfc.js';
+export { S as ShareElement } from './share-element-4f90ad5b.js';
+export { S as Slider } from './slider-47bbf797.js';
+export { N as NativeSlot } from './native-slot-98020f54.js';
+export { S as Slot } from './slot-71ad33eb.js';
+export { S as Snapshot } from './snapshot-42feea7d.js';
+export { S as Span } from './span-d4b171da.js';
+export { S as StickyHeader } from './sticky-header-a99729bc.js';
+export { S as StickySection } from './sticky-section-f8d75284.js';
+export { a as Swiper, S as SwiperItem } from './swiper-20b19ce0.js';
+export { S as Switch } from './switch-a538d85e.js';
+export { a as Tabbar, T as TabbarItem } from './tabbar-e6342392.js';
+export { T as TabItem } from './tab-item-f58dd1b0.js';
+export { T as Tabs } from './tabs-da838bbd.js';
+export { T as TapGestureHandler } from './script-11e3884a.js';
+export { T as Text } from './text-a3b91b23.js';
+export { T as Textarea } from './textarea-c722fd22.js';
+export { V as VerticalDragGestureHandler } from './script-5c55afcb.js';
+export { b as Video, V as VideoControl, a as VideoDanmu } from './video-c663f267.js';
+export { V as View } from './view-965a491b.js';
+export { V as VoipRoom } from './voip-room-da8085ad.js';
+export { W as WebView } from './web-view-8f780a19.js';
+import './index-0004ce39.js';
+import './helper-8a85bb65.js';
+import '@tarojs/taro';
+import './index-b9522531.js';
+import 'hammerjs';
+import './index-a00a7418.js';
+import 'swiper/bundle';
+import '@tarojs/runtime';
+import 'resolve-pathname';

package/dist/esm/inline-payment-panel-73925dd2.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const InlinePaymentPanel = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('InlinePaymentPanel', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { InlinePaymentPanel as I };

package/dist/esm/input-4104e3ea.js

@@ -0,0 +1,211 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0004ce39.js';
+
+const indexCss = ".weui-input{-webkit-appearance:none;width:100%;font-size:inherit;color:inherit;background-color:transparent;border:0;outline:0;height:1.47059em;line-height:1.47059}.weui-input::-webkit-outer-spin-button,.weui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}taro-input-core{display:block}";
+
+function getTrueType(type, confirmType, password) {
+  if (confirmType === 'search')
+    type = 'search';
+  if (password)
+    type = 'password';
+  if (typeof type === 'undefined') {
+    return 'text';
+  }
+  if (!type) {
+    throw new Error('unexpected type');
+  }
+  if (type === 'digit')
+    type = 'number';
+  return type;
+}
+function fixControlledValue(value) {
+  return value !== null && value !== void 0 ? value : '';
+}
+const Input = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onInput = createEvent(this, "input", 7);
+    this.onPaste = createEvent(this, "paste", 7);
+    this.onFocus = createEvent(this, "focus", 7);
+    this.onBlur = createEvent(this, "blur", 7);
+    this.onConfirm = createEvent(this, "confirm", 7);
+    this.onChange = createEvent(this, "change", 7);
+    this.onKeyDown = createEvent(this, "keydown", 7);
+    this.isOnComposition = false;
+    this.isOnPaste = false;
+    this.onInputExcuted = false;
+    this.handleInput = (e) => {
+      e.stopPropagation();
+      const { type, maxlength, confirmType, password } = this;
+      if (!this.isOnComposition && !this.onInputExcuted) {
+        let value = e.target.value;
+        const inputType = getTrueType(type, confirmType, password);
+        this.onInputExcuted = true;
+        /* 修复 number 类型 maxlength 无效 */
+        if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {
+          value = value.substring(0, maxlength);
+          e.target.value = value;
+        }
+        // 修复 IOS 光标跳转问题
+        // if (!(['number', 'file'].indexOf(inputType) >= 0)) {
+        //   const pos = e.target.selectionEnd
+        //   setTimeout(
+        //     () => {
+        //       e.target.selectionStart = pos
+        //       e.target.selectionEnd = pos
+        //     }
+        //   )
+        // }
+        this.value = value;
+        this.onInput.emit({
+          value,
+          cursor: value.length
+        });
+        this.onInputExcuted = false;
+      }
+    };
+    this.handlePaste = (e) => {
+      e.stopPropagation();
+      this.isOnPaste = true;
+      this.onPaste.emit({
+        value: e.target.value
+      });
+    };
+    this.handleFocus = (e) => {
+      e.stopPropagation();
+      this.onInputExcuted = false;
+      this.onFocus.emit({
+        value: e.target.value
+      });
+    };
+    this.handleBlur = (e) => {
+      e.stopPropagation();
+      this.onBlur.emit({
+        value: e.target.value
+      });
+    };
+    this.handleChange = (e) => {
+      e.stopPropagation();
+      this.onChange.emit({
+        value: e.target.value
+      });
+      if (this.isOnPaste) {
+        this.isOnPaste = false;
+        this.value = e.target.value;
+        this.onInput.emit({
+          value: e.target.value,
+          cursor: e.target.value.length
+        });
+      }
+    };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      const { value } = e.target;
+      const keyCode = e.keyCode || e.code;
+      this.onInputExcuted = false;
+      this.onKeyDown.emit({
+        value,
+        cursor: value.length,
+        keyCode
+      });
+      keyCode === 13 && this.onConfirm.emit({ value });
+    };
+    this.handleComposition = (e) => {
+      e.stopPropagation();
+      if (!(e.target instanceof HTMLInputElement))
+        return;
+      if (e.type === 'compositionend') {
+        this.isOnComposition = false;
+        this.value = e.target.value;
+        this.onInput.emit({
+          value: e.target.value,
+          cursor: e.target.value.length
+        });
+      }
+      else {
+        this.isOnComposition = true;
+      }
+    };
+    this.handleBeforeInput = (e) => {
+      if (!e.data)
+        return;
+      const isNumber = e.data && /[0-9]/.test(e.data);
+      if (this.type === 'number' && !isNumber) {
+        e.preventDefault();
+      }
+      if (this.type === 'digit' && !isNumber) {
+        if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {
+          e.preventDefault();
+        }
+      }
+    };
+    this.value = '';
+    this.type = undefined;
+    this.password = false;
+    this.placeholder = undefined;
+    this.disabled = false;
+    this.maxlength = 140;
+    this.autoFocus = false;
+    this.confirmType = 'done';
+    this.name = undefined;
+    this.readonly = false;
+    this.nativeProps = {};
+  }
+  async focus() {
+    this.inputRef.focus();
+  }
+  watchAutoFocus(newValue, oldValue) {
+    var _a;
+    if (!oldValue && newValue) {
+      (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }
+  watchValue(newValue) {
+    const value = fixControlledValue(newValue);
+    if (this.inputRef.value !== value) {
+      this.inputRef.value = value;
+    }
+  }
+  componentDidLoad() {
+    var _a, _b, _c, _d, _e;
+    if (this.type === 'file') {
+      this.fileListener = () => {
+        this.onInput.emit();
+      };
+      (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.addEventListener('change', this.fileListener);
+    }
+    else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('compositionstart', this.handleComposition);
+      (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.addEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeInput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeInput);
+    }
+  }
+  disconnectedCallback() {
+    var _a, _b, _c, _d, _e;
+    if (this.type === 'file') {
+      (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', this.fileListener);
+    }
+    else {
+      (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('compositionstart', this.handleComposition);
+      (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('compositionend', this.handleComposition);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeInput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeInput);
+    }
+  }
+  render() {
+    const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, readonly, nativeProps } = this;
+    return (h("input", Object.assign({ ref: input => {
+        this.inputRef = input;
+        if (autoFocus && input)
+          input.focus();
+      }, class: 'weui-input', type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, readonly: readonly ? 'readonly' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps, { value: fixControlledValue(value) })));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "autoFocus": ["watchAutoFocus"],
+    "value": ["watchValue"]
+  }; }
+};
+Input.style = indexCss;
+
+export { Input as I };

package/dist/esm/keyboard-accessory-fd485a31.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const KeyboardAccessory = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('KeyboardAccessory', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { KeyboardAccessory as K };

package/dist/esm/label-94ef4b17.js

@@ -0,0 +1,13 @@
+import { r as registerInstance, h } from './index-0004ce39.js';
+
+const Label = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.for = undefined;
+  }
+  render() {
+    return (h("label", { htmlFor: this.for }, h("slot", null)));
+  }
+};
+
+export { Label as L };

package/dist/esm/lifestyle-4db11299.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const Lifestyle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('Lifestyle', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { Lifestyle as L };

package/dist/esm/like-d61fe792.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const Like = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('Like', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { Like as L };

package/dist/esm/list-builder-e0d9e871.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const ListBuilder = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('ListBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { ListBuilder as L };

package/dist/esm/list-view-84529418.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const ListView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('ListView', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { ListView as L };

package/dist/esm/live-player-e4dbe4cf.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const LivePlayer = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('LivePlayer', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { LivePlayer as L };

package/dist/esm/live-pusher-15c48b78.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const LivePusher = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('LivePusher', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { LivePusher as L };

package/dist/esm/login-d932daf9.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const Login = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('Login', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { Login as L };

package/dist/esm/lottie-2ada69b7.js

@@ -0,0 +1,16 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+
+const Lottie = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('Lottie', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { Lottie as L };