@tarojs/components 3.7.0-alpha.1 → 3.7.0-alpha.11

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-980f930f.js';
-import { c as classnames } from './index-394db4c1.js';
+import { c as classnames } from './index-c3e4004b.js';
 import { d as debounce } from './index-d1b03e47.js';
 
 /**
@@ -9987,6 +9987,7 @@ const Swiper = class {
     };
     this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
     this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSize);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10030,6 +10031,7 @@ const Swiper = class {
     var _a, _b, _c, _d, _e, _f;
     this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
     this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.removeEventListener('MutationObserver', 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);
@@ -10143,35 +10145,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) {
@@ -10179,16 +10187,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 (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-980f930f.js';
 import Taro from '@tarojs/taro';
-import { c as classnames } from './index-394db4c1.js';
+import { c as classnames } from './index-c3e4004b.js';
 import { i as isVisible } from './index-d1b03e47.js';
 
 const splitUrl = _url => {

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

@@ -1,18 +1,21 @@
 import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { c as classnames } from './index-394db4c1.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) {
     registerInstance(this, hostRef);
     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)));
   }
 };
 Text.style = indexCss;

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

@@ -107,7 +107,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;
@@ -126,13 +126,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 = {};

package/dist/esm/taro-video-control_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-980f930f.js';
-import { c as classnames } from './index-394db4c1.js';
+import { c as classnames } from './index-c3e4004b.js';
 import { t as throttle } from './index-d1b03e47.js';
 
 const formatTime = (time) => {
@@ -271,8 +271,8 @@ const Video = class {
       const { src, videoRef } = this;
       if (isHls(src)) {
         import(
-        /* webpackMode: "weak" */
-        './hls-0e83e558.js').then(function (n) { return n.h; }).then(e => {
+        /* webpackExports: ["default"] */
+        './hls-4018c7ea.js').then(e => {
           const Hls = e.default;
           this.HLS = Hls;
           if (Hls.isSupported()) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
-import { c as classnames } from './index-394db4c1.js';
+import { c as classnames } from './index-c3e4004b.js';
 
 const indexCss = "body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";