fix: 修复转换表格时无法转换边框的样式

Author: arvinxx

package.json

@@ -1,6 +1,6 @@
 {
   "name": "html2sketch",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "author": "arvinxx",
   "description": "parser HTML to Design Model",
   "repository": {

src/function/nodeToSketchLayers.ts

@@ -83,10 +83,8 @@ export const nodeToSketchLayers = (node: Element): AnyLayer[] => {
       // 添加后继续执行,不终止
       const shape = transferToShape(node);
 
-      if (shape) {
-        console.info('[nodeToSketchLayers]转换为 Rectangle: ', shape);
-        layers.push(shape);
-      }
+      console.info('[nodeToSketchLayers]转换为 Rectangle: ', shape);
+      layers.push(shape);
     }
 
     // 判断一下是否有伪类

src/helpers/shape.ts

@@ -13,27 +13,28 @@ export const isExistPseudoText = (node: Element) =>
 export const isExistPseudoShape = (node: Element) =>
   !!(pseudoShape(node, 'after') || pseudoShape(node, 'before'));
 
+/**
+ * 判断是否是不可见的样式
+ * @param shape
+ */
 export const isVisibleShape = (shape: Rectangle) => {
-  const isInvalidFills =
-    shape.style.fills.length === 0 ||
-    shape.style.fills.every((fill) => fill.opacity.toString() === '0');
-  const isInvalidBorders =
-    shape.style.borders.length === 0 ||
-    shape.style.borders.every(
-      (border) => border.opacity === 0 || border.thickness === 0
-    );
-
-  console.log(
-    shape.name,
-    'isInvalidFills',
-    isInvalidFills,
-    'isInvalidBorders',
-    isInvalidBorders
-  );
   const isInvisible = shape.style.opacity === 0;
 
+  // 透明度为 0 也返回不可见
   if (isInvisible) return false;
 
+  // 没任何样式的话,就返回不可见
+  const hasNoStyle =
+    shape.style.fills.length === 0 && shape.style.borders.length === 0;
+  if (hasNoStyle) return false;
+
+  const isInvalidFills = shape.style.fills.every(
+    (fill) => fill.opacity.toString() === '0'
+  );
+  const isInvalidBorders = shape.style.borders.every(
+    (border) => border.opacity === 0 || border.thickness === 0
+  );
+
   if (isInvalidFills && isInvalidBorders) {
     return false;
   }

src/parser/shape.ts

@@ -237,7 +237,7 @@ const transferToShape = (node: Element): Group | Rectangle => {
         break;
     }
   }
-  if (isVisibleShape(rect)) return rect;
+  return rect;
 };
 
 export default transferToShape;