@fewangsit/wangsvue-fats 1.0.0-alpha.8 → 1.0.0-alpha.80

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,39 @@
+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;
+}
+
+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,8 +1,12 @@
+import { TooltipOptions } from 'primevue/tooltip';
 import { ButtonHTMLAttributes, VNode } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { TooltipOptions } from 'primevue/tooltip';
-import { GlobalComponentConstructor } from '../ts-helpers.d';
-import { ClassComponent, HintedString } from '../ts-helpers';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+} from '../ts-helpers';
 
 /**
  * Defines valid properties in Button component.

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

@@ -0,0 +1,202 @@
+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 =
+  | 'DRIVER_NOT_FOUND'
+  | 'DEVICE_NOT_CONNECTED'
+  | 'DEVICE_DISCONNECTED'
+  | 'NOT_SUPPORTED_SYSTEM'
+  | 'HARDWARE_NOT_SYNCHRONIZED';
+
+export type ScannerErrorMessage = {
+  title: string;
+  detail: string;
+};
+
+export type ScannerOption = Partial<Device> & {
+  label: string;
+  device: Device | undefined;
+};
+
+export type Device = {
+  jenisDevice: string;
+  serialNumber: string;
+  API: string;
+  rfidScan: boolean;
+  qrScan: boolean;
+  name: string;
+};
+
+export type RegisteredDevice = {
+  _id: string;
+  imageSmall: string;
+  imageBig: string;
+  serialNumber: string;
+  status: string;
+  lastReportDate: string;
+  createdAt: string;
+  updatedAt: string;
+  group: null;
+  name: string;
+};
+
+export type DeviceList = Device[];
+
+export interface ButtonScanProps extends Omit<ButtonProps, 'type'> {
+  /**
+   * Set custom button label.
+   *
+   * @default Scan Type
+   */
+  label?: string;
+  /**
+   * Set custom button icon.
+   *
+   * @default 'qr' | 'rfid'
+   */
+  icon?: WangsIcons;
+  /**
+   * Scpecify the scan type
+   */
+  type?: 'RFID' | 'QR';
+  /**
+   * Automatically switch between RFID and QR scan types during the scanning process.
+   * This allows the scan type to change dynamically based on the validation of the scanned code.
+   *
+   * The scan type will alternate between RFID and QR based on the validation result:
+   * - If the current scan is valid, it proceeds with the next scan type.
+   * - If the scan is invalid, it will re-scan using the previous scan type.
+   *
+   * This behavior continues in a loop until a stop condition is met, typically triggered by the parent component.
+   *
+   * Note: Only work with single Scan
+   *
+   * @default false
+   * @type {boolean}
+   *
+   * @example
+   * // Example usage in a component:
+   * <Button :auto-switch="true" />
+   *
+   * In this case, scanning will automatically switch between RFID and QR based on the validation results.
+   */
+  autoSwitch?: boolean;
+
+  /**
+   * Do validation when a tag is scanned, if valid, it will emits scan, otherwise re-scanning.
+   * when need to show toast on validation failed, set the toast group to `scan-error-validation`
+   *
+   * @param type
+   * @param code
+   * @param serialNumber
+   * @returns
+   */
+  scanValidation?: (
+    type: 'RFID' | 'QR',
+    code: string,
+    serialNumber: string,
+  ) => Promise<boolean>;
+
+  /**
+   * The value of the input (tag).
+   *
+   * @deprecated use `onScan` instead.
+   */
+  modelValue?: string;
+  /**
+   *  Whether the scanner is in bulk mode.
+   *
+   * @toto add support bulk scan
+   */
+  bulk?: boolean;
+  /**
+   *  The id of the button element.
+   */
+  id?: string;
+  /**
+   * Wether the button should be disabled.
+   */
+  disabled?: boolean;
+  /**
+   *  Whether the scanner is a powerbank.
+   *
+   * @deprecated
+   */
+  powerbank?: boolean;
+  /**
+   * Display the label only (wihout icon).
+   *
+   * @default false
+   */
+  labelOnly?: boolean;
+  /**
+   * Add a border class without a background initially.
+   * @default false
+   */
+  outlined?: boolean | undefined;
+  /**
+   * Defines the style of the button.
+   */
+  severity?:
+    | HintedString<
+        | 'secondary'
+        | 'success'
+        | 'info'
+        | 'warning'
+        | 'help'
+        | 'danger'
+        | 'contrast'
+      >
+    | undefined;
+  /**
+   * Defines the size of the button.
+   */
+  size: 'small' | 'large';
+}
+
+export type ButtonScanEmits = {
+  'update:modelValue': [tag: string];
+  'connect': [];
+  'connected': [device?: Device];
+  'scan': [tag: string, deviceSerialNumber: string];
+  'stop': [];
+  'error': [error: unknown | Event];
+  'beforeStartScan': [];
+};
+
+export interface ButtonScanExposes {
+  onBeforeStartScan: () => void;
+  startScan: () => void;
+  /**
+   * Method to stop the scan process.
+   */
+  stopScan: (afterScan?: boolean) => void;
+}
+
+/**
+ * **TSVue v2 - ButtonScan**
+ *
+ * _ButtonScan is component for scanning RFID or QR Tag._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group Component
+ */
+declare class ButtonScan
+  extends ClassComponent<ButtonScanProps, ButtonScanEmits, unknown>
+  implements ButtonScanExposes
+{
+  onBeforeStartScan: () => void;
+  startScan: () => void;
+  stopScan: (afterScan?: boolean) => void;
+}
+
+interface Window {
+  scannerWorker: Worker;
+  toastGroups: string[] | undefined;
+}
+
+export default ButtonScan;

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

@@ -0,0 +1,44 @@
+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;
+  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 { ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type KeysModelValue = number[] | undefined;
 export type NodeModelValue =
@@ -75,7 +76,9 @@ export interface ButtonSelectTreeProps {
 
   fetchTree?: (
     type: 'group' | 'category',
+    params?: QueryParams,
   ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
+  params?: QueryParams;
   /**
    * Specify wether the all tree node should be auto checked once it rendered.
    * @default false