用于编辑大型嵌入式 JSON args( 如 FHIR Bundles) 并配有树/ 文本编辑器的故事手册附加面板
故事本面板(tab "JSON Controls Editor"),用于编辑大型嵌入式JSON args, 如 FHIR Bundles, 有树/ 文本编辑器 (单位:千美元)香草杂音器) (中文(简体) ). 编辑被推向故事的参数 (已失效),和外置参数变化(重置,故事切换)在编辑器中被反映.
// .storybook/main.ts
addons: ["@claudebernard/storybook-addon-json-editor-panel"]
默认情况下, 面板会列出故事的每个对象/ 阵列参数 。 为限制:
parameters: { jsonEditor: { args: ["prescriptions", "patientProfile"] } }
设定 parameters.jsonEditor.disable = true 用来隐藏一个故事的面板.
npm install
npm run type-check
npm run build
@claudebernard/storybook-addon-json-editor-panel 共发布 5 个版本，首次发布于 2026/10/08；过去 12 个月发布了 5 个版本。
| 版本 | 发布日期 | 距今 |
|---|---|---|
0.3.0latest | 2026/10/08 | 1 个月前 |
0.1.2 | 2026/10/08 | 1 个月前 |
0.1.1 | 2026/10/08 | 1 个月前 |
0.1.0 | 2026/10/08 | 1 个月前 |
0.0.0-stage | 2026/10/08 | 1 个月前 |
用于编辑大型嵌入式 JSON args( 如 FHIR Bundles) 并配有树/ 文本编辑器的故事手册附加面板
在项目目录运行 npm install @claudebernard/storybook-addon-json-editor-panel，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：storybook（^10.0.5）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/claudebernard__storybook-addon-json-editor-panel 是否存在。
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@claudebernard/storybook-addon-json-editor-panel 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
根据 npm 官方下载统计，@claudebernard/storybook-addon-json-editor-panel 在 2026/10/10 – 2026/11/08 这 30 天内被下载 2,964 次，日均约 99 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
最新版本 0.3.0 发布于 2026/10/08（1 个月前）；至今共发布 5 个版本，其中过去 12 个月发布了 5 个；首次发布于 2026/10/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。