@tarojs/components 4.1.10 → 4.1.11-beta.0

package/dist/types/components/textarea/textarea.d.ts

@@ -1,7 +1,9 @@
-import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { ComponentInterface, Event, EventEmitter } from '../../stencil-public-runtime';
 import { TaroEvent } from '../../../types';
 export declare class Textarea implements ComponentInterface {
   private textareaRef;
+  private isComposing;
+  private onInputExecuted;
   el: HTMLElement;
   value: string;
   placeholder: string;
@@ -12,6 +14,7 @@ export declare class Textarea implements ComponentInterface {
   name: string;
   nativeProps: {};
   line: number;
+  compositionValue?: string;
   onInput: EventEmitter;
   onFocus: EventEmitter;
   onBlur: EventEmitter;
@@ -22,7 +25,10 @@ export declare class Textarea implements ComponentInterface {
   watchAutoFocus(newValue: boolean, oldValue: boolean): void;
   watchValue(newValue: string): void;
   focus(): Promise<void>;
-  handleInput: (e: TaroEvent<HTMLInputElement>) => void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  handleInput: (e: TaroEvent<HTMLTextAreaElement>) => void;
+  handleComposition: (e: Event) => void;
   handleFocus: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleBlur: (e: TaroEvent<HTMLInputElement> & FocusEvent) => void;
   handleChange: (e: TaroEvent<HTMLInputElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "4.1.10",
+  "version": "4.1.11-beta.0",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -40,9 +40,9 @@
     "resolve-pathname": "^3.0.0",
     "swiper": "11.1.15",
     "tslib": "^2.6.2",
-    "@tarojs/runtime": "4.1.10",
-    "@tarojs/shared": "4.1.10",
-    "@tarojs/taro": "4.1.10"
+    "@tarojs/runtime": "4.1.11-beta.0",
+    "@tarojs/shared": "4.1.11-beta.0",
+    "@tarojs/taro": "4.1.11-beta.0"
   },
   "devDependencies": {
     "@babel/generator": "^7.21.4",
@@ -68,7 +68,7 @@
     "jest-cli": "27.5.1",
     "jest-runner": "27.5.1",
     "jest-environment-node": "27.5.1",
-    "@tarojs/helper": "4.1.10"
+    "@tarojs/helper": "4.1.11-beta.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/dist/taro-components/p-052dbbd9.entry.js

@@ -1 +0,0 @@
-export{T as taro_textarea_core}from"./p-6e2f460d.js";import"./p-f72fcd8c.js";

package/dist/taro-components/p-6e2f460d.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,g as h}from"./p-f72fcd8c.js";function e(t){return null!=t?t:""}const a=class{constructor(i){t(this,i),this.onInput=s(this,"input",7),this.onFocus=s(this,"focus",7),this.onBlur=s(this,"blur",7),this.onConfirm=s(this,"confirm",7),this.onChange=s(this,"change",7),this.onLineChange=s(this,"linechange",7),this.onKeyDown=s(this,"keydown",7),this.handleInput=t=>{t.stopPropagation(),this.handleLineChange();const s=t.target.value||"";this.value=s,this.onInput.emit({value:s,cursor:s.length})},this.handleFocus=t=>{t.stopPropagation(),this.onFocus.emit({value:t.target.value})},this.handleBlur=t=>{t.stopPropagation(),this.onBlur.emit({value:t.target.value})},this.handleChange=t=>{t.stopPropagation(),this.onChange.emit({value:t.target.value})},this.handleLineChange=()=>{const t=this.getNumberOfLines();t!==this.line&&(this.line=t,this.onLineChange.emit({height:this.textareaRef.clientHeight,lineCount:this.line}))},this.handleKeyDown=t=>{t.stopPropagation();const{value:s}=t.target,i=t.keyCode||t.code;this.onKeyDown.emit({value:s,cursor:s.length,keyCode:i}),13===i&&this.onConfirm.emit({value:s})},this.calculateContentHeight=(t,s)=>{let i=t.style.height,h=t.offsetHeight,e=t.scrollHeight,a=t.style.overflow,o=t.style.minHeight||null;if(!(h>=e))return e;if(t.style.minHeight=0,t.style.height=h+s+"px",t.style.overflow="hidden",e<t.scrollHeight){for(;t.offsetHeight>=t.scrollHeight;)t.style.height=(h-=s)+"px";for(;t.offsetHeight<t.scrollHeight;)t.style.height=h+++"px";return t.style.height=i,t.style.overflow=a,t.style.minHeight=o,h}},this.getNumberOfLines=()=>{const t=this.textareaRef,s=window.getComputedStyle?window.getComputedStyle(t):t.style,i=parseInt(s.lineHeight,10),h=this.calculateContentHeight(t,i);return Math.floor(h/i)},this.value="",this.placeholder=void 0,this.disabled=!1,this.maxlength=140,this.autoFocus=!1,this.autoHeight=!1,this.name=void 0,this.nativeProps={},this.line=1}watchAutoFocus(t,s){var i;!s&&t&&(null===(i=this.textareaRef)||void 0===i||i.focus())}watchValue(t){const s=e(t);this.textareaRef.value!==s&&(this.textareaRef.value=s)}async focus(){this.textareaRef.focus()}render(){const{value:t,placeholder:s,disabled:h,maxlength:a,autoFocus:o,autoHeight:n,name:r,nativeProps:u,handleInput:c,handleFocus:l,handleBlur:d,handleChange:p}=this,g={};return n&&(g.rows=this.line),i("textarea",Object.assign({ref:t=>{t&&(this.textareaRef=t,o&&t&&t.focus())},class:"taro-textarea "+(n?"auto-height":""),value:e(t),placeholder:s,name:r,disabled:h,maxlength:a,autofocus:o,onInput:c,onFocus:l,onBlur:d,onChange:p,onKeyDown:this.handleKeyDown},u,g))}get el(){return h(this)}static get watchers(){return{autoFocus:["watchAutoFocus"],value:["watchValue"]}}};a.style="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}";export{a as T}