@robot-admin/naive-ui-components 0.22.0 → 0.23.0

package/dist/index18.vue.d.cts

@@ -1,83 +1,132 @@
 import * as vue from "vue";
 
-//#region src/components/C_Markdown/index.vue.d.ts
-type ToolbarName = string | number;
-type InsertImageFunction = (config: {
-  url: string;
-  desc?: string;
-  width?: string | number;
-  height?: string | number;
-}) => void;
-interface Props {
-  modelValue?: string;
-  /** SSR 或同页多实例时建议显式传入稳定 ID */
-  editorId?: string;
-  height?: string | number;
-  disabled?: boolean;
-  placeholder?: string;
-  mode?: 'edit' | 'editable' | 'preview';
-  toolbar?: object | ToolbarName[];
-  uploadImageConfig?: {
-    accept?: string;
-    multiple?: boolean;
-    [key: string]: unknown;
+//#region src/components/C_Guide/types.d.ts
+/** 通用功能示意图，不包含宿主业务数据。 */
+type GuideIllustration = 'navigation' | 'search' | 'tabs' | 'account' | 'overview' | 'notification' | 'fullscreen' | 'language' | 'theme' | 'settings';
+/** 可使用选择器、真实元素或动态解析函数定位目标。 */
+type GuideTarget = string | Element | (() => Element | null | undefined);
+/** 引导实例公开方法，用于宿主在路由变化时主动停止等场景。 */
+interface GuideExpose {
+  startGuide: (force?: boolean) => Promise<void>;
+  stopGuide: () => void;
+  resetCompleted: () => void;
+  isCompleted: () => boolean;
+}
+/** 引导步骤定义 */
+interface GuideStep {
+  /** 目标元素；不传时可展示居中的欢迎步骤。 */
+  element?: GuideTarget;
+  /** 弹出层配置 */
+  popover: {
+    title: string;
+    description: string;
+    side?: 'top' | 'right' | 'bottom' | 'left'; /** 可选的轻量示意图，使用组件主题色。 */
+    illustration?: GuideIllustration;
   };
-  tocNavPosition?: 'left' | 'right';
-  defaultFullscreen?: boolean;
-  autofocus?: boolean;
-  includeLevel?: number[];
-  leftToolbar?: string;
-  rightToolbar?: string;
-  maxLength?: number;
-  showWordCount?: boolean;
-  autoSave?: boolean;
-  autoSaveInterval?: number;
-  /** 是否为暗色主题（外部传入） */
-  isDark?: boolean;
+  /** 步骤所属分组（用于步骤分组展示） */
+  group?: string;
+  /** 进入此步骤前的回调 */
+  onHighlightStarted?: (element: Element | undefined, step: GuideStep) => void;
+  /** 离开此步骤后的回调 */
+  onDeselected?: (element: Element | undefined, step: GuideStep) => void;
+  /** 是否跳过此步骤的条件 */
+  skipIf?: () => boolean;
+}
+/** 引导主题配置 */
+interface GuideTheme {
+  /** 弹层背景色 */
+  popoverBgColor?: string;
+  /** 弹层文字色 */
+  popoverTextColor?: string;
+  /** 按钮主色 */
+  primaryColor?: string;
+  /** 遮罩层透明度 */
+  overlayOpacity?: number;
+  /** 弹层圆角 */
+  borderRadius?: string;
+}
+/** 引导持久化配置 */
+interface GuidePersistence {
+  /** 是否启用持久化（记住已完成的引导） */
+  enabled?: boolean;
+  /** 持久化 key 前缀 */
+  keyPrefix?: string;
 }
-declare const __VLS_export: vue.DefineComponent<Props, {
-  focus: () => void;
-  getHtml: () => string;
-  insertText: (text: string) => void;
-  wordCount: vue.ComputedRef<number>;
+/** C_Guide Props */
+interface GuideProps {
+  /** 引导步骤 */
+  steps?: GuideStep[];
+  /** 完成按钮文字 */
+  doneBtnText?: string;
+  /** 下一步按钮文字 */
+  nextBtnText?: string;
+  /** 上一步按钮文字 */
+  prevBtnText?: string;
+  /** 是否显示跳过按钮；allowClose 为 false 时不显示，默认 true。 */
+  showSkipButton?: boolean;
+  /** 跳过按钮文字，默认“跳过引导”。 */
+  skipBtnText?: string;
+  /** 是否显示进度条 */
+  showProgress?: boolean;
+  /** 是否启用键盘导航（← → Esc） */
+  keyboard?: boolean;
+  /** 是否启用动画 */
+  animate?: boolean;
+  /** 是否允许点击遮罩关闭 */
+  allowClose?: boolean;
+  /** 自动跳过不存在或不可见的目标，默认 true。 */
+  skipMissingElements?: boolean;
+  /** 主题配置 */
+  theme?: GuideTheme;
+  /** 持久化配置 */
+  persistence?: GuidePersistence;
+  /** 弹层自定义 CSS 类 */
+  popoverClass?: string;
+  /** 是否显示触发按钮（设为 false 则仅通过 expose 的 startGuide 触发） */
+  showTrigger?: boolean;
+  /** 触发按钮的 tooltip 文字 */
+  triggerTooltip?: string;
+  /** 触发按钮图标 */
+  triggerIcon?: string;
+}
+//#endregion
+//#region src/components/C_Guide/index.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<GuideProps, {
+  startGuide: (force?: boolean) => Promise<void>;
+  stopGuide: () => void;
+  resetCompleted: () => void;
+  isCompleted: () => boolean;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
-  change: (text: string, html: string) => any;
-  save: (text: string, html: string) => any;
-  "upload-image": (event: Event, insertImage: InsertImageFunction, files: FileList) => any;
-  "fullscreen-change": (isFullscreen: boolean) => any;
-  "copy-code-success": (text: string) => any;
-  "word-count-change": (count: number) => any;
-  "auto-save": (text: string) => any;
-  "max-length-exceeded": (currentLength: number, maxLength: number) => any;
-}, string, vue.PublicProps, Readonly<Props> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((text: string, html: string) => any) | undefined;
-  onSave?: ((text: string, html: string) => any) | undefined;
-  "onUpload-image"?: ((event: Event, insertImage: InsertImageFunction, files: FileList) => any) | undefined;
-  "onFullscreen-change"?: ((isFullscreen: boolean) => any) | undefined;
-  "onCopy-code-success"?: ((text: string) => any) | undefined;
-  "onWord-count-change"?: ((count: number) => any) | undefined;
-  "onAuto-save"?: ((text: string) => any) | undefined;
-  "onMax-length-exceeded"?: ((currentLength: number, maxLength: number) => any) | undefined;
+  error: (error: unknown) => any;
+  close: (currentStep: number) => any;
+  start: () => any;
+  complete: () => any;
+  skip: (currentStep: number) => any;
+  "step-change": (stepIndex: number, step: GuideStep) => any;
+}, string, vue.PublicProps, Readonly<GuideProps> & Readonly<{
+  onError?: ((error: unknown) => any) | undefined;
+  onClose?: ((currentStep: number) => any) | undefined;
+  onStart?: (() => any) | undefined;
+  onComplete?: (() => any) | undefined;
+  onSkip?: ((currentStep: number) => any) | undefined;
+  "onStep-change"?: ((stepIndex: number, step: GuideStep) => any) | undefined;
 }>, {
-  modelValue: string;
-  placeholder: string;
-  disabled: boolean;
-  height: string | number;
-  mode: "edit" | "editable" | "preview";
-  tocNavPosition: "left" | "right";
-  defaultFullscreen: boolean;
-  autofocus: boolean;
-  includeLevel: number[];
-  leftToolbar: string;
-  rightToolbar: string;
-  maxLength: number;
-  showWordCount: boolean;
-  autoSave: boolean;
-  autoSaveInterval: number;
-  isDark: boolean;
+  steps: GuideStep[];
+  keyboard: boolean;
+  doneBtnText: string;
+  nextBtnText: string;
+  prevBtnText: string;
+  showSkipButton: boolean;
+  skipBtnText: string;
+  showProgress: boolean;
+  animate: boolean;
+  allowClose: boolean;
+  skipMissingElements: boolean;
+  popoverClass: string;
+  showTrigger: boolean;
+  triggerTooltip: string;
+  triggerIcon: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
-export { _default as t };
+export { GuideProps as a, GuideTheme as c, GuidePersistence as i, GuideExpose as n, GuideStep as o, GuideIllustration as r, GuideTarget as s, _default as t };

package/dist/index18.vue.d.ts

@@ -1,77 +1,54 @@
-import { a as RouteItem, t as MenuAdapterConfig } from "./public.js";
 import * as vue from "vue";
-import { Ref } from "vue";
-import { DropdownProps, MenuInst, MenuOption } from "naive-ui";
+import { CSSProperties } from "vue";
 
-//#region src/components/C_Menu/types.d.ts
-type MenuKey = string | number;
-type MenuValue = MenuKey | null;
-type OwnMenuKey<Option> = Option extends {
-  key?: infer Key;
-} ? Extract<Key, MenuKey> : never;
-/** 已遇到的递归业务类型或原生完整键类型均停止展开，内联配置包含子节点。 */
-type MenuOptionKeys<Option, Seen = never> = Option extends Seen ? OwnMenuKey<Option> : MenuKey extends OwnMenuKey<Option> ? MenuKey : OwnMenuKey<Option> | (Option extends {
-  children?: infer Children;
-} ? Children extends readonly unknown[] ? MenuOptionKeys<Children[number], Seen | Option> : never : never);
-type WidenMenuKey<Key> = Key extends string ? string : Key extends number ? number : never;
-type MenuSelectionKey<O extends MenuOption[] | undefined> = O extends MenuOption[] ? [MenuOptionKeys<O[number]>] extends [never] ? MenuKey : WidenMenuKey<MenuOptionKeys<O[number]>> : string;
-interface MenuProps<O extends MenuOption[] | undefined = MenuOption[] | undefined> {
-  options?: O;
-  routes?: RouteItem[];
-  adapterConfig?: MenuAdapterConfig;
-  labelFormatter?: (label: string) => string;
-  /** @deprecated Use modelValue. */
-  value?: MenuValue;
-  modelValue?: MenuValue;
-  expandedKeys?: MenuKey[];
-  defaultExpandedKeys?: MenuKey[];
-  mode?: 'vertical' | 'horizontal';
-  collapsed?: boolean;
-  collapsedWidth?: number;
-  collapsedIconSize?: number;
-  inverted?: boolean;
-  themeOverrides?: Record<string, any>;
-  indent?: number;
-  rootIndent?: number;
-  dropdownProps?: DropdownProps;
+//#region src/components/C_Progress/index.vue.d.ts
+type CSS = CSSProperties | string;
+interface Props {
+  percentage: number | number[];
+  isAnimation?: boolean;
+  time?: number;
+  type?: 'line' | 'circle' | 'multiple-circle' | 'dashboard';
+  borderRadius?: number | string;
+  circleGap?: number;
+  color?: string | string[] | {
+    stops: string[];
+  } | Array<{
+    stops: string[];
+  }>;
+  fillBorderRadius?: number | string;
+  gapDegree?: number;
+  gapOffsetDegree?: number;
+  height?: number;
+  indicatorPlacement?: 'inside' | 'outside';
+  indicatorTextColor?: string;
+  offsetDegree?: number;
+  railColor?: string | string[];
+  railStyle?: string | CSS | Array<string | CSS>;
+  showIndicator?: boolean;
+  status?: 'default' | 'success' | 'error' | 'warning' | 'info';
+  strokeWidth?: number;
+  unit?: string;
 }
-interface MenuEmits<O extends MenuOption[] | undefined = MenuOption[] | undefined> {
-  select: [key: MenuSelectionKey<O>];
-  /** 鼠标或键盘聚焦叶子项时触发，可用于无副作用的路由预取。 */
-  intent: [key: MenuSelectionKey<O>];
-  'update:modelValue': [key: MenuSelectionKey<O> | null];
-  /** @deprecated Use update:modelValue. */
-  'update:value': [key: MenuSelectionKey<O> | null];
-  'update:expandedKeys': [keys: MenuSelectionKey<O>[]];
-}
-interface MenuExpose {
-  showOption: (key: MenuKey) => void;
-  /** Vue 公开实例会解包顶层 Ref。 */
-  menuRef: MenuInst | null;
-}
-//#endregion
-//#region src/components/C_Menu/index.vue.d.ts
-declare const __VLS_export: <Options extends MenuOption[] | undefined = undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue.PublicProps & __VLS_PrettifyLocal<MenuProps<Options> & {
-    "onUpdate:modelValue"?: ((key: MenuSelectionKey<Options> | null) => any) | undefined;
-    onSelect?: ((key: MenuSelectionKey<Options>) => any) | undefined;
-    onIntent?: ((key: MenuSelectionKey<Options>) => any) | undefined;
-    "onUpdate:value"?: ((key: MenuSelectionKey<Options> | null) => any) | undefined;
-    "onUpdate:expandedKeys"?: ((keys: MenuSelectionKey<Options>[]) => any) | undefined;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: vue.ShallowUnwrapRef<{
-    showOption: (key: MenuKey) => void | undefined;
-    menuRef: Ref<MenuInst | null, MenuInst | null>;
-  }>) => void;
-  attrs: any;
-  slots: {};
-  emit: ((evt: "update:modelValue", key: MenuSelectionKey<Options> | null) => void) & ((evt: "select", key: MenuSelectionKey<Options>) => void) & ((evt: "intent", key: MenuSelectionKey<Options>) => void) & ((evt: "update:value", key: MenuSelectionKey<Options> | null) => void) & ((evt: "update:expandedKeys", keys: MenuSelectionKey<Options>[]) => void);
-}>) => vue.VNode & {
-  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  indicator?: (props: typeof __VLS_9) => any;
 };
+declare const __VLS_base: vue.DefineComponent<Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Props> & Readonly<{}>, {
+  status: "default" | "success" | "error" | "warning" | "info";
+  percentage: number | number[];
+  isAnimation: boolean;
+  time: number;
+  indicatorPlacement: "inside" | "outside";
+  showIndicator: boolean;
+  strokeWidth: number;
+  unit: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
-export { MenuProps as a, MenuKey as i, MenuEmits as n, MenuValue as o, MenuExpose as r, _default as t };
+export { _default as t };

package/dist/index19.vue.d.cts

@@ -1,98 +1,47 @@
 import * as vue from "vue";
+import { CSSProperties } from "vue";
 
-//#region src/components/C_OrgChart/types.d.ts
-/** 节点数据 */
-interface OrgChartNode {
-  /** 唯一标识 */
-  id: string | number;
-  /** 节点标题（姓名/部门名） */
-  label: string;
-  /** 副标题（职位/描述） */
-  subtitle?: string;
-  /** 头像 URL */
-  avatar?: string;
-  /** 子节点 */
-  children?: OrgChartNode[];
-  /** 自定义 CSS 类 */
-  className?: string;
-  /** 节点是否默认折叠 */
-  collapsed?: boolean;
-  /** 节点额外数据（透传给插槽/事件） */
-  data?: Record<string, unknown>;
+//#region src/components/C_Progress/index.vue.d.ts
+type CSS = CSSProperties | string;
+interface Props {
+  percentage: number | number[];
+  isAnimation?: boolean;
+  time?: number;
+  type?: 'line' | 'circle' | 'multiple-circle' | 'dashboard';
+  borderRadius?: number | string;
+  circleGap?: number;
+  color?: string | string[] | {
+    stops: string[];
+  } | Array<{
+    stops: string[];
+  }>;
+  fillBorderRadius?: number | string;
+  gapDegree?: number;
+  gapOffsetDegree?: number;
+  height?: number;
+  indicatorPlacement?: 'inside' | 'outside';
+  indicatorTextColor?: string;
+  offsetDegree?: number;
+  railColor?: string | string[];
+  railStyle?: string | CSS | Array<string | CSS>;
+  showIndicator?: boolean;
+  status?: 'default' | 'success' | 'error' | 'warning' | 'info';
+  strokeWidth?: number;
+  unit?: string;
 }
-/** 布局方向 */
-type OrgChartDirection = 'vertical' | 'horizontal';
-/** 连线样式 */
-type OrgChartLineStyle = 'straight' | 'rounded' | 'stepped';
-/** C_OrgChart Props */
-interface OrgChartProps {
-  /** 树形数据 */
-  data: OrgChartNode;
-  /** 布局方向 */
-  direction?: OrgChartDirection;
-  /** 连线样式 */
-  lineStyle?: OrgChartLineStyle;
-  /** 连线颜色 */
-  lineColor?: string;
-  /** 连线宽度（px） */
-  lineWidth?: number;
-  /** 节点间距（px） */
-  nodeSpacing?: number;
-  /** 层级间距（px） */
-  levelSpacing?: number;
-  /** 是否支持缩放 */
-  zoomable?: boolean;
-  /** 是否支持平移 */
-  pannable?: boolean;
-  /** 初始缩放比例 */
-  initialZoom?: number;
-  /** 首次渲染与数据、布局变化时适配完整树形范围。 */
-  fitOnInit?: boolean;
-  /** 最小缩放 */
-  minZoom?: number;
-  /** 最大缩放 */
-  maxZoom?: number;
-  /** 是否可折叠 */
-  collapsible?: boolean;
-}
-//#endregion
-//#region src/components/C_OrgChart/index.vue.d.ts
-declare var __VLS_12: {
-  node: OrgChartNode;
-  isLeaf: boolean;
-  isExpanded: boolean;
-};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-  node?: (props: typeof __VLS_12) => any;
+  indicator?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: vue.DefineComponent<OrgChartProps, {
-  zoomIn: () => void;
-  zoomOut: () => void;
-  resetView: () => void;
-  fitView: () => Promise<void>;
-  zoom: vue.Ref<number, number>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "node-click": (node: OrgChartNode) => any;
-  "node-expand": (node: OrgChartNode) => any;
-  "node-collapse": (node: OrgChartNode) => any;
-}, string, vue.PublicProps, Readonly<OrgChartProps> & Readonly<{
-  "onNode-click"?: ((node: OrgChartNode) => any) | undefined;
-  "onNode-expand"?: ((node: OrgChartNode) => any) | undefined;
-  "onNode-collapse"?: ((node: OrgChartNode) => any) | undefined;
-}>, {
-  direction: OrgChartDirection;
-  lineColor: string;
-  lineWidth: number;
-  collapsible: boolean;
-  lineStyle: OrgChartLineStyle;
-  nodeSpacing: number;
-  levelSpacing: number;
-  zoomable: boolean;
-  pannable: boolean;
-  initialZoom: number;
-  fitOnInit: boolean;
-  minZoom: number;
-  maxZoom: number;
+declare const __VLS_base: vue.DefineComponent<Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<Props> & Readonly<{}>, {
+  status: "default" | "success" | "error" | "warning" | "info";
+  percentage: number | number[];
+  isAnimation: boolean;
+  time: number;
+  indicatorPlacement: "inside" | "outside";
+  showIndicator: boolean;
+  strokeWidth: number;
+  unit: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -102,4 +51,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { OrgChartProps as a, OrgChartNode as i, OrgChartDirection as n, OrgChartLineStyle as r, _default as t };
+export { _default as t };

package/dist/index19.vue.d.ts

@@ -1,105 +1,45 @@
 import * as vue from "vue";
 
-//#region src/components/C_OrgChart/types.d.ts
-/** 节点数据 */
-interface OrgChartNode {
-  /** 唯一标识 */
-  id: string | number;
-  /** 节点标题（姓名/部门名） */
-  label: string;
-  /** 副标题（职位/描述） */
-  subtitle?: string;
-  /** 头像 URL */
-  avatar?: string;
-  /** 子节点 */
-  children?: OrgChartNode[];
-  /** 自定义 CSS 类 */
-  className?: string;
-  /** 节点是否默认折叠 */
-  collapsed?: boolean;
-  /** 节点额外数据（透传给插槽/事件） */
-  data?: Record<string, unknown>;
-}
-/** 布局方向 */
-type OrgChartDirection = 'vertical' | 'horizontal';
-/** 连线样式 */
-type OrgChartLineStyle = 'straight' | 'rounded' | 'stepped';
-/** C_OrgChart Props */
-interface OrgChartProps {
-  /** 树形数据 */
-  data: OrgChartNode;
-  /** 布局方向 */
-  direction?: OrgChartDirection;
-  /** 连线样式 */
-  lineStyle?: OrgChartLineStyle;
-  /** 连线颜色 */
-  lineColor?: string;
-  /** 连线宽度（px） */
-  lineWidth?: number;
-  /** 节点间距（px） */
-  nodeSpacing?: number;
-  /** 层级间距（px） */
-  levelSpacing?: number;
-  /** 是否支持缩放 */
-  zoomable?: boolean;
-  /** 是否支持平移 */
-  pannable?: boolean;
-  /** 初始缩放比例 */
-  initialZoom?: number;
-  /** 首次渲染与数据、布局变化时适配完整树形范围。 */
-  fitOnInit?: boolean;
-  /** 最小缩放 */
-  minZoom?: number;
-  /** 最大缩放 */
-  maxZoom?: number;
-  /** 是否可折叠 */
-  collapsible?: boolean;
+//#region src/components/C_Steps/types.d.ts
+interface StepItem {
+  title: string;
+  description?: string;
+  time?: string;
+  icon?: string;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  disabled?: boolean;
+  detail?: string;
 }
 //#endregion
-//#region src/components/C_OrgChart/index.vue.d.ts
-declare var __VLS_12: {
-  node: OrgChartNode;
-  isLeaf: boolean;
-  isExpanded: boolean;
-};
-type __VLS_Slots = {} & {
-  node?: (props: typeof __VLS_12) => any;
+//#region src/components/C_Steps/index.vue.d.ts
+interface LegacyStepItem extends StepItem {
+  title: string;
+  description?: string;
+  time?: string;
+  icon?: string;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  disabled?: boolean;
+  detail?: string;
+}
+type __VLS_Props = {
+  steps: LegacyStepItem[];
+  current?: number;
+  direction?: 'horizontal' | 'vertical';
+  clickable?: boolean; /** 水平模式下线条是否与图标紧密相连，默认 false（两端留有对称间距）*/
+  connected?: boolean;
 };
-declare const __VLS_base: vue.DefineComponent<OrgChartProps, {
-  zoomIn: () => void;
-  zoomOut: () => void;
-  resetView: () => void;
-  fitView: () => Promise<void>;
-  zoom: vue.Ref<number, number>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "node-click": (node: OrgChartNode) => any;
-  "node-expand": (node: OrgChartNode) => any;
-  "node-collapse": (node: OrgChartNode) => any;
-}, string, vue.PublicProps, Readonly<OrgChartProps> & Readonly<{
-  "onNode-click"?: ((node: OrgChartNode) => any) | undefined;
-  "onNode-expand"?: ((node: OrgChartNode) => any) | undefined;
-  "onNode-collapse"?: ((node: OrgChartNode) => any) | undefined;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  change: (args_0: number) => any;
+  "update:current": (args_0: number) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onChange?: ((args_0: number) => any) | undefined;
+  "onUpdate:current"?: ((args_0: number) => any) | undefined;
 }>, {
-  direction: OrgChartDirection;
-  lineColor: string;
-  lineWidth: number;
-  collapsible: boolean;
-  lineStyle: OrgChartLineStyle;
-  nodeSpacing: number;
-  levelSpacing: number;
-  zoomable: boolean;
-  pannable: boolean;
-  initialZoom: number;
-  fitOnInit: boolean;
-  minZoom: number;
-  maxZoom: number;
+  direction: "horizontal" | "vertical";
+  current: number;
+  clickable: boolean;
+  connected: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
 //#endregion
-export { OrgChartProps as a, OrgChartNode as i, OrgChartDirection as n, OrgChartLineStyle as r, _default as t };
+export { StepItem as n, _default as t };

package/dist/index2.vue.d.cts

@@ -72,11 +72,11 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onItemClick?: ((item: AvatarItem) => any) | undefined;
   onOverflowClick?: ((hiddenItems: AvatarItem[]) => any) | undefined;
 }>, {
+  max: number;
   size: number;
   direction: "ltr" | "rtl";
-  overlap: number;
-  max: number;
   clickable: boolean;
+  overlap: number;
   shape: "circle" | "square";
   showStatus: boolean;
   showTooltip: boolean;

package/dist/index2.vue.d.ts

@@ -72,11 +72,11 @@ declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue
   onItemClick?: ((item: AvatarItem) => any) | undefined;
   onOverflowClick?: ((hiddenItems: AvatarItem[]) => any) | undefined;
 }>, {
+  max: number;
   size: number;
   direction: "ltr" | "rtl";
-  overlap: number;
-  max: number;
   clickable: boolean;
+  overlap: number;
   shape: "circle" | "square";
   showStatus: boolean;
   showTooltip: boolean;