Develop and modify the Handsontable wrapper for Vue 3 with guidance on component structure, settings updates, column configuration, and shared data references. It also explains the build order and tests used to check wrapper changes.
中文简介正在准备中。当前显示英语简介。
Use when developing or modifying the @handsontable/vue3 wrapper package - Vue 3 SFC components, deep watchers, and provide/inject patterns for settings propagation
安装前可以查看交给 AI 代理的指令内容。
Package: wrappers/vue3/. Wrapper rules, build, and test commands: wrappers/vue3/AGENTS.md.
HotTable.vue: main SFC; creates the instance on mount, tears it down on unmount.HotColumn.vue: child for declarative per-column configuration.defineComponent with propFactory('HotTable') generates a prop per Handsontable option.watch with deep: true) call updateSettings() on prop changes.prepareSettings() turns props into a plain settings object, dropping Vue-specific properties.provide() / inject(): HotTable provides settings and the instance so HotColumn children register their configs.Build: Rollup 4. Tests: Jest with @vue/test-utils; npm run test --prefix wrappers/vue3 after npm run build --prefix handsontable (wrappers consume handsontable/tmp/, not dist/).
| File | Purpose |
|---|---|
src/HotTable.vue | Main grid component |
src/HotColumn.vue | Per-column configuration |
src/helpers.ts | Settings preparation, utilities |
src/types.ts | Type definitions |
handsontable/src/..mjs helpers.还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.
中文简介正在准备中。当前显示英语简介。
Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.
中文简介正在准备中。当前显示英语简介。
Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.
中文简介正在准备中。当前显示英语简介。
Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.
中文简介正在准备中。当前显示英语简介。
Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.
中文简介正在准备中。当前显示英语简介。
Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.
中文简介正在准备中。当前显示英语简介。