UNPKG

@arco-design/web-vue

Version:

Arco Design Vue 2.0: A Vue.js 3 UI Library

862 lines (861 loc) 30.6 kB
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ title: { type: StringConstructor; }; selectable: { type: BooleanConstructor; }; isChildrenSelected: { type: BooleanConstructor; }; popupMaxHeight: { type: (BooleanConstructor | NumberConstructor)[]; default: undefined; }; }>, { menuPrefixCls: import("vue").ComputedRef<string | undefined>; mode: import("vue").ComputedRef<import("./interface").MenuMode | undefined>; level: import("vue").ComputedRef<number>; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; isSelected: import("vue").ComputedRef<boolean>; selectedKeys: import("vue").ComputedRef<string[]>; needPopOnBottom: import("vue").ComputedRef<boolean>; popVisible: import("vue").Ref<boolean, boolean>; triggerPrefixCls: string; triggerClassNames: import("vue").ComputedRef<any[]>; triggerProps: import("vue").ComputedRef<Omit<import("../trigger").TriggerProps, "class">>; menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "mode" | "tooltipProps" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & { selectedKeys: string[]; openKeys: string[]; prefixCls: string; collapsed: boolean; expandIconDown?: (() => import("vue").VNodeTypes) | undefined; expandIconRight?: (() => import("vue").VNodeTypes) | undefined; onSubMenuClick?: ((key: string, level: number) => void) | undefined; onMenuItemClick?: ((key: string) => void) | undefined; }>>; popupMenuStyles: import("vue").ComputedRef<{ maxHeight: string; } | { maxHeight?: undefined; }>; onClick: () => void; onMenuItemClick: (key: string) => void; onVisibleChange: (visible: boolean) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ title: { type: StringConstructor; }; selectable: { type: BooleanConstructor; }; isChildrenSelected: { type: BooleanConstructor; }; popupMaxHeight: { type: (BooleanConstructor | NumberConstructor)[]; default: undefined; }; }>> & Readonly<{}>, { selectable: boolean; popupMaxHeight: number | boolean; isChildrenSelected: boolean; }, {}, { Menu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ style: { type: import("vue").PropType<import("vue").StyleValue>; }; theme: { type: import("vue").PropType<"dark" | "light">; default: string; }; mode: { type: import("vue").PropType<"pop" | "horizontal" | "vertical" | "popButton">; default: string; }; levelIndent: { type: NumberConstructor; }; autoOpen: { type: BooleanConstructor; }; collapsed: { type: BooleanConstructor; default: undefined; }; defaultCollapsed: { type: BooleanConstructor; }; collapsedWidth: { type: NumberConstructor; }; accordion: { type: BooleanConstructor; }; autoScrollIntoView: { type: BooleanConstructor; }; showCollapseButton: { type: BooleanConstructor; }; selectedKeys: { type: import("vue").PropType<string[]>; }; defaultSelectedKeys: { type: import("vue").PropType<string[]>; default: () => never[]; }; openKeys: { type: import("vue").PropType<string[]>; }; defaultOpenKeys: { type: import("vue").PropType<string[]>; default: () => never[]; }; scrollConfig: { type: import("vue").PropType<{ [key: string]: any; }>; }; triggerProps: { type: import("vue").PropType<import("../trigger").TriggerProps>; }; tooltipProps: { type: ObjectConstructor; }; autoOpenSelected: { type: BooleanConstructor; }; breakpoint: { type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">; }; popupMaxHeight: { type: import("vue").PropType<number | boolean>; default: boolean; }; prefixCls: { type: StringConstructor; }; inTrigger: { type: BooleanConstructor; }; siderCollapsed: { type: BooleanConstructor; }; isRoot: { type: BooleanConstructor; }; }>, { computedPrefixCls: import("vue").ComputedRef<string>; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; computedStyle: import("vue").ComputedRef<(string | false | import("vue").StyleValue[] | Omit<import("vue").CSSProperties, "width"> | { width: string | number | undefined; } | null | undefined)[]>; computedCollapsed: import("vue").ComputedRef<boolean>; computedHasCollapseButton: import("vue").ComputedRef<boolean>; onCollapseBtnClick: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "update:collapsed" | "update:selectedKeys" | "update:openKeys" | "menu-item-click" | "sub-menu-click")[], "collapse" | "update:collapsed" | "update:selectedKeys" | "update:openKeys" | "menu-item-click" | "sub-menu-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ style: { type: import("vue").PropType<import("vue").StyleValue>; }; theme: { type: import("vue").PropType<"dark" | "light">; default: string; }; mode: { type: import("vue").PropType<"pop" | "horizontal" | "vertical" | "popButton">; default: string; }; levelIndent: { type: NumberConstructor; }; autoOpen: { type: BooleanConstructor; }; collapsed: { type: BooleanConstructor; default: undefined; }; defaultCollapsed: { type: BooleanConstructor; }; collapsedWidth: { type: NumberConstructor; }; accordion: { type: BooleanConstructor; }; autoScrollIntoView: { type: BooleanConstructor; }; showCollapseButton: { type: BooleanConstructor; }; selectedKeys: { type: import("vue").PropType<string[]>; }; defaultSelectedKeys: { type: import("vue").PropType<string[]>; default: () => never[]; }; openKeys: { type: import("vue").PropType<string[]>; }; defaultOpenKeys: { type: import("vue").PropType<string[]>; default: () => never[]; }; scrollConfig: { type: import("vue").PropType<{ [key: string]: any; }>; }; triggerProps: { type: import("vue").PropType<import("../trigger").TriggerProps>; }; tooltipProps: { type: ObjectConstructor; }; autoOpenSelected: { type: BooleanConstructor; }; breakpoint: { type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">; }; popupMaxHeight: { type: import("vue").PropType<number | boolean>; default: boolean; }; prefixCls: { type: StringConstructor; }; inTrigger: { type: BooleanConstructor; }; siderCollapsed: { type: BooleanConstructor; }; isRoot: { type: BooleanConstructor; }; }>> & Readonly<{ onCollapse?: ((...args: any[]) => any) | undefined; "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined; "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined; "onUpdate:openKeys"?: ((...args: any[]) => any) | undefined; "onMenu-item-click"?: ((...args: any[]) => any) | undefined; "onSub-menu-click"?: ((...args: any[]) => any) | undefined; }>, { mode: "pop" | "horizontal" | "vertical" | "popButton"; collapsed: boolean; theme: "dark" | "light"; defaultCollapsed: boolean; accordion: boolean; defaultSelectedKeys: string[]; popupMaxHeight: number | boolean; autoOpen: boolean; autoScrollIntoView: boolean; showCollapseButton: boolean; defaultOpenKeys: string[]; autoOpenSelected: boolean; inTrigger: boolean; siderCollapsed: boolean; isRoot: boolean; }, {}, { IconMenuFold: any; IconMenuUnfold: any; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; Trigger: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: import("vue").PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: import("vue").PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; popupStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: import("vue").PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: import("vue").PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:popupVisible': (visible: boolean) => true; popupVisibleChange: (visible: boolean) => true; show: () => true; hide: () => true; resize: () => true; }, import("vue").PublicProps, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: import("vue").PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: import("vue").PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; popupStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: import("vue").PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: import("vue").PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ popupVisible: { type: BooleanConstructor; default: undefined; }; defaultPopupVisible: { type: BooleanConstructor; default: boolean; }; trigger: { type: import("vue").PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>; default: string; }; position: { type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; popupOffset: { type: NumberConstructor; default: number; }; popupTranslate: { type: import("vue").PropType<import("../trigger").TriggerPopupTranslate>; }; showArrow: { type: BooleanConstructor; default: boolean; }; alignPoint: { type: BooleanConstructor; default: boolean; }; popupHoverStay: { type: BooleanConstructor; default: boolean; }; blurToClose: { type: BooleanConstructor; default: boolean; }; clickToClose: { type: BooleanConstructor; default: boolean; }; clickOutsideToClose: { type: BooleanConstructor; default: boolean; }; unmountOnClose: { type: BooleanConstructor; default: boolean; }; contentClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; contentStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; arrowClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; arrowStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; popupStyle: { type: import("vue").PropType<import("vue").CSSProperties>; }; animationName: { type: StringConstructor; default: string; }; duration: { type: import("vue").PropType<number | { enter: number; leave: number; }>; }; mouseEnterDelay: { type: NumberConstructor; default: number; }; mouseLeaveDelay: { type: NumberConstructor; default: number; }; focusDelay: { type: NumberConstructor; default: number; }; autoFitPopupWidth: { type: BooleanConstructor; default: boolean; }; autoFitPopupMinWidth: { type: BooleanConstructor; default: boolean; }; autoFixPosition: { type: BooleanConstructor; default: boolean; }; popupContainer: { type: import("vue").PropType<string | HTMLElement>; }; updateAtScroll: { type: BooleanConstructor; default: boolean; }; autoFitTransformOrigin: { type: BooleanConstructor; default: boolean; }; hideEmpty: { type: BooleanConstructor; default: boolean; }; openedClass: { type: (ObjectConstructor | StringConstructor | ArrayConstructor)[]; }; autoFitPosition: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; preventFocus: { type: BooleanConstructor; default: boolean; }; scrollToClose: { type: BooleanConstructor; default: boolean; }; scrollToCloseDistance: { type: NumberConstructor; default: number; }; }>> & Readonly<{ onResize?: (() => any) | undefined; onHide?: (() => any) | undefined; onShow?: (() => any) | undefined; "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined; onPopupVisibleChange?: ((visible: boolean) => any) | undefined; }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:popupVisible': (visible: boolean) => true; popupVisibleChange: (visible: boolean) => true; show: () => true; hide: () => true; resize: () => true; }, string, { disabled: boolean; position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb"; popupVisible: boolean; defaultPopupVisible: boolean; trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]; popupOffset: number; showArrow: boolean; alignPoint: boolean; popupHoverStay: boolean; blurToClose: boolean; clickToClose: boolean; clickOutsideToClose: boolean; unmountOnClose: boolean; animationName: string; mouseEnterDelay: number; mouseLeaveDelay: number; focusDelay: number; autoFitPopupWidth: boolean; autoFitPopupMinWidth: boolean; autoFixPosition: boolean; updateAtScroll: boolean; autoFitTransformOrigin: boolean; hideEmpty: boolean; autoFitPosition: boolean; renderToBody: boolean; preventFocus: boolean; scrollToClose: boolean; scrollToCloseDistance: number; }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & { install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void; }; MenuIndent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ level: { type: NumberConstructor; default: number; }; }>, { prefixCls: string; levelIndent: import("vue").Ref<number | undefined, number | undefined>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ level: { type: NumberConstructor; default: number; }; }>> & Readonly<{}>, { level: number; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; RenderFunction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ renderFunc: { type: import("vue").PropType<import("../_components/render-function").RenderFunc>; required: true; }; }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ renderFunc: { type: import("vue").PropType<import("../_components/render-function").RenderFunc>; required: true; }; }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; export default _default;