@visactor/vrender-components 1.1.0-alpha.2 → 1.1.0-alpha.20

package/es/label/dataLabel.js

@@ -18,6 +18,8 @@ import { LabelBase as PointLabel } from "./base";
 
 import { getLabelComponent } from "./data-label-register";
 
+import { appendExitReleaseCallback, runExitReleaseCallbacks } from "../animation/exit-release";
+
 export class DataLabel extends AbstractComponent {
     constructor(attributes, options) {
         const {dataLabels: dataLabels} = attributes, restAttributes = __rest(attributes, [ "dataLabels" ]);
@@ -27,6 +29,7 @@ export class DataLabel extends AbstractComponent {
     }
     render() {
         var _a;
+        if (this._exitReleaseState) return;
         const {dataLabels: dataLabels, size: size} = this.attribute;
         if (!dataLabels || 0 === dataLabels.length) return;
         const {width: width = 0, height: height = 0, padding: padding} = size || {};
@@ -49,6 +52,49 @@ export class DataLabel extends AbstractComponent {
             currentComponentMap.get(key) || this.removeChild(cp);
         })), this._componentMap = currentComponentMap;
     }
+    _finalizeExitRelease() {
+        var _a, _b, _c;
+        const state = this._exitReleaseState;
+        if (null == state ? void 0 : state.finalized) return;
+        state && (state.finalized = !0);
+        const parent = this.parent, removeFromParent = !!(null == state ? void 0 : state.removeFromParent), callbacks = null !== (_a = null == state ? void 0 : state.onComplete) && void 0 !== _a ? _a : [];
+        this._exitReleaseState = void 0, null === (_b = this._componentMap) || void 0 === _b || _b.clear(), 
+        this.removeAllChild(!0), super.release(!0), removeFromParent && (null === (_c = null != parent ? parent : this.parent) || void 0 === _c || _c.removeChild(this)), 
+        runExitReleaseCallbacks(callbacks);
+    }
+    releaseWithExitAnimation(options = {}) {
+        var _a;
+        if ("released" === this.releaseStatus) return !1;
+        if (this._exitReleaseState && !this._exitReleaseState.finalized) return this._exitReleaseState.removeFromParent = this._exitReleaseState.removeFromParent || !!options.removeFromParent, 
+        appendExitReleaseCallback(this._exitReleaseState, options.onComplete), !0;
+        if (!this.stage || !(null === (_a = this._componentMap) || void 0 === _a ? void 0 : _a.size)) return !1;
+        const state = {
+            pendingCount: 0,
+            finalized: !1,
+            removeFromParent: !!options.removeFromParent,
+            onComplete: options.onComplete ? [ options.onComplete ] : []
+        }, exitingComponents = [], fallbackComponents = [];
+        let initializing = !0;
+        const finish = () => {
+            state.finalized || (state.pendingCount -= 1, state.pendingCount <= 0 && !initializing && this._finalizeExitRelease());
+        };
+        return this._exitReleaseState = state, this._componentMap.forEach((component => {
+            state.pendingCount += 1;
+            component.releaseWithExitAnimation({
+                removeFromParent: !1,
+                onComplete: finish
+            }) ? exitingComponents.push(component) : (state.pendingCount -= 1, fallbackComponents.push(component));
+        })), exitingComponents.length ? (fallbackComponents.forEach((component => {
+            component.release(!0), this.removeChild(component);
+        })), this.setAttribute("childrenPickable", !1), this.releaseStatus = "willRelease", 
+        initializing = !1, state.pendingCount <= 0 && this._finalizeExitRelease(), !0) : (this._exitReleaseState = void 0, 
+        !1);
+    }
+    release(all) {
+        var _a;
+        this._exitReleaseState ? this._finalizeExitRelease() : (all && this.removeAllChild(!0), 
+        super.release(all), null === (_a = this._componentMap) || void 0 === _a || _a.clear());
+    }
     setLocation(point) {
         this.translateTo(point.x, point.y);
     }

package/es/label/dataLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/dataLabel.ts"],"names":[],"mappings":"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","file":"dataLabel.js","sourcesContent":["import { isValidNumber, merge } from '@visactor/vutils';\nimport type { IGraphic, INode } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { PointLocationCfg } from '../core/type';\nimport { bitmapTool } from './overlap';\nimport type { DataLabelAttrs } from './type';\nimport type { LabelBase } from './base';\nimport { LabelBase as PointLabel } from './base';\nimport type { ComponentOptions } from '../interface';\nimport { getLabelComponent } from './data-label-register';\n\nexport class DataLabel extends AbstractComponent<DataLabelAttrs> {\n  name = 'data-label';\n\n  private _componentMap: Map<string, LabelBase<any>>;\n\n  private static defaultAttributes: Partial<DataLabelAttrs> = {\n    pickable: false\n  };\n\n  constructor(attributes: DataLabelAttrs, options?: ComponentOptions) {\n    const { dataLabels, ...restAttributes } = attributes;\n    super(\n      options?.skipDefault ? attributes : { dataLabels, ...merge({}, DataLabel.defaultAttributes, restAttributes) }\n    );\n  }\n\n  protected render(): void {\n    const { dataLabels, size } = this.attribute;\n    if (!dataLabels || dataLabels.length === 0) {\n      return;\n    }\n    const { width = 0, height = 0, padding } = size || {};\n\n    if (!width || !height || !isValidNumber(height * width)) {\n      return;\n    }\n\n    if (!this._componentMap) {\n      this._componentMap = new Map();\n    }\n    const tool = bitmapTool(width, height, padding);\n    const bitmap = tool.bitmap();\n\n    const currentComponentMap = new Map();\n    const prevComponentMap = this._componentMap;\n\n    for (let i = 0; i < dataLabels.length; i++) {\n      const dataLabel = dataLabels[i];\n      const labelComponent = getLabelComponent(dataLabel.type) || PointLabel;\n      if (labelComponent) {\n        const { baseMarkGroupName, type } = dataLabel;\n        const id = dataLabel.id ?? `${baseMarkGroupName}-${type}-${i}`;\n\n        if (dataLabel.type === 'arc') {\n          dataLabel.width = size.width;\n          dataLabel.height = size.height;\n        }\n\n        let component = this._componentMap.get(id);\n        if (component) {\n          component.setBitmapTool(tool);\n          component.setBitmap(bitmap);\n          component.setAttributes(dataLabel);\n          currentComponentMap.set(id, component);\n        } else {\n          component = new labelComponent(dataLabel as any);\n          component.setBitmap(bitmap);\n          component.setBitmapTool(tool);\n          this.add(component as unknown as INode);\n          currentComponentMap.set(id, component);\n        }\n      }\n    }\n\n    prevComponentMap.forEach((cp, key) => {\n      if (!currentComponentMap.get(key)) {\n        this.removeChild(cp as unknown as IGraphic);\n      }\n    });\n\n    this._componentMap = currentComponentMap;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    this.translateTo(point.x, point.y);\n  }\n\n  disableAnimation() {\n    this._componentMap.forEach(component => {\n      component.disableAnimation();\n    });\n  }\n\n  enableAnimation() {\n    this._componentMap.forEach(component => {\n      component.enableAnimation();\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/dataLabel.ts"],"names":[],"mappings":"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","file":"dataLabel.js","sourcesContent":["import { isValidNumber, merge } from '@visactor/vutils';\nimport type { IGraphic, INode } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { ComponentExitReleaseOptions, PointLocationCfg } from '../core/type';\nimport { bitmapTool } from './overlap';\nimport type { DataLabelAttrs } from './type';\nimport { LabelBase as PointLabel, type LabelBase } from './base';\nimport type { ComponentOptions } from '../interface';\nimport { getLabelComponent } from './data-label-register';\nimport {\n  appendExitReleaseCallback,\n  runExitReleaseCallbacks,\n  type ExitReleaseCallbackState\n} from '../animation/exit-release';\n\ntype DataLabelExitReleaseState = ExitReleaseCallbackState & {\n  pendingCount: number;\n};\n\nexport class DataLabel extends AbstractComponent<DataLabelAttrs> {\n  name = 'data-label';\n\n  private _componentMap: Map<string, LabelBase<any>>;\n  private _exitReleaseState?: DataLabelExitReleaseState;\n\n  private static defaultAttributes: Partial<DataLabelAttrs> = {\n    pickable: false\n  };\n\n  constructor(attributes: DataLabelAttrs, options?: ComponentOptions) {\n    const { dataLabels, ...restAttributes } = attributes;\n    super(\n      options?.skipDefault ? attributes : { dataLabels, ...merge({}, DataLabel.defaultAttributes, restAttributes) }\n    );\n  }\n\n  protected render(): void {\n    if (this._exitReleaseState) {\n      return;\n    }\n\n    const { dataLabels, size } = this.attribute;\n    if (!dataLabels || dataLabels.length === 0) {\n      return;\n    }\n    const { width = 0, height = 0, padding } = size || {};\n\n    if (!width || !height || !isValidNumber(height * width)) {\n      return;\n    }\n\n    if (!this._componentMap) {\n      this._componentMap = new Map();\n    }\n    const tool = bitmapTool(width, height, padding);\n    const bitmap = tool.bitmap();\n\n    const currentComponentMap = new Map();\n    const prevComponentMap = this._componentMap;\n\n    for (let i = 0; i < dataLabels.length; i++) {\n      const dataLabel = dataLabels[i];\n      const labelComponent = getLabelComponent(dataLabel.type) || PointLabel;\n      if (labelComponent) {\n        const { baseMarkGroupName, type } = dataLabel;\n        const id = dataLabel.id ?? `${baseMarkGroupName}-${type}-${i}`;\n\n        if (dataLabel.type === 'arc') {\n          dataLabel.width = size.width;\n          dataLabel.height = size.height;\n        }\n\n        let component = this._componentMap.get(id);\n        if (component) {\n          component.setBitmapTool(tool);\n          component.setBitmap(bitmap);\n          component.setAttributes(dataLabel);\n          currentComponentMap.set(id, component);\n        } else {\n          component = new labelComponent(dataLabel as any);\n          component.setBitmap(bitmap);\n          component.setBitmapTool(tool);\n          this.add(component as unknown as INode);\n          currentComponentMap.set(id, component);\n        }\n      }\n    }\n\n    prevComponentMap.forEach((cp, key) => {\n      if (!currentComponentMap.get(key)) {\n        this.removeChild(cp as unknown as IGraphic);\n      }\n    });\n\n    this._componentMap = currentComponentMap;\n  }\n\n  private _finalizeExitRelease() {\n    const state = this._exitReleaseState;\n    if (state?.finalized) {\n      return;\n    }\n\n    if (state) {\n      state.finalized = true;\n    }\n\n    const parent = this.parent;\n    const removeFromParent = !!state?.removeFromParent;\n    const callbacks = state?.onComplete ?? [];\n\n    this._exitReleaseState = undefined;\n    this._componentMap?.clear();\n    this.removeAllChild(true);\n    super.release(true);\n    if (removeFromParent) {\n      (parent ?? this.parent)?.removeChild(this);\n    }\n\n    runExitReleaseCallbacks(callbacks);\n  }\n\n  releaseWithExitAnimation(options: ComponentExitReleaseOptions = {}): boolean {\n    if (this.releaseStatus === 'released') {\n      return false;\n    }\n\n    if (this._exitReleaseState && !this._exitReleaseState.finalized) {\n      this._exitReleaseState.removeFromParent = this._exitReleaseState.removeFromParent || !!options.removeFromParent;\n      appendExitReleaseCallback(this._exitReleaseState, options.onComplete);\n      return true;\n    }\n\n    if (!this.stage || !this._componentMap?.size) {\n      return false;\n    }\n\n    const state: DataLabelExitReleaseState = {\n      pendingCount: 0,\n      finalized: false,\n      removeFromParent: !!options.removeFromParent,\n      onComplete: options.onComplete ? [options.onComplete] : []\n    };\n    const exitingComponents: LabelBase<any>[] = [];\n    const fallbackComponents: LabelBase<any>[] = [];\n    let initializing = true;\n    const finish = () => {\n      if (state.finalized) {\n        return;\n      }\n\n      state.pendingCount -= 1;\n      if (state.pendingCount <= 0 && !initializing) {\n        this._finalizeExitRelease();\n      }\n    };\n\n    this._exitReleaseState = state;\n\n    this._componentMap.forEach(component => {\n      state.pendingCount += 1;\n      const releasedWithExit = component.releaseWithExitAnimation({\n        removeFromParent: false,\n        onComplete: finish\n      });\n\n      if (releasedWithExit) {\n        exitingComponents.push(component);\n      } else {\n        state.pendingCount -= 1;\n        fallbackComponents.push(component);\n      }\n    });\n\n    if (!exitingComponents.length) {\n      this._exitReleaseState = undefined;\n      return false;\n    }\n\n    fallbackComponents.forEach(component => {\n      component.release(true);\n      this.removeChild(component as any);\n    });\n\n    this.setAttribute('childrenPickable', false);\n    this.releaseStatus = 'willRelease';\n    initializing = false;\n    if (state.pendingCount <= 0) {\n      this._finalizeExitRelease();\n    }\n\n    return true;\n  }\n\n  release(all?: boolean): void {\n    if (this._exitReleaseState) {\n      this._finalizeExitRelease();\n      return;\n    }\n\n    if (all) {\n      this.removeAllChild(true);\n    }\n    super.release(all);\n    this._componentMap?.clear();\n  }\n\n  setLocation(point: PointLocationCfg) {\n    this.translateTo(point.x, point.y);\n  }\n\n  disableAnimation() {\n    this._componentMap.forEach(component => {\n      component.disableAnimation();\n    });\n  }\n\n  enableAnimation() {\n    this._componentMap.forEach(component => {\n      component.enableAnimation();\n    });\n  }\n}\n"]}

package/es/legend/discrete/discrete.js

@@ -24,6 +24,8 @@ import { createTextGraphicByType } from "../../util";
 
 import { ScrollBar } from "../../scrollbar";
 
+import { commitUpdateAnimationTarget } from "../../animation/static-truth";
+
 const DEFAULT_STATES = {
     [LegendStateValue.focus]: {},
     [LegendStateValue.selected]: {},
@@ -294,8 +296,10 @@ export class DiscreteLegend extends LegendBase {
             }));
         }
         const innerGroupHeight = innerGroupBounds.height(), itemGroupWidth = isValid(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3], itemGroupHeight = this._itemHeightByUser || innerGroupHeight + parsedPadding[0] + parsedPadding[2];
-        return itemGroup.attribute.width = itemGroupWidth, itemGroup.attribute.height = itemGroupHeight, 
-        focusShape && focusShape.setAttribute("visible", !1), innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), 
+        return itemGroup.setAttributes({
+            width: itemGroupWidth,
+            height: itemGroupHeight
+        }), focusShape && focusShape.setAttribute("visible", !1), innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), 
         itemGroup;
     }
     _createPager(compStyle) {
@@ -398,12 +402,18 @@ export class DiscreteLegend extends LegendBase {
                     let containerSize;
                     containerSize = this._itemContext.isHorizontal ? this._itemsContainer.AABBBounds.width() : this._itemsContainer.AABBBounds.height();
                     const startOffset = containerSize * start;
-                    this.updateScrollMask(), animation ? this._itemsContainer.animate().to({
-                        [channel]: -startOffset
-                    }, animationDuration, animationEasing) : this._itemsContainer.setAttribute(channel, -startOffset);
-                } else animation ? this._itemsContainer.animate().to({
-                    [channel]: -(newPage - 1) * pageSize
-                }, animationDuration, animationEasing) : this._itemsContainer.setAttribute(channel, -(newPage - 1) * pageSize);
+                    if (this.updateScrollMask(), animation) {
+                        const attrs = {
+                            [channel]: -startOffset
+                        };
+                        commitUpdateAnimationTarget(this._itemsContainer, attrs), this._itemsContainer.animate().to(attrs, animationDuration, animationEasing);
+                    } else this._itemsContainer.setAttribute(channel, -startOffset);
+                } else if (animation) {
+                    const attrs = {
+                        [channel]: -(newPage - 1) * pageSize
+                    };
+                    commitUpdateAnimationTarget(this._itemsContainer, attrs), this._itemsContainer.animate().to(attrs, animationDuration, animationEasing);
+                } else this._itemsContainer.setAttribute(channel, -(newPage - 1) * pageSize);
             }
         };
         if (this._itemContext.isScrollbar) {