@destyler/combobox 0.0.3 → 0.0.4

package/dist/component.d.ts

@@ -1,22 +1,40 @@
-import { C as ComboboxRootContext } from './shared/combobox.27206b6f.js';
-export { D as DestylerComboboxAnchor, a as DestylerComboboxAnchorProps, b as DestylerComboboxArrow, c as DestylerComboboxArrowProps, d as DestylerComboboxCancel, e as DestylerComboboxCancelProps, f as DestylerComboboxContent, g as DestylerComboboxContentProps, h as DestylerComboboxEmpty, i as DestylerComboboxEmptyProps, j as DestylerComboboxGroup, k as DestylerComboboxGroupProps, l as DestylerComboboxInput, m as DestylerComboboxInputProps, n as DestylerComboboxItem, p as DestylerComboboxItemIndicator, q as DestylerComboboxItemIndicatorProps, o as DestylerComboboxItemProps, r as DestylerComboboxLabel, s as DestylerComboboxLabelProps, t as DestylerComboboxPortal, u as DestylerComboboxPortalProps, v as DestylerComboboxRoot, w as DestylerComboboxRootProps, x as DestylerComboboxSeparator, y as DestylerComboboxSeparatorProps, z as DestylerComboboxTrigger, A as DestylerComboboxTriggerProps, B as DestylerComboboxViewport, E as DestylerComboboxViewportProps } from './shared/combobox.27206b6f.js';
+import { C as ComboboxRootContext, A as AcceptableValue } from './shared/combobox.2a62f7db.js';
+export { a as ComboboxAnchor, b as ComboboxAnchorProps, d as ComboboxArrow, f as ComboboxArrowProps, g as ComboboxCancel, i as ComboboxCancelProps, j as ComboboxContent, m as ComboboxContentProps, n as ComboboxEmpty, p as ComboboxEmptyProps, q as ComboboxGroup, s as ComboboxGroupProps, t as ComboboxInput, v as ComboboxInputProps, w as ComboboxItem, B as ComboboxItemIndicator, E as ComboboxItemIndicatorProps, z as ComboboxItemProps, F as ComboboxLabel, H as ComboboxLabelProps, I as ComboboxPortal, K as ComboboxPortalProps, L as ComboboxRoot, O as ComboboxRootProps, P as ComboboxSeparator, R as ComboboxSeparatorProps, S as ComboboxTrigger, U as ComboboxTriggerProps, V as ComboboxViewport, X as ComboboxViewportProps, c as comboboxAnchorProps, e as comboboxArrowProps, h as comboboxCancelProps, l as comboboxContentEmits, k as comboboxContentProps, o as comboboxEmptyProps, r as comboboxGroupProps, u as comboboxInputProps, y as comboboxItemEmits, D as comboboxItemIndicatorProps, x as comboboxItemProps, G as comboboxLabelProps, J as comboboxPortalProps, N as comboboxRootEmits, M as comboboxRootProps, Q as comboboxSeparatorProps, T as comboboxTriggerProps, W as comboboxViewportProps } from './shared/combobox.2a62f7db.js';
+import * as _destyler_primitive from '@destyler/primitive';
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
-import * as _destyler_shared from '@destyler/shared';
+import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '@destyler/shared';
-import { AsTag } from '@destyler/primitive';
 import '@vue/shared';
 
-declare const destylerComboboxContentImplProps: {
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
+declare const comboboxContentImplProps: {
+    /**
+     * The positioning mode to use, <br>
+     * `inline` is the default and you can control the position using CSS. <br>
+     * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
+     *
+     * @default inline
+     */
+    readonly position: {
+        readonly type: PropType<"inline" | "popper">;
         readonly required: false;
-        readonly default: "div";
+        readonly default: "inline";
     };
-    readonly asChild: {
+    /**
+     * The document.body will be lock, and scrolling will be disabled.
+     */
+    readonly bodyLock: {
         readonly type: PropType<boolean>;
         readonly required: false;
-        readonly default: false;
+    };
+    /**
+     * Allow component to be dismissableLayer.
+     *
+     * @default true
+     */
+    readonly dismissable: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: true;
     };
     readonly side: {
         readonly type: PropType<"top" | "right" | "bottom" | "left">;
@@ -69,15 +87,21 @@ declare const destylerComboboxContentImplProps: {
         readonly default: false;
     };
     readonly updatePositionStrategy: {
-        readonly type: PropType<"always" | "optimized">;
+        readonly type: PropType<"optimized" | "always">;
         readonly required: false;
         readonly default: "optimized";
     };
-    readonly onPlaced: {
-        readonly type: PropType<() => void>;
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly prioritizePosition: {
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
@@ -92,33 +116,52 @@ declare const destylerComboboxContentImplProps: {
         readonly required: false;
         readonly default: true;
     };
+};
+type ComboboxContentImplProps = ExtractPublicPropTypes<typeof comboboxContentImplProps>;
+declare const comboboxContentImplEmits: {
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+};
+declare const ComboboxContentImpl: vue.DefineComponent<{
+    /**
+     * The positioning mode to use, <br>
+     * `inline` is the default and you can control the position using CSS. <br>
+     * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
+     *
+     * @default inline
+     */
     readonly position: {
         readonly type: PropType<"inline" | "popper">;
         readonly required: false;
         readonly default: "inline";
     };
+    /**
+     * The document.body will be lock, and scrolling will be disabled.
+     */
     readonly bodyLock: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * Allow component to be dismissableLayer.
+     *
+     * @default true
+     */
     readonly dismissable: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: true;
     };
-};
-type DestylerComboboxContentImplProps = ExtractPublicPropTypes<typeof destylerComboboxContentImplProps>;
-declare const DestylerComboboxContentImpl: 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;
@@ -170,15 +213,21 @@ declare const DestylerComboboxContentImpl: vue.DefineComponent<{
         readonly default: false;
     };
     readonly updatePositionStrategy: {
-        readonly type: PropType<"always" | "optimized">;
+        readonly type: PropType<"optimized" | "always">;
         readonly required: false;
         readonly default: "optimized";
     };
-    readonly onPlaced: {
-        readonly type: PropType<() => void>;
+    readonly prioritizePosition: {
+        readonly type: PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly prioritizePosition: {
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
+        readonly required: false;
+        readonly default: "div";
+    };
+    readonly asChild: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
@@ -193,44 +242,63 @@ declare const DestylerComboboxContentImpl: vue.DefineComponent<{
         readonly required: false;
         readonly default: true;
     };
+}, {
+    rootContext: ComboboxRootContext<AcceptableValue>;
+    popperStyle: {
+        boxSizing: string;
+        '--destyler-combobox-content-transform-origin': string;
+        '--destyler-combobox-content-available-width': string;
+        '--destyler-combobox-content-available-height': string;
+        '--destyler-combobox-trigger-width': string;
+        '--destyler-combobox-trigger-height': string;
+    };
+    forwardedProps: vue.ComputedRef<{}>;
+    pickedProps: vue.ComputedRef<{}>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
+    handleLeave: () => void;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    escapeKeyDown: (_event: KeyboardEvent) => boolean;
+    pointerDownOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => boolean;
+    focusOutside: (_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+    interactOutside: (_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * The positioning mode to use, <br>
+     * `inline` is the default and you can control the position using CSS. <br>
+     * `popper` positions content in the same way as our other primitives, for example `Popover` or `DropdownMenu`.
+     *
+     * @default inline
+     */
     readonly position: {
         readonly type: PropType<"inline" | "popper">;
         readonly required: false;
         readonly default: "inline";
     };
+    /**
+     * The document.body will be lock, and scrolling will be disabled.
+     */
     readonly bodyLock: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * Allow component to be dismissableLayer.
+     *
+     * @default true
+     */
     readonly dismissable: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: true;
     };
-}, {
-    rootContext: ComboboxRootContext<string | number | boolean | Record<string, any>>;
-    popperStyle: {
-        boxSizing: string;
-        '--destyler_combobox_content_transform_origin': string;
-        '--destyler_combobox_content_available_width': string;
-        '--destyler_combobox_content_available_height': string;
-        '--destyler_combobox_trigger_width': string;
-        '--destyler_combobox_trigger_height': string;
-    };
-    forwardedProps: _destyler_shared.ComputedRefWithControl<{}>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-    handleLeave: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss")[], "escapeKeyDown" | "pointerDownOutside" | "focusOutside" | "interactOutside" | "dismiss", 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;
@@ -282,52 +350,53 @@ declare const DestylerComboboxContentImpl: vue.DefineComponent<{
         readonly default: false;
     };
     readonly updatePositionStrategy: {
-        readonly type: PropType<"always" | "optimized">;
+        readonly type: PropType<"optimized" | "always">;
         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 disableOutsidePointerEvents: {
-        readonly type: PropType<boolean>;
+    readonly as: {
+        readonly type: PropType<vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag>;
         readonly required: false;
-        readonly default: false;
+        readonly default: "div";
     };
-    readonly isDismissable: {
+    readonly asChild: {
         readonly type: PropType<boolean>;
         readonly required: false;
-        readonly default: true;
-    };
-    readonly position: {
-        readonly type: PropType<"inline" | "popper">;
-        readonly required: false;
-        readonly default: "inline";
+        readonly default: false;
     };
-    readonly bodyLock: {
+    readonly disableOutsidePointerEvents: {
         readonly type: PropType<boolean>;
         readonly required: false;
+        readonly default: false;
     };
-    readonly dismissable: {
+    readonly isDismissable: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: true;
     };
 }>> & {
-    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
-    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
-    onFocusOutside?: ((...args: any[]) => any) | undefined;
-    onInteractOutside?: ((...args: any[]) => any) | undefined;
-    onDismiss?: ((...args: any[]) => any) | undefined;
+    onEscapeKeyDown?: ((_event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((_event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((_event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
 }, {
-    readonly as: AsTag | Component;
+    readonly as: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any> | _destyler_primitive.AsTag;
     readonly asChild: boolean;
+    readonly position: "inline" | "popper";
+    readonly dismissable: boolean;
     readonly side: "top" | "right" | "bottom" | "left";
     readonly sideOffset: number;
     readonly align: "end" | "center" | "start";
@@ -338,12 +407,10 @@ declare const DestylerComboboxContentImpl: vue.DefineComponent<{
     readonly arrowPadding: number;
     readonly sticky: "partial" | "always";
     readonly hideWhenDetached: boolean;
-    readonly updatePositionStrategy: "always" | "optimized";
+    readonly updatePositionStrategy: "optimized" | "always";
     readonly prioritizePosition: boolean;
     readonly disableOutsidePointerEvents: boolean;
     readonly isDismissable: boolean;
-    readonly position: "inline" | "popper";
-    readonly dismissable: boolean;
 }, {}>;
 
-export { DestylerComboboxContentImpl, type DestylerComboboxContentImplProps };
+export { ComboboxContentImpl, type ComboboxContentImplProps, comboboxContentImplEmits, comboboxContentImplProps };