xdesign-vue-next
Version:
XDesign Component for vue-next
100 lines (99 loc) • 4.38 kB
TypeScript
import { DropdownOption } from './type';
declare const _default: import("vue").DefineComponent<{
direction: {
type: import("vue").PropType<"left" | "right">;
default: "left" | "right";
validator(val: "left" | "right"): boolean;
};
disabled: BooleanConstructor;
hideAfterItemClick: {
type: BooleanConstructor;
default: boolean;
};
maxColumnWidth: {
type: import("vue").PropType<string | number>;
default: number;
};
maxHeight: {
type: NumberConstructor;
default: number;
};
minColumnWidth: {
type: import("vue").PropType<string | number>;
default: number;
};
options: {
type: import("vue").PropType<DropdownOption[]>;
default: () => DropdownOption[];
};
placement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: "left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
validator(val: "left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom"): boolean;
};
popupProps: {
type: import("vue").PropType<import("../popup/type").TdPopupProps>;
};
trigger: {
type: import("vue").PropType<"click" | "focus" | "context-menu" | "hover">;
default: "click" | "focus" | "context-menu" | "hover";
validator(val: "click" | "focus" | "context-menu" | "hover"): boolean;
};
onClick: import("vue").PropType<(dropdownItem: DropdownOption, context: {
e: MouseEvent;
}) => void>;
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
direction: {
type: import("vue").PropType<"left" | "right">;
default: "left" | "right";
validator(val: "left" | "right"): boolean;
};
disabled: BooleanConstructor;
hideAfterItemClick: {
type: BooleanConstructor;
default: boolean;
};
maxColumnWidth: {
type: import("vue").PropType<string | number>;
default: number;
};
maxHeight: {
type: NumberConstructor;
default: number;
};
minColumnWidth: {
type: import("vue").PropType<string | number>;
default: number;
};
options: {
type: import("vue").PropType<DropdownOption[]>;
default: () => DropdownOption[];
};
placement: {
type: import("vue").PropType<"left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom">;
default: "left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
validator(val: "left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom"): boolean;
};
popupProps: {
type: import("vue").PropType<import("../popup/type").TdPopupProps>;
};
trigger: {
type: import("vue").PropType<"click" | "focus" | "context-menu" | "hover">;
default: "click" | "focus" | "context-menu" | "hover";
validator(val: "click" | "focus" | "context-menu" | "hover"): boolean;
};
onClick: import("vue").PropType<(dropdownItem: DropdownOption, context: {
e: MouseEvent;
}) => void>;
}>>, {
direction: "left" | "right";
maxHeight: number;
disabled: boolean;
options: DropdownOption[];
trigger: "click" | "focus" | "context-menu" | "hover";
placement: "left" | "top" | "bottom" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
maxColumnWidth: string | number;
minColumnWidth: string | number;
hideAfterItemClick: boolean;
}, {}>;
export default _default;