diff --git a/web/apps/web-ele/pnpm-lock.yaml b/web/apps/web-ele/pnpm-lock.yaml
deleted file mode 100644
index d99dad3..0000000
--- a/web/apps/web-ele/pnpm-lock.yaml
+++ /dev/null
@@ -1,429 +0,0 @@
-lockfileVersion: '9.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-importers:
-
-  .:
-    dependencies:
-      '@tiptap/core':
-        specifier: ^3.15.3
-        version: 3.20.4(@tiptap/pm@3.20.4)
-      '@tiptap/extension-code-block-lowlight':
-        specifier: ^3.20.4
-        version: 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-code-block@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(highlight.js@11.11.1)(lowlight@3.3.0)
-      '@tiptap/pm':
-        specifier: ^3.15.3
-        version: 3.20.4
-      '@vben-core/menu-ui':
-        specifier: workspace:*
-        version: link:../../packages/@core/ui-kit/menu-ui
-      '@vben/access':
-        specifier: workspace:*
-        version: link:../../packages/effects/access
-      '@vben/common-ui':
-        specifier: workspace:*
-        version: link:../../packages/effects/common-ui
-      '@vben/constants':
-        specifier: workspace:*
-        version: link:../../packages/constants
-      '@vben/hooks':
-        specifier: workspace:*
-        version: link:../../packages/effects/hooks
-      '@vben/icons':
-        specifier: workspace:*
-        version: link:../../packages/icons
-      '@vben/layouts':
-        specifier: workspace:*
-        version: link:../../packages/effects/layouts
-      '@vben/locales':
-        specifier: workspace:*
-        version: link:../../packages/locales
-      '@vben/plugins':
-        specifier: workspace:*
-        version: link:../../packages/effects/plugins
-      '@vben/preferences':
-        specifier: workspace:*
-        version: link:../../packages/preferences
-      '@vben/request':
-        specifier: workspace:*
-        version: link:../../packages/effects/request
-      '@vben/stores':
-        specifier: workspace:*
-        version: link:../../packages/stores
-      '@vben/styles':
-        specifier: workspace:*
-        version: link:../../packages/styles
-      '@vben/types':
-        specifier: workspace:*
-        version: link:../../packages/types
-      '@vben/utils':
-        specifier: workspace:*
-        version: link:../../packages/utils
-      lowlight:
-        specifier: ^3.3.0
-        version: 3.3.0
-
-packages:
-
-  '@remirror/core-constants@3.0.0':
-    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
-
-  '@tiptap/core@3.20.4':
-    resolution: {integrity: sha512-3i/DG89TFY/b34T5P+j35UcjYuB5d3+9K8u6qID+iUqNPiza015HPIZLuPfE5elNwVdV3EXIoPo0LLeBLgXXAg==}
-    peerDependencies:
-      '@tiptap/pm': ^3.20.4
-
-  '@tiptap/extension-code-block-lowlight@3.20.4':
-    resolution: {integrity: sha512-YE+OxuvQx3oXGzSkhRyQzCGXOWrVntdTUQgRfOu5Ky+ZtScPWCVsTwUP8SBGBQjqp3sbbBehZznipbUIpWWJDA==}
-    peerDependencies:
-      '@tiptap/core': ^3.20.4
-      '@tiptap/extension-code-block': ^3.20.4
-      '@tiptap/pm': ^3.20.4
-      highlight.js: ^11
-      lowlight: ^2 || ^3
-
-  '@tiptap/extension-code-block@3.20.4':
-    resolution: {integrity: sha512-Zlw3FrXTy01+o1yISeX/LC+iJeHA+ym602bMXGmtA6lyl7QSOSO7WExweJ6xeJGhbCjldwT5al6fkRAs8iGJZg==}
-    peerDependencies:
-      '@tiptap/core': ^3.20.4
-      '@tiptap/pm': ^3.20.4
-
-  '@tiptap/pm@3.20.4':
-    resolution: {integrity: sha512-rCHYSBToilBEuI6PtjziHDdRkABH/XqwJ7dG4Amn/SD3yGiZKYCiEApQlTUS2zZeo8DsLeuqqqB4vEOeD4OEPg==}
-
-  '@types/hast@3.0.4':
-    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
-
-  '@types/linkify-it@5.0.0':
-    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
-
-  '@types/markdown-it@14.1.2':
-    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
-
-  '@types/mdurl@2.0.0':
-    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
-
-  '@types/unist@3.0.3':
-    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
-
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-
-  crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
-
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
-  devlop@1.1.0:
-    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
-
-  entities@4.5.0:
-    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
-    engines: {node: '>=0.12'}
-
-  escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-
-  highlight.js@11.11.1:
-    resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==}
-    engines: {node: '>=12.0.0'}
-
-  linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
-
-  lowlight@3.3.0:
-    resolution: {integrity: sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==}
-
-  markdown-it@14.1.1:
-    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
-    hasBin: true
-
-  mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
-
-  orderedmap@2.1.1:
-    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
-
-  prosemirror-changeset@2.4.0:
-    resolution: {integrity: sha512-LvqH2v7Q2SF6yxatuPP2e8vSUKS/L+xAU7dPDC4RMyHMhZoGDfBC74mYuyYF4gLqOEG758wajtyhNnsTkuhvng==}
-
-  prosemirror-collab@1.3.1:
-    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
-
-  prosemirror-commands@1.7.1:
-    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==}
-
-  prosemirror-dropcursor@1.8.2:
-    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==}
-
-  prosemirror-gapcursor@1.4.1:
-    resolution: {integrity: sha512-pMdYaEnjNMSwl11yjEGtgTmLkR08m/Vl+Jj443167p9eB3HVQKhYCc4gmHVDsLPODfZfjr/MmirsdyZziXbQKw==}
-
-  prosemirror-history@1.5.0:
-    resolution: {integrity: sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==}
-
-  prosemirror-inputrules@1.5.1:
-    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==}
-
-  prosemirror-keymap@1.2.3:
-    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
-
-  prosemirror-markdown@1.13.4:
-    resolution: {integrity: sha512-D98dm4cQ3Hs6EmjK500TdAOew4Z03EV71ajEFiWra3Upr7diytJsjF4mPV2dW+eK5uNectiRj0xFxYI9NLXDbw==}
-
-  prosemirror-menu@1.3.0:
-    resolution: {integrity: sha512-TImyPXCHPcDsSka2/lwJ6WjTASr4re/qWq1yoTTuLOqfXucwF6VcRa2LWCkM/EyTD1UO3CUwiH8qURJoWJRxwg==}
-
-  prosemirror-model@1.25.4:
-    resolution: {integrity: sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==}
-
-  prosemirror-schema-basic@1.2.4:
-    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==}
-
-  prosemirror-schema-list@1.5.1:
-    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
-
-  prosemirror-state@1.4.4:
-    resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==}
-
-  prosemirror-tables@1.8.5:
-    resolution: {integrity: sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==}
-
-  prosemirror-trailing-node@3.0.0:
-    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==}
-    peerDependencies:
-      prosemirror-model: ^1.22.1
-      prosemirror-state: ^1.4.2
-      prosemirror-view: ^1.33.8
-
-  prosemirror-transform@1.11.0:
-    resolution: {integrity: sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw==}
-
-  prosemirror-view@1.41.7:
-    resolution: {integrity: sha512-jUwKNCEIGiqdvhlS91/2QAg21e4dfU5bH2iwmSDQeosXJgKF7smG0YSplOWK0cjSNgIqXe7VXqo7EIfUFJdt3w==}
-
-  punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
-    engines: {node: '>=6'}
-
-  rope-sequence@1.3.4:
-    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
-
-  uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
-
-  w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
-
-snapshots:
-
-  '@remirror/core-constants@3.0.0': {}
-
-  '@tiptap/core@3.20.4(@tiptap/pm@3.20.4)':
-    dependencies:
-      '@tiptap/pm': 3.20.4
-
-  '@tiptap/extension-code-block-lowlight@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-code-block@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(highlight.js@11.11.1)(lowlight@3.3.0)':
-    dependencies:
-      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
-      '@tiptap/extension-code-block': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
-      '@tiptap/pm': 3.20.4
-      highlight.js: 11.11.1
-      lowlight: 3.3.0
-
-  '@tiptap/extension-code-block@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
-    dependencies:
-      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
-      '@tiptap/pm': 3.20.4
-
-  '@tiptap/pm@3.20.4':
-    dependencies:
-      prosemirror-changeset: 2.4.0
-      prosemirror-collab: 1.3.1
-      prosemirror-commands: 1.7.1
-      prosemirror-dropcursor: 1.8.2
-      prosemirror-gapcursor: 1.4.1
-      prosemirror-history: 1.5.0
-      prosemirror-inputrules: 1.5.1
-      prosemirror-keymap: 1.2.3
-      prosemirror-markdown: 1.13.4
-      prosemirror-menu: 1.3.0
-      prosemirror-model: 1.25.4
-      prosemirror-schema-basic: 1.2.4
-      prosemirror-schema-list: 1.5.1
-      prosemirror-state: 1.4.4
-      prosemirror-tables: 1.8.5
-      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.7)
-      prosemirror-transform: 1.11.0
-      prosemirror-view: 1.41.7
-
-  '@types/hast@3.0.4':
-    dependencies:
-      '@types/unist': 3.0.3
-
-  '@types/linkify-it@5.0.0': {}
-
-  '@types/markdown-it@14.1.2':
-    dependencies:
-      '@types/linkify-it': 5.0.0
-      '@types/mdurl': 2.0.0
-
-  '@types/mdurl@2.0.0': {}
-
-  '@types/unist@3.0.3': {}
-
-  argparse@2.0.1: {}
-
-  crelt@1.0.6: {}
-
-  dequal@2.0.3: {}
-
-  devlop@1.1.0:
-    dependencies:
-      dequal: 2.0.3
-
-  entities@4.5.0: {}
-
-  escape-string-regexp@4.0.0: {}
-
-  highlight.js@11.11.1: {}
-
-  linkify-it@5.0.0:
-    dependencies:
-      uc.micro: 2.1.0
-
-  lowlight@3.3.0:
-    dependencies:
-      '@types/hast': 3.0.4
-      devlop: 1.1.0
-      highlight.js: 11.11.1
-
-  markdown-it@14.1.1:
-    dependencies:
-      argparse: 2.0.1
-      entities: 4.5.0
-      linkify-it: 5.0.0
-      mdurl: 2.0.0
-      punycode.js: 2.3.1
-      uc.micro: 2.1.0
-
-  mdurl@2.0.0: {}
-
-  orderedmap@2.1.1: {}
-
-  prosemirror-changeset@2.4.0:
-    dependencies:
-      prosemirror-transform: 1.11.0
-
-  prosemirror-collab@1.3.1:
-    dependencies:
-      prosemirror-state: 1.4.4
-
-  prosemirror-commands@1.7.1:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-
-  prosemirror-dropcursor@1.8.2:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-      prosemirror-view: 1.41.7
-
-  prosemirror-gapcursor@1.4.1:
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.7
-
-  prosemirror-history@1.5.0:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-      prosemirror-view: 1.41.7
-      rope-sequence: 1.3.4
-
-  prosemirror-inputrules@1.5.1:
-    dependencies:
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-
-  prosemirror-keymap@1.2.3:
-    dependencies:
-      prosemirror-state: 1.4.4
-      w3c-keyname: 2.2.8
-
-  prosemirror-markdown@1.13.4:
-    dependencies:
-      '@types/markdown-it': 14.1.2
-      markdown-it: 14.1.1
-      prosemirror-model: 1.25.4
-
-  prosemirror-menu@1.3.0:
-    dependencies:
-      crelt: 1.0.6
-      prosemirror-commands: 1.7.1
-      prosemirror-history: 1.5.0
-      prosemirror-state: 1.4.4
-
-  prosemirror-model@1.25.4:
-    dependencies:
-      orderedmap: 2.1.1
-
-  prosemirror-schema-basic@1.2.4:
-    dependencies:
-      prosemirror-model: 1.25.4
-
-  prosemirror-schema-list@1.5.1:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-
-  prosemirror-state@1.4.4:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-transform: 1.11.0
-      prosemirror-view: 1.41.7
-
-  prosemirror-tables@1.8.5:
-    dependencies:
-      prosemirror-keymap: 1.2.3
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-      prosemirror-view: 1.41.7
-
-  prosemirror-trailing-node@3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.7):
-    dependencies:
-      '@remirror/core-constants': 3.0.0
-      escape-string-regexp: 4.0.0
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-view: 1.41.7
-
-  prosemirror-transform@1.11.0:
-    dependencies:
-      prosemirror-model: 1.25.4
-
-  prosemirror-view@1.41.7:
-    dependencies:
-      prosemirror-model: 1.25.4
-      prosemirror-state: 1.4.4
-      prosemirror-transform: 1.11.0
-
-  punycode.js@2.3.1: {}
-
-  rope-sequence@1.3.4: {}
-
-  uc.micro@2.1.0: {}
-
-  w3c-keyname@2.2.8: {}
diff --git a/web/apps/web-ele/src/components/image-cropper/image-cropper.vue b/web/apps/web-ele/src/components/image-cropper/image-cropper.vue
deleted file mode 100644
index f3dd49f..0000000
--- a/web/apps/web-ele/src/components/image-cropper/image-cropper.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue';
-import { CircleStencil, Cropper } from 'vue-advanced-cropper';
-import 'vue-advanced-cropper/dist/style.css';
-
-import { IconifyIcon } from '@vben/icons';
-
-import { ElButton, ElDialog } from 'element-plus';
-
-interface ImageCropperProps {
-  modelValue: boolean;
-  imageSrc: string;
-  aspectRatio?: number; // 宽高比，例如 16/9, 4/3, 1 (正方形), undefined (自由裁剪)
-  shape?: 'circle' | 'rect'; // 裁剪形状
-}
-
-interface ImageCropperEmits {
-  (e: 'update:modelValue', value: boolean): void;
-  (e: 'confirm', result: { blob: Blob; canvas: HTMLCanvasElement }): void;
-}
-
-const props = withDefaults(defineProps<ImageCropperProps>(), {
-  aspectRatio: undefined,
-  shape: 'rect',
-});
-
-const emit = defineEmits<ImageCropperEmits>();
-
-const visible = ref(false);
-const cropperRef = ref<InstanceType<typeof Cropper>>();
-
-// 计算裁剪组件类型
-const stencilComponent = computed(() => {
-  return props.shape === 'circle' ? CircleStencil : undefined;
-});
-
-// 计算裁剪组件属性
-const stencilProps = computed(() => {
-  const baseProps: any = {};
-
-  // 圆形裁剪时，aspectRatio 必须为 1
-  if (props.shape === 'circle') {
-    baseProps.aspectRatio = 1;
-  } else if (props.aspectRatio !== undefined) {
-    baseProps.aspectRatio = props.aspectRatio;
-  }
-
-  return baseProps;
-});
-
-// 监听 modelValue 变化
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    visible.value = newVal;
-  },
-  { immediate: true },
-);
-
-// 监听 visible 变化
-watch(visible, (newVal) => {
-  emit('update:modelValue', newVal);
-});
-
-// 向左旋转 90 度
-function handleRotateLeft() {
-  cropperRef.value?.rotate(-90);
-}
-
-// 向右旋转 90 度
-function handleRotateRight() {
-  cropperRef.value?.rotate(90);
-}
-
-// 水平翻转
-function handleFlipHorizontal() {
-  cropperRef.value?.flip(true, false);
-}
-
-// 垂直翻转
-function handleFlipVertical() {
-  cropperRef.value?.flip(false, true);
-}
-
-// 重置
-function handleReset() {
-  cropperRef.value?.reset();
-}
-
-// 取消
-function handleCancel() {
-  visible.value = false;
-}
-
-// 关闭
-function handleClose() {
-  visible.value = false;
-}
-
-// 确认裁剪
-async function handleConfirm() {
-  const result = cropperRef.value?.getResult();
-  if (!result) {
-    return;
-  }
-
-  const canvas = result.canvas;
-  if (!canvas) {
-    return;
-  }
-
-  // 将 canvas 转换为 Blob
-  canvas.toBlob((blob) => {
-    if (blob) {
-      emit('confirm', { canvas, blob });
-      visible.value = false;
-    }
-  }, 'image/png');
-}
-</script>
-
-<template>
-  <ElDialog
-    v-model="visible"
-    title="裁剪图片"
-    width="800px"
-    :close-on-click-modal="false"
-    append-to-body
-    @close="handleClose"
-  >
-    <div class="image-cropper-container">
-      <Cropper
-        ref="cropperRef"
-        :src="imageSrc"
-        :stencil-component="stencilComponent"
-        :stencil-props="stencilProps"
-        class="cropper"
-      />
-    </div>
-
-    <template #footer>
-      <div class="cropper-footer">
-        <div class="cropper-actions">
-          <ElButton @click="handleRotateLeft">
-            <IconifyIcon icon="i-carbon:rotate-counterclockwise" class="mr-1" />
-            向左旋转
-          </ElButton>
-          <ElButton @click="handleRotateRight">
-            <IconifyIcon icon="i-carbon:rotate-clockwise" class="mr-1" />
-            向右旋转
-          </ElButton>
-          <ElButton @click="handleFlipHorizontal">
-            <IconifyIcon icon="i-carbon:arrows-horizontal" class="mr-1" />
-            水平翻转
-          </ElButton>
-          <ElButton @click="handleFlipVertical">
-            <IconifyIcon icon="i-carbon:arrows-vertical" class="mr-1" />
-            垂直翻转
-          </ElButton>
-          <ElButton @click="handleReset">
-            <IconifyIcon icon="i-carbon:reset" class="mr-1" />
-            重置
-          </ElButton>
-        </div>
-
-        <div class="cropper-confirm">
-          <ElButton @click="handleCancel">取消</ElButton>
-          <ElButton type="primary" @click="handleConfirm">确认裁剪</ElButton>
-        </div>
-      </div>
-    </template>
-  </ElDialog>
-</template>
-
-<style scoped lang="scss">
-.image-cropper-container {
-  width: 100%;
-  height: 500px;
-  background: hsl(var(--muted));
-
-  .cropper {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.cropper-footer {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-
-  .cropper-actions {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    justify-content: center;
-  }
-
-  .cropper-confirm {
-    display: flex;
-    gap: 8px;
-    justify-content: flex-end;
-  }
-}
-</style>
diff --git a/web/apps/web-ele/src/components/image-cropper/index.ts b/web/apps/web-ele/src/components/image-cropper/index.ts
deleted file mode 100644
index 08d102c..0000000
--- a/web/apps/web-ele/src/components/image-cropper/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as ImageCropper } from './image-cropper.vue';
diff --git a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/ai-image-ocr.vue b/web/apps/web-ele/src/components/zq-form/ai-image-ocr/ai-image-ocr.vue
deleted file mode 100644
index 12d4bf3..0000000
--- a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/ai-image-ocr.vue
+++ /dev/null
@@ -1,807 +0,0 @@
-<script setup lang="ts">
-import type { AiOcrConfig } from '#/components/form-design/store/formDesignStore';
-
-import { computed, ref, watch } from 'vue';
-
-import {
-  DeleteOutlined,
-  EyeOutlined,
-  FileImageOutlined,
-  FileOutlined,
-  Sparkles,
-} from '@vben/icons';
-import { $t } from '@vben/locales';
-
-import {
-  ElButton,
-  ElDialog,
-  ElImageViewer,
-  ElMessage,
-  ElProgress,
-  ElTag,
-} from 'element-plus';
-
-import { uploadFile as uploadFileApi } from '#/api/core/file';
-import { requestClient } from '#/api/request';
-import { getFileUrl } from '#/composables/useFileUrl';
-
-defineOptions({
-  name: 'AiImageOcr',
-  inheritAttrs: false,
-});
-
-const props = withDefaults(defineProps<Props>(), {
-  multiple: false,
-  placeholder: () => $t('form-design.aiImageOcr.uploadPlaceholder'),
-  disabled: false,
-  clearable: true,
-  maxSize: 10,
-});
-
-const emit = defineEmits<Emits>();
-
-interface Props {
-  modelValue?: string | string[];
-  multiple?: boolean;
-  placeholder?: string;
-  disabled?: boolean;
-  clearable?: boolean;
-  maxSize?: number;
-  height?: number;
-  aiOcrConfig?: AiOcrConfig;
-  formData?: Record<string, any>;
-}
-
-interface Emits {
-  (e: 'update:modelValue', value: string | string[] | undefined): void;
-  (e: 'change', value: string | string[] | undefined): void;
-  (
-    e: 'ocr-success',
-    data: { extractedData: null | Record<string, any>; rawText: string },
-  ): void;
-  (e: 'fill-fields', data: Record<string, any>): void;
-}
-
-// 状态
-const uploadInputRef = ref<HTMLInputElement>();
-const isUploading = ref(false);
-const isRecognizing = ref(false);
-const uploadProgress = ref(0);
-const currentImageId = ref<string>('');
-const currentImageUrl = ref<string>('');
-const currentFileMimeType = ref<string>('');
-const previewVisible = ref(false);
-const ocrResult = ref<null | {
-  extractedData: null | Record<string, any>;
-  rawText: string;
-}>(null);
-
-// 文件类型到accept属性的映射
-const FILE_TYPE_ACCEPT_MAP: Record<string, string[]> = {
-  image: ['image/*'],
-  text: [
-    '.txt',
-    '.md',
-    '.log',
-    '.py',
-    '.js',
-    '.ts',
-    '.jsx',
-    '.tsx',
-    '.vue',
-    '.html',
-    '.css',
-    '.json',
-    '.yaml',
-    '.yml',
-    '.xml',
-    '.csv',
-  ],
-  pdf: ['.pdf', 'application/pdf'],
-  word: [
-    '.doc',
-    '.docx',
-    'application/msword',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-  ],
-  excel: [
-    '.xls',
-    '.xlsx',
-    'application/vnd.ms-excel',
-    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  ],
-};
-
-// 计算属性
-const hasFile = computed(() => !!currentImageId.value);
-
-// 计算接受的文件类型
-const acceptString = computed(() => {
-  const types = props.aiOcrConfig?.acceptFileTypes || ['image'];
-  if (types.includes('all')) {
-    return '*/*';
-  }
-  const accepts: string[] = [];
-  types.forEach((type) => {
-    if (FILE_TYPE_ACCEPT_MAP[type]) {
-      accepts.push(...FILE_TYPE_ACCEPT_MAP[type]);
-    }
-  });
-  return accepts.join(',') || 'image/*';
-});
-
-// 判断是否为图片文件
-const isImageFile = computed(() => {
-  if (!currentImageId.value) return false;
-  const url = currentImageUrl.value.toLowerCase();
-  const mimeType = currentFileMimeType.value.toLowerCase();
-  return (
-    mimeType.startsWith('image/') ||
-    url.includes('image/') ||
-    /\.(jpg|jpeg|png|gif|bmp|webp|svg)$/i.test(url)
-  );
-});
-
-// 判断是否为PDF文件
-const isPdfFile = computed(() => {
-  if (!currentImageId.value) return false;
-  const url = currentImageUrl.value.toLowerCase();
-  const mimeType = currentFileMimeType.value.toLowerCase();
-  return (
-    mimeType === 'application/pdf' ||
-    url.includes('application/pdf') ||
-    url.endsWith('.pdf')
-  );
-});
-
-const templateTypeLabel = computed(() => {
-  const labels: Record<string, string> = {
-    custom: $t('form-design.aiImageOcr.customTemplate'),
-    id_card: $t('form-design.aiImageOcr.idCard'),
-    business_license: $t('form-design.aiImageOcr.businessLicense'),
-    invoice: $t('form-design.aiImageOcr.invoice'),
-    receipt: $t('form-design.aiImageOcr.receipt'),
-    contract: $t('form-design.aiImageOcr.contract'),
-  };
-  return labels[props.aiOcrConfig?.templateType || 'custom'] || labels.custom;
-});
-
-// 获取支持的文件类型标签
-const acceptedFileTypesLabel = computed(() => {
-  const types = props.aiOcrConfig?.acceptFileTypes || ['image'];
-  if (types.includes('all')) {
-    return $t('form-design.aiImageOcr.allFiles');
-  }
-  const labels: Record<string, string> = {
-    image: $t('form-design.aiImageOcr.imageFile'),
-    text: $t('form-design.aiImageOcr.textFile'),
-    pdf: 'PDF',
-    word: 'Word',
-    excel: 'Excel',
-  };
-  return types.map((t) => labels[t] || t).join(', ');
-});
-
-// 监听 modelValue 变化
-watch(
-  () => props.modelValue,
-  async (newValue) => {
-    if (!newValue) {
-      currentImageId.value = '';
-      currentImageUrl.value = '';
-      currentFileMimeType.value = '';
-      return;
-    }
-    const id = Array.isArray(newValue) ? newValue[0] : newValue;
-    if (id && id !== currentImageId.value) {
-      currentImageId.value = id;
-      currentImageUrl.value = await getFileUrl(id);
-      // 从后端获取文件信息
-      try {
-        const fileInfo = await requestClient.get<{ mime_type?: string }>(
-          `/api/core/file_manager/${id}`,
-        );
-        currentFileMimeType.value = fileInfo.mime_type || '';
-      } catch (error) {
-        console.warn('Failed to fetch file info:', error);
-      }
-    }
-  },
-  { immediate: true },
-);
-
-// 打开文件选择器
-function openFileSelector() {
-  if (props.disabled) return;
-  uploadInputRef.value?.click();
-}
-
-// 处理文件选择
-async function handleFileChange(event: Event) {
-  const target = event.target as HTMLInputElement;
-  const file = target.files?.[0];
-  if (!file) return;
-  target.value = '';
-
-  // 验证文件类型
-  const acceptedTypes = props.aiOcrConfig?.acceptFileTypes || ['image'];
-  const isValidType = validateFileType(file, acceptedTypes);
-  if (!isValidType) {
-    ElMessage.error($t('form-design.aiImageOcr.invalidFileType'));
-    return;
-  }
-
-  // 验证文件大小
-  if (props.maxSize && file.size > props.maxSize * 1024 * 1024) {
-    ElMessage.error(
-      $t('form-design.aiImageOcr.fileTooLarge', { size: props.maxSize }),
-    );
-    return;
-  }
-
-  await uploadAndRecognize(file);
-}
-
-// 验证文件类型
-function validateFileType(file: File, acceptedTypes: string[]): boolean {
-  if (acceptedTypes.includes('all')) return true;
-
-  const fileName = file.name.toLowerCase();
-  const mimeType = file.type.toLowerCase();
-
-  for (const type of acceptedTypes) {
-    const accepts = FILE_TYPE_ACCEPT_MAP[type] || [];
-    for (const accept of accepts) {
-      if (accept.startsWith('.')) {
-        // 扩展名匹配
-        if (fileName.endsWith(accept)) return true;
-      } else if (accept.endsWith('/*')) {
-        // MIME 类型通配符匹配
-        const prefix = accept.replace('/*', '');
-        if (mimeType.startsWith(prefix)) return true;
-      } else {
-        // 完整 MIME 类型匹配
-        if (mimeType === accept) return true;
-      }
-    }
-  }
-  return false;
-}
-
-// 上传并识别
-async function uploadAndRecognize(file: File) {
-  try {
-    isUploading.value = true;
-    uploadProgress.value = 0;
-
-    // 上传文件
-    const response = await uploadFileApi(file, {
-      source: 'form',
-      onProgress: (progressEvent) => {
-        uploadProgress.value = progressEvent.percentage;
-      },
-    });
-
-    if (!response?.id) {
-      throw new Error($t('form-design.aiImageOcr.uploadFailed'));
-    }
-
-    currentImageId.value = response.id;
-    currentImageUrl.value = await getFileUrl(response.id);
-    currentFileMimeType.value = file.type;
-    isUploading.value = false;
-
-    // 更新 modelValue
-    emit('update:modelValue', response.id);
-    emit('change', response.id);
-
-    // 如果启用了 AI 识别，开始识别
-    if (props.aiOcrConfig?.enabled) {
-      await recognizeImage(response.id);
-    }
-  } catch (error: any) {
-    console.error('Upload failed:', error);
-    ElMessage.error(error.message || $t('form-design.aiImageOcr.uploadFailed'));
-    isUploading.value = false;
-  }
-}
-
-// AI 识别文件
-async function recognizeImage(fileId: string) {
-  if (!props.aiOcrConfig?.enabled) return;
-
-  try {
-    isRecognizing.value = true;
-
-    // 构建请求参数
-    const requestData: any = {
-      fileId,
-    };
-
-    // 如果有结构化输出配置
-    if (
-      props.aiOcrConfig.outputSchema &&
-      props.aiOcrConfig.outputSchema.length > 0
-    ) {
-      requestData.outputSchema = props.aiOcrConfig.outputSchema;
-    }
-
-    // 如果有自定义提示词
-    if (props.aiOcrConfig.customPrompt) {
-      requestData.prompt = props.aiOcrConfig.customPrompt;
-    }
-
-    // 调用 OCR API
-    const result = await requestClient.post<{
-      error: null | string;
-      extractedData: null | Record<string, any>;
-      rawText: null | string;
-      success: boolean;
-    }>('/api/core/file_manager/ocr/recognize', requestData);
-
-    if (!result.success) {
-      throw new Error(
-        result.error || $t('form-design.aiImageOcr.recognizeFailed'),
-      );
-    }
-
-    ocrResult.value = {
-      rawText: result.rawText || '',
-      extractedData: result.extractedData,
-    };
-
-    emit('ocr-success', ocrResult.value);
-
-    if (result.extractedData) {
-      applyFieldMapping(result.extractedData);
-    } else {
-      ElMessage.success($t('form-design.aiImageOcr.recognizeSuccess'));
-    }
-  } catch (error: any) {
-    console.error('OCR failed:', error);
-    ElMessage.error(
-      error.message || $t('form-design.aiImageOcr.recognizeFailed'),
-    );
-  } finally {
-    isRecognizing.value = false;
-  }
-}
-
-// 应用字段映射
-function applyFieldMapping(extractedData: Record<string, any>) {
-  if (!props.aiOcrConfig?.fieldMapping?.length) {
-    // 没有配置映射，直接发送原始数据
-    emit('fill-fields', extractedData);
-    ElMessage.success($t('form-design.aiImageOcr.fillSuccess'));
-    return;
-  }
-
-  const mappedData: Record<string, any> = {};
-  for (const mapping of props.aiOcrConfig.fieldMapping) {
-    const value = extractedData[mapping.source];
-    if (value !== undefined) {
-      mappedData[mapping.target] = value;
-    }
-  }
-
-  emit('fill-fields', mappedData);
-  ElMessage.success($t('form-design.aiImageOcr.fillSuccess'));
-}
-
-// 预览图片
-function handlePreview() {
-  if (currentImageUrl.value) {
-    previewVisible.value = true;
-  }
-}
-
-// 删除图片
-function handleDelete() {
-  currentImageId.value = '';
-  currentImageUrl.value = '';
-  ocrResult.value = null;
-  emit('update:modelValue', undefined);
-  emit('change', undefined);
-}
-
-// 重新识别
-async function handleReRecognize() {
-  if (currentImageId.value) {
-    await recognizeImage(currentImageId.value);
-  }
-}
-</script>
-
-<template>
-  <div class="ai-image-ocr">
-    <!-- 上传区域 -->
-    <div
-      class="upload-area"
-      :class="{
-        'has-file': hasFile,
-        'is-disabled': disabled,
-        'is-uploading': isUploading,
-        'is-recognizing': isRecognizing,
-      }"
-      :style="{ height: height ? `${height}px` : undefined }"
-      @click="!hasFile && openFileSelector()"
-    >
-      <!-- 隐藏的文件输入 -->
-      <input
-        ref="uploadInputRef"
-        type="file"
-        :accept="acceptString"
-        style="display: none"
-        @change="handleFileChange"
-      />
-
-      <!-- 空状态 -->
-      <template v-if="!hasFile && !isUploading">
-        <div class="upload-placeholder">
-          <div class="upload-icon">
-            <Sparkles class="ai-icon" />
-            <FileImageOutlined class="image-icon" />
-          </div>
-          <div class="upload-text">{{ placeholder }}</div>
-          <div class="upload-hint">
-            <ElTag size="small" type="primary">
-              {{ templateTypeLabel }}
-            </ElTag>
-            <ElTag size="small" type="info" class="ml-1">
-              {{ acceptedFileTypesLabel }}
-            </ElTag>
-          </div>
-        </div>
-      </template>
-
-      <!-- 上传中 -->
-      <template v-else-if="isUploading">
-        <div class="upload-progress">
-          <ElProgress
-            type="circle"
-            :percentage="uploadProgress"
-            :width="80"
-            :stroke-width="6"
-          />
-          <div class="progress-text">
-            {{ $t('form-design.aiImageOcr.uploading') }}
-          </div>
-        </div>
-      </template>
-
-      <!-- 已上传文件 -->
-      <template v-else>
-        <div class="file-preview">
-          <!-- 图片预览 -->
-          <img
-            v-if="isImageFile"
-            :src="currentImageUrl"
-            alt="uploaded"
-            class="preview-img"
-          />
-          <!-- PDF预览 -->
-          <iframe
-            v-else-if="isPdfFile"
-            :src="`${currentImageUrl}#toolbar=0&navpanes=0&scrollbar=1`"
-            class="pdf-preview"
-            frameborder="0"
-          ></iframe>
-          <!-- 其他文件显示图标 -->
-          <div v-else class="file-icon-wrapper">
-            <FileOutlined class="file-icon" />
-            <div class="file-name">
-              {{ $t('form-design.aiImageOcr.fileUploaded') }}
-            </div>
-          </div>
-
-          <!-- 识别中遮罩 -->
-          <div v-if="isRecognizing" class="recognizing-mask">
-            <div class="recognizing-content">
-              <Sparkles class="recognizing-icon" />
-              <div class="recognizing-text">
-                {{ $t('form-design.aiImageOcr.recognizing') }}
-              </div>
-            </div>
-          </div>
-
-          <!-- 操作按钮 -->
-          <div v-if="!isRecognizing" class="file-actions">
-            <ElButton
-              v-if="isImageFile || isPdfFile"
-              circle
-              size="small"
-              @click.stop="handlePreview"
-            >
-              <EyeOutlined />
-            </ElButton>
-            <ElButton
-              v-if="aiOcrConfig?.enabled"
-              circle
-              size="small"
-              type="primary"
-              @click.stop="handleReRecognize"
-            >
-              <Sparkles />
-            </ElButton>
-            <ElButton
-              v-if="clearable"
-              circle
-              size="small"
-              type="danger"
-              @click.stop="handleDelete"
-            >
-              <DeleteOutlined />
-            </ElButton>
-          </div>
-
-          <!-- AI 标识 -->
-          <div v-if="aiOcrConfig?.enabled" class="ai-badge">
-            <Sparkles class="badge-icon" />
-            AI
-          </div>
-        </div>
-      </template>
-    </div>
-
-    <!-- 图片预览 -->
-    <ElImageViewer
-      v-if="previewVisible && isImageFile"
-      :url-list="[currentImageUrl]"
-      :z-index="3000"
-      @close="previewVisible = false"
-    />
-
-    <!-- PDF预览对话框 -->
-    <ElDialog
-      v-model="previewVisible"
-      v-if="isPdfFile"
-      :title="$t('form-design.aiImageOcr.preview')"
-      width="80%"
-      top="5vh"
-    >
-      <iframe
-        :src="`${currentImageUrl}#toolbar=0&navpanes=0&scrollbar=1`"
-        style="width: 100%; height: 70vh; border: none"
-      ></iframe>
-    </ElDialog>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.ai-image-ocr {
-  width: 100%;
-}
-
-.upload-area {
-  position: relative;
-  width: 100%;
-  min-height: 120px;
-  border: 2px dashed var(--el-border-color);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.3s;
-  background: var(--el-fill-color-lighter);
-
-  &:hover:not(.is-disabled):not(.has-file) {
-    border-color: var(--el-color-primary);
-    background: var(--el-color-primary-light-9);
-  }
-
-  &.has-file {
-    cursor: default;
-    border-style: solid;
-  }
-
-  &.is-disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-}
-
-.upload-placeholder {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  gap: 8px;
-
-  .upload-icon {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .image-icon {
-      font-size: 40px;
-      color: var(--el-color-primary);
-    }
-
-    .ai-icon {
-      position: absolute;
-      top: -8px;
-      right: -12px;
-      font-size: 20px;
-      color: var(--el-color-warning);
-      animation: sparkle 1.5s ease-in-out infinite;
-    }
-  }
-
-  .upload-text {
-    font-size: 14px;
-    color: var(--el-text-color-regular);
-  }
-
-  .upload-hint {
-    margin-top: 4px;
-  }
-}
-
-.upload-progress {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 24px;
-  gap: 12px;
-
-  .progress-text {
-    font-size: 14px;
-    color: var(--el-text-color-secondary);
-  }
-}
-
-.file-preview {
-  position: relative;
-  width: 100%;
-  min-height: 120px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px;
-
-  .preview-img {
-    max-width: 100%;
-    max-height: 200px;
-    object-fit: contain;
-    border-radius: 4px;
-  }
-
-  .pdf-preview {
-    width: 100%;
-    height: 100%;
-    min-height: 400px;
-    border: none;
-    border-radius: 4px;
-  }
-
-  .file-icon-wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    padding: 16px;
-
-    .file-icon {
-      font-size: 48px;
-      color: var(--el-color-primary);
-    }
-
-    .file-name {
-      font-size: 14px;
-      color: var(--el-text-color-regular);
-    }
-  }
-
-  .file-actions {
-    position: absolute;
-    bottom: 12px;
-    left: 50%;
-    transform: translateX(-50%);
-    display: flex;
-    gap: 8px;
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
-
-  &:hover .file-actions {
-    opacity: 1;
-  }
-
-  .ai-badge {
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    padding: 4px 8px;
-    background: linear-gradient(
-      135deg,
-      var(--el-color-primary),
-      var(--el-color-primary-light-3)
-    );
-    color: white;
-    font-size: 12px;
-    font-weight: 500;
-    border-radius: 4px;
-
-    .badge-icon {
-      font-size: 14px;
-    }
-  }
-}
-
-.recognizing-mask {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0.6);
-  border-radius: 8px;
-
-  .recognizing-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    color: white;
-
-    .recognizing-icon {
-      font-size: 32px;
-      animation: sparkle 1s ease-in-out infinite;
-    }
-
-    .recognizing-text {
-      font-size: 14px;
-    }
-  }
-}
-
-.confirm-content {
-  .extracted-data {
-    max-height: 300px;
-    overflow-y: auto;
-    text-align: left;
-    padding: 12px;
-    background: var(--el-fill-color-light);
-    border-radius: 4px;
-
-    .data-item {
-      display: flex;
-      padding: 8px 0;
-      border-bottom: 1px solid var(--el-border-color-lighter);
-
-      &:last-child {
-        border-bottom: none;
-      }
-
-      .data-label {
-        flex-shrink: 0;
-        width: 120px;
-        font-weight: 500;
-        color: var(--el-text-color-secondary);
-      }
-
-      .data-value {
-        flex: 1;
-        color: var(--el-text-color-primary);
-        word-break: break-all;
-      }
-    }
-  }
-}
-
-@keyframes sparkle {
-  0%,
-  100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50% {
-    opacity: 0.6;
-    transform: scale(1.1);
-  }
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/index.ts b/web/apps/web-ele/src/components/zq-form/ai-image-ocr/index.ts
deleted file mode 100644
index ae544e4..0000000
--- a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as AiImageOcr } from './ai-image-ocr.vue';
-export type { AiImageOcrEmits, AiImageOcrProps } from './types';
diff --git a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/types.ts b/web/apps/web-ele/src/components/zq-form/ai-image-ocr/types.ts
deleted file mode 100644
index 3e50ef1..0000000
--- a/web/apps/web-ele/src/components/zq-form/ai-image-ocr/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-export interface AiImageOcrProps {
-  modelValue?: string | string[];
-  multiple?: boolean;
-  placeholder?: string;
-  disabled?: boolean;
-  clearable?: boolean;
-  maxSize?: number;
-}
-
-export interface AiImageOcrEmits {
-  (e: 'update:modelValue', value: string | string[] | undefined): void;
-  (e: 'change', value: string | string[] | undefined): void;
-  (
-    e: 'ocr-success',
-    data: { extractedData: null | Record<string, any>; rawText: string },
-  ): void;
-  (e: 'fill-fields', data: Record<string, any>): void;
-}
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/NotionEditor.vue b/web/apps/web-ele/src/components/zq-form/notion-editor/NotionEditor.vue
deleted file mode 100644
index fa3b3fb..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/NotionEditor.vue
+++ /dev/null
@@ -1,1113 +0,0 @@
-<script setup lang="ts">
-import { computed, onBeforeUnmount, ref, watch } from 'vue';
-
-import {
-  AlignCenter,
-  AlignLeft,
-  AlignRight,
-  Bold,
-  ChevronDown,
-  Code,
-  Highlighter,
-  Italic,
-  Link as LinkIcon,
-  Strikethrough,
-  Type,
-  Underline as UnderlineIcon,
-} from '@vben/icons';
-
-import CharacterCount from '@tiptap/extension-character-count';
-import Color from '@tiptap/extension-color';
-import Highlight from '@tiptap/extension-highlight';
-import Link from '@tiptap/extension-link';
-import Placeholder from '@tiptap/extension-placeholder';
-import { Table } from '@tiptap/extension-table';
-import { TableCell } from '@tiptap/extension-table-cell';
-import { TableHeader } from '@tiptap/extension-table-header';
-import { TableRow } from '@tiptap/extension-table-row';
-import TextAlign from '@tiptap/extension-text-align';
-import { TextStyle } from '@tiptap/extension-text-style';
-import Underline from '@tiptap/extension-underline';
-import StarterKit from '@tiptap/starter-kit';
-import { EditorContent, useEditor } from '@tiptap/vue-3';
-import { BubbleMenu } from '@tiptap/vue-3/menus';
-import GlobalDragHandle from 'tiptap-extension-global-drag-handle';
-import { Markdown } from 'tiptap-markdown';
-
-import TableHandles from './components/TableHandles.vue';
-import TableMenu from './components/TableMenu.vue';
-import {
-  createSlashCommandSuggestion,
-  SlashCommand,
-} from './extensions/slash-command';
-
-interface Props {
-  modelValue?: string;
-  placeholder?: string;
-  disabled?: boolean;
-  readonly?: boolean;
-  minHeight?: number | string;
-  maxHeight?: number | string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  modelValue: '',
-  placeholder: '输入 / 打开命令菜单...',
-  disabled: false,
-  readonly: false,
-  minHeight: 300,
-  maxHeight: 600,
-});
-
-const emit = defineEmits<{
-  change: [value: string];
-  'update:modelValue': [value: string];
-}>();
-
-// 链接弹窗状态
-const showLinkPopover = ref(false);
-const linkUrl = ref('');
-
-// Turn Into 菜单状态
-const showTurnIntoMenu = ref(false);
-
-// 颜色选择器状态
-const showColorPicker = ref(false);
-
-// 表格右键菜单状态
-const showTableMenu = ref(false);
-const tableMenuType = ref<'column' | 'row'>('row');
-const tableMenuPosition = ref({ x: 0, y: 0 });
-
-// 文本颜色列表
-const textColors = [
-  { color: 'inherit', label: '默认' },
-  { color: '#6b7280', label: '灰色' },
-  { color: '#92400e', label: '棕色' },
-  { color: '#c2410c', label: '橙色' },
-  { color: '#ca8a04', label: '黄色' },
-  { color: '#16a34a', label: '绿色' },
-  { color: '#0284c7', label: '蓝色' },
-  { color: '#7c3aed', label: '紫色' },
-  { color: '#db2777', label: '粉色' },
-  { color: '#dc2626', label: '红色' },
-];
-
-// 高亮颜色列表
-const highlightColors = [
-  { color: '', label: '无' },
-  { color: '#f3f4f6', label: '灰色' },
-  { color: '#fef3c7', label: '黄色' },
-  { color: '#d1fae5', label: '绿色' },
-  { color: '#dbeafe', label: '蓝色' },
-  { color: '#ede9fe', label: '紫色' },
-  { color: '#fce7f3', label: '粉色' },
-  { color: '#fee2e2', label: '红色' },
-  { color: '#ffedd5', label: '橙色' },
-  { color: '#e0f2fe', label: '青色' },
-];
-
-// Turn Into 选项
-const turnIntoItems = [
-  { icon: 'Type', label: 'Text', key: 'paragraph' },
-  { icon: 'Heading1', label: 'Heading 1', key: 'h1' },
-  { icon: 'Heading2', label: 'Heading 2', key: 'h2' },
-  { icon: 'Heading3', label: 'Heading 3', key: 'h3' },
-  { icon: 'List', label: 'Bulleted list', key: 'bulletList' },
-  { icon: 'ListOrdered', label: 'Numbered list', key: 'orderedList' },
-  { icon: 'Quote', label: 'Blockquote', key: 'blockquote' },
-  { icon: 'Code', label: 'Code block', key: 'codeBlock' },
-];
-
-// 编辑器实例
-const editor = useEditor({
-  content: props.modelValue,
-  editable: !props.disabled && !props.readonly,
-  extensions: [
-    StarterKit.configure({
-      heading: {
-        levels: [1, 2, 3],
-      },
-    }),
-    Underline,
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    Highlight.configure({
-      multicolor: true,
-    }),
-    Link.configure({
-      openOnClick: false,
-      HTMLAttributes: {
-        class: 'text-[var(--el-color-primary)] underline cursor-pointer',
-      },
-    }),
-    Placeholder.configure({
-      placeholder: props.placeholder,
-    }),
-    Markdown.configure({
-      html: true,
-      tightLists: true,
-      bulletListMarker: '-',
-      linkify: true,
-      breaks: true,
-      transformPastedText: true,
-      transformCopiedText: true,
-    }),
-    CharacterCount,
-    TextStyle,
-    Color,
-    GlobalDragHandle.configure({
-      dragHandleWidth: 20,
-      scrollTreshold: 100,
-    }),
-    Table.configure({
-      resizable: true,
-    }),
-    TableRow,
-    TableHeader,
-    TableCell.extend({
-      addAttributes() {
-        return {
-          ...this.parent?.(),
-          backgroundColor: {
-            default: null,
-            parseHTML: (element) => element.style.backgroundColor || null,
-            renderHTML: (attributes) => {
-              if (!attributes.backgroundColor) {
-                return {};
-              }
-              return {
-                style: `background-color: ${attributes.backgroundColor}`,
-              };
-            },
-          },
-        };
-      },
-    }),
-    SlashCommand.configure({
-      suggestion: createSlashCommandSuggestion(),
-    }),
-  ],
-  onUpdate: ({ editor: editorInstance }) => {
-    const markdown =
-      (editorInstance.storage as any)?.markdown?.getMarkdown() || '';
-    emit('update:modelValue', markdown);
-    emit('change', markdown);
-  },
-  editorProps: {
-    attributes: {
-      class: 'notion-editor-content',
-    },
-  },
-});
-
-// 监听 modelValue 变化
-watch(
-  () => props.modelValue,
-  (value) => {
-    if (
-      editor.value &&
-      (editor.value.storage as any)?.markdown?.getMarkdown() !== value
-    ) {
-      editor.value.commands.setContent(value || '', { emitUpdate: false });
-    }
-  },
-);
-
-// 监听 disabled/readonly 变化
-watch(
-  () => [props.disabled, props.readonly],
-  ([disabled, readonly]) => {
-    editor.value?.setEditable(!disabled && !readonly);
-  },
-);
-
-// 销毁编辑器
-onBeforeUnmount(() => {
-  editor.value?.destroy();
-});
-
-// 样式计算
-const editorStyle = computed(() => ({
-  minHeight:
-    typeof props.minHeight === 'number'
-      ? `${props.minHeight}px`
-      : props.minHeight,
-  maxHeight:
-    typeof props.maxHeight === 'number'
-      ? `${props.maxHeight}px`
-      : props.maxHeight,
-}));
-
-// 设置链接
-function setLink() {
-  if (linkUrl.value) {
-    editor.value?.chain().focus().setLink({ href: linkUrl.value }).run();
-  } else {
-    editor.value?.chain().focus().unsetLink().run();
-  }
-  showLinkPopover.value = false;
-  linkUrl.value = '';
-}
-
-// 打开链接弹窗
-function openLinkPopover() {
-  const previousUrl = editor.value?.getAttributes('link').href;
-  linkUrl.value = previousUrl || '';
-  showLinkPopover.value = true;
-}
-
-// 设置高亮
-function toggleHighlight() {
-  editor.value?.chain().focus().toggleHighlight({ color: '#fef08a' }).run();
-}
-
-// 设置对齐
-function setTextAlign(align: 'center' | 'left' | 'right') {
-  editor.value?.chain().focus().setTextAlign(align).run();
-}
-
-// 获取当前文本类型
-function getCurrentType() {
-  if (editor.value?.isActive('heading', { level: 1 })) return 'Heading 1';
-  if (editor.value?.isActive('heading', { level: 2 })) return 'Heading 2';
-  if (editor.value?.isActive('heading', { level: 3 })) return 'Heading 3';
-  if (editor.value?.isActive('bulletList')) return 'Bulleted list';
-  if (editor.value?.isActive('orderedList')) return 'Numbered list';
-  if (editor.value?.isActive('blockquote')) return 'Blockquote';
-  if (editor.value?.isActive('codeBlock')) return 'Code block';
-  return 'Text';
-}
-
-// Turn Into 操作
-function turnInto(key: string) {
-  if (!editor.value) return;
-
-  switch (key) {
-    case 'blockquote': {
-      editor.value.chain().focus().toggleBlockquote().run();
-      break;
-    }
-    case 'bulletList': {
-      editor.value.chain().focus().toggleBulletList().run();
-      break;
-    }
-    case 'codeBlock': {
-      editor.value.chain().focus().toggleCodeBlock().run();
-      break;
-    }
-    case 'h1': {
-      editor.value.chain().focus().toggleHeading({ level: 1 }).run();
-      break;
-    }
-    case 'h2': {
-      editor.value.chain().focus().toggleHeading({ level: 2 }).run();
-      break;
-    }
-    case 'h3': {
-      editor.value.chain().focus().toggleHeading({ level: 3 }).run();
-      break;
-    }
-    case 'orderedList': {
-      editor.value.chain().focus().toggleOrderedList().run();
-      break;
-    }
-    case 'paragraph': {
-      editor.value.chain().focus().setParagraph().run();
-      break;
-    }
-  }
-  showTurnIntoMenu.value = false;
-}
-
-// 设置文字颜色
-function setTextColor(color: string) {
-  if (!editor.value) return;
-  if (color === 'inherit') {
-    editor.value.chain().focus().unsetColor().run();
-  } else {
-    editor.value.chain().focus().setColor(color).run();
-  }
-}
-
-// 设置高亮颜色
-function setHighlightColor(color: string) {
-  if (!editor.value) return;
-  if (color) {
-    editor.value.chain().focus().setHighlight({ color }).run();
-  } else {
-    editor.value.chain().focus().unsetHighlight().run();
-  }
-}
-
-// 获取当前文字颜色
-function getCurrentTextColor() {
-  return editor.value?.getAttributes('textStyle').color || 'inherit';
-}
-
-// 表格右键菜单处理
-function handleContextMenu(e: MouseEvent) {
-  const target = e.target as HTMLElement;
-  const cell = target.closest('td, th');
-
-  if (cell && editor.value?.isActive('table')) {
-    e.preventDefault();
-
-    // 判断是行操作还是列操作（简化处理，默认为行操作）
-    tableMenuType.value = 'row';
-    tableMenuPosition.value = { x: e.clientX, y: e.clientY };
-    showTableMenu.value = true;
-
-    // 点击其他地方关闭菜单
-    const closeMenu = () => {
-      showTableMenu.value = false;
-      document.removeEventListener('click', closeMenu);
-    };
-    setTimeout(() => {
-      document.addEventListener('click', closeMenu);
-    }, 0);
-  }
-}
-
-// 暴露方法
-defineExpose({
-  getEditor: () => editor.value,
-  getMarkdown: () =>
-    (editor.value?.storage as any)?.markdown?.getMarkdown() || '',
-  getHTML: () => editor.value?.getHTML() || '',
-  getText: () => editor.value?.getText() || '',
-  setContent: (content: string) => editor.value?.commands.setContent(content),
-  clear: () => editor.value?.commands.clearContent(),
-  focus: () => editor.value?.commands.focus(),
-});
-</script>
-
-<template>
-  <div class="notion-editor">
-    <!-- 气泡菜单 - 选中文本时显示 -->
-    <BubbleMenu
-      v-if="editor"
-      :editor="editor"
-      :tippy-options="{ duration: 100 }"
-      class="bubble-menu"
-    >
-      <div
-        class="flex items-center gap-1 rounded-lg border border-[var(--el-border-color)] bg-[var(--el-bg-color)] p-1 shadow-lg"
-      >
-        <!-- Turn Into 下拉菜单 -->
-        <div class="turn-into-wrapper">
-          <button
-            class="turn-into-trigger"
-            @click="showTurnIntoMenu = !showTurnIntoMenu"
-          >
-            <span class="trigger-text">{{ getCurrentType() }}</span>
-            <ChevronDown class="h-3 w-3" />
-          </button>
-          <div v-if="showTurnIntoMenu" class="turn-into-dropdown">
-            <div class="dropdown-header">Turn Into</div>
-            <button
-              v-for="item in turnIntoItems"
-              :key="item.key"
-              class="dropdown-item"
-              :class="{ 'is-active': getCurrentType() === item.label }"
-              @click="turnInto(item.key)"
-            >
-              <Type v-if="item.icon === 'Type'" class="h-4 w-4" />
-              <span>{{ item.label }}</span>
-            </button>
-          </div>
-        </div>
-
-        <div class="mx-1 h-4 w-px bg-[var(--el-border-color)]"></div>
-
-        <!-- 格式化按钮 -->
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('bold') }"
-          title="加粗 (Ctrl+B)"
-          @click="editor.chain().focus().toggleBold().run()"
-        >
-          <Bold class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('italic') }"
-          title="斜体 (Ctrl+I)"
-          @click="editor.chain().focus().toggleItalic().run()"
-        >
-          <Italic class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('underline') }"
-          title="下划线 (Ctrl+U)"
-          @click="editor.chain().focus().toggleUnderline().run()"
-        >
-          <UnderlineIcon class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('strike') }"
-          title="删除线"
-          @click="editor.chain().focus().toggleStrike().run()"
-        >
-          <Strikethrough class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('code') }"
-          title="代码"
-          @click="editor.chain().focus().toggleCode().run()"
-        >
-          <Code class="h-4 w-4" />
-        </button>
-
-        <div class="mx-1 h-4 w-px bg-[var(--el-border-color)]"></div>
-
-        <!-- 高亮 -->
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('highlight') }"
-          title="高亮"
-          @click="toggleHighlight"
-        >
-          <Highlighter class="h-4 w-4" />
-        </button>
-
-        <!-- 链接 -->
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive('link') }"
-          title="链接 (Ctrl+K)"
-          @click="openLinkPopover"
-        >
-          <LinkIcon class="h-4 w-4" />
-        </button>
-
-        <!-- 颜色选择器 -->
-        <div class="color-picker-wrapper">
-          <button
-            class="color-trigger"
-            @click="showColorPicker = !showColorPicker"
-          >
-            <Type class="h-4 w-4" :style="{ color: getCurrentTextColor() }" />
-            <ChevronDown class="h-3 w-3" />
-          </button>
-          <div v-if="showColorPicker" class="color-dropdown">
-            <div class="color-section">
-              <div class="section-title">Text Color</div>
-              <div class="color-grid">
-                <button
-                  v-for="item in textColors"
-                  :key="item.color"
-                  class="color-item"
-                  :class="{ 'is-active': getCurrentTextColor() === item.color }"
-                  :title="item.label"
-                  @click="
-                    setTextColor(item.color);
-                    showColorPicker = false;
-                  "
-                >
-                  <span
-                    class="color-letter"
-                    :style="{
-                      color:
-                        item.color === 'inherit'
-                          ? 'var(--el-text-color-primary)'
-                          : item.color,
-                    }"
-                    >A</span
-                  >
-                </button>
-              </div>
-            </div>
-            <div class="color-section">
-              <div class="section-title">Highlight Color</div>
-              <div class="color-grid">
-                <button
-                  v-for="item in highlightColors"
-                  :key="item.color || 'none'"
-                  class="color-item highlight-item"
-                  :class="{
-                    'is-active': editor.isActive('highlight', {
-                      color: item.color,
-                    }),
-                  }"
-                  :title="item.label"
-                  @click="
-                    setHighlightColor(item.color);
-                    showColorPicker = false;
-                  "
-                >
-                  <span
-                    class="highlight-circle"
-                    :style="{
-                      backgroundColor: item.color || 'transparent',
-                      border: !item.color
-                        ? '1px dashed var(--el-border-color)'
-                        : 'none',
-                    }"
-                  ></span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div class="mx-1 h-4 w-px bg-[var(--el-border-color)]"></div>
-
-        <!-- 对齐 -->
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive({ textAlign: 'left' }) }"
-          title="左对齐"
-          @click="setTextAlign('left')"
-        >
-          <AlignLeft class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive({ textAlign: 'center' }) }"
-          title="居中"
-          @click="setTextAlign('center')"
-        >
-          <AlignCenter class="h-4 w-4" />
-        </button>
-        <button
-          class="menu-button"
-          :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }"
-          title="右对齐"
-          @click="setTextAlign('right')"
-        >
-          <AlignRight class="h-4 w-4" />
-        </button>
-      </div>
-    </BubbleMenu>
-
-    <!-- 链接输入弹窗 -->
-    <Teleport to="body">
-      <div
-        v-if="showLinkPopover"
-        class="link-popover"
-        @keydown.enter="setLink"
-        @keydown.escape="showLinkPopover = false"
-      >
-        <input
-          v-model="linkUrl"
-          type="text"
-          class="link-input"
-          placeholder="输入链接地址..."
-          autofocus
-        />
-        <button class="link-button" @click="setLink">确定</button>
-        <button class="link-button cancel" @click="showLinkPopover = false">
-          取消
-        </button>
-      </div>
-    </Teleport>
-
-    <!-- 编辑器内容 -->
-    <div class="editor-container" @contextmenu="handleContextMenu">
-      <EditorContent
-        :editor="editor"
-        :style="editorStyle"
-        class="notion-editor-wrapper"
-      />
-    </div>
-
-    <!-- 表格右键菜单 -->
-    <Teleport to="body">
-      <TableMenu
-        v-if="showTableMenu && editor"
-        :editor="editor"
-        :type="tableMenuType"
-        :position="tableMenuPosition"
-        @close="showTableMenu = false"
-      />
-    </Teleport>
-
-    <!-- 表格行/列手柄 -->
-    <TableHandles v-if="editor" :editor="editor" />
-  </div>
-</template>
-
-<style scoped>
-.notion-editor {
-  position: relative;
-  width: 100%;
-}
-
-.notion-editor-wrapper {
-  width: 100%;
-  overflow-y: auto;
-  padding: 1rem;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror) {
-  outline: none;
-  min-height: inherit;
-  max-height: inherit;
-}
-
-.notion-editor-wrapper
-  :deep(.ProseMirror p.is-editor-empty:first-child::before) {
-  content: attr(data-placeholder);
-  float: left;
-  color: var(--el-text-color-placeholder);
-  pointer-events: none;
-  height: 0;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror h1) {
-  font-size: 2rem;
-  font-weight: 700;
-  margin: 1.5rem 0 0.5rem;
-  line-height: 1.2;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror h2) {
-  font-size: 1.5rem;
-  font-weight: 600;
-  margin: 1.25rem 0 0.5rem;
-  line-height: 1.3;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror h3) {
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin: 1rem 0 0.5rem;
-  line-height: 1.4;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror p) {
-  margin: 0.5rem 0;
-  line-height: 1.6;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror ul),
-.notion-editor-wrapper :deep(.ProseMirror ol) {
-  padding-left: 1.5rem;
-  margin: 0.5rem 0;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror li) {
-  margin: 0.25rem 0;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror blockquote) {
-  border-left: 3px solid var(--el-color-primary);
-  padding-left: 1rem;
-  margin: 1rem 0;
-  color: var(--el-text-color-secondary);
-}
-
-.notion-editor-wrapper :deep(.ProseMirror code) {
-  background-color: var(--el-fill-color-light);
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-family: ui-monospace, monospace;
-  font-size: 0.875em;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror pre) {
-  background-color: var(--el-fill-color-dark);
-  color: var(--el-text-color-primary);
-  padding: 1rem;
-  border-radius: 0.5rem;
-  overflow-x: auto;
-  margin: 1rem 0;
-}
-
-.notion-editor-wrapper :deep(.ProseMirror pre code) {
-  background-color: transparent;
-  padding: 0;
-  color: inherit;
-}
-
-.floating-menu {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.bubble-menu {
-  z-index: 1000;
-}
-
-.menu-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.25rem;
-  border: none;
-  background: transparent;
-  color: var(--el-text-color-regular);
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.menu-button:hover {
-  background-color: var(--el-fill-color-light);
-  color: var(--el-text-color-primary);
-}
-
-.menu-button.is-active {
-  background-color: var(--el-color-primary-light-9);
-  color: var(--el-color-primary);
-}
-
-.slash-menu {
-  position: fixed;
-  z-index: 1000;
-  min-width: 200px;
-  background: var(--el-bg-color);
-  /* border: 1px solid var(--el-border-color); */
-  border-radius: 0.5rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  padding: 0.25rem;
-}
-
-.slash-menu-item {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-
-.slash-menu-item:hover {
-  background-color: var(--el-fill-color-light);
-}
-
-/* 链接弹窗样式 */
-.link-popover {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 2000;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 1rem;
-  background: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 0.5rem;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-}
-
-.link-input {
-  width: 300px;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid var(--el-border-color);
-  border-radius: 0.375rem;
-  background: var(--el-bg-color);
-  color: var(--el-text-color-primary);
-  font-size: 0.875rem;
-  outline: none;
-  transition: border-color 0.2s;
-}
-
-.link-input:focus {
-  border-color: var(--el-color-primary);
-}
-
-.link-button {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 0.375rem;
-  background: var(--el-color-primary);
-  color: white;
-  font-size: 0.875rem;
-  cursor: pointer;
-  transition: opacity 0.2s;
-}
-
-.link-button:hover {
-  opacity: 0.9;
-}
-
-.link-button.cancel {
-  background: var(--el-fill-color);
-  color: var(--el-text-color-regular);
-}
-
-/* 高亮样式 */
-.notion-editor-wrapper :deep(.ProseMirror mark) {
-  background-color: #fef08a;
-  padding: 0.125rem 0;
-}
-
-/* 链接样式 */
-.notion-editor-wrapper :deep(.ProseMirror a) {
-  color: var(--el-color-primary);
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-/* Turn Into 菜单样式 */
-.turn-into-wrapper {
-  position: relative;
-}
-
-.turn-into-trigger {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  border: none;
-  border-radius: 0.25rem;
-  background: transparent;
-  color: var(--el-text-color-regular);
-  font-size: 0.75rem;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.turn-into-trigger:hover {
-  background-color: var(--el-fill-color-light);
-}
-
-.trigger-text {
-  white-space: nowrap;
-}
-
-.turn-into-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 2001;
-  white-space: nowrap;
-  background: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 0.5rem;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-  padding: 0.5rem;
-  margin-top: 0.25rem;
-}
-
-.dropdown-header {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--el-text-color-secondary);
-}
-
-.dropdown-item {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.5rem 0.75rem;
-  border: none;
-  border-radius: 0.25rem;
-  background: transparent;
-  color: var(--el-text-color-regular);
-  font-size: 0.875rem;
-  cursor: pointer;
-  transition: all 0.2s;
-  text-align: left;
-  width: 100%;
-}
-
-.dropdown-item:hover {
-  background-color: var(--el-fill-color-light);
-}
-
-.dropdown-item.is-active {
-  background-color: var(--el-color-primary-light-9);
-  color: var(--el-color-primary);
-}
-
-/* 颜色选择器样式 */
-.color-picker-wrapper {
-  position: relative;
-}
-
-.color-trigger {
-  display: flex;
-  align-items: center;
-  gap: 0.125rem;
-  padding: 0.25rem 0.375rem;
-  border: none;
-  border-radius: 0.25rem;
-  background: transparent;
-  color: var(--el-text-color-regular);
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.color-trigger:hover {
-  background-color: var(--el-fill-color-light);
-}
-
-.color-dropdown {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  z-index: 2001;
-  min-width: 220px;
-  background: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 0.5rem;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-  padding: 0.75rem;
-  margin-top: 0.25rem;
-}
-
-.color-section {
-  margin-bottom: 0.75rem;
-}
-
-.color-section:last-child {
-  margin-bottom: 0;
-}
-
-.section-title {
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--el-text-color-secondary);
-  margin-bottom: 0.5rem;
-}
-
-.color-grid {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 0.375rem;
-}
-
-.color-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border: 1px solid var(--el-border-color-lighter);
-  border-radius: 50%;
-  background: transparent;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.color-item:hover {
-  border-color: var(--el-color-primary);
-  transform: scale(1.1);
-}
-
-.color-item.is-active {
-  border-color: var(--el-color-primary);
-  border-width: 2px;
-}
-
-.color-letter {
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-
-.highlight-circle {
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 50%;
-}
-
-/* 编辑器容器样式 */
-.editor-container {
-  position: relative;
-}
-
-/* 拖拽手柄样式 */
-.notion-editor-wrapper :deep(.drag-handle) {
-  position: fixed;
-  opacity: 1;
-  transition: opacity ease-in 0.2s;
-  border-radius: 0.25rem;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(55, 53, 47, 0.35)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
-  background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
-  background-repeat: no-repeat;
-  background-position: center;
-  width: 1.2rem;
-  height: 1.5rem;
-  z-index: 50;
-  cursor: grab;
-}
-
-.notion-editor-wrapper :deep(.drag-handle:hover) {
-  background-color: var(--el-fill-color-light);
-  transition: background-color 0.2s;
-}
-
-.notion-editor-wrapper :deep(.drag-handle:active) {
-  background-color: var(--el-fill-color);
-  cursor: grabbing;
-}
-
-.notion-editor-wrapper :deep(.drag-handle.hide) {
-  opacity: 0;
-  pointer-events: none;
-}
-
-/* dark mode 拖拽手柄 */
-:root.dark .notion-editor-wrapper :deep(.drag-handle) {
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(255, 255, 255, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
-}
-
-/* 表格样式 */
-.notion-editor-wrapper :deep(table) {
-  border-collapse: collapse;
-  margin: 1rem 0;
-  overflow: hidden;
-  table-layout: fixed;
-  width: 100%;
-}
-
-.notion-editor-wrapper :deep(table td),
-.notion-editor-wrapper :deep(table th) {
-  border: 1px solid var(--el-border-color);
-  box-sizing: border-box;
-  min-width: 1em;
-  padding: 0 0.75rem;
-  position: relative;
-  vertical-align: middle;
-}
-
-.notion-editor-wrapper :deep(table th) {
-  background-color: var(--el-fill-color-light);
-  font-weight: 600;
-  text-align: left;
-}
-
-.notion-editor-wrapper :deep(table .selectedCell:after) {
-  background: var(--el-color-primary-light-8);
-  content: '';
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  position: absolute;
-  z-index: 2;
-}
-
-.notion-editor-wrapper :deep(table .column-resize-handle) {
-  background-color: var(--el-color-primary);
-  bottom: -2px;
-  pointer-events: none;
-  position: absolute;
-  right: -1px;
-  top: 0;
-  width: 2px;
-}
-
-.notion-editor-wrapper :deep(.tableWrapper) {
-  margin: 1.5rem 0;
-  overflow-x: auto;
-}
-
-.notion-editor-wrapper :deep(.resize-cursor) {
-  cursor: col-resize;
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/components/SlashCommandMenu.vue b/web/apps/web-ele/src/components/zq-form/notion-editor/components/SlashCommandMenu.vue
deleted file mode 100644
index 8894a3c..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/components/SlashCommandMenu.vue
+++ /dev/null
@@ -1,224 +0,0 @@
-<script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref } from 'vue';
-
-import {
-  AlignJustify,
-  Bold,
-  Code,
-  Heading1,
-  Heading2,
-  Heading3,
-  Highlighter,
-  Italic,
-  List,
-  ListOrdered,
-  Minus,
-  Quote,
-} from '@vben/icons';
-
-interface CommandItem {
-  title: string;
-  description: string;
-  icon: string;
-  command: (props: any) => void;
-}
-
-interface Props {
-  items: CommandItem[];
-  command: (item: CommandItem) => void;
-}
-
-const props = defineProps<Props>();
-
-const selectedIndex = ref(0);
-
-const iconComponents: Record<string, any> = {
-  Text: AlignJustify,
-  Heading1,
-  Heading2,
-  Heading3,
-  List,
-  ListOrdered,
-  Quote,
-  Code,
-  Minus,
-  Bold,
-  Italic,
-  Highlighter,
-};
-
-const filteredItems = computed(() => props.items || []);
-
-function selectItem(index: number) {
-  const item = filteredItems.value[index];
-  if (item) {
-    props.command(item);
-  }
-}
-
-function onKeyDown(event: KeyboardEvent) {
-  if (event.key === 'ArrowUp') {
-    event.preventDefault();
-    selectedIndex.value =
-      (selectedIndex.value + filteredItems.value.length - 1) %
-      filteredItems.value.length;
-    return true;
-  }
-
-  if (event.key === 'ArrowDown') {
-    event.preventDefault();
-    selectedIndex.value =
-      (selectedIndex.value + 1) % filteredItems.value.length;
-    return true;
-  }
-
-  if (event.key === 'Enter') {
-    event.preventDefault();
-    selectItem(selectedIndex.value);
-    return true;
-  }
-
-  return false;
-}
-
-onMounted(() => {
-  selectedIndex.value = 0;
-});
-
-onUnmounted(() => {
-  selectedIndex.value = 0;
-});
-
-defineExpose({
-  onKeyDown,
-});
-</script>
-
-<template>
-  <div class="slash-command-menu">
-    <div
-      v-for="(item, index) in filteredItems"
-      :key="index"
-      class="slash-command-item"
-      :class="{ 'is-selected': index === selectedIndex }"
-      @click="selectItem(index)"
-      @mouseenter="selectedIndex = index"
-    >
-      <div class="slash-command-icon">
-        <component :is="iconComponents[item.icon]" class="h-4 w-4" />
-      </div>
-      <div class="slash-command-content">
-        <div class="slash-command-title">{{ item.title }}</div>
-        <div class="slash-command-description">{{ item.description }}</div>
-      </div>
-    </div>
-    <div v-if="filteredItems.length === 0" class="slash-command-empty">
-      没有找到匹配的命令
-    </div>
-  </div>
-</template>
-
-<style>
-/* 覆盖 tippy.js 的默认样式 */
-.tippy-box {
-  background-color: transparent !important;
-  color: inherit !important;
-}
-
-.tippy-content {
-  padding: 0 !important;
-}
-
-.tippy-arrow {
-  display: none !important;
-}
-</style>
-
-<style scoped>
-.slash-command-menu {
-  min-width: 280px;
-  max-width: 400px;
-  max-height: 400px;
-  overflow-y: auto;
-  background: var(--el-bg-color);
-  /* border: 1px solid var(--el-border-color); */
-  border-radius: 0.5rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  padding: 0.5rem;
-}
-
-/* 美化滚动条 - 鼠标悬停时显示 */
-.slash-command-menu::-webkit-scrollbar {
-  width: 6px;
-}
-
-.slash-command-menu::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 3px;
-}
-
-.slash-command-menu::-webkit-scrollbar-thumb {
-  background: transparent;
-  border-radius: 3px;
-  transition: background 0.2s;
-}
-
-.slash-command-menu:hover::-webkit-scrollbar-thumb {
-  background: var(--el-border-color);
-}
-
-.slash-command-menu::-webkit-scrollbar-thumb:hover {
-  background: var(--el-border-color-darker);
-}
-
-.slash-command-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  padding: 0.75rem;
-  border-radius: 0.375rem;
-  cursor: pointer;
-  transition: background-color 0.15s;
-}
-
-.slash-command-item:hover,
-.slash-command-item.is-selected {
-  background-color: var(--el-fill-color-light);
-}
-
-.slash-command-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 0.375rem;
-  background-color: var(--el-fill-color);
-  color: var(--el-text-color-regular);
-  flex-shrink: 0;
-}
-
-.slash-command-content {
-  flex: 1;
-  min-width: 0;
-}
-
-.slash-command-title {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--el-text-color-primary);
-  margin-bottom: 0.125rem;
-}
-
-.slash-command-description {
-  font-size: 0.75rem;
-  color: var(--el-text-color-secondary);
-}
-
-.slash-command-empty {
-  padding: 1rem;
-  text-align: center;
-  color: var(--el-text-color-placeholder);
-  font-size: 0.875rem;
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableHandles.vue b/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableHandles.vue
deleted file mode 100644
index ab3fbdd..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableHandles.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<script setup lang="ts">
-import type { Editor } from '@tiptap/vue-3';
-
-import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
-
-import { GripVertical } from '@vben/icons';
-
-import TableMenu from './TableMenu.vue';
-
-interface Props {
-  editor: Editor;
-}
-
-const props = defineProps<Props>();
-
-const showRowHandle = ref(false);
-const showColumnHandle = ref(false);
-const rowHandlePosition = ref({ top: 0, left: 0, height: 0 });
-const columnHandlePosition = ref({ top: 0, left: 0, width: 0 });
-const currentRowIndex = ref(-1);
-const currentColumnIndex = ref(-1);
-
-// 保存当前悬停的单元格，用于点击手柄时聚焦
-let currentCell: HTMLElement | null = null;
-
-const showMenu = ref(false);
-const menuType = ref<'column' | 'row'>('row');
-const menuPosition = ref({ x: 0, y: 0 });
-
-// 用于追踪鼠标是否在手柄区域
-const isMouseOverHandle = ref(false);
-let hideTimeout: null | ReturnType<typeof setTimeout> = null;
-
-let editorElement: HTMLElement | null = null;
-
-function handleMouseMove(e: MouseEvent) {
-  if (!props.editor || !editorElement) return;
-
-  const target = e.target as HTMLElement;
-  const cell = target.closest('td, th') as HTMLElement;
-  const table = target.closest('table') as HTMLElement;
-
-  if (!cell || !table) {
-    // 不立即隐藏，给用户时间移动到手柄
-    scheduleHide();
-    return;
-  }
-
-  // 取消隐藏计时器
-  cancelHide();
-  const row = cell.closest('tr') as HTMLElement;
-  if (!row) return;
-
-  const tableRect = table.getBoundingClientRect();
-  const rowRect = row.getBoundingClientRect();
-  const cellRect = cell.getBoundingClientRect();
-
-  // 计算行索引
-  const rows = [...table.querySelectorAll('tr')] as HTMLElement[];
-  currentRowIndex.value = rows.indexOf(row);
-
-  // 计算列索引
-  const cells = [...row.querySelectorAll('td, th')];
-  currentColumnIndex.value = cells.indexOf(cell);
-
-  // 保存当前单元格引用
-  currentCell = cell;
-
-  // 行手柄位置（左侧）- 高度与行高一致
-  rowHandlePosition.value = {
-    top: rowRect.top,
-    left: tableRect.left - 20,
-    height: rowRect.height,
-  };
-
-  // 列手柄位置（顶部）- 宽度与列宽一致
-  columnHandlePosition.value = {
-    top: tableRect.top - 20,
-    left: cellRect.left,
-    width: cellRect.width,
-  };
-
-  showRowHandle.value = true;
-  showColumnHandle.value = true;
-}
-
-function scheduleHide() {
-  if (hideTimeout) return;
-  hideTimeout = setTimeout(() => {
-    if (!isMouseOverHandle.value && !showMenu.value) {
-      showRowHandle.value = false;
-      showColumnHandle.value = false;
-    }
-    hideTimeout = null;
-  }, 300);
-}
-
-function cancelHide() {
-  if (hideTimeout) {
-    clearTimeout(hideTimeout);
-    hideTimeout = null;
-  }
-}
-
-function handleMouseLeave() {
-  scheduleHide();
-}
-
-function handleHandleMouseEnter() {
-  isMouseOverHandle.value = true;
-  cancelHide();
-}
-
-function handleHandleMouseLeave() {
-  isMouseOverHandle.value = false;
-  scheduleHide();
-}
-
-function handleRowClick(e: MouseEvent) {
-  e.stopPropagation();
-
-  // 选中当前行
-  if (currentRowIndex.value >= 0) {
-    selectRow(currentRowIndex.value);
-  }
-
-  menuType.value = 'row';
-  menuPosition.value = { x: e.clientX, y: e.clientY };
-  showMenu.value = true;
-
-  // 点击其他地方关闭菜单
-  const closeMenu = (event: MouseEvent) => {
-    const target = event.target as HTMLElement;
-    // 如果点击的是菜单内部，不关闭
-    if (target.closest('.table-menu')) return;
-
-    showMenu.value = false;
-    showRowHandle.value = false;
-    showColumnHandle.value = false;
-    document.removeEventListener('click', closeMenu);
-  };
-  setTimeout(() => {
-    document.addEventListener('click', closeMenu);
-  }, 0);
-}
-
-function handleColumnClick(e: MouseEvent) {
-  e.stopPropagation();
-
-  // 选中当前列
-  if (currentColumnIndex.value >= 0) {
-    selectColumn(currentColumnIndex.value);
-  }
-
-  menuType.value = 'column';
-  menuPosition.value = { x: e.clientX, y: e.clientY };
-  showMenu.value = true;
-
-  // 点击其他地方关闭菜单
-  const closeMenu = (event: MouseEvent) => {
-    const target = event.target as HTMLElement;
-    // 如果点击的是菜单内部，不关闭
-    if (target.closest('.table-menu')) return;
-
-    showMenu.value = false;
-    showRowHandle.value = false;
-    showColumnHandle.value = false;
-    document.removeEventListener('click', closeMenu);
-  };
-  setTimeout(() => {
-    document.addEventListener('click', closeMenu);
-  }, 0);
-}
-
-function focusCurrentCell() {
-  if (!currentCell || !props.editor) return;
-
-  // 获取单元格在编辑器中的位置并聚焦
-  const view = props.editor.view;
-  const pos = view.posAtDOM(currentCell, 0);
-  if (pos >= 0) {
-    props.editor.chain().focus().setTextSelection(pos).run();
-  }
-}
-
-function selectRow(_rowIndex: number) {
-  focusCurrentCell();
-}
-
-function selectColumn(_colIndex: number) {
-  focusCurrentCell();
-}
-
-function closeMenu() {
-  showMenu.value = false;
-}
-
-onMounted(() => {
-  nextTick(() => {
-    editorElement = document.querySelector(
-      '.notion-editor-wrapper .ProseMirror',
-    );
-    if (editorElement) {
-      editorElement.addEventListener('mousemove', handleMouseMove);
-      editorElement.addEventListener('mouseleave', handleMouseLeave);
-    }
-  });
-});
-
-onBeforeUnmount(() => {
-  if (editorElement) {
-    editorElement.removeEventListener('mousemove', handleMouseMove);
-    editorElement.removeEventListener('mouseleave', handleMouseLeave);
-  }
-  cancelHide();
-});
-</script>
-
-<template>
-  <!-- 行手柄 -->
-  <Teleport to="body">
-    <div
-      v-if="showRowHandle"
-      class="table-handle row-handle"
-      :style="{
-        top: `${rowHandlePosition.top}px`,
-        left: `${rowHandlePosition.left}px`,
-        height: `${rowHandlePosition.height}px`,
-      }"
-      @click="handleRowClick"
-      @mouseenter="handleHandleMouseEnter"
-      @mouseleave="handleHandleMouseLeave"
-    >
-      <GripVertical class="handle-icon" />
-    </div>
-  </Teleport>
-
-  <!-- 列手柄 -->
-  <Teleport to="body">
-    <div
-      v-if="showColumnHandle"
-      class="table-handle column-handle"
-      :style="{
-        top: `${columnHandlePosition.top}px`,
-        left: `${columnHandlePosition.left}px`,
-        width: `${columnHandlePosition.width}px`,
-      }"
-      @click="handleColumnClick"
-      @mouseenter="handleHandleMouseEnter"
-      @mouseleave="handleHandleMouseLeave"
-    >
-      <GripVertical class="handle-icon rotated" />
-    </div>
-  </Teleport>
-
-  <!-- 菜单 -->
-  <Teleport to="body">
-    <TableMenu
-      v-if="showMenu"
-      :editor="editor"
-      :type="menuType"
-      :position="menuPosition"
-      @close="closeMenu"
-    />
-  </Teleport>
-</template>
-
-<style scoped>
-.table-handle {
-  position: fixed;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--el-fill-color-light);
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background-color 0.15s;
-}
-
-.table-handle:hover {
-  background: var(--el-fill-color);
-}
-
-.row-handle {
-  width: 16px;
-}
-
-.column-handle {
-  height: 16px;
-}
-
-.handle-icon {
-  width: 12px;
-  height: 12px;
-  color: var(--el-text-color-secondary);
-}
-
-.handle-icon.rotated {
-  transform: rotate(90deg);
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableMenu.vue b/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableMenu.vue
deleted file mode 100644
index 65674ba..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/components/TableMenu.vue
+++ /dev/null
@@ -1,320 +0,0 @@
-<script setup lang="ts">
-import type { Editor } from '@tiptap/vue-3';
-
-import { computed, ref } from 'vue';
-
-import {
-  ArrowLeft,
-  ArrowRight,
-  ChevronRight,
-  Copy,
-  MoveDown,
-  MoveUp,
-  Paintbrush,
-  Plus,
-  Trash2,
-  X,
-} from '@vben/icons';
-
-interface Props {
-  editor: Editor;
-  type: 'column' | 'row';
-  position: { x: number; y: number };
-}
-
-const props = defineProps<Props>();
-const emit = defineEmits<{
-  close: [];
-}>();
-
-const showColorSubmenu = ref(false);
-
-const isRow = computed(() => props.type === 'row');
-
-const cellColors = [
-  { name: '默认', value: '' },
-  { name: '浅灰', value: '#f1f5f9' },
-  { name: '浅红', value: '#fee2e2' },
-  { name: '浅橙', value: '#ffedd5' },
-  { name: '浅黄', value: '#fef9c3' },
-  { name: '浅绿', value: '#dcfce7' },
-  { name: '浅蓝', value: '#dbeafe' },
-  { name: '浅紫', value: '#f3e8ff' },
-  { name: '浅粉', value: '#fce7f3' },
-];
-
-function moveUp() {
-  // Tiptap 没有直接的移动行/列命令
-  // 暂不实现
-  emit('close');
-}
-
-function moveDown() {
-  emit('close');
-}
-
-function insertBefore() {
-  if (isRow.value) {
-    (props.editor.chain().focus() as any).addRowBefore().run();
-  } else {
-    (props.editor.chain().focus() as any).addColumnBefore().run();
-  }
-  emit('close');
-}
-
-function insertAfter() {
-  if (isRow.value) {
-    (props.editor.chain().focus() as any).addRowAfter().run();
-  } else {
-    (props.editor.chain().focus() as any).addColumnAfter().run();
-  }
-  emit('close');
-}
-
-function deleteRowOrColumn() {
-  if (isRow.value) {
-    (props.editor.chain().focus() as any).deleteRow().run();
-  } else {
-    (props.editor.chain().focus() as any).deleteColumn().run();
-  }
-  emit('close');
-}
-
-function duplicateRowOrColumn() {
-  // 复制行/列：先插入，然后复制内容（简化实现）
-  if (isRow.value) {
-    (props.editor.chain().focus() as any).addRowAfter().run();
-  } else {
-    (props.editor.chain().focus() as any).addColumnAfter().run();
-  }
-  emit('close');
-}
-
-function clearContents() {
-  // 清空内容：选中单元格后删除内容
-  // 简化实现
-  emit('close');
-}
-
-function setCellBackground(color: string) {
-  if (color) {
-    (props.editor.chain().focus() as any)
-      .setCellAttribute('backgroundColor', color)
-      .run();
-  } else {
-    (props.editor.chain().focus() as any)
-      .setCellAttribute('backgroundColor', null)
-      .run();
-  }
-  showColorSubmenu.value = false;
-  emit('close');
-}
-</script>
-
-<template>
-  <div
-    class="table-menu"
-    :style="{ left: `${position.x}px`, top: `${position.y}px` }"
-    @click.stop
-  >
-    <div class="menu-content">
-      <!-- 移动操作 -->
-      <button class="menu-item" @click="moveUp" :disabled="true">
-        <component :is="isRow ? MoveUp : ArrowLeft" class="menu-icon" />
-        <span>{{ isRow ? '上移行' : '左移列' }}</span>
-      </button>
-      <button class="menu-item" @click="moveDown" :disabled="true">
-        <component :is="isRow ? MoveDown : ArrowRight" class="menu-icon" />
-        <span>{{ isRow ? '下移行' : '右移列' }}</span>
-      </button>
-
-      <div class="menu-divider"></div>
-
-      <!-- 插入操作 -->
-      <button class="menu-item" @click="insertBefore">
-        <Plus class="menu-icon" />
-        <span>{{ isRow ? '在上方插入行' : '在左侧插入列' }}</span>
-      </button>
-      <button class="menu-item" @click="insertAfter">
-        <Plus class="menu-icon" />
-        <span>{{ isRow ? '在下方插入行' : '在右侧插入列' }}</span>
-      </button>
-
-      <div class="menu-divider"></div>
-
-      <!-- 颜色 -->
-      <div
-        class="menu-item-with-submenu"
-        @mouseenter="showColorSubmenu = true"
-        @mouseleave="showColorSubmenu = false"
-      >
-        <button class="menu-item">
-          <Paintbrush class="menu-icon" />
-          <span>颜色</span>
-          <ChevronRight class="submenu-arrow" />
-        </button>
-        <div v-if="showColorSubmenu" class="submenu color-submenu">
-          <button
-            v-for="color in cellColors"
-            :key="color.value"
-            class="color-item"
-            @click="setCellBackground(color.value)"
-          >
-            <span
-              class="color-preview"
-              :style="{
-                backgroundColor: color.value || '#ffffff',
-                border: color.value
-                  ? 'none'
-                  : '1px solid var(--el-border-color)',
-              }"
-            ></span>
-            <span>{{ color.name }}</span>
-          </button>
-        </div>
-      </div>
-
-      <!-- 清空内容（仅列） -->
-      <button
-        v-if="!isRow"
-        class="menu-item"
-        @click="clearContents"
-        :disabled="true"
-      >
-        <X class="menu-icon" />
-        <span>清空列内容</span>
-      </button>
-
-      <div class="menu-divider"></div>
-
-      <!-- 复制 -->
-      <button class="menu-item" @click="duplicateRowOrColumn">
-        <Copy class="menu-icon" />
-        <span>{{ isRow ? '复制行' : '复制列' }}</span>
-      </button>
-
-      <!-- 删除 -->
-      <button class="menu-item menu-item-danger" @click="deleteRowOrColumn">
-        <Trash2 class="menu-icon" />
-        <span>{{ isRow ? '删除行' : '删除列' }}</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.table-menu {
-  position: fixed;
-  z-index: 9999;
-  min-width: 180px;
-  background: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  padding: 4px;
-}
-
-.menu-content {
-  display: flex;
-  flex-direction: column;
-}
-
-.menu-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 8px 12px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: 14px;
-  color: var(--el-text-color-primary);
-  border-radius: 4px;
-  transition: background-color 0.15s;
-  text-align: left;
-}
-
-.menu-item:hover:not(:disabled) {
-  background-color: var(--el-fill-color-light);
-}
-
-.menu-item:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.menu-item-danger {
-  color: var(--el-color-danger);
-}
-
-.menu-item-danger:hover:not(:disabled) {
-  background-color: var(--el-color-danger-light-9);
-}
-
-.menu-icon {
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-
-.menu-divider {
-  height: 1px;
-  background-color: var(--el-border-color-lighter);
-  margin: 4px 8px;
-}
-
-.menu-item-with-submenu {
-  position: relative;
-}
-
-.submenu-arrow {
-  width: 14px;
-  height: 14px;
-  margin-left: auto;
-  opacity: 0.5;
-}
-
-.submenu {
-  position: absolute;
-  left: calc(100% - 4px);
-  top: -4px;
-  min-width: 140px;
-  background: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 8px;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-  padding: 4px;
-  padding-left: 8px;
-}
-
-.color-submenu {
-  min-width: 120px;
-}
-
-.color-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  padding: 6px 12px;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: 13px;
-  color: var(--el-text-color-primary);
-  border-radius: 4px;
-  transition: background-color 0.15s;
-}
-
-.color-item:hover {
-  background-color: var(--el-fill-color-light);
-}
-
-.color-preview {
-  width: 16px;
-  height: 16px;
-  border-radius: 4px;
-  flex-shrink: 0;
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/extensions/slash-command.ts b/web/apps/web-ele/src/components/zq-form/notion-editor/extensions/slash-command.ts
deleted file mode 100644
index b45c595..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/extensions/slash-command.ts
+++ /dev/null
@@ -1,237 +0,0 @@
-import type { Instance as TippyInstance } from 'tippy.js';
-
-import { Extension } from '@tiptap/core';
-import Suggestion from '@tiptap/suggestion';
-import { VueRenderer } from '@tiptap/vue-3';
-import tippy from 'tippy.js';
-
-import SlashCommandMenu from '../components/SlashCommandMenu.vue';
-
-export const SlashCommand = Extension.create({
-  name: 'slashCommand',
-
-  addOptions() {
-    return {
-      suggestion: {
-        char: '/',
-        startOfLine: false,
-        command: ({ editor, range, props }: any) => {
-          props.command({ editor, range });
-        },
-      },
-    };
-  },
-
-  addProseMirrorPlugins() {
-    return [
-      Suggestion({
-        editor: this.editor,
-        ...this.options.suggestion,
-      }),
-    ];
-  },
-});
-
-export function createSlashCommandSuggestion() {
-  return {
-    items: ({ query }: { query: string }) => {
-      const commands = [
-        {
-          title: '正文',
-          description: '普通段落文本',
-          icon: 'Text',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).setParagraph().run();
-          },
-        },
-        {
-          title: '标题 1',
-          description: '大标题',
-          icon: 'Heading1',
-          command: ({ editor, range }: any) => {
-            editor
-              .chain()
-              .focus()
-              .deleteRange(range)
-              .setNode('heading', { level: 1 })
-              .run();
-          },
-        },
-        {
-          title: '标题 2',
-          description: '中标题',
-          icon: 'Heading2',
-          command: ({ editor, range }: any) => {
-            editor
-              .chain()
-              .focus()
-              .deleteRange(range)
-              .setNode('heading', { level: 2 })
-              .run();
-          },
-        },
-        {
-          title: '标题 3',
-          description: '小标题',
-          icon: 'Heading3',
-          command: ({ editor, range }: any) => {
-            editor
-              .chain()
-              .focus()
-              .deleteRange(range)
-              .setNode('heading', { level: 3 })
-              .run();
-          },
-        },
-        {
-          title: '无序列表',
-          description: '创建无序列表',
-          icon: 'List',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleBulletList().run();
-          },
-        },
-        {
-          title: '有序列表',
-          description: '创建有序列表',
-          icon: 'ListOrdered',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleOrderedList().run();
-          },
-        },
-        {
-          title: '引用',
-          description: '创建引用块',
-          icon: 'Quote',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleBlockquote().run();
-          },
-        },
-        {
-          title: '代码块',
-          description: '创建代码块',
-          icon: 'Code',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleCodeBlock().run();
-          },
-        },
-        {
-          title: '分割线',
-          description: '插入分割线',
-          icon: 'Minus',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).setHorizontalRule().run();
-          },
-        },
-        {
-          title: '表格',
-          description: '插入表格',
-          icon: 'Table',
-          command: ({ editor, range }: any) => {
-            editor
-              .chain()
-              .focus()
-              .deleteRange(range)
-              .insertTable({ rows: 3, cols: 3, withHeaderRow: true })
-              .run();
-          },
-        },
-        {
-          title: '加粗',
-          description: '加粗文本',
-          icon: 'Bold',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleBold().run();
-          },
-        },
-        {
-          title: '斜体',
-          description: '斜体文本',
-          icon: 'Italic',
-          command: ({ editor, range }: any) => {
-            editor.chain().focus().deleteRange(range).toggleItalic().run();
-          },
-        },
-        {
-          title: '高亮',
-          description: '高亮文本',
-          icon: 'Highlighter',
-          command: ({ editor, range }: any) => {
-            editor
-              .chain()
-              .focus()
-              .deleteRange(range)
-              .toggleHighlight({ color: '#fef08a' })
-              .run();
-          },
-        },
-      ];
-
-      return commands.filter((item) =>
-        item.title.toLowerCase().includes(query.toLowerCase()),
-      );
-    },
-
-    render: () => {
-      let component: null | VueRenderer = null;
-      let popup: null | TippyInstance[] = null;
-
-      return {
-        onStart: (props: any) => {
-          component = new VueRenderer(SlashCommandMenu, {
-            props,
-            editor: props.editor,
-          });
-
-          if (!props.clientRect) {
-            return;
-          }
-
-          const referenceElement = document.createElement('div');
-          const instances = tippy(referenceElement, {
-            getReferenceClientRect: props.clientRect,
-            appendTo: () => document.body,
-            content: component.element as HTMLElement,
-            showOnCreate: true,
-            interactive: true,
-            trigger: 'manual',
-            placement: 'bottom-start',
-          });
-          popup = Array.isArray(instances) ? instances : [instances];
-        },
-
-        onUpdate(props: any) {
-          if (!component) return;
-
-          component.updateProps(props);
-
-          if (!props.clientRect || !popup) {
-            return;
-          }
-
-          popup[0]?.setProps({
-            getReferenceClientRect: props.clientRect,
-          });
-        },
-
-        onKeyDown(props: any) {
-          if (props.event.key === 'Escape') {
-            popup?.[0]?.hide();
-            return true;
-          }
-
-          return (component?.ref as any)?.onKeyDown(props);
-        },
-
-        onExit() {
-          if (popup) {
-            popup[0]?.destroy();
-          }
-          if (component) {
-            component.destroy();
-          }
-        },
-      };
-    },
-  };
-}
diff --git a/web/apps/web-ele/src/components/zq-form/notion-editor/index.ts b/web/apps/web-ele/src/components/zq-form/notion-editor/index.ts
deleted file mode 100644
index 11d2a73..0000000
--- a/web/apps/web-ele/src/components/zq-form/notion-editor/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as NotionEditor } from './NotionEditor.vue';
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableImageComponent.vue b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableImageComponent.vue
deleted file mode 100644
index db13a08..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableImageComponent.vue
+++ /dev/null
@@ -1,654 +0,0 @@
-<script setup lang="ts">
-import { computed, nextTick, onBeforeUnmount, ref } from 'vue';
-
-import {
-  AlignCenter,
-  AlignLeft,
-  AlignRight,
-  Maximize2,
-  RotateCw,
-  Trash2,
-} from '@vben/icons';
-
-import { NodeViewWrapper } from '@tiptap/vue-3';
-import { ElInputNumber } from 'element-plus';
-
-const props = defineProps<{
-  deleteNode: () => void;
-  editor: any;
-  node: any;
-  selected: boolean;
-  updateAttributes: (attrs: Record<string, any>) => void;
-}>();
-
-// 图片属性
-const imgRef = ref<HTMLImageElement | null>(null);
-const isResizing = ref(false);
-const startX = ref(0);
-const startY = ref(0);
-const startWidth = ref(0);
-const startHeight = ref(0);
-const resizeDirection = ref<string>('');
-
-// 右键菜单
-const contextMenuVisible = ref(false);
-const contextMenuPosition = ref({ x: 0, y: 0 });
-const showSizePanel = ref(false);
-
-// 尺寸输入
-const widthInput = ref<number>(0);
-const heightInput = ref<number>(0);
-const keepRatio = ref(true);
-const originalRatio = ref(1);
-
-// 预设尺寸
-const presetSizes = [
-  { label: '25%', value: 25 },
-  { label: '50%', value: 50 },
-  { label: '75%', value: 75 },
-  { label: '100%', value: 100 },
-];
-
-// 计算图片样式
-const imageStyle = computed(() => {
-  const style: Record<string, string> = {};
-  if (props.node.attrs.width) {
-    style.width =
-      typeof props.node.attrs.width === 'number'
-        ? `${props.node.attrs.width}px`
-        : props.node.attrs.width;
-  }
-  if (props.node.attrs.height) {
-    style.height =
-      typeof props.node.attrs.height === 'number'
-        ? `${props.node.attrs.height}px`
-        : props.node.attrs.height;
-  }
-  return style;
-});
-
-// 计算容器样式（对齐）
-const wrapperStyle = computed(() => {
-  const alignment = props.node.attrs.alignment || 'center';
-  const justifyMap: Record<string, string> = {
-    left: 'flex-start',
-    center: 'center',
-    right: 'flex-end',
-  };
-  return {
-    justifyContent: justifyMap[alignment] || 'center',
-  };
-});
-
-// 图片加载完成后获取原始尺寸
-const handleImageLoad = () => {
-  if (imgRef.value) {
-    const img = imgRef.value;
-    originalRatio.value = img.naturalWidth / img.naturalHeight;
-
-    if (props.node.attrs.width) {
-      widthInput.value =
-        typeof props.node.attrs.width === 'number'
-          ? props.node.attrs.width
-          : Number.parseInt(props.node.attrs.width) || img.naturalWidth;
-      heightInput.value =
-        typeof props.node.attrs.height === 'number'
-          ? props.node.attrs.height
-          : Number.parseInt(props.node.attrs.height) || img.naturalHeight;
-    } else {
-      widthInput.value = img.naturalWidth;
-      heightInput.value = img.naturalHeight;
-    }
-  }
-};
-
-// 右键菜单
-const handleContextMenu = (e: MouseEvent) => {
-  e.preventDefault();
-  e.stopPropagation();
-
-  contextMenuPosition.value = { x: e.clientX, y: e.clientY };
-  contextMenuVisible.value = true;
-  showSizePanel.value = false;
-
-  // 点击其他地方关闭菜单
-  nextTick(() => {
-    document.addEventListener('click', closeContextMenu);
-    document.addEventListener('contextmenu', closeContextMenu);
-  });
-};
-
-const closeContextMenu = () => {
-  contextMenuVisible.value = false;
-  showSizePanel.value = false;
-  document.removeEventListener('click', closeContextMenu);
-  document.removeEventListener('contextmenu', closeContextMenu);
-};
-
-// 开始调整大小
-const startResize = (e: MouseEvent, direction: string) => {
-  e.preventDefault();
-  e.stopPropagation();
-
-  isResizing.value = true;
-  resizeDirection.value = direction;
-  startX.value = e.clientX;
-  startY.value = e.clientY;
-
-  if (imgRef.value) {
-    startWidth.value = imgRef.value.offsetWidth;
-    startHeight.value = imgRef.value.offsetHeight;
-  }
-
-  document.addEventListener('mousemove', handleResize);
-  document.addEventListener('mouseup', stopResize);
-};
-
-// 处理调整大小
-const handleResize = (e: MouseEvent) => {
-  if (!isResizing.value) return;
-
-  const deltaX = e.clientX - startX.value;
-  const deltaY = e.clientY - startY.value;
-
-  let newWidth = startWidth.value;
-  let newHeight = startHeight.value;
-
-  if (resizeDirection.value.includes('e')) {
-    newWidth = Math.max(50, startWidth.value + deltaX);
-  }
-  if (resizeDirection.value.includes('w')) {
-    newWidth = Math.max(50, startWidth.value - deltaX);
-  }
-  if (resizeDirection.value.includes('s')) {
-    newHeight = Math.max(50, startHeight.value + deltaY);
-  }
-  if (resizeDirection.value.includes('n')) {
-    newHeight = Math.max(50, startHeight.value - deltaY);
-  }
-
-  // 保持比例
-  if (keepRatio.value && originalRatio.value) {
-    if (
-      resizeDirection.value.includes('e') ||
-      resizeDirection.value.includes('w')
-    ) {
-      newHeight = Math.round(newWidth / originalRatio.value);
-    } else {
-      newWidth = Math.round(newHeight * originalRatio.value);
-    }
-  }
-
-  props.updateAttributes({
-    width: newWidth,
-    height: newHeight,
-  });
-
-  widthInput.value = newWidth;
-  heightInput.value = newHeight;
-};
-
-// 停止调整大小
-const stopResize = () => {
-  isResizing.value = false;
-  resizeDirection.value = '';
-  document.removeEventListener('mousemove', handleResize);
-  document.removeEventListener('mouseup', stopResize);
-};
-
-// 设置对齐方式
-const setAlignment = (alignment: 'center' | 'left' | 'right') => {
-  props.updateAttributes({ alignment });
-  closeContextMenu();
-};
-
-// 设置预设尺寸（百分比）
-const setPresetSize = (percent: number) => {
-  if (imgRef.value) {
-    const editorEl = props.editor?.view?.dom?.parentElement;
-    const containerWidth = editorEl?.clientWidth || 800;
-    const maxWidth = containerWidth - 32;
-
-    const newWidth = Math.round((maxWidth * percent) / 100);
-    const newHeight = Math.round(newWidth / originalRatio.value);
-
-    props.updateAttributes({
-      width: newWidth,
-      height: newHeight,
-    });
-
-    widthInput.value = newWidth;
-    heightInput.value = newHeight;
-  }
-  closeContextMenu();
-};
-
-// 切换自定义尺寸面板
-const toggleSizePanel = () => {
-  showSizePanel.value = !showSizePanel.value;
-};
-
-// 手动输入宽度
-const handleWidthChange = (value: number | undefined) => {
-  if (!value) return;
-  const newWidth = value;
-  let newHeight = heightInput.value;
-
-  if (keepRatio.value && originalRatio.value) {
-    newHeight = Math.round(newWidth / originalRatio.value);
-    heightInput.value = newHeight;
-  }
-
-  props.updateAttributes({
-    width: newWidth,
-    height: newHeight,
-  });
-};
-
-// 手动输入高度
-const handleHeightChange = (value: number | undefined) => {
-  if (!value) return;
-  const newHeight = value;
-  let newWidth = widthInput.value;
-
-  if (keepRatio.value && originalRatio.value) {
-    newWidth = Math.round(newHeight * originalRatio.value);
-    widthInput.value = newWidth;
-  }
-
-  props.updateAttributes({
-    width: newWidth,
-    height: newHeight,
-  });
-};
-
-// 重置为原始尺寸
-const resetSize = () => {
-  if (imgRef.value) {
-    const img = imgRef.value;
-    props.updateAttributes({
-      width: img.naturalWidth,
-      height: img.naturalHeight,
-    });
-    widthInput.value = img.naturalWidth;
-    heightInput.value = img.naturalHeight;
-  }
-  closeContextMenu();
-};
-
-// 删除图片
-const handleDelete = () => {
-  props.deleteNode();
-  closeContextMenu();
-};
-
-onBeforeUnmount(() => {
-  document.removeEventListener('mousemove', handleResize);
-  document.removeEventListener('mouseup', stopResize);
-  document.removeEventListener('click', closeContextMenu);
-  document.removeEventListener('contextmenu', closeContextMenu);
-});
-</script>
-
-<template>
-  <NodeViewWrapper class="resizable-image-wrapper flex" :style="wrapperStyle">
-    <div
-      class="resizable-image-container relative inline-block"
-      :class="{ 'is-selected': selected, 'is-resizing': isResizing }"
-    >
-      <!-- 图片 -->
-      <img
-        ref="imgRef"
-        :src="node.attrs.src"
-        :alt="node.attrs.alt"
-        :title="node.attrs.title"
-        :style="imageStyle"
-        class="block max-w-full rounded"
-        draggable="false"
-        @load="handleImageLoad"
-        @contextmenu="handleContextMenu"
-      />
-
-      <!-- 选中时显示调整手柄 -->
-      <template v-if="selected">
-        <div
-          class="resize-handle resize-handle-nw"
-          @mousedown="(e) => startResize(e, 'nw')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-ne"
-          @mousedown="(e) => startResize(e, 'ne')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-sw"
-          @mousedown="(e) => startResize(e, 'sw')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-se"
-          @mousedown="(e) => startResize(e, 'se')"
-        ></div>
-      </template>
-    </div>
-
-    <!-- 右键菜单 -->
-    <Teleport to="body">
-      <div
-        v-if="contextMenuVisible"
-        class="image-context-menu"
-        :style="{
-          left: `${contextMenuPosition.x}px`,
-          top: `${contextMenuPosition.y}px`,
-        }"
-        @click.stop
-      >
-        <!-- 对齐方式 -->
-        <div class="menu-group">
-          <div class="menu-group-title">对齐方式</div>
-          <div class="menu-row">
-            <button
-              class="menu-icon-btn"
-              :class="{ active: node.attrs.alignment === 'left' }"
-              title="左对齐"
-              @click="setAlignment('left')"
-            >
-              <AlignLeft class="h-4 w-4" />
-            </button>
-            <button
-              class="menu-icon-btn"
-              :class="{ active: node.attrs.alignment === 'center' }"
-              title="居中"
-              @click="setAlignment('center')"
-            >
-              <AlignCenter class="h-4 w-4" />
-            </button>
-            <button
-              class="menu-icon-btn"
-              :class="{ active: node.attrs.alignment === 'right' }"
-              title="右对齐"
-              @click="setAlignment('right')"
-            >
-              <AlignRight class="h-4 w-4" />
-            </button>
-          </div>
-        </div>
-
-        <div class="menu-divider"></div>
-
-        <!-- 快速缩放 -->
-        <div class="menu-group">
-          <div class="menu-group-title">快速缩放</div>
-          <div class="menu-row">
-            <button
-              v-for="size in presetSizes"
-              :key="size.value"
-              class="menu-size-btn"
-              @click="setPresetSize(size.value)"
-            >
-              {{ size.label }}
-            </button>
-          </div>
-        </div>
-
-        <div class="menu-divider"></div>
-
-        <!-- 自定义尺寸 -->
-        <button class="menu-item" @click="toggleSizePanel">
-          <Maximize2 class="menu-item-icon" />
-          <span>自定义尺寸</span>
-        </button>
-
-        <!-- 尺寸面板 -->
-        <div v-if="showSizePanel" class="size-panel">
-          <div class="size-row">
-            <span class="size-label">宽</span>
-            <ElInputNumber
-              v-model="widthInput"
-              :min="50"
-              :max="2000"
-              size="small"
-              controls-position="right"
-              @change="handleWidthChange"
-            />
-          </div>
-          <div class="size-row">
-            <span class="size-label">高</span>
-            <ElInputNumber
-              v-model="heightInput"
-              :min="50"
-              :max="2000"
-              size="small"
-              controls-position="right"
-              @change="handleHeightChange"
-            />
-          </div>
-          <label class="size-checkbox">
-            <input v-model="keepRatio" type="checkbox" />
-            <span>保持比例</span>
-          </label>
-        </div>
-
-        <div class="menu-divider"></div>
-
-        <!-- 重置尺寸 -->
-        <button class="menu-item" @click="resetSize">
-          <RotateCw class="menu-item-icon" />
-          <span>重置尺寸</span>
-        </button>
-
-        <!-- 删除 -->
-        <button class="menu-item menu-item-danger" @click="handleDelete">
-          <Trash2 class="menu-item-icon" />
-          <span>删除图片</span>
-        </button>
-      </div>
-    </Teleport>
-  </NodeViewWrapper>
-</template>
-
-<style scoped>
-.resizable-image-wrapper {
-  margin: 0.5em 0;
-}
-
-.resizable-image-container {
-  position: relative;
-  display: inline-block;
-  line-height: 0;
-
-  &.is-selected {
-    img {
-      outline: 2px solid var(--el-color-primary);
-      outline-offset: 2px;
-    }
-  }
-
-  &.is-resizing {
-    user-select: none;
-  }
-}
-
-/* 调整手柄样式 - 只保留四个角 */
-.resize-handle {
-  position: absolute;
-  z-index: 10;
-  width: 10px;
-  height: 10px;
-  background-color: var(--el-color-primary);
-  border: 2px solid var(--el-bg-color);
-  border-radius: 2px;
-
-  &:hover {
-    background-color: var(--el-color-primary-dark-2);
-  }
-}
-
-.resize-handle-nw {
-  top: -5px;
-  left: -5px;
-  cursor: nw-resize;
-}
-
-.resize-handle-ne {
-  top: -5px;
-  right: -5px;
-  cursor: ne-resize;
-}
-
-.resize-handle-sw {
-  bottom: -5px;
-  left: -5px;
-  cursor: sw-resize;
-}
-
-.resize-handle-se {
-  right: -5px;
-  bottom: -5px;
-  cursor: se-resize;
-}
-
-/* 右键菜单样式 */
-.image-context-menu {
-  position: fixed;
-  z-index: 9999;
-  min-width: 180px;
-  padding: 6px 0;
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color-light);
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
-}
-
-.menu-group {
-  padding: 6px 12px;
-}
-
-.menu-group-title {
-  margin-bottom: 6px;
-  font-size: 11px;
-  color: var(--el-text-color-secondary);
-}
-
-.menu-row {
-  display: flex;
-  gap: 4px;
-}
-
-.menu-icon-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 28px;
-  color: var(--el-text-color-regular);
-  cursor: pointer;
-  background-color: transparent;
-  border: 1px solid var(--el-border-color);
-  border-radius: 4px;
-  transition: all 0.2s;
-
-  &:hover {
-    color: var(--el-color-primary);
-    border-color: var(--el-color-primary);
-  }
-
-  &.active {
-    color: #fff;
-    background-color: var(--el-color-primary);
-    border-color: var(--el-color-primary);
-  }
-}
-
-.menu-size-btn {
-  flex: 1;
-  height: 28px;
-  font-size: 12px;
-  color: var(--el-text-color-regular);
-  cursor: pointer;
-  background-color: transparent;
-  border: 1px solid var(--el-border-color);
-  border-radius: 4px;
-  transition: all 0.2s;
-
-  &:hover {
-    color: var(--el-color-primary);
-    background-color: var(--el-color-primary-light-9);
-    border-color: var(--el-color-primary);
-  }
-}
-
-.menu-divider {
-  height: 1px;
-  margin: 6px 0;
-  background-color: var(--el-border-color-lighter);
-}
-
-.menu-item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 8px 12px;
-  font-size: 13px;
-  color: var(--el-text-color-regular);
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
-  transition: background-color 0.2s;
-
-  &:hover {
-    background-color: var(--el-fill-color-light);
-  }
-
-  &.menu-item-danger {
-    color: var(--el-color-danger);
-
-    &:hover {
-      background-color: var(--el-color-danger-light-9);
-    }
-  }
-}
-
-.menu-item-icon {
-  width: 16px;
-  height: 16px;
-  margin-right: 8px;
-}
-
-/* 尺寸面板 */
-.size-panel {
-  padding: 8px 12px;
-  background-color: var(--el-fill-color-lighter);
-  border-top: 1px solid var(--el-border-color-lighter);
-}
-
-.size-row {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 8px;
-}
-
-.size-label {
-  width: 20px;
-  font-size: 12px;
-  color: var(--el-text-color-secondary);
-}
-
-.size-checkbox {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  font-size: 12px;
-  color: var(--el-text-color-secondary);
-  cursor: pointer;
-
-  input {
-    width: 14px;
-    height: 14px;
-    cursor: pointer;
-  }
-}
-
-:deep(.el-input-number--small) {
-  width: 100px;
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableVideoComponent.vue b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableVideoComponent.vue
deleted file mode 100644
index cff1d82..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/ResizableVideoComponent.vue
+++ /dev/null
@@ -1,536 +0,0 @@
-<script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
-
-import {
-  AlignCenter,
-  AlignLeft,
-  AlignRight,
-  RotateCcw,
-  Trash2,
-} from '@vben/icons';
-
-import { NodeViewWrapper } from '@tiptap/vue-3';
-import { ElButton, ElCheckbox, ElInputNumber } from 'element-plus';
-
-import { getFileUrl } from '#/composables/useFileUrl';
-
-const props = defineProps<{
-  deleteNode: () => void;
-  node: any;
-  selected: boolean;
-  updateAttributes: (attrs: Record<string, any>) => void;
-}>();
-
-// 状态
-const isSelected = ref(false);
-const showContextMenu = ref(false);
-const contextMenuPosition = ref({ x: 0, y: 0 });
-const showCustomSize = ref(false);
-const keepRatio = ref(true);
-const videoRef = ref<HTMLVideoElement | null>(null);
-const originalSize = ref({ width: 0, height: 0 });
-
-// 视频URL（响应式，支持token刷新）
-const resolvedVideoSrc = ref('');
-
-// 异步解析视频URL
-async function resolveVideoUrl() {
-  const id = props.node.attrs.id;
-  const src = props.node.attrs.src;
-
-  // 如果有文件ID，优先使用ID获取带token的URL
-  if (id) {
-    resolvedVideoSrc.value = await getFileUrl(id);
-  } else if (src) {
-    resolvedVideoSrc.value = src;
-  } else {
-    resolvedVideoSrc.value = '';
-  }
-}
-
-// 监听属性变化
-watch(
-  () => [props.node.attrs.id, props.node.attrs.src],
-  () => {
-    resolveVideoUrl();
-  },
-  { immediate: true },
-);
-
-// 计算属性
-const videoSrc = computed(() => resolvedVideoSrc.value);
-const currentWidth = computed(() => {
-  const w = props.node.attrs.width;
-  if (typeof w === 'string' && w.endsWith('%')) {
-    return Number.parseInt(w);
-  }
-  return w || 100;
-});
-const currentHeight = computed(() => props.node.attrs.height || 'auto');
-const alignment = computed(() => props.node.attrs.alignment || 'center');
-
-const nodeStyle = computed(() => {
-  const styles: Record<string, string> = {
-    display: 'flex',
-  };
-
-  if (alignment.value === 'left') {
-    styles.justifyContent = 'flex-start';
-  } else if (alignment.value === 'right') {
-    styles.justifyContent = 'flex-end';
-  } else {
-    styles.justifyContent = 'center';
-  }
-
-  return styles;
-});
-
-const containerStyle = computed(() => {
-  const styles: Record<string, string> = {};
-
-  const w = props.node.attrs.width;
-  if (typeof w === 'number') {
-    styles.width = `${w}px`;
-  } else if (typeof w === 'string') {
-    styles.width = w;
-  } else {
-    styles.width = '100%';
-  }
-
-  return styles;
-});
-
-// 方法
-const handleClick = () => {
-  isSelected.value = true;
-};
-
-const handleContextMenu = (e: MouseEvent) => {
-  e.preventDefault();
-  e.stopPropagation();
-  isSelected.value = true;
-  showContextMenu.value = true;
-  contextMenuPosition.value = { x: e.clientX, y: e.clientY };
-};
-
-const hideContextMenu = () => {
-  showContextMenu.value = false;
-  showCustomSize.value = false;
-};
-
-const handleClickOutside = (e: MouseEvent) => {
-  const target = e.target as HTMLElement;
-  if (
-    !target.closest('.resizable-video-wrapper') &&
-    !target.closest('.video-context-menu')
-  ) {
-    isSelected.value = false;
-    hideContextMenu();
-  }
-};
-
-const setAlignment = (align: 'center' | 'left' | 'right') => {
-  props.updateAttributes({ alignment: align });
-};
-
-const setPresetSize = (percent: number) => {
-  props.updateAttributes({ width: `${percent}%`, height: 'auto' });
-  hideContextMenu();
-};
-
-const updateWidth = (value: number | undefined) => {
-  if (!value) return;
-  if (
-    keepRatio.value &&
-    originalSize.value.width &&
-    originalSize.value.height
-  ) {
-    const ratio = originalSize.value.height / originalSize.value.width;
-    props.updateAttributes({ width: value, height: Math.round(value * ratio) });
-  } else {
-    props.updateAttributes({ width: value });
-  }
-};
-
-const updateHeight = (value: number | undefined) => {
-  if (!value) return;
-  if (
-    keepRatio.value &&
-    originalSize.value.width &&
-    originalSize.value.height
-  ) {
-    const ratio = originalSize.value.width / originalSize.value.height;
-    props.updateAttributes({ height: value, width: Math.round(value * ratio) });
-  } else {
-    props.updateAttributes({ height: value });
-  }
-};
-
-const resetSize = () => {
-  props.updateAttributes({ width: '100%', height: 'auto' });
-  hideContextMenu();
-};
-
-const handleDelete = () => {
-  props.deleteNode();
-};
-
-// 拖拽调整大小
-const isResizing = ref(false);
-const resizeStartPos = ref({ x: 0, y: 0 });
-const resizeStartSize = ref({ width: 0, height: 0 });
-const resizeCorner = ref('');
-
-const startResize = (e: MouseEvent, corner: string) => {
-  e.preventDefault();
-  e.stopPropagation();
-  isResizing.value = true;
-  resizeCorner.value = corner;
-  resizeStartPos.value = { x: e.clientX, y: e.clientY };
-
-  const wrapper = (e.target as HTMLElement).closest(
-    '.resizable-video-wrapper',
-  ) as HTMLElement;
-  if (wrapper) {
-    resizeStartSize.value = {
-      width: wrapper.offsetWidth,
-      height: wrapper.offsetHeight,
-    };
-  }
-
-  document.addEventListener('mousemove', handleResize);
-  document.addEventListener('mouseup', stopResize);
-};
-
-const handleResize = (e: MouseEvent) => {
-  if (!isResizing.value) return;
-
-  const deltaX = e.clientX - resizeStartPos.value.x;
-
-  // 左侧控制点需要反向计算
-  const isLeftCorner =
-    resizeCorner.value === 'nw' || resizeCorner.value === 'sw';
-  const adjustedDeltaX = isLeftCorner ? -deltaX : deltaX;
-
-  let newWidth = resizeStartSize.value.width + adjustedDeltaX;
-  let newHeight = resizeStartSize.value.height;
-
-  // 保持比例
-  if (originalSize.value.width && originalSize.value.height) {
-    const ratio = originalSize.value.height / originalSize.value.width;
-    newHeight = Math.round(newWidth * ratio);
-  }
-
-  // 限制最小尺寸
-  newWidth = Math.max(100, newWidth);
-  newHeight = Math.max(60, newHeight);
-
-  props.updateAttributes({ width: newWidth, height: newHeight });
-};
-
-const stopResize = () => {
-  isResizing.value = false;
-  document.removeEventListener('mousemove', handleResize);
-  document.removeEventListener('mouseup', stopResize);
-};
-
-// 获取视频原始尺寸
-const handleVideoLoaded = () => {
-  if (videoRef.value) {
-    originalSize.value = {
-      width: videoRef.value.videoWidth,
-      height: videoRef.value.videoHeight,
-    };
-  }
-};
-
-onMounted(() => {
-  document.addEventListener('click', handleClickOutside);
-});
-
-onBeforeUnmount(() => {
-  document.removeEventListener('click', handleClickOutside);
-  document.removeEventListener('mousemove', handleResize);
-  document.removeEventListener('mouseup', stopResize);
-});
-</script>
-
-<template>
-  <NodeViewWrapper class="resizable-video-node" :style="nodeStyle">
-    <div
-      class="resizable-video-wrapper"
-      :class="{ 'is-selected': isSelected || selected }"
-      :style="containerStyle"
-      @click="handleClick"
-      @contextmenu="handleContextMenu"
-    >
-      <video
-        ref="videoRef"
-        :src="videoSrc"
-        controls
-        class="resizable-video"
-        @loadedmetadata="handleVideoLoaded"
-      >
-        您的浏览器不支持视频播放
-      </video>
-
-      <!-- 调整大小的控制点 -->
-      <template v-if="isSelected || selected">
-        <div
-          class="resize-handle resize-handle-se"
-          @mousedown="startResize($event, 'se')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-sw"
-          @mousedown="startResize($event, 'sw')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-ne"
-          @mousedown="startResize($event, 'ne')"
-        ></div>
-        <div
-          class="resize-handle resize-handle-nw"
-          @mousedown="startResize($event, 'nw')"
-        ></div>
-      </template>
-    </div>
-
-    <!-- 右键菜单 -->
-    <Teleport to="body">
-      <div
-        v-if="showContextMenu"
-        class="video-context-menu"
-        :style="{
-          left: `${contextMenuPosition.x}px`,
-          top: `${contextMenuPosition.y}px`,
-        }"
-        @click.stop
-      >
-        <!-- 对齐方式 -->
-        <div class="menu-section">
-          <div class="menu-label">对齐方式</div>
-          <div class="menu-buttons">
-            <ElButton
-              :type="alignment === 'left' ? 'primary' : 'default'"
-              size="small"
-              @click="setAlignment('left')"
-            >
-              <AlignLeft class="h-4 w-4" />
-            </ElButton>
-            <ElButton
-              :type="alignment === 'center' ? 'primary' : 'default'"
-              size="small"
-              @click="setAlignment('center')"
-            >
-              <AlignCenter class="h-4 w-4" />
-            </ElButton>
-            <ElButton
-              :type="alignment === 'right' ? 'primary' : 'default'"
-              size="small"
-              @click="setAlignment('right')"
-            >
-              <AlignRight class="h-4 w-4" />
-            </ElButton>
-          </div>
-        </div>
-
-        <!-- 快速缩放 -->
-        <div class="menu-section">
-          <div class="menu-label">快速缩放</div>
-          <div class="menu-buttons">
-            <ElButton size="small" @click="setPresetSize(25)">25%</ElButton>
-            <ElButton size="small" @click="setPresetSize(50)">50%</ElButton>
-            <ElButton size="small" @click="setPresetSize(75)">75%</ElButton>
-            <ElButton size="small" @click="setPresetSize(100)">100%</ElButton>
-          </div>
-        </div>
-
-        <!-- 自定义尺寸 -->
-        <div class="menu-section">
-          <ElButton
-            size="small"
-            class="w-full"
-            @click="showCustomSize = !showCustomSize"
-          >
-            自定义尺寸
-          </ElButton>
-          <div v-if="showCustomSize" class="custom-size-panel">
-            <div class="size-inputs">
-              <div class="size-input-group">
-                <span class="size-label">宽:</span>
-                <ElInputNumber
-                  :model-value="
-                    typeof currentWidth === 'number' ? currentWidth : undefined
-                  "
-                  :min="100"
-                  :max="1920"
-                  size="small"
-                  controls-position="right"
-                  @update:model-value="updateWidth"
-                />
-              </div>
-              <div class="size-input-group">
-                <span class="size-label">高:</span>
-                <ElInputNumber
-                  :model-value="
-                    typeof currentHeight === 'number'
-                      ? currentHeight
-                      : undefined
-                  "
-                  :min="60"
-                  :max="1080"
-                  size="small"
-                  controls-position="right"
-                  @update:model-value="updateHeight"
-                />
-              </div>
-            </div>
-            <ElCheckbox v-model="keepRatio" size="small">保持比例</ElCheckbox>
-          </div>
-        </div>
-
-        <!-- 操作按钮 -->
-        <div class="menu-section menu-actions">
-          <ElButton size="small" @click="resetSize">
-            <RotateCcw class="mr-1 h-3 w-3" />
-            重置尺寸
-          </ElButton>
-          <ElButton size="small" type="danger" @click="handleDelete">
-            <Trash2 class="mr-1 h-3 w-3" />
-            删除视频
-          </ElButton>
-        </div>
-      </div>
-    </Teleport>
-  </NodeViewWrapper>
-</template>
-
-<style scoped>
-.resizable-video-node {
-  display: block;
-  margin: 12px 0;
-}
-
-.resizable-video-wrapper {
-  position: relative;
-  display: inline-block;
-  max-width: 100%;
-  border-radius: 8px;
-  transition: box-shadow 0.2s;
-}
-
-.resizable-video-wrapper:hover {
-  box-shadow: 0 0 0 2px var(--el-color-primary-light-5);
-}
-
-.resizable-video-wrapper.is-selected {
-  box-shadow: 0 0 0 2px var(--el-color-primary);
-}
-
-.resizable-video {
-  display: block;
-  width: 100%;
-  height: auto;
-  background-color: var(--el-fill-color-darker);
-  border-radius: 8px;
-}
-
-/* 调整大小控制点 */
-.resize-handle {
-  position: absolute;
-  z-index: 10;
-  width: 12px;
-  height: 12px;
-  background-color: var(--el-color-primary);
-  border: 2px solid var(--el-bg-color);
-  border-radius: 50%;
-}
-
-.resize-handle-se {
-  right: -6px;
-  bottom: -6px;
-  cursor: se-resize;
-}
-
-.resize-handle-sw {
-  bottom: -6px;
-  left: -6px;
-  cursor: sw-resize;
-}
-
-.resize-handle-ne {
-  top: -6px;
-  right: -6px;
-  cursor: ne-resize;
-}
-
-.resize-handle-nw {
-  top: -6px;
-  left: -6px;
-  cursor: nw-resize;
-}
-
-/* 右键菜单 */
-.video-context-menu {
-  position: fixed;
-  z-index: 9999;
-  min-width: 200px;
-  padding: 12px;
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-radius: 8px;
-  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
-}
-
-.menu-section {
-  margin-bottom: 12px;
-}
-
-.menu-section:last-child {
-  margin-bottom: 0;
-}
-
-.menu-label {
-  margin-bottom: 6px;
-  font-size: 12px;
-  color: var(--el-text-color-secondary);
-}
-
-.menu-buttons {
-  display: flex;
-  gap: 4px;
-}
-
-.custom-size-panel {
-  padding: 8px;
-  margin-top: 8px;
-  background-color: var(--el-fill-color-light);
-  border-radius: 4px;
-}
-
-.size-inputs {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-
-.size-input-group {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-
-.size-label {
-  min-width: 24px;
-  font-size: 12px;
-  color: var(--el-text-color-regular);
-}
-
-.menu-actions {
-  display: flex;
-  gap: 8px;
-  padding-top: 8px;
-  border-top: 1px solid var(--el-border-color-lighter);
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/attachment.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/attachment.ts
deleted file mode 100644
index 1809b22..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/attachment.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { mergeAttributes, Node } from '@tiptap/core';
-
-export interface AttachmentOptions {
-  HTMLAttributes: Record<string, any>;
-}
-
-export interface AttachmentAttributes {
-  id: string;
-  name: string;
-  size: number;
-  type: string;
-  url: string;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    attachment: {
-      setAttachment: (options: AttachmentAttributes) => ReturnType;
-    };
-  }
-}
-
-export const Attachment = Node.create<AttachmentOptions>({
-  name: 'attachment',
-
-  group: 'block',
-
-  atom: true,
-
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-    };
-  },
-
-  addAttributes() {
-    return {
-      id: {
-        default: null,
-      },
-      name: {
-        default: null,
-      },
-      size: {
-        default: 0,
-      },
-      type: {
-        default: null,
-      },
-      url: {
-        default: null,
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="attachment"]',
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }: { HTMLAttributes: Record<string, any> }) {
-    const { id, name, size, type, url } = HTMLAttributes;
-    return [
-      'div',
-      mergeAttributes(this.options.HTMLAttributes, {
-        'data-type': 'attachment',
-        'data-id': id,
-        'data-name': name,
-        'data-size': size,
-        'data-file-type': type,
-        'data-url': url,
-        class: 'attachment-node',
-      }),
-      [
-        'a',
-        {
-          href: url,
-          target: '_blank',
-          download: name,
-          class: 'attachment-link',
-        },
-        ['span', { class: 'attachment-icon' }, '📎'],
-        ['span', { class: 'attachment-name' }, name],
-        ['span', { class: 'attachment-size' }, formatFileSize(size)],
-      ],
-    ];
-  },
-
-  addCommands() {
-    return {
-      setAttachment:
-        (options: AttachmentAttributes) =>
-        ({ commands }: { commands: any }) => {
-          return commands.insertContent({
-            type: this.name,
-            attrs: options,
-          });
-        },
-    };
-  },
-});
-
-// 格式化文件大小
-function formatFileSize(bytes: number): string {
-  if (bytes === 0) return '0 B';
-  const k = 1024;
-  const sizes = ['B', 'KB', 'MB', 'GB'];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${Number.parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;
-}
-
-export default Attachment;
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/font-size.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/font-size.ts
deleted file mode 100644
index 2906c41..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/font-size.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Extension } from '@tiptap/core';
-
-export interface FontSizeOptions {
-  types: string[];
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    fontSize: {
-      setFontSize: (size: string) => ReturnType;
-      unsetFontSize: () => ReturnType;
-    };
-  }
-}
-
-export const FontSize = Extension.create<FontSizeOptions>({
-  name: 'fontSize',
-
-  addOptions() {
-    return {
-      types: ['textStyle'],
-    };
-  },
-
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          fontSize: {
-            default: null,
-            parseHTML: (element) =>
-              element.style.fontSize?.replace(/['"]+/g, ''),
-            renderHTML: (attributes) => {
-              if (!attributes.fontSize) {
-                return {};
-              }
-
-              return {
-                style: `font-size: ${attributes.fontSize}`,
-              };
-            },
-          },
-        },
-      },
-    ];
-  },
-
-  addCommands() {
-    return {
-      setFontSize:
-        (fontSize) =>
-        ({ chain }) => {
-          return chain().setMark('textStyle', { fontSize }).run();
-        },
-      unsetFontSize:
-        () =>
-        ({ chain }) => {
-          return chain()
-            .setMark('textStyle', { fontSize: null })
-            .removeEmptyTextStyle()
-            .run();
-        },
-    };
-  },
-});
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/resizable-image.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/resizable-image.ts
deleted file mode 100644
index 7fc661a..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/resizable-image.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import Image from '@tiptap/extension-image';
-import { VueNodeViewRenderer } from '@tiptap/vue-3';
-
-import ResizableImageComponent from './ResizableImageComponent.vue';
-
-export const ResizableImage = Image.extend({
-  name: 'resizableImage',
-
-  addAttributes() {
-    return {
-      ...this.parent?.(),
-      width: {
-        default: null,
-        parseHTML: (element) =>
-          element.getAttribute('width') ||
-          element.style.width?.replace('px', ''),
-        renderHTML: (attributes) => {
-          if (!attributes.width) return {};
-          return { width: attributes.width };
-        },
-      },
-      height: {
-        default: null,
-        parseHTML: (element) =>
-          element.getAttribute('height') ||
-          element.style.height?.replace('px', ''),
-        renderHTML: (attributes) => {
-          if (!attributes.height) return {};
-          return { height: attributes.height };
-        },
-      },
-      alignment: {
-        default: 'center',
-        parseHTML: (element) => element.dataset.alignment || 'center',
-        renderHTML: (attributes) => {
-          const alignment = attributes.alignment || 'center';
-          // 同时输出 data-alignment 和 style
-          const styleMap: Record<string, string> = {
-            left: 'display: block; margin-left: 0; margin-right: auto;',
-            center: 'display: block; margin-left: auto; margin-right: auto;',
-            right: 'display: block; margin-left: auto; margin-right: 0;',
-          };
-          return {
-            'data-alignment': alignment,
-            style: styleMap[alignment] || styleMap.center,
-          };
-        },
-      },
-    };
-  },
-
-  addNodeView() {
-    return VueNodeViewRenderer(ResizableImageComponent as any);
-  },
-});
-
-export default ResizableImage;
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/video.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/video.ts
deleted file mode 100644
index f086dcf..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/extensions/video.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { mergeAttributes, Node } from '@tiptap/core';
-import { VueNodeViewRenderer } from '@tiptap/vue-3';
-
-import ResizableVideoComponent from './ResizableVideoComponent.vue';
-
-export interface VideoOptions {
-  HTMLAttributes: Record<string, any>;
-  allowFullscreen: boolean;
-}
-
-export interface VideoAttributes {
-  id?: string;
-  src: string;
-  width?: number | string;
-  height?: number | string;
-  alignment?: 'center' | 'left' | 'right';
-  poster?: string;
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    video: {
-      setVideo: (options: VideoAttributes) => ReturnType;
-    };
-  }
-}
-
-export const Video = Node.create<VideoOptions>({
-  name: 'video',
-
-  group: 'block',
-
-  atom: true,
-
-  draggable: true,
-
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-      allowFullscreen: true,
-    };
-  },
-
-  addAttributes() {
-    return {
-      id: {
-        default: null,
-      },
-      src: {
-        default: null,
-      },
-      width: {
-        default: '100%',
-      },
-      height: {
-        default: 'auto',
-      },
-      alignment: {
-        default: 'center',
-      },
-      poster: {
-        default: null,
-      },
-    };
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="video"]',
-      },
-    ];
-  },
-
-  renderHTML({ HTMLAttributes }: { HTMLAttributes: Record<string, any> }) {
-    const { id, src, width, poster, alignment } = HTMLAttributes;
-
-    let marginStyle = 'margin-left: auto; margin-right: auto;';
-    if (alignment === 'left') {
-      marginStyle = 'margin-right: auto;';
-    } else if (alignment === 'right') {
-      marginStyle = 'margin-left: auto;';
-    }
-
-    return [
-      'div',
-      mergeAttributes(this.options.HTMLAttributes, {
-        'data-type': 'video',
-        'data-id': id,
-        class: 'video-node',
-        style: `max-width: ${typeof width === 'number' ? `${width}px` : width}; ${marginStyle}`,
-      }),
-      [
-        'video',
-        {
-          src,
-          controls: true,
-          poster,
-          style: 'width: 100%; height: auto; border-radius: 8px;',
-        },
-        '您的浏览器不支持视频播放',
-      ],
-    ];
-  },
-
-  addNodeView() {
-    return VueNodeViewRenderer(ResizableVideoComponent as any);
-  },
-
-  addCommands() {
-    return {
-      setVideo:
-        (options: VideoAttributes) =>
-        ({ commands }: { commands: any }) => {
-          return commands.insertContent({
-            type: this.name,
-            attrs: options,
-          });
-        },
-    };
-  },
-});
-
-export default Video;
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/index.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/index.ts
deleted file mode 100644
index bd96f30..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as RichTextEditor } from './rich-text-editor.vue';
-export type * from './types';
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/rich-text-editor.vue b/web/apps/web-ele/src/components/zq-form/rich-text-editor/rich-text-editor.vue
deleted file mode 100644
index cdbef1d..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/rich-text-editor.vue
+++ /dev/null
@@ -1,1649 +0,0 @@
-<script setup lang="ts">
-import type {
-  RichTextEditorEmits,
-  RichTextEditorProps,
-  ToolbarGroup,
-} from './types';
-
-import { computed, onBeforeUnmount, ref, watch } from 'vue';
-
-import {
-  AlignCenter,
-  AlignJustify,
-  AlignLeft,
-  AlignRight,
-  Bold,
-  Code,
-  Columns2,
-  Eraser,
-  Heading1,
-  Highlighter,
-  Image,
-  Italic,
-  Link,
-  List,
-  ListOrdered,
-  Maximize2,
-  Minimize2,
-  Minus,
-  Palette,
-  Paperclip,
-  Plus,
-  Quote,
-  Redo2,
-  Rows2,
-  Strikethrough,
-  Table,
-  Trash2,
-  Type,
-  Underline,
-  Undo2,
-  Video,
-} from '@vben/icons';
-
-import Color from '@tiptap/extension-color';
-import Highlight from '@tiptap/extension-highlight';
-import LinkExt from '@tiptap/extension-link';
-import Placeholder from '@tiptap/extension-placeholder';
-import { Table as TableExt } from '@tiptap/extension-table';
-import TableCell from '@tiptap/extension-table-cell';
-import TableHeader from '@tiptap/extension-table-header';
-import TableRow from '@tiptap/extension-table-row';
-import TextAlign from '@tiptap/extension-text-align';
-import { TextStyle } from '@tiptap/extension-text-style';
-import UnderlineExt from '@tiptap/extension-underline';
-import StarterKit from '@tiptap/starter-kit';
-import { EditorContent, useEditor } from '@tiptap/vue-3';
-import {
-  ElButton,
-  ElColorPicker,
-  ElDivider,
-  ElDropdown,
-  ElDropdownItem,
-  ElDropdownMenu,
-  ElInput,
-  ElMessage,
-  ElPopover,
-  ElProgress,
-  ElTabPane,
-  ElTabs,
-} from 'element-plus';
-import { Markdown } from 'tiptap-markdown';
-
-import { uploadFile as uploadFileApi } from '#/api/core/file';
-import { getFileUrl } from '#/composables/useFileUrl';
-
-import { Attachment } from './extensions/attachment';
-import { FontSize } from './extensions/font-size';
-import { ResizableImage } from './extensions/resizable-image';
-import { Video as VideoExt } from './extensions/video';
-import { defaultInsertConfig, defaultToolbarGroups } from './types';
-
-const props = withDefaults(defineProps<RichTextEditorProps>(), {
-  modelValue: '',
-  placeholder: '请输入内容...',
-  disabled: false,
-  readonly: false,
-  minHeight: 200,
-  maxHeight: 500,
-  showToolbar: true,
-  showWordCount: true,
-  maxLength: 0,
-  toolbarConfig: () => ({
-    groups: defaultToolbarGroups,
-    insert: defaultInsertConfig,
-  }),
-});
-
-const emit = defineEmits<RichTextEditorEmits>();
-
-// 链接弹窗
-const linkPopoverVisible = ref(false);
-const linkUrl = ref('');
-const linkButtonRef = ref<HTMLElement | null>(null);
-
-// 图片弹窗
-const imagePopoverVisible = ref(false);
-const imageUrl = ref('');
-const imageButtonRef = ref<HTMLElement | null>(null);
-const imageUploadTab = ref('upload');
-const imageUploadInputRef = ref<HTMLInputElement | null>(null);
-const imageUploading = ref(false);
-const imageUploadProgress = ref(0);
-
-// 附件弹窗
-const attachmentPopoverVisible = ref(false);
-const attachmentUploadInputRef = ref<HTMLInputElement | null>(null);
-const attachmentUploading = ref(false);
-const attachmentUploadProgress = ref(0);
-
-// 视频弹窗
-const videoPopoverVisible = ref(false);
-const videoUploadInputRef = ref<HTMLInputElement | null>(null);
-const videoUploading = ref(false);
-const videoUploadProgress = ref(0);
-const videoUploadTab = ref('upload');
-const videoUrl = ref('');
-
-// 全屏状态
-const isFullscreen = ref(false);
-const fullscreenWidth = ref<'a4' | 'a5' | 'full' | 'letter'>('a4');
-
-// 纸张尺寸选项（宽度，单位px，按96dpi计算）
-const paperSizes = {
-  full: { label: '全宽', width: '100%' },
-  a4: { label: 'A4', width: '794px' }, // 210mm = 794px @96dpi
-  a5: { label: 'A5', width: '559px' }, // 148mm = 559px @96dpi
-  letter: { label: 'Letter', width: '816px' }, // 8.5in = 816px @96dpi
-};
-
-const toggleFullscreen = () => {
-  isFullscreen.value = !isFullscreen.value;
-  if (!isFullscreen.value) {
-    fullscreenWidth.value = 'full';
-  }
-};
-
-const setFullscreenWidth = (size: 'a4' | 'a5' | 'full' | 'letter') => {
-  fullscreenWidth.value = size;
-};
-
-// 编辑器实例
-const editor = useEditor({
-  content: props.modelValue,
-  editable: !props.disabled && !props.readonly,
-  extensions: [
-    StarterKit.configure({
-      heading: {
-        levels: [1, 2, 3],
-      },
-    }),
-    TextAlign.configure({
-      types: ['heading', 'paragraph'],
-    }),
-    UnderlineExt,
-    Highlight.configure({
-      multicolor: true,
-    }),
-    TextStyle,
-    Color,
-    FontSize,
-    LinkExt.configure({
-      openOnClick: false,
-      HTMLAttributes: {
-        class: 'text-[var(--el-color-primary)] underline cursor-pointer',
-      },
-    }),
-    ResizableImage.configure({
-      inline: false,
-      allowBase64: true,
-    }),
-    TableExt.configure({
-      resizable: true,
-    }),
-    TableRow,
-    TableCell,
-    TableHeader,
-    Attachment,
-    VideoExt,
-    Placeholder.configure({
-      placeholder: props.placeholder,
-    }),
-    Markdown.configure({
-      html: true,
-      tightLists: true,
-      tightListClass: 'tight',
-      bulletListMarker: '-',
-      linkify: true,
-      breaks: true,
-      transformPastedText: true,
-      transformCopiedText: true,
-    }),
-  ],
-  onUpdate: ({ editor }) => {
-    const html = editor.getHTML();
-    emit('update:modelValue', html);
-    emit('change', html);
-  },
-  onFocus: ({ event }) => {
-    emit('focus', event);
-  },
-  onBlur: ({ event }) => {
-    emit('blur', event);
-  },
-  onCreate: ({ editor: editorInstance }) => {
-    emit('ready', editorInstance as any);
-  },
-});
-
-// 监听 modelValue 变化
-watch(
-  () => props.modelValue,
-  (value) => {
-    if (editor.value && editor.value.getHTML() !== value) {
-      editor.value.commands.setContent(value || '', { emitUpdate: false });
-    }
-  },
-);
-
-// 监听 disabled/readonly 变化
-watch(
-  () => [props.disabled, props.readonly],
-  ([disabled, readonly]) => {
-    editor.value?.setEditable(!disabled && !readonly);
-  },
-);
-
-// 销毁编辑器
-onBeforeUnmount(() => {
-  editor.value?.destroy();
-});
-
-// 工具栏配置
-const toolbarGroups = computed(
-  () => props.toolbarConfig?.groups || defaultToolbarGroups,
-);
-const insertConfig = computed(() => ({
-  ...defaultInsertConfig,
-  ...props.toolbarConfig?.insert,
-}));
-
-const hasGroup = (group: ToolbarGroup) => toolbarGroups.value.includes(group);
-const hasInsert = (
-  type: 'attachment' | 'image' | 'link' | 'table' | 'video',
-) => {
-  return hasGroup('insert') && insertConfig.value[type];
-};
-
-// 字数统计
-const wordCount = computed(() => {
-  if (!editor.value) return 0;
-  return (
-    editor.value.storage.characterCount?.characters() ||
-    editor.value.getText().length
-  );
-});
-
-// 样式计算
-const editorStyle = computed(() => ({
-  minHeight:
-    typeof props.minHeight === 'number'
-      ? `${props.minHeight}px`
-      : props.minHeight,
-  maxHeight:
-    typeof props.maxHeight === 'number'
-      ? `${props.maxHeight}px`
-      : props.maxHeight,
-}));
-
-// 工具栏操作
-const toggleBold = () => editor.value?.chain().focus().toggleBold().run();
-const toggleItalic = () => editor.value?.chain().focus().toggleItalic().run();
-const toggleUnderline = () =>
-  editor.value?.chain().focus().toggleUnderline().run();
-const toggleStrike = () => editor.value?.chain().focus().toggleStrike().run();
-const toggleCode = () => editor.value?.chain().focus().toggleCode().run();
-// const toggleCodeBlock = () => editor.value?.chain().focus().toggleCodeBlock().run();
-const toggleBlockquote = () =>
-  editor.value?.chain().focus().toggleBlockquote().run();
-const toggleBulletList = () =>
-  editor.value?.chain().focus().toggleBulletList().run();
-const toggleOrderedList = () =>
-  editor.value?.chain().focus().toggleOrderedList().run();
-const setHorizontalRule = () =>
-  editor.value?.chain().focus().setHorizontalRule().run();
-const undo = () => editor.value?.chain().focus().undo().run();
-const redo = () => editor.value?.chain().focus().redo().run();
-const clearFormat = () =>
-  editor.value?.chain().focus().clearNodes().unsetAllMarks().run();
-
-const setHeading = (level: 1 | 2 | 3) => {
-  editor.value?.chain().focus().toggleHeading({ level }).run();
-};
-
-const setTextAlign = (align: 'center' | 'justify' | 'left' | 'right') => {
-  editor.value?.chain().focus().setTextAlign(align).run();
-};
-
-const setTextColor = (color: null | string) => {
-  if (color) {
-    editor.value?.chain().focus().setColor(color).run();
-  } else {
-    editor.value?.chain().focus().unsetColor().run();
-  }
-};
-
-const setHighlight = (color: null | string) => {
-  if (color) {
-    editor.value?.chain().focus().setHighlight({ color }).run();
-  } else {
-    editor.value?.chain().focus().unsetHighlight().run();
-  }
-};
-
-// 字体大小选项
-const fontSizes = [
-  { label: '12px', value: '12px' },
-  { label: '14px', value: '14px' },
-  { label: '16px', value: '16px' },
-  { label: '18px', value: '18px' },
-  { label: '20px', value: '20px' },
-  { label: '24px', value: '24px' },
-  { label: '28px', value: '28px' },
-  { label: '32px', value: '32px' },
-  { label: '36px', value: '36px' },
-];
-
-const setFontSize = (size: string) => {
-  editor.value?.chain().focus().setFontSize(size).run();
-};
-
-const setLink = () => {
-  if (linkUrl.value) {
-    editor.value?.chain().focus().setLink({ href: linkUrl.value }).run();
-  } else {
-    editor.value?.chain().focus().unsetLink().run();
-  }
-  linkPopoverVisible.value = false;
-  linkUrl.value = '';
-};
-
-const openLinkPopover = () => {
-  const previousUrl = editor.value?.getAttributes('link').href;
-  linkUrl.value = previousUrl || '';
-  linkPopoverVisible.value = true;
-};
-
-// 插入图片的通用方法
-const insertImage = (src: string) => {
-  editor.value
-    ?.chain()
-    .focus()
-    .insertContent({
-      type: 'resizableImage',
-      attrs: { src },
-    })
-    .run();
-};
-
-const setImage = () => {
-  if (!imageUrl.value) {
-    ElMessage.warning('请输入图片地址');
-    return;
-  }
-  insertImage(imageUrl.value);
-  imagePopoverVisible.value = false;
-  imageUrl.value = '';
-};
-
-// 触发图片上传
-const triggerImageUpload = () => {
-  imageUploadInputRef.value?.click();
-};
-
-// 处理图片上传
-const handleImageUpload = async (event: Event) => {
-  const target = event.target as HTMLInputElement;
-  const files = target.files;
-  if (!files || files.length === 0) return;
-
-  const file = files[0];
-  if (!file) return;
-
-  // 验证文件类型
-  if (!file.type.startsWith('image/')) {
-    ElMessage.warning('请选择图片文件');
-    target.value = '';
-    return;
-  }
-
-  // 验证文件大小 (最大 10MB)
-  const maxSize = 10 * 1024 * 1024;
-  if (file.size > maxSize) {
-    ElMessage.warning('图片大小不能超过 10MB');
-    target.value = '';
-    return;
-  }
-
-  try {
-    imageUploading.value = true;
-    imageUploadProgress.value = 0;
-
-    const result = await uploadFileApi(file, {
-      source: 'form',
-      onProgress: (progress) => {
-        imageUploadProgress.value = progress.percentage;
-      },
-    });
-
-    if (result && result.id) {
-      // 使用文件流 URL
-      const imgUrl = await getFileUrl(result.id);
-      insertImage(imgUrl);
-      ElMessage.success('图片上传成功');
-      imagePopoverVisible.value = false;
-    } else {
-      ElMessage.error('上传失败，请重试');
-    }
-  } catch (error) {
-    console.error('图片上传失败:', error);
-    ElMessage.error('图片上传失败');
-  } finally {
-    imageUploading.value = false;
-    imageUploadProgress.value = 0;
-    target.value = '';
-  }
-};
-
-// 处理粘贴图片
-const handlePaste = async (event: ClipboardEvent) => {
-  const items = event.clipboardData?.items;
-  if (!items) return;
-
-  for (const item of items) {
-    if (item.type.startsWith('image/')) {
-      event.preventDefault();
-      const file = item.getAsFile();
-      if (!file) continue;
-
-      try {
-        imageUploading.value = true;
-        const result = await uploadFileApi(file, { source: 'form' });
-        if (result && result.id) {
-          const imgUrl = await getFileUrl(result.id);
-          insertImage(imgUrl);
-          ElMessage.success('图片粘贴成功');
-        }
-      } catch (error) {
-        console.error('粘贴图片失败:', error);
-        ElMessage.error('粘贴图片失败');
-      } finally {
-        imageUploading.value = false;
-      }
-      break;
-    }
-  }
-};
-
-// 处理拖拽图片
-const handleDrop = async (event: DragEvent) => {
-  const files = event.dataTransfer?.files;
-  if (!files || files.length === 0) return;
-
-  const file = files[0];
-  if (!file || !file.type.startsWith('image/')) return;
-
-  event.preventDefault();
-
-  try {
-    imageUploading.value = true;
-    const result = await uploadFileApi(file, { source: 'form' });
-    if (result && result.id) {
-      const imgUrl = await getFileUrl(result.id);
-      insertImage(imgUrl);
-      ElMessage.success('图片上传成功');
-    }
-  } catch (error) {
-    console.error('拖拽图片上传失败:', error);
-    ElMessage.error('图片上传失败');
-  } finally {
-    imageUploading.value = false;
-  }
-};
-
-const insertTable = () => {
-  editor.value
-    ?.chain()
-    .focus()
-    .insertTable({ rows: 2, cols: 3, withHeaderRow: true })
-    .run();
-};
-
-// 表格操作
-const addRowBefore = () => editor.value?.chain().focus().addRowBefore().run();
-const addRowAfter = () => editor.value?.chain().focus().addRowAfter().run();
-const deleteRow = () => editor.value?.chain().focus().deleteRow().run();
-const addColumnBefore = () =>
-  editor.value?.chain().focus().addColumnBefore().run();
-const addColumnAfter = () =>
-  editor.value?.chain().focus().addColumnAfter().run();
-const deleteColumn = () => editor.value?.chain().focus().deleteColumn().run();
-const deleteTable = () => editor.value?.chain().focus().deleteTable().run();
-
-// 检查是否在表格中
-const isInTable = computed(() => editor.value?.isActive('table') || false);
-
-// 表格命令处理
-const handleTableCommand = (command: string) => {
-  switch (command) {
-    case 'addColumnAfter': {
-      addColumnAfter();
-      break;
-    }
-    case 'addColumnBefore': {
-      addColumnBefore();
-      break;
-    }
-    case 'addRowAfter': {
-      addRowAfter();
-      break;
-    }
-    case 'addRowBefore': {
-      addRowBefore();
-      break;
-    }
-    case 'deleteColumn': {
-      deleteColumn();
-      break;
-    }
-    case 'deleteRow': {
-      deleteRow();
-      break;
-    }
-    case 'deleteTable': {
-      deleteTable();
-      break;
-    }
-    case 'insert': {
-      insertTable();
-      break;
-    }
-  }
-};
-
-// 附件上传
-const triggerAttachmentUpload = () => {
-  attachmentUploadInputRef.value?.click();
-};
-
-const handleAttachmentUpload = async (event: Event) => {
-  const target = event.target as HTMLInputElement;
-  const files = target.files;
-  if (!files || files.length === 0) return;
-
-  const file = files[0];
-  if (!file) return;
-
-  // 验证文件大小 (最大 50MB)
-  const maxSize = 50 * 1024 * 1024;
-  if (file.size > maxSize) {
-    ElMessage.warning('附件大小不能超过 50MB');
-    target.value = '';
-    return;
-  }
-
-  try {
-    attachmentUploading.value = true;
-    attachmentUploadProgress.value = 0;
-
-    const result = await uploadFileApi(file, {
-      source: 'form',
-      onProgress: (progress) => {
-        attachmentUploadProgress.value = progress.percentage;
-      },
-    });
-
-    if (result && result.id) {
-      const fileUrl = await getFileUrl(result.id);
-      editor.value
-        ?.chain()
-        .focus()
-        .insertContent({
-          type: 'attachment',
-          attrs: {
-            id: result.id,
-            name: file.name,
-            size: file.size,
-            type: file.type,
-            url: fileUrl,
-          },
-        })
-        .run();
-      ElMessage.success('附件上传成功');
-      attachmentPopoverVisible.value = false;
-    } else {
-      ElMessage.error('上传失败，请重试');
-    }
-  } catch (error) {
-    console.error('附件上传失败:', error);
-    ElMessage.error('附件上传失败');
-  } finally {
-    attachmentUploading.value = false;
-    attachmentUploadProgress.value = 0;
-    target.value = '';
-  }
-};
-
-// 视频上传
-const triggerVideoUpload = () => {
-  videoUploadInputRef.value?.click();
-};
-
-const handleVideoUpload = async (event: Event) => {
-  const target = event.target as HTMLInputElement;
-  const files = target.files;
-  if (!files || files.length === 0) return;
-
-  const file = files[0];
-  if (!file) return;
-
-  // 验证文件类型
-  const validTypes = [
-    'video/mp4',
-    'video/webm',
-    'video/ogg',
-    'video/quicktime',
-  ];
-  if (!validTypes.includes(file.type)) {
-    ElMessage.warning('请上传 MP4、WebM、OGG 或 MOV 格式的视频');
-    target.value = '';
-    return;
-  }
-
-  // 验证文件大小 (最大 100MB)
-  const maxSize = 100 * 1024 * 1024;
-  if (file.size > maxSize) {
-    ElMessage.warning('视频大小不能超过 100MB');
-    target.value = '';
-    return;
-  }
-
-  try {
-    videoUploading.value = true;
-    videoUploadProgress.value = 0;
-
-    const result = await uploadFileApi(file, {
-      source: 'form',
-      onProgress: (progress) => {
-        videoUploadProgress.value = progress.percentage;
-      },
-    });
-
-    if (result && result.id) {
-      const videoSrc = await getFileUrl(result.id);
-      insertVideo(videoSrc, result.id);
-      ElMessage.success('视频上传成功');
-      videoPopoverVisible.value = false;
-    } else {
-      ElMessage.error('上传失败，请重试');
-    }
-  } catch (error) {
-    console.error('视频上传失败:', error);
-    ElMessage.error('视频上传失败');
-  } finally {
-    videoUploading.value = false;
-    videoUploadProgress.value = 0;
-    target.value = '';
-  }
-};
-
-const insertVideo = (src: string, id?: string) => {
-  if (!src) return;
-  editor.value
-    ?.chain()
-    .focus()
-    .insertContent({
-      type: 'video',
-      attrs: {
-        id,
-        src,
-        width: '100%',
-      },
-    })
-    .run();
-};
-
-const setVideoFromUrl = () => {
-  if (!videoUrl.value) {
-    ElMessage.warning('请输入视频地址');
-    return;
-  }
-  insertVideo(videoUrl.value);
-  videoUrl.value = '';
-  videoPopoverVisible.value = false;
-};
-
-// 检查当前状态
-const isActive = (name: string, attributes?: Record<string, any>) => {
-  return editor.value?.isActive(name, attributes) || false;
-};
-
-// 预设颜色
-const presetColors = [
-  '#000000',
-  '#333333',
-  '#666666',
-  '#999999',
-  '#cccccc',
-  '#e60000',
-  '#ff9900',
-  '#ffff00',
-  '#008a00',
-  '#0066cc',
-  '#9933ff',
-  '#ff00ff',
-  '#ff6666',
-  '#ffcc66',
-  '#ffff66',
-];
-
-// 暴露方法
-defineExpose({
-  /** 获取编辑器实例 */
-  getEditor: () => editor.value,
-  /** 获取 HTML 内容 */
-  getHTML: () => editor.value?.getHTML() || '',
-  /** 获取纯文本内容 */
-  getText: () => editor.value?.getText() || '',
-  /** 获取 Markdown 内容 */
-  getMarkdown: () =>
-    (editor.value?.storage as any)?.markdown?.getMarkdown() || '',
-  /** 设置内容 */
-  setContent: (content: string) => editor.value?.commands.setContent(content),
-  /** 清空内容 */
-  clear: () => editor.value?.commands.clearContent(),
-  /** 聚焦 */
-  focus: () => editor.value?.commands.focus(),
-  /** 在光标位置插入文本 */
-  insertText: (text: string) => {
-    editor.value?.chain().focus().insertContent(text).run();
-  },
-});
-</script>
-
-<template>
-  <div
-    class="rich-text-editor rounded border border-[var(--el-border-color)] bg-[var(--el-bg-color)]"
-    :class="{
-      'is-disabled': disabled,
-      'is-readonly': readonly,
-      'is-fullscreen': isFullscreen,
-    }"
-  >
-    <!-- 工具栏 -->
-    <div
-      v-if="showToolbar && !readonly"
-      class="toolbar flex flex-wrap items-center gap-1 border-b border-[var(--el-border-color)] bg-[var(--el-fill-color-light)] px-2 py-1"
-    >
-      <!-- 撤销/重做 -->
-      <template v-if="hasGroup('history')">
-        <ElButton
-          text
-          size="small"
-          :disabled="!editor?.can().undo()"
-          title="撤销"
-          @click="undo"
-        >
-          <Undo2 class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :disabled="!editor?.can().redo()"
-          title="重做"
-          @click="redo"
-        >
-          <Redo2 class="h-4 w-4" />
-        </ElButton>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 标题 -->
-      <template v-if="hasGroup('heading')">
-        <ElDropdown trigger="click" @command="setHeading">
-          <ElButton text size="small" title="标题">
-            <Heading1 class="h-4 w-4" />
-          </ElButton>
-          <template #dropdown>
-            <ElDropdownMenu>
-              <ElDropdownItem
-                :command="1"
-                :class="{ 'is-active': isActive('heading', { level: 1 }) }"
-              >
-                <span class="text-xl font-bold">标题 1</span>
-              </ElDropdownItem>
-              <ElDropdownItem
-                :command="2"
-                :class="{ 'is-active': isActive('heading', { level: 2 }) }"
-              >
-                <span class="text-lg font-bold">标题 2</span>
-              </ElDropdownItem>
-              <ElDropdownItem
-                :command="3"
-                :class="{ 'is-active': isActive('heading', { level: 3 }) }"
-              >
-                <span class="text-base font-bold">标题 3</span>
-              </ElDropdownItem>
-            </ElDropdownMenu>
-          </template>
-        </ElDropdown>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 格式化 -->
-      <template v-if="hasGroup('format')">
-        <ElDropdown trigger="click" @command="setFontSize">
-          <ElButton text size="small" title="字体大小">
-            <Type class="h-4 w-4" />
-          </ElButton>
-          <template #dropdown>
-            <ElDropdownMenu>
-              <ElDropdownItem
-                v-for="size in fontSizes"
-                :key="size.value"
-                :command="size.value"
-              >
-                {{ size.label }}
-              </ElDropdownItem>
-            </ElDropdownMenu>
-          </template>
-        </ElDropdown>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('bold') }"
-          title="加粗"
-          @click="toggleBold"
-        >
-          <Bold class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('italic') }"
-          title="斜体"
-          @click="toggleItalic"
-        >
-          <Italic class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('underline') }"
-          title="下划线"
-          @click="toggleUnderline"
-        >
-          <Underline class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('strike') }"
-          title="删除线"
-          @click="toggleStrike"
-        >
-          <Strikethrough class="h-4 w-4" />
-        </ElButton>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 颜色 -->
-      <template v-if="hasGroup('color')">
-        <ElPopover trigger="click" :width="200">
-          <template #reference>
-            <ElButton text size="small" title="文字颜色">
-              <Palette class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="color-picker-panel">
-            <div class="mb-2 text-xs text-[var(--el-text-color-secondary)]">
-              文字颜色
-            </div>
-            <div class="grid grid-cols-5 gap-1">
-              <div
-                v-for="color in presetColors"
-                :key="color"
-                class="h-6 w-6 cursor-pointer rounded border border-[var(--el-border-color)] transition-transform hover:scale-110"
-                :style="{ backgroundColor: color }"
-                @click="setTextColor(color)"
-              ></div>
-            </div>
-            <ElColorPicker class="mt-2" size="small" @change="setTextColor" />
-          </div>
-        </ElPopover>
-        <ElPopover trigger="click" :width="200">
-          <template #reference>
-            <ElButton text size="small" title="背景色">
-              <Highlighter class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="color-picker-panel">
-            <div class="mb-2 text-xs text-[var(--el-text-color-secondary)]">
-              背景色
-            </div>
-            <div class="grid grid-cols-5 gap-1">
-              <div
-                v-for="color in presetColors"
-                :key="color"
-                class="h-6 w-6 cursor-pointer rounded border border-[var(--el-border-color)] transition-transform hover:scale-110"
-                :style="{ backgroundColor: color }"
-                @click="setHighlight(color)"
-              ></div>
-            </div>
-            <ElColorPicker class="mt-2" size="small" @change="setHighlight" />
-          </div>
-        </ElPopover>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 对齐 -->
-      <template v-if="hasGroup('align')">
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': editor?.isActive({ textAlign: 'left' }) }"
-          title="左对齐"
-          @click="setTextAlign('left')"
-        >
-          <AlignLeft class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': editor?.isActive({ textAlign: 'center' }) }"
-          title="居中"
-          @click="setTextAlign('center')"
-        >
-          <AlignCenter class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': editor?.isActive({ textAlign: 'right' }) }"
-          title="右对齐"
-          @click="setTextAlign('right')"
-        >
-          <AlignRight class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': editor?.isActive({ textAlign: 'justify' }) }"
-          title="两端对齐"
-          @click="setTextAlign('justify')"
-        >
-          <AlignJustify class="h-4 w-4" />
-        </ElButton>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 列表 -->
-      <template v-if="hasGroup('list')">
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('bulletList') }"
-          title="无序列表"
-          @click="toggleBulletList"
-        >
-          <List class="h-4 w-4" />
-        </ElButton>
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('orderedList') }"
-          title="有序列表"
-          @click="toggleOrderedList"
-        >
-          <ListOrdered class="h-4 w-4" />
-        </ElButton>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 插入 -->
-      <template v-if="hasGroup('insert')">
-        <ElPopover
-          v-if="hasInsert('link')"
-          v-model:visible="linkPopoverVisible"
-          trigger="click"
-          :width="280"
-        >
-          <template #reference>
-            <ElButton
-              ref="linkButtonRef"
-              text
-              size="small"
-              :class="{ 'is-active': isActive('link') }"
-              title="链接"
-              @click="openLinkPopover"
-            >
-              <Link class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="link-panel">
-            <div class="mb-2 text-sm font-medium">插入链接</div>
-            <ElInput
-              v-model="linkUrl"
-              placeholder="请输入链接地址"
-              size="small"
-              @keyup.enter="setLink"
-            />
-            <div class="mt-2 flex justify-end gap-2">
-              <ElButton size="small" @click="linkPopoverVisible = false">
-                取消
-              </ElButton>
-              <ElButton type="primary" size="small" @click="setLink">
-                确定
-              </ElButton>
-            </div>
-          </div>
-        </ElPopover>
-        <ElPopover
-          v-if="hasInsert('image')"
-          v-model:visible="imagePopoverVisible"
-          trigger="click"
-          :width="320"
-        >
-          <template #reference>
-            <ElButton ref="imageButtonRef" text size="small" title="图片">
-              <Image class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="image-panel">
-            <ElTabs v-model="imageUploadTab" class="image-tabs">
-              <ElTabPane label="上传图片" name="upload">
-                <div class="py-2">
-                  <input
-                    ref="imageUploadInputRef"
-                    type="file"
-                    accept="image/*"
-                    class="hidden"
-                    @change="handleImageUpload"
-                  />
-                  <div
-                    class="upload-area flex cursor-pointer flex-col items-center justify-center rounded border-2 border-dashed border-[var(--el-border-color)] p-6 transition-colors hover:border-[var(--el-color-primary)] hover:bg-[var(--el-fill-color-light)]"
-                    @click="triggerImageUpload"
-                  >
-                    <Image
-                      class="mb-2 h-8 w-8 text-[var(--el-text-color-secondary)]"
-                    />
-                    <span class="text-sm text-[var(--el-text-color-secondary)]">点击或拖拽图片到此处</span>
-                    <span
-                      class="mt-1 text-xs text-[var(--el-text-color-placeholder)]"
-                      >支持 jpg、png、gif 等格式，最大 10MB</span>
-                  </div>
-                  <ElProgress
-                    v-if="imageUploading"
-                    :percentage="imageUploadProgress"
-                    :stroke-width="4"
-                    class="mt-2"
-                  />
-                </div>
-              </ElTabPane>
-              <ElTabPane label="网络图片" name="url">
-                <div class="py-2">
-                  <ElInput
-                    v-model="imageUrl"
-                    placeholder="请输入图片地址"
-                    size="small"
-                    @keyup.enter="setImage"
-                  />
-                  <div class="mt-3 flex justify-end gap-2">
-                    <ElButton size="small" @click="imagePopoverVisible = false">
-                      取消
-                    </ElButton>
-                    <ElButton type="primary" size="small" @click="setImage">
-                      插入
-                    </ElButton>
-                  </div>
-                </div>
-              </ElTabPane>
-            </ElTabs>
-          </div>
-        </ElPopover>
-        <!-- 表格操作 -->
-        <ElDropdown
-          v-if="hasInsert('table')"
-          trigger="click"
-          @command="handleTableCommand"
-        >
-          <ElButton text size="small" title="表格">
-            <Table class="h-4 w-4" />
-          </ElButton>
-          <template #dropdown>
-            <ElDropdownMenu>
-              <ElDropdownItem command="insert" :disabled="isInTable">
-                <div class="flex items-center gap-2">
-                  <Plus class="h-4 w-4" />
-                  <span>插入表格</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem
-                divided
-                command="addRowBefore"
-                :disabled="!isInTable"
-              >
-                <div class="flex items-center gap-2">
-                  <Rows2 class="h-4 w-4" />
-                  <span>在上方插入行</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem command="addRowAfter" :disabled="!isInTable">
-                <div class="flex items-center gap-2">
-                  <Rows2 class="h-4 w-4" />
-                  <span>在下方插入行</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem command="deleteRow" :disabled="!isInTable">
-                <div
-                  class="flex items-center gap-2 text-[var(--el-color-danger)]"
-                >
-                  <Minus class="h-4 w-4" />
-                  <span>删除当前行</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem
-                divided
-                command="addColumnBefore"
-                :disabled="!isInTable"
-              >
-                <div class="flex items-center gap-2">
-                  <Columns2 class="h-4 w-4" />
-                  <span>在左侧插入列</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem command="addColumnAfter" :disabled="!isInTable">
-                <div class="flex items-center gap-2">
-                  <Columns2 class="h-4 w-4" />
-                  <span>在右侧插入列</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem command="deleteColumn" :disabled="!isInTable">
-                <div
-                  class="flex items-center gap-2 text-[var(--el-color-danger)]"
-                >
-                  <Minus class="h-4 w-4" />
-                  <span>删除当前列</span>
-                </div>
-              </ElDropdownItem>
-              <ElDropdownItem
-                divided
-                command="deleteTable"
-                :disabled="!isInTable"
-              >
-                <div
-                  class="flex items-center gap-2 text-[var(--el-color-danger)]"
-                >
-                  <Trash2 class="h-4 w-4" />
-                  <span>删除表格</span>
-                </div>
-              </ElDropdownItem>
-            </ElDropdownMenu>
-          </template>
-        </ElDropdown>
-        <ElPopover
-          v-if="hasInsert('attachment')"
-          v-model:visible="attachmentPopoverVisible"
-          trigger="click"
-          :width="300"
-        >
-          <template #reference>
-            <ElButton text size="small" title="附件">
-              <Paperclip class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="attachment-panel">
-            <div class="mb-2 text-sm font-medium">上传附件</div>
-            <input
-              ref="attachmentUploadInputRef"
-              type="file"
-              class="hidden"
-              @change="handleAttachmentUpload"
-            />
-            <div
-              class="upload-area flex cursor-pointer flex-col items-center justify-center rounded border-2 border-dashed border-[var(--el-border-color)] p-6 transition-colors hover:border-[var(--el-color-primary)] hover:bg-[var(--el-fill-color-light)]"
-              @click="triggerAttachmentUpload"
-            >
-              <Paperclip
-                class="mb-2 h-8 w-8 text-[var(--el-text-color-secondary)]"
-              />
-              <span class="text-sm text-[var(--el-text-color-secondary)]">点击选择文件</span>
-              <span class="mt-1 text-xs text-[var(--el-text-color-placeholder)]">支持常见文档格式，最大 50MB</span>
-            </div>
-            <ElProgress
-              v-if="attachmentUploading"
-              :percentage="attachmentUploadProgress"
-              :stroke-width="4"
-              class="mt-2"
-            />
-          </div>
-        </ElPopover>
-        <ElPopover
-          v-if="hasInsert('video')"
-          v-model:visible="videoPopoverVisible"
-          trigger="click"
-          :width="320"
-        >
-          <template #reference>
-            <ElButton text size="small" title="视频">
-              <Video class="h-4 w-4" />
-            </ElButton>
-          </template>
-          <div class="video-panel">
-            <ElTabs v-model="videoUploadTab">
-              <ElTabPane label="上传视频" name="upload">
-                <div class="py-2">
-                  <input
-                    ref="videoUploadInputRef"
-                    type="file"
-                    accept="video/mp4,video/webm,video/ogg,video/quicktime"
-                    class="hidden"
-                    @change="handleVideoUpload"
-                  />
-                  <div
-                    class="upload-area flex cursor-pointer flex-col items-center justify-center rounded border-2 border-dashed border-[var(--el-border-color)] p-6 transition-colors hover:border-[var(--el-color-primary)] hover:bg-[var(--el-fill-color-light)]"
-                    @click="triggerVideoUpload"
-                  >
-                    <Video
-                      class="mb-2 h-8 w-8 text-[var(--el-text-color-secondary)]"
-                    />
-                    <span class="text-sm text-[var(--el-text-color-secondary)]">点击选择视频</span>
-                    <span
-                      class="mt-1 text-xs text-[var(--el-text-color-placeholder)]"
-                      >支持 MP4、WebM、OGG，最大 100MB</span>
-                  </div>
-                  <ElProgress
-                    v-if="videoUploading"
-                    :percentage="videoUploadProgress"
-                    :stroke-width="4"
-                    class="mt-2"
-                  />
-                </div>
-              </ElTabPane>
-              <ElTabPane label="网络视频" name="url">
-                <div class="py-2">
-                  <ElInput
-                    v-model="videoUrl"
-                    placeholder="请输入视频地址"
-                    size="small"
-                    @keyup.enter="setVideoFromUrl"
-                  />
-                  <div class="mt-3 flex justify-end gap-2">
-                    <ElButton size="small" @click="videoPopoverVisible = false">
-                      取消
-                    </ElButton>
-                    <ElButton
-                      type="primary"
-                      size="small"
-                      @click="setVideoFromUrl"
-                    >
-                      插入
-                    </ElButton>
-                  </div>
-                </div>
-              </ElTabPane>
-            </ElTabs>
-          </div>
-        </ElPopover>
-        <ElDivider direction="vertical" />
-      </template>
-
-      <!-- 引用 -->
-      <template v-if="hasGroup('blockquote')">
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('blockquote') }"
-          title="引用"
-          @click="toggleBlockquote"
-        >
-          <Quote class="h-4 w-4" />
-        </ElButton>
-      </template>
-
-      <!-- 代码 -->
-      <template v-if="hasGroup('code')">
-        <ElButton
-          text
-          size="small"
-          :class="{ 'is-active': isActive('code') }"
-          title="行内代码"
-          @click="toggleCode"
-        >
-          <Code class="h-4 w-4" />
-        </ElButton>
-      </template>
-
-      <!-- 分割线 -->
-      <template v-if="hasGroup('divider')">
-        <ElButton text size="small" title="分割线" @click="setHorizontalRule">
-          <Minus class="h-4 w-4" />
-        </ElButton>
-      </template>
-
-      <!-- 清除格式 -->
-      <template v-if="hasGroup('clear')">
-        <ElDivider direction="vertical" />
-        <ElButton text size="small" title="清除格式" @click="clearFormat">
-          <Eraser class="h-4 w-4" />
-        </ElButton>
-      </template>
-
-      <!-- 全屏按钮和纸张尺寸选择 -->
-      <div class="ml-auto flex items-center gap-1">
-        <!-- 纸张尺寸选择（仅全屏时显示） -->
-        <template v-if="isFullscreen">
-          <ElButton
-            v-for="(config, key) in paperSizes"
-            :key="key"
-            text
-            size="small"
-            :class="{ 'is-active': fullscreenWidth === key }"
-            @click="setFullscreenWidth(key as 'full' | 'a4' | 'a5' | 'letter')"
-          >
-            {{ config.label }}
-          </ElButton>
-          <ElDivider direction="vertical" />
-        </template>
-        <ElButton
-          text
-          size="small"
-          :title="isFullscreen ? '退出全屏' : '全屏编辑'"
-          @click="toggleFullscreen"
-        >
-          <Minimize2 v-if="isFullscreen" class="h-4 w-4" />
-          <Maximize2 v-else class="h-4 w-4" />
-        </ElButton>
-      </div>
-    </div>
-
-    <!-- 编辑器内容区 -->
-    <div
-      class="editor-content overflow-auto"
-      :class="{ 'fullscreen-content': isFullscreen }"
-      :style="editorStyle"
-      @paste="handlePaste"
-      @drop="handleDrop"
-      @dragover.prevent
-    >
-      <div
-        v-if="isFullscreen && fullscreenWidth !== 'full'"
-        class="editor-paper mx-auto bg-[var(--el-bg-color)] shadow-lg"
-        :style="{ width: paperSizes[fullscreenWidth].width }"
-      >
-        <EditorContent :editor="editor" class="h-full" />
-      </div>
-      <EditorContent v-else :editor="editor" class="h-full" />
-    </div>
-
-    <!-- 底部状态栏 -->
-    <div
-      v-if="showWordCount"
-      class="status-bar flex items-center justify-end border-t border-[var(--el-border-color)] bg-[var(--el-fill-color-light)] px-3 py-1 text-xs text-[var(--el-text-color-secondary)]"
-    >
-      <span>
-        字数: {{ wordCount }}
-        <template v-if="maxLength > 0"> / {{ maxLength }}</template>
-      </span>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.rich-text-editor {
-  &.is-disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-
-  &.is-readonly {
-    .toolbar {
-      display: none;
-    }
-  }
-
-  &.is-fullscreen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 9999;
-    border-radius: 0;
-    display: flex;
-    flex-direction: column;
-
-    .editor-content {
-      flex: 1;
-      max-height: none !important;
-      min-height: 0 !important;
-    }
-
-    .fullscreen-content {
-      background-color: var(--el-fill-color-light);
-      padding: 20px;
-    }
-
-    .editor-paper {
-      min-height: 100%;
-      padding: 40px;
-      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-    }
-  }
-}
-
-.toolbar {
-  :deep(.el-button) {
-    min-width: 28px;
-    height: 28px;
-    padding: 4px 6px;
-
-    &.is-active {
-      color: var(--el-color-primary);
-      background-color: var(--el-color-primary-light-9);
-    }
-  }
-
-  :deep(.el-divider--vertical) {
-    height: 16px;
-    margin: 0 4px;
-  }
-}
-
-.editor-content {
-  :deep(.tiptap) {
-    min-height: 100%;
-    padding: 12px 16px;
-    outline: none;
-
-    > * + * {
-      margin-top: 0.75em;
-    }
-
-    p.is-editor-empty:first-child::before {
-      float: left;
-      height: 0;
-      color: var(--el-text-color-placeholder);
-      pointer-events: none;
-      content: attr(data-placeholder);
-    }
-
-    h1 {
-      margin: 0.67em 0;
-      font-size: 2em;
-      font-weight: bold;
-    }
-
-    h2 {
-      margin: 0.83em 0;
-      font-size: 1.5em;
-      font-weight: bold;
-    }
-
-    h3 {
-      margin: 1em 0;
-      font-size: 1.17em;
-      font-weight: bold;
-    }
-
-    ul,
-    ol {
-      padding-left: 1.5em;
-    }
-
-    ul {
-      list-style-type: disc;
-    }
-
-    ol {
-      list-style-type: decimal;
-    }
-
-    blockquote {
-      padding-left: 1em;
-      margin-left: 0;
-      color: var(--el-text-color-secondary);
-      border-left: 3px solid var(--el-border-color);
-    }
-
-    code {
-      padding: 0.2em 0.4em;
-      font-family: monospace;
-      background-color: var(--el-fill-color);
-      border-radius: 3px;
-    }
-
-    pre {
-      padding: 1em;
-      overflow-x: auto;
-      background-color: var(--el-fill-color-dark);
-      border-radius: 4px;
-
-      code {
-        padding: 0;
-        background: none;
-      }
-    }
-
-    hr {
-      margin: 1em 0;
-      border: none;
-      border-top: 1px solid var(--el-border-color);
-    }
-
-    img {
-      max-width: 100%;
-      height: auto;
-      cursor: pointer;
-      border-radius: 4px;
-      transition: box-shadow 0.2s;
-
-      &:hover {
-        box-shadow: 0 0 0 2px var(--el-color-primary-light-5);
-      }
-
-      &.ProseMirror-selectednode {
-        box-shadow: 0 0 0 2px var(--el-color-primary);
-      }
-    }
-
-    /* 附件节点样式 */
-    .attachment-node {
-      display: inline-block;
-      margin: 4px 0;
-
-      .attachment-link {
-        display: inline-flex;
-        gap: 8px;
-        align-items: center;
-        padding: 8px 12px;
-        color: var(--el-text-color-regular);
-        text-decoration: none;
-        background-color: var(--el-fill-color-light);
-        border: 1px solid var(--el-border-color);
-        border-radius: 6px;
-        transition: all 0.2s;
-
-        &:hover {
-          color: var(--el-color-primary);
-          background-color: var(--el-fill-color);
-          border-color: var(--el-color-primary-light-5);
-        }
-
-        .attachment-icon {
-          font-size: 16px;
-        }
-
-        .attachment-name {
-          max-width: 200px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          font-size: 13px;
-          white-space: nowrap;
-        }
-
-        .attachment-size {
-          font-size: 12px;
-          color: var(--el-text-color-secondary);
-        }
-      }
-    }
-
-    /* 视频节点样式 */
-    .video-node {
-      margin: 12px 0;
-
-      video {
-        max-width: 100%;
-        background-color: var(--el-fill-color-darker);
-        border-radius: 8px;
-      }
-    }
-
-    table {
-      width: 100%;
-      margin: 1em 0;
-      border-collapse: collapse;
-
-      th,
-      td {
-        padding: 8px 12px;
-        text-align: left;
-        border: 1px solid var(--el-border-color);
-      }
-
-      th {
-        font-weight: bold;
-        background-color: var(--el-fill-color-light);
-      }
-    }
-
-    a {
-      color: var(--el-color-primary);
-      text-decoration: underline;
-      cursor: pointer;
-    }
-  }
-}
-
-:deep(.el-dropdown-menu__item.is-active) {
-  color: var(--el-color-primary);
-  background-color: var(--el-color-primary-light-9);
-}
-
-/* 图片上传弹窗样式 */
-.image-panel {
-  :deep(.el-tabs__header) {
-    margin-bottom: 0;
-  }
-
-  :deep(.el-tabs__nav-wrap::after) {
-    height: 1px;
-  }
-
-  :deep(.el-tabs__item) {
-    height: 36px;
-    padding: 0 12px;
-    font-size: 13px;
-    line-height: 36px;
-  }
-}
-
-.upload-area {
-  min-height: 120px;
-
-  &:hover {
-    border-color: var(--el-color-primary);
-  }
-}
-</style>
diff --git a/web/apps/web-ele/src/components/zq-form/rich-text-editor/types.ts b/web/apps/web-ele/src/components/zq-form/rich-text-editor/types.ts
deleted file mode 100644
index 75e7b4c..0000000
--- a/web/apps/web-ele/src/components/zq-form/rich-text-editor/types.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { Editor } from '@tiptap/vue-3';
-
-export interface RichTextEditorProps {
-  /** 编辑器内容 (HTML 格式) */
-  modelValue?: string;
-  /** 占位符 */
-  placeholder?: string;
-  /** 是否禁用 */
-  disabled?: boolean;
-  /** 是否只读 */
-  readonly?: boolean;
-  /** 最小高度 */
-  minHeight?: number | string;
-  /** 最大高度 */
-  maxHeight?: number | string;
-  /** 是否显示工具栏 */
-  showToolbar?: boolean;
-  /** 是否显示字数统计 */
-  showWordCount?: boolean;
-  /** 最大字符数 */
-  maxLength?: number;
-  /** 自定义工具栏配置 */
-  toolbarConfig?: ToolbarConfig;
-}
-
-export interface RichTextEditorEmits {
-  (e: 'update:modelValue', value: string): void;
-  (e: 'change', value: string): void;
-  (e: 'focus', event: FocusEvent): void;
-  (e: 'blur', event: FocusEvent): void;
-  (e: 'ready', editor: Editor): void;
-}
-
-export interface ToolbarConfig {
-  /** 显示的工具组 */
-  groups?: ToolbarGroup[];
-  /** 插入功能细分控制 */
-  insert?: {
-    attachment?: boolean;
-    image?: boolean;
-    link?: boolean;
-    table?: boolean;
-    video?: boolean;
-  };
-}
-
-export type ToolbarGroup =
-  | 'align' // 对齐方式
-  | 'blockquote' // 引用
-  | 'clear' // 清除格式
-  | 'code' // 代码
-  | 'color' // 文字颜色/背景色
-  | 'divider' // 分割线
-  | 'format' // 加粗/斜体/下划线/删除线
-  | 'heading' // 标题
-  | 'history' // 撤销/重做
-  | 'indent' // 缩进
-  | 'insert' // 插入链接/图片/表格/附件/视频
-  | 'list'; // 列表
-
-export const defaultToolbarGroups: ToolbarGroup[] = [
-  'history',
-  'heading',
-  'format',
-  'color',
-  'align',
-  'list',
-  'insert',
-  'blockquote',
-  'code',
-  'divider',
-  'clear',
-];
-
-/** 默认插入功能配置 - 基础功能默认开启 */
-export const defaultInsertConfig = {
-  link: true,
-  image: true,
-  table: true,
-  attachment: false, // 附件默认关闭
-  video: false, // 视频默认关闭
-};
diff --git a/web/apps/web-ele/src/router/routes/modules/demos.ts b/web/apps/web-ele/src/router/routes/modules/demos.ts
index 427c7c0..aebfc83 100644
--- a/web/apps/web-ele/src/router/routes/modules/demos.ts
+++ b/web/apps/web-ele/src/router/routes/modules/demos.ts
@@ -1,37 +1,5 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-// import { BasicLayout } from '#/layouts';
-// import { BookOpenText } from '@vben/icons';
-
-const routes: RouteRecordRaw[] = [
-  // {
-  //   component: BasicLayout,
-  //   meta: {
-  //     icon: BookOpenText,
-  //     order: 9999,
-  //     title: '组件示例',
-  //   },
-  //   name: 'Demos',
-  //   path: '/demos',
-  //   children: [
-  //     {
-  //       meta: {
-  //         title: 'Notion 编辑器',
-  //       },
-  //       name: 'NotionEditorDemo',
-  //       path: '/demos/notion-editor',
-  //       component: () => import('#/views/demos/notion-editor.vue'),
-  //     },
-  //     {
-  //       meta: {
-  //         title: '富文本编辑器',
-  //       },
-  //       name: 'RichTextEditorDemo',
-  //       path: '/demos/rich-text-editor',
-  //       component: () => import('#/views/demos/rich-text-editor.vue'),
-  //     },
-  //   ],
-  // },
-];
+const routes: RouteRecordRaw[] = [];
 
 export default routes;
diff --git a/web/package.json b/web/package.json
index 16c6bc6..b0ddb80 100644
--- a/web/package.json
+++ b/web/package.json
@@ -114,8 +114,6 @@
     "overrides": {
       "@ast-grep/napi": "catalog:",
       "@ctrl/tinycolor": "catalog:",
-      "@tiptap/core": "^3.20.4",
-      "@tiptap/pm": "^3.20.4",
       "clsx": "catalog:",
       "esbuild": "0.25.3",
       "pinia": "catalog:",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index e9f4b7a..7f175b9 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -505,8 +505,6 @@ catalogs:
 overrides:
   '@ast-grep/napi': ^0.37.0
   '@ctrl/tinycolor': ^4.1.0
-  '@tiptap/core': ^3.20.4
-  '@tiptap/pm': ^3.20.4
   clsx: ^2.1.1
   esbuild: 0.25.3
   pinia: ^3.0.3