@expcat/tigercat-vue 0.4.3 → 1.0.4

package/dist/components/Watermark.d.mts

@@ -0,0 +1,144 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { WatermarkFont } from '@expcat/tigercat-core';
+
+interface VueWatermarkProps {
+    content?: string | string[];
+    image?: string;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    zIndex?: number;
+    gapX?: number;
+    gapY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    font?: WatermarkFont;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const Watermark: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    image: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: 120;
+    };
+    height: {
+        type: NumberConstructor;
+        default: 64;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: -22;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: 9;
+    };
+    gapX: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    gapY: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    offsetX: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    offsetY: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    font: {
+        type: PropType<WatermarkFont>;
+        default: undefined;
+    };
+    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, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    image: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: 120;
+    };
+    height: {
+        type: NumberConstructor;
+        default: 64;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: -22;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: 9;
+    };
+    gapX: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    gapY: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    offsetX: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    offsetY: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    font: {
+        type: PropType<WatermarkFont>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, string | number>;
+    content: string | string[];
+    offsetX: number;
+    offsetY: number;
+    image: string;
+    font: WatermarkFont;
+    width: number;
+    height: number;
+    zIndex: number;
+    rotate: number;
+    gapX: number;
+    gapY: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { type VueWatermarkProps, Watermark, Watermark as default };

package/dist/components/Watermark.d.ts

@@ -0,0 +1,144 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { WatermarkFont } from '@expcat/tigercat-core';
+
+interface VueWatermarkProps {
+    content?: string | string[];
+    image?: string;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    zIndex?: number;
+    gapX?: number;
+    gapY?: number;
+    offsetX?: number;
+    offsetY?: number;
+    font?: WatermarkFont;
+    className?: string;
+    style?: Record<string, string | number>;
+}
+declare const Watermark: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    image: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: 120;
+    };
+    height: {
+        type: NumberConstructor;
+        default: 64;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: -22;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: 9;
+    };
+    gapX: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    gapY: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    offsetX: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    offsetY: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    font: {
+        type: PropType<WatermarkFont>;
+        default: undefined;
+    };
+    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, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    image: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: 120;
+    };
+    height: {
+        type: NumberConstructor;
+        default: 64;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: -22;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: 9;
+    };
+    gapX: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    gapY: {
+        type: NumberConstructor;
+        default: 100;
+    };
+    offsetX: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    offsetY: {
+        type: NumberConstructor;
+        default: 0;
+    };
+    font: {
+        type: PropType<WatermarkFont>;
+        default: undefined;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    style: Record<string, string | number>;
+    content: string | string[];
+    offsetX: number;
+    offsetY: number;
+    image: string;
+    font: WatermarkFont;
+    width: number;
+    height: number;
+    zIndex: number;
+    rotate: number;
+    gapX: number;
+    gapY: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { type VueWatermarkProps, Watermark, Watermark as default };

package/dist/components/Watermark.js

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

package/dist/components/Watermark.mjs

@@ -0,0 +1,2 @@
+export { Watermark, Watermark_default as default } from '../chunk-MADOTDW7.mjs';
+import '../chunk-53M2BTB5.mjs';

package/dist/index.d.mts

@@ -1,11 +1,16 @@
-import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
+import { ChartLegendPosition, ChartLegendItem, DragCallbacks, DragConfig, DragState, DragItem, DragDropEvent, DragReorderResult, DragMoveResult } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { DrawerPlacement, DrawerSize, ListItem, TableColumn, TreeNode, UploadFile } from '@expcat/tigercat-core';
 export { default as ConfigProvider, useTigerConfig } from './components/ConfigProvider.mjs';
 export { default as Button, VueButtonProps } from './components/Button.mjs';
+export { default as ButtonGroup, VueButtonGroupProps } from './components/ButtonGroup.mjs';
 export { default as Slider, VueSliderProps } from './components/Slider.mjs';
 export { default as Switch, VueSwitchProps } from './components/Switch.mjs';
 export { default as Select } from './components/Select.mjs';
+export { default as Cascader, VueCascaderProps } from './components/Cascader.mjs';
+export { default as AutoComplete, VueAutoCompleteProps } from './components/AutoComplete.mjs';
+export { default as Transfer, VueTransferProps } from './components/Transfer.mjs';
+export { default as TreeSelect, VueTreeSelectProps } from './components/TreeSelect.mjs';
 export { default as Checkbox, VueCheckboxProps } from './components/Checkbox.mjs';
 export { default as CheckboxGroup, VueCheckboxGroupProps } from './components/CheckboxGroup.mjs';
 export { default as Radio, VueRadioProps } from './components/Radio.mjs';
@@ -37,6 +42,7 @@ export { default as Tag, VueTagProps } from './components/Tag.mjs';
 export { default as Badge, VueBadgeProps } from './components/Badge.mjs';
 export { default as Card, VueCardProps } from './components/Card.mjs';
 export { default as Avatar, VueAvatarProps } from './components/Avatar.mjs';
+export { default as AvatarGroup, VueAvatarGroupProps } from './components/AvatarGroup.mjs';
 export { default as Image, VueImageProps } from './components/Image.mjs';
 export { default as ImagePreview, VueImagePreviewProps } from './components/ImagePreview.mjs';
 export { default as ImageGroup, VueImageGroupProps } from './components/ImageGroup.mjs';
@@ -92,12 +98,43 @@ export { default as LineChart, VueLineChartProps } from './components/LineChart.
 export { default as AreaChart, VueAreaChartProps } from './components/AreaChart.mjs';
 export { default as ChartLegend, VueChartLegendProps } from './components/ChartLegend.mjs';
 export { default as ChartTooltip, VueChartTooltipProps } from './components/ChartTooltip.mjs';
+export { default as FunnelChart, VueFunnelChartProps } from './components/FunnelChart.mjs';
+export { default as GaugeChart, VueGaugeChartProps } from './components/GaugeChart.mjs';
+export { default as HeatmapChart, VueHeatmapChartProps } from './components/HeatmapChart.mjs';
+export { default as TreeMapChart, VueTreeMapChartProps } from './components/TreeMapChart.mjs';
+export { default as SunburstChart, VueSunburstChartProps } from './components/SunburstChart.mjs';
 export { default as Carousel, VueCarouselProps } from './components/Carousel.mjs';
 export { default as BackTop, VueBackTopProps } from './components/BackTop.mjs';
 export { default as Anchor, AnchorContext, VueAnchorProps } from './components/Anchor.mjs';
 export { default as AnchorLink, VueAnchorLinkProps } from './components/AnchorLink.mjs';
 export { default as TaskBoard, VueTaskBoardProps } from './components/TaskBoard.mjs';
+export { default as Rate, VueRateProps } from './components/Rate.mjs';
+export { default as Segmented, VueSegmentedProps } from './components/Segmented.mjs';
+export { default as Statistic, VueStatisticProps } from './components/Statistic.mjs';
+export { default as ColorPicker, VueColorPickerProps } from './components/ColorPicker.mjs';
+export { default as VirtualList, VueVirtualListProps } from './components/VirtualList.mjs';
+export { default as Stepper, VueStepperProps } from './components/Stepper.mjs';
+export { default as Calendar, VueCalendarProps } from './components/Calendar.mjs';
+export { default as Mentions, VueMentionsProps } from './components/Mentions.mjs';
+export { default as QRCode, VueQRCodeProps } from './components/QRCode.mjs';
+export { default as Result, VueResultProps } from './components/Result.mjs';
+export { default as Empty, VueEmptyProps } from './components/Empty.mjs';
+export { default as FloatButton, FloatButtonGroup, VueFloatButtonGroupProps, VueFloatButtonProps } from './components/FloatButton.mjs';
+export { VueWatermarkProps, default as Watermark } from './components/Watermark.mjs';
+export { default as Tour, VueTourProps } from './components/Tour.mjs';
+export { default as Affix, VueAffixProps } from './components/Affix.mjs';
 import { Ref, ComputedRef } from 'vue';
+export { default as Splitter, VueSplitterProps } from './components/Splitter.mjs';
+export { default as Resizable, VueResizableProps } from './components/Resizable.mjs';
+export { default as CodeEditor, VueCodeEditorProps } from './components/CodeEditor.mjs';
+export { default as RichTextEditor, VueRichTextEditorProps } from './components/RichTextEditor.mjs';
+export { default as Kanban, VueKanbanProps } from './components/Kanban.mjs';
+export { default as VirtualTable, VueVirtualTableProps } from './components/VirtualTable.mjs';
+export { default as InfiniteScroll, VueInfiniteScrollProps } from './components/InfiniteScroll.mjs';
+export { default as FileManager, VueFileManagerProps } from './components/FileManager.mjs';
+export { default as InputGroup, InputGroupAddon, VueInputGroupAddonProps, VueInputGroupProps } from './components/InputGroup.mjs';
+export { default as PrintLayout, PrintPageBreak, VuePrintLayoutProps } from './components/PrintLayout.mjs';
+export { default as ImageViewer, VueImageViewerProps } from './components/ImageViewer.mjs';
 
 /**
  * Options for useChartInteraction composable
@@ -179,6 +216,42 @@ interface UseChartInteractionReturn {
  */
 declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
 
+interface UseDragOptions extends DragCallbacks {
+    /** Drag configuration */
+    config?: DragConfig;
+    /** Container id (for cross-container scenarios) */
+    containerId?: string;
+}
+interface UseDragReturn {
+    /** Reactive drag state */
+    state: DragState;
+    /** Whether a drag is currently active */
+    isDragging: ComputedRef<boolean>;
+    /** The item currently being dragged */
+    draggedItem: ComputedRef<DragItem | null>;
+    /** Start a drag operation */
+    startDrag: (item: DragItem, event?: DragEvent) => void;
+    /** Handle drag over an item */
+    dragOver: (item: DragItem | null, event?: DragEvent) => void;
+    /** Handle drop */
+    drop: (event?: DragEvent) => DragDropEvent | null;
+    /** Cancel or end drag */
+    endDrag: (cancelled?: boolean) => void;
+    /** Reorder items in the current list */
+    reorder: <T extends DragItem>(items: readonly T[]) => DragReorderResult<T> | null;
+    /** Move item between two containers */
+    moveBetween: <T extends DragItem>(sourceItems: readonly T[], targetItems: readonly T[]) => DragMoveResult<T> | null;
+    /** Check if current drag is within same container */
+    isSameContainer: ComputedRef<boolean>;
+    /** Check if current drag crosses containers */
+    isCrossContainer: ComputedRef<boolean>;
+    /** HTML attribute bindings for a draggable item */
+    getDragItemAttrs: (item: DragItem) => Record<string, unknown>;
+    /** HTML attribute bindings for a drop zone */
+    getDropZoneAttrs: () => Record<string, unknown>;
+}
+declare function useDrag(options?: UseDragOptions): UseDragReturn;
+
 /**
  * Tigercat Vue
  *
@@ -187,4 +260,4 @@ declare function useChartInteraction<T = unknown>(options: UseChartInteractionOp
 
 declare const version = "0.0.1";
 
-export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, type UseDragOptions, type UseDragReturn, useChartInteraction, useDrag, version };

package/dist/index.d.ts

@@ -1,11 +1,16 @@
-import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
+import { ChartLegendPosition, ChartLegendItem, DragCallbacks, DragConfig, DragState, DragItem, DragDropEvent, DragReorderResult, DragMoveResult } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { DrawerPlacement, DrawerSize, ListItem, TableColumn, TreeNode, UploadFile } from '@expcat/tigercat-core';
 export { default as ConfigProvider, useTigerConfig } from './components/ConfigProvider.js';
 export { default as Button, VueButtonProps } from './components/Button.js';
+export { default as ButtonGroup, VueButtonGroupProps } from './components/ButtonGroup.js';
 export { default as Slider, VueSliderProps } from './components/Slider.js';
 export { default as Switch, VueSwitchProps } from './components/Switch.js';
 export { default as Select } from './components/Select.js';
+export { default as Cascader, VueCascaderProps } from './components/Cascader.js';
+export { default as AutoComplete, VueAutoCompleteProps } from './components/AutoComplete.js';
+export { default as Transfer, VueTransferProps } from './components/Transfer.js';
+export { default as TreeSelect, VueTreeSelectProps } from './components/TreeSelect.js';
 export { default as Checkbox, VueCheckboxProps } from './components/Checkbox.js';
 export { default as CheckboxGroup, VueCheckboxGroupProps } from './components/CheckboxGroup.js';
 export { default as Radio, VueRadioProps } from './components/Radio.js';
@@ -37,6 +42,7 @@ export { default as Tag, VueTagProps } from './components/Tag.js';
 export { default as Badge, VueBadgeProps } from './components/Badge.js';
 export { default as Card, VueCardProps } from './components/Card.js';
 export { default as Avatar, VueAvatarProps } from './components/Avatar.js';
+export { default as AvatarGroup, VueAvatarGroupProps } from './components/AvatarGroup.js';
 export { default as Image, VueImageProps } from './components/Image.js';
 export { default as ImagePreview, VueImagePreviewProps } from './components/ImagePreview.js';
 export { default as ImageGroup, VueImageGroupProps } from './components/ImageGroup.js';
@@ -92,12 +98,43 @@ export { default as LineChart, VueLineChartProps } from './components/LineChart.
 export { default as AreaChart, VueAreaChartProps } from './components/AreaChart.js';
 export { default as ChartLegend, VueChartLegendProps } from './components/ChartLegend.js';
 export { default as ChartTooltip, VueChartTooltipProps } from './components/ChartTooltip.js';
+export { default as FunnelChart, VueFunnelChartProps } from './components/FunnelChart.js';
+export { default as GaugeChart, VueGaugeChartProps } from './components/GaugeChart.js';
+export { default as HeatmapChart, VueHeatmapChartProps } from './components/HeatmapChart.js';
+export { default as TreeMapChart, VueTreeMapChartProps } from './components/TreeMapChart.js';
+export { default as SunburstChart, VueSunburstChartProps } from './components/SunburstChart.js';
 export { default as Carousel, VueCarouselProps } from './components/Carousel.js';
 export { default as BackTop, VueBackTopProps } from './components/BackTop.js';
 export { default as Anchor, AnchorContext, VueAnchorProps } from './components/Anchor.js';
 export { default as AnchorLink, VueAnchorLinkProps } from './components/AnchorLink.js';
 export { default as TaskBoard, VueTaskBoardProps } from './components/TaskBoard.js';
+export { default as Rate, VueRateProps } from './components/Rate.js';
+export { default as Segmented, VueSegmentedProps } from './components/Segmented.js';
+export { default as Statistic, VueStatisticProps } from './components/Statistic.js';
+export { default as ColorPicker, VueColorPickerProps } from './components/ColorPicker.js';
+export { default as VirtualList, VueVirtualListProps } from './components/VirtualList.js';
+export { default as Stepper, VueStepperProps } from './components/Stepper.js';
+export { default as Calendar, VueCalendarProps } from './components/Calendar.js';
+export { default as Mentions, VueMentionsProps } from './components/Mentions.js';
+export { default as QRCode, VueQRCodeProps } from './components/QRCode.js';
+export { default as Result, VueResultProps } from './components/Result.js';
+export { default as Empty, VueEmptyProps } from './components/Empty.js';
+export { default as FloatButton, FloatButtonGroup, VueFloatButtonGroupProps, VueFloatButtonProps } from './components/FloatButton.js';
+export { VueWatermarkProps, default as Watermark } from './components/Watermark.js';
+export { default as Tour, VueTourProps } from './components/Tour.js';
+export { default as Affix, VueAffixProps } from './components/Affix.js';
 import { Ref, ComputedRef } from 'vue';
+export { default as Splitter, VueSplitterProps } from './components/Splitter.js';
+export { default as Resizable, VueResizableProps } from './components/Resizable.js';
+export { default as CodeEditor, VueCodeEditorProps } from './components/CodeEditor.js';
+export { default as RichTextEditor, VueRichTextEditorProps } from './components/RichTextEditor.js';
+export { default as Kanban, VueKanbanProps } from './components/Kanban.js';
+export { default as VirtualTable, VueVirtualTableProps } from './components/VirtualTable.js';
+export { default as InfiniteScroll, VueInfiniteScrollProps } from './components/InfiniteScroll.js';
+export { default as FileManager, VueFileManagerProps } from './components/FileManager.js';
+export { default as InputGroup, InputGroupAddon, VueInputGroupAddonProps, VueInputGroupProps } from './components/InputGroup.js';
+export { default as PrintLayout, PrintPageBreak, VuePrintLayoutProps } from './components/PrintLayout.js';
+export { default as ImageViewer, VueImageViewerProps } from './components/ImageViewer.js';
 
 /**
  * Options for useChartInteraction composable
@@ -179,6 +216,42 @@ interface UseChartInteractionReturn {
  */
 declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
 
+interface UseDragOptions extends DragCallbacks {
+    /** Drag configuration */
+    config?: DragConfig;
+    /** Container id (for cross-container scenarios) */
+    containerId?: string;
+}
+interface UseDragReturn {
+    /** Reactive drag state */
+    state: DragState;
+    /** Whether a drag is currently active */
+    isDragging: ComputedRef<boolean>;
+    /** The item currently being dragged */
+    draggedItem: ComputedRef<DragItem | null>;
+    /** Start a drag operation */
+    startDrag: (item: DragItem, event?: DragEvent) => void;
+    /** Handle drag over an item */
+    dragOver: (item: DragItem | null, event?: DragEvent) => void;
+    /** Handle drop */
+    drop: (event?: DragEvent) => DragDropEvent | null;
+    /** Cancel or end drag */
+    endDrag: (cancelled?: boolean) => void;
+    /** Reorder items in the current list */
+    reorder: <T extends DragItem>(items: readonly T[]) => DragReorderResult<T> | null;
+    /** Move item between two containers */
+    moveBetween: <T extends DragItem>(sourceItems: readonly T[], targetItems: readonly T[]) => DragMoveResult<T> | null;
+    /** Check if current drag is within same container */
+    isSameContainer: ComputedRef<boolean>;
+    /** Check if current drag crosses containers */
+    isCrossContainer: ComputedRef<boolean>;
+    /** HTML attribute bindings for a draggable item */
+    getDragItemAttrs: (item: DragItem) => Record<string, unknown>;
+    /** HTML attribute bindings for a drop zone */
+    getDropZoneAttrs: () => Record<string, unknown>;
+}
+declare function useDrag(options?: UseDragOptions): UseDragReturn;
+
 /**
  * Tigercat Vue
  *
@@ -187,4 +260,4 @@ declare function useChartInteraction<T = unknown>(options: UseChartInteractionOp
 
 declare const version = "0.0.1";
 
-export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, type UseDragOptions, type UseDragReturn, useChartInteraction, useDrag, version };