vue-cropperjs2 0.0.3 → 0.0.5

package/README.md

@@ -9,14 +9,14 @@ A modern Vue 3 wrapper for [Cropper.js v2](https://github.com/fengyuanchen/cropp
 
 ## Installation
 
-Install `vue-cropperjs2` alongside its peer dependency `cropperjs`:
+Install `vue-cropperjs2`:
 
 ```bash
-npm install vue-cropperjs2 cropperjs
+npm install vue-cropperjs2
 # or using yarn
-yarn add vue-cropperjs2 cropperjs
+yarn add vue-cropperjs2
 # or using pnpm
-pnpm add vue-cropperjs2 cropperjs
+pnpm add vue-cropperjs2
 ```
 
 ## Available Components

package/dist/App.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/CropperCanvas.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    background: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    background: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperCrosshair.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    centered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    centered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    centered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperGrid.vue.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    role: {
+        type: PropType<"grid">;
+        default: string;
+    };
+    covered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    role: {
+        type: PropType<"grid">;
+        default: string;
+    };
+    covered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    role: "grid";
+    covered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperHandle.vue.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+type HandleAction = "select" | "move" | "n-resize" | "e-resize" | "s-resize" | "w-resize" | "ne-resize" | "nw-resize" | "se-resize" | "sw-resize" | "none";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    action: {
+        type: PropType<HandleAction>;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    action: {
+        type: PropType<HandleAction>;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    slottable: boolean;
+    themeColor: string;
+    action: HandleAction;
+    plain: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperImage.vue.d.ts

@@ -0,0 +1,80 @@
+import { PropType } from 'vue';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    initialCenterSize: {
+        type: PropType<"contain" | "cover">;
+        default: string;
+    };
+    rotatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skewable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    initialCenterSize: {
+        type: PropType<"contain" | "cover">;
+        default: string;
+    };
+    rotatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scalable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    skewable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    alt: string;
+    initialCenterSize: "contain" | "cover";
+    rotatable: boolean;
+    scalable: boolean;
+    skewable: boolean;
+    slottable: boolean;
+    translatable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperSelection.vue.d.ts

@@ -0,0 +1,134 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+    };
+    initialAspectRatio: {
+        type: NumberConstructor;
+    };
+    initialCoverage: {
+        type: NumberConstructor;
+    };
+    dynamic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    movable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outlined: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precise: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+    };
+    initialAspectRatio: {
+        type: NumberConstructor;
+    };
+    initialCoverage: {
+        type: NumberConstructor;
+    };
+    dynamic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    movable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outlined: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precise: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    dynamic: boolean;
+    movable: boolean;
+    resizable: boolean;
+    zoomable: boolean;
+    multiple: boolean;
+    keyboard: boolean;
+    outlined: boolean;
+    precise: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperShade.vue.d.ts

@@ -0,0 +1,71 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        default: number;
+    };
+    y: {
+        type: NumberConstructor;
+        default: number;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    slottable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    themeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    hidden: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    slottable: boolean;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    themeColor: string;
+    hidden: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/CropperViewer.vue.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    resize: {
+        type: PropType<"both" | "horizontal" | "vertical" | "none">;
+        default: string;
+    };
+    selection: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    resize: {
+        type: PropType<"both" | "horizontal" | "vertical" | "none">;
+        default: string;
+    };
+    selection: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    resize: "none" | "both" | "horizontal" | "vertical";
+    selection: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;