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

package/components/base/affix/index.ts

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

package/components/base/affix/useAffix.ts

@@ -9,9 +9,9 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 import { AffixProps } from './props';
 
-export default function useAffix(
+export function useAffix(
   props: Required<AffixProps>,
-  emit: (event: string, ...args: unknown[]) => void,
+  emit: (...args: any[]) => void,
 ) {
   const affixed = ref(false);
   // 固定后占位元素的高度（撑开文档流）

package/components/base/anchor/index.ts

@@ -6,11 +6,13 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props, anchorLinkProps } from './api.ts';
-import useAnchor from './useAnchor';
+import { props, anchorLinkProps } from './api';
+import { useAnchor } from './useAnchor';
 
 export const AnchorCore = {
   props,
   anchorLinkProps,
   useAnchor,
 };
+
+export type { AnchorProps, AnchorLinkProps } from './props';

package/components/base/anchor/useAnchor.ts

@@ -9,9 +9,9 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 import { AnchorProps } from './props';
 
-export default function useAnchor(
+export function useAnchor(
   props: Required<AnchorProps>,
-  emit: (event: string, ...args: unknown[]) => void,
+  emit: (...args: any[]) => void,
 ) {
   const currentLink = ref('');
   // 由子组件注册的 href 列表（按 DOM 顺序）

package/components/base/avatar/index.ts

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

package/components/base/backTop/index.ts

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

package/components/base/backTop/useBackTop.ts

@@ -9,7 +9,7 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 import { BackTopProps } from './props';
 
-export default function useBackTop(props: Required<BackTopProps>) {
+export function useBackTop(props: Required<BackTopProps>) {
   const visible = ref(false);
 
   /** 获取滚动目标元素，无匹配则使用 window */

package/components/base/button/button.css

@@ -11,7 +11,7 @@
   /*line-height: var(--m-button-line-height, 32px);*/
   min-width: var(--m-button-width, 32px);
   border: 5px double transparent;
-  border-radius: 2px;
+  border-radius: var(--kine-radius-xs);
   color: white;
   text-align: center;
   cursor: var(--m-cursor-pointer);

package/components/base/button/index.ts

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

package/components/base/button/useButton.ts

@@ -6,10 +6,10 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
+import { SetupContext } from 'vue';
 import { ButtonProps } from './props';
-import { defineHook } from '../../../runtime/defineHook.ts';
 
-export const useButton = defineHook((props: ButtonProps, { slots }) => {
+export function useButton(props: ButtonProps, { slots }: SetupContext) {
   const domType = props.link ? 'a' : 'button';
   const slot = slots.default?.() ?? props.text;
 
@@ -34,4 +34,4 @@ export const useButton = defineHook((props: ButtonProps, { slots }) => {
     domProps,
     isDisabled,
   };
-});
+}

package/components/base/carousel/useCarousel.ts

@@ -12,8 +12,9 @@ import { CarouselProps } from './props';
 export function useCarousel(props: Required<CarouselProps>, emit: (event: string, ...args: any[]) => void, count: () => number) {
   // 逻辑索引（0..N-1），用于指示器和 v-model
   const activeIndex = ref(props.modelValue ?? props.initialIndex);
-  // track 位置索引（loop 时含克隆偏移）
-  const trackIndex = ref(0);
+  // track 位置索引（loop 时含克隆偏移）；初始时若 loop 启用则假定有克隆
+  const initialActive = props.modelValue ?? props.initialIndex;
+  const trackIndex = ref(props.loop ? initialActive + 1 : initialActive);
   // 禁用过渡标记（用于无缝瞬间跳转）
   const disableTransition = ref(false);
   // 自动播放定时器
@@ -26,9 +27,6 @@ export function useCarousel(props: Required<CarouselProps>, emit: (event: string
     trackIndex.value = hasClones() ? activeIndex.value + 1 : activeIndex.value;
   };
 
-  // 初始化
-  syncTrackIndex();
-
   // 外部 v-model 变化时同步
   watch(() => props.modelValue, (val) => {
     if (val != null && val !== activeIndex.value) {

package/components/base/checkbox/index.ts

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

package/components/base/checkbox/useCheckbox.ts

@@ -11,7 +11,7 @@ import { getNewModelValue, initChecked } from '../../../compositions/input/useBo
 import { CheckboxProps } from './props';
 
 
-export default function useCheckbox<
+export function useCheckbox<
   Props extends Required<CheckboxProps>,
 >(props: Props, ctx: any) {
   const checkboxClass = ['m-checkbox', { 'm-disabled': props.disabled, 'm-indeterminate': props.indeterminate }];

package/components/base/collapse/index.ts

@@ -6,11 +6,13 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props, itemProps } from './api.ts';
-import useCollapse from './useCollapse.ts';
+import { props, itemProps } from './api';
+import { useCollapse } from './useCollapse';
 
 export const CollapseCore = {
   props,
   itemProps,
   useCollapse,
 };
+
+export type { CollapseProps, CollapseItemProps } from './props';

package/components/base/collapse/useCollapse.ts

@@ -9,7 +9,7 @@
 import { computed } from 'vue';
 import { CollapseProps } from './props';
 
-export default function useCollapse(props: Required<CollapseProps>, ctx: any) {
+export function useCollapse(props: Required<CollapseProps>, ctx: any) {
   const { emit } = ctx;
 
   /**

package/components/base/dropdown/index.ts

@@ -6,11 +6,13 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props, itemProps } from './api.ts';
-import useDropdown from './useDropdown.ts';
+import { props, itemProps } from './api';
+import { useDropdown } from './useDropdown';
 
 export const DropdownCore = {
   props,
   itemProps,
   useDropdown,
 };
+
+export type { DropdownProps, DropdownItemProps } from './props';

package/components/base/dropdown/useDropdown.ts

@@ -10,7 +10,7 @@ import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { DropdownItemProps, DropdownProps } from './props';
 import useClickAway from '../../../compositions/popper/useClickAway';
 
-export default function useDropdown(props: Required<DropdownProps>, ctx: any) {
+export function useDropdown(props: Required<DropdownProps>, ctx: any) {
   const { emit } = ctx;
 
   // 下拉菜单是否展开

package/components/base/input/index.ts

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

package/components/base/input/useInput.ts

@@ -9,7 +9,7 @@
 import { HTMLElementEvent } from '../../types/template';
 
 
-export default function useInput<
+export function useInput<
   Props extends Record<string, any>,
 >(props: Props, ctx: any) {
 

package/components/base/inputNumber/index.ts

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

package/components/base/inputNumber/useInputNumber.ts

@@ -12,7 +12,7 @@ import { HTMLElementEvent } from '../../types/template';
 
 export type InputNumber = string | number | null;
 
-export default function useInputNumber(props: Required<InputNumberProps>, ctx: any) {
+export function useInputNumber(props: Required<InputNumberProps>, ctx: any) {
   const currentValue = ref<string | number>(props.modelValue ?? '');
 
   const updateInput = (oldVal: InputNumber) => {

package/components/base/li/index.ts

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

package/components/base/list/index.ts

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

package/components/base/list/useList.ts

@@ -20,7 +20,7 @@ const baseRender = (item: unknown) => {
   return '';
 };
 
-export default function useList<T>() {
+export function useList<T>() {
   const dataValidate = (data: T[] | undefined) => {
     if (!Array.isArray(data)) {
       console.warn('[shuimo-list] data必须是数组');

package/components/base/popover/index.ts

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

package/components/base/popover/usePopover.ts

@@ -9,7 +9,7 @@
 import { Placement, PopperConfig, PositionStyle, usePopper } from '../../../compositions/popper/usePopper.ts';
 import useClickAway from '../../../compositions/popper/useClickAway';
 import { PopoverProps } from './props';
-import { onBeforeMount, onMounted, ref, type Ref, shallowRef } from 'vue';
+import { onBeforeUnmount, onMounted, ref, type Ref, shallowRef } from 'vue';
 
 
 export type IPopper = ReturnType<typeof usePopper>;
@@ -95,12 +95,15 @@ export class PopoverImpl {
   }
 
   destroy() {
-
+    this.popperInstance?.clear?.();
+    this.visible = false;
+    this.onShow = undefined;
+    this.onHide = undefined;
   }
 }
 
 
-export default function usePopover(props: Required<PopoverProps>, ctx: any) {
+export function usePopover(props: Required<PopoverProps>, ctx: any) {
   const style = ref();
   const arrowStyle = ref();
   const placement = ref<Placement>(props.placement);
@@ -170,11 +173,12 @@ export default function usePopover(props: Required<PopoverProps>, ctx: any) {
     });
   });
 
-  onBeforeMount(() => {
+  onBeforeUnmount(() => {
     if (clickAwayInstance) {
       const { onBeforeDestroy } = clickAwayInstance;
       onBeforeDestroy();
     }
+    instance?.destroy();
   });
 
   return {

package/components/base/progress/index.ts

@@ -6,10 +6,12 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props } from './api.ts';
-import useProgress from './useProgress';
+import { props } from './api';
+import { useProgress } from './useProgress';
 
 export const ProgressCore = {
   props,
   useProgress,
 };
+
+export type { ProgressProps, ProgressStatus } from './props';

package/components/base/progress/useProgress.ts

@@ -19,7 +19,7 @@ const clearZero = (num: number) => {
   return str.slice(0, index + 3);
 };
 
-export default function useProgress(props: Required<ProgressProps>) {
+export function useProgress(props: Required<ProgressProps>) {
   const percentage = computed(() => clearZero((props.value * 100 / props.max)));
 
   return {

package/components/base/radio/index.ts

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

package/components/base/rate/index.ts

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

package/components/base/rate/useRate.ts

@@ -9,7 +9,7 @@
 import { ref } from 'vue';
 import { RateProps } from './props';
 
-export default function useRate(props: Required<RateProps>, emit: (event: string, ...args: unknown[]) => void) {
+export function useRate(props: Required<RateProps>, emit: (...args: any[]) => void) {
   // 悬停预览值，null 表示未悬停
   const hoverValue = ref<number | null>(null);
 

package/components/base/slider/index.ts

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

package/components/base/slider/useSlider.ts

@@ -11,7 +11,7 @@ import { SliderProps } from './props';
 import { useElementSize } from '../../../compositions/common/useElementSize.ts';
 import useDrag, { DragOption, DragPosition, InteractEvent } from '../../../compositions/common/useDrag.ts';
 
-export default function useSlider(props: Required<SliderProps>, ctx: any) {
+export function useSlider(props: Required<SliderProps>, ctx: any) {
   const sliderRef = ref<HTMLElement | null>(null);
   const sliderSize = useElementSize(sliderRef);
 

package/components/base/switch/index.ts

@@ -6,12 +6,14 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-import { props } from './api.ts';
-import useSwitch, { getIsActive, switchIsBoolean } from './useSwitch.tsx';
+import { props } from './api';
+import { useSwitch, getIsActive, switchIsBoolean } from './useSwitch';
 
 export const SwitchCore = {
   props,
   switchIsBoolean,
   getIsActive,
   useSwitch,
-}
+};
+
+export type { SwitchProps } from './props';

package/components/base/switch/useSwitch.tsx

@@ -19,7 +19,7 @@ export const getIsActive = (value: SwitchProps['modelValue'], activeValue: Switc
 };
 
 
-export default function useSwitch<
+export function useSwitch<
   Props extends Record<string, any>,
 >(props: Props, ctx: any) {
   const activeValue = ref(props.activeValue);

package/components/base/tabs/index.ts

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

package/components/base/tabs/useTabs.ts

@@ -9,7 +9,7 @@
 import { computed } from 'vue';
 import { TabsProps } from './props';
 
-export default function useTabs<
+export function useTabs<
   Props extends Record<string, unknown>,
 >(props: Props, ctx: any) {
   const { emit } = ctx;

package/components/base/tag/index.ts

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

package/components/base/tooltip/index.ts

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

package/components/base/tooltip/useTooltip.ts

@@ -56,7 +56,7 @@ function calcPosition(
   };
 }
 
-export default function useTooltip(props: Required<TooltipProps>) {
+export function useTooltip(props: Required<TooltipProps>) {
   const visible = ref(false);
   const tooltipStyle = ref<TooltipStyle | Record<string, never>>({});
 

package/components/message/drawer/index.ts

@@ -12,4 +12,4 @@ export const DrawerCore = {
   props,
 };
 
-export type { DrawerProps } from './props.d.ts';
+export type { DrawerProps } from './props';

package/components/message/popover/MPopover.tsx

@@ -8,9 +8,9 @@
  * v2.0.0-process 阿怪 准备重构，搭建模版
  */
 import { defineComponent, ref, watch } from 'vue';
-import { props } from './api.ts';
-import useTeleport from '../../../compositions/common/useTeleport.ts';
-import { usePopover } from './usePopover.ts';
+import { props } from './api';
+import useTeleport from '../../../compositions/common/useTeleport';
+import { usePopover } from './usePopover';
 import './popover.css';
 import { PopoverProps } from './props';
 

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();
   });