@fewangsit/wangsvue-fats 1.0.0-alpha.13 → 1.0.0-alpha.130

package/components/loading/store/loading.store.d.ts

@@ -1,8 +1,8 @@
 import { Ref } from 'vue';
 export interface LoadingStore {
-    loading: Ref<boolean>;
-    message: Ref<string | undefined>;
-    setLoading: (state: boolean, message?: string) => void;
+  loading: Ref<boolean>;
+  message: Ref<string | undefined>;
+  setLoading: (state: boolean, message?: string) => void;
 }
 declare const useLoadingStore: () => LoadingStore;
 export default useLoadingStore;

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

@@ -10,9 +10,10 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { PassThroughOptions } from '../passthrough';
 import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,

package/components/multiselect/MultiSelect.vue.d.ts

@@ -1,9 +1,12 @@
-import { DropdownLocaleConfig } from '../dropdown/Dropdown.vue.d';
+import {
+  DropdownLocaleConfig,
+  Option,
+  OptionValue,
+} from '../../components/dropdown/Dropdown.vue.d';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-import { MultiSelectOption, OptionValue } from 'lib/types/options.type';
-
 export type MultiSelectLocaleConfig = DropdownLocaleConfig & {};
 
 /**
@@ -25,7 +28,7 @@ export interface MultiSelectProps {
   /**
    * List of options to display.
    */
-  options?: MultiSelectOption[] | string[];
+  options?: Option[] | string[];
 
   /**
    * Specify the property name of option to be used as label.

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

@@ -8,6 +8,7 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

package/components/paginator/Paginator.vue.d.ts

@@ -0,0 +1,285 @@
+/**
+ *
+ * Paginator is a generic component to display content in paged format.
+ *
+ * [Live Demo](https://TSVue v2.org/paginator)
+ *
+ * @module paginator
+ *
+ */
+import { VNode } from 'vue';
+
+import { PassThroughOptions } from '../passthrough';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  PassThrough,
+} from '../ts-helpers';
+
+import {
+  PaginatorPassThroughAttributes,
+  PaginatorPassThroughOptions,
+} from 'primevue/paginator';
+
+export declare type PaginatorPassThroughOptionType<T = any> =
+  | PaginatorPassThroughAttributes
+  | ((
+      options: PaginatorPassThroughMethodOptions<T>,
+    ) => PaginatorPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface PaginatorPassThroughMethodOptions<T> {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: PaginatorProps;
+  /**
+   * Defines current inline state.
+   */
+  state: PaginatorState;
+  /**
+   * Defines parent instance.
+   */
+  parent: T;
+  /**
+   * Defines current options.
+   */
+  context: PaginatorContext;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface PaginatorSharedPassThroughMethodOptions {
+  /**
+   * Defines valid properties.
+   */
+  props: PaginatorProps;
+  /**
+   * Defines current inline state.
+   */
+  state: PaginatorState;
+}
+
+/**
+ * Defines current inline state in Paginator component.
+ */
+export interface PaginatorState {
+  /**
+   * Current index of first record as a number.
+   */
+  d_first: number;
+  /**
+   * Current number of rows to display in new page as a number.
+   */
+  d_rows: number;
+}
+
+/**
+ * Defines current options in Paginator component.
+ */
+export interface PaginatorContext {
+  /**
+   * Current active state as a boolean.
+   * @defaultValue false
+   */
+  active: boolean;
+  /**
+   * Current disabled state of the button as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Paginator page state metadata.
+ */
+export interface PageState {
+  /**
+   * Index of first record
+   */
+  first: number;
+  /**
+   * Number of rows to display in new page
+   */
+  rows: number;
+  /**
+   * New page number
+   */
+  page: number;
+  /**
+   * Total number of pages
+   */
+  pageCount?: number;
+}
+
+/**
+ * Defines valid properties in Paginator component.
+ */
+export interface PaginatorProps {
+  /**
+   * Number of total records.
+   * @defaultValue 0
+   */
+  totalRecords?: number | undefined;
+  /**
+   * Data count to display per page.
+   * @defaultValue 0
+   */
+  rows?: number | undefined;
+  /**
+   * Zero-relative number of the first row to be displayed.
+   * @defaultValue 0
+   */
+  first?: number | undefined;
+  /**
+   * Number of page links to display.
+   * @defaultValue 5
+   */
+  pageLinkSize?: number | undefined;
+  /**
+   * Array of integer values to display inside rows per page dropdown.
+   */
+  rowsPerPageOptions?: number[] | undefined;
+  /**
+   * Template of the paginator, can either be a string or an object with key-value pairs to define templates per breakpoint. Available templates are the following;
+   *
+   * - FirstPageLink
+   * - PrevPageLink
+   * - PageLinks
+   * - NextPageLink
+   * - LastPageLink
+   * - RowsPerPageDropdown
+   * - JumpToPageDropdown
+   * - JumpToPageInput
+   * - CurrentPageReport
+   */
+  template?: any | string;
+  /**
+   * Template of the current page report element. It displays information about the pagination state. Available placeholders are the following;
+   *
+   * - {currentPage}
+   * - {totalPages}
+   * - {rows}
+   * - {first}
+   * - {last}
+   * - {totalRecords}
+   *
+   * @defaultValue '({currentPage} of {totalPages})'
+   */
+  currentPageReportTemplate?: string | undefined;
+  /**
+   * Whether to show the paginator even there is only one page.
+   * @defaultValue true
+   */
+  alwaysShow?: boolean | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {PaginatorPassThroughOptions}
+   */
+  pt?: PassThrough<PaginatorPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines valid slots in Paginator component.
+ */
+export interface PaginatorSlots {
+  /**
+   * Custom start template.
+   * @param {Object} scope - start slot's params.
+   */
+  start(scope: {
+    /**
+     * Current state
+     * @see PageState
+     */
+    state: PageState;
+  }): VNode[];
+  /**
+   * Custom end template.
+   * @param {Object} scope - end slot's params.
+   */
+  end(scope: {
+    /**
+     * Current state
+     * @see PageState
+     */
+    state: PageState;
+  }): VNode[];
+  /**
+   * Custom first page link icon template.
+   */
+  firstpagelinkicon(): VNode[];
+  /**
+   * Custom previous page link icon template.
+   */
+  prevpagelinkicon(): VNode[];
+  /**
+   * Custom finextrst page link icon template.
+   */
+  nextpagelinkicon(): VNode[];
+  /**
+   * Custom last page link icon template.
+   */
+  lastpagelinkicon(): VNode[];
+  /**
+   * Custom rowsperpagedropdownicon template.
+   * @param {Object} scope - rowsperpagedropdownicon's params.
+   */
+  rowsperpagedropdownicon(scope: {
+    /**
+     * Style class of the rowsperpagedropdown icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom jumptopagedropdownicon template.
+   * @param {Object} scope - jumptopagedropdownicon's params.
+   */
+  jumptopagedropdownicon(scope: {
+    /**
+     * Style class of the jumptopagedropdown icon.
+     */
+    class: string;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in Paginator component.
+ */
+export type PaginatorEmits = {
+  'page': [event: PageState];
+  'update:rows': [];
+};
+
+declare class Paginator extends ClassComponent<
+  PaginatorProps,
+  PaginatorSlots,
+  PaginatorEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Paginator: GlobalComponentConstructor<Paginator>;
+  }
+}
+
+export default Paginator;

package/components/steps/Steps.vue.d.ts

@@ -0,0 +1,20 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export type Step = {
+  label: string;
+};
+
+export interface StepsProps {
+  /**
+   * List of step object or label.
+   */
+  steps: Step[] | string[] | (string | Step)[];
+  /**
+   * The current active step start from 1.
+   */
+  currentStep: number;
+}
+
+declare class Steps extends ClassComponent<StepsProps, unknown, unknown> {}
+
+export default Steps;

package/components/tabmenu/TabMenu.vue.d.ts

@@ -7,126 +7,11 @@
  * @module tabmenu
  *
  */
-import { VNode } from 'vue';
-import { ComponentHooks } from '../basecomponent';
-import { MenuItem } from '../menuitem';
-import { PassThroughOptions } from '../passthrough';
-import { ClassComponent, PassThrough } from '../ts-helpers';
 
-export declare type TabMenuPassThroughOptionType =
-  | TabMenuPassThroughAttributes
-  | ((
-      options: TabMenuPassThroughMethodOptions,
-    ) => TabMenuPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
+import { TabMenuProps as WangsUITabMenuProps } from '@wangs-ui/core';
+import { MenuItem } from '@wangs-ui/core/dist/types/components/menuitem/menuitem.type';
 
-/**
- * Custom passthrough(pt) option method.
- */
-export interface TabMenuPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: TabMenuProps;
-  /**
-   * Defines current inline state.
-   */
-  state: TabMenuState;
-  /**
-   * Defines current options.
-   */
-  context: TabMenuContext;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
-}
-
-/**
- * Custom passthrough(pt) options.
- * @see {@link TabMenuProps.pt}
- */
-export interface TabMenuPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list's DOM element.
-   */
-  menu?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list item's DOM element.
-   */
-  menuitem?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the action's DOM element.
-   */
-  action?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the icon's DOM element.
-   */
-  icon?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the label's DOM element.
-   */
-  label?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the inkbar's DOM element.
-   */
-  inkbar?: TabMenuPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface TabMenuPassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines current inline state in TabMenu component.
- */
-export interface TabMenuState {
-  /**
-   * Current active index state as a number.
-   * @defaulValue 0
-   */
-  d_activeIndex: number;
-}
-
-/**
- * Defines current options in TabMenu component.
- */
-export interface TabMenuContext {
-  /**
-   * Current menuitem
-   */
-  item: any;
-  /**
-   * Index of the menuitem
-   */
-  index: number;
-}
+import { ClassComponent } from '../ts-helpers';
 
 /**
  * Custom change event.
@@ -164,7 +49,7 @@ export interface TabMenuRouterBindProps {
 /**
  * Defines valid properties in TabMenu component.
  */
-export interface TabMenuProps {
+export interface TabMenuProps extends WangsUITabMenuProps {
   /**
    * An array of menuitems.
    */
@@ -173,7 +58,7 @@ export interface TabMenuProps {
    * Defines type of TabMenu.
    * @defaultValue 'tab'
    */
-  type?: 'tab' | 'pill';
+  type?: 'tab' | 'pill' | 'segmented';
   /**
    * Active index of menuitem.
    * @defaultValue 0
@@ -184,75 +69,6 @@ export interface TabMenuProps {
    * @defaultValue true - when type is tab, otherwise true
    */
   useTrailingLine?: boolean | 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 {TabMenuPassThroughOptions}
-   */
-  pt?: PassThrough<TabMenuPassThroughOptions>;
-  /**
-   * 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 TabMenu component.
- */
-export interface TabMenuSlots {
-  /**
-   * Custom content for each item.
-   * @param {Object} scope - item slot's params.
-   */
-  item(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Index of the menuitem
-     */
-    index: number;
-    /**
-     * Current active state of the menuitem
-     */
-    active: boolean;
-    /**
-     * Label property of the menuitem
-     */
-    label: string | ((...args: any) => string) | undefined;
-    /**
-     * Binding properties of the menuitem
-     */
-    props: TabMenuRouterBindProps;
-  }): VNode[];
-  /**
-   * Custom item icon template.
-   * @param {Object} scope - item icon slot's params.
-   */
-  itemicon(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Style class of the item icon element.
-     */
-    class: any;
-  }): VNode[];
 }
 
 /**
@@ -263,7 +79,7 @@ export type TabMenuEmits = {
    * Callback to invoke when an active tab is changed.
    * @param {TabMenuChangeEvent} event - Custom tab change event.
    */
-  'tab-change': [event: TabMenuChangeEvent];
+  'tabChange': [event: TabMenuChangeEvent];
   'update:activeIndex': [index: number];
 };
 
@@ -281,7 +97,7 @@ export type TabMenuEmits = {
  */
 declare class TabMenu extends ClassComponent<
   TabMenuProps,
-  TabMenuSlots,
+  unknown,
   TabMenuEmits
 > {}
 

package/components/tagtype/TagType.vue.d.ts

@@ -0,0 +1,26 @@
+import { ClassComponent } from 'primevue/ts-helpers';
+
+export type AssetTagType =
+  | 'QR'
+  | 'RFID'
+  | 'NFC'
+  | 'RFID & NFC'
+  | 'RFID & QR'
+  | 'NFC & QR'
+  | 'RFID & NFC & QR'
+  | 'Non TAG';
+
+export interface TagTypeProps {
+  type: AssetTagType;
+
+  /**
+   * @default true
+   */
+  useNfc?: boolean;
+}
+
+export default class TagType extends ClassComponent<
+  TagTypeProps,
+  unknown,
+  unknown
+> {}

package/components/textarea/Textarea.vue.d.ts

@@ -1,11 +1,12 @@
 import { TextareaHTMLAttributes } from 'vue';
+
+import { CustomValidation } from '../form/Form.vue.d';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   Nullable,
   Numberish,
 } from '../ts-helpers.d';
-import { CustomValidation } from '../form/Form.vue.d';
 
 export interface TextareaLocaleConfig {
   /**

package/components/timeline/Timeline.vue.d.ts

@@ -1,5 +1,7 @@
-import { JSONContent } from '../editor/Editor.vue.d';
+import { VNode } from 'vue';
+
 import { BadgeProps } from '../badge/Badge.vue.d';
+import { JSONContent } from '../editor/Editor.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
 export interface AttachmentFile {
@@ -70,12 +72,17 @@ export type DetailType =
   | DetailJSONContent
   | DetailBadge;
 
+export type DetailAnyRecord = Record<string, any>;
+
+export type SlotDetailType = string | DetailAnyRecord;
+
 export type KeyValue = Record<string, string | DetailType>;
 
 export type TimelineItem = {
   _id: string;
   action: string;
   createdAt: string;
+  username?: string;
   user?: {
     _id: string;
     nickName: string;
@@ -102,6 +109,18 @@ export type TimelineProps = {
   noFormatDate?: boolean;
 };
 
+export type TimelineSlots = {
+  /**
+   * Custom detail template.
+   *
+   * Use this slot if you want to configure your own detail value in each timeline
+   */
+  detail(slotProps: {
+    key: string;
+    value: SlotDetailType; // Type DetailAnyRecord only used when using slot since you can use your own object structure
+  }): VNode[];
+};
+
 /**
  * **WangsVue - Timeline**
  *
@@ -114,7 +133,7 @@ export type TimelineProps = {
  */
 declare class Timeline extends ClassComponent<
   TimelineProps,
-  unknown,
+  TimelineSlots,
   unknown
 > {}