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

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

@@ -1,24 +1,45 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    touchMove?: unknown;
-    mouseMove?: unknown;
-    touchResize?: unknown;
-    wheelResize?: unknown;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    move: (e: any) => void;
-    resize: (e: any) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    touchMove?: unknown;
-    mouseMove?: unknown;
-    touchResize?: unknown;
-    wheelResize?: unknown;
-}>>> & {
-    onResize?: (e: any) => any;
-    onMove?: (e: any) => any;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const __VLS_component: import('vue').DefineComponent<
+    __VLS_TypePropsToOption<{
+        touchMove?: unknown;
+        mouseMove?: unknown;
+        touchResize?: unknown;
+        wheelResize?: unknown;
+    }>,
+    {},
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {
+        move: (e: any) => void;
+        resize: (e: any) => void;
+    },
+    string,
+    import('vue').PublicProps,
+    Readonly<
+        import('vue').ExtractPropTypes<
+            __VLS_TypePropsToOption<{
+                touchMove?: unknown;
+                mouseMove?: unknown;
+                touchResize?: unknown;
+                wheelResize?: unknown;
+            }>
+        >
+    > & {
+        onResize?: (e: any) => any;
+        onMove?: (e: any) => any;
+    },
+    {},
+    {}
+>;
+declare const _default: __VLS_WithTemplateSlots<
+    typeof __VLS_component,
+    ReturnType<typeof __VLS_template>
+>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -27,10 +48,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
 };
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+          }
+        : {
+              type: import('vue').PropType<T[K]>;
+              required: true;
+          };
 };

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

@@ -2,192 +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;
-  /**
-   * 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];
 };
 
 /**
@@ -202,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/imagecompressor/ImageInputInfo.vue.d.ts

@@ -1,18 +1,41 @@
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    showInfo: boolean;
-    showAddButton?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    addPhoto: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    showInfo: boolean;
-    showAddButton?: boolean;
-}>>> & {
-    onAddPhoto?: () => any;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const __VLS_component: import('vue').DefineComponent<
+    __VLS_TypePropsToOption<{
+        customRequirements?: string[];
+        showInfo: boolean;
+        showAddButton?: boolean;
+    }>,
+    {},
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {
+        addPhoto: () => void;
+    },
+    string,
+    import('vue').PublicProps,
+    Readonly<
+        import('vue').ExtractPropTypes<
+            __VLS_TypePropsToOption<{
+                customRequirements?: string[];
+                showInfo: boolean;
+                showAddButton?: boolean;
+            }>
+        >
+    > & {
+        onAddPhoto?: () => any;
+    },
+    {},
+    {}
+>;
+declare const _default: __VLS_WithTemplateSlots<
+    typeof __VLS_component,
+    ReturnType<typeof __VLS_template>
+>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -21,10 +44,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
 };
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+          }
+        : {
+              type: import('vue').PropType<T[K]>;
+              required: true;
+          };
 };