@wangeditor-next/editor 5.3.2 → 5.3.4

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.3.4](https://github.com/cycleccc/wangEditor/compare/@wangeditor-next/editor@5.4.0...@wangeditor-next/editor@5.3.4) (2024-07-14)
+
+**Note:** Version bump only for package @wangeditor-next/editor
+
+
+
+
+
+# [5.4.0](https://github.com/cycleccc/wangEditor/compare/@wangeditor-next/editor@5.3.2...@wangeditor-next/editor@5.4.0) (2024-07-11)
+
+
+### Features
+
+* Table add merge / split cell ([26250fa](https://github.com/cycleccc/wangEditor/commit/26250faaa6fbbbdd39a4d5c28364df9d944596bd))
+
+
+
+
+
 ## [5.3.2](https://github.com/cycleccc/wangEditor/compare/@wangeditor-next/editor@5.3.1...@wangeditor-next/editor@5.3.2) (2024-07-08)
 
 **Note:** Version bump only for package @wangeditor-next/editor

package/dist/css/style.css

@@ -535,6 +535,10 @@ body .w-e-modal * {
 }
 
 
+.w-e-text-container [data-slate-editor] {
+  /* 干掉 Chrome 默认选区样式*/
+  /* 拖动 Style */
+}
 .w-e-text-container [data-slate-editor] .table-container {
   width: 100%;
   overflow-x: auto;
@@ -542,9 +546,12 @@ body .w-e-modal * {
   padding: 10px;
   border-radius: 5px;
   margin-top: 10px;
+  position: relative;
 }
 .w-e-text-container [data-slate-editor] table {
   border-collapse: collapse;
+  table-layout: fixed;
+  /* 选区拖影 */
 }
 .w-e-text-container [data-slate-editor] table td,
 .w-e-text-container [data-slate-editor] table th {
@@ -553,17 +560,76 @@ body .w-e-modal * {
   min-width: 30px;
   text-align: left;
   line-height: 1.5;
+  /* 强制换行，table column 宽度必须拖动增大 */
+  overflow: hidden;
+  overflow-wrap: break-word;
+  word-break: break-all;
+  white-space: pre-wrap;
 }
 .w-e-text-container [data-slate-editor] table th {
   background-color: var(--w-e-textarea-slight-bg-color);
   text-align: center;
   font-weight: bold;
 }
+.w-e-text-container [data-slate-editor] table td.w-e-selected,
+.w-e-text-container [data-slate-editor] table th.w-e-selected {
+  background-color: rgba(20, 86, 240, 0.18);
+}
+.w-e-text-container [data-slate-editor] table.table-selection-none *::-moz-selection {
+  background: none;
+}
+.w-e-text-container [data-slate-editor] table.table-selection-none *::selection {
+  background: none;
+}
+.w-e-text-container [data-slate-editor] .column-resizer {
+  position: absolute;
+  display: flex;
+  top: 10px;
+  left: 11px;
+  width: 0;
+  height: 0;
+  z-index: 1;
+}
+.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item {
+  position: relative;
+}
+.w-e-text-container [data-slate-editor] .resizer-line-hotzone {
+  cursor: col-resize;
+  position: absolute;
+  width: 10px;
+  right: -3px;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.2s ease, visibility 0.2s ease;
+}
+.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line {
+  height: 100%;
+  width: 2px;
+  margin-left: 5px;
+  background: rgba(20, 86, 240, 0.8);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible {
+  visibility: visible;
+}
+.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight {
+  opacity: 1;
+}
 .w-e-panel-content-table {
   background-color: var(--w-e-toolbar-bg-color);
 }
 .w-e-panel-content-table table {
   border-collapse: collapse;
+  table-layout: fixed;
+}
+.w-e-panel-content-table th,
+.w-e-panel-content-table td {
+  overflow: hidden;
+  overflow-wrap: break-word;
+  word-break: break-all;
+  white-space: pre-wrap;
 }
 .w-e-panel-content-table td {
   border: 1px solid var(--w-e-toolbar-border-color);