chore(deps): update dependency @rollup/plugin-replace to v5 - abandoned

package.json

@@ -57,7 +57,7 @@
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^11.2.0",
-    "@rollup/plugin-replace": "^2.4.2",
+    "@rollup/plugin-replace": "^5.0.0",
     "@rollup/plugin-terser": "^0.4.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@types/jest": "^25.2.1",
@@ -103,7 +103,7 @@
     "rollup-plugin-visualizer": "^5.5.0",
     "ts-jest": "^27.0.4",
     "tslib": "^2.3.0",
-    "typescript": "4.3.2"
+    "typescript": "4.9.5"
   },
   "dependencies": {
     "@babel/runtime": "^7.14.6"

packages/table-module/src/module/parse-style-html.ts

@@ -7,6 +7,11 @@ import { IDomEditor } from '@wangeditor-next/core'
 import $, { DOMElement, getStyleValue } from '../utils/dom'
 import { TableCellElement } from './custom-types'
 
+// 获取 var(--w-e-textarea-border-color) 变量的实际样式值
+const DEFAULT_BORDER_COLOR = window
+  ?.getComputedStyle(document.documentElement)
+  ?.getPropertyValue('--w-e-textarea-border-color')
+
 export function parseStyleHtml(elem: DOMElement, node: Descendant, editor: IDomEditor): Descendant {
   if (elem.tagName !== 'TABLE' && elem.tagName !== 'TD') return node
 
@@ -19,8 +24,14 @@ export function parseStyleHtml(elem: DOMElement, node: Descendant, editor: IDomE
     tableNode.backgroundColor = backgroundColor
   }
 
-  // eslint-disable-next-line no-unsafe-optional-chaining
-  let [borderWidth, borderStyle, borderColor] = getStyleValue($elem, 'border')?.split(' ')
+  let border = getStyleValue($elem, 'border')
+  if (!border && elem.tagName === 'TD') {
+    // https://github.com/cycleccc/wangEditor-next/blob/master/packages/table-module/src/assets/index.less#L20
+    // TD存在默认的css样式，尝试用getComputedStyle获取不到，只能写死
+    border = `1px solid ${DEFAULT_BORDER_COLOR}`
+  }
+
+  let [borderWidth, borderStyle, borderColor] = border?.split(' ') || []
   borderWidth = getStyleValue($elem, 'border-width') || borderWidth // border 宽度
   if (borderWidth) {
     tableNode.borderWidth = borderWidth.replace(/[^\d]/g, '')