@kine-design/core 0.0.1-beta.1 → 0.0.1-beta.11

package/dist/components/base/switch/index.d.ts

@@ -1,7 +1,8 @@
-import { default as useSwitch } from './useSwitch.tsx';
+import { useSwitch } from './useSwitch';
 export declare const SwitchCore: {
     props: import('../../types/props').MCOPO<import('./props').SwitchProps>;
     switchIsBoolean: (value: import('./props').SwitchProps["modelValue"]) => value is boolean;
     getIsActive: (value: import('./props').SwitchProps["modelValue"], activeValue: import('./props').SwitchProps["activeValue"]) => boolean;
     useSwitch: typeof useSwitch;
 };
+export type { SwitchProps } from './props';

package/dist/components/base/switch/useSwitch.d.ts

@@ -1,9 +1,15 @@
 import { SwitchProps } from './props';
-import { EmitsOptions, SlotsType } from '@vue/runtime-core';
+import { HookContext } from '../../types/hook';
 export declare const switchIsBoolean: (value: SwitchProps["modelValue"]) => value is boolean;
 export declare const getIsActive: (value: SwitchProps["modelValue"], activeValue: SwitchProps["activeValue"]) => boolean;
-export default function useSwitch<Props extends Record<string, any>, E extends EmitsOptions = {}, EE extends string = string, S extends SlotsType = {}>(props: Props, ctx: any): {
+export declare function useSwitch<Props extends Record<string, any>>(props: Props, ctx: HookContext): {
     getInfo: (key: keyof Pick<SwitchProps, "activeInfo" | "inactiveInfo">) => any;
     changeSwitch: () => void;
-    switchClass: any;
+    switchClass: import('vue').ComputedRef<(string | {
+        'm-switch-loading': any;
+        'm-switch-disabled'?: undefined;
+    } | {
+        'm-switch-disabled': any;
+        'm-switch-loading'?: undefined;
+    })[]>;
 };

package/dist/components/base/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { default as useTabs } from './useTabs.ts';
+import { useTabs } from './useTabs';
 export declare const TabsCore: {
     props: import('../../types/props').MCOPO<import('./props').TabsProps>;
     tabPaneProps: import('../../types/props').MCOPO<import('./props').TabPaneProps>;

package/dist/components/base/tabs/useTabs.d.ts

@@ -1,8 +1,9 @@
-export default function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: any): {
-    activeTab: any;
+import { HookContext } from '../../types/hook';
+export declare function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: HookContext): {
+    activeTab: import('vue').ComputedRef<string | number>;
     isActive: (name: string | number) => boolean;
     switchTab: (name: string | number, disabled?: boolean) => void;
-    tabsClass: any;
+    tabsClass: import('vue').ComputedRef<string[]>;
     navClass: string;
     getNavItemClass: (name: string | number, disabled?: boolean) => string[];
     contentClass: string;

package/dist/components/base/tag/index.d.ts

@@ -1,3 +1,4 @@
 export declare const TagCore: {
     props: import('../../types/props').MCOPO<import('./props').TagProps>;
 };
+export type { TagProps } from './props';

package/dist/components/base/timePicker/__tests__/useTimePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/base/timePicker/useTimePicker.d.ts

@@ -6,12 +6,20 @@ import { TimePickerProps, TimeRefType } from './props';
  */
 export declare const generateColumn: (max: number, step: number) => number[];
 export declare function useTimePicker(props: TimePickerProps): {
-    timeRef: any;
-    displayValue: any;
-    spanClass: any;
-    hoursColumn: any;
-    minutesColumn: any;
-    secondsColumn: any;
+    timeRef: import('vue').Ref<{
+        hours: number;
+        minutes: number;
+        seconds: number;
+    }, TimeRefType | {
+        hours: number;
+        minutes: number;
+        seconds: number;
+    }>;
+    displayValue: import('vue').Ref<string, string>;
+    spanClass: import('vue').Ref<(string | undefined)[], (string | undefined)[]>;
+    hoursColumn: import('vue').ComputedRef<number[]>;
+    minutesColumn: import('vue').ComputedRef<number[]>;
+    secondsColumn: import('vue').ComputedRef<number[]>;
     updateTimeRef: (value: string | undefined) => void;
     selectHour: (hour: number) => void;
     selectMinute: (minute: number) => void;

package/dist/components/base/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { default as useTooltip } from './useTooltip.ts';
+import { useTooltip } from './useTooltip';
 export declare const TooltipCore: {
     props: import('../../types/props').MCOPO<import('./props').TooltipProps>;
     useTooltip: typeof useTooltip;

package/dist/components/base/tooltip/useTooltip.d.ts

@@ -5,11 +5,21 @@ export type TooltipStyle = {
     top: string;
     zIndex: string;
 };
-export default function useTooltip(props: Required<TooltipProps>): {
-    visible: any;
-    tooltipStyle: any;
-    triggerRef: any;
-    tooltipRef: any;
+export declare function useTooltip(props: Required<TooltipProps>): {
+    visible: import('vue').Ref<boolean, boolean>;
+    tooltipStyle: import('vue').Ref<Record<string, never> | {
+        position: string;
+        left: string;
+        top: string;
+        zIndex: string;
+    }, TooltipStyle | Record<string, never> | {
+        position: string;
+        left: string;
+        top: string;
+        zIndex: string;
+    }>;
+    triggerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    tooltipRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     show: () => Promise<void>;
     hide: () => void;
 };

package/dist/components/base/transfer/useTransfer.d.ts

@@ -1,19 +1,20 @@
-import { TransferProps } from './props';
-export declare function useTransfer(props: TransferProps, ctx: any): {
-    leftSearch: any;
-    rightSearch: any;
-    leftData: any;
-    rightData: any;
-    filteredLeftData: any;
-    filteredRightData: any;
-    leftChecked: any;
-    rightChecked: any;
-    hasLeftChecked: any;
-    hasRightChecked: any;
-    isLeftAllChecked: any;
-    isLeftIndeterminate: any;
-    isRightAllChecked: any;
-    isRightIndeterminate: any;
+import { TransferItem, TransferProps } from './props';
+import { HookContext } from '../../types/hook';
+export declare function useTransfer(props: TransferProps, ctx: HookContext): {
+    leftSearch: import('vue').Ref<string, string>;
+    rightSearch: import('vue').Ref<string, string>;
+    leftData: import('vue').ComputedRef<TransferItem[]>;
+    rightData: import('vue').ComputedRef<TransferItem[]>;
+    filteredLeftData: import('vue').ComputedRef<TransferItem[]>;
+    filteredRightData: import('vue').ComputedRef<TransferItem[]>;
+    leftChecked: import('vue').Ref<Set<string | number> & Omit<Set<string | number>, keyof Set<any>>, Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)>;
+    rightChecked: import('vue').Ref<Set<string | number> & Omit<Set<string | number>, keyof Set<any>>, Set<string | number> | (Set<string | number> & Omit<Set<string | number>, keyof Set<any>>)>;
+    hasLeftChecked: import('vue').ComputedRef<boolean>;
+    hasRightChecked: import('vue').ComputedRef<boolean>;
+    isLeftAllChecked: import('vue').ComputedRef<boolean>;
+    isLeftIndeterminate: import('vue').ComputedRef<boolean>;
+    isRightAllChecked: import('vue').ComputedRef<boolean>;
+    isRightIndeterminate: import('vue').ComputedRef<boolean>;
     toggleLeftCheck: (key: string | number, disabled: boolean) => void;
     toggleRightCheck: (key: string | number, disabled: boolean) => void;
     toggleLeftAll: () => void;

package/dist/components/base/tree/__tests__/tree.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/base/tree/index.d.ts

@@ -2,7 +2,7 @@ export declare const TreeCore: {
     props: import('../../types/props').MCOPO<import('./props').TreeProps>;
     treeNodeProps: import('../../types/props').MCOPO<import('./props').TreeNodeProps>;
     useTree: (options: import('./useTree').UseTreeOptions) => {
-        treeRef: any;
+        treeRef: import('vue').ShallowRef<import('./tree').default | undefined, import('./tree').default | undefined>;
         getNodesByKeys: (keys: import('./props').TreeNodeData["key"][]) => import('./props').TreeNodeData[];
         handleToggleExpand: (node: import('./props').TreeNodeData, e: MouseEvent) => void;
         handleToggleChecked: (node: import('./props').TreeNodeData, checked: boolean) => void;

package/dist/components/base/tree/useTree.d.ts

@@ -1,3 +1,4 @@
+import { default as Tree } from './tree';
 import { TreeData, TreeNodeData, TreeProps } from './props';
 /**
  * 为没有 key 的节点递归生成唯一标识
@@ -24,7 +25,7 @@ export interface UseTreeOptions {
  * - getNodesByKeys：根据 key 批量获取节点
  */
 export declare const useTree: (options: UseTreeOptions) => {
-    treeRef: any;
+    treeRef: import('vue').ShallowRef<Tree | undefined, Tree | undefined>;
     getNodesByKeys: (keys: TreeNodeData["key"][]) => TreeNodeData[];
     handleToggleExpand: (node: TreeNodeData, e: MouseEvent) => void;
     handleToggleChecked: (node: TreeNodeData, checked: boolean) => void;

package/dist/components/message/drawer/index.d.ts

@@ -1,4 +1,4 @@
 export declare const DrawerCore: {
-    props: import('../../types/props').MCOPO<import('./props.d.ts').DrawerProps>;
+    props: import('../../types/props').MCOPO<import('./props').DrawerProps>;
 };
-export type { DrawerProps } from './props.d.ts';
+export type { DrawerProps } from './props';

package/dist/components/message/message/useMessage.d.ts

@@ -13,7 +13,17 @@ export interface MessageItem {
  * 管理消息的增删与自动关闭定时器
  */
 export declare function useMessageQueue(): {
-    messages: any;
+    messages: import('vue').Ref<{
+        id: number;
+        type: MessageType;
+        content: string;
+        duration: number;
+    }[], MessageItem[] | {
+        id: number;
+        type: MessageType;
+        content: string;
+        duration: number;
+    }[]>;
     add: (props: {
         type?: MessageType;
         content: string;

package/dist/components/message/notification/__tests__/useNotification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/message/notification/useNotification.d.ts

@@ -27,7 +27,23 @@ export interface NotificationAddOptions {
  * 管理通知的增删与自动关闭定时器
  */
 export declare function useNotificationQueue(): {
-    notifications: any;
+    notifications: import('vue').Ref<{
+        id: number;
+        title: string;
+        message: string;
+        type: NotificationType;
+        duration: number;
+        position: NotificationPosition;
+        closable: boolean;
+    }[], NotificationItem[] | {
+        id: number;
+        title: string;
+        message: string;
+        type: NotificationType;
+        duration: number;
+        position: NotificationPosition;
+        closable: boolean;
+    }[]>;
     add: (options: NotificationAddOptions) => number;
     remove: (id: number) => void;
 };

package/dist/components/message/popover/MPopover.d.ts

@@ -1,2 +1,7 @@
-declare const _default: any;
+import { PopoverProps } from './props';
+declare const _default: import('vue').DefineSetupFnComponent<PopoverProps, ("update:show" | "open:popper" | "close:popper")[], {}, PopoverProps & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    "onOpen:popper"?: ((...args: any[]) => any) | undefined;
+    "onClose:popper"?: ((...args: any[]) => any) | undefined;
+}, import('vue').PublicProps>;
 export default _default;

package/dist/components/message/popover/index.d.ts

@@ -1,4 +1,4 @@
-import { usePopover } from './usePopover.ts';
+import { usePopover } from './usePopover';
 export declare const MessagePopoverCore: {
     props: import('../../types/props').MCOPO<import('./props').PopoverProps>;
     usePopover: typeof usePopover;

package/dist/components/message/popover/usePopover.d.ts

@@ -43,14 +43,14 @@ export declare function usePopover(options: Options<{
     getContent: <T>(props: PopoverProps, getContentSlot: () => T, useTeleport: (options: any) => ArrayElement<T> | T, _instance?: PopoverImpl | null) => T | ArrayElement<T> | null;
     popoverEnter: () => void;
     popoverLeave: () => void;
-    popoverRef: any;
-    contentRef: any;
-    arrowRef: any;
-    popperInstance: any;
-    style: any;
-    arrowStyle: any;
+    popoverRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    contentRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    arrowRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    popperInstance: import('vue').ShallowRef<PopoverImpl | undefined, PopoverImpl | undefined>;
+    style: Ref<any, any>;
+    arrowStyle: Ref<any, any>;
     lifecycle: {
-        onBeforeDestroyEvents: Function[];
+        onBeforeUnmountEvents: Function[];
     };
 };
 export {};

package/dist/components/other/darkMode/useDarkMode.d.ts

@@ -1,10 +1,9 @@
+import { HookContext } from '../../types/hook';
 import { DarkModeProps } from './props';
 /** 将暗色状态同步到 html[dark] attribute */
 declare function applyDarkAttr(isDark: boolean): void;
-export declare function useDarkMode(props: DarkModeProps, ctx: {
-    emit: (event: string, ...args: any[]) => void;
-}): {
-    isDark: any;
+export declare function useDarkMode(props: DarkModeProps, ctx: Pick<HookContext, 'emit'>): {
+    isDark: import('vue').Ref<boolean, boolean>;
     toggle: () => void;
     applyDarkAttr: typeof applyDarkAttr;
 };

package/dist/components/template/menu/__tests__/useMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/template/menu/index.d.ts

@@ -5,5 +5,4 @@ export declare const MenuCore: {
     useMenu: typeof useMenu;
 };
 export { DEFAULT_MENU_CONFIG };
-export { useMenu } from './useMenu';
 export type { MenuProps, MenuData, MenuNodeData, MenuConfig } from './props';

package/dist/components/template/menu/useMenu.d.ts

@@ -1,5 +1,6 @@
+import { ShallowRef } from 'vue';
 import { MenuData, MenuNodeData, MenuConfig, MenuProps } from './props';
-export declare function useMenu(props: MenuProps, emit?: (event: string, ...args: unknown[]) => void): {
+export declare function useMenu(props: MenuProps, emit?: (...args: any[]) => void): {
     nodesRef: ShallowRef<MenuNodeData[]>;
     nodeMap: Map<string | number, MenuNodeData>;
     initNodes: (data?: MenuData[]) => void;

package/dist/components/template/pagination/__tests__/usePagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/template/pagination/index.d.ts

@@ -4,4 +4,5 @@ export declare const PaginationCore: {
     usePagination: typeof usePagination;
 };
 export type { PaginationProps } from './props';
-export { usePagination, type Pager } from './usePagination';
+export { usePagination } from './usePagination';
+export type { Pager } from './usePagination';

package/dist/components/template/table/__tests__/useTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/template/virtualList/index.d.ts

@@ -4,4 +4,3 @@ export declare const VirtualListCore: {
     useVirtualList: typeof useVirtualList;
 };
 export type { VirtualListProps } from './props';
-export { useVirtualList } from './useVirtualList';

package/dist/components/template/virtualList/useVirtualList.d.ts

@@ -5,11 +5,14 @@ export interface UseVirtualListOptions<T> {
     onReachBottom?: () => void;
 }
 export declare function useVirtualList<T>(options: UseVirtualListOptions<T>): {
-    displayList: any;
-    containerRef: any;
-    wrapperRef: any;
-    topSentinelRef: any;
-    bottomSentinelRef: any;
-    totalHeight: any;
-    offsetY: any;
+    displayList: import('vue').ComputedRef<{
+        data: T;
+        index: number;
+    }[]>;
+    containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    wrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    topSentinelRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    bottomSentinelRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    totalHeight: import('vue').Ref<number, number>;
+    offsetY: import('vue').Ref<number, number>;
 };

package/dist/compositions/common/__tests__/useDebounceFn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/common/__tests__/useEventListener.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/common/__tests__/usePopover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/common/__tests__/useTeleport.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/common/testAnchor.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsOptions, EmitsOptions, InjectionKey, Ref, SetupContext, VNode } from 'vue';
+/** Global switch provided by KConfigProvider to enable data-k rendering */
+export declare const K_TEST_ANCHOR_KEY: InjectionKey<Ref<boolean>>;
+/** Field identity provided by KFormItem so child inputs inherit field name */
+export declare const K_FIELD_KEY: InjectionKey<Ref<string | undefined>>;
+export interface KAnchorConfig {
+    /** Semantic type: 'field' | 'action' | 'table' | 'col' | 'dialog' | 'drawer' | 'tab' */
+    type: string;
+    /** Which prop to derive the identity from (e.g., 'prop' for KFormItem, 'title' for KDialog) */
+    prop?: string;
+    /** Derive identity from default slot text content (for KButton) */
+    slotText?: boolean;
+}
+interface KDefineComponentOptions {
+    name: string;
+    props?: ComponentPropsOptions;
+    emits?: EmitsOptions;
+    kAnchor?: KAnchorConfig;
+}
+/**
+ * Wrapper around Vue's defineComponent that automatically injects `data-k`
+ * test anchor attributes when testAnchor is enabled via KConfigProvider.
+ *
+ * Usage:
+ * ```tsx
+ * export default kDefineComponent((_props, ctx) => {
+ *   return () => <div class="k-form-item">...</div>;
+ * }, {
+ *   name: 'KFormItem',
+ *   props: FormCore.formItemProps,
+ *   kAnchor: { type: 'field', prop: 'prop' },
+ * });
+ * ```
+ */
+export declare function kDefineComponent<P extends Record<string, unknown>>(setup: (props: P, ctx: SetupContext) => () => VNode | VNode[] | null | undefined, options: KDefineComponentOptions): import('vue').DefineSetupFnComponent<P, EmitsOptions, {}, P & ({
+    [x: `on${Capitalize<string>}`]: ((...args: never) => any) | undefined;
+} | {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}), import('vue').PublicProps>;
+export {};

package/dist/compositions/common/useComponentSize.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+import { KineSize } from '../../components/types/props';
+export declare const KINE_SIZE_KEY: InjectionKey<Ref<KineSize>>;
+export declare function useComponentSize(props: {
+    size?: KineSize;
+}): Ref<KineSize>;

package/dist/compositions/common/useDrag.d.ts

@@ -20,7 +20,7 @@ export default function useDrag(config: {
         onDragLeave?: (event: InteractEvent) => void;
     };
 }): {
-    domRef: any;
+    domRef: Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     init: (basePosition?: {
         x?: number;
         y?: number;

package/dist/compositions/common/useElementSize.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
 export declare function useElementSize(target: Ref<HTMLElement | null>): {
-    w: any;
-    h: any;
+    w: Ref<number, number>;
+    h: Ref<number, number>;
 };

package/dist/compositions/common/useEventListener.d.ts

@@ -7,7 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 export type EventListenerOptions = {
-    target: any;
+    target: EventTarget | (() => EventTarget);
     event: string;
     handler: EventListenerOrEventListenerObject;
 };
@@ -15,5 +15,5 @@ export default function useEventListener(options: EventListenerOptions): {
     add: () => void;
     remove: () => void;
     onMounted: () => void;
-    onBeforeDestroy: () => void;
+    onBeforeUnmount: () => void;
 };

package/dist/compositions/common/useLocale.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { KineLocaleName, KineLocaleMessages } from '../../locale/types';
+/** Accepted `locale` values: a built-in name, or a full custom dictionary. */
+export type KineLocaleConfig = KineLocaleName | KineLocaleMessages;
+export declare const KINE_LOCALE_KEY: InjectionKey<Ref<KineLocaleConfig | undefined>>;
+/**
+ * Resolve the active message dictionary from the nearest `KConfigProvider`.
+ * Falls back to the default (zh) pack when no provider is present.
+ */
+export declare function useLocale(): ComputedRef<KineLocaleMessages>;
+/** Set the global active dictionary. Called by KConfigProvider on locale change. */
+export declare function setActiveLocaleMessages(config: KineLocaleConfig | undefined): void;
+/** Read the global active dictionary from non-component (pure-function) code. */
+export declare function getActiveLocaleMessages(): KineLocaleMessages;

package/dist/compositions/common/useTeleport.d.ts

@@ -3,5 +3,7 @@ import { MTeleportProps } from '../../types/common/common';
 export default function useTeleport(options: {
     teleportProps?: MTeleportProps | true;
     slot: VNode | VNode[];
-}): any;
-export declare const initTeleportOptions: (options: TeleportProps | true | undefined) => any;
+}): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare const initTeleportOptions: (options: TeleportProps | true | undefined) => TeleportProps;

package/dist/compositions/input/__tests__/useBooleanInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/modal/__tests__/useModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/modal/useModal.d.ts

@@ -1,10 +1,11 @@
+import { HookContext } from '../../components/types/hook';
 import { ModelMask } from '../../types/common/model';
 export interface UseModalProps {
     visible?: boolean;
     mask?: ModelMask;
 }
-export declare function useModal(props: UseModalProps, emit: (...args: any[]) => void): {
-    visible: any;
+export declare function useModal(props: UseModalProps, emit: HookContext['emit']): {
+    visible: import('vue').Ref<boolean, boolean>;
     open: () => void;
     close: () => void;
     toggle: () => void;

package/dist/compositions/popper/useClickAway.d.ts

@@ -1,9 +1,9 @@
 export default function useClickAway(options: {
-    target: any;
-    handler: (event: any) => void;
+    target: EventTarget | (() => EventTarget | null | undefined);
+    handler: (event: PointerEvent) => void;
 }): {
     add: () => void;
     remove: () => void;
     onMounted: () => void;
-    onBeforeDestroy: () => void;
+    onBeforeUnmount: () => void;
 } | undefined;

package/dist/compositions/utils/__tests__/filters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/compositions/virtualList/__tests__/useHeightCache.test.d.ts

@@ -0,0 +1 @@
+export {};