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

package/components/fieldwrapper/FieldWrapper.vue.d.ts

@@ -1,67 +1,67 @@
 import { DefineComponent } from 'vue';
 
 export interface FieldWrapperLocaleConfig {
-  /**
-   * The indicator for mandatory field.
-   * @default '*''
-   */
-  labelRequired?: string;
+    /**
+     * The indicator for mandatory field.
+     * @default '*''
+     */
+    labelRequired?: string;
 
-  /**
-   * The indicator for optional field.
-   * @default '(optional)''
-   */
-  labelOptional?: string;
+    /**
+     * The indicator for optional field.
+     * @default '(optional)''
+     */
+    labelOptional?: string;
 }
 
 /**
  * Props for the FieldWrapper component.
  */
 export interface FieldWrapperProps {
-  /**
-   * The label text to display for the field.
-   * @default undefined
-   */
-  label?: string;
+    /**
+     * The label text to display for the field.
+     * @default undefined
+     */
+    label?: string;
 
-  /**
-   * Indicates whether the field is mandatory (required).
-   * If `true`, this may trigger the display of a required indicator.
-   * @default false
-   */
-  mandatory?: boolean;
+    /**
+     * Indicates whether the field is mandatory (required).
+     * If `true`, this may trigger the display of a required indicator.
+     * @default false
+     */
+    mandatory?: boolean;
 
-  /**
-   * When `true`, displays an "(optional)" text next to the label if the field is not mandatory.
-   */
-  showOptionalText?: boolean;
+    /**
+     * When `true`, displays an "(optional)" text next to the label if the field is not mandatory.
+     */
+    showOptionalText?: boolean;
 
-  /**
-   * When `true`, displays an asterisk (`*`) next to the label if the field is mandatory.
-   * @default false
-   */
-  showAsterisk?: boolean;
+    /**
+     * When `true`, displays an asterisk (`*`) next to the label if the field is mandatory.
+     * @default false
+     */
+    showAsterisk?: boolean;
 
-  /**
-   * Additional information or description for the field.
-   * Can be used to display tooltips or inline helper text.
-   * @default undefined
-   */
-  info?: string;
+    /**
+     * Additional information or description for the field.
+     * Can be used to display tooltips or inline helper text.
+     * @default undefined
+     */
+    info?: string;
 
-  /**
-   * Custom CSS class to apply to the label element.
-   * Useful for styling the label specifically.
-   * @default undefined
-   */
-  labelClass?: string;
+    /**
+     * Custom CSS class to apply to the label element.
+     * Useful for styling the label specifically.
+     * @default undefined
+     */
+    labelClass?: string;
 
-  /**
-   * Position of the tooltip, if one is displayed.
-   * Accepted values are `'top'`, `'right'`, `'bottom'`, and `'left'`.
-   * @default undefined
-   */
-  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Position of the tooltip, if one is displayed.
+     * Accepted values are `'top'`, `'right'`, `'bottom'`, and `'left'`.
+     * @default undefined
+     */
+    tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
 }
 
 declare const FieldWrapper: DefineComponent<FieldWrapperProps>;

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;