OfficialDakari
/
ReactMaterial3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some textfield update

This commit is contained in:
OfficialDakari 2025-04-03 18:07:23 +05:00
parent 68bbb38b82
commit 2ecb81105d
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
dist/src/components/TextField.d.ts vendored
View File

@ -1,4 +1,4 @@
import { default as React, FocusEvent, FormEvent } from 'react'; import { default as React, FocusEvent, FormEvent, KeyboardEvent, CompositionEvent } from 'react';
import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field'; import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field';
import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field'; import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field';
import { AriaProps } from '../types/aria'; import { AriaProps } from '../types/aria';
@ -39,4 +39,10 @@ export declare const TextField: React.ForwardRefExoticComponent<AriaProps & {
onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyDown?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyUp?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyPress?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionStart?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionUpdate?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionEnd?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
} & React.RefAttributes<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>>; } & React.RefAttributes<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>>;

8
src/components/TextField.tsx
View File

@ -1,4 +1,4 @@
import React, { forwardRef, FocusEvent, FormEvent } from 'react'; import React, { forwardRef, FocusEvent, FormEvent, KeyboardEvent, CompositionEvent } from 'react';
import { createComponent } from '@lit/react'; import { createComponent } from '@lit/react';
import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field'; import { MdFilledTextField as MdFilledTextFieldWebComponent } from '@material/web/textfield/filled-text-field';
import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field'; import { MdOutlinedTextField as MdOutlinedTextFieldWebComponent } from '@material/web/textfield/outlined-text-field';
@ -53,6 +53,12 @@ type TextFieldProps = AriaProps & {
onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onInput?: (e: FormEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onFocus?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void; onBlur?: (e: FocusEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyDown?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyUp?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onKeyPress?: (e: KeyboardEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionStart?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionUpdate?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
onCompositionEnd?: (e: CompositionEvent<MdFilledTextFieldWebComponent | MdOutlinedTextFieldWebComponent>) => void;
}; };
type FilledTextFieldProps = TextFieldProps & { type FilledTextFieldProps = TextFieldProps & {