@tarojs/components 3.6.6 → 3.6.7-alpha.0

package/dist/collection/components/picker/picker.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import classNames from 'classnames';
 import { hoursRange, minutesRange, compareTime, verifyValue, verifyTime, verifyDate, getYearRange, getMonthRange, getDayRange, formatValue } from './utils';
 import { TOP, LINE_HEIGHT } from './constant';
@@ -74,6 +74,13 @@ export class Picker {
         value
       });
     };
+    this.handleColumnChange = (e) => {
+      const { columnId, height } = e.detail;
+      this.onColumnChange.emit({
+        column: Number(columnId),
+        value: (TOP - height) / LINE_HEIGHT
+      });
+    };
     // 点击取消按钮或蒙层
     this.handleCancel = () => {
       this.hidePicker();
@@ -111,12 +118,6 @@ export class Picker {
         }
       }
     };
-    this.handleColumnChange = (height, columnId) => {
-      this.onColumnChange.emit({
-        column: Number(columnId),
-        value: (TOP - height) / LINE_HEIGHT
-      });
-    };
     this.updateDay = (value, fields) => {
       const { _start, _end, _updateValue } = this.pickerDate;
       _updateValue[fields] = value;
@@ -202,6 +203,7 @@ export class Picker {
     this.end = '';
     this.fields = 'day';
     this.name = '';
+    this.textProps = {};
     this.pickerValue = [];
     this.height = [];
     this.hidden = true;
@@ -291,6 +293,9 @@ export class Picker {
         throw new Error('Date Interval Error');
       }
     }
+    else {
+      throw new Error(`Picker not support "${mode}" mode.`);
+    }
     // Prop 变化时，无论是否正在显示弹层，都更新 height 值
     this.height = this.getHeightByIndex();
     // 同步表单 value 值，用于 form submit
@@ -306,6 +311,7 @@ export class Picker {
     }
   }
   render() {
+    var _a, _b;
     const { name, mode, fadeOut, hidden } = this;
     // 选项条
     let pickerGroup;
@@ -330,7 +336,7 @@ export class Picker {
       'weui-animate-slide-down': fadeOut
     });
     const shouldDivHidden = hidden ? { display: 'none' } : {};
-    return (h(Host, null, h("div", { onClick: this.showPicker }, h("slot", null), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })), h("div", { class: 'weui-picker__overlay', style: shouldDivHidden, ref: el => { this.overlay = el; } }, h("div", { class: clsMask, onClick: this.handleCancel }), h("div", { class: clsSlider }, h("div", { class: 'weui-picker__hd' }, h("div", { class: 'weui-picker__action', onClick: this.handleCancel }, "\u53D6\u6D88"), h("div", { class: 'weui-picker__action', onClick: this.handleChange }, "\u786E\u5B9A")), h("div", { class: 'weui-picker__bd' }, pickerGroup), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })))));
+    return (h(Host, null, h("div", { onClick: this.showPicker }, h("slot", null), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })), h("div", { class: 'weui-picker__overlay', style: shouldDivHidden, ref: el => { this.overlay = el; } }, h("div", { class: clsMask, onClick: this.handleCancel }), h("div", { class: clsSlider }, h("div", { class: 'weui-picker__hd' }, h("div", { class: 'weui-picker__action', onClick: this.handleCancel }, (_a = this.textProps.cancelText) !== null && _a !== void 0 ? _a : '取消'), h("div", { class: 'weui-picker__action', onClick: this.handleChange }, (_b = this.textProps.okText) !== null && _b !== void 0 ? _b : '确定')), h("div", { class: 'weui-picker__bd' }, pickerGroup), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })))));
   }
   static get is() { return "taro-picker-core"; }
   static get originalStyleUrls() {
@@ -514,6 +520,26 @@ export class Picker {
         "attribute": "name",
         "reflect": false,
         "defaultValue": "''"
+      },
+      "textProps": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "PickerText",
+          "resolved": "PickerText",
+          "references": {
+            "PickerText": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
       }
     };
   }

package/dist/collection/components/rich-text/rich-text.js

@@ -48,6 +48,9 @@ export class RichText {
       return null;
     };
     this.nodes = undefined;
+    this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
   }
   render() {
     const { nodes, renderNode } = this;
@@ -59,6 +62,16 @@ export class RichText {
     }
   }
   static get is() { return "taro-rich-text-core"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
   static get properties() {
     return {
       "nodes": {
@@ -81,6 +94,64 @@ export class RichText {
         },
         "attribute": "nodes",
         "reflect": false
+      },
+      "selectable": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selectable",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "userSelect": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "user-select",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "space": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "keyof TextProps.TSpace",
+          "resolved": "\"emsp\" | \"ensp\" | \"nbsp\" | undefined",
+          "references": {
+            "TextProps": {
+              "location": "import",
+              "path": "types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "space",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/rich-text/style/index.css

@@ -0,0 +1,16 @@
+taro-rich-text-core {
+  user-select: none;
+}
+taro-rich-text-core[selectable=true], taro-rich-text-core[user-select=true] {
+  display: block;
+  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;
+}

package/dist/collection/components/text/style/index.css

@@ -1,9 +1,26 @@
 taro-text-core {
   display: inline;
   user-select: none;
-  white-space: pre-wrap;
 }
-
-.taro-text__selectable {
+taro-text-core[selectable=true], taro-text-core[user-select=true] {
+  display: inline-block;
   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);
 }

package/dist/collection/components/text/text.js

@@ -1,14 +1,17 @@
 import { h, Host } from '@stencil/core';
-import classNames from 'classnames';
 export class Text {
   constructor() {
     this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
+    this.numberOfLines = undefined;
   }
   render() {
-    const cls = classNames({
-      'taro-text__selectable': this.selectable
-    });
-    return (h(Host, { class: cls }, h("slot", null)));
+    const style = {};
+    if (typeof this.numberOfLines === 'number') {
+      style['--line-clamp'] = this.numberOfLines;
+    }
+    return (h(Host, { style: style }, h("slot", null)));
   }
   static get is() { return "taro-text-core"; }
   static get originalStyleUrls() {
@@ -25,7 +28,7 @@ export class Text {
     return {
       "selectable": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",
@@ -40,6 +43,63 @@ export class Text {
         "attribute": "selectable",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "userSelect": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "user-select",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "space": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "keyof TextProps.TSpace",
+          "resolved": "\"emsp\" | \"ensp\" | \"nbsp\" | undefined",
+          "references": {
+            "TextProps": {
+              "location": "import",
+              "path": "types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "space",
+        "reflect": false
+      },
+      "numberOfLines": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "number-of-lines",
+        "reflect": false
       }
     };
   }

package/dist/components/picker-group.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
 const TOP = 102;
 const LINE_HEIGHT = 34;
@@ -8,13 +8,13 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   constructor() {
     super();
     this.__registerHost();
+    this.onColumnChange = createEvent(this, "columnChange", 7);
     this.mode = undefined;
     this.range = [];
     this.rangeKey = undefined;
     this.height = undefined;
     this.columnId = undefined;
     this.updateHeight = undefined;
-    this.onColumnChange = undefined;
     this.updateDay = undefined;
     this.startY = undefined;
     this.preY = undefined;
@@ -84,7 +84,7 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.updateHeight(newPos, this.columnId);
   }
   async handleMoveEnd(clientY) {
-    const { mode, range, height, updateHeight, onColumnChange, columnId } = this;
+    const { mode, range, height, updateHeight, columnId } = this;
     const max = 0;
     const min = -LINE_HEIGHT * (range.length - 1);
     const endY = clientY;
@@ -135,7 +135,7 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     // 先按公式算出 index, 再用此 index 算出一个整数高度
     const index = Math.round(absoluteHeight / -LINE_HEIGHT);
     const relativeHeight = TOP - LINE_HEIGHT * index;
-    if (this.mode === 'date') {
+    if (this.mode === 'date' && typeof this.updateDay === 'function') {
       if (this.columnId === '0') {
         this.updateDay(+this.range[index].replace(/[^0-9]/gi, ''), 0);
       }
@@ -147,14 +147,16 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       }
     }
     updateHeight(relativeHeight, columnId, mode === 'time');
-    onColumnChange && onColumnChange(relativeHeight, columnId);
+    this.onColumnChange.emit({
+      columnId,
+      height: relativeHeight,
+    });
   }
   onMouseDown(e) {
     this.isMove = true;
     this.handleMoveStart(e.clientY);
   }
   onMouseMove(e) {
-    e.preventDefault();
     if (!this.isMove)
       return;
     this.handleMoving(e.clientY);
@@ -169,7 +171,6 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.handleMoveStart(e.changedTouches[0].clientY);
   }
   onTouchMove(e) {
-    e.preventDefault();
     this.handleMoving(e.changedTouches[0].clientY);
   }
   onTouchEnd(e) {
@@ -190,7 +191,6 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "height": [2],
     "columnId": [1, "column-id"],
     "updateHeight": [16],
-    "onColumnChange": [16],
     "updateDay": [16],
     "startY": [32],
     "preY": [32],
@@ -200,7 +200,7 @@ const TaroPickerGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "handleMoveStart": [64],
     "handleMoving": [64],
     "handleMoveEnd": [64]
-  }, [[1, "mousedown", "onMouseDown"], [1, "mousemove", "onMouseMove"], [1, "mouseup", "onMouseMoveEnd"], [1, "mouseleave", "onMouseMoveEnd"], [1, "touchstart", "onTouchStart"], [1, "touchmove", "onTouchMove"], [1, "touchend", "onTouchEnd"]]]);
+  }, [[1, "mousedown", "onMouseDown"], [3, "mousemove", "onMouseMove"], [1, "mouseup", "onMouseMoveEnd"], [1, "mouseleave", "onMouseMoveEnd"], [1, "touchstart", "onTouchStart"], [3, "touchmove", "onTouchMove"], [1, "touchend", "onTouchEnd"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/taro-checkbox-core.js

@@ -51,7 +51,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   static get style() { return indexCss; }
 }, [4, "taro-checkbox-core", {
     "name": [1],
-    "value": [1],
+    "value": [1032],
     "color": [1],
     "id": [1025],
     "checked": [4],

package/dist/components/taro-input-core.js

@@ -126,7 +126,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.isOnComposition = true;
       }
     };
-    this.handleBeforeinput = (e) => {
+    this.handleBeforeInput = (e) => {
       if (!e.data)
         return;
       const isNumber = e.data && /[0-9]/.test(e.data);
@@ -176,8 +176,8 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     else {
       (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.addEventListener('compositionstart', this.handleComposition);
       (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.addEventListener('compositionend', this.handleComposition);
-      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeinput);
-      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.addEventListener('beforeinput', this.handleBeforeInput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeInput);
     }
   }
   disconnectedCallback() {
@@ -188,8 +188,8 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     else {
       (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('compositionstart', this.handleComposition);
       (_c = this.inputRef) === null || _c === void 0 ? void 0 : _c.removeEventListener('compositionend', this.handleComposition);
-      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeinput);
-      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeinput);
+      (_d = this.inputRef) === null || _d === void 0 ? void 0 : _d.removeEventListener('beforeinput', this.handleBeforeInput);
+      (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.removeEventListener('textInput', this.handleBeforeInput);
     }
   }
   render() {

package/dist/components/taro-picker-core.js

@@ -224,6 +224,13 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         value
       });
     };
+    this.handleColumnChange = (e) => {
+      const { columnId, height } = e.detail;
+      this.onColumnChange.emit({
+        column: Number(columnId),
+        value: (TOP - height) / LINE_HEIGHT
+      });
+    };
     // 点击取消按钮或蒙层
     this.handleCancel = () => {
       this.hidePicker();
@@ -261,12 +268,6 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
       }
     };
-    this.handleColumnChange = (height, columnId) => {
-      this.onColumnChange.emit({
-        column: Number(columnId),
-        value: (TOP - height) / LINE_HEIGHT
-      });
-    };
     this.updateDay = (value, fields) => {
       const { _start, _end, _updateValue } = this.pickerDate;
       _updateValue[fields] = value;
@@ -352,6 +353,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.end = '';
     this.fields = 'day';
     this.name = '';
+    this.textProps = {};
     this.pickerValue = [];
     this.height = [];
     this.hidden = true;
@@ -441,6 +443,9 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         throw new Error('Date Interval Error');
       }
     }
+    else {
+      throw new Error(`Picker not support "${mode}" mode.`);
+    }
     // Prop 变化时，无论是否正在显示弹层，都更新 height 值
     this.height = this.getHeightByIndex();
     // 同步表单 value 值，用于 form submit
@@ -456,6 +461,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   render() {
+    var _a, _b;
     const { name, mode, fadeOut, hidden } = this;
     // 选项条
     let pickerGroup;
@@ -480,7 +486,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       'weui-animate-slide-down': fadeOut
     });
     const shouldDivHidden = hidden ? { display: 'none' } : {};
-    return (h(Host, null, h("div", { onClick: this.showPicker }, h("slot", null), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })), h("div", { class: 'weui-picker__overlay', style: shouldDivHidden, ref: el => { this.overlay = el; } }, h("div", { class: clsMask, onClick: this.handleCancel }), h("div", { class: clsSlider }, h("div", { class: 'weui-picker__hd' }, h("div", { class: 'weui-picker__action', onClick: this.handleCancel }, "\u53D6\u6D88"), h("div", { class: 'weui-picker__action', onClick: this.handleChange }, "\u786E\u5B9A")), h("div", { class: 'weui-picker__bd' }, pickerGroup), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })))));
+    return (h(Host, null, h("div", { onClick: this.showPicker }, h("slot", null), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })), h("div", { class: 'weui-picker__overlay', style: shouldDivHidden, ref: el => { this.overlay = el; } }, h("div", { class: clsMask, onClick: this.handleCancel }), h("div", { class: clsSlider }, h("div", { class: 'weui-picker__hd' }, h("div", { class: 'weui-picker__action', onClick: this.handleCancel }, (_a = this.textProps.cancelText) !== null && _a !== void 0 ? _a : '取消'), h("div", { class: 'weui-picker__action', onClick: this.handleChange }, (_b = this.textProps.okText) !== null && _b !== void 0 ? _b : '确定')), h("div", { class: 'weui-picker__bd' }, pickerGroup), h("input", { type: 'hidden', name: name, value: formatValue(this.pickerValue) })))));
   }
   get el() { return this; }
   static get watchers() { return {
@@ -501,6 +507,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "end": [1],
     "fields": [1],
     "name": [1],
+    "textProps": [16],
     "pickerValue": [32],
     "height": [32],
     "hidden": [32],

package/dist/components/taro-rich-text-core.js

@@ -1,5 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -51,6 +53,9 @@ const RichText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return null;
     };
     this.nodes = undefined;
+    this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
   }
   render() {
     const { nodes, renderNode } = this;
@@ -61,8 +66,12 @@ const RichText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return h(Host, { innerHTML: nodes });
     }
   }
+  static get style() { return indexCss; }
 }, [0, "taro-rich-text-core", {
-    "nodes": [1]
+    "nodes": [1],
+    "selectable": [1028],
+    "userSelect": [1028, "user-select"],
+    "space": [1]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/taro-text-core.js

@@ -1,23 +1,29 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
+    this.numberOfLines = undefined;
   }
   render() {
-    const cls = classnames({
-      'taro-text__selectable': this.selectable
-    });
-    return (h(Host, { class: cls }, h("slot", null)));
+    const style = {};
+    if (typeof this.numberOfLines === 'number') {
+      style['--line-clamp'] = this.numberOfLines;
+    }
+    return (h(Host, { style: style }, h("slot", null)));
   }
   static get style() { return indexCss; }
 }, [4, "taro-text-core", {
-    "selectable": [4]
+    "selectable": [1028],
+    "userSelect": [1028, "user-select"],
+    "space": [1025],
+    "numberOfLines": [2, "number-of-lines"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {