@seemusic/ui-components
Version:
A Vue 3 UI Library. Uses Composable.
439 lines (438 loc) • 22.8 kB
TypeScript
import type { LooseRequired } from '@vue/shared';
import type { InputAutoSize, FormContext, FormItemContext } from 'element-plus';
import type { DefineComponent, PropType, CSSProperties, StyleValue, ExtractPropTypes, Slot, ComputedRef, Ref, ShallowRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
import type { SFCWithInstall, EpPropFinalized, EpPropMergeType, Mutable } from 'element-plus/es/utils';
declare const _sfc_main: SFCWithInstall<DefineComponent<{
readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly parser: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly placeholder: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly form: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly suffixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>;
readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}, {
props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly parser: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly placeholder: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly form: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly suffixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>;
readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}>> & {
onChange?: (value: string) => any;
"onUpdate:modelValue"?: (value: string) => any;
onInput?: (value: string) => any;
onBlur?: (evt: FocusEvent) => any;
onFocus?: (evt: FocusEvent) => any;
onClear?: () => any;
onCompositionend?: (evt: CompositionEvent) => any;
onCompositionstart?: (evt: CompositionEvent) => any;
onCompositionupdate?: (evt: CompositionEvent) => any;
onKeydown?: (evt: Event | KeyboardEvent) => any;
onMouseenter?: (evt: MouseEvent) => any;
onMouseleave?: (evt: MouseEvent) => any;
}>>;
emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "clear") => void);
rawAttrs: {
[x: string]: unknown;
};
slots: Readonly<{
[name: string]: Slot<any>;
}>;
containerAttrs: ComputedRef<Record<string, unknown>>;
containerKls: ComputedRef<unknown[]>;
wrapperKls: ComputedRef<string[]>;
attrs: ComputedRef<Record<string, unknown>>;
form: FormContext;
formItem: FormItemContext;
inputId: Ref<string>;
inputSize: ComputedRef<"" | "default" | "small" | "large">;
inputDisabled: ComputedRef<boolean>;
nsInput: {
namespace: ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string) => string;
m: (modifier?: string) => string;
be: (blockSuffix?: string, element?: string) => string;
em: (element?: string, modifier?: string) => string;
bm: (blockSuffix?: string, modifier?: string) => string;
bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
is: {
(name: string, state: boolean): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
nsTextarea: {
namespace: ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string) => string;
m: (modifier?: string) => string;
be: (blockSuffix?: string, element?: string) => string;
em: (element?: string, modifier?: string) => string;
bm: (blockSuffix?: string, modifier?: string) => string;
bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
is: {
(name: string, state: boolean): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
input: ShallowRef<HTMLInputElement>;
textarea: ShallowRef<HTMLTextAreaElement>;
hovering: Ref<boolean>;
isComposing: Ref<boolean>;
passwordVisible: Ref<boolean>;
countStyle: Ref<StyleValue>;
textareaCalcStyle: ShallowRef<StyleValue>;
_ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement>;
wrapperRef: ShallowRef<HTMLElement>;
isFocused: Ref<boolean>;
handleFocus: (event: FocusEvent) => void;
handleBlur: (event: FocusEvent) => void;
needStatusIcon: ComputedRef<boolean>;
validateState: ComputedRef<"" | "success" | "error" | "validating">;
validateIcon: ComputedRef<any>;
passwordIcon: ComputedRef<any>;
containerStyle: ComputedRef<StyleValue>;
textareaStyle: ComputedRef<StyleValue>;
nativeInputValue: ComputedRef<string>;
showClear: ComputedRef<boolean>;
showPwdVisible: ComputedRef<boolean>;
isWordLimitVisible: ComputedRef<boolean>;
textLength: ComputedRef<number>;
inputExceed: ComputedRef<boolean>;
suffixVisible: ComputedRef<boolean>;
recordCursor: () => void;
setCursor: () => void;
resizeTextarea: () => void;
createOnceInitResize: (resizeTextarea: () => void) => () => void;
onceInitSizeTextarea: () => void;
setNativeInputValue: () => void;
handleInput: (event: Event) => Promise<void>;
handleChange: (event: Event) => void;
handleCompositionStart: (event: CompositionEvent) => void;
handleCompositionUpdate: (event: CompositionEvent) => void;
handleCompositionEnd: (event: CompositionEvent) => void;
handlePasswordVisible: () => void;
focus: () => Promise<void>;
blur: () => void;
handleMouseLeave: (evt: MouseEvent) => void;
handleMouseEnter: (evt: MouseEvent) => void;
handleKeydown: (evt: KeyboardEvent) => void;
select: () => void;
clear: () => void;
ElIcon: SFCWithInstall<DefineComponent<{
readonly size: {
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly color: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, {
props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
readonly size: {
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly color: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>> & {
[x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
ns: {
namespace: ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string) => string;
m: (modifier?: string) => string;
be: (blockSuffix?: string, element?: string) => string;
em: (element?: string, modifier?: string) => string;
bm: (blockSuffix?: string, modifier?: string) => string;
bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
is: {
(name: string, state: boolean): string;
(name: string): string;
};
cssVar: (object: Record<string, string>) => Record<string, string>;
cssVarName: (name: string) => string;
cssVarBlock: (object: Record<string, string>) => Record<string, string>;
cssVarBlockName: (name: string) => string;
};
style: ComputedRef<CSSProperties>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
readonly size: {
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly color: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>>, {}, {}>> & Record<string, any>;
CircleClose: any;
NOOP: () => void;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"update:modelValue": (value: string) => boolean;
input: (value: string) => boolean;
change: (value: string) => boolean;
focus: (evt: FocusEvent) => boolean;
blur: (evt: FocusEvent) => boolean;
clear: () => boolean;
mouseleave: (evt: MouseEvent) => boolean;
mouseenter: (evt: MouseEvent) => boolean;
keydown: (evt: Event | KeyboardEvent) => boolean;
compositionstart: (evt: CompositionEvent) => boolean;
compositionupdate: (evt: CompositionEvent) => boolean;
compositionend: (evt: CompositionEvent) => boolean;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
readonly id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
readonly type: EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly autosize: EpPropFinalized<(new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize) | ((new (...args: any[]) => boolean | {
minRows?: number;
maxRows?: number;
}) | (() => InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly parser: {
readonly type: PropType<Function>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly placeholder: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly form: {
readonly type: PropType<string>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly readonly: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showPassword: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showWordLimit: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly suffixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly containerRole: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly label: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: EpPropFinalized<(new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown, () => Mutable<{}>, boolean>;
readonly autofocus: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}>> & {
onChange?: (value: string) => any;
"onUpdate:modelValue"?: (value: string) => any;
onInput?: (value: string) => any;
onBlur?: (evt: FocusEvent) => any;
onFocus?: (evt: FocusEvent) => any;
onClear?: () => any;
onCompositionend?: (evt: CompositionEvent) => any;
onCompositionstart?: (evt: CompositionEvent) => any;
onCompositionupdate?: (evt: CompositionEvent) => any;
onKeydown?: (evt: Event | KeyboardEvent) => any;
onMouseenter?: (evt: MouseEvent) => any;
onMouseleave?: (evt: MouseEvent) => any;
}, {
readonly type: string;
readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
readonly label: string;
readonly id: string;
readonly disabled: boolean;
readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly autosize: InputAutoSize;
readonly autocomplete: string;
readonly readonly: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly showPassword: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly showWordLimit: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly containerRole: string;
readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: StyleValue;
readonly autofocus: EpPropMergeType<BooleanConstructor, unknown, unknown>;
}, {}>> & Record<string, any>;
export default _sfc_main;