fix: IE浏览器中，max-width: 100% 失效的问题

package.json

@@ -55,11 +55,11 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "32.0.0",
-    "@ckeditor/ckeditor5-engine": "32.0.0",
-    "@ckeditor/ckeditor5-ui": "32.0.0",
-    "@ckeditor/ckeditor5-widget": "32.0.0",
-    "@types/ckeditor__ckeditor5-core": "^28.0.10"
+    "@ckeditor/ckeditor5-core": "34.0.0",
+    "@ckeditor/ckeditor5-engine": "34.0.0",
+    "@ckeditor/ckeditor5-ui": "34.0.0",
+    "@ckeditor/ckeditor5-widget": "34.0.0",
+    "@types/ckeditor__ckeditor5-core": "^33.0.2"
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-alignment": "34.0.0",
@@ -74,31 +74,31 @@
     "@ckeditor/ckeditor5-editor-decoupled": "34.0.0",
     "@ckeditor/ckeditor5-editor-inline": "34.0.0",
     "@ckeditor/ckeditor5-essentials": "34.0.0",
-    "@ckeditor/ckeditor5-find-and-replace": "32.0.0",
-    "@ckeditor/ckeditor5-font": "32.0.0",
-    "@ckeditor/ckeditor5-heading": "32.0.0",
-    "@ckeditor/ckeditor5-highlight": "32.0.0",
-    "@ckeditor/ckeditor5-html-embed": "32.0.0",
-    "@ckeditor/ckeditor5-image": "32.0.0",
-    "@ckeditor/ckeditor5-indent": "32.0.0",
-    "@ckeditor/ckeditor5-inspector": "3.1.1",
-    "@ckeditor/ckeditor5-link": "32.0.0",
-    "@ckeditor/ckeditor5-list": "32.0.0",
-    "@ckeditor/ckeditor5-media-embed": "32.0.0",
-    "@ckeditor/ckeditor5-page-break": "32.0.0",
-    "@ckeditor/ckeditor5-paragraph": "32.0.0",
-    "@ckeditor/ckeditor5-paste-from-office": "32.0.0",
-    "@ckeditor/ckeditor5-remove-format": "32.0.0",
-    "@ckeditor/ckeditor5-source-editing": "32.0.0",
-    "@ckeditor/ckeditor5-table": "32.0.0",
-    "@ckeditor/ckeditor5-theme-lark": "32.0.0",
-    "@ckeditor/ckeditor5-typing": "32.0.0",
-    "@ckeditor/ckeditor5-upload": "32.0.0",
-    "@ckeditor/ckeditor5-utils": "32.0.0",
+    "@ckeditor/ckeditor5-find-and-replace": "34.0.0",
+    "@ckeditor/ckeditor5-font": "34.0.0",
+    "@ckeditor/ckeditor5-heading": "34.0.0",
+    "@ckeditor/ckeditor5-highlight": "34.0.0",
+    "@ckeditor/ckeditor5-html-embed": "34.0.0",
+    "@ckeditor/ckeditor5-image": "34.0.0",
+    "@ckeditor/ckeditor5-indent": "34.0.0",
+    "@ckeditor/ckeditor5-inspector": "4.0.0",
+    "@ckeditor/ckeditor5-link": "34.0.0",
+    "@ckeditor/ckeditor5-list": "34.0.0",
+    "@ckeditor/ckeditor5-media-embed": "34.0.0",
+    "@ckeditor/ckeditor5-page-break": "34.0.0",
+    "@ckeditor/ckeditor5-paragraph": "34.0.0",
+    "@ckeditor/ckeditor5-paste-from-office": "34.0.0",
+    "@ckeditor/ckeditor5-remove-format": "34.0.0",
+    "@ckeditor/ckeditor5-source-editing": "34.0.0",
+    "@ckeditor/ckeditor5-table": "34.0.0",
+    "@ckeditor/ckeditor5-theme-lark": "34.0.0",
+    "@ckeditor/ckeditor5-typing": "34.0.0",
+    "@ckeditor/ckeditor5-upload": "34.0.0",
+    "@ckeditor/ckeditor5-utils": "34.0.0",
     "@commitlint/cli": "16.2.3",
     "@commitlint/config-conventional": "16.2.1",
-    "@hlx/cli": "^1.0.0-beta.5",
-    "@hlx/eslint-config-vue": "^1.0.1-beta.8",
+    "@hlx/cli": "^1.0.0",
+    "@hlx/eslint-config-vue": "^1.0.1",
     "@typescript-eslint/eslint-plugin": "5.19.0",
     "@typescript-eslint/parser": "5.19.0",
     "@vitejs/plugin-vue": "2.3.1",

src/index.js

@@ -2,6 +2,8 @@ import BuildClassic from './build-classic';
 import BuildInline from './build-inline';
 import BuildBalloon from './build-balloon';
 
+import './theme/theme.css';
+
 const HlxMce = {
 	classic: BuildClassic,
 	inline: BuildInline,

src/theme/theme.css

@@ -7,3 +7,10 @@
 .ck.ck-block-toolbar-button {
 	transform: translateX(calc(-1 * var(--ck-spacing-large)));
 }
+
+/* Fix: 修复 IE 浏览器中，`max-width: 100%` 失效的问题 */
+.ck-content .image {
+	table-layout: fixed;
+	max-width: 100%;
+	width: 100%;
+}