# mantine-datatable - Doramagic AI Context Pack

> 定位：安装前体验与判断资产。它帮助宿主 AI 有一个好的开始，但不代表已经安装、执行或验证目标项目。

## 充分原则

- **充分原则，不是压缩原则**：AI Context Pack 应该充分到让宿主 AI 在开工前理解项目价值、能力边界、使用入口、风险和证据来源；它可以分层组织，但不以最短摘要为目标。
- **压缩策略**：只压缩噪声和重复内容，不压缩会影响判断和开工质量的上下文。

## 给宿主 AI 的使用方式

你正在读取 Doramagic 为 mantine-datatable 编译的 AI Context Pack。请把它当作开工前上下文：帮助用户理解适合谁、能做什么、如何开始、哪些必须安装后验证、风险在哪里。不要声称你已经安装、运行或执行了目标项目。

## Claim 消费规则

- **事实来源**：Repo Evidence + Claim/Evidence Graph；Human Wiki 只提供显著性、术语和叙事结构。
- **事实最低状态**：`supported`
- `supported`：可以作为项目事实使用，但回答中必须引用 claim_id 和证据路径。
- `weak`：只能作为低置信度线索，必须要求用户继续核实。
- `inferred`：只能用于风险提示或待确认问题，不能包装成项目事实。
- `unverified`：不得作为事实使用，应明确说证据不足。
- `contradicted`：必须展示冲突来源，不得替用户强行选择一个版本。

## 它最适合谁

- **想在安装前理解开源项目价值和边界的用户**：当前证据主要来自项目文档。 证据：`README.md` Claim：`clm_0002` supported 0.86

## 它能做什么

- **项目知识预览**（可做安装前预览）：项目可被阅读和解释，但当前证据不足以确认可安装能力或运行入口。 证据：`README.md`, `package.json`, `CONTRIBUTING.md`, `LICENSE` 等 Claim：`clm_0001` supported 0.86

## 怎么开始

- 项目证据中没有稳定 Quick Start 命令；此项应留空，而不是由 Doramagic 编造。

## 继续前判断卡

- **当前建议**：先做 Prompt Preview
- **为什么**：当前信息足以做安装前体验，但真实兼容性、输出质量或风险边界还不能直接相信。

### 30 秒判断

- **现在怎么做**：先做 Prompt Preview
- **最小安全下一步**：先跑 Prompt Preview
- **先别相信**：真实输出质量不能在安装前相信。
- **继续会触碰**：宿主 AI 上下文

### 现在可以相信

- **适合人群线索：想在安装前理解开源项目价值和边界的用户**（supported）：有 supported claim 或项目证据支撑，但仍不等于真实安装效果。 证据：`README.md` Claim：`clm_0002` supported 0.86
- **能力存在：项目知识预览**（supported）：可以相信项目包含这类能力线索；是否适合你的具体任务仍要试用或安装后验证。 证据：`README.md`, `package.json`, `CONTRIBUTING.md`, `LICENSE` 等 Claim：`clm_0001` supported 0.86

### 现在还不能相信

- **真实输出质量不能在安装前相信。**（unverified）：Prompt Preview 只能展示引导方式，不能证明真实项目中的结果质量。
- **宿主 AI 版本兼容性不能在安装前相信。**（unverified）：Claude、Cursor、Codex、Gemini 等宿主加载规则和版本差异必须在真实环境验证。
- **不会污染现有宿主 AI 行为，不能直接相信。**（inferred）：Skill、plugin、AGENTS/CLAUDE/GEMINI 指令可能改变宿主 AI 的默认行为。
- **可安全回滚不能默认相信。**（unverified）：除非项目明确提供卸载和恢复说明，否则必须先在隔离环境验证。
- **真实安装后是否与用户当前宿主 AI 版本兼容？**（unverified）：兼容性只能通过实际宿主环境验证。
- **项目输出质量是否满足用户具体任务？**（unverified）：安装前预览只能展示流程和边界，不能替代真实评测。

### 继续会触碰什么

- **宿主 AI 上下文**：AI Context Pack、Prompt Preview、Skill 路由、风险规则和项目事实。 原因：导入上下文会影响宿主 AI 后续判断，必须避免把未验证项包装成事实。

### 最小安全下一步

- **先跑 Prompt Preview**：用安装前交互式试用判断工作方式是否匹配，不需要授权或改环境。（适用：任何项目都适用，尤其是输出质量未知时。）
- **安装后只验证一个最小任务**：先验证加载、兼容、输出质量和回滚，再决定是否深用。（适用：准备从试用进入真实工作流时。）

### 退出方式

- **保留安装前状态**：记录原始宿主配置和项目状态，后续才能判断是否可恢复。
- **如果没有回滚路径，不进入主力环境**：不可回滚是继续前阻断项，不应靠信任或运气继续。

## 哪些只能预览

- 解释项目适合谁和能做什么
- 基于项目文档演示典型对话流程
- 帮助用户判断是否值得安装或继续研究

## 哪些必须安装后验证

- 真实安装 Skill、插件或 CLI
- 执行脚本、修改本地文件或访问外部服务
- 验证真实输出质量、性能和兼容性

## 边界与风险判断卡

- **把安装前预览误认为真实运行**：用户可能高估项目已经完成的配置、权限和兼容性验证。 处理方式：明确区分 prompt_preview_can_do 与 runtime_required。 Claim：`clm_0003` inferred 0.45
- **待确认**：真实安装后是否与用户当前宿主 AI 版本兼容？。原因：兼容性只能通过实际宿主环境验证。
- **待确认**：项目输出质量是否满足用户具体任务？。原因：安装前预览只能展示流程和边界，不能替代真实评测。

## 开工前工作上下文

### 加载顺序

- 先读取 how_to_use.host_ai_instruction，建立安装前判断资产的边界。
- 读取 claim_graph_summary，确认事实来自 Claim/Evidence Graph，而不是 Human Wiki 叙事。
- 再读取 intended_users、capabilities 和 quick_start_candidates，判断用户是否匹配。
- 需要执行具体任务时，优先查 role_skill_index，再查 evidence_index。
- 遇到真实安装、文件修改、网络访问、性能或兼容性问题时，转入 risk_card 和 boundaries.runtime_required。

### 任务路由

- **项目知识预览**：先基于 role_skill_index / evidence_index 帮用户挑选可用角色、Skill 或工作流。 边界：可做安装前 Prompt 体验。 证据：`README.md`, `package.json`, `CONTRIBUTING.md`, `LICENSE` 等 Claim：`clm_0001` supported 0.86

### 上下文规模

- 文件总数：376
- 重要文件覆盖：40/376
- 证据索引条目：77
- 角色 / Skill 条目：4

### 证据不足时的处理

- **missing_evidence**：说明证据不足，要求用户提供目标文件、README 段落或安装后验证记录；不要补全事实。
- **out_of_scope_request**：说明该任务超出当前 AI Context Pack 证据范围，并建议用户先查看 Human Manual 或真实安装后验证。
- **runtime_request**：给出安装前检查清单和命令来源，但不要替用户执行命令或声称已执行。
- **source_conflict**：同时展示冲突来源，标记为待核实，不要强行选择一个版本。

## Prompt Recipes

### 适配判断

- 目标：判断这个项目是否适合用户当前任务。
- 预期输出：适配结论、关键理由、证据引用、安装前可预览内容、必须安装后验证内容、下一步建议。

```text
请基于 mantine-datatable 的 AI Context Pack，先问我 3 个必要问题，然后判断它是否适合我的任务。回答必须包含：适合谁、能做什么、不能做什么、是否值得安装、证据来自哪里。所有项目事实必须引用 evidence_refs、source_paths 或 claim_id。
```

### 安装前体验

- 目标：让用户在安装前感受核心工作流，同时避免把预览包装成真实能力或营销承诺。
- 预期输出：一段带边界标签的体验剧本、安装后验证清单和谨慎建议；不含真实运行承诺或强营销表述。

```text
请把 mantine-datatable 当作安装前体验资产，而不是已安装工具或真实运行环境。

请严格输出四段：
1. 先问我 3 个必要问题。
2. 给出一段“体验剧本”：用 [安装前可预览]、[必须安装后验证]、[证据不足] 三种标签展示它可能如何引导工作流。
3. 给出安装后验证清单：列出哪些能力只有真实安装、真实宿主加载、真实项目运行后才能确认。
4. 给出谨慎建议：只能说“值得继续研究/试装”“先补充信息后再判断”或“不建议继续”，不得替项目背书。

硬性边界：
- 不要声称已经安装、运行、执行测试、修改文件或产生真实结果。
- 不要写“自动适配”“确保通过”“完美适配”“强烈建议安装”等承诺性表达。
- 如果描述安装后的工作方式，必须使用“如果安装成功且宿主正确加载 Skill，它可能会……”这种条件句。
- 体验剧本只能写成“示例台词/假设流程”：使用“可能会询问/可能会建议/可能会展示”，不要写“已写入、已生成、已通过、正在运行、正在生成”。
- Prompt Preview 不负责给安装命令；如用户准备试装，只能提示先阅读 Quick Start 和 Risk Card，并在隔离环境验证。
- 所有项目事实必须来自 supported claim、evidence_refs 或 source_paths；inferred/unverified 只能作风险或待确认项。

```

### 角色 / Skill 选择

- 目标：从项目里的角色或 Skill 中挑选最匹配的资产。
- 预期输出：候选角色或 Skill 列表，每项包含适用场景、证据路径、风险边界和是否需要安装后验证。

```text
请读取 role_skill_index，根据我的目标任务推荐 3-5 个最相关的角色或 Skill。每个推荐都要说明适用场景、可能输出、风险边界和 evidence_refs。
```

### 风险预检

- 目标：安装或引入前识别环境、权限、规则冲突和质量风险。
- 预期输出：环境、权限、依赖、许可、宿主冲突、质量风险和未知项的检查清单。

```text
请基于 risk_card、boundaries 和 quick_start_candidates，给我一份安装前风险预检清单。不要替我执行命令，只说明我应该检查什么、为什么检查、失败会有什么影响。
```

### 宿主 AI 开工指令

- 目标：把项目上下文转成一次对话开始前的宿主 AI 指令。
- 预期输出：一段边界明确、证据引用明确、适合复制给宿主 AI 的开工前指令。

```text
请基于 mantine-datatable 的 AI Context Pack，生成一段我可以粘贴给宿主 AI 的开工前指令。这段指令必须遵守 not_runtime=true，不能声称项目已经安装、运行或产生真实结果。
```


## 角色 / Skill 索引

- 共索引 4 个角色 / Skill / 项目文档条目。

- **Mantine DataTable**（project_doc）：! Publish NPM & deploy docs workflow https://github.com/icflorescu/mantine-datatable/actions/workflows/publish-and-deploy.yml/badge.svg ! NPM version npm-image npm-url ! License license-image license-url ! Stars stars-image stars-url ! Last commit last-commit-image repo-url ! Closed issues closed-issues-image closed-issues-url ! Downloads downloads-image npm-url ! Language language-image repo-url ! Sponsor the autho… 激活提示：当用户需要理解项目结构、安装方式或边界时参考。 证据：`README.md`
- **Contributing**（project_doc）：If you find a bug, please feel free to raise an issue https://github.com/icflorescu/mantine-datatable/issues . If you have an idea about a new or missing feature, let's discuss it here https://github.com/icflorescu/mantine-datatable/discussions . 激活提示：当用户需要理解项目结构、安装方式或边界时参考。 证据：`CONTRIBUTING.md`
- **Changelog**（project_doc）：The following is a list of notable changes to the Mantine DataTable component. Minor versions that are not listed in the changelog are bug fixes and small improvements. 激活提示：当用户需要理解项目结构、安装方式或边界时参考。 证据：`CHANGELOG.md`
- **Contributor Covenant Code of Conduct**（project_doc）：Contributor Covenant Code of Conduct 激活提示：当用户需要理解项目结构、安装方式或边界时参考。 证据：`CODE_OF_CONDUCT.md`

## 证据索引

- 共索引 77 条证据。

- **Mantine DataTable**（documentation）：! Publish NPM & deploy docs workflow https://github.com/icflorescu/mantine-datatable/actions/workflows/publish-and-deploy.yml/badge.svg ! NPM version npm-image npm-url ! License license-image license-url ! Stars stars-image stars-url ! Last commit last-commit-image repo-url ! Closed issues closed-issues-image closed-issues-url ! Downloads downloads-image npm-url ! Language language-image repo-url ! Sponsor the author sponsor-image sponsor-url 证据：`README.md`
- **Package**（package_manifest）：{ "name": "mantine-datatable", "version": "9.2.2", "description": "The lightweight, dependency-free, dark-theme aware table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, intuitive Gmail-style additive batch rows selection, column sorting, custom cell data rendering, row expansion, nesting, context menus, and much more", "keywords": "mantine", "data", "table", "grid", "datatable", "datagrid", "data table", "data grid", "async", "nested", "sorting", "pagination", "context menu", "react", "component", "react server components", "typescript", "ui", "user interface", "ux", "user experience" , "repository": { "type": "git", "url": "… 证据：`package.json`
- **Contributing**（documentation）：If you find a bug, please feel free to raise an issue https://github.com/icflorescu/mantine-datatable/issues . If you have an idea about a new or missing feature, let's discuss it here https://github.com/icflorescu/mantine-datatable/discussions . 证据：`CONTRIBUTING.md`
- **License**（source_file）：Copyright c 2022 – 2026 Ionuț-Cristian Florescu 证据：`LICENSE`
- **Config**（source_file）：import type { MantineColor } from '@mantine/core'; import type { Icon } from '@tabler/icons-react'; import { IconAdjustments, IconBrandCss3, IconHeartHandshake, IconHome, IconList, IconQuestionMark, IconRocket, IconThumbUp, } from '@tabler/icons-react'; import type { Route } from 'next'; ⋮---- export type RouteInfo = { href: Route; title: string; description: string; } & { icon?: never; color?: never } { icon: Icon; color: MantineColor } ; 证据：`app/config.ts`
- **Index**（source_file）：import companyData from './companies.json'; import departmentData from './departments.json'; import employeeData from './employees.json'; export type Company = { id: string; name: string; streetAddress: string; city: string; state: string; missionStatement: string; }; export type Department = { id: string; name: string; company: Company; }; export type Employee = { id: string; sex: 'male' 'female'; firstName: string; lastName: string; email: string; birthDate: string; department: Department; }; 证据：`data/index.ts`
- **Page**（source_file）：import { Flex, Stack, Text } from '@mantine/core'; import { IconLifebuoy, IconRocket, IconScale, IconSettings } from '@tabler/icons-react'; import type { Route } from 'next'; import { CRA LINK, GATSBY LINK, LICENSE LINK, MANTINE LINK, NEXTJS LINK, REMIX LINK, REPO LINK, VITE LINK, } from '~/app/config'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { getRouteMetadata } from '~/lib/utils'; import { Feature } from './Feature'; import { HeroImage } from './HeroImage'; import { HomePageButtons } from './HomePageButtons'; import { HomePageSubtitle } from './HomePageSubtitle'; import { HomePageTitle } from './HomePageTit… 证据：`app/(home)/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { AUTHOR LINK, AUTHOR NAME, MANTINE CONTEXTMENU LINK, MANTINE CONTEXTMENU PRODUCT NAME, MANTINE LINK, PRODUCT NAME, REPO LINK, } from '~/app/config'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { getRouteMetadata } from '~/lib/utils'; import { ContributorsImage } from './ContributorsImage'; ⋮---- export default function C… 证据：`app/contribute-and-support/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { LOADER TYPES, MANTINE SIZES } from '~/lib/constants'; import { getRouteMetadata } from '~/lib/utils'; import { AsynchronousDataLoadingExamplePageContent } from './AsynchronousDataLoadingExampl… 证据：`app/examples/asynchronous-data-loading/page.tsx`
- **Page**（source_file）：import type { Route } from 'next'; import { MANTINE LINK } from '~/app/config'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { BasicTablePropertiesPageContent } from './BasicTablePropertiesPageContent'; ⋮---- export default async function BasicTablePropertiesExamplePage 证据：`app/examples/basic-table-properties/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { BasicUsageExample } from './BasicUsageExample'; 证据：`app/examples/basic-usage/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME, REPO LINK } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import DraggingExample from './DraggingExample'; import DraggingTogglingComplexE… 证据：`app/examples/column-dragging-and-toggling/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { ColumnGroupingExample } from './ColumnGroupingExample'; import { Mult… 证据：`app/examples/column-grouping/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { ColumnFooterExample } from './ColumnFooterExample'; import { ColumnPropertiesExample } from './ColumnPropertiesExample'; import… 证据：`app/examples/column-properties-and-styling/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME, REPO LINK } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import ResizingComplexExample from './ResizingComplexExample'; import ResizingEx… 证据：`app/examples/column-resizing/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { ComplexUsageExample } from './ComplexUsageExample'; import { ComplexUsageExampleWrapper } from './ComplexUsageExampleWrapper'; ⋮---- export de… 证据：`app/examples/complex-usage-scenario/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { CustomRowOrCellAttributesExample, CustomRowOrCellAttributesMiddleClickExample, } from './CustomRowOrCellAttributesExamples'; 证据：`app/examples/custom-row-or-cell-attributes/page.tsx`
- **Defaultcolumnpropertiesexample**（source_file）：import { DataTable } from ' PACKAGE '; import dayjs from 'dayjs'; import relativeTime from 'dayjs/plugin/relativeTime'; ⋮---- const average = arr: number 证据：`app/examples/default-column-properties/DefaultColumnPropertiesExample.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { DefaultColumnPropertiesExample } from './DefaultColumnPropertiesExample'; ⋮---- export default async function DefaultColumnPropertiesExamplePage 证据：`app/examples/default-column-properties/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { DefaultColumnRenderExample } from './DefaultColumnRenderExample'; ⋮---- export default async function DefaultColumnRenderExamplePage 证据：`app/examples/default-column-render/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { DisablingTextSelectionExamplePageContent } from './DisablingTextSelectionExamplePageContent'; ⋮---- export default async function DisablingTextSelectionExamplePage 证据：`app/examples/disabling-text-selection/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { EmptyStateExample, EmptyStateExampleCustomContent, EmptyStateExampleCustomIconAndText, EmptyStateExampleCustomInteractiveContent, EmptyStateExampleCustomText, } from './EmptyStateExamples'; 证据：`app/examples/empty-state/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { RowExpansionExampleCollapseProps } from './RowExpansionExampleCollapseProps'; import { RowExpansionExampleControlledMode } f… 证据：`app/examples/expanding-rows/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { HandlingCellClicksExample } from './HandlingCellClicksExample'; import { HandlingCellDoubleClicksExample } from './HandlingC… 证据：`app/examples/handling-cell-clicks/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { HandlingRowClicksExample } from './HandlingRowClicksExample'; import { HandlingRowDoubleClicksExample } from './HandlingRowD… 证据：`app/examples/handling-row-clicks/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { InfiniteScrollingExample } from './InfiniteScrollingExample'; ⋮---- export default async function InfiniteScrollingExamplePage 证据：`app/examples/infinite-scrolling/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { LinksOrButtonsInsideClickableRowsOrCellsExample } from './LinksOrButtonsInsideClickableRowsOrCellsExample'; ⋮---- export default async function LinksOrButtonsInsideClickableRowsOrCellsExamplePage 证据：`app/examples/links-or-buttons-inside-clickable-rows-or-cells/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { NestedTablesAsyncSortingExample } from './NestedTablesAsyncSortingExample'; 证据：`app/examples/nested-tables-with-async-data-loading-and-sorting/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { NestedTablesAsyncExample } from './NestedTablesAsyncExample'; 证据：`app/examples/nested-tables-with-async-data-loading/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { NestedTablesExample } from './NestedTablesExample'; 证据：`app/examples/nested-tables/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { NonStandardRecordIdsFunctionExample } from './NonStandardRecordIdsFunctionExample'; import { NonStandardRecordIdsStringExample } from './NonStandardRecordIdsStringExample'; ⋮---- export default async function NonStandardRecordIdsExamplePage 证据：`app/examples/non-standard-record-ids/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { ColorsExample } from './ColorsExample'; import { StylingWithClassNameExample… 证据：`app/examples/overriding-the-default-styles/page.tsx`
- **Paginationexamplewithcontrolprops**（source_file）：import { DataTable } from ' PACKAGE '; import dayjs from 'dayjs'; import { useEffect, useState } from 'react'; import employees from '~/data/employees.json'; ⋮---- if control === 'previous' 证据：`app/examples/pagination/PaginationExampleWithControlProps.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { Fragment } from 'react'; import { PRODUCT NAME } from '~/app/config'; import PaginationCustomRenderExample from '~/app/examples/pagination/PaginationCustomRenderExample'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { MANTINE SIZES } from '~/lib/constants'; import { allPromiseProps, getR… 证据：`app/examples/pagination/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { InteractivePinningExample, PinLeftAndRightColumnsExample, PinMultipleLeftColumnsExample, PinningAndTogglingExample, PinningWithColumnGroupsExample, } from './PinArbitraryColumnsExamples'; 证据：`app/examples/pinning-arbitrary-columns/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { PinFirstAndLastColumnsExampleWithRecordSelection, PinFirstColumnExampleWithColumnGroups, PinFirstColumnExampleWithoutRecordSelection, PinFirstColumnExampleWithRecordSelection, } from './PinFirstColumnExam… 证据：`app/examples/pinning-the-first-column/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { PinLastColumnExample, PinLastColumnExampleWithColumnGroups } from './PinLastColumnExamples'; 证据：`app/examples/pinning-the-last-column/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { CellTriggerRecordsSelectionExample, CheckboxPropsExample, CustomColumnStyleExample, DisabledRecords… 证据：`app/examples/records-selection/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { MANTINE LINK } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { RowActionsCellExample, RowActionsCellExampleConstrainWidth } from './RowActionsCellExamples'; ⋮---- e… 证据：`app/examples/row-actions-cell/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME, REPO LINK } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { RowDraggingExample } from './RowDraggingExample'; 证据：`app/examples/row-dragging/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { RowStylingWithClassNameExample } from './RowStylingWithClassNameExample'; import { RowStylingWithColorPropertiesExample } from './RowStylingWithColorPropertiesExample'; import { RowStylin… 证据：`app/examples/row-styling/page.tsx`
- **Rtlsupportexample**（source_file）：import { DataTable, type DataTableSortStatus, useDataTableColumns } from ' PACKAGE '; import { ActionIcon, Box, Button, DirectionProvider, Group, SegmentedControl, Stack, Text } from '@mantine/core'; import { IconColumns3, IconEdit, IconEye, IconTrash } from '@tabler/icons-react'; import clsx from 'clsx'; import { useMemo, useState } from 'react'; import { companies, type Employee, employees } from '~/data'; import classes from './RTLSupportExample.module.css'; export function RTLBasicExample ⋮---- export function RTLDraggingExample 证据：`app/examples/rtl-support/RTLSupportExample.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { MANTINE LINK, PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { RTLSupportExample } from './RTLSupportExample'; 证据：`app/examples/rtl-support/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { ScrollableVsAutoHeightExamplePageContent } from './ScrollableVsAutoHeightExamplePageContent'; import { ScrollAreaPropsExample } from './ScrollableVsAutoHeightExamples'; ⋮---- export default async function… 证据：`app/examples/scrollable-vs-auto-height/page.tsx`
- **Page**（source_file）：import { Code, Text } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { ScrollIntoViewExample, ScrollToExample } from './ScrollRowIntoViewExamples'; ⋮---- export defau… 证据：`app/examples/scrolling-a-row-into-view/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { SearchingAndFilteringExample } from './SearchingAndFilteringExample'; ⋮---- export default async function SearchingAndFilteringExamplePage 证据：`app/examples/searching-and-filtering/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { UnorderedList } from '~/components/UnorderedList'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import SortingExample from './SortingExample'; import SortingExampleCustomIcons from './SortingExampleCustomIcons'; ⋮---- export default… 证据：`app/examples/sorting/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { getRouteMetadata } from '~/lib/utils'; import { UsingWithAutoAnimateExample } from './UsingWithAutoAnimateExample'; 证据：`app/examples/using-with-auto-animate/page.tsx`
- **Page**（source_file）：import { Anchor, Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { MANTINE CONTEXTMENU LINK, MANTINE CONTEXTMENU PRODUCT NAME, PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; import { CellContext… 证据：`app/examples/using-with-mantine-contextmenu/page.tsx`
- **Page**（source_file）：import { Code } from '@mantine/core'; import type { Route } from 'next'; import { MANTINE LINK, PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getFirstExampleRoute, getRouteMetadata } from '~/lib/utils'; import { GettingStartedExample } from './examples/GettingStartedExample'; 证据：`app/getting-started/page.tsx`
- **Page**（source_file）：import type { Route } from 'next'; import { AUTHOR LINK, AUTHOR NAME, MANTINE CONTEXTMENU LINK, MANTINE CONTEXTMENU PRODUCT NAME, PRODUCT NAME, } from '~/app/config'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { getRouteMetadata } from '~/lib/utils'; import classes from './page.module.css'; ⋮---- export default function HireTheAuthorPage 证据：`app/hire-the-author/page.tsx`
- **Page**（source_file）：import type { Route } from 'next'; import { MANTINE LINK, PRODUCT NAME, REPO LINK, V6 WEBSITE LINK } from '~/app/config'; import { ExternalLink } from '~/components/ExternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { getRouteMetadata } from '~/lib/utils'; ⋮---- export default function MantineV6SupportPage 证据：`app/mantine-v6-support/page.tsx`
- **Page**（source_file）：import { Box, Code } from '@mantine/core'; import type { Route } from 'next'; import { MANTINE LINK, PRODUCT NAME, REPO LINK } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { ExternalLink } from '~/components/ExternalLink'; import { InternalLink } from '~/components/InternalLink'; import { PageNavigation } from '~/components/PageNavigation'; import { PageSubtitle } from '~/components/PageSubtitle'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getFirstExampleRoute, getRouteMetadata } from '~/lib/utils'; 证据：`app/styling/page.tsx`
- **Page**（source_file）：import { readdir } from 'node:fs/promises'; import type { Route } from 'next'; import { PRODUCT NAME } from '~/app/config'; import { CodeBlock } from '~/components/CodeBlock'; import { PageNavigation } from '~/components/PageNavigation'; import { PageTitle } from '~/components/PageTitle'; import { Txt } from '~/components/Txt'; import { readCodeFile } from '~/lib/code'; import { allPromiseProps, getRouteMetadata } from '~/lib/utils'; 证据：`app/type-definitions/page.tsx`
- **Usedatatablecolumns**（source_file）：import { type RefObject, useMemo } from 'react'; import type { DataTableColumn } from '../types/DataTableColumn'; import { type DataTableColumnPinning, useDataTableColumnPinning } from './useDataTableColumnPinning'; import { useDataTableColumnReorder } from './useDataTableColumnReorder'; import { useDataTableColumnResize } from './useDataTableColumnResize'; import { type DataTableColumnToggle, useDataTableColumnToggle } from './useDataTableColumnToggle'; ⋮---- export const useDataTableColumns = { key, columns = , getInitialValueInEffect = true, headerRef, scrollViewportRef, }: { key: string undefined; columns: DataTableColumn ; getInitialValueInEffect?: boolean; headerRef?: RefObject ; scro… 证据：`package/hooks/useDataTableColumns.ts`
- **Useisomorphiclayouteffect**（source_file）：import { useEffect, useLayoutEffect } from 'react'; 证据：`package/hooks/useIsomorphicLayoutEffect.ts`
- **Uselastselectionchangeindex**（source_file）：import { useEffect, useState } from 'react'; export function useLastSelectionChangeIndex recordIds: unknown undefined 证据：`package/hooks/useLastSelectionChangeIndex.ts`
- **Usemediaqueries**（source_file）：import { useEffect, useRef, useState } from 'react'; export interface UseMediaQueryOptions { getInitialValueInEffect: boolean; } function attachMediaListeners queries: MediaQueryList , callback: matches: boolean = void ⋮---- const callbackWrapper = = ⋮---- function getInitialValue queries: string , initialValues?: boolean export function useMediaQueries queries: string , initialValues?: boolean , { getInitialValueInEffect }: UseMediaQueryOptions = { getInitialValueInEffect: true, } 证据：`package/hooks/useMediaQueries.ts`
- **Usestablevalue**（source_file）：import { useRef } from 'react'; export interface ReadonlyRef { readonly current: T; } export function useStableValue value: T : ReadonlyRef 证据：`package/hooks/useStableValue.ts`
- **Datatablecolumn**（source_file）：import type { MantineStyleProp, MantineTheme, PopoverProps } from '@mantine/core'; import type { DataTableColumnTextAlign } from './DataTableColumnTextAlign'; export type DataTableColumn = { accessor: keyof T string & NonNullable ; title?: React.ReactNode; render?: record: T, index: number = React.ReactNode; textAlign?: DataTableColumnTextAlign; sortable?: boolean; sortKey?: string; draggable?: boolean; toggleable?: boolean; resizable?: boolean; pinned?: 'left' 'right'; pinnable?: boolean; defaultToggle?: boolean; filter?: React.ReactNode params: { close: = void } = React.ReactNode ; filterPopoverProps?: PopoverProps; filterPopoverDisableClickOutside?: boolean; filtering?: boolean; width?:… 证据：`package/types/DataTableColumn.ts`
- 其余 17 条证据见 `AI_CONTEXT_PACK.json` 或 `EVIDENCE_INDEX.json`。

## 宿主 AI 必须遵守的规则

- **把本资产当作开工前上下文，而不是运行环境。**：AI Context Pack 只包含证据化项目理解，不包含目标项目的可执行状态。 证据：`README.md`, `package.json`, `CONTRIBUTING.md`
- **回答用户时区分可预览内容与必须安装后才能验证的内容。**：安装前体验的消费者价值来自降低误装和误判，而不是伪装成真实运行。 证据：`README.md`, `package.json`, `CONTRIBUTING.md`

## 用户开工前应该回答的问题

- 你准备在哪个宿主 AI 或本地环境中使用它？
- 你只是想先体验工作流，还是准备真实安装？
- 你最在意的是安装成本、输出质量、还是和现有规则的冲突？

## 验收标准

- 所有能力声明都能回指到 evidence_refs 中的文件路径。
- AI_CONTEXT_PACK.md 没有把预览包装成真实运行。
- 用户能在 3 分钟内看懂适合谁、能做什么、如何开始和风险边界。

---

## Doramagic Context Augmentation

下面内容用于强化 Repomix/AI Context Pack 主体。Human Manual 只提供阅读骨架；踩坑日志会被转成宿主 AI 必须遵守的工作约束。

## Human Manual 骨架

使用规则：这里只是项目阅读路线和显著性信号，不是事实权威。具体事实仍必须回到 repo evidence / Claim Graph。

宿主 AI 硬性规则：
- 不得把页标题、章节顺序、摘要或 importance 当作项目事实证据。
- 解释 Human Manual 骨架时，必须明确说它只是阅读路线/显著性信号。
- 能力、安装、兼容性、运行状态和风险判断必须引用 repo evidence、source path 或 Claim Graph。

- **项目概览与快速上手**：importance `high`
  - source_paths: README.md, package/index.ts, package/styles.css, package/styles.layer.css, app/getting-started/page.tsx
- **DataTable 核心组件与列管理**：importance `high`
  - source_paths: package/DataTable.tsx, package/DataTableHeader.tsx, package/DataTableHeaderCell.tsx, package/DataTableColumnGroupHeaderCell.tsx, package/DataTableColumns.context.ts
- **行级特性：选择、展开、拖拽与上下文菜单**：importance `high`
  - source_paths: package/DataTableRow.tsx, package/DataTableRowCell.tsx, package/DataTableRowSelectorCell.tsx, package/DataTableHeaderSelectorCell.tsx, package/DataTableRowExpansion.tsx
- **Hooks、类型系统、样式扩展与已知问题**：importance `high`
  - source_paths: package/hooks/index.ts, package/hooks/useStableValue.ts, package/hooks/useIsomorphicLayoutEffect.ts, package/hooks/useMediaQueries.ts, package/hooks/useMediaQueriesStringOrFunction.ts

## Repo Inspection Evidence / 源码检查证据

- repo_clone_verified: true
- repo_inspection_verified: true
- repo_commit: `d5fb52aabe1d9cfbce1f4e4a540e08798114ba46`
- inspected_files: `pnpm-lock.yaml`, `README.md`, `package.json`

宿主 AI 硬性规则：
- 没有 repo_clone_verified=true 时，不得声称已经读过源码。
- 没有 repo_inspection_verified=true 时，不得把 README/docs/package 文件判断写成事实。
- 没有 quick_start_verified=true 时，不得声称 Quick Start 已跑通。

## Doramagic Pitfall Constraints / 踩坑约束

这些规则来自 Doramagic 发现、验证或编译过程中的项目专属坑点。宿主 AI 必须把它们当作工作约束，而不是普通说明文字。

### Constraint 1: 来源证据：Resizing behaviour

- Trigger: GitHub 社区证据显示该项目存在一个安装相关的待验证问题：Resizing behaviour
- Host AI rule: 来源问题仍为 open，Pack Agent 需要复核是否仍影响当前版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_4f9958ef0c184e8fa05c6be1749c9065 | https://github.com/icflorescu/mantine-datatable/issues/778 | 来源类型 github_issue 暴露的待验证使用条件。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 2: 来源证据：Changing base table columns causes rendering loop

- Trigger: GitHub 社区证据显示该项目存在一个运行相关的待验证问题：Changing base table columns causes rendering loop
- Host AI rule: 来源问题仍为 open，Pack Agent 需要复核是否仍影响当前版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_d09c6777decb43189bf4522e2286412b | https://github.com/icflorescu/mantine-datatable/issues/759 | 来源类型 github_issue 暴露的待验证使用条件。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 3: 来源证据：Keep the same React peer dependencies as Mantine

- Trigger: GitHub 社区证据显示该项目存在一个安装相关的待验证问题：Keep the same React peer dependencies as Mantine
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_13072e282f9c4ff2b24c87d872528805 | https://github.com/icflorescu/mantine-datatable/issues/737 | 来源类型 github_issue 暴露的待验证使用条件。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 4: 来源证据：Static typing extremely slow

- Trigger: GitHub 社区证据显示该项目存在一个安装相关的待验证问题：Static typing extremely slow
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_14c55ce66a8b4a608e4b8561bcca8eb9 | https://github.com/icflorescu/mantine-datatable/issues/651 | 来源讨论提到 node 相关条件，需在安装/试用前复核。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 5: 来源证据：Resizable columns render with equal width instead of auto-fitting content

- Trigger: GitHub 社区证据显示该项目存在一个配置相关的待验证问题：Resizable columns render with equal width instead of auto-fitting content
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_21875b7fb04e4d41b74775cb6234d4f2 | https://github.com/icflorescu/mantine-datatable/issues/736 | 来源类型 github_issue 暴露的待验证使用条件。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 6: 来源证据：useDataTableColumns causing unnecessary updates (Maximum update depth exceeded)

- Trigger: GitHub 社区证据显示该项目存在一个配置相关的待验证问题：useDataTableColumns causing unnecessary updates (Maximum update depth exceeded)
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_618d21f8ce684218a4ed3ece874679b1 | https://github.com/icflorescu/mantine-datatable/issues/727 | 来源讨论提到 windows 相关条件，需在安装/试用前复核。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 7: 能力判断依赖假设

- Trigger: README/documentation is current enough for a first validation pass.
- Host AI rule: 将假设转成下游验证清单。
- Why it matters: 假设不成立时，用户拿不到承诺的能力。
- Evidence: capability.assumptions | hn_item:48414978 | https://news.ycombinator.com/item?id=48414978 | README/documentation is current enough for a first validation pass.
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 8: 来源证据：Nested tables, missing row border on last element

- Trigger: GitHub 社区证据显示该项目存在一个运行相关的待验证问题：Nested tables, missing row border on last element
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_a06a6d8844d9449eb39bdeb0fcfb5513 | https://github.com/icflorescu/mantine-datatable/issues/790 | 来源类型 github_issue 暴露的待验证使用条件。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 9: 来源证据：Abnormal vertical scroll bar When using both footer and selection at the same time

- Trigger: GitHub 社区证据显示该项目存在一个维护/版本相关的待验证问题：Abnormal vertical scroll bar When using both footer and selection at the same time
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_464c51c7540f40e9b8ee4d0c585412a9 | https://github.com/icflorescu/mantine-datatable/issues/743 | 来源讨论提到 macos 相关条件，需在安装/试用前复核。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。

### Constraint 10: 来源证据：ScrollBars are hidden behind sticky footer

- Trigger: GitHub 社区证据显示该项目存在一个维护/版本相关的待验证问题：ScrollBars are hidden behind sticky footer
- Host AI rule: 来源显示可能已有修复、规避或版本变化，说明书中必须标注适用版本。
- Why it matters: 可能增加新用户试用和生产接入成本。
- Evidence: community_evidence:github | cevd_00a1e7ec929f4d0fb1c6a05f9b801f2a | https://github.com/icflorescu/mantine-datatable/issues/808 | 来源讨论提到 windows 相关条件，需在安装/试用前复核。
- Hard boundary: 不要把这个坑点包装成已解决、已验证或可忽略，除非后续验证证据明确证明它已经关闭。