completepage: 🍻 消息发送页面

2024-10-31 16:14:22 +08:00 · 2024-10-31 16:14:22 +08:00 · 560411b2dd
parent 2babba2574
commit 560411b2dd
41 changed files with 1225 additions and 355 deletions
--- a/package.json
+++ b/package.json
@ -58,6 +58,8 @@
 		"@vue-flow/core": "^1.33.6",
 		"@vueuse/core": "^10.9.0",
 		"@vueuse/motion": "^2.1.0",
+		"@wangeditor/editor": "^5.1.23",
+		"@wangeditor/editor-for-vue": "^5.1.12",
 		"@zxcvbn-ts/core": "^3.0.4",
 		"animate.css": "^4.1.1",
 		"axios": "^1.6.8",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -35,6 +35,12 @@ importers:
      '@vueuse/motion':
        specifier: ^2.1.0
        version: 2.2.3(rollup@4.21.1)(vue@3.4.38(typescript@5.5.4))
+      '@wangeditor/editor':
+        specifier: ^5.1.23
+        version: 5.1.23
+      '@wangeditor/editor-for-vue':
+        specifier: ^5.1.12
+        version: 5.1.12(@wangeditor/editor@5.1.23)(vue@3.4.38(typescript@5.5.4))
      '@zxcvbn-ts/core':
        specifier: ^3.0.4
        version: 3.0.4
@ -525,6 +531,10 @@ packages:
    peerDependencies:
      '@babel/core': ^7.0.0-0

+  '@babel/runtime@7.26.0':
+    resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/standalone@7.25.5':
    resolution: {integrity: sha512-46bI7GJHwgWfWszOWMvJIsJjXd+LBMIlaiw4R54+b7GvDfxTVE6ytsqR8uEiI/zYECoB33ChwfN0wq/MLHLFXg==}
    engines: {node: '>=6.9.0'}
@ -1224,46 +1234,55 @@ packages:
    resolution: {integrity: sha512-sWWgdQ1fq+XKrlda8PsMCfut8caFwZBmhYeoehJ05FdI0YZXk6ZyUjWLrIgbR/VgiGycrFKMMgp7eJ69HOF2pQ==}
    cpu: [arm]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-arm-musleabihf@4.21.1':
    resolution: {integrity: sha512-9OIiSuj5EsYQlmwhmFRA0LRO0dRRjdCVZA3hnmZe1rEwRk11Jy3ECGGq3a7RrVEZ0/pCsYWx8jG3IvcrJ6RCew==}
    cpu: [arm]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-linux-arm64-gnu@4.21.1':
    resolution: {integrity: sha512-0kuAkRK4MeIUbzQYu63NrJmfoUVicajoRAL1bpwdYIYRcs57iyIV9NLcuyDyDXE2GiZCL4uhKSYAnyWpjZkWow==}
    cpu: [arm64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-arm64-musl@4.21.1':
    resolution: {integrity: sha512-/6dYC9fZtfEY0vozpc5bx1RP4VrtEOhNQGb0HwvYNwXD1BBbwQ5cKIbUVVU7G2d5WRE90NfB922elN8ASXAJEA==}
    cpu: [arm64]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-linux-powerpc64le-gnu@4.21.1':
    resolution: {integrity: sha512-ltUWy+sHeAh3YZ91NUsV4Xg3uBXAlscQe8ZOXRCVAKLsivGuJsrkawYPUEyCV3DYa9urgJugMLn8Z3Z/6CeyRQ==}
    cpu: [ppc64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-riscv64-gnu@4.21.1':
    resolution: {integrity: sha512-BggMndzI7Tlv4/abrgLwa/dxNEMn2gC61DCLrTzw8LkpSKel4o+O+gtjbnkevZ18SKkeN3ihRGPuBxjaetWzWg==}
    cpu: [riscv64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-s390x-gnu@4.21.1':
    resolution: {integrity: sha512-z/9rtlGd/OMv+gb1mNSjElasMf9yXusAxnRDrBaYB+eS1shFm6/4/xDH1SAISO5729fFKUkJ88TkGPRUh8WSAA==}
    cpu: [s390x]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-x64-gnu@4.21.1':
    resolution: {integrity: sha512-kXQVcWqDcDKw0S2E0TmhlTLlUgAmMVqPrJZR+KpH/1ZaZhLSl23GZpQVmawBQGVhyP5WXIsIQ/zqbDBBYmxm5w==}
    cpu: [x64]
    os: [linux]
+    libc: [glibc]

  '@rollup/rollup-linux-x64-musl@4.21.1':
    resolution: {integrity: sha512-CbFv/WMQsSdl+bpX6rVbzR4kAjSSBuDgCqb1l4J68UYsQNalz5wOqLGYj4ZI0thGpyX5kc+LLZ9CL+kpqDovZA==}
    cpu: [x64]
    os: [linux]
+    libc: [musl]

  '@rollup/rollup-win32-arm64-msvc@4.21.1':
    resolution: {integrity: sha512-3Q3brDgA86gHXWHklrwdREKIrIbxC0ZgU8lwpj0eEKGBQH+31uPqr0P2v11pn0tSIxHvcdOWxa4j+YvLNx1i6g==}
@ -1287,6 +1306,9 @@ packages:
  '@sxzz/popperjs-es@2.11.7':
    resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}

+  '@transloadit/prettier-bytes@0.0.7':
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+
  '@trysound/sax@0.2.0':
    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
    engines: {node: '>=10.13.0'}
@ -1312,6 +1334,9 @@ packages:
  '@types/estree@1.0.5':
    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}

+  '@types/event-emitter@0.3.5':
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+
  '@types/gradient-string@1.1.6':
    resolution: {integrity: sha512-LkaYxluY4G5wR1M4AKQUal2q61Di1yVVCw42ImFTuaIoQVgmV0WP1xUaLB8zwb47mp82vWTpePI9JmrjEnJ7nQ==}

@ -1430,6 +1455,23 @@ packages:
    resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
    engines: {node: ^18.18.0 || >=20.0.0}

+  '@uppy/companion-client@2.2.2':
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+
+  '@uppy/core@2.3.4':
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+
+  '@uppy/store-default@2.1.1':
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+
+  '@uppy/utils@4.1.3':
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+
+  '@uppy/xhr-upload@2.1.3':
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+
  '@vavt/util@2.1.0':
    resolution: {integrity: sha512-YIfAvArSFVXmWvoF+DEGD0FhkhVNcCtVWWkfYtj76eSrwHh/wuEEFhiEubg1XLNM3tChO8FH8xJCT/hnizjgFQ==}

@ -1546,6 +1588,93 @@ packages:
  '@vueuse/shared@9.13.0':
    resolution: {integrity: sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==}

+  '@wangeditor/basic-modules@1.1.7':
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/code-highlight@1.0.3':
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/core@1.1.19':
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/editor-for-vue@5.1.12':
+    resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.1.0'
+      vue: ^3.0.5
+
+  '@wangeditor/editor@5.1.23':
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==}
+
+  '@wangeditor/list-module@1.0.5':
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/table-module@1.1.4':
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/upload-image-module@1.0.2':
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/video-module@1.1.4':
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
  '@zougt/some-loader-utils@1.4.3':
    resolution: {integrity: sha512-0FsoqSTQ+qOyp6x5Q6LZQ7xVwquEgLYiIStG3L8p0Q2GsGGYKDkOZ0mIpMt67aNdr8XLsbxXjzTl/iHtTz5zcA==}
    engines: {node: '>= 10.13.0'}
@ -1923,6 +2052,9 @@ packages:
  compatx@0.1.8:
    resolution: {integrity: sha512-jcbsEAR81Bt5s1qOFymBufmCbXCXbk0Ql+K5ouj6gCyx2yHlu6AgmGIi9HxfKixpUDO5bCFJUHQ5uM6ecbTebw==}

+  compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+
  computeds@0.0.1:
    resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==}

@ -2291,6 +2423,9 @@ packages:
  dom-zindex@1.0.5:
    resolution: {integrity: sha512-fvtsFOawZEkt6/SE67eu5IY+Iid8bHAHoYMnRzk4y3ZycAtZJvx7JqE0c0T5GXfxSXw0XKyYDI9K5VkDpovc6A==}

+  dom7@3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==}
+
  domelementtype@2.3.0:
    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}

@ -2852,6 +2987,9 @@ packages:
    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
    engines: {node: '>=8'}

+  html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+
  htmlparser2@8.0.2:
    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}

@ -2872,6 +3010,9 @@ packages:
    engines: {node: '>=14'}
    hasBin: true

+  i18next@20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==}
+
  iconv-lite@0.4.24:
    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
    engines: {node: '>=0.10.0'}
@ -2886,6 +3027,9 @@ packages:
  immediate@3.0.6:
    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}

+  immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+
  immutable@4.3.7:
    resolution: {integrity: sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==}

@ -2967,6 +3111,9 @@ packages:
    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
    engines: {node: '>=0.10.0'}

+  is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+
  is-interactive@1.0.0:
    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
    engines: {node: '>=8'}
@ -3014,6 +3161,9 @@ packages:
    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
    engines: {node: '>=10'}

+  is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+
  is-utf8@0.2.1:
    resolution: {integrity: sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==}

@ -3180,6 +3330,18 @@ packages:
  lodash.camelcase@4.3.0:
    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}

+  lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+
+  lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+
  lodash.isfunction@3.0.9:
    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}

@ -3207,6 +3369,12 @@ packages:
  lodash.startcase@4.4.0:
    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}

+  lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+
+  lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+
  lodash.truncate@4.4.2:
    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}

@ -3334,6 +3502,9 @@ packages:
    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
    engines: {node: '>= 0.6'}

+  mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+
  mime-types@2.1.35:
    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
    engines: {node: '>= 0.6'}
@ -3432,6 +3603,9 @@ packages:
  mz@2.7.0:
    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}

+  namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+
  nan@2.20.0:
    resolution: {integrity: sha512-bk3gXBZDGILuuo/6sKtr0DQmSThYHLtNCdSdXk9YkxD/jK6X2vmCyyXBBxyqZ4XcnzTyYEAThfX3DCEnLf6igw==}

@ -4117,6 +4291,9 @@ packages:
    resolution: {integrity: sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==}
    engines: {node: ^10 || ^12 || >=14}

+  preact@10.24.3:
+    resolution: {integrity: sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==}
+
  prelude-ls@1.2.1:
    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
    engines: {node: '>= 0.8.0'}
@ -4135,6 +4312,10 @@ packages:
    engines: {node: '>=14'}
    hasBin: true

+  prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+
  process-nextick-args@2.0.1:
    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}

@ -4198,6 +4379,9 @@ packages:
    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
    engines: {node: '>=8'}

+  regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+
  reinterval@1.1.0:
    resolution: {integrity: sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ==}

@ -4300,6 +4484,9 @@ packages:
    engines: {node: '>=14.0.0'}
    hasBin: true

+  scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+
  scule@1.3.0:
    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}

@ -4364,6 +4551,14 @@ packages:
    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
    engines: {node: '>=14.16'}

+  slate-history@0.66.0:
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==}
+    peerDependencies:
+      slate: '>=0.65.3'
+
+  slate@0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==}
+
  slice-ansi@4.0.0:
    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
    engines: {node: '>=10'}
@ -4376,6 +4571,10 @@ packages:
    resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
    engines: {node: '>=18'}

+  snabbdom@3.6.2:
+    resolution: {integrity: sha512-ig5qOnCDbugFntKi6c7Xlib8bA6xiJVk8O+WdFrV3wxbMqeHO0hXFQC4nAhPVWfZfi8255lcZkNhtIBINCc4+Q==}
+    engines: {node: '>=12.17.0'}
+
  sortablejs@1.14.0:
    resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}

@ -4424,6 +4623,9 @@ packages:
    resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
    engines: {node: '>=0.8'}

+  ssr-window@3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
+
  stable@0.1.8:
    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
@ -4663,6 +4865,9 @@ packages:
  through@2.3.8:
    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}

+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
  tinycolor2@1.6.0:
    resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}

@ -5042,6 +5247,9 @@ packages:
    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
    engines: {node: '>=12'}

+  wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+
  wmf@1.0.2:
    resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
    engines: {node: '>=0.8'}
@ -5375,6 +5583,10 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@babel/runtime@7.26.0':
+    dependencies:
+      regenerator-runtime: 0.14.1
+
  '@babel/standalone@7.25.5':
    optional: true

@ -5762,7 +5974,7 @@ snapshots:
      '@types/node': 20.5.1
      chalk: 4.1.2
      cosmiconfig: 8.3.6(typescript@5.5.4)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.5.4))(ts-node@10.9.2(@types/node@20.16.2)(typescript@5.5.4))(typescript@5.5.4)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.5.4))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.5.4))(typescript@5.5.4)
      lodash.isplainobject: 4.0.6
      lodash.merge: 4.6.2
      lodash.uniq: 4.5.0
@ -6392,6 +6604,8 @@ snapshots:

  '@sxzz/popperjs-es@2.11.7': {}

+  '@transloadit/prettier-bytes@0.0.7': {}
+
  '@trysound/sax@0.2.0': {}

  '@tsconfig/node10@1.0.11': {}
@ -6410,6 +6624,8 @@ snapshots:

  '@types/estree@1.0.5': {}

+  '@types/event-emitter@0.3.5': {}
+
  '@types/gradient-string@1.1.6':
    dependencies:
      '@types/tinycolor2': 1.4.6
@ -6542,6 +6758,35 @@ snapshots:
      '@typescript-eslint/types': 7.18.0
      eslint-visitor-keys: 3.4.3

+  '@uppy/companion-client@2.2.2':
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+
+  '@uppy/core@2.3.4':
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.7
+      preact: 10.24.3
+
+  '@uppy/store-default@2.1.1': {}
+
+  '@uppy/utils@4.1.3':
+    dependencies:
+      lodash.throttle: 4.1.1
+
+  '@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4)':
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.7
+
  '@vavt/util@2.1.0': {}

  '@vitejs/plugin-vue-jsx@3.1.0(vite@5.4.2(@types/node@20.16.2)(sass@1.77.8)(terser@5.31.6))(vue@3.4.38(typescript@5.5.4))':
@ -6741,6 +6986,114 @@ snapshots:
      - '@vue/composition-api'
      - vue

+  '@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/code-highlight@1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      prismjs: 1.29.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 3.0.0
+      event-emitter: 0.3.5
+      html-void-elements: 2.0.1
+      i18next: 20.6.1
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.7
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.72.8
+      slate-history: 0.66.0(slate@0.72.8)
+      snabbdom: 3.6.2
+
+  '@wangeditor/editor-for-vue@5.1.12(@wangeditor/editor@5.1.23)(vue@3.4.38(typescript@5.5.4))':
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+      vue: 3.4.38(typescript@5.5.4)
+
+  '@wangeditor/editor@5.1.23':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/code-highlight': 1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/list-module': 1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/table-module': 1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/upload-image-module': 1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/video-module': 1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/list-module@1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/table-module@1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/upload-image-module@1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.foreach: 4.5.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/video-module@1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.7)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      nanoid: 3.3.7
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
  '@zougt/some-loader-utils@1.4.3':
    dependencies:
      cac: 6.7.14
@ -7167,6 +7520,8 @@ snapshots:
  compatx@0.1.8:
    optional: true

+  compute-scroll-into-view@1.0.20: {}
+
  computeds@0.0.1: {}

  concat-map@0.0.1: {}
@ -7222,7 +7577,7 @@ snapshots:

  core-js@3.38.1: {}

-  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.5.4))(ts-node@10.9.2(@types/node@20.16.2)(typescript@5.5.4))(typescript@5.5.4):
+  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.5.4))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.5.4))(typescript@5.5.4):
    dependencies:
      '@types/node': 20.5.1
      cosmiconfig: 8.3.6(typescript@5.5.4)
@ -7573,6 +7928,10 @@ snapshots:

  dom-zindex@1.0.5: {}

+  dom7@3.0.0:
+    dependencies:
+      ssr-window: 3.0.0
+
  domelementtype@2.3.0: {}

  domhandler@4.3.1:
@ -8255,6 +8614,8 @@ snapshots:

  html-tags@3.3.1: {}

+  html-void-elements@2.0.1: {}
+
  htmlparser2@8.0.2:
    dependencies:
      domelementtype: 2.3.0
@ -8276,6 +8637,10 @@ snapshots:

  husky@8.0.3: {}

+  i18next@20.6.1:
+    dependencies:
+      '@babel/runtime': 7.26.0
+
  iconv-lite@0.4.24:
    dependencies:
      safer-buffer: 2.1.2
@ -8286,6 +8651,8 @@ snapshots:

  immediate@3.0.6: {}

+  immer@9.0.21: {}
+
  immutable@4.3.7: {}

  import-fresh@3.3.0:
@ -8360,6 +8727,8 @@ snapshots:
    dependencies:
      is-extglob: 2.1.1

+  is-hotkey@0.2.0: {}
+
  is-interactive@1.0.0: {}

  is-number@7.0.0: {}
@ -8390,6 +8759,8 @@ snapshots:

  is-unicode-supported@0.1.0: {}

+  is-url@1.2.4: {}
+
  is-utf8@0.2.1: {}

  is-windows@1.0.2: {}
@ -8546,6 +8917,14 @@ snapshots:

  lodash.camelcase@4.3.0: {}

+  lodash.clonedeep@4.5.0: {}
+
+  lodash.debounce@4.0.8: {}
+
+  lodash.foreach@4.5.0: {}
+
+  lodash.isequal@4.5.0: {}
+
  lodash.isfunction@3.0.9: {}

  lodash.isplainobject@4.0.6: {}
@ -8564,6 +8943,10 @@ snapshots:

  lodash.startcase@4.4.0: {}

+  lodash.throttle@4.1.1: {}
+
+  lodash.toarray@4.4.0: {}
+
  lodash.truncate@4.4.2: {}

  lodash.uniq@4.5.0: {}
@ -8698,6 +9081,10 @@ snapshots:

  mime-db@1.52.0: {}

+  mime-match@1.0.2:
+    dependencies:
+      wildcard: 1.1.2
+
  mime-types@2.1.35:
    dependencies:
      mime-db: 1.52.0
@ -8810,6 +9197,8 @@ snapshots:
      object-assign: 4.1.1
      thenify-all: 1.6.0

+  namespace-emitter@2.0.1: {}
+
  nan@2.20.0:
    optional: true

@ -9451,6 +9840,8 @@ snapshots:
      picocolors: 1.0.1
      source-map-js: 1.2.0

+  preact@10.24.3: {}
+
  prelude-ls@1.2.1: {}

  prettier-linter-helpers@1.0.0:
@ -9461,6 +9852,8 @@ snapshots:

  prettier@3.3.3: {}

+  prismjs@1.29.0: {}
+
  process-nextick-args@2.0.1: {}

  process@0.11.10: {}
@ -9528,6 +9921,8 @@ snapshots:
      indent-string: 4.0.0
      strip-indent: 3.0.0

+  regenerator-runtime@0.14.1: {}
+
  reinterval@1.1.0: {}

  require-directory@2.1.1: {}
@ -9639,6 +10034,10 @@ snapshots:
      immutable: 4.3.7
      source-map-js: 1.2.0

+  scroll-into-view-if-needed@2.2.31:
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+
  scule@1.3.0:
    optional: true

@ -9699,6 +10098,17 @@ snapshots:
  slash@5.1.0:
    optional: true

+  slate-history@0.66.0(slate@0.72.8):
+    dependencies:
+      is-plain-object: 5.0.0
+      slate: 0.72.8
+
+  slate@0.72.8:
+    dependencies:
+      immer: 9.0.21
+      is-plain-object: 5.0.0
+      tiny-warning: 1.0.3
+
  slice-ansi@4.0.0:
    dependencies:
      ansi-styles: 4.3.0
@ -9715,6 +10125,8 @@ snapshots:
      ansi-styles: 6.2.1
      is-fullwidth-code-point: 5.0.0

+  snabbdom@3.6.2: {}
+
  sortablejs@1.14.0: {}

  sortablejs@1.15.2: {}
@ -9756,6 +10168,8 @@ snapshots:
    dependencies:
      frac: 1.1.2

+  ssr-window@3.0.0: {}
+
  stable@0.1.8: {}

  std-env@3.7.0:
@ -10071,6 +10485,8 @@ snapshots:

  through@2.3.8: {}

+  tiny-warning@1.0.3: {}
+
  tinycolor2@1.6.0: {}

  tinygradient@1.1.5:
@ -10451,6 +10867,8 @@ snapshots:
    dependencies:
      string-width: 5.1.2

+  wildcard@1.1.2: {}
+
  wmf@1.0.2: {}

  word-wrap@1.2.5: {}
--- a/src/components/Markdown/MarkdownPreview.vue
+++ b/src/components/Markdown/MarkdownPreview.vue
--- a/src/components/SplitPane/iconfont/iconfont.css
+++ b/src/components/SplitPane/iconfont/iconfont.css
@ -0,0 +1,23 @@
+@font-face {
+	font-family: 'iconfont'; /* Project id 3268330 */
+	src:
+		url('iconfont.woff2?t=1647939915215') format('woff2'),
+		url('iconfont.woff?t=1647939915215') format('woff'),
+		url('iconfont.ttf?t=1647939915215') format('truetype');
+}
+
+.iconfont {
+	font-family: 'iconfont' !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-tuozhuai1:before {
+	content: '\e647';
+}
+
+.icon-tuozhuai1-copy:before {
+	content: '\eda3';
+}
--- a/src/components/SplitPane/iconfont/iconfont.js
+++ b/src/components/SplitPane/iconfont/iconfont.js
@ -0,0 +1,64 @@
+!(function (e) {
+	var t,
+		n,
+		c,
+		o,
+		s,
+		i =
+			'<svg><symbol id="icon-tuozhuai1" viewBox="0 0 1024 1024"><path d="M576 896c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m-256 0c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m256-192c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m-256 0c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m256-192c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m-256 0c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m256-192c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m-256 0c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m256-192c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z m-256 0c0-35.2 28.8-64 64-64s64 28.8 64 64-28.8 64-64 64-64-28.8-64-64z" fill="#2c2c2c" ></path></symbol><symbol id="icon-tuozhuai1-copy" viewBox="0 0 1024 1024"><path d="M128 576c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m0-256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m192 256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m0-256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m192 256.00000001c35.2 0 64 28.8 64 63.99999999s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-63.99999999z m0-256.00000001c35.2 0 64 28.8 64 64s-28.8 64-64 63.99999999-64-28.8-64-63.99999999 28.8-64 64-64z m192 256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m0-256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m192 256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z m0-256c35.2 0 64 28.8 64 64s-28.8 64-64 64-64-28.8-64-64 28.8-64 64-64z" fill="#2c2c2c" ></path></symbol></svg>',
+		d = (d = document.getElementsByTagName('script'))[d.length - 1].getAttribute('data-injectcss'),
+		m = function (e, t) {
+			t.parentNode.insertBefore(e, t);
+		};
+	if (d && !e.__iconfont__svg__cssinject__) {
+		e.__iconfont__svg__cssinject__ = !0;
+		try {
+			document.write('<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>');
+		} catch (e) {
+			console && console.log(e);
+		}
+	}
+
+	function l() {
+		s || ((s = !0), c());
+	}
+
+	function a() {
+		try {
+			o.documentElement.doScroll('left');
+		} catch (e) {
+			return void setTimeout(a, 50);
+		}
+		l();
+	}
+
+	(t = function () {
+		var e,
+			t = document.createElement('div');
+		(t.innerHTML = i),
+			(i = null),
+			(t = t.getElementsByTagName('svg')[0]) &&
+				(t.setAttribute('aria-hidden', 'true'),
+				(t.style.position = 'absolute'),
+				(t.style.width = 0),
+				(t.style.height = 0),
+				(t.style.overflow = 'hidden'),
+				(t = t),
+				(e = document.body).firstChild ? m(t, e.firstChild) : e.appendChild(t));
+	}),
+		document.addEventListener
+			? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState)
+				? setTimeout(t, 0)
+				: ((n = function () {
+						document.removeEventListener('DOMContentLoaded', n, !1), t();
+					}),
+					document.addEventListener('DOMContentLoaded', n, !1))
+			: document.attachEvent &&
+				((c = t),
+				(o = e.document),
+				(s = !1),
+				a(),
+				(o.onreadystatechange = function () {
+					'complete' == o.readyState && ((o.onreadystatechange = null), l());
+				}));
+})(window);
--- a/src/components/SplitPane/iconfont/iconfont.json
+++ b/src/components/SplitPane/iconfont/iconfont.json
@ -0,0 +1,23 @@
+{
+  "id": "3268330",
+  "name": "split",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "22378774",
+      "name": "拖拽",
+      "font_class": "tuozhuai1",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "23570521",
+      "name": "拖拽",
+      "font_class": "tuozhuai1-copy",
+      "unicode": "eda3",
+      "unicode_decimal": 60835
+    }
+  ]
+}
--- a/src/components/SplitPane/iconfont/iconfont.ttf
+++ b/src/components/SplitPane/iconfont/iconfont.ttf
--- a/src/components/SplitPane/iconfont/iconfont.woff
+++ b/src/components/SplitPane/iconfont/iconfont.woff
--- a/src/components/SplitPane/iconfont/iconfont.woff2
+++ b/src/components/SplitPane/iconfont/iconfont.woff2
--- a/src/components/SplitPane/index.css
+++ b/src/components/SplitPane/index.css
@ -0,0 +1,49 @@
+.clearfix::after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: ' ';
+	clear: both;
+	height: 0;
+}
+
+.vue-splitter-container {
+	height: 100%;
+	position: relative;
+}
+
+.vue-splitter-container-mask {
+	z-index: 9999;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.splitter-pane.vertical.splitter-paneL {
+	position: absolute;
+	left: 0;
+	height: 100%;
+	padding-right: 3px;
+}
+
+.splitter-pane.vertical.splitter-paneR {
+	position: absolute;
+	right: 0;
+	height: 100%;
+	padding-left: 3px;
+}
+
+.splitter-pane.horizontal.splitter-paneL {
+	position: absolute;
+	top: 0;
+	width: 100%;
+}
+
+.splitter-pane.horizontal.splitter-paneR {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	padding-top: 3px;
+}
--- a/src/components/SplitPane/index.tsx
+++ b/src/components/SplitPane/index.tsx
@ -0,0 +1,102 @@
+import './index.css';
+import resizer from './resizer';
+import { computed, defineComponent, type PropType, ref, unref } from 'vue';
+
+export interface ContextProps {
+	minPercent: number;
+	defaultPercent: number;
+	split: string;
+}
+
+/** 切割面板组件 */
+export default defineComponent({
+	name: 'SplitPane',
+	components: { resizer },
+	props: {
+		splitSet: {
+			type: Object as PropType<ContextProps>,
+			require: true,
+		},
+	},
+	emits: ['resize'],
+	setup(props, ctx) {
+		const active = ref(false);
+		const hasMoved = ref(false);
+		const percent = ref(props.splitSet?.defaultPercent);
+		const type = props.splitSet?.split === 'vertical' ? 'width' : 'height';
+		const resizeType = props.splitSet?.split === 'vertical' ? 'left' : 'top';
+
+		const leftClass = ref(['splitter-pane splitter-paneL', props.splitSet?.split]);
+
+		const rightClass = ref(['splitter-pane splitter-paneR', props.splitSet?.split]);
+
+		const cursor = computed(() => {
+			return active.value ? (props.splitSet?.split === 'vertical' ? { cursor: 'col-resize' } : { cursor: 'row-resize' }) : { cursor: 'default' };
+		});
+
+		const onClick = (): void => {
+			if (!hasMoved.value) {
+				percent.value = 50;
+				ctx.emit('resize', percent.value);
+			}
+		};
+
+		const onMouseDown = (): void => {
+			active.value = true;
+			hasMoved.value = false;
+		};
+
+		const onMouseUp = (): void => {
+			active.value = false;
+		};
+
+		const onMouseMove = (e: any): void => {
+			if (e.buttons === 0 || e.which === 0) {
+				active.value = false;
+			}
+
+			if (active.value) {
+				let offset = 0;
+				let target = e.currentTarget;
+				if (props.splitSet?.split === 'vertical') {
+					while (target) {
+						offset += target.offsetLeft;
+						target = target.offsetParent;
+					}
+				} else {
+					while (target) {
+						offset += target.offsetTop;
+						target = target.offsetParent;
+					}
+				}
+
+				const currentPage = props.splitSet?.split === 'vertical' ? e.pageX : e.pageY;
+				const targetOffset = props.splitSet?.split === 'vertical' ? e.currentTarget.offsetWidth : e.currentTarget.offsetHeight;
+				const percents = Math.floor(((currentPage - offset) / targetOffset) * 10000) / 100;
+
+				if (percents > props.splitSet?.minPercent && percents < 100 - props.splitSet?.minPercent) {
+					percent.value = percents;
+				}
+
+				ctx.emit('resize', percent.value);
+
+				hasMoved.value = true;
+			}
+		};
+
+		return () => (
+			<>
+				<div class='vue-splitter-container clearfix' style={unref(cursor)} onMouseup={() => onMouseUp()} onMousemove={() => onMouseMove(event)}>
+					<div class={unref(leftClass)} style={{ [unref(type)]: unref(percent) + '%' }}>
+						{ctx.slots.paneL()}
+					</div>
+					<resizer style={`${unref([resizeType])}:${unref(percent)}%`} split={props.splitSet?.split} onMousedown={() => onMouseDown()} onClick={() => onClick()}></resizer>
+					<div class={unref(rightClass)} style={{ [unref(type)]: 100 - unref(percent) + '%' }}>
+						{ctx.slots.paneR()}
+					</div>
+					<div v-show={unref(active)} class='vue-splitter-container-mask'></div>
+				</div>
+			</>
+		);
+	},
+});
--- a/src/components/SplitPane/resizer.css
+++ b/src/components/SplitPane/resizer.css
@ -0,0 +1,47 @@
+@import './iconfont/iconfont.css';
+
+.splitter-pane-resizer {
+	box-sizing: border-box;
+	background: #000;
+	position: absolute;
+	opacity: 0.2;
+	z-index: 1;
+	background-clip: padding;
+	background-clip: padding-box;
+}
+
+.splitter-pane-resizer.horizontal {
+	height: 6px;
+	width: 100%;
+	background: #e5e6eb;
+	cursor: row-resize;
+}
+
+.splitter-pane-resizer.horizontal:before {
+	content: '\eda3';
+	font-family: 'iconfont';
+	font-size: 13px;
+	color: #000;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+
+.splitter-pane-resizer.vertical {
+	width: 6px;
+	height: 100%;
+	background: #e5e6eb;
+	cursor: col-resize;
+}
+
+.splitter-pane-resizer.vertical:before {
+	content: '\e647';
+	font-family: 'iconfont';
+	font-size: 13px;
+	color: #000;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
--- a/src/components/SplitPane/resizer.tsx
+++ b/src/components/SplitPane/resizer.tsx
@ -0,0 +1,23 @@
+import './resizer.css';
+import { computed, defineComponent, unref } from 'vue';
+
+export default defineComponent({
+	name: 'Resizer',
+	props: {
+		split: {
+			type: String,
+			required: true,
+		},
+		className: {
+			type: String,
+			default: '',
+		},
+	},
+	setup(props) {
+		const classes = computed(() => {
+			return ['splitter-pane-resizer', props.split, props.className].join(' ');
+		});
+
+		return () => <div class={unref(classes)}></div>;
+	},
+});
--- a/src/layout/components/lay-notice/components/NoticeItem.vue
+++ b/src/layout/components/lay-notice/components/NoticeItem.vue
@ -1,14 +1,14 @@
-<script setup lang="ts">
-import { ListItem } from "../data";
-import { ref, PropType, nextTick } from "vue";
-import { useNav } from "@/layout/hooks/useNav";
-import { deviceDetection } from "@pureadmin/utils";
+<script lang="ts" setup>
+import { ListItem } from '../data';
+import { nextTick, PropType, ref } from 'vue';
+import { useNav } from '@/layout/hooks/useNav';
+import { deviceDetection } from '@pureadmin/utils';

 defineProps({
-  noticeItem: {
-    type: Object as PropType<ListItem>,
-    default: () => {}
-  }
+	noticeItem: {
+		type: Object as PropType<ListItem>,
+		default: () => {},
+	},
 });

 const titleRef = ref(null);
@ -19,159 +19,120 @@ const { tooltipEffect } = useNav();
 const isMobile = deviceDetection();

 function hoverTitle() {
-  nextTick(() => {
-    titleRef.value?.scrollWidth > titleRef.value?.clientWidth
-      ? (titleTooltip.value = true)
-      : (titleTooltip.value = false);
-  });
+	nextTick(() => {
+		titleRef.value?.scrollWidth > titleRef.value?.clientWidth ? (titleTooltip.value = true) : (titleTooltip.value = false);
+	});
 }

 function hoverDescription(event, description) {
-  // currentWidth 为文本在页面中所占的宽度，创建标签，加入到页面，获取currentWidth ,最后在移除
-  const tempTag = document.createElement("span");
-  tempTag.innerText = description;
-  tempTag.className = "getDescriptionWidth";
-  document.querySelector("body").appendChild(tempTag);
-  const currentWidth = (
-    document.querySelector(".getDescriptionWidth") as HTMLSpanElement
-  ).offsetWidth;
-  document.querySelector(".getDescriptionWidth").remove();
+	// currentWidth 为文本在页面中所占的宽度，创建标签，加入到页面，获取currentWidth ,最后在移除
+	const tempTag = document.createElement('span');
+	tempTag.innerText = description;
+	tempTag.className = 'getDescriptionWidth';
+	document.querySelector('body').appendChild(tempTag);
+	const currentWidth = (document.querySelector('.getDescriptionWidth') as HTMLSpanElement).offsetWidth;
+	document.querySelector('.getDescriptionWidth').remove();

-  // cellWidth为容器的宽度
-  const cellWidth = event.target.offsetWidth;
+	// cellWidth为容器的宽度
+	const cellWidth = event.target.offsetWidth;

-  // 当文本宽度大于容器宽度两倍时，代表文本显示超过两行
-  currentWidth > 2 * cellWidth
-    ? (descriptionTooltip.value = true)
-    : (descriptionTooltip.value = false);
+	// 当文本宽度大于容器宽度两倍时，代表文本显示超过两行
+	currentWidth > 2 * cellWidth ? (descriptionTooltip.value = true) : (descriptionTooltip.value = false);
 }
 </script>

 <template>
-  <div
-    class="notice-container border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]"
-  >
-    <el-avatar
-      v-if="noticeItem.avatar"
-      :size="30"
-      :src="noticeItem.avatar"
-      class="notice-container-avatar"
-    />
-    <div class="notice-container-text">
-      <div class="notice-text-title text-[#000000d9] dark:text-white">
-        <el-tooltip
-          popper-class="notice-title-popper"
-          :effect="tooltipEffect"
-          :disabled="!titleTooltip"
-          :content="noticeItem.title"
-          placement="top-start"
-          :enterable="!isMobile"
-        >
-          <div
-            ref="titleRef"
-            class="notice-title-content"
-            @mouseover="hoverTitle"
-          >
-            {{ noticeItem.title }}
-          </div>
-        </el-tooltip>
-        <el-tag
-          v-if="noticeItem?.extra"
-          :type="noticeItem?.status"
-          size="small"
-          class="notice-title-extra"
-        >
-          {{ noticeItem?.extra }}
-        </el-tag>
-      </div>
+	<div class="notice-container border-b-[1px] border-solid border-[#f0f0f0] dark:border-[#303030]">
+		<el-avatar v-if="noticeItem.avatar" :size="30" :src="noticeItem.avatar" class="notice-container-avatar" />
+		<div class="notice-container-text">
+			<div class="notice-text-title text-[#000000d9] dark:text-white">
+				<el-tooltip :content="noticeItem.title" :disabled="!titleTooltip" :effect="tooltipEffect" :enterable="!isMobile" placement="top-start" popper-class="notice-title-popper">
+					<div ref="titleRef" class="notice-title-content" @mouseover="hoverTitle">
+						{{ noticeItem.title }}
+					</div>
+				</el-tooltip>
+				<el-tag v-if="noticeItem?.extra" :type="noticeItem?.status" class="notice-title-extra" size="small">
+					{{ noticeItem?.extra }}
+				</el-tag>
+			</div>

-      <el-tooltip
-        popper-class="notice-title-popper"
-        :effect="tooltipEffect"
-        :disabled="!descriptionTooltip"
-        :content="noticeItem.description"
-        placement="top-start"
-      >
-        <div
-          ref="descriptionRef"
-          class="notice-text-description"
-          @mouseover="hoverDescription($event, noticeItem.description)"
-        >
-          {{ noticeItem.description }}
-        </div>
-      </el-tooltip>
-      <div class="notice-text-datetime text-[#00000073] dark:text-white">
-        {{ noticeItem.datetime }}
-      </div>
-    </div>
-  </div>
+			<el-tooltip :content="noticeItem.description" :disabled="!descriptionTooltip" :effect="tooltipEffect" placement="top-start" popper-class="notice-title-popper">
+				<div ref="descriptionRef" class="notice-text-description" @mouseover="hoverDescription($event, noticeItem.description)">
+					{{ noticeItem.description }}
+				</div>
+			</el-tooltip>
+			<div class="notice-text-datetime text-[#00000073] dark:text-white">
+				{{ noticeItem.datetime }}
+			</div>
+		</div>
+	</div>
 </template>

 <style>
 .notice-title-popper {
-  max-width: 238px;
+	max-width: 238px;
 }
 </style>
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .notice-container {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  padding: 12px 0;
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	padding: 12px 0;

-  // border-bottom: 1px solid #f0f0f0;
+	// border-bottom: 1px solid #f0f0f0;

-  .notice-container-avatar {
-    margin-right: 16px;
-    background: #fff;
-  }
+	.notice-container-avatar {
+		margin-right: 16px;
+		background: #fff;
+	}

-  .notice-container-text {
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
+	.notice-container-text {
+		display: flex;
+		flex: 1;
+		flex-direction: column;
+		justify-content: space-between;

-    .notice-text-title {
-      display: flex;
-      margin-bottom: 8px;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 1.5715;
-      cursor: pointer;
+		.notice-text-title {
+			display: flex;
+			margin-bottom: 8px;
+			font-size: 14px;
+			font-weight: 400;
+			line-height: 1.5715;
+			cursor: pointer;

-      .notice-title-content {
-        flex: 1;
-        width: 200px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
+			.notice-title-content {
+				flex: 1;
+				width: 200px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}

-      .notice-title-extra {
-        float: right;
-        margin-top: -1.5px;
-        font-weight: 400;
-      }
-    }
+			.notice-title-extra {
+				float: right;
+				margin-top: -1.5px;
+				font-weight: 400;
+			}
+		}

-    .notice-text-description,
-    .notice-text-datetime {
-      font-size: 12px;
-      line-height: 1.5715;
-    }
+		.notice-text-description,
+		.notice-text-datetime {
+			font-size: 12px;
+			line-height: 1.5715;
+		}

-    .notice-text-description {
-      display: -webkit-box;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
+		.notice-text-description {
+			display: -webkit-box;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+		}

-    .notice-text-datetime {
-      margin-top: 4px;
-    }
-  }
+		.notice-text-datetime {
+			margin-top: 4px;
+		}
+	}
 }
 </style>
--- a/src/layout/components/lay-notice/components/NoticeList.vue
+++ b/src/layout/components/lay-notice/components/NoticeList.vue
@ -1,23 +1,23 @@
 <script lang="ts" setup>
-import { PropType } from "vue";
-import { ListItem } from "../data";
-import NoticeItem from "./NoticeItem.vue";
+import { PropType } from 'vue';
+import { ListItem } from '../data';
+import NoticeItem from './NoticeItem.vue';

 defineProps({
-  list: {
-    type: Array as PropType<Array<ListItem>>,
-    default: () => []
-  },
-  emptyText: {
-    type: String,
-    default: ""
-  }
+	list: {
+		type: Array as PropType<Array<ListItem>>,
+		default: () => [],
+	},
+	emptyText: {
+		type: String,
+		default: '',
+	},
 });
 </script>

 <template>
-  <div v-if="list.length">
-    <NoticeItem v-for="(item, index) in list" :key="index" :noticeItem="item" />
-  </div>
-  <el-empty v-else :description="emptyText" />
+	<div v-if="list.length">
+		<NoticeItem v-for="(item, index) in list" :key="index" :noticeItem="item" />
+	</div>
+	<el-empty v-else :description="emptyText" />
 </template>
--- a/src/layout/components/lay-notice/data.ts
+++ b/src/layout/components/lay-notice/data.ts
@ -17,6 +17,13 @@ export interface TabItem {
 	emptyText: string;
 }

+// {
+//   avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile1.svg',
+//     title: '小铭 评论了你',
+//   description: '诚在于心，信在于行，诚信在于心行合一。',
+//   datetime: '今天',
+//   type: '2',
+// },
 export const noticesData: TabItem[] = [
 	{
 		key: '1',
@ -27,71 +34,13 @@ export const noticesData: TabItem[] = [
 	{
 		key: '2',
 		name: $t('status.pureMessage'),
-		list: [
-			{
-				avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile1.svg',
-				title: '小铭 评论了你',
-				description: '诚在于心，信在于行，诚信在于心行合一。',
-				datetime: '今天',
-				type: '2',
-			},
-			{
-				avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile2.svg',
-				title: '李白 回复了你',
-				description: '长风破浪会有时，直挂云帆济沧海。',
-				datetime: '昨天',
-				type: '2',
-			},
-			{
-				avatar: 'https://xiaoxian521.github.io/hyperlink/svg/smile5.svg',
-				title: '标题',
-				description: '请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容',
-				datetime: '时间',
-				type: '2',
-			},
-		],
+		list: [],
 		emptyText: $t('status.pureNoMessage'),
 	},
 	{
 		key: '3',
 		name: $t('status.pureTodo'),
-		list: [
-			{
-				avatar: '',
-				title: '第三方紧急代码变更',
-				description: '小林提交于 2024-05-10，需在 2024-05-11 前完成代码变更任务',
-				datetime: '',
-				extra: '马上到期',
-				status: 'danger',
-				type: '3',
-			},
-			{
-				avatar: '',
-				title: '版本发布',
-				description: '指派小铭于 2024-06-18 前完成更新并发布',
-				datetime: '',
-				extra: '已耗时 8 天',
-				status: 'warning',
-				type: '3',
-			},
-			{
-				avatar: '',
-				title: '新功能开发',
-				description: '开发多租户管理',
-				datetime: '',
-				extra: '进行中',
-				type: '3',
-			},
-			{
-				avatar: '',
-				title: '任务名称',
-				description: '任务需要在 2030-10-30 10:00 前启动',
-				datetime: '',
-				extra: '未开始',
-				status: 'info',
-				type: '3',
-			},
-		],
+		list: [],
 		emptyText: $t('status.pureNoTodo'),
 	},
 ];
--- a/src/layout/components/lay-notice/index.vue
+++ b/src/layout/components/lay-notice/index.vue
@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useI18n } from "vue-i18n";
-import { computed, ref } from "vue";
-import { noticesData } from "./data";
-import NoticeList from "./components/NoticeList.vue";
-import BellIcon from "@iconify-icons/ep/bell";
+import { useI18n } from 'vue-i18n';
+import { computed, ref } from 'vue';
+import { noticesData } from './data';
+import NoticeList from './components/NoticeList.vue';
+import BellIcon from '@iconify-icons/ep/bell';

 const { t } = useI18n();
 const noticesNum = ref(0);
@ -12,87 +12,68 @@ const activeKey = ref(noticesData[0]?.key);

 notices.value.map(v => (noticesNum.value += v.list.length));

-const getLabel = computed(
-  () => item =>
-    item.name + (item.list.length > 0 ? `(${item.list.length})` : "")
-);
+const getLabel = computed(() => item => item.name + (item.list.length > 0 ? `(${item.list.length})` : ''));
 </script>

 <template>
-  <el-dropdown placement="bottom-end" trigger="click">
-    <span
-      :class="[
-        'dropdown-badge',
-        'navbar-bg-hover',
-        'select-none',
-        Number(noticesNum) !== 0 && 'mr-[10px]'
-      ]"
-    >
-      <el-badge :max="99" :value="Number(noticesNum) === 0 ? '' : noticesNum">
-        <span class="header-notice-icon">
-          <IconifyIconOffline :icon="BellIcon" />
-        </span>
-      </el-badge>
-    </span>
-    <template #dropdown>
-      <el-dropdown-menu>
-        <el-tabs
-          v-model="activeKey"
-          :stretch="true"
-          :style="{ width: notices.length === 0 ? '200px' : '330px' }"
-          class="dropdown-tabs"
-        >
-          <el-empty
-            v-if="notices.length === 0"
-            :description="t('status.pureNoMessage')"
-            :image-size="60"
-          />
-          <span v-else>
-            <template v-for="item in notices" :key="item.key">
-              <el-tab-pane :label="getLabel(item)" :name="`${item.key}`">
-                <el-scrollbar max-height="330px">
-                  <div class="noticeList-container">
-                    <NoticeList :emptyText="item.emptyText" :list="item.list" />
-                  </div>
-                </el-scrollbar>
-              </el-tab-pane>
-            </template>
-          </span>
-        </el-tabs>
-      </el-dropdown-menu>
-    </template>
-  </el-dropdown>
+	<el-dropdown placement="bottom-end" trigger="click">
+		<span :class="['dropdown-badge', 'navbar-bg-hover', 'select-none', Number(noticesNum) !== 0 && 'mr-[10px]']">
+			<el-badge :max="99" :value="Number(noticesNum) === 0 ? '' : noticesNum">
+				<span class="header-notice-icon">
+					<IconifyIconOffline :icon="BellIcon" />
+				</span>
+			</el-badge>
+		</span>
+		<template #dropdown>
+			<el-dropdown-menu>
+				<el-tabs v-model="activeKey" :stretch="true" :style="{ width: notices.length === 0 ? '200px' : '330px' }" class="dropdown-tabs">
+					<el-empty v-if="notices.length === 0" :description="t('status.pureNoMessage')" :image-size="60" />
+					<span v-else>
+						<template v-for="item in notices" :key="item.key">
+							<el-tab-pane :label="getLabel(item)" :name="`${item.key}`">
+								<el-scrollbar max-height="330px">
+									<div class="noticeList-container">
+										<NoticeList :emptyText="item.emptyText" :list="item.list" />
+									</div>
+								</el-scrollbar>
+							</el-tab-pane>
+						</template>
+					</span>
+				</el-tabs>
+			</el-dropdown-menu>
+		</template>
+	</el-dropdown>
 </template>

 <style lang="scss" scoped>
 .dropdown-badge {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 48px;
-  cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 40px;
+	height: 48px;
+	cursor: pointer;

-  .header-notice-icon {
-    font-size: 18px;
-  }
+	.header-notice-icon {
+		font-size: 18px;
+	}
 }

 .dropdown-tabs {
-  .noticeList-container {
-    padding: 15px 24px 0;
-  }
+	.noticeList-container {
+		padding: 15px 24px 0;
+	}

-  :deep(.el-tabs__header) {
-    margin: 0;
-  }
+	:deep(.el-tabs__header) {
+		margin: 0;
+	}

-  :deep(.el-tabs__nav-wrap)::after {
-    height: 1px;
-  }
+	:deep(.el-tabs__nav-wrap)::after {
+		height: 1px;
+	}

-  :deep(.el-tabs__nav-wrap) {
-    padding: 0 36px;
-  }
+	:deep(.el-tabs__nav-wrap) {
+		padding: 0 36px;
+	}
 }
 </style>
--- a/src/views/systemMaintenance/message/message/index.vue
+++ b/src/views/systemMaintenance/message/message/index.vue
@ -1,10 +1,9 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { columns, editorTypeList } from '@/views/systemMaintenance/message/message/utils/columns';
+import { columns, editorTypeList } from '@/views/messageManagement/message/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
-import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/systemMaintenance/message/message/utils/hooks';
+import { deleteIds, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/messageManagement/message/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
@ -99,8 +98,6 @@ onMounted(() => {

 		<PureTableBar :columns="columns" title="系统消息" @fullscreen="tableRef.setAdaptive()" @refresh="onSearch">
 			<template #buttons>
-				<el-button :icon="useRenderIcon(AddFill)" type="primary" @click="onAdd"> {{ $t('addNew') }}</el-button>
-
 				<!-- 批量删除按钮 -->
 				<el-button v-show="deleteIds.length > 0" :icon="useRenderIcon(Delete)" type="danger" @click="onDeleteBatch">
 					{{ $t('delete_batches') }}
--- a/src/views/systemMaintenance/message/message/message-dialog.vue
+++ b/src/views/systemMaintenance/message/message/message-dialog.vue
@ -1,20 +1,20 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { FormInstance } from 'element-plus';
-import { editorTypeList, rules } from '@/views/systemMaintenance/message/message/utils/columns';
-import { FormProps } from '@/views/systemMaintenance/message/message/utils/types';
+import { editorTypeList, rules } from '@/views/messageManagement/message/utils/columns';
+import { FormProps } from '@/views/messageManagement/message/utils/types';
 import { $t } from '@/plugins/i18n';
 import { usePublicHooks } from '@/views/hooks';
 import { useMessageTypeStore } from '@/store/message/messageType';
 import LoadingSvg from '@/assets/svg/loading.svg';
-import { loading, onSearchUserinfo, userDataList } from '@/views/systemMaintenance/message/message/utils/hooks';
+import { loading, onSearchUserinfo, userDataList } from '@/views/messageManagement/message/utils/hooks';

 const props = withDefaults(defineProps<FormProps>(), {
 	formInline: () => ({
 		// 消息标题
 		title: undefined,
 		// 接收人用户ID
-		receivedUserId: undefined,
+		receivedUserIds: undefined,
 		// 发送人用户ID
 		sendUserId: undefined,
 		// 发送人昵称
@ -38,6 +38,7 @@ const messageTypeStore = useMessageTypeStore();
 onMounted(() => {
 	messageTypeStore.getAllMessageTypeList();
 });
+
 defineExpose({ formRef });
 </script>

--- a/src/views/systemMaintenance/message/message/utils/columns.ts
+++ b/src/views/systemMaintenance/message/message/utils/columns.ts
@ -36,7 +36,7 @@ export const columns: TableColumnList = [
 	{ label: $t('table.createTime'), prop: 'createTime', sortable: true, width: 160 },
 	{ label: $t('table.createUser'), prop: 'createUser', slot: 'createUser', width: 130 },
 	{ label: $t('table.updateUser'), prop: 'updateUser', slot: 'updateUser', width: 130 },
-	{ label: $t('table.operation'), fixed: 'right', width: 210, slot: 'operation' },
+	{ label: $t('table.operation'), fixed: 'right', width: 150, slot: 'operation' },
 ];

 // 添加规则
@ -56,5 +56,5 @@ export const rules = reactive<FormRules>({
 /** 编辑器类型 */
 export const editorTypeList = [
 	{ label: $t('markdown'), value: 'markdown' },
-	{ label: $t('richText'), value: 'richText' },
+	{ label: $t('richText'), value: 'rich' },
 ];
--- a/src/views/systemMaintenance/message/message/utils/hooks.ts
+++ b/src/views/systemMaintenance/message/message/utils/hooks.ts
@ -1,9 +1,9 @@
 import { addDialog } from '@/components/BaseDialog/index';
-import MessageDialog from '@/views/systemMaintenance/message/message/message-dialog.vue';
+import MessageDialog from '@/views/messageManagement/message/message-dialog.vue';
 import { useMessageStore } from '@/store/message/message';
 import { h, ref } from 'vue';
 import { message, messageBox } from '@/utils/message';
-import type { FormItemProps } from '@/views/systemMaintenance/message/message/utils/types';
+import type { FormItemProps } from '@/views/messageManagement/message/utils/types';
 import { $t } from '@/plugins/i18n';
 import DeleteBatchDialog from '@/components/Table/DeleteBatchDialog.vue';
 import { useAdminUserStore } from '@/store/system/adminUser';
@ -25,47 +25,12 @@ export async function onSearch() {
 	messageStore.loading = false;
 }

-/** 添加系统消息 */
-export function onAdd() {
-	addDialog({
-		title: `${$t('addNew')}${$t('message')}`,
-		width: '30%',
-		props: {
-			formInline: {
-				title: undefined,
-				receivedUserIds: undefined,
-				sendUserId: undefined,
-				sendNickName: undefined,
-				messageType: undefined,
-				content: undefined,
-				editorType: undefined,
-				status: undefined,
-			},
-		},
-		draggable: true,
-		fullscreenIcon: true,
-		closeOnClickModal: false,
-		contentRenderer: () => h(MessageDialog, { ref: formRef }),
-		beforeSure: (done, { options }) => {
-			const form = options.props.formInline as FormItemProps;
-			formRef.value.formRef.validate(async (valid: any) => {
-				if (!valid) return;
-
-				const result = await messageStore.addMessage(form);
-				if (!result) return;
-				done();
-				await onSearch();
-			});
-		},
-	});
-}
-
 /**
 * * 更新系统消息
 * @param row
 */
 export async function onUpdate(row: any) {
-	await onSearchUserinfo();
+	await onSearchUserinfo('');

 	addDialog({
 		title: `${$t('modify')}${$t('message')}`,
--- a/src/views/systemMaintenance/message/message/utils/types.ts
+++ b/src/views/systemMaintenance/message/message/utils/types.ts
--- a/src/views/messageManagement/messageEditing/index.vue
+++ b/src/views/messageManagement/messageEditing/index.vue
@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import splitpane, { ContextProps } from '@/components/SplitPane';
+import { reactive } from 'vue';
+import MessageEditorFrom from '@/views/messageManagement/messageEditing/message-editor-from.vue';
+import RichEditor from '@/views/messageManagement/messageEditing/rich-editor.vue';
+import { formState } from '@/views/messageManagement/messageEditing/utils/hooks';
+import MarkdownEditor from '@/views/messageManagement/messageEditing/markdown-editor.vue';
+
+const settingLR: ContextProps = reactive({
+	minPercent: 20,
+	defaultPercent: 80,
+	split: 'vertical',
+});
+</script>
+
+<template>
+	<el-card shadow="never">
+		<div class="split-pane">
+			<splitpane :splitSet="settingLR">
+				<template #paneL>
+					<RichEditor v-if="formState.editorType === 'rich'" />
+					<markdown-editor v-else />
+				</template>
+
+				<template #paneR>
+					<message-editor-from />
+				</template>
+			</splitpane>
+		</div>
+	</el-card>
+</template>
+
+<style lang="scss" scoped>
+.split-pane {
+	width: 100%;
+	height: calc(100vh - 120px);
+}
+</style>
--- a/src/views/messageManagement/messageEditing/markdown-editor.vue
+++ b/src/views/messageManagement/messageEditing/markdown-editor.vue
@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { MdEditor } from 'md-editor-v3';
+import 'md-editor-v3/lib/style.css';
+import { fetchUploadFile } from '@/api/v1/system';
+import { formState } from '@/views/messageManagement/messageEditing/utils/hooks';
+
+/**
+ * * 上传图片
+ * @param files
+ * @param callback
+ */
+const onUploadImg = async (files: any, callback: any) => {
+	// 上传图片等待结果
+	const res = await Promise.all(
+		files.map((file: any) => {
+			return new Promise(async resolve => {
+				const form = new FormData();
+				form.append('file', file);
+				form.append('type', 'message');
+				resolve(await fetchUploadFile(form));
+			});
+		}),
+	);
+
+	// 插入图片内容
+	callback(res.map(item => item.data.url));
+};
+</script>
+
+<template>
+	<MdEditor v-model="formState.content" :showToolbarName="true" style="height: calc(100vh - 120px)" @onUploadImg="onUploadImg" />
+</template>
--- a/src/views/messageManagement/messageEditing/message-editor-from.vue
+++ b/src/views/messageManagement/messageEditing/message-editor-from.vue
@ -0,0 +1,119 @@
+<script lang="ts" setup>
+import { formState } from '@/views/messageManagement/messageEditing/utils/hooks';
+import { onMounted, ref, toRaw } from 'vue';
+import { $t } from '@/plugins/i18n';
+import { rules } from '@/views/messageManagement/messageEditing/utils/columns';
+import { FormInstance } from 'element-plus';
+import { editorTypeList } from '@/views/messageManagement/message/utils/columns';
+import LoadingSvg from '@/assets/svg/loading.svg';
+import { useAdminUserStore } from '@/store/system/adminUser';
+import { useMessageTypeStore } from '@/store/message/messageType';
+import { encode } from 'js-base64';
+import { message } from '@/utils/message';
+import { useMessageStore } from '@/store/message/message';
+import { usePublicHooks } from '@/views/hooks';
+
+const formRef = ref();
+// 用户信息列表
+const userDataList = ref();
+// 搜索用户加载
+const loading = ref(false);
+// 用户是否停用样式
+const { switchStyle } = usePublicHooks();
+const adminUserStore = useAdminUserStore();
+const messageTypeStore = useMessageTypeStore();
+const messageStore = useMessageStore();
+
+/** 搜索 */
+const onSearchUserinfo = async (keyword: string) => {
+	loading.value = true;
+	userDataList.value = await adminUserStore.queryUser({ keyword });
+	loading.value = false;
+};
+
+/** 提交消息 */
+const submitForm = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+
+	// 内容过短
+	if (formState.content.trim().length <= 30) {
+		message($t('contentTooShortTip'), { type: 'warning' });
+		return;
+	}
+
+	formEl.validate(async valid => {
+		if (valid) {
+			// 复制数据
+			const data = toRaw(formState);
+			data.content = encode(formState.content);
+
+			// 添加消息
+			const result = await messageStore.addMessage(data);
+			if (!result) return;
+
+			// 清除数据
+			resetForm(formEl);
+		}
+	});
+};
+
+/** 重置消息 */
+const resetForm = (formEl: FormInstance | undefined) => {
+	if (!formEl) return;
+	const data = toRaw(formState);
+	formEl.resetFields();
+	formState.content = '';
+};
+
+onMounted(() => {
+	messageTypeStore.getAllMessageTypeList();
+});
+</script>
+<template>
+	<el-form ref="formRef" :model="formState" :rules="rules" class="w-[100%] p-5" label-width="auto">
+		<!-- 标题 -->
+		<el-form-item :label="$t('title')" prop="title">
+			<el-input v-model="formState.title" />
+		</el-form-item>
+
+		<!-- 消息类型 -->
+		<el-form-item :label="$t('messageType')" prop="messageType">
+			<el-select v-model="formState.messageType" :placeholder="`${$t('select')}${$t('messageType')}`" clearable filterable>
+				<el-option v-for="(item, index) in messageTypeStore.allMessageTypeList" :key="index" :label="item.messageName" :navigationBar="false" :value="item.messageType" />
+			</el-select>
+		</el-form-item>
+
+		<!-- 接收人ID -->
+		<el-form-item :label="$t('receivedUserIds')" prop="receivedUserIds">
+			<el-select v-model="formState.receivedUserIds" :loading="loading" :placeholder="$t('receivedUserIdTip')" :remote-method="onSearchUserinfo" clearable filterable multiple remote remote-show-suffix>
+				<el-option v-for="item in userDataList" :key="item.id" :label="item.username" :value="item.id" />
+				<template #loading>
+					<el-icon class="is-loading">
+						<LoadingSvg />
+					</el-icon>
+				</template>
+			</el-select>
+		</el-form-item>
+
+		<!-- 编辑器类型 -->
+		<el-form-item :label="$t('editorType')" prop="editorType">
+			<el-radio-group v-model="formState.editorType">
+				<el-radio v-for="(item, index) in editorTypeList" :key="index" :navigationBar="false" :value="item.value">
+					{{ item.label }}
+				</el-radio>
+			</el-radio-group>
+		</el-form-item>
+
+		<!-- 是否已读 -->
+		<el-form-item :label="$t('isRead')" prop="status">
+			<el-switch v-model="formState.status" :active-text="$t('readAlready')" :active-value="true" :inactive-text="$t('unread')" :inactive-value="false" :style="switchStyle" inline-prompt />
+			<!--<el-switch v-model="formState.status" />-->
+		</el-form-item>
+
+		<!-- 提交 -->
+		<el-form-item>
+			<el-button type="primary" @click="submitForm(formRef)">{{ $t('submit') }}</el-button>
+			<el-button @click="resetForm(formRef)">{{ $t('buttons.reset') }}</el-button>
+		</el-form-item>
+	</el-form>
+</template>
--- a/src/views/messageManagement/messageEditing/rich-editor.vue
+++ b/src/views/messageManagement/messageEditing/rich-editor.vue
@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { onBeforeUnmount, ref, shallowRef } from 'vue';
+import '@wangeditor/editor/dist/css/style.css';
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+import { formState } from '@/views/messageManagement/messageEditing/utils/hooks';
+import { getToken } from '@/utils/auth';
+
+const mode = 'default';
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef();
+const toolbarConfig: any = { excludeKeys: 'fullScreen' };
+const editorConfig = { placeholder: '请输入内容...', MENU_CONF: {} };
+const token = ref(getToken().token);
+
+editorConfig.MENU_CONF['uploadImage'] = {
+	// 服务端上传地址，根据实际业务改写
+	server: '/api/files/upload',
+	// form-data 的 fieldName，根据实际业务改写
+	fieldName: 'file',
+	// 选择文件时的类型限制，根据实际业务改写
+	allowedFileTypes: ['image/png', 'image/jpg', 'image/jpeg'],
+	meta: { type: 'message' },
+	headers: { token: token.value },
+	// 自定义插入图片
+	customInsert(res: any, insertFn) {
+		// res.data.url是后端返回的图片地址，根据实际业务改写
+		if (res.data.url) {
+			// const form = new FormData();
+			// form.append('file', file);
+			// form.append('type', 'message');
+			// await fetchUploadFile(form)
+			setTimeout(() => {
+				// insertFn插入图片进编辑器
+				insertFn(res.data.url);
+			}, 2000);
+		}
+	},
+};
+
+const handleCreated = editor => {
+	// 记录 editor 实例，重要！
+	editorRef.value = editor;
+};
+
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+	const editor = editorRef.value;
+	if (editor == null) return;
+	editor.destroy();
+});
+</script>
+
+<template>
+	<div class="wangeditor">
+		<Toolbar :defaultConfig="toolbarConfig" :editor="editorRef" :mode="mode" style="border-bottom: 1px solid #ccc" />
+		<Editor v-model="formState.content" :defaultConfig="editorConfig" :mode="mode" style="height: 500px; overflow-y: hidden" @onCreated="handleCreated" />
+	</div>
+</template>
--- a/src/views/messageManagement/messageEditing/utils/columns.ts
+++ b/src/views/messageManagement/messageEditing/utils/columns.ts
@ -0,0 +1,12 @@
+import { $t } from '@/plugins/i18n';
+
+export const rules = {
+	// 消息标题
+	title: [{ required: true, message: `${$t('input')}${$t('title')}`, trigger: 'blur' }],
+	// 消息类型
+	messageType: [{ required: true, message: `${$t('input')}${$t('messageType')}`, trigger: 'blur' }],
+	// 消息内容
+	content: [{ required: true, message: `${$t('input')}${$t('content')}`, trigger: 'blur' }],
+	// 编辑器类型
+	editorType: [{ required: true, message: `${$t('input')}${$t('editorType')}`, trigger: 'blur' }],
+};
--- a/src/views/messageManagement/messageEditing/utils/hooks.ts
+++ b/src/views/messageManagement/messageEditing/utils/hooks.ts
@ -0,0 +1,11 @@
+import { reactive } from 'vue';
+
+// 提交表单信息
+export const formState = reactive({
+	title: '',
+	receivedUserIds: undefined,
+	messageType: undefined,
+	content: '',
+	editorType: 'markdown',
+	status: false,
+});
--- a/src/views/systemMaintenance/message/messageType/index.vue
+++ b/src/views/systemMaintenance/message/messageType/index.vue
@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { columns } from '@/views/systemMaintenance/message/messageType/utils/columns';
+import { columns } from '@/views/messageManagement/messageType/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/systemMaintenance/message/messageType/utils/hooks';
+import { deleteIds, onAdd, onDelete, onDeleteBatch, onSearch, onUpdate } from '@/views/messageManagement/messageType/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import EditPen from '@iconify-icons/ep/edit-pen';
 import Refresh from '@iconify-icons/ep/refresh';
--- a/src/views/systemMaintenance/message/messageType/message-type-dialog.vue
+++ b/src/views/systemMaintenance/message/messageType/message-type-dialog.vue
@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import { FormInstance } from 'element-plus';
-import { rules } from '@/views/systemMaintenance/message/messageType/utils/columns';
-import { FormProps } from '@/views/systemMaintenance/message/messageType/utils/types';
+import { rules } from '@/views/messageManagement/messageType/utils/columns';
+import { FormProps } from '@/views/messageManagement/messageType/utils/types';
 import { $t } from '@/plugins/i18n';
 import { usePublicHooks } from '@/views/hooks';

--- a/src/views/systemMaintenance/message/messageType/utils/columns.tsx
+++ b/src/views/systemMaintenance/message/messageType/utils/columns.tsx
--- a/src/views/systemMaintenance/message/messageType/utils/hooks.ts
+++ b/src/views/systemMaintenance/message/messageType/utils/hooks.ts
@ -1,9 +1,9 @@
 import { addDialog } from '@/components/BaseDialog/index';
-import MessageTypeDialog from '@/views/systemMaintenance/message/messageType/message-type-dialog.vue';
+import MessageTypeDialog from '@/views/messageManagement/messageType/message-type-dialog.vue';
 import { useMessageTypeStore } from '@/store/message/messageType';
 import { h, ref } from 'vue';
 import { message, messageBox } from '@/utils/message';
-import type { FormItemProps } from '@/views/systemMaintenance/message/messageType/utils/types';
+import type { FormItemProps } from '@/views/messageManagement/messageType/utils/types';
 import { $t } from '@/plugins/i18n';
 import DeleteBatchDialog from '@/components/Table/DeleteBatchDialog.vue';

--- a/src/views/systemMaintenance/message/messageType/utils/types.ts
+++ b/src/views/systemMaintenance/message/messageType/utils/types.ts
--- a/src/views/systemMaintenance/files/files-dialog.vue
+++ b/src/views/systemMaintenance/files/files-dialog.vue
@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
 import { FormInstance, genFileId, UploadProps, UploadRawFile } from 'element-plus';
-import { addRules, uploadRules } from '@/views/systemMaintenance/files/utils/columns';
-import { FormProps } from '@/views/systemMaintenance/files/utils/types';
+import { addRules, uploadRules } from '@/views/monitor/files/utils/columns';
+import { FormProps } from '@/views/monitor/files/utils/types';
 import { $t } from '@/plugins/i18n';
 import { useFilesStore } from '@/store/monitor/files';
 import { UploadFilled } from '@element-plus/icons-vue';
--- a/src/views/systemMaintenance/files/index.vue
+++ b/src/views/systemMaintenance/files/index.vue
@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { columns } from '@/views/systemMaintenance/files/utils/columns';
+import { columns } from '@/views/monitor/files/utils/columns';
 import PureTableBar from '@/components/TableBar/src/bar';
 import AddFill from '@iconify-icons/ri/add-circle-line';
 import PureTable from '@pureadmin/table';
-import { onAdd, onDelete, onDeleteBatch, onDownload, onDownloadBatch, onSearch, onUpdate, selectRows } from '@/views/systemMaintenance/files/utils/hooks';
+import { onAdd, onDelete, onDeleteBatch, onDownload, onDownloadBatch, onSearch, onUpdate, selectRows } from '@/views/monitor/files/utils/hooks';
 import Delete from '@iconify-icons/ep/delete';
 import Download from '@iconify-icons/ep/download';
 import EditPen from '@iconify-icons/ep/edit-pen';
--- a/src/views/systemMaintenance/files/utils/columns.ts
+++ b/src/views/systemMaintenance/files/utils/columns.ts
--- a/src/views/systemMaintenance/files/utils/hooks.tsx
+++ b/src/views/systemMaintenance/files/utils/hooks.tsx
@ -1,9 +1,9 @@
 import { addDialog } from '@/components/BaseDialog/index';
-import FilesDialog from '@/views/systemMaintenance/files/files-dialog.vue';
+import FilesDialog from '@/views/monitor/files/files-dialog.vue';
 import { useFilesStore } from '@/store/monitor/files';
 import { h, ref } from 'vue';
 import { message, messageBox } from '@/utils/message';
-import type { FormItemProps } from '@/views/systemMaintenance/files/utils/types';
+import type { FormItemProps } from '@/views/monitor/files/utils/types';
 import { $t } from '@/plugins/i18n';
 import { downloadFilesByFileId, downloadFilesByFilepath } from '@/api/v1/files';
 import { download } from '@/utils/sso';
--- a/src/views/systemMaintenance/files/utils/types.ts
+++ b/src/views/systemMaintenance/files/utils/types.ts
--- a/src/views/systemMaintenance/message/messageEditing/index.vue
+++ b/src/views/systemMaintenance/message/messageEditing/index.vue
@ -1,5 +0,0 @@
-<script lang="ts" setup></script>
-
-<template>
-	<h1>消息编辑页面</h1>
-</template>
--- a/src/views/welcome/components/server-read-me.vue
+++ b/src/views/welcome/components/server-read-me.vue
@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import MarkdownPreview from '@/components/Markdown/MarkdownPreview.vue';
+import MarkdownPreview from '@/components/Editor/MarkdownPreview.vue';
 import { onMounted, ref } from 'vue';
 import { decode } from 'js-base64';

--- a/src/views/welcome/components/web-read-me.vue
+++ b/src/views/welcome/components/web-read-me.vue
@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import MarkdownPreview from '@/components/Markdown/MarkdownPreview.vue';
+import MarkdownPreview from '@/components/Editor/MarkdownPreview.vue';
 import { onMounted, ref } from 'vue';
 import { decode } from 'js-base64';