@kine-design/core 0.0.1-beta.2 → 0.0.1-beta.4

package/components/message/popover/index.ts

@@ -6,8 +6,8 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props } from './api.ts';
-import { usePopover } from './usePopover.ts';
+import { props } from './api';
+import { usePopover } from './usePopover';
 
 export const MessagePopoverCore = {
   props,

package/components/message/popover/usePopover.ts

@@ -11,7 +11,7 @@ import useClickAway from '../../../compositions/popper/useClickAway';
 import { Options } from '../../../compositions/common/defineCore';
 // import MPrinter from '../../other/printer/Printer';
 import { PopoverProps } from './props';
-import { onBeforeMount, onMounted, ref, type Ref, shallowRef } from 'vue';
+import { onBeforeUnmount, onMounted, ref, type Ref, shallowRef } from 'vue';
 
 
 // const error = MPrinter('水墨Popover组件').error;
@@ -96,7 +96,10 @@ export class PopoverImpl {
   }
 
   destroy() {
-
+    this.popperInstance?.clear?.();
+    this.visible = false;
+    this.onShow = undefined;
+    this.onHide = undefined;
   }
 }
 
@@ -183,11 +186,12 @@ export function usePopover(
     });
   });
 
-  onBeforeMount(() => {
+  onBeforeUnmount(() => {
     if (clickAwayInstance) {
       const { onBeforeDestroy } = clickAwayInstance;
       onBeforeDestroy();
     }
+    instance?.destroy();
   });
 
 

package/components/template/menu/index.ts

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

package/components/template/menu/useMenu.ts

@@ -50,7 +50,7 @@ function buildNodes(
   });
 }
 
-export function useMenu(props: MenuProps, emit?: (event: string, ...args: unknown[]) => void) {
+export function useMenu(props: MenuProps, emit?: (...args: any[]) => void) {
   const config: MenuConfig = { ...DEFAULT_CONFIG, ...props.config };
   const nodeMap = new Map<string | number, MenuNodeData>();
   const nodesRef: ShallowRef<MenuNodeData[]> = shallowRef([]);

package/components/template/pagination/index.ts

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

package/components/template/virtualList/index.ts

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

package/compositions/virtualList/useContainerObserver.ts

@@ -8,7 +8,7 @@
  *
  * 管理 IntersectionObserver 的创建、observe/unobserve，配合 ResizeObserver 处理容器尺寸变化
  */
-import { Ref } from 'vue';
+import { onBeforeUnmount, Ref } from 'vue';
 import { useResizeObserver } from '../common/useResizeObserver';
 
 export default function useContainerObserver(options: {
@@ -78,5 +78,12 @@ export default function useContainerObserver(options: {
     }
   });
 
+  onBeforeUnmount(() => {
+    if (ob) {
+      ob.disconnect();
+      ob = undefined;
+    }
+  });
+
   return { reObserve };
 }

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

@@ -1,5 +1,6 @@
-import { default as useAffix } from './useAffix';
+import { useAffix } from './useAffix';
 export declare const AffixCore: {
     props: import('../../types/props').MCOPO<import('./props').AffixProps>;
     useAffix: typeof useAffix;
 };
+export type { AffixProps } from './props';

package/dist/components/base/affix/useAffix.d.ts

@@ -1,5 +1,5 @@
 import { AffixProps } from './props';
-export default function useAffix(props: Required<AffixProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useAffix(props: Required<AffixProps>, emit: (...args: any[]) => void): {
     wrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     wrapRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     affixed: import('vue').Ref<boolean, boolean>;

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

@@ -1,6 +1,7 @@
-import { default as useAnchor } from './useAnchor';
+import { useAnchor } from './useAnchor';
 export declare const AnchorCore: {
     props: import('../../types/props').MCOPO<import('./props').AnchorProps>;
     anchorLinkProps: import('../../types/props').MCOPO<import('./props').AnchorLinkProps>;
     useAnchor: typeof useAnchor;
 };
+export type { AnchorProps, AnchorLinkProps } from './props';

package/dist/components/base/anchor/useAnchor.d.ts

@@ -1,5 +1,5 @@
 import { AnchorProps } from './props';
-export default function useAnchor(props: Required<AnchorProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useAnchor(props: Required<AnchorProps>, emit: (...args: any[]) => void): {
     currentLink: import('vue').Ref<string, string>;
     registerLink: (href: string) => void;
     unregisterLink: (href: string) => void;

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

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

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

@@ -1,5 +1,6 @@
-import { default as useBackTop } from './useBackTop';
+import { useBackTop } from './useBackTop';
 export declare const BackTopCore: {
     props: import('../../types/props').MCOPO<import('./props').BackTopProps>;
     useBackTop: typeof useBackTop;
 };
+export type { BackTopProps } from './props';

package/dist/components/base/backTop/useBackTop.d.ts

@@ -1,5 +1,5 @@
 import { BackTopProps } from './props';
-export default function useBackTop(props: Required<BackTopProps>): {
+export declare function useBackTop(props: Required<BackTopProps>): {
     visible: import('vue').Ref<boolean, boolean>;
     scrollToTop: () => void;
 };

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

@@ -1,33 +1,6 @@
+import { useButton } from './useButton';
 export declare const ButtonCore: {
     props: import('../../types/props').MCOPO<import('./props').ButtonProps>;
-    useButton: (props: import('./props').ButtonProps, ctx: {
-        attrs: import('vue').Attrs;
-        slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        emit: (event: string, ...args: any[]) => void;
-        expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
-    }) => {
-        domType: string;
-        slot: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>[] | undefined;
-        domProps: {
-            class: (string | {
-                'm-button-disabled': boolean | undefined;
-                'm-button-loading'?: undefined;
-                'm-button-plain'?: undefined;
-            } | {
-                'm-button-loading': boolean | undefined;
-                'm-button-disabled'?: undefined;
-                'm-button-plain'?: undefined;
-            } | {
-                'm-button-plain': boolean | undefined;
-                'm-button-disabled'?: undefined;
-                'm-button-loading'?: undefined;
-            })[];
-            disabled: boolean | undefined;
-        };
-        isDisabled: boolean | undefined;
-    };
+    useButton: typeof useButton;
 };
+export type { ButtonProps } from './props';

package/dist/components/base/button/useButton.d.ts

@@ -1,12 +1,6 @@
+import { SetupContext } from 'vue';
 import { ButtonProps } from './props';
-export declare const useButton: (props: ButtonProps, ctx: {
-    attrs: import('vue').Attrs;
-    slots: Readonly<{
-        [name: string]: import('vue').Slot<any> | undefined;
-    }>;
-    emit: (event: string, ...args: any[]) => void;
-    expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
-}) => {
+export declare function useButton(props: ButtonProps, { slots }: SetupContext): {
     domType: string;
     slot: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;

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

@@ -1,5 +1,6 @@
-import { default as useCheckbox } from './useCheckbox';
+import { useCheckbox } from './useCheckbox';
 export declare const CheckboxCore: {
     props: import('../../types/props').MCOPO<import('./props').CheckboxProps>;
     useCheckbox: typeof useCheckbox;
 };
+export type { CheckboxProps } from './props';

package/dist/components/base/checkbox/useCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from './props';
-export default function useCheckbox<Props extends Required<CheckboxProps>>(props: Props, ctx: any): {
+export declare function useCheckbox<Props extends Required<CheckboxProps>>(props: Props, ctx: any): {
     checkboxClass: (string | {
         'm-disabled': boolean;
         'm-indeterminate': boolean;

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

@@ -1,6 +1,7 @@
-import { default as useCollapse } from './useCollapse.ts';
+import { useCollapse } from './useCollapse';
 export declare const CollapseCore: {
     props: import('../../types/props').MCOPO<import('./props').CollapseProps>;
     itemProps: import('../../types/props').MCOPO<import('./props').CollapseItemProps>;
     useCollapse: typeof useCollapse;
 };
+export type { CollapseProps, CollapseItemProps } from './props';

package/dist/components/base/collapse/useCollapse.d.ts

@@ -1,5 +1,5 @@
 import { CollapseProps } from './props';
-export default function useCollapse(props: Required<CollapseProps>, ctx: any): {
+export declare function useCollapse(props: Required<CollapseProps>, ctx: any): {
     activeNames: import('vue').ComputedRef<(string | number)[]>;
     isActive: (name: string | number) => boolean;
     toggle: (name: string | number, disabled: boolean) => void;

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

@@ -1,6 +1,7 @@
-import { default as useDropdown } from './useDropdown.ts';
+import { useDropdown } from './useDropdown';
 export declare const DropdownCore: {
     props: import('../../types/props').MCOPO<import('./props').DropdownProps>;
     itemProps: import('../../types/props').MCOPO<import('./props').DropdownItemProps>;
     useDropdown: typeof useDropdown;
 };
+export type { DropdownProps, DropdownItemProps } from './props';

package/dist/components/base/dropdown/useDropdown.d.ts

@@ -1,5 +1,5 @@
 import { DropdownItemProps, DropdownProps } from './props';
-export default function useDropdown(props: Required<DropdownProps>, ctx: any): {
+export declare function useDropdown(props: Required<DropdownProps>, ctx: any): {
     visible: import('vue').Ref<boolean, boolean>;
     triggerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
     menuRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;

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

@@ -1,5 +1,6 @@
-import { default as useInput } from './useInput';
+import { useInput } from './useInput';
 export declare const InputCore: {
     props: import('../../types/props').MCOPO<import('./props').InputProps>;
     useInput: typeof useInput;
 };
+export type { InputProps } from './props';

package/dist/components/base/input/useInput.d.ts

@@ -1,5 +1,5 @@
 import { HTMLElementEvent } from '../../types/template';
-export default function useInput<Props extends Record<string, any>>(props: Props, ctx: any): {
+export declare function useInput<Props extends Record<string, any>>(props: Props, ctx: any): {
     baseProps: {
         autofocus: any;
         value: any;

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

@@ -1,5 +1,6 @@
-import { default as useInputNumber } from './useInputNumber.ts';
+import { useInputNumber } from './useInputNumber';
 export declare const InputNumberCore: {
     props: import('../../types/props').MCOPO<import('./props').InputNumberProps>;
     useInputNumber: typeof useInputNumber;
 };
+export type { InputNumberProps } from './props';

package/dist/components/base/inputNumber/useInputNumber.d.ts

@@ -1,7 +1,7 @@
 import { InputNumberProps } from './props';
 import { HTMLElementEvent } from '../../types/template';
 export type InputNumber = string | number | null;
-export default function useInputNumber(props: Required<InputNumberProps>, ctx: any): {
+export declare function useInputNumber(props: Required<InputNumberProps>, ctx: any): {
     currentValue: import('vue').Ref<string | number, string | number>;
     handleInputChange: (e: HTMLElementEvent<HTMLInputElement>) => void;
     handleInputBlur: () => void;

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

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

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

@@ -1,5 +1,6 @@
-import { default as useList } from './useList';
+import { useList } from './useList';
 export declare const ListCore: {
     props: import('../../types/props').MCOPO<import('./props').ListProps>;
     useList: typeof useList;
 };
+export type { ListProps } from './props';

package/dist/components/base/list/useList.d.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-export default function useList<T>(): {
+export declare function useList<T>(): {
     baseRender: (item: unknown) => string;
     dataValidate: (data: T[] | undefined) => boolean;
 };

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

@@ -1,5 +1,6 @@
-import { default as usePopover } from './usePopover.ts';
+import { usePopover } from './usePopover';
 export declare const PopoverCore: {
     props: import('../../types/props').MCOPO<import('./props').PopoverProps>;
     usePopover: typeof usePopover;
 };
+export type { PopoverProps } from './props';

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

@@ -32,7 +32,7 @@ export declare class PopoverImpl {
     toggle(): Promise<void>;
     destroy(): void;
 }
-export default function usePopover(props: Required<PopoverProps>, ctx: any): {
+export declare function usePopover(props: Required<PopoverProps>, ctx: any): {
     popoverEnter: () => void;
     popoverLeave: () => void;
     popoverRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;

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

@@ -1,5 +1,6 @@
-import { default as useProgress } from './useProgress';
+import { useProgress } from './useProgress';
 export declare const ProgressCore: {
     props: import('../../types/props').MCOPO<import('./props').ProgressProps>;
     useProgress: typeof useProgress;
 };
+export type { ProgressProps, ProgressStatus } from './props';

package/dist/components/base/progress/useProgress.d.ts

@@ -1,4 +1,4 @@
 import { ProgressProps } from './props';
-export default function useProgress(props: Required<ProgressProps>): {
+export declare function useProgress(props: Required<ProgressProps>): {
     percentage: import('vue').ComputedRef<string | number>;
 };

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

@@ -1,5 +1,6 @@
-import { default as useRate } from './useRate';
+import { useRate } from './useRate';
 export declare const RateCore: {
     props: import('../../types/props').MCOPO<import('./props').RateProps>;
     useRate: typeof useRate;
 };
+export type { RateProps } from './props';

package/dist/components/base/rate/useRate.d.ts

@@ -1,5 +1,5 @@
 import { RateProps } from './props';
-export default function useRate(props: Required<RateProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useRate(props: Required<RateProps>, emit: (...args: any[]) => void): {
     hoverValue: import('vue').Ref<number | null, number | null>;
     getStarState: (index: number) => "full" | "half" | "empty";
     onMouseEnter: (e: MouseEvent, index: number) => void;

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

@@ -1,5 +1,6 @@
-import { default as useSlider } from './useSlider.ts';
+import { useSlider } from './useSlider';
 export declare const SliderCore: {
     props: import('../../types/props').MCOPO<import('./props').SliderProps>;
     useSlider: typeof useSlider;
 };
+export type { SliderProps } from './props';

package/dist/components/base/slider/useSlider.d.ts

@@ -1,5 +1,5 @@
 import { SliderProps } from './props';
-export default function useSlider(props: Required<SliderProps>, ctx: any): {
+export declare function useSlider(props: Required<SliderProps>, ctx: any): {
     btnRef: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     sliderRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     perRef: import('vue').Ref<number, number>;

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,7 +1,7 @@
 import { SwitchProps } from './props';
 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>>(props: Props, ctx: any): {
+export declare function useSwitch<Props extends Record<string, any>>(props: Props, ctx: any): {
     getInfo: (key: keyof Pick<SwitchProps, "activeInfo" | "inactiveInfo">) => any;
     changeSwitch: () => void;
     switchClass: import('vue').ComputedRef<(string | {

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,4 +1,4 @@
-export default function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: any): {
+export declare function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: any): {
     activeTab: import('vue').ComputedRef<string | number>;
     isActive: (name: string | number) => boolean;
     switchTab: (name: string | number, disabled?: boolean) => void;

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/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,7 +5,7 @@ export type TooltipStyle = {
     top: string;
     zIndex: string;
 };
-export default function useTooltip(props: Required<TooltipProps>): {
+export declare function useTooltip(props: Required<TooltipProps>): {
     visible: import('vue').Ref<boolean, boolean>;
     tooltipStyle: import('vue').Ref<Record<string, never> | {
         position: string;

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/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/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,6 +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/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/virtualList/index.d.ts

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