UNPKG

@opensig/opendesign

Version:

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>

372 lines (371 loc) 12.5 kB
import { App } from 'vue'; declare const OPopup: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ visible: { type: BooleanConstructor; }; position: { type: import('vue').PropType<import('./types').PopupPositionT>; default: string; }; trigger: { type: import('vue').PropType<import('./types').PopupTriggerT | import('./types').PopupTriggerT[]>; default: string; }; target: { type: import('vue').PropType<string | import('vue').ComponentPublicInstance | HTMLElement | null>; default: null; }; disabled: { type: BooleanConstructor; }; wrapper: { type: import('vue').PropType<string | HTMLElement | null>; default: string; }; offset: { type: NumberConstructor; default: number; }; edgeOffset: { type: NumberConstructor; default: number; }; hoverDelay: { type: NumberConstructor; default: number; }; hideWhenTargetInvisible: { type: BooleanConstructor; default: boolean; }; anchor: { type: BooleanConstructor; default: boolean; }; anchorClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; unmountOnHide: { type: BooleanConstructor; default: boolean; }; wrapClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; bodyClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; adjustMinWidth: { type: BooleanConstructor; default: boolean; }; adjustWidth: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: string; }; autoHide: { type: BooleanConstructor; default: boolean; }; beforeShow: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; beforeHide: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; adaptive: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onChange?: ((val: boolean) => any) | undefined; "onUpdate:visible"?: ((val: boolean) => any) | undefined; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & { change: (val: boolean) => any; "update:visible": (val: boolean) => any; }, import('vue').PublicProps, { position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb"; target: string | HTMLElement | import('vue').ComponentPublicInstance | null; disabled: boolean; offset: number; transition: string; visible: boolean; trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick" | ("none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick")[]; wrapper: string | HTMLElement | null; edgeOffset: number; hoverDelay: number; hideWhenTargetInvisible: boolean; anchor: boolean; anchorClass: string | any[]; unmountOnHide: boolean; wrapClass: string | any[]; bodyClass: string | any[]; adjustMinWidth: boolean; adjustWidth: boolean; autoHide: boolean; adaptive: boolean; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, { targetElRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, { [key: string]: any; }> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<{}> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, { [key: string]: any; }> | null, {}, {}, {}, {}> | null; popupRef: HTMLDivElement; }, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ visible: { type: BooleanConstructor; }; position: { type: import('vue').PropType<import('./types').PopupPositionT>; default: string; }; trigger: { type: import('vue').PropType<import('./types').PopupTriggerT | import('./types').PopupTriggerT[]>; default: string; }; target: { type: import('vue').PropType<string | import('vue').ComponentPublicInstance | HTMLElement | null>; default: null; }; disabled: { type: BooleanConstructor; }; wrapper: { type: import('vue').PropType<string | HTMLElement | null>; default: string; }; offset: { type: NumberConstructor; default: number; }; edgeOffset: { type: NumberConstructor; default: number; }; hoverDelay: { type: NumberConstructor; default: number; }; hideWhenTargetInvisible: { type: BooleanConstructor; default: boolean; }; anchor: { type: BooleanConstructor; default: boolean; }; anchorClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; unmountOnHide: { type: BooleanConstructor; default: boolean; }; wrapClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; bodyClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; adjustMinWidth: { type: BooleanConstructor; default: boolean; }; adjustWidth: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: string; }; autoHide: { type: BooleanConstructor; default: boolean; }; beforeShow: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; beforeHide: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; adaptive: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onChange?: ((val: boolean) => any) | undefined; "onUpdate:visible"?: ((val: boolean) => any) | undefined; }>, {}, {}, {}, {}, { position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb"; target: string | HTMLElement | import('vue').ComponentPublicInstance | null; disabled: boolean; offset: number; transition: string; visible: boolean; trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick" | ("none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick")[]; wrapper: string | HTMLElement | null; edgeOffset: number; hoverDelay: number; hideWhenTargetInvisible: boolean; anchor: boolean; anchorClass: string | any[]; unmountOnHide: boolean; wrapClass: string | any[]; bodyClass: string | any[]; adjustMinWidth: boolean; adjustWidth: boolean; autoHide: boolean; adaptive: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ visible: { type: BooleanConstructor; }; position: { type: import('vue').PropType<import('./types').PopupPositionT>; default: string; }; trigger: { type: import('vue').PropType<import('./types').PopupTriggerT | import('./types').PopupTriggerT[]>; default: string; }; target: { type: import('vue').PropType<string | import('vue').ComponentPublicInstance | HTMLElement | null>; default: null; }; disabled: { type: BooleanConstructor; }; wrapper: { type: import('vue').PropType<string | HTMLElement | null>; default: string; }; offset: { type: NumberConstructor; default: number; }; edgeOffset: { type: NumberConstructor; default: number; }; hoverDelay: { type: NumberConstructor; default: number; }; hideWhenTargetInvisible: { type: BooleanConstructor; default: boolean; }; anchor: { type: BooleanConstructor; default: boolean; }; anchorClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; unmountOnHide: { type: BooleanConstructor; default: boolean; }; wrapClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; bodyClass: { type: import('vue').PropType<string | any[]>; default: undefined; }; adjustMinWidth: { type: BooleanConstructor; default: boolean; }; adjustWidth: { type: BooleanConstructor; default: boolean; }; transition: { type: StringConstructor; default: string; }; autoHide: { type: BooleanConstructor; default: boolean; }; beforeShow: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; beforeHide: { type: import('vue').PropType<() => Promise<boolean> | boolean>; }; adaptive: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onChange?: ((val: boolean) => any) | undefined; "onUpdate:visible"?: ((val: boolean) => any) | undefined; }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & { change: (val: boolean) => any; "update:visible": (val: boolean) => any; }, string, { position: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb"; target: string | HTMLElement | import('vue').ComponentPublicInstance | null; disabled: boolean; offset: number; transition: string; visible: boolean; trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick" | ("none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick")[]; wrapper: string | HTMLElement | null; edgeOffset: number; hoverDelay: number; hideWhenTargetInvisible: boolean; anchor: boolean; anchorClass: string | any[]; unmountOnHide: boolean; wrapClass: string | any[]; bodyClass: string | any[]; adjustMinWidth: boolean; adjustWidth: boolean; autoHide: boolean; adaptive: boolean; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => { $slots: { target?(_: {}): any; default?(_: {}): any; anchor?(_: {}): any; }; }) & { install(app: App): void; }; export { OPopup }; export * from './types';