@fewangsit/wangsvue 1.5.204 → 1.5.205-alpha.0

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

@@ -1,7 +1,11 @@
 import { ClassComponent } from 'lib/components/ts-helpers.d';
 
+export interface AnimationDefaultConfig {
+  libPath: 'supplyasset' | 'workspace' | 'admin';
+}
+
 export interface AnimationProps {
-  animation: 'no-data' | 'loading-plane' | 'loading-table';
+  animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
 }
 
 /**

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

@@ -34,7 +34,7 @@ export interface TreeNode {
   /**
    * Mandatory unique key of the node.
    */
-  key: string;
+  key: string | number;
   /**
    * Label of the node.
    */

package/components/buttondownload/ButtonDownload.vue.d.ts

@@ -2,6 +2,10 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ButtonDownloadProps {
   fileName: string;
+  /**
+   * Text of the button.
+   */
+  label?: string;
   /**
    * Specify which table to be exported.
    * When it is not specified, the default name of data table will be used.

package/components/buttonsplit/ButtonSplit.d.ts

@@ -0,0 +1,350 @@
+/**
+ *
+ * ButtonSplit groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbutton
+ *
+ */
+import { ButtonHTMLAttributes, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { ButtonPassThroughOptions } from 'primevue/button';
+import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
+import {
+  TieredMenuPassThroughOptions,
+  TieredMenuRouterBindProps,
+} from 'primevue/tieredmenu';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  PassThrough,
+  HintedString,
+} from '../ts-helpers';
+import { WangsIcons } from '../icon/Icon.vue.d';
+
+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/buttonsplit/ButtonSplit.vue.d.ts

@@ -0,0 +1,34 @@
+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;
+    };
+};

package/components/calendar/BaseCalendar.vue.d.ts

@@ -45,9 +45,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     onDateSelect?: (date: Date | Date[]) => any;
 }, {
     dateFormat: string | undefined;
+    showOptionalText: boolean;
     mode: "range" | "single";
     view: "date" | "month" | "year" | undefined;
-    showOptionalText: boolean;
     valueFormat: "date" | "millis";
     selectionMode: "range" | "single";
     hideOnRangeSelection: boolean | undefined;

package/components/datatable/DataTable.vue.d.ts

@@ -125,6 +125,7 @@ export type FetchResponse<T = Data> = {
 };
 
 export type ShortFetchResponse<T = Data> = {
+  status: number;
   message: string;
   data: T[];
 };
@@ -138,31 +139,35 @@ export type TableCellComponent = {
   disabled?: boolean;
 };
 
+export type TogglePresetConfirmDialogProps = Omit<
+  DialogConfirmProps,
+  'visible' | 'list' | 'onConfirm'
+> & {
+  /**
+   * When the dialog should be shown?
+   * Pass a boolean returning function to show dialog when it returns true.
+   *
+   * @default both - leave this as undefined to show on both states
+   */
+  showWhen?:
+    | 'active'
+    | 'inactive'
+    | ((data: any) => boolean)
+    | ((data: any) => Promise<boolean>);
+};
+
 interface ColumnConfirmActionPresetBase {
   /**
    * Use dialog confirmation
    */
-  confirmDialogProps?: Omit<
-    DialogConfirmProps,
-    'visible' | 'list' | 'onConfirm'
-  > & {
-    /**
-     * When the dialog should be shown?
-     * Pass a boolean returning function to show dialog when it returns true.
-     *
-     * @default both - leave this as undefined to show on both states
-     */
-    showWhen?:
-      | 'active'
-      | 'inactive'
-      | ((data: Data) => boolean)
-      | ((data: Data) => Promise<boolean>);
-  };
+  confirmDialogProps?:
+    | TogglePresetConfirmDialogProps
+    | ((state: boolean, data: any) => TogglePresetConfirmDialogProps);
 
   /**
    * Callback for confirmation
    */
-  onConfirm?: (state: boolean, data: Data, revertFunction: () => void) => void;
+  onConfirm?: (state: boolean, data: any, revertFunction: () => void) => void;
 }
 
 export interface ColumnTogglePreset extends ColumnConfirmActionPresetBase {
@@ -174,12 +179,12 @@ export interface ColumnTogglePreset extends ColumnConfirmActionPresetBase {
    * @param revertFunction - function to revert previous state when action failed or canceled
    * @returns
    */
-  onToggle?: (state: boolean, data: Data, revertFunction: () => void) => void;
+  onToggle?: (state: boolean, data: any, revertFunction: () => void) => void;
 
   /**
    * Add conditional disabling for each row
    */
-  disabled?: boolean | ((data: Data) => boolean);
+  disabled?: boolean | ((data: any) => boolean);
 }
 
 export interface ColumnCheckboxPreset extends ColumnConfirmActionPresetBase {
@@ -191,12 +196,12 @@ export interface ColumnCheckboxPreset extends ColumnConfirmActionPresetBase {
    * @param revertFunction - function to revert previous state when action failed or canceled
    * @returns
    */
-  onCheck?: (state: boolean, data: Data, revertFunction: () => void) => void;
+  onCheck?: (state: boolean, data: any, revertFunction: () => void) => void;
 
   /**
    * Add conditional disabling for each row
    */
-  disabled?: boolean | ((data: Data) => boolean);
+  disabled?: boolean | ((data: any) => boolean);
 }
 
 export interface ColumnMultiRowPreset {
@@ -590,6 +595,12 @@ export interface BaseDataTableProps {
    * Specify the error message download excel
    */
   excelToastErrorMessage?: string;
+  /**
+   * Custom message when data table is empty
+   *
+   * Will be shown bellow no-data animation
+   */
+  emptyTableMessage?: string;
 }
 
 export type DataTableProps = BaseDataTableProps | TreeTableProps;

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -84,6 +84,11 @@ export interface DialogConfirmProps {
    * @default true;
    */
   showCloseButton?: boolean;
+
+  /**
+   * Set class for content element.
+   */
+  contentClass?: any;
 }
 
 /**

package/components/dialogform/DialogForm.vue.d.ts

@@ -183,8 +183,10 @@ export interface DialogFormProps extends FormProps {
    *
    * If after executing this function the props invalid is true, the form will not be submitted.
    * Otherwise, 'submit' event will be emitted.
+   *
+   * @param values - the Form values
    */
-  validationFunction?: () => void | Promise<void>;
+  validationFunction?: (values: GenericObject) => void | Promise<void>;
 
   /**
    * Set the dialog size.
@@ -314,6 +316,28 @@ declare class DialogForm extends ClassComponent<
    * The ref of form element.
    */
   form: FormInstance;
+
+  /**
+   * Set initial values for all fields.
+   */
+  setValues: (values: GenericObject) => void;
+
+  /**
+   * Set value for specific field.
+   */
+  setFieldValue: <T extends string>(
+    field: T,
+    value: GenericObject[T],
+    shouldValidate?: boolean,
+  ) => void;
+
+  /**
+   * Set errors fields
+   * @param fields - {
+   *   name: 'This name already exists'
+   * }
+   */
+  setErrors(fields: GenericObject): void;
 }
 
 declare module '@vue/runtime-core' {

package/components/filtercontainer/FilterContainer.vue.d.ts

@@ -11,6 +11,7 @@ import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.
 export interface MultiSelectFilterField extends MultiSelectProps {
   type: 'multiselect';
   field: string; // The name of the field this filter applies to
+  optionField: string; // @example - actionOptions
   fetchOptionFn?:
     | ((args?: any) => MultiSelectOption[]) // Sync function to fetch options
     | ((args?: any) => Promise<MultiSelectOption[]>); // Async function
@@ -19,6 +20,7 @@ export interface MultiSelectFilterField extends MultiSelectProps {
 export interface DropdownFilterField extends DropdownProps {
   type: 'dropdown';
   field: string; // The name of the field this filter applies to
+  optionField?: string; // @example - actionOptions
   fetchOptionFn?:
     | ((args?: any) => MultiSelectOption[]) // Sync function to fetch options
     | ((args?: any) => Promise<MultiSelectOption[]>); // Async function

package/components/form/Form.vue.d.ts

@@ -1,4 +1,9 @@
-import { FieldContext, FieldState, GenericObject } from 'vee-validate';
+import {
+  FieldContext,
+  FieldState,
+  GenericObject,
+  MaybeArray,
+} from 'vee-validate';
 import { Ref, Slot } from 'vue';
 import {
   ClassComponent,
@@ -41,7 +46,13 @@ export type FieldValidation<T = FieldValue | undefined> =
       value: T;
     });
 
-export type FormValue = Record<string, unknown> | Record<string, unknown>[];
+export type FormValue =
+  | string
+  | boolean
+  | number
+  | File
+  | GenericObject
+  | MaybeArray<any>;
 
 /**
  * Generic form payload, able to receive types from outside
@@ -60,6 +71,11 @@ export interface FormProps {
    */
   buttonsTemplate?: ('cancel' | 'clear' | 'save' | 'submit')[];
 
+  /**
+   * Conditionally disable submit button.
+   */
+  disableSubmit?: boolean;
+
   /**
    * Custom button cancel label.
    */
@@ -251,6 +267,28 @@ declare class Form extends ClassComponent<FormProps, FormSlots, FormEmits> {
    * Exposed function to set the outer fields wrapper height.
    */
   setOuterFieldsWrapperHeight: () => void;
+
+  /**
+   * Set the form values.
+   */
+  setValues: (values: GenericObject) => void;
+
+  /**
+   * Set value for specific field.
+   */
+  setFieldValue<T extends string>(
+    field: T,
+    value: GenericObject[T],
+    shouldValidate?: boolean,
+  ): void;
+
+  /**
+   * Set errors fields
+   * @param fields - {
+   *   name: 'This name already exists'
+   * }
+   */
+  setErrors(fields: GenericObject): void;
 }
 
 declare module '@vue/runtime-core' {