@tarojs/components 4.1.5 → 4.1.6

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

@@ -1,69 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0004ce39.js';
-import { c as classnames } from './index-b9522531.js';
-import { h as handleStencilNodes } from './helper-8a85bb65.js';
+export { V as taro_view_core } from './view-965a491b.js';
+import './index-0004ce39.js';
+import './index-b9522531.js';
+import './helper-8a85bb65.js';
 import '@tarojs/taro';
-
-const indexCss = "taro-view-core{display:block}";
-
-const View = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.onLongPress = createEvent(this, "longpress", 7);
-    this.startTime = 0;
-    this.animation = undefined;
-    this.hoverClass = undefined;
-    this.hoverStartTime = 50;
-    this.hoverStayTime = 400;
-    this.hover = false;
-    this.touch = false;
-  }
-  onTouchStart() {
-    if (this.hoverClass) {
-      this.touch = true;
-      setTimeout(() => {
-        if (this.touch) {
-          this.hover = true;
-        }
-      }, this.hoverStartTime);
-    }
-    this.timeoutEvent = setTimeout(() => {
-      this.onLongPress.emit();
-    }, 350);
-    this.startTime = Date.now();
-  }
-  onTouchMove() {
-    clearTimeout(this.timeoutEvent);
-  }
-  onTouchEnd() {
-    const spanTime = Date.now() - this.startTime;
-    if (spanTime < 350) {
-      clearTimeout(this.timeoutEvent);
-    }
-    if (this.hoverClass) {
-      this.touch = false;
-      setTimeout(() => {
-        if (!this.touch) {
-          this.hover = false;
-        }
-      }, this.hoverStayTime);
-    }
-  }
-  componentDidRender() {
-    handleStencilNodes(this.el);
-  }
-  render() {
-    const cls = classnames({
-      [`${this.hoverClass}`]: this.hover
-    });
-    let attr = {};
-    if (!!this.animation) {
-      attr['animation'] = this.animation;
-      attr['data-animation'] = this.animation;
-    }
-    return (h(Host, Object.assign({ class: cls }, attr), h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-View.style = indexCss;
-
-export { View as taro_view_core };

package/dist/esm/taro-voip-room-core.entry.js

@@ -1,17 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
-import { n as notSupport } from './helper-8a85bb65.js';
+export { V as taro_voip_room_core } from './voip-room-da8085ad.js';
+import './index-0004ce39.js';
+import './helper-8a85bb65.js';
 import '@tarojs/taro';
-
-const VoipRoom = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentDidLoad() {
-    notSupport('VoipRoom', this);
-  }
-  render() {
-    return (h(Host, null));
-  }
-};
-
-export { VoipRoom as taro_voip_room_core };

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

@@ -1,25 +1,2 @@
-import { r as registerInstance, c as createEvent, h } from './index-0004ce39.js';
-
-const indexCss = "iframe{border:none}.taro-webview{z-index:999;width:100%;height:100%;position:fixed;top:0;bottom:0}";
-
-const WebView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.onLoad = createEvent(this, "load", 7);
-    this.onError = createEvent(this, "error", 7);
-    this.src = undefined;
-  }
-  render() {
-    const { src, onLoad, onError } = this;
-    return (h("iframe", { class: 'taro-webview', onLoad: (e) => {
-        e.stopPropagation();
-        onLoad.emit({ src });
-      }, onError: (e) => {
-        e.stopPropagation();
-        onError.emit({ src });
-      }, src: src }));
-  }
-};
-WebView.style = indexCss;
-
-export { WebView as taro_web_view_core };
+export { W as taro_web_view_core } from './web-view-8f780a19.js';
+import './index-0004ce39.js';

package/dist/esm/text-a3b91b23.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+
+const indexCss = "taro-text-core{user-select:none;display:inline}taro-text-core[selectable=true],taro-text-core[user-select=true]{user-select:text;display:inline-block}taro-text-core[space]{white-space:pre-wrap}taro-text-core[space=ensp]{word-spacing:.5em}taro-text-core[space=nbsp]{word-spacing:1em}taro-text-core[number-of-lines]{--line-clamp:2;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:var(--line-clamp);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}";
+
+const Text = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
+    this.numberOfLines = undefined;
+  }
+  render() {
+    const style = {};
+    if (typeof this.numberOfLines === 'number') {
+      style['--line-clamp'] = this.numberOfLines;
+    }
+    return (h(Host, { style: style }, h("slot", null)));
+  }
+};
+Text.style = indexCss;
+
+export { Text as T };

package/dist/esm/textarea-c722fd22.js

@@ -0,0 +1,159 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0004ce39.js';
+
+const indexCss = "taro-textarea-core{width:300px;display:block}taro-textarea-core .auto-height{height:auto}.taro-textarea{width:100%;height:inherit;appearance:none;cursor:auto;border:0;line-height:1.5;display:block;position:relative}.taro-textarea:focus{outline:none}";
+
+function fixControlledValue(value) {
+  return value !== null && value !== void 0 ? value : '';
+}
+const Textarea = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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();
+      const value = e.target.value || '';
+      this.value = value;
+      this.onInput.emit({
+        value,
+        cursor: value.length
+      });
+    };
+    this.handleFocus = (e) => {
+      e.stopPropagation();
+      this.onFocus.emit({
+        value: e.target.value
+      });
+    };
+    this.handleBlur = (e) => {
+      e.stopPropagation();
+      this.onBlur.emit({
+        value: e.target.value
+      });
+    };
+    this.handleChange = (e) => {
+      e.stopPropagation();
+      this.onChange.emit({
+        value: e.target.value
+      });
+    };
+    this.handleLineChange = () => {
+      const line = this.getNumberOfLines();
+      if (line !== this.line) {
+        this.line = line;
+        this.onLineChange.emit({
+          height: this.textareaRef.clientHeight,
+          lineCount: this.line
+        });
+      }
+    };
+    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
+      if (height >= scrollHeight) {
+        ta.style.minHeight = 0;
+        /// check that our browser supports changing dimension
+        /// calculations mid-way through a function call...
+        ta.style.height = height + scanAmount + 'px';
+        /// because the scrollbar can cause calculation problems
+        ta.style.overflow = 'hidden';
+        /// by checking that scrollHeight has updated
+        if (scrollHeight < ta.scrollHeight) {
+          /// now try and scan the ta's height downwards
+          /// until scrollHeight becomes larger than height
+          while (ta.offsetHeight >= ta.scrollHeight) {
+            ta.style.height = (height -= scanAmount) + 'px';
+          }
+          /// be more specific to get the exact height
+          while (ta.offsetHeight < ta.scrollHeight) {
+            ta.style.height = height++ + 'px';
+          }
+          /// reset the ta back to it's original height
+          ta.style.height = origHeight;
+          /// put the overflow back
+          ta.style.overflow = overflow;
+          ta.style.minHeight = originMinHeight;
+          return height;
+        }
+      }
+      else {
+        return scrollHeight;
+      }
+    };
+    this.getNumberOfLines = () => {
+      const ta = this.textareaRef, style = window.getComputedStyle ? window.getComputedStyle(ta) : ta.style, 
+      // This will get the line-height only if it is set in the css,
+      // otherwise it's "normal"
+      taLineHeight = parseInt(style.lineHeight, 10), 
+      // Get the scroll height of the textarea
+      taHeight = this.calculateContentHeight(ta, taLineHeight), 
+      // calculate the number of lines
+      numberOfLines = Math.floor(taHeight / taLineHeight);
+      return numberOfLines;
+    };
+    this.value = '';
+    this.placeholder = undefined;
+    this.disabled = false;
+    this.maxlength = 140;
+    this.autoFocus = false;
+    this.autoHeight = false;
+    this.name = undefined;
+    this.nativeProps = {};
+    this.line = 1;
+  }
+  watchAutoFocus(newValue, oldValue) {
+    var _a;
+    if (!oldValue && newValue) {
+      (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }
+  watchValue(newValue) {
+    // hack: 在事件回调中，props.value 变化不知为何不会触发 Stencil 更新，因此这里手动更新一下
+    const value = fixControlledValue(newValue);
+    if (this.textareaRef.value !== value) {
+      this.textareaRef.value = value;
+    }
+  }
+  async focus() {
+    this.textareaRef.focus();
+  }
+  render() {
+    const { value, placeholder, disabled, maxlength, autoFocus, autoHeight, name, nativeProps, handleInput, handleFocus, handleBlur, handleChange } = this;
+    const otherProps = {};
+    if (autoHeight) {
+      otherProps.rows = this.line;
+    }
+    return (h("textarea", Object.assign({ ref: input => {
+        if (input) {
+          this.textareaRef = input;
+          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, onKeyDown: this.handleKeyDown }, nativeProps, otherProps)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "autoFocus": ["watchAutoFocus"],
+    "value": ["watchValue"]
+  }; }
+};
+Textarea.style = indexCss;
+
+export { Textarea as T };