@tarojs/components 3.6.0-canary.9 → 3.6.1-alpha.0

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

@@ -0,0 +1,164 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+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}";
+
+function fixControlledValue(value) {
+  return value !== null && value !== void 0 ? value : '';
+}
+const Textarea = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onInput = createEvent(this, "input", 7);
+    this.onFocus = createEvent(this, "focus", 7);
+    this.onBlur = createEvent(this, "blur", 7);
+    this.onChange = createEvent(this, "change", 7);
+    this.onLineChange = createEvent(this, "linechange", 7);
+    this.handleInput = (e) => {
+      e.stopPropagation();
+      this.handleLineChange();
+      const value = e.target.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.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 = undefined;
+    this.placeholder = undefined;
+    this.disabled = false;
+    this.maxlength = 140;
+    this.autoFocus = false;
+    this.autoHeight = false;
+    this.name = undefined;
+    this.nativeProps = {};
+    this.line = 1;
+  }
+  focus() {
+    this.textareaRef.focus();
+  }
+  componentDidLoad() {
+    Object.defineProperty(this.el, 'value', {
+      get: () => this.textareaRef.value,
+      set: value => (this.value = value),
+      configurable: true
+    });
+    this.autoFocus && 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;
+        }
+      }, 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)));
+  }
+  get el() { return this; }
+  static get style() { return indexCss; }
+}, [0, "taro-textarea-core", {
+    "value": [1025],
+    "placeholder": [1],
+    "disabled": [4],
+    "maxlength": [2],
+    "autoFocus": [4, "auto-focus"],
+    "autoHeight": [4, "auto-height"],
+    "name": [1],
+    "nativeProps": [16],
+    "line": [32],
+    "focus": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-textarea-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-textarea-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Textarea);
+      }
+      break;
+  } });
+}
+
+const TaroTextareaCore = Textarea;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroTextareaCore, defineCustomElement };
+
+//# sourceMappingURL=taro-textarea-core.js.map

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

@@ -0,0 +1 @@
+{"file":"taro-textarea-core.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,wSAAwS;;ACGzT,SAAS,kBAAkB,CAAC,KAAc;EACxC,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAA;AACpB,CAAC;MAMY,QAAQ;;;;;;;;;IAsDnB,gBAAW,GAAG,CAAC,CAA8B;MAC3C,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,IAAI,CAAC,gBAAgB,EAAE,CAAA;MACvB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAA;MAClC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAChB,KAAK;QACL,MAAM,EAAE,KAAK,CAAC,MAAM;OACrB,CAAC,CAAA;KACH,CAAA;IAED,gBAAW,GAAG,CAAC,CAA2C;MACxD,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAChB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;OACtB,CAAC,CAAA;KACH,CAAA;IAED,eAAU,GAAG,CAAC,CAA2C;MACvD,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;OACtB,CAAC,CAAA;KACH,CAAA;IAED,iBAAY,GAAG,CAAC,CAA8B;MAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;OACtB,CAAC,CAAA;KACH,CAAA;IAED,qBAAgB,GAAG;MACjB,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;MACpC,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;QACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;UACrB,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,YAAY;UACrC,SAAS,EAAE,IAAI,CAAC,IAAI;SACrB,CAAC,CAAA;OACH;KACF,CAAA;IAED,2BAAsB,GAAG,CAAC,EAAE,EAAE,UAAU;MACtC,IAAI,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAC9B,MAAM,GAAG,EAAE,CAAC,YAAY,EACxB,YAAY,GAAG,EAAE,CAAC,YAAY,EAC9B,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAC5B,eAAe,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAA;;MAG9C,IAAI,MAAM,IAAI,YAAY,EAAE;QAC1B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAA;;;QAGtB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;;QAE5C,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;;QAE5B,IAAI,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE;;;UAGlC,OAAO,EAAE,CAAC,YAAY,IAAI,EAAE,CAAC,YAAY,EAAE;YACzC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,MAAM,IAAI,UAAU,IAAI,IAAI,CAAA;WAChD;;UAED,OAAO,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE;YACxC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;WAClC;;UAED,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAA;;UAE5B,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;UAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,eAAe,CAAA;UACpC,OAAO,MAAM,CAAA;SACd;OACF;WAAM;QACL,OAAO,YAAY,CAAA;OACpB;KACF,CAAA;IAED,qBAAgB,GAAG;MACjB,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EACzB,KAAK,GAAG,MAAM,CAAC,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK;;;MAGxE,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC;;MAE7C,QAAQ,GAAG,IAAI,CAAC,sBAAsB,CAAC,EAAE,EAAE,YAAY,CAAC;;MAExD,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAA;MAErD,OAAO,aAAa,CAAA;KACrB,CAAA;;;oBA3IkB,KAAK;qBACJ,GAAG;qBACH,KAAK;sBACJ,KAAK;;uBAEJ,EAAE;gBACR,CAAC;;EA4BjB,KAAK;IACH,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;GACzB;EAED,gBAAgB;IACd,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;MACtC,GAAG,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK;MACjC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;MAClC,YAAY,EAAE,IAAI;KACnB,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;GAC3C;EAgGD,MAAM;IACJ,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACb,GAAG,IAAI,CAAA;IAER,MAAM,UAAU,GAEZ,EAAE,CAAA;IAEN,IAAI,UAAU,EAAE;MACd,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;KAC5B;IAED,QACE,8BACE,GAAG,EAAE,KAAK;QACR,IAAI,KAAK,EAAE;UACT,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;SACzB;OACF,EACD,KAAK,EAAE,iBAAiB,UAAU,GAAG,aAAa,GAAG,EAAE,EAAE,EACzD,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAChC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,IAClB,WAAW,EACX,UAAU,EACd,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/textarea/style/index.scss?tag=taro-textarea-core","./src/components/textarea/textarea.tsx"],"sourcesContent":["taro-textarea-core {\n  display: block;\n  width: 300px;\n}\n\ntaro-textarea-core .auto-height {\n  height: auto;\n}\n\n.taro-textarea {\n  &:focus {\n    outline: none;\n  }\n\n  display: block;\n  position: relative;\n  border: 0;\n  width: 100%;\n  height: inherit;\n  appearance: none;\n  cursor: auto;\n  line-height: 1.5;\n}\n","import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Element, Method } from '@stencil/core'\nimport { TaroEvent } from '../../../types'\n\nfunction fixControlledValue(value?: string) {\n  return value ?? ''\n}\n\n@Component({\n  tag: 'taro-textarea-core',\n  styleUrl: './style/index.scss'\n})\nexport class Textarea implements ComponentInterface {\n  private textareaRef: HTMLTextAreaElement\n\n  @Element() el: HTMLElement\n\n  @Prop({ mutable: true }) value: string\n  @Prop() placeholder: string\n  @Prop() disabled = false\n  @Prop() maxlength = 140\n  @Prop() autoFocus = false\n  @Prop() autoHeight = false\n  @Prop() name: string\n  @Prop() nativeProps = {}\n  @State() line = 1\n\n  @Event({\n    eventName: 'input'\n  })\n  onInput: EventEmitter\n\n  @Event({\n    eventName: 'focus'\n  })\n  onFocus: EventEmitter\n\n  @Event({\n    eventName: 'blur'\n  })\n  onBlur: EventEmitter\n\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  @Event({\n    eventName: 'linechange' // 必须全小写\n  })\n  onLineChange: EventEmitter\n\n  @Method()\n  focus() {\n    this.textareaRef.focus()\n  }\n\n  componentDidLoad() {\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.textareaRef.value,\n      set: value => (this.value = value),\n      configurable: true\n    })\n    this.autoFocus && this.textareaRef.focus()\n  }\n\n  handleInput = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    this.handleLineChange()\n    const value = e.target.value || ''\n    this.onInput.emit({\n      value,\n      cursor: value.length\n    })\n  }\n\n  handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onFocus.emit({\n      value: e.target.value\n    })\n  }\n\n  handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onBlur.emit({\n      value: e.target.value\n    })\n  }\n\n  handleChange = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    this.onChange.emit({\n      value: e.target.value\n    })\n  }\n\n  handleLineChange = () => {\n    const line = this.getNumberOfLines()\n    if (line !== this.line) {\n      this.line = line\n      this.onLineChange.emit({\n        height: this.textareaRef.clientHeight,\n        lineCount: this.line\n      })\n    }\n  }\n\n  calculateContentHeight = (ta, scanAmount) => {\n    let origHeight = ta.style.height,\n      height = ta.offsetHeight,\n      scrollHeight = ta.scrollHeight,\n      overflow = ta.style.overflow,\n      originMinHeight = ta.style.minHeight || null\n\n    /// only bother if the ta is bigger than content\n    if (height >= scrollHeight) {\n      ta.style.minHeight = 0\n      /// check that our browser supports changing dimension\n      /// calculations mid-way through a function call...\n      ta.style.height = height + scanAmount + 'px'\n      /// because the scrollbar can cause calculation problems\n      ta.style.overflow = 'hidden'\n      /// by checking that scrollHeight has updated\n      if (scrollHeight < ta.scrollHeight) {\n        /// now try and scan the ta's height downwards\n        /// until scrollHeight becomes larger than height\n        while (ta.offsetHeight >= ta.scrollHeight) {\n          ta.style.height = (height -= scanAmount) + 'px'\n        }\n        /// be more specific to get the exact height\n        while (ta.offsetHeight < ta.scrollHeight) {\n          ta.style.height = height++ + 'px'\n        }\n        /// reset the ta back to it's original height\n        ta.style.height = origHeight\n        /// put the overflow back\n        ta.style.overflow = overflow\n        ta.style.minHeight = originMinHeight\n        return height\n      }\n    } else {\n      return scrollHeight\n    }\n  }\n\n  getNumberOfLines = () => {\n    const ta = this.textareaRef,\n      style = window.getComputedStyle ? window.getComputedStyle(ta) : ta.style,\n      // This will get the line-height only if it is set in the css,\n      // otherwise it's \"normal\"\n      taLineHeight = parseInt(style.lineHeight, 10),\n      // Get the scroll height of the textarea\n      taHeight = this.calculateContentHeight(ta, taLineHeight),\n      // calculate the number of lines\n      numberOfLines = Math.floor(taHeight / taLineHeight)\n\n    return numberOfLines\n  }\n\n  render() {\n    const {\n      value,\n      placeholder,\n      disabled,\n      maxlength,\n      autoFocus,\n      autoHeight,\n      name,\n      nativeProps,\n      handleInput,\n      handleFocus,\n      handleBlur,\n      handleChange\n    } = this\n\n    const otherProps: {\n      [props: string]: any\n    } = {}\n\n    if (autoHeight) {\n      otherProps.rows = this.line\n    }\n\n    return (\n      <textarea\n        ref={input => {\n          if (input) {\n            this.textareaRef = input\n          }\n        }}\n        class={`taro-textarea ${autoHeight ? 'auto-height' : ''}`}\n        value={fixControlledValue(value)}\n        placeholder={placeholder}\n        name={name}\n        disabled={disabled}\n        maxlength={maxlength}\n        autofocus={autoFocus}\n        onInput={handleInput}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        {...nativeProps}\n        {...otherProps}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-video-control.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroVideoControl extends Components.TaroVideoControl, HTMLElement {}
+export const TaroVideoControl: {
+  prototype: TaroVideoControl;
+  new (): TaroVideoControl;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,8 @@
+import { V as VideoControl, d as defineCustomElement$1 } from './video-control.js';
+
+const TaroVideoControl = VideoControl;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroVideoControl, defineCustomElement };
+
+//# sourceMappingURL=taro-video-control.js.map

package/dist/components/taro-video-control.js.map

@@ -0,0 +1 @@
+{"file":"taro-video-control.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/taro-video-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroVideoCore extends Components.TaroVideoCore, HTMLElement {}
+export const TaroVideoCore: {
+  prototype: TaroVideoCore;
+  new (): TaroVideoCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;