@veltra/desktop 1.3.10 → 1.5.0

package/src/components/contextmenu/style.scss

@@ -25,6 +25,8 @@ $arrow-size: 12px;
   $b: &;
 
   position: fixed;
+  // 与子菜单一致：最小宽度兜底，调用方可用 width: max-content 让内容撑开
+  min-width: 120px;
   @include panel-surface;
 
   @include m.e(label) {
@@ -33,6 +35,20 @@ $arrow-size: 12px;
     @include m.ellipsis;
   }
 
+  @include m.e(custom) {
+    flex: 1;
+    min-width: 0;
+  }
+
+  @include m.e(divider) {
+    height: 0;
+    margin: 4px 8px;
+    border: 0;
+    border-top: 1px solid fn.use-var(border, color);
+    list-style: none;
+    pointer-events: none;
+  }
+
   @include m.e(item) {
     position: relative;
     cursor: pointer;

package/src/components/file-viewer/helper.ts

@@ -104,59 +104,6 @@ export function toBlobUrl(
   return { url, revoke: () => URL.revokeObjectURL(url) }
 }
 
-/**
- * RFC-4180 子集 CSV 解析：支持 "" 转义、\r\n 与 \n 换行、, 分隔。
- * 为性能起见采用状态机而非 split。
- */
-export function parseCsv(text: string): string[][] {
-  const rows: string[][] = []
-  let row: string[] = []
-  let field = ''
-  let inQuotes = false
-  const len = text.length
-
-  for (let i = 0; i < len; i++) {
-    const ch = text[i]
-
-    if (inQuotes) {
-      if (ch === '"') {
-        if (text[i + 1] === '"') {
-          field += '"'
-          i++
-        } else {
-          inQuotes = false
-        }
-      } else {
-        field += ch
-      }
-      continue
-    }
-
-    if (ch === '"') {
-      inQuotes = true
-    } else if (ch === ',') {
-      row.push(field)
-      field = ''
-    } else if (ch === '\n') {
-      row.push(field)
-      rows.push(row)
-      row = []
-      field = ''
-    } else if (ch === '\r') {
-      // swallow CR; LF will commit the row
-    } else {
-      field += ch
-    }
-  }
-
-  // 最后一行
-  if (field.length > 0 || row.length > 0) {
-    row.push(field)
-    rows.push(row)
-  }
-  return rows
-}
-
 export function formatBytes(bytes?: number): string {
   if (bytes === undefined || bytes === null || Number.isNaN(bytes)) return '-'
   if (bytes < 1024) return `${bytes} B`

package/src/components/file-viewer/previewers/sheet-previewer.vue

@@ -1,33 +1,44 @@
 <template>
   <div :class="cls.e('sheet')">
-    <div v-if="truncated" :class="cls.e('sheet-note')">
-      仅展示前 {{ renderedRows.toLocaleString() }} 行（共 {{ totalRows.toLocaleString() }} 行）
+    <div v-if="unavailable" :class="cls.e('empty')">
+      <u-empty text="无法预览表格：未安装 @veltra/sheet-core" :size="32" />
     </div>
-    <div v-if="sheets.length > 1" :class="cls.e('sheet-tabs')">
-      <button
-        v-for="(s, i) in sheets"
-        :key="s.name"
-        :class="[cls.e('sheet-tab'), bem.is('active', i === activeSheetIndex)]"
-        @click="activeSheetIndex = i"
-      >
-        {{ s.name }}
-      </button>
-    </div>
-    <div ref="container" :class="cls.e('sheet-stage')" />
-    <div v-if="loading" :class="cls.e('loading')">加载中…</div>
+    <template v-else>
+      <div v-if="truncated" :class="cls.e('sheet-note')">
+        共 {{ totalRows.toLocaleString() }} 行，超出预览上限
+        {{ maxRows.toLocaleString() }} 行，已全量加载
+      </div>
+      <div v-if="sheets.length > 1" :class="cls.e('sheet-tabs')">
+        <button
+          v-for="(s, i) in sheets"
+          :key="s.name"
+          :class="[cls.e('sheet-tab'), bem.is('active', i === activeSheetIndex)]"
+          @click="activeSheetIndex = i"
+        >
+          {{ s.name }}
+        </button>
+      </div>
+      <div ref="container" :class="cls.e('sheet-stage')" />
+      <div v-if="loading" :class="cls.e('loading')">加载中…</div>
+    </template>
   </div>
 </template>
 
 <script lang="ts" setup>
 import { bem } from '@veltra/utils'
-import { ListTable } from '@visactor/vtable'
 import { onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'
 
 import type { FileViewerItem } from '../../../types/file-viewer'
-import { parseSheetFile, type SheetPreview } from '../sheet-parser'
+import { UEmpty } from '../../empty'
+import { getExtension, toArrayBuffer } from '../helper'
 
 defineOptions({ name: 'UFileViewerSheetPreviewer' })
 
+/** 仅类型查询；运行时通过动态 import 加载，未安装时不炸主入口 */
+type SheetCoreModule = typeof import('@veltra/sheet-core')
+type Sheet = InstanceType<SheetCoreModule['Sheet']>
+type SheetGrid = InstanceType<SheetCoreModule['SheetGrid']>
+
 const props = withDefaults(defineProps<{ file: FileViewerItem; maxRows?: number }>(), {
   maxRows: 50_000
 })
@@ -37,72 +48,106 @@ const emit = defineEmits<{ (e: 'error', err: unknown): void }>()
 const cls = bem('file-viewer')
 const container = useTemplateRef<HTMLDivElement>('container')
 const loading = ref(true)
+const unavailable = ref(false)
 const truncated = ref(false)
 const totalRows = ref(0)
-const renderedRows = ref(0)
-const sheets = shallowRef<SheetPreview[]>([])
+const sheets = shallowRef<Sheet[]>([])
 const activeSheetIndex = ref(0)
 
 let controller: AbortController | undefined
-let table: ListTable | undefined
-let resizeObserver: ResizeObserver | undefined
+/** 递增 token：importXlsx 无 AbortSignal，靠它防止切文件后旧解析结果落地 */
+let loadToken = 0
+let grid: SheetGrid | undefined
+let sheetCore: SheetCoreModule | undefined
+
+function releaseGrid() {
+  grid?.release()
+  grid = undefined
+}
+
+/** 动态加载 sheet-core；未安装 optional peer 时返回 undefined */
+async function resolveSheetCore(): Promise<SheetCoreModule | undefined> {
+  if (sheetCore) return sheetCore
+  try {
+    sheetCore = await import('@veltra/sheet-core')
+    return sheetCore
+  } catch {
+    return undefined
+  }
+}
 
-function releaseTable() {
-  table?.release()
-  table = undefined
+/** 解析文件为 Sheet 列表：xlsx 多表（importXlsx 建工作簿）；csv 单表，表名取文件名 */
+async function parseFile(
+  core: SheetCoreModule,
+  file: FileViewerItem,
+  signal?: AbortSignal
+): Promise<Sheet[]> {
+  const buf = await toArrayBuffer(file.src, signal)
+  if (getExtension(file.name) === 'csv') {
+    const text = new TextDecoder('utf-8', { fatal: false }).decode(buf)
+    const sheet = new core.Sheet(file.name)
+    core.importCsv(text, sheet)
+    return [sheet]
+  }
+  const workbook = await core.importXlsx(buf)
+  return workbook.getSheets()
 }
 
 function renderActive() {
   const sheet = sheets.value[activeSheetIndex.value]
   const el = container.value
-  if (!sheet || !el) return
+  releaseGrid()
+  if (!sheet || !el || !sheetCore) return
 
-  releaseTable()
+  // SheetGrid 的 rows 选项是渲染行数下限（构造时数据高水位恒并入渲染尺寸），
+  // 不能用作行数上限；deleteRows 硬裁又会让引用被裁区域的公式显示 #REF!，
+  // 故 maxRows 只驱动截断提示，不裁模型
+  const total = sheet.rowCount
+  totalRows.value = total
+  truncated.value = props.maxRows > 0 && total > props.maxRows
 
-  const limit = props.maxRows > 0 ? Math.min(props.maxRows, sheet.rows.length) : sheet.rows.length
-  totalRows.value = sheet.rows.length
-  renderedRows.value = limit
-  truncated.value = props.maxRows > 0 && sheet.rows.length > props.maxRows
-
-  table = new ListTable(el, {
-    records: sheet.rows.slice(0, limit),
-    columns: sheet.headers.map((title, i) => ({ field: String(i), title, width: 'auto' })),
-    widthMode: 'standard'
-  })
+  grid = new sheetCore.SheetGrid({ container: el, sheet, readonly: true })
 }
 
 async function load() {
+  const token = ++loadToken
   controller?.abort()
   controller = new AbortController()
   loading.value = true
+  truncated.value = false
+  releaseGrid()
   sheets.value = []
   activeSheetIndex.value = 0
 
   try {
-    sheets.value = await parseSheetFile(props.file, controller.signal)
-    if (controller.signal.aborted) return
+    const core = await resolveSheetCore()
+    if (token !== loadToken) return
+    if (!core) {
+      unavailable.value = true
+      emit('error', new Error('未安装 @veltra/sheet-core，无法预览 Excel/CSV'))
+      return
+    }
+    unavailable.value = false
+
+    const parsed = await parseFile(core, props.file, controller.signal)
+    if (token !== loadToken) return
+    sheets.value = parsed
     renderActive()
   } catch (err) {
+    if (token !== loadToken) return
     if ((err as { name?: string })?.name === 'AbortError') return
     emit('error', err)
   } finally {
-    loading.value = false
+    if (token === loadToken) loading.value = false
   }
 }
 
 watch(() => props.file, load, { immediate: true })
 watch(activeSheetIndex, renderActive)
-watch(container, (el) => {
-  resizeObserver?.disconnect()
-  if (!el) return
-  resizeObserver = new ResizeObserver(() => table?.resize?.())
-  resizeObserver.observe(el)
-})
 
 onBeforeUnmount(() => {
   controller?.abort()
-  resizeObserver?.disconnect()
-  releaseTable()
+  releaseGrid()
   sheets.value = []
 })
 </script>

package/src/components/message-confirm/style.scss

@@ -7,6 +7,12 @@
 $root-name: message-confirm;
 
 @include m.b($root-name) {
+  // 根元素必须「平时」就有 transition：Vue transition-group 的 hasTransition 在
+  // 添加 leave-active 类之前检查元素当前 computed 样式，只在类上声明 transition
+  // 读不到 → 判定无过渡 → after-leave 同步触发（onClosed 在点击事件内同步执行，
+  // replaceWorkbook 长任务阻塞弹窗关闭）。与 message 组件对称（mask/box 同此）。
+  transition: opacity fn.use-var(transition, normal) fn.use-var(transition, ease);
+
   @include m.e(mask) {
     background-color: rgba(0, 0, 0, 0.32);
     position: fixed;
@@ -57,8 +63,21 @@ $root-name: message-confirm;
   }
 }
 
+/* 根元素必须声明 transition：Vue transition-group 通过「被过渡元素自身」的
+   computed transition 判定是否走动画。此前动画只写在子元素 mask/box 上，
+   根元素无 transition → Vue 判定无过渡 → after-leave 同步触发（onClosed 在
+   点击事件内同步执行，长任务阻塞弹窗关闭）。与 message 组件对称。 */
+.#{$root-name}-enter-active,
+.#{$root-name}-leave-active {
+  transition-duration: fn.use-var(transition, normal);
+  transition-timing-function: fn.use-var(transition, ease);
+  transition-property: opacity;
+}
+
 .#{$root-name}-enter-from,
 .#{$root-name}-leave-to {
+  opacity: 0;
+
   @include m.bem($root-name, mask) {
     opacity: 0;
   }

package/src/components/notification/style.scss

@@ -7,10 +7,22 @@
 $root-name: notification;
 // 方位 => (垂直锚边, 水平锚边)
 $stack-positions: (
-  'bottom-right': (bottom, right),
-  'bottom-left': (bottom, left),
-  'top-right': (top, right),
-  'top-left': (top, left)
+  'bottom-right': (
+    bottom,
+    right
+  ),
+  'bottom-left': (
+    bottom,
+    left
+  ),
+  'top-right': (
+    top,
+    right
+  ),
+  'top-left': (
+    top,
+    left
+  )
 );
 
 @include m.b($root-name) {

package/src/components/radio-group/style.scss

@@ -10,7 +10,7 @@
     margin: 0;
   }
 
-  @include m.size using($size) {
+  @include m.size using ($size) {
     gap: 0 calc(fn.use-var(gap, $size) * 2);
   }
 

package/src/components/slider/style.scss

@@ -87,7 +87,7 @@ $track-size: (
     }
   }
 
-  @include m.size using($size) {
+  @include m.size using ($size) {
     $slider-size: map.get($slider-size, $size);
     $track-size: map.get($track-size, $size);
     $padding-y: math.div($slider-size - $track-size, 2);

package/src/components/steps/style.scss

@@ -12,14 +12,14 @@ $root-name: steps;
 
   @each $type in vars.$color-types {
     @include m.em(finished, $type) {
-      @include m.e(item) {
+      @include m.bem($root-name, item) {
         @include m.is(finished) {
           color: fn.use-var(color, $type);
         }
       }
     }
     @include m.em(current, $type) {
-      @include m.e(item) {
+      @include m.bem($root-name, item) {
         @include m.is(current) {
           color: fn.use-var(color, $type);
         }

package/src/components/tabs/use-tabs-bar.ts

@@ -1,4 +1,10 @@
 import { useResizeObserver } from '@veltra/compositions'
+import {
+  applyWheelHorizontalScroll,
+  computeOverflowNavState,
+  scrollElementIntoView,
+  scrollViewportByStep
+} from '@veltra/utils'
 import {
   type ModelRef,
   type Ref,
@@ -20,7 +26,8 @@ interface UseTabsBarOptions {
 }
 
 /**
- * 水平标签栏的溢出滚动逻辑：
+ * 水平标签栏的溢出滚动逻辑（滚动几何/滚轮转横滚/元素滚入视野共享
+ * @veltra/utils overflow-nav，见 #17；此处保留 useResizeObserver 与 watch 差异）：
  * - 计算 nav 按钮显隐与可用状态
  * - 提供按步滚动与活动标签自动滚入视野的方法
  * - 绑定 wheel / scroll / resize 事件
@@ -36,18 +43,17 @@ export function useTabsBar(options: UseTabsBarOptions) {
   const updateNavState = () => {
     const vp = viewportRef.value
     if (!vp) return
-    const { scrollLeft, scrollWidth, clientWidth } = vp
-    const overflowing = scrollWidth - clientWidth > 1
-    showNav.value = overflowing
-    canPrev.value = overflowing && scrollLeft > 0
-    canNext.value = overflowing && scrollLeft + clientWidth < scrollWidth - 1
+    const state = computeOverflowNavState(vp)
+    showNav.value = state.overflowing
+    canPrev.value = state.canPrev
+    canNext.value = state.canNext
   }
 
   /** 箭头按钮：按视口宽度 80% 的步长平滑滚动 */
   const scrollByStep = (dir: 1 | -1) => {
     const vp = viewportRef.value
     if (!vp) return
-    vp.scrollTo({ left: vp.scrollLeft + dir * vp.clientWidth * 0.8, behavior: 'smooth' })
+    scrollViewportByStep(vp, dir)
   }
 
   /** 活动标签自动滚入视野 */
@@ -61,25 +67,14 @@ export function useTabsBar(options: UseTabsBarOptions) {
     if (activeIndex < 0) return
     const el = list.children[activeIndex] as HTMLElement | undefined
     if (!el) return
-
-    const vpRect = vp.getBoundingClientRect()
-    const elRect = el.getBoundingClientRect()
-    if (elRect.left < vpRect.left) {
-      vp.scrollTo({ left: vp.scrollLeft + (elRect.left - vpRect.left) - 8, behavior: 'smooth' })
-    } else if (elRect.right > vpRect.right) {
-      vp.scrollTo({ left: vp.scrollLeft + (elRect.right - vpRect.right) + 8, behavior: 'smooth' })
-    }
+    scrollElementIntoView(vp, el)
   }
 
   /** 鼠标滚轮（纵向）驱动水平滚动；触控板横滑（已有 deltaX）不拦截 */
   const handleWheel = (e: WheelEvent) => {
-    if (!showNav.value) return
     const vp = viewportRef.value
     if (!vp) return
-    if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) return
-    if (e.deltaY === 0) return
-    e.preventDefault()
-    vp.scrollLeft += e.deltaY
+    applyWheelHorizontalScroll(e, vp, showNav.value)
   }
 
   useResizeObserver({ targets: [viewportRef, listRef], onResize: () => updateNavState() })

package/src/types/collapse.ts

@@ -25,7 +25,7 @@ export interface CollapseProps extends ComponentProps {
   defaultCollapseAll?: boolean
 
   /**
-   * 自定义展开图标组件，活动态会自动旋转 90°。
+   * 自定义展开图标组件，活动态会自动旋转 180°。
    * 接受任意 Vue 组件（SFC、Functional Component 等）。
    */
   expandIcon?: Component
@@ -39,12 +39,34 @@ export interface CollapseEmits {
 
 /** CollapseItem 组件属性 */
 export interface CollapseItemProps {
-  /** 唯一标识 */
-  value: CollapseValue
+  /**
+   * 唯一标识；在 `UCollapse` 内使用时必填。
+   * 独立使用时可选。
+   */
+  value?: CollapseValue
+
+  /**
+   * 独立使用时的展开状态（`v-model`）。
+   * 在 `UCollapse` 内由父组件 `modelValue` 管理，此属性无效。
+   * @default false
+   */
+  modelValue?: boolean
 
   /** 标题文本（也可使用 #title 插槽） */
   title?: string
 
   /** 是否禁用 */
   disabled?: boolean
+
+  /**
+   * 独立使用时的自定义展开图标，活动态会自动旋转 180°。
+   * 在 `UCollapse` 内由父组件 `expandIcon` 统一管理。
+   */
+  expandIcon?: Component
+}
+
+export interface CollapseItemEmits {
+  (e: 'update:modelValue', value: boolean): void
+  /** 展开状态变更时触发（仅独立使用） */
+  (e: 'change', value: boolean): void
 }

package/src/types/contextmenu.ts

@@ -5,8 +5,8 @@ import type { Component } from 'vue'
  * 右键菜单项
  */
 export interface ContextmenuItem {
-  /** 菜单名称 */
-  label: string
+  /** 菜单名称（divider 时可空） */
+  label?: string
   /** 菜单描述 */
   description?: string
   /** 菜单图标 */
@@ -17,6 +17,12 @@ export interface ContextmenuItem {
   callback?: () => any
   /** 是否禁用 */
   disabled?: boolean | (() => boolean)
+  /** 渲染为分割线（忽略其余字段） */
+  divider?: boolean
+  /** 自定义内容组件（替代 label 文本渲染） */
+  render?: Component
+  /** 点击本项不触发关闭流程（供内嵌交互组件使用） */
+  keepOpen?: boolean
 }
 
 /** 鼠标右键菜单组件属性 */
@@ -24,8 +30,8 @@ export interface ContextmenuProps extends ComponentProps {
   /** 鼠标位置 */
   mousePosition: { x: number; y: number }
   /**
-   * 菜单宽度
-   * @default 200
+   * 菜单宽度。传数字为固定 px；传 `'max-content'` 时由内容撑开（配合根样式 min-width: 120px）。
+   * @default 150
    */
   width?: number | string
   /** 菜单项 */

package/dist/components/action/action-group.vue.d.ts

@@ -1,25 +0,0 @@
-import { ActionGroupProps, _ActionGroupExposed } from "../../types/action.js";
-import "../../types/index.js";
-import { VNode } from "vue";
-//#region src/components/action/action-group.vue.d.ts
-type __VLS_Slots = {
-  default?: () => VNode[];
-};
-declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  size: "small" | "default" | "large";
-  type: import("@veltra/utils").ColorType;
-  max: number;
-  text: boolean;
-  circle: boolean;
-  loading: boolean;
-}, {}, {}, {}, string, import("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 { _default as default };
-//# sourceMappingURL=action-group.vue.d.ts.map

package/dist/components/action/action.vue.d.ts

@@ -1,33 +0,0 @@
-import { ButtonType } from "../../types/button.js";
-import { ActionProps } from "../../types/action.js";
-import "../../types/index.js";
-import "../../index.js";
-//#region src/components/action/action.vue.d.ts
-declare var __VLS_17: {}, __VLS_28: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_17) => any;
-} & {
-  default?: (props: typeof __VLS_28) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  run: () => any;
-}, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
-  onRun?: (() => any) | undefined;
-}>, {
-  size: import("@veltra/utils").ComponentSize;
-  type: ButtonType;
-  text: boolean;
-  circle: boolean;
-  loading: boolean;
-  inDropdown: boolean;
-}, {}, {}, {}, string, import("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 { _default as default };
-//# sourceMappingURL=action.vue.d.ts.map

package/dist/components/action/index.d.ts

@@ -1,3 +0,0 @@
-import _default from "./action.vue.js";
-import _default$1 from "./action-group.vue.js";
-export { _default as UAction, _default$1 as UActionGroup };

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -1,41 +0,0 @@
-import { AutoCompleteProps, _AutoCompleteExposed } from "../../types/auto-complete.js";
-import "../../types/index.js";
-//#region src/components/auto-complete/auto-complete.vue.d.ts
-type __VLS_Props = AutoCompleteProps;
-type __VLS_Slots = {
-  default?: (props: {
-    option: string;
-    index: number;
-  }) => any;
-  suffix?: () => any;
-  prefix?: () => any;
-};
-type __VLS_ModelProps = {
-  modelValue?: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _AutoCompleteExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string | undefined) => any;
-} & {
-  "update:modelValue": (value: string) => any;
-  select: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onSelect?: ((value: string) => any) | undefined;
-}>, {
-  disabled: boolean;
-  readonly: boolean;
-  placeholder: string;
-  clearable: boolean;
-  allowCustom: boolean;
-}, {}, {}, {}, string, import("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 { _default as default };
-//# sourceMappingURL=auto-complete.vue.d.ts.map

package/dist/components/auto-complete/index.d.ts

@@ -1,2 +0,0 @@
-import _default from "./auto-complete.vue.js";
-export { _default as UAutoComplete };

package/dist/components/badge/badge.vue.d.ts

@@ -1,20 +0,0 @@
-import { BadgeProps } from "../../types/badge.js";
-import "../../types/index.js";
-//#region src/components/badge/badge.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-  max: number;
-}, {}, {}, {}, string, import("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 { _default as default };
-//# sourceMappingURL=badge.vue.d.ts.map