@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/components/Header.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk3JANYZE3_js = require('../chunk-3JANYZE3.js');
+var chunkCKXZONMO_js = require('../chunk-CKXZONMO.js');
+require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunk3JANYZE3_js.Header; }
+  get: function () { return chunkCKXZONMO_js.Header; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunk3JANYZE3_js.Header_default; }
+  get: function () { return chunkCKXZONMO_js.Header_default; }
 });

package/dist/components/Header.mjs

@@ -1 +1,2 @@
-export { Header, Header_default as default } from '../chunk-WSMKQUNB.mjs';
+export { Header, Header_default as default } from '../chunk-IGSAOYXD.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/Icon.d.mts

@@ -1,12 +1,10 @@
 import * as vue from 'vue';
-import { PropType, CSSProperties, VNode } from 'vue';
+import { PropType, VNode } from 'vue';
 import { IconSize } from '@expcat/tigercat-core';
 
 interface VueIconProps {
     size?: IconSize;
     color?: string;
-    className?: string;
-    style?: CSSProperties;
 }
 declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -25,20 +23,6 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Additional CSS classes
-     */
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Custom styles for the wrapper
-     */
-    style: {
-        type: PropType<CSSProperties>;
-        default: undefined;
-    };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -58,24 +42,8 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Additional CSS classes
-     */
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Custom styles for the wrapper
-     */
-    style: {
-        type: PropType<CSSProperties>;
-        default: undefined;
-    };
 }>> & Readonly<{}>, {
-    style: CSSProperties;
     size: IconSize;
-    className: string;
     color: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Icon.d.ts

@@ -1,12 +1,10 @@
 import * as vue from 'vue';
-import { PropType, CSSProperties, VNode } from 'vue';
+import { PropType, VNode } from 'vue';
 import { IconSize } from '@expcat/tigercat-core';
 
 interface VueIconProps {
     size?: IconSize;
     color?: string;
-    className?: string;
-    style?: CSSProperties;
 }
 declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -25,20 +23,6 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Additional CSS classes
-     */
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Custom styles for the wrapper
-     */
-    style: {
-        type: PropType<CSSProperties>;
-        default: undefined;
-    };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -58,24 +42,8 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Additional CSS classes
-     */
-    className: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Custom styles for the wrapper
-     */
-    style: {
-        type: PropType<CSSProperties>;
-        default: undefined;
-    };
 }>> & Readonly<{}>, {
-    style: CSSProperties;
     size: IconSize;
-    className: string;
     color: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Icon.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkIE57VDN4_js = require('../chunk-IE57VDN4.js');
+var chunkRY2I56HB_js = require('../chunk-RY2I56HB.js');
+require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunkIE57VDN4_js.Icon; }
+  get: function () { return chunkRY2I56HB_js.Icon; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkIE57VDN4_js.Icon_default; }
+  get: function () { return chunkRY2I56HB_js.Icon_default; }
 });

package/dist/components/Icon.mjs

@@ -1 +1,2 @@
-export { Icon, Icon_default as default } from '../chunk-VP4ZSIY3.mjs';
+export { Icon, Icon_default as default } from '../chunk-WQXZ3234.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/Image.d.mts

@@ -0,0 +1,119 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ImageFit } from '@expcat/tigercat-core';
+
+interface VueImageProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    fit?: ImageFit;
+    fallbackSrc?: string;
+    preview?: boolean;
+    lazy?: boolean;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
+declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    fit: {
+        type: PropType<ImageFit>;
+        default: ImageFit;
+    };
+    fallbackSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "load" | "preview-visible-change")[], "error" | "load" | "preview-visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    fit: {
+        type: PropType<ImageFit>;
+        default: ImageFit;
+    };
+    fallbackSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    width: string | number;
+    height: string | number;
+    preview: boolean;
+    src: string;
+    alt: string;
+    fit: ImageFit;
+    fallbackSrc: string;
+    lazy: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { IMAGE_GROUP_INJECTION_KEY, Image, type VueImageProps, Image as default };

package/dist/components/Image.d.ts

@@ -0,0 +1,119 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ImageFit } from '@expcat/tigercat-core';
+
+interface VueImageProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    fit?: ImageFit;
+    fallbackSrc?: string;
+    preview?: boolean;
+    lazy?: boolean;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
+declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    fit: {
+        type: PropType<ImageFit>;
+        default: ImageFit;
+    };
+    fallbackSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "load" | "preview-visible-change")[], "error" | "load" | "preview-visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | string>;
+        default: undefined;
+    };
+    fit: {
+        type: PropType<ImageFit>;
+        default: ImageFit;
+    };
+    fallbackSrc: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    width: string | number;
+    height: string | number;
+    preview: boolean;
+    src: string;
+    alt: string;
+    fit: ImageFit;
+    fallbackSrc: string;
+    lazy: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { IMAGE_GROUP_INJECTION_KEY, Image, type VueImageProps, Image as default };

package/dist/components/Image.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkK6HDRMPN_js = require('../chunk-K6HDRMPN.js');
+require('../chunk-7AFJ7TKW.js');
+require('../chunk-PNKVD2UK.js');
+
+
+
+Object.defineProperty(exports, "IMAGE_GROUP_INJECTION_KEY", {
+  enumerable: true,
+  get: function () { return chunkK6HDRMPN_js.IMAGE_GROUP_INJECTION_KEY; }
+});
+Object.defineProperty(exports, "Image", {
+  enumerable: true,
+  get: function () { return chunkK6HDRMPN_js.Image; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkK6HDRMPN_js.Image_default; }
+});

package/dist/components/Image.mjs

@@ -0,0 +1,3 @@
+export { IMAGE_GROUP_INJECTION_KEY, Image, Image_default as default } from '../chunk-MB7W46IY.mjs';
+import '../chunk-MMQ34S5M.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/ImageCropper.d.mts

@@ -0,0 +1,105 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+interface VueImageCropperProps {
+    src: string;
+    aspectRatio?: number;
+    minWidth?: number;
+    minHeight?: number;
+    outputType?: 'image/png' | 'image/jpeg' | 'image/webp';
+    quality?: number;
+    guides?: boolean;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    outputType: {
+        type: PropType<"image/png" | "image/jpeg" | "image/webp">;
+        default: string;
+    };
+    quality: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("ready" | "crop-change")[], "ready" | "crop-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    outputType: {
+        type: PropType<"image/png" | "image/jpeg" | "image/webp">;
+        default: string;
+    };
+    quality: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onReady?: ((...args: any[]) => any) | undefined;
+    "onCrop-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    aspectRatio: number;
+    minWidth: number;
+    minHeight: number;
+    outputType: "image/png" | "image/jpeg" | "image/webp";
+    quality: number;
+    guides: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ImageCropper, type VueImageCropperProps, ImageCropper as default };

package/dist/components/ImageCropper.d.ts

@@ -0,0 +1,105 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+interface VueImageCropperProps {
+    src: string;
+    aspectRatio?: number;
+    minWidth?: number;
+    minHeight?: number;
+    outputType?: 'image/png' | 'image/jpeg' | 'image/webp';
+    quality?: number;
+    guides?: boolean;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    outputType: {
+        type: PropType<"image/png" | "image/jpeg" | "image/webp">;
+        default: string;
+    };
+    quality: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("ready" | "crop-change")[], "ready" | "crop-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    outputType: {
+        type: PropType<"image/png" | "image/jpeg" | "image/webp">;
+        default: string;
+    };
+    quality: {
+        type: NumberConstructor;
+        default: number;
+    };
+    guides: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onReady?: ((...args: any[]) => any) | undefined;
+    "onCrop-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    className: string;
+    aspectRatio: number;
+    minWidth: number;
+    minHeight: number;
+    outputType: "image/png" | "image/jpeg" | "image/webp";
+    quality: number;
+    guides: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { ImageCropper, type VueImageCropperProps, ImageCropper as default };

package/dist/components/ImageCropper.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkK2U3FEL7_js = require('../chunk-K2U3FEL7.js');
+require('../chunk-PNKVD2UK.js');
+
+
+
+Object.defineProperty(exports, "ImageCropper", {
+  enumerable: true,
+  get: function () { return chunkK2U3FEL7_js.ImageCropper; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkK2U3FEL7_js.ImageCropper_default; }
+});

package/dist/components/ImageCropper.mjs

@@ -0,0 +1,2 @@
+export { ImageCropper, ImageCropper_default as default } from '../chunk-T77L326M.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/components/ImageGroup.d.mts

@@ -0,0 +1,30 @@
+import * as vue from 'vue';
+
+interface ImageGroupContext {
+    register: (src: string) => number;
+    unregister: (src: string) => void;
+    openPreview: (index: number) => void;
+}
+declare const IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
+interface VueImageGroupProps {
+    preview?: boolean;
+}
+declare const ImageGroup: vue.DefineComponent<vue.ExtractPropTypes<{
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "preview-visible-change"[], "preview-visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    preview: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { IMAGE_GROUP_INJECTION_KEY, ImageGroup, type ImageGroupContext, type VueImageGroupProps, ImageGroup as default };