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

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
+
+let ShareElement = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 ShareElement 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { ShareElement as taro_share_element_core };

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-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
 
 let Slider = class {
   constructor(hostRef) {

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

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
+
+let Slot = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    console.error('H5 暂不支持 Slot 组件！');
+  }
+  render() {
+    return (h(Host, null));
+  }
+};
+
+export { Slot as taro_slot_core };

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

@@ -1,5 +1,6 @@
-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';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
+import { d as debounce } from './index-cad8203e.js';
 
 /**
  * SSR Window 3.0.0
@@ -9939,6 +9940,11 @@ let Swiper = class {
         this.swiper.loopCreate();
       }
     }, 500);
+    this.handleSwiperSize = debounce(() => {
+      if (this.swiper && !this.circular) {
+        this.swiper.updateSlides();
+      }
+    }, 50);
   }
   watchCurrent(newVal) {
     if (!this.isWillLoadCalled)
@@ -10002,6 +10008,8 @@ let Swiper = class {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10035,12 +10043,14 @@ let Swiper = class {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
     (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
   }
   handleInit() {
-    const { autoplay, current, interval, duration, circular, vertical, displayMultipleItems } = this;
+    const { autoplay, circular, current, displayMultipleItems, duration, interval, vertical } = this;
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const that = this;
     const options = {
@@ -10058,7 +10068,7 @@ let Swiper = class {
         },
         // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
         slideChangeTransitionEnd(_swiper) {
-          if (circular) {
+          if (that.circular) {
             if (_swiper.isBeginning || _swiper.isEnd) {
               _swiper.slideToLoop(this.realIndex, 0); // 更新下标
               return;
@@ -10078,9 +10088,14 @@ let Swiper = class {
         observerUpdate(_swiper, e) {
           const target = e.target;
           const className = target && typeof target.className === 'string' ? target.className : '';
-          if (className.includes('taro_page') && target.style.display === 'block') {
+          if (className.includes('taro_page') && target.style.display !== 'none') {
             if (that.autoplay && target.contains(_swiper.$el[0])) {
-              _swiper.slideTo(that.current);
+              if (that.circular) {
+                _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+              }
+              else {
+                _swiper.slideTo(this.realIndex);
+              }
             }
           }
         }
@@ -10134,15 +10149,6 @@ let Swiper = class {
     "circular": ["watchCircular"]
   }; }
 };
-function debounce(fn, delay) {
-  let timer;
-  return function (...arrs) {
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn(...arrs);
-    }, delay);
-  };
-}
 Swiper.style = indexCss;
 
 let SwiperItem = class {

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-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-26d8b479.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,28 @@
-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';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-26d8b479.js';
+import Taro from '@tarojs/taro';
+import { c as classnames } from './index-1d8e8acd.js';
+
+const splitUrl = _url => {
+  let url = _url || '';
+  let pos;
+  const res = {
+    path: null,
+    query: null,
+    fragment: null
+  };
+  pos = url.indexOf('#');
+  if (pos > -1) {
+    res.fragment = url.substring(pos + 1);
+    url = url.substring(0, pos);
+  }
+  pos = url.indexOf('?');
+  if (pos > -1) {
+    res.query = url.substring(pos + 1);
+    url = url.substring(0, pos);
+  }
+  res.path = url;
+  return res;
+};
 
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
@@ -75,32 +98,6 @@ function resolvePathname(to, from) {
   return result;
 }
 
-const splitUrl = _url => {
-  let url = _url || '';
-  let pos;
-  const res = {
-    path: null,
-    query: null,
-    fragment: null
-  };
-
-  pos = url.indexOf('#');
-  if (pos > -1) {
-    res.fragment = url.substring(pos + 1);
-    url = url.substring(0, pos);
-  }
-
-  pos = url.indexOf('?');
-  if (pos > -1) {
-    res.query = url.substring(pos + 1);
-    url = url.substring(0, pos);
-  }
-
-  res.path = url;
-
-  return res
-};
-
 const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, text, onSelect }) => {
   const className = classnames('weui-tabbar__item', {
     'weui-bar__item_on': isSelected
@@ -126,15 +123,14 @@ const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText,
     h("p", { class: 'weui-tabbar__label', style: { color: textColor } }, text)));
 };
 
-const indexCss = "html,body{height:100%}#app{height:100%}.taro-tabbar__border-white::before{border-top-color:#fff !important}.taro-tabbar__container{display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.taro-tabbar__panel{-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}.taro-tabbar__tabbar{position:relative;height:50px;width:100%;-webkit-transition:bottom 0.2s, top 0.2s;transition:bottom 0.2s, top 0.2s}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{bottom:0}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{top:-52px;-ms-flex:0 0;flex:0 0}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
+const indexCss = "html,body{height:100%}#app{height:100%}.taro-tabbar__border-white::before{border-top-color:#fff !important}.taro-tabbar__container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:column;flex-direction:column;height:100%}.taro-tabbar__panel{overflow:auto;position:relative;-ms-flex:1;flex:1;-webkit-overflow-scrolling:auto}.taro-tabbar__tabbar{position:relative;width:100%;height:50px;-webkit-transition:bottom 0.2s, top 0.2s;transition:bottom 0.2s, top 0.2s}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{top:-52px;-ms-flex:0 0;flex:0 0}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
 
-// IGNORE: 由于 @tarojs/taro 与 @tarojs/components 中存在循环依赖，暂时使用 commonjs 引用
-const Taro = require('@tarojs/taro');
 // const removeLeadingSlash = str => str.replace(/^\.?\//, '')
 // const removeTrailingSearch = str => str.replace(/\?[\s\S]*$/, '')
-const addLeadingSlash = str => str[0] === '/' ? str : `/${str}`;
-const hasBasename = (path, prefix) => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
-const stripBasename = (path, prefix) => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const addLeadingSlash = (str = '') => str[0] === '/' ? str : `/${str}`;
+const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
+const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
 const STATUS_SHOW = 0;
 const STATUS_HIDE = 1;
 const STATUS_SLIDEOUT = 2;
@@ -156,7 +152,7 @@ let Tabbar = class {
         const pathB = splitUrl(url).path;
         return pathA === pathB;
       });
-      return customRoute.length ? customRoute[0][0] : url;
+      return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
@@ -192,14 +188,12 @@ let Tabbar = class {
       }
     };
     this.routerChangeHandler = (options) => {
-      let toLocation;
+      var _a;
+      const to = (_a = options === null || options === void 0 ? void 0 : options.toLocation) === null || _a === void 0 ? void 0 : _a.path;
       let currentPage;
-      if (options) {
-        toLocation = options.toLocation;
-      }
-      if (toLocation && toLocation.path) {
-        const tmpPath = addLeadingSlash(toLocation.path);
-        currentPage = stripBasename(tmpPath === '/' ? this.homePage : tmpPath, this.conf.basename || '/');
+      if (typeof to === 'string') {
+        const routerBasename = this.conf.basename || '/';
+        currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename) || '/';
       }
       else {
         currentPage = this.getCurrentUrl();
@@ -322,8 +316,15 @@ let Tabbar = class {
       throw new Error('tabBar 配置错误');
     }
     this.homePage = addLeadingSlash(this.conf.homePage);
-    for (const key in customRoutes) {
-      this.customRoutes.push([key, customRoutes[key]]);
+    for (let key in customRoutes) {
+      const path = customRoutes[key];
+      key = addLeadingSlash(key);
+      if (typeof path === 'string') {
+        this.customRoutes.push([key, addLeadingSlash(path)]);
+      }
+      else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
+        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]));
+      }
     }
     list.forEach(item => {
       if (item.pagePath.indexOf('/') !== 0) {
@@ -351,7 +352,7 @@ let Tabbar = class {
       url = location.pathname;
     }
     const processedUrl = addLeadingSlash(stripBasename(url, routerBasename));
-    return processedUrl === '/' ? this.homePage : processedUrl;
+    return decodeURI(processedUrl === '/' ? this.homePage : processedUrl);
   }
   bindEvent() {
     Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler);
@@ -397,7 +398,8 @@ let Tabbar = class {
         [hideTabBarClassName]: shouldHideTabBar,
         [hideTabBarWithAnimationClassName]: shouldSlideout
       }) }, h("div", { class: containerCls, style: {
-        backgroundColor: this.backgroundColor || ''
+        backgroundColor: this.backgroundColor || '',
+        height: 'inherit'
       } }, this.list.map((item, index) => {
       const isSelected = this.selectedIndex === index;
       let textColor;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.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}";
+const indexCss = "taro-text-core{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:pre-wrap}.taro-text__selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}";
 
 let Text = class {
   constructor(hostRef) {

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-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-26d8b479.js';
 
-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}";
+const indexCss = "taro-textarea-core{display:block;width:300px}taro-textarea-core .auto-height{height:auto}.taro-textarea{display:block;position:relative;border:0;width:100%;height:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:auto;line-height:1.5}.taro-textarea:focus{outline:none}";
 
 function fixControlledValue(value) {
   return value !== null && value !== void 0 ? value : '';
@@ -19,7 +19,7 @@ let Textarea = class {
     this.autoHeight = false;
     this.nativeProps = {};
     this.line = 1;
-    this.hanldeInput = (e) => {
+    this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
       this.onInput.emit({
@@ -54,9 +54,10 @@ let Textarea = class {
       }
     };
     this.calculateContentHeight = (ta, scanAmount) => {
-      let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow;
+      let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow, originMinHeight = ta.style.minHeight || null;
       /// only bother if the ta is bigger than content
       if (height >= scrollHeight) {
+        ta.style.minHeight = 0;
         /// check that our browser supports changing dimension
         /// calculations mid-way through a function call...
         ta.style.height = height + scanAmount + 'px';
@@ -77,6 +78,7 @@ let Textarea = class {
           ta.style.height = origHeight;
           /// put the overflow back
           ta.style.overflow = overflow;
+          ta.style.minHeight = originMinHeight;
           return height;
         }
       }
@@ -105,7 +107,7 @@ let Textarea = class {
     this.autoFocus && this.textareaRef.focus();
   }
   render() {
-    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, hanldeInput, handleFocus, handleBlur, handleChange } = this;
+    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, handleInput, handleFocus, handleBlur, handleChange } = this;
     const otherProps = {};
     if (autoHeight) {
       otherProps.rows = this.line;
@@ -114,7 +116,7 @@ let Textarea = class {
         if (input) {
           this.textareaRef = input;
         }
-      }, 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)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
   }
   get el() { return getElement(this); }
 };