@tarojs/components 3.5.7-alpha.9 → 3.5.8

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

@@ -2,14 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const Form = class {
+let Form = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onSubmit = index.createEvent(this, "submit", 7);
     this.value = {};
   }
+  watchSlotParent(newParent) {
+    if (!this.orginalAppendChild) {
+      this.orginalAppendChild = this.el.appendChild;
+      this.orginalInsertBefore = this.el.insertBefore;
+      this.orginalReplaceChild = this.el.replaceChild;
+      this.orginalRemoveChild = this.el.removeChild;
+    }
+    if (!newParent) {
+      this.el.appendChild = this.orginalAppendChild;
+      this.el.insertBefore = this.orginalInsertBefore;
+      this.el.replaceChild = this.orginalReplaceChild;
+      this.el.removeChild = this.orginalRemoveChild;
+      return;
+    }
+    this.el.appendChild = (newChild) => {
+      return newParent.appendChild(newChild);
+    };
+    this.el.insertBefore = (newChild, refChild) => {
+      return newParent.insertBefore(newChild, refChild);
+    };
+    this.el.replaceChild = (newChild, oldChild) => {
+      return newParent.replaceChild(newChild, oldChild);
+    };
+    this.el.removeChild = (oldChild) => {
+      return newParent.removeChild(oldChild);
+    };
+  }
   onButtonSubmit(e) {
     e.stopPropagation();
     this.value = this.getFormValue();
@@ -29,31 +56,7 @@ const Form = class {
     });
   }
   componentDidRender() {
-    if (!this.originalAppendChild) {
-      this.originalAppendChild = this.el.appendChild;
-      this.originalInsertBefore = this.el.insertBefore;
-      this.originalReplaceChild = this.el.replaceChild;
-      this.originalRemoveChild = this.el.removeChild;
-    }
-    if (!this.form) {
-      this.el.appendChild = this.originalAppendChild;
-      this.el.insertBefore = this.originalInsertBefore;
-      this.el.replaceChild = this.originalReplaceChild;
-      this.el.removeChild = this.originalRemoveChild;
-      return;
-    }
-    this.el.appendChild = (newChild) => {
-      return this.form.appendChild(newChild);
-    };
-    this.el.insertBefore = (newChild, refChild) => {
-      return this.form.insertBefore(newChild, refChild);
-    };
-    this.el.replaceChild = (newChild, oldChild) => {
-      return this.form.replaceChild(newChild, oldChild);
-    };
-    this.el.removeChild = (oldChild) => {
-      return this.form.removeChild(oldChild);
-    };
+    this.setSlotParent(this.form);
   }
   getFormValue() {
     const el = this.el;
@@ -65,8 +68,6 @@ const Form = class {
     const formItem = {};
     const hash = {};
     elements.forEach(item => {
-      if (typeof item.name !== 'string')
-        return;
       if (item.className.indexOf('weui-switch') !== -1) {
         formItem[item.name] = item.checked;
         return;
@@ -108,20 +109,24 @@ const Form = class {
       textareaEleArr.push(textareaElements[i]);
     }
     textareaEleArr.forEach(v => {
-      if (typeof v.name !== 'string')
-        return;
       formItem[v.name] = v.value;
     });
     return formItem;
   }
+  setSlotParent(el) {
+    this.slotParent = el;
+  }
   render() {
     return (index.h("form", { ref: dom => {
-        this.form = dom;
+        if (dom) {
+          this.form = dom;
+        }
       } }, index.h("slot", null)));
   }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "slotParent": ["watchSlotParent"]
+  }; }
 };
 
 exports.taro_form_core = Form;
-
-//# sourceMappingURL=taro-form-core.cjs.entry.js.map

package/dist/cjs/taro-functional-page-navigator-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const FunctionalPageNavigator = class {
+let FunctionalPageNavigator = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const FunctionalPageNavigator = class {
 };
 
 exports.taro_functional_page_navigator_core = FunctionalPageNavigator;
-
-//# sourceMappingURL=taro-functional-page-navigator-core.cjs.entry.js.map

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

@@ -2,15 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const index$1 = require('./index-f9d21cc5.js');
 
-const Icon = class {
+let Icon = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.type = undefined;
     this.size = '23';
-    this.color = undefined;
   }
   render() {
     const { type, size, color } = this;
@@ -27,5 +25,3 @@ const Icon = class {
 };
 
 exports.taro_icon_core = Icon;
-
-//# sourceMappingURL=taro-icon-core.cjs.entry.js.map

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

@@ -2,18 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const index$1 = require('./index-f9d21cc5.js');
 
 const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;width:auto;height:auto;font-size:0}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{position:absolute;bottom:0;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{position:absolute;right:0;height:100%}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;right:0;bottom:0}";
 
 Promise.resolve().then(function () { return require('./intersection-observer-dc4cfcef.js'); });
-const Image = class {
+let Image = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onLoad = index.createEvent(this, "load", 7);
     this.onError = index.createEvent(this, "error", 7);
-    this.src = undefined;
     this.mode = 'scaleToFill';
     this.lazyLoad = false;
     this.nativeProps = {};
@@ -41,8 +40,8 @@ const Image = class {
     });
     this.aspectFillMode = naturalWidth > naturalHeight ? 'width' : 'height';
   }
-  imageOnError(e) {
-    this.onError.emit(e);
+  imageOnError() {
+    this.onError.emit();
   }
   render() {
     const { src, mode = 'scaleToFill', lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps } = this;
@@ -58,5 +57,3 @@ const Image = class {
 Image.style = indexCss;
 
 exports.taro_image_core = Image;
-
-//# sourceMappingURL=taro-image-core.cjs.entry.js.map

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
 const indexCss = "taro-input-core{display:block}input{display:block;overflow:hidden;height:1.4rem;text-overflow:clip;text-align:inherit;white-space:nowrap}";
 
@@ -24,7 +24,7 @@ function getTrueType(type, confirmType, password) {
 function fixControlledValue(value) {
   return value !== null && value !== void 0 ? value : '';
 }
-const Input = class {
+let Input = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.onInput = index.createEvent(this, "input", 7);
@@ -37,6 +37,12 @@ const Input = class {
     this.isOnComposition = false;
     this.isOnPaste = false;
     this.onInputExcuted = false;
+    this.password = false;
+    this.disabled = false;
+    this.maxlength = 140;
+    this.autoFocus = false;
+    this.confirmType = 'done';
+    this.nativeProps = {};
     this.handleInput = (e) => {
       e.stopPropagation();
       const { type, maxlength, confirmType, password } = this;
@@ -68,21 +74,18 @@ const Input = class {
       }
     };
     this.handlePaste = (e) => {
-      e.stopPropagation();
       this.isOnPaste = true;
       this.onPaste.emit({
         value: e.target.value
       });
     };
     this.handleFocus = (e) => {
-      e.stopPropagation();
       this.onInputExcuted = false;
       this.onFocus.emit({
         value: e.target.value
       });
     };
     this.handleBlur = (e) => {
-      e.stopPropagation();
       this.onBlur.emit({
         value: e.target.value
       });
@@ -102,10 +105,10 @@ const Input = class {
       }
     };
     this.handleKeyDown = (e) => {
-      e.stopPropagation();
       const { value } = e.target;
       const keyCode = e.keyCode || e.code;
       this.onInputExcuted = false;
+      e.stopPropagation();
       this.onKeyDown.emit({
         value,
         cursor: value.length,
@@ -114,7 +117,6 @@ const Input = class {
       keyCode === 13 && this.onConfirm.emit({ value });
     };
     this.handleComposition = (e) => {
-      e.stopPropagation();
       if (!(e.target instanceof HTMLInputElement))
         return;
       if (e.type === 'compositionend') {
@@ -142,21 +144,8 @@ const Input = class {
         }
       }
     };
-    this.value = undefined;
-    this.type = undefined;
-    this.password = false;
-    this.placeholder = undefined;
-    this.disabled = false;
-    this.maxlength = 140;
-    this.autoFocus = false;
-    this.confirmType = 'done';
-    this.name = undefined;
-    this.nativeProps = {};
   }
-  focus() {
-    this.inputRef.focus();
-  }
-  watchAutoFocus(newValue, oldValue) {
+  watchFocus(newValue, oldValue) {
     var _a;
     if (!oldValue && newValue) {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
@@ -164,7 +153,7 @@ const Input = class {
   }
   watchValue(newValue) {
     const value = fixControlledValue(newValue);
-    if (this.inputRef.value !== value) {
+    if (this.inputRef && this.inputRef.value !== value) {
       this.inputRef.value = value;
     }
   }
@@ -183,7 +172,7 @@ const Input = class {
       (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
     }
     Object.defineProperty(this.el, 'value', {
-      get: () => this.inputRef.value,
+      get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
       set: value => (this.value = value),
       configurable: true
     });
@@ -204,18 +193,14 @@ const Input = class {
     const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;
     return (index.h("input", Object.assign({ ref: input => {
         this.inputRef = input;
-        if (autoFocus && input)
-          input.focus();
-      }, class: 'weui-input', type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps, { value: fixControlledValue(value) })));
+      }, class: 'weui-input', value: fixControlledValue(value), type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps)));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "autoFocus": ["watchAutoFocus"],
+    "autoFocus": ["watchFocus"],
     "value": ["watchValue"]
   }; }
 };
 Input.style = indexCss;
 
 exports.taro_input_core = Input;
-
-//# sourceMappingURL=taro-input-core.cjs.entry.js.map

package/dist/cjs/taro-keyboard-accessory-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const KeyboardAccessory = class {
+let KeyboardAccessory = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const KeyboardAccessory = class {
 };
 
 exports.taro_keyboard_accessory_core = KeyboardAccessory;
-
-//# sourceMappingURL=taro-keyboard-accessory-core.cjs.entry.js.map

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

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 
-const Label = class {
+let Label = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.for = undefined;
   }
   render() {
     return (index.h("label", { htmlFor: this.for }, index.h("slot", null)));
@@ -15,5 +14,3 @@ const Label = class {
 };
 
 exports.taro_label_core = Label;
-
-//# sourceMappingURL=taro-label-core.cjs.entry.js.map

package/dist/cjs/taro-live-player-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const LivePlayer = class {
+let LivePlayer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const LivePlayer = class {
 };
 
 exports.taro_live_player_core = LivePlayer;
-
-//# sourceMappingURL=taro-live-player-core.cjs.entry.js.map

package/dist/cjs/taro-live-pusher-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const LivePusher = class {
+let LivePusher = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const LivePusher = class {
 };
 
 exports.taro_live_pusher_core = LivePusher;
-
-//# sourceMappingURL=taro-live-pusher-core.cjs.entry.js.map

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const Map = class {
+let Map = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const Map = class {
 };
 
 exports.taro_map_core = Map;
-
-//# sourceMappingURL=taro-map-core.cjs.entry.js.map

package/dist/cjs/taro-match-media-core.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9174e0b1.js');
+const index = require('./index-7c61bee9.js');
 const helper = require('./helper-db78e01a.js');
 require('@tarojs/taro');
 
-const MatchMedia = class {
+let MatchMedia = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -19,5 +19,3 @@ const MatchMedia = class {
 };
 
 exports.taro_match_media_core = MatchMedia;
-
-//# sourceMappingURL=taro-match-media-core.cjs.entry.js.map

package/dist/cjs/taro-movable-area-core.cjs.entry.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7c61bee9.js');
+
+const areaCss = "taro-movable-area-core{display:block;position:relative;width:10px;height:10px}";
+
+let MovableArea = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** 子元素集合 */
+    this.views = [];
+    /** 手势缩放 */
+    this.scaleLength = 0;
+    this.viewsChanged = () => {
+      this.views = [];
+      const elements = this.element.querySelectorAll('taro-movable-view-core');
+      Array.from(elements).forEach((element) => {
+        this.views.push(element);
+      });
+      this.updateArea();
+    };
+    this.handleTouchStart = (e) => {
+      const touches = e.touches;
+      if (!touches || touches.length <= 1) {
+        return;
+      }
+      const gap = {
+        width: touches[1].pageX - touches[0].pageX,
+        height: touches[1].pageY - touches[0].pageY
+      };
+      this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height);
+      if (this.scaleArea) {
+        return;
+      }
+      const find = (target, views) => {
+        const loop = (e, t) => {
+          if (!(e = e.parentNode)) {
+            return false;
+          }
+          return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t));
+        };
+        for (let i = 0; i < views.length; i++) {
+          const view = views[i];
+          if (target === view["element"] || loop(target, view)) {
+            return view;
+          }
+        }
+      };
+      const touch1 = find(touches[0].target, this.views);
+      const touch2 = find(touches[1].target, this.views);
+      this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined;
+    };
+    this.handleTouchMove = (e) => {
+      const touches = e.touches;
+      if (!touches || touches.length <= 1) {
+        return;
+      }
+      e.preventDefault();
+      const gap = {
+        width: touches[1].pageX - touches[0].pageX,
+        height: touches[1].pageY - touches[0].pageY
+      };
+      if (this.scaleLength > 0) {
+        this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength);
+      }
+    };
+    this.handleTouchEnd = (e) => {
+      var _a, _b;
+      if ((e.touches && e.touches.length) || !e.changedTouches) {
+        return;
+      }
+      this.scaleLength = 0;
+      if (this.scaleArea) {
+        this.views.forEach((element) => {
+          var _a;
+          (_a = element["endScale"]) === null || _a === void 0 ? void 0 : _a.call(element);
+        });
+      }
+      else {
+        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["endScale"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+      }
+      this.scaleTarget = undefined;
+    };
+    this.updateScale = (scale) => {
+      var _a, _b;
+      if (!scale || scale === 1) {
+        return;
+      }
+      if (this.scaleArea) {
+        this.views.forEach((element) => {
+          var _a;
+          (_a = element["setScale"]) === null || _a === void 0 ? void 0 : _a.call(element, scale);
+        });
+      }
+      else {
+        (_b = (_a = this.scaleTarget) === null || _a === void 0 ? void 0 : _a["setScale"]) === null || _b === void 0 ? void 0 : _b.call(_a, scale);
+      }
+    };
+    this.updateArea = () => {
+      const computedStyle = window.getComputedStyle(this.element);
+      const clientRect = this.element.getBoundingClientRect();
+      const horizontal = ["Left", "Right"].map((e) => {
+        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
+      });
+      const vertical = ["Top", "Bottom"].map((e) => {
+        return parseFloat(computedStyle["border" + e + "Width"]) + parseFloat(computedStyle["padding" + e]);
+      });
+      this.views.forEach((element) => {
+        var _a;
+        (_a = element["setParent"]) === null || _a === void 0 ? void 0 : _a.call(element, {
+          element: this.element,
+          area: {
+            height: clientRect.height - vertical[0] - vertical[1],
+            width: clientRect.width - horizontal[0] - horizontal[1]
+          }
+        });
+      });
+    };
+  }
+  connectedCallback() {
+    this.observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        var _a, _b;
+        if (mutation.attributeName === "class" || mutation.attributeName === "style") {
+          const offsetWidth = this.element.offsetWidth;
+          const offsetHeight = this.element.offsetHeight;
+          if (offsetWidth !== ((_a = this.offset) === null || _a === void 0 ? void 0 : _a.width) || offsetHeight !== ((_b = this.offset) === null || _b === void 0 ? void 0 : _b.height)) {
+            this.updateArea();
+          }
+          this.offset = {
+            width: offsetWidth,
+            height: offsetHeight
+          };
+        }
+      });
+    });
+    this.observer.observe(this.element, {
+      attributes: true
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  componentDidLoad() {
+    this.viewsChanged();
+  }
+  render() {
+    return (index.h(index.Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
+  }
+  get element() { return index.getElement(this); }
+};
+MovableArea.style = areaCss;
+
+exports.taro_movable_area_core = MovableArea;