Skip to content

Commit 72eeff0

Browse files
raheeliftikhar5raheeliftikhar5
committed
Theme: removed unused dependencies + apply themes in charts
1 parent 2c8d63d commit 72eeff0

File tree

78 files changed

+168
-412
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+168
-412
lines changed

‎client/packages/lowcoder-comps/package.json

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -34,30 +34,6 @@
3434
"lowcoder": {
3535
"description": "",
3636
"comps": {
37-
"meetingController": {
38-
"name": "Agora Meeting Controller",
39-
"icon": "./icons/icon-comp-calendar.svg",
40-
"layoutInfo": {
41-
"w": 1,
42-
"h": 1
43-
}
44-
},
45-
"meetingSharing": {
46-
"name": "Agora Meeting Sharing",
47-
"icon": "./icons/icon-comp-calendar.svg",
48-
"layoutInfo": {
49-
"w": 6,
50-
"h": 40
51-
}
52-
},
53-
"meetingStream": {
54-
"name": "Video Stream",
55-
"icon": "./icons/icon-comp-calendar.svg",
56-
"layoutInfo": {
57-
"w": 6,
58-
"h": 40
59-
}
60-
},
6137
"calendar": {
6238
"name": "Calendar",
6339
"icon": "./icons/icon-comp-calendar.svg",
@@ -193,6 +169,30 @@
193169
"w": 19,
194170
"h": 60
195171
}
172+
},
173+
"meetingController": {
174+
"name": "Agora Meeting Controller",
175+
"icon": "./icons/icon-comp-calendar.svg",
176+
"layoutInfo": {
177+
"w": 1,
178+
"h": 1
179+
}
180+
},
181+
"meetingSharing": {
182+
"name": "Agora Meeting Sharing",
183+
"icon": "./icons/icon-comp-calendar.svg",
184+
"layoutInfo": {
185+
"w": 6,
186+
"h": 40
187+
}
188+
},
189+
"meetingStream": {
190+
"name": "Video Stream",
191+
"icon": "./icons/icon-comp-calendar.svg",
192+
"layoutInfo": {
193+
"w": 6,
194+
"h": 40
195+
}
196196
}
197197
}
198198
},

‎client/packages/lowcoder-comps/src/comps/basicChartComp/chartComp.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ import {
2525
ThemeContext,
2626
chartColorPalette,
2727
getPromiseAfterDispatch,
28-
dropdownControl
28+
dropdownControl,
29+
useMergeCompStyles,
2930
} from "lowcoder-sdk";
3031
import { getEchartsLocale, trans } from "i18n/comps";
3132
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -73,6 +74,8 @@ BasicChartTmpComp = withViewFn(BasicChartTmpComp, (comp) => {
7374
log.error('theme chart error: ', error);
7475
}
7576

77+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
78+
7679
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7780
await getPromiseAfterDispatch(
7881
dispatch,
@@ -123,7 +126,8 @@ BasicChartTmpComp = withViewFn(BasicChartTmpComp, (comp) => {
123126
const option = useMemo(() => {
124127
return getEchartsConfig(
125128
childrenToProps(echartsConfigChildren) as ToViewReturn<typeof echartsConfigChildren>,
126-
chartSize
129+
chartSize,
130+
theme?.theme?.components?.candleStickChart || {},
127131
);
128132
}, [chartSize, ...Object.values(echartsConfigChildren)]);
129133

‎client/packages/lowcoder-comps/src/comps/basicChartComp/chartUtils.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -141,8 +141,8 @@ export function getEchartsConfig(
141141
"left":"center"
142142
},
143143
"backgroundColor": props?.style?.background || theme?.style?.background,
144-
"color": props.echartsOption.data?.map(data => data.color),
145-
"tooltip": props.tooltip&&{
144+
"color": props.echartsOption.data?.map(data => data.color),
145+
"tooltip": props.tooltip && {
146146
"trigger": "item",
147147
"formatter": "{a} <br/>{b} : {c}%"
148148
},

‎client/packages/lowcoder-comps/src/comps/calendarComp/calendarComp.tsx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@ import {
4242
CustomModal,
4343
jsonValueExposingStateControl,
4444
CalendarDeleteIcon,
45-
Tooltip
45+
Tooltip,
46+
useMergeCompStyles,
4647
} from "lowcoder-sdk";
4748

4849
import {
@@ -87,7 +88,7 @@ const childrenMap = {
8788
firstDay: dropdownControl(FirstDayOptions, "1"),
8889
dayMaxEvents: withDefault(NumberControl, 2),
8990
eventMaxStack: withDefault(NumberControl, 0),
90-
style: styleControl(CalendarStyle),
91+
style: styleControl(CalendarStyle, 'style'),
9192
licenseKey: withDefault( StringControl, "" ),
9293
currentFreeView: dropdownControl(DefaultWithFreeViewOptions, "timeGridWeek"),
9394
currentPremiumView: dropdownControl(DefaultWithPremiumViewOptions, "resourceTimelineDay"),
@@ -114,7 +115,7 @@ let CalendarBasicComp = (function () {
114115
licensed?: boolean;
115116
currentFreeView?: string;
116117
currentPremiumView?: string;
117-
}) => {
118+
}, dispatch: any) => {
118119

119120
const theme = useContext(ThemeContext);
120121
const ref = createRef<HTMLDivElement>();
@@ -123,15 +124,15 @@ let CalendarBasicComp = (function () {
123124
const [left, setLeft] = useState<number | undefined>(undefined);
124125
const [licensed, setLicensed] = useState<boolean>(props.licenseKey !== "");
125126

127+
useMergeCompStyles(props, dispatch);
128+
126129
useEffect(() => {
127130
setLicensed(props.licenseKey !== "");
128131
}, [props.licenseKey]);
129132

130133
let currentView = licensed ? props.currentPremiumView : props.currentFreeView;
131134
let currentEvents = currentView == "resourceTimelineDay" || currentView == "resourceTimeGridDay" ? props.resourcesEvents : props.events;
132135

133-
console.log("currentEvents", currentEvents);
134-
135136
// we use one central stack of events for all views
136137
let events = Array.isArray(currentEvents.value) ? currentEvents.value.map((item: EventType) => {
137138
return {

‎client/packages/lowcoder-comps/src/comps/candleStickChartComp/candleStickChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -70,6 +71,8 @@ CandleStickChartTmpComp = withViewFn(CandleStickChartTmpComp, (comp) => {
7071
log.error('theme chart error: ', error);
7172
}
7273

74+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
75+
7376
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7477
await getPromiseAfterDispatch(
7578
dispatch,

‎client/packages/lowcoder-comps/src/comps/chartComp/chartUtils.ts

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,11 @@ export function getSeriesConfig(props: EchartsConfigProps) {
128128
}
129129

130130
// https://echarts.apache.org/en/option.html
131-
export function getEchartsConfig(props: EchartsConfigProps, chartSize?: ChartSize): EChartsOptionWithMap {
131+
export function getEchartsConfig(
132+
props: EchartsConfigProps,
133+
chartSize?: ChartSize,
134+
theme?: any,
135+
): EChartsOptionWithMap {
132136
if (props.mode === "json") {
133137
return props.echartsOption ? props.echartsOption : {};
134138
}

‎client/packages/lowcoder-comps/src/comps/chartsGeoMapComp/chartsGeoMapComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ import {
2525
ThemeContext,
2626
chartColorPalette,
2727
getPromiseAfterDispatch,
28-
dropdownControl
28+
dropdownControl,
29+
useMergeCompStyles,
2930
} from "lowcoder-sdk";
3031
import { getEchartsLocale, trans } from "i18n/comps";
3132
import { ItemColorComp } from "comps/basicChartComp/chartConfigs/lineChartConfig";
@@ -82,6 +83,8 @@ MapTmpComp = withViewFn(MapTmpComp, (comp) => {
8283
log.error('theme chart error: ', error);
8384
}
8485

86+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
87+
8588
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
8689
await getPromiseAfterDispatch(
8790
dispatch,

‎client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ FunnelChartTmpComp = withViewFn(FunnelChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ import {
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
2727
dropdownControl,
28-
JSONObject
28+
JSONObject,
29+
useMergeCompStyles,
2930
} from "lowcoder-sdk";
3031
import { getEchartsLocale, trans } from "i18n/comps";
3132
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -72,6 +73,8 @@ GaugeChartTmpComp = withViewFn(GaugeChartTmpComp, (comp) => {
7273
log.error('theme chart error: ', error);
7374
}
7475

76+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
77+
7578
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7679
await getPromiseAfterDispatch(
7780
dispatch,

‎client/packages/lowcoder-comps/src/comps/graphChartComp/graphChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ import {
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
2727
dropdownControl,
28-
JSONObject
28+
JSONObject,
29+
useMergeCompStyles,
2930
} from "lowcoder-sdk";
3031
import { getEchartsLocale, trans } from "i18n/comps";
3132
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -72,6 +73,8 @@ GraphChartTmpComp = withViewFn(GraphChartTmpComp, (comp) => {
7273
log.error('theme chart error: ', error);
7374
}
7475

76+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
77+
7578
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7679
await getPromiseAfterDispatch(
7780
dispatch,

‎client/packages/lowcoder-comps/src/comps/heatmapChartComp/heatmapChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ HeatmapChartTmpComp = withViewFn(HeatmapChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/radarChartComp/radarChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ RadarChartTmpComp = withViewFn(RadarChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/sankeyChartComp/sankeyChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ SankeyChartTmpComp = withViewFn(SankeyChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/sunburstChartComp/sunburstChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ SunburstChartTmpComp = withViewFn(SunburstChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/themeriverChartComp/themeriverChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ ThemeriverChartTmpComp = withViewFn(ThemeriverChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/treeChartComp/treechartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ TreeChartTmpComp = withViewFn(TreeChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

‎client/packages/lowcoder-comps/src/comps/treemapChartComp/treemapChartComp.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@ import {
2424
ThemeContext,
2525
chartColorPalette,
2626
getPromiseAfterDispatch,
27-
dropdownControl
27+
dropdownControl,
28+
useMergeCompStyles,
2829
} from "lowcoder-sdk";
2930
import { getEchartsLocale, trans } from "i18n/comps";
3031
import { ItemColorComp } from "comps/chartComp/chartConfigs/lineChartConfig";
@@ -71,6 +72,8 @@ TreemapChartTmpComp = withViewFn(TreemapChartTmpComp, (comp) => {
7172
log.error('theme chart error: ', error);
7273
}
7374

75+
useMergeCompStyles(childrenToProps(comp.children), comp.dispatch);
76+
7477
const triggerClickEvent = async (dispatch: any, action: CompAction<JSONValue>) => {
7578
await getPromiseAfterDispatch(
7679
dispatch,

0 commit comments

Comments
 (0)