UNPKG

tdesign-mobile-vue

Version:
770 lines (769 loc) 29.3 kB
import './style'; import { TdCheckboxProps, TdCheckboxGroupProps } from './type'; export * from './type'; export type CheckboxProps = TdCheckboxProps; export type CheckboxGroupProps = TdCheckboxGroupProps; export declare const Checkbox: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:checked"?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:checked" | "update:modelValue")[], import("vue").PublicProps, { block: boolean; borderless: boolean; checkAll: boolean; checked: boolean; modelValue: boolean; defaultChecked: boolean; contentDisabled: boolean; disabled: boolean; icon: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; indeterminate: boolean; maxContentRow: number; maxLabelRow: number; name: string; placement: "left" | "right"; readonly: boolean; }, true, {}, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:checked"?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { block: boolean; borderless: boolean; checkAll: boolean; checked: boolean; modelValue: boolean; defaultChecked: boolean; contentDisabled: boolean; disabled: boolean; icon: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; indeterminate: boolean; maxContentRow: number; maxLabelRow: number; name: string; placement: "left" | "right"; readonly: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:checked"?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:checked" | "update:modelValue")[], "change" | "update:checked" | "update:modelValue", { block: boolean; borderless: boolean; checkAll: boolean; checked: boolean; modelValue: boolean; defaultChecked: boolean; contentDisabled: boolean; disabled: boolean; icon: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; indeterminate: boolean; maxContentRow: number; maxLabelRow: number; name: string; placement: "left" | "right"; readonly: boolean; }, {}, string, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export declare const CheckboxGroup: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; keys: { type: import("vue").PropType<import("@/common").KeysType>; }; max: { type: NumberConstructor; default: any; }; name: { type: StringConstructor; default: string; }; options: { type: import("vue").PropType<import("@/components").CheckboxOption[]>; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; modelValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; defaultValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: () => import("@/components").CheckboxGroupValue; }; onChange: import("vue").PropType<(value: import("@/components").CheckboxGroupValue, context: import("@/components").CheckboxGroupChangeContext) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:value"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:value")[], import("vue").PublicProps, { borderless: boolean; disabled: boolean; max: number; name: string; readonly: boolean; value: import("@/components").CheckboxGroupValue; modelValue: import("@/components").CheckboxGroupValue; defaultValue: import("@/components").CheckboxGroupValue; }, true, {}, {}, { Checkbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:checked" | "update:modelValue")[], "change" | "update:checked" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:checked"?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; }>, { block: boolean; borderless: boolean; checkAll: boolean; checked: boolean; modelValue: boolean; defaultChecked: boolean; contentDisabled: boolean; disabled: boolean; icon: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; indeterminate: boolean; maxContentRow: number; maxLabelRow: number; name: string; placement: "left" | "right"; readonly: boolean; }, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; keys: { type: import("vue").PropType<import("@/common").KeysType>; }; max: { type: NumberConstructor; default: any; }; name: { type: StringConstructor; default: string; }; options: { type: import("vue").PropType<import("@/components").CheckboxOption[]>; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; modelValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; defaultValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: () => import("@/components").CheckboxGroupValue; }; onChange: import("vue").PropType<(value: import("@/components").CheckboxGroupValue, context: import("@/components").CheckboxGroupChangeContext) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:value"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { borderless: boolean; disabled: boolean; max: number; name: string; readonly: boolean; value: import("@/components").CheckboxGroupValue; modelValue: import("@/components").CheckboxGroupValue; defaultValue: import("@/components").CheckboxGroupValue; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ borderless: BooleanConstructor; disabled: { type: BooleanConstructor; default: any; }; keys: { type: import("vue").PropType<import("@/common").KeysType>; }; max: { type: NumberConstructor; default: any; }; name: { type: StringConstructor; default: string; }; options: { type: import("vue").PropType<import("@/components").CheckboxOption[]>; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; modelValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: import("@/components").CheckboxGroupValue; }; defaultValue: { type: import("vue").PropType<import("@/components").CheckboxGroupValue>; default: () => import("@/components").CheckboxGroupValue; }; onChange: import("vue").PropType<(value: import("@/components").CheckboxGroupValue, context: import("@/components").CheckboxGroupChangeContext) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; "onUpdate:value"?: (...args: any[]) => any; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:value")[], "change" | "update:modelValue" | "update:value", { borderless: boolean; disabled: boolean; max: number; name: string; readonly: boolean; value: import("@/components").CheckboxGroupValue; modelValue: import("@/components").CheckboxGroupValue; defaultValue: import("@/components").CheckboxGroupValue; }, {}, string, {}, { Checkbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:checked" | "update:modelValue")[], "change" | "update:checked" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ block: { type: BooleanConstructor; default: boolean; }; borderless: { type: BooleanConstructor; default: any; }; checkAll: BooleanConstructor; checked: { type: BooleanConstructor; default: any; }; modelValue: { type: BooleanConstructor; default: any; }; defaultChecked: BooleanConstructor; content: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; contentDisabled: BooleanConstructor; default: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; disabled: { type: BooleanConstructor; default: any; }; icon: { type: import("vue").PropType<"circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]>; default: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; }; indeterminate: BooleanConstructor; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>; }; maxContentRow: { type: NumberConstructor; default: number; }; maxLabelRow: { type: NumberConstructor; default: number; }; name: { type: StringConstructor; default: string; }; placement: { type: import("vue").PropType<"left" | "right">; default: "left" | "right"; validator(val: "left" | "right"): boolean; }; readonly: { type: BooleanConstructor; default: any; }; value: { type: import("vue").PropType<string | number | boolean>; }; onChange: import("vue").PropType<(checked: boolean, context: { e: Event; }) => void>; }>> & Readonly<{ onChange?: (...args: any[]) => any; "onUpdate:checked"?: (...args: any[]) => any; "onUpdate:modelValue"?: (...args: any[]) => any; }>, { block: boolean; borderless: boolean; checkAll: boolean; checked: boolean; modelValue: boolean; defaultChecked: boolean; contentDisabled: boolean; disabled: boolean; icon: "circle" | "line" | "rectangle" | boolean | (String | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue))[]; indeterminate: boolean; maxContentRow: number; maxLabelRow: number; name: string; placement: "left" | "right"; readonly: boolean; }, {}, { TNode: { (props: { content: any; }): any; props: string[]; }; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin; export default Checkbox;