@visactor/vrender-components 0.21.0-vstory.2 → 0.21.1-alpha.0

package/es/scrollbar/scrollbar-plugin.js

@@ -8,36 +8,55 @@ import { Generator, injectable } from "@visactor/vrender-core";
 
 import { ScrollBar } from "./scrollbar";
 
-import { AABBBounds, abs, max, min } from "@visactor/vutils";
+import { AABBBounds, abs, Bounds } from "@visactor/vutils";
+
+import { SCROLLBAR_EVENT } from "../constant";
 
 let ScrollBarPlugin = ScrollBarPlugin_1 = class {
     constructor() {
         this.name = "scrollbar", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), 
         this.key = this.name + this._uid, this.scroll = e => {
-            var _a;
-            const graphic = e.target, data = this.getScrollContainer(graphic), {g: scrollContainer} = data;
-            let {showH: showH, showV: showV} = data;
-            if (!scrollContainer || 1 === scrollContainer.count) return;
-            this.scrollContainerBounds = scrollContainer.AABBBounds.clone(), abs(e.deltaX) > abs(e.deltaY) ? (showH = showH && !0, 
-            showV = showV && !1) : (showH = showH && !1, showV = showV && !0), scrollContainer.setAttributes({
-                scrollX: showH ? (scrollContainer.attribute.scrollX || 0) + e.deltaX : scrollContainer.attribute.scrollX || 0,
-                scrollY: showV ? (scrollContainer.attribute.scrollY || 0) + e.deltaY : scrollContainer.attribute.scrollY || 0
-            });
-            const childrenBounds = this.childrenBounds, scrollContainerBounds = this.scrollContainerBounds;
-            childrenBounds.clear(), scrollContainer.forEachChildren((c => {
-                childrenBounds.union(c.AABBBounds);
-            })), childrenBounds.transformWithMatrix(scrollContainer.transMatrix), showH && scrollContainerBounds.x1 <= childrenBounds.x1 && scrollContainerBounds.x2 >= childrenBounds.x2 && (showH = !1), 
-            showV && scrollContainerBounds.y1 <= childrenBounds.y1 && scrollContainerBounds.y2 >= childrenBounds.y2 && (showV = !1);
-            const m = scrollContainer.transMatrix;
-            scrollContainerBounds.translate(-m.e, -m.f), childrenBounds.translate(-m.e, -m.f), 
-            showH && (childrenBounds.x1 = min(childrenBounds.x1, scrollContainerBounds.x1), 
-            childrenBounds.x2 = max(childrenBounds.x2, scrollContainerBounds.x2)), showV && (childrenBounds.y1 = min(childrenBounds.y1, scrollContainerBounds.y1), 
-            childrenBounds.y2 = max(childrenBounds.y2, scrollContainerBounds.y2)), childrenBounds.translate(scrollContainer.attribute.scrollX, scrollContainer.attribute.scrollY);
-            const container = (null !== (_a = scrollContainer.shadowRoot) && void 0 !== _a ? _a : scrollContainer.attachShadow()).createOrUpdateChild("scroll-bar", {}, "group"), {h: h, v: v, deltaH: deltaH, deltaV: deltaV} = this.addOrUpdateScroll(showH, showV, container, scrollContainer);
+            var _a, _b;
+            const graphic = e.target, data = this.getScrollContainer(graphic);
+            if (!data && !this.scrollContainer) return;
+            if (!data && this.scrollContainer) {
+                if (!this.scrollContainer.g.stage || this.scrollContainer.g.stage !== graphic.stage) return;
+                const newScrollContainer = this.formatScrollContainer(this.scrollContainer.g);
+                if (!newScrollContainer) return void this.clearScrollbar(this.scrollContainer.g, "all");
+                this.scrollContainer.showH && !newScrollContainer.showH && this.clearScrollbar(this.scrollContainer.g, "horizontal"), 
+                this.scrollContainer.showV && !newScrollContainer.showV && this.clearScrollbar(this.scrollContainer.g, "vertical"), 
+                this.scrollContainer = newScrollContainer;
+            } else data && this.scrollContainer && data.g !== this.scrollContainer.g && this.clearScrollbar(this.scrollContainer.g, "all");
+            this.scrollContainer = null != data ? data : this.scrollContainer;
+            const scrollContainer = data.g, {width: width, height: height, scrollX: scrollX = 0, scrollY: scrollY = 0} = scrollContainer.attribute;
+            let newScrollX = scrollX, newScrollY = scrollY, {showH: showH, showV: showV} = data;
+            this.scrollContainerBounds = (new Bounds).set(0, 0, scrollContainer.attribute.width, scrollContainer.attribute.height), 
+            showH && showH && (abs(e.deltaX) > abs(e.deltaY) ? (showH = showH && !0, showV = showV && !1) : (showH = showH && !1, 
+            showV = showV && !0));
+            const childrenBounds = this.childrenBounds;
+            childrenBounds.clear(), childrenBounds.set(0, 0, scrollContainer.AABBBounds.width(), scrollContainer.AABBBounds.height());
+            const scrollWidth = childrenBounds.width(), scrollHeight = childrenBounds.height();
+            newScrollX = showH ? Math.max(Math.min((null !== (_a = e.deltaX) && void 0 !== _a ? _a : 0) - scrollX, scrollWidth - width), 0) : -scrollX, 
+            newScrollY = showV ? Math.max(Math.min((null !== (_b = e.deltaY) && void 0 !== _b ? _b : 0) - scrollY, scrollHeight - height), 0) : -scrollY, 
+            childrenBounds.translate(-newScrollX, -newScrollY), this.addOrUpdateScroll(showH, showV, scrollContainer.parent, scrollContainer), 
             scrollContainer.setAttributes({
-                scrollX: h ? scrollContainer.attribute.scrollX || 0 : (scrollContainer.attribute.scrollX || 0) + deltaH,
-                scrollY: v ? scrollContainer.attribute.scrollY || 0 : (scrollContainer.attribute.scrollY || 0) + deltaV
+                scrollX: -newScrollX,
+                scrollY: -newScrollY
             });
+        }, this.handleScrollBarChange = params => {
+            if (!(this.scrollContainer && this.scrollContainerBounds && this.childrenBounds && params && params.target && params.detail && params.detail.value)) return;
+            const scrollbar = params.target, newRange = params.detail.value;
+            if ("horizontal" === scrollbar.attribute.direction) {
+                const scrollWidth = this.childrenBounds.width();
+                this.scrollContainer.g.setAttributes({
+                    scrollX: -newRange[0] * scrollWidth
+                });
+            } else {
+                const scrollHeight = this.childrenBounds.height();
+                this.scrollContainer.g.setAttributes({
+                    scrollY: -newRange[0] * scrollHeight
+                });
+            }
         };
     }
     activate(context) {
@@ -46,95 +65,93 @@ let ScrollBarPlugin = ScrollBarPlugin_1 = class {
         this.childrenBounds = new AABBBounds, stage.addEventListener("wheel", this.scroll), 
         this.params = ScrollBarPlugin_1.defaultParams;
     }
+    initEventOfScrollbar(scrollContainer, scrollbar, isHorozntal) {
+        scrollContainer.addEventListener("pointerover", (() => {
+            scrollbar.setAttribute("visibleAll", !0);
+        })), scrollContainer.addEventListener("pointermove", (() => {
+            scrollbar.setAttribute("visibleAll", !0);
+        })), scrollContainer.addEventListener("pointerout", (() => {
+            scrollbar.setAttribute("visibleAll", !1);
+        })), scrollbar.addEventListener("pointerover", (() => {
+            scrollbar.setAttribute("visibleAll", !0);
+        })), scrollbar.addEventListener("pointerout", (() => {
+            scrollbar.setAttribute("visibleAll", !0);
+        })), scrollbar.addEventListener("scrollUp", this.handleScrollBarChange), scrollbar.addEventListener(SCROLLBAR_EVENT, this.handleScrollBarChange);
+    }
     addOrUpdateScroll(showH, showV, container, scrollContainer) {
-        const scrollbars = container.children;
-        let h = !1, v = !1, deltaH = 0, deltaV = 0;
         if (showH) {
-            const hScrollbar = scrollbars.filter((g => "vertical" !== g.attribute.direction))[0], d = this.addOrUpdateHScroll(this.scrollContainerBounds, container, hScrollbar);
-            h = d.valid, deltaH = d.delta, this.disappearScrollBar(hScrollbar, v);
-        }
+            const {scrollBar: hScrollbar, isUpdate: isUpdate} = this.addOrUpdateHScroll(scrollContainer, container, !0);
+            isUpdate || this.initEventOfScrollbar(scrollContainer, hScrollbar, !0);
+        } else this.clearScrollbar(scrollContainer, "horizontal");
         if (showV) {
-            const vScrollbar = scrollbars.filter((g => "vertical" === g.attribute.direction))[0], d = this.addOrUpdateVScroll(this.scrollContainerBounds, container, vScrollbar);
-            v = d.valid, deltaV = d.delta, this.disappearScrollBar(vScrollbar, v);
-        }
-        return {
-            h: h,
-            deltaH: deltaH,
-            v: v,
-            deltaV: deltaV
-        };
+            const {scrollBar: vScrollbar, isUpdate: isUpdate} = this.addOrUpdateHScroll(scrollContainer, container, !1);
+            isUpdate || this.initEventOfScrollbar(scrollContainer, vScrollbar, !1);
+        } else this.clearScrollbar(scrollContainer, "vertical");
     }
-    addOrUpdateHScroll(scrollContainerB, container, scrollBar) {
-        scrollBar || (scrollBar = new ScrollBar({
-            direction: "horizontal",
-            x: 0,
-            y: 0,
-            width: scrollContainerB.width(),
-            height: 12,
-            padding: [ 2, 0 ],
-            railStyle: {
-                fill: "rgba(0, 0, 0, .1)"
-            },
-            range: [ 0, .05 ]
-        }), container.add(scrollBar));
-        const b = scrollBar.AABBBounds, childrenBounds = this.childrenBounds, y = scrollContainerB.y2 - b.height(), ratio = Math.min(b.width() / this.childrenBounds.width(), 1);
-        let start = (scrollContainerB.x1 - childrenBounds.x1) / (childrenBounds.width() - scrollContainerB.width()) * (1 - ratio), valid = !0, delta = 0;
-        return start < 0 ? (start = 0, valid = !1, delta = scrollContainerB.x1 - childrenBounds.x1) : start + ratio > 1 && (start = 1 - ratio, 
-        valid = !1, delta = scrollContainerB.x1 - childrenBounds.x1 - (childrenBounds.width() - scrollContainerB.width())), 
-        scrollBar.setAttributes({
-            y: y,
-            visibleAll: !0,
-            range: [ start, start + ratio ]
-        }), {
-            valid: valid,
-            delta: delta
-        };
+    getDirection(isHorozntal) {
+        return isHorozntal ? "horizontal" : "vertical";
     }
-    addOrUpdateVScroll(scrollContainerB, container, scrollBar) {
-        scrollBar || (scrollBar = new ScrollBar({
-            direction: "vertical",
+    addOrUpdateHScroll(scrollContainer, container, isHorozntal) {
+        var _a;
+        const direction = this.getDirection(isHorozntal), name = `${null !== (_a = scrollContainer.name) && void 0 !== _a ? _a : scrollContainer._uid}_${this.getDirection(isHorozntal)}_${this.name}`, scrollbars = container.children.filter((g => g.name === name));
+        let isUpdate = !0, scrollBar = scrollbars[0];
+        const {y: y = 0, dy: dy = 0, x: x = 0, dx: dx = 0, height: height, width: width, zIndex: zIndex = 0} = this.scrollContainer.g.attribute, attrs = {
             x: 0,
             y: 0,
-            width: 12,
-            height: scrollContainerB.height(),
+            direction: direction,
+            zIndex: zIndex + 1,
+            visibleAll: !0,
             padding: [ 2, 0 ],
             railStyle: {
                 fill: "rgba(0, 0, 0, .1)"
             },
             range: [ 0, .05 ]
-        }), container.add(scrollBar));
-        const b = scrollBar.AABBBounds, x = scrollContainerB.x2 - b.width(), childrenBounds = this.childrenBounds, ratio = Math.min(b.height() / childrenBounds.height(), 1);
-        let start = (scrollContainerB.y1 - childrenBounds.y1) / (childrenBounds.height() - scrollContainerB.height()) * (1 - ratio), valid = !0, delta = 0;
-        return start < 0 ? (start = 0, valid = !1, delta = scrollContainerB.y1 - childrenBounds.y1) : start + ratio > 1 && (start = 1 - ratio, 
-        valid = !1, delta = scrollContainerB.y1 - childrenBounds.y1 - (childrenBounds.height() - scrollContainerB.height())), 
-        scrollBar.setAttributes({
-            x: x,
-            visibleAll: !0,
-            range: [ start, start + ratio ]
-        }), {
-            valid: valid,
-            delta: delta
+        };
+        isHorozntal ? (attrs.width = this.scrollContainerBounds.width(), attrs.height = 12) : (attrs.height = this.scrollContainerBounds.height(), 
+        attrs.width = 12), scrollBar ? scrollbars.length > 1 && scrollbars.forEach(((child, index) => {
+            var _a;
+            index && (null === (_a = child.parent) || void 0 === _a || _a.removeChild(child));
+        })) : (isUpdate = !1, scrollBar = new ScrollBar(attrs), scrollBar.name = name, container.add(scrollBar), 
+        scrollBar.isScrollBar = !0);
+        const childrenBounds = this.childrenBounds;
+        if (isHorozntal) {
+            const ratio = Math.min(this.scrollContainerBounds.width() / childrenBounds.width(), 1), start = Math.max(Math.min(this.childrenBounds.x1 / this.childrenBounds.width(), 0), ratio - 1);
+            attrs.x = x + dx, attrs.y = y + dy + height - this.scrollContainerBounds.height(), 
+            attrs.range = [ -start, -start + ratio ];
+        } else {
+            const ratio = Math.min(this.scrollContainerBounds.height() / childrenBounds.height(), 1), start = Math.max(Math.min(this.childrenBounds.y1 / this.childrenBounds.height(), 0), ratio - 1);
+            attrs.x = x + dx + width - this.scrollContainerBounds.width(), attrs.y = y + dy, 
+            attrs.range = [ -start, -start + ratio ];
+        }
+        return scrollBar.setAttributes(attrs), {
+            scrollBar: scrollBar,
+            isUpdate: isUpdate
         };
     }
-    disappearScrollBar(scrollBar, valid) {
-        var _a;
-        scrollBar._plugin_timeout && clearTimeout(scrollBar._plugin_timeout), scrollBar._plugin_timeout = setTimeout((() => {
-            scrollBar.setAttribute("visibleAll", !1);
-        }), null !== (_a = this.params.timeout) && void 0 !== _a ? _a : 0);
+    clearScrollbar(scrollContainer, type) {
+        if (!scrollContainer.parent) return;
+        scrollContainer.parent.children.filter((child => child.isScrollBar && ("all" === type || child.attribute.direction === type))).forEach((child => {
+            child.parent.removeChild(child);
+        }));
+    }
+    formatScrollContainer(g) {
+        if (!g || "group" !== g.type || !g.attribute) return null;
+        const {overflow: overflow, width: width, height: height} = g.attribute;
+        if (!overflow || "hidden" === overflow) return null;
+        let showH = !1, showV = !1;
+        return "scroll" === overflow ? (showH = !0, showV = !0) : (showH = "scroll-x" === overflow, 
+        showV = !showH), g.AABBBounds.empty() || (showH && (showH = width < g.AABBBounds.width()), 
+        showV && (showV = height < g.AABBBounds.height())), showH || showV ? {
+            g: g,
+            showH: showH,
+            showV: showV
+        } : null;
     }
     getScrollContainer(graphic) {
         let g = graphic;
         for (;g; ) {
-            if (g.attribute.overflow && "hidden" !== g.attribute.overflow) {
-                const overflow = g.attribute.overflow;
-                let showH = !1, showV = !1;
-                return "scroll" === overflow ? (showH = !0, showV = !0) : (showH = "scroll-x" === overflow, 
-                showV = !showH), {
-                    g: g,
-                    showH: showH,
-                    showV: showV
-                };
-            }
+            const res = this.formatScrollContainer(g);
+            if (res) return res;
             g = g.parent;
         }
         return null;

package/es/scrollbar/scrollbar-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scrollbar/scrollbar-plugin.ts"],"names":[],"mappings":"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","file":"scrollbar-plugin.js","sourcesContent":["import type { IGraphic, IGroup, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator, injectable } from '@visactor/vrender-core';\nimport { ScrollBar } from './scrollbar';\nimport type { IAABBBounds } from '@visactor/vutils';\nimport { AABBBounds, abs, max, min } from '@visactor/vutils';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\ntype IParams = {\n  timeout?: number; // 消失的timeout\n  bufferV?: number; // 判定是否出现滚动条的buffer\n  bufferH?: number; // 判定是否出现滚动条的buffer\n};\n\n@injectable()\nexport class ScrollBarPlugin implements IPlugin {\n  name: 'scrollbar' = 'scrollbar';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n  childrenBounds: IAABBBounds;\n  scrollContainerBounds: IAABBBounds;\n\n  static defaultParams: IParams = {\n    timeout: 500\n  };\n\n  params: IParams;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    this.childrenBounds = new AABBBounds();\n    stage.addEventListener('wheel', this.scroll as any);\n    this.params = ScrollBarPlugin.defaultParams;\n  }\n  scroll = (e: { deltaX: number; deltaY: number; target: IGraphic }) => {\n    const graphic = e.target as any;\n    const data = this.getScrollContainer(graphic);\n    const { g: scrollContainer } = data;\n    let { showH, showV } = data;\n    if (!scrollContainer || scrollContainer.count === 1) {\n      return;\n    }\n    this.scrollContainerBounds = scrollContainer.AABBBounds.clone();\n    if (abs(e.deltaX) > abs(e.deltaY)) {\n      showH = showH && true;\n      showV = showV && false;\n    } else {\n      showH = showH && false;\n      showV = showV && true;\n    }\n    scrollContainer.setAttributes({\n      scrollX: showH ? (scrollContainer.attribute.scrollX || 0) + e.deltaX : scrollContainer.attribute.scrollX || 0,\n      scrollY: showV ? (scrollContainer.attribute.scrollY || 0) + e.deltaY : scrollContainer.attribute.scrollY || 0\n    });\n\n    // 计算子元素的bounds\n    const childrenBounds = this.childrenBounds;\n    const scrollContainerBounds = this.scrollContainerBounds;\n    childrenBounds.clear();\n    scrollContainer.forEachChildren((c: IGraphic) => {\n      childrenBounds.union(c.AABBBounds);\n    });\n    // 判断是否需要显示H或V，如果bounds完全在内部，那就不需要显示\n    childrenBounds.transformWithMatrix(scrollContainer.transMatrix);\n    if (showH && scrollContainerBounds.x1 <= childrenBounds.x1 && scrollContainerBounds.x2 >= childrenBounds.x2) {\n      showH = false;\n    }\n\n    if (showV && scrollContainerBounds.y1 <= childrenBounds.y1 && scrollContainerBounds.y2 >= childrenBounds.y2) {\n      showV = false;\n    }\n\n    // 转到当前坐标系下\n    const m = scrollContainer.transMatrix;\n    scrollContainerBounds.translate(-m.e, -m.f);\n    childrenBounds.translate(-m.e, -m.f);\n    // 如果子元素的bounds小于scrollContainer，那么就扩充\n    if (showH) {\n      childrenBounds.x1 = min(childrenBounds.x1, scrollContainerBounds.x1);\n      childrenBounds.x2 = max(childrenBounds.x2, scrollContainerBounds.x2);\n    }\n    if (showV) {\n      childrenBounds.y1 = min(childrenBounds.y1, scrollContainerBounds.y1);\n      childrenBounds.y2 = max(childrenBounds.y2, scrollContainerBounds.y2);\n    }\n    childrenBounds.translate(scrollContainer.attribute.scrollX, scrollContainer.attribute.scrollY);\n\n    const shadowRoot = scrollContainer.shadowRoot ?? scrollContainer.attachShadow();\n    const container = shadowRoot.createOrUpdateChild('scroll-bar', {}, 'group') as IGroup;\n    const { h, v, deltaH, deltaV } = this.addOrUpdateScroll(showH, showV, container, scrollContainer);\n    scrollContainer.setAttributes({\n      scrollX: h ? scrollContainer.attribute.scrollX || 0 : (scrollContainer.attribute.scrollX || 0) + deltaH,\n      scrollY: v ? scrollContainer.attribute.scrollY || 0 : (scrollContainer.attribute.scrollY || 0) + deltaV\n    });\n  };\n  addOrUpdateScroll(\n    showH: boolean,\n    showV: boolean,\n    container: IGroup,\n    scrollContainer: IGroup\n  ): { h: boolean; deltaH: number; v: boolean; deltaV: number } {\n    const scrollbars = container.children;\n    let h = false;\n    let v = false;\n    let deltaH = 0;\n    let deltaV = 0;\n    if (showH) {\n      const hScrollbar = scrollbars.filter((g: ScrollBar) => g.attribute.direction !== 'vertical')[0] as ScrollBar;\n      const d = this.addOrUpdateHScroll(this.scrollContainerBounds, container, hScrollbar);\n      h = d.valid;\n      deltaH = d.delta;\n      this.disappearScrollBar(hScrollbar, v);\n    }\n    if (showV) {\n      const vScrollbar = scrollbars.filter((g: ScrollBar) => g.attribute.direction === 'vertical')[0] as ScrollBar;\n      const d = this.addOrUpdateVScroll(this.scrollContainerBounds, container, vScrollbar);\n      v = d.valid;\n      deltaV = d.delta;\n      this.disappearScrollBar(vScrollbar, v);\n    }\n    return {\n      h,\n      deltaH,\n      v,\n      deltaV\n    };\n  }\n  addOrUpdateHScroll(\n    scrollContainerB: IAABBBounds,\n    container: IGroup,\n    scrollBar?: ScrollBar\n  ): { valid: boolean; delta: number } {\n    if (!scrollBar) {\n      scrollBar = new ScrollBar({\n        direction: 'horizontal',\n        x: 0,\n        y: 0,\n        width: scrollContainerB.width(),\n        height: 12,\n        padding: [2, 0],\n        railStyle: {\n          fill: 'rgba(0, 0, 0, .1)'\n        },\n        range: [0, 0.05]\n      });\n      container.add(scrollBar);\n    }\n    const b = scrollBar.AABBBounds;\n    const childrenBounds = this.childrenBounds;\n    const y = scrollContainerB.y2 - b.height();\n\n    const ratio = Math.min(b.width() / this.childrenBounds.width(), 1);\n    let start =\n      ((scrollContainerB.x1 - childrenBounds.x1) / (childrenBounds.width() - scrollContainerB.width())) * (1 - ratio);\n\n    let valid = true;\n    let delta = 0;\n    if (start < 0) {\n      start = 0;\n      valid = false;\n      delta = scrollContainerB.x1 - childrenBounds.x1;\n    } else if (start + ratio > 1) {\n      start = 1 - ratio;\n      valid = false;\n      delta = scrollContainerB.x1 - childrenBounds.x1 - (childrenBounds.width() - scrollContainerB.width());\n    }\n    scrollBar.setAttributes({\n      y,\n      visibleAll: true,\n      range: [start, start + ratio]\n    });\n    return {\n      valid,\n      delta\n    };\n  }\n\n  addOrUpdateVScroll(\n    scrollContainerB: IAABBBounds,\n    container: IGroup,\n    scrollBar?: ScrollBar\n  ): { valid: boolean; delta: number } {\n    if (!scrollBar) {\n      scrollBar = new ScrollBar({\n        direction: 'vertical',\n        x: 0,\n        y: 0,\n        width: 12,\n        height: scrollContainerB.height(),\n        padding: [2, 0],\n        railStyle: {\n          fill: 'rgba(0, 0, 0, .1)'\n        },\n        range: [0, 0.05]\n      });\n      container.add(scrollBar);\n    }\n    const b = scrollBar.AABBBounds;\n    const x = scrollContainerB.x2 - b.width();\n    const childrenBounds = this.childrenBounds;\n    const ratio = Math.min(b.height() / childrenBounds.height(), 1);\n    let start =\n      ((scrollContainerB.y1 - childrenBounds.y1) / (childrenBounds.height() - scrollContainerB.height())) * (1 - ratio);\n\n    let valid = true;\n    let delta = 0;\n    if (start < 0) {\n      start = 0;\n      valid = false;\n      delta = scrollContainerB.y1 - childrenBounds.y1;\n    } else if (start + ratio > 1) {\n      start = 1 - ratio;\n      valid = false;\n      delta = scrollContainerB.y1 - childrenBounds.y1 - (childrenBounds.height() - scrollContainerB.height());\n    }\n    scrollBar.setAttributes({\n      x,\n      visibleAll: true,\n      range: [start, start + ratio]\n    });\n    return {\n      valid,\n      delta\n    };\n  }\n\n  disappearScrollBar(scrollBar: ScrollBar, valid: boolean) {\n    if ((scrollBar as any)._plugin_timeout) {\n      clearTimeout((scrollBar as any)._plugin_timeout);\n    }\n    (scrollBar as any)._plugin_timeout = setTimeout(() => {\n      scrollBar.setAttribute('visibleAll', false);\n    }, this.params.timeout ?? 0);\n  }\n\n  // 获取响应滚动的元素\n  getScrollContainer(graphic: IGraphic): { g: IGroup; showH: boolean; showV: boolean } | null {\n    let g = graphic;\n    while (g) {\n      if (g.attribute.overflow && g.attribute.overflow !== 'hidden') {\n        const overflow = g.attribute.overflow;\n        let showH = false;\n        let showV = false;\n        if (overflow === 'scroll') {\n          (showH = true), (showV = true);\n        } else {\n          showH = overflow === 'scroll-x';\n          showV = !showH;\n        }\n        return { g: g as IGroup, showH, showV };\n      }\n      g = g.parent;\n    }\n    return null;\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('wheel', this.scroll as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/scrollbar/scrollbar-plugin.ts"],"names":[],"mappings":"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","file":"scrollbar-plugin.js","sourcesContent":["import type { IGraphic, IGroup, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator, injectable } from '@visactor/vrender-core';\nimport { ScrollBar } from './scrollbar';\nimport type { IAABBBounds } from '@visactor/vutils';\nimport { AABBBounds, abs, Bounds } from '@visactor/vutils';\nimport { SCROLLBAR_EVENT } from '../constant';\nimport type { ScrollBarAttributes } from './type';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\ntype IParams = {\n  timeout?: number; // 消失的timeout\n  bufferV?: number; // 判定是否出现滚动条的buffer\n  bufferH?: number; // 判定是否出现滚动条的buffer\n};\n\n@injectable()\nexport class ScrollBarPlugin implements IPlugin {\n  name: 'scrollbar' = 'scrollbar';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  scrollContainer?: { g: IGroup; showH: boolean; showV: boolean };\n  scrollContainerBounds: IAABBBounds;\n  childrenBounds: IAABBBounds;\n\n  static defaultParams: IParams = {\n    timeout: 500\n  };\n\n  params: IParams;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    this.childrenBounds = new AABBBounds();\n    stage.addEventListener('wheel', this.scroll as any);\n    this.params = ScrollBarPlugin.defaultParams;\n  }\n  scroll = (e: { deltaX: number; deltaY: number; target: IGraphic }) => {\n    const graphic = e.target as any;\n    const data = this.getScrollContainer(graphic);\n\n    if (!data && !this.scrollContainer) {\n      return;\n    }\n\n    if (!data && this.scrollContainer) {\n      if (!this.scrollContainer.g.stage || this.scrollContainer.g.stage !== graphic.stage) {\n        return;\n      }\n      const newScrollContainer = this.formatScrollContainer(this.scrollContainer.g);\n\n      if (!newScrollContainer) {\n        this.clearScrollbar(this.scrollContainer.g, 'all');\n        // 删除老的scrollbar\n        return;\n      }\n      if (this.scrollContainer.showH && !newScrollContainer.showH) {\n        this.clearScrollbar(this.scrollContainer.g, 'horizontal');\n      }\n\n      if (this.scrollContainer.showV && !newScrollContainer.showV) {\n        this.clearScrollbar(this.scrollContainer.g, 'vertical');\n      }\n\n      this.scrollContainer = newScrollContainer;\n    } else if (data && this.scrollContainer && data.g !== this.scrollContainer.g) {\n      this.clearScrollbar(this.scrollContainer.g, 'all');\n    }\n\n    this.scrollContainer = data ?? this.scrollContainer;\n\n    const scrollContainer = data.g;\n    const { width, height, scrollX = 0, scrollY = 0 } = scrollContainer.attribute;\n    let newScrollX = scrollX;\n    let newScrollY = scrollY;\n    let { showH, showV } = data;\n    this.scrollContainerBounds = new Bounds().set(\n      0,\n      0,\n      scrollContainer.attribute.width,\n      scrollContainer.attribute.height\n    );\n    if (showH && showH) {\n      if (abs(e.deltaX) > abs(e.deltaY)) {\n        showH = showH && true;\n        showV = showV && false;\n      } else {\n        showH = showH && false;\n        showV = showV && true;\n      }\n    }\n\n    // 计算子元素的bounds\n    const childrenBounds = this.childrenBounds;\n\n    childrenBounds.clear();\n    childrenBounds.set(0, 0, scrollContainer.AABBBounds.width(), scrollContainer.AABBBounds.height());\n\n    const scrollWidth = childrenBounds.width();\n    const scrollHeight = childrenBounds.height();\n\n    if (showH) {\n      newScrollX = Math.max(Math.min((e.deltaX ?? 0) - scrollX, scrollWidth - width), 0);\n    } else {\n      newScrollX = -scrollX;\n    }\n\n    if (showV) {\n      newScrollY = Math.max(Math.min((e.deltaY ?? 0) - scrollY, scrollHeight - height), 0);\n    } else {\n      newScrollY = -scrollY;\n    }\n\n    childrenBounds.translate(-newScrollX, -newScrollY);\n\n    this.addOrUpdateScroll(showH, showV, scrollContainer.parent, scrollContainer);\n    scrollContainer.setAttributes({\n      scrollX: -newScrollX,\n      scrollY: -newScrollY\n    });\n  };\n\n  handleScrollBarChange = (params: any) => {\n    if (\n      !this.scrollContainer ||\n      !this.scrollContainerBounds ||\n      !this.childrenBounds ||\n      !params ||\n      !params.target ||\n      !params.detail ||\n      !params.detail.value\n    ) {\n      return;\n    }\n    const scrollbar = params.target;\n    const newRange = params.detail.value;\n\n    if (scrollbar.attribute.direction === 'horizontal') {\n      const scrollWidth = this.childrenBounds.width();\n\n      this.scrollContainer.g.setAttributes({ scrollX: -newRange[0] * scrollWidth });\n    } else {\n      const scrollHeight = this.childrenBounds.height();\n\n      this.scrollContainer.g.setAttributes({ scrollY: -newRange[0] * scrollHeight });\n    }\n  };\n\n  initEventOfScrollbar(scrollContainer: IGroup, scrollbar: IGroup, isHorozntal?: boolean) {\n    scrollContainer.addEventListener('pointerover', () => {\n      scrollbar.setAttribute('visibleAll', true);\n    });\n    scrollContainer.addEventListener('pointermove', () => {\n      scrollbar.setAttribute('visibleAll', true);\n    });\n    scrollContainer.addEventListener('pointerout', () => {\n      scrollbar.setAttribute('visibleAll', false);\n    });\n    scrollbar.addEventListener('pointerover', () => {\n      scrollbar.setAttribute('visibleAll', true);\n    });\n    scrollbar.addEventListener('pointerout', () => {\n      scrollbar.setAttribute('visibleAll', true);\n    });\n\n    scrollbar.addEventListener('scrollUp', this.handleScrollBarChange);\n    scrollbar.addEventListener(SCROLLBAR_EVENT, this.handleScrollBarChange);\n  }\n\n  addOrUpdateScroll(showH: boolean, showV: boolean, container: IGroup, scrollContainer: IGroup) {\n    if (showH) {\n      const { scrollBar: hScrollbar, isUpdate } = this.addOrUpdateHScroll(scrollContainer, container, true);\n\n      if (!isUpdate) {\n        this.initEventOfScrollbar(scrollContainer, hScrollbar, true);\n      }\n    } else {\n      this.clearScrollbar(scrollContainer, 'horizontal');\n    }\n    if (showV) {\n      const { scrollBar: vScrollbar, isUpdate } = this.addOrUpdateHScroll(scrollContainer, container, false);\n\n      if (!isUpdate) {\n        this.initEventOfScrollbar(scrollContainer, vScrollbar, false);\n      }\n    } else {\n      this.clearScrollbar(scrollContainer, 'vertical');\n    }\n  }\n\n  getDirection(isHorozntal?: boolean) {\n    return isHorozntal ? 'horizontal' : 'vertical';\n  }\n\n  addOrUpdateHScroll(scrollContainer: IGroup, container: IGroup, isHorozntal?: boolean) {\n    const direction = this.getDirection(isHorozntal);\n    const name = `${scrollContainer.name ?? scrollContainer._uid}_${this.getDirection(isHorozntal)}_${this.name}`;\n    const scrollbars = container.children.filter((g: ScrollBar) => g.name === name);\n    let isUpdate = true;\n    let scrollBar = scrollbars[0] as ScrollBar;\n\n    const { y = 0, dy = 0, x = 0, dx = 0, height, width, zIndex = 0 } = this.scrollContainer.g.attribute;\n    const attrs: Partial<ScrollBarAttributes> = {\n      x: 0,\n      y: 0,\n      direction,\n      zIndex: zIndex + 1,\n      visibleAll: true,\n      padding: [2, 0],\n      railStyle: {\n        fill: 'rgba(0, 0, 0, .1)'\n      },\n      range: [0, 0.05]\n    };\n\n    if (isHorozntal) {\n      attrs.width = this.scrollContainerBounds.width();\n      attrs.height = 12;\n    } else {\n      attrs.height = this.scrollContainerBounds.height();\n      attrs.width = 12;\n    }\n\n    if (!scrollBar) {\n      isUpdate = false;\n\n      scrollBar = new ScrollBar(attrs as ScrollBarAttributes);\n      scrollBar.name = name;\n      container.add(scrollBar);\n      (scrollBar as any).isScrollBar = true;\n    } else if (scrollbars.length > 1) {\n      scrollbars.forEach((child: IGraphic, index: number) => {\n        if (index) {\n          child.parent?.removeChild(child);\n        }\n      });\n    }\n    const childrenBounds = this.childrenBounds;\n\n    if (isHorozntal) {\n      const ratio = Math.min(this.scrollContainerBounds.width() / childrenBounds.width(), 1);\n      const start = Math.max(Math.min(this.childrenBounds.x1 / this.childrenBounds.width(), 0), ratio - 1);\n      attrs.x = x + dx;\n      attrs.y = y + dy + height - this.scrollContainerBounds.height();\n      attrs.range = [-start, -start + ratio];\n    } else {\n      const ratio = Math.min(this.scrollContainerBounds.height() / childrenBounds.height(), 1);\n      const start = Math.max(Math.min(this.childrenBounds.y1 / this.childrenBounds.height(), 0), ratio - 1);\n      attrs.x = x + dx + width - this.scrollContainerBounds.width();\n      attrs.y = y + dy;\n      attrs.range = [-start, -start + ratio];\n    }\n\n    scrollBar.setAttributes(attrs);\n    return {\n      scrollBar,\n      isUpdate\n    };\n  }\n\n  clearScrollbar(scrollContainer: IGroup, type: 'horizontal' | 'vertical' | 'all') {\n    if (!scrollContainer.parent) {\n      return;\n    }\n    const scrollbarBars = scrollContainer.parent.children.filter((child: IGroup) => {\n      return (child as any).isScrollBar && (type === 'all' || (child.attribute as any).direction === type);\n    });\n\n    scrollbarBars.forEach((child: IGraphic) => {\n      child.parent.removeChild(child);\n    });\n  }\n\n  formatScrollContainer(g: IGraphic) {\n    if (!g || g.type !== 'group' || !g.attribute) {\n      return null;\n    }\n\n    const { overflow, width, height } = (g as IGroup).attribute;\n\n    if (!overflow || overflow === 'hidden') {\n      return null;\n    }\n\n    let showH = false;\n    let showV = false;\n\n    if (overflow === 'scroll') {\n      showH = true;\n      showV = true;\n    } else {\n      showH = overflow === 'scroll-x';\n      showV = !showH;\n    }\n\n    if (!g.AABBBounds.empty()) {\n      if (showH) {\n        showH = width < g.AABBBounds.width();\n      }\n\n      if (showV) {\n        showV = height < g.AABBBounds.height();\n      }\n    }\n\n    return showH || showV ? { g: g as IGroup, showH, showV } : null;\n  }\n\n  // 获取响应滚动的元素\n  getScrollContainer(graphic: IGraphic): { g: IGroup; showH: boolean; showV: boolean } | null {\n    let g = graphic;\n    while (g) {\n      const res = this.formatScrollContainer(g);\n\n      if (res) {\n        return res;\n      }\n      g = g.parent;\n    }\n    return null;\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('wheel', this.scroll as any);\n  }\n}\n"]}

package/es/timeline/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport { ILineAttribute, ISymbolAttribute } from '@visactor/vrender-core';\n\nexport interface TimelineAttrs extends IGroupGraphicAttribute {\n  width: number;\n  // height?: number;\n  times: { label: string; desc?: string }[];\n  labelSpace?: number;\n  symbolStyle?: Partial<ISymbolGraphicAttribute>;\n  activeSymbolStyle?: Partial<ISymbolGraphicAttribute>;\n  lineStyle?: Partial<ILineGraphicAttribute>;\n  activeLineStyle?: Partial<ILineGraphicAttribute>;\n  labelStyle?: Partial<ITextGraphicAttribute>;\n  activeLabelStyle?: Partial<ITextGraphicAttribute>;\n  pointLayoutMode?: 'space-around' | 'space-between';\n  // 当前进度\n  clipRange?: number;\n  animation?: boolean;\n}\n"]}
+{"version":3,"sources":["../src/timeline/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\n\nexport interface TimelineAttrs extends IGroupGraphicAttribute {\n  width: number;\n  // height?: number;\n  times: { label: string; desc?: string }[];\n  labelSpace?: number;\n  symbolStyle?: Partial<ISymbolGraphicAttribute>;\n  activeSymbolStyle?: Partial<ISymbolGraphicAttribute>;\n  lineStyle?: Partial<ILineGraphicAttribute>;\n  activeLineStyle?: Partial<ILineGraphicAttribute>;\n  labelStyle?: Partial<ITextGraphicAttribute>;\n  activeLabelStyle?: Partial<ITextGraphicAttribute>;\n  pointLayoutMode?: 'space-around' | 'space-between';\n  // 当前进度\n  clipRange?: number;\n  animation?: boolean;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-components",
-  "version": "0.21.0-vstory.2",
+  "version": "0.21.1-alpha.0",
   "description": "components library for dp visualization",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -12,14 +12,14 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vutils": "~0.18.18",
-    "@visactor/vscale": "~0.18.18",
-    "@visactor/vrender-core": "0.21.0-vstory.2",
-    "@visactor/vrender-kits": "0.21.0-vstory.2"
+    "@visactor/vutils": "~0.19.1",
+    "@visactor/vscale": "~0.19.1",
+    "@visactor/vrender-core": "0.21.1-alpha.0",
+    "@visactor/vrender-kits": "0.21.1-alpha.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.1.4",
-    "@visactor/vscale": "~0.18.18",
+    "@visactor/vscale": "~0.19.1",
     "@types/jest": "^26.0.0",
     "jest": "^26.0.0",
     "jest-electron": "^0.1.12",
@@ -74,6 +74,7 @@
     "test-cov": "jest --coverage",
     "test-live": "npm run test-watch __tests__/unit/",
     "test-watch": "cross-env DEBUG_MODE=1 jest --watch",
-    "analysis-core": "cross-env DEBUG='Bundler*' bundle -f umd -a -i core.ts"
+    "analysis-core": "cross-env DEBUG='Bundler*' bundle -f umd -a -i core.ts",
+    "build:spec-types": "rm -rf ./spec-types && tsc -p ./tsconfig.spec.json --declaration --emitDeclarationOnly --outDir ./spec-types"
   }
 }

package/cjs/weather/index.d.ts

@@ -1 +0,0 @@
-export * from './weather-box';

package/cjs/weather/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k);
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
-        enumerable: !0,
-        get: function() {
-            return m[k];
-        }
-    }), Object.defineProperty(o, k2, desc);
-} : function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k), o[k2] = m[k];
-}), __exportStar = this && this.__exportStar || function(m, exports) {
-    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), __exportStar(require("./weather-box"), exports);
-//# sourceMappingURL=index.js.map

package/cjs/weather/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/weather/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B","file":"index.js","sourcesContent":["export * from './weather-box';\n"]}

package/cjs/weather/register.d.ts

@@ -1 +0,0 @@
-export declare function loadWeatherComponent(): void;

package/cjs/weather/register.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.loadWeatherComponent = void 0;
-
-const vrender_kits_1 = require("@visactor/vrender-kits");
-
-function loadWeatherComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerSymbol)();
-}
-
-exports.loadWeatherComponent = loadWeatherComponent;
-//# sourceMappingURL=register.js.map

package/cjs/weather/register.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/weather/register.ts"],"names":[],"mappings":";;;AAAA,yDAAuE;AAEvE,SAAgB,oBAAoB;IAClC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,6BAAc,GAAE,CAAC;AACnB,CAAC;AAHD,oDAGC","file":"register.js","sourcesContent":["import { registerGroup, registerSymbol } from '@visactor/vrender-kits';\n\nexport function loadWeatherComponent() {\n  registerGroup();\n  registerSymbol();\n}\n"]}

package/cjs/weather/type.d.ts

@@ -1,24 +0,0 @@
-import type { IGroupGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';
-export interface IWeatherBoxAttrs extends IGroupGraphicAttribute {
-    rainIconPath?: string;
-    snowIconPath?: string;
-    windIconPath?: string;
-    width: number;
-    height: number;
-    rainSizeRange?: [number, number];
-    snowSizeRange?: [number, number];
-    windSize?: number;
-    rainSpeed?: number;
-    snowSpeed?: number;
-    windSpeed?: number;
-    snowRainBottomPadding?: number;
-    rainRatio?: number;
-    rainCountThreshold?: number;
-    snowRatio?: number;
-    snowCountThreshold?: number;
-    windRatio?: number;
-    windAnimateEffect?: 'fade' | 'clipRange';
-    rainStyle?: ISymbolGraphicAttribute;
-    snowStyle?: ISymbolGraphicAttribute;
-    windStyle?: ISymbolGraphicAttribute;
-}

package/cjs/weather/type.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-//# sourceMappingURL=type.js.map

package/cjs/weather/type.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/weather/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender-core';\n\nexport interface IWeatherBoxAttrs extends IGroupGraphicAttribute {\n  rainIconPath?: string;\n  snowIconPath?: string;\n  windIconPath?: string;\n  width: number;\n  height: number;\n  rainSizeRange?: [number, number];\n  snowSizeRange?: [number, number];\n  windSize?: number;\n  rainSpeed?: number;\n  snowSpeed?: number;\n  windSpeed?: number;\n\n  snowRainBottomPadding?: number;\n\n  rainRatio?: number;\n  rainCountThreshold?: number;\n  snowRatio?: number;\n  snowCountThreshold?: number;\n  windRatio?: number;\n\n  windAnimateEffect?: 'fade' | 'clipRange';\n\n  rainStyle?: ISymbolGraphicAttribute;\n  snowStyle?: ISymbolGraphicAttribute;\n  windStyle?: ISymbolGraphicAttribute;\n}\n"]}

package/cjs/weather/weather-box.d.ts

@@ -1,13 +0,0 @@
-import { AbstractComponent } from '../core/base';
-import type { IWeatherBoxAttrs } from './type';
-import type { ComponentOptions } from '../interface';
-import { type IGroup, type ITimeline } from '@visactor/vrender-core';
-export declare class WeatherBox extends AbstractComponent<Required<IWeatherBoxAttrs>> {
-    name: string;
-    static defaultAttributes: Partial<IWeatherBoxAttrs>;
-    timeline: ITimeline;
-    constructor(attributes: IWeatherBoxAttrs, options?: ComponentOptions);
-    protected render(): void;
-    protected generateWind(windRatio: number, windIconPath: string, group: IGroup, size: number, speed: number): void;
-    protected generateRainOrSnow(type: string, ratio: number, threshold: number, windRatio: number, group: IGroup, path: string, windAngle: number, sizeRange: [number, number], speed: number): void;
-}