😎修复富文本编辑器样式、升级npm依赖

Web/package.json

@@ -2,7 +2,7 @@
 	"name": "admin.net.pro",
 	"type": "module",
 	"version": "2.4.33",
-	"lastBuildTime": "2024.07.31",
+	"lastBuildTime": "2024.08.01",
 	"description": "Admin.NET 站在巨人肩膀上的 .NET 通用权限开发框架",
 	"author": "zuohuaijun",
 	"license": "MIT",
@@ -57,14 +57,14 @@
 		"splitpanes": "^3.1.5",
 		"vcrontab-3": "^3.3.22",
 		"vform3-builds": "^3.0.10",
-		"vue": "^3.4.34",
+		"vue": "^3.4.35",
 		"vue-clipboard3": "^2.0.0",
 		"vue-demi": "^0.14.10",
 		"vue-grid-layout": "3.0.0-beta1",
 		"vue-i18n": "^9.13.1",
 		"vue-json-pretty": "^2.4.0",
 		"vue-plugin-hiprint": "0.0.57-beta20",
-		"vue-router": "^4.4.0",
+		"vue-router": "^4.4.1",
 		"vue-signature-pad": "^3.0.2",
 		"vue3-tree-org": "^4.2.2",
 		"vuedraggable": "4.0.3",
@@ -86,7 +86,7 @@
 		"@typescript-eslint/parser": "^7.18.0",
 		"@vitejs/plugin-vue": "^5.1.1",
 		"@vitejs/plugin-vue-jsx": "^4.0.0",
-		"@vue/compiler-sfc": "^3.4.34",
+		"@vue/compiler-sfc": "^3.4.35",
 		"code-inspector-plugin": "^0.15.2",
 		"eslint": "^9.8.0",
 		"eslint-plugin-vue": "^9.27.0",

Web/src/components/editor/index.vue

@@ -1,14 +1,7 @@
 <template>
 	<div class="editor-container">
 		<Toolbar :editor="editorRef" :mode="mode" />
-		<Editor
-			:mode="mode"
-			:defaultConfig="state.editorConfig"
-			:style="{ height }"
-			v-model="state.editorVal"
-			@onCreated="handleCreated"
-			@onChange="handleChange"
-		/>
+		<Editor :mode="mode" :defaultConfig="state.editorConfig" :style="{ height }" v-model="state.editorVal" @onCreated="handleCreated" @onChange="handleChange" />
 	</div>
 </template>
 
@@ -128,3 +121,31 @@ watch(
 	}
 );
 </script>
+<style lang="less">
+.editor-container {
+	overflow-y: hidden;
+	.w-e-bar-item {
+		.w-e-select-list {
+			height: 150px;
+			z-index: 10 !important;
+		}
+	}
+	.w-e-text-container {
+		// 文本框里面的层级调低
+		//z-index: 3 !important;
+	}
+	.w-e-toolbar {
+		// 给工具栏换行
+		flex-wrap: wrap;
+		z-index: 4 !important;
+	}
+	.w-e-menu {
+		// 最重要的一句代码
+		z-index: auto !important;
+		.w-e-droplist {
+			// 触发工具栏后的显示框调高
+			z-index: 2 !important;
+		}
+	}
+}
+</style>