@pixelium/web-vue 0.0.4 → 0.0.5

package/es/dialog/type.d.ts

@@ -4,302 +4,302 @@ import type { EmitEvent, RestAttrs, ValidContent, ValidVNodeContent } from '../s
 export type DialogOptions = {
     /**
      * @property {ValidContent} content
-     * @version 0.0.4
+     * @version 0.1.0
      */
     content: ValidContent;
     /**
      * @property {ValidContent} [title]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     title?: ValidContent;
     /**
      * @property {ValidVNodeContent} [icon]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     icon?: ValidVNodeContent;
     /**
      * @property {ValidVNodeContent} [footer]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     footer?: ValidVNodeContent;
     /**
      * @property {'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm'} [type='normal']
-     * @version 0.0.4
+     * @version 0.1.0
      */
     type?: 'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm';
     /**
      * @property {boolean} [closable=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     closable?: boolean;
     /**
      * @property {boolean} [mask=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     mask?: boolean;
     /**
      * @property {boolean} [maskClosable=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     maskClosable?: boolean;
     /**
      * @property {boolean} [escToClose=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     escToClose?: boolean;
     /**
      * @property {boolean} [showCancel]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     showCancel?: boolean;
     /**
      * @property {string} [okText]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     okText?: string;
     /**
      * @property {string} [cancelText]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     cancelText?: string;
     /**
      * @property {boolean} [showFooter=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     showFooter?: boolean;
     /**
      * @property {number} [zIndex]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     zIndex?: number;
     /**
      * @property {string | HTMLElement} [root='body']
-     * @version 0.0.4
+     * @version 0.1.0
      */
     root?: string | HTMLElement;
     /**
      * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
     /**
      * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
     /**
      * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     maskProps?: Omit<MaskProps, 'zIndex'>;
     /**
      * @property {RestAttrs} [containerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     containerProps?: RestAttrs;
     /**
      * @property {RestAttrs} [headerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     headerProps?: RestAttrs;
     /**
      * @property {RestAttrs} [bodyProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     bodyProps?: RestAttrs;
     /**
      * @property {RestAttrs} [footerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     footerProps?: RestAttrs;
 };
 export type DialogProps = {
     /**
      * @property {boolean | null} [visible]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     visible?: boolean | null;
     /**
      * @property {boolean | null} [visible]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     defaultVisible?: boolean | null;
     /**
      * @property {string} [title='']
-     * @version 0.0.4
+     * @version 0.1.0
      */
     title?: string;
     /**
      * @property {boolean} [closable=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     closable?: boolean;
     /**
      * @property {boolean} [mask=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     mask?: boolean;
     /**
      * @property {boolean} [maskClosable=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     maskClosable?: boolean;
     /**
      * @property {boolean} [escToClose=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     escToClose?: boolean;
     /**
      * @property {boolean} [showCancel=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     showCancel?: boolean;
     /**
      * @property {string} [okText]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     okText?: string;
     /**
      * @property {string} [cancelText]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     cancelText?: string;
     /**
      * @property {boolean} [boolean=false]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     loading?: boolean;
     /**
      * @property {boolean} [showFooter=true]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     showFooter?: boolean;
     /**
      * @property {string | HTMLElement} [root='body']
-     * @version 0.0.4
+     * @version 0.1.0
      */
     root?: string | HTMLElement;
     /**
      * @property {number} [zIndex]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     zIndex?: number;
     /**
      * @property {boolean} [destroyOnHide=false]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     destroyOnHide?: boolean;
     /**
      * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
     /**
      * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
     /**
      * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     maskProps?: Omit<MaskProps, 'zIndex'>;
     /**
      * @property {RestAttrs} [containerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     containerProps?: RestAttrs;
     /**
      * @property {RestAttrs} [headerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     headerProps?: RestAttrs;
     /**
      * @property {RestAttrs} [bodyProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     bodyProps?: RestAttrs;
     /**
      * @property {RestAttrs} [footerProps]
-     * @version 0.0.4
+     * @version 0.1.0
      */
     footerProps?: RestAttrs;
 };
 export type DialogSlots = {
     /**
      * @slot default
-     * @version 0.0.4
+     * @version 0.1.0
      */
     default: {};
     /**
      * @slot title
-     * @version 0.0.4
+     * @version 0.1.0
      */
     title: {};
     /**
      * @slot icon
-     * @version 0.0.4
+     * @version 0.1.0
      */
     icon: {};
     /**
      * @slot footer
-     * @version 0.0.4
+     * @version 0.1.0
      */
     footer: {};
 };
 export type DialogEvents = {
     /**
      * @event update:visible
-     * @version 0.0.4
+     * @version 0.1.0
      */
     'update:visible': [visible: boolean];
     /**
      * @event beforeOk
-     * @version 0.0.4
+     * @version 0.1.0
      */
     beforeOk: [];
     /**
      * @event ok
      * @param {MouseEvent} event
-     * @version 0.0.4
+     * @version 0.1.0
      */
     ok: [event: MouseEvent];
     /**
      * @event cancel
      * @param {MouseEvent | KeyboardEvent} event
-     * @version 0.0.4
+     * @version 0.1.0
      */
     cancel: [event: MouseEvent | KeyboardEvent];
     /**
      * @event open
-     * @version 0.0.4
+     * @version 0.1.0
      */
     open: [];
     /**
      * @event afterOpen
-     * @version 0.0.4
+     * @version 0.1.0
      */
     afterOpen: [];
     /**
      * @event close
-     * @version 0.0.4
+     * @version 0.1.0
      */
     close: [];
     /**
      * @event afterClose
-     * @version 0.0.4
+     * @version 0.1.0
      */
     afterClose: [];
 };
 export type DialogExpose = {
     /**
      * @property {() => void} close
-     * @version 0.0.4
+     * @version 0.1.0
      */
     close: () => void;
     /**
      * @property {() => void} open
-     * @version 0.0.4
+     * @version 0.1.0
      */
     open: () => void;
 };

package/es/divider/index.d.ts

@@ -1,6 +1,7 @@
 import type { DividerProps } from './type';
-declare const _default: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<DividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DividerProps> & Readonly<{}>, {
     variant: "solid" | "dashed" | "dotted" | "double" | "ridge" | "groove";
     direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/es/drop-down/index.d.ts

@@ -0,0 +1,36 @@
+import type { DropDownExpose, DropDownProps } from './type';
+import type { DropDownOption } from '../drop-down-list/type';
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DropDownProps, DropDownExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (event: MouseEvent | TouchEvent) => any;
+    select: (index: string | number | symbol, option: string | DropDownOption, event: MouseEvent) => any;
+    open: (event: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropDownProps> & Readonly<{
+    onClose?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    onSelect?: ((index: string | number | symbol, option: string | DropDownOption, event: MouseEvent) => any) | undefined;
+    onOpen?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    variant: "dark" | "light";
+    disabled: boolean;
+    placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    root: string | HTMLElement;
+    offset: number;
+    visible: boolean | null;
+    defaultVisible: boolean | null;
+    trigger: "click" | "hover";
+    arrow: boolean;
+    destroyOnHide: 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/es/drop-down/type.d.ts

@@ -0,0 +1,140 @@
+import type { DropDownOption, DropDownGroupOption } from '../drop-down-list/type';
+import type { PopoverEvents, PopoverProps } from '../popover/type';
+import type { EmitEvent, RestAttrs } from '../share/type';
+export type DropDownProps = {
+    /**
+     * @property {DropDownOption | DropDownGroupOption} [options]
+     * @version 0.1.0
+     */
+    options?: (string | DropDownOption | DropDownGroupOption)[];
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.1.0
+     */
+    visible?: boolean | null;
+    /**
+     * @property {boolean | null} [defaultVisible]
+     * @version 0.1.0
+     */
+    defaultVisible?: boolean | null;
+    /**
+     * @property {'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'} [placement='top']
+     * @version 0.1.0
+     */
+    placement?: PopoverProps['placement'];
+    /**
+     * @property {'hover' | 'click'} [trigger='hover']
+     * @version 0.1.0
+     */
+    trigger?: PopoverProps['trigger'];
+    /**
+     * @property {boolean} [disabled=boolean]
+     * @version 0.1.0
+     */
+    disabled?: PopoverProps['disabled'];
+    /**
+     * @property {number} [offset=8]
+     * @version 0.1.0
+     */
+    offset?: number;
+    /**
+     * @property {'dark' | 'light'} [variant='light']
+     * @version 0.1.0
+     */
+    variant?: 'dark' | 'light';
+    /**
+     * @property {boolean} [arrow=true]
+     * @version 0.1.0
+     */
+    arrow?: boolean;
+    /**
+     * @property { HTMLElement | string} [root='body']
+     * @version 0.1.0
+     */
+    root?: PopoverProps['root'];
+    /**
+     * @property {number} [zIndex]
+     * @version 0.1.0
+     */
+    zIndex?: PopoverProps['zIndex'];
+    /**
+     * @property {boolean} [destroyOnHide=false]
+     * @version 0.1.0
+     */
+    destroyOnHide?: boolean;
+    /**
+     * @property {Omit<PopoverProps, 'visible' | 'content' | 'defaultVisible'> & EmitEvent<PopoverEvents>} [popoverProps]
+     * @version 0.1.0
+     */
+    popoverProps?: Omit<PopoverProps, 'visible' | 'defaultVisible' | 'content'> & EmitEvent<PopoverEvents>;
+    /**
+     * @property {RestAttrs} [dividerProps]
+     * @version 0.1.0
+     */
+    dividerProps?: RestAttrs;
+};
+export type DropDownEvents = {
+    /**
+     * @event update:visible
+     * @param {boolean} value
+     * @version 0.1.0
+     */
+    'update:visible': [value: boolean];
+    /**
+     * @event close
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    close: [event: MouseEvent | TouchEvent];
+    /**
+     * @event open
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    open: [event: MouseEvent];
+    /**
+     * @event select
+     * @param {string | number | symbol} index
+     * @param {DropDownOption | string} option
+     * @param {MouseEvent} event
+     * @version 0.1.0
+     */
+    select: [index: string | number | symbol, option: DropDownOption | string, event: MouseEvent];
+};
+export type DropDownSlots = {
+    /**
+     * @slot default
+     * @version 0.1.0
+     */
+    default: {};
+    /**
+     * @slot option
+     * @version 0.1.0
+     */
+    option: {};
+    /**
+     * @slot group-label
+     * @version 0.1.0
+     */
+    'group-label': {};
+};
+export type DropDownExpose = {
+    /**
+     * @property {() => void} open
+     * @version 0.1.0
+     */
+    open: () => void;
+    /**
+     * @property {() => void} close
+     * @version 0.1.0
+     */
+    close: () => void;
+    /**
+     * @ignore
+     */
+    updateRenderState: () => void;
+    /**
+     * @ignore
+     */
+    triggerContent: any;
+};

package/es/drop-down-list/index.d.ts

@@ -0,0 +1,10 @@
+import type { DropDownGroupOption, DropDownOption, DropDownListProps } from './type';
+declare const __VLS_export: import("vue").DefineComponent<DropDownListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (index: string | number | symbol, option: string | DropDownOption, e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<DropDownListProps> & Readonly<{
+    onSelect?: ((index: string | number | symbol, option: string | DropDownOption, e: MouseEvent) => any) | undefined;
+}>, {
+    options: (string | DropDownOption | DropDownGroupOption)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/drop-down-list/type.d.ts

@@ -0,0 +1,19 @@
+import type { GROUP_OPTION_TYPE } from '../share/const';
+import type { NavigationOption } from '../share/type';
+export interface DropDownOption extends NavigationOption {
+    divider?: boolean;
+    disabled?: boolean;
+    href?: string;
+    route?: string | object;
+    target?: string;
+}
+export interface DropDownGroupOption extends NavigationOption {
+    children: (DropDownOption | string)[];
+    type: typeof GROUP_OPTION_TYPE;
+}
+export type DropDownListProps = {
+    options?: (string | DropDownOption | DropDownGroupOption)[];
+};
+export type DropDownListEvent = {
+    select: [index: string | number | symbol, option: DropDownOption | string, e: MouseEvent];
+};

package/es/empty/index.d.ts

@@ -5,10 +5,11 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
     description: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/footer/index.d.ts

@@ -3,10 +3,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<FooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FooterProps> & Readonly<{}>, {
     dark: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/form/index.d.ts

@@ -3,7 +3,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<FormProps, FormExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<FormProps, FormExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (form: Record<string | number, any>, event: Event) => any;
     reset: (form: Record<string | number, any>, event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<FormProps> & Readonly<{
@@ -18,7 +18,8 @@ declare const __VLS_component: import("vue").DefineComponent<FormProps, FormExpo
     asteriskPlacement: "left" | "right" | "end";
     labelAutoWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {

package/es/form-item/index.d.ts

@@ -1,19 +1,19 @@
 import type { RuleLevel, RuleTrigger } from '../form/type';
 import type { FormItemProps } from './type';
-declare var __VLS_10: {}, __VLS_16: {}, __VLS_18: {
+declare var __VLS_14: {}, __VLS_22: {}, __VLS_24: {
     message: string;
     level: RuleLevel;
-}, __VLS_20: {};
+}, __VLS_26: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_10) => any;
+    label?: (props: typeof __VLS_14) => any;
 } & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_22) => any;
 } & {
-    tip?: (props: typeof __VLS_18) => any;
+    tip?: (props: typeof __VLS_24) => any;
 } & {
-    extra?: (props: typeof __VLS_20) => any;
+    extra?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<FormItemProps, {
+declare const __VLS_base: import("vue").DefineComponent<FormItemProps, {
     validate: (trigger?: RuleTrigger) => Promise<{
         message: string;
         level: RuleLevel;
@@ -28,7 +28,8 @@ declare const __VLS_component: import("vue").DefineComponent<FormItemProps, {
     labelProps: import("../col/type.ts").ColProps;
     contentProps: import("../col/type.ts").ColProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+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 (): {