@tarojs/components 3.3.14 → 3.5.0-canary.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 const navigatorCss = ".navigator-hover{background:#efefef}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
 
 let OpenData = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 function getTimeRange(begin, end) {
   const range = [];

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
 
 let PickerViewColumn = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
 
 let PickerView = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
 
 let Index = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0px;transform-origin:left top 0px}.rmc-pull-to-refresh-content-wrapper{overflow:hidden}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{text-align:center;height:30px;line-height:10px}.rmc-pull-to-refresh-indicator>div{background-color:grey;width:6px;height:6px;border-radius:100%;margin:3px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
 
 let Radio = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
 
 let RichText = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 const indexCss = "taro-scroll-view-core{display:block;width:100%;-webkit-overflow-scrolling:auto}taro-scroll-view-core::-webkit-scrollbar{display:none}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}";
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
 
 let Slider = class {
   constructor(hostRef) {

package/dist/esm/taro-swiper-core_2.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 /**
  * SSR Window 3.0.0

package/dist/esm/taro-switch-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-165a6222.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5bd7cbab.js';
 
 const indexCss = "taro-switch-core{display:inline-block;width:52px;height:32px}taro-switch-core .weui-switch{display:block;width:100%;height:100%}";
 

package/dist/esm/taro-tabbar.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
@@ -152,18 +152,18 @@ let Tabbar = class {
     this.status = STATUS_SHOW;
     this.getOriginUrl = (url) => {
       const customRoute = this.customRoutes.filter(([, customUrl]) => {
-        const patha = splitUrl(customUrl).path;
-        const pathb = splitUrl(url).path;
-        return patha === pathb;
+        const pathA = splitUrl(customUrl).path;
+        const pathB = splitUrl(url).path;
+        return pathA === pathB;
       });
       return customRoute.length ? customRoute[0][0] : url;
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
       this.list.forEach(({ pagePath }, idx) => {
-        const patha = splitUrl(url).path;
-        const pathb = splitUrl(pagePath).path;
-        if (patha === pathb) {
+        const pathA = splitUrl(url).path;
+        const pathB = splitUrl(pagePath).path;
+        if (pathA === pathB) {
           foundIndex = idx;
         }
       });
@@ -206,23 +206,27 @@ let Tabbar = class {
       }
       this.selectedIndex = this.getSelectedIndex(this.getOriginUrl(currentPage));
     };
-    this.setTabBarBadgeHandler = ({ index, text, errorHandler }) => {
-      const list = this.list;
+    this.setTabBarBadgeHandler = ({ index, text, successHandler, errorHandler }) => {
+      const list = [...this.list];
       if (index in list) {
-        this.list[index].showRedDot = false;
-        this.list[index].badgeText = text;
+        list[index].showRedDot = false;
+        list[index].badgeText = text;
+        successHandler({
+          errMsg: 'setTabBarBadge:ok'
+        });
       }
       else {
         errorHandler({
           errMsg: 'setTabBarBadge:fail tabbar item not found'
         });
       }
+      this.list = list;
     };
     this.removeTabBarBadgeHandler = ({ index, successHandler, errorHandler }) => {
-      const list = this.list;
+      const list = [...this.list];
       if (index in list) {
-        this.list[index].badgeText = null;
-        this.list[index].badgeText = null;
+        list[index].badgeText = null;
+        list[index].badgeText = null;
         successHandler({
           errMsg: 'removeTabBarBadge:ok'
         });
@@ -232,9 +236,10 @@ let Tabbar = class {
           errMsg: 'removeTabBarBadge:fail tabbar item not found'
         });
       }
+      this.list = list;
     };
     this.showTabBarRedDotHandler = ({ index, successHandler, errorHandler }) => {
-      const list = this.list;
+      const list = [...this.list];
       if (index in list) {
         list[index].badgeText = null;
         list[index].showRedDot = true;
@@ -247,9 +252,10 @@ let Tabbar = class {
           errMsg: 'showTabBarRedDot:fail tabbar item not found'
         });
       }
+      this.list = list;
     };
     this.hideTabBarRedDotHandler = ({ index, successHandler, errorHandler }) => {
-      const list = this.list;
+      const list = [...this.list];
       if (index in list) {
         list[index].showRedDot = false;
         successHandler({
@@ -261,6 +267,7 @@ let Tabbar = class {
           errMsg: 'hideTabBarRedDot:fail tabbar item not found'
         });
       }
+      this.list = list;
     };
     this.showTabBarHandler = ({ successHandler }) => {
       this.status = STATUS_SHOW;
@@ -274,6 +281,39 @@ let Tabbar = class {
         errMsg: 'hideTabBar:ok'
       });
     };
+    this.setTabBarStyleHandler = ({ color, selectedColor, backgroundColor, borderStyle, successHandler }) => {
+      if (backgroundColor)
+        this.backgroundColor = backgroundColor;
+      if (borderStyle)
+        this.borderStyle = borderStyle;
+      if (color)
+        this.color = color;
+      if (selectedColor)
+        this.selectedColor = selectedColor;
+      successHandler({
+        errMsg: 'setTabBarStyle:ok'
+      });
+    };
+    this.setTabBarItemHandler = ({ index, iconPath, selectedIconPath, text, successHandler, errorHandler }) => {
+      const list = [...this.list];
+      if (index in list) {
+        if (iconPath)
+          list[index].iconPath = iconPath;
+        if (selectedIconPath)
+          list[index].selectedIconPath = selectedIconPath;
+        if (text)
+          list[index].text = text;
+        successHandler({
+          errMsg: 'setTabBarItem:ok'
+        });
+      }
+      else {
+        errorHandler({
+          errMsg: 'setTabBarItem:fail tabbar item not found'
+        });
+      }
+      this.list = list;
+    };
     const list = this.conf.list;
     const customRoutes = this.conf.customRoutes;
     if (Object.prototype.toString.call(list) !== '[object Array]' ||
@@ -291,6 +331,10 @@ let Tabbar = class {
       }
     });
     this.list = list;
+    this.borderStyle = this.conf.borderStyle;
+    this.backgroundColor = this.conf.backgroundColor;
+    this.color = this.conf.color;
+    this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
     const routerMode = this.conf.mode;
@@ -318,6 +362,8 @@ let Tabbar = class {
     Taro.eventCenter.on('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
     Taro.eventCenter.on('__taroShowTabBar', this.showTabBarHandler);
     Taro.eventCenter.on('__taroHideTabBar', this.hideTabBarHandler);
+    Taro.eventCenter.on('__taroSetTabBarStyle', this.setTabBarStyleHandler);
+    Taro.eventCenter.on('__taroSetTabBarItem', this.setTabBarItemHandler);
   }
   removeEvent() {
     Taro.eventCenter.off('__taroRouterChange', this.routerChangeHandler);
@@ -328,6 +374,8 @@ let Tabbar = class {
     Taro.eventCenter.off('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler);
     Taro.eventCenter.off('__taroShowTabBar', this.showTabBarHandler);
     Taro.eventCenter.off('__taroHideTabBar', this.hideTabBarHandler);
+    Taro.eventCenter.off('__taroSetTabBarStyle', this.setTabBarStyleHandler);
+    Taro.eventCenter.off('__taroSetTabBarItem', this.setTabBarItemHandler);
   }
   componentDidLoad() {
     this.tabbarPos = this.tabbar.nextElementSibling ? 'top' : 'bottom';
@@ -338,10 +386,10 @@ let Tabbar = class {
     this.removeEvent();
   }
   render() {
-    const { conf, tabbarPos = 'bottom' } = this;
+    const { tabbarPos = 'bottom' } = this;
     const status = this.status;
     const containerCls = classnames('weui-tabbar', {
-      [`taro-tabbar__border-${conf.borderStyle || 'black'}`]: true
+      [`taro-tabbar__border-${this.borderStyle || 'black'}`]: true
     });
     const shouldHideTabBar = this.selectedIndex === -1 || status === STATUS_HIDE;
     const shouldSlideout = status === STATUS_SLIDEOUT;
@@ -349,17 +397,17 @@ let Tabbar = class {
         [hideTabBarClassName]: shouldHideTabBar,
         [hideTabBarWithAnimationClassName]: shouldSlideout
       }) }, h("div", { class: containerCls, style: {
-        backgroundColor: conf.backgroundColor || ''
+        backgroundColor: this.backgroundColor || ''
       } }, this.list.map((item, index) => {
       const isSelected = this.selectedIndex === index;
       let textColor;
       let iconPath;
       if (isSelected) {
-        textColor = conf.selectedColor;
+        textColor = this.selectedColor || '';
         iconPath = item.selectedIconPath;
       }
       else {
-        textColor = conf.color || '';
+        textColor = this.color || '';
         iconPath = item.iconPath;
       }
       return (h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));

package/dist/esm/taro-text-core.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-165a6222.js';
-import { c as classnames } from './index-85e10859.js';
+import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { c as classnames } from './index-3c78bcaf.js';
 
 const indexCss = "taro-text-core{display:inline;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre-wrap}.taro-text__selectable{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}";
 

package/dist/esm/taro-textarea-core.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-165a6222.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5bd7cbab.js';
 
-const indexCss = "taro-textarea-core{display:block;width:300px;height:150px}.taro-textarea{-webkit-appearance:none;cursor:auto;width:100%;height:100%;border:0;display:block;position:relative}.taro-textarea:focus{outline:none}";
+const indexCss = "taro-textarea-core{display:block;width:300px}taro-textarea-core .auto-height{height:auto}.taro-textarea{-webkit-appearance:none;cursor:auto;width:100%;height:150px;border:0;display:block;position:relative;line-height:1.5}.taro-textarea:focus{outline:none}";
 
 function fixControlledValue(value) {
   return value !== null && value !== void 0 ? value : '';
@@ -12,12 +12,16 @@ let Textarea = class {
     this.onFocus = createEvent(this, "focus", 7);
     this.onBlur = createEvent(this, "blur", 7);
     this.onChange = createEvent(this, "change", 7);
+    this.onLineChange = createEvent(this, "linechange", 7);
     this.disabled = false;
     this.maxlength = 140;
     this.autoFocus = false;
+    this.autoHeight = false;
     this.nativeProps = {};
+    this.line = 1;
     this.hanldeInput = (e) => {
       e.stopPropagation();
+      this.handleLineChange();
       this.onInput.emit({
         value: e.target.value,
         cursor: e.target.value.length
@@ -39,6 +43,58 @@ let Textarea = class {
         value: e.target.value
       });
     };
+    this.handleLineChange = () => {
+      const line = this.getNumberOfLines();
+      if (line !== this.line) {
+        this.line = line;
+        this.onLineChange.emit({
+          height: this.textareaRef.clientHeight,
+          lineCount: this.line
+        });
+      }
+    };
+    this.calculateContentHeight = (ta, scanAmount) => {
+      let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow;
+      /// only bother if the ta is bigger than content
+      if (height >= scrollHeight) {
+        /// check that our browser supports changing dimension
+        /// calculations mid-way through a function call...
+        ta.style.height = height + scanAmount + 'px';
+        /// because the scrollbar can cause calculation problems
+        ta.style.overflow = 'hidden';
+        /// by checking that scrollHeight has updated
+        if (scrollHeight < ta.scrollHeight) {
+          /// now try and scan the ta's height downwards
+          /// until scrollHeight becomes larger than height
+          while (ta.offsetHeight >= ta.scrollHeight) {
+            ta.style.height = (height -= scanAmount) + 'px';
+          }
+          /// be more specific to get the exact height
+          while (ta.offsetHeight < ta.scrollHeight) {
+            ta.style.height = height++ + 'px';
+          }
+          /// reset the ta back to it's original height
+          ta.style.height = origHeight;
+          /// put the overflow back
+          ta.style.overflow = overflow;
+          return height;
+        }
+      }
+      else {
+        return scrollHeight;
+      }
+    };
+    this.getNumberOfLines = () => {
+      const ta = this.textareaRef, style = window.getComputedStyle ? window.getComputedStyle(ta) : ta.style, 
+      // This will get the line-height only if it is set in the css,
+      // otherwise it's "normal"
+      taLineHeight = parseInt(style.lineHeight, 10), 
+      // Get the scroll height of the textarea
+      taHeight = this.calculateContentHeight(ta, taLineHeight), 
+      // calculate the number of lines
+      numberOfLines = Math.floor(taHeight / taLineHeight);
+      return numberOfLines;
+    };
   }
   componentDidLoad() {
     Object.defineProperty(this.el, 'value', {
@@ -49,12 +105,16 @@ let Textarea = class {
     this.autoFocus && this.textareaRef.focus();
   }
   render() {
-    const { value, placeholder, disabled, maxlength, autoFocus, name, nativeProps, hanldeInput, handleFocus, handleBlur, handleChange } = this;
+    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, hanldeInput, handleFocus, handleBlur, handleChange } = this;
+    const otherProps = {};
+    if (autoHeight) {
+      otherProps.rows = this.line;
+    }
     return (h("textarea", Object.assign({ ref: input => {
         if (input) {
           this.textareaRef = input;
         }
-      }, class: 'taro-textarea', value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: hanldeInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: hanldeInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
   }
   get el() { return getElement(this); }
 };