@iris-ui-kit/vue 0.2.29 → 0.2.30

package/dist/index.cjs

@@ -55,7 +55,7 @@ function useDisposableScope() {
   });
   return scope;
 }
-var IrisThemeKey = Symbol("IrisTheme");
+var IrisThemeKey = /* @__PURE__ */ Symbol("IrisTheme");
 var ThemeProvider = vue.defineComponent({
   name: "IrisThemeProvider",
   props: {
@@ -164,7 +164,7 @@ function useColorScheme() {
   vue.onBeforeUnmount(stop);
   return scheme;
 }
-var IrisSkinKey = Symbol("IrisSkin");
+var IrisSkinKey = /* @__PURE__ */ Symbol("IrisSkin");
 var SkinProvider = vue.defineComponent({
   name: "IrisSkinProvider",
   props: {
@@ -243,7 +243,7 @@ function useMachine(machine, options = {}) {
   );
   return { state, send: machine.send };
 }
-var FormInjectionKey = Symbol("IrisForm");
+var FormInjectionKey = /* @__PURE__ */ Symbol("IrisForm");
 function useFormContext() {
   const form = vue.inject(FormInjectionKey, null);
   if (!form) {
@@ -367,7 +367,7 @@ function useFieldArray(name) {
 }
 
 // src/i18n/context.ts
-var I18nInjectionKey = Symbol("IrisI18n");
+var I18nInjectionKey = /* @__PURE__ */ Symbol("IrisI18n");
 
 // src/i18n/I18nProvider.ts
 var IrisI18nProvider = vue.defineComponent({
@@ -1030,6 +1030,32 @@ var CSS2 = `
   background: var(--iris-nav-item-active-hover, color-mix(in srgb, var(--iris-primary) 88%, black));
 }
 
+/* \u6C34\u5E73\u6A21\u5F0F\uFF1Aantd \u98CE\u683C\u9009\u4E2D\u6001\uFF08\u4E0B\u5212\u7EBF + \u6587\u5B57\u8272 + \u900F\u660E\u80CC\u666F\uFF09\uFF0C\u800C\u975E
+   vertical \u7684\u6574\u5757 primary \u80CC\u666F\u3002hover \u4E00\u5F8B\u6D45\u80CC\u666F\uFF08active \u9879\u4E5F\u54CD\u5E94\uFF09\u3002 */
+:where(.iris-nav-menu--horizontal .iris-nav-menu-group > .iris-nav-menu-item) {
+  position: relative;
+}
+:where(.iris-nav-menu--horizontal .iris-nav-menu-group > .iris-nav-menu-item):hover {
+  background: var(--iris-nav-item-hover);
+}
+:where(.iris-nav-menu--horizontal .iris-nav-menu-group > .iris-nav-menu-item[data-active='true']) {
+  background: transparent;
+  color: var(--iris-primary);
+  font-weight: 600;
+}
+:where(.iris-nav-menu--horizontal .iris-nav-menu-group > .iris-nav-menu-item[data-active='true'])::after {
+  content: '';
+  position: absolute;
+  inset-inline: 12px;
+  bottom: 2px;
+  height: 2px;
+  border-radius: 1px;
+  background: var(--iris-primary);
+}
+:where(.iris-nav-menu--horizontal .iris-nav-menu-group > .iris-nav-menu-item[data-active='true']):hover {
+  background: var(--iris-nav-item-hover);
+}
+
 :where(.iris-nav-menu-item[data-active-trail='true']) {
   color: var(--iris-primary);
   font-weight: 600;
@@ -2013,7 +2039,7 @@ function useTabsNav(nav) {
 }
 
 // src/primitives/dropdown/context.ts
-var DropdownContextKey = Symbol("IrisDropdown");
+var DropdownContextKey = /* @__PURE__ */ Symbol("IrisDropdown");
 
 // src/primitives/dropdown/Dropdown.ts
 var IrisDropdown = vue.defineComponent({
@@ -3430,7 +3456,7 @@ function useUndoStack(options) {
 }
 
 // src/provider/context.ts
-var PluginStoreContextKey = Symbol("IrisPluginStore");
+var PluginStoreContextKey = /* @__PURE__ */ Symbol("IrisPluginStore");
 
 // src/provider/IrisProvider.ts
 var DEFAULT_LOCALE = "en-US";
@@ -3839,7 +3865,7 @@ var IrisButton = vue.defineComponent({
 });
 
 // src/primitives/popover/context.ts
-var PopoverContextKey = Symbol("IrisPopover");
+var PopoverContextKey = /* @__PURE__ */ Symbol("IrisPopover");
 
 // src/primitives/popover/Popover.ts
 var IrisPopover = vue.defineComponent({
@@ -4170,12 +4196,12 @@ var IrisTooltip = vue.defineComponent({
     const triggerListeners = {
       onPointerenter: handleEnter,
       onPointerleave: handleLeave,
-      onFocus: () => {
+      onFocus: (() => {
         if (!props.disabled) hi.open();
-      },
-      onBlur: () => {
+      }),
+      onBlur: (() => {
         if (!props.disabled) hi.close();
-      }
+      })
     };
     const captureTriggerRef = (el) => {
       triggerRef.value = el ?? null;
@@ -4244,7 +4270,7 @@ var IrisTooltip = vue.defineComponent({
 });
 
 // src/primitives/dialog/context.ts
-var DialogContextKey = Symbol("IrisDialog");
+var DialogContextKey = /* @__PURE__ */ Symbol("IrisDialog");
 
 // src/primitives/dialog/Dialog.ts
 var IrisDialog = vue.defineComponent({
@@ -4702,7 +4728,7 @@ var IrisDialogClose = vue.defineComponent({
 });
 
 // src/primitives/drawer/context.ts
-var DrawerContextKey = Symbol("IrisDrawer");
+var DrawerContextKey = /* @__PURE__ */ Symbol("IrisDrawer");
 
 // src/primitives/drawer/Drawer.ts
 var IrisDrawer = vue.defineComponent({
@@ -6712,7 +6738,7 @@ var IrisCheckbox = vue.defineComponent({
     );
   }
 });
-var RadioGroupKey = Symbol("IrisRadioGroup");
+var RadioGroupKey = /* @__PURE__ */ Symbol("IrisRadioGroup");
 var IrisRadioGroup = vue.defineComponent({
   name: "IrisRadioGroup",
   props: {
@@ -7990,8 +8016,8 @@ var IrisSkeleton = vue.defineComponent({
     vue.onMounted(installSkeletonStyles);
     const style = vue.computed(() => {
       const w = props.width !== void 0 ? toCss(props.width) : defaultWidth(props.shape);
-      const h136 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
-      return { width: w, height: h136 };
+      const h137 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
+      return { width: w, height: h137 };
     });
     return () => vue.h("div", {
       ...attrs,
@@ -9102,7 +9128,7 @@ var IrisChip = vue.defineComponent({
 });
 
 // src/primitives/accordion/context.ts
-var AccordionContextKey = Symbol("IrisAccordion");
+var AccordionContextKey = /* @__PURE__ */ Symbol("IrisAccordion");
 
 // src/primitives/accordion/Accordion.ts
 var IrisAccordion = vue.defineComponent({
@@ -9340,7 +9366,7 @@ var IrisAccordionItem = vue.defineComponent({
 });
 
 // src/primitives/stepper/context.ts
-var StepperContextKey = Symbol("IrisStepper");
+var StepperContextKey = /* @__PURE__ */ Symbol("IrisStepper");
 
 // src/primitives/stepper/Stepper.ts
 var IrisStepper = vue.defineComponent({
@@ -9588,7 +9614,7 @@ var IrisStepperStep = vue.defineComponent({
 });
 
 // src/primitives/toggle-group/context.ts
-var ToggleGroupContextKey = Symbol("IrisToggleGroup");
+var ToggleGroupContextKey = /* @__PURE__ */ Symbol("IrisToggleGroup");
 var SIZE_PADDING = {
   sm: "4px 10px",
   md: "6px 14px",
@@ -10640,6 +10666,24 @@ var tableProps = {
     type: Object,
     default: void 0
   },
+  /** Audit log (batch EN, iris 独有 — mirror react batch AT): when true,
+   * every mutation commit appends ONE entry to a bounded (200) ring —
+   * inline/row cell edits (recorded directly at the commit point, type
+   * 'edit' + rowKey + column + old→new) and the row-list funnels available
+   * here (removeRows — list diff, type 'remove'; loadData — list diff, type
+   * 'edit', react commitRowList default parity). External re-feeds (parent
+   * data / proxy refetch / rowDrag reorder) re-baseline the diff snapshot
+   * and never record. The toolbar gains an audit trigger
+   * (`data-iris-audit-trigger`) opening a floating panel
+   * (`data-iris-audit-panel`, like the filter/context panels — Esc /
+   * outside / scroll close) listing newest-first entries (seq +
+   * `formatClock` time + type + rowKey + column + muted old→new);
+   * `getAuditLog()` / `clearAuditLog()` on the exposed handle access the
+   * trail programmatically (the seq never resets on clear — audit
+   * integrity). Requires a toolbar render (the gate admits `auditLog` like
+   * `densityToggle`). Additive — default off; off = zero push.
+   */
+  auditLog: { type: Boolean, default: false },
   columnVisibility: {
     type: Object,
     default: void 0
@@ -10690,10 +10734,28 @@ var DRAG_COL_WIDTH = 40;
 var DEFAULT_COL_WIDTH = 140;
 var DEFAULT_MIN_WIDTH = 60;
 var RESIZE_STEP = 16;
+function isEditableColumn(column) {
+  return !!column.editable && !column.formula;
+}
 function getCellValue(row, column) {
+  if (column.formula) return core.memoizedFormulaValue(column.formula, row);
   const key = column.dataIndex ?? column.key;
   return row[key];
 }
+function withComputedFormulaCells(rows, columns) {
+  const formulaCols = columns.filter((c) => c.formula);
+  if (formulaCols.length === 0) return rows;
+  return rows.map((row) => {
+    let shadow = null;
+    for (const col of formulaCols) {
+      const key = col.dataIndex ?? col.key;
+      const next = shadow ?? { ...row };
+      next[key] = core.memoizedFormulaValue(col.formula, row);
+      shadow = next;
+    }
+    return shadow;
+  });
+}
 function resolveSpan(occupied, rowIndex, columnIndex, method) {
   if (!method) return { rowspan: 1, colspan: 1 };
   const key = `${rowIndex}:${columnIndex}`;
@@ -11055,7 +11117,7 @@ var toolbarBtnStyle = {
 };
 function renderToolbarSection(ctx) {
   const tb = ctx.toolbar;
-  if (!tb && !ctx.densityToggle) return null;
+  if (!tb && !ctx.densityToggle && !ctx.auditLog) return null;
   const toolChildren = [];
   if (tb?.title) {
     toolChildren.push(
@@ -11209,6 +11271,28 @@ function renderToolbarSection(ctx) {
       )
     );
   }
+  if (ctx.auditLog) {
+    toolChildren.push(
+      vue.h(
+        "button",
+        {
+          ref: (el) => {
+            ctx.auditAnchorRef.value = el ?? null;
+          },
+          type: "button",
+          "data-iris-audit-trigger": "",
+          "aria-label": ctx.t("table.audit"),
+          title: ctx.t("table.audit"),
+          onClick: ctx.onAuditToggle,
+          style: {
+            ...toolbarBtnStyle,
+            color: ctx.auditOpen.value ? "var(--iris-foreground)" : "var(--iris-muted)"
+          }
+        },
+        "\u2630"
+      )
+    );
+  }
   return vue.h(
     "div",
     {
@@ -11429,6 +11513,233 @@ function renderFilterPanelSection(ctx) {
   );
   return vue.h(vue.Teleport, { to: "body" }, [node]);
 }
+function auditDiff(prev, next, resolveKey) {
+  const len = Math.max(prev.length, next.length);
+  for (let i = 0; i < len; i += 1) {
+    const a = prev[i];
+    const b = next[i];
+    if (a === b) continue;
+    if (!a || !b) return { rowKey: a ? resolveKey(a, i) : resolveKey(b, i) };
+    const ka = resolveKey(a, i);
+    const kb = resolveKey(b, i);
+    if (ka !== kb) {
+      return { rowKey: prev.length > next.length ? ka : kb };
+    }
+    const fields = /* @__PURE__ */ new Set();
+    Object.keys(a).forEach((f) => fields.add(f));
+    Object.keys(b).forEach((f) => fields.add(f));
+    for (const f of fields) {
+      if (a[f] !== b[f]) {
+        return { rowKey: ka, column: f, oldValue: a[f], newValue: b[f] };
+      }
+    }
+  }
+  return void 0;
+}
+function renderAuditPanelSection(ctx) {
+  if (!ctx.open.value) return null;
+  return vue.h(vue.Teleport, { to: "body" }, [
+    vue.h(TableAuditPanel, {
+      audit: ctx.audit,
+      styles: ctx.styles.value,
+      panelRef: ctx.panelRef,
+      onClear: ctx.onClear,
+      t: ctx.t
+    })
+  ]);
+}
+var TableAuditPanel = vue.defineComponent({
+  name: "TableAuditPanel",
+  props: {
+    audit: { type: Object, required: true },
+    styles: { type: Object, required: true },
+    panelRef: { type: Object, required: true },
+    onClear: { type: Function, required: true },
+    t: { type: Function, required: true }
+  },
+  setup(props) {
+    const entries = vue.ref(props.audit.list());
+    let unsubscribe = null;
+    vue.onMounted(() => {
+      unsubscribe = props.audit.subscribe(() => {
+        entries.value = props.audit.list();
+      });
+    });
+    vue.onScopeDispose(() => {
+      unsubscribe?.();
+      unsubscribe = null;
+    });
+    return () => {
+      const items = entries.value;
+      return vue.h(
+        "div",
+        {
+          ref: (el) => {
+            props.panelRef.value = el ?? null;
+          },
+          role: "dialog",
+          "aria-label": props.t("table.audit"),
+          "data-iris-audit-panel": "",
+          style: {
+            ...props.styles,
+            zIndex: "var(--iris-z-popover, 1000)",
+            background: "var(--iris-surface-floating, var(--iris-surface))",
+            color: "var(--iris-foreground)",
+            border: "1px solid var(--iris-border)",
+            borderRadius: "var(--iris-radius-md, 6px)",
+            boxShadow: "var(--iris-shadow-lg)",
+            padding: "var(--iris-space-sm, 12px)",
+            minWidth: 280,
+            maxWidth: 360,
+            display: "flex",
+            flexDirection: "column",
+            gap: "var(--iris-space-xs, 8px)",
+            fontSize: "var(--iris-font-size-sm, 13px)"
+          }
+        },
+        [
+          vue.h(
+            "div",
+            { style: { display: "flex", alignItems: "center", gap: "var(--iris-space-xs, 8px)" } },
+            [
+              vue.h("span", { style: { fontWeight: 600, flex: 1 } }, props.t("table.audit")),
+              items.length > 0 ? vue.h(
+                "button",
+                {
+                  type: "button",
+                  "data-iris-audit-clear": "",
+                  onClick: props.onClear,
+                  style: {
+                    border: "1px solid var(--iris-border)",
+                    borderRadius: "var(--iris-radius-sm, 4px)",
+                    background: "transparent",
+                    color: "var(--iris-muted)",
+                    cursor: "pointer",
+                    padding: "var(--iris-space-xxs, 4px) var(--iris-space-xs, 8px)",
+                    fontSize: "var(--iris-font-size-xs, 12px)"
+                  }
+                },
+                props.t("table.audit.clear")
+              ) : null
+            ]
+          ),
+          items.length === 0 ? vue.h(
+            "div",
+            {
+              "data-iris-audit-empty": "",
+              style: {
+                color: "var(--iris-muted)",
+                textAlign: "center",
+                padding: "var(--iris-space-sm, 12px)"
+              }
+            },
+            props.t("table.audit.empty")
+          ) : vue.h(
+            "div",
+            {
+              "data-iris-audit-entries": "",
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "var(--iris-space-xxs, 4px)",
+                maxHeight: 240,
+                overflowY: "auto"
+              }
+            },
+            items.map(
+              (e) => vue.h(
+                "div",
+                {
+                  key: e.seq,
+                  "data-iris-audit-entry": "",
+                  style: {
+                    display: "flex",
+                    alignItems: "baseline",
+                    gap: "var(--iris-space-xs, 8px)",
+                    padding: "var(--iris-space-xxs, 4px) 0",
+                    borderBottom: "1px solid var(--iris-border-subtle, var(--iris-border))",
+                    fontSize: "var(--iris-font-size-xs, 12px)"
+                  }
+                },
+                [
+                  vue.h(
+                    "span",
+                    {
+                      "data-iris-audit-seq": "",
+                      style: { color: "var(--iris-muted)", minWidth: 30 }
+                    },
+                    `#${e.seq}`
+                  ),
+                  vue.h(
+                    "span",
+                    {
+                      "data-iris-audit-time": "",
+                      style: { color: "var(--iris-muted)", minWidth: 64 }
+                    },
+                    core.formatClock(new Date(e.at))
+                  ),
+                  vue.h(
+                    "span",
+                    {
+                      "data-iris-audit-type": "",
+                      style: {
+                        color: "var(--iris-primary)",
+                        fontWeight: 600,
+                        textTransform: "uppercase"
+                      }
+                    },
+                    e.type
+                  ),
+                  vue.h(
+                    "span",
+                    {
+                      "data-iris-audit-rowkey": "",
+                      style: { color: "var(--iris-foreground)" }
+                    },
+                    e.rowKey !== void 0 ? String(e.rowKey) : "\u2014"
+                  ),
+                  e.column !== void 0 ? vue.h(
+                    "span",
+                    {
+                      "data-iris-audit-cell": "",
+                      style: { color: "var(--iris-muted)", flex: 1 }
+                    },
+                    [
+                      e.column,
+                      vue.h(
+                        "span",
+                        {
+                          style: {
+                            display: "inline-flex",
+                            gap: "var(--iris-space-xxs, 4px)",
+                            marginInlineStart: "var(--iris-space-xs, 8px)"
+                          }
+                        },
+                        [
+                          vue.h(
+                            "span",
+                            { "data-iris-audit-old": "" },
+                            String(e.oldValue ?? "")
+                          ),
+                          vue.h("span", { "aria-hidden": "true" }, "\u2192"),
+                          vue.h(
+                            "span",
+                            { "data-iris-audit-new": "" },
+                            String(e.newValue ?? "")
+                          )
+                        ]
+                      )
+                    ]
+                  ) : null
+                ]
+              )
+            )
+          )
+        ]
+      );
+    };
+  }
+});
 function renderImportPreviewSection(ctx) {
   if (!ctx.rows) return null;
   const columns = core.previewColumnsFromRows(ctx.rows);
@@ -11756,9 +12067,10 @@ function createTableKeyboard(options) {
     const range = activeCellRange();
     const clip = options.clipConfig();
     if (!range || clip?.copy === false) return;
+    const rows = withComputedFormulaCells(options.rows(), options.columns());
     void core.writeClipboardText(
       core.serializeTableRange(
-        options.rows(),
+        rows,
         options.columns(),
         range,
         clip?.copyFormat,
@@ -12702,10 +13014,9 @@ var IrisTable = vue.defineComponent({
         detectTypesDone.value = true;
         const next = {};
         for (const column of core.flattenLeafColumns(props.columns)) {
-          const candidate = column;
-          if (candidate.formula) continue;
+          if (column.formula) continue;
           next[column.key] = core.detectColumnType(
-            tableData.value.map((row) => getCellValue(row, candidate))
+            tableData.value.map((row) => getCellValue(row, column))
           );
         }
         detectedTypes.value = next;
@@ -12842,6 +13153,17 @@ var IrisTable = vue.defineComponent({
       if (typeof v === "string" || typeof v === "number") return v;
       return index;
     };
+    const audit = core.createAuditLog();
+    const auditRowsRef = vue.ref(tableData.value);
+    vue.watch(tableData, (next) => {
+      auditRowsRef.value = next;
+    });
+    const recordAudit = (next, type) => {
+      if (!props.auditLog) return;
+      const entry = auditDiff(auditRowsRef.value, next, (r, i) => rowId(r, i));
+      if (entry) audit.push({ type, ...entry });
+      auditRowsRef.value = next;
+    };
     const treeMode = vue.computed(() => props.getSubRows !== void 0 || props.lazyLoad !== void 0);
     const lazyChildren = vue.ref(/* @__PURE__ */ new Map());
     const lazyLoading = vue.ref(/* @__PURE__ */ new Set());
@@ -12991,7 +13313,7 @@ var IrisTable = vue.defineComponent({
     const editError = vue.ref(null);
     const editorInputRef = vue.ref(null);
     const beginEdit = (row, column, rowIdent) => {
-      if (!column.editable) return;
+      if (!isEditableColumn(column)) return;
       editingCellId.value = cellId(rowIdent, column.key);
       editingColumnKey.value = column.key;
       const current = getCellValue(row, column);
@@ -13031,6 +13353,15 @@ var IrisTable = vue.defineComponent({
     };
     const writeCellValue = (row, column, rowIndex, oldValue, newValue) => {
       if (newValue === oldValue) return;
+      if (props.auditLog) {
+        audit.push({
+          type: "edit",
+          rowKey: rowId(row, rowIndex),
+          column: column.dataIndex ?? column.key,
+          oldValue,
+          newValue
+        });
+      }
       emit("cellEdit", { row, column, oldValue, newValue, rowIndex });
       if (proxyCtrl.proxy.value) {
         const id = rowId(row, rowIndex);
@@ -13064,7 +13395,7 @@ var IrisTable = vue.defineComponent({
     const currentRowFor = (k) => bodyData.value.find((r, i) => rowId(r, i) === k);
     const beginRowEdit = (row, rowIndex, focusColKey) => {
       const k = rowId(row, rowIndex);
-      const editableCols = leafColumns.value.filter((c) => c.editable);
+      const editableCols = leafColumns.value.filter(isEditableColumn);
       if (editableCols.length === 0) return;
       const sessions = /* @__PURE__ */ new Map();
       for (const col of editableCols) {
@@ -13135,7 +13466,7 @@ var IrisTable = vue.defineComponent({
     const handleRowModeCellClick = (row, col, index, k) => {
       if (rowEditing.value?.k === k) {
         const id = cellId(k, col.key);
-        if (col.editable && !rowSessions.value.has(id)) {
+        if (isEditableColumn(col) && !rowSessions.value.has(id)) {
           const current = getCellValue(row, col);
           rowSessions.value.set(id, {
             draft: current == null ? "" : String(current),
@@ -13551,6 +13882,7 @@ var IrisTable = vue.defineComponent({
     const spanOccupy = /* @__PURE__ */ new Set();
     const tableExpose = {
       loadData: (rows) => {
+        recordAudit(rows, "edit");
         if (proxyCtrl.proxy.value) proxyCtrl.liveData.value = rows;
         else localRowsOverride.value = rows;
         props.onDataChange?.(rows);
@@ -13569,6 +13901,7 @@ var IrisTable = vue.defineComponent({
       removeRows: (keys) => {
         const { rows, removedKeys } = core.removeRowsFromList(tableData.value, props.rowKey, keys);
         if (removedKeys.size === 0) return;
+        recordAudit(rows, "remove");
         if (proxyCtrl.proxy.value) proxyCtrl.liveData.value = rows;
         else localRowsOverride.value = rows;
         const selected = displaySelection.value;
@@ -13580,9 +13913,15 @@ var IrisTable = vue.defineComponent({
         props.onDataChange?.(rows);
       },
       getFilteredData: () => [...bodyData.value],
-      exportCurrentViewCsv: () => exportCsv(bodyData.value, leafColumns.value),
+      exportCurrentViewCsv: () => exportCsv(
+        withComputedFormulaCells(bodyData.value, leafColumns.value),
+        leafColumns.value
+      ),
       exportMultiCsv: () => {
-        const current = exportCsv(bodyData.value, leafColumns.value);
+        const current = exportCsv(
+          withComputedFormulaCells(bodyData.value, leafColumns.value),
+          leafColumns.value
+        );
         const names = props.exportNames;
         if (!names || names.length === 0) return current;
         const segments = [`# current${current ? `
@@ -13597,7 +13936,14 @@ ${refCsv}` : ""}`);
       },
       compareStates: core.compareStates,
       scrollToRow,
-      goToRow
+      goToRow,
+      // Batch EN (iris 独有): audit trail programmatic access — a snapshot
+      // (newest-first entries) and a wipe, both against the ref-once
+      // controller; the seq counter never resets on clear (audit integrity).
+      getAuditLog: () => audit.list(),
+      clearAuditLog: () => {
+        audit.clear();
+      }
     };
     expose(tableExpose);
     const buildFormSection = () => renderFormSection({
@@ -13608,6 +13954,48 @@ ${refCsv}` : ""}`);
       handleFormSubmit,
       handleFormReset
     });
+    const auditOpen = vue.ref(false);
+    const auditAnchorRef = vue.ref(null);
+    const auditPanelRef = vue.ref(null);
+    const toggleAuditPanel = () => {
+      auditOpen.value = !auditOpen.value;
+    };
+    const closeAuditPanel = () => {
+      auditOpen.value = false;
+    };
+    const clearAudit = () => {
+      audit.clear();
+    };
+    const { floatingStyles: auditPanelStyles } = useFloating({
+      anchor: auditAnchorRef,
+      floating: auditPanelRef,
+      open: auditOpen,
+      placement: "bottom-end",
+      flip: false,
+      shift: true
+    });
+    useDismiss({
+      enabled: auditOpen,
+      exclude: [auditPanelRef, auditAnchorRef],
+      onDismiss: closeAuditPanel
+    });
+    vue.watch(auditOpen, (open) => {
+      if (typeof document === "undefined") return;
+      if (open) document.addEventListener("scroll", closeAuditPanel, true);
+      else document.removeEventListener("scroll", closeAuditPanel, true);
+    });
+    vue.onScopeDispose(() => {
+      if (typeof document === "undefined") return;
+      document.removeEventListener("scroll", closeAuditPanel, true);
+    });
+    const buildAuditPanelSection = () => renderAuditPanelSection({
+      open: auditOpen,
+      audit,
+      styles: auditPanelStyles,
+      panelRef: auditPanelRef,
+      onClear: clearAudit,
+      t
+    });
     const buildToolbarSection = () => renderToolbarSection({
       toolbar: props.toolbar,
       selectable: props.selectable,
@@ -13618,7 +14006,13 @@ ${refCsv}` : ""}`);
       onImportFile: importController.handleImportFile,
       densityToggle: props.densityToggle,
       effectiveDensity: effectiveDensity.value,
-      onDensityToggle: cycleDensity
+      onDensityToggle: cycleDensity,
+      // Batch EN: the built-in audit trigger rides the toolbar (react
+      // parity — the toolbar gate admits auditLog on its own).
+      auditLog: props.auditLog,
+      auditOpen,
+      auditAnchorRef,
+      onAuditToggle: toggleAuditPanel
     });
     const buildPagerSection = () => renderPagerSection({ proxyCtrl, proxyConfig: props.proxyConfig });
     const contextMenuState = vue.ref(null);
@@ -14187,7 +14581,7 @@ ${refCsv}` : ""}`);
               rowSessions.value.get(editCellId)
             ) : buildCellEditContent(row, col, index, editCellId);
           } else {
-            content = cellSlot?.({ row, index, value: getCellValue(row, col) }) ?? core.tableDisplayText(row, col);
+            content = cellSlot?.({ row, index, value: getCellValue(row, col) }) ?? core.tableDisplayText(row, col, getCellValue);
           }
           const treeIndent = treeMeta && ci === 0 ? buildTreeIndent(treeMeta, row) : null;
           const cellChildren = treeIndent ? [treeIndent, ...Array.isArray(content) ? content : [content]] : content;
@@ -14199,7 +14593,7 @@ ${refCsv}` : ""}`);
                 role: "cell",
                 "data-iris-table-cell": col.key,
                 "data-iris-table-pinned": col.pinned,
-                "data-editable": col.editable ? "" : void 0,
+                "data-editable": isEditableColumn(col) ? "" : void 0,
                 "data-editing": isEditing ? "" : void 0,
                 "data-iris-input-hint": patternHint ? "true" : void 0,
                 // Grid keyboard navigation (opt-in): grid coords + roving tabindex
@@ -14225,11 +14619,11 @@ ${refCsv}` : ""}`);
                     }
                   }
                 } : {},
-                onDblclick: rowMode.value ? () => switchRowEdit(row, index, col.key) : col.editable ? () => beginEdit(row, col, id) : void 0,
+                onDblclick: rowMode.value ? () => switchRowEdit(row, index, col.key) : isEditableColumn(col) ? () => beginEdit(row, col, id) : void 0,
                 onClick: rowMode.value ? () => handleRowModeCellClick(row, col, index, id) : props.cellRange ? (e) => {
                   if (e.shiftKey) cellRangeCtrl.extendRange(index, ci);
                   else cellRangeCtrl.startRange(index, ci);
-                } : col.editable && props.editConfig?.trigger === "click" ? () => beginEdit(row, col, id) : void 0,
+                } : isEditableColumn(col) && props.editConfig?.trigger === "click" ? () => beginEdit(row, col, id) : void 0,
                 onContextmenu: props.contextMenu ? (e) => handleContextMenu(e, row, col, index, ci) : void 0,
                 style: {
                   display: "flex",
@@ -14243,7 +14637,7 @@ ${refCsv}` : ""}`);
                   whiteSpace: "nowrap",
                   overflow: "hidden",
                   textOverflow: "ellipsis",
-                  cursor: col.editable ? "cell" : "default",
+                  cursor: isEditableColumn(col) ? "cell" : "default",
                   ...props.cellRange && isInRange(index, ci) ? { background: "var(--iris-surface-selected, rgba(99,102,241,0.12))" } : {},
                   ...visibleColSet.value ? { gridColumnStart: String(colTrack(ci)) } : {},
                   ...colspan > 1 ? { gridColumnEnd: `span ${colspan}` } : {},
@@ -14465,7 +14859,8 @@ ${refCsv}` : ""}`);
           [vue.h("span", { "aria-hidden": "true" }, "\u21C6"), vue.h("span", t("table.scrollHint"))]
         ) : null,
         buildContextMenuSection(),
-        buildFilterPanelSection()
+        buildFilterPanelSection(),
+        buildAuditPanelSection()
       ].filter((n) => n !== null);
       return rootNodes.length === 1 ? rootNodes[0] : rootNodes;
     };
@@ -14491,7 +14886,7 @@ async function downloadExcel(filename, xml) {
 }
 
 // src/primitives/tabs/context.ts
-var TabsContextKey = Symbol("IrisTabs");
+var TabsContextKey = /* @__PURE__ */ Symbol("IrisTabs");
 
 // src/primitives/tabs/Tabs.ts
 var IrisTabs = vue.defineComponent({
@@ -14791,7 +15186,7 @@ var IrisTabsContent = vue.defineComponent({
 });
 
 // src/primitives/menu/context.ts
-var MenuContextKey = Symbol("IrisMenu");
+var MenuContextKey = /* @__PURE__ */ Symbol("IrisMenu");
 
 // src/primitives/menu/Menu.ts
 var IrisMenu = vue.defineComponent({
@@ -21263,12 +21658,12 @@ function defaultFilter(query, item) {
   if (!q) return 0;
   const haystacks = [item.label, ...item.keywords ?? []].map((s) => s.toLowerCase());
   let best = null;
-  for (const h136 of haystacks) {
+  for (const h137 of haystacks) {
     let qi = 0;
     let lastIdx = -1;
     let score = 0;
-    for (let i = 0; i < h136.length && qi < q.length; i += 1) {
-      if (h136[i] === q[qi]) {
+    for (let i = 0; i < h137.length && qi < q.length; i += 1) {
+      if (h137[i] === q[qi]) {
         score += lastIdx === -1 ? i : i - lastIdx - 1;
         lastIdx = i;
         qi += 1;