@tarojs/components 3.5.0-canary.0 → 3.5.0-theta.1

package/dist/cjs/taro-image-core.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
-const index$1 = require('./index-b9715722.js');
+const index = require('./index-13289aba.js');
+const index$1 = require('./index-f9d21cc5.js');
 
-const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;font-size:0;width:320px;height:240px}.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%}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -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-top{width:100%}.taro-img__mode-bottom{width:100%;position:absolute;bottom:0}.taro-img__mode-left{height:100%}.taro-img__mode-right{position:absolute;height:100%;right:0}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;right:0;bottom:0}";
+const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;width:auto;height:auto;font-size:0}.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%}.taro-img__mode-aspectfill{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -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{width:100%}.taro-img__mode-bottom{position:absolute;bottom:0;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{position:absolute;right:0;height:100%}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;right:0;bottom:0}";
 
 Promise.resolve().then(function () { return require('./intersection-observer-dc4cfcef.js'); });
 let Image = class {
@@ -44,7 +44,7 @@ let Image = class {
     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 = index$1.classnames({
       'taro-img__widthfix': mode === 'widthFix'
     });

package/dist/cjs/taro-input-core.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
-const indexCss = "taro-input-core{display:block}input{display:block;height:1.4rem;text-align:inherit;text-overflow:clip;overflow:hidden;white-space:nowrap}";
+const indexCss = "taro-input-core{display:block}input{display:block;overflow:hidden;height:1.4rem;text-overflow:clip;text-align:inherit;white-space:nowrap}";
 
 function getTrueType(type, confirmType, password) {
   if (confirmType === 'search')
@@ -28,12 +28,14 @@ let Input = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onInput = index.createEvent(this, "input", 7);
+    this.onPaste = index.createEvent(this, "paste", 7);
     this.onFocus = index.createEvent(this, "focus", 7);
     this.onBlur = index.createEvent(this, "blur", 7);
     this.onConfirm = index.createEvent(this, "confirm", 7);
     this.onChange = index.createEvent(this, "change", 7);
     this.onKeyDown = index.createEvent(this, "keydown", 7);
     this.isOnComposition = false;
+    this.isOnPaste = false;
     this.onInputExcuted = false;
     this.password = false;
     this.disabled = false;
@@ -63,13 +65,19 @@ let Input = class {
         //     }
         //   )
         // }
-        this._value = value;
+        this.value = value;
         this.onInput.emit({
           value,
           cursor: value.length
         });
       }
     };
+    this.handlePaste = (e) => {
+      this.isOnPaste = true;
+      this.onPaste.emit({
+        value: e.target.value
+      });
+    };
     this.handleFocus = (e) => {
       this.onInputExcuted = false;
       this.onFocus.emit({
@@ -86,6 +94,14 @@ let Input = class {
       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) => {
       const { value } = e.target;
@@ -104,29 +120,25 @@ let Input = class {
         return;
       if (e.type === 'compositionend') {
         this.isOnComposition = false;
-        this.onInput.emit({ value: e.target.value });
+        this.value = e.target.value;
+        this.onInput.emit({
+          value: e.target.value,
+          cursor: e.target.value.length
+        });
       }
       else {
         this.isOnComposition = true;
       }
     };
   }
-  watchHandler(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      this._value = newValue;
-    }
-  }
   watchFocus(newValue, oldValue) {
     var _a;
     if (!oldValue && newValue) {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
-  componentWillLoad() {
-    this._value = this.value;
-  }
   componentDidLoad() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     if (this.type === 'file') {
       this.fileListener = () => {
         this.onInput.emit();
@@ -139,12 +151,9 @@ let Input = class {
     }
     Object.defineProperty(this.el, 'value', {
       get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
-      set: value => {
-        this._value = value;
-      },
+      set: value => (this.value = value),
       configurable: true
     });
-    this.autoFocus && ((_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.focus());
   }
   disconnectedCallback() {
     var _a;
@@ -153,14 +162,13 @@ let Input = class {
     }
   }
   render() {
-    const { _value, type, password, placeholder, disabled, maxlength, confirmType, name, nativeProps } = this;
+    const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;
     return (index.h("input", Object.assign({ ref: input => {
         this.inputRef = input;
-      }, 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)));
+      }, class: 'weui-input', value: fixControlledValue(value), type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, 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)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "value": ["watchHandler"],
     "autoFocus": ["watchFocus"]
   }; }
 };

package/dist/cjs/taro-keyboard-accessory-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let KeyboardAccessory = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 KeyboardAccessory 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_keyboard_accessory_core = KeyboardAccessory;

package/dist/cjs/taro-label-core.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let Label = class {
   constructor(hostRef) {

package/dist/cjs/taro-live-player-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let LivePlayer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 LivePlayer 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_live_player_core = LivePlayer;

package/dist/cjs/taro-live-pusher-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let LivePusher = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 LivePusher 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_live_pusher_core = LivePusher;

package/dist/cjs/taro-map-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let Map = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 Map 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_map_core = Map;

package/dist/cjs/taro-match-media-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let MatchMedia = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 MatchMedia 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_match_media_core = MatchMedia;

package/dist/cjs/taro-movable-area-core.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let MovableArea = class {
   constructor(hostRef) {

package/dist/cjs/taro-movable-view-core.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let MovableView = class {
   constructor(hostRef) {

package/dist/cjs/taro-navigation-bar-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let NavigationBar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 NavigationBar 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_navigation_bar_core = NavigationBar;

package/dist/cjs/taro-navigator-core.cjs.entry.js

@@ -2,12 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
-const index$1 = require('./index-b9715722.js');
+const index = require('./index-13289aba.js');
+const Taro = require('@tarojs/taro');
+const index$1 = require('./index-f9d21cc5.js');
 
-const navigatorCss = ".navigator-hover{background:#efefef}";
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
+
+const indexCss = ".navigator-hover{background:#efefef}";
 
-const Taro = require('@tarojs/taro');
 let Navigator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -23,27 +27,27 @@ let Navigator = class {
     let promise = Promise.resolve();
     switch (openType) {
       case 'navigate':
-        promise = Taro.navigateTo({
+        promise = Taro__default['default'].navigateTo({
           url: this.url
         });
         break;
       case 'redirect':
-        promise = Taro.redirectTo({
+        promise = Taro__default['default'].redirectTo({
           url: this.url
         });
         break;
       case 'switchTab':
-        promise = Taro.switchTab({
+        promise = Taro__default['default'].switchTab({
           url: this.url
         });
         break;
       case 'reLaunch':
-        promise = Taro.reLaunch({
+        promise = Taro__default['default'].reLaunch({
           url: this.url
         });
         break;
       case 'navigateBack':
-        promise = Taro.navigateBack({
+        promise = Taro__default['default'].navigateBack({
           delta: this.delta
         });
         break;
@@ -68,6 +72,6 @@ let Navigator = class {
       }) }));
   }
 };
-Navigator.style = navigatorCss;
+Navigator.style = indexCss;
 
 exports.taro_navigator_core = Navigator;

package/dist/cjs/taro-official-account-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let OfficialAccount = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 OfficialAccount 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_official_account_core = OfficialAccount;

package/dist/cjs/taro-open-data-core.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let OpenData = class {
   constructor(hostRef) {

package/dist/cjs/taro-page-container-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let PageContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 PageContainer 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_page_container_core = PageContainer;

package/dist/cjs/taro-page-meta-core.cjs.entry.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-13289aba.js');
+
+let PageMeta = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 PageMeta 组件！');
+  }
+  render() {
+    return (index.h(index.Host, null));
+  }
+};
+
+exports.taro_page_meta_core = PageMeta;

package/dist/cjs/taro-picker-core_2.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
-const index$1 = require('./index-b9715722.js');
+const index = require('./index-13289aba.js');
+const index$1 = require('./index-f9d21cc5.js');
 
 function getTimeRange(begin, end) {
   const range = [];

package/dist/cjs/taro-picker-view-column-core.cjs.entry.js

@@ -2,18 +2,94 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
+const index$1 = require('./index-47a1959e.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}";
 
 let PickerViewColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.onChange = index.createEvent(this, "onselect", 7);
+    this.onSelectStart = index.createEvent(this, "onselectstart", 7);
+    this.onSelectEnd = index.createEvent(this, "onselectend", 7);
+    // 初始化的选中位置
+    this.initialPosition = '0';
+    // 滑动距离上下留白区域-通过父视图和 indicator 计算而来
+    this.paddingVertical = 0;
+    this.isInit = false;
+    this.isMove = false;
+    // 滚动结束自动回到合适的位置
+    this.handleSelected = index$1.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);
+  }
+  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();
   }
-  componentDidLoad() {
-    console.error('H5 暂不支持 PickerViewColumn 组件！');
+  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() {
-    return (index.h(index.Host, null));
+    const { paddingVertical = 0 } = this;
+    return (index.h(index.Host, { class: "taro-picker-view-column-container", style: { 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` } }));
   }
+  get el() { return index.getElement(this); }
 };
+PickerViewColumn.style = columnCss;
 
 exports.taro_picker_view_column_core = PickerViewColumn;

package/dist/cjs/taro-picker-view-core.cjs.entry.js

@@ -2,18 +2,87 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
+const index$1 = require('./index-f9d21cc5.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))}";
 
 let PickerView = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.onChange = index.createEvent(this, "change", 7);
+    this.onPickStart = index.createEvent(this, "pickstart", 7);
+    this.onPickEnd = index.createEvent(this, "pickend", 7);
+  }
+  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() {
-    console.error('H5 暂不支持 PickerView 组件！');
+    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() {
-    return (index.h(index.Host, null));
+    const indicatorCls = index$1.classnames('taro-picker-view-mask-indicator', this.indicatorClass);
+    const maskTopCls = index$1.classnames('taro-picker-view-mask-top', this.maskClass);
+    const maskBtmCls = index$1.classnames('taro-picker-view-mask-bottom', this.maskClass);
+    const indicatorStyle = convertStyle(this.indicatorStyle);
+    const maskTopStyle = convertStyle(this.maskStyle);
+    const maskBottomStyle = convertStyle(this.maskStyle);
+    return (index.h(index.Host, { class: "taro-picker-view-container" }, index.h("slot", null), index.h("div", { class: "taro-picker-view-mask-container" }, index.h("div", { class: maskTopCls, style: maskTopStyle }), index.h("div", { class: indicatorCls, style: indicatorStyle, ref: indicator => (this.indicator = indicator) }), index.h("div", { class: maskBtmCls, style: maskBottomStyle }))));
   }
+  get el() { return index.getElement(this); }
 };
+PickerView.style = indexCss;
 
 exports.taro_picker_view_core = PickerView;

package/dist/cjs/taro-progress-core.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dd4b7ba3.js');
+const index = require('./index-13289aba.js');
 
 let Index = class {
   constructor(hostRef) {