dou-ui 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/types/components/collapse/collapse-transition.d.ts

@@ -1,8 +1,3 @@
-/**
- * Animate an element's height between zero and its natural size. Used by
- * every disclosure (collapse items, menu submenus) so they move alike, and
- * exported as `DouCollapseTransition` for content of your own.
- */
-export declare const CollapseTransition: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const DouCollapseTransition: import("../..").WithInstall<import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").HTMLAttributes>;

package/dist/types/components/collapse/collapse.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onChange?: ((value: CollapseValue, open: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CollapseValue[]) => any) | undefined;
 }>, {
-    accordion: boolean;
     bordered: boolean;
+    accordion: boolean;
     headingLevel: 2 | 3 | 4 | 5 | 6;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/collapse/index.d.ts

@@ -1,5 +1,6 @@
 import Collapse from './collapse.vue';
 import CollapseItem from './collapse-item.vue';
+import { DouCollapseTransition } from './collapse-transition';
 export declare const DouCollapse: import("../..").WithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./collapse").CollapseProps & {
         modelValue?: import("./collapse").CollapseValue[];
@@ -10,8 +11,8 @@ export declare const DouCollapse: import("../..").WithInstall<{
         change: (value: import("./collapse").CollapseValue, open: boolean) => any;
         "update:modelValue": (value: import("./collapse").CollapseValue[]) => any;
     }, import("vue").PublicProps, {
-        accordion: boolean;
         bordered: boolean;
+        accordion: boolean;
         headingLevel: 2 | 3 | 4 | 5 | 6;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -26,8 +27,8 @@ export declare const DouCollapse: import("../..").WithInstall<{
         onChange?: ((value: import("./collapse").CollapseValue, open: boolean) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import("./collapse").CollapseValue[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        accordion: boolean;
         bordered: boolean;
+        accordion: boolean;
         headingLevel: 2 | 3 | 4 | 5 | 6;
     }>;
     __isFragment?: never;
@@ -42,8 +43,8 @@ export declare const DouCollapse: import("../..").WithInstall<{
     change: (value: import("./collapse").CollapseValue, open: boolean) => any;
     "update:modelValue": (value: import("./collapse").CollapseValue[]) => any;
 }, string, {
-    accordion: boolean;
     bordered: boolean;
+    accordion: boolean;
     headingLevel: 2 | 3 | 4 | 5 | 6;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./collapse").CollapseSlots;
@@ -69,9 +70,7 @@ export declare const DouCollapseItem: import("../..").WithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./collapse").CollapseItemSlots;
 }), import("vue").HTMLAttributes>;
-export declare const DouCollapseTransition: import("../..").WithInstall<import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").HTMLAttributes>;
+export { DouCollapseTransition };
 export default DouCollapse;
 export type * from './collapse';
 export type CollapseInstance = InstanceType<typeof Collapse>;

package/dist/types/components/context-menu/context-menu.d.ts

@@ -9,6 +9,8 @@ export interface ContextMenuItem {
     /** Unique within the menu; also what `select` reports. */
     key: string;
     label: string;
+    /** A line under the label that says more about the item. */
+    description?: string;
     icon?: Component;
     /** A key to show after the label, written as in `useHotkey`; only shown. */
     shortcut?: string;
@@ -17,16 +19,46 @@ export interface ContextMenuItem {
     /** Draw a separator above the item. */
     divided?: boolean;
     /**
-     * Shows a check mark on the option in use. When every item of a menu has
-     * it, the menu is one choice and its items are read as radio items.
+     * Shows a check mark on the option in use. When every item of a menu, or
+     * of a group, has it, they are one choice and are read as radio items.
      */
     checked?: boolean;
     /** Called when the item is chosen; leave it out to handle `select` instead. */
     run?: () => void;
 }
+/**
+ * A titled section of a menu written as data, as `DouDropdownGroup` is in
+ * the `menu` slot. Its items' keys are unique within the whole menu.
+ */
+export interface ContextMenuGroup {
+    type: 'group';
+    /** The heading above the items. */
+    label: string;
+    children: ContextMenuItem[];
+    /** Draw a separator above the group. */
+    divided?: boolean;
+}
+/** One entry of a menu's `items`: an item or a group of them. */
+export type ContextMenuEntry = ContextMenuItem | ContextMenuGroup;
 export interface ContextMenuProps {
     /** Whether the menu is open, bound with `v-model:open`. */
     open?: boolean;
+    /**
+     * What the menu is for, bound with `v-model:target`. Cleared at the start
+     * of every right click, long press or menu key on the trigger, before the
+     * events inside it run: set it in an item's event, e.g. Table's
+     * `rowContextmenu`, and it is never left over from an earlier item. The
+     * menu only ever clears it, so keep it in a ref that can be `undefined`.
+     */
+    target?: unknown;
+    /**
+     * Called before the menu opens by right click, long press or the menu key,
+     * after the events inside the trigger; `false` keeps it closed and leaves
+     * the right click to the browser, or to a menu around this one;
+     * `event.preventDefault()` keeps it closed with no menu at all. So does
+     * `preventDefault()` in an event inside the trigger.
+     */
+    beforeOpen?: (event: MouseEvent) => boolean | void;
     /** Leave the browser's own menu in place. */
     disabled?: boolean;
     /** Close the menu once an item is chosen. */
@@ -37,17 +69,18 @@ export interface ContextMenuProps {
      * The items as data, in place of the `menu` slot; a chosen item's `run`
      * is called. Ignored when the `menu` slot is given.
      */
-    items?: ContextMenuItem[];
+    items?: ContextMenuEntry[];
 }
 export interface ContextMenuEmits {
     'update:open': [open: boolean];
+    'update:target': [target: undefined];
     /** An item was chosen. */
     select: [value: DropdownValue | undefined];
 }
 export interface ContextMenuSlots {
     /** The area that opens the menu. Its first element receives the listener. */
     default?: () => unknown;
-    /** The items, `DouDropdownItem`s. */
+    /** The items: `DouDropdownItem`, `DouDropdownSub`, `DouDropdownGroup` and `DouDropdownRadioGroup`. */
     menu?: () => unknown;
 }
 export interface ContextMenuExpose {

package/dist/types/components/context-menu/context-menu.vue.d.ts

@@ -9,9 +9,11 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, ContextMenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (value: DropdownValue | undefined) => any;
     "update:open": (value: boolean) => any;
+    "update:target": (target: undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((value: DropdownValue | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:target"?: ((target: undefined) => any) | undefined;
 }>, {
     teleport: string | false | HTMLElement;
     disabled: boolean;

package/dist/types/components/context-menu/index.d.ts

@@ -5,9 +5,11 @@ export declare const DouContextMenu: import("../..").WithInstall<{
     }> & Readonly<{
         onSelect?: ((value: import("..").DropdownValue | undefined) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:target"?: ((target: undefined) => any) | undefined;
     }>, import("./context-menu").ContextMenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         select: (value: import("..").DropdownValue | undefined) => any;
         "update:open": (value: boolean) => any;
+        "update:target": (target: undefined) => any;
     }, import("vue").PublicProps, {
         teleport: string | false | HTMLElement;
         disabled: boolean;
@@ -24,6 +26,7 @@ export declare const DouContextMenu: import("../..").WithInstall<{
     }> & Readonly<{
         onSelect?: ((value: import("..").DropdownValue | undefined) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:target"?: ((target: undefined) => any) | undefined;
     }>, import("./context-menu").ContextMenuExpose, {}, {}, {}, {
         teleport: string | false | HTMLElement;
         disabled: boolean;
@@ -37,9 +40,11 @@ export declare const DouContextMenu: import("../..").WithInstall<{
 }> & Readonly<{
     onSelect?: ((value: import("..").DropdownValue | undefined) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:target"?: ((target: undefined) => any) | undefined;
 }>, import("./context-menu").ContextMenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (value: import("..").DropdownValue | undefined) => any;
     "update:open": (value: boolean) => any;
+    "update:target": (target: undefined) => any;
 }, string, {
     teleport: string | false | HTMLElement;
     disabled: boolean;

package/dist/types/components/copy-button/copy-button.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<CopyButtonProps, {}, {
     text: string | (() => string | Promise<string>);
     disabled: boolean;
     variant: import("./copy-button").CopyButtonVariant;
-    showLabel: boolean;
     duration: number;
+    showLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/copy-button/index.d.ts

@@ -11,8 +11,8 @@ export declare const DouCopyButton: import("../..").WithInstall<import("vue").De
     text: string | (() => string | Promise<string>);
     disabled: boolean;
     variant: import("./copy-button").CopyButtonVariant;
-    showLabel: boolean;
     duration: number;
+    showLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonAttributes>;
 export default DouCopyButton;
 export type * from './copy-button';

package/dist/types/components/descriptions/descriptions.d.ts

@@ -1,5 +1,7 @@
 import type { InjectionKey, Ref } from 'vue';
 export type DescriptionsLayout = 'vertical' | 'horizontal';
+/** `plain` lays the fields out on an open grid, `table` draws them as a table of cells. */
+export type DescriptionsVariant = 'plain' | 'table';
 export interface DescriptionsProps {
     /** Heading above the list. */
     title?: string;
@@ -7,7 +9,13 @@ export interface DescriptionsProps {
     columns?: number;
     /** `vertical` puts each label above its value, `horizontal` beside it. */
     layout?: DescriptionsLayout;
-    /** Draw the list as a table: hairlines between cells and tinted labels. */
+    /** `table` draws the list as a table: a frame, hairlines between cells and tinted labels. */
+    variant?: DescriptionsVariant;
+    /**
+     * The table variant's frame and rounded corners. Off, the table takes no
+     * outer border at all, for a card or panel that already has an edge; the
+     * hairlines between cells stay. On by default.
+     */
     bordered?: boolean;
     /** Width of the labels in the horizontal layout, e.g. `96px`. A number is in px. */
     labelWidth?: string | number;

package/dist/types/components/descriptions/descriptions.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Slots = DescriptionsSlots;
 declare const __VLS_base: import("vue").DefineComponent<DescriptionsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DescriptionsProps> & Readonly<{}>, {
     layout: import("./descriptions").DescriptionsLayout;
     columns: number;
+    variant: import("./descriptions").DescriptionsVariant;
     bordered: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/descriptions/index.d.ts

@@ -4,6 +4,7 @@ export declare const DouDescriptions: import("../..").WithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./descriptions").DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         layout: import("./descriptions").DescriptionsLayout;
         columns: number;
+        variant: import("./descriptions").DescriptionsVariant;
         bordered: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -15,6 +16,7 @@ export declare const DouDescriptions: import("../..").WithInstall<{
     }, Readonly<import("./descriptions").DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, {
         layout: import("./descriptions").DescriptionsLayout;
         columns: number;
+        variant: import("./descriptions").DescriptionsVariant;
         bordered: boolean;
     }>;
     __isFragment?: never;
@@ -23,6 +25,7 @@ export declare const DouDescriptions: import("../..").WithInstall<{
 } & import("vue").ComponentOptionsBase<Readonly<import("./descriptions").DescriptionsProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     layout: import("./descriptions").DescriptionsLayout;
     columns: number;
+    variant: import("./descriptions").DescriptionsVariant;
     bordered: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./descriptions").DescriptionsSlots;

package/dist/types/components/dropdown/dropdown-group.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DropdownGroupProps, DropdownGroupSlots } from './dropdown';
+type __VLS_Slots = DropdownGroupSlots;
+declare const __VLS_base: import("vue").DefineComponent<DropdownGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DropdownGroupProps> & Readonly<{}>, {
+    divided: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/dropdown/dropdown-items.vue.d.ts

@@ -1,6 +1,6 @@
-import type { ContextMenuItem } from '../context-menu/context-menu';
+import type { ContextMenuEntry } from '../context-menu/context-menu';
 type __VLS_Props = {
-    items: ContextMenuItem[];
+    items: ContextMenuEntry[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/dropdown/dropdown-radio-group.vue.d.ts

@@ -1,13 +1,17 @@
-import type { DropdownRadioGroupSlots, DropdownValue } from './dropdown';
+import type { DropdownGroupProps, DropdownRadioGroupSlots, DropdownValue } from './dropdown';
+type __VLS_Props = DropdownGroupProps;
 type __VLS_Slots = DropdownRadioGroupSlots;
 type __VLS_ModelProps = {
     modelValue?: DropdownValue;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DropdownValue | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: DropdownValue | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    divided: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,7 +1,7 @@
 import type { InjectionKey } from 'vue';
 import type { Placement } from '../../composables/use-floating';
 import type { Size, Tone } from '../../utils/types';
-import type { ContextMenuItem } from '../context-menu/context-menu';
+import type { ContextMenuEntry } from '../context-menu/context-menu';
 export type DropdownPlacement = Placement;
 export type DropdownTrigger = 'click' | 'hover' | 'manual';
 export type DropdownValue = string | number;
@@ -29,7 +29,7 @@ export interface DropdownProps {
      * The items as data, in place of the `menu` slot; a chosen item's `run`
      * is called. Ignored when the `menu` slot is given.
      */
-    items?: ContextMenuItem[];
+    items?: ContextMenuEntry[];
 }
 export interface DropdownEmits {
     'update:open': [open: boolean];
@@ -39,7 +39,7 @@ export interface DropdownEmits {
 export interface DropdownSlots {
     /** The trigger. Its first element receives the listeners and ARIA attributes. */
     default?: () => unknown;
-    /** The items, `DouDropdownItem`s. */
+    /** The items: `DouDropdownItem`, `DouDropdownSub`, `DouDropdownGroup` and `DouDropdownRadioGroup`. */
     menu?: () => unknown;
 }
 export interface DropdownExpose {
@@ -66,6 +66,12 @@ export interface DropdownItemProps {
      * shown: bind the key yourself.
      */
     shortcut?: string;
+    /**
+     * A line under the label that says more about the item; the `description`
+     * slot replaces it. Screen readers read it after the label, and typing
+     * still jumps by the label.
+     */
+    description?: string;
 }
 export interface DropdownItemEmits {
     click: [event: MouseEvent | KeyboardEvent];
@@ -77,8 +83,22 @@ export interface DropdownItemSlots {
     prefix?: () => unknown;
     /** After the label, e.g. a shortcut. */
     suffix?: () => unknown;
+    /** The line under the label, in place of `description`. */
+    description?: () => unknown;
+}
+export interface DropdownGroupProps {
+    /** The heading above the items; the `label` slot replaces it. */
+    label?: string;
+    /** Draw a separator above the group. */
+    divided?: boolean;
+}
+export interface DropdownGroupSlots {
+    /** The group's items. */
+    default?: () => unknown;
+    /** The heading, in place of `label`. */
+    label?: () => unknown;
 }
-export interface DropdownRadioGroupProps {
+export interface DropdownRadioGroupProps extends DropdownGroupProps {
     /** The value of the chosen item, bound with `v-model`. */
     modelValue?: DropdownValue;
 }
@@ -88,6 +108,8 @@ export interface DropdownRadioGroupEmits {
 export interface DropdownRadioGroupSlots {
     /** `DouDropdownItem`s with a `value`; the one matching `v-model` shows a dot. */
     default?: () => unknown;
+    /** The heading, in place of `label`. */
+    label?: () => unknown;
 }
 export interface DropdownRadioGroupContext {
     value: () => DropdownValue | undefined;
@@ -104,7 +126,7 @@ export interface DropdownSubProps {
     placement?: DropdownPlacement;
 }
 export interface DropdownSubSlots {
-    /** The submenu's items: `DouDropdownItem`s and more `DouDropdownSub`s. */
+    /** The submenu's items: `DouDropdownItem`, `DouDropdownSub`, `DouDropdownGroup` and `DouDropdownRadioGroup`. */
     default?: () => unknown;
     /** The item's text. */
     title?: () => unknown;
@@ -138,7 +160,7 @@ export interface DropdownButtonSlots {
     default?: () => unknown;
     /** Before the label, usually an icon. */
     leading?: () => unknown;
-    /** The items, `DouDropdownItem`s. */
+    /** The items: `DouDropdownItem`, `DouDropdownSub`, `DouDropdownGroup` and `DouDropdownRadioGroup`. */
     menu?: () => unknown;
 }
 export interface DropdownContext {

package/dist/types/components/dropdown/dropdown.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, Dropd
     disabled: boolean;
     placement: import("../..").Placement;
     hideOnSelect: boolean;
-    trigger: import("./dropdown").DropdownTrigger;
     showDelay: number;
     hideDelay: number;
+    trigger: import("./dropdown").DropdownTrigger;
     sameWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/dropdown/index.d.ts

@@ -1,7 +1,9 @@
 import Dropdown from './dropdown.vue';
 import DropdownButton from './dropdown-button.vue';
-import DropdownItem from './dropdown-item.vue';
-import DropdownRadioGroup from './dropdown-radio-group.vue';
+import type DropdownGroup from './dropdown-group.vue';
+import type DropdownItem from './dropdown-item.vue';
+import type DropdownRadioGroup from './dropdown-radio-group.vue';
+import { DouDropdownGroup, DouDropdownItem, DouDropdownRadioGroup } from './item-components';
 import DropdownSub from './dropdown-sub.vue';
 export declare const DouDropdown: import("../..").WithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./dropdown").DropdownProps & {
@@ -18,9 +20,9 @@ export declare const DouDropdown: import("../..").WithInstall<{
         disabled: boolean;
         placement: import("../..").Placement;
         hideOnSelect: boolean;
-        trigger: import("./dropdown").DropdownTrigger;
         showDelay: number;
         hideDelay: number;
+        trigger: import("./dropdown").DropdownTrigger;
         sameWidth: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -40,9 +42,9 @@ export declare const DouDropdown: import("../..").WithInstall<{
         disabled: boolean;
         placement: import("../..").Placement;
         hideOnSelect: boolean;
-        trigger: import("./dropdown").DropdownTrigger;
         showDelay: number;
         hideDelay: number;
+        trigger: import("./dropdown").DropdownTrigger;
         sameWidth: boolean;
     }>;
     __isFragment?: never;
@@ -62,58 +64,13 @@ export declare const DouDropdown: import("../..").WithInstall<{
     disabled: boolean;
     placement: import("../..").Placement;
     hideOnSelect: boolean;
-    trigger: import("./dropdown").DropdownTrigger;
     showDelay: number;
     hideDelay: number;
+    trigger: import("./dropdown").DropdownTrigger;
     sameWidth: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./dropdown").DropdownSlots;
 }), import("vue").HTMLAttributes>;
-export declare const DouDropdownItem: import("../..").WithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./dropdown").DropdownItemProps> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-        "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (event: MouseEvent) => any;
-        "update:checked": (checked: boolean) => any;
-    }, import("vue").PublicProps, {
-        tone: import("./dropdown").DropdownItemTone;
-        disabled: boolean;
-        checked: boolean;
-        divided: boolean;
-    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("./dropdown").DropdownItemProps> & Readonly<{
-        onClick?: ((event: MouseEvent) => any) | undefined;
-        "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        tone: import("./dropdown").DropdownItemTone;
-        disabled: boolean;
-        checked: boolean;
-        divided: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("./dropdown").DropdownItemProps> & Readonly<{
-    onClick?: ((event: MouseEvent) => any) | undefined;
-    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (event: MouseEvent) => any;
-    "update:checked": (checked: boolean) => any;
-}, string, {
-    tone: import("./dropdown").DropdownItemTone;
-    disabled: boolean;
-    checked: boolean;
-    divided: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./dropdown").DropdownItemSlots;
-}), import("vue").HTMLAttributes>;
 export declare const DouDropdownSub: import("../..").WithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./dropdown").DropdownSubProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         disabled: boolean;
@@ -141,37 +98,6 @@ export declare const DouDropdownSub: import("../..").WithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./dropdown").DropdownSubSlots;
 }), import("vue").HTMLAttributes>;
-export declare const DouDropdownRadioGroup: import("../..").WithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: import("./dropdown").DropdownValue;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./dropdown").DropdownValue | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./dropdown").DropdownValue | undefined) => any;
-    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue?: import("./dropdown").DropdownValue;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("./dropdown").DropdownValue | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    modelValue?: import("./dropdown").DropdownValue;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("./dropdown").DropdownValue | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("./dropdown").DropdownValue | undefined) => any;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: import("./dropdown").DropdownRadioGroupSlots;
-}), import("vue").HTMLAttributes>;
 export declare const DouDropdownButton: import("../..").WithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./dropdown").DropdownButtonProps & {
         open?: boolean;
@@ -234,12 +160,14 @@ export declare const DouDropdownButton: import("../..").WithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./dropdown").DropdownButtonSlots;
 }), import("vue").HTMLAttributes>;
+export { DouDropdownGroup, DouDropdownItem, DouDropdownRadioGroup };
 export default DouDropdown;
 export { dropdownHostKey, dropdownKey } from './dropdown';
 export type * from './dropdown';
 export type DropdownInstance = InstanceType<typeof Dropdown>;
 export type DropdownItemInstance = InstanceType<typeof DropdownItem>;
 export type DropdownSubInstance = InstanceType<typeof DropdownSub>;
+export type DropdownGroupInstance = InstanceType<typeof DropdownGroup>;
 export type DropdownRadioGroupInstance = InstanceType<typeof DropdownRadioGroup>;
 export type DropdownButtonInstance = InstanceType<typeof DropdownButton>;
 declare module 'vue' {
@@ -247,6 +175,7 @@ declare module 'vue' {
         DouDropdown: typeof DouDropdown;
         DouDropdownItem: typeof DouDropdownItem;
         DouDropdownSub: typeof DouDropdownSub;
+        DouDropdownGroup: typeof DouDropdownGroup;
         DouDropdownRadioGroup: typeof DouDropdownRadioGroup;
         DouDropdownButton: typeof DouDropdownButton;
     }