code-monkey-ui
Version:
A Component Library for Vue 3
384 lines (383 loc) • 18.8 kB
TypeScript
import type { Ref } from 'vue';
export declare function useOption(props: any, states: any): {
select: import("./token").DshSelectContext | undefined;
currentLabel: import("vue").ComputedRef<any>;
currentTip: import("vue").ComputedRef<any>;
currentValue: import("vue").ComputedRef<any>;
itemSelected: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<any>;
hoverItem: () => void;
checkBoxRef: Ref<({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
modelValue: string | number | boolean;
label: string | number | boolean | Record<string, any>;
id: string;
disabled: boolean;
name: string;
validateEvent: boolean;
border: boolean;
indeterminate: boolean;
checked: boolean;
trueLabel: string | number;
falseLabel: string | number;
controls: string;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
label: {
type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
name: {
type: StringConstructor;
default: undefined;
};
trueLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
falseLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
id: {
type: StringConstructor;
default: undefined;
};
controls: {
type: StringConstructor;
default: undefined;
};
border: BooleanConstructor;
size: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
tabindex: (NumberConstructor | StringConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
"onUpdate:modelValue"?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "label" | "id" | "disabled" | "name" | "validateEvent" | "border" | "indeterminate" | "checked" | "trueLabel" | "falseLabel" | "controls">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$emit: ((event: "change", val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => void) & ((event: "update:modelValue", val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => void);
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
label: {
type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
name: {
type: StringConstructor;
default: undefined;
};
trueLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
falseLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
id: {
type: StringConstructor;
default: undefined;
};
controls: {
type: StringConstructor;
default: undefined;
};
border: BooleanConstructor;
size: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
tabindex: (NumberConstructor | StringConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
"onUpdate:modelValue"?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
label: {
type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
name: {
type: StringConstructor;
default: undefined;
};
trueLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
falseLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
id: {
type: StringConstructor;
default: undefined;
};
controls: {
type: StringConstructor;
default: undefined;
};
border: BooleanConstructor;
size: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
tabindex: (NumberConstructor | StringConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
"onUpdate:modelValue"?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
}>>;
slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
inputId: Ref<string | undefined>;
isLabeledByFormItem: import("vue").ComputedRef<boolean>;
isChecked: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
isFocused: Ref<boolean>;
checkboxSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
hasOwnLabel: import("vue").ComputedRef<boolean>;
model: import("vue").WritableComputedRef<any>;
handleChange: (e: Event) => void;
onClickRoot: (e: MouseEvent) => Promise<void>;
ns: {
namespace: import("vue").ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): 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;
};
compKls: import("vue").ComputedRef<string[]>;
spanKls: import("vue").ComputedRef<string[]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => boolean;
change: (val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => boolean;
}, string, {
modelValue: string | number | boolean;
label: string | number | boolean | Record<string, any>;
id: string;
disabled: boolean;
name: string;
validateEvent: boolean;
border: boolean;
indeterminate: boolean;
checked: boolean;
trueLabel: string | number;
falseLabel: string | number;
controls: string;
}> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
label: {
type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
name: {
type: StringConstructor;
default: undefined;
};
trueLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
falseLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
id: {
type: StringConstructor;
default: undefined;
};
controls: {
type: StringConstructor;
default: undefined;
};
border: BooleanConstructor;
size: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
tabindex: (NumberConstructor | StringConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
"onUpdate:modelValue"?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
} & import("vue").ShallowUnwrapRef<{
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
label: {
type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
indeterminate: BooleanConstructor;
disabled: BooleanConstructor;
checked: BooleanConstructor;
name: {
type: StringConstructor;
default: undefined;
};
trueLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
falseLabel: {
type: (NumberConstructor | StringConstructor)[];
default: undefined;
};
id: {
type: StringConstructor;
default: undefined;
};
controls: {
type: StringConstructor;
default: undefined;
};
border: BooleanConstructor;
size: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
tabindex: (NumberConstructor | StringConstructor)[];
validateEvent: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
"onUpdate:modelValue"?: ((val: import("code-monkey-ui/es/components/checkbox").CheckboxValueType) => any) | undefined;
}>>;
slots: Readonly<{
[name: string]: import("vue").Slot | undefined;
}>;
inputId: Ref<string | undefined>;
isLabeledByFormItem: import("vue").ComputedRef<boolean>;
isChecked: import("vue").ComputedRef<boolean>;
isDisabled: import("vue").ComputedRef<boolean>;
isFocused: Ref<boolean>;
checkboxSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
hasOwnLabel: import("vue").ComputedRef<boolean>;
model: import("vue").WritableComputedRef<any>;
handleChange: (e: Event) => void;
onClickRoot: (e: MouseEvent) => Promise<void>;
ns: {
namespace: import("vue").ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): 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;
};
compKls: import("vue").ComputedRef<string[]>;
spanKls: import("vue").ComputedRef<string[]>;
}> & {} & import("vue").ComponentCustomProperties) | null>;
onlyThis: import("vue").ComputedRef<any>;
};