@vue-ui-kit/ant 2.5.9 → 2.5.11

package/dist/index.d.ts

@@ -268,6 +268,10 @@ declare type BodyOptions = {
     data: any[];
 };
 
+export declare type BorderConfigValue = boolean | BorderStyle;
+
+export declare type BorderStyle = 'default' | 'outer' | 'inner' | 'none';
+
 export declare interface CanvasColumnProps<T extends Recordable = Recordable> extends Omit<Column, 'children' | 'formatter' | 'key'> {
     key?: string;
     field?: string;
@@ -419,6 +423,7 @@ declare class Cell extends BaseCell {
         userSelect: string;
     };
     drawContainer(): void;
+    drawHorizontalBorder(): void;
     private drawAutofillPiont;
     draw(): void;
     /**
@@ -703,7 +708,7 @@ declare class Config {
     /** 单元格字体 */
     BODY_FONT: string;
     /** 边框 */
-    BORDER: boolean;
+    BORDER: BorderConfigValue;
     /** 斑马纹 */
     STRIPE: boolean;
     /** 斑马纹颜色 */
@@ -790,6 +795,10 @@ declare class Config {
     ENABLE_ZOOM_WHEEL: boolean;
     /** 滚动条轨道尺寸 */
     SCROLLER_TRACK_SIZE: number;
+    /** 滚动条模式，outer 为外部预留区域，inner 为覆盖在内容上 */
+    scrollbarMode: ScrollbarMode_2;
+    /** 内部滚动条悬停后显示延迟 */
+    SCROLLBAR_SHOW_DELAY: number;
     /** 滚动条滑块尺寸 */
     SCROLLER_SIZE: number;
     /** 滚动条滑块颜色 */
@@ -1609,6 +1618,7 @@ declare class EVirtTable {
     constructor(target: HTMLDivElement, options: EVirtTableOptions);
     private createContainer;
     private doDraw;
+    private updateStageBorder;
     draw(ignoreOverlayer?: boolean): void;
     loadConfig(_config: ConfigType): void;
     loadColumns(columns: Column[]): void;
@@ -2857,6 +2867,27 @@ export declare interface PCanvasGridProps<D extends Recordable = Recordable, F e
     pageConfig?: PageConfig;
     proxyConfig?: ProxyConfig<D, F>;
     config?: ConfigType;
+    /**
+     * 表格边框样式，映射 e-virt-table `BORDER`。
+     * - `true` / `'default'`：完整单元格边框
+     * - `'outer'`：仅外边框
+     * - `'inner'` / `false`：仅内部横线
+     * - `'none'`：无边框
+     * 显式传入时优先于 `config.BORDER`。
+     */
+    border?: BorderConfigValue;
+    /**
+     * 滚动条模式，映射 e-virt-table `scrollbarMode`。
+     * - `'outer'`：外部预留滚动条轨道（默认）
+     * - `'inner'`：覆盖在内容上，悬停表格内部后显示
+     * 显式传入时优先于 `config.scrollbarMode`。
+     */
+    scrollbarMode?: ScrollbarMode;
+    /**
+     * 内部滚动条（`scrollbarMode: 'inner'`）悬停后显示延迟（ms），映射 `SCROLLBAR_SHOW_DELAY`。
+     * 显式传入时优先于 `config.SCROLLBAR_SHOW_DELAY`。
+     */
+    scrollbarShowDelay?: number;
     lazyReset?: boolean;
     /**
      * 适应展示区到页面顶部的高度，通常和容器最上的y值有关（正比）
@@ -5114,6 +5145,8 @@ declare class Row {
     drawFixed(): void;
     drawContainer(): void;
     drawFixedContainer(): void;
+    drawHorizontalBorder(): void;
+    drawFixedHorizontalBorder(): void;
 }
 
 declare type RowMaxHeightData = {
@@ -5152,6 +5185,11 @@ declare type Rules = Rule[];
 
 declare type RuleValidator = (rule: Rule, value: any, callback: (message?: string) => void) => void;
 
+/** 与 e-virt-table `scrollbarMode` 对齐：`outer` 外部预留，`inner` 内部悬停显示 */
+export declare type ScrollbarMode = 'outer' | 'inner';
+
+declare type ScrollbarMode_2 = 'outer' | 'inner';
+
 declare type ScrollBehavior_2 = 'auto' | 'smooth';
 
 declare type ScrollLogicalPosition_2 = 'start' | 'center' | 'end' | 'nearest';

package/dist/style.css

@@ -18,11 +18,16 @@
   --evt-error-tip-icon-color: var(--p-danger-color, #f5222d);
   --evt-readonly-color: var(--p-table-row-bg-color, #fff);
   --evt-scroller-track-color: var(--p-table-row-bg-color, #fff);
-  /* Canvas 专用（白天 = storybook 默认值） */
+  /* Canvas 文字色：storybook 默认；业务项目请在 variables 映射 --primary-text-color 等覆盖 */
   --evt-header-text-color: #1d2129;
   --evt-body-text-color: #4e5969;
   --evt-footer-text-color: #4e5969;
   --evt-readonly-text-color: #4e5969;
+  /* 默认 14px。font 简写必须是「字重 字号 字体」；表头 bold、表体 normal */
+  --evt-header-font: bold 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
+  --evt-body-font: normal 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
   --evt-scroller-color: #dee0e3;
   --evt-scroller-focus-color: #bbbec4;
   --evt-edit-bg-color: #fcf6ed;
@@ -56,6 +61,22 @@ html[theme-mode=dark],
   --evt-context-menu-item-hover-bg-color: #414243;
 }
 
+/* #region EVirtTable overlayer cell */
+.canvas-cell {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: start;
+  padding: 0 8px;
+}
+
+/* e-virt-table 给 .canvas-cell 写死 userSelect:none；不改单元格本身，只放开插槽后代以便框选文字 */
+.canvas-cell * {
+  -webkit-user-select: text !important;
+  user-select: text !important;
+}
+
+/* #endregion */
 .p-pane {
   background-color: var(--p-theme-bg, #fff);
   padding: 16px;
@@ -415,16 +436,6 @@ html[theme-mode=dark],
   border-color: var(--p-border-light-color, #f0f0f0);
 }
 
-/* #endregion */
-/* #region EVirtTable */
-.canvas-cell {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: start;
-  padding: 0 8px;
-}
-
 /* #endregion */
 /**/
 .p-content-align-right.ant-form-item .ant-form-item-control-input-content {

package/dist/style.scss

@@ -405,16 +405,6 @@
 }
 /* #endregion */
 
-/* #region EVirtTable */
-.canvas-cell {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: start;
-  padding: 0 8px;
-}
-/* #endregion */
-
 @each $align in right center {
   /**/
   .p-content-align-#{$align}.ant-form-item .ant-form-item-control-input-content {

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@vue-ui-kit/ant",
-  "version": "2.5.9",
-  "description": "Vue3 UI Kit based on Ant Design",
-  "type": "module",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/es/index.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/style.css",
-  "sass": "./src/packages/styles/index.scss",
-  "exports": {
-    ".": {
-      "require": "./dist/cjs/index.js",
-      "import": "./dist/es/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/style.css",
-    "./style.scss": "./src/packages/styles/index.scss",
-    "./dist/style.scss": "./src/packages/styles/index.scss",
-    "./dist/style.css": "./dist/style.css"
-  },
-  "files": [
-    "dist",
-    "src",
-    "README.md",
-    "README.zh.md",
-    "tsconfig.json"
-  ],
-  "scripts": {
-    "dev": "ts-patch uninstall && vue-tsc --noEmit --skipLibCheck & vite",
-    "typecheck": "ts-patch uninstall && vue-tsc --noEmit --skipLibCheck",
-    "build": "ts-patch install && vite build && sass src/packages/styles/index.scss dist/style.css --no-source-map",
-    "prepack": "rimraf dist && pnpm build",
-    "prepare": "husky",
-    "lint:lint-staged": "lint-staged",
-    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
-  },
-  "keywords": [
-    "vue3",
-    "ui kit",
-    "ant design",
-    "ant",
-    "antdv"
-  ],
-  "author": {
-    "name": "adoin",
-    "email": "adoin@qq.com"
-  },
-  "dependencies": {
-    "e-virt-table": "1.4.2",
-    "uuid": "^11.1.1",
-    "xe-utils": "^3.7.6"
-  },
-  "peerDependencies": {
-    "@ant-design/icons-vue": ">=7.0.0",
-    "ant-design-vue": ">=4.0.0",
-    "vue": ">=3.2.0"
-  },
-  "license": "GPL",
-  "engines": {
-    "node": "^20.19.0 || >=22.12.0"
-  },
-  "devDependencies": {
-    "@ant-design/icons-vue": ">=7.0.0",
-    "@commitlint/cli": "^21.0.0",
-    "@commitlint/config-conventional": "^21.0.0",
-    "@vitejs/plugin-vue": "^6.0.5",
-    "@vitejs/plugin-vue-jsx": "^5.1.5",
-    "ant-design-vue": "^4.2.3",
-    "esbuild": "^0.28.0",
-    "husky": "^9.1.5",
-    "lint-staged": "^15.2.9",
-    "prettier": "^3.3.3",
-    "rimraf": "^6.0.1",
-    "sass": "^1.77.8",
-    "scroll-into-view-if-needed": "^2.2.31",
-    "ts-patch": "^3.2.1",
-    "typescript-transform-paths": "^3.5.0",
-    "vite": "^8.0.8",
-    "vite-plugin-dts": "^4.5.4",
-    "vue": "^3.5.33",
-    "vue-tsc": "3.3.5",
-    "vue-types": "^3.0.2"
-  }
-}
+{
+  "name": "@vue-ui-kit/ant",
+  "version": "2.5.11",
+  "description": "Vue3 UI Kit based on Ant Design",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/style.css",
+  "sass": "./src/packages/styles/index.scss",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/es/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css",
+    "./style.scss": "./src/packages/styles/index.scss",
+    "./dist/style.scss": "./src/packages/styles/index.scss",
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "README.zh.md",
+    "tsconfig.json"
+  ],
+  "scripts": {
+    "dev": "ts-patch uninstall && vue-tsc --noEmit --skipLibCheck & vite",
+    "typecheck": "ts-patch uninstall && vue-tsc --noEmit --skipLibCheck",
+    "build": "ts-patch install && vite build && sass src/packages/styles/index.scss dist/style.css --no-source-map",
+    "prepack": "rimraf dist && pnpm build",
+    "prepare": "husky",
+    "lint:lint-staged": "lint-staged",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\""
+  },
+  "keywords": [
+    "vue3",
+    "ui kit",
+    "ant design",
+    "ant",
+    "antdv"
+  ],
+  "author": {
+    "name": "adoin",
+    "email": "adoin@qq.com"
+  },
+  "dependencies": {
+    "e-virt-table": "1.4.3",
+    "uuid": "^11.1.1",
+    "xe-utils": "^3.7.6"
+  },
+  "peerDependencies": {
+    "@ant-design/icons-vue": ">=7.0.0",
+    "ant-design-vue": ">=4.0.0",
+    "vue": ">=3.2.0"
+  },
+  "license": "GPL",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons-vue": ">=7.0.0",
+    "@commitlint/cli": "^21.0.0",
+    "@commitlint/config-conventional": "^21.0.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "ant-design-vue": "^4.2.3",
+    "esbuild": "^0.28.0",
+    "husky": "^9.1.5",
+    "lint-staged": "^15.2.9",
+    "prettier": "^3.3.3",
+    "rimraf": "^6.0.1",
+    "sass": "^1.77.8",
+    "scroll-into-view-if-needed": "^2.2.31",
+    "ts-patch": "^3.2.1",
+    "typescript-transform-paths": "^3.5.0",
+    "vite": "^8.0.8",
+    "vite-plugin-dts": "^4.5.4",
+    "vue": "^3.5.33",
+    "vue-tsc": "3.3.5",
+    "vue-types": "^3.0.2"
+  }
+}

package/src/declarations/antProxy.ts

@@ -3,9 +3,13 @@ import { ButtonProps } from 'ant-design-vue/lib/button';
 import { ColProps } from 'ant-design-vue/lib/grid/Col';
 import { FormProps } from 'ant-design-vue/lib/form/Form';
 import { TableColumnType, TableProps, TooltipProps } from 'ant-design-vue';
-import type { ConfigType, Column as EVirtColumn } from 'e-virt-table';
+import type { BorderConfigValue, ConfigType, Column as EVirtColumn } from 'e-virt-table';
 import EVirtTable from 'e-virt-table';
 
+export type { BorderConfigValue, BorderStyle } from 'e-virt-table';
+/** 与 e-virt-table `scrollbarMode` 对齐：`outer` 外部预留，`inner` 内部悬停显示 */
+export type ScrollbarMode = 'outer' | 'inner';
+
 export interface CellFuncArg<D extends Recordable = Recordable> {
   row: D;
   column?: ColumnProps<D>;
@@ -421,6 +425,27 @@ export interface PCanvasGridProps<
   pageConfig?: PageConfig;
   proxyConfig?: ProxyConfig<D, F>;
   config?: ConfigType;
+  /**
+   * 表格边框样式，映射 e-virt-table `BORDER`。
+   * - `true` / `'default'`：完整单元格边框
+   * - `'outer'`：仅外边框
+   * - `'inner'` / `false`：仅内部横线
+   * - `'none'`：无边框
+   * 显式传入时优先于 `config.BORDER`。
+   */
+  border?: BorderConfigValue;
+  /**
+   * 滚动条模式，映射 e-virt-table `scrollbarMode`。
+   * - `'outer'`：外部预留滚动条轨道（默认）
+   * - `'inner'`：覆盖在内容上，悬停表格内部后显示
+   * 显式传入时优先于 `config.scrollbarMode`。
+   */
+  scrollbarMode?: ScrollbarMode;
+  /**
+   * 内部滚动条（`scrollbarMode: 'inner'`）悬停后显示延迟（ms），映射 `SCROLLBAR_SHOW_DELAY`。
+   * 显式传入时优先于 `config.SCROLLBAR_SHOW_DELAY`。
+   */
+  scrollbarShowDelay?: number;
   // 重置后不自动提交
   lazyReset?: boolean;
   /**

package/src/packages/components/PCanvasGrid.vue

@@ -82,11 +82,17 @@
   const queryFormData = ref<Partial<F>>({}) as Ref<Partial<F>>;
 
   // 只处理 config 的合并，其他属性通过 withDefaults 处理
+  // border / scrollbarMode / scrollbarShowDelay 为提升到组件的配置，显式传入时覆盖 config 同名字段
   const propsWithDefaults = computed(() => ({
     ...props,
     config: {
       ...canvasTableDefaults,
       ...props.config,
+      ...(props.border !== undefined ? { BORDER: props.border } : {}),
+      ...(props.scrollbarMode !== undefined ? { scrollbarMode: props.scrollbarMode } : {}),
+      ...(props.scrollbarShowDelay !== undefined
+        ? { SCROLLBAR_SHOW_DELAY: props.scrollbarShowDelay }
+        : {}),
     },
   }));
   const mode = computed<'list' | 'pagination' | 'bad'>(() =>

package/src/packages/components/PCanvasTable.vue

@@ -46,8 +46,9 @@
     config: {
       AUTO_ROW_HEIGHT: true,
       DISABLED: true, // 内部写死的默认配置
-      ...canvasTableDefaults, // 全局配置
-      ...props.config, // 用户传入的配置
+      BORDER_RADIUS: 4,
+      ...canvasTableDefaults, // 全局配置（含 setUIKitConfig）
+      ...props.config, // 用户传入的配置，可覆盖默认
     },
   }));
   let eVirtTable: EVirtTable | null = null;
@@ -62,6 +63,16 @@
   const overlayerView = ref<OverlayerContainer>();
   const cacheEditorSlotColumns: Record<string, CanvasColumnProps<T>> = {};
   const cacheEditorRenders: Record<string, CellRender> = {};
+
+  /** e-virt-table CSS 写死 stage border-radius:8px，需按 config.BORDER_RADIUS 覆盖 */
+  const applyBorderRadius = (config = propsWithDefaults.value.config) => {
+    const radius = config?.BORDER_RADIUS ?? 4;
+    const root = eVirtTableRef.value as HTMLElement | null;
+    const stage = root?.querySelector?.('.e-virt-table-stage') as HTMLElement | null;
+    if (stage) {
+      stage.style.borderRadius = `${radius}px`;
+    }
+  };
   // 编辑器样式
   const editorStyle = computed(() => {
     const cell = editorCell.value;
@@ -180,7 +191,6 @@
     });
     eVirtTable.on('overlayerChange', (overlayer: OverlayerContainer) => {
       overlayerView.value = overlayer;
-      console.log('overlayerChange', overlayer);
     });
     eVirtTable.on('startEdit', (cell) => {
       editorCell.value = cell;
@@ -198,6 +208,7 @@
       emit('selectionChange', selection);
     });
     emit('ready', eVirtTable);
+    applyBorderRadius();
     themeSyncHandle = bindCanvasTableThemeSync({
       getTable: () => eVirtTable,
       getConfig: () => propsWithDefaults.value.config,
@@ -236,6 +247,7 @@
     () => propsWithDefaults.value.config,
     (newValue) => {
       eVirtTable?.loadConfig(newValue);
+      applyBorderRadius(newValue);
     },
     { deep: true },
   );

package/src/packages/styles/canvas-theme.scss

@@ -18,11 +18,16 @@
   --evt-readonly-color: var(--p-table-row-bg-color, #fff);
   --evt-scroller-track-color: var(--p-table-row-bg-color, #fff);
 
-  /* Canvas 专用（白天 = storybook 默认值） */
+  /* Canvas 文字色：storybook 默认；业务项目请在 variables 映射 --primary-text-color 等覆盖 */
   --evt-header-text-color: #1d2129;
   --evt-body-text-color: #4e5969;
   --evt-footer-text-color: #4e5969;
   --evt-readonly-text-color: #4e5969;
+  /* 默认 14px。font 简写必须是「字重 字号 字体」；表头 bold、表体 normal */
+  --evt-header-font: bold 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
+  --evt-body-font: normal 14px 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    sans-serif;
   --evt-scroller-color: #dee0e3;
   --evt-scroller-focus-color: #bbbec4;
   --evt-edit-bg-color: #fcf6ed;
@@ -55,3 +60,19 @@ html[theme-mode='dark'],
   --evt-context-menu-text-color: #cfd3dc;
   --evt-context-menu-item-hover-bg-color: #414243;
 }
+
+/* #region EVirtTable overlayer cell */
+.canvas-cell {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: start;
+  padding: 0 8px;
+}
+
+/* e-virt-table 给 .canvas-cell 写死 userSelect:none；不改单元格本身，只放开插槽后代以便框选文字 */
+.canvas-cell * {
+  -webkit-user-select: text !important;
+  user-select: text !important;
+}
+/* #endregion */

package/src/packages/styles/index.scss

@@ -405,16 +405,6 @@
 }
 /* #endregion */
 
-/* #region EVirtTable */
-.canvas-cell {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: start;
-  padding: 0 8px;
-}
-/* #endregion */
-
 @each $align in right center {
   /**/
   .p-content-align-#{$align}.ant-form-item .ant-form-item-control-input-content {

package/src/packages/utils/canvasTableTheme.ts

@@ -18,39 +18,38 @@ const P_TO_EVT_BRIDGE: ReadonlyArray<readonly [evt: string, p: string, fallback:
 ];
 
 /**
- * 消费方在 CSS 中声明的 --evt-checkbox-*（如 variables.scss 映射 --checked-color 等）。
- * 同步到 inline 以覆盖 e-virt-table 运行时注入的默认值。
+ * 消费方在 CSS 中声明的 --evt-*（如 variables.scss 映射项目色）。
+ * 同步到 inline 以覆盖 e-virt-table 运行时注入 / 下方 dedicated 默认值。
+ * 文字色勿写入 LIGHT/DARK_EVT_DEDICATED，否则会盖掉项目映射。
  */
-const EVT_CHECKBOX_FROM_CSS: readonly string[] = [
+const EVT_OVERRIDE_FROM_CSS: readonly string[] = [
   '--evt-checkbox-color',
   '--evt-checkbox-uncheck-color',
   '--evt-checkbox-disabled-color',
   '--evt-checkbox-check-disabled-color',
+  '--evt-header-text-color',
+  '--evt-body-text-color',
+  '--evt-footer-text-color',
+  '--evt-readonly-text-color',
+  '--evt-editor-text-color',
+  '--evt-context-menu-text-color',
+  '--evt-header-font',
+  '--evt-body-font',
 ];
 
-/** Canvas 专用色（无 --p-* 对应项，storybook 默认值） */
+/** Canvas 专用色（无 --p-* 对应项；文字色见 canvas-theme.scss / 消费方覆盖） */
 const LIGHT_EVT_DEDICATED: Readonly<Record<string, string>> = {
-  '--evt-header-text-color': '#1d2129',
-  '--evt-body-text-color': '#4e5969',
-  '--evt-footer-text-color': '#4e5969',
-  '--evt-readonly-text-color': '#4e5969',
   '--evt-scroller-color': '#dee0e3',
   '--evt-scroller-focus-color': '#bbbec4',
   '--evt-edit-bg-color': '#fcf6ed',
   '--evt-footer-bg-color': '#fafafa',
   '--evt-autofill-point-border-color': '#fff',
   '--evt-editor-bg-color': '#fff',
-  '--evt-editor-text-color': '#333',
   '--evt-context-menu-bg-color': '#fff',
-  '--evt-context-menu-text-color': '#333',
   '--evt-context-menu-item-hover-bg-color': '#f5f5f5',
 };
 
 const DARK_EVT_DEDICATED: Readonly<Record<string, string>> = {
-  '--evt-header-text-color': '#a3a6ad',
-  '--evt-body-text-color': '#cfd3dc',
-  '--evt-footer-text-color': '#cfd3dc',
-  '--evt-readonly-text-color': '#a3a6ad',
   '--evt-scroller-color': '#414243',
   '--evt-scroller-track-color': '#141414',
   '--evt-scroller-focus-color': '#a3a6ad',
@@ -58,9 +57,7 @@ const DARK_EVT_DEDICATED: Readonly<Record<string, string>> = {
   '--evt-footer-bg-color': '#262727',
   '--evt-autofill-point-border-color': '#a3a6ad',
   '--evt-editor-bg-color': '#434343',
-  '--evt-editor-text-color': '#cfd3dc',
   '--evt-context-menu-bg-color': '#141414',
-  '--evt-context-menu-text-color': '#cfd3dc',
   '--evt-context-menu-item-hover-bg-color': '#414243',
 };
 
@@ -81,16 +78,18 @@ export function syncCanvasThemeCssVars(el: HTMLElement = document.documentElemen
     const value = computed.getPropertyValue(p).trim() || fallback;
     el.style.setProperty(evt, value);
   }
-  for (const evt of EVT_CHECKBOX_FROM_CSS) {
-    const value = computed.getPropertyValue(evt).trim();
-    if (value) {
-      el.style.setProperty(evt, value);
-    }
-  }
   const dedicated = isDarkThemeRoot(el) ? DARK_EVT_DEDICATED : LIGHT_EVT_DEDICATED;
   for (const [evt, value] of Object.entries(dedicated)) {
     el.style.setProperty(evt, value);
   }
+  // 放在 dedicated 之后：消费方 CSS（如 --primary-text-color）优先
+  for (const evt of EVT_OVERRIDE_FROM_CSS) {
+    // 折叠换行/多空格：ctx.font 对含换行的 font 串可能解析失败
+    const value = computed.getPropertyValue(evt).trim().replace(/\s+/g, ' ');
+    if (value) {
+      el.style.setProperty(evt, value);
+    }
+  }
 }
 
 export type CanvasTableThemeHandle = {

package/src/packages/utils/config.ts

@@ -50,6 +50,7 @@ const defaultConfig: UIKitConfig = {
     DISABLED: true,
     ENABLE_FINDER: true,
     AUTO_ROW_HEIGHT: true,
+    BORDER_RADIUS: 4,
   },
   icon: {},
 };