perf: optimize element event distribution and attribute update process

[wang1212]

🤔 This is a ...

• New feature
• Bug fix
• Site / Document optimization
• TypeScript definition update
• Refactoring
• Performance improvement
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

#1712

💡 Background and solution

To ensure that the retained business is not affected, enable performance optimization changes by configuring flags.

interface CanvasConfig {
  /**
   * Enabling some features for the future.
   *
   * ! These are some experimental functional features that are currently unstable.
   *
   * future flag, concept referenced from:
   * - https://remix.run/docs/en/main/guides/api-development-strategy#unstable-apis-and-future-flags,
   * - https://remix.run/blog/future-flags
   */
  future?: {
    /**
     * Only implement bubbling propagation for necessary events.
     * At the same time, some events will skip the process of building event objects and
     * directly trigger events themselves.
     */
    experimentalCancelEventPropagation?: boolean;
    /**
     * When enabled, elements are no longer updated in real time, but are updated uniformly before being submitted to the canvas. This is to improve performance and avoid redundant loop logic.
     */
    experimentalAttributeUpdateOptimization?: boolean;
    /**
     * use RIC to avoid frequent calls syncRTree
     */
    experimentalRICSyncRTree?: boolean;
  };
}

// Usage

import { Canvas } from '@antv/g';

const canvas = new Canvas({
    future: {}
});

// or

canvas.getConfig().future = {};

Performance benchmark:

• experimentalCancelEventPropagation = true / experimentalRICSyncRTree = true

1000 Rect element objects, created and destroyed.

Dynamic tick rendering with 5%~10% FPS increase.

📝 Changelog

Language	Changelog
🇺🇸 English	perf: optimize element event distribution and attribute update process
🇨🇳 Chinese	perf: 优化元素事件分发和属性更新流程

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[Alexzjt]

OK