@tarojs/components 3.5.7-alpha.9 → 3.5.8

package/dist/cjs/{taro-picker-view-column-core_2.cjs.entry.js → taro-picker-view-core.cjs.entry.js}

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
-const index$1 = require('./index-47a1959e.js');
-const index$2 = require('./index-f9d21cc5.js');
+const index = require('./index-7c61bee9.js');
+const index$1 = require('./index-f9d21cc5.js');
 
 function convertStyle(style) {
   if (style) {
@@ -17,105 +16,14 @@ function convertStyle(style) {
   }
 }
 
-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 = 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.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);
-    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 (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;
-
 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 = class {
+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);
-    this.indicatorStyle = undefined;
-    this.indicatorClass = undefined;
-    this.value = undefined;
-    this.maskStyle = undefined;
-    this.maskClass = undefined;
   }
   onSelect(e) {
     e.stopPropagation();
@@ -165,9 +73,9 @@ const PickerView = class {
     });
   }
   render() {
-    const indicatorCls = index$2.classnames('taro-picker-view-mask-indicator', this.indicatorClass);
-    const maskTopCls = index$2.classnames('taro-picker-view-mask-top', this.maskClass);
-    const maskBtmCls = index$2.classnames('taro-picker-view-mask-bottom', this.maskClass);
+    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);
@@ -177,7 +85,4 @@ const PickerView = class {
 };
 PickerView.style = indexCss;
 
-exports.taro_picker_view_column_core = PickerViewColumn;
 exports.taro_picker_view_core = PickerView;
-
-//# sourceMappingURL=taro-picker-view-column-core_2.cjs.entry.js.map

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const Progress = class {
+let Index = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.percent = 0;
@@ -24,17 +24,15 @@ const Progress = class {
       backgroundColor
     };
     const transition = active ? 'width 1s ease-in-out' : 'none';
-    const pgWidth = {
+    const pgWdith = {
       width: `${pgPercent}%`,
       transition,
       WebkitTransition: transition,
       backgroundColor: activeColor,
       borderRadius: borderRadius ? `${borderRadius}px` : '0px'
     };
-    return (index.h(index.Host, { class: 'weui-progress' }, index.h("div", { class: 'weui-progress__bar', style: pgHeight }, index.h("div", { class: 'weui-progress__inner-bar', style: pgWidth })), showInfo && (index.h("div", { class: 'weui-progress__opr', style: { 'font-size': `${fontSize}px` } }, index.h("span", null, pgPercent, "%")))));
+    return (index.h(index.Host, { class: 'weui-progress' }, index.h("div", { class: 'weui-progress__bar', style: pgHeight }, index.h("div", { class: 'weui-progress__inner-bar', style: pgWdith })), showInfo && (index.h("div", { class: 'weui-progress__opr', style: { 'font-size': `${fontSize}px` } }, index.h("span", null, pgPercent, "%")))));
   }
 };
 
-exports.taro_progress_core = Progress;
-
-//# sourceMappingURL=taro-progress-core.cjs.entry.js.map
+exports.taro_progress_core = Index;

package/dist/cjs/taro-pull-to-refresh.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const Taro = require('@tarojs/taro');
 const index$1 = require('./index-f9d21cc5.js');
 
@@ -36,10 +36,16 @@ try {
 }
 catch (e) { }
 const willPreventDefault = supportsPassive ? { passive: false } : false;
-const PullToRefresh = class {
+let PullToRefresh = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onRefresh = index.createEvent(this, "refresh", 7);
+    this.prefixCls = 'rmc-pull-to-refresh';
+    this.distanceToRefresh = 50;
+    this.damping = 100;
+    this.indicator = INDICATOR;
+    this.currSt = 'deactivate';
+    this.dragOnEdge = false;
     this._ScreenY = 0;
     this._startScreenY = 0;
     this._lastScreenY = 0;
@@ -182,12 +188,6 @@ const PullToRefresh = class {
         }
       }
     };
-    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 ||
@@ -264,5 +264,3 @@ const PullToRefresh = class {
 PullToRefresh.style = indexCss;
 
 exports.taro_pull_to_refresh = PullToRefresh;
-
-//# sourceMappingURL=taro-pull-to-refresh.cjs.entry.js.map

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

@@ -2,26 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const Radio = class {
+let Radio = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onChange = index.createEvent(this, "radiochange", 7);
-    this.handleClick = (e) => {
-      e.stopPropagation();
-      if (this.disabled)
-        return;
-      if (!this.checked)
-        this.checked = true;
-    };
-    this.name = undefined;
     this.value = '';
-    this.id = undefined;
     this.checked = false;
     this.disabled = false;
     this.nativeProps = {};
     this.isWillLoadCalled = false;
+    this.handleClick = () => {
+      if (this.disabled)
+        return;
+      if (!this.checked)
+        this.checked = true;
+    };
   }
   watchChecked(newVal) {
     if (!this.isWillLoadCalled)
@@ -57,12 +54,11 @@ const Radio = class {
   }; }
 };
 
-const RadioGroup = class {
+let RadioGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onChange = index.createEvent(this, "change", 7);
     this.uniqueName = Date.now().toString(36);
-    this.name = undefined;
   }
   function(e) {
     e.stopPropagation();
@@ -117,5 +113,3 @@ const RadioGroup = class {
 
 exports.taro_radio_core = Radio;
 exports.taro_radio_group_core = RadioGroup;
-
-//# sourceMappingURL=taro-radio-core_2.cjs.entry.js.map

package/dist/cjs/taro-rich-text-core.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const RichText = class {
+let RichText = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.renderNode = (node) => {
@@ -53,7 +53,6 @@ const RichText = class {
       }
       return null;
     };
-    this.nodes = undefined;
   }
   render() {
     const { nodes, renderNode } = this;
@@ -67,5 +66,3 @@ const RichText = class {
 };
 
 exports.taro_rich_text_core = RichText;
-
-//# sourceMappingURL=taro-rich-text-core.cjs.entry.js.map

package/dist/cjs/taro-root-portal-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const RootPortal = class {
+let RootPortal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const RootPortal = class {
 };
 
 exports.taro_root_portal_core = RootPortal;
-
-//# sourceMappingURL=taro-root-portal-core.cjs.entry.js.map

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const index$2 = require('./index-f9d21cc5.js');
 const index$1 = require('./index-47a1959e.js');
 
@@ -30,12 +30,31 @@ function easeOutScroll(from, to, callback) {
   }
   step();
 }
-const ScrollView = class {
+let ScrollView = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onScroll = index.createEvent(this, "scroll", 3);
     this.onScrollToUpper = index.createEvent(this, "scrolltoupper", 3);
     this.onScrollToLower = index.createEvent(this, "scrolltolower", 3);
+    this.scrollX = false;
+    this.scrollY = false;
+    this.upperThreshold = 50;
+    this.lowerThreshold = 50;
+    this.scrollWithAnimation = false;
+    this.handleScroll = (e) => {
+      if (e instanceof CustomEvent)
+        return;
+      const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
+      this._scrollLeft = scrollLeft;
+      this._scrollTop = scrollTop;
+      this.upperAndLower();
+      this.onScroll.emit({
+        scrollLeft,
+        scrollTop,
+        scrollHeight,
+        scrollWidth
+      });
+    };
     this.upperAndLower = index$1.debounce(() => {
       const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
       const lowerThreshold = Number(this.lowerThreshold);
@@ -55,14 +74,6 @@ const ScrollView = class {
         });
       }
     }, 200);
-    this.scrollX = false;
-    this.scrollY = false;
-    this.upperThreshold = 50;
-    this.lowerThreshold = 50;
-    this.mpScrollTop = undefined;
-    this.mpScrollLeft = undefined;
-    this.mpScrollIntoView = undefined;
-    this.scrollWithAnimation = false;
   }
   watchScrollLeft(newVal) {
     const scrollLeft = Number(newVal);
@@ -102,21 +113,6 @@ const ScrollView = class {
       });
     }
   }
-  handleScroll(e) {
-    if (e instanceof CustomEvent)
-      return;
-    e.stopPropagation();
-    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
-    this._scrollLeft = scrollLeft;
-    this._scrollTop = scrollTop;
-    this.upperAndLower();
-    this.onScroll.emit({
-      scrollLeft,
-      scrollTop,
-      scrollHeight,
-      scrollWidth
-    });
-  }
   componentDidLoad() {
     const { scrollY, scrollX, scrollWithAnimation } = this;
     const scrollTop = Number(this.mpScrollTop);
@@ -146,7 +142,7 @@ const ScrollView = class {
       'taro-scroll-view__scroll-x': scrollX,
       'taro-scroll-view__scroll-y': scrollY
     });
-    return (index.h(index.Host, { class: cls }, index.h("slot", null)));
+    return (index.h(index.Host, { class: cls, onScroll: this.handleScroll }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
@@ -158,5 +154,3 @@ const ScrollView = class {
 ScrollView.style = indexCss;
 
 exports.taro_scroll_view_core = ScrollView;
-
-//# sourceMappingURL=taro-scroll-view-core.cjs.entry.js.map

package/dist/cjs/taro-share-element-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const ShareElement = class {
+let ShareElement = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const ShareElement = class {
 };
 
 exports.taro_share_element_core = ShareElement;
-
-//# sourceMappingURL=taro-share-element-core.cjs.entry.js.map

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

@@ -2,19 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const Slider = class {
+let Slider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onChange = index.createEvent(this, "change", 7);
     this.onChanging = index.createEvent(this, "changing", 7);
+    this.min = 0;
+    this.max = 100;
+    this.step = 1;
+    this.disabled = false;
+    this.value = 0;
+    this.activeColor = '#1aad19';
+    this.backgroundColor = '#e9e9e9';
+    this.blockSize = 28;
+    this.blockColor = '#ffffff';
+    this.showValue = false;
+    this.name = '';
+    this.totalWidth = 0;
+    this.touching = false;
+    this.ogX = 0;
+    this.touchId = null;
+    this.percent = 0;
+    this.isWillLoadCalled = false;
     this.handleTouchStart = (e) => {
       if (this.touching || this.disabled)
         return;
       this.touching = true;
       this.touchId = e.targetTouches[0].identifier;
-      this.totalWidth = this.sliderInsRef.clientWidth || 1;
+      this.totalWidth = this.sliderInsRef.clientWidth;
       this.ogX = e.targetTouches[0].pageX;
       this.ogPercent = this.percent;
     };
@@ -29,12 +46,12 @@ const Slider = class {
       const pageX = e.targetTouches[0].pageX;
       const diffX = pageX - ogX;
       let percent = diffX / totalWidth * 100 + ogPercent;
-      percent = this.handleValueUpdate(percent, 0, 100);
+      percent = Math.max(0, Math.min(percent, 100));
       const val = min + percent * 0.01 * (max - min);
       this.updateByStep(val);
       this.onChanging.emit({
         detail: e.detail,
-        value: this.value
+        value: this.val
       });
     };
     this.handleTouchEnd = (e) => {
@@ -44,7 +61,7 @@ const Slider = class {
       if (this.percent !== this.ogPercent) {
         this.onChange.emit({
           detail: e.detail,
-          value: this.value
+          value: this.val
         });
       }
       this.touching = false;
@@ -52,39 +69,22 @@ const Slider = class {
       this.ogX = 0;
       this.ogPercent = 0;
     };
-    this.handleValueUpdate = (e, min = this.min, max = this.max) => {
-      e = isNaN(e) ? 0 : e;
-      return Math.max(min, Math.min(e, max));
-    };
-    this.min = 0;
-    this.max = 100;
-    this.step = 1;
-    this.disabled = false;
-    this.value = 0;
-    this.activeColor = '#1aad19';
-    this.backgroundColor = '#e9e9e9';
-    this.blockSize = 28;
-    this.blockColor = '#ffffff';
-    this.showValue = false;
-    this.name = '';
-    this.totalWidth = 1;
-    this.touching = false;
-    this.ogX = 0;
-    this.touchId = null;
-    this.percent = 0;
-    this.ogPercent = undefined;
-    this.isWillLoadCalled = false;
   }
-  function(value) {
+  function(newVal) {
     if (!this.isWillLoadCalled)
       return;
     const { max, min } = this;
-    if (value !== null) {
-      const val = this.handleValueUpdate(value, min, max);
+    if (newVal !== null && newVal !== this.val) {
+      const val = Math.max(min, Math.min(newVal, max));
       this.updateByStep(val);
     }
   }
   componentDidLoad() {
+    Object.defineProperty(this.el, 'value', {
+      get: () => this.val,
+      set: value => (this.value = value),
+      configurable: true
+    });
     // 在自动化测试时，如果通过 JSX 绑定 touch 事件，
     // 模拟的 touch 事件只会在浏览器的 device mode 下触发，Karma 跑的测试就会跪。
     // 因此改为 didLoad 后 addEventListener 的形式。
@@ -92,10 +92,15 @@ const Slider = class {
     this.handler.addEventListener('touchmove', this.handleTouchMove);
     this.handler.addEventListener('touchend', this.handleTouchEnd);
   }
+  componentDidUpdate() {
+    this.value = null;
+  }
   componentWillLoad() {
     this.isWillLoadCalled = true;
     const { value, max, min } = this;
-    const val = this.handleValueUpdate(value, min, max);
+    if (value === null)
+      return;
+    const val = Math.max(min, Math.min(value, max));
     this.updateByStep(val);
   }
   // 根据步长 step 修改 value
@@ -122,11 +127,11 @@ const Slider = class {
       }
     }
     const percent = (value - min) / (max - min) * 100;
-    this.value = value;
+    this.val = value;
     this.percent = percent;
   }
   render() {
-    const { showValue, backgroundColor, activeColor, blockColor, name, percent, value } = this;
+    const { showValue, backgroundColor, activeColor, blockColor, name, percent, val } = this;
     let blockSize = this.blockSize;
     const innerStyles = { backgroundColor };
     const percentage = percent > 100 ? 100 : percent;
@@ -151,7 +156,7 @@ const Slider = class {
     return (index.h(index.Host, { class: 'weui-slider-box' }, index.h("div", { class: 'weui-slider' }, index.h("div", { class: 'weui-slider__inner', style: innerStyles, ref: c => (this.sliderInsRef = c) }, index.h("div", { style: trackStyles, class: 'weui-slider__track' }), index.h("div", { class: 'weui-slider__handler', ref: dom => {
         if (dom)
           this.handler = dom;
-      }, style: handlerStyles }), index.h("input", { type: 'hidden', name: name, value: value }))), showValue && index.h("div", { class: 'weui-slider-box__value' }, value)));
+      }, style: handlerStyles }), index.h("input", { type: 'hidden', name: name, value: val }))), showValue && index.h("div", { class: 'weui-slider-box__value' }, val)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
@@ -160,5 +165,3 @@ const Slider = class {
 };
 
 exports.taro_slider_core = Slider;
-
-//# sourceMappingURL=taro-slider-core.cjs.entry.js.map

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

@@ -2,17 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
+const helper = require('./helper-db78e01a.js');
+require('@tarojs/taro');
 
-const Slot = class {
+let Slot = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
+  componentDidLoad() {
+    helper.notSupport('Slot', this);
+  }
   render() {
     return (index.h(index.Host, null));
   }
 };
 
 exports.taro_slot_core = Slot;
-
-//# sourceMappingURL=taro-slot-core.cjs.entry.js.map