jojotaoo_components 0.0.1-beta.0

package/dist/components/charts/ScrollList.vue.js

@@ -0,0 +1,149 @@
+import { computed } from 'vue';
+const props = withDefaults(defineProps(), {
+    option: () => ({}),
+    width: 400,
+    height: 300,
+    scrollProps: () => ({}),
+});
+const sp = computed(() => props.scrollProps ?? {});
+const scrollSpeed = computed(() => sp.value.scrollSpeed ?? 30);
+const visibleRows = computed(() => sp.value.visibleRows ?? 5);
+const rowHeight = computed(() => sp.value.rowHeight ?? 36);
+const showHeader = computed(() => sp.value.showHeader ?? true);
+const headerBg = computed(() => sp.value.headerBg ?? '#313244');
+const headerColor = computed(() => sp.value.headerColor ?? '#cdd6f4');
+const zebraOdd = computed(() => sp.value.zebraOdd ?? '#1e1e2e');
+const zebraEven = computed(() => sp.value.zebraEven ?? '#181825');
+const fontSize = computed(() => sp.value.fontSize ?? 13);
+const textColor = computed(() => sp.value.textColor ?? '#cdd6f4');
+const highlightColor = computed(() => sp.value.highlightColor ?? '#89b4fa');
+const ds = computed(() => props.option?.dataset ?? { dimensions: [], source: [] });
+const dimensions = computed(() => ds.value.dimensions ?? []);
+const source = computed(() => ds.value.source ?? []);
+const doubledSource = computed(() => [...source.value, ...source.value]);
+const headerHeight = computed(() => showHeader.value ? 32 : 0);
+const totalContentHeight = computed(() => source.value.length * rowHeight.value);
+const viewportHeight = computed(() => visibleRows.value * rowHeight.value);
+const duration = computed(() => totalContentHeight.value / scrollSpeed.value);
+const containerStyle = computed(() => ({
+    width: '100%',
+    height: '100%',
+    overflow: 'hidden',
+    fontFamily: "'Inter', 'PingFang SC', sans-serif",
+}));
+const headerStyle = computed(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    height: headerHeight.value + 'px',
+    background: headerColor.value ? headerBg.value : '#313244',
+    borderBottom: '1px solid #45475a',
+    flexShrink: '0',
+}));
+const viewportStyle = computed(() => ({
+    height: viewportHeight.value + 'px',
+    overflow: 'hidden',
+}));
+const contentClass = computed(() => 'scroll-content scroll-animate');
+const contentStyle = computed(() => ({
+    '--scroll-duration': duration.value + 's',
+}));
+function rowStyle(ri) {
+    const bgColor = ri % 2 === 0 ? zebraOdd.value : zebraEven.value;
+    return {
+        display: 'flex',
+        alignItems: 'center',
+        height: rowHeight.value + 'px',
+        background: bgColor,
+        borderBottom: '1px solid #313244',
+    };
+}
+function cellStyle(ci) {
+    const cols = dimensions.value.length;
+    const flexBasis = cols > 0 ? (100 / cols) + '%' : 'auto';
+    return {
+        flex: '1',
+        padding: '0 12px',
+        fontSize: fontSize.value + 'px',
+        color: textColor.value,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        textAlign: (ci === 0 ? 'left' : 'center'),
+    };
+}
+const __VLS_defaults = {
+    option: () => ({}),
+    width: 400,
+    height: 300,
+    scrollProps: () => ({}),
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['scroll-row']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "scroll-list" },
+    ...{ style: (__VLS_ctx.containerStyle) },
+});
+/** @type {__VLS_StyleScopedClasses['scroll-list']} */ ;
+if (__VLS_ctx.showHeader && __VLS_ctx.dimensions.length > 0) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "scroll-header" },
+        ...{ style: (__VLS_ctx.headerStyle) },
+    });
+    /** @type {__VLS_StyleScopedClasses['scroll-header']} */ ;
+    for (const [dim, ci] of __VLS_vFor((__VLS_ctx.dimensions))) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            key: (ci),
+            ...{ class: "scroll-cell" },
+            ...{ style: (__VLS_ctx.cellStyle(+ci)) },
+        });
+        /** @type {__VLS_StyleScopedClasses['scroll-cell']} */ ;
+        (dim);
+        // @ts-ignore
+        [containerStyle, showHeader, dimensions, dimensions, headerStyle, cellStyle,];
+    }
+}
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "scroll-viewport" },
+    ...{ style: (__VLS_ctx.viewportStyle) },
+});
+/** @type {__VLS_StyleScopedClasses['scroll-viewport']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: (__VLS_ctx.contentClass) },
+    ...{ style: (__VLS_ctx.contentStyle) },
+});
+for (const [row, ri] of __VLS_vFor((__VLS_ctx.doubledSource))) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        key: (ri),
+        ...{ class: "scroll-row" },
+        ...{ style: (__VLS_ctx.rowStyle(+ri)) },
+    });
+    /** @type {__VLS_StyleScopedClasses['scroll-row']} */ ;
+    for (const [cell, ci] of __VLS_vFor((row))) {
+        __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+            key: (ci),
+            ...{ class: "scroll-cell" },
+            ...{ style: (__VLS_ctx.cellStyle(+ci)) },
+        });
+        /** @type {__VLS_StyleScopedClasses['scroll-cell']} */ ;
+        (cell);
+        // @ts-ignore
+        [cellStyle, viewportStyle, contentClass, contentStyle, doubledSource, rowStyle,];
+    }
+    // @ts-ignore
+    [];
+}
+// @ts-ignore
+[];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/components/charts/TextDisplay.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    componentId?: string;
+    option?: Record<string, any>;
+    width?: number;
+    height?: number;
+    textProps?: Record<string, any>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: number;
+    option: Record<string, any>;
+    width: number;
+    componentId: string;
+    textProps: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=TextDisplay.vue.d.ts.map

package/dist/components/charts/TextDisplay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextDisplay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/charts/TextDisplay.vue"],"names":[],"mappings":"AA2NA,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAChC,CAAC;AA6OF,QAAA,MAAM,YAAY;YA/OP,MAAM;YAFN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WACpB,MAAM;iBAFA,MAAM;eAIR,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;6EAiP/B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/charts/TextDisplay.vue.js

@@ -0,0 +1,209 @@
+import { ref, computed, watch, toRef } from 'vue';
+import { useInteractFilter } from '../../composables/useInteractFilter';
+const props = withDefaults(defineProps(), {
+    componentId: '',
+    option: () => ({}),
+    width: 400,
+    height: 200,
+    textProps: () => ({}),
+});
+const componentIdRef = toRef(props, 'componentId');
+const dimensions = computed(() => props.option?.dataset?.dimensions ?? []);
+const source = computed(() => props.option?.dataset?.source ?? []);
+const { filteredSource } = useInteractFilter(componentIdRef, dimensions, source);
+const rawText = ref('文本内容');
+const localBgColor = ref('transparent');
+const localPaddingTop = ref(12);
+const localPaddingRight = ref(12);
+const localPaddingBottom = ref(12);
+const localPaddingLeft = ref(12);
+const localFontSize = ref(32);
+const localFontWeight = ref('bold');
+const localTextAlign = ref('center');
+const localLineHeight = ref(1.5);
+const localLetterSpacing = ref(0);
+const localColorMode = ref('solid');
+const localTextColor = ref('#cdd6f4');
+const localGradientStart = ref('#89b4fa');
+const localGradientEnd = ref('#cba6f7');
+const localGradientDirection = ref('to right');
+const rawSubText = ref('');
+const localSubFontSize = ref(16);
+const localSubFontWeight = ref('normal');
+const localSubTextColor = ref('#a6adc8');
+const localSubTextAlign = ref('center');
+const localSubLineHeight = ref(1.5);
+const localTextDefault = ref('');
+const localSubTextDefault = ref('');
+const localBorderColor = ref('transparent');
+const localBorderWidth = ref(0);
+const localBorderRadius = ref(8);
+const localShadowColor = ref('transparent');
+const localShadowX = ref(0);
+const localShadowY = ref(0);
+const localShadowBlur = ref(0);
+function buildDatasetMap() {
+    const ds = props.option?.dataset;
+    if (!('source' in ds) && !('dimensions' in ds)) {
+        return ds;
+    }
+    if (!ds?.dimensions || !filteredSource.value.length)
+        return {};
+    const row = filteredSource.value[0];
+    const map = {};
+    ds.dimensions.forEach((dim, i) => {
+        map[dim] = row[i];
+    });
+    return map;
+}
+function replacePlaceholders(text, dataMap, defaultValue = '') {
+    return text.replace(/\{\{(.+?)\}\}/g, (_, key) => {
+        const trimmedKey = key.trim();
+        if (trimmedKey in dataMap)
+            return String(dataMap[trimmedKey]);
+        return defaultValue || `{{${trimmedKey}}}`;
+    });
+}
+const displayText = computed(() => {
+    const dataMap = buildDatasetMap();
+    return replacePlaceholders(rawText.value, dataMap, localTextDefault.value);
+});
+const displaySubText = computed(() => {
+    if (!rawSubText.value)
+        return '';
+    const dataMap = buildDatasetMap();
+    return replacePlaceholders(rawSubText.value, dataMap, localSubTextDefault.value);
+});
+function syncFromProps() {
+    const tp = props.textProps ?? {};
+    rawText.value = tp.text ?? props.option?.title ?? '文本内容';
+    localBgColor.value = tp.bgColor ?? 'transparent';
+    localPaddingTop.value = tp.paddingTop ?? 12;
+    localPaddingRight.value = tp.paddingRight ?? 12;
+    localPaddingBottom.value = tp.paddingBottom ?? 12;
+    localPaddingLeft.value = tp.paddingLeft ?? 12;
+    localFontSize.value = tp.fontSize ?? 32;
+    localFontWeight.value = tp.fontWeight ?? 'bold';
+    localTextAlign.value = tp.textAlign ?? 'center';
+    localLineHeight.value = tp.lineHeight ?? 1.5;
+    localLetterSpacing.value = tp.letterSpacing ?? 0;
+    localColorMode.value = tp.colorMode ?? 'solid';
+    localTextColor.value = tp.textColor ?? '#cdd6f4';
+    localGradientStart.value = tp.gradientStart ?? '#89b4fa';
+    localGradientEnd.value = tp.gradientEnd ?? '#cba6f7';
+    localGradientDirection.value = tp.gradientDirection ?? 'to right';
+    rawSubText.value = tp.subText ?? '';
+    localSubFontSize.value = tp.subFontSize ?? 16;
+    localSubFontWeight.value = tp.subFontWeight ?? 'normal';
+    localSubTextColor.value = tp.subTextColor ?? '#a6adc8';
+    localSubTextAlign.value = tp.subTextAlign ?? 'center';
+    localSubLineHeight.value = tp.subLineHeight ?? 1.5;
+    localTextDefault.value = tp.textDefault ?? '';
+    localSubTextDefault.value = tp.subTextDefault ?? '';
+    localBorderColor.value = tp.borderColor ?? 'transparent';
+    localBorderWidth.value = tp.borderWidth ?? 0;
+    localBorderRadius.value = tp.borderRadius ?? 8;
+    localShadowColor.value = tp.shadowColor ?? 'transparent';
+    localShadowX.value = tp.shadowX ?? 0;
+    localShadowY.value = tp.shadowY ?? 0;
+    localShadowBlur.value = tp.shadowBlur ?? 0;
+}
+watch(() => props.textProps, syncFromProps, { deep: true, immediate: true });
+watch(() => props.option, syncFromProps, { deep: true, immediate: true });
+const containerStyle = ref({});
+const textStyle = ref({});
+const subtitleStyle = ref({});
+function rebuildStyles() {
+    containerStyle.value = {
+        backgroundColor: localBgColor.value,
+        padding: `${localPaddingTop.value}px ${localPaddingRight.value}px ${localPaddingBottom.value}px ${localPaddingLeft.value}px`,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+        height: '100%',
+        boxSizing: 'border-box',
+        borderRadius: localBorderRadius.value + 'px',
+        border: localBorderWidth.value > 0 ? `${localBorderWidth.value}px solid ${localBorderColor.value}` : 'none',
+    };
+    const isGradient = localColorMode.value === 'gradient';
+    const dir = localGradientDirection.value;
+    const gradientColors = `linear-gradient(${dir}, ${localGradientStart.value}, ${localGradientEnd.value})`;
+    const base = {
+        fontSize: `${localFontSize.value}px`,
+        fontWeight: localFontWeight.value,
+        textAlign: localTextAlign.value,
+        lineHeight: localLineHeight.value,
+        letterSpacing: `${localLetterSpacing.value}px`,
+        width: '100%',
+        wordBreak: 'break-word',
+    };
+    if (isGradient) {
+        base.background = gradientColors;
+        base.backgroundClip = 'text';
+        base.webkitBackgroundClip = 'text';
+        base.webkitTextFillColor = 'transparent';
+        base.color = 'transparent';
+    }
+    else {
+        base.color = localTextColor.value;
+    }
+    if (localShadowBlur.value > 0 || localShadowX.value !== 0 || localShadowY.value !== 0) {
+        base.textShadow = `${localShadowX.value}px ${localShadowY.value}px ${localShadowBlur.value}px ${localShadowColor.value}`;
+    }
+    textStyle.value = base;
+    subtitleStyle.value = {
+        fontSize: `${localSubFontSize.value}px`,
+        fontWeight: localSubFontWeight.value,
+        textAlign: localSubTextAlign.value,
+        lineHeight: localSubLineHeight.value,
+        color: localSubTextColor.value,
+        marginTop: '8px',
+        width: '100%',
+        wordBreak: 'break-word',
+    };
+}
+watch([rawText, localBgColor, localPaddingTop, localPaddingRight, localPaddingBottom, localPaddingLeft, localFontSize, localFontWeight, localTextAlign, localLineHeight, localLetterSpacing, localColorMode, localTextColor, localGradientStart, localGradientEnd, localGradientDirection, rawSubText, localSubFontSize, localSubFontWeight, localSubTextColor, localSubTextAlign, localSubLineHeight, localTextDefault, localSubTextDefault, localBorderColor, localBorderWidth, localBorderRadius, localShadowColor, localShadowX, localShadowY, localShadowBlur], rebuildStyles, { immediate: true });
+const __VLS_defaults = {
+    componentId: '',
+    option: () => ({}),
+    width: 400,
+    height: 200,
+    textProps: () => ({}),
+};
+const __VLS_ctx = {
+    ...{},
+    ...{},
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "text-display" },
+    ...{ style: (__VLS_ctx.containerStyle) },
+});
+/** @type {__VLS_StyleScopedClasses['text-display']} */ ;
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "text-content" },
+    ...{ style: (__VLS_ctx.textStyle) },
+});
+/** @type {__VLS_StyleScopedClasses['text-content']} */ ;
+(__VLS_ctx.displayText);
+if (__VLS_ctx.displaySubText) {
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "text-subtitle" },
+        ...{ style: (__VLS_ctx.subtitleStyle) },
+    });
+    /** @type {__VLS_StyleScopedClasses['text-subtitle']} */ ;
+    (__VLS_ctx.displayText.trim() && __VLS_ctx.displaySubText);
+}
+// @ts-ignore
+[containerStyle, textStyle, displayText, displayText, displaySubText, displaySubText, subtitleStyle,];
+const __VLS_export = (await import('vue')).defineComponent({
+    __typeProps: {},
+    props: {},
+});
+export default {};

package/dist/composables/useChartDataFetch.d.ts

@@ -0,0 +1,18 @@
+import { type Ref } from 'vue';
+import type { RequestConfigType, RequestGlobalConfigType } from '../types';
+export interface UseChartDataFetchOptions {
+    componentKey: Ref<string>;
+    request: Ref<RequestConfigType | undefined>;
+    globalConfig: Ref<RequestGlobalConfigType>;
+    filter: Ref<string | undefined>;
+    onDataSet: (data: any) => void;
+    httpClient?: (config: any) => Promise<any>;
+    interactOverrides?: Ref<Record<string, any> | undefined>;
+}
+export declare function useChartDataFetch(options: UseChartDataFetchOptions): {
+    loading: Ref<boolean, boolean>;
+    error: Ref<Error | null, Error | null>;
+    lastResponse: Ref<any, any>;
+    refresh: () => Promise<void>;
+};
+//# sourceMappingURL=useChartDataFetch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChartDataFetch.d.ts","sourceRoot":"","sources":["../../src/composables/useChartDataFetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAS1E,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,EAAE,GAAG,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAAA;IAC3C,YAAY,EAAE,GAAG,CAAC,uBAAuB,CAAC,CAAA;IAC1C,MAAM,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC/B,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IAC1C,iBAAiB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;CACzD;AAaD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB;;;;;EAgJlE"}

package/dist/composables/useChartDataFetch.js

@@ -0,0 +1,131 @@
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { mergeRequestConfig, executeFilter } from './useRequestMerge';
+import { startPolling, stopPolling } from './usePollingManager';
+import { initPond, subscribePond, unsubscribePond, } from './useDataPondManager';
+function defaultHttpClient(config) {
+    return fetch(config.url, {
+        method: config.method?.toUpperCase() ?? 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            ...config.headers,
+        },
+        body: config.data ? JSON.stringify(config.data) : undefined,
+    }).then((res) => res.json());
+}
+export function useChartDataFetch(options) {
+    const { componentKey, request, globalConfig, filter, onDataSet, httpClient = defaultHttpClient, } = options;
+    const loading = ref(false);
+    const error = ref(null);
+    const lastResponse = ref(null);
+    let pollingKey = '';
+    async function fetchData() {
+        if (!request.value)
+            return;
+        const config = request.value;
+        if (config.requestDataType === 0) {
+            return;
+        }
+        if (config.requestDataType === 2) {
+            return;
+        }
+        loading.value = true;
+        error.value = null;
+        try {
+            const merged = mergeRequestConfig(config, globalConfig.value, options.interactOverrides?.value);
+            if (!merged) {
+                loading.value = false;
+                return;
+            }
+            const response = await httpClient({
+                url: merged.url,
+                method: merged.method,
+                headers: merged.headers,
+                params: merged.params,
+                data: merged.body,
+            });
+            const responseData = response?.data ?? response;
+            lastResponse.value = response;
+            const filteredData = executeFilter(responseData, response, filter.value ?? null);
+            onDataSet(filteredData);
+        }
+        catch (err) {
+            error.value = err;
+            console.error(`[ChartDataFetch] Request failed for "${componentKey.value}":`, err);
+        }
+        finally {
+            loading.value = false;
+        }
+    }
+    function startPollingIfNeeded() {
+        if (!request.value || request.value.requestDataType !== 1)
+            return;
+        if (!request.value.requestInterval)
+            return;
+        pollingKey = `chart-${componentKey.value}`;
+        const interval = request.value.requestInterval;
+        const unit = request.value.requestIntervalUnit ?? 'second';
+        startPolling(pollingKey, fetchData, interval, unit);
+    }
+    function stopPollingIfNeeded() {
+        if (pollingKey) {
+            stopPolling(pollingKey);
+            pollingKey = '';
+        }
+    }
+    function initPondMode() {
+        if (!request.value || request.value.requestDataType !== 2)
+            return;
+        if (!request.value.requestDataPondId)
+            return;
+        const pondId = request.value.requestDataPondId;
+        initPond({ dataPondId: pondId, dataPondName: '', dataPondRequestConfig: request.value });
+        subscribePond(pondId, componentKey.value, (data) => {
+            const filteredData = executeFilter(data, data, filter.value ?? null);
+            onDataSet(filteredData);
+        });
+    }
+    function cleanupPondMode() {
+        if (!request.value || request.value.requestDataType !== 2)
+            return;
+        if (!request.value.requestDataPondId)
+            return;
+        unsubscribePond(request.value.requestDataPondId, componentKey.value);
+    }
+    function handleConfigChange() {
+        stopPollingIfNeeded();
+        cleanupPondMode();
+        if (!request.value)
+            return;
+        if (request.value.requestDataType === 0) {
+            return;
+        }
+        if (request.value.requestDataType === 1) {
+            fetchData();
+            startPollingIfNeeded();
+        }
+        else if (request.value.requestDataType === 2) {
+            initPondMode();
+        }
+    }
+    onMounted(() => {
+        handleConfigChange();
+    });
+    onUnmounted(() => {
+        stopPollingIfNeeded();
+        cleanupPondMode();
+    });
+    watch(request, handleConfigChange, { deep: true });
+    watch(globalConfig, handleConfigChange, { deep: true });
+    watch(filter, () => {
+        if (lastResponse.value && request.value?.requestDataType === 1) {
+            const filteredData = executeFilter(lastResponse.value?.data ?? lastResponse.value, lastResponse.value, filter.value ?? null);
+            onDataSet(filteredData);
+        }
+    });
+    return {
+        loading,
+        error,
+        lastResponse,
+        refresh: fetchData,
+    };
+}

package/dist/composables/useComponentRender.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from 'vue';
+import type { CreateComponentType } from '../types';
+export declare const componentMap: Record<string, Component>;
+export declare function getComponentProps(comp: CreateComponentType): {
+    componentId: string;
+    option: Record<string, any>;
+    width: number;
+    height: number;
+    chartStyle: import("..").ChartStyleConfig | undefined;
+    bgColor: any;
+    scrollProps: any;
+    textProps: any;
+    bgProps: any;
+    imageProps: any;
+    lineProps: any;
+    riskProps: any;
+    datetimeProps: any;
+    geoKey: string;
+};
+//# sourceMappingURL=useComponentRender.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentRender.d.ts","sourceRoot":"","sources":["../../src/composables/useComponentRender.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAcnD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAalD,CAAA;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,mBAAmB;;;;;;;;;;;;;;;EAkB1D"}

package/dist/composables/useComponentRender.js

@@ -0,0 +1,45 @@
+import BarChart from '../components/charts/BarChart.vue';
+import LineChart from '../components/charts/LineChart.vue';
+import PieChart from '../components/charts/PieChart.vue';
+import PieGridChart from '../components/charts/PieGridChart.vue';
+import MapChart from '../components/charts/MapChart.vue';
+import ScrollList from '../components/charts/ScrollList.vue';
+import RiskScrollList from '../components/charts/RiskScrollList.vue';
+import TextDisplay from '../components/charts/TextDisplay.vue';
+import ImageDisplay from '../components/charts/ImageDisplay.vue';
+import HeaderLineChart from '../components/charts/HeaderLineChart.vue';
+import DateTimeDisplay from '../components/charts/DateTimeDisplay.vue';
+import BackgroundCard from '../components/charts/BackgroundCard.vue';
+export const componentMap = {
+    BarCommon: BarChart,
+    LineCommon: LineChart,
+    PieCommon: PieChart,
+    PieGrid: PieGridChart,
+    HeilongjiangMap: MapChart,
+    ScrollList: ScrollList,
+    RiskScrollList: RiskScrollList,
+    TextDisplay: TextDisplay,
+    ImageDisplay: ImageDisplay,
+    HeaderLine: HeaderLineChart,
+    DateTimeDisplay: DateTimeDisplay,
+    BackgroundCard: BackgroundCard,
+};
+export function getComponentProps(comp) {
+    const props = comp.props ?? {};
+    return {
+        componentId: comp.id,
+        option: comp.option,
+        width: comp.attr.w,
+        height: comp.attr.h,
+        chartStyle: comp.chartStyle,
+        bgColor: props.bgColor,
+        scrollProps: props,
+        textProps: props,
+        bgProps: props,
+        imageProps: props,
+        lineProps: props,
+        riskProps: props,
+        datetimeProps: props,
+        geoKey: 'heilongjiang',
+    };
+}

package/dist/composables/useDataPondManager.d.ts

@@ -0,0 +1,20 @@
+import type { DataPondItem, RequestGlobalConfigType } from '../types';
+interface PondState {
+    config: DataPondItem;
+    subscribers: Set<string>;
+    lastResponse: any;
+    loading: boolean;
+    error: Error | null;
+}
+type PondEventHandler = (data: any) => void;
+export declare function subscribePond(pondId: string, componentKey: string, handler: PondEventHandler): void;
+export declare function unsubscribePond(pondId: string, componentKey: string): void;
+export declare function initPond(pond: DataPondItem): void;
+export declare function removePond(pondId: string): void;
+export declare function dispatchPondData(pondId: string, data: any): void;
+export declare function fetchPondData(pondId: string, globalConfig: RequestGlobalConfigType, httpClient: (config: any) => Promise<any>): Promise<any>;
+export declare function getPondState(pondId: string): PondState | undefined;
+export declare function hasPond(pondId: string): boolean;
+export declare function getSubscriberCount(pondId: string): number;
+export {};
+//# sourceMappingURL=useDataPondManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDataPondManager.d.ts","sourceRoot":"","sources":["../../src/composables/useDataPondManager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAGrE,UAAU,SAAS;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,YAAY,EAAE,GAAG,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CACpB;AAID,KAAK,gBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;AAI3C,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,OAAO,EAAE,gBAAgB,GACxB,IAAI,CAcN;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAa1E;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAUjD;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAG/C;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAkBhE;AAED,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,uBAAuB,EACrC,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,GACxC,OAAO,CAAC,GAAG,CAAC,CAiCd;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAElE;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE/C;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEzD"}