@tarojs/components 3.6.5 → 3.7.0-alpha.1

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

@@ -10047,7 +10047,7 @@ const Swiper = class {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: current,
+      initialSlide: circular ? current + 1 : current,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -10056,8 +10056,19 @@ const Swiper = class {
         slideTo() {
           that.current = this.realIndex;
         },
-        // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替
-        slideChangeTransitionStart(_swiper) {
+        // Note: slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
+        slideChangeTransitionEnd() {
+          /** Note: 此处不能使用 slideChangeTransitionStart 事件
+           * - 因为在它触发时 swiper 各个参数并未准备好，将会导致错误的事件抛出；
+           * - 同时抛出 change 事件会导致 current 监听被打乱 swiper 的生命周期；
+           * - 模式与 slideTo 结合时，会导致动画会被中断、slider 展示不完整或衔接模式错误等问题。
+           */
+          if (circular) {
+            if (this.isBeginning || this.isEnd) {
+              this.slideToLoop(this.realIndex, 0); // 更新下标
+              return;
+            }
+          }
           that.onChange.emit({
             current: this.realIndex,
             source: ''

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

@@ -15,8 +15,10 @@ const Textarea = class {
     this.onInput = index.createEvent(this, "input", 7);
     this.onFocus = index.createEvent(this, "focus", 7);
     this.onBlur = index.createEvent(this, "blur", 7);
+    this.onConfirm = index.createEvent(this, "confirm", 7);
     this.onChange = index.createEvent(this, "change", 7);
     this.onLineChange = index.createEvent(this, "linechange", 7);
+    this.onKeyDown = index.createEvent(this, "keydown", 7);
     this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
@@ -54,6 +56,17 @@ const Textarea = class {
         });
       }
     };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      const { value } = e.target;
+      const keyCode = e.keyCode || e.code;
+      this.onKeyDown.emit({
+        value,
+        cursor: value.length,
+        keyCode
+      });
+      keyCode === 13 && this.onConfirm.emit({ value });
+    };
     this.calculateContentHeight = (ta, scanAmount) => {
       let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow, originMinHeight = ta.style.minHeight || null;
       /// only bother if the ta is bigger than content
@@ -136,7 +149,7 @@ const Textarea = class {
           if (autoFocus && input)
             input.focus();
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: this.handleKeyDown }, nativeProps, otherProps)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/collection/components/swiper/swiper.js

@@ -189,7 +189,7 @@ export class Swiper {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: current,
+      initialSlide: circular ? current + 1 : current,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -198,8 +198,19 @@ export class Swiper {
         slideTo() {
           that.current = this.realIndex;
         },
-        // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替
-        slideChangeTransitionStart(_swiper) {
+        // Note: slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
+        slideChangeTransitionEnd() {
+          /** Note: 此处不能使用 slideChangeTransitionStart 事件
+           * - 因为在它触发时 swiper 各个参数并未准备好，将会导致错误的事件抛出；
+           * - 同时抛出 change 事件会导致 current 监听被打乱 swiper 的生命周期；
+           * - 模式与 slideTo 结合时，会导致动画会被中断、slider 展示不完整或衔接模式错误等问题。
+           */
+          if (circular) {
+            if (this.isBeginning || this.isEnd) {
+              this.slideToLoop(this.realIndex, 0); // 更新下标
+              return;
+            }
+          }
           that.onChange.emit({
             current: this.realIndex,
             source: ''

package/dist/collection/components/textarea/textarea.js

@@ -41,6 +41,17 @@ export class Textarea {
         });
       }
     };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      const { value } = e.target;
+      const keyCode = e.keyCode || e.code;
+      this.onKeyDown.emit({
+        value,
+        cursor: value.length,
+        keyCode
+      });
+      keyCode === 13 && this.onConfirm.emit({ value });
+    };
     this.calculateContentHeight = (ta, scanAmount) => {
       let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow, originMinHeight = ta.style.minHeight || null;
       /// only bother if the ta is bigger than content
@@ -123,7 +134,7 @@ export class Textarea {
           if (autoFocus && input)
             input.focus();
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: this.handleKeyDown }, nativeProps, otherProps)));
   }
   static get is() { return "taro-textarea-core"; }
   static get originalStyleUrls() {
@@ -330,6 +341,21 @@ export class Textarea {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "onConfirm",
+        "name": "confirm",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }, {
         "method": "onChange",
         "name": "change",
@@ -360,6 +386,21 @@ export class Textarea {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "onKeyDown",
+        "name": "keydown",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get methods() {

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

@@ -10044,7 +10044,7 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: current,
+      initialSlide: circular ? current + 1 : current,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -10053,8 +10053,19 @@ const Swiper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         slideTo() {
           that.current = this.realIndex;
         },
-        // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替
-        slideChangeTransitionStart(_swiper) {
+        // Note: slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
+        slideChangeTransitionEnd() {
+          /** Note: 此处不能使用 slideChangeTransitionStart 事件
+           * - 因为在它触发时 swiper 各个参数并未准备好，将会导致错误的事件抛出；
+           * - 同时抛出 change 事件会导致 current 监听被打乱 swiper 的生命周期；
+           * - 模式与 slideTo 结合时，会导致动画会被中断、slider 展示不完整或衔接模式错误等问题。
+           */
+          if (circular) {
+            if (this.isBeginning || this.isEnd) {
+              this.slideToLoop(this.realIndex, 0); // 更新下标
+              return;
+            }
+          }
           that.onChange.emit({
             current: this.realIndex,
             source: ''

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

@@ -12,8 +12,10 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.onInput = createEvent(this, "input", 7);
     this.onFocus = createEvent(this, "focus", 7);
     this.onBlur = createEvent(this, "blur", 7);
+    this.onConfirm = createEvent(this, "confirm", 7);
     this.onChange = createEvent(this, "change", 7);
     this.onLineChange = createEvent(this, "linechange", 7);
+    this.onKeyDown = createEvent(this, "keydown", 7);
     this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
@@ -51,6 +53,17 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         });
       }
     };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      const { value } = e.target;
+      const keyCode = e.keyCode || e.code;
+      this.onKeyDown.emit({
+        value,
+        cursor: value.length,
+        keyCode
+      });
+      keyCode === 13 && this.onConfirm.emit({ value });
+    };
     this.calculateContentHeight = (ta, scanAmount) => {
       let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow, originMinHeight = ta.style.minHeight || null;
       /// only bother if the ta is bigger than content
@@ -133,7 +146,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           if (autoFocus && input)
             input.focus();
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: this.handleKeyDown }, nativeProps, otherProps)));
   }
   get el() { return this; }
   static get watchers() { return {

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

@@ -10043,7 +10043,7 @@ const Swiper = class {
       direction: vertical ? 'vertical' : 'horizontal',
       loop: circular,
       slidesPerView: displayMultipleItems,
-      initialSlide: current,
+      initialSlide: circular ? current + 1 : current,
       speed: duration,
       observer: true,
       observeParents: true,
@@ -10052,8 +10052,19 @@ const Swiper = class {
         slideTo() {
           that.current = this.realIndex;
         },
-        // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替
-        slideChangeTransitionStart(_swiper) {
+        // Note: slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
+        slideChangeTransitionEnd() {
+          /** Note: 此处不能使用 slideChangeTransitionStart 事件
+           * - 因为在它触发时 swiper 各个参数并未准备好，将会导致错误的事件抛出；
+           * - 同时抛出 change 事件会导致 current 监听被打乱 swiper 的生命周期；
+           * - 模式与 slideTo 结合时，会导致动画会被中断、slider 展示不完整或衔接模式错误等问题。
+           */
+          if (circular) {
+            if (this.isBeginning || this.isEnd) {
+              this.slideToLoop(this.realIndex, 0); // 更新下标
+              return;
+            }
+          }
           that.onChange.emit({
             current: this.realIndex,
             source: ''

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

@@ -11,8 +11,10 @@ const Textarea = class {
     this.onInput = createEvent(this, "input", 7);
     this.onFocus = createEvent(this, "focus", 7);
     this.onBlur = createEvent(this, "blur", 7);
+    this.onConfirm = createEvent(this, "confirm", 7);
     this.onChange = createEvent(this, "change", 7);
     this.onLineChange = createEvent(this, "linechange", 7);
+    this.onKeyDown = createEvent(this, "keydown", 7);
     this.handleInput = (e) => {
       e.stopPropagation();
       this.handleLineChange();
@@ -50,6 +52,17 @@ const Textarea = class {
         });
       }
     };
+    this.handleKeyDown = (e) => {
+      e.stopPropagation();
+      const { value } = e.target;
+      const keyCode = e.keyCode || e.code;
+      this.onKeyDown.emit({
+        value,
+        cursor: value.length,
+        keyCode
+      });
+      keyCode === 13 && this.onConfirm.emit({ value });
+    };
     this.calculateContentHeight = (ta, scanAmount) => {
       let origHeight = ta.style.height, height = ta.offsetHeight, scrollHeight = ta.scrollHeight, overflow = ta.style.overflow, originMinHeight = ta.style.minHeight || null;
       /// only bother if the ta is bigger than content
@@ -132,7 +145,7 @@ const Textarea = class {
           if (autoFocus && input)
             input.focus();
         }
-      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, nativeProps, otherProps)));
+      }, class: `taro-textarea ${autoHeight ? 'auto-height' : ''}`, value: fixControlledValue(value), placeholder: placeholder, name: name, disabled: disabled, maxlength: maxlength, autofocus: autoFocus, onInput: handleInput, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: this.handleKeyDown }, nativeProps, otherProps)));
   }
   get el() { return getElement(this); }
   static get watchers() { return {