@iris-ui-kit/vue 0.2.29 → 0.2.31

package/dist/index.js

@@ -6,13 +6,13 @@ export { IrisGrid } from './chunk-IN3DQ55U.js';
 import './chunk-4FQ7XF52.js';
 import { useDataState } from './chunk-S43IHHBU.js';
 export { DATA_STATE_CLASS, __resetDataStateStyles, installDataStateStyles, useDataState, usePrefersReducedMotion } from './chunk-S43IHHBU.js';
-export { IrisProvider, PluginStoreContextKey, usePlugin, usePluginStore } from './chunk-KSJZLFAT.js';
+export { IrisProvider, PluginStoreContextKey, usePlugin, usePluginStore } from './chunk-MO7AAXA6.js';
 export { createClientFetcher, createResourceController, useResourceController } from './chunk-25NYWSXP.js';
-import { IrisCheckbox, IrisFormField, IrisInput, IrisButton } from './chunk-X5UOY4IV.js';
-export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-X5UOY4IV.js';
+import { IrisCheckbox, IrisFormField, IrisInput, IrisButton } from './chunk-W64OMUBD.js';
+export { IrisAlert, IrisButton, IrisCheckbox, IrisDashboardTemplate, IrisDivider, IrisFormField, IrisInput, IrisLoginTemplate, IrisPasswordInput } from './chunk-W64OMUBD.js';
 export { IrisContainer, IrisDashboardCard, IrisDashboardGrid, IrisStack } from './chunk-3R3QDLJC.js';
-export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-KAOPZNZF.js';
-export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-EZUDM4TM.js';
+export { IrisSkinKey, SkinProvider, SkinResolutionError, applySkin, builtinSkins, createSkinCatalog, createSkinEngine, createSkinRegistry, darkSkin, lightSkin, loadSkin, localStorageSkinStorage, memorySkinStorage, renderSkinStyle, resolveSkin, skinBootScript, skinError, skinToCssEntries, useSkin, useSkinContext, validateSkin } from './chunk-UPC4GN3F.js';
+export { DropdownContextKey, IrisAdminBreadcrumb, IrisAdminLayout, IrisAdminTabs, IrisBreadcrumb, IrisBreadcrumbItem, IrisDropdown, IrisDropdownItem, IrisDropdownMenu, IrisDropdownSeparator, IrisDropdownTrigger, IrisIcon, IrisNavMenu, createAdminPreferences, createTabsNav, filterNavByAccess, findNavNode, findNavPath, firstLeaf, flattenNav, isBranch, isClosable, localStorageAdminPreferencesStorage, nodeAllowsRoles, useAdminPreferences, useAdminShell, useTabsNav, visibleNav } from './chunk-PT6X4543.js';
 import { useFloating, useDismiss } from './chunk-IPR5JAVF.js';
 export { useDismiss, useFloating } from './chunk-IPR5JAVF.js';
 import { useMachine } from './chunk-NNOF7KUH.js';
@@ -20,20 +20,20 @@ export { useMachine } from './chunk-NNOF7KUH.js';
 import { findFirstElement, mergeSlotProps, composeRefs } from './chunk-F77KIPOH.js';
 export { IrisSlot, composeRefs, findFirstElement, mergeSlotProps } from './chunk-F77KIPOH.js';
 export { IrisHeaderLayout, IrisSidebarLayout } from './chunk-3V46HGRC.js';
-export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-OH4YSGFK.js';
+export { IrisThemeKey, ThemeProvider, useColorScheme, useDirection, useTheme, useThemeContext } from './chunk-ZTPIXL7Q.js';
 export { useAsyncResource, usePaginatedResource } from './chunk-SJB5DIIY.js';
 import { useDrag } from './chunk-IOMKC5OI.js';
 export { IrisClickOutside, IrisCompose, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, useDrag } from './chunk-IOMKC5OI.js';
 export { IrisSortable, SORTABLE_ITEM_ATTR } from './chunk-W3B6E5GN.js';
 export { createClientDataSource, createDataSource, createGroupedView, useDataSource, useGroupedView } from './chunk-QBFYIDY7.js';
-export { IrisErrorBoundary } from './chunk-X7Y35UUL.js';
-export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormContext } from './chunk-BVKOOTXG.js';
+export { IrisErrorBoundary } from './chunk-3547J6IN.js';
+export { FormInjectionKey, IrisForm, useField, useFieldArray, useForm, useFormContext } from './chunk-IAG64CHL.js';
 import { useStore } from './chunk-75GSYEJS.js';
 export { useStore, useStoreSelector } from './chunk-75GSYEJS.js';
-import { useI18n } from './chunk-W3JMJVEK.js';
-export { I18nInjectionKey, IrisI18nProvider, useI18n } from './chunk-W3JMJVEK.js';
+import { useI18n } from './chunk-TCAXRWT6.js';
+export { I18nInjectionKey, IrisI18nProvider, useI18n } from './chunk-TCAXRWT6.js';
 import { defineComponent, computed, watch, ref, useId, provide, inject, h, nextTick, Teleport, onScopeDispose, Fragment, onMounted, watchEffect, onBeforeUnmount, onBeforeMount, shallowRef, toValue, Comment, onUnmounted } from 'vue';
-import { createFloatingMachine, createHoverIntent, createVirtualizer, createKeyboardNav, getPageRange, createSelectionModel, flattenLeafColumns, buildHeaderMatrix, detectColumnType, seedFormValues, createExpansion, flattenTree, withSortedChildren, mergeFormFilters, createTreeSelection, createCellRange, createSortable, compareStates, createStore, firstEnabledIndex, createCalendarNav, clampDate, startOfMonth, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, isSameDay, isOutOfRange, formatLocalISO, hexToRgba, rgbaToHsva, hsvaToRgba, rgbToHex, addMonths, RESPONSIVE_NARROW_WIDTH, computeResponsiveColumns, createRemoteTableSource, readTableViews, computeVirtualRange, toCsvRows, removeRowsFromList, tableDisplayText, aggregate, previewColumnsFromRows, nextEnabledIndex, copyText, clamp01, rowsFromCsv, compareValues, TABLE_VIEWS_SAVE_ITEM, uniqueTableTabs, leftPinnedCount, pinnedCountFromBudget, toCsv, createAutoDismiss, validateEditRulesAsync, writeClipboardText, serializeTableRange, nextGridCell, createReconnectingSource, createResilientFetcher, createDisposableScope, downloadFile, toSpreadsheetXml, generateId, buildFormValues, applyTableMask, writeTableViews } from '@iris-ui-kit/core';
+import { createFloatingMachine, createHoverIntent, createVirtualizer, createKeyboardNav, getPageRange, createSelectionModel, formatClock, flattenLeafColumns, buildHeaderMatrix, detectColumnType, seedFormValues, createExpansion, createAuditLog, flattenTree, withSortedChildren, mergeFormFilters, createTreeSelection, createCellRange, createSortable, compareStates, createStore, firstEnabledIndex, createCalendarNav, clampDate, startOfMonth, isSameMonth, buildMonthMatrix, getWeekdayNames, formatMonthYear, startOfDay, endOfMonth, isSameDay, isOutOfRange, formatLocalISO, hexToRgba, rgbaToHsva, hsvaToRgba, rgbToHex, addMonths, RESPONSIVE_NARROW_WIDTH, computeResponsiveColumns, createRemoteTableSource, memoizedFormulaValue, readTableViews, computeVirtualRange, toCsvRows, removeRowsFromList, tableDisplayText, aggregate, previewColumnsFromRows, nextEnabledIndex, copyText, clamp01, rowsFromCsv, compareValues, TABLE_VIEWS_SAVE_ITEM, uniqueTableTabs, leftPinnedCount, pinnedCountFromBudget, toCsv, createAutoDismiss, validateEditRulesAsync, writeClipboardText, serializeTableRange, nextGridCell, createReconnectingSource, createResilientFetcher, createDisposableScope, downloadFile, toSpreadsheetXml, generateId, buildFormValues, applyTableMask, writeTableViews } from '@iris-ui-kit/core';
 export { addDays, addMonths, buildMonthMatrix, clamp01, clampDate, composeEventHandlers, createFloatingMachine, createMachine, createStore, endOfMonth, formatLocalISO, formatMonthYear, generateId, getPageRange, getWeekdayNames, hexToRgba, hsvToRgb, hsvaToRgba, isOutOfRange, isSameDay, isSameMonth, mergeProps, parseCsv, rgbToHex, rgbToHsv, rgbaToHsva, startOfDay, startOfMonth } from '@iris-ui-kit/core';
 import { getDirection } from '@iris-ui-kit/theme';
 export { applyTheme, createThemeStore, getCssVar, toCssVarName } from '@iris-ui-kit/theme';
@@ -77,7 +77,7 @@ function useDisposableScope() {
 }
 
 // src/primitives/popover/context.ts
-var PopoverContextKey = Symbol("IrisPopover");
+var PopoverContextKey = /* @__PURE__ */ Symbol("IrisPopover");
 
 // src/primitives/popover/Popover.ts
 var IrisPopover = defineComponent({
@@ -408,12 +408,12 @@ var IrisTooltip = 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;
@@ -482,7 +482,7 @@ var IrisTooltip = defineComponent({
 });
 
 // src/primitives/dialog/context.ts
-var DialogContextKey = Symbol("IrisDialog");
+var DialogContextKey = /* @__PURE__ */ Symbol("IrisDialog");
 
 // src/primitives/dialog/Dialog.ts
 var IrisDialog = defineComponent({
@@ -779,7 +779,7 @@ var IrisDialogClose = defineComponent({
 });
 
 // src/primitives/drawer/context.ts
-var DrawerContextKey = Symbol("IrisDrawer");
+var DrawerContextKey = /* @__PURE__ */ Symbol("IrisDrawer");
 
 // src/primitives/drawer/Drawer.ts
 var IrisDrawer = defineComponent({
@@ -2336,7 +2336,7 @@ var IrisSwitch = defineComponent({
     );
   }
 });
-var RadioGroupKey = Symbol("IrisRadioGroup");
+var RadioGroupKey = /* @__PURE__ */ Symbol("IrisRadioGroup");
 var IrisRadioGroup = defineComponent({
   name: "IrisRadioGroup",
   props: {
@@ -3539,8 +3539,8 @@ var IrisSkeleton = defineComponent({
     onMounted(installSkeletonStyles);
     const style = computed(() => {
       const w = props.width !== void 0 ? toCss(props.width) : defaultWidth(props.shape);
-      const h101 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
-      return { width: w, height: h101 };
+      const h102 = props.height !== void 0 ? toCss(props.height) : defaultHeight(props.shape, props.width);
+      return { width: w, height: h102 };
     });
     return () => h("div", {
       ...attrs,
@@ -4460,7 +4460,7 @@ var IrisChip = defineComponent({
 });
 
 // src/primitives/accordion/context.ts
-var AccordionContextKey = Symbol("IrisAccordion");
+var AccordionContextKey = /* @__PURE__ */ Symbol("IrisAccordion");
 
 // src/primitives/accordion/Accordion.ts
 var IrisAccordion = defineComponent({
@@ -4698,7 +4698,7 @@ var IrisAccordionItem = defineComponent({
 });
 
 // src/primitives/stepper/context.ts
-var StepperContextKey = Symbol("IrisStepper");
+var StepperContextKey = /* @__PURE__ */ Symbol("IrisStepper");
 
 // src/primitives/stepper/Stepper.ts
 var IrisStepper = defineComponent({
@@ -4946,7 +4946,7 @@ var IrisStepperStep = 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",
@@ -5998,6 +5998,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
@@ -6048,10 +6066,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 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] = 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}`;
@@ -6413,7 +6449,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(
@@ -6567,6 +6603,28 @@ function renderToolbarSection(ctx) {
       )
     );
   }
+  if (ctx.auditLog) {
+    toolChildren.push(
+      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 h(
     "div",
     {
@@ -6787,6 +6845,233 @@ function renderFilterPanelSection(ctx) {
   );
   return h(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 h(Teleport, { to: "body" }, [
+    h(TableAuditPanel, {
+      audit: ctx.audit,
+      styles: ctx.styles.value,
+      panelRef: ctx.panelRef,
+      onClear: ctx.onClear,
+      t: ctx.t
+    })
+  ]);
+}
+var TableAuditPanel = 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 = ref(props.audit.list());
+    let unsubscribe = null;
+    onMounted(() => {
+      unsubscribe = props.audit.subscribe(() => {
+        entries.value = props.audit.list();
+      });
+    });
+    onScopeDispose(() => {
+      unsubscribe?.();
+      unsubscribe = null;
+    });
+    return () => {
+      const items = entries.value;
+      return 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)"
+          }
+        },
+        [
+          h(
+            "div",
+            { style: { display: "flex", alignItems: "center", gap: "var(--iris-space-xs, 8px)" } },
+            [
+              h("span", { style: { fontWeight: 600, flex: 1 } }, props.t("table.audit")),
+              items.length > 0 ? 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 ? h(
+            "div",
+            {
+              "data-iris-audit-empty": "",
+              style: {
+                color: "var(--iris-muted)",
+                textAlign: "center",
+                padding: "var(--iris-space-sm, 12px)"
+              }
+            },
+            props.t("table.audit.empty")
+          ) : h(
+            "div",
+            {
+              "data-iris-audit-entries": "",
+              style: {
+                display: "flex",
+                flexDirection: "column",
+                gap: "var(--iris-space-xxs, 4px)",
+                maxHeight: 240,
+                overflowY: "auto"
+              }
+            },
+            items.map(
+              (e) => 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)"
+                  }
+                },
+                [
+                  h(
+                    "span",
+                    {
+                      "data-iris-audit-seq": "",
+                      style: { color: "var(--iris-muted)", minWidth: 30 }
+                    },
+                    `#${e.seq}`
+                  ),
+                  h(
+                    "span",
+                    {
+                      "data-iris-audit-time": "",
+                      style: { color: "var(--iris-muted)", minWidth: 64 }
+                    },
+                    formatClock(new Date(e.at))
+                  ),
+                  h(
+                    "span",
+                    {
+                      "data-iris-audit-type": "",
+                      style: {
+                        color: "var(--iris-primary)",
+                        fontWeight: 600,
+                        textTransform: "uppercase"
+                      }
+                    },
+                    e.type
+                  ),
+                  h(
+                    "span",
+                    {
+                      "data-iris-audit-rowkey": "",
+                      style: { color: "var(--iris-foreground)" }
+                    },
+                    e.rowKey !== void 0 ? String(e.rowKey) : "\u2014"
+                  ),
+                  e.column !== void 0 ? h(
+                    "span",
+                    {
+                      "data-iris-audit-cell": "",
+                      style: { color: "var(--iris-muted)", flex: 1 }
+                    },
+                    [
+                      e.column,
+                      h(
+                        "span",
+                        {
+                          style: {
+                            display: "inline-flex",
+                            gap: "var(--iris-space-xxs, 4px)",
+                            marginInlineStart: "var(--iris-space-xs, 8px)"
+                          }
+                        },
+                        [
+                          h(
+                            "span",
+                            { "data-iris-audit-old": "" },
+                            String(e.oldValue ?? "")
+                          ),
+                          h("span", { "aria-hidden": "true" }, "\u2192"),
+                          h(
+                            "span",
+                            { "data-iris-audit-new": "" },
+                            String(e.newValue ?? "")
+                          )
+                        ]
+                      )
+                    ]
+                  ) : null
+                ]
+              )
+            )
+          )
+        ]
+      );
+    };
+  }
+});
 function renderImportPreviewSection(ctx) {
   if (!ctx.rows) return null;
   const columns = previewColumnsFromRows(ctx.rows);
@@ -7114,9 +7399,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 writeClipboardText(
       serializeTableRange(
-        options.rows(),
+        rows,
         options.columns(),
         range,
         clip?.copyFormat,
@@ -8060,10 +8346,9 @@ var IrisTable = defineComponent({
         detectTypesDone.value = true;
         const next = {};
         for (const column of flattenLeafColumns(props.columns)) {
-          const candidate = column;
-          if (candidate.formula) continue;
+          if (column.formula) continue;
           next[column.key] = detectColumnType(
-            tableData.value.map((row) => getCellValue(row, candidate))
+            tableData.value.map((row) => getCellValue(row, column))
           );
         }
         detectedTypes.value = next;
@@ -8200,6 +8485,17 @@ var IrisTable = defineComponent({
       if (typeof v === "string" || typeof v === "number") return v;
       return index;
     };
+    const audit = createAuditLog();
+    const auditRowsRef = ref(tableData.value);
+    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 = computed(() => props.getSubRows !== void 0 || props.lazyLoad !== void 0);
     const lazyChildren = ref(/* @__PURE__ */ new Map());
     const lazyLoading = ref(/* @__PURE__ */ new Set());
@@ -8349,7 +8645,7 @@ var IrisTable = defineComponent({
     const editError = ref(null);
     const editorInputRef = 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);
@@ -8389,6 +8685,15 @@ var IrisTable = 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);
@@ -8422,7 +8727,7 @@ var IrisTable = 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) {
@@ -8493,7 +8798,7 @@ var IrisTable = 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),
@@ -8909,6 +9214,7 @@ var IrisTable = 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);
@@ -8927,6 +9233,7 @@ var IrisTable = defineComponent({
       removeRows: (keys) => {
         const { rows, removedKeys } = 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;
@@ -8938,9 +9245,15 @@ var IrisTable = 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 ? `
@@ -8955,7 +9268,14 @@ ${refCsv}` : ""}`);
       },
       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({
@@ -8966,6 +9286,48 @@ ${refCsv}` : ""}`);
       handleFormSubmit,
       handleFormReset
     });
+    const auditOpen = ref(false);
+    const auditAnchorRef = ref(null);
+    const auditPanelRef = 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
+    });
+    watch(auditOpen, (open) => {
+      if (typeof document === "undefined") return;
+      if (open) document.addEventListener("scroll", closeAuditPanel, true);
+      else document.removeEventListener("scroll", closeAuditPanel, true);
+    });
+    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,
@@ -8976,7 +9338,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 = ref(null);
@@ -9545,7 +9913,7 @@ ${refCsv}` : ""}`);
               rowSessions.value.get(editCellId)
             ) : buildCellEditContent(row, col, index, editCellId);
           } else {
-            content = cellSlot?.({ row, index, value: getCellValue(row, col) }) ?? tableDisplayText(row, col);
+            content = cellSlot?.({ row, index, value: getCellValue(row, col) }) ?? tableDisplayText(row, col, getCellValue);
           }
           const treeIndent = treeMeta && ci === 0 ? buildTreeIndent(treeMeta, row) : null;
           const cellChildren = treeIndent ? [treeIndent, ...Array.isArray(content) ? content : [content]] : content;
@@ -9557,7 +9925,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
@@ -9583,11 +9951,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",
@@ -9601,7 +9969,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}` } : {},
@@ -9823,7 +10191,8 @@ ${refCsv}` : ""}`);
           [h("span", { "aria-hidden": "true" }, "\u21C6"), h("span", t("table.scrollHint"))]
         ) : null,
         buildContextMenuSection(),
-        buildFilterPanelSection()
+        buildFilterPanelSection(),
+        buildAuditPanelSection()
       ].filter((n) => n !== null);
       return rootNodes.length === 1 ? rootNodes[0] : rootNodes;
     };
@@ -9849,7 +10218,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 = defineComponent({
@@ -10149,7 +10518,7 @@ var IrisTabsContent = defineComponent({
 });
 
 // src/primitives/menu/context.ts
-var MenuContextKey = Symbol("IrisMenu");
+var MenuContextKey = /* @__PURE__ */ Symbol("IrisMenu");
 
 // src/primitives/menu/Menu.ts
 var IrisMenu = defineComponent({
@@ -16621,12 +16990,12 @@ function defaultFilter(query, item) {
   if (!q) return 0;
   const haystacks = [item.label, ...item.keywords ?? []].map((s) => s.toLowerCase());
   let best = null;
-  for (const h101 of haystacks) {
+  for (const h102 of haystacks) {
     let qi = 0;
     let lastIdx = -1;
     let score = 0;
-    for (let i = 0; i < h101.length && qi < q.length; i += 1) {
-      if (h101[i] === q[qi]) {
+    for (let i = 0; i < h102.length && qi < q.length; i += 1) {
+      if (h102[i] === q[qi]) {
         score += lastIdx === -1 ? i : i - lastIdx - 1;
         lastIdx = i;
         qi += 1;