UNPKG

@seemusic/ui-components

Version:

A Vue 3 UI Library. Uses Composable.

439 lines (438 loc) 22.8 kB
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;