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

package/components/inputbadge/InputBadge.vue.d.ts

@@ -5,96 +5,96 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
  * InputBadge component props
  */
 export interface InputBadgeProps {
-  /**
-   * The type of input, whether input text or input email
-   *
-   * @default text
-   */
-  type?: 'text' | 'email';
-  /**
-   * The model value. Used for input without validation.
-   */
-  modelValue?: string[];
-  /**
-   * Sets the initial value of the field.
-   * This will only available with option 'useValidator'.
-   *
-   * In use case like edit form, you need to display the previous inputted value.
-   */
-  initialValue?: string[];
-  /**
-   * Determines if the field uses a validator
-   */
-  useValidator?: boolean;
-  /**
-   * Exisitng values to be checkeed with validation 'exist' - check the validatorMessage props
-   *
-   * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
-   */
-  existingValues?: string[];
-  /**
-   * Determines if the field is mandatory
-   */
-  mandatory?: boolean;
-  /**
-   * Set custom validator message.
-   */
-  validatorMessage?: string | CustomValidation;
-  /**
-   * Whether shows the invalid message or not.
-   * The validator message will be shown if useValidator true and the field label is specified.
-   *
-   * Sets this props to 'false' to force the validator message always hidden.
-   *
-   * @default true
-   */
-  showValidatorMessage?: boolean;
-  /**
-   * Set the invalid state.
-   *
-   * @default - If field is mandatory, the field will be considered invalid if the input is empty.
-   */
-  invalid?: 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 'inputBadge'
-   */
-  fieldName?: string;
-  /**
-   * The text input placholder.
-   *
-   * @default 'Enter value'
-   */
-  placeholder?: string;
-  /**
-   * Disabled state.
-   */
-  disabled?: boolean;
-  /**
-   * The field input label. Tell the user what input is this.
-   */
-  label?: string;
-  /**
-   * Show information to user about the field.
-   */
-  fieldInfo?: string;
-  /**
-   * If true, deleted badges will be replaced with `null` to preserve their index position.
-   * Otherwise, the badge will be fully removed, shifting subsequent items.
-   */
-  preserveDeletedIndex?: boolean;
+    /**
+     * The type of input, whether input text or input email
+     *
+     * @default text
+     */
+    type?: 'text' | 'email';
+    /**
+     * The model value. Used for input without validation.
+     */
+    modelValue?: string[];
+    /**
+     * Sets the initial value of the field.
+     * This will only available with option 'useValidator'.
+     *
+     * In use case like edit form, you need to display the previous inputted value.
+     */
+    initialValue?: string[];
+    /**
+     * Determines if the field uses a validator
+     */
+    useValidator?: boolean;
+    /**
+     * Exisitng values to be checkeed with validation 'exist' - check the validatorMessage props
+     *
+     * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
+     */
+    existingValues?: string[];
+    /**
+     * Determines if the field is mandatory
+     */
+    mandatory?: boolean;
+    /**
+     * Set custom validator message.
+     */
+    validatorMessage?: string | CustomValidation;
+    /**
+     * Whether shows the invalid message or not.
+     * The validator message will be shown if useValidator true and the field label is specified.
+     *
+     * Sets this props to 'false' to force the validator message always hidden.
+     *
+     * @default true
+     */
+    showValidatorMessage?: boolean;
+    /**
+     * Set the invalid state.
+     *
+     * @default - If field is mandatory, the field will be considered invalid if the input is empty.
+     */
+    invalid?: 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 'inputBadge'
+     */
+    fieldName?: string;
+    /**
+     * The text input placholder.
+     *
+     * @default 'Enter value'
+     */
+    placeholder?: string;
+    /**
+     * Disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * The field input label. Tell the user what input is this.
+     */
+    label?: string;
+    /**
+     * Show information to user about the field.
+     */
+    fieldInfo?: string;
+    /**
+     * If true, deleted badges will be replaced with `null` to preserve their index position.
+     * Otherwise, the badge will be fully removed, shifting subsequent items.
+     */
+    preserveDeletedIndex?: boolean;
 }
 
 /**
  * InputBadge component emits
  */
 export type InputBadgeEmits = {
-  /**
-   * Emits when a new label added.
-   */
-  'update:modelValue': [value: string[] | undefined];
+    /**
+     * Emits when a new label added.
+     */
+    'update:modelValue': [value: string[] | undefined];
 };
 
 /**
@@ -108,15 +108,15 @@ export type InputBadgeEmits = {
  * @group Component
  */
 declare class InputBadge extends ClassComponent<
-  InputBadgeProps,
-  Record<string, unknown>,
-  InputBadgeEmits
+    InputBadgeProps,
+    Record<string, unknown>,
+    InputBadgeEmits
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputBadge: GlobalComponentConstructor<InputBadge>;
-  }
+    interface GlobalComponents {
+        InputBadge: GlobalComponentConstructor<InputBadge>;
+    }
 }
 
 export default InputBadge;

package/components/inputcurrency/InputCurrency.vue.d.ts

@@ -2,147 +2,147 @@ import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type CurrencyFormat = {
-  name?: string;
-  label: string;
-  currency: string;
-  symbol: string;
-  locale: string;
+    name?: string;
+    label: string;
+    currency: string;
+    symbol: string;
+    locale: string;
 };
 
 export interface CurrencyValue {
-  currency: string; // Currency ISO Code
-  value?: number;
+    currency: string; // Currency ISO Code
+    value?: number;
 }
 
 /**
  * Configuration interface for locale-specific settings of the InputCurrency component.
  */
 export interface InputCurrencyLocaleConfig {
-  /**
-   * Error message to display when the input is empty.
-   *
-   * @example '{label} must not be empty' - 'Amount must not be empty'
-   */
-  emptyInputErrorMessage?: string;
+    /**
+     * Error message to display when the input is empty.
+     *
+     * @example '{label} must not be empty' - 'Amount must not be empty'
+     */
+    emptyInputErrorMessage?: string;
 }
 
 /**
  * InputCurrency component props
  */
 export interface InputCurrencyProps {
-  /**
-   * Number modelValue of the input.
-   */
-  modelValue?: CurrencyValue;
-
-  /**
-   * Sets the initial value of the field.
-   * This will only available with option 'useValidator'.
-   *
-   * In usecase like edit form, you need to display the previous inputted value.
-   */
-  value?: number;
-
-  /**
-   * The input label. Tell the user what input is this.
-   */
-  label?: string;
-
-  /**
-   * Max input number value.
-   */
-  max?: number;
-
-  /**
-   * Wether 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 'numberInput'
-   */
-  fieldName?: string;
-
-  /**
-   * Wether this input field is required or not.
-   */
-  mandatory?: boolean;
-
-  /**
-   * Set custom validator message.
-   * It is rarely use, this component has handled the validator message.
-   *
-   * @example: '{label} is required'
-   * @example: { empty: '{label} field is required' }
-   */
-  validatorMessage?: string | CustomValidation<'empty'>;
-
-  /**
-   * Custom invalid state.
-   */
-  invalid?: boolean;
-
-  /**
-   * Specify the input placeholder.
-   *
-   * @default 'Enter {label}' or 'Enter number'
-   */
-  placeholder?: string;
-
-  /**
-   * Disabled the input.
-   */
-  disabled?: boolean;
-
-  /**
-   * Displays increment/decrement buttons.
-   */
-  showButtons?: boolean;
-
-  /**
-   * The width of input.
-   */
-  size?: 'small' | 'normal' | 'full';
-
-  /**
-   * Defines the behavior of the component.
-   * @defaultValue currency
-   */
-  mode?: 'decimal' | 'currency';
-
-  /**
-   * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
-   * @defaultValue true
-   */
-  useGrouping?: boolean;
-
-  /**
-   * Show information about the field.
-   */
-  fieldInfo?: string;
-  inputnNumberId?: string;
+    /**
+     * Number modelValue of the input.
+     */
+    modelValue?: CurrencyValue;
+
+    /**
+     * Sets the initial value of the field.
+     * This will only available with option 'useValidator'.
+     *
+     * In usecase like edit form, you need to display the previous inputted value.
+     */
+    value?: number;
+
+    /**
+     * The input label. Tell the user what input is this.
+     */
+    label?: string;
+
+    /**
+     * Max input number value.
+     */
+    max?: number;
+
+    /**
+     * Wether 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 'numberInput'
+     */
+    fieldName?: string;
+
+    /**
+     * Wether this input field is required or not.
+     */
+    mandatory?: boolean;
+
+    /**
+     * Set custom validator message.
+     * It is rarely use, this component has handled the validator message.
+     *
+     * @example: '{label} is required'
+     * @example: { empty: '{label} field is required' }
+     */
+    validatorMessage?: string | CustomValidation<'empty'>;
+
+    /**
+     * Custom invalid state.
+     */
+    invalid?: boolean;
+
+    /**
+     * Specify the input placeholder.
+     *
+     * @default 'Enter {label}' or 'Enter number'
+     */
+    placeholder?: string;
+
+    /**
+     * Disabled the input.
+     */
+    disabled?: boolean;
+
+    /**
+     * Displays increment/decrement buttons.
+     */
+    showButtons?: boolean;
+
+    /**
+     * The width of input.
+     */
+    size?: 'small' | 'normal' | 'full';
+
+    /**
+     * Defines the behavior of the component.
+     * @defaultValue currency
+     */
+    mode?: 'decimal' | 'currency';
+
+    /**
+     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+     * @defaultValue true
+     */
+    useGrouping?: boolean;
+
+    /**
+     * Show information about the field.
+     */
+    fieldInfo?: string;
+    inputnNumberId?: string;
 }
 
 /**
  * InputCurrency component emits
  */
 export type InputCurrencyEmits = {
-  /**
-   * Emits when the input has loosen focus.
-   * The model value is the valid value from given min and max number.
-   *
-   * If the inputted number is above max, return the max. And vice versa.
-   */
-  'update:modelValue': [payload?: CurrencyValue];
-
-  /**
-   * If you need to check validation, you can use this events.
-   */
-  'input': [payload?: number];
+    /**
+     * Emits when the input has loosen focus.
+     * The model value is the valid value from given min and max number.
+     *
+     * If the inputted number is above max, return the max. And vice versa.
+     */
+    'update:modelValue': [payload?: CurrencyValue];
+
+    /**
+     * If you need to check validation, you can use this events.
+     */
+    'input': [payload?: number];
 };
 
 /**
@@ -156,15 +156,15 @@ export type InputCurrencyEmits = {
  * @group form
  */
 declare class InputCurrency extends ClassComponent<
-  InputCurrencyProps,
-  unknown,
-  InputCurrencyEmits
+    InputCurrencyProps,
+    unknown,
+    InputCurrencyEmits
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputCurrency: GlobalComponentConstructor<InputCurrency>;
-  }
+    interface GlobalComponents {
+        InputCurrency: GlobalComponentConstructor<InputCurrency>;
+    }
 }
 
 export default InputCurrency;

package/components/inputcurrency/helpers/currency.helper.d.ts

@@ -1,8 +1,8 @@
 import { CurrencyFormat } from '../InputCurrency.vue.d';
 declare const getCurrency: (code?: string) => CurrencyFormat;
 declare const formatCurrency: (
-  value?: number | string | null,
-  currency?: string,
-  prefix?: boolean,
+    value?: number | string | null,
+    currency?: string,
+    prefix?: boolean,
 ) => string;
 export { getCurrency, formatCurrency };