sard-uniapp
Version:
sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库
469 lines (468 loc) • 18.3 kB
TypeScript
import { type StyleValue } from 'vue';
import { type CascaderOption, type CascaderProps } from '../cascader/common';
import { type TransitionHookEmits } from '../popup/common';
export interface CascaderPopoutProps extends CascaderProps {
visible?: boolean;
title?: string;
showConfirm?: boolean;
validateEvent?: boolean;
popoutClass?: string;
popoutStyle?: StyleValue;
resettable?: boolean;
}
export declare const defaultCascaderPopoutProps: {
visible?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
title?: (string | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string)) | undefined;
showConfirm?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
validateEvent?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
popoutClass?: (string | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string)) | undefined;
popoutStyle?: (string | false | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
resettable?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
rootStyle?: (string | false | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
rootClass?: (string | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string)) | undefined;
modelValue?: (string | number | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string | number | (string | number)[] | (string | number)[][])) | undefined;
options?: ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => CascaderOption[]) | undefined;
fieldKeys?: ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => import("../cascader/common").CascaderFieldKeys) | undefined;
hintText?: (string | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => string)) | undefined;
labelRender?: (((option: CascaderOption) => string) | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => (option: CascaderOption) => string)) | undefined;
changeOnSelect?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
allLevels?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
multiple?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
checkStrictly?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
lazy?: (boolean | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => boolean)) | undefined;
load?: (((node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[]) | ((props: {
visible: boolean;
title: string;
showConfirm: boolean;
validateEvent: boolean;
popoutClass: string;
popoutStyle: StyleValue;
resettable: boolean;
rootStyle: StyleValue;
rootClass: string;
modelValue: import("../cascader/common").CascaderValue;
options: CascaderOption[];
fieldKeys: import("../cascader/common").CascaderFieldKeys;
hintText: string;
labelRender: (option: CascaderOption) => string;
changeOnSelect: boolean;
allLevels: boolean;
multiple: boolean;
checkStrictly: boolean;
lazy: boolean;
load: (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[];
}) => (node?: import("../cascader/common").CascaderStateNode) => Promise<CascaderOption[]> | CascaderOption[])) | undefined;
};
export interface CascaderPopoutSlots {
top?(props: {
tabIndex: number;
}): any;
}
export interface CascaderPopoutEmits extends TransitionHookEmits {
(e: 'update:visible', visible: boolean): void;
(e: 'update:model-value', value: any, selectedOptions: CascaderOption[]): void;
(e: 'change', value: any, selectedOptions: CascaderOption[]): void;
(e: 'select', option: CascaderOption, tabIndex: number): void;
(e: 'confirm'): void;
}
export interface CascaderPopoutExpose {
}