@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/composables/useDrag.d.mts

@@ -0,0 +1,40 @@
+import { ComputedRef } from 'vue';
+import { DragCallbacks, DragConfig, DragState, DragItem, DragDropEvent, DragReorderResult, DragMoveResult } from '@expcat/tigercat-core';
+
+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;
+
+export { type UseDragOptions, type UseDragReturn, useDrag };

package/dist/composables/useDrag.mjs

@@ -0,0 +1,6 @@
+import {
+  useDrag
+} from "../chunk-KIPTVKU2.mjs";
+export {
+  useDrag
+};

package/dist/composables/useFormController.d.mts

@@ -0,0 +1,23 @@
+import { FormControllerOptions, FormController } from '@expcat/tigercat-core';
+
+/**
+ * Headless form controller composable.
+ *
+ * Returns a `FormController` with reactive `values` and `errors` that can
+ * be used independently of `<Form>`.
+ *
+ * @example
+ * ```ts
+ * const form = useFormController({
+ *   initialValues: { name: '', email: '' },
+ *   rules: { name: { required: true, message: '必填' } }
+ * })
+ *
+ * // In template: v-model bound to form.values.name
+ * // form.errorsByField.name for error display
+ * // form.validate() on submit
+ * ```
+ */
+declare function useFormController(options?: FormControllerOptions): FormController;
+
+export { useFormController };

package/dist/composables/useFormController.mjs

@@ -0,0 +1,6 @@
+import {
+  useFormController
+} from "../chunk-Y2HO4IBQ.mjs";
+export {
+  useFormController
+};

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import { FormControllerOptions, FormController, 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 { ConfigProvider, TigerConfig, VueConfigProviderProps, useTigerConfig } from './components/ConfigProvider.mjs';
@@ -22,6 +21,7 @@ export { Input, VueInputProps } from './components/Input.mjs';
 export { InputNumber, VueInputNumberProps } from './components/InputNumber.mjs';
 export { Form, VueFormProps } from './components/Form.mjs';
 export { FormItem, VueFormItemProps } from './components/FormItem.mjs';
+export { useFormController } from './composables/useFormController.mjs';
 export { Space, VueSpaceProps } from './components/Space.mjs';
 export { Divider, VueDividerProps } from './components/Divider.mjs';
 export { Layout, VueLayoutProps } from './components/Layout.mjs';
@@ -64,15 +64,16 @@ export { TabPane, Tabs, VueTabPaneProps, VueTabsProps } from './components/Tabs.
 export { Breadcrumb, BreadcrumbItem, VueBreadcrumbItemProps, VueBreadcrumbProps } from './components/Breadcrumb.mjs';
 export { Steps, StepsItem, VueStepsItemProps, VueStepsProps } from './components/Steps.mjs';
 export { Pagination, VuePaginationProps } from './components/Pagination.mjs';
-export { Dropdown, DropdownMenu, VueDropdownMenuProps, VueDropdownProps } from './components/Dropdown.mjs';
-export { DropdownItem, VueDropdownItemProps } from './components/DropdownItem.mjs';
+export { Dropdown, DropdownItem, DropdownMenu, VueDropdownItemProps, VueDropdownMenuProps, VueDropdownProps } from './components/Dropdown.mjs';
 export { Spotlight, VueSpotlightProps } from './components/Spotlight.mjs';
 export { ScrollSpy, VueScrollSpyProps } from './components/ScrollSpy.mjs';
 export { Drawer, VueDrawerProps } from './components/Drawer.mjs';
 export { Modal, VueModalProps } from './components/Modal.mjs';
 export { Alert, VueAlertProps } from './components/Alert.mjs';
-export { Message, MessageContainer, VueMessageContainerProps, VueMessageProps } from './components/Message.mjs';
-export { NotificationContainer, VueNotificationContainerProps, VueNotificationProps, default as notification } from './components/Notification.mjs';
+export { Message, VueMessageProps } from './components/MessageRoot.mjs';
+export { MessageContainer, VueMessageContainerProps } from './components/MessageContainer.mjs';
+export { VueNotificationProps, notification } from './components/NotificationRoot.mjs';
+export { NotificationContainer, VueNotificationContainerProps } from './components/NotificationContainer.mjs';
 export { Loading, VueLoadingProps } from './components/Loading.mjs';
 export { Popconfirm, VuePopconfirmProps } from './components/Popconfirm.mjs';
 export { Popover, VuePopoverProps } from './components/Popover.mjs';
@@ -123,7 +124,8 @@ export { FloatButton, FloatButtonGroup, VueFloatButtonGroupProps, VueFloatButton
 export { VueWatermarkProps, Watermark } from './components/Watermark.mjs';
 export { Tour, VueTourProps } from './components/Tour.mjs';
 export { Affix, VueAffixProps } from './components/Affix.mjs';
-import { Ref, ComputedRef } from 'vue';
+export { UseChartInteractionOptions, UseChartInteractionReturn, useChartInteraction } from './composables/useChartInteraction.mjs';
+export { UseDragOptions, UseDragReturn, useDrag } from './composables/useDrag.mjs';
 export { Splitter, VueSplitterProps } from './components/Splitter.mjs';
 export { Resizable, VueResizableProps } from './components/Resizable.mjs';
 export { CodeEditor, VueCodeEditorProps } from './components/CodeEditor.mjs';
@@ -138,142 +140,7 @@ export { Gantt, VueGanttProps } from './components/Gantt.mjs';
 export { InputGroup, InputGroupAddon, VueInputGroupAddonProps, VueInputGroupProps } from './components/InputGroup.mjs';
 export { PrintLayout, PrintPageBreak, VuePrintLayoutProps } from './components/PrintLayout.mjs';
 export { ImageViewer, VueImageViewerProps } from './components/ImageViewer.mjs';
-
-/**
- * Headless form controller composable.
- *
- * Returns a `FormController` with reactive `values` and `errors` that can
- * be used independently of `<Form>`.
- *
- * @example
- * ```ts
- * const form = useFormController({
- *   initialValues: { name: '', email: '' },
- *   rules: { name: { required: true, message: '必填' } }
- * })
- *
- * // In template: v-model bound to form.values.name
- * // form.errorsByField.name for error display
- * // form.validate() on submit
- * ```
- */
-declare function useFormController(options?: FormControllerOptions): FormController;
-
-/**
- * Options for useChartInteraction composable
- */
-interface UseChartInteractionOptions<T = unknown> {
-    /** Enable hover highlight */
-    hoverable: boolean | Ref<boolean>;
-    /** Getter for controlled hovered index from props (e.g. () => props.hoveredIndex) */
-    hoveredIndexProp?: () => number | null | undefined;
-    /** Enable click selection */
-    selectable: boolean | Ref<boolean>;
-    /** Getter for controlled selected index from props (e.g. () => props.selectedIndex) */
-    selectedIndexProp?: () => number | null | undefined;
-    /** Opacity for active element */
-    activeOpacity: number | Ref<number>;
-    /** Opacity for inactive elements */
-    inactiveOpacity: number | Ref<number>;
-    /** Legend position for wrapper classes */
-    legendPosition?: ChartLegendPosition | Ref<ChartLegendPosition | undefined>;
-    /** Emit function from setup context */
-    emit: (event: string, ...args: unknown[]) => void;
-    /** Get data item by index */
-    getData?: (index: number) => T | undefined;
-    /** Custom event names */
-    eventNames?: {
-        hover?: string;
-        click?: string;
-    };
-}
-/**
- * Return type for useChartInteraction
- */
-interface UseChartInteractionReturn {
-    /** Local hovered index state */
-    localHoveredIndex: Ref<number | null>;
-    /** Local selected index state */
-    localSelectedIndex: Ref<number | null>;
-    /** Tooltip position state */
-    tooltipPosition: Ref<{
-        x: number;
-        y: number;
-    }>;
-    /** Resolved hovered index (controlled or uncontrolled) */
-    resolvedHoveredIndex: ComputedRef<number | null>;
-    /** Resolved selected index (controlled or uncontrolled) */
-    resolvedSelectedIndex: ComputedRef<number | null>;
-    /** Current active index for highlighting */
-    activeIndex: ComputedRef<number | null>;
-    /** Get element opacity based on active state */
-    getElementOpacity: (index: number) => number | undefined;
-    /** Handle mouse enter on chart element */
-    handleMouseEnter: (index: number, event: MouseEvent) => void;
-    /** Handle mouse move for tooltip */
-    handleMouseMove: (event: MouseEvent) => void;
-    /** Handle mouse leave */
-    handleMouseLeave: () => void;
-    /** Handle click on chart element */
-    handleClick: (index: number) => void;
-    /** Handle keydown for accessibility */
-    handleKeyDown: (event: KeyboardEvent, index: number) => void;
-    /** Handle legend item click */
-    handleLegendClick: (index: number) => void;
-    /** Handle legend item hover */
-    handleLegendHover: (index: number) => void;
-    /** Handle legend item leave */
-    handleLegendLeave: () => void;
-    /** Wrapper classes for legend layout */
-    wrapperClasses: ComputedRef<string>;
-    /** Create legend items from data */
-    createLegendItems: (items: Array<{
-        label?: string;
-        color?: string;
-        x?: unknown;
-    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
-}
-/**
- * Composable for chart interaction state and handlers
- * Extracts common interaction logic from high-level chart components
- */
-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;
+import 'vue';
 
 /**
  * Tigercat Vue
@@ -281,6 +148,6 @@ declare function useDrag(options?: UseDragOptions): UseDragReturn;
  * Vue 3 components for Tigercat UI library
  */
 
-declare const version = "1.5.0";
+declare const version = "2.0.0-preview.2";
 
-export { type UseChartInteractionOptions, type UseChartInteractionReturn, type UseDragOptions, type UseDragReturn, useChartInteraction, useDrag, useFormController, version };
+export { version };