@fewangsit/wangsvue-fats 1.0.0-alpha.33 → 1.0.0-alpha.35

package/components/inputtext/InputText.vue.d.ts

@@ -12,79 +12,79 @@ import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, Nullable } from '../ts-helpers';
 import { CustomValidation } from '../form/Form.vue.d';
 export declare type InputTextPassThroughOptionType<T = any> =
-    | InputTextPassThroughAttributes
-    | ((
-          options: InputTextPassThroughMethodOptions<T>,
-      ) => InputTextPassThroughAttributes | string)
-    | string
-    | null
-    | undefined;
+  | InputTextPassThroughAttributes
+  | ((
+      options: InputTextPassThroughMethodOptions<T>,
+    ) => InputTextPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
 
 export interface InputTextLocaleConfig {
-    /**
-     * @example 'Email format is incorrect'
-     */
-    emailFormatInvalidText?: string;
-
-    /**
-     * @example 'URL format is incorrect'
-     */
-    urlFormatInvalidText?: 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 'Max. {maxLength} characters' - maxLength will be replaced with props.maxLength
-     */
-    exceedMaxLengthInvalidText?: string;
-
-    /**
-     * @example 'Cannot include any special characters'
-     */
-    includeSpecialCharsInvalidText?: string;
-
-    /**
-     * @example 'Tulis {label}' - label can be ommited, and if exist will be replaced with props.label
-     */
-    defaultPlaceholder?: string;
+  /**
+   * @example 'Email format is incorrect'
+   */
+  emailFormatInvalidText?: string;
+
+  /**
+   * @example 'URL format is incorrect'
+   */
+  urlFormatInvalidText?: 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 'Max. {maxLength} characters' - maxLength will be replaced with props.maxLength
+   */
+  exceedMaxLengthInvalidText?: string;
+
+  /**
+   * @example 'Cannot include any special characters'
+   */
+  includeSpecialCharsInvalidText?: string;
+
+  /**
+   * @example 'Tulis {label}' - label can be ommited, and if exist will be replaced with props.label
+   */
+  defaultPlaceholder?: string;
 }
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface InputTextPassThroughMethodOptions<T = any> {
-    /**
-     * Defines instance.
-     */
-    instance: any;
-
-    /**
-     * Defines valid properties.
-     */
-    props: InputTextProps;
-
-    /**
-     * Defines current options.
-     */
-    context: InputTextContext;
-
-    /**
-     * Defines parent instance.
-     */
-    parent: T;
-
-    /**
-     * Defines passthrough(pt) options in global config.
-     */
-    global: object | undefined;
+  /**
+   * Defines instance.
+   */
+  instance: any;
+
+  /**
+   * Defines valid properties.
+   */
+  props: InputTextProps;
+
+  /**
+   * Defines current options.
+   */
+  context: InputTextContext;
+
+  /**
+   * Defines parent instance.
+   */
+  parent: T;
+
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
 }
 
 /**
@@ -92,246 +92,246 @@ export interface InputTextPassThroughMethodOptions<T = any> {
  * @see {@link InputTextProps.pt}
  */
 export interface InputTextPassThroughOptions<T = any> {
-    /**
-     * Used to pass attributes to the root's DOM element.
-     */
-    root?: InputTextPassThroughOptionType<T>;
-
-    /**
-     * Used to manage all lifecycle hooks.
-     * @see {@link BaseComponent.ComponentHooks}
-     */
-    hooks?: ComponentHooks;
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: InputTextPassThroughOptionType<T>;
+
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
 }
 
 /**
  * Custom passthrough attributes for each DOM elements
  */
 export interface InputTextPassThroughAttributes {
-    [key: string]: any;
+  [key: string]: any;
 }
 
 /**
  * Defines current options in InputText component.
  */
 export interface InputTextContext {
-    /**
-     * Current filled state of the component as a boolean.
-     * @defaultValue false
-     */
-    filled: boolean;
-
-    /**
-     * Current disabled state of the component as a boolean.
-     * @defaultValue false
-     */
-    disabled: boolean;
+  /**
+   * Current filled state of the component as a boolean.
+   * @defaultValue false
+   */
+  filled: boolean;
+
+  /**
+   * Current disabled state of the component as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
 }
 
 /**
  * Defines valid properties in InputText component.
  */
 export interface InputTextProps extends /* @vue-ignore */ InputHTMLAttributes {
-    allowedCharacters?: RegExp;
-
-    /**
-     * Determine whether inputted text should be automatically converted to uppercase or not.
-     *
-     * @default false
-     */
-    autoUppercase?: boolean;
-
-    /**
-     * String modelValue of the input.
-     */
-    modelValue?: Nullable<string>;
-
-    /**
-     * 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?: string;
-
-    /**
-     * 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[];
-
-    /**
-     * Check avaialability of the value.
-     *
-     * @returns {boolean} - Return true if the value is available, otherwise false.
-     */
-    checkAvailability?: (value: string) => Promise<boolean> | boolean;
-
-    /**
-     * The maximun character length allowed.
-     *
-     * @default 30 - for inputText;
-     * @default unlimited - for textarea and inputurl;
-     * @default 60 - for InputEmail
-     *
-     * Pass Infinity to allow unlimited length.
-     * @example `:max-length="Infinity"`
-     */
-    maxLength?: number;
-
-    /**
-     * The input label. Tell the user what input is this.
-     */
-    label?: string;
-
-    /**
-     * 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 'textInput'
-     */
-    fieldName?: string;
-
-    /**
-     * Wether this input field is required or not.
-     */
-    mandatory?: boolean;
-
-    /**
-     * Invalid input state.
-     */
-    invalid?: boolean;
-
-    /**
-     * Set manual invalid input container state.
-     *
-     * @todo: review the usage of this props
-     */
-    manualInvalidContainer?: boolean;
-
-    /**
-     * Set custom validator message.
-     * Will be show if invalid="true" or in some conditions. {@link Condition}
-     *
-     * @example: 'This field is required'
-     * @example: { empty: 'This field is required', invalidFormat: 'Email format incorrect' }
-     */
-    validatorMessage?:
-        | string
-        | CustomValidation<'empty' | 'exceed' | 'invalidFormat' | 'exist'>;
-
-    /**
-     * Classes for validator message in input field.
-     */
-    validatorMessageClass?: string;
-
-    /**
-     * Specify the input placeholder.
-     *
-     * @default 'Enter {label}' or 'Enter {type}'
-     */
-    placeholder?: string;
-
-    /**
-     * Specify the validation type. Wether 'email' or 'text' validation.
-     */
-    type?: 'email' | 'text' | 'url' | 'initialname' | 'repositoryname';
-
-    /**
-     * Disabled the input.
-     */
-    disabled?: boolean;
-
-    /**
-     * Show information to user about the field.
-     */
-    fieldInfo?: string;
-
-    /**
-     * Specify classes for input.
-     */
-    inputClass?: string;
-
-    /**
-     * Specify classes for input container.
-     */
-    inputContainerClass?: string;
-
-    /**
-     * Specify classes for label.
-     */
-    labelClass?: string;
-
-    /**
-     * Auto blur while input value has reached the max length.
-     *
-     * @deprecated This will be removed in the next major update. Use {@link preventInputOnMaxLength} instead.
-     */
-    blurOnReachMaxLength?: boolean;
-
-    /**
-     * Prevent input once the max length is reached, allowing only backspace.
-     *
-     * @default false
-     */
-    preventInputOnMaxLength?: boolean;
-
-    /**
-     * Validate the input on blur event.
-     *
-     * @default false - on input event
-     */
-    validateOnBlur?: boolean;
-
-    /**
-     * For Input URL, whether validate the protocol http/https
-     *
-     * @default true
-     */
-    useProtocol?: boolean;
-
-    /**
-     * Allow user to input special characters
-     *
-     * @default true
-     */
-    allowSpecialCharacters?: boolean;
-
-    /**
-     * Wether the input should be wrapped with InputGroup Component or not.
-     * Currently used for InputPhoneNumber.
-     */
-    useInputGroup?: boolean;
-
-    /**
-     * Unique id for input number element
-     */
-    inputId?: string;
+  allowedCharacters?: RegExp;
+
+  /**
+   * Determine whether inputted text should be automatically converted to uppercase or not.
+   *
+   * @default false
+   */
+  autoUppercase?: boolean;
+
+  /**
+   * String modelValue of the input.
+   */
+  modelValue?: Nullable<string>;
+
+  /**
+   * 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?: string;
+
+  /**
+   * 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[];
+
+  /**
+   * Check avaialability of the value.
+   *
+   * @returns {boolean} - Return true if the value is available, otherwise false.
+   */
+  checkAvailability?: (value: string) => Promise<boolean> | boolean;
+
+  /**
+   * The maximun character length allowed.
+   *
+   * @default 30 - for inputText;
+   * @default unlimited - for textarea and inputurl;
+   * @default 60 - for InputEmail
+   *
+   * Pass Infinity to allow unlimited length.
+   * @example `:max-length="Infinity"`
+   */
+  maxLength?: number;
+
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+
+  /**
+   * 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 'textInput'
+   */
+  fieldName?: string;
+
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+
+  /**
+   * Invalid input state.
+   */
+  invalid?: boolean;
+
+  /**
+   * Set manual invalid input container state.
+   *
+   * @todo: review the usage of this props
+   */
+  manualInvalidContainer?: boolean;
+
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true" or in some conditions. {@link Condition}
+   *
+   * @example: 'This field is required'
+   * @example: { empty: 'This field is required', invalidFormat: 'Email format incorrect' }
+   */
+  validatorMessage?:
+    | string
+    | CustomValidation<'empty' | 'exceed' | 'invalidFormat' | 'exist'>;
+
+  /**
+   * Classes for validator message in input field.
+   */
+  validatorMessageClass?: string;
+
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter {type}'
+   */
+  placeholder?: string;
+
+  /**
+   * Specify the validation type. Wether 'email' or 'text' validation.
+   */
+  type?: 'email' | 'text' | 'url' | 'initialname' | 'repositoryname';
+
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+
+  /**
+   * Specify classes for input.
+   */
+  inputClass?: string;
+
+  /**
+   * Specify classes for input container.
+   */
+  inputContainerClass?: string;
+
+  /**
+   * Specify classes for label.
+   */
+  labelClass?: string;
+
+  /**
+   * Auto blur while input value has reached the max length.
+   *
+   * @deprecated This will be removed in the next major update. Use {@link preventInputOnMaxLength} instead.
+   */
+  blurOnReachMaxLength?: boolean;
+
+  /**
+   * Prevent input once the max length is reached, allowing only backspace.
+   *
+   * @default false
+   */
+  preventInputOnMaxLength?: boolean;
+
+  /**
+   * Validate the input on blur event.
+   *
+   * @default false - on input event
+   */
+  validateOnBlur?: boolean;
+
+  /**
+   * For Input URL, whether validate the protocol http/https
+   *
+   * @default true
+   */
+  useProtocol?: boolean;
+
+  /**
+   * Allow user to input special characters
+   *
+   * @default true
+   */
+  allowSpecialCharacters?: boolean;
+
+  /**
+   * Wether the input should be wrapped with InputGroup Component or not.
+   * Currently used for InputPhoneNumber.
+   */
+  useInputGroup?: boolean;
+
+  /**
+   * Unique id for input number element
+   */
+  inputId?: string;
 }
 
 /**
  * Defines valid emits in InputText component.
  */
 export type InputTextEmits = {
-    /**
-     * Emitted when the value changes.
-     * @param {string} value - New value.
-     */
-    'update:modelValue': [value: string | undefined];
-    'blur': [payload?: Nullable<string>];
-    'input': [payload?: Nullable<string>];
+  /**
+   * Emitted when the value changes.
+   * @param {string} value - New value.
+   */
+  'update:modelValue': [value: string | undefined];
+  'blur': [payload?: Nullable<string>];
+  'input': [payload?: Nullable<string>];
 };
 
 export type InputTextSlots = {
-    'addon-left': Slot;
-    'addon-right': Slot;
+  'addon-left': Slot;
+  'addon-right': Slot;
 };
 
 /**
@@ -344,9 +344,9 @@ export type InputTextSlots = {
  * @group Component
  */
 declare class InputText extends ClassComponent<
-    InputTextProps,
-    InputTextSlots,
-    InputTextEmits
+  InputTextProps,
+  InputTextSlots,
+  InputTextEmits
 > {}
 
 export default InputText;

package/components/inputurl/InputURL.vue.d.ts

@@ -1,6 +1,9 @@
 import { Slot } from 'vue';
 import { ClassComponent } from '../ts-helpers';
-import { InputTextEmits, InputTextProps } from '../inputtext/InputText.vue.d';
+import {
+  InputTextEmits,
+  InputTextProps,
+} from '../../components/inputtext/InputText.vue.d';
 
 /**
  * InputURL component props
@@ -13,8 +16,8 @@ export type InputURLProps = Omit<InputTextProps, 'type'>;
 export type InputURLEmits = InputTextEmits;
 
 export type InputURLSlots = {
-    'addon-left': Slot;
-    'addon-right': Slot;
+  'addon-left': Slot;
+  'addon-right': Slot;
 };
 
 /**
@@ -28,9 +31,9 @@ export type InputURLSlots = {
  * @group form
  */
 declare class InputURL extends ClassComponent<
-    InputURLProps,
-    InputURLSlots,
-    InputURLEmits
+  InputURLProps,
+  InputURLSlots,
+  InputURLEmits
 > {}
 
 export default InputURL;