routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+601
@@ -0,0 +1,601 @@
|
||||
export declare const makeVRadioProps: <Defaults extends {
|
||||
theme?: unknown;
|
||||
class?: unknown;
|
||||
style?: unknown;
|
||||
density?: unknown;
|
||||
color?: unknown;
|
||||
disabled?: unknown;
|
||||
defaultsTarget?: unknown;
|
||||
error?: unknown;
|
||||
id?: unknown;
|
||||
inline?: unknown;
|
||||
falseIcon?: unknown;
|
||||
trueIcon?: unknown;
|
||||
ripple?: unknown;
|
||||
multiple?: unknown;
|
||||
name?: unknown;
|
||||
readonly?: unknown;
|
||||
modelValue?: unknown;
|
||||
type?: unknown;
|
||||
valueComparator?: unknown;
|
||||
label?: unknown;
|
||||
baseColor?: unknown;
|
||||
trueValue?: unknown;
|
||||
falseValue?: unknown;
|
||||
value?: unknown;
|
||||
} = {}>(defaults?: Defaults | undefined) => {
|
||||
theme: unknown extends Defaults["theme"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
|
||||
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
|
||||
};
|
||||
class: unknown extends Defaults["class"] ? import("vue").PropType<any> : {
|
||||
type: import("vue").PropType<unknown extends Defaults["class"] ? any : any>;
|
||||
default: unknown extends Defaults["class"] ? any : any;
|
||||
};
|
||||
style: unknown extends Defaults["style"] ? {
|
||||
type: import("vue").PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | import("vue").StyleValue>;
|
||||
default: unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | NonNullable<import("vue").StyleValue>;
|
||||
};
|
||||
density: unknown extends Defaults["density"] ? {
|
||||
type: import("vue").PropType<import("../../composables/density.js").Density>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<import("../../composables/density.js").Density>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | import("../../composables/density.js").Density>;
|
||||
default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | NonNullable<import("../../composables/density.js").Density>;
|
||||
};
|
||||
color: unknown extends Defaults["color"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
|
||||
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
|
||||
};
|
||||
disabled: unknown extends Defaults["disabled"] ? {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["disabled"] ? boolean | null : boolean | Defaults["disabled"] | null>;
|
||||
default: unknown extends Defaults["disabled"] ? boolean | null : Defaults["disabled"] | NonNullable<boolean | null>;
|
||||
};
|
||||
defaultsTarget: unknown extends Defaults["defaultsTarget"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["defaultsTarget"] ? string : string | Defaults["defaultsTarget"]>;
|
||||
default: unknown extends Defaults["defaultsTarget"] ? string : string | Defaults["defaultsTarget"];
|
||||
};
|
||||
error: unknown extends Defaults["error"] ? BooleanConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
|
||||
default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"];
|
||||
};
|
||||
id: unknown extends Defaults["id"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["id"] ? string : string | Defaults["id"]>;
|
||||
default: unknown extends Defaults["id"] ? string : string | Defaults["id"];
|
||||
};
|
||||
inline: unknown extends Defaults["inline"] ? BooleanConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"]>;
|
||||
default: unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"];
|
||||
};
|
||||
falseIcon: unknown extends Defaults["falseIcon"] ? {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : Defaults["falseIcon"] | import("../../composables/icons.js").IconValue>;
|
||||
default: unknown extends Defaults["falseIcon"] ? import("../../composables/icons.js").IconValue : Defaults["falseIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
trueIcon: unknown extends Defaults["trueIcon"] ? {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : Defaults["trueIcon"] | import("../../composables/icons.js").IconValue>;
|
||||
default: unknown extends Defaults["trueIcon"] ? import("../../composables/icons.js").IconValue : Defaults["trueIcon"] | NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
ripple: unknown extends Defaults["ripple"] ? {
|
||||
type: import("vue").PropType<boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined>;
|
||||
default: boolean;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined>;
|
||||
default: boolean;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined : boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | Defaults["ripple"] | undefined>;
|
||||
default: unknown extends Defaults["ripple"] ? boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined : Defaults["ripple"] | NonNullable<boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined>;
|
||||
};
|
||||
multiple: unknown extends Defaults["multiple"] ? {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["multiple"] ? boolean | null : boolean | Defaults["multiple"] | null>;
|
||||
default: unknown extends Defaults["multiple"] ? boolean | null : Defaults["multiple"] | NonNullable<boolean | null>;
|
||||
};
|
||||
name: unknown extends Defaults["name"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["name"] ? string : string | Defaults["name"]>;
|
||||
default: unknown extends Defaults["name"] ? string : string | Defaults["name"];
|
||||
};
|
||||
readonly: unknown extends Defaults["readonly"] ? {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["readonly"] ? boolean | null : boolean | Defaults["readonly"] | null>;
|
||||
default: unknown extends Defaults["readonly"] ? boolean | null : Defaults["readonly"] | NonNullable<boolean | null>;
|
||||
};
|
||||
modelValue: unknown extends Defaults["modelValue"] ? null : {
|
||||
type: import("vue").PropType<unknown extends Defaults["modelValue"] ? any : any>;
|
||||
default: unknown extends Defaults["modelValue"] ? any : any;
|
||||
};
|
||||
type: unknown extends Defaults["type"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["type"] ? string : string | Defaults["type"]>;
|
||||
default: unknown extends Defaults["type"] ? string : string | Defaults["type"];
|
||||
};
|
||||
valueComparator: unknown extends Defaults["valueComparator"] ? {
|
||||
type: import("vue").PropType<import("../../util/index.js").ValueComparator>;
|
||||
default: typeof import("../../util/index.js").deepEqual;
|
||||
} : Omit<{
|
||||
type: import("vue").PropType<import("../../util/index.js").ValueComparator>;
|
||||
default: typeof import("../../util/index.js").deepEqual;
|
||||
}, "default" | "type"> & {
|
||||
type: import("vue").PropType<unknown extends Defaults["valueComparator"] ? import("../../util/index.js").ValueComparator : import("../../util/index.js").ValueComparator | Defaults["valueComparator"]>;
|
||||
default: unknown extends Defaults["valueComparator"] ? import("../../util/index.js").ValueComparator : import("../../util/index.js").ValueComparator | Defaults["valueComparator"];
|
||||
};
|
||||
label: unknown extends Defaults["label"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
|
||||
default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
|
||||
};
|
||||
baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
|
||||
type: import("vue").PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
|
||||
default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
|
||||
};
|
||||
trueValue: unknown extends Defaults["trueValue"] ? null : {
|
||||
type: import("vue").PropType<unknown extends Defaults["trueValue"] ? any : any>;
|
||||
default: unknown extends Defaults["trueValue"] ? any : any;
|
||||
};
|
||||
falseValue: unknown extends Defaults["falseValue"] ? null : {
|
||||
type: import("vue").PropType<unknown extends Defaults["falseValue"] ? any : any>;
|
||||
default: unknown extends Defaults["falseValue"] ? any : any;
|
||||
};
|
||||
value: unknown extends Defaults["value"] ? null : {
|
||||
type: import("vue").PropType<unknown extends Defaults["value"] ? any : any>;
|
||||
default: unknown extends Defaults["value"] ? any : any;
|
||||
};
|
||||
};
|
||||
export declare const VRadio: {
|
||||
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
};
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
color?: string | undefined;
|
||||
defaultsTarget?: string | undefined;
|
||||
id?: string | undefined;
|
||||
name?: string | undefined;
|
||||
modelValue?: any;
|
||||
type?: string | undefined;
|
||||
label?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
trueValue?: any;
|
||||
falseValue?: any;
|
||||
value?: any;
|
||||
} & {
|
||||
$children?: {
|
||||
default?: ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | {
|
||||
$stable?: boolean;
|
||||
} | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | import("vue").VNodeChild;
|
||||
'v-slots'?: {
|
||||
default?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | undefined;
|
||||
} & {
|
||||
"v-slot:default"?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:input"?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:label"?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
|
||||
style: import("vue").StyleValue;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined;
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
}, true, {}, import("vue").SlotsType<Partial<{
|
||||
default: (arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
label: (arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
input: (arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
||||
P: {};
|
||||
B: {};
|
||||
D: {};
|
||||
C: {};
|
||||
M: {};
|
||||
Defaults: {};
|
||||
}, {
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
};
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
color?: string | undefined;
|
||||
defaultsTarget?: string | undefined;
|
||||
id?: string | undefined;
|
||||
name?: string | undefined;
|
||||
modelValue?: any;
|
||||
type?: string | undefined;
|
||||
label?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
trueValue?: any;
|
||||
falseValue?: any;
|
||||
value?: any;
|
||||
} & {
|
||||
$children?: {
|
||||
default?: ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | {
|
||||
$stable?: boolean;
|
||||
} | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | import("vue").VNodeChild;
|
||||
'v-slots'?: {
|
||||
default?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | undefined;
|
||||
} & {
|
||||
"v-slot:default"?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:input"?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:label"?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
}, {}, {}, {}, {}, {
|
||||
style: import("vue").StyleValue;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined;
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
}>;
|
||||
__isFragment?: never;
|
||||
__isTeleport?: never;
|
||||
__isSuspense?: never;
|
||||
} & import("vue").ComponentOptionsBase<{
|
||||
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
};
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
} & {
|
||||
theme?: string | undefined;
|
||||
class?: any;
|
||||
color?: string | undefined;
|
||||
defaultsTarget?: string | undefined;
|
||||
id?: string | undefined;
|
||||
name?: string | undefined;
|
||||
modelValue?: any;
|
||||
type?: string | undefined;
|
||||
label?: string | undefined;
|
||||
baseColor?: string | undefined;
|
||||
trueValue?: any;
|
||||
falseValue?: any;
|
||||
value?: any;
|
||||
} & {
|
||||
$children?: {
|
||||
default?: ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | {
|
||||
$stable?: boolean;
|
||||
} | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | import("vue").VNodeChild;
|
||||
'v-slots'?: {
|
||||
default?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
label?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
input?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
} | undefined;
|
||||
} & {
|
||||
"v-slot:default"?: false | ((arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:input"?: false | ((arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNodeChild) | undefined;
|
||||
"v-slot:label"?: false | ((arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNodeChild) | undefined;
|
||||
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
||||
style: import("vue").StyleValue;
|
||||
density: import("../../composables/density.js").Density;
|
||||
disabled: boolean | null;
|
||||
error: boolean;
|
||||
inline: boolean;
|
||||
falseIcon: import("../../composables/icons.js").IconValue;
|
||||
trueIcon: import("../../composables/icons.js").IconValue;
|
||||
ripple: boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined;
|
||||
multiple: boolean | null;
|
||||
readonly: boolean | null;
|
||||
valueComparator: import("../../util/index.js").ValueComparator;
|
||||
}, {}, string, import("vue").SlotsType<Partial<{
|
||||
default: (arg: {
|
||||
backgroundColorClasses: import("vue").Ref<string[], string[]>;
|
||||
backgroundColorStyles: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
label: (arg: {
|
||||
label: string | undefined;
|
||||
props: Record<string, unknown>;
|
||||
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
input: (arg: import("../VSelectionControl/VSelectionControl.js").SelectionControlSlot) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>[];
|
||||
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("../../util/index.js").FilterPropsOptions<{
|
||||
theme: StringConstructor;
|
||||
class: import("vue").PropType<any>;
|
||||
style: {
|
||||
type: import("vue").PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
density: {
|
||||
type: import("vue").PropType<import("../../composables/density.js").Density>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
};
|
||||
color: StringConstructor;
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
defaultsTarget: StringConstructor;
|
||||
error: BooleanConstructor;
|
||||
id: StringConstructor;
|
||||
inline: BooleanConstructor;
|
||||
falseIcon: {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
trueIcon: {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
ripple: {
|
||||
type: import("vue").PropType<boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined>;
|
||||
default: boolean;
|
||||
};
|
||||
multiple: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
name: StringConstructor;
|
||||
readonly: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
modelValue: null;
|
||||
type: StringConstructor;
|
||||
valueComparator: {
|
||||
type: import("vue").PropType<import("../../util/index.js").ValueComparator>;
|
||||
default: typeof import("../../util/index.js").deepEqual;
|
||||
};
|
||||
label: StringConstructor;
|
||||
baseColor: StringConstructor;
|
||||
trueValue: null;
|
||||
falseValue: null;
|
||||
value: null;
|
||||
}, import("vue").ExtractPropTypes<{
|
||||
theme: StringConstructor;
|
||||
class: import("vue").PropType<any>;
|
||||
style: {
|
||||
type: import("vue").PropType<import("vue").StyleValue>;
|
||||
default: null;
|
||||
};
|
||||
density: {
|
||||
type: import("vue").PropType<import("../../composables/density.js").Density>;
|
||||
default: string;
|
||||
validator: (v: any) => boolean;
|
||||
};
|
||||
color: StringConstructor;
|
||||
disabled: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
defaultsTarget: StringConstructor;
|
||||
error: BooleanConstructor;
|
||||
id: StringConstructor;
|
||||
inline: BooleanConstructor;
|
||||
falseIcon: {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
trueIcon: {
|
||||
type: import("vue").PropType<import("../../composables/icons.js").IconValue>;
|
||||
default: NonNullable<import("../../composables/icons.js").IconValue>;
|
||||
};
|
||||
ripple: {
|
||||
type: import("vue").PropType<boolean | {
|
||||
class?: string;
|
||||
keys?: string[];
|
||||
} | undefined>;
|
||||
default: boolean;
|
||||
};
|
||||
multiple: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
name: StringConstructor;
|
||||
readonly: {
|
||||
type: import("vue").PropType<boolean | null>;
|
||||
default: null;
|
||||
};
|
||||
modelValue: null;
|
||||
type: StringConstructor;
|
||||
valueComparator: {
|
||||
type: import("vue").PropType<import("../../util/index.js").ValueComparator>;
|
||||
default: typeof import("../../util/index.js").deepEqual;
|
||||
};
|
||||
label: StringConstructor;
|
||||
baseColor: StringConstructor;
|
||||
trueValue: null;
|
||||
falseValue: null;
|
||||
value: null;
|
||||
}>>;
|
||||
export type VRadio = InstanceType<typeof VRadio>;
|
||||
+28
@@ -0,0 +1,28 @@
|
||||
import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
|
||||
// Components
|
||||
import { makeVSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.js"; // Utilities
|
||||
import { genericComponent, propsFactory, useRender } from "../../util/index.js"; // Types
|
||||
export const makeVRadioProps = propsFactory({
|
||||
...makeVSelectionControlProps({
|
||||
falseIcon: '$radioOff',
|
||||
trueIcon: '$radioOn'
|
||||
})
|
||||
}, 'VRadio');
|
||||
export const VRadio = genericComponent()({
|
||||
name: 'VRadio',
|
||||
props: makeVRadioProps(),
|
||||
setup(props, {
|
||||
slots
|
||||
}) {
|
||||
useRender(() => {
|
||||
const controlProps = VSelectionControl.filterProps(props);
|
||||
return _createVNode(VSelectionControl, _mergeProps(controlProps, {
|
||||
"class": ['v-radio', props.class],
|
||||
"style": props.style,
|
||||
"type": "radio"
|
||||
}), slots);
|
||||
});
|
||||
return {};
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VRadio.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"VRadio.js","names":["makeVSelectionControlProps","VSelectionControl","genericComponent","propsFactory","useRender","makeVRadioProps","falseIcon","trueIcon","VRadio","name","props","setup","slots","controlProps","filterProps","_createVNode","_mergeProps","class","style"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeVSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const makeVRadioProps = propsFactory({\n ...makeVSelectionControlProps({\n falseIcon: '$radioOff',\n trueIcon: '$radioOn',\n }),\n}, 'VRadio')\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\n name: 'VRadio',\n\n props: makeVRadioProps(),\n\n setup (props, { slots }) {\n useRender(() => {\n const controlProps = VSelectionControl.filterProps(props)\n\n return (\n <VSelectionControl\n { ...controlProps }\n class={[\n 'v-radio',\n props.class,\n ]}\n style={ props.style }\n type=\"radio\"\n v-slots={ slots }\n />\n )\n })\n\n return {}\n },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;AAAA,SACSA,0BAA0B,EAAEC,iBAAiB,qDAEtD;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAGA,OAAO,MAAMC,eAAe,GAAGF,YAAY,CAAC;EAC1C,GAAGH,0BAA0B,CAAC;IAC5BM,SAAS,EAAE,WAAW;IACtBC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC,EAAE,QAAQ,CAAC;AAEZ,OAAO,MAAMC,MAAM,GAAGN,gBAAgB,CAAyB,CAAC,CAAC;EAC/DO,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAEL,eAAe,CAAC,CAAC;EAExBM,KAAKA,CAAED,KAAK,EAAE;IAAEE;EAAM,CAAC,EAAE;IACvBR,SAAS,CAAC,MAAM;MACd,MAAMS,YAAY,GAAGZ,iBAAiB,CAACa,WAAW,CAACJ,KAAK,CAAC;MAEzD,OAAAK,YAAA,CAAAd,iBAAA,EAAAe,WAAA,CAESH,YAAY;QAAA,SACV,CACL,SAAS,EACTH,KAAK,CAACO,KAAK,CACZ;QAAA,SACOP,KAAK,CAACQ,KAAK;QAAA;MAAA,IAETN,KAAK;IAGrB,CAAC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
||||
+1
@@ -0,0 +1 @@
|
||||
export { VRadio } from './VRadio.js';
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
export { VRadio } from "./VRadio.js";
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","names":["VRadio"],"sources":["../../../src/components/VRadio/index.ts"],"sourcesContent":["export { VRadio } from './VRadio'\n"],"mappings":"SAASA,MAAM","ignoreList":[]}
|
||||
Reference in New Issue
Block a user