@visactor/vrender-components 0.15.0-alpha.24 → 0.15.0-alpha.26

package/cjs/segment/type.d.ts

@@ -13,14 +13,12 @@ export type SymbolAttributes = {
 };
 export interface SegmentAttributes extends IGroupGraphicAttribute {
     visible?: boolean;
-    multiSegment?: boolean;
-    mainSegmentIndex?: number;
-    points: Point[] | Point[][];
+    points: Point[];
     startSymbol?: SymbolAttributes;
     endSymbol?: SymbolAttributes;
-    lineStyle?: Partial<ILineGraphicAttribute> | Partial<ILineGraphicAttribute>[];
+    lineStyle?: Partial<ILineGraphicAttribute>;
     state?: {
-        line?: State<Partial<ILineGraphicAttribute> | Partial<ILineGraphicAttribute>[]>;
+        line?: State<Partial<ILineGraphicAttribute>>;
         symbol?: State<Partial<ISymbolGraphicAttribute>>;
     };
 }

package/cjs/segment/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/segment/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  SymbolType\n} from '@visactor/vrender';\nimport type { Point, State } from '../core/type';\n\nexport type SymbolAttributes = {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  /**\n   * 自动旋转，沿着线的方向，默认 true\n   */\n  autoRotate?: boolean;\n  /**\n   * symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * symbol 相对默认角度的偏移\n   * @description (@chensiji: 默认角度为笛卡尔坐标系y正方向，即默认symbol包围盒的角度为笛卡尔坐标系y正方向, 做自动旋转时, 会在此基础上，将包围盒转换到line平行方向上。)\n   */\n  refAngle?: number;\n  /**\n   * symbol 是否clip line，即当symbol fill为false时，line在symbol内部的部分是否展示\n   * @defalut false\n   */\n  clip?: boolean;\n  /**\n   * symbol 样式配置\n   */\n  style?: Partial<IGraphicAttribute>;\n};\n\nexport interface SegmentAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可见性\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n   * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n   * @default false\n   */\n  multiSegment?: boolean;\n  /**\n   * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n   */\n  mainSegmentIndex?: number;\n  points: Point[] | Point[][];\n  /** 轴线起始点 symbol 配置 */\n  startSymbol?: SymbolAttributes;\n  /** 轴线末端 symbol 配置 */\n  endSymbol?: SymbolAttributes;\n  /**\n   * 线样式配置\n   */\n  lineStyle?: Partial<ILineGraphicAttribute> | Partial<ILineGraphicAttribute>[];\n\n  state?: {\n    line?: State<Partial<ILineGraphicAttribute> | Partial<ILineGraphicAttribute>[]>;\n    symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  };\n}\n"]}
+{"version":3,"sources":["../src/segment/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  SymbolType\n} from '@visactor/vrender';\nimport type { Point, State } from '../core/type';\n\nexport type SymbolAttributes = {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  /**\n   * 自动旋转，沿着线的方向，默认 true\n   */\n  autoRotate?: boolean;\n  /**\n   * symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * symbol 相对默认角度的偏移\n   * @description (@chensiji: 默认角度为笛卡尔坐标系y正方向，即默认symbol包围盒的角度为笛卡尔坐标系y正方向, 做自动旋转时, 会在此基础上，将包围盒转换到line平行方向上。)\n   */\n  refAngle?: number;\n  /**\n   * symbol 是否clip line，即当symbol fill为false时，line在symbol内部的部分是否展示\n   * @defalut false\n   */\n  clip?: boolean;\n  /**\n   * symbol 样式配置\n   */\n  style?: Partial<IGraphicAttribute>;\n};\n\nexport interface SegmentAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可见性\n   * @default true\n   */\n  visible?: boolean;\n  points: Point[];\n  /** 轴线起始点 symbol 配置 */\n  startSymbol?: SymbolAttributes;\n  /** 轴线末端 symbol 配置 */\n  endSymbol?: SymbolAttributes;\n  /**\n   * 线样式配置\n   */\n  lineStyle?: Partial<ILineGraphicAttribute>;\n\n  state?: {\n    line?: State<Partial<ILineGraphicAttribute>>;\n    symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  };\n}\n"]}

package/cjs/util/index.d.ts

@@ -1,4 +1,4 @@
 export * from './common';
-export * from './label-smartInvert';
+export * from './labelSmartInvert';
 export * from './matrix';
 export * from './text';

package/cjs/util/index.js

@@ -17,6 +17,6 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./common"), exports), __exportStar(require("./label-smartInvert"), exports), 
+}), __exportStar(require("./common"), exports), __exportStar(require("./labelSmartInvert"), exports), 
 __exportStar(require("./matrix"), exports), __exportStar(require("./text"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/util/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,yCAAuB","file":"index.js","sourcesContent":["export * from './common';\nexport * from './label-smartInvert';\nexport * from './matrix';\nexport * from './text';\n"]}
+{"version":3,"sources":["../src/util/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,qDAAmC;AACnC,2CAAyB;AACzB,yCAAuB","file":"index.js","sourcesContent":["export * from './common';\nexport * from './labelSmartInvert';\nexport * from './matrix';\nexport * from './text';\n"]}

package/cjs/util/{label-smartInvert.js → labelSmartInvert.js}

@@ -60,4 +60,4 @@ function smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor)
 
 exports.labelSmartInvert = labelSmartInvert, exports.contrastAccessibilityChecker = contrastAccessibilityChecker, 
 exports.smartInvertStrategy = smartInvertStrategy;
-//# sourceMappingURL=label-smartInvert.js.map
+//# sourceMappingURL=labelSmartInvert.js.map

package/cjs/util/labelSmartInvert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/util/labelSmartInvert.ts"],"names":[],"mappings":"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","file":"labelSmartInvert.js","sourcesContent":["import type { IColor } from '@visactor/vrender';\nimport { ColorUtil } from '@visactor/vutils';\n\nconst defaultAlternativeColors: string[] = ['#ffffff', '#000000'];\n\n/**\n * 标签智能反色\n * @param foregroundColorOrigin\n * @param backgroundColorOrogin\n * @returns\n */\nexport function labelSmartInvert(\n  foregroundColorOrigin: IColor | undefined,\n  backgroundColorOrogin: IColor | undefined,\n  textType?: string | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n): IColor | undefined {\n  const foregroundColor = formatColorToHex(foregroundColorOrigin);\n  const backgroundColor = formatColorToHex(backgroundColorOrogin);\n  if (!contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold)) {\n    return improveContrastReverse(\n      foregroundColor,\n      backgroundColor,\n      textType,\n      contrastRatiosThreshold,\n      alternativeColors\n    );\n  }\n  return foregroundColor;\n}\n\n/**\n * 提升对比度\n * 对于对比度不足阈值的情况，推荐备选颜色色板中的颜色提升对比\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction improveContrastReverse(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n) {\n  const alternativeColorPalletes: string[] = [];\n  if (alternativeColors) {\n    if (alternativeColors instanceof Array) {\n      alternativeColorPalletes.push(...alternativeColors);\n    } else {\n      alternativeColorPalletes.push(alternativeColors);\n    }\n  }\n  alternativeColorPalletes.push(...defaultAlternativeColors);\n  for (const alternativeColor of alternativeColorPalletes) {\n    if (foregroundColor === alternativeColor) {\n      continue;\n    }\n    if (contrastAccessibilityChecker(alternativeColor, backgroundColor, textType, contrastRatiosThreshold)) {\n      return alternativeColor;\n    }\n  }\n  return undefined;\n}\n\n/**\n * 颜色对比度可行性检查 https://webaim.org/articles/contrast/\n * - WCAG 2.0 AA 级要求普通文本的对比度至少为 4.5:1，大文本的对比度至少为 3:1。（目前按照此标准）\n * - WCAG 2.1 要求图形和用户界面组件（例如表单输入边框）的对比度至少为 3:1。\n * - WCAG AAA 级要求普通文本的对比度至少为 7:1，大文本的对比度至少为 4.5:1。\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nexport function contrastAccessibilityChecker(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number\n): boolean {\n  //Contrast ratios can range from 1 to 21\n  if (contrastRatiosThreshold) {\n    if (contrastRatios(foregroundColor, backgroundColor) > contrastRatiosThreshold) {\n      return true;\n    }\n    return false;\n  } else if (textType === 'largeText') {\n    if (contrastRatios(foregroundColor, backgroundColor) > 3) {\n      return true;\n    }\n    return false;\n  }\n  if (contrastRatios(foregroundColor, backgroundColor) > 4.5) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * 计算颜色对比度 https://webaim.org/articles/contrast/\n * Contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).\n * (L1 + 0.05) / (L2 + 0.05), whereby:\n * L1 is the relative luminance of the lighter of the colors, and\n * L2 is the relative luminance of the darker of the colors.\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction contrastRatios(foregroundColor: IColor | undefined, backgroundColor: IColor | undefined): number {\n  const foregroundColorLuminance = getColorLuminance(foregroundColor as string);\n  const backgroundColorLuminance = getColorLuminance(backgroundColor as string);\n  const L1 = foregroundColorLuminance > backgroundColorLuminance ? foregroundColorLuminance : backgroundColorLuminance;\n  const L2 = foregroundColorLuminance > backgroundColorLuminance ? backgroundColorLuminance : foregroundColorLuminance;\n  const contrastRatios = (L1 + 0.05) / (L2 + 0.05);\n  return contrastRatios;\n}\n\n/**\n *  计算相对亮度 https://webaim.org/articles/contrast/\n * the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white\n * Note 1: For the sRGB colorspace, the relative luminance of a color is defined as\n * L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:\n * if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4\n * if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4\n * if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4\n * and RsRGB, GsRGB, and BsRGB are defined as:\n * RsRGB = R8bit/255\n * GsRGB = G8bit/255\n * BsRGB = B8bit/255\n * @param color\n * @returns\n */\nfunction getColorLuminance(color: string): number {\n  const rgb8bit = ColorUtil.hexToRgb(color);\n  const RsRGB = rgb8bit[0] / 255;\n  const GsRGB = rgb8bit[1] / 255;\n  const BsRGB = rgb8bit[2] / 255;\n  let R;\n  let G;\n  let B;\n  if (RsRGB <= 0.03928) {\n    R = RsRGB / 12.92;\n  } else {\n    R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (GsRGB <= 0.03928) {\n    G = GsRGB / 12.92;\n  } else {\n    G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (BsRGB <= 0.03928) {\n    B = BsRGB / 12.92;\n  } else {\n    B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n  }\n  const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;\n  return L;\n}\n\n/**\n * 规范化color格式为hex\n * 当color为颜色名称或rgb时，对其进行规范化处理\n * @param originColor\n * @returns\n */\nfunction formatColorToHex(originColor: IColor | undefined) {\n  if ((originColor as string)?.includes('#')) {\n    return originColor;\n  }\n  const c = new ColorUtil.Color(originColor as string);\n  const { r, g, b } = c.color;\n  return '#' + ColorUtil.rgbToHex(r, g, b);\n}\n\nexport function smartInvertStrategy(\n  fillStrategy: string,\n  baseColor: IColor,\n  invertColor: IColor,\n  similarColor: IColor\n) {\n  let result;\n  switch (fillStrategy) {\n    case 'base':\n      result = baseColor;\n      break;\n    case 'invertBase':\n      result = invertColor;\n      break;\n    case 'similarBase':\n      result = similarColor;\n    default:\n      break;\n  }\n  return result;\n}\n"]}