@fewangsit/wangsvue-fats 1.0.0-alpha.3 → 1.0.0-alpha.30

package/components/menu/Menu.vue.d.ts

@@ -14,64 +14,64 @@ import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import { MenuItem } from '../menuitem';
 import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  PassThrough,
+    ClassComponent,
+    GlobalComponentConstructor,
+    PassThrough,
 } from '../ts-helpers';
 
 export declare type MenuPassThroughOptionType =
-  | MenuPassThroughAttributes
-  | ((
-      options: MenuPassThroughMethodOptions,
-    ) => MenuPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
+    | MenuPassThroughAttributes
+    | ((
+          options: MenuPassThroughMethodOptions,
+      ) => MenuPassThroughAttributes | string)
+    | string
+    | null
+    | undefined;
 
 export declare type MenuPassThroughTransitionType =
-  | TransitionProps
-  | ((options: MenuPassThroughMethodOptions) => TransitionProps)
-  | undefined;
+    | TransitionProps
+    | ((options: MenuPassThroughMethodOptions) => TransitionProps)
+    | undefined;
 
 export interface MenuLocaleConfig {
-  /**
-   * The label of menu when no selectable menu available.
-   */
-  noOptionLabel?: string;
+    /**
+     * The label of menu when no selectable menu available.
+     */
+    noOptionLabel?: string;
 }
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface MenuPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: MenuProps;
-  /**
-   * Defines current inline state.
-   */
-  state: MenuState;
-  /**
-   * Defines current options.
-   */
-  context: MenuContext;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: MenuProps;
+    /**
+     * Defines current inline state.
+     */
+    state: MenuState;
+    /**
+     * Defines current options.
+     */
+    context: MenuContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -79,271 +79,271 @@ export interface MenuPassThroughMethodOptions {
  * @see {@link MenuProps.pt}
  */
 export interface MenuPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list's DOM element.
-   */
-  menu?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the submenu header's DOM element.
-   */
-  submenuHeader?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list item's DOM element.
-   */
-  menuitem?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the content's DOM element.
-   */
-  content?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the action's DOM element.
-   */
-  action?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the icon's DOM element.
-   */
-  icon?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the label's DOM element.
-   */
-  label?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the separator's DOM element.
-   */
-  separator?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the start of the component.
-   */
-  start?: MenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the end of the component.
-   */
-  end?: MenuPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link basecomponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-  /**
-   * Used to control Vue Transition API.
-   */
-  transition?: MenuPassThroughTransitionType;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the list's DOM element.
+     */
+    menu?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the submenu header's DOM element.
+     */
+    submenuHeader?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the list item's DOM element.
+     */
+    menuitem?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the action's DOM element.
+     */
+    action?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the icon's DOM element.
+     */
+    icon?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the label's DOM element.
+     */
+    label?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the start of the component.
+     */
+    start?: MenuPassThroughOptionType;
+    /**
+     * Used to pass attributes to the end of the component.
+     */
+    end?: MenuPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link basecomponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: MenuPassThroughTransitionType;
 }
 
 /**
  * Custom passthrough attributes for each DOM elements
  */
 export interface MenuPassThroughAttributes {
-  [key: string]: any;
+    [key: string]: any;
 }
 
 /**
  * Defines current inline state in Menu component.
  */
 export interface MenuState {
-  /**
-   * Current id state as a string.
-   */
-  id: string;
-  /**
-   * Current visible state as a boolean.
-   * @defaultValue false
-   */
-  overlayVisible: boolean;
-  /**
-   * Current focus state as a boolean.
-   * @defaultValue false
-   */
-  focused: boolean;
-  /**
-   * Focused option index.
-   */
-  focusedOptionIndex: number;
-  /**
-   * Selected option index.
-   */
-  selectedOptionIndex: number;
+    /**
+     * Current id state as a string.
+     */
+    id: string;
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+    /**
+     * Current focus state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Focused option index.
+     */
+    focusedOptionIndex: number;
+    /**
+     * Selected option index.
+     */
+    selectedOptionIndex: number;
 }
 
 /**
  * Defines current options in Menu component.
  */
 export interface MenuContext {
-  /**
-   * Current menuitem
-   */
-  item: any;
-  /**
-   * Current index of the menuitem.
-   */
-  index: number;
-  /**
-   * Current focused state of menuitem as a boolean.
-   * @defaultValue false
-   */
-  focused: boolean;
-  /**
-   * Current disabled state of menuitem as a boolean.
-   * @defaultValue false
-   */
-  disabled: boolean;
+    /**
+     * Current menuitem
+     */
+    item: any;
+    /**
+     * Current index of the menuitem.
+     */
+    index: number;
+    /**
+     * Current focused state of menuitem as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current disabled state of menuitem as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
 }
 
 /**
  * Defines valid router binding props in Menu component.
  */
 export interface MenuRouterBindProps {
-  /**
-   * Action element binding
-   */
-  action: object;
-  /**
-   * Icon element binding
-   */
-  icon: object;
-  /**
-   * Label element binding
-   */
-  label: object;
+    /**
+     * Action element binding
+     */
+    action: object;
+    /**
+     * Icon element binding
+     */
+    icon: object;
+    /**
+     * Label element binding
+     */
+    label: object;
 }
 
 /**
  * Defines valid properties in Menu component.
  */
 export interface MenuProps {
-  /**
-   * An array of menuitems.
-   */
-  model?: MenuItem[] | undefined;
-  /**
-   * Defines if menu would displayed as a popup.
-   * @defaultValue true
-   */
-  popup?: boolean | undefined;
-  /**
-   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-   * @defaultValue body
-   */
-  appendTo?: 'body' | 'self' | string | undefined | HTMLElement;
-  /**
-   * Whether to automatically manage layering.
-   * @defaultValue true
-   */
-  autoZIndex?: boolean | undefined;
-  /**
-   * Base zIndex value to use in layering.
-   * @defaultValue 0
-   */
-  baseZIndex?: number | undefined;
-  /**
-   * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-   * @deprecated since v3.40.0.
-   * @defaultValue true
-   */
-  exact?: boolean | undefined;
-  /**
-   * Index of the element in tabbing order.
-   */
-  tabindex?: number | string | undefined;
-  /**
-   * Defines a string value that labels an interactive element.
-   */
-  ariaLabel?: string | undefined;
-  /**
-   * Identifier of the underlying input element.
-   */
-  ariaLabelledby?: string | undefined;
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {MenuPassThroughOptions}
-   */
-  pt?: PassThrough<MenuPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if menu would displayed as a popup.
+     * @defaultValue true
+     */
+    popup?: boolean | undefined;
+    /**
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+     * @defaultValue body
+     */
+    appendTo?: 'body' | 'self' | string | undefined | HTMLElement;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * @deprecated since v3.40.0.
+     * @defaultValue true
+     */
+    exact?: boolean | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabindex?: number | string | undefined;
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Identifier of the underlying input element.
+     */
+    ariaLabelledby?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {MenuPassThroughOptions}
+     */
+    pt?: PassThrough<MenuPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**
  * Defines valid slots in Menu component.
  */
 export interface MenuSlots {
-  /**
-   * Custom start template.
-   */
-  start(): VNode[];
-  /**
-   * Custom end template.
-   */
-  end(): VNode[];
-  /**
-   * Custom item template.
-   * @param {Object} scope - item slot's params.
-   */
-  item(scope: {
     /**
-     * Menuitem instance
+     * Custom start template.
      */
-    item: MenuItem;
+    start(): VNode[];
     /**
-     * Label property of the menuitem
+     * Custom end template.
      */
-    label: string | ((...args: any) => string) | undefined;
+    end(): VNode[];
     /**
-     * Binding properties of the menuitem
+     * Custom item template.
+     * @param {Object} scope - item slot's params.
      */
-    props: MenuRouterBindProps;
-  }): VNode[];
-  /**
-   * Custom item icon template.
-   * @param {Object} scope - item icon slot's params.
-   */
-  itemicon(scope: {
+    item(scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+        /**
+         * Label property of the menuitem
+         */
+        label: string | ((...args: any) => string) | undefined;
+        /**
+         * Binding properties of the menuitem
+         */
+        props: MenuRouterBindProps;
+    }): VNode[];
     /**
-     * Menuitem instance
+     * Custom item icon template.
+     * @param {Object} scope - item icon slot's params.
      */
-    item: MenuItem;
+    itemicon(scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+        /**
+         * Style class of the item icon element.
+         */
+        class: any;
+    }): VNode[];
     /**
-     * Style class of the item icon element.
+     * Custom item template.
+     * @param {Object} scope - submenuheader slot's params.
      */
-    class: any;
-  }): VNode[];
-  /**
-   * Custom item template.
-   * @param {Object} scope - submenuheader slot's params.
-   */
-  submenuheader(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-  }): VNode[];
+    submenuheader(scope: {
+        /**
+         * Menuitem instance
+         */
+        item: MenuItem;
+    }): VNode[];
 }
 
 /**
  * Defines valid emits in Menu component.
  */
 export type MenuEmits = {
-  /**
-   * Callback to invoke when the component receives focus.
-   * @param {Event} event - Browser event.
-   */
-  focus: [event: Event];
-  /**
-   * Callback to invoke when the component loses focus.
-   * @param {Event} event - Browser event.
-   */
-  blur: [event: Event];
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     */
+    focus: [event: Event];
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     */
+    blur: [event: Event];
 };
 
 /**
@@ -358,33 +358,33 @@ export type MenuEmits = {
  *
  */
 declare class Menu extends ClassComponent<MenuProps, MenuSlots, MenuEmits> {
-  /**
-   * Toggles the visibility of the overlay.
-   * @param {Event} event - Browser event.
-   *
-   * @memberof Menu
-   */
-  toggle(event: Event): void;
-  /**
-   * Shows the overlay.
-   * @param {Event} event - Browser event.
-   * @param {*} [target] - Target element
-   *
-   * @memberof Menu
-   */
-  show(event: Event, target?: any): void;
-  /**
-   * Hides the overlay.
-   *
-   * @memberof Menu
-   */
-  hide(): void;
+    /**
+     * Toggles the visibility of the overlay.
+     * @param {Event} event - Browser event.
+     *
+     * @memberof Menu
+     */
+    toggle(event: Event): void;
+    /**
+     * Shows the overlay.
+     * @param {Event} event - Browser event.
+     * @param {*} [target] - Target element
+     *
+     * @memberof Menu
+     */
+    show(event: Event, target?: any): void;
+    /**
+     * Hides the overlay.
+     *
+     * @memberof Menu
+     */
+    hide(): void;
 }
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    Menu: GlobalComponentConstructor<Menu>;
-  }
+    interface GlobalComponents {
+        Menu: GlobalComponentConstructor<Menu>;
+    }
 }
 
 export default Menu;

package/components/menu/helpers/filterMenu.helper.d.ts

@@ -8,5 +8,8 @@ import { MenuItem } from '../../menuitem';
  *
  * @returns - The array of visible menu items or an array with a single menu item with label 'No Option Available'.
  */
-declare const filterVisibleMenu: (menuItems: MenuItem[], noOptionLabel?: string) => MenuItem[];
+declare const filterVisibleMenu: (
+    menuItems: MenuItem[],
+    noOptionLabel?: string,
+) => MenuItem[];
 export default filterVisibleMenu;