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

package/dist/components/index2.js

@@ -1,9 +1,3 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
 		path: basedir,
@@ -74,4 +68,4 @@ var classnames = createCommonjsModule(function (module) {
 }());
 });
 
-export { createCommonjsModule as a, commonjsGlobal as b, classnames as c, getDefaultExportFromCjs as g };
+export { classnames as c };

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-button-core.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 
-const indexCss = "taro-button-core{display:block;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;border-width:0;border-radius:5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#f8f8f8;line-height:2.55555556;text-decoration:none;text-align:center;font-size:18px;color:#000;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-button-core:focus{outline:0}taro-button-core:not([disabled]):active{background-color:#dedede;color:rgba(0, 0, 0, 0.6)}taro-button-core::after{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:10px;width:200%;height:200%;content:\" \";-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0}taro-button-core+taro-button-core{margin-top:15px}taro-button-core[type=default]{background-color:#f8f8f8;color:#000}taro-button-core[type=default]:not([disabled]):visited{color:#000}taro-button-core[type=default]:not([disabled]):active{background-color:#dedede;color:rgba(0, 0, 0, 0.6)}taro-button-core[size=mini]{display:inline-block;padding:0 1.32em;width:auto;line-height:2.3;font-size:13px}taro-button-core[plain],taro-button-core[plain][type=default],taro-button-core[plain][type=primary]{border-width:1px;background-color:transparent}taro-button-core[disabled]{color:rgba(255, 255, 255, 0.6)}taro-button-core[disabled][type=default]{background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}taro-button-core[disabled][type=primary]{background-color:#9ed99d}taro-button-core[disabled][type=warn]{background-color:#ec8b89}taro-button-core[loading] .weui-loading{margin:-0.2em 0.34em 0 0}taro-button-core[loading][type=primary],taro-button-core[loading][type=warn]{color:rgba(255, 255, 255, 0.6)}taro-button-core[loading][type=primary]{background-color:#179b16}taro-button-core[loading][type=warn]{background-color:#ce3c39}taro-button-core[plain][type=primary]{border:1px solid #1aad19;color:#1aad19}taro-button-core[plain][type=primary]:not([disabled]):active{border-color:rgba(26, 173, 25, 0.6);background-color:transparent;color:rgba(26, 173, 25, 0.6)}taro-button-core[plain][type=primary]::after{border-width:0}taro-button-core[plain],taro-button-core[plain][type=default]{border:1px solid #353535;color:#353535}taro-button-core[plain]:not([disabled]):active,taro-button-core[plain][type=default]:not([disabled]):active{border-color:rgba(53, 53, 53, 0.6);background-color:transparent;color:rgba(53, 53, 53, 0.6)}taro-button-core[plain]::after,taro-button-core[plain][type=default]::after{border-width:0}taro-button-core[type=primary]{background-color:#1aad19;color:#fff}taro-button-core[type=primary]:not([disabled]):visited{color:#fff}taro-button-core[type=primary]:not([disabled]):active{background-color:#179b16;color:rgba(255, 255, 255, 0.6)}taro-button-core[type=warn]{background-color:#e64340;color:#fff}taro-button-core[type=warn]:not([disabled]):visited{color:#fff}taro-button-core[type=warn]:not([disabled]):active{background-color:#ce3c39;color:rgba(255, 255, 255, 0.6)}taro-button-core[plain][disabled]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}taro-button-core[plain][disabled][type=primary]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}";
+const indexCss = "taro-button-core{display:block;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;border-width:0;border-radius:5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#f8f8f8;line-height:2.55555556;text-decoration:none;text-align:center;font-size:18px;color:#000;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-button-core:focus{outline:0}taro-button-core:not([disabled]):active{background-color:#dedede;color:rgba(0, 0, 0, 0.6)}taro-button-core::after{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:10px;width:200%;height:200%;content:\" \";-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0}taro-button-core+taro-button-core{margin-top:15px}taro-button-core[type=default]{background-color:#f8f8f8;color:#000}taro-button-core[type=default]:not([disabled]):visited{color:#000}taro-button-core[type=default]:not([disabled]):active{background-color:#dedede;color:rgba(0, 0, 0, 0.6)}taro-button-core[size=mini]{display:inline-block;padding:0 1.32em;width:auto;line-height:2.3;font-size:13px}taro-button-core[plain],taro-button-core[plain][type=default],taro-button-core[plain][type=primary]{border-width:1px;background-color:transparent}taro-button-core[disabled]{color:rgba(255, 255, 255, 0.6)}taro-button-core[disabled][type=default]{background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}taro-button-core[disabled][type=primary]{background-color:#9ed99d}taro-button-core[disabled][type=warn]{background-color:#ec8b89}taro-button-core[loading] .weui-loading{margin:-0.2em 0.34em 0 0}taro-button-core[loading][type=primary],taro-button-core[loading][type=warn]{color:rgba(255, 255, 255, 0.6)}taro-button-core[loading][type=primary]{background-color:#179b16}taro-button-core[loading][type=warn]{background-color:#ce3c39}taro-button-core[plain][type=primary]{border:1px solid #1aad19;color:#1aad19}taro-button-core[plain][type=primary]:not([disabled]):active{border-color:rgba(26, 173, 25, 0.6);background-color:transparent;color:rgba(26, 173, 25, 0.6)}taro-button-core[plain][type=primary]::after{border-width:0}taro-button-core[plain][type=warn]{border:1px solid #e64340;color:#e64340}taro-button-core[plain][type=warn]:not([disabled]):active{border-color:rgba(230, 67, 64, 0.6);background-color:transparent;color:rgba(230, 67, 64, 0.6)}taro-button-core[plain][type=warn]::after{border-width:0}taro-button-core[plain],taro-button-core[plain][type=default]{border:1px solid #353535;color:#353535}taro-button-core[plain]:not([disabled]):active,taro-button-core[plain][type=default]:not([disabled]):active{border-color:rgba(53, 53, 53, 0.6);background-color:transparent;color:rgba(53, 53, 53, 0.6)}taro-button-core[plain]::after,taro-button-core[plain][type=default]::after{border-width:0}taro-button-core[type=primary]{background-color:#1aad19;color:#fff}taro-button-core[type=primary]:not([disabled]):visited{color:#fff}taro-button-core[type=primary]:not([disabled]):active{background-color:#179b16;color:rgba(255, 255, 255, 0.6)}taro-button-core[type=warn]{background-color:#e64340;color:#fff}taro-button-core[type=warn]:not([disabled]):visited{color:#fff}taro-button-core[type=warn]:not([disabled]):active{background-color:#ce3c39;color:rgba(255, 255, 255, 0.6)}taro-button-core[plain][disabled]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}taro-button-core[plain][disabled][type=primary]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}";
 
 const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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-image-core.js

@@ -15,6 +15,7 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.lazyLoad = false;
     this.nativeProps = {};
     this.aspectFillMode = 'width';
+    this.didLoad = false;
   }
   componentDidLoad() {
     if (!this.lazyLoad)
@@ -23,7 +24,7 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       // 异步 api 关系
       if (entries[entries.length - 1].isIntersecting) {
         lazyImg.unobserve(this.imgRef);
-        this.imgRef.src = this.src;
+        this.didLoad = true;
       }
     }, {
       rootMargin: '300px 0px'
@@ -42,14 +43,14 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.onError.emit(e);
   }
   render() {
-    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps } = this;
+    const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
     const cls = classnames({
       'taro-img__widthfix': mode === 'widthFix'
     });
     const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
       [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
     });
-    return (h(Host, { class: cls }, lazyLoad ? (h("img", Object.assign({ ref: img => (this.imgRef = img), class: imgCls, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : (h("img", Object.assign({ ref: img => (this.imgRef = img), class: imgCls, src: src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps)))));
+    return (h(Host, { class: cls }, h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))));
   }
   static get style() { return indexCss; }
 }, [0, "taro-image-core", {
@@ -57,7 +58,8 @@ const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "mode": [1],
     "lazyLoad": [4, "lazy-load"],
     "nativeProps": [16],
-    "aspectFillMode": [32]
+    "aspectFillMode": [32],
+    "didLoad": [32]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

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);
@@ -139,7 +139,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
       }
     };
-    this.value = undefined;
+    this.value = '';
     this.type = undefined;
     this.password = false;
     this.placeholder = undefined;
@@ -176,14 +176,9 @@ 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);
     }
-    Object.defineProperty(this.el, 'value', {
-      get: () => this.inputRef.value,
-      set: value => this.value !== value && (this.value = value),
-      configurable: true
-    });
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e;
@@ -193,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() {
@@ -218,7 +213,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "placeholder": [1],
     "disabled": [4],
     "maxlength": [2],
-    "autoFocus": [516, "focus"],
+    "autoFocus": [4, "focus"],
     "confirmType": [1, "confirm-type"],
     "name": [1],
     "nativeProps": [16],

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

@@ -218,11 +218,19 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         })
           .join('-');
       }
-      this.pickerValue = value;
+      this.value = value;
+      this.pickerValue = this.value;
       this.onChange.emit({
         value
       });
     };
+    this.handleColumnChange = (e) => {
+      const { columnId, height } = e.detail;
+      this.onColumnChange.emit({
+        column: Number(columnId),
+        value: (TOP - height) / LINE_HEIGHT
+      });
+    };
     // 点击取消按钮或蒙层
     this.handleCancel = () => {
       this.hidePicker();
@@ -260,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;
@@ -351,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;
@@ -362,11 +365,6 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.handleProps();
   }
   componentDidLoad() {
-    Object.defineProperty(this.el, 'value', {
-      get: () => this.pickerValue,
-      set: value => this.value !== value && (this.value = value),
-      configurable: true
-    });
     if (this.overlay) {
       document.body.appendChild(this.overlay);
     }
@@ -445,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
@@ -460,6 +461,7 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   render() {
+    var _a, _b;
     const { name, mode, fadeOut, hidden } = this;
     // 选项条
     let pickerGroup;
@@ -484,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 {
@@ -505,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-pull-to-refresh.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import Taro from '@tarojs/taro';
 import { c as classnames } from './index2.js';
 
-const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{overflow:hidden;min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
+const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
 
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
@@ -55,7 +55,7 @@ const PullToRefresh = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     };
     this.init = () => {
       const ele = this.scrollContainer;
-      const child = this.el.querySelector('rmc-pull-to-refresh-content');
+      const child = this.el.querySelector('.rmc-pull-to-refresh-content');
       this.el.appendChild = child === null || child === void 0 ? void 0 : child.appendChild.bind(child);
       this.el.insertBefore = child === null || child === void 0 ? void 0 : child.insertBefore.bind(child);
       this.el.replaceChild = child === null || child === void 0 ? void 0 : child.replaceChild.bind(child);

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-scroll-view-core.js

@@ -60,6 +60,7 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.mpScrollTop = undefined;
     this.mpScrollLeft = undefined;
     this.mpScrollIntoView = undefined;
+    this.mpScrollIntoViewAlignment = undefined;
     this.animated = false;
   }
   watchScrollLeft(newVal) {
@@ -119,9 +120,9 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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'
       });
     }
   }
@@ -156,6 +157,7 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "mpScrollTop": [520, "scroll-top"],
     "mpScrollLeft": [520, "scroll-left"],
     "mpScrollIntoView": [513, "scroll-into-view"],
+    "mpScrollIntoViewAlignment": [1, "scroll-into-view-alignment"],
     "animated": [4, "scroll-with-animation"],
     "mpScrollToMethod": [64],
     "mpScrollIntoViewMethod": [64]

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

@@ -9988,6 +9988,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     };
     this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
     this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSize);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10031,6 +10032,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     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);

package/dist/components/taro-swiper-item-core.js

@@ -1,34 +1,40 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -37,16 +43,9 @@ const SwiperItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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/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") {

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

@@ -108,7 +108,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       numberOfLines = Math.floor(taHeight / taLineHeight);
       return numberOfLines;
     };
-    this.value = undefined;
+    this.value = '';
     this.placeholder = undefined;
     this.disabled = false;
     this.maxlength = 140;
@@ -127,13 +127,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   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 = {};
@@ -158,7 +151,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "placeholder": [1],
     "disabled": [4],
     "maxlength": [2],
-    "autoFocus": [516, "focus"],
+    "autoFocus": [4, "focus"],
     "autoHeight": [4, "auto-height"],
     "name": [1],
     "nativeProps": [16],

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

@@ -74,8 +74,8 @@ const Video = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       const { src, videoRef } = this;
       if (isHls(src)) {
         import(
-        /* webpackMode: "weak" */
-        './hls.js').then(function (n) { return n.h; }).then(e => {
+        /* webpackExports: ["default"] */
+        './hls.js').then(e => {
           const Hls = e.default;
           this.HLS = Hls;
           if (Hls.isSupported()) {