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.
Files changed (120) hide show
  1. package/lib/layout/menu/l2menu-message-bar.d.ts +2 -22
  2. package/lib/layout/menu/l2menu-message-bar.d.ts.map +1 -1
  3. package/lib/layout/menu/l2menu-message-bar.js +82 -89
  4. package/lib/layout/menu/l2menu-message-bar.js.map +1 -1
  5. package/lib/layout/menu/message-bar.less +5 -0
  6. package/lib/lowcode-components/bar-chart/index.d.ts.map +1 -1
  7. package/lib/lowcode-components/bar-chart/index.js +9 -0
  8. package/lib/lowcode-components/bar-chart/index.js.map +1 -1
  9. package/lib/lowcode-components/base-image/index.d.ts.map +1 -1
  10. package/lib/lowcode-components/base-image/index.js +8 -0
  11. package/lib/lowcode-components/base-image/index.js.map +1 -1
  12. package/lib/lowcode-components/base-map/index.d.ts.map +1 -1
  13. package/lib/lowcode-components/base-map/index.js +9 -0
  14. package/lib/lowcode-components/base-map/index.js.map +1 -1
  15. package/lib/lowcode-components/capsule-bar-chart/index.d.ts.map +1 -1
  16. package/lib/lowcode-components/capsule-bar-chart/index.js +9 -0
  17. package/lib/lowcode-components/capsule-bar-chart/index.js.map +1 -1
  18. package/lib/lowcode-components/carousel/index.d.ts.map +1 -1
  19. package/lib/lowcode-components/carousel/index.js +10 -0
  20. package/lib/lowcode-components/carousel/index.js.map +1 -1
  21. package/lib/lowcode-components/circular-progress-chart/index.d.ts.map +1 -1
  22. package/lib/lowcode-components/circular-progress-chart/index.js +10 -0
  23. package/lib/lowcode-components/circular-progress-chart/index.js.map +1 -1
  24. package/lib/lowcode-components/column-3d-chart/index.d.ts.map +1 -1
  25. package/lib/lowcode-components/column-3d-chart/index.js +9 -0
  26. package/lib/lowcode-components/column-3d-chart/index.js.map +1 -1
  27. package/lib/lowcode-components/column-chart/index.d.ts.map +1 -1
  28. package/lib/lowcode-components/column-chart/index.js +9 -0
  29. package/lib/lowcode-components/column-chart/index.js.map +1 -1
  30. package/lib/lowcode-components/data-number/index.d.ts.map +1 -1
  31. package/lib/lowcode-components/data-number/index.js +9 -0
  32. package/lib/lowcode-components/data-number/index.js.map +1 -1
  33. package/lib/lowcode-components/effectScatter-map/index.d.ts.map +1 -1
  34. package/lib/lowcode-components/effectScatter-map/index.js +9 -0
  35. package/lib/lowcode-components/effectScatter-map/index.js.map +1 -1
  36. package/lib/lowcode-components/effectScatter-map-3d/index.d.ts.map +1 -1
  37. package/lib/lowcode-components/effectScatter-map-3d/index.js +9 -0
  38. package/lib/lowcode-components/effectScatter-map-3d/index.js.map +1 -1
  39. package/lib/lowcode-components/gauge-chart/index.d.ts.map +1 -1
  40. package/lib/lowcode-components/gauge-chart/index.js +9 -0
  41. package/lib/lowcode-components/gauge-chart/index.js.map +1 -1
  42. package/lib/lowcode-components/line-bar-chart/index.d.ts.map +1 -1
  43. package/lib/lowcode-components/line-bar-chart/index.js +10 -0
  44. package/lib/lowcode-components/line-bar-chart/index.js.map +1 -1
  45. package/lib/lowcode-components/line-chart/index.d.ts.map +1 -1
  46. package/lib/lowcode-components/line-chart/index.js +10 -0
  47. package/lib/lowcode-components/line-chart/index.js.map +1 -1
  48. package/lib/lowcode-components/liquid-chart/index.d.ts.map +1 -1
  49. package/lib/lowcode-components/liquid-chart/index.js +9 -0
  50. package/lib/lowcode-components/liquid-chart/index.js.map +1 -1
  51. package/lib/lowcode-components/lowcode-view/component/abstract-definition.d.ts +2 -2
  52. package/lib/lowcode-components/lowcode-view/component/abstract-definition.d.ts.map +1 -1
  53. package/lib/lowcode-components/lowcode-view/component/component-container.js.map +1 -1
  54. package/lib/lowcode-components/lowcode-view/component/component-controller.d.ts +9 -2
  55. package/lib/lowcode-components/lowcode-view/component/component-controller.d.ts.map +1 -1
  56. package/lib/lowcode-components/lowcode-view/component/component-controller.js +40 -4
  57. package/lib/lowcode-components/lowcode-view/component/component-controller.js.map +1 -1
  58. package/lib/lowcode-components/lowcode-view/index.d.ts.map +1 -1
  59. package/lib/lowcode-components/lowcode-view/index.js +53 -8
  60. package/lib/lowcode-components/lowcode-view/index.js.map +1 -1
  61. package/lib/lowcode-components/pie-chart/index.d.ts.map +1 -1
  62. package/lib/lowcode-components/pie-chart/index.js +9 -0
  63. package/lib/lowcode-components/pie-chart/index.js.map +1 -1
  64. package/lib/lowcode-components/progress-chart/index.d.ts.map +1 -1
  65. package/lib/lowcode-components/progress-chart/index.js +9 -0
  66. package/lib/lowcode-components/progress-chart/index.js.map +1 -1
  67. package/lib/lowcode-components/stroke-animation/index.d.ts.map +1 -1
  68. package/lib/lowcode-components/stroke-animation/index.js +9 -0
  69. package/lib/lowcode-components/stroke-animation/index.js.map +1 -1
  70. package/lib/lowcode-components/text-scroller/index.d.ts.map +1 -1
  71. package/lib/lowcode-components/text-scroller/index.js +9 -0
  72. package/lib/lowcode-components/text-scroller/index.js.map +1 -1
  73. package/lib/table/column/column-builder.d.ts.map +1 -1
  74. package/lib/table/column/column-builder.js +12 -1
  75. package/lib/table/column/column-builder.js.map +1 -1
  76. package/lib/tmpl/hcservice-v3.d.ts +2 -4
  77. package/lib/tmpl/hcservice-v3.d.ts.map +1 -1
  78. package/lib/tmpl/hcservice-v3.js +14 -2
  79. package/lib/tmpl/hcservice-v3.js.map +1 -1
  80. package/lib/tmpl/interface.d.ts +1 -0
  81. package/lib/tmpl/interface.d.ts.map +1 -1
  82. package/lib/tmpl/interface.js.map +1 -1
  83. package/lib/tmpl/web-socket.js +1 -1
  84. package/lib/tmpl/web-socket.js.map +1 -1
  85. package/package.json +1 -1
  86. package/src/aldehyde/layout/menu/l2menu-message-bar.tsx +39 -62
  87. package/src/aldehyde/layout/menu/message-bar.less +5 -0
  88. package/src/aldehyde/lowcode-components/bar-chart/index.tsx +10 -0
  89. package/src/aldehyde/lowcode-components/base-image/index.tsx +9 -0
  90. package/src/aldehyde/lowcode-components/base-map/index.tsx +10 -0
  91. package/src/aldehyde/lowcode-components/capsule-bar-chart/index.tsx +10 -0
  92. package/src/aldehyde/lowcode-components/carousel/index.tsx +11 -0
  93. package/src/aldehyde/lowcode-components/circular-progress-chart/index.tsx +10 -0
  94. package/src/aldehyde/lowcode-components/column-3d-chart/index.tsx +10 -0
  95. package/src/aldehyde/lowcode-components/column-chart/index.tsx +11 -0
  96. package/src/aldehyde/lowcode-components/data-number/index.tsx +10 -0
  97. package/src/aldehyde/lowcode-components/data.d.ts +1 -0
  98. package/src/aldehyde/lowcode-components/effectScatter-map/index.tsx +10 -0
  99. package/src/aldehyde/lowcode-components/effectScatter-map-3d/index.tsx +10 -0
  100. package/src/aldehyde/lowcode-components/gauge-chart/index.tsx +10 -0
  101. package/src/aldehyde/lowcode-components/line-bar-chart/index.tsx +11 -0
  102. package/src/aldehyde/lowcode-components/line-chart/index.tsx +11 -0
  103. package/src/aldehyde/lowcode-components/liquid-chart/index.tsx +10 -0
  104. package/src/aldehyde/lowcode-components/lowcode-view/component/abstract-definition.ts +2 -2
  105. package/src/aldehyde/lowcode-components/lowcode-view/component/component-container.tsx +3 -3
  106. package/src/aldehyde/lowcode-components/lowcode-view/component/component-controller.ts +42 -3
  107. package/src/aldehyde/lowcode-components/lowcode-view/index.tsx +55 -8
  108. package/src/aldehyde/lowcode-components/pie-chart/index.tsx +10 -0
  109. package/src/aldehyde/lowcode-components/progress-chart/index.tsx +10 -0
  110. package/src/aldehyde/lowcode-components/stroke-animation/index.tsx +10 -0
  111. package/src/aldehyde/lowcode-components/text-scroller/index.tsx +10 -0
  112. package/src/aldehyde/table/column/column-builder.tsx +10 -1
  113. package/src/aldehyde/tmpl/hcservice-v3.tsx +14 -1
  114. package/src/aldehyde/tmpl/interface.tsx +1 -0
  115. package/src/aldehyde/tmpl/web-socket.ts +1 -1
  116. package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts +0 -28
  117. package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.d.ts.map +0 -1
  118. package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js +0 -49
  119. package/lib/lowcode-components/lowcode-view/component/abstract-designer-controller.js.map +0 -1
  120. 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
- tableColumns.push(column);
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
- static async wsPush(hydrocarbonToken, data = { message: "测试数据", destination: "/user/queue/dashboard" }) {
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"}
@@ -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;