@veltra/desktop 1.0.9 → 1.0.11

package/src/components/progress/progress.vue

@@ -78,7 +78,7 @@ const className = computed(() => {
 
 /** 描边 */
 const stroke = computed(() => {
-  return `var(--color-${type.value})`
+  return `var(--u-color-${type.value})`
 })
 
 const r = 44

package/src/components/table/di.ts

@@ -14,64 +14,62 @@ import type {
 import type { ColumnNode } from './node/col'
 import type { ColumnConfig } from './use-columns'
 
-export const TableDIKey: InjectionKey<
-  {
-    /** 表格属性 */
-    tableProps: TableProps
-    /** 表格插槽 */
-    tableSlots: Slots
-    /** 类 */
-    cls: BEM<'table'>
-    /** 行 */
-    rows: ShallowRef<TableRow[]>
-    /** 选中行 */
-    checkedRows: ShallowRef<Set<TableRow>>
-    /** 结构化列 */
-    columnConfig: ColumnConfig
-    /** 事件处理方法 */
-    handleRowClick: (row: TableRow, ev: MouseEvent) => void
-    /** 单元格点击 */
-    handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void
-    /** 表格列插槽node */
-    getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn
-    /** 展开行插槽node */
-    getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn
-    /** 表头插槽node */
-    getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn
+export const TableDIKey: InjectionKey<{
+  /** 表格属性 */
+  tableProps: TableProps
+  /** 表格插槽 */
+  tableSlots: Slots
+  /** 类 */
+  cls: BEM<'table'>
+  /** 行 */
+  rows: ShallowRef<TableRow[]>
+  /** 选中行 */
+  checkedRows: ShallowRef<Set<TableRow>>
+  /** 结构化列 */
+  columnConfig: ColumnConfig
+  /** 事件处理方法 */
+  handleRowClick: (row: TableRow, ev: MouseEvent) => void
+  /** 单元格点击 */
+  handleCellClick: (row: TableRow, column: TableColumn, ev: MouseEvent) => void
+  /** 表格列插槽node */
+  getColumnSlotsNode: (ctx: TableColumnSlotsScope | TableColumnRenderContext) => RenderReturn
+  /** 展开行插槽node */
+  getExpandRowSlotsNode: (ctx: TableRowSlotsScope) => RenderReturn
+  /** 表头插槽node */
+  getHeaderSlotsNode: (ctx: { column: ColumnNode }) => RenderReturn
 
-    /** 展开/隐藏子节点 */
-    toggleTreeRowExpand: (row: TableRow) => void
+  /** 展开/隐藏子节点 */
+  toggleTreeRowExpand: (row: TableRow) => void
 
-    /** 获取单元格的类 */
-    getCellClass: (column: ColumnNode) => string
+  /** 获取单元格的类 */
+  getCellClass: (column: ColumnNode) => string
 
-    /** 获取表头单元格的类 */
-    getHeaderCellClass: (column: ColumnNode) => string
+  /** 获取表头单元格的类 */
+  getHeaderCellClass: (column: ColumnNode) => string
 
-    /** 获取单元格上下文 */
-    getCellCtx: (
-      row: TableRow,
-      column: ColumnNode
-    ) => TableColumnSlotsScope | TableColumnRenderContext
+  /** 获取单元格上下文 */
+  getCellCtx: (
+    row: TableRow,
+    column: ColumnNode
+  ) => TableColumnSlotsScope | TableColumnRenderContext
 
-    /**
-     * 当前渲染窗口的虚拟项列表。
-     *
-     * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`
-     * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。
-     */
-    virtualList: ShallowRef<VirtualItem[]>
-    /** 是否启用虚拟列表 */
-    virtualEnabled: ComputedRef<boolean>
-    /**
-     * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。
-     *
-     * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发
-     * size=0 测量回调。
-     */
-    measureElement: (index: number, el: Element | null) => void
-  }
-> = Symbol('TableDIKey')
+  /**
+   * 当前渲染窗口的虚拟项列表。
+   *
+   * 由 `useVirtualizer` 拆分出的 `items` shallowRef：仅在底层 `items`
+   * 引用变化时才更新，`isScrolling` / 纯尺寸变化不会导致此 ref 更新。
+   */
+  virtualList: ShallowRef<VirtualItem[]>
+  /** 是否启用虚拟列表 */
+  virtualEnabled: ComputedRef<boolean>
+  /**
+   * 测量行元素尺寸（参数顺序与底层 `Virtualizer.measureElement` 一致）。
+   *
+   * 元素卸载（`el === null`）时会从底层解绑，避免被移除的 `<tr>` 继续触发
+   * size=0 测量回调。
+   */
+  measureElement: (index: number, el: Element | null) => void
+}> = Symbol('TableDIKey')
 
 export const TableResizeKey: InjectionKey<{
   handleResizeMousedown: (e: MouseEvent, resizeColumn: ColumnNode) => void

package/src/components/table/table.vue

@@ -11,7 +11,6 @@
     :content-class="cls.e('content')"
     @scroll="handleScroll"
   >
-    {{ console.log(1) }}
     <table :class="cls.e('wrap')">
       <colgroup ref="colgroupRef">
         <col

package/src/components/tabs/style.scss

@@ -68,6 +68,9 @@ $active-shadow:
 
   @include m.m(vertical) {
     flex-direction: column;
+    // 垂直方向没有 __viewport 承载上下 padding，这里直接为容器补上垂直内边距，
+    // 与水平 __viewport 的 padding: $list-padding 0 对称，避免首/末 item 紧贴边沿
+    padding-block: $list-padding;
   }
 
   @include m.e(viewport) {
@@ -113,9 +116,9 @@ $active-shadow:
     justify-content: center;
     gap: 0;
     transition:
-      color 0.2s ease,
-      background-color 0.2s ease,
-      box-shadow 0.2s ease;
+      color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+      background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
+      box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
 
     &:not(.is-active):not(.is-disabled):hover {
       color: fn.use-var(text-color, title);
@@ -127,7 +130,7 @@ $active-shadow:
     }
 
     @include m.is(active) {
-      color: fn.use-var(text-color, title);
+      color: fn.use-var(color, primary);
       background-color: $active-bg;
       box-shadow: $active-shadow;
     }

package/src/components/tabs/tabs-horizontal.vue

@@ -16,9 +16,7 @@
       :disabled="!canPrev"
       @click="scrollByStep(-1)"
     >
-      <u-icon>
-        <ArrowLeft />
-      </u-icon>
+      <u-icon> <ArrowLeft /> </u-icon>
     </button>
 
     <div ref="viewportRef" :class="cls.e('viewport')">
@@ -35,7 +33,10 @@
           ]"
           @click.stop="handleClick(item, index)"
         >
-          <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+          <slot :name="`name:${item.key}`" :item="item">
+            <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+          </slot>
+
           <span
             v-if="isItemClosable(item)"
             role="button"
@@ -59,9 +60,7 @@
       :disabled="!canNext"
       @click="scrollByStep(1)"
     >
-      <u-icon>
-        <ArrowRight />
-      </u-icon>
+      <u-icon> <ArrowRight /> </u-icon>
     </button>
   </div>
 </template>
@@ -87,6 +86,10 @@ const props = withDefaults(defineProps<TabsHorizontalProps>(), {
 
 const emit = defineEmits<TabsHorizontalEmits>()
 
+defineSlots<{
+  [key: `name:${string}`]: (props: { item: TabItem }) => any
+}>()
+
 const { size } = useFallbackProps([props], {
   size: 'default' as ComponentSize
 })

package/src/components/tabs/tabs-vertical.vue

@@ -14,7 +14,9 @@
       ]"
       @click.stop="handleClick(item, index)"
     >
-      <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+      <slot :name="`name:${item.key}`" :item="item">
+        <span :class="cls.e('item-label')">{{ item.name ?? item.key }}</span>
+      </slot>
       <span
         v-if="isItemClosable(item)"
         role="button"