20260723225202

code/fms/fms-vue/src/components/fms-table/utils/createCellRenderers.js

@@ -0,0 +1,42 @@
+import { h } from "vue";
+
+// ── 静态常量（避免每次渲染重复创建） ────────────────────────
+
+const stopBubble = (e) => e.stopPropagation();
+
+// ── 基础工厂 ────────────────────────────────────────────────
+
+/**
+ * 通用 cell 渲染器工厂。
+ *
+ * 返回的函数是纯渲染函数，不保存 row 引用、不产生额外组件层级。
+ *
+ * @param {object}          config
+ * @param {object}          config.component          Vue 组件（Button / Checkbox / Select …）
+ * @param {object}          [config.props]             静态 props（创建一次，不随行变化）
+ * @param {(row, col, ctx) => object} [config.getProps]   动态 props（每次 cell 渲染调用）
+ * @param {(row, col, ctx) => object} [config.getChildren] 动态 children / slots
+ * @param {boolean}         [config.stopPropagation=true]  自动注入 onClick stopPropagation
+ * @returns {Function}      (ctx) => VNode    customCell 渲染函数
+ */
+export function createCellRenderer({
+  component,
+  props = {},
+  getProps,
+  getChildren,
+  stopPropagation = true,
+}) {
+  return (ctx) => {
+    const merged = getProps ? { ...props, ...getProps(ctx.row, ctx.col, ctx) } : { ...props };
+
+    if (stopPropagation) {
+      const click = merged.onClick;
+      merged.onClick = click ? (e) => (e.stopPropagation(), click(e)) : stopBubble;
+    }
+
+    const children = getChildren ? getChildren(ctx.row, ctx.col, ctx) : undefined;
+    return h(component, merged, children);
+  };
+}
+
+