@tarojs/components 4.0.8-beta.0 → 4.0.8-beta.3

package/dist/esm/form-576398ba.js

@@ -0,0 +1,139 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0004ce39.js';
+
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m")
+    throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Form_value;
+const Form = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onSubmit = createEvent(this, "submit", 7);
+    _Form_value.set(this, {});
+  }
+  onButtonSubmit(e) {
+    e.stopPropagation();
+    __classPrivateFieldSet(this, _Form_value, this.getFormValue(), "f");
+    this.onSubmit.emit({
+      value: __classPrivateFieldGet(this, _Form_value, "f")
+    });
+  }
+  onButtonReset(e) {
+    e.stopPropagation();
+    this.form.reset();
+  }
+  componentDidLoad() {
+    __classPrivateFieldSet(this, _Form_value, this.getFormValue(), "f");
+    Object.defineProperty(this.el, 'value', {
+      get: () => __classPrivateFieldGet(this, _Form_value, "f"),
+      configurable: true
+    });
+  }
+  componentDidRender() {
+    if (!this.originalAppendChild) {
+      this.originalAppendChild = this.el.appendChild;
+      this.originalInsertBefore = this.el.insertBefore;
+      this.originalReplaceChild = this.el.replaceChild;
+      this.originalRemoveChild = this.el.removeChild;
+    }
+    if (!this.form) {
+      this.el.appendChild = this.originalAppendChild;
+      this.el.insertBefore = this.originalInsertBefore;
+      this.el.replaceChild = this.originalReplaceChild;
+      this.el.removeChild = this.originalRemoveChild;
+      return;
+    }
+    this.el.appendChild = (newChild) => {
+      return this.form.appendChild(newChild);
+    };
+    this.el.insertBefore = (newChild, refChild) => {
+      return this.form.insertBefore(newChild, refChild);
+    };
+    this.el.replaceChild = (newChild, oldChild) => {
+      return this.form.replaceChild(newChild, oldChild);
+    };
+    this.el.removeChild = (oldChild) => {
+      return this.form.removeChild(oldChild);
+    };
+  }
+  getFormValue() {
+    const el = this.el;
+    const elements = [];
+    const tagElements = el.getElementsByTagName('input');
+    for (let j = 0; j < tagElements.length; j++) {
+      elements.push(tagElements[j]);
+    }
+    const formItem = {};
+    const hash = {};
+    elements.forEach(item => {
+      if (typeof item.name !== 'string')
+        return;
+      if (item.className.indexOf('weui-switch') !== -1) {
+        formItem[item.name] = item.checked;
+        return;
+      }
+      if (item.type === 'radio') {
+        if (item.checked) {
+          hash[item.name] = true;
+          formItem[item.name] = item.value;
+        }
+        else {
+          if (!hash[item.name]) {
+            formItem[item.name] = '';
+          }
+        }
+        return;
+      }
+      if (item.type === 'checkbox') {
+        if (item.checked) {
+          if (hash[item.name]) {
+            formItem[item.name].push(item.value);
+          }
+          else {
+            hash[item.name] = true;
+            formItem[item.name] = [item.value];
+          }
+        }
+        else {
+          if (!hash[item.name]) {
+            formItem[item.name] = [];
+          }
+        }
+        return;
+      }
+      formItem[item.name] = item.value;
+    });
+    const textareaElements = el.getElementsByTagName('textarea');
+    const textareaEleArr = [];
+    for (let i = 0; i < textareaElements.length; i++) {
+      textareaEleArr.push(textareaElements[i]);
+    }
+    textareaEleArr.forEach(v => {
+      if (typeof v.name !== 'string')
+        return;
+      formItem[v.name] = v.value;
+    });
+    return formItem;
+  }
+  render() {
+    return (h("form", { ref: dom => {
+        this.form = dom;
+      } }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+_Form_value = new WeakMap();
+
+export { Form as F };

package/dist/esm/functional-page-navigator-63f675f4.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 FunctionalPageNavigator = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('FunctionalPageNavigator', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { FunctionalPageNavigator as F };

package/dist/esm/grid-builder-cf0aa856.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 GridBuilder = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('GridBuilder', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { GridBuilder as G };

package/dist/esm/grid-view-353586e4.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 GridView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('GridView', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { GridView as G };

package/dist/esm/icon-88383f2c.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+import { c as classnames } from './index-b9522531.js';
+
+const indexCss = ".weui-icon-circle:before{content:\"\"}.weui-icon-download:before{content:\"\"}.weui-icon-info:before{content:\"\"}.weui-icon-safe-success:before{content:\"\"}.weui-icon-safe-warn:before{content:\"\"}.weui-icon-success:before{content:\"\"}.weui-icon-success-circle:before{content:\"\"}.weui-icon-success-no-circle:before{content:\"\"}.weui-icon-waiting:before{content:\"\"}.weui-icon-waiting-circle:before{content:\"\"}.weui-icon-warn:before{content:\"\"}.weui-icon-info-circle:before{content:\"\"}.weui-icon-cancel:before{content:\"\"}.weui-icon-search:before{content:\"\"}.weui-icon-clear:before{content:\"\"}.weui-icon-back:before{content:\"\"}.weui-icon-delete:before{content:\"\"}.weui-icon-success{color:#09bb07;font-size:23px}.weui-icon-waiting{color:#10aeff;font-size:23px}.weui-icon-warn{color:#f43530;font-size:23px}.weui-icon-info{color:#10aeff;font-size:23px}.weui-icon-success-circle,.weui-icon-success-no-circle{color:#09bb07;font-size:23px}.weui-icon-waiting-circle{color:#10aeff;font-size:23px}.weui-icon-circle{color:#c9c9c9;font-size:23px}.weui-icon-download,.weui-icon-info-circle{color:#09bb07;font-size:23px}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-search,.weui-icon-clear{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#ffbe00}";
+
+const Icon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.type = undefined;
+    this.size = '23';
+    this.color = undefined;
+  }
+  render() {
+    const { type, size, color } = this;
+    const iconType = type === null || type === void 0 ? void 0 : type.replace(/_/g, '-');
+    const cls = classnames({
+      [`weui-icon-${iconType}`]: true
+    });
+    const style = {
+      'font-size': `${size}px`,
+      color
+    };
+    return (h(Host, { class: cls, style: style }));
+  }
+};
+Icon.style = indexCss;
+
+export { Icon as I };

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 };