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

package/components/inputnumber/InputNumber.vue.d.ts

@@ -4,263 +4,263 @@ import { CustomValidation } from '../form/Form.vue.d';
 export type InputNumberEvent = number | string | undefined;
 
 export interface InputNumberLocaleConfig {
-    /**
-     * @example 'Tulis {label}' - label can be ommited, and if exist will be replaced with props.label
-     */
-    defaultPlaceholder?: string;
-
-    /**
-     * @example '{label} sudah ada' - label will be replaced with props.label
-     */
-    alreadyExistInvalidText?: string;
-
-    /**
-     * @example '{label} must not be empty' - label will be replaced with props.label
-     */
-    emptyInvalidText?: string;
+  /**
+   * @example 'Tulis {label}' - label can be ommited, and if exist will be replaced with props.label
+   */
+  defaultPlaceholder?: string;
+
+  /**
+   * @example '{label} sudah ada' - label will be replaced with props.label
+   */
+  alreadyExistInvalidText?: string;
+
+  /**
+   * @example '{label} must not be empty' - label will be replaced with props.label
+   */
+  emptyInvalidText?: string;
 }
 
 /**
  * InputNumber component props
  */
 export interface InputNumberProps {
-    /**
-     * Number modelValue of the input.
-     */
-    modelValue?: number;
-
-    /**
-     * 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.
-     */
-    value?: number;
-
-    /**
-     * Existing values to be checked with validation 'exist' - check the validatorMessage props
-     *
-     * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
-     */
-    existingValues?: number[];
-
-    /**
-     * The input label. Tell the user what input is this.
-     */
-    label?: string;
-
-    /**
-     * Min input number value.
-     */
-    min?: number;
-
-    /**
-     * Max input number value.
-     */
-    max?: number;
-
-    /**
-     * The maximum input length.
-     *
-     * @default 16 digit number
-     */
-    maxDigit?: number;
-
-    /**
-     * Set the pad start of value.
-     *
-     * Insert '0' in the front of value
-     * @default 1
-     */
-    padStart?: number;
-
-    /**
-     * Weather 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;
-
-    /**
-     * Whether this input field is required or not.
-     */
-    mandatory?: boolean;
-
-    /**
-     * Set custom validator message.
-     * Will be show if invalid="true"
-     */
-    validatorMessage?: string | CustomValidation;
-
-    /**
-     * Show the validator message on error.
-     *
-     * @default true;
-     */
-    showValidatorMessage?: boolean;
-
-    /**
-     * Specify the input placeholder.
-     *
-     * @default 'Enter {label}' or 'Enter number'
-     */
-    placeholder?: string;
-
-    /**
-     * Disabled the input.
-     */
-    disabled?: boolean;
-
-    /**
-     * State of invalid input.
-     */
-    invalid?: boolean;
-
-    /**
-     * Displays increment/decrement buttons.
-     */
-    showButtons?: boolean;
-
-    /**
-     * The width of input.
-     */
-    size?: 'small' | 'normal' | 'full';
-
-    /**
-     * Defines the behavior of the component.
-     * @defaultValue decimal
-     */
-    mode?: 'decimal' | 'currency';
-
-    /**
-     * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.
-     * There is no default value; if the style is 'currency', the currency property must be provided.
-     */
-    currency?: string | undefined;
-
-    /**
-     * The `locale` variable specifies the regional setting or language preference to be used.
-     * It is an optional string that can influence date, time, number formatting, and other locale-specific operations.
-     *
-     * If not provided, the system may default to a pre-configured or fallback locale.
-     */
-    locale?: string;
-
-    /**
-     * Text to display before the value.
-     */
-    prefix?: string | undefined;
-
-    /**
-     * Text to display after the value.
-     */
-    suffix?: string | undefined;
-
-    /**
-     * The minimal digits of decimal value.
-     */
-    minFractionDigits?: number;
-
-    /**
-     * The maximal digits of decimal value.
-     */
-    maxFractionDigits?: number;
-
-    /**
-     * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
-     * @defaultValue false
-     */
-    useGrouping?: boolean;
-
-    /**
-     * Show information about the field.
-     */
-    fieldInfo?: string;
-
-    /**
-     * The filed info tooltip position
-     */
-    tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
-
-    /**
-     * Specify the appearance of addon right and left
-     * - filled - has background and border
-     * - plain - no background, no border
-     *
-     * @defaultValue filled
-     */
-    addonVariant?: 'filled' | 'plain';
-
-    /**
-     * Class to be bind on addon left component
-     */
-    addonLeftClass?: any;
-
-    /**
-     * Class to be bind on addon left component
-     */
-    addonRightClass?: any;
-
-    /**
-     * Class to be bind on input group component
-     */
-    inputGroupClass?: any;
-
-    /**
-     * Class to be bind on input number component
-     */
-    inputNumberClass?: any;
-
-    /**
-     * Unique id for input number element
-     */
-    inputId?: string;
-
-    /**
-     * Set auto Resize Input
-     * The input width is counted by the value length
-     *
-     * @default false
-     */
-    autoResize?: boolean;
-
-    /**
-     * Allow input to have value null or undefined.
-     * If it sets to 'false', when the value is empty, it will fall back to min value if exists, zero otherwise
-     *
-     * @default true
-     */
-    allowEmptyValue?: boolean;
+  /**
+   * Number modelValue of the input.
+   */
+  modelValue?: number;
+
+  /**
+   * 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.
+   */
+  value?: number;
+
+  /**
+   * Existing values to be checked with validation 'exist' - check the validatorMessage props
+   *
+   * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
+   */
+  existingValues?: number[];
+
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+
+  /**
+   * Min input number value.
+   */
+  min?: number;
+
+  /**
+   * Max input number value.
+   */
+  max?: number;
+
+  /**
+   * The maximum input length.
+   *
+   * @default 16 digit number
+   */
+  maxDigit?: number;
+
+  /**
+   * Set the pad start of value.
+   *
+   * Insert '0' in the front of value
+   * @default 1
+   */
+  padStart?: number;
+
+  /**
+   * Weather 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;
+
+  /**
+   * Whether this input field is required or not.
+   */
+  mandatory?: boolean;
+
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true"
+   */
+  validatorMessage?: string | CustomValidation;
+
+  /**
+   * Show the validator message on error.
+   *
+   * @default true;
+   */
+  showValidatorMessage?: boolean;
+
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter number'
+   */
+  placeholder?: string;
+
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+
+  /**
+   * State of invalid input.
+   */
+  invalid?: boolean;
+
+  /**
+   * Displays increment/decrement buttons.
+   */
+  showButtons?: boolean;
+
+  /**
+   * The width of input.
+   */
+  size?: 'small' | 'normal' | 'full';
+
+  /**
+   * Defines the behavior of the component.
+   * @defaultValue decimal
+   */
+  mode?: 'decimal' | 'currency';
+
+  /**
+   * The currency to use in currency formatting. Possible values are the [ISO 4217 currency codes](https://www.six-group.com/en/products-services/financial-information/data-standards.html#scrollTo=maintenance-agency), such as 'USD' for the US dollar, 'EUR' for the euro, or 'CNY' for the Chinese RMB.
+   * There is no default value; if the style is 'currency', the currency property must be provided.
+   */
+  currency?: string | undefined;
+
+  /**
+   * The `locale` variable specifies the regional setting or language preference to be used.
+   * It is an optional string that can influence date, time, number formatting, and other locale-specific operations.
+   *
+   * If not provided, the system may default to a pre-configured or fallback locale.
+   */
+  locale?: string;
+
+  /**
+   * Text to display before the value.
+   */
+  prefix?: string | undefined;
+
+  /**
+   * Text to display after the value.
+   */
+  suffix?: string | undefined;
+
+  /**
+   * The minimal digits of decimal value.
+   */
+  minFractionDigits?: number;
+
+  /**
+   * The maximal digits of decimal value.
+   */
+  maxFractionDigits?: number;
+
+  /**
+   * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+   * @defaultValue false
+   */
+  useGrouping?: boolean;
+
+  /**
+   * Show information about the field.
+   */
+  fieldInfo?: string;
+
+  /**
+   * The filed info tooltip position
+   */
+  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
+
+  /**
+   * Specify the appearance of addon right and left
+   * - filled - has background and border
+   * - plain - no background, no border
+   *
+   * @defaultValue filled
+   */
+  addonVariant?: 'filled' | 'plain';
+
+  /**
+   * Class to be bind on addon left component
+   */
+  addonLeftClass?: any;
+
+  /**
+   * Class to be bind on addon left component
+   */
+  addonRightClass?: any;
+
+  /**
+   * Class to be bind on input group component
+   */
+  inputGroupClass?: any;
+
+  /**
+   * Class to be bind on input number component
+   */
+  inputNumberClass?: any;
+
+  /**
+   * Unique id for input number element
+   */
+  inputId?: string;
+
+  /**
+   * Set auto Resize Input
+   * The input width is counted by the value length
+   *
+   * @default false
+   */
+  autoResize?: boolean;
+
+  /**
+   * Allow input to have value null or undefined.
+   * If it sets to 'false', when the value is empty, it will fall back to min value if exists, zero otherwise
+   *
+   * @default true
+   */
+  allowEmptyValue?: boolean;
 }
 
 /**
  * InputNumber component emits
  */
 export type InputNumberEmits = {
-    /**
-     * Emits when the input has losen focus.
-     * The model value is the valid value from given min and max number.
-     *
-     * If the inputed number is above max, return the max. And vice versa.
-     */
-    'update:modelValue': [payload?: number];
-
-    /**
-     * If you need to check validation, you can use this events.
-     */
-    'input': [payload?: number];
+  /**
+   * Emits when the input has losen focus.
+   * The model value is the valid value from given min and max number.
+   *
+   * If the inputed number is above max, return the max. And vice versa.
+   */
+  'update:modelValue': [payload?: number];
+
+  /**
+   * If you need to check validation, you can use this events.
+   */
+  'input': [payload?: number];
 };
 
 export interface InputNumberSlots {
-    'addon-left': Slot;
-    'addon-right': Slot;
+  'addon-left': Slot;
+  'addon-right': Slot;
 }
 
 /**
@@ -274,9 +274,9 @@ export interface InputNumberSlots {
  * @group form
  */
 declare const InputNumber: DefineComponent<
-    InputNumberProps,
-    InputNumberEmits,
-    InputNumberSlots
+  InputNumberProps,
+  InputNumberEmits,
+  InputNumberSlots
 >;
 
 export default InputNumber;

package/components/inputpassword/InputPassword.vue.d.ts

@@ -2,31 +2,31 @@ import { DefineComponent } from 'vue';
 import { CustomValidation } from '../form/Form.vue.d';
 
 export type InputPasswordProps = {
-    modelValue?: string;
-    label?: string;
-    labelClass?: string;
-    inputContainerClass?: string;
-    mandatory?: boolean;
-    placeholder?: string;
-    feedback?: boolean;
-    fieldName?: string;
-    useValidator?: boolean;
-    invalid?: boolean;
-    /**
-     * Set custom validator message.
-     * Will be show if invalid="true"
-     */
-    validatorMessage?: string | CustomValidation;
-    validatorMessageClass?: string;
+  modelValue?: string;
+  label?: string;
+  labelClass?: string;
+  inputContainerClass?: string;
+  mandatory?: boolean;
+  placeholder?: string;
+  feedback?: boolean;
+  fieldName?: string;
+  useValidator?: boolean;
+  invalid?: boolean;
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true"
+   */
+  validatorMessage?: string | CustomValidation;
+  validatorMessageClass?: string;
 };
 
 export type InputPasswordEmits = {
-    'update:modelValue': [payload?: string];
+  'update:modelValue': [payload?: string];
 };
 
 declare const InputPassword: DefineComponent<
-    InputPasswordProps,
-    InputPasswordEmits
+  InputPasswordProps,
+  InputPasswordEmits
 >;
 
 export default InputPassword;