@destyler/popover 0.0.1-beta.1 → 0.0.1-beta.10

package/dist/shared/popover.b75b8d61.d.mts

@@ -0,0 +1,610 @@
+import * as vue from 'vue';
+import { PropType, Component, Ref } from 'vue';
+import * as _destyler_primitive from '@destyler/primitive';
+import { AsTag } from '@destyler/primitive';
+import { ExtractPublicPropTypes } from '@destyler/shared';
+import * as _vue_shared from '@vue/shared';
+
+declare const destylerPopoverArrowProps: {
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly height: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "svg";
+    };
+};
+type DestylerPopoverArrowProps = ExtractPublicPropTypes<typeof destylerPopoverArrowProps>;
+declare const DestylerPopoverArrow: vue.DefineComponent<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly height: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "svg";
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 5;
+    };
+    readonly height: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 10;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "svg";
+    };
+}>>, {
+    readonly asChild: boolean;
+    readonly width: number;
+    readonly height: number;
+    readonly as: AsTag | Component;
+}, {}>;
+
+interface PopoverRootContext {
+    triggerElement: Ref<HTMLElement | undefined>;
+    contentId: string;
+    open: Ref<boolean>;
+    modal: Ref<boolean>;
+    onOpenChange(value: boolean): void;
+    onOpenToggle(): void;
+    hasCustomAnchor: Ref<boolean>;
+}
+declare const destylerPopoverRootProps: {
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly open: {
+        readonly type: PropType<boolean | undefined>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerPopoverRootProps = ExtractPublicPropTypes<typeof destylerPopoverRootProps>;
+declare const DestylerPopoverRoot: vue.DefineComponent<{
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly open: {
+        readonly type: PropType<boolean | undefined>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    openRef: Ref<boolean>;
+    modalRef: Ref<false> | Ref<true>;
+    triggerElement: Ref<HTMLElement | undefined>;
+    hasCustomAnchor: Ref<boolean>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:open"[], "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly defaultOpen: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly open: {
+        readonly type: PropType<boolean | undefined>;
+        readonly required: false;
+        readonly default: undefined;
+    };
+    readonly modal: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly defaultOpen: boolean;
+    readonly open: boolean | undefined;
+    readonly modal: boolean;
+}, {}>;
+
+declare const destylerPopoverCloseProps: {
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+};
+type DestylerPopoverCloseProps = ExtractPublicPropTypes<typeof destylerPopoverCloseProps>;
+declare const DestylerPopoverClose: vue.DefineComponent<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+}, {
+    rootContext: PopoverRootContext;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+}>>, {
+    readonly asChild: boolean;
+    readonly as: AsTag | Component;
+}, {}>;
+
+declare const destylerPopoverContentProps: {
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"start" | "center" | "end">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"always" | "optimized">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly onPlaced: {
+        readonly type: PropType<() => void>;
+        readonly required: false;
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly trapFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerPopoverContentProps = ExtractPublicPropTypes<typeof destylerPopoverContentProps>;
+declare const DestylerPopoverContent: vue.DefineComponent<{
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"start" | "center" | "end">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"always" | "optimized">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly onPlaced: {
+        readonly type: PropType<() => void>;
+        readonly required: false;
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly trapFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, {
+    rootContext: PopoverRootContext;
+    forwarded: vue.ComputedRef<_vue_shared.LooseRequired<{
+        readonly [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        readonly asChild: boolean;
+        readonly as: _destyler_primitive.AsTag | vue.Component;
+        readonly side: "top" | "right" | "bottom" | "left";
+        readonly sideOffset: number;
+        readonly align: "start" | "center" | "end";
+        readonly alignOffset: number;
+        readonly avoidCollisions: boolean;
+        readonly collisionBoundary: Element | (Element | null)[] | null;
+        readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+        readonly arrowPadding: number;
+        readonly sticky: "partial" | "always";
+        readonly hideWhenDetached: boolean;
+        readonly updatePositionStrategy: "always" | "optimized";
+        readonly prioritizePosition: boolean;
+        readonly disableOutsidePointerEvents: boolean;
+        readonly trapFocus: boolean;
+        readonly forceMount: boolean;
+        readonly onPlaced?: (() => void) | undefined;
+    } & {}> & Record<string, any>>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly side: {
+        readonly type: PropType<"top" | "right" | "bottom" | "left">;
+        readonly required: false;
+        readonly default: "bottom";
+    };
+    readonly sideOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly align: {
+        readonly type: PropType<"start" | "center" | "end">;
+        readonly required: false;
+        readonly default: "center";
+    };
+    readonly alignOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly avoidCollisions: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
+    };
+    readonly collisionBoundary: {
+        readonly type: PropType<Element | (Element | null)[] | null>;
+        readonly required: false;
+        readonly default: () => never[];
+    };
+    readonly collisionPadding: {
+        readonly type: PropType<number | Partial<Record<"top" | "right" | "bottom" | "left", number>>>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly arrowPadding: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly default: 0;
+    };
+    readonly sticky: {
+        readonly type: PropType<"partial" | "always">;
+        readonly required: false;
+        readonly default: "partial";
+    };
+    readonly hideWhenDetached: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly updatePositionStrategy: {
+        readonly type: PropType<"always" | "optimized">;
+        readonly required: false;
+        readonly default: "optimized";
+    };
+    readonly onPlaced: {
+        readonly type: PropType<() => void>;
+        readonly required: false;
+    };
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly disableOutsidePointerEvents: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly trapFocus: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    readonly asChild: boolean;
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly side: "top" | "right" | "bottom" | "left";
+    readonly sideOffset: number;
+    readonly align: "start" | "center" | "end";
+    readonly alignOffset: number;
+    readonly avoidCollisions: boolean;
+    readonly collisionBoundary: Element | (Element | null)[] | null;
+    readonly collisionPadding: number | Partial<Record<"top" | "right" | "bottom" | "left", number>>;
+    readonly arrowPadding: number;
+    readonly sticky: "partial" | "always";
+    readonly hideWhenDetached: boolean;
+    readonly updatePositionStrategy: "always" | "optimized";
+    readonly prioritizePosition: boolean;
+    readonly disableOutsidePointerEvents: boolean;
+    readonly trapFocus: boolean;
+    readonly forceMount: boolean;
+}, {}>;
+
+declare const destylerPopoverPortalProps: {
+    readonly to: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+};
+type DestylerPopoverPortalProps = ExtractPublicPropTypes<typeof destylerPopoverPortalProps>;
+declare const DestylerPopoverPortal: vue.DefineComponent<{
+    readonly to: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly to: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly default: "body";
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly forceMount: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+}>>, {
+    readonly forceMount: boolean;
+    readonly to: string | HTMLElement;
+    readonly disabled: boolean;
+}, {}>;
+
+declare const destylerPopoverTriggerProps: {
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+};
+type DestylerPopoverTriggerProps = ExtractPublicPropTypes<typeof destylerPopoverTriggerProps>;
+declare const DestylerPopoverTrigger: vue.DefineComponent<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+}, {
+    rootContext: PopoverRootContext;
+    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
+    readonly as: {
+        readonly type: PropType<AsTag | Component>;
+        readonly required: false;
+        readonly default: "button";
+    };
+}>>, {
+    readonly asChild: boolean;
+    readonly as: AsTag | Component;
+}, {}>;
+
+export { DestylerPopoverArrow as D, type PopoverRootContext as P, type DestylerPopoverArrowProps as a, DestylerPopoverClose as b, type DestylerPopoverCloseProps as c, DestylerPopoverContent as d, type DestylerPopoverContentProps as e, DestylerPopoverPortal as f, type DestylerPopoverPortalProps as g, DestylerPopoverRoot as h, type DestylerPopoverRootProps as i, DestylerPopoverTrigger as j, type DestylerPopoverTriggerProps as k };