feat: 完成组件化改造 - 支持作为可嵌入组件使用

- 创建 YysEditorEmbed.vue 嵌入式组件
- 实现 preview/edit 双模式
- 配置 Vite library mode 构建
- 生成 ES Module + UMD + CSS 构建产物
- 完善设计文档和使用文档
- 更新 plan.md 标记阶段 2 完成

构建产物:
- dist/yys-editor.es.js (155KB, gzip: 35KB)
- dist/yys-editor.umd.js (112KB, gzip: 31KB)
- dist/yys-editor.css (69KB, gzip: 33KB)

相关文档:
- docs/2design/ComponentArchitecture.md
- docs/3build/YysEditorEmbed.md
- docs/3build/EMBED_README.md
- docs/4test/BUILD_TEST_REPORT.md
This commit is contained in:
2026-02-20 17:23:59 +08:00
parent 92557d553b
commit 15bae3be81
13 changed files with 3553 additions and 424 deletions

View File

@@ -1,11 +1,28 @@
{
"name": "vue-project",
"version": "0.0.0",
"private": true,
"name": "yys-editor",
"version": "1.0.0",
"description": "阴阳师流程图编辑器 - 可嵌入式组件",
"author": "yys-editor team",
"license": "MIT",
"type": "module",
"main": "./dist/yys-editor.umd.js",
"module": "./dist/yys-editor.es.js",
"types": "./dist/YysEditorEmbed.d.ts",
"exports": {
".": {
"import": "./dist/yys-editor.es.js",
"require": "./dist/yys-editor.umd.js",
"types": "./dist/YysEditorEmbed.d.ts"
},
"./style.css": "./dist/yys-editor.css"
},
"files": [
"dist"
],
"scripts": {
"dev": "vite",
"build": "vite build",
"build:lib": "vite build --config vite.config.lib.js",
"preview": "vite preview",
"test": "vitest --run",
"test:watch": "vitest",
@@ -15,6 +32,14 @@
"format": "prettier --write src/",
"precommit": "npm test && npm run lint"
},
"peerDependencies": {
"vue": "^3.3.0",
"element-plus": "^2.9.0",
"pinia": "^3.0.0",
"@logicflow/core": "^2.0.0",
"@logicflow/extension": "^2.0.0",
"@logicflow/vue-node-registry": "^1.0.0"
},
"dependencies": {
"@element-plus/icons-vue": "^2.3.1",
"@logicflow/core": "^2.0.16",