@opentiny/fluent-editor 4.0.0-alpha.10 → 4.0.0-alpha.12

package/lib/utils/scroll-lock.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-lock.cjs.js","sources":["../../../src/utils/scroll-lock.ts"],"sourcesContent":["let scrollBarWidth: number\r\nexport function getScrollBarWidth({ target = document.body } = {}): number {\r\n  if (scrollBarWidth !== undefined) return scrollBarWidth\r\n\r\n  const outer = document.createElement('div')\r\n  outer.className = 'scroll__wrap'\r\n  outer.style.visibility = 'hidden'\r\n  outer.style.width = '100px'\r\n  outer.style.position = 'absolute'\r\n  outer.style.top = '-9999px'\r\n  target.appendChild(outer)\r\n\r\n  const widthNoScroll = outer.offsetWidth\r\n  outer.style.overflow = 'scroll'\r\n\r\n  const inner = document.createElement('div')\r\n  inner.style.width = '100%'\r\n  outer.appendChild(inner)\r\n\r\n  const widthWithScroll = inner.offsetWidth\r\n  outer.parentNode?.removeChild(outer)\r\n  scrollBarWidth = widthNoScroll - widthWithScroll\r\n\r\n  return scrollBarWidth\r\n}\r\n\r\nexport function lockScroll({ target = document.body } = {}) {\r\n  let scrollBarWidth = 0\r\n  let originWidth = '0'\r\n\r\n  const clockClass = 'scroll--lock'\r\n\r\n  const cleanLock = () => {\r\n    target && (target.style.width = originWidth)\r\n    target.classList.remove(clockClass)\r\n  }\r\n\r\n  const hasHiddenClass = target.classList.contains(clockClass)\r\n  if (!hasHiddenClass) {\r\n    originWidth = target.style.width\r\n  }\r\n  scrollBarWidth = getScrollBarWidth({ target })\r\n  const hasOverflow = (target === document.body ? document.documentElement : target).clientHeight < target.scrollHeight\r\n  const overflowY = window.getComputedStyle(target).overflowY\r\n  // only when the scrollbar exists needs to reduce width\r\n  if (scrollBarWidth > 0 && (hasOverflow || overflowY === 'scroll') && !hasHiddenClass) {\r\n    target.style.width = `calc(100% - ${scrollBarWidth}px)`\r\n  }\r\n  target.classList.add(clockClass)\r\n\r\n  return cleanLock\r\n}\r\n"],"names":["scrollBarWidth"],"mappings":";;AAAA,IAAI;AACG,SAAS,kBAAkB,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAY;;AACrE,MAAA,mBAAmB,OAAkB,QAAA;AAEnC,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY;AAClB,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,MAAM;AAClB,SAAO,YAAY,KAAK;AAExB,QAAM,gBAAgB,MAAM;AAC5B,QAAM,MAAM,WAAW;AAEjB,QAAA,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,QAAQ;AACpB,QAAM,YAAY,KAAK;AAEvB,QAAM,kBAAkB,MAAM;AACxB,cAAA,eAAA,mBAAY,YAAY;AAC9B,mBAAiB,gBAAgB;AAE1B,SAAA;AACT;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,KAAK,IAAI,CAAA,GAAI;AAC1D,MAAIA,kBAAiB;AACrB,MAAI,cAAc;AAElB,QAAM,aAAa;AAEnB,QAAM,YAAY,MAAM;AACX,eAAA,OAAO,MAAM,QAAQ;AACzB,WAAA,UAAU,OAAO,UAAU;AAAA,EACpC;AAEA,QAAM,iBAAiB,OAAO,UAAU,SAAS,UAAU;AAC3D,MAAI,CAAC,gBAAgB;AACnB,kBAAc,OAAO,MAAM;AAAA,EAAA;AAE7BA,oBAAiB,kBAAkB,EAAE,QAAQ;AACvC,QAAA,eAAe,WAAW,SAAS,OAAO,SAAS,kBAAkB,QAAQ,eAAe,OAAO;AACzG,QAAM,YAAY,OAAO,iBAAiB,MAAM,EAAE;AAElD,MAAIA,kBAAiB,MAAM,eAAe,cAAc,aAAa,CAAC,gBAAgB;AAC7E,WAAA,MAAM,QAAQ,eAAeA,eAAc;AAAA,EAAA;AAE7C,SAAA,UAAU,IAAI,UAAU;AAExB,SAAA;AACT;;;"}
+{"version":3,"file":"scroll-lock.cjs.js","sources":["../../../src/utils/scroll-lock.ts"],"sourcesContent":["let scrollBarWidth: number\r\nexport function getScrollBarWidth({ target = document.body } = {}): number {\r\n  if (scrollBarWidth !== undefined) return scrollBarWidth\r\n\r\n  const outer = document.createElement('div')\r\n  outer.className = 'scroll__wrap'\r\n  outer.style.visibility = 'hidden'\r\n  outer.style.width = '100px'\r\n  outer.style.position = 'absolute'\r\n  outer.style.top = '-9999px'\r\n  target.appendChild(outer)\r\n\r\n  const widthNoScroll = outer.offsetWidth\r\n  outer.style.overflow = 'scroll'\r\n\r\n  const inner = document.createElement('div')\r\n  inner.style.width = '100%'\r\n  outer.appendChild(inner)\r\n\r\n  const widthWithScroll = inner.offsetWidth\r\n  outer.parentNode?.removeChild(outer)\r\n  scrollBarWidth = widthNoScroll - widthWithScroll\r\n\r\n  return scrollBarWidth\r\n}\r\n\r\nexport function lockScroll({ target = document.body } = {}) {\r\n  let scrollBarWidth = 0\r\n  let originWidth = '0'\r\n\r\n  const clockClass = 'scroll--lock'\r\n\r\n  const cleanLock = () => {\r\n    target && (target.style.width = originWidth)\r\n    target.classList.remove(clockClass)\r\n  }\r\n\r\n  const hasHiddenClass = target.classList.contains(clockClass)\r\n  if (!hasHiddenClass) {\r\n    originWidth = target.style.width\r\n  }\r\n  scrollBarWidth = getScrollBarWidth({ target })\r\n  const hasOverflow = (target === document.body ? document.documentElement : target).clientHeight < target.scrollHeight\r\n  const overflowY = window.getComputedStyle(target).overflowY\r\n  // only when the scrollbar exists needs to reduce width\r\n  if (scrollBarWidth > 0 && (hasOverflow || overflowY === 'scroll') && !hasHiddenClass) {\r\n    target.style.width = `calc(100% - ${scrollBarWidth}px)`\r\n  }\r\n  target.classList.add(clockClass)\r\n\r\n  return cleanLock\r\n}\r\n"],"names":["scrollBarWidth"],"mappings":";;AAAA,IAAI;AACG,SAAS,kBAAkB,EAAE,SAAS,SAAS,KAAA,IAAS,CAAA,GAAY;;AACzE,MAAI,mBAAmB,OAAW,QAAO;AAEzC,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,YAAY;AAClB,QAAM,MAAM,aAAa;AACzB,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,WAAW;AACvB,QAAM,MAAM,MAAM;AAClB,SAAO,YAAY,KAAK;AAExB,QAAM,gBAAgB,MAAM;AAC5B,QAAM,MAAM,WAAW;AAEvB,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,MAAM,QAAQ;AACpB,QAAM,YAAY,KAAK;AAEvB,QAAM,kBAAkB,MAAM;AAC9B,cAAM,eAAN,mBAAkB,YAAY;AAC9B,mBAAiB,gBAAgB;AAEjC,SAAO;AACT;AAEO,SAAS,WAAW,EAAE,SAAS,SAAS,KAAA,IAAS,CAAA,GAAI;AAC1D,MAAIA,kBAAiB;AACrB,MAAI,cAAc;AAElB,QAAM,aAAa;AAEnB,QAAM,YAAY,MAAM;AACtB,eAAW,OAAO,MAAM,QAAQ;AAChC,WAAO,UAAU,OAAO,UAAU;AAAA,EACpC;AAEA,QAAM,iBAAiB,OAAO,UAAU,SAAS,UAAU;AAC3D,MAAI,CAAC,gBAAgB;AACnB,kBAAc,OAAO,MAAM;AAAA,EAC7B;AACAA,oBAAiB,kBAAkB,EAAE,QAAQ;AAC7C,QAAM,eAAe,WAAW,SAAS,OAAO,SAAS,kBAAkB,QAAQ,eAAe,OAAO;AACzG,QAAM,YAAY,OAAO,iBAAiB,MAAM,EAAE;AAElD,MAAIA,kBAAiB,MAAM,eAAe,cAAc,aAAa,CAAC,gBAAgB;AACpF,WAAO,MAAM,QAAQ,eAAeA,eAAc;AAAA,EACpD;AACA,SAAO,UAAU,IAAI,UAAU;AAE/B,SAAO;AACT;;;"}

package/mind-map.css

@@ -0,0 +1,224 @@
+.ql-mind-map-item {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.ql-mind-map-control {
+  position: absolute;
+  top: 8px;
+  right: 50px;
+  display: none;
+  gap: 6px;
+  white-space: nowrap;
+  pointer-events: auto;
+  padding: 5px 5px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-mind-map-control .ql-mind-map-control-item {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+.ql-mind-map-control .ql-mind-map-control-item .ql-mind-map-control-text {
+  height: 20px;
+  font-size: 12px;
+}
+
+.ql-mind-map-left-up-control {
+  position: absolute;
+  top: 20%;
+  left: 2px;
+  display: none;
+  gap: 6px;
+  white-space: nowrap;
+  pointer-events: auto;
+  flex-direction: column;
+  margin: 5px;
+  padding: 5px 5px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-mind-map-left-up-control .ql-mind-map-control-item {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+.ql-mind-map-left-up-control .ql-mind-map-control-item .ql-mind-map-control-text {
+  height: 20px;
+  font-size: 12px;
+}
+
+.ql-mind-map-right-up-control {
+  position: absolute;
+  top: 8px;
+  right: 6px;
+  display: inline-flex;
+  gap: 6px;
+  white-space: nowrap;
+  pointer-events: auto;
+  padding: 5px 5px;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 8px;
+  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
+}
+.ql-mind-map-right-up-control .ql-mind-map-control-item {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 5px 5px;
+  border-radius: inherit;
+  transition: all 0.2s ease;
+}
+.ql-mind-map-right-up-control .ql-mind-map-control-item .ql-mind-map-control-text {
+  height: 20px;
+  font-size: 12px;
+}
+
+.ql-mind-map-icon-panel {
+  border-radius: inherit;
+  width: 200px;
+  position: absolute;
+  left: 45px;
+  top: 60px;
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 10px;
+  z-index: 1000;
+  max-height: 400px;
+  overflow-y: auto;
+}
+.ql-mind-map-icon-panel .ql-mind-map-icon-group-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.ql-mind-map-icon-panel .ql-mind-map-icon-group-container .ql-mind-map-icon-item {
+  width: 25px;
+  height: 25px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 1px solid #eee;
+  border-radius: inherit;
+  padding: 2px;
+  transition: box-shadow 0.3s ease;
+}
+.ql-mind-map-icon-panel .ql-mind-map-icon-group-container .ql-mind-map-icon-item:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.ql-mind-map-layout-panel {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  border-radius: inherit;
+  width: 200px;
+  position: absolute;
+  left: 45px;
+  top: 60px;
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 10px;
+  z-index: 1000;
+  max-height: 400px;
+  overflow-y: auto;
+}
+.ql-mind-map-layout-panel .ql-mind-map-layout-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+  border: 1px solid #eee;
+  border-radius: inherit;
+  padding: 2px;
+  width: 100%;
+  min-width: 100px;
+  transition: box-shadow 0.3s ease;
+}
+.ql-mind-map-layout-panel .ql-mind-map-layout-item:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.ql-mind-map-layout-panel .ql-mind-map-layout-item .ql-mind-map-layout-icon-container {
+  width: 80px;
+  height: 60px;
+}
+.ql-mind-map-layout-panel .ql-mind-map-layout-item .ql-mind-map-layout-icon-container .ql-mind-map-layout-icon {
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 80px;
+  height: 60px;
+}
+.ql-mind-map-layout-panel .ql-mind-map-layout-item .ql-mind-map-layout-name {
+  font-size: 12px;
+  margin-top: 5px;
+}
+
+.ql-mind-map-control-item.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.ql-mind-map-control-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ql-mind-map-control-item i {
+  background-size: cover;
+  display: inline-block;
+  height: 20px;
+  vertical-align: middle;
+  width: 20px;
+}
+
+.ql-mind-map-control-item:hover {
+  background-color: #efefef;
+}
+
+.ql-mind-map-context-menu {
+  font-size: 14px;
+  color: #333;
+  user-select: none;
+  display: none;
+  position: fixed;
+  background: white;
+  border-radius: 4px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  padding: 5px 0;
+  z-index: 1000;
+  visibility: visible;
+  opacity: 1;
+  width: 120px;
+  height: auto;
+}
+.ql-mind-map-context-menu .ql-mind-map-context-menu-item:hover {
+  background-color: #f5f5f5;
+}
+
+.smm-node-edit-wrap {
+  display: none !important;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opentiny/fluent-editor",
   "type": "module",
-  "version": "4.0.0-alpha.10",
+  "version": "4.0.0-alpha.12",
   "description": "A rich text editor based on Quill 2.0, which extends rich modules and formats on the basis of Quill. It's powerful and out-of-the-box.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -26,43 +26,10 @@
   "main": "lib/index.cjs.js",
   "module": "es/index.es.js",
   "types": "types/index.d.ts",
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build && node scripts/pre-release.cjs",
-    "test": "jest",
-    "pub": "cd dist && npm publish"
-  },
   "dependencies": {
     "lodash-es": "^4.17.15",
     "quill": "^2.0.0",
     "quill-easy-color": "^0.0.10",
     "quill-shortcut-key": "^0.0.5"
-  },
-  "devDependencies": {
-    "@emoji-mart/data": "^1.2.1",
-    "@floating-ui/dom": "^1.7.2",
-    "@types/jest": "^26.0.23",
-    "@types/lodash-es": "^4.17.12",
-    "commander": "^6.2.0",
-    "emoji-mart": "^5.6.0",
-    "highlight.js": "^10.2.0",
-    "html2canvas": "^1.4.1",
-    "jest": "^26.6.3",
-    "mathlive": "^0.101.0",
-    "parchment": "^3.0.0",
-    "quill-cursors": "^4.0.4",
-    "sass": "^1.90.0",
-    "shelljs": "^0.8.4",
-    "ts-jest": "^26.5.6",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.9.5",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^4.3.0",
-    "y-indexeddb": "^9.0.12",
-    "y-protocols": "^1.0.6",
-    "y-quill": "^1.0.0",
-    "y-webrtc": "10.3.0",
-    "y-websocket": "^3.0.0",
-    "yjs": "^13.6.27"
   }
 }

package/patches/quill@2.0.3.patch

@@ -0,0 +1,33 @@
+diff --git a/core/editor.js b/core/editor.js
+index 07fd544a5857c0c498abf899c66e34a1b6b6a736..62072586605974e6890a919312c0bbd971870b9e 100644
+--- a/core/editor.js
++++ b/core/editor.js
+@@ -15,7 +15,14 @@ class Editor {
+   applyDelta(delta) {
+     this.scroll.update();
+     let scrollLength = this.scroll.length();
+-    this.scroll.batchStart();
++
++    // Check if a batch already exists (e.g. during composition)
++    const isAlreadyBatching = Boolean(this.scroll.batch);
++
++    if (!isAlreadyBatching) {
++      this.scroll.batchStart();
++    }
++
+     const normalizedDelta = normalizeDelta(delta);
+     const deleteDelta = new Delta();
+     const normalizedOps = splitOpLines(normalizedDelta.ops.slice());
+@@ -93,7 +100,11 @@ class Editor {
+       }
+       return index + Op.length(op);
+     }, 0);
+-    this.scroll.batchEnd();
++
++    if (!isAlreadyBatching) {
++      this.scroll.batchEnd();
++    }
++
+     this.scroll.optimize();
+     return this.update(normalizedDelta);
+   }

package/scripts/apply-patches.cjs

@@ -0,0 +1,248 @@
+const { execSync } = require('node:child_process')
+const fs = require('node:fs')
+const path = require('node:path')
+
+/*
+ * 应用 Quill 补丁脚本
+ * 功能：修复 Quill 编辑器输入法状态下的批处理问题，提升中文输入体验
+ *
+ * 自动应用：安装包时 postinstall 脚本自动应用，支持所有包管理器-受限于 postinstall 规则暂未实现
+ *
+ * 手动应用：在项目根目录执行
+ *   node node_modules/@opentiny/fluent-editor/scripts/apply-patches.cjs
+ *
+ * 工作原理：
+ *   1. 检测包管理器类型（pnpm/npm/yarn）
+ *   2. 自动检测 Quill 安装位置
+ *   3. 根据包管理器类型应用不同的补丁策略
+ *
+ * 注意事项：
+ *   - 补丁是幂等的，多次运行无副作用
+ *   - 需要 node_modules 写入权限
+ *   - 不影响其他包或项目的补丁
+ */
+
+// 获取包管理器
+function detectPackageManager() {
+  try {
+    const lockFiles = {
+      'pnpm-lock.yaml': 'pnpm',
+      'yarn.lock': 'yarn',
+      'package-lock.json': 'npm',
+    }
+
+    for (const [file, manager] of Object.entries(lockFiles)) {
+      if (fs.existsSync(file)) return manager
+    }
+
+    const userAgent = process.env.npm_config_user_agent || ''
+    if (userAgent.includes('pnpm')) return 'pnpm'
+    if (userAgent.includes('yarn')) return 'yarn'
+    if (userAgent.includes('npm')) return 'npm'
+  }
+  catch {
+    return 'npm'
+  }
+
+  return 'npm'
+}
+
+// 拷贝 patches 文件
+function copyPatchFile() {
+  const packageManager = detectPackageManager()
+  // 把 patch 文件复制到哪里
+  const dest = `patches/${packageManager === 'pnpm' ? 'quill@2.0.3.patch' : 'quill+2.0.3.patch'}`
+
+  // 文件存在直接返回
+  if (fs.existsSync(dest)) {
+    return true
+  }
+
+  // 复制 patch 文件的路径
+  const src = path.resolve(__dirname, '../patches/quill@2.0.3.patch')
+
+  if (fs.existsSync(src)) {
+    fs.mkdirSync('patches', { recursive: true })
+
+    if (packageManager === 'pnpm') {
+      fs.copyFileSync(src, dest)
+    }
+    else {
+      let content = fs.readFileSync(src, 'utf-8')
+      content = content.replaceAll('core/editor.js', 'node_modules/quill/core/editor.js')
+      fs.writeFileSync(dest, content)
+    }
+
+    console.log(`✅ 已复制 patch 文件到 ${dest}`)
+    return true
+  }
+  else {
+    console.log(`⚠️  未找到 patch 文件，请手动创建 ${dest}`)
+    return false
+  }
+}
+
+// pnpm 应用 patch 文件
+function setupPnpmPatch() {
+  try {
+    const packageJsonPath = 'package.json'
+    if (!fs.existsSync(packageJsonPath)) {
+      console.log('⚠️  未找到 package.json')
+      return false
+    }
+
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+
+    // 检查是否已经有 pnpm.patchedDependencies 配置
+    if (packageJson.pnpm?.patchedDependencies?.['quill@2.0.3']) {
+      console.log('✅ pnpm patchedDependencies 已配置')
+      return true
+    }
+
+    // 添加 pnpm.patchedDependencies 配置
+    if (!packageJson.pnpm) {
+      packageJson.pnpm = {}
+    }
+
+    if (!packageJson.pnpm.patchedDependencies) {
+      packageJson.pnpm.patchedDependencies = {}
+    }
+
+    packageJson.pnpm.patchedDependencies['quill@2.0.3'] = 'patches/quill@2.0.3.patch'
+
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+    console.log('✅ 已添加 pnpm patchedDependencies 配置')
+
+    try {
+      execSync('pnpm install', { stdio: 'inherit' })
+      console.log('✅ pnpm patch quill@2.0.3 应用成功！')
+    }
+    catch (error) {
+      console.warn('❌ pnpm patch 命令执行失败：', error.message)
+    }
+
+    return true
+  }
+  catch (error) {
+    console.error('❌ pnpm 补丁配置失败:', error.message)
+    return false
+  }
+}
+
+// npm、yarn 应用 patch 文件
+function applyPatchPackage() {
+  try {
+    const packageManager = detectPackageManager()
+
+    // 检查 patch-package 是否安装
+    let patchPackageInstalled = false
+    try {
+      require.resolve('patch-package')
+      patchPackageInstalled = true
+    }
+    catch (e) {
+      // patch-package 未安装
+    }
+
+    if (!patchPackageInstalled) {
+      console.log('📦 正在安装 patch-package...')
+      try {
+        const installCommand = packageManager === 'yarn' ? 'yarn add --dev patch-package' : 'npm install --save-dev patch-package'
+        execSync(installCommand, { stdio: 'inherit' })
+        console.log('✅ patch-package 安装成功')
+      }
+      catch (error) {
+        console.error('❌ patch-package 安装失败:', error.message)
+        return false
+      }
+    }
+
+    // 应用补丁
+    console.log('🔄 正在应用 patch...')
+    try {
+      execSync('npx patch-package', { stdio: 'inherit' })
+      console.log('✅ 补丁应用成功')
+    }
+    catch (error) {
+      console.error('❌ 补丁应用失败:', error.message)
+      return false
+    }
+
+    // 添加 postinstall 脚本
+    const packageJsonPath = 'package.json'
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+
+    if (!packageJson.scripts) {
+      packageJson.scripts = {}
+    }
+
+    if (!packageJson.scripts.postinstall || !packageJson.scripts.postinstall.includes('patch-package')) {
+      const existingPostinstall = packageJson.scripts.postinstall || ''
+      packageJson.scripts.postinstall = existingPostinstall ? `${existingPostinstall} && npx patch-package` : 'npx patch-package'
+
+      fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+      console.log('✅ 已更新 postinstall 脚本')
+    }
+
+    return true
+  }
+  catch (error) {
+    console.error('❌ patch-package 应用失败:', error.message)
+    return false
+  }
+}
+
+function handlePatchFailure() {
+  console.log(`
+❌ 补丁处理失败，请尝试手动安装
+
+🔧 手动安装：
+   在项目根目录执行：
+   node node_modules/@opentiny/fluent-editor/scripts/apply-patches.cjs
+
+⚠️  注意：未应用补丁可能影响中文输入体验
+`)
+}
+
+function applyQuillPatch() {
+  const packageManager = detectPackageManager()
+  console.log(`🔍 检测到包管理器: ${packageManager}`)
+  console.log('📋 准备 patch 文件...')
+
+  if (!copyPatchFile()) return handlePatchFailure()
+
+  let strategy
+  if (packageManager == 'pnpm') {
+    strategy = {
+      label: '📦 使用 pnpm 补丁策略...',
+      handler: setupPnpmPatch,
+      successMsg: '✅ quill@2.0.3.patch 补丁配置已完成',
+    }
+  }
+  else {
+    strategy = {
+      label: '📦 使用 patch-package 补丁策略...',
+      handler: applyPatchPackage,
+      successMsg: '🎉 补丁处理完成',
+    }
+  }
+
+  if (!strategy) {
+    console.log('❌ 不支持的包管理器，仅支持 pnpm、yarn、npm')
+    handlePatchFailure()
+    return
+  }
+
+  console.log(strategy.label)
+  // 调用处理函数
+  const success = strategy.handler()
+
+  if (success) {
+    console.log(strategy.successMsg)
+  }
+  else {
+    handlePatchFailure()
+  }
+}
+
+applyQuillPatch()

package/style.css

@@ -2966,7 +2966,6 @@ li.unchecked > .ql-ui {
   position: relative;
   border: solid 1px #adb0b8;
   /* Set dropdown font-families */
-  /* Set Dropdown font-size */
 }
 .ql-toolbar .ql-font {
   width: 98px;
@@ -3009,6 +3008,9 @@ li.unchecked > .ql-ui {
 .ql-toolbar .ql-font .ql-picker-options {
   color: #8a8e99;
 }
+.ql-toolbar {
+  /* Set Dropdown font-size */
+}
 .ql-toolbar .ql-size {
   width: 98px;
 }

package/types/config/i18n/en-us.d.ts

@@ -58,6 +58,8 @@ export declare const EN_US: {
     strike: string;
     image: string;
     file: string;
+    'mind-map': string;
+    'flow-chart': string;
     link: string;
     code: string;
     table: string;

package/types/config/i18n/zh-cn.d.ts

@@ -58,6 +58,8 @@ export declare const ZH_CN: {
     strike: string;
     image: string;
     file: string;
+    'mind-map': string;
+    'flow-chart': string;
     link: string;
     divider: string;
     code: string;

package/types/config/types/editor-modules.interface.d.ts

@@ -3,6 +3,8 @@ import { I18NOptions, ICounterOption, MentionOption, ShortCutKeyInputOptions } f
 import { BlotFormatterOptionsInput } from '../../modules/custom-image/options';
 import { FileUploaderOptions } from '../../modules/custom-uploader';
 import { EmojiModuleOptions } from '../../modules/emoji';
+import { FlowChartOptions } from '../../modules/flow-chart/options';
+import { MindMapOptions } from '../../modules/mind-map/options';
 export type ToolbarOptions = {
     container?: HTMLElement | (Record<string, any>[] | string[] | (string | Record<string, any>)[])[];
 } & ToolbarProps;
@@ -38,4 +40,6 @@ export interface IEditorModules {
     'file'?: boolean;
     'mathlive'?: boolean;
     'image'?: boolean | Partial<BlotFormatterOptionsInput>;
+    'mind-map'?: boolean | Partial<MindMapOptions>;
+    'flow-chart'?: boolean | Partial<FlowChartOptions>;
 }

package/types/modules/collaborative-editing/awareness/awareness.d.ts

@@ -1,7 +1,7 @@
 import { default as QuillCursors } from 'quill-cursors';
 import { Awareness } from 'y-protocols/awareness';
 import { default as FluentEditor } from '../../../core/fluent-editor';
-import * as Y from 'yjs';
+import type * as Y from 'yjs';
 export interface AwarenessState {
     name?: string;
     color?: string;
@@ -25,4 +25,4 @@ export interface AwarenessOptions {
     timeout?: number | undefined;
 }
 export declare function setupAwareness(options?: AwarenessOptions, defaultAwareness?: Awareness): Awareness | null;
-export declare function bindAwarenessToCursors(awareness: Awareness, cursorsModule: QuillCursors, quill: FluentEditor, yText: Y.Text): (() => void) | void;
+export declare function bindAwarenessToCursors(awareness: Awareness, cursorsModule: QuillCursors, quill: FluentEditor, yText: Y.Text, Yjs: typeof Y): (() => void) | void;

package/types/modules/collaborative-editing/awareness/y-indexeddb.d.ts

@@ -1,2 +1,3 @@
-import { Doc } from 'yjs';
-export declare function setupIndexedDB(doc: Doc): () => void;
+import { IndexeddbPersistence } from 'y-indexeddb';
+import type * as Y from 'yjs';
+export declare function setupIndexedDB(doc: Y.Doc, IndexeddbPersistenceClass?: typeof IndexeddbPersistence): () => void;

package/types/modules/collaborative-editing/collaborative-editing.d.ts

@@ -1,9 +1,9 @@
+import { default as QuillCursors } from 'quill-cursors';
+import { Awareness } from 'y-protocols/awareness';
 import { default as FluentEditor } from '../../fluent-editor';
 import { UnifiedProvider } from './provider/providerRegistry';
 import { YjsOptions } from './types';
-import { default as QuillCursors } from 'quill-cursors';
-import { Awareness } from 'y-protocols/awareness';
-import * as Y from 'yjs';
+import type * as Y from 'yjs';
 export declare class CollaborativeEditor {
     quill: FluentEditor;
     options: YjsOptions;
@@ -13,6 +13,7 @@ export declare class CollaborativeEditor {
     private cursors;
     private cleanupBindings;
     private clearIndexedDB;
+    private deps;
     constructor(quill: FluentEditor, options: YjsOptions);
     getAwareness(): Awareness;
     getProvider(): UnifiedProvider;

package/types/modules/collaborative-editing/provider/providerRegistry.d.ts

@@ -1,5 +1,5 @@
 import { Awareness } from 'y-protocols/awareness';
-import { ProviderEventHandlers } from '../types';
+import { CollaborativeEditingDeps, ProviderEventHandlers } from '../types';
 import type * as Y from 'yjs';
 export type ProviderRegistry = Record<string, ProviderConstructor>;
 export type ProviderConstructor<T = any> = new (props: ProviderConstructorProps<T>) => UnifiedProvider;
@@ -7,6 +7,7 @@ export type ProviderConstructorProps<T = any> = {
     options: T;
     awareness?: Awareness;
     doc?: Y.Doc;
+    deps?: CollaborativeEditingDeps;
 } & ProviderEventHandlers;
 export interface UnifiedProvider extends ProviderEventHandlers {
     awareness: Awareness;