aldehyde 0.2.454 → 0.2.456

package/src/aldehyde/lowcode-components/lowcode-view/component/component-controller.ts

@@ -2,7 +2,8 @@ import { ComponentType, ClassType, createElement } from "react";
 import { createRoot } from "react-dom/client";
 import { message } from "antd";
 import { UpdateOptions } from "./abstract-controller";
-import AbstractDesignerController from "./abstract-designer-controller";
+import AbstractController from "./abstract-controller";
+import { ComponentBaseProps, IFilterConfigType } from "../interface";
 
 const merge = (originalData: any, newData: any): any => {
     if (!originalData && newData)
@@ -51,7 +52,7 @@ class ComponentUtil {
 }
 
 
-export class ComponentController extends AbstractDesignerController {
+export class ComponentController extends AbstractController {
 
     private componentNode: ComponentType; // 组件实例
     private componentType: string; // 组件类型
@@ -88,6 +89,9 @@ export class ComponentController extends AbstractDesignerController {
 
 
     changeData(data: any) {
+        if (!this.config) {
+            return;
+        }
         if (this.componentType === "BaseText" && typeof data !== 'string') { // 文本组件数据更新
             message.warning('数据类型错误, 基础文本仅接受字符串类型的数据: ', data);
             this.config.data.staticData = "";
@@ -108,8 +112,43 @@ export class ComponentController extends AbstractDesignerController {
             this.instance?.updateConfig(this.config);
             return;
         }
+        if (data?.type === "wsData") { // ws组件订阅数据更新
+            this.config.data.wsData = data;
+            this.instance?.updateConfig(this.config);
+            return;
+        }
         // 默认组件静态数据更新
         this.config.data.staticData = data;
         this.instance?.updateConfig(this.config);
     }
-}
+
+    // 更新组件数据
+    public loadComponentData({ type, data }: { type: string, data: any }): void {
+        switch (type) {
+            case "initData":
+                // 初始化数据加载逻辑
+                this.changeData({ ...data, type: "initData" });
+                break;
+            case "wsData": // 订阅数据更新
+                this.changeData({ ...data, type: "wsData" });
+                break;
+            default:
+                break;
+        }
+    }
+
+    // 设置滤镜效果
+    public updateFilter(filter: IFilterConfigType): void {
+        if (this.config && (this.config as ComponentBaseProps).filter)
+            (this.config as ComponentBaseProps)!.filter = filter;
+        if (!this.container)
+            return;
+        if (filter?.enable) {
+            this.container.style.filter = `blur(${filter.blur}px) brightness(${filter.brightness}) contrast(${filter.contrast}) opacity(${filter.opacity}) saturate(${filter.saturate}) hue-rotate(${filter.hueRotate}deg)`
+        } else {
+            this.container.style.filter = 'none';
+        }
+    }
+}
+
+export default ComponentController;

package/src/aldehyde/lowcode-components/lowcode-view/index.tsx

@@ -1,4 +1,4 @@
-import React, { CSSProperties, useEffect, useState, createContext, useMemo } from 'react'
+import React, { CSSProperties, useEffect, useState, createContext, useMemo, useRef } from 'react'
 import { useParams } from 'react-router-dom';
 import isEqual from "lodash/isEqual";
 import chunk from "lodash/chunk";
@@ -8,6 +8,7 @@ import './component/font/FontGlobal.css';
 import ScreenFit from "./component/screen-fit";
 import { LayerManagerDataType, CanvasConfig, ILayerItem } from "./interface";
 import HcserviceV3 from "../../tmpl/hcservice-v3";
+import WebSocket from "../../tmpl/web-socket";
 import abstractDesignerLoader from "./component/abstract-designer-loader";
 import { merge } from "./component/util";
 import ProgramConfig from ".././../units";
@@ -57,6 +58,8 @@ const viewHeight = {
     v5: "calc(100vh - 88px)"
 }
 
+type DataSourceConfig = { sourceId: string, chartCode: string } & { [key: string]: any };
+
 interface Props {
     isFullScreen: boolean,
     ddpageId?: string,
@@ -76,12 +79,17 @@ const LowcodeView = (props: Props) => {
     const [controllers, setControllers] = useState<any>({});
     const [searchParams, setSearchParams] = useState<any>({}); // 全局搜索参数，用于组件间通信
     const { width, height, adaptationType, backgroundColor } = canvasConfig || {};
+    const wsRef = useRef(undefined); // 实时数据websocket连接
+    const subscribeRef = useRef(undefined); // 实时数据订阅
 
     const backgroundImage = useMemo(() => handleImgUrl(canvasConfig?.backgroundImage), [canvasConfig]);
 
     useEffect(() => {
         //加载
         abstractDesignerLoader.load();
+        return () => {
+            subscribeRef.current && subscribeRef.current.unsubscribe();
+        }
     }, []);
 
     // 获取画面数据
@@ -109,8 +117,8 @@ const LowcodeView = (props: Props) => {
         setLayerManager({ ...layerManager, layerConfigs: { ...layerConfigs, ...temObj } });
     };
 
-    // 获取初始化组件数据
-    const getInitComponentData = async () => {
+    // all(所有数据源组件)、init(初始化请求组件)
+    const handleDataSourceParams = () => {
         const { elemConfigs } = layerManager;
         const nodesIds = Object.keys(elemConfigs || {});
         // publicParams 组件公共参数
@@ -123,14 +131,23 @@ const LowcodeView = (props: Props) => {
         const dataSourceConfigs = nodesIds.reduce((total, next) => {
             const { data: item = {}, base } = elemConfigs[next] || {};
             const temParams = { ...publicParams, ...(initSearchParams?.[next] || {}) }; // 指定组件传参,指定传参可覆盖公共
-            if ((item.isInitParams || base.type === "PlaceholderComponent") && controllers[next]) {
+            if ((item.isInitParams || base.type === "PlaceholderComponent") && controllers[next]) { // 组件数据源接收外部参数，更新参数
                 controllers[next].changeData({ ...elemConfigs[next], initSearchParams: temParams, type: "initSearchParams" });
             }
-            if (item.sourceType === "sourceId" && item.sourceId && item.isInit) {
-                total.push({ sourceId: item.sourceId, chartCode: next, ...(item.isInitParams ? temParams : {}) });
+            if (item.sourceType === "sourceId" && item.sourceId) { // 整合初始化请求/ws请求参数
+                const itemConfig = { sourceId: item.sourceId, chartCode: next, ...(item.isInitParams ? temParams : {}) };
+                if (item.isInit) { // 初始化请求
+                    total.initDataSource.push(itemConfig);
+                }
+                total.allDataSource.push(itemConfig);
             }
             return total;
-        }, []);
+        }, { allDataSource: [], initDataSource: [] });
+        return dataSourceConfigs;
+    }
+
+    // 获取初始化组件数据
+    const getInitComponentData = async (dataSourceConfigs: DataSourceConfig[]) => {
         if (!dataSourceConfigs.length) return;
         const temSourceConfigs = chunk(dataSourceConfigs, 10); // 每批处理10个组件数据
         temSourceConfigs.forEach(i => {
@@ -145,12 +162,42 @@ const LowcodeView = (props: Props) => {
         })
     };
 
+    // 获取当前大屏数据源配置
+    const getCharWSConfig = async (dataSourceConfigs: DataSourceConfig[]) => {
+        if (!dataSourceConfigs.length) return;
+        const sourceIds = dataSourceConfigs.map(r => r.sourceId);
+        const res = await HcserviceV3.requestCharWSConfig(null, sourceIds);
+        const wsSourceIds = Object.keys(res?.config || {});
+        if (!wsSourceIds?.length) {
+            return;
+        }
+        return dataSourceConfigs.filter(r => wsSourceIds.includes(r.sourceId));
+    }
+
+    // 实时订阅组件数据
+    const webSocketComponentData = async (dataSourceConfigs: DataSourceConfig[]) => {
+        if (subscribeRef.current) { subscribeRef.current.unsubscribe(); }
+        const temArr = await getCharWSConfig(dataSourceConfigs);
+        if (!temArr?.length) {
+            return;
+        }
+        wsRef.current = WebSocket.getInstance("v3/kk-ws");
+        // 订阅大屏数据
+        subscribeRef.current = await wsRef.current.subscribe(`/user/queue/chart-data/${ddpageId}`, { dataSourceConfigs: JSON.stringify(temArr) }, (data) => {
+            for (const item in data) {  // 更新组件数据
+                controllers[item] && controllers[item].loadComponentData({ type: "wsData", data: data[item] || {} });
+            }
+        });
+    }
+
     useEffect(() => {
         const cKeys = Object.keys(controllers);
         const leKeys = Object.values(layerManager?.elemConfigs || {}).filter(item => item.base?.type !== "group").map(item => item.id);
         // 判断组件实例是否加载完成（组件实例是否存在且与配置数量相等）
         if (cKeys.length && cKeys.length === leKeys.length) {
-            getInitComponentData();
+            const { allDataSource, initDataSource } = handleDataSourceParams();
+            getInitComponentData(initDataSource); // 初始化请求
+            webSocketComponentData(allDataSource); // ws订阅数据
         }
     }, [controllers, initSearchParams]);
 

package/src/aldehyde/lowcode-components/pie-chart/index.tsx

@@ -174,6 +174,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }
 
+    // ws订阅数据更新
+    const handleWSData = (val: DataConfigProps) => {
+        if (val.sourceType === "sourceId" && val.wsData) {
+            const { value } = val.initData;
+            const temData = handleData(value);
+            setData(temData);
+        }
+    }
+
     useImperativeHandle(ref, () => ({
         updateConfig: (newConfig) => {
             const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
@@ -184,6 +193,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             handleInitData(newDataConfig);
             setSearchParams(newDataConfig.searchParams);
             setInitSearchParams(newISParams);
+            handleWSData(newDataConfig);
         },
         destroy: handleDestroy,
     }));

package/src/aldehyde/lowcode-components/progress-chart/index.tsx

@@ -137,6 +137,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }
 
+    // ws订阅数据更新
+    const handleWSData = (val: DataConfigProps) => {
+        if (val.sourceType === "sourceId" && val.wsData) {
+            const { value } = val.initData;
+            const temData = handleData(value);
+            setData(temData);
+        }
+    }
+
     useImperativeHandle(ref, () => ({
         updateConfig: (newConfig) => {
             const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
@@ -147,6 +156,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             handleInitData(newDataConfig);
             setSearchParams(newDataConfig.searchParams);
             setInitSearchParams(newISParams);
+            handleWSData(newDataConfig);
         },
         destroy: handleDestroy,
     }));

package/src/aldehyde/lowcode-components/stroke-animation/index.tsx

@@ -64,6 +64,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }
 
+    // ws订阅数据更新
+    const handleWSData = (val: DataConfigProps) => {
+        if (val.sourceType === "sourceId" && val.wsData) {
+            const { value } = val.initData;
+            const temData = handleData(value);
+            setData(temData);
+        }
+    }
+
     useImperativeHandle(ref, () => ({
         updateConfig: (newConfig) => {
             const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
@@ -73,6 +82,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             handleInitData(newDataConfig);
             setSearchParams(newDataConfig.searchParams);
             setInitSearchParams(newISParams);
+            handleWSData(newDataConfig);
         },
         destroy: handleDestroy,
     }));

package/src/aldehyde/lowcode-components/text-scroller/index.tsx

@@ -63,6 +63,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
         }
     }
 
+    // ws订阅数据更新
+    const handleWSData = (val: DataConfigProps) => {
+        if (val.sourceType === "sourceId" && val.wsData) {
+            const { value } = val.initData;
+            const temData = handleData(value);
+            setData(temData);
+        }
+    }
+
     useImperativeHandle(ref, () => ({
         updateConfig: (newConfig) => {
             const { style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
@@ -72,6 +81,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
             handleInitData(newDataConfig);
             setSearchParams(newDataConfig.searchParams);
             setInitSearchParams(newISParams);
+            handleWSData(newDataConfig);
         },
         destroy: handleDestroy,
     }));

package/src/aldehyde/table/column/column-builder.tsx

@@ -97,7 +97,16 @@ export default {
             if (hiddenColIds && hiddenColIds.includes(item.originalId)) {
                 return
             } else {
-                tableColumns.push(column);
+                if (item.columnGroupName) { // 表头分组功能实现
+                    const groupIndex = tableColumns.findIndex(r => r.children?.length && r.title === item.columnGroupName);
+                    if (groupIndex !== -1) {
+                        tableColumns[groupIndex].children.push(column);
+                    } else {
+                        tableColumns.push({ title: item.columnGroupName, align: "center", children: [column] });
+                    }
+                } else {
+                    tableColumns.push(column);
+                }
             }
             let title1 = translate("${" + item.title + "}");
             column["title"] = item.tip ? <>{title1}<Tooltip placement="top" title={item.tip}>

package/src/aldehyde/tmpl/hc-data-source.tsx

@@ -25,6 +25,8 @@ const fastMenuCache: Map<string, Level2Menu[]> = new Map<
   Level2Menu[]
 >();
 const enumMap: Map<string, EnumItem[]> = new Map<string, EnumItem[]>(); //key mstrucId
+// pendingEnumRequests: 用于存储正在进行的枚举请求，防止多个组件同时请求同一个枚举时产生重复请求；key: mstrucId (枚举ID), value: Promise (对应的请求Promise)
+const pendingEnumRequests: Map<string, Promise<void>> = new Map();
 const enumValueMap: Map<string, Map<string, string>> = new Map<
   string,
   Map<string, string>
@@ -156,15 +158,39 @@ async function loadEnumOfLtmplConfig(
 
 async function loadEnum(serverKey: string, mstrucIds: string[], path?: string) {
   if (mstrucIds && mstrucIds.length > 0) {
-    let reqEnum = await HcserviceV3.requestEnum(serverKey, mstrucIds, path);
-    for (let key in reqEnum) {
-      let ems = reqEnum[key];
-      for (let option of ems) {
-        if (option["css"]) {
-          option["color"] = option["css"].color;
-        }
+    const pendingIds: string[] = [];  // 需要发起新请求的枚举ID
+    const waitPromises: Promise<void>[] = [];  // 正在请求中的Promise，等待它们完成
+    for (const id of mstrucIds) {
+      if (pendingEnumRequests.has(id)) {  // 该枚举正在请求中，加入等待队列
+        waitPromises.push(pendingEnumRequests.get(id));
+      } else { // 该枚举需要发起新请求
+        pendingIds.push(id);
       }
-      enumMap.set(key, ems);
+    }
+    if (waitPromises.length > 0) {  // 等待所有已在请求中的枚举完成
+      await Promise.all(waitPromises);
+    }
+    if (pendingIds.length > 0) {  //发起新的请求（仅针对未加载且未在请求中的枚举）
+      // 创建请求Promise并记录到pendingEnumRequests，防止后续请求重复发起
+      const requestPromise = (async () => {
+        try {
+          let reqEnum = await HcserviceV3.requestEnum(serverKey, pendingIds, path);
+          for (let key in reqEnum) {
+            let ems = reqEnum[key];
+            for (let option of ems) {
+              if (option["css"]) {
+                option["color"] = option["css"].color;
+              }
+            }
+            enumMap.set(key, ems);
+          }
+        } finally {
+          // 请求完成后清理pending状态
+          pendingIds.forEach(id => pendingEnumRequests.delete(id));
+        }
+      })();
+      pendingIds.forEach(id => pendingEnumRequests.set(id, requestPromise));
+      await requestPromise;
     }
   }
 }

package/src/aldehyde/tmpl/hcservice-v3.tsx

@@ -761,6 +761,18 @@ export default class HcserviceV3 {
     return res;
   }
 
+  static async requestCharWSConfig(
+    serverKey: string,
+    sourceIds: string[]
+  ) {
+    let res = await Super.super({
+      url: `/v3/chart/ws/config`,
+      serverKey,
+      method: "GET",
+      query: { sourceIds },
+    });
+    return res;
+  }
 
   static async postActions(
     serverKey: string,
@@ -1498,7 +1510,8 @@ export default class HcserviceV3 {
   }
 
   // ws发送消息
-  static async wsPush(hydrocarbonToken, data = { message: "测试数据", destination: "/user/queue/dashboard" }) {
+  // data:{ message: "测试数据", destination: "/user/queue/dashboard" }
+  static async wsPush(hydrocarbonToken, data) {
     const res = await Super.super({
       url: `/v3/ws-push/${hydrocarbonToken}`,
       data,

package/src/aldehyde/tmpl/interface.tsx

@@ -291,6 +291,7 @@ export interface ColumnConfig extends FieldConfig {
   originalId: string;
   upperColumnTitle?: string,
   rowEditable?: boolean,
+  columnGroupName?: string, // 列分组
 }
 
 export type CodeSource = "new" | "listop" | "listop-new" | undefined;

package/src/aldehyde/tmpl/web-socket.ts

@@ -309,7 +309,7 @@ class WebSocket {
     // 订阅队列
     private async _flushQueue() {
         if (this.operationQueue.length === 0) return;
-        console.log(`[WS] 🚀 正在执行 ${this.operationQueue.length} 个排队操作...`);
+        // console.log(`[WS] 🚀 正在执行 ${this.operationQueue.length} 个排队操作...`);
         const queue = [...this.operationQueue];
         this.operationQueue = [];
         for (const op of queue) {

package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts

@@ -1,28 +0,0 @@
-import AbstractController from "./abstract-controller";
-import { IFilterConfigType, ThemeItemType } from "../interface";
-/**
- * AbstractDesignerController继承自AbstractController，在泛型的定义和约束上和AbstractController完全保持一致。
- * 此外，AbstractDesignerController扩展了一些自定义组件所需的特有方法，如：修改组件数据等
- */
-declare abstract class AbstractDesignerController<I = any, C = any> extends AbstractController<I, C> {
-    /**
-     * 更新组件数据,且必须触发组件的重新渲染
-     * @param data
-     */
-    changeData(data: any): void;
-    /**
-     * 更新组件数据
-     */
-    loadComponentData({ type, data }: {
-        type: string;
-        data: any;
-    }): void;
-    /**
-     * 更新本组件的主题样式方法，用于在全局切换主题时使用
-     * @param newTheme 新主题
-     */
-    updateTheme(newTheme: ThemeItemType): void;
-    updateFilter(filter: IFilterConfigType): void;
-}
-export default AbstractDesignerController;
-//# sourceMappingURL=abstract-designer-controller.d.ts.map

package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-designer-controller.d.ts","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/lowcode-view/component/abstract-designer-controller.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAsB,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEpF;;;GAGG;AACH,uBAAe,0BAA0B,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,CAAE,SAAQ,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAExF;;;OAGG;IAEI,UAAU,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAIlC;;OAEG;IACI,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,GAAG,IAAI;IAW3E;;;OAGG;IAEI,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAI1C,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;CAYvD;AAED,eAAe,0BAA0B,CAAC"}

package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js

@@ -1,49 +0,0 @@
-import AbstractController from "./abstract-controller";
-/**
- * AbstractDesignerController继承自AbstractController，在泛型的定义和约束上和AbstractController完全保持一致。
- * 此外，AbstractDesignerController扩展了一些自定义组件所需的特有方法，如：修改组件数据等
- */
-class AbstractDesignerController extends AbstractController {
-    /**
-     * 更新组件数据,且必须触发组件的重新渲染
-     * @param data
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    changeData(data) {
-    }
-    /**
-     * 更新组件数据
-     */
-    loadComponentData({ type, data }) {
-        switch (type) {
-            case "initData":
-                // 初始化数据加载逻辑
-                this.changeData(Object.assign(Object.assign({}, data), { type: "initData" }));
-                break;
-            default:
-                break;
-        }
-    }
-    /**
-     * 更新本组件的主题样式方法，用于在全局切换主题时使用
-     * @param newTheme 新主题
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    updateTheme(newTheme) {
-    }
-    // 设置滤镜效果
-    updateFilter(filter) {
-        if (this.config && this.config.filter)
-            this.config.filter = filter;
-        if (!this.container)
-            return;
-        if (filter === null || filter === void 0 ? void 0 : filter.enable) {
-            this.container.style.filter = `blur(${filter.blur}px) brightness(${filter.brightness}) contrast(${filter.contrast}) opacity(${filter.opacity}) saturate(${filter.saturate}) hue-rotate(${filter.hueRotate}deg)`;
-        }
-        else {
-            this.container.style.filter = 'none';
-        }
-    }
-}
-export default AbstractDesignerController;
-//# sourceMappingURL=abstract-designer-controller.js.map

package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-designer-controller.js","sourceRoot":"","sources":["../../../../../../src/aldehyde/lowcode-components/lowcode-view/component/abstract-designer-controller.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AAGvD;;;GAGG;AACH,MAAe,0BAA6C,SAAQ,kBAAwB;IAExF;;;OAGG;IACH,6DAA6D;IACtD,UAAU,CAAC,IAAS;IAC3B,CAAC;IAGD;;OAEG;IACI,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAA+B;QAChE,QAAQ,IAAI,EAAE,CAAC;YACX,KAAK,UAAU;gBACX,YAAY;gBACZ,IAAI,CAAC,UAAU,iCAAM,IAAI,KAAE,IAAI,EAAE,UAAU,IAAG,CAAC;gBAC/C,MAAM;YACV;gBACI,MAAM;QACd,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,6DAA6D;IACtD,WAAW,CAAC,QAAuB;IAC1C,CAAC;IAED,SAAS;IACF,YAAY,CAAC,MAAyB;QACzC,IAAI,IAAI,CAAC,MAAM,IAAK,IAAI,CAAC,MAA6B,CAAC,MAAM;YACxD,IAAI,CAAC,MAA8B,CAAC,MAAM,GAAG,MAAM,CAAC;QACzD,IAAI,CAAC,IAAI,CAAC,SAAS;YACf,OAAO;QACX,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,MAAM,CAAC,IAAI,kBAAkB,MAAM,CAAC,UAAU,cAAc,MAAM,CAAC,QAAQ,aAAa,MAAM,CAAC,OAAO,cAAc,MAAM,CAAC,QAAQ,gBAAgB,MAAM,CAAC,SAAS,MAAM,CAAA;QACnN,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzC,CAAC;IACL,CAAC;CAEJ;AAED,eAAe,0BAA0B,CAAC"}

package/src/aldehyde/lowcode-components/lowcode-view/component/abstract-designer-controller.ts

@@ -1,56 +0,0 @@
-import AbstractController from "./abstract-controller";
-import { ComponentBaseProps, IFilterConfigType, ThemeItemType } from "../interface";
-
-/**
- * AbstractDesignerController继承自AbstractController，在泛型的定义和约束上和AbstractController完全保持一致。
- * 此外，AbstractDesignerController扩展了一些自定义组件所需的特有方法，如：修改组件数据等
- */
-abstract class AbstractDesignerController<I = any, C = any> extends AbstractController<I, C> {
-
-    /**
-     * 更新组件数据,且必须触发组件的重新渲染
-     * @param data
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    public changeData(data: any): void {
-    }
-
-
-    /**
-     * 更新组件数据
-     */
-    public loadComponentData({ type, data }: { type: string, data: any }): void {
-        switch (type) {
-            case "initData":
-                // 初始化数据加载逻辑
-                this.changeData({ ...data, type: "initData" });
-                break;
-            default:
-                break;
-        }
-    }
-
-    /**
-     * 更新本组件的主题样式方法，用于在全局切换主题时使用
-     * @param newTheme 新主题
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    public updateTheme(newTheme: ThemeItemType): void {
-    }
-
-    // 设置滤镜效果
-    public updateFilter(filter: IFilterConfigType): void {
-        if (this.config && (this.config as ComponentBaseProps).filter)
-            (this.config as ComponentBaseProps)!.filter = filter;
-        if (!this.container)
-            return;
-        if (filter?.enable) {
-            this.container.style.filter = `blur(${filter.blur}px) brightness(${filter.brightness}) contrast(${filter.contrast}) opacity(${filter.opacity}) saturate(${filter.saturate}) hue-rotate(${filter.hueRotate}deg)`
-        } else {
-            this.container.style.filter = 'none';
-        }
-    }
-
-}
-
-export default AbstractDesignerController;