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

package/components/imagecompressor/ImageCompressor.vue.d.ts

@@ -2,198 +2,198 @@ import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export interface ImageCompressorLocaleConfig {
-    cropDialogHeader: string;
-    /**
-     * @example 'Gunakan Ctrl + Scroll untuk perbesar atau perkecil gambar'
-     */
-    cropperCtrlScrollInfo: string;
-    /**
-     * @example 'Gunakan dua jari untuk untuk perbesar atau perkecil gambar'
-     */
-    cropperTwoFingerInfo: string;
+  cropDialogHeader: string;
+  /**
+   * @example 'Gunakan Ctrl + Scroll untuk perbesar atau perkecil gambar'
+   */
+  cropperCtrlScrollInfo: string;
+  /**
+   * @example 'Gunakan dua jari untuk untuk perbesar atau perkecil gambar'
+   */
+  cropperTwoFingerInfo: string;
 
-    /**
-     * @example 'Maks. 1 MB'
-     */
-    maxSizeRequirement: string;
+  /**
+   * @example 'Maks. 1 MB'
+   */
+  maxSizeRequirement: string;
 
-    /**
-     * @example 'Hanya mendukung format gambar'
-     */
-    imageTypeRequirement: string;
+  /**
+   * @example 'Hanya mendukung format gambar'
+   */
+  imageTypeRequirement: string;
 
-    cancelCropLabel: string;
-    changeImageLabel: string;
-    applyCropLabel: string;
+  cancelCropLabel: string;
+  changeImageLabel: string;
+  applyCropLabel: string;
 }
 
 export type Image = {
-    src: string | null;
-    type: string | null;
+  src: string | null;
+  type: string | null;
 };
 
 export type ImageCompressorPayload = {
-    canvas: HTMLCanvasElement | undefined;
-    compressed: {
-        blob: string | Blob;
-        base64: string;
-        fileName: string;
-        file: File;
-        size: string;
-        type: 'image/webp' | 'image/jpeg' | 'image/jpg';
-    };
-    message?: string;
+  canvas: HTMLCanvasElement | undefined;
+  compressed: {
+    blob: string | Blob;
+    base64: string;
+    fileName: string;
+    file: File;
+    size: string;
+    type: 'image/webp' | 'image/jpeg' | 'image/jpg';
+  };
+  message?: string;
 };
 
 export interface ImageCompressorProps {
-    /**
-     * Specify the user initial name for the Image Placeholder
-     *
-     * max-length: 3
-     */
-    initialName?: string;
-    /**
-     * Specify the input type, wether single ro multiple image input.
-     *
-     * @default false - single input.
-     */
-    multiple?: boolean;
-    /**
-     * The default image index 0 / 1
-     */
-    defaultImage?: number;
-    /**
-     * Disable the image input.
-     *
-     * @todo add disabled state.
-     */
-    disabled?: boolean;
-    /**
-     * Display a compressed Blob image or a string objectURL of a Blob when mounted.
-     */
-    compressedBlob?: string | Blob | (string | Blob)[];
-    /**
-     * Display an image with the URL instead.
-     */
-    imagePreviewUrl?: string | string[];
-    /**
-     * Specify the size image input and preview size.
-     *
-     * - small: 30px
-     * - medium: 80px
-     * - big: 125*125 px
-     *
-     * @todo Add small size. Currently only support big size.
-     * @default 'big'
-     */
-    imagePreviewSize?: 'small' | 'medium' | 'big';
-    /**
-     * Specify the rounded level.
-     *
-     * If true, the image will be full rounded.
-     *
-     * @default 'false'
-     */
-    rounded?: boolean;
-    /**
-     * Specify whether the image able to be deleted or not (in case image only able to added and edited)
-     *
-     * @default true
-     */
-    useDeleteButton?: boolean;
-    /**
-     * Specify whether the image input will be used as field within Form validation.
-     *
-     */
-    useValidator?: boolean;
-    /**
-     * Specify if the field is required or not.
-     */
-    mandatory?: boolean;
-    /**
-     * Set the invalid state and display the custom validator message.
-     */
-    invalid?: boolean;
-    /**
-     * Set custom validation message.
-     */
-    validatorMessage?: string | CustomValidation;
-    /**
-     * The field label.
-     *
-     * @default undefined - if props.useValidator not presents.
-     * @default 'Photo' - if props.useValidator presents.
-     */
-    label?: string;
-    /**
-     * Specify the field name to make the input available on form validation payload.
-     *
-     * @default 'imageInput'
-     */
-    fieldName?: string;
-    /**
-     * Display field information as tooltip.
-     */
-    fieldInfo?: string;
-    /**
-     * Show the image requirement info section.
-     *
-     * @default true
-     */
-    showInfo?: boolean;
-    /**
-     * Change the requirements of the photo
-     *
-     * @default undefined - will use maxSizeRequirement, imageTypeRequirement from LocaleConfig
-     */
-    customRequirements?: string[];
-    /**
-     * Show dialog confirmation before delete the image.
-     */
-    confirmOnDelete?: boolean;
-    /**
-     * On clicking delete button, emit the delete function instead of deleting the image.
-     * Useful when showing custom dialog confirmation.
-     */
-    emitDeleteFn?: boolean;
-    /**
-     * Show the validation message section.
-     *
-     * @default true
-     */
-    showValidatorMessage?: boolean;
-    /**
-     * Specify the file type for the uploaded image result.
-     *
-     * @default 'webp'
-     */
-    fileType?: 'webp' | 'jpeg' | 'jpg';
+  /**
+   * Specify the user initial name for the Image Placeholder
+   *
+   * max-length: 3
+   */
+  initialName?: string;
+  /**
+   * Specify the input type, wether single ro multiple image input.
+   *
+   * @default false - single input.
+   */
+  multiple?: boolean;
+  /**
+   * The default image index 0 / 1
+   */
+  defaultImage?: number;
+  /**
+   * Disable the image input.
+   *
+   * @todo add disabled state.
+   */
+  disabled?: boolean;
+  /**
+   * Display a compressed Blob image or a string objectURL of a Blob when mounted.
+   */
+  compressedBlob?: string | Blob | (string | Blob)[];
+  /**
+   * Display an image with the URL instead.
+   */
+  imagePreviewUrl?: string | string[];
+  /**
+   * Specify the size image input and preview size.
+   *
+   * - small: 30px
+   * - medium: 80px
+   * - big: 125*125 px
+   *
+   * @todo Add small size. Currently only support big size.
+   * @default 'big'
+   */
+  imagePreviewSize?: 'small' | 'medium' | 'big';
+  /**
+   * Specify the rounded level.
+   *
+   * If true, the image will be full rounded.
+   *
+   * @default 'false'
+   */
+  rounded?: boolean;
+  /**
+   * Specify whether the image able to be deleted or not (in case image only able to added and edited)
+   *
+   * @default true
+   */
+  useDeleteButton?: boolean;
+  /**
+   * Specify whether the image input will be used as field within Form validation.
+   *
+   */
+  useValidator?: boolean;
+  /**
+   * Specify if the field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Set the invalid state and display the custom validator message.
+   */
+  invalid?: boolean;
+  /**
+   * Set custom validation message.
+   */
+  validatorMessage?: string | CustomValidation;
+  /**
+   * The field label.
+   *
+   * @default undefined - if props.useValidator not presents.
+   * @default 'Photo' - if props.useValidator presents.
+   */
+  label?: string;
+  /**
+   * Specify the field name to make the input available on form validation payload.
+   *
+   * @default 'imageInput'
+   */
+  fieldName?: string;
+  /**
+   * Display field information as tooltip.
+   */
+  fieldInfo?: string;
+  /**
+   * Show the image requirement info section.
+   *
+   * @default true
+   */
+  showInfo?: boolean;
+  /**
+   * Change the requirements of the photo
+   *
+   * @default undefined - will use maxSizeRequirement, imageTypeRequirement from LocaleConfig
+   */
+  customRequirements?: string[];
+  /**
+   * Show dialog confirmation before delete the image.
+   */
+  confirmOnDelete?: boolean;
+  /**
+   * On clicking delete button, emit the delete function instead of deleting the image.
+   * Useful when showing custom dialog confirmation.
+   */
+  emitDeleteFn?: boolean;
+  /**
+   * Show the validation message section.
+   *
+   * @default true
+   */
+  showValidatorMessage?: boolean;
+  /**
+   * Specify the file type for the uploaded image result.
+   *
+   * @default 'webp'
+   */
+  fileType?: 'webp' | 'jpeg' | 'jpg';
 }
 
 export interface ImageCompressorSlots {
-    [key: string]: unknown;
+  [key: string]: unknown;
 }
 
 export type ImageCompressorEmits = {
-    /**
-     * On apply the image cropper.
-     */
-    'apply': [value: ImageCompressorPayload];
-    /**
-     * On apply image from props.
-     */
-    'applyProp': [];
-    'update:defaultImage': [index?: number];
-    /**
-     * On delete button clicked.
-     *
-     * When confirmOnDelete / emitDelete is true, this emit will be emitted with a delete function.
-     * You need to call the function inside your own delete funcition to clear the image.
-     *
-     * @param deleteFn - the function delete
-     * @param index - the index of image to be deleted
-     */
-    'delete': [deleteFn?: (index?: number) => void, index?: number];
+  /**
+   * On apply the image cropper.
+   */
+  'apply': [value: ImageCompressorPayload];
+  /**
+   * On apply image from props.
+   */
+  'applyProp': [];
+  'update:defaultImage': [index?: number];
+  /**
+   * On delete button clicked.
+   *
+   * When confirmOnDelete / emitDelete is true, this emit will be emitted with a delete function.
+   * You need to call the function inside your own delete funcition to clear the image.
+   *
+   * @param deleteFn - the function delete
+   * @param index - the index of image to be deleted
+   */
+  'delete': [deleteFn?: (index?: number) => void, index?: number];
 };
 
 /**
@@ -208,22 +208,22 @@ export type ImageCompressorEmits = {
  *
  */
 declare class ImageCompressor extends ClassComponent<
-    ImageCompressorProps,
-    ImageCompressorSlots,
-    ImageCompressorEmits
+  ImageCompressorProps,
+  ImageCompressorSlots,
+  ImageCompressorEmits
 > {
-    /**
-     * Exposed function to assign image from props.
-     *
-     * @param isDelete
-     */
-    assignPreviewImagesFromProp(isDelete?: boolean): Promise<void>;
+  /**
+   * Exposed function to assign image from props.
+   *
+   * @param isDelete
+   */
+  assignPreviewImagesFromProp(isDelete?: boolean): Promise<void>;
 }
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        ImageCompressor: GlobalComponentConstructor<ImageCompressor>;
-    }
+  interface GlobalComponents {
+    ImageCompressor: GlobalComponentConstructor<ImageCompressor>;
+  }
 }
 
 export default ImageCompressor;

package/components/index.d.ts

@@ -1,58 +1,58 @@
-export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue.d';
-export { default as Badge } from './badge/Badge.vue.d';
-export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue.d';
-export { default as BaseTree } from './basetree/BaseTree.vue.d';
-export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue.d';
-export { default as Button } from './button/Button.vue.d';
-export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue.d';
-export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue.d';
-export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue.d';
-export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue.d';
-export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue.d';
-export { default as ButtonScan } from './buttonscan/ButtonScan.vue.d';
-export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue.d';
-export { default as ButtonSelectTree } from './buttonselecttree/ButtonSelectTree.vue.d';
-export { default as ButtonSync } from './buttonsync/ButtonSync.vue.d';
-export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue.d';
-export { default as Calendar } from './calendar/Calendar.vue.d';
-export { default as Card } from './card/Card.vue.d';
-export { default as Checkbox } from './checkbox/Checkbox.vue.d';
-export { default as DataTable } from './datatable/DataTable.vue.d';
-export { default as Dialog } from './dialog/Dialog.vue.d';
-export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue.d';
-export { default as DialogForm } from './dialogform/DialogForm.vue.d';
-export { default as DialogSelectTree } from './dialogselecttree/DialogSelectTree.vue.d';
-export { default as Dropdown } from './dropdown/Dropdown.vue.d';
-export { default as FileUpload } from './fileupload/FileUpload.vue.d';
-export { default as Form } from './form/Form.vue.d';
-export { default as Icon } from './icon/Icon.vue.d';
-export { default as Image } from './image/Image.vue.d';
-export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue.d';
-export { default as InputBadge } from './inputbadge/InputBadge.vue.d';
-export { default as InputCurrency } from './inputcurrency/InputCurrency.vue.d';
-export { default as InputEmail } from './inputemail/InputEmail.vue.d';
-export { default as InputNumber } from './inputnumber/InputNumber.vue.d';
-export { default as InputPassword } from './inputpassword/InputPassword.vue.d';
-export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue.d';
-export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue.d';
-export { default as InputText } from './inputtext/InputText.vue.d';
-export { default as InputURL } from './inputurl/InputURL.vue.d';
-export { default as InvisibleField } from './invisiblefield/InvisibleField.vue.d';
-export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue.d';
-export { default as Loading } from './loading/Loading.vue.d';
-export { default as Menu } from './menu/Menu.vue.d';
-export { default as MultiSelect } from './multiselect/MultiSelect.vue.d';
-export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue.d';
-export { default as TabMenu } from './tabmenu/TabMenu.vue.d';
-export { default as Textarea } from './textarea/Textarea.vue.d';
-export { default as Timeline } from './timeline/Timeline.vue.d';
-export { default as Toast } from './toast/Toast.vue.d';
-export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue.d';
-export { default as Tree } from './tree/Tree.vue.d';
-export { default as UserName } from './username/UserName.vue.d';
+export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
+export { default as Badge } from './badge/Badge.vue';
+export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
+export { default as BaseTree } from './basetree/BaseTree.vue';
+export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
+export { default as Button } from './button/Button.vue';
+export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
+export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue';
+export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
+export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
+export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
+export { default as ButtonScan } from './buttonscan/ButtonScan.vue';
+export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
+export { default as ButtonSelectTree } from './buttonselecttree/ButtonSelectTree.vue';
+export { default as ButtonSync } from './buttonsync/ButtonSync.vue';
+export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
+export { default as Calendar } from './calendar/Calendar.vue';
+export { default as Card } from './card/Card.vue';
+export { default as Checkbox } from './checkbox/Checkbox.vue';
+export { default as DataTable } from './datatable/DataTable.vue';
+export { default as Dialog } from './dialog/Dialog.vue';
+export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
+export { default as DialogForm } from './dialogform/DialogForm.vue';
+export { default as DialogSelectTree } from './dialogselecttree/DialogSelectTree.vue';
+export { default as Dropdown } from './dropdown/Dropdown.vue';
+export { default as FileUpload } from './fileupload/FileUpload.vue';
+export { default as Form } from './form/Form.vue';
+export { default as Icon } from './icon/Icon.vue';
+export { default as Image } from './image/Image.vue';
+export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
+export { default as InputBadge } from './inputbadge/InputBadge.vue';
+export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
+export { default as InputEmail } from './inputemail/InputEmail.vue';
+export { default as InputNumber } from './inputnumber/InputNumber.vue';
+export { default as InputPassword } from './inputpassword/InputPassword.vue';
+export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
+export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
+export { default as InputText } from './inputtext/InputText.vue';
+export { default as InputURL } from './inputurl/InputURL.vue';
+export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
+export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
+export { default as Loading } from './loading/Loading.vue';
+export { default as Menu } from './menu/Menu.vue';
+export { default as MultiSelect } from './multiselect/MultiSelect.vue';
+export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
+export { default as TabMenu } from './tabmenu/TabMenu.vue';
+export { default as Textarea } from './textarea/Textarea.vue';
+export { default as Timeline } from './timeline/Timeline.vue';
+export { default as Toast } from './toast/Toast.vue';
+export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue';
+export { default as Tree } from './tree/Tree.vue';
+export { default as UserName } from './username/UserName.vue';
 
-export { default as AssetInfo } from './assetinfo/AssetInfo.vue.d';
-export { default as ButtonViewLog } from './buttonviewlog/ButtonViewLog.vue.d';
-export { default as UserWithIcon } from './userwithicon/UserWithIcon.vue.d';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue.d';
-export { default as InputSearch } from './inputsearch/InputSearch.vue.d';
+export { default as AssetInfo } from './assetinfo/AssetInfo.vue';
+export { default as ButtonViewLog } from './buttonviewlog/ButtonViewLog.vue';
+export { default as UserWithIcon } from './userwithicon/UserWithIcon.vue';
+export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
+export { default as InputSearch } from './inputsearch/InputSearch.vue';