@opensig/opendesign
Version:
129 lines (128 loc) • 3.41 kB
TypeScript
import { PopupPositionT, PopupTriggerT } from '../popup';
import { ExtractPropTypes, PropType } from 'vue';
import { SizeT, RoundT } from '../_utils/types';
export declare const dropdownProps: {
/**
* @zh-CN 弹出框是否可见
* @en-US Is the pop-up box visible
*/
visible: {
type: BooleanConstructor;
};
/**
* @zh-CN 非受控模式,弹出框是否默认可见
* @en-US In uncontrolled mode, is the pop-up box visible by default
* @default false
*/
defaultVisible: {
type: BooleanConstructor;
default: boolean;
};
/**
* @zh-CN 大小
* @en-US Size
* @default 'large'
*/
size: {
type: PropType<SizeT>;
default: string;
};
/**
* @zh-CN 圆角值
* @en-US Round
*/
round: {
type: PropType<RoundT>;
};
/**
* @zh-CN 下拉选项触发方式
* @en-US The triggering method of the drop-down option
* @default 'click'
*/
trigger: {
type: PropType<PopupTriggerT>;
default: string;
};
/**
* @zh-CN 下拉选项位置
* @en-US Drop-down option position
* @default 'bl'
*/
optionPosition: {
type: PropType<PopupPositionT>;
default: string;
};
/**
* @zh-CN 下拉选项宽度自适应规则 'auto':自动 | 'min-width':最小宽度与选择框一致 | 'width': 宽度与选择框一致
* @en-US Drop-down option width adaptation rules: 'auto': automatic; 'min-width': minimum width consistent with the selection box; 'width': width consistent with the selection box
* @default 'min-width'
*/
optionWidthMode: {
type: PropType<"auto" | "min-width" | "width">;
default: string;
};
/**
* @zh-CN 挂载容器,默认为body
* @en-US Mount the container, with the default being body
* @default 'body'
*/
optionsWrapper: {
type: PropType<string | HTMLElement | null>;
default: string;
};
/**
* @zh-CN 下拉容器自定义类
* @en-US Drop-down container custom class
*/
optionWrapClass: {
type: PropType<string | {
[k: string]: boolean;
} | Array<{
[k: string]: boolean;
} | string>>;
};
/**
* @zh-CN 是否在结束选择时,卸载下拉选项
* @en-US Whether to uninstall the drop-down options when ending the selection
* @default true
*/
unmountOnHide: {
type: BooleanConstructor;
default: boolean;
};
/**
* @zh-CN 过渡名称
* @en-US Transitional name
*/
transition: {
type: StringConstructor;
};
};
export type DropdownPropsT = ExtractPropTypes<typeof dropdownProps>;
export declare const dropdownItemProps: {
/**
* @zh-CN 选项显示文本
* @en-US The option displays text.
*/
label: {
type: StringConstructor;
default: string;
};
/**
* @zh-CN 选项选中值
* @en-US Selected value of the option
*/
value: {
type: PropType<string | number>;
default: string;
};
/**
* @zh-CN 是否禁用
* @en-US Whether to disable
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
};
export type DropdownItemPropsT = ExtractPropTypes<typeof dropdownItemProps>;