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

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/collection/components/textarea/textarea.js

@@ -96,7 +96,7 @@ export class Textarea {
       numberOfLines = Math.floor(taHeight / taLineHeight);
       return numberOfLines;
     };
-    this.value = undefined;
+    this.value = '';
     this.placeholder = undefined;
     this.disabled = false;
     this.maxlength = 140;
@@ -115,13 +115,6 @@ export class Textarea {
   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 = {};
@@ -164,7 +157,8 @@ export class Textarea {
           "text": ""
         },
         "attribute": "value",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "''"
       },
       "placeholder": {
         "type": "string",
@@ -234,7 +228,7 @@ export class Textarea {
           "text": ""
         },
         "attribute": "focus",
-        "reflect": true,
+        "reflect": false,
         "defaultValue": "false"
       },
       "autoHeight": {

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

@@ -43,6 +43,7 @@
   width: 100%;
   height: 100%;
   object-position: inherit;
+  display: block;
 }
 
 .taro-video-cover {

package/dist/collection/components/video/video.js

@@ -60,7 +60,7 @@ export class Video {
       const { src, videoRef } = this;
       if (isHls(src)) {
         import(
-        /* webpackMode: "weak" */
+        /* webpackExports: ["default"] */
         'hls.js').then(e => {
           const Hls = e.default;
           this.HLS = Hls;
@@ -215,6 +215,9 @@ export class Video {
           this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' });
         }, 0);
       }
+      else {
+        document[screenFn.exitFullscreen]();
+      }
     };
     this.toggleMute = (e) => {
       e.stopPropagation();

package/dist/collection/components/view/view.js

@@ -1,5 +1,6 @@
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
+import { handleStencilNodes } from '../../utils';
 export class View {
   constructor() {
     this.startTime = 0;
@@ -42,15 +43,7 @@ export class View {
     }
   }
   componentDidRender() {
-    const el = this.el;
-    el.childNodes.forEach(item => {
-      // Note: ['s-cn'] Content Reference Node
-      if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
-        item['s-cn'] = false;
-      // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
-      if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
-        item['s-sr'] = false;
-    });
+    handleStencilNodes(this.el);
   }
   render() {
     const cls = classNames({

package/dist/collection/utils/helper.js

@@ -8,3 +8,14 @@ export function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+export function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}

package/dist/components/helper.js

@@ -9,5 +9,16 @@ function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}
 
-export { notSupport as n };
+export { handleStencilNodes as h, notSupport as n };