vislite 1.2.0-alpha.2 → 1.2.0-alpha.4

package/src/common/svg/tool.ts

@@ -1,45 +1,43 @@
-import type SVGConfigType from '../../../types/SVGConfig'
-
-import { XLINK_ATTRIBUTE } from "./dictionary"
-
-// 新建节点
-export function toNode(tagname: string) {
-    return document.createElementNS('http://www.w3.org/2000/svg', tagname)
-}
-
-// 设置属性
-const _setAttribute = function (el: SVGElement, key: string, value: string | number) {
-
-    // 需要使用xlink命名空间的xml属性
-    if (XLINK_ATTRIBUTE.indexOf(key) > -1) {
-        el.setAttributeNS("http://www.w3.org/1999/xlink", 'xlink:' + key, value + "")
-    }
-
-    // 否则
-    else {
-        el.setAttribute(key, value + "")
-    }
-}
-export const setAttribute = _setAttribute
-
-// 获取属性
-export function getAttribute(el: SVGElement, key: string) {
-    if (XLINK_ATTRIBUTE.indexOf(key) > -1) key = 'xlink:' + key
-    return el.getAttribute(key)
-}
-
-export function full(el: SVGElement, config: SVGConfigType) {
-    _setAttribute(el, "stroke", config.strokeStyle as string)
-    _setAttribute(el, "fill", config.fillStyle as string)
-    _setAttribute(el, "stroke-dasharray", (config.lineDash as Array<number>).join(','))
-}
-
-export function fill(el: SVGElement, config: SVGConfigType) {
-    _setAttribute(el, "fill", config.fillStyle as string)
-}
-
-export function stroke(el: SVGElement, config: SVGConfigType) {
-    _setAttribute(el, "stroke", config.strokeStyle as string)
-    _setAttribute(el, "fill", "none")
-    _setAttribute(el, "stroke-dasharray", (config.lineDash as Array<number>).join(','))
+import type SVGConfigType from '../../../types/SVGConfig'
+
+import { XLINK_ATTRIBUTE } from "./dictionary"
+
+// 新建节点
+export function toNode(tagname: string) {
+    return document.createElementNS('http://www.w3.org/2000/svg', tagname)
+}
+
+// 设置属性
+const _setAttribute = function (el: SVGElement, key: string, value: string | number) {
+
+    // 需要使用xlink命名空间的xml属性
+    if (XLINK_ATTRIBUTE.indexOf(key) > -1) {
+        el.setAttributeNS("http://www.w3.org/1999/xlink", 'xlink:' + key, value + "")
+    }
+
+    // 否则
+    else {
+        el.setAttribute(key, value + "")
+    }
+}
+export const setAttribute = _setAttribute
+
+// 获取属性
+export function getAttribute(el: SVGElement, key: string) {
+    if (XLINK_ATTRIBUTE.indexOf(key) > -1) key = 'xlink:' + key
+    return el.getAttribute(key)
+}
+
+export function full(el: SVGElement, config: SVGConfigType) {
+    _setAttribute(el, "stroke", config.strokeStyle as string)
+    _setAttribute(el, "fill", config.fillStyle as string)
+}
+
+export function fill(el: SVGElement, config: SVGConfigType) {
+    _setAttribute(el, "fill", config.fillStyle as string)
+}
+
+export function stroke(el: SVGElement, config: SVGConfigType) {
+    _setAttribute(el, "stroke", config.strokeStyle as string)
+    _setAttribute(el, "fill", "none")
 }

package/src/layout/TreeLayout.ts

@@ -4,7 +4,7 @@ import type TreeOptionType from '../../types/TreeOption'
 
 import Tree from '../common/tree/index'
 import { initOption } from '../common/option'
-import animation from '../animation'
+import { animation } from "@oipage/core.js/src/animation/index"
 import rotate from '../rotate'
 
 class TreeLayout extends Tree implements TreeLayoutType {

package/types/Canvas.d.ts

@@ -297,6 +297,15 @@ export default interface CanvasType {
      */
     createRadialGradient(cx: number, cy: number, r: number): GradientType<CanvasGradient>
 
+    /**
+     * 创建角度渐变
+     * @param cx 中心
+     * @param cy
+     * @param beginDeg 开始弧度
+     * @param deg 跨越弧度，可选，默认2PI
+     */
+    createConicGradient(cx: number, cy: number, beginDeg: number, deg?: number): GradientType<CanvasGradient>
+
     /**
      * 获取指定位置颜色
      * @param x
@@ -326,5 +335,5 @@ export default interface CanvasType {
      * @param eventName 事件名称
      * @param callback 回调函数
      */
-    bind(eventName: string, callback: (regionName: string) => void): this
+    bind(eventName: string, callback: (regionName: string, x: number, y: number) => void): this
 }

package/types/CanvasConfig.d.ts

@@ -1,107 +1,117 @@
-import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
-
-export default interface CanvasConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string | CanvasGradient
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string | CanvasGradient
-
-    /**
-     * 线条宽度，默认1(单位px)
-     */
-    lineWidth?: number
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 阴影的模糊系数，默认0，也就是无阴影
-     */
-    shadowBlur?: number
-
-    /**
-     * 阴影的颜色
-     */
-    shadowColor?: string | CanvasGradient
-
-    /**
-     * 文字大小，默认16
-     */
-    "fontSize"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontSize 代替
-     */
-    "font-size"?: number // 向下兼容
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    "fontFamily"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontFamily 代替
-     */
-    "font-family"?: string // 向下兼容
-
-    /**
-     * 字重，默认400
-     */
-    "fontWeight"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontWeight 代替
-     */
-    "font-weight"?: number // 向下兼容
-
-    /**
-     * 字类型，默认"normal"
-     */
-    "fontStyle"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontStyle 代替
-     */
-    "font-style"?: string // 向下兼容
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcStartCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcStartCap 代替
-     */
-    "arc-start-cap"?: string // 向下兼容
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcEndCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcEndCap 代替
-     */
-    "arc-end-cap"?: string // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
+
+export default interface CanvasConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string | CanvasGradient
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string | CanvasGradient
+
+    /**
+     * 线条宽度，默认1(单位px)
+     */
+    lineWidth?: number
+
+    /**
+     * 线的端点类型，默认"butt"平直边缘（还有"round"半圆和"square"矩形）
+     */
+    lineCap?: lineCapType
+
+    /**
+     * 线的拐角连接方式，默认"miter"连接处边缘延长相接（还有"bevel"对角线斜角和"round"圆）
+     */
+    lineJoin?: lineJoinType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 阴影的模糊系数，默认0，也就是无阴影
+     */
+    shadowBlur?: number
+
+    /**
+     * 阴影的颜色
+     */
+    shadowColor?: string | CanvasGradient
+
+    /**
+     * 文字大小，默认16
+     */
+    "fontSize"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontSize 代替
+     */
+    "font-size"?: number // 向下兼容
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    "fontFamily"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontFamily 代替
+     */
+    "font-family"?: string // 向下兼容
+
+    /**
+     * 字重，默认400
+     */
+    "fontWeight"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontWeight 代替
+     */
+    "font-weight"?: number // 向下兼容
+
+    /**
+     * 字类型，默认"normal"
+     */
+    "fontStyle"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontStyle 代替
+     */
+    "font-style"?: string // 向下兼容
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcStartCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcStartCap 代替
+     */
+    "arc-start-cap"?: string // 向下兼容
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcEndCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcEndCap 代替
+     */
+    "arc-end-cap"?: string // 向下兼容
+
 }

package/types/SVGConfig.d.ts

@@ -1,80 +1,90 @@
-import { arcCapType, textAlignType, textBaselineType } from './painterConfig'
-
-export type svgElType = SVGElement | "g" | "text" | "path" | "circle" | "rect" | "polygon" | "polyline"
-export type svgBoardType = SVGElement | "text" | "path" | "arc" | "circle" | "rect"
-
-export default interface SVGConfigType {
-
-    /**
-     * 填充色或图案，默认"#000"
-     */
-    fillStyle?: string
-
-    /**
-     * 轮廓色或图案，默认"#000"
-     */
-    strokeStyle?: string
-
-    /**
-     * 线条宽度，默认1(单位px)
-     */
-    lineWidth?: number
-
-    /**
-     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
-     */
-    textAlign?: textAlignType
-
-    /**
-     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
-     */
-    textBaseline?: textBaselineType
-
-    /**
-     * 设置线条虚线，默认为[]表示使用实线绘制
-     *
-     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
-     */
-    lineDash?: Array<number>
-
-    /**
-     * 文字大小，默认16
-     */
-    "fontSize"?: number
-
-    /**
-     * 已废弃，向下兼容，请用 fontSize 代替
-     */
-    "font-size"?: number // 向下兼容
-
-    /**
-     * 字体，默认"sans-serif"
-     */
-    "fontFamily"?: string
-
-    /**
-     * 已废弃，向下兼容，请用 fontFamily 代替
-     */
-    "font-family"?: string // 向下兼容
-
-    /**
-     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcStartCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcStartCap 代替
-     */
-    "arc-start-cap"?: string // 向下兼容
-
-    /**
-     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
-     */
-    "arcEndCap"?: arcCapType
-
-    /**
-     * 已废弃，向下兼容，请用 arcEndCap 代替
-     */
-    "arc-end-cap"?: string // 向下兼容
-
+import { arcCapType, textAlignType, textBaselineType, lineCapType, lineJoinType } from './painterConfig'
+
+export type svgElType = SVGElement | "g" | "text" | "path" | "circle" | "rect" | "polygon" | "polyline"
+export type svgBoardType = SVGElement | "text" | "path" | "arc" | "circle" | "rect"
+
+export default interface SVGConfigType {
+
+    /**
+     * 填充色或图案，默认"#000"
+     */
+    fillStyle?: string
+
+    /**
+     * 轮廓色或图案，默认"#000"
+     */
+    strokeStyle?: string
+
+    /**
+     * 线条宽度，默认1(单位px)
+     */
+    lineWidth?: number
+
+    /**
+     * 线的端点类型，默认"butt"平直边缘（还有"round"半圆和"square"矩形）
+     */
+    lineCap?: lineCapType
+
+    /**
+     * 线的拐角连接方式，默认"miter"连接处边缘延长相接（还有"bevel"对角线斜角和"round"圆）
+     */
+    lineJoin?: lineJoinType
+
+    /**
+     * 设置线条虚线，默认为[]表示使用实线绘制
+     *
+     * 值应该是一个数组，格式：[实线长，虚线长，实线长 ...]，数组长度任意，会自动循环
+     */
+    lineDash?: Array<number>
+
+    /**
+     * 文字水平对齐方式，默认"left"左对齐（还有"center"居中和"right"右对齐）
+     */
+    textAlign?: textAlignType
+
+    /**
+     * 文字垂直对齐方式，默认"middle"垂直居中（还有"top"上对齐和"bottom"下对齐）
+     */
+    textBaseline?: textBaselineType
+
+    /**
+     * 文字大小，默认16
+     */
+    "fontSize"?: number
+
+    /**
+     * 已废弃，向下兼容，请用 fontSize 代替
+     */
+    "font-size"?: number // 向下兼容
+
+    /**
+     * 字体，默认"sans-serif"
+     */
+    "fontFamily"?: string
+
+    /**
+     * 已废弃，向下兼容，请用 fontFamily 代替
+     */
+    "font-family"?: string // 向下兼容
+
+    /**
+     * 圆弧开始端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcStartCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcStartCap 代替
+     */
+    "arc-start-cap"?: string // 向下兼容
+
+    /**
+     * 圆弧结束端闭合方式，默认"butt"直线闭合（还有"round"圆帽闭合,"-round"反圆帽闭合）
+     */
+    "arcEndCap"?: arcCapType
+
+    /**
+     * 已废弃，向下兼容，请用 arcEndCap 代替
+     */
+    "arc-end-cap"?: string // 向下兼容
+
 }

package/types/animation.d.ts

@@ -1,10 +1,6 @@
-interface animationFun {
-    (deep: number): void
-}
+import { animationType } from "@oipage/core.js/src/animation"
 
 /**
  * 轮询动画，返回一个函数，调用该函数，可以提前结束动画
  */
-export default interface animationType {
-    (doback: animationFun, duration?: number, callback?: animationFun): Function
-}
+export default animationType