fix(图表): 修复富文本组件垂直居中和置底无法正常滚动

core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue

@@ -174,20 +174,12 @@ watch(
   }
 )
 const ALIGN_MAP = {
-  'top-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'flex-start'
-  },
+  'top-align': {},
   'center-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'center'
+    margin: 'auto'
   },
   'bottom-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'flex-end'
+    'margin-top': 'auto'
   }
 }
 const wrapperStyle = computed(() => {
@@ -468,6 +460,7 @@ defineExpose({
 
 <style lang="less" scoped>
 .rich-main-class {
+  display: flex;
   font-size: initial;
   width: 100%;
   height: 100%;
@@ -585,7 +578,6 @@ defineExpose({
 
 .custom-text-content {
   width: 100%;
-  height: 100%;
   overflow-y: auto;
   outline: none !important;
   border: none !important;

core/core-frontend/src/custom-component/rich-text/plugins/vertical-content.ts

@@ -41,11 +41,11 @@ export default {
       },
       'center-align': {
         component: null,
-        tooltip: '居中'
+        tooltip: '居中,只在内容未溢出时生效'
       },
       'bottom-align': {
         component: null,
-        tooltip: '置底'
+        tooltip: '置底,只在内容未溢出时生效'
       }
     }
     for (const key in btnMap) {