✨Supported specifying refresh

cfb-core/src/world/impl.ts

@@ -100,9 +100,15 @@ export class AutoRefreshWorld<
    *
    * @param alias The alias of the node.
    * @param dirtyStatus The dirty status to be set.
+   * @param refresh Whether to refresh the renderer instantly after setting dirty status.
+   * > This is useful for UI rendering, because UI elements are expected to have a
+   * > instant response to the user's interactions.
    */
-  setDirtyStatus(alias: string, dirtyStatus: DirtyStatus): void {
+  setDirtyStatus(alias: string, dirtyStatus: DirtyStatus, refresh?: boolean): void {
     this.getBNode(alias).setDirtyStatus(dirtyStatus);
+    if (refresh) {
+      this.renderer.refresh();
+    }
   }
   /**
    * Get the plugin by its type.

cfb-core/src/world/types.ts

@@ -59,8 +59,11 @@ export interface IWorld<
    *
    * @param alias The alias of the node.
    * @param dirtyStatus The dirty status to be set.
+   * @param refresh Whether to refresh the renderer instantly after setting dirty status.
+   * > This is useful for UI rendering, because UI elements are expected to have a
+   * > instant response to the user's interactions.
    */
-  setDirtyStatus(alias: string, dirtyStatus: DirtyStatus): void;
+  setDirtyStatus(alias: string, dirtyStatus: DirtyStatus, refresh?: boolean): void;
   /**
    * Get the plugin by its type.
    *

cfb-web/src/ui.ts

@@ -17,9 +17,8 @@ function setFill(
   const fillParams = node.params.fillParamsList![0] as ISolidFillParams;
   fillParams.color = color;
   fillParams.opacity = opacity;
-  world.setDirtyStatus(node.alias, DirtyStatus.CONTENT_DIRTY);
-  // trigger a refresh manually for instant feedback
-  world.renderer.refresh();
+  // trigger refresh for instant feedback
+  world.setDirtyStatus(node.alias, DirtyStatus.CONTENT_DIRTY, true);
   return Promise.resolve();
 }