@fewangsit/wangsvue-fats 1.0.0-alpha.14 → 1.0.0-alpha.140

package/components/animation/Animation.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassComponent } from 'lib/components/ts-helpers.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
 export interface AnimationDefaultConfig {
   libPath: 'supplyasset' | 'workspace' | 'admin';
@@ -6,6 +6,14 @@ export interface AnimationDefaultConfig {
 
 export interface AnimationProps {
   animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
+  /**
+   * @default true
+   */
+  autoplay?: boolean;
+  /**
+   * @default true
+   */
+  loop?: boolean;
 }
 
 /**

package/components/assetinfo/AssetInfo.vue.d.ts

@@ -0,0 +1,44 @@
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
+
+type Field = 'brand' | 'model' | 'group' | 'status';
+
+export interface AssetInfoProps {
+  id: string;
+  /**
+   * Specifys the field/information to be fisplayed
+   */
+  fields?: Field[];
+  /**
+   * The Transaction Detail contains the asset infomation.
+   *
+   * It will prevent dynamic fetch of asset information.
+   */
+  transactionDetail?: Record<string, unknown>;
+
+  /**
+   * @default true
+   */
+  useNfc?: boolean;
+
+  /**
+   * @default true
+   */
+  useTagType?: boolean;
+}
+
+declare class AssetInfo extends ClassComponent<
+  AssetInfoProps,
+  unknown,
+  unknown
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    AssetInfo: GlobalComponentConstructor<AssetInfo>;
+  }
+}
+
+export default AssetInfo;

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -1,5 +1,7 @@
 import { Slot } from 'vue';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
+
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+
 import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {

package/components/basetree/BaseTree.vue.d.ts

@@ -8,7 +8,9 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
@@ -16,7 +18,6 @@ import {
   HintedString,
   PassThrough,
 } from '../ts-helpers';
-import { MenuItem } from '../menuitem';
 
 export declare type TreePassThroughOptionType<T = any> =
   | TreePassThroughAttributes
@@ -350,6 +351,10 @@ export interface BaseTreeProps {
    * @defaultValue false
    */
   loading?: boolean | undefined;
+  /**
+   * Defines the group tree to showing disposable groups.
+   */
+  showDisposableGroups?: boolean;
   /**
    * Icon to display when tree is loading.
    * @deprecated since v3.27.0. Use 'loadingicon' slot.

package/components/button/Button.vue.d.ts

@@ -1,9 +1,10 @@
+import { TooltipOptions } from 'primevue/tooltip';
 import { ButtonHTMLAttributes, VNode } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { TooltipOptions } from 'primevue/tooltip';
 import {
-  GlobalComponentConstructor,
   ClassComponent,
+  GlobalComponentConstructor,
   HintedString,
 } from '../ts-helpers';
 

package/components/buttonaddbyscan/ButtonAddByScan.vue.d.ts

@@ -0,0 +1,40 @@
+import { Asset } from '@tagsamurai/fats-api-services/src/types/oldAssetService.type';
+
+import { QueryParams } from '../../components/datatable/DataTable.vue.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export type AssetWithOptionalTAG = Omit<Asset, 'qr' | 'rfid'> & {
+  qr?: string | boolean;
+  rfid?: string | boolean;
+};
+
+export type ScanPayload = {
+  type: 'RFID' | 'QR';
+  code: string;
+  device: string; // Serial Number
+  asset?: AssetWithOptionalTAG;
+};
+
+export type ButtonAddByScanEmits = {
+  'update:modelValue': [assets: AssetWithOptionalTAG[]];
+  'scan': [payload: ScanPayload];
+};
+
+export interface ButtonAddByScanProps {
+  /**
+   * Defines asset data that already in the table.
+   *
+   */
+  modelValue: AssetWithOptionalTAG[];
+  reportedDisposalAssets?: boolean;
+  noDisposalAssets?: boolean;
+  queryParams?: QueryParams;
+}
+
+declare class ButtonAddByScan extends ClassComponent<
+  ButtonAddByScanProps,
+  unknown,
+  ButtonAddByScanEmits
+> {}
+
+export default ButtonAddByScan;

package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { MenuItem } from '../menuitem';
 
 export interface ButtonBulkActionLocaleConfig {

package/components/buttonradio/ButtonRadio.vue.d.ts

@@ -1,4 +1,5 @@
 import { StyleValue } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

package/components/buttonscan/ButtonScan.vue.d.ts

@@ -1,5 +1,6 @@
-import { ClassComponent, HintedString } from 'lib/components/ts-helpers.d';
-import { ButtonProps } from 'lib/components/button/Button.vue.d';
+import { ButtonProps } from '../../components/button/Button.vue.d';
+import { ClassComponent, HintedString } from '../../components/ts-helpers.d';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
 
 export type ScannerErrorCode =

package/components/buttonsearchbyscan/ButtonSearchByScan.vue.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent } from 'vue';
+
+import { ButtonScanProps } from '../buttonscan/ButtonScan.vue.d';
+import { WangsIcons } from '../icon/Icon.vue.d';
+
+export type ScanPayload = {
+  type: 'RFID' | 'QR';
+  code: string;
+  device: string; // Serial Number
+};
+
+export type ButtonSearchByScanEmits = {
+  scan: [payload: ScanPayload];
+};
+
+export interface ButtonSearchByScanProps {
+  /**
+   * The button label.
+   *
+   * @default 'Search by Scan'
+   */
+  label?: string;
+  /**
+   * The button icon.
+   */
+  icon?: WangsIcons;
+  /**
+   * The datatable tablename which handles the search by scan.
+   *
+   * @default 'datatable' - default DataTable tablename
+   */
+  tableName?: string;
+  bulk?: boolean;
+  scanValidation?: ButtonScanProps['scanValidation'];
+}
+
+export type ButtonSearchByScanExposes = {
+  stopScan: (afterScan?: boolean) => void;
+};
+
+declare const ButtonSearchByScan: DefineComponent<
+  ButtonSearchByScanProps,
+  ButtonSearchByScanEmits
+>;
+
+export default ButtonSearchByScan;

package/components/buttonselecttree/ButtonSelectTree.vue.d.ts

@@ -1,7 +1,8 @@
 import { Slot } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type KeysModelValue = number[] | undefined;
 export type NodeModelValue =

package/components/buttonsplit/ButtonSplit.vue.d.ts

@@ -1,34 +1,352 @@
-import { ButtonSplitProps } from './ButtonSplit.d';
-declare function __VLS_template(): {
-    menuitemicon?(_: {
-        item: any;
-        class: any;
-    }): any;
-    item?(_: {
-        hasSubmenu: any;
-        item: any;
-        label: any;
-        props: any;
-    }): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<ButtonSplitProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: Event) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<ButtonSplitProps>>> & {
-    onClick?: (event: Event) => any;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+/**
+ *
+ * ButtonSplit groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbutton
+ *
+ */
+import { ButtonPassThroughOptions } from 'primevue/button';
+import {
+  TieredMenuPassThroughOptions,
+  TieredMenuRouterBindProps,
+} from 'primevue/tieredmenu';
+import { ButtonHTMLAttributes, VNode } from 'vue';
+
+import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+  PassThrough,
+} from '../ts-helpers';
+
+import { WangsIcons } from '../icon/Icon.vue';
+
+export declare type ButtonSplitPassThroughOptionType =
+  | ButtonSplitPassThroughAttributes
+  | ((
+      options: ButtonSplitPassThroughMethodOptions,
+    ) => ButtonSplitPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ButtonSplitPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: ButtonSplitProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ButtonSplitState;
+  /**
+   * Defines valid attributes.
+   */
+  attrs: any;
+  /**
+   * Defines parent options.
+   */
+  parent: any;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface ButtonSplitSharedPassThroughMethodOptions {
+  /**
+   * Defines valid properties.
+   */
+  props: ButtonSplitProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ButtonSplitState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ButtonSplitProps.pt}
+ */
+export interface ButtonSplitPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: ButtonSplitPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button's DOM element.
+   */
+  button?: ButtonSplitPassThroughOptionType;
+  /**
+   * Used to pass attributes to the Button component.
+   * @see {@link ButtonPassThroughOptions}
+   */
+  menuButton?: ButtonPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
+  /**
+   * Used to pass attributes to the TieredMenu component.
+   * @see {@link TieredMenuPassThroughOptions}
+   */
+  menu?: TieredMenuPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ButtonSplitPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in ButtonSplit component.
+ */
+export interface ButtonSplitState {
+  /**
+   * Current blocked state as a boolean.
+   * @defaultValue false
+   */
+  isBlocked: boolean;
+}
+
+/**
+ * Defines valid properties in ButtonSplit component.
+ */
+export interface ButtonSplitProps {
+  /**
+   * Text of the button.
+   */
+  label?: string | undefined;
+  /**
+   * Name of the icon of main button.
+   */
+  icon?: WangsIcons | undefined;
+  /**
+   * MenuModel instance to define the overlay items.
+   */
+  model?: MenuItem[] | undefined;
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
+  /**
+   * Base zIndex value to use in layering.
+   * @defaultValue 0
+   */
+  baseZIndex?: number | undefined;
+  /**
+   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+   * Special keywords are 'body' for document body and 'self' for the element itself.
+   * @defaultValue body
+   */
+  appendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
+  /**
+   * When present, it specifies that the element should be disabled.
+   * @defaultValue false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * Style class of the component.
+   */
+  class?: any | undefined;
+  /**
+   * Inline style of the component.
+   */
+  style?: any | undefined;
+  /**
+   * Used to pass all properties of the HTMLButtonElement to the default button.
+   */
+  buttonProps?: ButtonHTMLAttributes | undefined;
+  /**
+   * Used to pass all properties of the HTMLButtonElement to the menu button.
+   */
+  menuButtonProps?: ButtonHTMLAttributes | undefined;
+  /**
+   * Name of the menu button icon.
+   */
+  menuButtonIcon?: WangsIcons | undefined;
+  /**
+   * Defines the style of the button.
+   */
+  severity?:
+    | HintedString<
+        | 'secondary'
+        | 'success'
+        | 'info'
+        | 'warning'
+        | 'help'
+        | 'danger'
+        | 'contrast'
+      >
+    | undefined;
+  /**
+   * Add a shadow to indicate elevation.
+   * @defaultValue false
+   */
+  raised?: boolean | undefined;
+  /**
+   * Add a circular border radius to the button.
+   * @defaultValue false
+   */
+  rounded?: boolean | undefined;
+  /**
+   * Add a textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  text?: boolean | undefined;
+  /**
+   * Add a border class without a background initially.
+   * @defaultValue false
+   */
+  outlined?: boolean | undefined;
+  /**
+   * Defines the size of the button.
+   */
+  size?: 'small' | 'large' | undefined;
+  /**
+   * Add a plain textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  plain?: boolean | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {ButtonSplitPassThroughOptions}
+   */
+  pt?: PassThrough<ButtonSplitPassThroughOptions>;
+  /**
+   * 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 ButtonSplit component.
+ */
+export interface ButtonSplitSlots {
+  /**
+   * Button part of the content can easily be customized with the default slot instead of using the built-in modes.
+   */
+  default(): VNode[];
+  /**
+   * Command button part of the content can easily be customized with the button content slot.
+   */
+  buttoncontent(): VNode[];
+  /**
+   * Custom button icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom menu button icon template.
+   * @param {Object} scope - menubuttonicon slot's params.
+   */
+  menubuttonicon(scope: {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom menu item icon template.
+   * @param {Object} scope - menuitemicon slot's params.
+   */
+  menuitemicon(scope: {
+    /**
+     * Menuitem instance
+     */
+    item: MenuItem;
+    /**
+     * Style class of the item icon element.
+     */
+    class: any;
+  }): VNode[];
+  /**
+   * Custom content for each menu item.
+   * @param {Object} scope - item slot's params.
+   */
+  item(scope: {
+    /**
+     * Menuitem instance
+     */
+    item: MenuItem;
+    /**
+     * Label property of the menuitem
+     */
+    label: string | ((...args: any) => string) | undefined;
+    /**
+     * Binding properties of the menuitem
+     */
+    props: TieredMenuRouterBindProps;
+    /**
+     * Whether or not there is a submenu
+     */
+    hasSubmenu: boolean;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in ButtonSplit component.
+ */
+export interface ButtonSplitEmits {
+  /**
+   * Callback to invoke when main button is clicked.
+   * @param {Event} event - Browser event.
+   */
+  click(event: Event): void;
+}
+
+/**
+ * **PrimeVue - ButtonSplit**
+ *
+ * _ButtonSplit groups a set of commands in an overlay with a default command._
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare class ButtonSplit extends ClassComponent<
+  ButtonSplitProps,
+  ButtonSplitSlots,
+  ButtonSplitEmits
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ButtonSplit: GlobalComponentConstructor<ButtonSplit>;
+  }
+}
+
+export default ButtonSplit;

package/components/buttonsync/ButtonSync.vue.d.ts

@@ -7,4 +7,16 @@ export interface ButtonSyncProps {
   withoutScanBtn?: boolean;
 }
 
-declare class ButtonSync extends ClassComponent<ButtonSyncProps> {}
+declare class ButtonSync extends ClassComponent<
+  ButtonSyncProps,
+  unknown,
+  unknown
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ButtonSync: typeof ButtonSync;
+  }
+}
+
+export default ButtonSync;

package/components/buttontoggle/ButtonToggle.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import {
   ToggleSwitchEmits,
   ToggleSwitchProps,

package/components/buttonviewlog/ButtonViewLog.vue.d.ts

@@ -0,0 +1,17 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface ButtonViewLogProps {
+  showLog?: boolean;
+}
+
+export type ButtonViewLogEmits = {
+  'update:showLog': [state: boolean];
+};
+
+declare class ButtonViewLog extends ClassComponent<
+  ButtonViewLogProps,
+  unknown,
+  ButtonViewLogEmits
+> {}
+
+export default ButtonViewLog;