@veltra/desktop 1.7.13 → 1.7.16

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

@@ -16,11 +16,54 @@
 */
 /** 暗色：`UITheme.render()` 按主题系列写入 html[data-theme] */
 .u-table-editor .u-table__body .u-table__cell {
-  padding: 2px;
+  padding: 4px;
 }
-.u-table-editor .u-table__body .u-table__cell [class^=u-input] {
-  box-shadow: none;
+.u-table-editor .u-table__body .u-table__cell [class^=u-] {
+  vertical-align: top;
 }
-.u-table-editor .u-table__body .u-table__cell > [class^=u-] {
-  box-shadow: none;
+.u-table-editor .is-error {
+  color: var(--u-color-danger);
+}
+.u-table-editor .is-error .u-input, .u-table-editor .is-error .u-input:hover, .u-table-editor .is-error .u-input.is-focus,
+.u-table-editor .is-error .u-multi-select,
+.u-table-editor .is-error .u-multi-select:hover,
+.u-table-editor .is-error .u-multi-select.is-focus,
+.u-table-editor .is-error .u-multi-tree-select,
+.u-table-editor .is-error .u-multi-tree-select:hover,
+.u-table-editor .is-error .u-multi-tree-select.is-focus,
+.u-table-editor .is-error .u-auto-complete,
+.u-table-editor .is-error .u-auto-complete:hover,
+.u-table-editor .is-error .u-auto-complete.is-focus,
+.u-table-editor .is-error .u-textarea--more,
+.u-table-editor .is-error .u-textarea--more:hover,
+.u-table-editor .is-error .u-textarea--more.is-focus {
+  border-color: var(--u-color-danger);
+}
+.u-table-editor .is-error .u-input.is-focus,
+.u-table-editor .is-error .u-multi-select.is-focus,
+.u-table-editor .is-error .u-multi-tree-select.is-focus,
+.u-table-editor .is-error .u-auto-complete.is-focus,
+.u-table-editor .is-error .u-textarea--more.is-focus {
+  box-shadow: var(--u-focus-ring-danger);
+}
+.u-table-editor .u-table-editor__operations {
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+}
+.u-table-editor .u-table-editor__operations .u-button {
+  padding: 0 0.4em;
+}
+.u-table-editor__required-mark {
+  padding-right: 2px;
+  color: var(--u-color-danger);
+}
+.u-table-editor__header-text.is-error {
+  color: var(--u-color-danger);
+}
+.u-table-editor__header-icon {
+  color: var(--u-color-danger);
+  margin-left: 2px;
+  vertical-align: -2px;
+  cursor: help;
 }

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

@@ -1,9 +1,12 @@
-import _sfc_main$1 from "../button/button.js";
-import _sfc_main$2 from "../table/table.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
-import { useComponentProps } from "@veltra/compositions";
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../tip/tip.js";
+import { validateField } from "../form-item/validate.js";
+import _sfc_main$3 from "../button/button.js";
+import _sfc_main$4 from "../table/table.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, h, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, shallowRef, toRaw, triggerRef, unref, useSlots, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
-import { Copy, Minus, Plus } from "@veltra/icons/normal";
+import { Copy, Minus, Plus, Warning } from "@veltra/icons/normal";
+import { o } from "@cat-kit/core";
 //#region src/components/table-editor/table-editor.vue
 const _hoisted_1 = { style: {
 	"text-align": "center",
@@ -13,9 +16,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UTableEditor",
 	__name: "table-editor",
 	props: {
-		modelValue: { default: () => [] },
+		modelValue: {},
+		columns: {},
+		readonly: { type: Boolean },
 		size: {},
-		columns: { default: () => [] },
 		checked: {},
 		selected: {},
 		checkable: { type: Boolean },
@@ -35,82 +39,239 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		textEllipsis: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
-		const cls = bem("table-editor");
-		const ButtonCommonProps = useComponentProps({
-			size: "small",
-			circle: true,
-			text: true,
-			type: "primary"
+		const columns = computed(() => props.columns ?? []);
+		const modelValue = computed(() => props.modelValue ?? []);
+		/** 转发给 u-table 的表格属性；columns / modelValue / readonly 为编辑器自用，stripe / showIndex 被覆盖 */
+		const tableProps = computed(() => {
+			const rest = { ...props };
+			delete rest.columns;
+			delete rest.modelValue;
+			delete rest.readonly;
+			return rest;
 		});
+		const cls = bem("table-editor");
+		const slots = useSlots();
 		const actionColumn = {
 			key: "__operation",
 			name: "操作",
-			width: 120,
+			width: 104,
 			align: "center",
 			fixed: "right",
 			resizable: false
 		};
+		/**
+		* 内部列定义：单元格渲染挂在列的 render 上（用户列自带的 render 优先），
+		* 配置了 rules 的列包装 nameRender 追加校验标识，非只读时末尾追加操作列。
+		* 列 key 带上只读态后缀：u-table 行内单元格在 props 值相等时可能跳过子组件补丁，
+		* 只读切换改用挂载键直接重挂单元格，确保控件在编辑/只读形态间可靠切换。
+		*/
 		const internalColumns = computed(() => {
-			return [...__props.columns, actionColumn];
+			const list = columns.value.map((column) => ({
+				...column,
+				key: `${column.key}${props.readonly ? ":ro" : ""}`,
+				nameRender: column.rules ? headerCell(column) : column.nameRender,
+				render: column.render ?? ((ctx) => editCell(column, ctx))
+			}));
+			return props.readonly ? list : [...list, actionColumn];
+		});
+		/** 透传给 u-table 的插槽名：column:* 经 editCell 注入 model、empty 由组件接管，其余透传 */
+		const passSlotNames = Object.keys(slots).filter((name) => !name.startsWith("column:") && name !== "empty");
+		/**
+		* 带校验的列表头包装：required 时列名前渲染红星；该列存在未通过项时文字标红并追加
+		* 感叹号图标，悬停经 UTip 气泡展示各行错误明细；`#header:key` 插槽 / nameRender 内容替代列名。
+		* 渲染函数内读取 columnErrors 建立响应依赖，错误出现/消失即时更新表头。
+		*/
+		function headerCell(column) {
+			return (ctx) => {
+				const messages = columnErrors.value.get(column.key);
+				const nodes = [h("span", { class: [cls.e("header-text"), bem.is("error", !!messages?.length)] }, slots[`header:${column.key}`]?.(ctx) ?? column.nameRender?.(ctx) ?? column.name)];
+				if (column.rules?.required) nodes.unshift(h("span", {
+					class: cls.e("required-mark"),
+					"aria-hidden": "true"
+				}, "*"));
+				if (messages?.length) nodes.push(h(_sfc_main$2, { key: "header-error-tip" }, {
+					default: () => h(_sfc_main$1, {
+						size: 14,
+						class: cls.e("header-icon")
+					}, { default: () => h(Warning) }),
+					content: () => messages.map((message) => h("div", { key: message }, message))
+				}));
+				return nodes;
+			};
+		}
+		/** 行数据（以原始对象为键）→ 列 key → 错误信息 */
+		const cellErrors = shallowRef(/* @__PURE__ */ new Map());
+		/** 行节点 data 可能是响应式代理，统一取原始对象作为键 */
+		const errorRowKey = (rowData) => toRaw(rowData);
+		function setCellError(rowData, key, message) {
+			const row = errorRowKey(rowData);
+			const rowErrors = cellErrors.value.get(row);
+			if (!message) {
+				if (!rowErrors?.delete(key)) return;
+				if (!rowErrors.size) cellErrors.value.delete(row);
+			} else {
+				if (rowErrors?.get(key) === message) return;
+				if (rowErrors) rowErrors.set(key, message);
+				else cellErrors.value.set(row, /* @__PURE__ */ new Map([[key, message]]));
+			}
+			triggerRef(cellErrors);
+		}
+		/** 丢弃同一单元格过期的异步校验结果 */
+		const validateSeqs = /* @__PURE__ */ new WeakMap();
+		/** 单元格级校验：以行数据为 formData、列 key 为 field，结果同步到错误状态 */
+		async function validateCell(rowData, key, rules) {
+			if (!rules) return;
+			const row = errorRowKey(rowData);
+			let seqs = validateSeqs.get(row);
+			if (!seqs) {
+				seqs = /* @__PURE__ */ new Map();
+				validateSeqs.set(row, seqs);
+			}
+			const seq = (seqs.get(key) ?? 0) + 1;
+			seqs.set(key, seq);
+			const message = await validateField(rowData, key, rules);
+			if (seqs.get(key) !== seq) return;
+			if (!modelValue.value.some((item) => errorRowKey(item) === row)) return;
+			setCellError(row, key, message);
+		}
+		/**
+		* 整表校验：并行校验所有行的规则列（不懒校验），未通过的单元格全部标出。
+		* 全部通过 resolve true，否则 resolve false。
+		*/
+		async function validate() {
+			const ruleColumns = columns.value.filter((column) => column.rules);
+			await Promise.all(modelValue.value.map((row) => Promise.all(ruleColumns.map((column) => validateCell(row, column.key, column.rules)))));
+			return cellErrors.value.size === 0;
+		}
+		watch(modelValue, (rows) => {
+			if (!cellErrors.value.size) return;
+			const aliveRows = new Set(rows.map(errorRowKey));
+			const next = /* @__PURE__ */ new Map();
+			let changed = false;
+			for (const [row, errors] of cellErrors.value) if (aliveRows.has(row)) next.set(row, errors);
+			else changed = true;
+			if (changed) cellErrors.value = next;
+		});
+		/** 列 key → 该列全部未通过信息（带行序号），驱动表头错误标识 */
+		const columnErrors = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			if (!cellErrors.value.size) return map;
+			for (const [row, errors] of cellErrors.value) {
+				const index = modelValue.value.findIndex((item) => errorRowKey(item) === row);
+				const label = index >= 0 ? `第 ${index + 1} 行：` : "";
+				for (const [key, message] of errors) {
+					const list = map.get(key) ?? [];
+					list.push(`${label}${message}`);
+					map.set(key, list);
+				}
+			}
+			return map;
 		});
+		/**
+		* 声明了 `#column:key` 插槽的列调用编辑插槽（注入 model），未声明的渲染字段原始值。
+		* 配置了 rules 的列在渲染期间读取 cellErrors 建立依赖，错误出现/消失即时更新：
+		* 插槽内容常驻包一层容器、仅切换 is-error 类（与表单项错误态同类，不增删 DOM，
+		* 控件不因错误态变化重挂丢焦点）；纯文本列仅在出错时包一层标红原始值。
+		*/
+		function editCell(column, ctx) {
+			const editSlot = slots[`column:${column.key}`];
+			const val = o(ctx.rowData).get(column.key);
+			if (!column.rules) {
+				if (!editSlot) return val;
+				const scope = {
+					...ctx,
+					val
+				};
+				return editSlot({
+					...scope,
+					model: createCellModel(column, scope)
+				});
+			}
+			const hasError = !!cellErrors.value.get(errorRowKey(ctx.rowData))?.has(column.key);
+			if (!editSlot) return hasError ? h("span", { class: bem.is("error") }, val) : val;
+			const scope = {
+				...ctx,
+				val
+			};
+			return h("span", { class: bem.is("error", hasError) }, editSlot({
+				...scope,
+				model: createCellModel(column, scope)
+			}));
+		}
+		/**
+		* 单元格编辑 model：值先原地写回行数据（行节点与 DOM 得以复用，输入不丢焦点），
+		* 再以浅拷贝数组经 update:modelValue 通知宿主，维持 v-model 契约。
+		* 只读下注入 readonly: true 且不提供写回通道，值不可修改；
+		* 列配置了 rules 时，控件的 change 事件（如失焦提交）触发单元格级校验，输入过程不校验。
+		*/
+		function createCellModel(column, ctx) {
+			const { rowData, val } = ctx;
+			const key = column.key;
+			const rules = column.rules;
+			return {
+				modelValue: val,
+				...props.readonly ? { readonly: true } : { "onUpdate:modelValue": (value) => {
+					rowData[key] = value;
+					emit("update:modelValue", [...modelValue.value]);
+				} },
+				...rules ? { onChange: () => void validateCell(rowData, key, rules) } : {}
+			};
+		}
 		function handleCreate(index) {
-			if (index !== void 0) emit("update:modelValue", [
-				...__props.modelValue.slice(0, index + 1),
+			const at = index !== void 0 ? index + 1 : modelValue.value.length;
+			emit("update:modelValue", [
+				...modelValue.value.slice(0, at),
 				{},
-				...__props.modelValue.slice(index + 1)
+				...modelValue.value.slice(at)
 			]);
-			else emit("update:modelValue", [...__props.modelValue, {}]);
 		}
 		function handleCopy(row) {
 			emit("update:modelValue", [
-				...__props.modelValue.slice(0, row.index + 1),
+				...modelValue.value.slice(0, row.index + 1),
 				JSON.parse(JSON.stringify(row.data)),
-				...__props.modelValue.slice(row.index + 1)
+				...modelValue.value.slice(row.index + 1)
 			]);
 		}
 		function handleDelete(index) {
-			emit("update:modelValue", __props.modelValue.filter((_, i) => i !== index));
+			emit("update:modelValue", modelValue.value.filter((_, i) => i !== index));
 		}
+		__expose({ validate });
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(_sfc_main$2), {
+			return openBlock(), createBlock(unref(_sfc_main$4), mergeProps(tableProps.value, {
 				columns: internalColumns.value,
-				data: __props.modelValue || [],
-				class: normalizeClass(unref(cls).b),
+				data: modelValue.value,
+				class: unref(cls).b,
 				stripe: false,
-				"show-index": "",
-				slots: _ctx.$slots
-			}, {
-				"column:__operation": withCtx(({ row }) => [createVNode(unref(ButtonCommonProps), {
-					tag: "div",
-					style: {
-						"display": "flex",
-						"justify-content": "center",
-						"gap": "8px"
-					}
-				}, {
-					default: withCtx(() => [
-						createVNode(unref(_sfc_main$1), {
-							type: "danger",
-							onClick: ($event) => handleDelete(row.index),
-							icon: unref(Minus),
-							title: "移除"
-						}, null, 8, ["onClick", "icon"]),
-						createVNode(unref(_sfc_main$1), {
-							icon: unref(Plus),
-							onClick: ($event) => handleCreate(row.index),
-							title: "新增到下一行"
-						}, null, 8, ["icon", "onClick"]),
-						createVNode(unref(_sfc_main$1), {
-							icon: unref(Copy),
-							onClick: ($event) => handleCopy(row),
-							title: "复制到下一行"
-						}, null, 8, ["icon", "onClick"])
-					]),
-					_: 2
-				}, 1024)]),
-				empty: withCtx(() => [createElementVNode("div", _hoisted_1, [!__props.modelValue.length ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				"show-index": ""
+			}), createSlots({
+				"column:__operation": withCtx(({ row }) => [createElementVNode("div", { class: normalizeClass(unref(cls).e("operations")) }, [
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						type: "danger",
+						icon: unref(Minus),
+						title: "移除",
+						onClick: ($event) => handleDelete(row.index)
+					}, null, 8, ["icon", "onClick"]),
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						icon: unref(Plus),
+						title: "新增到下一行",
+						onClick: ($event) => handleCreate(row.index)
+					}, null, 8, ["icon", "onClick"]),
+					createVNode(unref(_sfc_main$3), {
+						text: "",
+						size: "small",
+						icon: unref(Copy),
+						title: "复制到下一行",
+						onClick: ($event) => handleCopy(row)
+					}, null, 8, ["icon", "onClick"])
+				], 2)]),
+				empty: withCtx(() => [createElementVNode("div", _hoisted_1, [!props.readonly ? (openBlock(), createBlock(unref(_sfc_main$3), {
 					key: 0,
 					text: "",
 					size: "small",
@@ -118,15 +279,19 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					icon: unref(Plus),
 					onClick: _cache[0] || (_cache[0] = ($event) => handleCreate())
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("添加", -1)])]),
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 添加 ", -1)])]),
 					_: 1
 				}, 8, ["icon"])) : createCommentVNode("v-if", true)])]),
-				_: 1
-			}, 8, [
+				_: 2
+			}, [renderList(unref(passSlotNames), (name) => {
+				return {
+					name,
+					fn: withCtx((scope) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(scope)))])
+				};
+			})]), 1040, [
 				"columns",
 				"data",
-				"class",
-				"slots"
+				"class"
 			]);
 		};
 	}

package/dist/components/table-editor/table-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-editor.js","names":["$slots"],"sources":["../../../src/components/table-editor/table-editor.vue"],"sourcesContent":["<template>\n  <u-table\n    :columns=\"internalColumns\"\n    :data=\"modelValue || []\"\n    :class=\"cls.b\"\n    :stripe=\"false\"\n    show-index\n    :slots=\"$slots\"\n  >\n    <template #column:__operation=\"{ row }\">\n      <ButtonCommonProps tag=\"div\" style=\"display: flex; justify-content: center; gap: 8px\">\n        <u-button type=\"danger\" @click=\"handleDelete(row.index)\" :icon=\"Minus\" title=\"移除\" />\n        <u-button :icon=\"Plus\" @click=\"handleCreate(row.index)\" title=\"新增到下一行\" />\n        <u-button :icon=\"Copy\" @click=\"handleCopy(row)\" title=\"复制到下一行\" />\n      </ButtonCommonProps>\n    </template>\n\n    <!-- <template #header:__operation> </template> -->\n\n    <template #empty>\n      <div style=\"text-align: center; padding: 4px 0\">\n        <u-button\n          text\n          size=\"small\"\n          type=\"primary\"\n          v-if=\"!modelValue.length\"\n          :icon=\"Plus\"\n          @click=\"handleCreate()\"\n          >添加</u-button\n        >\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useComponentProps } from '@veltra/compositions'\nimport { Copy, Minus, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { TableEditorProps, TableEditorEmits, TableColumn } from '../../types'\nimport { UButton } from '../button'\nimport { UTable } from '../table'\nimport type { TableRowNode } from '../table/node/row'\n\ndefineOptions({ name: 'UTableEditor' })\n\nconst { columns = [], modelValue = [] } = defineProps<TableEditorProps>()\nconst emit = defineEmits<TableEditorEmits>()\n\nconst cls = bem('table-editor')\n\nconst ButtonCommonProps = useComponentProps({\n  size: 'small',\n  circle: true,\n  text: true,\n  type: 'primary'\n})\n\nconst actionColumn: TableColumn = {\n  key: '__operation',\n  name: '操作', // 使用name而不是title\n  width: 120,\n  align: 'center',\n  fixed: 'right',\n  resizable: false\n}\n\n// 内部列定义，添加编辑和删除操作列\nconst internalColumns = computed(() => {\n  return [...columns, actionColumn]\n})\n\nfunction handleCreate(index?: number) {\n  if (index !== undefined) {\n    emit('update:modelValue', [\n      ...modelValue.slice(0, index + 1),\n      {},\n      ...modelValue.slice(index + 1)\n    ])\n  } else {\n    emit('update:modelValue', [...modelValue, {}])\n  }\n}\n\nfunction handleCopy(row: TableRowNode) {\n  emit('update:modelValue', [\n    ...modelValue.slice(0, row.index + 1),\n    JSON.parse(JSON.stringify(row.data)),\n    ...modelValue.slice(row.index + 1)\n  ])\n}\n\nfunction handleDelete(index: number) {\n  emit(\n    'update:modelValue',\n    modelValue.filter((_, i) => i !== index)\n  )\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,oBAAoB,kBAAkB;GAC1C,MAAM;GACN,QAAQ;GACR,MAAM;GACN,MAAM;EACR,CAAC;EAED,MAAM,eAA4B;GAChC,KAAK;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;EACb;EAGA,MAAM,kBAAkB,eAAe;GACrC,OAAO,CAAC,GAAG,QAAA,SAAS,YAAY;EAClC,CAAC;EAED,SAAS,aAAa,OAAgB;GACpC,IAAI,UAAU,KAAA,GACZ,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,QAAQ,CAAC;IAChC,CAAC;IACD,GAAG,QAAA,WAAW,MAAM,QAAQ,CAAC;GAC/B,CAAC;QAED,KAAK,qBAAqB,CAAC,GAAG,QAAA,YAAY,CAAC,CAAC,CAAC;EAEjD;EAEA,SAAS,WAAW,KAAmB;GACrC,KAAK,qBAAqB;IACxB,GAAG,QAAA,WAAW,MAAM,GAAG,IAAI,QAAQ,CAAC;IACpC,KAAK,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC;IACnC,GAAG,QAAA,WAAW,MAAM,IAAI,QAAQ,CAAC;GACnC,CAAC;EACH;EAEA,SAAS,aAAa,OAAe;GACnC,KACE,qBACA,QAAA,WAAW,QAAQ,GAAG,MAAM,MAAM,KAAK,CACzC;EACF;;GAlGE,OAAA,UAAA,GAAA,YA+BU,MAAA,WAAA,GAAA;IA9BP,SAAS,gBAAA;IACT,MAAM,QAAA,cAAU,CAAA;IAChB,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IACZ,QAAQ;IACT,cAAA;IACC,OAAOA,KAAAA;;IAEG,sBAAkB,SAKP,EALW,UAAG,CAClC,YAIoB,MAAA,iBAAA,GAAA;KAJD,KAAI;KAAM,OAAA;MAAA,WAAA;MAAA,mBAAA;MAAA,OAAA;KAAA;;KAC3B,SAAA,cAAoF;MAApF,YAAoF,MAAA,WAAA,GAAA;OAA1E,MAAK;OAAU,UAAK,WAAE,aAAa,IAAI,KAAK;OAAI,MAAM,MAAA,KAAA;OAAO,OAAM;;MAC7E,YAAyE,MAAA,WAAA,GAAA;OAA9D,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,aAAa,IAAI,KAAK;OAAG,OAAM;;MAC9D,YAAiE,MAAA,WAAA,GAAA;OAAtD,MAAM,MAAA,IAAA;OAAO,UAAK,WAAE,WAAW,GAAG;OAAG,OAAM;;;;;IAM/C,OAAK,cAWR,CAVN,mBAUM,OAVN,YAUM,CALK,CAAA,QAAA,WAAW,UAJpB,UAAA,GAAA,YAQC,MAAA,WAAA,GAAA;;KAPC,MAAA;KACA,MAAK;KACL,MAAK;KAEJ,MAAM,MAAA,IAAA;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAY;;KACnB,SAAA,cAAE,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAF,gBAAA,MAAE,EAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"table-editor.js","names":[],"sources":["../../../src/components/table-editor/table-editor.vue"],"sourcesContent":["<template>\n  <u-table\n    v-bind=\"tableProps\"\n    :columns=\"internalColumns\"\n    :data=\"modelValue\"\n    :class=\"cls.b\"\n    :stripe=\"false\"\n    show-index\n  >\n    <!-- 其余插槽（header:* / row:expand / foot / append 等）透传给 u-table；column:* 与 empty 由组件接管 -->\n    <template v-for=\"name in passSlotNames\" :key=\"name\" #[name]=\"scope\">\n      <slot :name=\"name\" v-bind=\"scope\" />\n    </template>\n\n    <template #column:__operation=\"{ row }\">\n      <div :class=\"cls.e('operations')\">\n        <u-button\n          text\n          size=\"small\"\n          type=\"danger\"\n          :icon=\"Minus\"\n          title=\"移除\"\n          @click=\"handleDelete(row.index)\"\n        />\n        <u-button\n          text\n          size=\"small\"\n          :icon=\"Plus\"\n          title=\"新增到下一行\"\n          @click=\"handleCreate(row.index)\"\n        />\n        <u-button text size=\"small\" :icon=\"Copy\" title=\"复制到下一行\" @click=\"handleCopy(row)\" />\n      </div>\n    </template>\n\n    <template #empty>\n      <div style=\"text-align: center; padding: 4px 0\">\n        <u-button\n          v-if=\"!props.readonly\"\n          text\n          size=\"small\"\n          type=\"primary\"\n          :icon=\"Plus\"\n          @click=\"handleCreate()\"\n        >\n          添加\n        </u-button>\n      </div>\n    </template>\n  </u-table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { Copy, Minus, Plus, Warning } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, h, shallowRef, toRaw, triggerRef, useSlots, watch } from 'vue'\n\nimport type {\n  TableEditorProps,\n  TableEditorEmits,\n  TableEditorColumn,\n  _TableEditorExposed,\n  TableColumn,\n  TableColumnNode,\n  TableColumnRenderContext,\n  TableColumnSlotsScope,\n  RenderReturn\n} from '../../types'\nimport { UButton } from '../button'\nimport { validateField } from '../form-item/validate'\nimport { UIcon } from '../icon'\nimport { UTable } from '../table'\nimport type { TableRowNode } from '../table/node/row'\nimport { UTip } from '../tip'\n\ndefineOptions({ name: 'UTableEditor' })\n\ndefineSlots<{\n  [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  [key: `header:${string}`]: (props: { column: TableColumnNode }) => any\n}>()\n\nconst props = defineProps<TableEditorProps>()\nconst emit = defineEmits<TableEditorEmits>()\n\nconst columns = computed(() => props.columns ?? [])\nconst modelValue = computed(() => props.modelValue ?? [])\n\n/** 转发给 u-table 的表格属性；columns / modelValue / readonly 为编辑器自用，stripe / showIndex 被覆盖 */\nconst tableProps = computed(() => {\n  const rest: Record<string, any> = { ...props }\n  delete rest.columns\n  delete rest.modelValue\n  delete rest.readonly\n  return rest\n})\n\nconst cls = bem('table-editor')\n\nconst slots = useSlots()\n\nconst actionColumn: TableColumn = {\n  key: '__operation',\n  name: '操作',\n  width: 104,\n  align: 'center',\n  fixed: 'right',\n  resizable: false\n}\n\n/**\n * 内部列定义：单元格渲染挂在列的 render 上（用户列自带的 render 优先），\n * 配置了 rules 的列包装 nameRender 追加校验标识，非只读时末尾追加操作列。\n * 列 key 带上只读态后缀：u-table 行内单元格在 props 值相等时可能跳过子组件补丁，\n * 只读切换改用挂载键直接重挂单元格，确保控件在编辑/只读形态间可靠切换。\n */\nconst internalColumns = computed<TableColumn[]>(() => {\n  const list = columns.value.map((column) => ({\n    ...column,\n    key: `${column.key}${props.readonly ? ':ro' : ''}`,\n    nameRender: column.rules ? headerCell(column) : column.nameRender,\n    render: column.render ?? ((ctx: TableColumnRenderContext) => editCell(column, ctx))\n  }))\n  return props.readonly ? list : [...list, actionColumn]\n})\n\n/** 透传给 u-table 的插槽名：column:* 经 editCell 注入 model、empty 由组件接管，其余透传 */\nconst passSlotNames = Object.keys(slots).filter(\n  (name) => !name.startsWith('column:') && name !== 'empty'\n)\n\n/**\n * 带校验的列表头包装：required 时列名前渲染红星；该列存在未通过项时文字标红并追加\n * 感叹号图标，悬停经 UTip 气泡展示各行错误明细；`#header:key` 插槽 / nameRender 内容替代列名。\n * 渲染函数内读取 columnErrors 建立响应依赖，错误出现/消失即时更新表头。\n */\nfunction headerCell(column: TableEditorColumn) {\n  return (ctx: { column: TableColumnNode }): RenderReturn => {\n    const messages = columnErrors.value.get(column.key)\n    const nodes = [\n      h(\n        'span',\n        { class: [cls.e('header-text'), bem.is('error', !!messages?.length)] },\n        slots[`header:${column.key}`]?.(ctx) ?? column.nameRender?.(ctx) ?? column.name\n      )\n    ]\n\n    if (column.rules?.required) {\n      nodes.unshift(h('span', { class: cls.e('required-mark'), 'aria-hidden': 'true' }, '*'))\n    }\n\n    if (messages?.length) {\n      nodes.push(\n        h(\n          UTip,\n          { key: 'header-error-tip' },\n          {\n            default: () =>\n              h(UIcon, { size: 14, class: cls.e('header-icon') }, { default: () => h(Warning) }),\n            content: () => messages.map((message) => h('div', { key: message }, message))\n          }\n        )\n      )\n    }\n\n    return nodes\n  }\n}\n\n// --- 按列校验 ---\n\n/** 行数据（以原始对象为键）→ 列 key → 错误信息 */\nconst cellErrors = shallowRef(new Map<Record<string, any>, Map<string, string>>())\n\n/** 行节点 data 可能是响应式代理，统一取原始对象作为键 */\nconst errorRowKey = (rowData: Record<string, any>) => toRaw(rowData) as Record<string, any>\n\nfunction setCellError(rowData: Record<string, any>, key: string, message: string | undefined) {\n  const row = errorRowKey(rowData)\n  const rowErrors = cellErrors.value.get(row)\n\n  if (!message) {\n    if (!rowErrors?.delete(key)) return\n    // 行错误清空后移除条目，保证「size > 0 即存在错误」可作整体判定\n    if (!rowErrors.size) cellErrors.value.delete(row)\n  } else {\n    if (rowErrors?.get(key) === message) return\n    if (rowErrors) rowErrors.set(key, message)\n    else cellErrors.value.set(row, new Map([[key, message]]))\n  }\n\n  triggerRef(cellErrors)\n}\n\n/** 丢弃同一单元格过期的异步校验结果 */\nconst validateSeqs = new WeakMap<Record<string, any>, Map<string, number>>()\n\n/** 单元格级校验：以行数据为 formData、列 key 为 field，结果同步到错误状态 */\nasync function validateCell(\n  rowData: Record<string, any>,\n  key: string,\n  rules: TableEditorColumn['rules']\n) {\n  if (!rules) return\n\n  const row = errorRowKey(rowData)\n  let seqs = validateSeqs.get(row)\n  if (!seqs) {\n    seqs = new Map()\n    validateSeqs.set(row, seqs)\n  }\n  const seq = (seqs.get(key) ?? 0) + 1\n  seqs.set(key, seq)\n\n  const message = await validateField(rowData, key, rules)\n  if (seqs.get(key) !== seq) return\n  // 校验是异步的，期间行可能已被移出模型（整体替换/删除）；\n  // 把结果写回「死行」会绕过清理 watch 永久残留，直接丢弃\n  if (!modelValue.value.some((item) => errorRowKey(item) === row)) return\n\n  setCellError(row, key, message)\n}\n\n/**\n * 整表校验：并行校验所有行的规则列（不懒校验），未通过的单元格全部标出。\n * 全部通过 resolve true，否则 resolve false。\n */\nasync function validate() {\n  const ruleColumns = columns.value.filter((column) => column.rules)\n\n  await Promise.all(\n    modelValue.value.map((row) =>\n      Promise.all(ruleColumns.map((column) => validateCell(row, column.key, column.rules)))\n    )\n  )\n\n  return cellErrors.value.size === 0\n}\n\n// 行删除（或整体替换）后，同步清理已不存在的行数据上的错误\nwatch(modelValue, (rows) => {\n  if (!cellErrors.value.size) return\n\n  const aliveRows = new Set(rows.map(errorRowKey))\n  const next = new Map<Record<string, any>, Map<string, string>>()\n  let changed = false\n\n  for (const [row, errors] of cellErrors.value) {\n    if (aliveRows.has(row)) next.set(row, errors)\n    else changed = true\n  }\n\n  if (changed) cellErrors.value = next\n})\n\n/** 列 key → 该列全部未通过信息（带行序号），驱动表头错误标识 */\nconst columnErrors = computed(() => {\n  const map = new Map<string, string[]>()\n  if (!cellErrors.value.size) return map\n\n  for (const [row, errors] of cellErrors.value) {\n    const index = modelValue.value.findIndex((item) => errorRowKey(item) === row)\n    const label = index >= 0 ? `第 ${index + 1} 行：` : ''\n    for (const [key, message] of errors) {\n      const list = map.get(key) ?? []\n      list.push(`${label}${message}`)\n      map.set(key, list)\n    }\n  }\n  return map\n})\n\n// --- 单元格渲染 ---\n\n/**\n * 声明了 `#column:key` 插槽的列调用编辑插槽（注入 model），未声明的渲染字段原始值。\n * 配置了 rules 的列在渲染期间读取 cellErrors 建立依赖，错误出现/消失即时更新：\n * 插槽内容常驻包一层容器、仅切换 is-error 类（与表单项错误态同类，不增删 DOM，\n * 控件不因错误态变化重挂丢焦点）；纯文本列仅在出错时包一层标红原始值。\n */\nfunction editCell(column: TableEditorColumn, ctx: TableColumnRenderContext): RenderReturn {\n  const editSlot = slots[`column:${column.key}`]\n  // 内部列 key 带只读态后缀，u-table 按 key 取到的 val 失效，这里按原始列 key 重取\n  const val = o(ctx.rowData).get(column.key)\n\n  if (!column.rules) {\n    if (!editSlot) return val\n    const scope = { ...ctx, val }\n    return editSlot({ ...scope, model: createCellModel(column, scope) })\n  }\n\n  const hasError = !!cellErrors.value.get(errorRowKey(ctx.rowData))?.has(column.key)\n  if (!editSlot) return hasError ? h('span', { class: bem.is('error') }, val) : val\n\n  const scope = { ...ctx, val }\n  return h(\n    'span',\n    { class: bem.is('error', hasError) },\n    editSlot({ ...scope, model: createCellModel(column, scope) })\n  )\n}\n\n/**\n * 单元格编辑 model：值先原地写回行数据（行节点与 DOM 得以复用，输入不丢焦点），\n * 再以浅拷贝数组经 update:modelValue 通知宿主，维持 v-model 契约。\n * 只读下注入 readonly: true 且不提供写回通道，值不可修改；\n * 列配置了 rules 时，控件的 change 事件（如失焦提交）触发单元格级校验，输入过程不校验。\n */\nfunction createCellModel(column: TableEditorColumn, ctx: TableColumnRenderContext) {\n  const { rowData, val } = ctx\n  const key = column.key\n  const rules = column.rules\n  return {\n    modelValue: val,\n    ...(props.readonly\n      ? { readonly: true }\n      : {\n          'onUpdate:modelValue': (value: any) => {\n            rowData[key] = value\n            emit('update:modelValue', [...modelValue.value])\n          }\n        }),\n    ...(rules ? { onChange: () => void validateCell(rowData, key, rules) } : {})\n  }\n}\n\nfunction handleCreate(index?: number) {\n  const at = index !== undefined ? index + 1 : modelValue.value.length\n  emit('update:modelValue', [...modelValue.value.slice(0, at), {}, ...modelValue.value.slice(at)])\n}\n\nfunction handleCopy(row: TableRowNode) {\n  emit('update:modelValue', [\n    ...modelValue.value.slice(0, row.index + 1),\n    JSON.parse(JSON.stringify(row.data)),\n    ...modelValue.value.slice(row.index + 1)\n  ])\n}\n\nfunction handleDelete(index: number) {\n  emit(\n    'update:modelValue',\n    modelValue.value.filter((_, i) => i !== index)\n  )\n}\n\ndefineExpose<_TableEditorExposed>({ validate })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFA,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,UAAU,eAAe,MAAM,WAAW,CAAC,CAAC;EAClD,MAAM,aAAa,eAAe,MAAM,cAAc,CAAC,CAAC;;EAGxD,MAAM,aAAa,eAAe;GAChC,MAAM,OAA4B,EAAE,GAAG,MAAM;GAC7C,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,OAAO,KAAK;GACZ,OAAO;EACT,CAAC;EAED,MAAM,MAAM,IAAI,cAAc;EAE9B,MAAM,QAAQ,SAAS;EAEvB,MAAM,eAA4B;GAChC,KAAK;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACP,OAAO;GACP,WAAW;EACb;;;;;;;EAQA,MAAM,kBAAkB,eAA8B;GACpD,MAAM,OAAO,QAAQ,MAAM,KAAK,YAAY;IAC1C,GAAG;IACH,KAAK,GAAG,OAAO,MAAM,MAAM,WAAW,QAAQ;IAC9C,YAAY,OAAO,QAAQ,WAAW,MAAM,IAAI,OAAO;IACvD,QAAQ,OAAO,YAAY,QAAkC,SAAS,QAAQ,GAAG;GACnF,EAAE;GACF,OAAO,MAAM,WAAW,OAAO,CAAC,GAAG,MAAM,YAAY;EACvD,CAAC;;EAGD,MAAM,gBAAgB,OAAO,KAAK,KAAK,CAAC,CAAC,QACtC,SAAS,CAAC,KAAK,WAAW,SAAS,KAAK,SAAS,OACpD;;;;;;EAOA,SAAS,WAAW,QAA2B;GAC7C,QAAQ,QAAmD;IACzD,MAAM,WAAW,aAAa,MAAM,IAAI,OAAO,GAAG;IAClD,MAAM,QAAQ,CACZ,EACE,QACA,EAAE,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,UAAU,MAAM,CAAC,EAAE,GACrE,MAAM,UAAU,OAAO,MAAM,GAAG,GAAG,KAAK,OAAO,aAAa,GAAG,KAAK,OAAO,IAC7E,CACF;IAEA,IAAI,OAAO,OAAO,UAChB,MAAM,QAAQ,EAAE,QAAQ;KAAE,OAAO,IAAI,EAAE,eAAe;KAAG,eAAe;IAAO,GAAG,GAAG,CAAC;IAGxF,IAAI,UAAU,QACZ,MAAM,KACJ,EACE,aACA,EAAE,KAAK,mBAAmB,GAC1B;KACE,eACE,EAAE,aAAO;MAAE,MAAM;MAAI,OAAO,IAAI,EAAE,aAAa;KAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC;KACnF,eAAe,SAAS,KAAK,YAAY,EAAE,OAAO,EAAE,KAAK,QAAQ,GAAG,OAAO,CAAC;IAC9E,CACF,CACF;IAGF,OAAO;GACT;EACF;;EAKA,MAAM,aAAa,2BAAW,IAAI,IAA8C,CAAC;;EAGjF,MAAM,eAAe,YAAiC,MAAM,OAAO;EAEnE,SAAS,aAAa,SAA8B,KAAa,SAA6B;GAC5F,MAAM,MAAM,YAAY,OAAO;GAC/B,MAAM,YAAY,WAAW,MAAM,IAAI,GAAG;GAE1C,IAAI,CAAC,SAAS;IACZ,IAAI,CAAC,WAAW,OAAO,GAAG,GAAG;IAE7B,IAAI,CAAC,UAAU,MAAM,WAAW,MAAM,OAAO,GAAG;GAClD,OAAO;IACL,IAAI,WAAW,IAAI,GAAG,MAAM,SAAS;IACrC,IAAI,WAAW,UAAU,IAAI,KAAK,OAAO;SACpC,WAAW,MAAM,IAAI,qBAAK,IAAI,IAAI,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;GAC1D;GAEA,WAAW,UAAU;EACvB;;EAGA,MAAM,+BAAe,IAAI,QAAkD;;EAG3E,eAAe,aACb,SACA,KACA,OACA;GACA,IAAI,CAAC,OAAO;GAEZ,MAAM,MAAM,YAAY,OAAO;GAC/B,IAAI,OAAO,aAAa,IAAI,GAAG;GAC/B,IAAI,CAAC,MAAM;IACT,uBAAO,IAAI,IAAI;IACf,aAAa,IAAI,KAAK,IAAI;GAC5B;GACA,MAAM,OAAO,KAAK,IAAI,GAAG,KAAK,KAAK;GACnC,KAAK,IAAI,KAAK,GAAG;GAEjB,MAAM,UAAU,MAAM,cAAc,SAAS,KAAK,KAAK;GACvD,IAAI,KAAK,IAAI,GAAG,MAAM,KAAK;GAG3B,IAAI,CAAC,WAAW,MAAM,MAAM,SAAS,YAAY,IAAI,MAAM,GAAG,GAAG;GAEjE,aAAa,KAAK,KAAK,OAAO;EAChC;;;;;EAMA,eAAe,WAAW;GACxB,MAAM,cAAc,QAAQ,MAAM,QAAQ,WAAW,OAAO,KAAK;GAEjE,MAAM,QAAQ,IACZ,WAAW,MAAM,KAAK,QACpB,QAAQ,IAAI,YAAY,KAAK,WAAW,aAAa,KAAK,OAAO,KAAK,OAAO,KAAK,CAAC,CAAC,CACtF,CACF;GAEA,OAAO,WAAW,MAAM,SAAS;EACnC;EAGA,MAAM,aAAa,SAAS;GAC1B,IAAI,CAAC,WAAW,MAAM,MAAM;GAE5B,MAAM,YAAY,IAAI,IAAI,KAAK,IAAI,WAAW,CAAC;GAC/C,MAAM,uBAAO,IAAI,IAA8C;GAC/D,IAAI,UAAU;GAEd,KAAK,MAAM,CAAC,KAAK,WAAW,WAAW,OACrC,IAAI,UAAU,IAAI,GAAG,GAAG,KAAK,IAAI,KAAK,MAAM;QACvC,UAAU;GAGjB,IAAI,SAAS,WAAW,QAAQ;EAClC,CAAC;;EAGD,MAAM,eAAe,eAAe;GAClC,MAAM,sBAAM,IAAI,IAAsB;GACtC,IAAI,CAAC,WAAW,MAAM,MAAM,OAAO;GAEnC,KAAK,MAAM,CAAC,KAAK,WAAW,WAAW,OAAO;IAC5C,MAAM,QAAQ,WAAW,MAAM,WAAW,SAAS,YAAY,IAAI,MAAM,GAAG;IAC5E,MAAM,QAAQ,SAAS,IAAI,KAAK,QAAQ,EAAE,OAAO;IACjD,KAAK,MAAM,CAAC,KAAK,YAAY,QAAQ;KACnC,MAAM,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC;KAC9B,KAAK,KAAK,GAAG,QAAQ,SAAS;KAC9B,IAAI,IAAI,KAAK,IAAI;IACnB;GACF;GACA,OAAO;EACT,CAAC;;;;;;;EAUD,SAAS,SAAS,QAA2B,KAA6C;GACxF,MAAM,WAAW,MAAM,UAAU,OAAO;GAExC,MAAM,MAAM,EAAE,IAAI,OAAO,CAAC,CAAC,IAAI,OAAO,GAAG;GAEzC,IAAI,CAAC,OAAO,OAAO;IACjB,IAAI,CAAC,UAAU,OAAO;IACtB,MAAM,QAAQ;KAAE,GAAG;KAAK;IAAI;IAC5B,OAAO,SAAS;KAAE,GAAG;KAAO,OAAO,gBAAgB,QAAQ,KAAK;IAAE,CAAC;GACrE;GAEA,MAAM,WAAW,CAAC,CAAC,WAAW,MAAM,IAAI,YAAY,IAAI,OAAO,CAAC,CAAC,EAAE,IAAI,OAAO,GAAG;GACjF,IAAI,CAAC,UAAU,OAAO,WAAW,EAAE,QAAQ,EAAE,OAAO,IAAI,GAAG,OAAO,EAAE,GAAG,GAAG,IAAI;GAE9E,MAAM,QAAQ;IAAE,GAAG;IAAK;GAAI;GAC5B,OAAO,EACL,QACA,EAAE,OAAO,IAAI,GAAG,SAAS,QAAQ,EAAE,GACnC,SAAS;IAAE,GAAG;IAAO,OAAO,gBAAgB,QAAQ,KAAK;GAAE,CAAC,CAC9D;EACF;;;;;;;EAQA,SAAS,gBAAgB,QAA2B,KAA+B;GACjF,MAAM,EAAE,SAAS,QAAQ;GACzB,MAAM,MAAM,OAAO;GACnB,MAAM,QAAQ,OAAO;GACrB,OAAO;IACL,YAAY;IACZ,GAAI,MAAM,WACN,EAAE,UAAU,KAAK,IACjB,EACE,wBAAwB,UAAe;KACrC,QAAQ,OAAO;KACf,KAAK,qBAAqB,CAAC,GAAG,WAAW,KAAK,CAAC;IACjD,EACF;IACJ,GAAI,QAAQ,EAAE,gBAAgB,KAAK,aAAa,SAAS,KAAK,KAAK,EAAE,IAAI,CAAC;GAC5E;EACF;EAEA,SAAS,aAAa,OAAgB;GACpC,MAAM,KAAK,UAAU,KAAA,IAAY,QAAQ,IAAI,WAAW,MAAM;GAC9D,KAAK,qBAAqB;IAAC,GAAG,WAAW,MAAM,MAAM,GAAG,EAAE;IAAG,CAAC;IAAG,GAAG,WAAW,MAAM,MAAM,EAAE;GAAC,CAAC;EACjG;EAEA,SAAS,WAAW,KAAmB;GACrC,KAAK,qBAAqB;IACxB,GAAG,WAAW,MAAM,MAAM,GAAG,IAAI,QAAQ,CAAC;IAC1C,KAAK,MAAM,KAAK,UAAU,IAAI,IAAI,CAAC;IACnC,GAAG,WAAW,MAAM,MAAM,IAAI,QAAQ,CAAC;GACzC,CAAC;EACH;EAEA,SAAS,aAAa,OAAe;GACnC,KACE,qBACA,WAAW,MAAM,QAAQ,GAAG,MAAM,MAAM,KAAK,CAC/C;EACF;EAEA,SAAkC,EAAE,SAAS,CAAC;;GA1V5C,OAAA,UAAA,GAAA,YAgDU,MAAA,WAAA,GAhDV,WACU,WA+CA,OA/CU;IACjB,SAAS,gBAAA;IACT,MAAM,WAAA;IACN,OAAO,MAAA,GAAA,CAAG,CAAC;IACX,QAAQ;IACT,cAAA;;IAOW,sBAAkB,SAkBrB,EAlByB,UAAG,CAClC,mBAiBM,OAAA,EAjBA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,YAAA,CAAA,EAAA,GAAA;KAChB,YAOE,MAAA,WAAA,GAAA;MANA,MAAA;MACA,MAAK;MACL,MAAK;MACJ,MAAM,MAAA,KAAA;MACP,OAAM;MACL,UAAK,WAAE,aAAa,IAAI,KAAK;;KAEhC,YAME,MAAA,WAAA,GAAA;MALA,MAAA;MACA,MAAK;MACJ,MAAM,MAAA,IAAA;MACP,OAAM;MACL,UAAK,WAAE,aAAa,IAAI,KAAK;;KAEhC,YAAmF,MAAA,WAAA,GAAA;MAAzE,MAAA;MAAK,MAAK;MAAS,MAAM,MAAA,IAAA;MAAM,OAAM;MAAU,UAAK,WAAE,WAAW,GAAG;;;IAIvE,OAAK,cAYR,CAXN,mBAWM,OAXN,YAWM,CATK,CAAA,MAAM,YADf,UAAA,GAAA,YASW,MAAA,WAAA,GAAA;;KAPT,MAAA;KACA,MAAK;KACL,MAAK;KACJ,MAAM,MAAA,IAAA;KACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,aAAY;;KACrB,SAAA,cAED,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFC,gBAAA,QAED,EAAA,CAAA,EAAA,CAAA;;;;GApCqB,GAAA,CAAA,WAAA,MAAA,aAAA,IAAR,SAAI;;KAAgC;KACnD,IAAA,SAD2D,UAAK,CAChE,WAAoC,KAAA,QAAvB,MAAI,eAAA,mBAAU,KAAK,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/tip/style2.css

@@ -56,6 +56,69 @@
   font-size: var(--u-font-size-main-large);
   padding: var(--u-gap-large);
 }
+.u-tip--color-primary {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-primary::after {
+  background-color: var(--u-color-primary);
+}
+.u-tip--color-primary .u-tip__arrow {
+  background-color: var(--u-color-primary);
+}
+.u-tip--color-success {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-success::after {
+  background-color: var(--u-color-success);
+}
+.u-tip--color-success .u-tip__arrow {
+  background-color: var(--u-color-success);
+}
+.u-tip--color-warning {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-warning::after {
+  background-color: var(--u-color-warning);
+}
+.u-tip--color-warning .u-tip__arrow {
+  background-color: var(--u-color-warning);
+}
+.u-tip--color-danger {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-danger::after {
+  background-color: var(--u-color-danger);
+}
+.u-tip--color-danger .u-tip__arrow {
+  background-color: var(--u-color-danger);
+}
+.u-tip--color-info {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-info::after {
+  background-color: var(--u-color-info);
+}
+.u-tip--color-info .u-tip__arrow {
+  background-color: var(--u-color-info);
+}
+.u-tip--color-disabled {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-disabled::after {
+  background-color: var(--u-color-disabled);
+}
+.u-tip--color-disabled .u-tip__arrow {
+  background-color: var(--u-color-disabled);
+}
+.u-tip--color-default {
+  color: var(--u-text-color-white);
+}
+.u-tip--color-default::after {
+  background-color: var(--u-color-default);
+}
+.u-tip--color-default .u-tip__arrow {
+  background-color: var(--u-color-default);
+}
 
 .tip-enter-active,
 .tip-leave-active {

package/dist/components/tip/tip.js

@@ -13,6 +13,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		type: {},
 		content: { default: "" },
 		style: {},
 		class: {},
@@ -33,7 +34,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const slots = useSlots();
 		const { size } = useFallbackProps([props], { size: "default" });
 		const contentClass = computed(() => {
-			const fixed = [cls.e("content"), cls.m(size.value)];
+			const fixed = [
+				cls.e("content"),
+				cls.m(size.value),
+				props.type && cls.m("color-" + props.type)
+			];
 			const className = props.class;
 			if (!Array.isArray(className)) return [...fixed, className];
 			return [...fixed, ...className];

package/dist/components/tip/tip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tip.js","names":[],"sources":["../../../src/components/tip/tip.vue"],"sourcesContent":["<template>\n  <!-- 触发 -->\n  <UNodeRender v-bind=\"eventsHandlers\" :content=\"renderDefaultSlotTrigger()\" ref=\"triggerRef\" />\n\n  <!-- 弹出内容 -->\n  <teleport :to=\"`#${popperContainerId}`\">\n    <transition name=\"tip\">\n      <component\n        v-if=\"tipVisible\"\n        :is=\"contentTag\"\n        :class=\"contentClass\"\n        :style=\"[style, { zIndex: zIndex() }]\"\n        ref=\"contentRef\"\n        @mouseenter=\"eventsHandlers.onMouseenter\"\n        @mouseleave=\"eventsHandlers.onMouseleave\"\n        @click.stop\n        v-click-outside=\"handleClickOutside\"\n      >\n        <UNodeRender v-if=\"externalNode\" :content=\"externalNode\" />\n\n        <slot name=\"content\">{{ content }}</slot>\n\n        <div :class=\"cls.e('arrow')\" v-if=\"!hideArrow\" ref=\"arrowRef\"></div>\n      </component>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, usePop } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, useSlots, onBeforeUnmount, toRef, watch, nextTick } from 'vue'\n\nimport type { TipProps, ComponentSize, TipEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from './use-nest'\n\ndefineOptions({ name: 'UTip' })\n\nconst props = withDefaults(defineProps<TipProps>(), {\n  content: '',\n  trigger: 'hover',\n  direction: 'top',\n  alignment: 'center',\n  contentTag: 'div',\n  visible: undefined,\n  showDelay: 0\n})\n\nconst emit = defineEmits<TipEmits>()\n\nconst cls = bem('tip')\nconst slots = useSlots()\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst contentClass = computed(() => {\n  const fixed = [cls.e('content'), cls.m(size.value)]\n  const className = props.class\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = shallowRef<InstanceType<typeof UNodeRender>>()\nconst contentRef = shallowRef<HTMLElement>()\nconst arrowRef = shallowRef<HTMLElement>()\n\nconst _visible = shallowRef(false)\n\nconst visible = computed(() => {\n  return props.visible !== undefined ? props.visible : _visible.value\n})\n\nfunction updateVisible(v: boolean) {\n  if (props.visible === undefined) {\n    _visible.value = v\n  } else {\n    emit('update:visible', v)\n  }\n}\n\nconst tipVisible = useNest(visible)\n\nfunction renderDefaultSlotTrigger() {\n  const nodes = slots.default?.()\n  if (!nodes?.length) return null\n  return extractNormalVNodes(nodes)[0]\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n\n  if (disabled) return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = open\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (props.trigger === 'hover') return\n\n  // 点击的元素在触发元素中则啥也\n  if (props.trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nlet openTimer: ReturnType<typeof setTimeout> | undefined\nlet closeTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction clearOpenTimer() {\n  if (openTimer !== undefined) {\n    clearTimeout(openTimer)\n    openTimer = undefined\n  }\n}\n\nfunction clearCloseTimer() {\n  if (closeTimer !== undefined) {\n    clearTimeout(closeTimer)\n    closeTimer = undefined\n  }\n}\n\n/** 弹出 */\nconst open = (e?: PointerEvent) => {\n  e?.stopPropagation()\n  clearCloseTimer()\n\n  const delay = props.trigger === 'hover' ? props.showDelay : 0\n  if (delay <= 0) {\n    clearOpenTimer()\n    updateVisible(true)\n    return\n  }\n\n  clearOpenTimer()\n  openTimer = setTimeout(() => {\n    openTimer = undefined\n    updateVisible(true)\n  }, delay)\n}\n/** 关闭 */\nconst close = () => {\n  clearOpenTimer()\n\n  if (props.trigger === 'hover') {\n    closeTimer = setTimeout(() => {\n      closeTimer = undefined\n      updateVisible(false)\n    }, 250)\n  } else {\n    updateVisible(false)\n  }\n}\n\nconst triggerDom = computed(() => {\n  return props.triggerDom || triggerRef.value?.$el\n})\n\nconst { update, popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  arrowRef,\n  direction: toRef(() => props.direction),\n  alignment: toRef(() => props.alignment),\n  onTriggerPositionChange() {\n    close()\n  }\n})\n\nwatch(triggerDom, (dom) => {\n  // TODO: 看起来不是很优雅\n  if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {\n    nextTick(() => {\n      void update()\n    })\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearOpenTimer()\n  clearCloseTimer()\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tip.js","names":[],"sources":["../../../src/components/tip/tip.vue"],"sourcesContent":["<template>\n  <!-- 触发 -->\n  <UNodeRender v-bind=\"eventsHandlers\" :content=\"renderDefaultSlotTrigger()\" ref=\"triggerRef\" />\n\n  <!-- 弹出内容 -->\n  <teleport :to=\"`#${popperContainerId}`\">\n    <transition name=\"tip\">\n      <component\n        v-if=\"tipVisible\"\n        :is=\"contentTag\"\n        :class=\"contentClass\"\n        :style=\"[style, { zIndex: zIndex() }]\"\n        ref=\"contentRef\"\n        @mouseenter=\"eventsHandlers.onMouseenter\"\n        @mouseleave=\"eventsHandlers.onMouseleave\"\n        @click.stop\n        v-click-outside=\"handleClickOutside\"\n      >\n        <UNodeRender v-if=\"externalNode\" :content=\"externalNode\" />\n\n        <slot name=\"content\">{{ content }}</slot>\n\n        <div :class=\"cls.e('arrow')\" v-if=\"!hideArrow\" ref=\"arrowRef\"></div>\n      </component>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, usePop } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, useSlots, onBeforeUnmount, toRef, watch, nextTick } from 'vue'\n\nimport type { TipProps, ComponentSize, TipEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from './use-nest'\n\ndefineOptions({ name: 'UTip' })\n\nconst props = withDefaults(defineProps<TipProps>(), {\n  content: '',\n  trigger: 'hover',\n  direction: 'top',\n  alignment: 'center',\n  contentTag: 'div',\n  visible: undefined,\n  showDelay: 0\n})\n\nconst emit = defineEmits<TipEmits>()\n\nconst cls = bem('tip')\nconst slots = useSlots()\nconst { size } = useFallbackProps([props], { size: 'default' as ComponentSize })\n\nconst contentClass = computed(() => {\n  const fixed = [cls.e('content'), cls.m(size.value), props.type && cls.m('color-' + props.type)]\n  const className = props.class\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = shallowRef<InstanceType<typeof UNodeRender>>()\nconst contentRef = shallowRef<HTMLElement>()\nconst arrowRef = shallowRef<HTMLElement>()\n\nconst _visible = shallowRef(false)\n\nconst visible = computed(() => {\n  return props.visible !== undefined ? props.visible : _visible.value\n})\n\nfunction updateVisible(v: boolean) {\n  if (props.visible === undefined) {\n    _visible.value = v\n  } else {\n    emit('update:visible', v)\n  }\n}\n\nconst tipVisible = useNest(visible)\n\nfunction renderDefaultSlotTrigger() {\n  const nodes = slots.default?.()\n  if (!nodes?.length) return null\n  return extractNormalVNodes(nodes)[0]\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n\n  if (disabled) return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = open\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (props.trigger === 'hover') return\n\n  // 点击的元素在触发元素中则啥也\n  if (props.trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nlet openTimer: ReturnType<typeof setTimeout> | undefined\nlet closeTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction clearOpenTimer() {\n  if (openTimer !== undefined) {\n    clearTimeout(openTimer)\n    openTimer = undefined\n  }\n}\n\nfunction clearCloseTimer() {\n  if (closeTimer !== undefined) {\n    clearTimeout(closeTimer)\n    closeTimer = undefined\n  }\n}\n\n/** 弹出 */\nconst open = (e?: PointerEvent) => {\n  e?.stopPropagation()\n  clearCloseTimer()\n\n  const delay = props.trigger === 'hover' ? props.showDelay : 0\n  if (delay <= 0) {\n    clearOpenTimer()\n    updateVisible(true)\n    return\n  }\n\n  clearOpenTimer()\n  openTimer = setTimeout(() => {\n    openTimer = undefined\n    updateVisible(true)\n  }, delay)\n}\n/** 关闭 */\nconst close = () => {\n  clearOpenTimer()\n\n  if (props.trigger === 'hover') {\n    closeTimer = setTimeout(() => {\n      closeTimer = undefined\n      updateVisible(false)\n    }, 250)\n  } else {\n    updateVisible(false)\n  }\n}\n\nconst triggerDom = computed(() => {\n  return props.triggerDom || triggerRef.value?.$el\n})\n\nconst { update, popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  arrowRef,\n  direction: toRef(() => props.direction),\n  alignment: toRef(() => props.alignment),\n  onTriggerPositionChange() {\n    close()\n  }\n})\n\nwatch(triggerDom, (dom) => {\n  // TODO: 看起来不是很优雅\n  if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {\n    nextTick(() => {\n      void update()\n    })\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearOpenTimer()\n  clearCloseTimer()\n})\n</script>\n"],"mappings":"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"}