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

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 };