@veltra/desktop 1.7.11 → 1.7.13

package/dist/components/batch-edit/batch-edit-form.js

@@ -15,7 +15,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "batch-edit-form",
 	setup(__props, { expose: __expose }) {
 		const batchEditCtx = inject(BatchEditDIKey);
-		const { cls, props, state, emit, handleClose, handleSave, staticFeatures, dynamicFeatures, syncing } = batchEditCtx;
+		const { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures, syncing } = batchEditCtx;
 		const focused = toRef(batchEditCtx, "focused");
 		const formComponentRef = shallowRef();
 		__expose({
@@ -28,9 +28,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (syncing.value) return;
 			if (state.row && props.quickEdit) o(state.row.data).set(field, value);
 		}
-		function handleFormFieldChange(field, ...args) {
-			emit("field:change", field, ...args);
-		}
 		const creatable = computed(() => {
 			if (state.formActionType !== "create") return false;
 			return staticFeatures.value.has("create") || dynamicFeatures.value.create?.(state.row);
@@ -89,8 +86,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 							model: unref(props).model,
 							readonly: unref(props).readonly,
 							"label-width": unref(props).labelWidth,
-							"onField:update": handleFieldUpdate,
-							"onField:change": handleFormFieldChange
+							"onField:update": handleFieldUpdate
 						}, {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
 								row: unref(state).row,

package/dist/components/batch-edit/batch-edit-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <!-- 表单常驻挂载（快照只在挂载时对传入的 model 拍一次），仅用 v-show 控制显隐 -->\n  <aside :class=\"cls.e('form')\" v-if=\"!!props.model\" v-show=\"state.formVisible\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(state.formActionType)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n          @field:update=\"handleFieldUpdate\"\n          @field:change=\"handleFormFieldChange\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              parentRow: state.parentRow,\n              formActionType: state.formActionType,\n              depth: state.depth,\n              indexes: state.indexPath,\n              index: state.row?.index\n            }\"\n          />\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\">\n        <template v-if=\"props.readonly\"> 只读模式 </template>\n\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <template v-if=\"!(state.formActionType === 'update' && props.quickEdit)\">\n            <u-kbd>Ctrl + S</u-kbd> 保存 ·\n          </template>\n          <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button size=\"small\" text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button\n          v-if=\"showSaveBtn\"\n          type=\"primary\"\n          size=\"small\"\n          title=\"保存\"\n          :icon=\"Save\"\n          :loading=\"state.loading\"\n          @click=\"handleSave\"\n        />\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Close, Save } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef, toRef } from 'vue'\n\nimport type { _FormExposed, FormExposed } from '../../types/form'\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\nimport { FORM_ACTION_HEADER_MAP } from './form-action-header'\n\ndefineOptions({ name: 'UBatchEditForm' })\n\nconst batchEditCtx = inject(BatchEditDIKey)!\n\nconst {\n  cls,\n  props,\n  state,\n  emit,\n  handleClose,\n  handleSave,\n  staticFeatures,\n  dynamicFeatures,\n  syncing\n} = batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\n\nfunction handleFieldUpdate(field: string, value: any) {\n  // 编程方式重置/回显期间不写回行数据，避免默认值污染源数据\n  if (syncing.value) return\n\n  if (state.row && props.quickEdit) {\n    o(state.row.data).set(field, value)\n  }\n}\n\nfunction handleFormFieldChange(field: string, ...args: any[]) {\n  emit('field:change', field, ...args)\n}\n\nconst creatable = computed(() => {\n  if (state.formActionType !== 'create') return false\n  return staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row)\n})\n\nconst creatableChild = computed(() => {\n  if (state.formActionType !== 'createChild') return false\n  return (\n    staticFeatures.value.has('createChild') || dynamicFeatures.value.createChild?.(state.parentRow)\n  )\n})\n\nconst updatable = computed(() => {\n  if (state.formActionType !== 'update') return false\n  return staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row)\n})\n\nconst showSaveBtn = computed(() => {\n  if (props.readonly) return false\n  if (props.quickEdit && state.formActionType === 'update') return false\n  return creatable.value || updatable.value || creatableChild.value\n})\n\nconst headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"batch-edit-form.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit-form.vue"],"sourcesContent":["<template>\n  <!-- 表单常驻挂载（快照只在挂载时对传入的 model 拍一次），仅用 v-show 控制显隐 -->\n  <aside :class=\"cls.e('form')\" v-if=\"!!props.model\" v-show=\"state.formVisible\">\n    <header :class=\"cls.e('form-header')\">\n      <span :class=\"[cls.e('form-icon'), bem.is(state.formActionType)]\">\n        <u-icon>\n          <component :is=\"headerInfo.icon\" />\n        </u-icon>\n      </span>\n      <div :class=\"cls.e('form-title')\">\n        <h3 :class=\"cls.e('form-title-text')\">{{ headerInfo.title }}</h3>\n      </div>\n      <u-button\n        :class=\"cls.e('form-close')\"\n        :icon=\"Close\"\n        text\n        circle\n        size=\"small\"\n        title=\"关闭\"\n        @click=\"handleClose\"\n      />\n    </header>\n\n    <u-scroll always :class=\"cls.e('form-body')\">\n      <transition name=\"fade\" appear mode=\"out-in\">\n        <u-form\n          ref=\"formComponentRef\"\n          :model=\"props.model\"\n          :readonly=\"props.readonly\"\n          :label-width=\"props.labelWidth\"\n          @field:update=\"handleFieldUpdate\"\n        >\n          <slot\n            v-bind=\"{\n              row: state.row,\n              parentRow: state.parentRow,\n              formActionType: state.formActionType,\n              depth: state.depth,\n              indexes: state.indexPath,\n              index: state.row?.index\n            }\"\n          />\n        </u-form>\n      </transition>\n    </u-scroll>\n\n    <footer :class=\"cls.e('form-footer')\">\n      <span :class=\"cls.e('form-hint')\">\n        <template v-if=\"props.readonly\"> 只读模式 </template>\n\n        <span :class=\"{ [bem.is('concealed')]: !focused }\">\n          <template v-if=\"!(state.formActionType === 'update' && props.quickEdit)\">\n            <u-kbd>Ctrl + S</u-kbd> 保存 ·\n          </template>\n          <u-kbd>Esc</u-kbd> 关闭\n        </span>\n      </span>\n\n      <div :class=\"cls.e('form-actions')\">\n        <u-button size=\"small\" text :loading=\"state.loading\" @click=\"handleClose\"> 取消 </u-button>\n        <u-button\n          v-if=\"showSaveBtn\"\n          type=\"primary\"\n          size=\"small\"\n          title=\"保存\"\n          :icon=\"Save\"\n          :loading=\"state.loading\"\n          @click=\"handleSave\"\n        />\n      </div>\n    </footer>\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Close, Save } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, shallowRef, toRef } from 'vue'\n\nimport type { _FormExposed, FormExposed } from '../../types/form'\nimport { UButton } from '../button'\nimport { UForm } from '../form'\nimport { UIcon } from '../icon'\nimport { UKbd } from '../kbd'\nimport { UScroll } from '../scroll'\nimport { BatchEditDIKey } from './di'\nimport { FORM_ACTION_HEADER_MAP } from './form-action-header'\n\ndefineOptions({ name: 'UBatchEditForm' })\n\nconst batchEditCtx = inject(BatchEditDIKey)!\n\nconst { cls, props, state, handleClose, handleSave, staticFeatures, dynamicFeatures, syncing } =\n  batchEditCtx\n\nconst focused = toRef(batchEditCtx, 'focused')\n\nconst formComponentRef = shallowRef<FormExposed>()\n\ndefineExpose<_FormExposed>({\n  el: toRef(() => formComponentRef.value?.el),\n  validate: () => formComponentRef.value?.validate() ?? Promise.resolve(true),\n  clearValidate: () => formComponentRef.value?.clearValidate(),\n  reset: () => formComponentRef.value?.reset()\n})\n\nfunction handleFieldUpdate(field: string, value: any) {\n  // 编程方式重置/回显期间不写回行数据，避免默认值污染源数据\n  if (syncing.value) return\n\n  if (state.row && props.quickEdit) {\n    o(state.row.data).set(field, value)\n  }\n}\n\nconst creatable = computed(() => {\n  if (state.formActionType !== 'create') return false\n  return staticFeatures.value.has('create') || dynamicFeatures.value.create?.(state.row)\n})\n\nconst creatableChild = computed(() => {\n  if (state.formActionType !== 'createChild') return false\n  return (\n    staticFeatures.value.has('createChild') || dynamicFeatures.value.createChild?.(state.parentRow)\n  )\n})\n\nconst updatable = computed(() => {\n  if (state.formActionType !== 'update') return false\n  return staticFeatures.value.has('update') || dynamicFeatures.value.update?.(state.row)\n})\n\nconst showSaveBtn = computed(() => {\n  if (props.readonly) return false\n  if (props.quickEdit && state.formActionType === 'update') return false\n  return creatable.value || updatable.value || creatableChild.value\n})\n\nconst headerInfo = computed(() => FORM_ACTION_HEADER_MAP[state.formActionType])\n</script>\n"],"mappings":"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"}

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

@@ -46,7 +46,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		textEllipsis: { type: Boolean }
 	},
 	emits: [
-		"field:change",
 		"update:data",
 		"create",
 		"create-prev",

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

@@ -1 +1 @@
-{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"minmax(0, 1fr) \"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"form\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useTemplateRef } from 'vue'\n\nimport type { BatchEditEmits, BatchEditProps, BatchEditSlots, FormExposed } from '../../types'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEditState } from './use-edit-state'\nimport { useFeatures } from './use-features'\nimport { useHandlers } from './use-handlers'\nimport { useShortcutKey } from './use-shortcut-key'\n\ndefineOptions({ name: 'UBatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<BatchEditSlots>()\n\nconst cls = bem('batch-edit')\n\nconst formRef = useTemplateRef<FormExposed>('form')\n\nconst { state, resetState, syncing } = useEditState({ props, formRef })\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst handlers = useHandlers({ props, emit, state, resetState, formRef })\n\n// 快捷键处理\nconst { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({\n  props,\n  onSave: handlers.handleSave,\n  onClose: handlers.handleClose,\n  state\n})\n\nconst cols = computed(() => {\n  return state.formVisible ? props.cols : undefined\n})\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  state,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\n  syncing,\n  ...handlers\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAEd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,UAAU,eAA4B,MAAM;EAElD,MAAM,EAAE,OAAO,YAAY,YAAY,aAAa;GAAE;GAAO;EAAQ,CAAC;EAEtE,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,WAAW,YAAY;GAAE;GAAO;GAAM;GAAO;GAAY;EAAQ,CAAC;EAGxE,MAAM,EAAE,eAAe,gBAAgB,eAAe,YAAY,eAAe;GAC/E;GACA,QAAQ,SAAS;GACjB,SAAS,SAAS;GAClB;EACF,CAAC;EAED,MAAM,OAAO,eAAe;GAC1B,OAAO,MAAM,cAAc,MAAM,OAAO,KAAA;EAC1C,CAAC;EAED,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;;GA3EC,OAAA,UAAA,GAAA,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS,MAAA,aAAA;IACT,YAAU,MAAA,cAAA;IACO,kBAAA,MAAA,aAAA;;IAElB,SAAA,cAAa;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAEgB,aAAA,EAFD,KAAI,OAAM,GAAA;MACvB,SAAA,SADgC,WAAM,CACtC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"minmax(0, 1fr) \"\n    gap=\"8px\"\n    resizable\n    tabindex=\"-1\"\n    @focusin=\"handleFocusIn\"\n    @focusout=\"handleFocusOut\"\n    @keydown.capture=\"handleKeydown\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm ref=\"form\" v-slot=\"scoped\">\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, provide, useTemplateRef } from 'vue'\n\nimport type { BatchEditEmits, BatchEditProps, BatchEditSlots, FormExposed } from '../../types'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEditState } from './use-edit-state'\nimport { useFeatures } from './use-features'\nimport { useHandlers } from './use-handlers'\nimport { useShortcutKey } from './use-shortcut-key'\n\ndefineOptions({ name: 'UBatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst slots = defineSlots<BatchEditSlots>()\n\nconst cls = bem('batch-edit')\n\nconst formRef = useTemplateRef<FormExposed>('form')\n\nconst { state, resetState, syncing } = useEditState({ props, formRef })\n\nconst { staticFeatures, dynamicFeatures } = useFeatures({ props })\n\nconst handlers = useHandlers({ props, emit, state, resetState, formRef })\n\n// 快捷键处理\nconst { handleFocusIn, handleFocusOut, handleKeydown, focused } = useShortcutKey({\n  props,\n  onSave: handlers.handleSave,\n  onClose: handlers.handleClose,\n  state\n})\n\nconst cols = computed(() => {\n  return state.formVisible ? props.cols : undefined\n})\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  state,\n  staticFeatures,\n  dynamicFeatures,\n  focused,\n  syncing,\n  ...handlers\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAA;EAEd,MAAM,MAAM,IAAI,YAAY;EAE5B,MAAM,UAAU,eAA4B,MAAM;EAElD,MAAM,EAAE,OAAO,YAAY,YAAY,aAAa;GAAE;GAAO;EAAQ,CAAC;EAEtE,MAAM,EAAE,gBAAgB,oBAAoB,YAAY,EAAE,MAAM,CAAC;EAEjE,MAAM,WAAW,YAAY;GAAE;GAAO;GAAM;GAAO;GAAY;EAAQ,CAAC;EAGxE,MAAM,EAAE,eAAe,gBAAgB,eAAe,YAAY,eAAe;GAC/E;GACA,QAAQ,SAAS;GACjB,SAAS,SAAS;GAClB;EACF,CAAC;EAED,MAAM,OAAO,eAAe;GAC1B,OAAO,MAAM,cAAc,MAAM,OAAO,KAAA;EAC1C,CAAC;EAED,QAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL,CAAC;;GA3EC,OAAA,UAAA,GAAA,YAkBW,MAAA,WAAA,GAAA;IAjBR,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACA,UAAS;IACR,WAAS,MAAA,aAAA;IACT,YAAU,MAAA,cAAA;IACO,kBAAA,MAAA,aAAA;;IAElB,SAAA,cAAa;KAAb,mBAAA,QAAA;KACA,YAAgC,aAAA,EAAT,MAAK,CAAA;KAE5B,mBAAA,QAAA;KACA,YAEgB,aAAA,EAFD,KAAI,OAAM,GAAA;MACvB,SAAA,SADgC,WAAM,CACtC,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,MAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/batch-edit/helper.d.ts

@@ -6,7 +6,6 @@ import "../../types/index.js";
  * @param columns 列
  * @returns
  */
-declare function defineBatchEditColumns(columns: BatchEditColumn[]): BatchEditColumn[];
+export declare function defineBatchEditColumns(columns: BatchEditColumn[]): BatchEditColumn[];
 //#endregion
-export { defineBatchEditColumns };
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/condition-editor/core/evaluator.d.ts

@@ -1,7 +1,7 @@
 import { ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf } from "../../../types/condition-editor.js";
 import "../../../types/index.js";
 //#region src/components/condition-editor/core/evaluator.d.ts
-interface EvaluateOptions {
+export interface EvaluateOptions {
   /** 字段定义 —— 提供后按字段类型做类型感知比较 */
   fields?: ConditionField[];
   /** 上下文数据，用于解析 `kind: 'variable'` 引用 */
@@ -15,9 +15,8 @@ interface EvaluateOptions {
  * - 不完整的叶子（field/operator 缺失、或缺少所需值且 operator 需要值）按 `false` 计
  * - 同组内 AND/OR 按 **从左到右、等优先级** 求值；需要更高优先级请用子分组
  */
-declare function evaluate(expression: ConditionExpression, options?: EvaluateOptions): boolean;
-declare function createEmptyGroup(): ConditionGroup;
-declare function createEmptyLeaf(): ConditionLeaf;
+export declare function evaluate(expression: ConditionExpression, options?: EvaluateOptions): boolean;
+export declare function createEmptyGroup(): ConditionGroup;
+export declare function createEmptyLeaf(): ConditionLeaf;
 //#endregion
-export { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate };
 //# sourceMappingURL=evaluator.d.ts.map

package/dist/components/contextmenu/api.d.ts

@@ -1,9 +1,8 @@
 import { ContextmenuProps } from "../../types/contextmenu.js";
 import "../../types/index.js";
 //#region src/components/contextmenu/api.d.ts
-declare const contextmenu: {
+export declare const contextmenu: {
   pop(options: ContextmenuProps): void;
 };
 //#endregion
-export { contextmenu };
 //# sourceMappingURL=api.d.ts.map

package/dist/components/contextmenu/di.d.ts

@@ -1,15 +1,14 @@
 import { ComputedRef, InjectionKey } from "vue";
 import { BEM } from "@veltra/utils";
 //#region src/components/contextmenu/di.d.ts
-declare const ContextmenuRootDIKey: InjectionKey<{
+export declare const ContextmenuRootDIKey: InjectionKey<{
   cls: BEM<'contextmenu'>;
   onItemClickStart: () => void;
   onItemClickEnd: () => void;
 }>;
-declare const ContextmenuPanelDIKey: InjectionKey<{
+export declare const ContextmenuPanelDIKey: InjectionKey<{
   showIconColumn: ComputedRef<boolean>;
   showArrowColumn: ComputedRef<boolean>;
 }>;
 //#endregion
-export { ContextmenuPanelDIKey, ContextmenuRootDIKey };
 //# sourceMappingURL=di.d.ts.map

package/dist/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.vue"],"sourcesContent":["<template>\n  <u-grid\n    tag=\"form\"\n    ref=\"grid\"\n    @submit.prevent\n    gap=\"0 12px\"\n    :cols=\"cols || breakpointCols\"\n    :class=\"[cls.b, bem.is('readonly', readonly)]\"\n  >\n    <template\n      v-for=\"{ node, isFormItem, formItemProps, field, modelValue } of getSlotsNodes()\"\n      :key=\"node.key\"\n    >\n      <u-form-item v-if=\"!isFormItem && field\" v-bind=\"formItemProps\">\n        <component\n          :is=\"node\"\n          :model-value=\"modelValue ?? o(model ?? {}).get(field)\"\n          @update:model-value=\"handleUpdateValue(field, $event)\"\n        />\n        <div v-if=\"shouldShowModified(field)\" :class=\"cls.e('data-before')\">\n          <span :class=\"cls.e('changed-tag')\">{{ modifiedLabel }}</span>\n          <component :is=\"node\" readonly :model-value=\"getBaselineFieldValue(field)\" />\n        </div>\n      </u-form-item>\n\n      <component v-else :is=\"node\" />\n    </template>\n  </u-grid>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { provideFormContext } from '@veltra/utils'\nimport { nextTick, toRef, useTemplateRef } from 'vue'\n\nimport type { BreakCols, FormProps, _FormExposed, FormEmits } from '../../types'\nimport { UFormItem } from '../form-item'\nimport { UGrid } from '../grid'\nimport { isFieldModified } from './is-field-modified'\nimport { useFormFields } from './use-form-fields'\nimport { useNodeInterceptor } from './use-node-interceptor'\n\ndefineOptions({ name: 'UForm' })\n\nconst props = withDefaults(defineProps<FormProps>(), { modifiedLabel: '变更前：' })\n\nconst emit = defineEmits<FormEmits>()\n\ndefineSlots<{ default(props?: { data: Record<string, any> | undefined }): any }>()\n\nconst cls = bem('form')\nconst formItemCls = bem('form-item')\nconst gridRef = useTemplateRef('grid')\n\nconst breakpointCols: BreakCols = { xs: 1, md: 2, lg: 3, xl: 4, default: 4 }\n\nconst {\n  validate: runValidate,\n  clearValidate,\n  reset,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  getBaselineModel\n} = useFormFields({ props })\n\nasync function validate(keys?: string[]) {\n  const valid = await runValidate(keys)\n  if (!valid) {\n    await nextTick()\n\n    gridRef.value?.el\n      ?.querySelector(`.${formItemCls.e('error-text')}`)\n      ?.scrollIntoView({ block: 'center' })\n  }\n  return valid\n}\n\nfunction handleFieldUpdate(field: string, value: any) {\n  emit('field:update', field, value)\n}\n\nfunction handleFieldChange(field: string, ...args: any[]) {\n  emit('field:change', field, ...args)\n}\n\nprovideFormContext({\n  formProps: props,\n  registerField,\n  unregisterField,\n  validateFields: validate,\n  shouldValidate,\n  handleFieldUpdate,\n  handleFieldChange\n})\n\nconst { getSlotsNodes } = useNodeInterceptor()\n\nfunction handleUpdateValue(field: string, value: any) {\n  if (!props.model) return\n  o(props.model).set(field, value)\n}\n\nfunction getBaselineFieldValue(field: string) {\n  return o(getBaselineModel() ?? {}).get(field)\n}\n\nfunction shouldShowModified(field: string) {\n  if (!props.showModified) return false\n  const baseline = getBaselineModel()\n  if (!baseline || !props.model) return false\n  const current = o(props.model).get(field)\n  const initial = o(baseline).get(field)\n  return isFieldModified(current, initial)\n}\n\ndefineExpose<_FormExposed>({ el: toRef(() => gridRef.value?.el), validate, clearValidate, reset })\n</script>\n"],"mappings":""}
+{"version":3,"file":"form.js","names":[],"sources":["../../../src/components/form/form.vue"],"sourcesContent":["<template>\n  <u-grid\n    tag=\"form\"\n    ref=\"grid\"\n    @submit.prevent\n    gap=\"0 12px\"\n    :cols=\"cols || breakpointCols\"\n    :class=\"[cls.b, bem.is('readonly', readonly)]\"\n  >\n    <template\n      v-for=\"{ node, isFormItem, formItemProps, field, modelValue, renderKey } of getSlotsNodes()\"\n      :key=\"renderKey\"\n    >\n      <u-form-item v-if=\"!isFormItem && field\" v-bind=\"formItemProps\">\n        <component\n          :is=\"node\"\n          :model-value=\"modelValue ?? o(model ?? {}).get(field)\"\n          @update:model-value=\"handleUpdateValue(field, $event)\"\n        />\n        <div v-if=\"shouldShowModified(field)\" :class=\"cls.e('data-before')\">\n          <span :class=\"cls.e('changed-tag')\">{{ modifiedLabel }}</span>\n          <component :is=\"createModifiedPreview(node, field)\" />\n        </div>\n      </u-form-item>\n\n      <component v-else :is=\"node\" />\n    </template>\n  </u-grid>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { provideFormContext } from '@veltra/utils'\nimport { nextTick, toRef, useTemplateRef, type VNode } from 'vue'\n\nimport type { BreakCols, FormProps, _FormExposed, FormEmits } from '../../types'\nimport { UFormItem } from '../form-item'\nimport { UGrid } from '../grid'\nimport { isFieldModified } from './is-field-modified'\nimport { useFormFields } from './use-form-fields'\nimport { forkUnmountedVNode, useNodeInterceptor } from './use-node-interceptor'\n\ndefineOptions({ name: 'UForm' })\n\nconst props = withDefaults(defineProps<FormProps>(), { modifiedLabel: '变更前：' })\n\nconst emit = defineEmits<FormEmits>()\n\ndefineSlots<{ default(props?: { data: Record<string, any> | undefined }): any }>()\n\nconst cls = bem('form')\nconst formItemCls = bem('form-item')\nconst gridRef = useTemplateRef('grid')\n\nconst breakpointCols: BreakCols = { xs: 1, md: 2, lg: 3, xl: 4, default: 4 }\n\nconst {\n  validate: runValidate,\n  clearValidate,\n  reset,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  getBaselineModel\n} = useFormFields({ props })\n\nasync function validate(keys?: string[]) {\n  const valid = await runValidate(keys)\n  if (!valid) {\n    await nextTick()\n\n    gridRef.value?.el\n      ?.querySelector(`.${formItemCls.e('error-text')}`)\n      ?.scrollIntoView({ block: 'center' })\n  }\n  return valid\n}\n\nfunction handleFieldUpdate(field: string, value: any) {\n  emit('field:update', field, value)\n}\n\nprovideFormContext({\n  formProps: props,\n  registerField,\n  unregisterField,\n  validateFields: validate,\n  shouldValidate,\n  handleFieldUpdate\n})\n\nconst { getSlotsNodes } = useNodeInterceptor()\n\nfunction handleUpdateValue(field: string, value: any) {\n  if (!props.model) return\n  o(props.model).set(field, value)\n}\n\nfunction getBaselineFieldValue(field: string) {\n  return o(getBaselineModel() ?? {}).get(field)\n}\n\nfunction createModifiedPreview(node: VNode, field: string) {\n  return forkUnmountedVNode(node, { readonly: true, modelValue: getBaselineFieldValue(field) })\n}\n\nfunction shouldShowModified(field: string) {\n  if (!props.showModified) return false\n  const baseline = getBaselineModel()\n  if (!baseline || !props.model) return false\n  const current = o(props.model).get(field)\n  const initial = o(baseline).get(field)\n  return isFieldModified(current, initial)\n}\n\ndefineExpose<_FormExposed>({ el: toRef(() => gridRef.value?.el), validate, clearValidate, reset })\n</script>\n"],"mappings":""}

package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import _sfc_main from "../grid/grid.js";
 import form_item_default from "../form-item/form-item.js";
 import { isFieldModified } from "./is-field-modified.js";
 import { useFormFields } from "./use-form-fields.js";
-import { useNodeInterceptor } from "./use-node-interceptor.js";
+import { forkUnmountedVNode, useNodeInterceptor } from "./use-node-interceptor.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, toRef, unref, useTemplateRef, withCtx, withModifiers } from "vue";
 import { bem, provideFormContext } from "@veltra/utils";
 import { o } from "@cat-kit/core";
@@ -23,7 +23,7 @@ var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["field:change", "field:update"],
+	emits: ["field:update"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -49,17 +49,13 @@ var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		function handleFieldUpdate(field, value) {
 			emit("field:update", field, value);
 		}
-		function handleFieldChange(field, ...args) {
-			emit("field:change", field, ...args);
-		}
 		provideFormContext({
 			formProps: props,
 			registerField,
 			unregisterField,
 			validateFields: validate,
 			shouldValidate,
-			handleFieldUpdate,
-			handleFieldChange
+			handleFieldUpdate
 		});
 		const { getSlotsNodes } = useNodeInterceptor();
 		function handleUpdateValue(field, value) {
@@ -69,6 +65,12 @@ var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		function getBaselineFieldValue(field) {
 			return o(getBaselineModel() ?? {}).get(field);
 		}
+		function createModifiedPreview(node, field) {
+			return forkUnmountedVNode(node, {
+				readonly: true,
+				modelValue: getBaselineFieldValue(field)
+			});
+		}
 		function shouldShowModified(field) {
 			if (!props.showModified) return false;
 			const baseline = getBaselineModel();
@@ -92,8 +94,8 @@ var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				cols: __props.cols || breakpointCols,
 				class: normalizeClass([unref(cls).b, unref(bem).is("readonly", __props.readonly)])
 			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSlotsNodes)(), ({ node, isFormItem, formItemProps, field, modelValue }) => {
-					return openBlock(), createElementBlock(Fragment, { key: node.key }, [!isFormItem && field ? (openBlock(), createBlock(unref(form_item_default), mergeProps({
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSlotsNodes)(), ({ node, isFormItem, formItemProps, field, modelValue, renderKey }) => {
+					return openBlock(), createElementBlock(Fragment, { key: renderKey }, [!isFormItem && field ? (openBlock(), createBlock(unref(form_item_default), mergeProps({
 						key: 0,
 						ref_for: true
 					}, formItemProps), {
@@ -103,10 +105,7 @@ var form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 						}, null, 8, ["model-value", "onUpdate:modelValue"])), shouldShowModified(field) ? (openBlock(), createElementBlock("div", {
 							key: 0,
 							class: normalizeClass(unref(cls).e("data-before"))
-						}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("changed-tag")) }, toDisplayString(__props.modifiedLabel), 3), (openBlock(), createBlock(resolveDynamicComponent(node), {
-							readonly: "",
-							"model-value": getBaselineFieldValue(field)
-						}, null, 8, ["model-value"]))], 2)) : createCommentVNode("v-if", true)]),
+						}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("changed-tag")) }, toDisplayString(__props.modifiedLabel), 3), (openBlock(), createBlock(resolveDynamicComponent(createModifiedPreview(node, field))))], 2)) : createCommentVNode("v-if", true)]),
 						_: 2
 					}, 1040)) : (openBlock(), createBlock(resolveDynamicComponent(node), { key: 1 }))], 64);
 				}), 128))]),

package/dist/components/form/form.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/form.vue"],"sourcesContent":["<template>\n  <u-grid\n    tag=\"form\"\n    ref=\"grid\"\n    @submit.prevent\n    gap=\"0 12px\"\n    :cols=\"cols || breakpointCols\"\n    :class=\"[cls.b, bem.is('readonly', readonly)]\"\n  >\n    <template\n      v-for=\"{ node, isFormItem, formItemProps, field, modelValue } of getSlotsNodes()\"\n      :key=\"node.key\"\n    >\n      <u-form-item v-if=\"!isFormItem && field\" v-bind=\"formItemProps\">\n        <component\n          :is=\"node\"\n          :model-value=\"modelValue ?? o(model ?? {}).get(field)\"\n          @update:model-value=\"handleUpdateValue(field, $event)\"\n        />\n        <div v-if=\"shouldShowModified(field)\" :class=\"cls.e('data-before')\">\n          <span :class=\"cls.e('changed-tag')\">{{ modifiedLabel }}</span>\n          <component :is=\"node\" readonly :model-value=\"getBaselineFieldValue(field)\" />\n        </div>\n      </u-form-item>\n\n      <component v-else :is=\"node\" />\n    </template>\n  </u-grid>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { provideFormContext } from '@veltra/utils'\nimport { nextTick, toRef, useTemplateRef } from 'vue'\n\nimport type { BreakCols, FormProps, _FormExposed, FormEmits } from '../../types'\nimport { UFormItem } from '../form-item'\nimport { UGrid } from '../grid'\nimport { isFieldModified } from './is-field-modified'\nimport { useFormFields } from './use-form-fields'\nimport { useNodeInterceptor } from './use-node-interceptor'\n\ndefineOptions({ name: 'UForm' })\n\nconst props = withDefaults(defineProps<FormProps>(), { modifiedLabel: '变更前：' })\n\nconst emit = defineEmits<FormEmits>()\n\ndefineSlots<{ default(props?: { data: Record<string, any> | undefined }): any }>()\n\nconst cls = bem('form')\nconst formItemCls = bem('form-item')\nconst gridRef = useTemplateRef('grid')\n\nconst breakpointCols: BreakCols = { xs: 1, md: 2, lg: 3, xl: 4, default: 4 }\n\nconst {\n  validate: runValidate,\n  clearValidate,\n  reset,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  getBaselineModel\n} = useFormFields({ props })\n\nasync function validate(keys?: string[]) {\n  const valid = await runValidate(keys)\n  if (!valid) {\n    await nextTick()\n\n    gridRef.value?.el\n      ?.querySelector(`.${formItemCls.e('error-text')}`)\n      ?.scrollIntoView({ block: 'center' })\n  }\n  return valid\n}\n\nfunction handleFieldUpdate(field: string, value: any) {\n  emit('field:update', field, value)\n}\n\nfunction handleFieldChange(field: string, ...args: any[]) {\n  emit('field:change', field, ...args)\n}\n\nprovideFormContext({\n  formProps: props,\n  registerField,\n  unregisterField,\n  validateFields: validate,\n  shouldValidate,\n  handleFieldUpdate,\n  handleFieldChange\n})\n\nconst { getSlotsNodes } = useNodeInterceptor()\n\nfunction handleUpdateValue(field: string, value: any) {\n  if (!props.model) return\n  o(props.model).set(field, value)\n}\n\nfunction getBaselineFieldValue(field: string) {\n  return o(getBaselineModel() ?? {}).get(field)\n}\n\nfunction shouldShowModified(field: string) {\n  if (!props.showModified) return false\n  const baseline = getBaselineModel()\n  if (!baseline || !props.model) return false\n  const current = o(props.model).get(field)\n  const initial = o(baseline).get(field)\n  return isFieldModified(current, initial)\n}\n\ndefineExpose<_FormExposed>({ el: toRef(() => gridRef.value?.el), validate, clearValidate, reset })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/form/form.vue"],"sourcesContent":["<template>\n  <u-grid\n    tag=\"form\"\n    ref=\"grid\"\n    @submit.prevent\n    gap=\"0 12px\"\n    :cols=\"cols || breakpointCols\"\n    :class=\"[cls.b, bem.is('readonly', readonly)]\"\n  >\n    <template\n      v-for=\"{ node, isFormItem, formItemProps, field, modelValue, renderKey } of getSlotsNodes()\"\n      :key=\"renderKey\"\n    >\n      <u-form-item v-if=\"!isFormItem && field\" v-bind=\"formItemProps\">\n        <component\n          :is=\"node\"\n          :model-value=\"modelValue ?? o(model ?? {}).get(field)\"\n          @update:model-value=\"handleUpdateValue(field, $event)\"\n        />\n        <div v-if=\"shouldShowModified(field)\" :class=\"cls.e('data-before')\">\n          <span :class=\"cls.e('changed-tag')\">{{ modifiedLabel }}</span>\n          <component :is=\"createModifiedPreview(node, field)\" />\n        </div>\n      </u-form-item>\n\n      <component v-else :is=\"node\" />\n    </template>\n  </u-grid>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { provideFormContext } from '@veltra/utils'\nimport { nextTick, toRef, useTemplateRef, type VNode } from 'vue'\n\nimport type { BreakCols, FormProps, _FormExposed, FormEmits } from '../../types'\nimport { UFormItem } from '../form-item'\nimport { UGrid } from '../grid'\nimport { isFieldModified } from './is-field-modified'\nimport { useFormFields } from './use-form-fields'\nimport { forkUnmountedVNode, useNodeInterceptor } from './use-node-interceptor'\n\ndefineOptions({ name: 'UForm' })\n\nconst props = withDefaults(defineProps<FormProps>(), { modifiedLabel: '变更前：' })\n\nconst emit = defineEmits<FormEmits>()\n\ndefineSlots<{ default(props?: { data: Record<string, any> | undefined }): any }>()\n\nconst cls = bem('form')\nconst formItemCls = bem('form-item')\nconst gridRef = useTemplateRef('grid')\n\nconst breakpointCols: BreakCols = { xs: 1, md: 2, lg: 3, xl: 4, default: 4 }\n\nconst {\n  validate: runValidate,\n  clearValidate,\n  reset,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  getBaselineModel\n} = useFormFields({ props })\n\nasync function validate(keys?: string[]) {\n  const valid = await runValidate(keys)\n  if (!valid) {\n    await nextTick()\n\n    gridRef.value?.el\n      ?.querySelector(`.${formItemCls.e('error-text')}`)\n      ?.scrollIntoView({ block: 'center' })\n  }\n  return valid\n}\n\nfunction handleFieldUpdate(field: string, value: any) {\n  emit('field:update', field, value)\n}\n\nprovideFormContext({\n  formProps: props,\n  registerField,\n  unregisterField,\n  validateFields: validate,\n  shouldValidate,\n  handleFieldUpdate\n})\n\nconst { getSlotsNodes } = useNodeInterceptor()\n\nfunction handleUpdateValue(field: string, value: any) {\n  if (!props.model) return\n  o(props.model).set(field, value)\n}\n\nfunction getBaselineFieldValue(field: string) {\n  return o(getBaselineModel() ?? {}).get(field)\n}\n\nfunction createModifiedPreview(node: VNode, field: string) {\n  return forkUnmountedVNode(node, { readonly: true, modelValue: getBaselineFieldValue(field) })\n}\n\nfunction shouldShowModified(field: string) {\n  if (!props.showModified) return false\n  const baseline = getBaselineModel()\n  if (!baseline || !props.model) return false\n  const current = o(props.model).get(field)\n  const initial = o(baseline).get(field)\n  return isFieldModified(current, initial)\n}\n\ndefineExpose<_FormExposed>({ el: toRef(() => gridRef.value?.el), validate, clearValidate, reset })\n</script>\n"],"mappings":"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"}

package/dist/components/form/use-node-interceptor.js

@@ -1,7 +1,25 @@
-import { useSlots } from "vue";
+import { cloneVNode, useSlots } from "vue";
 import { extractNormalVNodes } from "@veltra/utils";
 import { o } from "@cat-kit/core";
 //#region src/components/form/use-node-interceptor.ts
+function getVNodeTypeName(node) {
+	const type = node.type;
+	if (typeof type === "string") return type;
+	if (typeof type === "object" && type) return type.name || type.__name || "";
+	return "";
+}
+/**
+* 从源 vnode 派生一份未挂载副本。
+* Vue 的 cloneVNode 会拷贝 el/component，同一源 vnode 渲两次会把实例从编辑控件抢走。
+*/
+function forkUnmountedVNode(node, extra) {
+	const forked = extra ? cloneVNode(node, extra) : cloneVNode(node);
+	forked.el = null;
+	forked.component = null;
+	forked.anchor = null;
+	forked.suspense = null;
+	return forked;
+}
 /**
 * 虚拟node拦截
 * @returns
@@ -13,6 +31,7 @@ function useNodeInterceptor() {
 		if (!nodes?.length) return null;
 		const flattedNodes = extractNormalVNodes(nodes);
 		const results = [];
+		const seen = /* @__PURE__ */ new Map();
 		let i = 0;
 		while (i < flattedNodes.length) {
 			const node = flattedNodes[i];
@@ -28,12 +47,21 @@ function useNodeInterceptor() {
 				"readonly",
 				"field"
 			]);
+			let renderKey;
+			if (node.key != null) renderKey = node.key;
+			else {
+				const base = `${getVNodeTypeName(node)}:${field ?? ""}`;
+				const n = seen.get(base) ?? 0;
+				seen.set(base, n + 1);
+				renderKey = n === 0 ? `uform:${base}` : `uform:${base}#${n}`;
+			}
 			results.push({
 				isFormItem,
 				formItemProps,
 				node,
 				field,
-				modelValue: props?.["model-value"] ?? props?.modelValue
+				modelValue: props?.["model-value"] ?? props?.modelValue,
+				renderKey
 			});
 		}
 		return results;
@@ -41,6 +69,6 @@ function useNodeInterceptor() {
 	return { getSlotsNodes };
 }
 //#endregion
-export { useNodeInterceptor };
+export { forkUnmountedVNode, useNodeInterceptor };
 
 //# sourceMappingURL=use-node-interceptor.js.map

package/dist/components/form/use-node-interceptor.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-node-interceptor.js","names":[],"sources":["../../../src/components/form/use-node-interceptor.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { extractNormalVNodes } from '@veltra/utils'\nimport { useSlots, type VNode } from 'vue'\n\nexport type SlotRenderItem = {\n  isFormItem: boolean\n  formItemProps?: Record<string, any>\n  node: VNode\n  field?: string\n  modelValue?: any\n}\n\n/**\n * 虚拟node拦截\n * @returns\n */\nexport function useNodeInterceptor(): { getSlotsNodes: () => SlotRenderItem[] | null } {\n  const slots = useSlots()\n\n  function getSlotsNodes() {\n    const nodes = slots.default?.()\n    if (!nodes?.length) return null\n\n    const flattedNodes = extractNormalVNodes(nodes)\n\n    const results: SlotRenderItem[] = []\n\n    let i = 0\n    while (i < flattedNodes.length) {\n      const node = flattedNodes[i]!\n      i++\n\n      const { props, type } = node\n      const field = props?.field as string | undefined\n      const isFormItem = (type as any)?.name === 'UFormItem'\n\n      const formItemProps = o((props ?? {}) as Record<string, any>).pick([\n        'label',\n        'rules',\n        'span',\n        'tips',\n        'readonly',\n        'field'\n      ]) as Record<string, any>\n\n      results.push({\n        isFormItem,\n        formItemProps,\n        node,\n        field,\n        modelValue: props?.['model-value'] ?? props?.modelValue\n      })\n    }\n\n    return results\n  }\n\n  return { getSlotsNodes }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,qBAAuE;CACrF,MAAM,QAAQ,SAAS;CAEvB,SAAS,gBAAgB;EACvB,MAAM,QAAQ,MAAM,UAAU;EAC9B,IAAI,CAAC,OAAO,QAAQ,OAAO;EAE3B,MAAM,eAAe,oBAAoB,KAAK;EAE9C,MAAM,UAA4B,CAAC;EAEnC,IAAI,IAAI;EACR,OAAO,IAAI,aAAa,QAAQ;GAC9B,MAAM,OAAO,aAAa;GAC1B;GAEA,MAAM,EAAE,OAAO,SAAS;GACxB,MAAM,QAAQ,OAAO;GACrB,MAAM,aAAc,MAAc,SAAS;GAE3C,MAAM,gBAAgB,EAAG,SAAS,CAAC,CAAyB,CAAC,CAAC,KAAK;IACjE;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,QAAQ,KAAK;IACX;IACA;IACA;IACA;IACA,YAAY,QAAQ,kBAAkB,OAAO;GAC/C,CAAC;EACH;EAEA,OAAO;CACT;CAEA,OAAO,EAAE,cAAc;AACzB"}
+{"version":3,"file":"use-node-interceptor.js","names":[],"sources":["../../../src/components/form/use-node-interceptor.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { extractNormalVNodes } from '@veltra/utils'\nimport { cloneVNode, useSlots, type VNode } from 'vue'\n\nexport type SlotRenderItem = {\n  isFormItem: boolean\n  formItemProps?: Record<string, any>\n  node: VNode\n  field?: string\n  modelValue?: any\n  /** v-for 身份：调用方 :key 优先，否则 type+field+出现次序 */\n  renderKey: string | number | symbol\n}\n\nfunction getVNodeTypeName(node: VNode): string {\n  const type = node.type as { name?: string; __name?: string } | string\n  if (typeof type === 'string') return type\n  if (typeof type === 'object' && type) return type.name || type.__name || ''\n  return ''\n}\n\n/**\n * 从源 vnode 派生一份未挂载副本。\n * Vue 的 cloneVNode 会拷贝 el/component，同一源 vnode 渲两次会把实例从编辑控件抢走。\n */\nexport function forkUnmountedVNode(node: VNode, extra?: Record<string, unknown>): VNode {\n  const forked = extra ? cloneVNode(node, extra) : cloneVNode(node)\n  forked.el = null\n  forked.component = null\n  forked.anchor = null\n  forked.suspense = null\n  return forked\n}\n\n/**\n * 虚拟node拦截\n * @returns\n */\nexport function useNodeInterceptor(): { getSlotsNodes: () => SlotRenderItem[] | null } {\n  const slots = useSlots()\n\n  function getSlotsNodes() {\n    const nodes = slots.default?.()\n    if (!nodes?.length) return null\n\n    const flattedNodes = extractNormalVNodes(nodes)\n\n    const results: SlotRenderItem[] = []\n    const seen = new Map<string, number>()\n\n    let i = 0\n    while (i < flattedNodes.length) {\n      const node = flattedNodes[i]!\n      i++\n\n      const { props, type } = node\n      const field = props?.field as string | undefined\n      const isFormItem = (type as any)?.name === 'UFormItem'\n\n      const formItemProps = o((props ?? {}) as Record<string, any>).pick([\n        'label',\n        'rules',\n        'span',\n        'tips',\n        'readonly',\n        'field'\n      ]) as Record<string, any>\n\n      let renderKey: string | number | symbol\n      if (node.key != null) {\n        renderKey = node.key\n      } else {\n        const base = `${getVNodeTypeName(node)}:${field ?? ''}`\n        const n = seen.get(base) ?? 0\n        seen.set(base, n + 1)\n        renderKey = n === 0 ? `uform:${base}` : `uform:${base}#${n}`\n      }\n\n      results.push({\n        isFormItem,\n        formItemProps,\n        node,\n        field,\n        modelValue: props?.['model-value'] ?? props?.modelValue,\n        renderKey\n      })\n    }\n\n    return results\n  }\n\n  return { getSlotsNodes }\n}\n"],"mappings":";;;;AAcA,SAAS,iBAAiB,MAAqB;CAC7C,MAAM,OAAO,KAAK;CAClB,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,IAAI,OAAO,SAAS,YAAY,MAAM,OAAO,KAAK,QAAQ,KAAK,UAAU;CACzE,OAAO;AACT;;;;;AAMA,SAAgB,mBAAmB,MAAa,OAAwC;CACtF,MAAM,SAAS,QAAQ,WAAW,MAAM,KAAK,IAAI,WAAW,IAAI;CAChE,OAAO,KAAK;CACZ,OAAO,YAAY;CACnB,OAAO,SAAS;CAChB,OAAO,WAAW;CAClB,OAAO;AACT;;;;;AAMA,SAAgB,qBAAuE;CACrF,MAAM,QAAQ,SAAS;CAEvB,SAAS,gBAAgB;EACvB,MAAM,QAAQ,MAAM,UAAU;EAC9B,IAAI,CAAC,OAAO,QAAQ,OAAO;EAE3B,MAAM,eAAe,oBAAoB,KAAK;EAE9C,MAAM,UAA4B,CAAC;EACnC,MAAM,uBAAO,IAAI,IAAoB;EAErC,IAAI,IAAI;EACR,OAAO,IAAI,aAAa,QAAQ;GAC9B,MAAM,OAAO,aAAa;GAC1B;GAEA,MAAM,EAAE,OAAO,SAAS;GACxB,MAAM,QAAQ,OAAO;GACrB,MAAM,aAAc,MAAc,SAAS;GAE3C,MAAM,gBAAgB,EAAG,SAAS,CAAC,CAAyB,CAAC,CAAC,KAAK;IACjE;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,IAAI;GACJ,IAAI,KAAK,OAAO,MACd,YAAY,KAAK;QACZ;IACL,MAAM,OAAO,GAAG,iBAAiB,IAAI,EAAE,GAAG,SAAS;IACnD,MAAM,IAAI,KAAK,IAAI,IAAI,KAAK;IAC5B,KAAK,IAAI,MAAM,IAAI,CAAC;IACpB,YAAY,MAAM,IAAI,SAAS,SAAS,SAAS,KAAK,GAAG;GAC3D;GAEA,QAAQ,KAAK;IACX;IACA;IACA;IACA;IACA,YAAY,QAAQ,kBAAkB,OAAO;IAC7C;GACF,CAAC;EACH;EAEA,OAAO;CACT;CAEA,OAAO,EAAE,cAAc;AACzB"}

package/dist/components/form-item/form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.js","names":[],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\" :show-delay=\"500\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <ContentSlot>\n          <slot></slot>\n        </ContentSlot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, extractNormalVNodes, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  type SetupContext,\n  type VNode,\n  cloneVNode,\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  watch\n} from 'vue'\n\nimport type { FormItemEmits, FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'UFormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\nconst emit = defineEmits<FormItemEmits>()\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst {\n  formProps,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  handleFieldUpdate,\n  handleFieldChange\n} = injectFormContext()\n\nfunction wrapControlChange(node: VNode) {\n  if (!node || typeof node.type === 'symbol') return node\n\n  return cloneVNode(node, {\n    onChange: (...args: any[]) => {\n      emit('change', ...args)\n      if (props.field) handleFieldChange?.(props.field, ...args)\n    }\n  })\n}\n\n/**\n * 承载默认插槽并拦截控件 change。\n * 必须经填充插槽接收内容（而非直接读 UFormItem 的 $slots）：\n * 读父级 $slots 时组件自身没有更新路径，父级重渲染后动态 props（disabled、data 等）会冻结在首帧。\n */\nfunction ContentSlot(_: unknown, { slots }: SetupContext) {\n  return extractNormalVNodes(slots.default?.() ?? []).map(wrapControlChange)\n}\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst labelPosition = computed(() => props.labelPosition ?? formProps?.labelPosition ?? 'left')\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('error', !!errorTip.value),\n    bem.is('label-top', labelPosition.value === 'top')\n  ].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') return {}\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      (value) => {\n        handleFieldUpdate?.(field, value)\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"form-item.js","names":[],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\" :show-delay=\"500\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <ContentSlot>\n          <slot></slot>\n        </ContentSlot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, extractNormalVNodes, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  type SetupContext,\n  type VNode,\n  cloneVNode,\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  watch\n} from 'vue'\n\nimport type { FormItemEmits, FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'UFormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\nconst emit = defineEmits<FormItemEmits>()\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps, registerField, unregisterField, shouldValidate, handleFieldUpdate } =\n  injectFormContext()\n\nfunction wrapControlChange(node: VNode) {\n  if (!node || typeof node.type === 'symbol') return node\n\n  return cloneVNode(node, {\n    onChange: (...args: any[]) => {\n      emit('change', ...args)\n    }\n  })\n}\n\n/**\n * 承载默认插槽并拦截控件 change。\n * 必须经填充插槽接收内容（而非直接读 UFormItem 的 $slots）：\n * 读父级 $slots 时组件自身没有更新路径，父级重渲染后动态 props（disabled、data 等）会冻结在首帧。\n */\nfunction ContentSlot(_: unknown, { slots }: SetupContext) {\n  return extractNormalVNodes(slots.default?.() ?? []).map(wrapControlChange)\n}\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst labelPosition = computed(() => props.labelPosition ?? formProps?.labelPosition ?? 'left')\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('error', !!errorTip.value),\n    bem.is('label-top', labelPosition.value === 'top')\n  ].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') return {}\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      (value) => {\n        handleFieldUpdate?.(field, value)\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":""}

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js

@@ -30,12 +30,11 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const props = __props;
 		const emit = __emit;
 		/** 表单组件上下文 */
-		const { formProps, registerField, unregisterField, shouldValidate, handleFieldUpdate, handleFieldChange } = injectFormContext();
+		const { formProps, registerField, unregisterField, shouldValidate, handleFieldUpdate } = injectFormContext();
 		function wrapControlChange(node) {
 			if (!node || typeof node.type === "symbol") return node;
 			return cloneVNode(node, { onChange: (...args) => {
 				emit("change", ...args);
-				if (props.field) handleFieldChange?.(props.field, ...args);
 			} });
 		}
 		/**

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\" :show-delay=\"500\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <ContentSlot>\n          <slot></slot>\n        </ContentSlot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, extractNormalVNodes, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  type SetupContext,\n  type VNode,\n  cloneVNode,\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  watch\n} from 'vue'\n\nimport type { FormItemEmits, FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'UFormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\nconst emit = defineEmits<FormItemEmits>()\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst {\n  formProps,\n  registerField,\n  unregisterField,\n  shouldValidate,\n  handleFieldUpdate,\n  handleFieldChange\n} = injectFormContext()\n\nfunction wrapControlChange(node: VNode) {\n  if (!node || typeof node.type === 'symbol') return node\n\n  return cloneVNode(node, {\n    onChange: (...args: any[]) => {\n      emit('change', ...args)\n      if (props.field) handleFieldChange?.(props.field, ...args)\n    }\n  })\n}\n\n/**\n * 承载默认插槽并拦截控件 change。\n * 必须经填充插槽接收内容（而非直接读 UFormItem 的 $slots）：\n * 读父级 $slots 时组件自身没有更新路径，父级重渲染后动态 props（disabled、data 等）会冻结在首帧。\n */\nfunction ContentSlot(_: unknown, { slots }: SetupContext) {\n  return extractNormalVNodes(slots.default?.() ?? []).map(wrapControlChange)\n}\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst labelPosition = computed(() => props.labelPosition ?? formProps?.labelPosition ?? 'left')\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('error', !!errorTip.value),\n    bem.is('label-top', labelPosition.value === 'top')\n  ].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') return {}\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      (value) => {\n        handleFieldUpdate?.(field, value)\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"form-item.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\" :show-delay=\"500\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}{{ labelPosition === 'top' ? '' : ':' }}</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <ContentSlot>\n          <slot></slot>\n        </ContentSlot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, extractNormalVNodes, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  type SetupContext,\n  type VNode,\n  cloneVNode,\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  watch\n} from 'vue'\n\nimport type { FormItemEmits, FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'UFormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\nconst emit = defineEmits<FormItemEmits>()\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps, registerField, unregisterField, shouldValidate, handleFieldUpdate } =\n  injectFormContext()\n\nfunction wrapControlChange(node: VNode) {\n  if (!node || typeof node.type === 'symbol') return node\n\n  return cloneVNode(node, {\n    onChange: (...args: any[]) => {\n      emit('change', ...args)\n    }\n  })\n}\n\n/**\n * 承载默认插槽并拦截控件 change。\n * 必须经填充插槽接收内容（而非直接读 UFormItem 的 $slots）：\n * 读父级 $slots 时组件自身没有更新路径，父级重渲染后动态 props（disabled、data 等）会冻结在首帧。\n */\nfunction ContentSlot(_: unknown, { slots }: SetupContext) {\n  return extractNormalVNodes(slots.default?.() ?? []).map(wrapControlChange)\n}\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst labelPosition = computed(() => props.labelPosition ?? formProps?.labelPosition ?? 'left')\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('error', !!errorTip.value),\n    bem.is('label-top', labelPosition.value === 'top')\n  ].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') return {}\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      (value) => {\n        handleFieldUpdate?.(field, value)\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":"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"}

package/dist/components/loading/directive.d.ts

@@ -1,6 +1,5 @@
 import { ObjectDirective } from "vue";
 //#region src/components/loading/directive.d.ts
-declare const vLoading: ObjectDirective<HTMLElement>;
+export declare const vLoading: ObjectDirective<HTMLElement>;
 //#endregion
-export { vLoading };
 //# sourceMappingURL=directive.d.ts.map

package/dist/components/message/message.d.ts

@@ -2,7 +2,6 @@ import { Message } from "../../types/message.js";
 import "../../types/index.js";
 //#region src/components/message/message.d.ts
 /** --- 导出 API --- */
-declare const message: Message;
+export declare const message: Message;
 //#endregion
-export { message };
 //# sourceMappingURL=message.d.ts.map

package/dist/components/message-confirm/message-confirm.d.ts

@@ -2,7 +2,6 @@ import { MessageConfirm } from "../../types/message-confirm.js";
 import "../../types/index.js";
 //#region src/components/message-confirm/message-confirm.d.ts
 /** --- 导出 API --- */
-declare const messageConfirm: MessageConfirm;
+export declare const messageConfirm: MessageConfirm;
 //#endregion
-export { messageConfirm };
 //# sourceMappingURL=message-confirm.d.ts.map

package/dist/components/notification/notification.d.ts

@@ -2,7 +2,6 @@ import { Notification } from "../../types/notification.js";
 import "../../types/index.js";
 //#region src/components/notification/notification.d.ts
 /** --- 导出 API --- */
-declare const notification: Notification;
+export declare const notification: Notification;
 //#endregion
-export { notification };
 //# sourceMappingURL=notification.d.ts.map

package/dist/components/table/node/col.js

@@ -1,6 +1,17 @@
 import { isReactive, reactive, shallowReactive } from "vue";
+import { withUnit } from "@veltra/utils";
 import { TreeNode } from "@cat-kit/core";
 //#region src/components/table/node/col.ts
+function normalizeColumnStyle(style) {
+	if (!style) return void 0;
+	const result = {};
+	if (style.color !== void 0) result.color = style.color;
+	if (style.fontSize !== void 0) {
+		const fontSize = withUnit(style.fontSize, "px");
+		if (fontSize !== void 0) result.fontSize = fontSize;
+	}
+	return Object.keys(result).length ? result : void 0;
+}
 var ColumnNode = class extends TreeNode {
 	/** 叶子节点数量 */
 	leafs;
@@ -35,6 +46,14 @@ var ColumnNode = class extends TreeNode {
 	set headerAlign(val) {
 		this.data.headerAlign = val;
 	}
+	/** 表体/表尾单元格样式 */
+	get cellStyle() {
+		return normalizeColumnStyle(this.data.style);
+	}
+	/** 表头单元格样式 */
+	get headerCellStyle() {
+		return normalizeColumnStyle(this.data.headerStyle ?? this.data.style);
+	}
 	/** 宽度 */
 	get width() {
 		const width = this.data.width ?? this.derived.allocatedWidth;

package/dist/components/table/node/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const width = this.data.width ?? this.derived.allocatedWidth\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n    // 显式宽度（配置/拖拽）优先于分配宽度，旧的分配结果直接作废\n    this.derived.allocatedWidth = undefined\n  }\n\n  /**\n   * 列宽分配算法写入的宽度。\n   * 与用户列配置 `data.width` 隔离：分配结果不回写列配置对象，\n   * 避免列森林重建（重挂载 / v-if / columns 引用变化）时把上一次的\n   * 分配残留误判为显式 width，导致列宽被永久锁定、容器变窄后出现滚动条。\n   */\n  get allocatedWidth(): number | undefined {\n    return this.derived.allocatedWidth\n  }\n  set allocatedWidth(val: number | undefined) {\n    this.derived.allocatedWidth = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  /**\n   * 是否在列配置上显式指定了 width，或经表头拖拽锁定。\n   * 此类列不参与剩余宽度的均分。\n   */\n  explicitWidth: boolean\n\n  style: Record<string, number> = reactive({})\n\n  /** 派生状态（响应式），与用户列配置 data 隔离 */\n  private readonly derived = shallowReactive<{ allocatedWidth?: number }>({\n    allocatedWidth: undefined\n  })\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)\n    this.explicitWidth = val.width !== undefined\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;CAClB;;CAEA,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;CACnB;;;;;CAMA,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;CAC5B;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;CAEA,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;CACvC;CACA,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;CAC1B;;CAGA,IAAI,QAA4B;EAC9B,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK,QAAQ;EAC9C,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;CACT;CACA,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;EAElB,KAAK,QAAQ,iBAAiB,KAAA;CAChC;;;;;;;CAQA,IAAI,iBAAqC;EACvC,OAAO,KAAK,QAAQ;CACtB;CACA,IAAI,eAAe,KAAyB;EAC1C,KAAK,QAAQ,iBAAiB;CAChC;;CAEA,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;CACT;CACA,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;CACvB;;CAGA,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;;CAGA,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;CAClC;;CAGA,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;CACnC;;CAGA,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;CAChC;;;;;CAMA;CAEA,QAAgC,SAAS,CAAC,CAAC;;CAG3C,UAA2B,gBAA6C,EACtE,gBAAgB,KAAA,EAClB,CAAC;CAED,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,WAAW,GAAG,IAAI,MAAM,gBAAgB,GAAG,GAAG,OAAO,OAAO,MAAM;EACxE,KAAK,gBAAgB,IAAI,UAAU,KAAA;CACrC;AACF"}
+{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { withUnit } from '@veltra/utils'\nimport { isReactive, reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign, TableColumnStyle } from '../../../types'\n\nfunction normalizeColumnStyle(style?: TableColumnStyle): Record<string, string> | undefined {\n  if (!style) return undefined\n\n  const result: Record<string, string> = {}\n\n  if (style.color !== undefined) {\n    result.color = style.color\n  }\n  if (style.fontSize !== undefined) {\n    const fontSize = withUnit(style.fontSize, 'px')\n    if (fontSize !== undefined) {\n      result.fontSize = fontSize\n    }\n  }\n\n  return Object.keys(result).length ? result : undefined\n}\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 表体/表尾单元格样式 */\n  get cellStyle(): Record<string, string> | undefined {\n    return normalizeColumnStyle(this.data.style)\n  }\n\n  /** 表头单元格样式 */\n  get headerCellStyle(): Record<string, string> | undefined {\n    return normalizeColumnStyle(this.data.headerStyle ?? this.data.style)\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const width = this.data.width ?? this.derived.allocatedWidth\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n    // 显式宽度（配置/拖拽）优先于分配宽度，旧的分配结果直接作废\n    this.derived.allocatedWidth = undefined\n  }\n\n  /**\n   * 列宽分配算法写入的宽度。\n   * 与用户列配置 `data.width` 隔离：分配结果不回写列配置对象，\n   * 避免列森林重建（重挂载 / v-if / columns 引用变化）时把上一次的\n   * 分配残留误判为显式 width，导致列宽被永久锁定、容器变窄后出现滚动条。\n   */\n  get allocatedWidth(): number | undefined {\n    return this.derived.allocatedWidth\n  }\n  set allocatedWidth(val: number | undefined) {\n    this.derived.allocatedWidth = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  /**\n   * 是否在列配置上显式指定了 width，或经表头拖拽锁定。\n   * 此类列不参与剩余宽度的均分。\n   */\n  explicitWidth: boolean\n\n  style: Record<string, number> = reactive({})\n\n  /** 派生状态（响应式），与用户列配置 data 隔离 */\n  private readonly derived = shallowReactive<{ allocatedWidth?: number }>({\n    allocatedWidth: undefined\n  })\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)\n    this.explicitWidth = val.width !== undefined\n  }\n}\n"],"mappings":";;;;AAMA,SAAS,qBAAqB,OAA8D;CAC1F,IAAI,CAAC,OAAO,OAAO,KAAA;CAEnB,MAAM,SAAiC,CAAC;CAExC,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO,QAAQ,MAAM;CAEvB,IAAI,MAAM,aAAa,KAAA,GAAW;EAChC,MAAM,WAAW,SAAS,MAAM,UAAU,IAAI;EAC9C,IAAI,aAAa,KAAA,GACf,OAAO,WAAW;CAEtB;CAEA,OAAO,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,SAAS,KAAA;AAC/C;AAEA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;CAClB;;CAEA,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;CACnB;;;;;CAMA,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;CAC5B;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;CAEA,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;CACvC;CACA,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;CAC1B;;CAGA,IAAI,YAAgD;EAClD,OAAO,qBAAqB,KAAK,KAAK,KAAK;CAC7C;;CAGA,IAAI,kBAAsD;EACxD,OAAO,qBAAqB,KAAK,KAAK,eAAe,KAAK,KAAK,KAAK;CACtE;;CAGA,IAAI,QAA4B;EAC9B,MAAM,QAAQ,KAAK,KAAK,SAAS,KAAK,QAAQ;EAC9C,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;CACT;CACA,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;EAElB,KAAK,QAAQ,iBAAiB,KAAA;CAChC;;;;;;;CAQA,IAAI,iBAAqC;EACvC,OAAO,KAAK,QAAQ;CACtB;CACA,IAAI,eAAe,KAAyB;EAC1C,KAAK,QAAQ,iBAAiB;CAChC;;CAEA,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;CACT;CACA,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;CACvB;;CAGA,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;CACnB;CACA,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;CACpB;;CAGA,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;CAClC;;CAGA,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;CACnC;;CAGA,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;CAChC;;;;;CAMA;CAEA,QAAgC,SAAS,CAAC,CAAC;;CAG3C,UAA2B,gBAA6C,EACtE,gBAAgB,KAAA,EAClB,CAAC;CAED,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,WAAW,GAAG,IAAI,MAAM,gBAAgB,GAAG,GAAG,OAAO,OAAO,MAAM;EACxE,KAAK,gBAAgB,IAAI,UAAU,KAAA;CACrC;AACF"}

package/dist/components/table/table-cell.js

@@ -9,6 +9,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		cellClass: {},
 		left: {},
 		right: {},
+		cellStyle: {},
 		rowspan: {},
 		colspan: {}
 	},
@@ -22,6 +23,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		* 这里变成「完全受控」的纯渲染单元。
 		*/
 		const style = computed(() => ({
+			...__props.cellStyle,
 			left: withUnit(__props.left, "px"),
 			right: withUnit(__props.right, "px")
 		}));