ll-plus 2.4.5 → 2.4.8

package/es/components/cropper/src/cropper-image.d.ts

@@ -0,0 +1,51 @@
+import type { ExtractPropTypes, CSSProperties } from 'vue';
+import type Cropper from 'cropperjs';
+import type CropperImage from './cropper-image.vue';
+import type CropperModal from './cropper-modal.vue';
+export interface CropendResult {
+    imgBase64: string;
+    imgInfo: Cropper.Data;
+}
+export declare const defaultCropperOptions: Cropper.Options;
+export declare const cropperImageProps: {
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
+    readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
+    readonly imageStyle: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CSSProperties) | (() => CSSProperties) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties))[], unknown, unknown, () => {}, boolean>;
+    readonly options: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>) | ((new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>))[], unknown, unknown, () => {}, boolean>;
+};
+export declare const cropperImageEmits: {
+    readonly cropend: (params: CropendResult) => boolean;
+    readonly onReady: (cropper: Cropper) => boolean;
+    readonly cropendError: () => boolean;
+};
+export declare const cropperModalProps: {
+    readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+};
+export declare const cropperModalEmits: {
+    readonly confirm: (params: {
+        blob: Blob;
+        previewSource: string;
+    }) => boolean;
+};
+export type CropperImageProps = ExtractPropTypes<typeof cropperImageProps>;
+export type CropperModalProps = ExtractPropTypes<typeof cropperModalProps>;
+export type CropperImageEmits = typeof cropperImageEmits;
+export type CropperModalEmits = typeof cropperModalEmits;
+export type CropperImageInstance = InstanceType<typeof CropperImage>;
+export type CropperModalInstance = InstanceType<typeof CropperModal>;

package/es/components/cropper/src/cropper-image.vue.d.ts

@@ -0,0 +1,93 @@
+import { type CSSProperties } from 'vue';
+import Cropper from 'cropperjs';
+import { type CropendResult } from './cropper-image';
+declare const _default: import("vue").DefineComponent<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
+    readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
+    readonly imageStyle: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CSSProperties) | (() => CSSProperties) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties))[], unknown, unknown, () => {}, boolean>;
+    readonly options: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>) | ((new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>))[], unknown, unknown, () => {}, boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly options: Cropper.Options<EventTarget>;
+        readonly src: string;
+        readonly imageStyle: CSSProperties;
+        readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly realTimePreview: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly crossorigin?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
+        readonly alt?: string | undefined;
+        readonly onCropend?: ((params: CropendResult) => any) | undefined;
+        readonly onOnReady?: ((cropper: Cropper) => any) | undefined;
+        readonly onCropendError?: (() => any) | undefined;
+    } & {}>;
+    emits: ((event: "cropend", params: CropendResult) => void) & ((event: "onReady", cropper: Cropper) => void) & ((event: "cropendError") => void);
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    imgElRef: import("vue").Ref<HTMLImageElement | undefined>;
+    cropper: import("vue").Ref<Cropper | undefined>;
+    isReady: import("vue").Ref<boolean>;
+    getImageStyle: import("vue").ComputedRef<CSSProperties>;
+    getWrapperStyle: import("vue").ComputedRef<CSSProperties>;
+    init: () => Promise<void>;
+    realTimeCroppered: () => void;
+    debounceRealTimeCroppered: import("@vueuse/shared").PromisifyFn<() => void>;
+    croppered: () => void;
+    getRoundedCanvas: () => HTMLCanvasElement;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    readonly cropend: (params: CropendResult) => boolean;
+    readonly onReady: (cropper: Cropper) => boolean;
+    readonly cropendError: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
+    readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
+    readonly imageStyle: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CSSProperties) | (() => CSSProperties) | ((new (...args: any[]) => CSSProperties) | (() => CSSProperties))[], unknown, unknown, () => {}, boolean>;
+    readonly options: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>) | ((new (...args: any[]) => Cropper.Options<EventTarget>) | (() => Cropper.Options<EventTarget>))[], unknown, unknown, () => {}, boolean>;
+}>> & {
+    onCropend?: ((params: CropendResult) => any) | undefined;
+    onOnReady?: ((cropper: Cropper) => any) | undefined;
+    onCropendError?: (() => any) | undefined;
+}, {
+    readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly options: Cropper.Options<EventTarget>;
+    readonly crossorigin: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
+    readonly imageStyle: CSSProperties;
+    readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly realTimePreview: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;