@tarojs/components 3.7.0-alpha.2 → 3.7.0-alpha.22

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

@@ -2,7 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
+const index = require('./index-e751dfe3.js');
+
+const indexCss = "taro-rich-text-core{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}taro-rich-text-core[selectable=true],taro-rich-text-core[user-select=true]{display:block;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}taro-rich-text-core[space]{white-space:pre-wrap}taro-rich-text-core[space=ensp]{word-spacing:0.5em}taro-rich-text-core[space=nbsp]{word-spacing:1em}";
 
 const RichText = class {
   constructor(hostRef) {
@@ -54,6 +56,9 @@ const RichText = class {
       return null;
     };
     this.nodes = undefined;
+    this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
   }
   render() {
     const { nodes, renderNode } = this;
@@ -65,5 +70,6 @@ const RichText = class {
     }
   }
 };
+RichText.style = indexCss;
 
 exports.taro_rich_text_core = RichText;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RootPortal = class {

package/dist/cjs/taro-rtc-room-core.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RtcRoom = class {

package/dist/cjs/taro-rtc-room-item-core.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RtcRoomItem = class {

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

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const index$2 = require('./index-f9d21cc5.js');
+const index = require('./index-e751dfe3.js');
+const index$2 = require('./index-f6805218.js');
 const index$1 = require('./index-dfd8638f.js');
+const helper = require('./helper-ad6306f6.js');
+require('@tarojs/taro');
 
 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}";
 
@@ -63,6 +65,7 @@ const ScrollView = class {
     this.mpScrollTop = undefined;
     this.mpScrollLeft = undefined;
     this.mpScrollIntoView = undefined;
+    this.mpScrollIntoViewAlignment = undefined;
     this.animated = false;
   }
   watchScrollLeft(newVal) {
@@ -97,6 +100,11 @@ const ScrollView = class {
       scrollWidth
     });
   }
+  handleTouchMove(e) {
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+  }
   async mpScrollToMethod(object) {
     let { top, left, duration, animated = false } = object;
     if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
@@ -122,9 +130,9 @@ const ScrollView = class {
     var _a;
     if (typeof selector === 'string' && selector) {
       (_a = document.querySelector(`#${selector}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-        inline: 'start'
+        behavior: this.animated ? 'smooth' : 'auto',
+        block: this.scrollY ? (this.mpScrollIntoViewAlignment || 'center') : 'center',
+        inline: this.scrollX ? (this.mpScrollIntoViewAlignment || 'start') : 'start'
       });
     }
   }
@@ -136,6 +144,9 @@ const ScrollView = class {
       top, left, animated
     });
   }
+  componentDidRender() {
+    helper.handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = index$2.classnames({

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const ShareElement = class {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
+const index = require('./index-e751dfe3.js');
 
 const Slider = class {
   constructor(hostRef) {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const Slot = class {

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
+require('@tarojs/taro');
+
+const Snapshot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Snapshot', this);
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+
+exports.taro_snapshot_core = Snapshot;

package/dist/cjs/taro-sticky-header-core.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const StickyHeader = class {

package/dist/cjs/taro-sticky-section-core.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const StickySection = class {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-e1b469cd.js');
-const index$3 = require('./index-f9d21cc5.js');
+const index$1 = require('./index-e751dfe3.js');
+const index$3 = require('./index-f6805218.js');
 const index$2 = require('./index-dfd8638f.js');
 
 /**
@@ -9868,8 +9868,8 @@ const Swiper = class {
       var _a, _b, _c;
       ((_a = this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) && this.observerFirst.disconnect();
       ((_b = this.observerLast) === null || _b === void 0 ? void 0 : _b.disconnect) && this.observerLast.disconnect();
-      this.observerFirst = new MutationObserver(this.handleSwiperLoop);
-      this.observerLast = new MutationObserver(this.handleSwiperLoop);
+      this.observerFirst = new MutationObserver(this.handleSwiperLoopDebounce);
+      this.observerLast = new MutationObserver(this.handleSwiperLoopDebounce);
       const wrapper = (_c = this.swiper.$wrapperEl) === null || _c === void 0 ? void 0 : _c[0];
       const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
       if (list.length >= 1) {
@@ -9883,22 +9883,23 @@ const Swiper = class {
         });
       }
     };
-    this.handleSwiperLoop = index$2.debounce(() => {
-      var _a;
+    this.handleSwiperLoop = () => {
+      var _a, _b, _c, _d;
       if (!this.swiper || !this.circular)
         return;
       const swiper = this.swiper; // Note: loop 相关的方法 swiper 未声明
       const duplicates = ((_a = this.swiperWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.swiper-slide-duplicate')) || [];
       if (duplicates.length < 2) {
         // Note: 循环模式下，但是前后垫片未注入
-        swiper.loopDestroy();
-        swiper.loopCreate();
+        (_b = swiper.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(swiper);
+        (_c = swiper.loopCreate) === null || _c === void 0 ? void 0 : _c.call(swiper);
       }
       else {
-        swiper.loopFix();
+        (_d = swiper.loopFix) === null || _d === void 0 ? void 0 : _d.call(swiper);
       }
-    }, 50);
-    this.handleSwiperSize = index$2.debounce(() => {
+    };
+    this.handleSwiperLoopDebounce = index$2.debounce(this.handleSwiperLoop, 50);
+    this.handleSwiperSizeDebounce = index$2.debounce(() => {
       if (this.swiper && !this.circular) {
         this.swiper.updateSlides();
       }
@@ -9989,8 +9990,9 @@ const Swiper = class {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
-    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10032,8 +10034,9 @@ const Swiper = class {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
-    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('MutationObserver', this.handleSwiperSizeDebounce);
     (_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);
@@ -10147,35 +10150,41 @@ const Swiper = class {
 };
 Swiper.style = indexCss;
 
-function isEqualTag(a, b) {
-  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
-}
-function parseChildNodes(items, targets, needClean = false) {
-  const list = Array.from(targets.values());
-  for (let i = 0, j = 0; i < list.length; i++) {
-    const target = list[i];
-    if (!target)
-      return;
-    let item = items.item(j);
-    while (item) {
-      if (!isEqualTag(item, target) || needClean) {
-        item.remove();
-        j++;
-        item = items.item(j);
-        continue;
-      }
-      if (target.childNodes.length > 0) {
-        const cleanAll = ['taro-image-core'].includes(target.tagName.toLocaleLowerCase());
-        parseChildNodes(item.childNodes, target.childNodes, cleanAll);
+const nativeCloneNode = Node.prototype.cloneNode;
+function cloneNode(node, deep) {
+  const clonedNode = nativeCloneNode.call(node, false);
+  const srcChildNodes = childNodes(node);
+  if (deep) {
+    for (let i = 0; i < srcChildNodes.length; i++) {
+      const srcNode = srcChildNodes[i];
+      let srcDeep = deep;
+      if (srcNode.nodeType !== 2 && srcNode.nodeType !== 8) {
+        // Note: 没有引用节点（s-cr[reference comment]）的情况下，不复制子节点避免冗余（例如：Image 组件）
+        if (!srcNode['s-cr']) {
+          srcDeep = false;
+        }
+        const childClone = cloneNode(srcNode, srcDeep);
+        clonedNode.appendChild(childClone);
       }
-      break;
     }
-    while (i === list.length - 1 && j < items.length) {
-      j++;
-      item = items.item(j);
-      item === null || item === void 0 ? void 0 : item.remove();
+  }
+  return clonedNode;
+}
+function childNodes(node) {
+  const childNodes = node.childNodes;
+  // check if element is stencil element without shadow dom
+  // and then detect elements that were slotted into the element
+  if (node['s-sc']) {
+    const result = [];
+    for (let i = 0; i < childNodes.length; i++) {
+      const slot = childNodes[i]['s-nr'];
+      if (slot) {
+        result.push(slot);
+      }
     }
+    return result;
   }
+  return Array.from(childNodes);
 }
 const SwiperItem = class {
   constructor(hostRef) {
@@ -10183,16 +10192,9 @@ const SwiperItem = class {
     this.itemId = undefined;
   }
   componentDidRender() {
-    var _a, _b, _c;
-    const el = this.el;
-    if (el.classList.contains('swiper-slide-duplicate')) {
-      const list = Array
-        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
-        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
-      if (list.length > 0) {
-        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
-      }
-    }
+    this.el.cloneNode = (deep = false) => {
+      return cloneNode.call(null, this.el, deep);
+    };
   }
   render() {
     return (index$1.h(index$1.Host, { class: 'swiper-slide', "item-id": this.itemId }));

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
+const index = require('./index-e751dfe3.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/cjs/taro-tab-item-core.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const TabItem = class {

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-e1b469cd.js');
+const index$1 = require('./index-e751dfe3.js');
 const Taro = require('@tarojs/taro');
-const index = require('./index-f9d21cc5.js');
+const utils = require('@tarojs/router/dist/utils');
+const index = require('./index-f6805218.js');
 const index$2 = require('./index-dfd8638f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,19 +34,6 @@ const splitUrl = _url => {
   return res;
 };
 
-// export const removeLeadingSlash = (str = '') => str.replace(/^\.?\//, '')
-// export const removeTrailingSearch = (str = '') => str.replace(/\?[\s\S]*$/, '')
-const addLeadingSlash = (url = '') => (url.charAt(0) === '/' ? url : '/' + url);
-const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path) || path === prefix;
-const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substring(prefix.length) : path;
-const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
-const getCurrentPage = (routerMode = 'hash', basename = '/') => {
-    const pagePath = routerMode === 'hash'
-        ? location.hash.slice(1).split('?')[0]
-        : location.pathname;
-    return addLeadingSlash(stripBasename(pagePath, basename));
-};
-
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
 }
@@ -149,7 +137,7 @@ const TabbarItem = ({ index: index$3, isSelected = false, textColor, iconPath, b
     index$1.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;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}";
+const indexCss = "html,body{height:100%}:root{--taro-tabbar-height:50px}#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:var(--taro-tabbar-height);-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}";
 
 const STATUS_SHOW = 0;
 const STATUS_HIDE = 1;
@@ -170,7 +158,7 @@ const Tabbar = class {
         const pathB = splitUrl(url).path;
         return pathA === pathB;
       });
-      return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
+      return utils.stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
@@ -211,7 +199,7 @@ const Tabbar = class {
       let currentPage;
       if (typeof to === 'string') {
         const routerBasename = this.conf.basename || '/';
-        currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename) || '/';
+        currentPage = utils.stripBasename(utils.addLeadingSlash(to || this.homePage), routerBasename) || '/';
       }
       else {
         currentPage = this.getCurrentUrl();
@@ -344,15 +332,15 @@ const Tabbar = class {
       list.length > 5) {
       throw new Error('tabBar 配置错误');
     }
-    this.homePage = addLeadingSlash(this.conf.homePage);
+    this.homePage = utils.addLeadingSlash(this.conf.homePage);
     for (let key in customRoutes) {
       const path = customRoutes[key];
-      key = addLeadingSlash(key);
+      key = utils.addLeadingSlash(key);
       if (typeof path === 'string') {
-        this.customRoutes.push([key, addLeadingSlash(path)]);
+        this.customRoutes.push([key, utils.addLeadingSlash(path)]);
       }
       else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
-        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]));
+        this.customRoutes.push(...path.map(p => [key, utils.addLeadingSlash(p)]));
       }
     }
     list.forEach(item => {
@@ -367,7 +355,7 @@ const Tabbar = class {
     this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
-    const routePath = getCurrentPage(this.conf.mode, this.conf.basename);
+    const routePath = utils.getCurrentPage(this.conf.mode, this.conf.basename);
     return decodeURI(routePath === '/' ? this.homePage : routePath);
   }
   bindEvent() {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const helper = require('./helper-db78e01a.js');
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const Tabs = class {

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

@@ -2,21 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
-const index$1 = require('./index-f9d21cc5.js');
+const index = require('./index-e751dfe3.js');
 
-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}";
+const indexCss = "taro-text-core{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}taro-text-core[selectable=true],taro-text-core[user-select=true]{display:inline-block;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}taro-text-core[space]{white-space:pre-wrap}taro-text-core[space=ensp]{word-spacing:0.5em}taro-text-core[space=nbsp]{word-spacing:1em}taro-text-core[number-of-lines]{--line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:var(--line-clamp)}";
 
 const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
+    this.numberOfLines = undefined;
   }
   render() {
-    const cls = index$1.classnames({
-      'taro-text__selectable': this.selectable
-    });
-    return (index.h(index.Host, { class: cls }, index.h("slot", null)));
+    const style = {};
+    if (typeof this.numberOfLines === 'number') {
+      style['--line-clamp'] = this.numberOfLines;
+    }
+    return (index.h(index.Host, { style: style }, index.h("slot", null)));
   }
 };
 Text.style = indexCss;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e1b469cd.js');
+const index = require('./index-e751dfe3.js');
 
 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:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:auto;line-height:1.5}.taro-textarea:focus{outline:none}";
 
@@ -111,7 +111,7 @@ const Textarea = class {
       numberOfLines = Math.floor(taHeight / taLineHeight);
       return numberOfLines;
     };
-    this.value = undefined;
+    this.value = '';
     this.placeholder = undefined;
     this.disabled = false;
     this.maxlength = 140;
@@ -130,13 +130,6 @@ const Textarea = class {
   async focus() {
     this.textareaRef.focus();
   }
-  componentDidLoad() {
-    Object.defineProperty(this.el, 'value', {
-      get: () => this.textareaRef.value,
-      set: value => this.value !== value && (this.value = value),
-      configurable: true
-    });
-  }
   render() {
     const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, handleInput, handleFocus, handleBlur, handleChange } = this;
     const otherProps = {};