@veltra/desktop 1.7.2 → 1.7.4

package/dist/components/auto-complete/style2.css

@@ -36,21 +36,22 @@
   cursor: pointer;
   margin: 2px 0;
   user-select: none;
+  color: var(--u-text-color-main);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .u-auto-complete__option:hover {
-  background-color: var(--u-nav-hover-bg);
-  color: var(--u-nav-hover-color);
+  background-color: var(--u-auto-complete-option-hover-bg, var(--u-bg-color-hover));
+  color: var(--u-auto-complete-option-hover-color, var(--u-text-color-title));
 }
 .u-auto-complete__option.is-active {
-  background-color: var(--u-nav-hover-bg);
-  color: var(--u-nav-hover-color);
+  background-color: var(--u-auto-complete-option-hover-bg, var(--u-bg-color-hover));
+  color: var(--u-auto-complete-option-hover-color, var(--u-text-color-title));
 }
 .u-auto-complete__option.is-selected {
-  background-color: var(--u-nav-active-bg);
-  color: var(--u-nav-active-color);
+  background-color: var(--u-auto-complete-option-selected-bg, var(--u-color-primary-light-9));
+  color: var(--u-auto-complete-option-selected-color, var(--u-color-primary));
 }
 .u-auto-complete__ripple {
   background-color: var(--u-color-primary-light-7);

package/dist/components/batch-edit/use-features.js

@@ -22,7 +22,7 @@ function useFeatures(options) {
 		}),
 		dynamicFeatures: computed(() => {
 			const { features } = props;
-			if (!Array.isArray(features) && typeof features === "object") return Object.entries(features).filter(([_, value]) => {
+			if (!Array.isArray(features) && typeof features === "object") return Object.entries(features).filter(([, value]) => {
 				return typeof value === "function";
 			}).reduce((acc, [key, value]) => {
 				acc[key] = value;

package/dist/components/batch-edit/use-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-features.js","names":[],"sources":["../../../src/components/batch-edit/use-features.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { BatchEditFeature, BatchEditProps, TableRow } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\nexport function useFeatures(options: Options) {\n  const { props } = options\n  const staticFeatures = computed(() => {\n    const { features } = props\n\n    if (Array.isArray(features)) {\n      return new Set(features)\n    }\n\n    const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n    if (!features) {\n      return defaultFeatures\n    }\n\n    // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n    Object.entries(features).forEach(([key, value]) => {\n      const k = key as BatchEditFeature\n      if (typeof value === 'function' || value === false) {\n        defaultFeatures.delete(k)\n      } else if (value === true) {\n        defaultFeatures.add(k)\n      }\n    })\n    return defaultFeatures\n  })\n\n  const dynamicFeatures = computed<\n    Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  >(() => {\n    const { features } = props\n    if (!Array.isArray(features) && typeof features === 'object') {\n      const ret = Object.entries(features)\n        .filter(([_, value]) => {\n          return typeof value === 'function'\n        })\n        .reduce(\n          (acc, [key, value]) => {\n            acc[key] = value\n            return acc\n          },\n          {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n        )\n      return ret\n    }\n\n    return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  })\n\n  return { staticFeatures, dynamicFeatures }\n}\n"],"mappings":";;AAOA,SAAgB,YAAY,SAAkB;CAC5C,MAAM,EAAE,UAAU;CAgDlB,OAAO;EAAE,gBA/Cc,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kCAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAwBsB;EAAG,iBAtBD,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,CAAC,CACjC,QAAQ,CAAC,GAAG,WAAW;IACtB,OAAO,OAAO,UAAU;GAC1B,CAAC,CAAC,CACD,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEI;GAGX,OAAO,CAAC;EACV,CAEuC;CAAE;AAC3C"}
+{"version":3,"file":"use-features.js","names":[],"sources":["../../../src/components/batch-edit/use-features.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { BatchEditFeature, BatchEditProps, TableRow } from '../../types'\n\ninterface Options {\n  props: BatchEditProps\n}\nexport function useFeatures(options: Options) {\n  const { props } = options\n  const staticFeatures = computed(() => {\n    const { features } = props\n\n    if (Array.isArray(features)) {\n      return new Set(features)\n    }\n\n    const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n    if (!features) {\n      return defaultFeatures\n    }\n\n    // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n    Object.entries(features).forEach(([key, value]) => {\n      const k = key as BatchEditFeature\n      if (typeof value === 'function' || value === false) {\n        defaultFeatures.delete(k)\n      } else if (value === true) {\n        defaultFeatures.add(k)\n      }\n    })\n    return defaultFeatures\n  })\n\n  const dynamicFeatures = computed<\n    Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  >(() => {\n    const { features } = props\n    if (!Array.isArray(features) && typeof features === 'object') {\n      const ret = Object.entries(features)\n        .filter(([, value]) => {\n          return typeof value === 'function'\n        })\n        .reduce(\n          (acc, [key, value]) => {\n            acc[key] = value\n            return acc\n          },\n          {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n        )\n      return ret\n    }\n\n    return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n  })\n\n  return { staticFeatures, dynamicFeatures }\n}\n"],"mappings":";;AAOA,SAAgB,YAAY,SAAkB;CAC5C,MAAM,EAAE,UAAU;CAgDlB,OAAO;EAAE,gBA/Cc,eAAe;GACpC,MAAM,EAAE,aAAa;GAErB,IAAI,MAAM,QAAQ,QAAQ,GACxB,OAAO,IAAI,IAAI,QAAQ;GAGzB,MAAM,kCAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;GAAa,CAAC;GAE/F,IAAI,CAAC,UACH,OAAO;GAIT,OAAO,QAAQ,QAAQ,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;IACV,IAAI,OAAO,UAAU,cAAc,UAAU,OAC3C,gBAAgB,OAAO,CAAC;SACnB,IAAI,UAAU,MACnB,gBAAgB,IAAI,CAAC;GAEzB,CAAC;GACD,OAAO;EACT,CAwBsB;EAAG,iBAtBD,eAEhB;GACN,MAAM,EAAE,aAAa;GACrB,IAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,OAAO,aAAa,UAYlD,OAXY,OAAO,QAAQ,QAAQ,CAAC,CACjC,QAAQ,GAAG,WAAW;IACrB,OAAO,OAAO,UAAU;GAC1B,CAAC,CAAC,CACD,QACE,KAAK,CAAC,KAAK,WAAW;IACrB,IAAI,OAAO;IACX,OAAO;GACT,GACA,CAAC,CAEI;GAGX,OAAO,CAAC;EACV,CAEuC;CAAE;AAC3C"}

package/dist/components/batch-edit/use-handlers.js

@@ -1,5 +1,5 @@
 import { computed, nextTick } from "vue";
-import { last, o } from "@cat-kit/core";
+import { copy, last, o } from "@cat-kit/core";
 //#region src/components/batch-edit/use-handlers.ts
 /** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */
 function visitDataByIndexPath(roots, indexPath, childrenKey) {
@@ -24,7 +24,7 @@ function useHandlers(options) {
 		return typeof props.tree === "string" ? props.tree : "children";
 	});
 	function getInsertData() {
-		return o(props.model ?? {}).copy();
+		return copy(props.model ?? {});
 	}
 	/**
 	* 插入数据

package/dist/components/batch-edit/use-handlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return o(props.model ?? {}).copy()\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n      emit('create')\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n    emit('create-prev', row)\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n    emit('create-next', row)\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n    emit('create-child', row)\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n\n      // 推进插入点，便于连续新增；并重置表单到初始默认值\n      const next = last(state.indexPath) + 1\n      state.indexPath = [...state.indexPath.slice(0, -1), next]\n      formRef.value?.reset()\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      const result = await deleteMethod([row.data])\n      if (result === false) {\n        return\n      }\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-handlers.js","names":[],"sources":["../../../src/components/batch-edit/use-handlers.ts"],"sourcesContent":["import { copy, last, o } from '@cat-kit/core'\nimport { computed, nextTick, type ShallowRef } from 'vue'\n\nimport type {\n  TableRow,\n  BatchEditEmits,\n  BatchEditProps,\n  BatchEditStates,\n  FormExposed\n} from '../../types'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  state: BatchEditStates\n  formRef: ShallowRef<FormExposed | null>\n  resetState: () => void\n}\n\nexport interface EditReturned {\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => void\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => void\n  handleInsertToPrev: (row: TableRow) => void\n  handleInsertChild: (row: TableRow) => void\n}\n\nexport function useHandlers(options: Options): EditReturned {\n  const { props, emit, state, resetState, formRef } = options\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  function getInsertData(): Record<string, any> {\n    return copy(props.model ?? {})\n  }\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data ?? [], state.indexPath.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(state.indexPath), 0, item)\n      }\n    } else {\n      data.splice(last(state.indexPath), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  function handleCreate() {\n    const { data } = props\n\n    resetState()\n\n    nextTick(() => {\n      state.formActionType = 'create'\n      state.formVisible = true\n      state.depth = 1\n      state.indexPath = [data?.length ?? 0]\n      emit('create')\n    })\n  }\n\n  function handleInsertToPrev(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes]\n    emit('create-prev', row)\n  }\n\n  function handleInsertToNext(row: TableRow) {\n    resetState()\n    state.formActionType = 'create'\n    state.formVisible = true\n    state.parentRow = row.parent\n    state.depth = row.depth\n    state.indexPath = [...row.indexes.slice(0, -1), row.index + 1]\n    emit('create-next', row)\n  }\n\n  function handleInsertChild(row: TableRow) {\n    resetState()\n    state.formActionType = 'createChild'\n    state.formVisible = true\n    state.parentRow = row\n    state.depth = row.depth + 1\n    row.expanded = true\n    state.indexPath = [...row.indexes, row.children?.length ?? 0]\n    emit('create-child', row)\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n    const valid = await formRef.value?.validate()\n    if (!model || !valid) return\n\n    let item = getInsertData()\n\n    // 新增\n    if (state.formActionType === 'create' || state.formActionType === 'createChild') {\n      await props.beforeCreate?.(item, state.parentRow?.data)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n\n      // 推进插入点，便于连续新增；并重置表单到初始默认值\n      const next = last(state.indexPath) + 1\n      state.indexPath = [...state.indexPath.slice(0, -1), next]\n      formRef.value?.reset()\n      return\n    }\n\n    // 普通模式下的编辑\n    if (saveMethod) {\n      const result = await saveMethod(item, state.formActionType, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      const result = await deleteMethod([row.data])\n      if (result === false) {\n        return\n      }\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      resetState()\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    resetState()\n  }\n\n  return {\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}

package/dist/components/breadcrumb/style2.css

@@ -35,7 +35,7 @@
 .u-breadcrumb__separator {
   display: flex;
   align-items: center;
-  margin: 0 var(--u-gap-base);
+  margin: 0 var(--u-gap-default);
   color: var(--u-text-color-placeholder);
   user-select: none;
 }

package/dist/components/card/style2.css

@@ -82,7 +82,7 @@
   font-weight: bold;
 }
 .u-card__header {
-  background-color: var(--u-header-bg-transparent);
+  background-color: var(--u-card-header-bg, transparent);
   color: var(--u-text-color-title);
 }
 .u-card__cover {
@@ -101,7 +101,7 @@
   transform: translateY(-50%);
 }
 .u-card__action {
-  background-color: var(--u-action-bg-transparent);
+  background-color: var(--u-card-action-bg, transparent);
 }
 .u-card__action .u-button + .u-button {
   margin-left: var(--u-gap-default);

package/dist/components/check-tag/check-tag.js

@@ -14,10 +14,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const emits = __emit;
 		const classList = computed(() => {
-			return [cls.b, bem.is("checked", props.checked)];
+			return [cls.b, bem.is("checked", props.modelValue ?? props.checked)];
 		});
 		const handleChange = () => {
-			emits("update:modelValue", props.checked);
+			emits("update:modelValue", !(props.modelValue ?? props.checked));
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {

package/dist/components/check-tag/check-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"check-tag.js","names":[],"sources":["../../../src/components/check-tag/check-tag.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" @click=\"handleChange\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckTagEmits, CheckTagProps } from '../../types'\n\ndefineOptions({ name: 'UCheckTag' })\n\nconst cls = bem('check-tag')\n\nconst props = withDefaults(defineProps<CheckTagProps>(), {})\n\nconst emits = defineEmits<CheckTagEmits>()\n\nconst classList = computed(() => {\n  return [cls.b, bem.is('checked', props.checked)]\n})\n\nconst handleChange = () => {\n  emits('update:modelValue', props.checked)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EAcA,MAAM,MAAM,IAAI,WAAW;EAE3B,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,WAAW,MAAM,OAAO,CAAC;EACjD,CAAC;EAED,MAAM,qBAAqB;GACzB,MAAM,qBAAqB,MAAM,OAAO;EAC1C;;GAzBE,OAAA,UAAA,GAAA,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,KAAS;IAAG,SAAO;GAC9B,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"check-tag.js","names":[],"sources":["../../../src/components/check-tag/check-tag.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" @click=\"handleChange\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckTagEmits, CheckTagProps } from '../../types'\n\ndefineOptions({ name: 'UCheckTag' })\n\nconst cls = bem('check-tag')\n\nconst props = withDefaults(defineProps<CheckTagProps>(), {})\n\nconst emits = defineEmits<CheckTagEmits>()\n\nconst classList = computed(() => {\n  return [cls.b, bem.is('checked', props.modelValue ?? props.checked)]\n})\n\nconst handleChange = () => {\n  emits('update:modelValue', !(props.modelValue ?? props.checked))\n}\n</script>\n"],"mappings":";;;;;;;;;;;;EAcA,MAAM,MAAM,IAAI,WAAW;EAE3B,MAAM,QAAQ;EAEd,MAAM,QAAQ;EAEd,MAAM,YAAY,eAAe;GAC/B,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,WAAW,MAAM,cAAc,MAAM,OAAO,CAAC;EACrE,CAAC;EAED,MAAM,qBAAqB;GACzB,MAAM,qBAAqB,EAAE,MAAM,cAAc,MAAM,QAAQ;EACjE;;GAzBE,OAAA,UAAA,GAAA,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,KAAS;IAAG,SAAO;GAC9B,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/condition-editor/style2.css

@@ -82,14 +82,14 @@
   background-color: var(--u-color-primary-light-9);
 }
 .u-condition-editor__connector--and:hover {
-  background-color: var(--u-color-primary-light-8);
+  background-color: var(--u-color-primary-light-7);
 }
 .u-condition-editor__connector--or {
-  color: var(--u-color-warning-dark-2);
+  color: var(--u-color-warning-dark-1);
   background-color: var(--u-color-warning-light-9);
 }
 .u-condition-editor__connector--or:hover {
-  background-color: var(--u-color-warning-light-8);
+  background-color: var(--u-color-warning-light-7);
 }
 .u-condition-editor__connector:focus-visible {
   box-shadow: var(--u-focus-ring);
@@ -210,7 +210,7 @@
   transition: background-color 0.15s ease, border-color 0.15s ease;
 }
 .u-condition-editor__value-chip:hover {
-  background-color: var(--u-color-primary-light-8);
+  background-color: var(--u-color-primary-light-7);
   border-color: var(--u-color-primary-light-5);
 }
 .u-condition-editor__value-chip:focus-visible {

package/dist/components/contextmenu/style2.css

@@ -92,12 +92,12 @@
   flex-wrap: nowrap;
 }
 .u-contextmenu__item:not(.is-disabled):not(.is-loading) > .u-contextmenu__item-content:hover {
-  background-color: var(--u-nav-hover-bg);
-  color: var(--u-nav-hover-color);
+  background-color: var(--u-contextmenu-item-hover-bg, var(--u-bg-color-hover));
+  color: var(--u-contextmenu-item-hover-color, var(--u-text-color-title));
 }
 .u-contextmenu .u-contextmenu__item.is-open:not(.is-disabled) > .u-contextmenu__item-content {
-  background-color: var(--u-nav-hover-bg);
-  color: var(--u-nav-hover-color);
+  background-color: var(--u-contextmenu-item-hover-bg, var(--u-bg-color-hover));
+  color: var(--u-contextmenu-item-hover-color, var(--u-text-color-title));
 }
 .u-contextmenu__icon-place {
   width: 1em;
@@ -146,7 +146,7 @@
 }
 .u-contextmenu--small__item-content {
   padding: 0 var(--u-gap-small);
-  min-height: calc(var(--u-nav-height-small) - 8px);
+  min-height: var(--u-contextmenu-item-height-small, calc(var(--u-form-component-height-small) - 4px));
   border-radius: calc(var(--u-radius-small) + 1px);
 }
 .u-contextmenu--default {
@@ -154,7 +154,7 @@
 }
 .u-contextmenu--default__item-content {
   padding: 0 var(--u-gap-default);
-  min-height: calc(var(--u-nav-height-default) - 8px);
+  min-height: var(--u-contextmenu-item-height-default, calc(var(--u-form-component-height-default) - 4px));
   border-radius: calc(var(--u-radius-default) + 1px);
 }
 .u-contextmenu--large {
@@ -162,6 +162,6 @@
 }
 .u-contextmenu--large__item-content {
   padding: 0 var(--u-gap-large);
-  min-height: calc(var(--u-nav-height-large) - 8px);
+  min-height: var(--u-contextmenu-item-height-large, calc(var(--u-form-component-height-large) - 4px));
   border-radius: calc(var(--u-radius-large) + 1px);
 }

package/dist/components/dual-nav/style2.css

@@ -75,7 +75,7 @@
 }
 .u-dual-nav__panel-title {
   margin: 0;
-  font-size: var(--u-font-size-default);
+  font-size: var(--u-font-size-title-default);
   font-weight: 600;
   line-height: 1.4;
   color: var(--u-nav-strong-color);

package/dist/components/expression-editor/style2.css

@@ -90,7 +90,7 @@
 }
 .u-expression-editor__chip:hover {
   color: var(--u-expression-editor-chip-color, var(--u-color-primary));
-  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-8));
+  background-color: var(--u-expression-editor-chip-bg, var(--u-color-primary-light-7));
   box-shadow: 0 1px 4px var(--u-shadow-color);
 }
 .u-expression-editor__chip:hover .u-expression-editor__chip-close {

package/dist/components/form/use-form-fields.js

@@ -1,17 +1,6 @@
 import { nextTick, watch } from "vue";
-import { o } from "@cat-kit/core";
+import { copy, o } from "@cat-kit/core";
 //#region src/components/form/use-form-fields.ts
-/** 深拷贝 model，保留 undefined 等 o().copy() 会丢弃的值 */
-function snapshotModel(model) {
-	const result = {};
-	for (const key of Object.keys(model)) {
-		const value = model[key];
-		if (Array.isArray(value)) result[key] = value.map((item) => item !== null && typeof item === "object" ? snapshotModel(item) : item);
-		else if (value !== null && typeof value === "object") result[key] = snapshotModel(value);
-		else result[key] = value;
-	}
-	return result;
-}
 /** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */
 function applySnapshot(target, source) {
 	for (const key of Object.keys(source)) {
@@ -22,7 +11,7 @@ function applySnapshot(target, source) {
 			continue;
 		}
 		if (Array.isArray(sourceValue)) {
-			o(target).set(key, sourceValue.map((item) => item !== null && typeof item === "object" ? snapshotModel(item) : item));
+			o(target).set(key, copy(sourceValue));
 			continue;
 		}
 		o(target).set(key, sourceValue);
@@ -45,7 +34,7 @@ function useFormFields(options) {
 		return willValidate;
 	}
 	watch(() => props.model, (model) => {
-		initialSnapshot = model ? snapshotModel(model) : void 0;
+		initialSnapshot = model ? copy(model) : void 0;
 	}, {
 		immediate: true,
 		deep: false

package/dist/components/form/use-form-fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-fields.js","names":[],"sources":["../../../src/components/form/use-form-fields.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport type { FormFieldItem } from '@veltra/utils'\nimport { nextTick, watch } from 'vue'\n\nimport type { FormProps } from '../../types/form'\n\ninterface Options {\n  props: FormProps\n}\n\n/** 深拷贝 model，保留 undefined 等 o().copy() 会丢弃的值 */\nfunction snapshotModel(model: Record<string, any>): Record<string, any> {\n  const result: Record<string, any> = {}\n\n  for (const key of Object.keys(model)) {\n    const value = model[key]\n    if (Array.isArray(value)) {\n      result[key] = value.map((item) =>\n        item !== null && typeof item === 'object' ? snapshotModel(item) : item\n      )\n    } else if (value !== null && typeof value === 'object') {\n      result[key] = snapshotModel(value)\n    } else {\n      result[key] = value\n    }\n  }\n\n  return result\n}\n\n/** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */\nfunction applySnapshot(target: Record<string, any>, source: Record<string, any>) {\n  for (const key of Object.keys(source)) {\n    const sourceValue = source[key]\n    const targetValue = target[key]\n\n    if (\n      sourceValue !== null &&\n      typeof sourceValue === 'object' &&\n      !Array.isArray(sourceValue) &&\n      targetValue !== null &&\n      typeof targetValue === 'object' &&\n      !Array.isArray(targetValue)\n    ) {\n      applySnapshot(targetValue, sourceValue)\n      continue\n    }\n\n    if (Array.isArray(sourceValue)) {\n      o(target).set(\n        key,\n        sourceValue.map((item) =>\n          item !== null && typeof item === 'object' ? snapshotModel(item) : item\n        )\n      )\n      continue\n    }\n\n    o(target).set(key, sourceValue)\n  }\n}\n\nexport function useFormFields(options: Options) {\n  const { props } = options\n  const fields: Record<string, FormFieldItem> = {}\n\n  let willValidate = true\n\n  /** model 初始快照，供 reset 恢复 */\n  let initialSnapshot: Record<string, any> | undefined\n\n  function runWithoutChangeValidate(fn: () => void) {\n    willValidate = false\n    fn()\n    nextTick(() => {\n      willValidate = true\n    })\n  }\n\n  function shouldValidate() {\n    return willValidate\n  }\n\n  watch(\n    () => props.model,\n    (model) => {\n      initialSnapshot = model ? snapshotModel(model) : undefined\n    },\n    { immediate: true, deep: false }\n  )\n\n  function registerField(field: string, item: FormFieldItem) {\n    fields[field] = item\n  }\n\n  function unregisterField(field: string) {\n    delete fields[field]\n  }\n\n  function clearValidate() {\n    Object.values(fields).forEach((item) => item.clearValidate?.())\n  }\n\n  async function validate(keys?: string[]) {\n    let validList: boolean[]\n    if (keys) {\n      validList = await Promise.all(\n        keys.map((key) => fields[key]?.validate() ?? Promise.resolve(true))\n      )\n    } else {\n      validList = await Promise.all(Object.values(fields).map((field) => field.validate()))\n    }\n    return validList.every((valid) => valid)\n  }\n\n  function reset() {\n    if (!props.model || !initialSnapshot) return\n\n    runWithoutChangeValidate(() => {\n      applySnapshot(props.model!, initialSnapshot!)\n      Object.values(fields).forEach((item) => item.clearValidate?.())\n    })\n  }\n\n  return { fields, registerField, validate, unregisterField, clearValidate, reset, shouldValidate }\n}\n"],"mappings":";;;;AAWA,SAAS,cAAc,OAAiD;CACtE,MAAM,SAA8B,CAAC;CAErC,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,GAAG;EACpC,MAAM,QAAQ,MAAM;EACpB,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,OAAO,MAAM,KAAK,SACvB,SAAS,QAAQ,OAAO,SAAS,WAAW,cAAc,IAAI,IAAI,IACpE;OACK,IAAI,UAAU,QAAQ,OAAO,UAAU,UAC5C,OAAO,OAAO,cAAc,KAAK;OAEjC,OAAO,OAAO;CAElB;CAEA,OAAO;AACT;;AAGA,SAAS,cAAc,QAA6B,QAA6B;CAC/E,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;EACrC,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;EAE3B,IACE,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,KAC1B,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,GAC1B;GACA,cAAc,aAAa,WAAW;GACtC;EACF;EAEA,IAAI,MAAM,QAAQ,WAAW,GAAG;GAC9B,EAAE,MAAM,CAAC,CAAC,IACR,KACA,YAAY,KAAK,SACf,SAAS,QAAQ,OAAO,SAAS,WAAW,cAAc,IAAI,IAAI,IACpE,CACF;GACA;EACF;EAEA,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,WAAW;CAChC;AACF;AAEA,SAAgB,cAAc,SAAkB;CAC9C,MAAM,EAAE,UAAU;CAClB,MAAM,SAAwC,CAAC;CAE/C,IAAI,eAAe;;CAGnB,IAAI;CAEJ,SAAS,yBAAyB,IAAgB;EAChD,eAAe;EACf,GAAG;EACH,eAAe;GACb,eAAe;EACjB,CAAC;CACH;CAEA,SAAS,iBAAiB;EACxB,OAAO;CACT;CAEA,YACQ,MAAM,QACX,UAAU;EACT,kBAAkB,QAAQ,cAAc,KAAK,IAAI,KAAA;CACnD,GACA;EAAE,WAAW;EAAM,MAAM;CAAM,CACjC;CAEA,SAAS,cAAc,OAAe,MAAqB;EACzD,OAAO,SAAS;CAClB;CAEA,SAAS,gBAAgB,OAAe;EACtC,OAAO,OAAO;CAChB;CAEA,SAAS,gBAAgB;EACvB,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,SAAS,KAAK,gBAAgB,CAAC;CAChE;CAEA,eAAe,SAAS,MAAiB;EACvC,IAAI;EACJ,IAAI,MACF,YAAY,MAAM,QAAQ,IACxB,KAAK,KAAK,QAAQ,OAAO,IAAI,EAAE,SAAS,KAAK,QAAQ,QAAQ,IAAI,CAAC,CACpE;OAEA,YAAY,MAAM,QAAQ,IAAI,OAAO,OAAO,MAAM,CAAC,CAAC,KAAK,UAAU,MAAM,SAAS,CAAC,CAAC;EAEtF,OAAO,UAAU,OAAO,UAAU,KAAK;CACzC;CAEA,SAAS,QAAQ;EACf,IAAI,CAAC,MAAM,SAAS,CAAC,iBAAiB;EAEtC,+BAA+B;GAC7B,cAAc,MAAM,OAAQ,eAAgB;GAC5C,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,SAAS,KAAK,gBAAgB,CAAC;EAChE,CAAC;CACH;CAEA,OAAO;EAAE;EAAQ;EAAe;EAAU;EAAiB;EAAe;EAAO;CAAe;AAClG"}
+{"version":3,"file":"use-form-fields.js","names":[],"sources":["../../../src/components/form/use-form-fields.ts"],"sourcesContent":["import { copy, o } from '@cat-kit/core'\nimport type { FormFieldItem } from '@veltra/utils'\nimport { nextTick, watch } from 'vue'\n\nimport type { FormProps } from '../../types/form'\n\ninterface Options {\n  props: FormProps\n}\n\n/** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */\nfunction applySnapshot(target: Record<string, any>, source: Record<string, any>) {\n  for (const key of Object.keys(source)) {\n    const sourceValue = source[key]\n    const targetValue = target[key]\n\n    if (\n      sourceValue !== null &&\n      typeof sourceValue === 'object' &&\n      !Array.isArray(sourceValue) &&\n      targetValue !== null &&\n      typeof targetValue === 'object' &&\n      !Array.isArray(targetValue)\n    ) {\n      applySnapshot(targetValue, sourceValue)\n      continue\n    }\n\n    if (Array.isArray(sourceValue)) {\n      o(target).set(key, copy(sourceValue))\n      continue\n    }\n\n    o(target).set(key, sourceValue)\n  }\n}\n\nexport function useFormFields(options: Options) {\n  const { props } = options\n  const fields: Record<string, FormFieldItem> = {}\n\n  let willValidate = true\n\n  /** model 初始快照，供 reset 恢复 */\n  let initialSnapshot: Record<string, any> | undefined\n\n  function runWithoutChangeValidate(fn: () => void) {\n    willValidate = false\n    fn()\n    nextTick(() => {\n      willValidate = true\n    })\n  }\n\n  function shouldValidate() {\n    return willValidate\n  }\n\n  watch(\n    () => props.model,\n    (model) => {\n      initialSnapshot = model ? copy(model) : undefined\n    },\n    { immediate: true, deep: false }\n  )\n\n  function registerField(field: string, item: FormFieldItem) {\n    fields[field] = item\n  }\n\n  function unregisterField(field: string) {\n    delete fields[field]\n  }\n\n  function clearValidate() {\n    Object.values(fields).forEach((item) => item.clearValidate?.())\n  }\n\n  async function validate(keys?: string[]) {\n    let validList: boolean[]\n    if (keys) {\n      validList = await Promise.all(\n        keys.map((key) => fields[key]?.validate() ?? Promise.resolve(true))\n      )\n    } else {\n      validList = await Promise.all(Object.values(fields).map((field) => field.validate()))\n    }\n    return validList.every((valid) => valid)\n  }\n\n  function reset() {\n    if (!props.model || !initialSnapshot) return\n\n    runWithoutChangeValidate(() => {\n      applySnapshot(props.model!, initialSnapshot!)\n      Object.values(fields).forEach((item) => item.clearValidate?.())\n    })\n  }\n\n  return { fields, registerField, validate, unregisterField, clearValidate, reset, shouldValidate }\n}\n"],"mappings":";;;;AAWA,SAAS,cAAc,QAA6B,QAA6B;CAC/E,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;EACrC,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;EAE3B,IACE,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,KAC1B,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,GAC1B;GACA,cAAc,aAAa,WAAW;GACtC;EACF;EAEA,IAAI,MAAM,QAAQ,WAAW,GAAG;GAC9B,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,KAAK,WAAW,CAAC;GACpC;EACF;EAEA,EAAE,MAAM,CAAC,CAAC,IAAI,KAAK,WAAW;CAChC;AACF;AAEA,SAAgB,cAAc,SAAkB;CAC9C,MAAM,EAAE,UAAU;CAClB,MAAM,SAAwC,CAAC;CAE/C,IAAI,eAAe;;CAGnB,IAAI;CAEJ,SAAS,yBAAyB,IAAgB;EAChD,eAAe;EACf,GAAG;EACH,eAAe;GACb,eAAe;EACjB,CAAC;CACH;CAEA,SAAS,iBAAiB;EACxB,OAAO;CACT;CAEA,YACQ,MAAM,QACX,UAAU;EACT,kBAAkB,QAAQ,KAAK,KAAK,IAAI,KAAA;CAC1C,GACA;EAAE,WAAW;EAAM,MAAM;CAAM,CACjC;CAEA,SAAS,cAAc,OAAe,MAAqB;EACzD,OAAO,SAAS;CAClB;CAEA,SAAS,gBAAgB,OAAe;EACtC,OAAO,OAAO;CAChB;CAEA,SAAS,gBAAgB;EACvB,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,SAAS,KAAK,gBAAgB,CAAC;CAChE;CAEA,eAAe,SAAS,MAAiB;EACvC,IAAI;EACJ,IAAI,MACF,YAAY,MAAM,QAAQ,IACxB,KAAK,KAAK,QAAQ,OAAO,IAAI,EAAE,SAAS,KAAK,QAAQ,QAAQ,IAAI,CAAC,CACpE;OAEA,YAAY,MAAM,QAAQ,IAAI,OAAO,OAAO,MAAM,CAAC,CAAC,KAAK,UAAU,MAAM,SAAS,CAAC,CAAC;EAEtF,OAAO,UAAU,OAAO,UAAU,KAAK;CACzC;CAEA,SAAS,QAAQ;EACf,IAAI,CAAC,MAAM,SAAS,CAAC,iBAAiB;EAEtC,+BAA+B;GAC7B,cAAc,MAAM,OAAQ,eAAgB;GAC5C,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,SAAS,KAAK,gBAAgB,CAAC;EAChE,CAAC;CACH;CAEA,OAAO;EAAE;EAAQ;EAAe;EAAU;EAAiB;EAAe;EAAO;CAAe;AAClG"}

package/dist/components/number-range-input/style2.css

@@ -23,6 +23,6 @@
 }
 .u-number-range-input__separator {
   flex-shrink: 0;
-  color: var(--u-text-color-secondary);
+  color: var(--u-text-color-second);
   line-height: 1;
 }

package/dist/components/progress-nodes/style2.css

@@ -42,13 +42,13 @@
   color: inherit;
   flex: 0 0 auto;
   transition: background-color 0.2s, color 0.2s;
-  border-radius: var(--u-radius-base);
+  border-radius: var(--u-radius-default);
 }
 .u-progress-nodes__item:hover .u-progress-nodes__dot {
   border-color: var(--u-text-color-second);
 }
 .u-progress-nodes__item:hover .u-progress-nodes__label {
-  color: var(--u-text-color-primary);
+  color: var(--u-color-primary);
 }
 .u-progress-nodes__node {
   position: relative;

package/dist/components/rich-text-editor/style2.css

@@ -19,7 +19,7 @@
   width: 100%;
   border: 1px solid var(--u-border-muted-color);
   border-radius: var(--u-radius-default);
-  background-color: var(--u-color-bg);
+  background-color: var(--u-bg-color-top);
   transition: border-color 0.25s ease;
   display: flex;
   flex-direction: column;
@@ -48,7 +48,7 @@
   gap: 2px;
   padding: 6px 8px;
   border-bottom: 1px solid var(--u-border-color);
-  background-color: var(--u-color-bg-muted);
+  background-color: var(--u-bg-color-middle);
 }
 .u-rich-text-editor__toolbar-btn {
   display: inline-flex;
@@ -59,16 +59,16 @@
   border: none;
   border-radius: 4px;
   background: transparent;
-  color: var(--u-text-color);
+  color: var(--u-text-color-main);
   cursor: pointer;
   transition: all 0.15s ease;
   padding: 0;
 }
 .u-rich-text-editor__toolbar-btn:not(.is-disabled):hover {
-  background-color: var(--u-color-hover);
+  background-color: var(--u-bg-color-hover);
 }
 .u-rich-text-editor__toolbar-btn.is-active {
-  background-color: var(--u-color-primary-light);
+  background-color: var(--u-color-primary-light-9);
   color: var(--u-color-primary);
 }
 .u-rich-text-editor__toolbar-btn.is-disabled {
@@ -103,7 +103,7 @@
   border: 1px solid var(--u-border-muted-color);
   border-radius: 4px;
   background-color: transparent;
-  color: var(--u-text-color);
+  color: var(--u-text-color-main);
   font-size: 13px;
   cursor: pointer;
   outline: none;
@@ -133,7 +133,7 @@
   outline: none;
   font-size: 14px;
   line-height: 1.6;
-  color: var(--u-text-color);
+  color: var(--u-text-color-main);
   word-break: break-word;
 }
 .u-rich-text-editor__editable:focus {
@@ -223,7 +223,7 @@
   font-weight: 600;
   line-height: 1.4;
   margin: 10px 0 4px 0;
-  color: var(--u-text-color-secondary);
+  color: var(--u-text-color-second);
 }
 .u-rte-h6:first-child {
   margin-top: 0;
@@ -248,7 +248,7 @@
 .u-rte-code {
   font-family: "Menlo", "Consolas", "Monaco", monospace;
   font-size: 0.9em;
-  background-color: var(--u-color-bg-muted);
+  background-color: var(--u-bg-color-middle);
   padding: 2px 6px;
   border-radius: 3px;
   border: 1px solid var(--u-border-color);
@@ -277,8 +277,8 @@
   margin: 8px 0;
   padding: 8px 16px;
   border-left: 3px solid var(--u-color-primary);
-  background-color: var(--u-color-bg-muted);
-  color: var(--u-text-color-secondary);
+  background-color: var(--u-bg-color-middle);
+  color: var(--u-text-color-second);
   font-style: italic;
 }
 
@@ -286,7 +286,7 @@
   font-family: "Menlo", "Consolas", "Monaco", monospace;
   font-size: 13px;
   line-height: 1.6;
-  background-color: var(--u-color-bg-muted);
+  background-color: var(--u-bg-color-middle);
   border: 1px solid var(--u-border-color);
   border-radius: 6px;
   padding: 12px 16px;

package/dist/components/select/style2.css

@@ -63,13 +63,13 @@
   white-space: nowrap;
 }
 .u-select__option:hover {
-  background-color: var(--u-nav-hover-bg);
-  color: var(--u-nav-hover-color);
+  background-color: var(--u-select-option-hover-bg, var(--u-bg-color-hover));
+  color: var(--u-select-option-hover-color, var(--u-text-color-title));
 }
 .u-select__option.is-selected {
   position: relative;
-  background-color: var(--u-nav-active-bg);
-  color: var(--u-nav-active-color);
+  background-color: var(--u-select-option-selected-bg, var(--u-color-primary-light-9));
+  color: var(--u-select-option-selected-color, var(--u-color-primary));
   font-weight: 600;
 }
 .u-select__option.is-selected::before {

package/dist/components/table/use-check.js

@@ -69,7 +69,7 @@ function useCheck(options) {
 		() => props.rowKey,
 		() => props.checkable,
 		rows
-	], ([checked, rowKey, checkable, rows], [_, __, ___, oRows]) => {
+	], ([checked, rowKey, checkable, rows], [, , , oRows]) => {
 		if (changedByEvent || !checkable || !rowKey) return;
 		changedByModel = true;
 		rows !== oRows && setDicts();
@@ -92,7 +92,7 @@ function useCheck(options) {
 		() => props.rowKey,
 		() => props.selectable,
 		rows
-	], ([selected, rowKey, selectable, rows], [_, __, ___, oRows]) => {
+	], ([selected, rowKey, selectable, rows], [, , , oRows]) => {
 		if (changedByEvent || !selectable || !rowKey) return;
 		changedByModel = true;
 		rows !== oRows && setDicts();

package/dist/components/table/use-check.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.js","names":["UCheckbox"],"sources":["../../../src/components/table/use-check.ts"],"sourcesContent":["import { dfs, o, type Forest } from '@cat-kit/core'\nimport type { BEM } from '@veltra/utils'\nimport {\n  computed,\n  createTextVNode,\n  createVNode,\n  nextTick,\n  shallowRef,\n  toRaw,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type ShallowRef\n} from 'vue'\n\nimport type { TableRow, TableColumn, TableEmits, TableProps, ComponentSize } from '../../types'\nimport { UCheckbox } from '../checkbox'\n\ninterface Options {\n  rows: ShallowRef<TableRow[] | undefined>\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  props: TableProps\n  emit: TableEmits<any>\n  size: ComputedRef<ComponentSize>\n  cls: BEM<'table'>\n}\n\ninterface UseCheckReturned {\n  checkedRows: ShallowRef<Set<TableRow>>\n  clearChecked: () => void\n  clearSelected: () => void\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { rows, rowForest, props, emit, size, cls } = options\n\n  const checkedRows = shallowRef(new Set<TableRow>())\n  const selectedRow = shallowRef<TableRow>()\n\n  /** 触发checkedRows的更新 */\n  function triggerCheckedRows() {\n    triggerRef(checkedRows)\n  }\n\n  function clearChecked() {\n    checkedRows.value.forEach((row) => {\n      row.checked = false\n    })\n    checkedRows.value.clear()\n    triggerCheckedRows()\n  }\n\n  function clearSelected() {\n    if (selectedRow.value) {\n      selectedRow.value.checked = false\n      selectedRow.value = undefined\n    }\n  }\n\n  watch([() => props.checkable, () => props.selectable, () => rows.value], () => {\n    clearChecked()\n    clearSelected()\n  })\n\n  watch(selectedRow, (selectedRow) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit('update:selected', selectedRow?.data ? toRaw(selectedRow.data) : undefined)\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let changedByEvent = false\n  let changedByModel = false\n  watch(checkedRows, (checkedRows) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit(\n      'update:checked',\n      Array.from(checkedRows).map((row) => toRaw(row.data))\n    )\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let dicts: Map<string | number, TableRow> | undefined = undefined\n\n  // 设置uid -> row 字典，以便于数据重复使用\n  function setDicts() {\n    if (dicts || !rows.value || !props.rowKey) return\n\n    let mapEntries: [string | number, TableRow][] = []\n    let i = 0\n    while (i < rows.value.length) {\n      const row = rows.value[i]!\n\n      mapEntries.push([row.uid, row])\n      i++\n    }\n    dicts = new Map(mapEntries)\n  }\n\n  watch(rows, () => {\n    dicts = undefined\n  })\n\n  watch(\n    [() => props.checked, () => props.rowKey, () => props.checkable, rows],\n    ([checked, rowKey, checkable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !checkable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典\n      rows !== oRows && setDicts()\n\n      clearChecked()\n\n      checked?.forEach((item) => {\n        const uid = o(item).get(rowKey)\n        if (uid === undefined || uid === null) return\n        const row = dicts?.get(uid as string | number)\n        if (!row) return\n\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n      triggerCheckedRows()\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(\n    [() => props.selected, () => props.rowKey, () => props.selectable, rows],\n    ([selected, rowKey, selectable, rows], [_, __, ___, oRows]) => {\n      if (changedByEvent || !selectable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典(懒建立)\n      rows !== oRows && setDicts()\n\n      if (selected) {\n        const uid = o(selected).get(rowKey)\n        const row =\n          uid === undefined || uid === null ? undefined : dicts?.get(uid as string | number)\n        if (row) {\n          row.checked = true\n          selectedRow.value = row\n        }\n      } else {\n        clearSelected()\n      }\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  const allChecked = computed(() => {\n    const rowSize = props.tree ? rowForest.value?.size : rows.value?.length\n    return !!rowSize && rowSize === checkedRows.value.size\n  })\n\n  function handleCheckAllTree(check: boolean) {\n    if (check) {\n      rowForest.value?.dfs((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rowForest.value?.dfs((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAllRows(check: boolean) {\n    if (check) {\n      rows.value?.forEach((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rows.value?.forEach((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAll(check: boolean) {\n    if (props.tree) {\n      handleCheckAllTree(check as boolean)\n    } else {\n      handleCheckAllRows(check as boolean)\n    }\n  }\n\n  function handleCheckRow(row: TableRow, check: boolean) {\n    const cb = check\n      ? (row: TableRow) => checkedRows.value.add(row)\n      : (row: TableRow) => checkedRows.value.delete(row)\n\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    dfs(\n      row as unknown as Record<string, unknown>,\n      (node) => {\n        const r = node as unknown as TableRow\n        r.checked = check\n        cb(r)\n      },\n      childrenKey\n    )\n\n    triggerCheckedRows()\n  }\n\n  const getCheckboxColumnWidth = () => {\n    return size.value === 'large' ? 80 : 60\n  }\n\n  const checkboxClass = cls.e('checkbox')\n  const checkboxClick = (e: Event) => e.stopPropagation()\n\n  function createCheckColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_check_column__',\n      name: '',\n      width,\n      minWidth: width,\n      align: 'center',\n      fixed: 'left',\n      resizable: false,\n      nameRender() {\n        const checkboxNode = createVNode(UCheckbox, {\n          modelValue: allChecked.value,\n          'onUpdate:modelValue': handleCheckAll\n        })\n        if (!props.tree) {\n          return checkboxNode\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [checkboxNode]\n      },\n      render(ctx) {\n        const { row } = ctx\n\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleCheckRow(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  function handleSelect(row: TableRow, check: boolean) {\n    row.checked = check\n    if (check) {\n      if (selectedRow.value) {\n        selectedRow.value.checked = false\n      }\n      selectedRow.value = row\n    } else {\n      selectedRow.value = undefined\n    }\n  }\n\n  function createSelectColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_select_column__',\n      name: '单选',\n      minWidth: width,\n      resizable: false,\n      width,\n      align: 'center',\n      fixed: 'left',\n      nameRender(_ctx) {\n        if (!props.tree) {\n          return '单选'\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [createTextVNode('单选')]\n      },\n\n      render({ row }) {\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleSelect(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  return { checkedRows, createCheckColumn, createSelectColumn, clearChecked, clearSelected }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-check.js","names":["UCheckbox"],"sources":["../../../src/components/table/use-check.ts"],"sourcesContent":["import { dfs, o, type Forest } from '@cat-kit/core'\nimport type { BEM } from '@veltra/utils'\nimport {\n  computed,\n  createTextVNode,\n  createVNode,\n  nextTick,\n  shallowRef,\n  toRaw,\n  triggerRef,\n  watch,\n  type ComputedRef,\n  type ShallowRef\n} from 'vue'\n\nimport type { TableRow, TableColumn, TableEmits, TableProps, ComponentSize } from '../../types'\nimport { UCheckbox } from '../checkbox'\n\ninterface Options {\n  rows: ShallowRef<TableRow[] | undefined>\n  rowForest: ShallowRef<Forest<Record<string, unknown>, any> | undefined>\n  props: TableProps\n  emit: TableEmits<any>\n  size: ComputedRef<ComponentSize>\n  cls: BEM<'table'>\n}\n\ninterface UseCheckReturned {\n  checkedRows: ShallowRef<Set<TableRow>>\n  clearChecked: () => void\n  clearSelected: () => void\n  createCheckColumn: () => TableColumn\n  createSelectColumn: () => TableColumn\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { rows, rowForest, props, emit, size, cls } = options\n\n  const checkedRows = shallowRef(new Set<TableRow>())\n  const selectedRow = shallowRef<TableRow>()\n\n  /** 触发checkedRows的更新 */\n  function triggerCheckedRows() {\n    triggerRef(checkedRows)\n  }\n\n  function clearChecked() {\n    checkedRows.value.forEach((row) => {\n      row.checked = false\n    })\n    checkedRows.value.clear()\n    triggerCheckedRows()\n  }\n\n  function clearSelected() {\n    if (selectedRow.value) {\n      selectedRow.value.checked = false\n      selectedRow.value = undefined\n    }\n  }\n\n  watch([() => props.checkable, () => props.selectable, () => rows.value], () => {\n    clearChecked()\n    clearSelected()\n  })\n\n  watch(selectedRow, (selectedRow) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit('update:selected', selectedRow?.data ? toRaw(selectedRow.data) : undefined)\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let changedByEvent = false\n  let changedByModel = false\n  watch(checkedRows, (checkedRows) => {\n    if (changedByModel) return\n    changedByEvent = true\n    emit(\n      'update:checked',\n      Array.from(checkedRows).map((row) => toRaw(row.data))\n    )\n    nextTick(() => {\n      changedByEvent = false\n    })\n  })\n\n  let dicts: Map<string | number, TableRow> | undefined = undefined\n\n  // 设置uid -> row 字典，以便于数据重复使用\n  function setDicts() {\n    if (dicts || !rows.value || !props.rowKey) return\n\n    let mapEntries: [string | number, TableRow][] = []\n    let i = 0\n    while (i < rows.value.length) {\n      const row = rows.value[i]!\n\n      mapEntries.push([row.uid, row])\n      i++\n    }\n    dicts = new Map(mapEntries)\n  }\n\n  watch(rows, () => {\n    dicts = undefined\n  })\n\n  watch(\n    [() => props.checked, () => props.rowKey, () => props.checkable, rows],\n    ([checked, rowKey, checkable, rows], [, , , oRows]) => {\n      if (changedByEvent || !checkable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典\n      rows !== oRows && setDicts()\n\n      clearChecked()\n\n      checked?.forEach((item) => {\n        const uid = o(item).get(rowKey)\n        if (uid === undefined || uid === null) return\n        const row = dicts?.get(uid as string | number)\n        if (!row) return\n\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n      triggerCheckedRows()\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  watch(\n    [() => props.selected, () => props.rowKey, () => props.selectable, rows],\n    ([selected, rowKey, selectable, rows], [, , , oRows]) => {\n      if (changedByEvent || !selectable || !rowKey) return\n\n      changedByModel = true\n\n      // 如果没有字典，先建立字典(懒建立)\n      rows !== oRows && setDicts()\n\n      if (selected) {\n        const uid = o(selected).get(rowKey)\n        const row =\n          uid === undefined || uid === null ? undefined : dicts?.get(uid as string | number)\n        if (row) {\n          row.checked = true\n          selectedRow.value = row\n        }\n      } else {\n        clearSelected()\n      }\n\n      nextTick(() => {\n        changedByModel = false\n      })\n    },\n    { immediate: true }\n  )\n\n  const allChecked = computed(() => {\n    const rowSize = props.tree ? rowForest.value?.size : rows.value?.length\n    return !!rowSize && rowSize === checkedRows.value.size\n  })\n\n  function handleCheckAllTree(check: boolean) {\n    if (check) {\n      rowForest.value?.dfs((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rowForest.value?.dfs((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAllRows(check: boolean) {\n    if (check) {\n      rows.value?.forEach((row) => {\n        row.checked = true\n        checkedRows.value.add(row)\n      })\n    } else {\n      rows.value?.forEach((row) => {\n        row.checked = false\n      })\n      checkedRows.value.clear()\n    }\n    triggerCheckedRows()\n  }\n\n  function handleCheckAll(check: boolean) {\n    if (props.tree) {\n      handleCheckAllTree(check as boolean)\n    } else {\n      handleCheckAllRows(check as boolean)\n    }\n  }\n\n  function handleCheckRow(row: TableRow, check: boolean) {\n    const cb = check\n      ? (row: TableRow) => checkedRows.value.add(row)\n      : (row: TableRow) => checkedRows.value.delete(row)\n\n    const childrenKey = typeof props.tree === 'string' ? props.tree : 'children'\n    dfs(\n      row as unknown as Record<string, unknown>,\n      (node) => {\n        const r = node as unknown as TableRow\n        r.checked = check\n        cb(r)\n      },\n      childrenKey\n    )\n\n    triggerCheckedRows()\n  }\n\n  const getCheckboxColumnWidth = () => {\n    return size.value === 'large' ? 80 : 60\n  }\n\n  const checkboxClass = cls.e('checkbox')\n  const checkboxClick = (e: Event) => e.stopPropagation()\n\n  function createCheckColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_check_column__',\n      name: '',\n      width,\n      minWidth: width,\n      align: 'center',\n      fixed: 'left',\n      resizable: false,\n      nameRender() {\n        const checkboxNode = createVNode(UCheckbox, {\n          modelValue: allChecked.value,\n          'onUpdate:modelValue': handleCheckAll\n        })\n        if (!props.tree) {\n          return checkboxNode\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [checkboxNode]\n      },\n      render(ctx) {\n        const { row } = ctx\n\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleCheckRow(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  function handleSelect(row: TableRow, check: boolean) {\n    row.checked = check\n    if (check) {\n      if (selectedRow.value) {\n        selectedRow.value.checked = false\n      }\n      selectedRow.value = row\n    } else {\n      selectedRow.value = undefined\n    }\n  }\n\n  function createSelectColumn(): TableColumn {\n    const width = getCheckboxColumnWidth()\n    return {\n      key: '__is_select_column__',\n      name: '单选',\n      minWidth: width,\n      resizable: false,\n      width,\n      align: 'center',\n      fixed: 'left',\n      nameRender(_ctx) {\n        if (!props.tree) {\n          return '单选'\n        }\n\n        // const expandNode = createVNode('i', {\n        //   text: true,\n        //   class: cls.e('expand-space')\n        // })\n        return [createTextVNode('单选')]\n      },\n\n      render({ row }) {\n        // @ts-ignore\n        return createVNode(UCheckbox, {\n          class: checkboxClass,\n          modelValue: row.checked,\n          'onUpdate:modelValue': (val: boolean) => {\n            handleSelect(row, val)\n          },\n          onClick: checkboxClick\n        })\n      }\n    }\n  }\n\n  return { checkedRows, createCheckColumn, createSelectColumn, clearChecked, clearSelected }\n}\n"],"mappings":"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"}

package/dist/components/tabs/style2.css

@@ -137,7 +137,7 @@
   padding: 0;
   border: none;
   background: transparent;
-  color: var(--u-text-color-secondary);
+  color: var(--u-text-color-second);
   cursor: pointer;
   border-radius: var(--u-radius-default);
   font-size: 12px;

package/dist/components/tree/style2.css

@@ -151,5 +151,5 @@
 .u-tree__empty {
   text-align: center;
   padding: var(--u-gap-default) 0;
-  color: var(--u-text-color-secondary);
+  color: var(--u-text-color-second);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"
@@ -78,15 +78,15 @@
     "@codemirror/view": "6.43.9"
   },
   "peerDependencies": {
-    "@cat-kit/core": ">=1.1.8",
-    "@cat-kit/fe": ">=1.1.8",
-    "@veltra/compositions": "^1.7.2",
-    "@veltra/directives": "^1.7.2",
+    "@cat-kit/core": ">=1.2.1",
+    "@cat-kit/fe": ">=1.2.1",
+    "@veltra/compositions": "^1.7.4",
+    "@veltra/directives": "^1.7.4",
     "@veltra/icons": "^1.5.0",
-    "@veltra/sheet-core": "^2.5.2",
-    "@veltra/styles": "^1.7.2",
-    "@veltra/utils": "^1.7.2",
-    "vue": ">=3.5.41"
+    "@veltra/sheet-core": "^2.5.4",
+    "@veltra/styles": "^1.7.4",
+    "@veltra/utils": "^1.7.4",
+    "vue": ">=3.5.42"
   },
   "peerDependenciesMeta": {
     "@veltra/sheet-core": {

package/src/components/auto-complete/style.scss

@@ -29,21 +29,46 @@ $root-name: auto-complete;
     cursor: pointer;
     margin: 2px 0;
     user-select: none;
+    color: fn.use-var(text-color, main);
     @include m.ellipsis;
 
     &:hover {
-      background-color: var(--u-nav-hover-bg);
-      color: var(--u-nav-hover-color);
+      background-color: fn.component-var(
+        auto-complete,
+        option-hover-bg,
+        fn.use-var(bg-color, hover)
+      );
+      color: fn.component-var(
+        auto-complete,
+        option-hover-color,
+        fn.use-var(text-color, title)
+      );
     }
 
     @include m.is(active) {
-      background-color: var(--u-nav-hover-bg);
-      color: var(--u-nav-hover-color);
+      background-color: fn.component-var(
+        auto-complete,
+        option-hover-bg,
+        fn.use-var(bg-color, hover)
+      );
+      color: fn.component-var(
+        auto-complete,
+        option-hover-color,
+        fn.use-var(text-color, title)
+      );
     }
 
     @include m.is(selected) {
-      background-color: var(--u-nav-active-bg);
-      color: var(--u-nav-active-color);
+      background-color: fn.component-var(
+        auto-complete,
+        option-selected-bg,
+        fn.use-var(color, primary, light-9)
+      );
+      color: fn.component-var(
+        auto-complete,
+        option-selected-color,
+        fn.use-var(color, primary)
+      );
     }
   }
 

package/src/components/batch-edit/use-features.ts

@@ -38,7 +38,7 @@ export function useFeatures(options: Options) {
     const { features } = props
     if (!Array.isArray(features) && typeof features === 'object') {
       const ret = Object.entries(features)
-        .filter(([_, value]) => {
+        .filter(([, value]) => {
           return typeof value === 'function'
         })
         .reduce(

package/src/components/batch-edit/use-handlers.ts

@@ -1,4 +1,4 @@
-import { last, o } from '@cat-kit/core'
+import { copy, last, o } from '@cat-kit/core'
 import { computed, nextTick, type ShallowRef } from 'vue'
 
 import type {
@@ -57,7 +57,7 @@ export function useHandlers(options: Options): EditReturned {
   })
 
   function getInsertData(): Record<string, any> {
-    return o(props.model ?? {}).copy()
+    return copy(props.model ?? {})
   }
 
   /**

package/src/components/breadcrumb/style.scss

@@ -25,7 +25,7 @@ $root-name: breadcrumb;
   @include m.e(separator) {
     display: flex;
     align-items: center;
-    margin: 0 fn.use-var(gap, base);
+    margin: 0 fn.use-var(gap, default);
     color: fn.use-var(text-color, placeholder);
     user-select: none;
   }

package/src/components/card/style.scss

@@ -39,7 +39,7 @@ $root-name: card;
   }
 
   @include m.e(header) {
-    background-color: fn.use-var(header-bg, transparent);
+    background-color: fn.component-var(card, header-bg, transparent);
     color: fn.use-var(text-color, title);
   }
 
@@ -65,7 +65,7 @@ $root-name: card;
   }
 
   @include m.e(action) {
-    background-color: fn.use-var(action-bg, transparent);
+    background-color: fn.component-var(card, action-bg, transparent);
 
     #{fn.bem(button)} + #{fn.bem(button)} {
       margin-left: fn.use-var(gap, default);

package/src/components/check-tag/check-tag.vue

@@ -19,10 +19,10 @@ const props = withDefaults(defineProps<CheckTagProps>(), {})
 const emits = defineEmits<CheckTagEmits>()
 
 const classList = computed(() => {
-  return [cls.b, bem.is('checked', props.checked)]
+  return [cls.b, bem.is('checked', props.modelValue ?? props.checked)]
 })
 
 const handleChange = () => {
-  emits('update:modelValue', props.checked)
+  emits('update:modelValue', !(props.modelValue ?? props.checked))
 }
 </script>

package/src/components/condition-editor/style.scss

@@ -84,16 +84,16 @@ $connector-width: 56px;
       background-color: fn.use-var(color, primary, light-9);
 
       &:hover {
-        background-color: fn.use-var(color, primary, light-8);
+        background-color: fn.use-var(color, primary, light-7);
       }
     }
 
     @include m.m(or) {
-      color: fn.use-var(color, warning, dark-2);
+      color: fn.use-var(color, warning, dark-1);
       background-color: fn.use-var(color, warning, light-9);
 
       &:hover {
-        background-color: fn.use-var(color, warning, light-8);
+        background-color: fn.use-var(color, warning, light-7);
       }
     }
 
@@ -243,7 +243,7 @@ $connector-width: 56px;
       border-color 0.15s ease;
 
     &:hover {
-      background-color: fn.use-var(color, primary, light-8);
+      background-color: fn.use-var(color, primary, light-7);
       border-color: fn.use-var(color, primary, light-5);
     }
 

package/src/components/contextmenu/style.scss

@@ -92,15 +92,31 @@ $arrow-size: 12px;
 
     #{$b}__item:not(.is-disabled):not(.is-loading) > & {
       &:hover {
-        background-color: var(--u-nav-hover-bg);
-        color: var(--u-nav-hover-color);
+        background-color: fn.component-var(
+          contextmenu,
+          item-hover-bg,
+          fn.use-var(bg-color, hover)
+        );
+        color: fn.component-var(
+          contextmenu,
+          item-hover-color,
+          fn.use-var(text-color, title)
+        );
       }
     }
   }
 
   #{$b}__item.is-open:not(.is-disabled) > #{$b}__item-content {
-    background-color: var(--u-nav-hover-bg);
-    color: var(--u-nav-hover-color);
+    background-color: fn.component-var(
+      contextmenu,
+      item-hover-bg,
+      fn.use-var(bg-color, hover)
+    );
+    color: fn.component-var(
+      contextmenu,
+      item-hover-color,
+      fn.use-var(text-color, title)
+    );
   }
 
   @include m.e(icon-place) {
@@ -142,7 +158,11 @@ $arrow-size: 12px;
 
     @include m.e(item-content) {
       padding: 0 fn.use-var(gap, $size);
-      min-height: calc(var(--u-nav-height-#{$size}) - 8px);
+      min-height: fn.component-var(
+        contextmenu,
+        item-height-#{$size},
+        calc(fn.use-var(form-component-height, $size) - 4px)
+      );
       border-radius: calc(fn.use-var(radius, $size) + 1px);
     }
   }

package/src/components/dual-nav/style.scss

@@ -73,7 +73,7 @@ $root-name: dual-nav;
 
   @include m.e(panel-title) {
     margin: 0;
-    font-size: fn.use-var(font-size, default);
+    font-size: fn.use-var(font-size-title, default);
     font-weight: 600;
     line-height: 1.4;
     color: var(--u-nav-strong-color);

package/src/components/expression-editor/style.scss

@@ -102,7 +102,7 @@ $root-name: expression-editor;
       background-color: fn.component-var(
         expression-editor,
         chip-bg,
-        fn.use-var(color, primary, light-8)
+        fn.use-var(color, primary, light-7)
       );
       box-shadow: 0 1px 4px fn.use-var(shadow, color);
 

package/src/components/form/use-form-fields.ts

@@ -1,4 +1,4 @@
-import { o } from '@cat-kit/core'
+import { copy, o } from '@cat-kit/core'
 import type { FormFieldItem } from '@veltra/utils'
 import { nextTick, watch } from 'vue'
 
@@ -8,26 +8,6 @@ interface Options {
   props: FormProps
 }
 
-/** 深拷贝 model，保留 undefined 等 o().copy() 会丢弃的值 */
-function snapshotModel(model: Record<string, any>): Record<string, any> {
-  const result: Record<string, any> = {}
-
-  for (const key of Object.keys(model)) {
-    const value = model[key]
-    if (Array.isArray(value)) {
-      result[key] = value.map((item) =>
-        item !== null && typeof item === 'object' ? snapshotModel(item) : item
-      )
-    } else if (value !== null && typeof value === 'object') {
-      result[key] = snapshotModel(value)
-    } else {
-      result[key] = value
-    }
-  }
-
-  return result
-}
-
 /** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */
 function applySnapshot(target: Record<string, any>, source: Record<string, any>) {
   for (const key of Object.keys(source)) {
@@ -47,12 +27,7 @@ function applySnapshot(target: Record<string, any>, source: Record<string, any>)
     }
 
     if (Array.isArray(sourceValue)) {
-      o(target).set(
-        key,
-        sourceValue.map((item) =>
-          item !== null && typeof item === 'object' ? snapshotModel(item) : item
-        )
-      )
+      o(target).set(key, copy(sourceValue))
       continue
     }
 
@@ -84,7 +59,7 @@ export function useFormFields(options: Options) {
   watch(
     () => props.model,
     (model) => {
-      initialSnapshot = model ? snapshotModel(model) : undefined
+      initialSnapshot = model ? copy(model) : undefined
     },
     { immediate: true, deep: false }
   )

package/src/components/number-range-input/style.scss

@@ -9,7 +9,7 @@
 
   @include m.e(separator) {
     flex-shrink: 0;
-    color: fn.use-var(text-color, secondary);
+    color: fn.use-var(text-color, second);
     line-height: 1;
   }
 }

package/src/components/progress-nodes/style.scss

@@ -39,7 +39,7 @@ $root-name: progress-nodes;
     transition:
       background-color 0.2s,
       color 0.2s;
-    border-radius: fn.use-var(radius, base);
+    border-radius: fn.use-var(radius, default);
 
     &:hover {
       @include m.bem($root-name, dot) {
@@ -47,7 +47,7 @@ $root-name: progress-nodes;
       }
 
       @include m.bem($root-name, label) {
-        color: fn.use-var(text-color, primary);
+        color: fn.use-var(color, primary);
       }
     }
   }
@@ -64,7 +64,7 @@ $root-name: progress-nodes;
   @include m.e(link) {
     position: absolute;
     border-style: dashed;
-    border-color: fn.use-var(text, color, placeholder);
+    border-color: fn.use-var(text-color, placeholder);
   }
 
   // 节点圆点

package/src/components/rich-text-editor/style.scss

@@ -8,7 +8,7 @@ $root-name: rich-text-editor;
   width: 100%;
   border: 1px solid fn.use-var(border, muted-color);
   border-radius: fn.use-var(radius, default);
-  background-color: fn.use-var(color, bg);
+  background-color: fn.use-var(bg-color, top);
   transition: border-color 0.25s ease;
   display: flex;
   flex-direction: column;
@@ -38,7 +38,7 @@ $root-name: rich-text-editor;
     gap: 2px;
     padding: 6px 8px;
     border-bottom: 1px solid fn.use-var(border-color);
-    background-color: fn.use-var(color, bg, muted);
+    background-color: fn.use-var(bg-color, middle);
   }
 
   @include m.e(toolbar-btn) {
@@ -50,19 +50,19 @@ $root-name: rich-text-editor;
     border: none;
     border-radius: 4px;
     background: transparent;
-    color: fn.use-var(text-color);
+    color: fn.use-var(text-color, main);
     cursor: pointer;
     transition: all 0.15s ease;
     padding: 0;
 
     @include m.is-not(disabled) {
       &:hover {
-        background-color: fn.use-var(color, hover);
+        background-color: fn.use-var(bg-color, hover);
       }
     }
 
     &.is-active {
-      background-color: fn.use-var(color, primary, light);
+      background-color: fn.use-var(color, primary, light-9);
       color: fn.use-var(color, primary);
     }
 
@@ -104,7 +104,7 @@ $root-name: rich-text-editor;
     border: 1px solid fn.use-var(border, muted-color);
     border-radius: 4px;
     background-color: transparent;
-    color: fn.use-var(text-color);
+    color: fn.use-var(text-color, main);
     font-size: 13px;
     cursor: pointer;
     outline: none;
@@ -146,7 +146,7 @@ $root-name: rich-text-editor;
     outline: none;
     font-size: 14px;
     line-height: 1.6;
-    color: fn.use-var(text-color);
+    color: fn.use-var(text-color, main);
     word-break: break-word;
 
     &:focus {
@@ -259,7 +259,7 @@ $root-name: rich-text-editor;
   font-weight: 600;
   line-height: 1.4;
   margin: 10px 0 4px 0;
-  color: fn.use-var(text-color, secondary);
+  color: fn.use-var(text-color, second);
 
   &:first-child {
     margin-top: 0;
@@ -286,7 +286,7 @@ $root-name: rich-text-editor;
 .u-rte-code {
   font-family: 'Menlo', 'Consolas', 'Monaco', monospace;
   font-size: 0.9em;
-  background-color: fn.use-var(color, bg, muted);
+  background-color: fn.use-var(bg-color, middle);
   padding: 2px 6px;
   border-radius: 3px;
   border: 1px solid fn.use-var(border-color);
@@ -318,8 +318,8 @@ $root-name: rich-text-editor;
   margin: 8px 0;
   padding: 8px 16px;
   border-left: 3px solid fn.use-var(color, primary);
-  background-color: fn.use-var(color, bg, muted);
-  color: fn.use-var(text-color, secondary);
+  background-color: fn.use-var(bg-color, middle);
+  color: fn.use-var(text-color, second);
   font-style: italic;
 }
 
@@ -328,7 +328,7 @@ $root-name: rich-text-editor;
   font-family: 'Menlo', 'Consolas', 'Monaco', monospace;
   font-size: 13px;
   line-height: 1.6;
-  background-color: fn.use-var(color, bg, muted);
+  background-color: fn.use-var(bg-color, middle);
   border: 1px solid fn.use-var(border-color);
   border-radius: 6px;
   padding: 12px 16px;

package/src/components/select/style.scss

@@ -63,14 +63,30 @@ $root-name: select;
     @include m.ellipsis;
 
     &:hover {
-      background-color: var(--u-nav-hover-bg);
-      color: var(--u-nav-hover-color);
+      background-color: fn.component-var(
+        select,
+        option-hover-bg,
+        fn.use-var(bg-color, hover)
+      );
+      color: fn.component-var(
+        select,
+        option-hover-color,
+        fn.use-var(text-color, title)
+      );
     }
 
     @include m.is(selected) {
       position: relative;
-      background-color: var(--u-nav-active-bg);
-      color: var(--u-nav-active-color);
+      background-color: fn.component-var(
+        select,
+        option-selected-bg,
+        fn.use-var(color, primary, light-9)
+      );
+      color: fn.component-var(
+        select,
+        option-selected-color,
+        fn.use-var(color, primary)
+      );
       font-weight: 600;
 
       &::before {

package/src/components/table/use-check.ts

@@ -110,7 +110,7 @@ export function useCheck(options: Options): UseCheckReturned {
 
   watch(
     [() => props.checked, () => props.rowKey, () => props.checkable, rows],
-    ([checked, rowKey, checkable, rows], [_, __, ___, oRows]) => {
+    ([checked, rowKey, checkable, rows], [, , , oRows]) => {
       if (changedByEvent || !checkable || !rowKey) return
 
       changedByModel = true
@@ -140,7 +140,7 @@ export function useCheck(options: Options): UseCheckReturned {
 
   watch(
     [() => props.selected, () => props.rowKey, () => props.selectable, rows],
-    ([selected, rowKey, selectable, rows], [_, __, ___, oRows]) => {
+    ([selected, rowKey, selectable, rows], [, , , oRows]) => {
       if (changedByEvent || !selectable || !rowKey) return
 
       changedByModel = true

package/src/components/tabs/style.scss

@@ -159,7 +159,7 @@ $active-shadow: fn.use-var(shadow, sm);
     padding: 0;
     border: none;
     background: transparent;
-    color: fn.use-var(text-color, secondary);
+    color: fn.use-var(text-color, second);
     cursor: pointer;
     border-radius: fn.use-var(radius, default);
     font-size: 12px;

package/src/components/tree/style.scss

@@ -168,6 +168,6 @@ $indent-width: 20px;
   @include m.e(empty) {
     text-align: center;
     padding: fn.use-var(gap, default) 0;
-    color: fn.use-var(text-color, secondary);
+    color: fn.use-var(text-color, second);
   }
 }