perf: auto save data source on open interaction event or open dynamic effect

@@ -5068,11 +5068,18 @@ DataFormatPanel.prototype.addDataFont = function (container) {
     }
 
     /**
-     * @description 刷新页面
+     * @description 刷新页面 用于在其他位置调用更新数据面板的操作，默认是个空函数，在生成数据源面板中进行了拓展
      */
     function echoRefreshFn() {
     }
 
+    /**
+     * @description 用于在其他位置获取数据源绑定的数据，在生成数据源面板中进行了改写
+     */
+    function getDataSourceBindValue() {
+
+    }
+
 
     // 获取url的请求参数函数
     function getRequest() {
@@ -5154,6 +5161,9 @@ DataFormatPanel.prototype.addDataFont = function (container) {
         await echoActionType()
     }
 
+    /**
+     * @description 回显动效类型
+     */
     async function echoActionType() {
         const act = currentNodeData.act ?? []
         const event = currentNodeData.event ?? []
@@ -5213,7 +5223,7 @@ DataFormatPanel.prototype.addDataFont = function (container) {
 
 
         async function mount() {
-            const { component, echoDataSource } = generatorDataSourceComponent({ validate: false })
+            const { component, echoDataSource, getValue } = generatorDataSourceComponent({ validate: false })
             $(fragment).append(title).append(component)
             $(container).append(fragment)
 
@@ -5228,6 +5238,9 @@ DataFormatPanel.prototype.addDataFont = function (container) {
                 echoDataSource(dataSource)
                 form.render(null, CONTAINER_FILTER)
             }
+
+            // 改写获取数据源绑定的值
+            getDataSourceBindValue = getValue
         }
 
         mount()
@@ -7618,17 +7631,31 @@ DataFormatPanel.prototype.addDataFont = function (container) {
     //  异步设置此处才能生效 -- 设置默认select和样式和初始化侧边栏生成组件和事件绑定
     setTimeout(() => {
 
+        function proxyFn(fn) {
+            return (...args) => {
+                const currentDataSource = getDataSourceBindValue() || {}
+                
+                to(ConfigurationNodeApi.updateNodeInfo({
+                    configurationId,
+                    contentId: currentPageId.id,
+                    nodeId: graphId,
+                    [enumCategory.DATA_SOURCE]: currentDataSource
+                }))
+                fn.apply(null, args)
+            }
+        }
+
         // TODO 数据交互事件
-        $(`#${enumDynamicEffectType.IMAGE}`).click({ type: enumDynamicEffectType.IMAGE }, handleSettingVarImage);
+        $(`#${enumDynamicEffectType.IMAGE}`).click({ type: enumDynamicEffectType.IMAGE }, proxyFn(handleSettingVarImage));
 
-        $(`#${enumInteractionType.DOWN}`).click({ type: enumInteractionType.DOWN }, handleDownOrUpEvent);
-        $(`#${enumInteractionType.UP}`).click({ type: enumInteractionType.UP }, handleDownOrUpEvent);
-        $(`#${enumInteractionType.SINGLE}`).click({ type: enumInteractionType.SINGLE }, handleClickOrDbClick);
-        $(`#${enumInteractionType.DOUBLE}`).click({ type: enumInteractionType.DOUBLE }, handleClickOrDbClick);
+        $(`#${enumInteractionType.DOWN}`).click({ type: enumInteractionType.DOWN }, proxyFn(handleDownOrUpEvent));
+        $(`#${enumInteractionType.UP}`).click({ type: enumInteractionType.UP }, proxyFn(handleDownOrUpEvent));
+        $(`#${enumInteractionType.SINGLE}`).click({ type: enumInteractionType.SINGLE }, proxyFn(handleClickOrDbClick));
+        $(`#${enumInteractionType.DOUBLE}`).click({ type: enumInteractionType.DOUBLE }, proxyFn(handleClickOrDbClick));
         // 数据动效事件
-        $(`#${enumDynamicEffectType.FLASH}`).click({ type: enumDynamicEffectType.FLASH }, handleDataDynamicEffect);
-        $(`#${enumDynamicEffectType.DISPLAY}`).click({ type: enumDynamicEffectType.DISPLAY }, handleDataDynamicEffect);
-        $(`#${enumDynamicEffectType.ROTATE}`).click({ type: enumDynamicEffectType.ROTATE }, handleDataDynamicEffect);
+        $(`#${enumDynamicEffectType.FLASH}`).click({ type: enumDynamicEffectType.FLASH }, proxyFn(handleDataDynamicEffect));
+        $(`#${enumDynamicEffectType.DISPLAY}`).click({ type: enumDynamicEffectType.DISPLAY }, proxyFn(handleDataDynamicEffect));
+        $(`#${enumDynamicEffectType.ROTATE}`).click({ type: enumDynamicEffectType.ROTATE }, proxyFn(handleDataDynamicEffect));
     });
 };