aldehyde 0.2.454 → 0.2.455
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/layout/menu/l2menu-message-bar.d.ts +2 -22
- package/lib/layout/menu/l2menu-message-bar.d.ts.map +1 -1
- package/lib/layout/menu/l2menu-message-bar.js +82 -89
- package/lib/layout/menu/l2menu-message-bar.js.map +1 -1
- package/lib/layout/menu/message-bar.less +5 -0
- package/lib/lowcode-components/bar-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/bar-chart/index.js +9 -0
- package/lib/lowcode-components/bar-chart/index.js.map +1 -1
- package/lib/lowcode-components/base-image/index.d.ts.map +1 -1
- package/lib/lowcode-components/base-image/index.js +8 -0
- package/lib/lowcode-components/base-image/index.js.map +1 -1
- package/lib/lowcode-components/base-map/index.d.ts.map +1 -1
- package/lib/lowcode-components/base-map/index.js +9 -0
- package/lib/lowcode-components/base-map/index.js.map +1 -1
- package/lib/lowcode-components/capsule-bar-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/capsule-bar-chart/index.js +9 -0
- package/lib/lowcode-components/capsule-bar-chart/index.js.map +1 -1
- package/lib/lowcode-components/carousel/index.d.ts.map +1 -1
- package/lib/lowcode-components/carousel/index.js +10 -0
- package/lib/lowcode-components/carousel/index.js.map +1 -1
- package/lib/lowcode-components/circular-progress-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/circular-progress-chart/index.js +10 -0
- package/lib/lowcode-components/circular-progress-chart/index.js.map +1 -1
- package/lib/lowcode-components/column-3d-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/column-3d-chart/index.js +9 -0
- package/lib/lowcode-components/column-3d-chart/index.js.map +1 -1
- package/lib/lowcode-components/column-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/column-chart/index.js +9 -0
- package/lib/lowcode-components/column-chart/index.js.map +1 -1
- package/lib/lowcode-components/data-number/index.d.ts.map +1 -1
- package/lib/lowcode-components/data-number/index.js +9 -0
- package/lib/lowcode-components/data-number/index.js.map +1 -1
- package/lib/lowcode-components/effectScatter-map/index.d.ts.map +1 -1
- package/lib/lowcode-components/effectScatter-map/index.js +9 -0
- package/lib/lowcode-components/effectScatter-map/index.js.map +1 -1
- package/lib/lowcode-components/effectScatter-map-3d/index.d.ts.map +1 -1
- package/lib/lowcode-components/effectScatter-map-3d/index.js +9 -0
- package/lib/lowcode-components/effectScatter-map-3d/index.js.map +1 -1
- package/lib/lowcode-components/gauge-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/gauge-chart/index.js +9 -0
- package/lib/lowcode-components/gauge-chart/index.js.map +1 -1
- package/lib/lowcode-components/line-bar-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/line-bar-chart/index.js +10 -0
- package/lib/lowcode-components/line-bar-chart/index.js.map +1 -1
- package/lib/lowcode-components/line-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/line-chart/index.js +10 -0
- package/lib/lowcode-components/line-chart/index.js.map +1 -1
- package/lib/lowcode-components/liquid-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/liquid-chart/index.js +9 -0
- package/lib/lowcode-components/liquid-chart/index.js.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/abstract-definition.d.ts +2 -2
- package/lib/lowcode-components/lowcode-view/component/abstract-definition.d.ts.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/component-container.js.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/component-controller.d.ts +9 -2
- package/lib/lowcode-components/lowcode-view/component/component-controller.d.ts.map +1 -1
- package/lib/lowcode-components/lowcode-view/component/component-controller.js +40 -4
- package/lib/lowcode-components/lowcode-view/component/component-controller.js.map +1 -1
- package/lib/lowcode-components/lowcode-view/index.d.ts.map +1 -1
- package/lib/lowcode-components/lowcode-view/index.js +53 -8
- package/lib/lowcode-components/lowcode-view/index.js.map +1 -1
- package/lib/lowcode-components/pie-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/pie-chart/index.js +9 -0
- package/lib/lowcode-components/pie-chart/index.js.map +1 -1
- package/lib/lowcode-components/progress-chart/index.d.ts.map +1 -1
- package/lib/lowcode-components/progress-chart/index.js +9 -0
- package/lib/lowcode-components/progress-chart/index.js.map +1 -1
- package/lib/lowcode-components/stroke-animation/index.d.ts.map +1 -1
- package/lib/lowcode-components/stroke-animation/index.js +9 -0
- package/lib/lowcode-components/stroke-animation/index.js.map +1 -1
- package/lib/lowcode-components/text-scroller/index.d.ts.map +1 -1
- package/lib/lowcode-components/text-scroller/index.js +9 -0
- package/lib/lowcode-components/text-scroller/index.js.map +1 -1
- package/lib/table/column/column-builder.d.ts.map +1 -1
- package/lib/table/column/column-builder.js +12 -1
- package/lib/table/column/column-builder.js.map +1 -1
- package/lib/tmpl/hcservice-v3.d.ts +2 -4
- package/lib/tmpl/hcservice-v3.d.ts.map +1 -1
- package/lib/tmpl/hcservice-v3.js +14 -2
- package/lib/tmpl/hcservice-v3.js.map +1 -1
- package/lib/tmpl/interface.d.ts +1 -0
- package/lib/tmpl/interface.d.ts.map +1 -1
- package/lib/tmpl/interface.js.map +1 -1
- package/lib/tmpl/web-socket.js +1 -1
- package/lib/tmpl/web-socket.js.map +1 -1
- package/package.json +1 -1
- package/src/aldehyde/layout/menu/l2menu-message-bar.tsx +39 -62
- package/src/aldehyde/layout/menu/message-bar.less +5 -0
- package/src/aldehyde/lowcode-components/bar-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/base-image/index.tsx +9 -0
- package/src/aldehyde/lowcode-components/base-map/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/capsule-bar-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/carousel/index.tsx +11 -0
- package/src/aldehyde/lowcode-components/circular-progress-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/column-3d-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/column-chart/index.tsx +11 -0
- package/src/aldehyde/lowcode-components/data-number/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/data.d.ts +1 -0
- package/src/aldehyde/lowcode-components/effectScatter-map/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/effectScatter-map-3d/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/gauge-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/line-bar-chart/index.tsx +11 -0
- package/src/aldehyde/lowcode-components/line-chart/index.tsx +11 -0
- package/src/aldehyde/lowcode-components/liquid-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/lowcode-view/component/abstract-definition.ts +2 -2
- package/src/aldehyde/lowcode-components/lowcode-view/component/component-container.tsx +3 -3
- package/src/aldehyde/lowcode-components/lowcode-view/component/component-controller.ts +42 -3
- package/src/aldehyde/lowcode-components/lowcode-view/index.tsx +55 -8
- package/src/aldehyde/lowcode-components/pie-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/progress-chart/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/stroke-animation/index.tsx +10 -0
- package/src/aldehyde/lowcode-components/text-scroller/index.tsx +10 -0
- package/src/aldehyde/table/column/column-builder.tsx +10 -1
- package/src/aldehyde/tmpl/hcservice-v3.tsx +14 -1
- package/src/aldehyde/tmpl/interface.tsx +1 -0
- package/src/aldehyde/tmpl/web-socket.ts +1 -1
- package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts +0 -28
- package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts.map +0 -1
- package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js +0 -49
- package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js.map +0 -1
- package/src/aldehyde/lowcode-components/lowcode-view/component/abstract-designer-controller.ts +0 -56
|
@@ -137,6 +137,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
+
// ws订阅数据更新
|
|
141
|
+
const handleWSData = (val: DataConfigProps) => {
|
|
142
|
+
if (val.sourceType === "sourceId" && val.wsData) {
|
|
143
|
+
const { value } = val.initData;
|
|
144
|
+
const temData = handleData(value);
|
|
145
|
+
setData(temData);
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
140
149
|
useImperativeHandle(ref, () => ({
|
|
141
150
|
updateConfig: (newConfig) => {
|
|
142
151
|
const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
|
|
@@ -147,6 +156,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
147
156
|
handleInitData(newDataConfig);
|
|
148
157
|
setSearchParams(newDataConfig.searchParams);
|
|
149
158
|
setInitSearchParams(newISParams);
|
|
159
|
+
handleWSData(newDataConfig);
|
|
150
160
|
},
|
|
151
161
|
destroy: handleDestroy,
|
|
152
162
|
}));
|
|
@@ -64,6 +64,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
// ws订阅数据更新
|
|
68
|
+
const handleWSData = (val: DataConfigProps) => {
|
|
69
|
+
if (val.sourceType === "sourceId" && val.wsData) {
|
|
70
|
+
const { value } = val.initData;
|
|
71
|
+
const temData = handleData(value);
|
|
72
|
+
setData(temData);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
67
76
|
useImperativeHandle(ref, () => ({
|
|
68
77
|
updateConfig: (newConfig) => {
|
|
69
78
|
const { base, style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
|
|
@@ -73,6 +82,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
73
82
|
handleInitData(newDataConfig);
|
|
74
83
|
setSearchParams(newDataConfig.searchParams);
|
|
75
84
|
setInitSearchParams(newISParams);
|
|
85
|
+
handleWSData(newDataConfig);
|
|
76
86
|
},
|
|
77
87
|
destroy: handleDestroy,
|
|
78
88
|
}));
|
|
@@ -63,6 +63,15 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
+
// ws订阅数据更新
|
|
67
|
+
const handleWSData = (val: DataConfigProps) => {
|
|
68
|
+
if (val.sourceType === "sourceId" && val.wsData) {
|
|
69
|
+
const { value } = val.initData;
|
|
70
|
+
const temData = handleData(value);
|
|
71
|
+
setData(temData);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
66
75
|
useImperativeHandle(ref, () => ({
|
|
67
76
|
updateConfig: (newConfig) => {
|
|
68
77
|
const { style: newStyle, data: newDataConfig, initSearchParams: newISParams } = newConfig;
|
|
@@ -72,6 +81,7 @@ const Index = forwardRef((props: ComponentProps, ref: ForwardedRef<ComponentRef>
|
|
|
72
81
|
handleInitData(newDataConfig);
|
|
73
82
|
setSearchParams(newDataConfig.searchParams);
|
|
74
83
|
setInitSearchParams(newISParams);
|
|
84
|
+
handleWSData(newDataConfig);
|
|
75
85
|
},
|
|
76
86
|
destroy: handleDestroy,
|
|
77
87
|
}));
|
|
@@ -97,7 +97,16 @@ export default {
|
|
|
97
97
|
if (hiddenColIds && hiddenColIds.includes(item.originalId)) {
|
|
98
98
|
return
|
|
99
99
|
} else {
|
|
100
|
-
|
|
100
|
+
if (item.columnGroupName) { // 表头分组功能实现
|
|
101
|
+
const groupIndex = tableColumns.findIndex(r => r.children?.length && r.title === item.columnGroupName);
|
|
102
|
+
if (groupIndex !== -1) {
|
|
103
|
+
tableColumns[groupIndex].children.push(column);
|
|
104
|
+
} else {
|
|
105
|
+
tableColumns.push({ title: item.columnGroupName, align: "center", children: [column] });
|
|
106
|
+
}
|
|
107
|
+
} else {
|
|
108
|
+
tableColumns.push(column);
|
|
109
|
+
}
|
|
101
110
|
}
|
|
102
111
|
let title1 = translate("${" + item.title + "}");
|
|
103
112
|
column["title"] = item.tip ? <>{title1}<Tooltip placement="top" title={item.tip}>
|
|
@@ -761,6 +761,18 @@ export default class HcserviceV3 {
|
|
|
761
761
|
return res;
|
|
762
762
|
}
|
|
763
763
|
|
|
764
|
+
static async requestCharWSConfig(
|
|
765
|
+
serverKey: string,
|
|
766
|
+
sourceIds: string[]
|
|
767
|
+
) {
|
|
768
|
+
let res = await Super.super({
|
|
769
|
+
url: `/v3/chart/ws/config`,
|
|
770
|
+
serverKey,
|
|
771
|
+
method: "GET",
|
|
772
|
+
query: { sourceIds },
|
|
773
|
+
});
|
|
774
|
+
return res;
|
|
775
|
+
}
|
|
764
776
|
|
|
765
777
|
static async postActions(
|
|
766
778
|
serverKey: string,
|
|
@@ -1498,7 +1510,8 @@ export default class HcserviceV3 {
|
|
|
1498
1510
|
}
|
|
1499
1511
|
|
|
1500
1512
|
// ws发送消息
|
|
1501
|
-
|
|
1513
|
+
// data:{ message: "测试数据", destination: "/user/queue/dashboard" }
|
|
1514
|
+
static async wsPush(hydrocarbonToken, data) {
|
|
1502
1515
|
const res = await Super.super({
|
|
1503
1516
|
url: `/v3/ws-push/${hydrocarbonToken}`,
|
|
1504
1517
|
data,
|
|
@@ -291,6 +291,7 @@ export interface ColumnConfig extends FieldConfig {
|
|
|
291
291
|
originalId: string;
|
|
292
292
|
upperColumnTitle?: string,
|
|
293
293
|
rowEditable?: boolean,
|
|
294
|
+
columnGroupName?: string, // 列分组
|
|
294
295
|
}
|
|
295
296
|
|
|
296
297
|
export type CodeSource = "new" | "listop" | "listop-new" | undefined;
|
|
@@ -309,7 +309,7 @@ class WebSocket {
|
|
|
309
309
|
// 订阅队列
|
|
310
310
|
private async _flushQueue() {
|
|
311
311
|
if (this.operationQueue.length === 0) return;
|
|
312
|
-
console.log(`[WS] 🚀 正在执行 ${this.operationQueue.length} 个排队操作...`);
|
|
312
|
+
// console.log(`[WS] 🚀 正在执行 ${this.operationQueue.length} 个排队操作...`);
|
|
313
313
|
const queue = [...this.operationQueue];
|
|
314
314
|
this.operationQueue = [];
|
|
315
315
|
for (const op of queue) {
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import AbstractController from "./abstract-controller";
|
|
2
|
-
import { IFilterConfigType, ThemeItemType } from "../interface";
|
|
3
|
-
/**
|
|
4
|
-
* AbstractDesignerController继承自AbstractController,在泛型的定义和约束上和AbstractController完全保持一致。
|
|
5
|
-
* 此外,AbstractDesignerController扩展了一些自定义组件所需的特有方法,如:修改组件数据等
|
|
6
|
-
*/
|
|
7
|
-
declare abstract class AbstractDesignerController<I = any, C = any> extends AbstractController<I, C> {
|
|
8
|
-
/**
|
|
9
|
-
* 更新组件数据,且必须触发组件的重新渲染
|
|
10
|
-
* @param data
|
|
11
|
-
*/
|
|
12
|
-
changeData(data: any): void;
|
|
13
|
-
/**
|
|
14
|
-
* 更新组件数据
|
|
15
|
-
*/
|
|
16
|
-
loadComponentData({ type, data }: {
|
|
17
|
-
type: string;
|
|
18
|
-
data: any;
|
|
19
|
-
}): void;
|
|
20
|
-
/**
|
|
21
|
-
* 更新本组件的主题样式方法,用于在全局切换主题时使用
|
|
22
|
-
* @param newTheme 新主题
|
|
23
|
-
*/
|
|
24
|
-
updateTheme(newTheme: ThemeItemType): void;
|
|
25
|
-
updateFilter(filter: IFilterConfigType): void;
|
|
26
|
-
}
|
|
27
|
-
export default AbstractDesignerController;
|
|
28
|
-
//# sourceMappingURL=abstract-designer-controller.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import AbstractController from "./abstract-controller";
|
|
2
|
-
/**
|
|
3
|
-
* AbstractDesignerController继承自AbstractController,在泛型的定义和约束上和AbstractController完全保持一致。
|
|
4
|
-
* 此外,AbstractDesignerController扩展了一些自定义组件所需的特有方法,如:修改组件数据等
|
|
5
|
-
*/
|
|
6
|
-
class AbstractDesignerController extends AbstractController {
|
|
7
|
-
/**
|
|
8
|
-
* 更新组件数据,且必须触发组件的重新渲染
|
|
9
|
-
* @param data
|
|
10
|
-
*/
|
|
11
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
|
-
changeData(data) {
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* 更新组件数据
|
|
16
|
-
*/
|
|
17
|
-
loadComponentData({ type, data }) {
|
|
18
|
-
switch (type) {
|
|
19
|
-
case "initData":
|
|
20
|
-
// 初始化数据加载逻辑
|
|
21
|
-
this.changeData(Object.assign(Object.assign({}, data), { type: "initData" }));
|
|
22
|
-
break;
|
|
23
|
-
default:
|
|
24
|
-
break;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* 更新本组件的主题样式方法,用于在全局切换主题时使用
|
|
29
|
-
* @param newTheme 新主题
|
|
30
|
-
*/
|
|
31
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
|
-
updateTheme(newTheme) {
|
|
33
|
-
}
|
|
34
|
-
// 设置滤镜效果
|
|
35
|
-
updateFilter(filter) {
|
|
36
|
-
if (this.config && this.config.filter)
|
|
37
|
-
this.config.filter = filter;
|
|
38
|
-
if (!this.container)
|
|
39
|
-
return;
|
|
40
|
-
if (filter === null || filter === void 0 ? void 0 : filter.enable) {
|
|
41
|
-
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)`;
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
this.container.style.filter = 'none';
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
export default AbstractDesignerController;
|
|
49
|
-
//# sourceMappingURL=abstract-designer-controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import AbstractController from "./abstract-controller";
|
|
2
|
-
import { ComponentBaseProps, IFilterConfigType, ThemeItemType } from "../interface";
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* AbstractDesignerController继承自AbstractController,在泛型的定义和约束上和AbstractController完全保持一致。
|
|
6
|
-
* 此外,AbstractDesignerController扩展了一些自定义组件所需的特有方法,如:修改组件数据等
|
|
7
|
-
*/
|
|
8
|
-
abstract class AbstractDesignerController<I = any, C = any> extends AbstractController<I, C> {
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* 更新组件数据,且必须触发组件的重新渲染
|
|
12
|
-
* @param data
|
|
13
|
-
*/
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
-
public changeData(data: any): void {
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* 更新组件数据
|
|
21
|
-
*/
|
|
22
|
-
public loadComponentData({ type, data }: { type: string, data: any }): void {
|
|
23
|
-
switch (type) {
|
|
24
|
-
case "initData":
|
|
25
|
-
// 初始化数据加载逻辑
|
|
26
|
-
this.changeData({ ...data, type: "initData" });
|
|
27
|
-
break;
|
|
28
|
-
default:
|
|
29
|
-
break;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* 更新本组件的主题样式方法,用于在全局切换主题时使用
|
|
35
|
-
* @param newTheme 新主题
|
|
36
|
-
*/
|
|
37
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
|
-
public updateTheme(newTheme: ThemeItemType): void {
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
// 设置滤镜效果
|
|
42
|
-
public updateFilter(filter: IFilterConfigType): void {
|
|
43
|
-
if (this.config && (this.config as ComponentBaseProps).filter)
|
|
44
|
-
(this.config as ComponentBaseProps)!.filter = filter;
|
|
45
|
-
if (!this.container)
|
|
46
|
-
return;
|
|
47
|
-
if (filter?.enable) {
|
|
48
|
-
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)`
|
|
49
|
-
} else {
|
|
50
|
-
this.container.style.filter = 'none';
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export default AbstractDesignerController;
|