@destyler/popper 0.0.2 → 0.0.4

package/dist/index.d.cts

@@ -1,405 +1,5 @@
-import * as vue from 'vue';
-import { PropType, Component, Ref } from 'vue';
-import { AsTag } from '@destyler/primitive';
-import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
-import * as _floating_ui_vue from '@floating-ui/vue';
-
-declare const DestylerPopperRoot: vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
-
-declare const destylerPopperAnchorProps: {
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly element: {
-        readonly type: PropType<Measurable>;
-    };
-};
-type DestylerPopperAnchorProps = ExtractPublicPropTypes<typeof destylerPopperAnchorProps>;
-declare const DestylerPopperAnchor: vue.DefineComponent<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly element: {
-        readonly type: PropType<Measurable>;
-    };
-}, {
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly element: {
-        readonly type: PropType<Measurable>;
-    };
-}>>, {
-    readonly as: AsTag | Component;
-    readonly asChild: boolean;
-}, {}>;
-
-declare const SIDE_OPTIONS: readonly ["top", "right", "bottom", "left"];
-type Side = (typeof SIDE_OPTIONS)[number];
-
-interface PopperContentContext {
-    placedSide: Ref<Side>;
-    onArrowChange(arrow: HTMLElement | undefined): void;
-    arrowX?: Ref<number>;
-    arrowY?: Ref<number>;
-    shouldHideArrow: Ref<boolean>;
-}
-declare const destylerPopperContentProps: {
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        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;
-    };
-};
-type DestylerPopperContentProps = ExtractPublicPropTypes<typeof destylerPopperContentProps>;
-declare const DestylerPopperContent: vue.DefineComponent<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        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;
-    };
-}, {
-    floatingRef: Ref<HTMLElement | undefined>;
-    floatingStyles: Readonly<Ref<{
-        position: _floating_ui_vue.Strategy;
-        top: string;
-        left: string;
-        transform?: string | undefined;
-        willChange?: string | undefined;
-    }>>;
-    isPositioned: Readonly<Ref<boolean>>;
-    contentZIndex: Ref<string>;
-    middlewareData: Readonly<Ref<_floating_ui_vue.MiddlewareData>>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-    placedSide: vue.ComputedRef<"top" | "right" | "bottom" | "left">;
-    placedAlign: vue.ComputedRef<"start" | "center" | "end">;
-    attrStyle: any;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "div";
-    };
-    readonly asChild: {
-        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: AsTag | Component;
-    readonly asChild: boolean;
-    readonly side: "top" | "right" | "bottom" | "left";
-    readonly align: "start" | "center" | "end";
-    readonly sideOffset: number;
-    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;
-}, {}>;
-
-declare const destylerPopperArrowProps: {
-    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 DestylerPopperArrowProps = ExtractPublicPropTypes<typeof destylerPopperArrowProps>;
-declare const DestylerPopperArrow: 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";
-    };
-}, {
-    contentContext: PopperContentContext;
-    baseSide: vue.ComputedRef<"top" | "right" | "bottom" | "left">;
-}, 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 as: AsTag | Component;
-    readonly asChild: boolean;
-    readonly width: number;
-    readonly height: number;
-}, {}>;
-
-export { DestylerPopperAnchor, type DestylerPopperAnchorProps, DestylerPopperArrow, type DestylerPopperArrowProps, DestylerPopperContent, type DestylerPopperContentProps, DestylerPopperRoot };
+export { PopperAnchor, PopperAnchorProps, PopperArrow, PopperArrowProps, PopperContent, PopperContentProps, PopperRoot, popperAnchorProps, popperArrowProps, popperContentProps } from './component.cjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';
+import '@floating-ui/vue';