jojotaoo_components 0.0.1-beta.0

package/dist/composables/useDataPondManager.js

@@ -0,0 +1,105 @@
+import { reactive } from 'vue';
+import { mergeRequestConfig } from './useRequestMerge';
+const pondMap = new Map();
+const eventHandlers = new Map();
+export function subscribePond(pondId, componentKey, handler) {
+    let state = pondMap.get(pondId);
+    if (!state)
+        return;
+    state.subscribers.add(componentKey);
+    if (!eventHandlers.has(pondId)) {
+        eventHandlers.set(pondId, new Map());
+    }
+    eventHandlers.get(pondId).set(componentKey, handler);
+    if (state.lastResponse !== undefined) {
+        handler(state.lastResponse);
+    }
+}
+export function unsubscribePond(pondId, componentKey) {
+    const state = pondMap.get(pondId);
+    if (state) {
+        state.subscribers.delete(componentKey);
+    }
+    const handlers = eventHandlers.get(pondId);
+    if (handlers) {
+        handlers.delete(componentKey);
+        if (handlers.size === 0) {
+            eventHandlers.delete(pondId);
+        }
+    }
+}
+export function initPond(pond) {
+    if (!pondMap.has(pond.dataPondId)) {
+        pondMap.set(pond.dataPondId, reactive({
+            config: pond,
+            subscribers: new Set(),
+            lastResponse: undefined,
+            loading: false,
+            error: null,
+        }));
+    }
+}
+export function removePond(pondId) {
+    pondMap.delete(pondId);
+    eventHandlers.delete(pondId);
+}
+export function dispatchPondData(pondId, data) {
+    const state = pondMap.get(pondId);
+    if (state) {
+        state.lastResponse = data;
+        state.loading = false;
+        state.error = null;
+    }
+    const handlers = eventHandlers.get(pondId);
+    if (handlers) {
+        handlers.forEach((handler) => {
+            try {
+                handler(data);
+            }
+            catch (error) {
+                console.error(`[DataPond] Error in handler for pond "${pondId}":`, error);
+            }
+        });
+    }
+}
+export async function fetchPondData(pondId, globalConfig, httpClient) {
+    const state = pondMap.get(pondId);
+    if (!state || state.subscribers.size === 0)
+        return null;
+    if (state.loading)
+        return state.lastResponse;
+    state.loading = true;
+    state.error = null;
+    try {
+        const merged = mergeRequestConfig(state.config.dataPondRequestConfig, globalConfig);
+        if (!merged) {
+            state.loading = false;
+            return null;
+        }
+        const response = await httpClient({
+            url: merged.url,
+            method: merged.method,
+            headers: merged.headers,
+            params: merged.params,
+            data: merged.body,
+        });
+        const responseData = response?.data ?? response;
+        dispatchPondData(pondId, responseData);
+        return responseData;
+    }
+    catch (error) {
+        state.loading = false;
+        state.error = error;
+        console.error(`[DataPond] Fetch failed for pond "${pondId}":`, error);
+        throw error;
+    }
+}
+export function getPondState(pondId) {
+    return pondMap.get(pondId);
+}
+export function hasPond(pondId) {
+    return pondMap.has(pondId);
+}
+export function getSubscriberCount(pondId) {
+    return pondMap.get(pondId)?.subscribers.size ?? 0;
+}

package/dist/composables/useECharts.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+import * as echarts from 'echarts';
+import type { SeriesOption } from 'echarts';
+import type { ChartStyleConfig } from '../types';
+export declare function useECharts(option: Ref<Record<string, any>>, width: Ref<number>, height: Ref<number>, chartStyle: Ref<ChartStyleConfig>, seriesOption: Ref<SeriesOption | SeriesOption[]>, seriesType?: 'axis' | 'pie' | 'geo', tooltipFormatter?: (params: any) => string): {
+    chartRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    chartInstance: import("vue").ShallowRef<echarts.ECharts | undefined, echarts.ECharts | undefined>;
+};
+//# sourceMappingURL=useECharts.d.ts.map

package/dist/composables/useECharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useECharts.d.ts","sourceRoot":"","sources":["../../src/composables/useECharts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9E,OAAO,KAAK,OAAO,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGhD,wBAAgB,UAAU,CACxB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAChC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,EAClB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,EACnB,UAAU,EAAE,GAAG,CAAC,gBAAgB,CAAC,EACjC,YAAY,EAAE,GAAG,CAAC,YAAY,GAAG,YAAY,EAAE,CAAC,EAChD,UAAU,GAAE,MAAM,GAAG,KAAK,GAAG,KAAc,EAC3C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM;;;EAsI3C"}

package/dist/composables/useECharts.js

@@ -0,0 +1,118 @@
+import { ref, onMounted, onUnmounted, watch, shallowRef } from 'vue';
+import * as echarts from 'echarts';
+import { DEFAULT_CHART_STYLE } from '../types';
+export function useECharts(option, width, height, chartStyle, seriesOption, seriesType = 'axis', tooltipFormatter) {
+    const chartRef = ref();
+    const chartInstance = shallowRef();
+    function buildOption() {
+        const cs = chartStyle.value ?? DEFAULT_CHART_STYLE;
+        const ds = option.value.dataset ?? { dimensions: [], source: [] };
+        const hasTitle = cs.titleStyle.show && !!option.value.title;
+        const titleTopPx = typeof cs.titleStyle.top === 'number' ? cs.titleStyle.top : 8;
+        const titleBottom = hasTitle ? titleTopPx + cs.titleStyle.fontSize + 8 : 0;
+        const hasLegend = cs.legend.show && cs.legend.layoutMode !== 'grid';
+        const legendTopPx = typeof cs.legend.top === 'number' ? cs.legend.top : 38;
+        const legendBottom = hasLegend ? legendTopPx + 24 : 0;
+        const gridTop = Math.max(cs.grid.top, titleBottom, legendBottom);
+        const isPie = seriesType === 'pie';
+        const isGeo = seriesType === 'geo';
+        const result = {
+            backgroundColor: cs.backgroundOpacity < 1 ? 'transparent' : cs.backgroundColor,
+            color: cs.series.colorList.length > 0 ? cs.series.colorList : undefined,
+            series: Array.isArray(seriesOption.value) ? seriesOption.value : [seriesOption.value],
+        };
+        if (!isPie && !isGeo) {
+            result.dataset = [
+                {
+                    dimensions: ds.dimensions ?? [],
+                    source: ds.source ?? [],
+                },
+            ];
+            result.grid = {
+                left: cs.grid.left,
+                right: cs.grid.right,
+                top: gridTop,
+                bottom: cs.grid.bottom,
+            };
+        }
+        if (hasTitle) {
+            result.title = {
+                text: option.value.title,
+                textStyle: { color: cs.titleStyle.color, fontSize: cs.titleStyle.fontSize, fontWeight: 600 },
+                left: cs.titleStyle.left,
+                top: cs.titleStyle.top,
+            };
+        }
+        if (hasLegend) {
+            result.legend = {
+                orient: cs.legend.orient,
+                left: cs.legend.left,
+                top: cs.legend.top,
+                textStyle: { fontSize: cs.legend.fontSize, color: cs.legend.textColor },
+                icon: cs.legend.icon,
+            };
+        }
+        if (!isPie && !isGeo) {
+            result.xAxis = {
+                show: cs.xAxis.show,
+                type: 'category',
+                name: cs.xAxis.name || undefined,
+                axisLine: { lineStyle: { color: cs.xAxis.lineColor } },
+                axisLabel: { color: cs.xAxis.labelColor, fontSize: cs.xAxis.labelFontSize, rotate: cs.xAxis.labelRotate },
+                axisTick: { alignWithLabel: true },
+            };
+            result.yAxis = {
+                show: cs.yAxis.show,
+                type: 'value',
+                name: cs.yAxis.name || undefined,
+                min: cs.yAxis.min ?? undefined,
+                max: cs.yAxis.max ?? undefined,
+                splitLine: cs.yAxis.splitLineShow ? { lineStyle: { color: cs.yAxis.splitLineColor } } : { show: false },
+                axisLabel: { color: cs.yAxis.labelColor, fontSize: cs.yAxis.labelFontSize },
+            };
+        }
+        if (cs.tooltip.show && cs.tooltip.trigger !== 'none') {
+            result.tooltip = {
+                trigger: (isPie || isGeo) ? 'item' : cs.tooltip.trigger,
+                backgroundColor: cs.tooltip.backgroundColor,
+                borderColor: cs.tooltip.borderColor,
+                textStyle: { color: cs.tooltip.textColor, fontSize: 12 },
+                formatter: tooltipFormatter,
+            };
+        }
+        return result;
+    }
+    function initChart() {
+        if (!chartRef.value)
+            return;
+        chartInstance.value?.dispose();
+        chartInstance.value = echarts.init(chartRef.value, undefined, { renderer: 'canvas' });
+        chartInstance.value.setOption(buildOption());
+    }
+    function handleResize() {
+        chartInstance.value?.resize();
+    }
+    const resizeObserver = new ResizeObserver(handleResize);
+    onMounted(() => {
+        initChart();
+        if (chartRef.value) {
+            resizeObserver.observe(chartRef.value);
+        }
+    });
+    onUnmounted(() => {
+        resizeObserver.disconnect();
+        chartInstance.value?.dispose();
+    });
+    watch(() => [width.value, height.value], () => {
+        requestAnimationFrame(() => chartInstance.value?.resize());
+    });
+    function updateChart() {
+        if (!chartInstance.value)
+            return;
+        chartInstance.value.setOption(buildOption(), { notMerge: true });
+    }
+    watch(() => option.value, updateChart, { deep: true });
+    watch(() => seriesOption.value, updateChart, { deep: true });
+    watch(() => JSON.stringify(chartStyle.value), updateChart);
+    return { chartRef, chartInstance };
+}

package/dist/composables/useEventListener.d.ts

@@ -0,0 +1,2 @@
+export declare function useEventListener(target: EventTarget, event: string, handler: EventListenerOrEventListenerObject): void;
+//# sourceMappingURL=useEventListener.d.ts.map

package/dist/composables/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/composables/useEventListener.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,kCAAkC,QAI5C"}

package/dist/composables/useEventListener.js

@@ -0,0 +1,5 @@
+import { onMounted, onUnmounted } from 'vue';
+export function useEventListener(target, event, handler) {
+    onMounted(() => target.addEventListener(event, handler));
+    onUnmounted(() => target.removeEventListener(event, handler));
+}

package/dist/composables/useId.d.ts

@@ -0,0 +1,3 @@
+export declare function useId(): string;
+export declare function useIdGenerator(): () => string;
+//# sourceMappingURL=useId.d.ts.map

package/dist/composables/useId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.d.ts","sourceRoot":"","sources":["../../src/composables/useId.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,IAAI,MAAM,CAE9B;AAED,wBAAgB,cAAc,IAAI,MAAM,MAAM,CAE7C"}

package/dist/composables/useId.js

@@ -0,0 +1,6 @@
+export function useId() {
+    return crypto.randomUUID();
+}
+export function useIdGenerator() {
+    return () => crypto.randomUUID();
+}

package/dist/composables/useInteractClear.d.ts

@@ -0,0 +1,4 @@
+export declare function useInteractClear(): {
+    clearTargetInteractions: (sourceComponentId: string) => void;
+};
+//# sourceMappingURL=useInteractClear.d.ts.map

package/dist/composables/useInteractClear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractClear.d.ts","sourceRoot":"","sources":["../../src/composables/useInteractClear.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB;iDAOsB,MAAM;EAoB3D"}

package/dist/composables/useInteractClear.js

@@ -0,0 +1,26 @@
+import { useDashboardStore } from '../stores/dashboard';
+export function useInteractClear() {
+    const store = useDashboardStore();
+    /**
+     * 清空指定源组件配置的所有 click 交互的目标组件的交互状态
+     * @param sourceComponentId 配置了交互的源组件 ID（如地图组件）
+     */
+    function clearTargetInteractions(sourceComponentId) {
+        const comp = store.findComponent(sourceComponentId);
+        if (!comp?.events?.interactEvents)
+            return;
+        const clickEvents = comp.events.interactEvents.filter(e => e.interactOn === 'click');
+        for (const evt of clickEvents) {
+            const targetIds = evt.interactComponentIds?.length
+                ? evt.interactComponentIds
+                : (evt.interactComponentId ? [evt.interactComponentId] : []);
+            for (const targetId of targetIds) {
+                store.clearInteractFilters(targetId);
+                const target = store.findComponent(targetId);
+                if (target)
+                    target.interactOverrides = {};
+            }
+        }
+    }
+    return { clearTargetInteractions };
+}

package/dist/composables/useInteractDispatch.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+export declare function useInteractDispatch(componentId: Ref<string>): {
+    dispatch: (eventName: string, params: Record<string, any>) => void;
+};
+//# sourceMappingURL=useInteractDispatch.d.ts.map

package/dist/composables/useInteractDispatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractDispatch.d.ts","sourceRoot":"","sources":["../../src/composables/useInteractDispatch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC;0BAG7B,MAAM,UAAU,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;EAyCjE"}

package/dist/composables/useInteractDispatch.js

@@ -0,0 +1,44 @@
+import { useDashboardStore } from '../stores/dashboard';
+export function useInteractDispatch(componentId) {
+    const store = useDashboardStore();
+    function dispatch(eventName, params) {
+        if (!store.isPreviewMode)
+            return;
+        const comp = store.findComponent(componentId.value);
+        if (!comp?.events?.interactEvents)
+            return;
+        const matches = comp.events.interactEvents.filter(e => e.interactOn === eventName);
+        for (const match of matches) {
+            const targetIds = getTargetIds(match);
+            for (const targetId of targetIds) {
+                const target = store.findComponent(targetId);
+                if (!target)
+                    continue;
+                for (const [method, expr] of Object.entries(match.interactFn)) {
+                    const value = resolveExpr(expr, params);
+                    store.applyInteractAction(target.id, method, value);
+                }
+            }
+        }
+    }
+    function getTargetIds(match) {
+        if (match.interactComponentIds && match.interactComponentIds.length > 0) {
+            return match.interactComponentIds;
+        }
+        if (match.interactComponentId) {
+            return [match.interactComponentId];
+        }
+        return [];
+    }
+    function resolveExpr(expr, params) {
+        if (expr in params)
+            return params[expr];
+        try {
+            return new Function('params', `return ${expr}`)(params);
+        }
+        catch {
+            return {};
+        }
+    }
+    return { dispatch };
+}

package/dist/composables/useInteractFilter.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+export declare function useInteractFilter(componentId: Ref<string>, dimensions: Ref<string[]>, source: Ref<any[][]>): {
+    filteredSource: import("vue").ComputedRef<any[][]>;
+};
+//# sourceMappingURL=useInteractFilter.d.ts.map

package/dist/composables/useInteractFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInteractFilter.d.ts","sourceRoot":"","sources":["../../src/composables/useInteractFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAY,MAAM,KAAK,CAAA;AAGxC,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,EACzB,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC;;EAuBrB"}

package/dist/composables/useInteractFilter.js

@@ -0,0 +1,24 @@
+import { computed } from 'vue';
+import { useDashboardStore } from '../stores/dashboard';
+export function useInteractFilter(componentId, dimensions, source) {
+    const store = useDashboardStore();
+    const filteredSource = computed(() => {
+        if (!store.isPreviewMode)
+            return source.value;
+        const filters = store.interactFilters[componentId.value];
+        if (!filters || Object.keys(filters).length === 0)
+            return source.value;
+        return source.value.filter(row => {
+            return Object.entries(filters).every(([key, value]) => {
+                if (key === '_primary') {
+                    return row.some(cell => String(cell) === String(value));
+                }
+                const colIndex = dimensions.value.indexOf(key);
+                if (colIndex === -1)
+                    return true;
+                return String(row[colIndex]) === String(value);
+            });
+        });
+    });
+    return { filteredSource };
+}

package/dist/composables/usePollingManager.d.ts

@@ -0,0 +1,10 @@
+export declare function startPolling(key: string, callback: () => Promise<void> | void, interval: number, unit: string): void;
+export declare function stopPolling(key: string): void;
+export declare function stopAllPolling(): void;
+export declare function resetPolling(key: string, callback: () => Promise<void> | void, interval: number, unit: string): void;
+export declare function hasPolling(key: string): boolean;
+export declare function getPollingInfo(key: string): {
+    interval: number;
+    unit: string;
+} | null;
+//# sourceMappingURL=usePollingManager.d.ts.map

package/dist/composables/usePollingManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePollingManager.d.ts","sourceRoot":"","sources":["../../src/composables/usePollingManager.ts"],"names":[],"mappings":"AAUA,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,EACpC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,GACX,IAAI,CAaN;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAM7C;AAED,wBAAgB,cAAc,IAAI,IAAI,CAKrC;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,EACpC,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,GACX,IAAI,CAGN;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMrF"}

package/dist/composables/usePollingManager.js

@@ -0,0 +1,42 @@
+import { toMilliseconds } from './useRequestMerge';
+const timers = new Map();
+export function startPolling(key, callback, interval, unit) {
+    stopPolling(key);
+    const ms = toMilliseconds(interval, unit);
+    const timer = setInterval(async () => {
+        try {
+            await callback();
+        }
+        catch (error) {
+            console.error(`[Polling] Error in callback for key "${key}":`, error);
+        }
+    }, ms);
+    timers.set(key, { timer, interval, unit });
+}
+export function stopPolling(key) {
+    const polling = timers.get(key);
+    if (polling) {
+        clearInterval(polling.timer);
+        timers.delete(key);
+    }
+}
+export function stopAllPolling() {
+    timers.forEach((polling) => {
+        clearInterval(polling.timer);
+    });
+    timers.clear();
+}
+export function resetPolling(key, callback, interval, unit) {
+    stopPolling(key);
+    startPolling(key, callback, interval, unit);
+}
+export function hasPolling(key) {
+    return timers.has(key);
+}
+export function getPollingInfo(key) {
+    const polling = timers.get(key);
+    if (polling) {
+        return { interval: polling.interval, unit: polling.unit };
+    }
+    return null;
+}

package/dist/composables/useRequestMerge.d.ts

@@ -0,0 +1,32 @@
+import type { RequestConfigType, RequestGlobalConfigType } from '../types';
+export interface MergedRequestConfig {
+    url: string;
+    method: string;
+    headers: Record<string, string>;
+    params: Record<string, any>;
+    body: any;
+    polling: {
+        interval: number;
+        unit: string;
+    } | null;
+}
+export declare function mergeRequestConfig(componentConfig: RequestConfigType, globalConfig: RequestGlobalConfigType, interactOverrides?: {
+    params?: Record<string, any>;
+    body?: Record<string, any>;
+}): MergedRequestConfig | null;
+export declare function resolveUrl(baseUrl: string, path: string): string;
+export declare function resolveUrlWithTemplate(template: string, context: Record<string, any>): string;
+export declare function getBodyByType(type: string, bodyConfig?: {
+    'form-data': Record<string, any>;
+    'x-www-form-urlencoded': Record<string, any>;
+    json: string;
+    xml: string;
+}): any;
+export declare function executeFilter(responseData: any, fullResponse: any, filterFn: string | null): any;
+export declare function toMilliseconds(interval: number, unit: string): number;
+export declare function doFetch(merged: MergedRequestConfig): Promise<any>;
+export declare function executeRequest(config: RequestConfigType, globalConfig: RequestGlobalConfigType, interactOverrides?: Record<string, any>): Promise<any | null>;
+export declare function getPondCache(pondId: string): any | undefined;
+export declare function setPondCache(pondId: string, data: any): void;
+export declare function clearPondCache(pondId?: string): void;
+//# sourceMappingURL=useRequestMerge.d.ts.map

package/dist/composables/useRequestMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequestMerge.d.ts","sourceRoot":"","sources":["../../src/composables/useRequestMerge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC3B,IAAI,EAAE,GAAG,CAAA;IACT,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;KACb,GAAG,IAAI,CAAA;CACT;AAED,wBAAgB,kBAAkB,CAChC,eAAe,EAAE,iBAAiB,EAClC,YAAY,EAAE,uBAAuB,EACrC,iBAAiB,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,GAC/E,mBAAmB,GAAG,IAAI,CA2C5B;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAIhE;AAED,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC3B,MAAM,CAQR;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,UAAU,CAAC,EAAE;IACX,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAChC,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5C,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,GACA,GAAG,CAoBL;AAED,wBAAgB,aAAa,CAC3B,YAAY,EAAE,GAAG,EACjB,YAAY,EAAE,GAAG,EACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,GAAG,CAUL;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQrE;AAED,wBAAsB,OAAO,CAAC,MAAM,EAAE,mBAAmB,GAAG,OAAO,CAAC,GAAG,CAAC,CAqBvE;AAED,wBAAsB,cAAc,CAClC,MAAM,EAAE,iBAAiB,EACzB,YAAY,EAAE,uBAAuB,EACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACtC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAKrB;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,CAE5D;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,QAErD;AAED,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,QAG7C"}

package/dist/composables/useRequestMerge.js

@@ -0,0 +1,131 @@
+export function mergeRequestConfig(componentConfig, globalConfig, interactOverrides) {
+    if (componentConfig.requestDataType === 0) {
+        return null;
+    }
+    const url = resolveUrl(globalConfig.requestOriginUrl, componentConfig.requestUrl ?? '');
+    const headers = {
+        ...globalConfig.requestHeader,
+        ...(componentConfig.requestParams?.Header ?? {}),
+    };
+    const params = {
+        ...(componentConfig.requestParams?.Params ?? {}),
+        ...(interactOverrides?.params ?? {}),
+    };
+    const bodyType = componentConfig.requestParamsBodyType ?? 'none';
+    let body = getBodyByType(bodyType, componentConfig.requestParams?.Body);
+    if (interactOverrides?.body && Object.keys(interactOverrides.body).length > 0) {
+        if ((bodyType === 'form-data' || bodyType === 'x-www-form-urlencoded') && body && typeof body === 'object') {
+            body = { ...body, ...interactOverrides.body };
+        }
+    }
+    const pollingInterval = componentConfig.requestInterval ?? globalConfig.requestInterval;
+    const pollingUnit = componentConfig.requestIntervalUnit ?? globalConfig.requestIntervalUnit;
+    return {
+        url,
+        method: componentConfig.requestHttpType ?? 'get',
+        headers,
+        params,
+        body,
+        polling: {
+            interval: pollingInterval,
+            unit: pollingUnit,
+        },
+    };
+}
+export function resolveUrl(baseUrl, path) {
+    const base = baseUrl.replace(/\/+$/, '');
+    const p = path.replace(/^\/+/, '');
+    return p ? `${base}/${p}` : base;
+}
+export function resolveUrlWithTemplate(template, context) {
+    if (!template.includes('${')) {
+        return template;
+    }
+    const keys = Object.keys(context);
+    const values = Object.values(context);
+    return new Function(...keys, `return \`${template}\``)(...values);
+}
+export function getBodyByType(type, bodyConfig) {
+    if (!bodyConfig)
+        return undefined;
+    switch (type) {
+        case 'json':
+            try {
+                return JSON.parse(bodyConfig.json || '{}');
+            }
+            catch {
+                return {};
+            }
+        case 'xml':
+            return bodyConfig.xml;
+        case 'form-data':
+            return bodyConfig['form-data'];
+        case 'x-www-form-urlencoded':
+            return bodyConfig['x-www-form-urlencoded'];
+        case 'none':
+        default:
+            return undefined;
+    }
+}
+export function executeFilter(responseData, fullResponse, filterFn) {
+    if (!filterFn)
+        return responseData;
+    try {
+        const fn = new Function('data', 'res', filterFn);
+        return fn(responseData, fullResponse);
+    }
+    catch (error) {
+        console.error('[Filter] Execute filter function failed:', error);
+        return responseData;
+    }
+}
+export function toMilliseconds(interval, unit) {
+    const multipliers = {
+        second: 1000,
+        minute: 60 * 1000,
+        hour: 60 * 60 * 1000,
+        day: 24 * 60 * 60 * 1000,
+    };
+    return interval * (multipliers[unit] ?? 1000);
+}
+export async function doFetch(merged) {
+    const queryString = Object.entries(merged.params)
+        .filter(([, v]) => v !== '')
+        .map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`)
+        .join('&');
+    const fullUrl = queryString ? `${merged.url}?${queryString}` : merged.url;
+    const fetchOptions = {
+        method: merged.method.toUpperCase(),
+        headers: {
+            'Content-Type': 'application/json',
+            ...merged.headers,
+        },
+    };
+    if (merged.body !== undefined && merged.method.toLowerCase() !== 'get') {
+        fetchOptions.body = typeof merged.body === 'object' ? JSON.stringify(merged.body) : String(merged.body);
+    }
+    const res = await fetch(fullUrl, fetchOptions);
+    const json = await res.json();
+    return json?.data ?? json;
+}
+export async function executeRequest(config, globalConfig, interactOverrides) {
+    if (config.requestDataType === 0)
+        return null;
+    const merged = mergeRequestConfig(config, globalConfig, interactOverrides);
+    if (!merged)
+        return null;
+    return doFetch(merged);
+}
+const pondCache = new Map();
+export function getPondCache(pondId) {
+    return pondCache.get(pondId)?.data;
+}
+export function setPondCache(pondId, data) {
+    pondCache.set(pondId, { data, timestamp: Date.now() });
+}
+export function clearPondCache(pondId) {
+    if (pondId)
+        pondCache.delete(pondId);
+    else
+        pondCache.clear();
+}

package/dist/config/chartThemes.d.ts

@@ -0,0 +1,26 @@
+import type { ChartStyleConfig } from '../types';
+export interface ChartThemePreset {
+    name: string;
+    label: string;
+    colors: {
+        titleColor: string;
+        legendTextColor: string;
+        axisLineColor: string;
+        axisLabelColor: string;
+        splitLineColor: string;
+        seriesColor: string;
+        seriesColorEnd: string;
+        seriesColorList: string[];
+        areaOpacityStart: number;
+        areaOpacityEnd: number;
+        labelColor: string;
+        tooltipBg: string;
+        tooltipBorder: string;
+        tooltipTextColor: string;
+        backgroundColor: string;
+    };
+}
+export declare const CHART_THEMES: ChartThemePreset[];
+export declare function applyTheme(style: ChartStyleConfig, preset: ChartThemePreset): ChartStyleConfig;
+export declare function getThemeByName(name: string): ChartThemePreset | undefined;
+//# sourceMappingURL=chartThemes.d.ts.map

package/dist/config/chartThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartThemes.d.ts","sourceRoot":"","sources":["../../src/config/chartThemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAA;QAClB,eAAe,EAAE,MAAM,CAAA;QACvB,aAAa,EAAE,MAAM,CAAA;QACrB,cAAc,EAAE,MAAM,CAAA;QACtB,cAAc,EAAE,MAAM,CAAA;QACtB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,eAAe,EAAE,MAAM,EAAE,CAAA;QACzB,gBAAgB,EAAE,MAAM,CAAA;QACxB,cAAc,EAAE,MAAM,CAAA;QACtB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,aAAa,EAAE,MAAM,CAAA;QACrB,gBAAgB,EAAE,MAAM,CAAA;QACxB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;CACF;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EA8L1C,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,GAAG,gBAAgB,CA0B9F;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAEzE"}