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

package/components/fileupload/FileUpload.vue.d.ts

@@ -1,6 +1,6 @@
 import {
-    FileUploadErrorEvent,
-    FileUploadUploadEvent,
+  FileUploadErrorEvent,
+  FileUploadUploadEvent,
 } from 'primevue/fileupload';
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
@@ -11,135 +11,135 @@ export type InputErrorCodes = 'FILE_SIZE_TOO_LARGE';
  * Defines valid properties in FileUpload component.
  */
 export type FileUploadProps = {
-    /**
-     * Pattern to restrict the allowed file types such as 'image/*'.
-     */
-    accept?: string | undefined;
-    /**
-     * Disables the upload functionality.
-     * @defaultValue false
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Maximum file size allowed in bytes.
-     */
-    maxFileSize?: number | undefined;
+  /**
+   * Pattern to restrict the allowed file types such as 'image/*'.
+   */
+  accept?: string | undefined;
+  /**
+   * Disables the upload functionality.
+   * @defaultValue false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * Maximum file size allowed in bytes.
+   */
+  maxFileSize?: number | undefined;
 
-    /**
-     * V-model for the file upload component.
-     * Be careful while using this props since the validation can't work while using this.
-     * You must do manual validation when choosing the file to be set on the component.
-     */
-    modelValue?: File | File[];
+  /**
+   * V-model for the file upload component.
+   * Be careful while using this props since the validation can't work while using this.
+   * You must do manual validation when choosing the file to be set on the component.
+   */
+  modelValue?: File | File[];
 
-    /**
-     * Props to determine whether file upload support multiple files or not
-     *
-     * @default false
-     */
-    multiple?: boolean;
-    /**
-     * Message of the invalid fize size.
-     * - Use {0} to get the file's name
-     * - Use {1} to get the max file size
-     * - Use {2} to get the accepted file types from props.accept
-     * - Use {2.1} to get the accepted file types from props.fileExtensions
-     * @defaultValue {0}: Invalid file size, file size should be smaller than {1}.
-     */
-    invalidFileSizeMessage?: string | undefined;
-    /**
-     * Message of the invalid fize type.
-     * - Use {0} to get the file's name
-     * - Use {1} to get the max file size
-     * - Use {2} to get the accepted file types
-     * - Use {2.1} to get the accepted file types from props.fileExtensions
-     * @defaultValue '{0}: Invalid file type, allowed file types: {2}'
-     */
-    invalidFileTypeMessage?: string | undefined;
-    /**
-     * Label of the file upload.
-     * @defaultValue 'Upload File'
-     */
-    label?: string | undefined;
-    /**
-     * Whether to use an upload button.
-     * @defaultValue true
-     */
-    withUpload?: boolean | undefined;
-    /**
-     * Label of the upload button.
-     * @defaultValue 'Upload'.
-     */
-    uploadLabel?: string | undefined;
-    /**
-     * Placeholder of the file upload.
-     * @defaultValue 'Select File'
-     */
-    placeholder?: string | undefined;
-    /**
-     * File extensions to display the accepted extensions.
-     */
-    fileExtensions?: string | undefined;
-    /**
-     * The note about the requirements of file for being uploaded.
-     *
-     * Placed at the bottom right of input.
-     */
-    fileRequirements?: string | undefined;
-    /**
-     * The function to be called after the upload button is clicked. (Must be used when withUpload is true)
-     */
-    uploadFunction?: (files: File[]) => Promise<void>;
-    /**
-     * Whether the input should be validated with vee-validator or not.
-     * If you use this component within form input, you need to set this props as true.
-     */
-    useValidator?: boolean;
-    /**
-     * This prop is required if you use this component in a form input.
-     * Specify the unique field name, match with your needs for API request.
-     *
-     * @default 'fileUpload'
-     */
-    fieldName?: string;
-    /**
-     * Whether this input field is required or not.
-     */
-    mandatory?: boolean;
-    /**
-     * Whether show toast error message on invalid file input
-     *
-     * @default true;
-     */
-    useErrorToast?: boolean;
-    /**
-     * Set custom validator message.
-     * Will be show if invalid="true"
-     */
-    validatorMessage?: string | CustomValidation;
-    /**
-     * Classes for validator message in input field.
-     */
-    validatorMessageClass?: string;
+  /**
+   * Props to determine whether file upload support multiple files or not
+   *
+   * @default false
+   */
+  multiple?: boolean;
+  /**
+   * Message of the invalid fize size.
+   * - Use {0} to get the file's name
+   * - Use {1} to get the max file size
+   * - Use {2} to get the accepted file types from props.accept
+   * - Use {2.1} to get the accepted file types from props.fileExtensions
+   * @defaultValue {0}: Invalid file size, file size should be smaller than {1}.
+   */
+  invalidFileSizeMessage?: string | undefined;
+  /**
+   * Message of the invalid fize type.
+   * - Use {0} to get the file's name
+   * - Use {1} to get the max file size
+   * - Use {2} to get the accepted file types
+   * - Use {2.1} to get the accepted file types from props.fileExtensions
+   * @defaultValue '{0}: Invalid file type, allowed file types: {2}'
+   */
+  invalidFileTypeMessage?: string | undefined;
+  /**
+   * Label of the file upload.
+   * @defaultValue 'Upload File'
+   */
+  label?: string | undefined;
+  /**
+   * Whether to use an upload button.
+   * @defaultValue true
+   */
+  withUpload?: boolean | undefined;
+  /**
+   * Label of the upload button.
+   * @defaultValue 'Upload'.
+   */
+  uploadLabel?: string | undefined;
+  /**
+   * Placeholder of the file upload.
+   * @defaultValue 'Select File'
+   */
+  placeholder?: string | undefined;
+  /**
+   * File extensions to display the accepted extensions.
+   */
+  fileExtensions?: string | undefined;
+  /**
+   * The note about the requirements of file for being uploaded.
+   *
+   * Placed at the bottom right of input.
+   */
+  fileRequirements?: string | undefined;
+  /**
+   * The function to be called after the upload button is clicked. (Must be used when withUpload is true)
+   */
+  uploadFunction?: (files: File[]) => Promise<void>;
+  /**
+   * Whether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'fileUpload'
+   */
+  fieldName?: string;
+  /**
+   * Whether this input field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Whether show toast error message on invalid file input
+   *
+   * @default true;
+   */
+  useErrorToast?: boolean;
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true"
+   */
+  validatorMessage?: string | CustomValidation;
+  /**
+   * Classes for validator message in input field.
+   */
+  validatorMessageClass?: string;
 };
 
 export type FileUploadEmits = {
-    /**
-     * Callback to invoke when there is a file selected.
-     */
-    'select': [event: File | File[]];
-    /**
-     * Callback to invoke when model changed.
-     */
-    'update:modelValue': [event: File | File[]];
-    /**
-     * Callback to invoke when file upload is complete.
-     */
-    'upload': [event: FileUploadUploadEvent];
-    /**
-     * Callback to invoke if file upload fails.
-     */
-    'error': [event: FileUploadErrorEvent | InputErrorCodes];
+  /**
+   * Callback to invoke when there is a file selected.
+   */
+  'select': [event: File | File[]];
+  /**
+   * Callback to invoke when model changed.
+   */
+  'update:modelValue': [event: File | File[]];
+  /**
+   * Callback to invoke when file upload is complete.
+   */
+  'upload': [event: FileUploadUploadEvent];
+  /**
+   * Callback to invoke if file upload fails.
+   */
+  'error': [event: FileUploadErrorEvent | InputErrorCodes];
 };
 
 /**
@@ -155,15 +155,15 @@ export type FileUploadEmits = {
  *
  */
 declare class FileUpload extends ClassComponent<
-    FileUploadProps,
-    null,
-    FileUploadEmits
+  FileUploadProps,
+  null,
+  FileUploadEmits
 > {}
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        FileUpload: GlobalComponentConstructor<FileUpload>;
-    }
+  interface GlobalComponents {
+    FileUpload: GlobalComponentConstructor<FileUpload>;
+  }
 }
 
 export default FileUpload;

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

@@ -1,163 +1,166 @@
 import { DefineComponent, Slot } from 'vue';
 import { CalendarProps } from '../calendar/Calendar.vue.d';
 import { QueryParams } from '../datatable/DataTable.vue.d';
-import { DropdownProps, Option } from '../dropdown/Dropdown.vue.d';
+import {
+  DropdownProps,
+  Option,
+} from '../../components/dropdown/Dropdown.vue.d';
 import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
 import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 
 export type FilterMatchMode =
-    | 'CONTAINS'
-    | 'EQUALS'
-    | 'NOT_EQUALS'
-    | 'IN'
-    | 'LESS_THAN'
-    | 'LESS_THAN_OR_EQUAL_TO'
-    | 'GREATER_THAN'
-    | 'GREATER_THAN_OR_EQUAL_TO'
-    | 'BETWEEN'
-    | 'DATE_BETWEEN';
+  | 'CONTAINS'
+  | 'EQUALS'
+  | 'NOT_EQUALS'
+  | 'IN'
+  | 'LESS_THAN'
+  | 'LESS_THAN_OR_EQUAL_TO'
+  | 'GREATER_THAN'
+  | 'GREATER_THAN_OR_EQUAL_TO'
+  | 'BETWEEN'
+  | 'DATE_BETWEEN';
 
 // More specific filter field types
 export interface MultiSelectFilterField extends MultiSelectProps {
-    type: 'multiselect';
-    /**
-     * The name of the field this filter applies to.
-     *
-     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-     * unique full names from the table data and use them as filter options.
-     */
-    field: string;
-    optionField?: string; // @example - actionOptions
-    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-    fetchOptionFn?:
-        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-        | ((args?: any) => Promise<Option[] | undefined>); // Async function
+  type: 'multiselect';
+  /**
+   * The name of the field this filter applies to.
+   *
+   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+   * unique full names from the table data and use them as filter options.
+   */
+  field: string;
+  optionField?: string; // @example - actionOptions
+  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+  fetchOptionFn?:
+    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+    | ((args?: any) => Promise<Option[] | undefined>); // Async function
 }
 
 export interface DropdownFilterField extends DropdownProps {
-    type: 'dropdown';
-    /**
-     * The name of the field this filter applies to.
-     *
-     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-     * unique full names from the table data and use them as filter options.
-     */
-    field: string;
-    optionField?: string; // @example - actionOptions
-    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-    fetchOptionFn?:
-        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
-        | ((args?: any) => Promise<Option[]> | undefined); // Async function
+  type: 'dropdown';
+  /**
+   * The name of the field this filter applies to.
+   *
+   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+   * unique full names from the table data and use them as filter options.
+   */
+  field: string;
+  optionField?: string; // @example - actionOptions
+  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+  fetchOptionFn?:
+    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+    | ((args?: any) => Promise<Option[]> | undefined); // Async function
 }
 
 export interface RangeNumberFilterField extends InputRangeNumberProps {
-    type: 'rangenumber';
-    /**
-     * Specify min and max field
-     *
-     * @example ['minAge', 'maxAge']
-     */
-    fields?: string[];
-
-    /**
-     * Specify single field for both min and max input.
-     * The value will be a number array.
-     *
-     * Prever use this property when you are working with Static Filtering
-     *
-     * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
-     */
-    field?: string;
-    tooltip?: string;
+  type: 'rangenumber';
+  /**
+   * Specify min and max field
+   *
+   * @example ['minAge', 'maxAge']
+   */
+  fields?: string[];
+
+  /**
+   * Specify single field for both min and max input.
+   * The value will be a number array.
+   *
+   * Prever use this property when you are working with Static Filtering
+   *
+   * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
+   */
+  field?: string;
+  tooltip?: string;
 }
 
 export interface ButtonSelectTreeFilterField
-    extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
-    type: 'group' | 'category';
-    field: string; // The name of the field this filter applies to
-    /**
-     * The field label.
-     */
-    label?: string;
-    /**
-     * The button label.
-     * @default to Select Group|Category
-     */
-    buttonLabel?: string;
-    params?: QueryParams; // Override QueryParams for the fetchTree
+  extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
+  type: 'group' | 'category';
+  field: string; // The name of the field this filter applies to
+  /**
+   * The field label.
+   */
+  label?: string;
+  /**
+   * The button label.
+   * @default to Select Group|Category
+   */
+  buttonLabel?: string;
+  params?: QueryParams; // Override QueryParams for the fetchTree
 }
 
 export interface CalendarFilterField extends CalendarProps {
-    type: 'calendar';
-    field: string;
+  type: 'calendar';
+  field: string;
 }
 
 export type AdditionalFilterField = ButtonSelectTreeFilterField;
 
 export type FilterField =
-    | AdditionalFilterField
-    | MultiSelectFilterField
-    | DropdownFilterField
-    | RangeNumberFilterField
-    | CalendarFilterField;
+  | AdditionalFilterField
+  | MultiSelectFilterField
+  | DropdownFilterField
+  | RangeNumberFilterField
+  | CalendarFilterField;
 
 export type FilterOptions<Opt = Record<string, boolean>> = Record<
-    keyof Opt,
-    Option[]
+  keyof Opt,
+  Option[]
 >;
 
 export type LoadingFilters = Record<string, boolean>;
 
 export type FetchOptionResponse<Opt = Record<string, boolean>> = {
-    message: string;
-    data: FilterOptions<Opt>;
+  message: string;
+  data: FilterOptions<Opt>;
 };
 
 export interface FilterContainerLocaleConfig {
-    clearFieldText?: string;
-    applyText?: string;
+  clearFieldText?: string;
+  applyText?: string;
 }
 
 export interface FilterContainerProps {
-    /**
-     * Specify the table name integrated with this filter.
-     *
-     * @default datatable - the default table name
-     */
-    tableName?: string;
-    /**
-     * Set the fields count in a row
-     *
-     * @default 4 grid columns
-     */
-    fieldsPerRow?: number;
-    fields: FilterField[];
-    /**
-     * Enable static filtering
-     */
-    static?: boolean;
+  /**
+   * Specify the table name integrated with this filter.
+   *
+   * @default datatable - the default table name
+   */
+  tableName?: string;
+  /**
+   * Set the fields count in a row
+   *
+   * @default 4 grid columns
+   */
+  fieldsPerRow?: number;
+  fields: FilterField[];
+  /**
+   * Enable static filtering
+   */
+  static?: boolean;
 }
 
 /**
  * Slots for FilterContainer component
  */
 export type FilterContainerSlots = {
-    /**
-     * @deprecated Please use props.fields instead
-     */
-    default: Slot;
-
-    /**
-     * Additional template for field.
-     */
-    field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
+  /**
+   * @deprecated Please use props.fields instead
+   */
+  default: Slot;
+
+  /**
+   * Additional template for field.
+   */
+  field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
 };
 
 export type FilterContainerEmits = {
-    apply: [filter: QueryParams];
+  apply: [filter: QueryParams];
 };
 
 /**
@@ -173,9 +176,9 @@ export type FilterContainerEmits = {
  * @group components
  */
 declare const FilterContainer: DefineComponent<
-    FilterContainerProps,
-    FilterContainerEmits,
-    FilterContainerSlots
+  FilterContainerProps,
+  FilterContainerEmits,
+  FilterContainerSlots
 >;
 
 export default FilterContainer;