npm - @tarojs/components - Versions diffs - 3.6.5-canary.1 → 3.7.0-alpha.0 - Mend

@tarojs/components 3.6.5-canary.1 → 3.7.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/dist/cjs/taro-rich-text-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const RichText = class {
   constructor(hostRef) {

package/dist/cjs/taro-root-portal-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-rtc-room-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-rtc-room-item-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-scroll-view-core.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
-const index$2 = require('./index-067a58c1.js');
+const index = require('./index-e1b469cd.js');
+const index$2 = require('./index-f9d21cc5.js');
 const index$1 = require('./index-dfd8638f.js');
 const indexCss = "taro-scroll-view-core{display:block;width:100%;-webkit-overflow-scrolling:auto}taro-scroll-view-core::-webkit-scrollbar{display:none}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}";

package/dist/cjs/taro-share-element-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-slider-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const Slider = class {
   constructor(hostRef) {

package/dist/cjs/taro-slot-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-sticky-header-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-sticky-section-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-e751dfe3.js');
-const index$3 = require('./index-067a58c1.js');
+const index$1 = require('./index-e1b469cd.js');
+const index$3 = require('./index-f9d21cc5.js');
 const index$2 = require('./index-dfd8638f.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-switch-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const indexCss = "taro-switch-core{display:inline-block;width:52px;height:32px}taro-switch-core .weui-switch{display:block;width:100%;height:100%}";

package/dist/cjs/taro-tab-item-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-tabbar.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index$1 = require('./index-e751dfe3.js');
+const index$1 = require('./index-e1b469cd.js');
 const Taro = require('@tarojs/taro');
-const index = require('./index-067a58c1.js');
+const index = require('./index-f9d21cc5.js');
 const index$2 = require('./index-dfd8638f.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/taro-tabs-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-text-core.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
-const index$1 = require('./index-067a58c1.js');
+const index = require('./index-e1b469cd.js');
+const index$1 = require('./index-f9d21cc5.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}";

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const indexCss = "taro-textarea-core{display:block;width:300px}taro-textarea-core .auto-height{height:auto}.taro-textarea{display:block;position:relative;border:0;width:100%;height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:auto;line-height:1.5}.taro-textarea:focus{outline:none}";
@@ -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/cjs/taro-video-control_3.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
-const index$2 = require('./index-067a58c1.js');
+const index = require('./index-e1b469cd.js');
+const index$2 = require('./index-f9d21cc5.js');
 const index$1 = require('./index-dfd8638f.js');
 const formatTime = (time) => {
@@ -276,7 +276,7 @@ const Video = class {
       if (isHls(src)) {
         Promise.resolve().then(function () { return require(
         /* webpackMode: "weak" */
-        './hls-0f2d4d85.js'); }).then(function (n) { return n.hls; }).then(e => {
+        './hls-67cbc62d.js'); }).then(function (n) { return n.hls; }).then(e => {
           const Hls = e.default;
           this.HLS = Hls;
           if (Hls.isSupported()) {

package/dist/cjs/taro-view-core.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
-const index$1 = require('./index-067a58c1.js');
+const index = require('./index-e1b469cd.js');
+const index$1 = require('./index-f9d21cc5.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}";

package/dist/cjs/taro-voip-room-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');

package/dist/cjs/taro-web-view-core.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e751dfe3.js');
+const index = require('./index-e1b469cd.js');
 const indexCss = "iframe{border:none}.taro-webview{position:fixed;top:0;bottom:0;z-index:999;width:100%;height:100%}";

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -85,7 +85,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.22.3",
+    "version": "2.22.2",
     "typescriptVersion": "4.9.4"
   },
   "collections": [],

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

@@ -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 CHANGED Viewed

@@ -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() {