{"_id":"@apigo.cc/editor","_rev":"3-7d0724037d20cd7007478cf47cd06e17","name":"@apigo.cc/editor","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@apigo.cc/editor","version":"1.0.0","_id":"@apigo.cc/editor@1.0.0","maintainers":[{"name":"star3s","email":"isstar3@126.com"}],"dist":{"shasum":"6a874738653867a50bb617660ddf9048bf8940a6","tarball":"https://registry.npmjs.org/@apigo.cc/editor/-/editor-1.0.0.tgz","fileCount":4,"integrity":"sha512-MEor/s3C8bI0L7cUTpPKpFud5ZpLxiFrt9VdJ7a8PK2CyfJrLhXQD0PbbRfZARn9USRa/DWae4Kx5+ndRlOfxg==","signatures":[{"sig":"MEUCIQDmzSOLqKujTeNUyvVb8lBj4ZNACGRIwfXzHMAxVdPHzAIgFoI9FVPAr2bajUJslzMkYHJ8bTZP81sYX9xYj1arrYE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1615495},"main":"dist/editor.js","type":"module","module":"dist/editor.js","gitHead":"c61fd8917b175d3e0a98b0a36acfd8cb78e54f4e","scripts":{"dev":"vite","pub":"node scripts/publish.js","test":"playwright test","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"star3s","email":"isstar3@126.com"},"_npmVersion":"10.7.0","description":"CodeMirror 6 封装的现代代码编辑器组件，专为 `@web/base` 和 `@web/state` 生态设计。原生 ESM，零打包开箱即用。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"codemirror":"^6.0.1","@codemirror/view":"^6.23.0","@codemirror/state":"^6.4.0","@codemirror/commands":"^6.3.3","@codemirror/language":"^6.10.0","@codemirror/lang-html":"^6.4.7","@codemirror/lang-json":"^6.0.1","@codemirror/theme-one-dark":"^6.1.2","@codemirror/lang-javascript":"^6.2.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.4.11","@playwright/test":"^1.40.0","@rollup/plugin-terser":"^0.4.4"},"_npmOperationalInternal":{"tmp":"tmp/editor_1.0.0_1780404897318_0.3505693032486925","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@apigo.cc/editor","version":"1.0.1","_id":"@apigo.cc/editor@1.0.1","maintainers":[{"name":"star3s","email":"isstar3@126.com"}],"dist":{"shasum":"95d22772c2f8d9cd69e2c71e53cb16667a2d430d","tarball":"https://registry.npmjs.org/@apigo.cc/editor/-/editor-1.0.1.tgz","fileCount":4,"integrity":"sha512-N2uHTsAx6aHJUNf7afSKNxPZIgr6zPMUtiDOqPTUHSxdSdxUTsPw+ANg4AVxMWTpy4SQAmWlLhM8eCWbv4YUog==","signatures":[{"sig":"MEUCIHC9Lt/fTFZu2KRrU87XuxBxwqpgcV3fpF3m2iMIjVAkAiEA+mR+CAhpuSRgQmKIqL4dOKzBYEnDk1knSzB7oaOQgnQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1615540},"main":"dist/editor.js","type":"module","module":"dist/editor.js","gitHead":"9141f39bc468ef516355a1281ed6537ec510061e","scripts":{"dev":"vite","pub":"node scripts/publish.js","test":"playwright test","build":"vite build","preview":"vite preview"},"_npmUser":{"name":"star3s","email":"isstar3@126.com"},"_npmVersion":"10.7.0","description":"CodeMirror 6 封装的现代代码编辑器组件，专为 `@apigo.cc/base` 和 `@apigo.cc/state` 生态设计。原生 ESM，零打包开箱即用。","directories":{},"_nodeVersion":"20.15.0","dependencies":{"codemirror":"^6.0.1","@codemirror/view":"^6.23.0","@codemirror/state":"^6.4.0","@codemirror/commands":"^6.3.3","@codemirror/language":"^6.10.0","@codemirror/lang-html":"^6.4.7","@codemirror/lang-json":"^6.0.1","@codemirror/theme-one-dark":"^6.1.2","@codemirror/lang-javascript":"^6.2.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"~5.4.11","@playwright/test":"^1.40.0","@rollup/plugin-terser":"^0.4.4"},"_npmOperationalInternal":{"tmp":"tmp/editor_1.0.1_1780572447837_0.362638028800208","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@apigo.cc/editor","version":"1.0.2","type":"module","main":"dist/editor.js","scripts":{"dev":"vite","build":"vite build","test":"playwright test","preview":"vite preview","pub":"node scripts/publish.js"},"devDependencies":{"@playwright/test":"^1.40.0","@rollup/plugin-terser":"^0.4.4","vite":"~5.4.11"},"dependencies":{"@codemirror/commands":"^6.3.3","@codemirror/lang-html":"^6.4.7","@codemirror/lang-javascript":"^6.2.1","@codemirror/lang-json":"^6.0.1","@codemirror/language":"^6.10.0","@codemirror/state":"^6.4.0","@codemirror/theme-one-dark":"^6.1.2","@codemirror/view":"^6.23.0","codemirror":"^6.0.1"},"_id":"@apigo.cc/editor@1.0.2","gitHead":"9ce07ce5e40c627e4d511745309805aea743b58d","description":"基于 CodeMirror 6 的代码编辑器 Web Component。","_nodeVersion":"20.15.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-wgl2LWz0eT4LJk7hYe1cmy9epj5mtgJOsobkb2R6XIZdqxCGDQj+4Sn94+PxySWiZDXeLVsny3ivgjhSX5u30Q==","shasum":"5158c0dc96c06c299e7772c8306930dd29e57199","tarball":"https://registry.npmjs.org/@apigo.cc/editor/-/editor-1.0.2.tgz","fileCount":4,"unpackedSize":1674793,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGZdPBdMSpyZQSgfODBOkwd1gPAWg/IsoEPS4ESkLH9TAiB8//aJhu9jcdpK/ivc6ah3vdhLxXuLMa9xlR930TAw/Q=="}]},"_npmUser":{"name":"star3s","email":"isstar3@126.com"},"directories":{},"maintainers":[{"name":"star3s","email":"isstar3@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/editor_1.0.2_1782127558879_0.7829960267992293"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-02T12:54:57.193Z","modified":"2026-06-22T11:25:59.173Z","1.0.0":"2026-06-02T12:54:57.482Z","1.0.1":"2026-06-04T11:27:28.029Z","1.0.2":"2026-06-22T11:25:59.066Z"},"description":"基于 CodeMirror 6 的代码编辑器 Web Component。","maintainers":[{"name":"star3s","email":"isstar3@126.com"}],"readme":"# @apigo.cc/editor API 手册\n\n基于 CodeMirror 6 的代码编辑器 Web Component。\n\n---\n\n## 1. 引入方式 (UMD 优先)\n\n在 HTML 中引入脚本即刻注册 `<CodeEditor>` 标签。\n\n```html\n<!-- 引入依赖链（或使用 loader.js） -->\n<script src=\"https://cdn.jsdelivr.net/npm/@apigo.cc/state@1.0.12/dist/state.min.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/@apigo.cc/base@1.0.8/dist/base.min.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/@apigo.cc/editor@1.0.1/dist/editor.min.js\"></script>\n\n<script>\n    // 直接使用全局 CodeEditor 类\n    console.log(CodeEditor);\n</script>\n```\n\n---\n\n## 2. 核心用法\n\n### 直接使用\n```html\n<CodeEditor id=\"ed\" lang=\"javascript\" value=\"console.log('Hello');\"></CodeEditor>\n\n<script>\n    ed.addEventListener('change', e => {\n        console.log('最新内容:', e.detail);\n    });\n</script>\n```\n\n### AutoForm 集成\n引入 editor 后，`AutoForm` 自动解锁 `type: 'code'`。\n```javascript\nState.schema = [\n    { name: 'script', label: '代码', type: 'code', setting: { lang: 'json' } }\n];\n```\n\n---\n\n## 3. API 参考\n\n### 属性 (Attributes)\n- **`lang`**: `javascript`, `json`, `html`。\n- **`theme`**: `dark`, `light`。\n- **`readonly`**: 布尔属性。\n- **`.value`**: 获取或设置编辑器文本。\n\n---\n\n## 开发者提示 (AI 必读)\n1. **自动依赖**: 引入 editor 即代表引入了 base/bootstrap。\n2. **全局变量**: UMD 模式下，`CodeEditor` 类自动挂载到 `window`。\n3. **数据同步**: 修改 `.value` 属性会同步更新编辑器视图。\n","readmeFilename":"README.md"}