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

package/components/overlaypanel/OverlayPanel.vue.d.ts

@@ -11,48 +11,48 @@ import { TransitionProps, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  PassThrough,
+    ClassComponent,
+    GlobalComponentConstructor,
+    PassThrough,
 } from '../ts-helpers';
 
 export declare type OverlayPanelPassThrougMethodType = (
-  options: OverlayPanelPassThroughMethodOptions,
+    options: OverlayPanelPassThroughMethodOptions,
 ) => OverlayPanelPassThroughAttributes;
 
 export declare type OverlayPanelPassThroughTransitionType =
-  | TransitionProps
-  | ((options: OverlayPanelPassThroughMethodOptions) => TransitionProps)
-  | undefined;
+    | TransitionProps
+    | ((options: OverlayPanelPassThroughMethodOptions) => TransitionProps)
+    | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface OverlayPanelPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: OverlayPanelProps;
-  /**
-   * Defines current inline state.
-   */
-  state: OverlayPanelState;
-  /**
-   * 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: OverlayPanelProps;
+    /**
+     * Defines current inline state.
+     */
+    state: OverlayPanelState;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -60,192 +60,192 @@ export interface OverlayPanelPassThroughMethodOptions {
  * @see {@link OverlayPanelProps.pt}
  */
 export interface OverlayPanelPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: OverlayPanelPassThroughAttributes;
-  /**
-   * Used to pass attributes to the content's DOM element.
-   */
-  content?: OverlayPanelPassThroughAttributes;
-  /**
-   * Used to pass attributes to the close button's DOM element.
-   */
-  closeButton?: OverlayPanelPassThroughAttributes;
-  /**
-   * Used to pass attributes to the close icon's DOM element.
-   */
-  closeIcon?: OverlayPanelPassThroughAttributes;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-  /**
-   * Used to control Vue Transition API.
-   */
-  transition?: OverlayPanelPassThroughTransitionType;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: OverlayPanelPassThroughAttributes;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: OverlayPanelPassThroughAttributes;
+    /**
+     * Used to pass attributes to the close button's DOM element.
+     */
+    closeButton?: OverlayPanelPassThroughAttributes;
+    /**
+     * Used to pass attributes to the close icon's DOM element.
+     */
+    closeIcon?: OverlayPanelPassThroughAttributes;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: OverlayPanelPassThroughTransitionType;
 }
 
 /**
  * Custom passthrough attributes for each DOM elements
  */
 export interface OverlayPanelPassThroughAttributes {
-  class: any;
-  style?: any;
-  [key: string]: any;
+    class: any;
+    style?: any;
+    [key: string]: any;
 }
 
 /**
  * Defines current inline state in OverlayPanel component.
  */
 export interface OverlayPanelState {
-  /**
-   * Current visible state as a boolean.
-   * @defaultValue false
-   */
-  visible: boolean;
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
 }
 
 /**
  * OverlayPanel breakpoint metadata.
  */
 export interface OverlayPanelBreakpoints {
-  /**
-   * Breakpoint for responsive mode.
-   *
-   * Example:
-   *
-   * <OverlayPanel :breakpoints="{'960px': '75vw', '640px': '100vw'}" ... />
-   *
-   * Result:
-   *
-   * @media screen and (max-width: ${breakpoint[key]}) {
-   *      .p-overlaypanel[attributeSelector] {
-   *          width: ${breakpoint[value]} !important;
-   *      }
-   * }
-   */
-  [key: string]: string;
+    /**
+     * Breakpoint for responsive mode.
+     *
+     * Example:
+     *
+     * <OverlayPanel :breakpoints="{'960px': '75vw', '640px': '100vw'}" ... />
+     *
+     * Result:
+     *
+     * @media screen and (max-width: ${breakpoint[key]}) {
+     *      .p-overlaypanel[attributeSelector] {
+     *          width: ${breakpoint[value]} !important;
+     *      }
+     * }
+     */
+    [key: string]: string;
 }
 
 /**
  * Defines valid properties in OverlayPanel component.
  */
 export interface OverlayPanelProps {
-  /**
-   * Enables to hide the overlay when outside is clicked.
-   * @defaultValue true
-   */
-  dismissable?: boolean;
-  /**
-   * Enables to hide the overlay when another overlay is clicked.
-   * @defaultValue true
-   */
-  dismissableOverlay?: boolean;
-  /**
-   * When enabled, displays a close icon at top right corner.
-   * @defaultValue false
-   */
-  showCloseIcon?: boolean;
-  /**
-   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-   * @defaultValue body
-   */
-  // AppendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
-  /**
-   * Base zIndex value to use in layering.
-   * @defaultValue 0
-   */
-  baseZIndex?: number;
-  /**
-   * Whether to automatically manage layering.
-   * @defaultValue true
-   */
-  autoZIndex?: boolean;
-  /**
-   * Object literal to define widths per screen size.
-   */
-  breakpoints?: OverlayPanelBreakpoints;
-  /**
-   * Icon to display in the overlaypanel close button.
-   * @deprecated since v3.27.0. Use 'closeicon' slot.
-   */
-  closeIcon?: string | undefined;
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {OverlayPanelPassThroughOptions}
-   */
-  pt?: PassThrough<OverlayPanelPassThroughOptions>;
-  /**
-   * 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;
-  /**
-   * Specifies if pressing escape key should hide the dialog.
-   * @defaultValue true
-   */
-  closeOnEscape?: boolean | undefined;
+    /**
+     * Enables to hide the overlay when outside is clicked.
+     * @defaultValue true
+     */
+    dismissable?: boolean;
+    /**
+     * Enables to hide the overlay when another overlay is clicked.
+     * @defaultValue true
+     */
+    dismissableOverlay?: boolean;
+    /**
+     * When enabled, displays a close icon at top right corner.
+     * @defaultValue false
+     */
+    showCloseIcon?: boolean;
+    /**
+     * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+     * @defaultValue body
+     */
+    // AppendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean;
+    /**
+     * Object literal to define widths per screen size.
+     */
+    breakpoints?: OverlayPanelBreakpoints;
+    /**
+     * Icon to display in the overlaypanel close button.
+     * @deprecated since v3.27.0. Use 'closeicon' slot.
+     */
+    closeIcon?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {OverlayPanelPassThroughOptions}
+     */
+    pt?: PassThrough<OverlayPanelPassThroughOptions>;
+    /**
+     * 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;
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @defaultValue true
+     */
+    closeOnEscape?: boolean | undefined;
 }
 
 /**
  * Defines valid slots in OverlayPanel component.
  */
 export interface OverlayPanelSlots {
-  /**
-   * Custom content template.
-   */
-  default(): VNode[];
-  /**
-   * Custom close icon template.
-   */
-  closeicon(): VNode[];
-  /**
-   * Custom container slot.
-   * @param {Object} scope - container slot's params.
-   */
-  container(scope: {
-    /**
-     * Close overlay panel function.
-     * @deprecated since v3.39.0. Use 'closeCallback' property instead.
-     */
-    onClose: () => void;
     /**
-     * Close button keydown function.
-     * @param {Event} event - Browser event
-     * @deprecated since v3.39.0. Use 'keydownCallback' property instead.
+     * Custom content template.
      */
-    onKeydown: (event: Event) => void;
+    default(): VNode[];
     /**
-     * Close overlay panel function.
+     * Custom close icon template.
      */
-    closeCallback: () => void;
+    closeicon(): VNode[];
     /**
-     * Close button keydown function.
-     * @param {Event} event - Browser event
+     * Custom container slot.
+     * @param {Object} scope - container slot's params.
      */
-    keydownCallback: (event: Event) => void;
-  }): VNode[];
+    container(scope: {
+        /**
+         * Close overlay panel function.
+         * @deprecated since v3.39.0. Use 'closeCallback' property instead.
+         */
+        onClose: () => void;
+        /**
+         * Close button keydown function.
+         * @param {Event} event - Browser event
+         * @deprecated since v3.39.0. Use 'keydownCallback' property instead.
+         */
+        onKeydown: (event: Event) => void;
+        /**
+         * Close overlay panel function.
+         */
+        closeCallback: () => void;
+        /**
+         * Close button keydown function.
+         * @param {Event} event - Browser event
+         */
+        keydownCallback: (event: Event) => void;
+    }): VNode[];
 }
 
 /**
  * Defines valid emits in OverlayPanel component.
  */
 export interface OverlayPanelEmits {
-  /**
-   * Callback to invoke when the overlay is shown.
-   */
-  show(): void;
-  /**
-   * Callback to invoke when the overlay is hidden.
-   */
-  hide(): void;
+    /**
+     * Callback to invoke when the overlay is shown.
+     */
+    show(): void;
+    /**
+     * Callback to invoke when the overlay is hidden.
+     */
+    hide(): void;
 }
 
 /**
@@ -260,42 +260,42 @@ export interface OverlayPanelEmits {
  * @group Component
  */
 declare class OverlayPanel extends ClassComponent<
-  OverlayPanelProps,
-  OverlayPanelSlots,
-  OverlayPanelEmits
+    OverlayPanelProps,
+    OverlayPanelSlots,
+    OverlayPanelEmits
 > {
-  /**
-   * Aligns overlay panel based on the current position of the container.
-   */
-  alignOverlay(): void;
-  /**
-   * Toggles the visibility of the overlay.
-   * @param {Event} event - Browser event.
-   * @param {*} [target] - Optional target if event.currentTarget should not be used.
-   *
-   * @memberof OverlayPanel
-   */
-  toggle(event: Event, target?: unknown): void;
-  /**
-   * Shows the overlay.
-   * @param {Event} event - Browser event.
-   * @param {*} [target] - Optional target if event.currentTarget should not be used.
-   *
-   * @memberof OverlayPanel
-   */
-  show(event: Event, target?: unknown): void;
-  /**
-   * Hides the overlay.
-   *
-   * @memberof OverlayPanel
-   */
-  hide(): void;
+    /**
+     * Aligns overlay panel based on the current position of the container.
+     */
+    alignOverlay(): void;
+    /**
+     * Toggles the visibility of the overlay.
+     * @param {Event} event - Browser event.
+     * @param {*} [target] - Optional target if event.currentTarget should not be used.
+     *
+     * @memberof OverlayPanel
+     */
+    toggle(event: Event, target?: unknown): void;
+    /**
+     * Shows the overlay.
+     * @param {Event} event - Browser event.
+     * @param {*} [target] - Optional target if event.currentTarget should not be used.
+     *
+     * @memberof OverlayPanel
+     */
+    show(event: Event, target?: unknown): void;
+    /**
+     * Hides the overlay.
+     *
+     * @memberof OverlayPanel
+     */
+    hide(): void;
 }
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    OverlayPanel: GlobalComponentConstructor<OverlayPanel>;
-  }
+    interface GlobalComponents {
+        OverlayPanel: GlobalComponentConstructor<OverlayPanel>;
+    }
 }
 
 export default OverlayPanel;

package/components/passthrough/index.d.ts

@@ -1,16 +1,16 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 export declare type PassThroughMergePropsType =
-  | ((...args: any) => object | undefined)
-  | boolean
-  | undefined;
+    | ((...args: any) => object | undefined)
+    | boolean
+    | undefined;
 
 export interface PassThroughOptions {
-  mergeSections?: boolean | undefined;
-  mergeProps?: PassThroughMergePropsType;
+    mergeSections?: boolean | undefined;
+    mergeProps?: PassThroughMergePropsType;
 }
 
 export declare function usePassThrough(
-  pt1: object,
-  pt2: object,
-  options?: PassThroughOptions,
+    pt1: object,
+    pt2: object,
+    options?: PassThroughOptions,
 ): object;