@visactor/vtable 0.15.4 → 0.15.5-alpha.2

package/cjs/scenegraph/style/frame-border.js

@@ -9,27 +9,38 @@ const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vu
 function createFrameBorder(group, frameTheme, role, strokeArray, justForXYPosition) {
     var _a, _b, _c, _d;
     if (!frameTheme) return;
-    const isTableGroup = "table" === role, {shadowBlur: shadowBlur, shadowOffsetX: shadowOffsetX, shadowOffsetY: shadowOffsetY, shadowColor: shadowColor, cornerRadius: cornerRadius, borderColor: borderColor, borderLineWidth: borderLineWidth, borderLineDash: borderLineDash} = frameTheme, groupAttributes = {}, rectAttributes = {
+    const isTableGroup = "table" === role, {shadowBlur: shadowBlur, shadowOffsetX: shadowOffsetX, shadowOffsetY: shadowOffsetY, shadowColor: shadowColor, cornerRadius: cornerRadius, borderColor: borderColor, borderLineWidth: borderLineWidth, borderLineDash: borderLineDash} = frameTheme;
+    let hasShadow = !1;
+    const groupAttributes = {}, rectAttributes = {
         pickable: !1
     };
     shadowBlur && isTableGroup && (rectAttributes.shadowBlur = shadowBlur, rectAttributes.shadowOffsetX = shadowOffsetX, 
     rectAttributes.shadowOffsetY = shadowOffsetY, rectAttributes.shadowColor = shadowColor, 
     rectAttributes.stroke = !0, rectAttributes.stroke = shadowColor, rectAttributes.lineWidth = 1, 
-    rectAttributes.fill = !0, rectAttributes.fillOpacity = .01), borderLineWidth && (rectAttributes.stroke = !0, 
-    rectAttributes.fill = !1, rectAttributes.stroke = getStroke(borderColor, strokeArray), 
-    rectAttributes.lineWidth = borderLineWidth, borderLineDash && (rectAttributes.lineDash = borderLineDash), 
-    rectAttributes.lineCap = "square"), Array.isArray(borderColor) && (rectAttributes.strokeArrayColor = (0, 
-    padding_1.getQuadProps)(borderColor)), Array.isArray(borderLineWidth) && (rectAttributes.strokeArrayWidth = (0, 
-    padding_1.getQuadProps)(borderLineWidth), rectAttributes.lineWidth = 1), cornerRadius && (rectAttributes.cornerRadius = cornerRadius, 
+    hasShadow = !0), borderLineWidth && (rectAttributes.stroke = !0, rectAttributes.fill = !1, 
+    rectAttributes.stroke = getStroke(borderColor, strokeArray), rectAttributes.lineWidth = borderLineWidth, 
+    borderLineDash && (rectAttributes.lineDash = borderLineDash), rectAttributes.lineCap = "square"), 
+    Array.isArray(borderColor) && (rectAttributes.strokeArrayColor = (0, padding_1.getQuadProps)(borderColor)), 
+    Array.isArray(borderLineWidth) && (rectAttributes.strokeArrayWidth = (0, padding_1.getQuadProps)(borderLineWidth), 
+    rectAttributes.lineWidth = 1), cornerRadius && (rectAttributes.cornerRadius = cornerRadius, 
     groupAttributes.cornerRadius = cornerRadius);
     const borderTop = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[0] : null !== (_a = rectAttributes.lineWidth) && void 0 !== _a ? _a : 0, borderRight = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[1] : null !== (_b = rectAttributes.lineWidth) && void 0 !== _b ? _b : 0, borderBottom = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[2] : null !== (_c = rectAttributes.lineWidth) && void 0 !== _c ? _c : 0, borderLeft = rectAttributes.strokeArrayWidth ? rectAttributes.strokeArrayWidth[3] : null !== (_d = rectAttributes.lineWidth) && void 0 !== _d ? _d : 0;
     if (group.setAttributes(groupAttributes), !justForXYPosition && rectAttributes.stroke) if (rectAttributes.x = borderLeft / 2, 
     rectAttributes.y = borderTop / 2, rectAttributes.pickable = !1, isTableGroup) {
-        rectAttributes.x = group.attribute.x - borderLeft / 2, rectAttributes.y = group.attribute.y - borderTop / 2, 
-        rectAttributes.width = group.attribute.width + borderLeft / 2 + borderRight / 2, 
-        rectAttributes.height = group.attribute.height + borderTop / 2 + borderBottom / 2;
-        const borderRect = (0, vrender_1.createRect)(rectAttributes);
-        borderRect.name = "table-border-rect", group.parent.insertBefore(borderRect, group), 
+        let shadowRect, borderRect;
+        rectAttributes.x = -borderLeft / 2, rectAttributes.y = -borderTop / 2, rectAttributes.width = group.attribute.width + borderLeft / 2 + borderRight / 2, 
+        rectAttributes.height = group.attribute.height + borderTop / 2 + borderBottom / 2, 
+        hasShadow ? (rectAttributes.fill = "white", rectAttributes.notAdjustPos = !0, shadowRect = (0, 
+        vrender_1.createRect)(rectAttributes), borderRect = (0, vrender_1.createGroup)({
+            x: group.attribute.x,
+            y: group.attribute.y,
+            width: group.attribute.width,
+            height: group.attribute.height,
+            fill: "red",
+            cornerRadius: group.attribute.cornerRadius,
+            globalCompositeOperation: "destination-out"
+        }), borderRect.name = "table-border-rect", borderRect.addChild(shadowRect)) : (borderRect = (0, 
+        vrender_1.createRect)(rectAttributes), borderRect.name = "table-border-rect"), group.parent.insertBefore(borderRect, group), 
         group.border = borderRect;
     } else {
         rectAttributes.width = group.attribute.width - borderLeft / 2 - borderRight / 2, 
@@ -59,6 +70,9 @@ function updateFrameBorderSize(group) {
     group.border.setAttributes({
         width: group.attribute.width - borderLeft / 2 - borderRight / 2,
         height: group.attribute.height - borderTop / 2 - borderBottom / 2
+    }), "group" === group.border.type && group.border.firstChild.setAttributes({
+        width: group.attribute.width,
+        height: group.attribute.height
     });
 }
 

package/cjs/scenegraph/style/frame-border.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scenegraph/style/frame-border.ts"],"names":[],"mappings":"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","file":"frame-border.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute } from '@visactor/vrender';\nimport { createRect } from '@visactor/vrender';\nimport type { TableFrameStyle } from '../../ts-types';\nimport type { Group } from '../graphic/group';\nimport { isArray } from '@visactor/vutils';\nimport { getQuadProps } from '../utils/padding';\n\n/**\n * @description: create frame border\n * @param {Group} group\n * @param {TableFrameStyle} frameTheme\n * @param {string} role\n * @param {[boolean, boolean, boolean, boolean]} strokeArray\n * @return {*}\n */\nexport function createFrameBorder(\n  group: Group,\n  frameTheme: TableFrameStyle | undefined,\n  role: string,\n  strokeArray: [boolean, boolean, boolean, boolean] | undefined, // to do 处理成0b001111形式\n  justForXYPosition?: boolean\n) {\n  if (!frameTheme) {\n    return;\n  }\n\n  const isTableGroup = role === 'table';\n\n  const {\n    shadowBlur,\n    shadowOffsetX,\n    shadowOffsetY,\n    shadowColor,\n    cornerRadius,\n    borderColor,\n    borderLineWidth,\n    borderLineDash\n  } = frameTheme;\n\n  const groupAttributes: IGroupGraphicAttribute = {};\n  const rectAttributes: IRectGraphicAttribute = {\n    pickable: false\n  };\n  // 处理shadow\n  if (shadowBlur && isTableGroup) {\n    // 只有table才能配置shadow\n    rectAttributes.shadowBlur = shadowBlur;\n    rectAttributes.shadowOffsetX = shadowOffsetX;\n    rectAttributes.shadowOffsetY = shadowOffsetY;\n    rectAttributes.shadowColor = shadowColor;\n    rectAttributes.stroke = true;\n    rectAttributes.stroke = shadowColor;\n    rectAttributes.lineWidth = 1;\n\n    rectAttributes.fill = true;\n    rectAttributes.fillOpacity = 0.01;\n  }\n\n  // 处理边框\n  if (borderLineWidth) {\n    rectAttributes.stroke = true;\n    rectAttributes.fill = false;\n    rectAttributes.stroke = getStroke(borderColor, strokeArray);\n    rectAttributes.lineWidth = borderLineWidth as number;\n    borderLineDash && (rectAttributes.lineDash = borderLineDash as number[]);\n    rectAttributes.lineCap = 'square';\n  }\n\n  if (Array.isArray(borderColor)) {\n    (rectAttributes as any).strokeArrayColor = getQuadProps(borderColor as any);\n  }\n  if (Array.isArray(borderLineWidth)) {\n    (rectAttributes as any).strokeArrayWidth = getQuadProps(borderLineWidth);\n    (rectAttributes as any).lineWidth = 1;\n  }\n\n  if (cornerRadius) {\n    rectAttributes.cornerRadius = cornerRadius;\n    groupAttributes.cornerRadius = cornerRadius;\n  }\n\n  const borderTop = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[0]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderRight = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[1]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderBottom = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[2]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderLeft = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[3]\n    : (rectAttributes.lineWidth as number) ?? 0;\n\n  // // 处理边框引起的宽度高度变化（只对最外层tableGroup生效）\n  // if (isTableGroup && (rectAttributes.shadowBlur || rectAttributes.lineWidth)) {\n  //   const deltaX = (rectAttributes.shadowBlur ?? 0) + (borderLeft + borderRight) / 2;\n  //   const deltaY = (rectAttributes.shadowBlur ?? 0) + (borderTop + borderBottom) / 2;\n\n  //   groupAttributes.x = deltaX;\n  //   groupAttributes.y = deltaY;\n  //   // 宽度高度在tableNoFrameWidth&tableNoFrameHeight中处理\n  //   // groupAttributes.width = group.attribute.width - deltaX - deltaX;\n  //   // groupAttributes.height = group.attribute.height - deltaY - deltaY;\n  // }\n  group.setAttributes(groupAttributes);\n\n  if (justForXYPosition) {\n    return;\n  }\n\n  if (rectAttributes.stroke) {\n    rectAttributes.x = borderLeft / 2;\n    rectAttributes.y = borderTop / 2;\n    rectAttributes.pickable = false;\n    if (isTableGroup) {\n      rectAttributes.x = group.attribute.x - borderLeft / 2;\n      rectAttributes.y = group.attribute.y - borderTop / 2;\n      rectAttributes.width = group.attribute.width + borderLeft / 2 + borderRight / 2;\n      rectAttributes.height = group.attribute.height + borderTop / 2 + borderBottom / 2;\n      const borderRect = createRect(rectAttributes);\n      borderRect.name = 'table-border-rect';\n      group.parent.insertBefore(borderRect, group);\n      (group as any).border = borderRect;\n    } else {\n      // rectAttributes.x = rectAttributes.lineWidth / 2;\n      // rectAttributes.y = rectAttributes.lineWidth / 2;\n      rectAttributes.width = group.attribute.width - borderLeft / 2 - borderRight / 2;\n      rectAttributes.height = group.attribute.height - borderTop / 2 - borderBottom / 2;\n      const borderRect = createRect(rectAttributes);\n      borderRect.name = 'border-rect';\n      group.addChild(borderRect);\n      (group as any).border = borderRect;\n    }\n  }\n}\n\n/**\n * @description: update frame border stroke atrribute\n * @param {Group} group\n * @param {TableFrameStyle} frameTheme\n * @param {array} strokeArray stroke boolean array\n * @return {*}\n */\nexport function updateFrameBorder(\n  group: Group,\n  frameTheme: TableFrameStyle | undefined,\n  strokeArray: [boolean, boolean, boolean, boolean] // to do 处理成0b001111形式\n) {\n  const { borderColor } = frameTheme;\n  group.border?.setAttribute('stroke', getStroke(borderColor, strokeArray));\n}\n\nexport function getStroke(borderColor: string | string[], strokeArray: boolean[] | undefined) {\n  let stroke: boolean | string | (boolean | string)[] = true;\n  if (strokeArray && !isArray(borderColor)) {\n    stroke = strokeArray.map(stroke => {\n      if (stroke) {\n        return borderColor;\n      }\n      return false;\n    });\n  } else if (strokeArray) {\n    stroke = strokeArray;\n  } else if (!strokeArray && !isArray(borderColor)) {\n    stroke = borderColor;\n  } else if (isArray(borderColor)) {\n    stroke = true;\n  }\n  return stroke;\n}\n\n/**\n * @description: update frame border size when group size change\n * @param {Group} group\n * @return {*}\n */\nexport function updateFrameBorderSize(group: Group) {\n  if (!group.border) {\n    return;\n  }\n  const borderTop = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[0]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderRight = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[1]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderBottom = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[2]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderLeft = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[3]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n\n  group.border.setAttributes({\n    width: group.attribute.width - borderLeft / 2 - borderRight / 2,\n    height: group.attribute.height - borderTop / 2 - borderBottom / 2\n  });\n}\n"]}
+{"version":3,"sources":["../src/scenegraph/style/frame-border.ts"],"names":[],"mappings":"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","file":"frame-border.js","sourcesContent":["import type { IGroupGraphicAttribute, IRect, IRectGraphicAttribute } from '@visactor/vrender';\nimport { createGroup, createRect } from '@visactor/vrender';\nimport type { TableFrameStyle } from '../../ts-types';\nimport type { Group } from '../graphic/group';\nimport { isArray } from '@visactor/vutils';\nimport { getQuadProps } from '../utils/padding';\n\n/**\n * @description: create frame border\n * @param {Group} group\n * @param {TableFrameStyle} frameTheme\n * @param {string} role\n * @param {[boolean, boolean, boolean, boolean]} strokeArray\n * @return {*}\n */\nexport function createFrameBorder(\n  group: Group,\n  frameTheme: TableFrameStyle | undefined,\n  role: string,\n  strokeArray: [boolean, boolean, boolean, boolean] | undefined, // to do 处理成0b001111形式\n  justForXYPosition?: boolean\n) {\n  if (!frameTheme) {\n    return;\n  }\n\n  const isTableGroup = role === 'table';\n\n  const {\n    shadowBlur,\n    shadowOffsetX,\n    shadowOffsetY,\n    shadowColor,\n    cornerRadius,\n    borderColor,\n    borderLineWidth,\n    borderLineDash\n  } = frameTheme;\n\n  let hasShadow = false;\n  const groupAttributes: IGroupGraphicAttribute = {};\n  const rectAttributes: IRectGraphicAttribute = {\n    pickable: false\n  };\n  // 处理shadow\n  if (shadowBlur && isTableGroup) {\n    // 只有table才能配置shadow\n    rectAttributes.shadowBlur = shadowBlur;\n    rectAttributes.shadowOffsetX = shadowOffsetX;\n    rectAttributes.shadowOffsetY = shadowOffsetY;\n    rectAttributes.shadowColor = shadowColor;\n    rectAttributes.stroke = true;\n    rectAttributes.stroke = shadowColor;\n    rectAttributes.lineWidth = 1;\n    hasShadow = true;\n\n    // rectAttributes.fill = true;\n    // rectAttributes.fillOpacity = 0.01;\n  }\n\n  // 处理边框\n  if (borderLineWidth) {\n    rectAttributes.stroke = true;\n    rectAttributes.fill = false;\n    rectAttributes.stroke = getStroke(borderColor, strokeArray);\n    rectAttributes.lineWidth = borderLineWidth as number;\n    borderLineDash && (rectAttributes.lineDash = borderLineDash as number[]);\n    rectAttributes.lineCap = 'square';\n  }\n\n  if (Array.isArray(borderColor)) {\n    (rectAttributes as any).strokeArrayColor = getQuadProps(borderColor as any);\n  }\n  if (Array.isArray(borderLineWidth)) {\n    (rectAttributes as any).strokeArrayWidth = getQuadProps(borderLineWidth);\n    (rectAttributes as any).lineWidth = 1;\n  }\n\n  if (cornerRadius) {\n    rectAttributes.cornerRadius = cornerRadius;\n    groupAttributes.cornerRadius = cornerRadius;\n  }\n\n  const borderTop = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[0]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderRight = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[1]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderBottom = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[2]\n    : (rectAttributes.lineWidth as number) ?? 0;\n  const borderLeft = (rectAttributes as any).strokeArrayWidth\n    ? (rectAttributes as any).strokeArrayWidth[3]\n    : (rectAttributes.lineWidth as number) ?? 0;\n\n  // // 处理边框引起的宽度高度变化（只对最外层tableGroup生效）\n  // if (isTableGroup && (rectAttributes.shadowBlur || rectAttributes.lineWidth)) {\n  //   const deltaX = (rectAttributes.shadowBlur ?? 0) + (borderLeft + borderRight) / 2;\n  //   const deltaY = (rectAttributes.shadowBlur ?? 0) + (borderTop + borderBottom) / 2;\n\n  //   groupAttributes.x = deltaX;\n  //   groupAttributes.y = deltaY;\n  //   // 宽度高度在tableNoFrameWidth&tableNoFrameHeight中处理\n  //   // groupAttributes.width = group.attribute.width - deltaX - deltaX;\n  //   // groupAttributes.height = group.attribute.height - deltaY - deltaY;\n  // }\n  group.setAttributes(groupAttributes);\n\n  if (justForXYPosition) {\n    return;\n  }\n\n  if (rectAttributes.stroke) {\n    rectAttributes.x = borderLeft / 2;\n    rectAttributes.y = borderTop / 2;\n    rectAttributes.pickable = false;\n    if (isTableGroup) {\n      rectAttributes.x = -borderLeft / 2;\n      rectAttributes.y = -borderTop / 2;\n      rectAttributes.width = group.attribute.width + borderLeft / 2 + borderRight / 2;\n      rectAttributes.height = group.attribute.height + borderTop / 2 + borderBottom / 2;\n\n      let shadowRect;\n      let borderRect;\n      if (hasShadow) {\n        rectAttributes.fill = 'white';\n        (rectAttributes as any).notAdjustPos = true;\n        // first draw\n        shadowRect = createRect(rectAttributes);\n        // second draw\n        borderRect = createGroup({\n          x: group.attribute.x,\n          y: group.attribute.y,\n          width: group.attribute.width,\n          height: group.attribute.height,\n          fill: 'red',\n          cornerRadius: group.attribute.cornerRadius,\n          globalCompositeOperation: 'destination-out'\n        });\n        borderRect.name = 'table-border-rect';\n        borderRect.addChild(shadowRect);\n      } else {\n        borderRect = createRect(rectAttributes);\n        borderRect.name = 'table-border-rect';\n      }\n\n      group.parent.insertBefore(borderRect, group);\n      (group as any).border = borderRect;\n    } else {\n      // rectAttributes.x = rectAttributes.lineWidth / 2;\n      // rectAttributes.y = rectAttributes.lineWidth / 2;\n      rectAttributes.width = group.attribute.width - borderLeft / 2 - borderRight / 2;\n      rectAttributes.height = group.attribute.height - borderTop / 2 - borderBottom / 2;\n      const borderRect = createRect(rectAttributes);\n      borderRect.name = 'border-rect';\n      group.addChild(borderRect);\n      (group as any).border = borderRect;\n    }\n  }\n}\n\n/**\n * @description: update frame border stroke atrribute\n * @param {Group} group\n * @param {TableFrameStyle} frameTheme\n * @param {array} strokeArray stroke boolean array\n * @return {*}\n */\nexport function updateFrameBorder(\n  group: Group,\n  frameTheme: TableFrameStyle | undefined,\n  strokeArray: [boolean, boolean, boolean, boolean] // to do 处理成0b001111形式\n) {\n  const { borderColor } = frameTheme;\n  group.border?.setAttribute('stroke', getStroke(borderColor, strokeArray));\n}\n\nexport function getStroke(borderColor: string | string[], strokeArray: boolean[] | undefined) {\n  let stroke: boolean | string | (boolean | string)[] = true;\n  if (strokeArray && !isArray(borderColor)) {\n    stroke = strokeArray.map(stroke => {\n      if (stroke) {\n        return borderColor;\n      }\n      return false;\n    });\n  } else if (strokeArray) {\n    stroke = strokeArray;\n  } else if (!strokeArray && !isArray(borderColor)) {\n    stroke = borderColor;\n  } else if (isArray(borderColor)) {\n    stroke = true;\n  }\n  return stroke;\n}\n\n/**\n * @description: update frame border size when group size change\n * @param {Group} group\n * @return {*}\n */\nexport function updateFrameBorderSize(group: Group) {\n  if (!group.border) {\n    return;\n  }\n  const borderTop = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[0]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderRight = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[1]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderBottom = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[2]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n  const borderLeft = (group.border.attribute as any).strokeArrayWidth\n    ? (group.border.attribute as any).strokeArrayWidth[3]\n    : (group.border.attribute.lineWidth as number) ?? 0;\n\n  group.border.setAttributes({\n    width: group.attribute.width - borderLeft / 2 - borderRight / 2,\n    height: group.attribute.height - borderTop / 2 - borderBottom / 2\n  });\n\n  if (group.border.type === 'group') {\n    (group.border.firstChild as IRect).setAttributes({\n      width: group.attribute.width,\n      height: group.attribute.height\n    });\n  }\n}\n"]}