jojotaoo_components 0.0.1-beta.0

package/dist/stores/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/stores/dashboard.ts"],"names":[],"mappings":"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"}

package/dist/stores/dashboard.js

@@ -0,0 +1,666 @@
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+import { DEFAULT_ATTR, DEFAULT_STYLES, DEFAULT_STATUS, DEFAULT_PREVIEW, DEFAULT_CHART_STYLE, DEFAULT_REQUEST, } from '../types';
+import { useIdGenerator } from '../composables/useId';
+import { componentDefinitions } from '../config/componentDefinitions';
+import { rectsIntersect, findInGroupList, removeFromGroupList } from './utils';
+import { applyTheme } from '../config/chartThemes';
+export const useDashboardStore = defineStore('dashboard', () => {
+    function deepClone(obj) {
+        if (obj === null || typeof obj !== 'object')
+            return obj;
+        if (obj instanceof Date)
+            return new Date(obj.getTime());
+        if (Array.isArray(obj))
+            return obj.map(deepClone);
+        const result = {};
+        for (const key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                result[key] = deepClone(obj[key]);
+            }
+        }
+        return result;
+    }
+    const components = ref([]);
+    const selectedId = ref(null);
+    const selectedIds = ref([]);
+    const isPreviewMode = ref(false);
+    const editCanvasConfig = ref({
+        projectName: '可视化大屏',
+        width: 1920,
+        height: 1080,
+        background: '#11111b',
+        backgroundImage: null,
+        filterShow: false,
+        opacity: 1,
+        saturate: 1,
+        contrast: 1,
+        hueRotate: 0,
+        brightness: 1,
+        blendMode: 'normal',
+        customTheme: null,
+    });
+    const requestGlobalConfig = ref({
+        requestOriginUrl: '',
+        requestInterval: 30,
+        requestIntervalUnit: 'second',
+        requestHeader: {},
+        requestDataPond: [],
+    });
+    const selectedComponent = computed(() => {
+        if (!selectedId.value)
+            return null;
+        return findComponent(selectedId.value);
+    });
+    const generateId = useIdGenerator();
+    function addComponent(key) {
+        const def = componentDefinitions.find(d => d.key === key);
+        if (!def)
+            return;
+        const id = generateId();
+        const offset = components.value.length * 30;
+        const comp = {
+            id,
+            key: def.key,
+            props: deepClone(def.defaultProps),
+            chartConfig: {
+                key: def.key,
+                chartKey: def.chartKey,
+                conKey: def.conKey,
+                title: def.title,
+                category: def.category,
+                categoryName: def.categoryName,
+                package: def.package,
+                chartFrame: def.chartFrame,
+                image: def.image,
+                icon: def.icon,
+            },
+            attr: {
+                ...DEFAULT_ATTR,
+                x: 50 + offset,
+                y: 50 + offset,
+                w: 400,
+                h: 320,
+                zIndex: components.value.length,
+            },
+            styles: { ...DEFAULT_STYLES },
+            status: { ...DEFAULT_STATUS },
+            preview: { ...DEFAULT_PREVIEW },
+            option: deepClone(def.defaultOption),
+            chartStyle: deepClone(DEFAULT_CHART_STYLE),
+            interactActions: def.defaultInteractActions ? deepClone(def.defaultInteractActions) : [],
+            request: deepClone(DEFAULT_REQUEST),
+        };
+        components.value.push(comp);
+        // components.value = [...components.value, comp]
+        selectedId.value = comp.id;
+        selectedIds.value = [comp.id];
+    }
+    function removeComponent(id) {
+        const index = components.value.findIndex(c => c.id === id);
+        if (index !== -1) {
+            components.value.splice(index, 1);
+            if (id === selectedId.value) {
+                selectedId.value = components.value[0]?.id ?? null;
+                selectedIds.value = [];
+            }
+            return;
+        }
+        for (const group of components.value) {
+            if (group.groupList && removeFromGroupList(group.groupList, id)) {
+                if (id === selectedId.value) {
+                    selectedId.value = null;
+                    selectedIds.value = [];
+                }
+                return;
+            }
+        }
+    }
+    function selectComponent(id) {
+        selectedId.value = id;
+        if (id === null) {
+            selectedIds.value = [];
+        }
+        else {
+            selectedIds.value = [id];
+        }
+    }
+    function toggleSelectComponent(id) {
+        const idx = selectedIds.value.indexOf(id);
+        if (idx >= 0) {
+            selectedIds.value.splice(idx, 1);
+        }
+        else {
+            selectedIds.value.push(id);
+        }
+        if (selectedIds.value.length === 1) {
+            selectedId.value = selectedIds.value[0];
+        }
+        else if (selectedIds.value.length > 1) {
+            selectedId.value = id;
+        }
+        else {
+            selectedId.value = null;
+        }
+    }
+    function selectComponentsByRect(x, y, w, h) {
+        const rect = { x, y, w, h };
+        selectedIds.value = components.value
+            .filter(c => rectsIntersect(rect, { x: c.attr.x, y: c.attr.y, w: c.attr.w, h: c.attr.h }))
+            .map(c => c.id);
+        if (selectedIds.value.length === 0) {
+            selectedId.value = null;
+        }
+        else {
+            selectedId.value = selectedIds.value[selectedIds.value.length - 1];
+        }
+    }
+    function clearSelection() {
+        selectedIds.value = [];
+        selectedId.value = null;
+    }
+    function setPreviewMode(value) {
+        isPreviewMode.value = value;
+    }
+    function updateComponentProp(id, key, value) {
+        const comp = findComponent(id);
+        if (comp) {
+            comp.props[key] = value;
+        }
+    }
+    function updateComponentTitle(id, title) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.chartConfig.title = title;
+    }
+    function updateComponentProps(id, props) {
+        const comp = findComponent(id);
+        if (comp) {
+            comp.props = { ...comp.props, ...props };
+        }
+    }
+    function updateComponentPosition(id, x, y) {
+        const comp = findComponent(id);
+        if (comp) {
+            comp.attr.x = x;
+            comp.attr.y = y;
+        }
+    }
+    function updateComponentSize(id, w, h) {
+        const comp = findComponent(id);
+        if (comp) {
+            comp.attr.w = w;
+            comp.attr.h = h;
+        }
+    }
+    function updateCanvasConfig(config) {
+        Object.assign(editCanvasConfig.value, config);
+    }
+    function updateRequestGlobalConfig(config) {
+        Object.assign(requestGlobalConfig.value, config);
+    }
+    function findComponent(id) {
+        for (const comp of components.value) {
+            if (comp.id === id)
+                return comp;
+            if (comp.groupList) {
+                const found = findInGroupList(comp.groupList, id);
+                if (found)
+                    return found;
+            }
+        }
+        return null;
+    }
+    function updateComponentAttr(id, key, value) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.attr[key] = value;
+    }
+    function updateComponentStyle(id, key, value) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.styles[key] = value;
+    }
+    function updateComponentOption(id, key, value) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.option[key] = value;
+    }
+    function updateChartStyle(id, path, value) {
+        const comp = findComponent(id);
+        if (!comp || !comp.chartStyle)
+            return;
+        const keys = path.split('.');
+        let target = comp.chartStyle;
+        for (let i = 0; i < keys.length - 1; i++) {
+            target = target[keys[i]];
+        }
+        target[keys[keys.length - 1]] = value;
+    }
+    function applyThemeToAll(preset) {
+        function applyToComp(comp) {
+            if (comp.chartStyle) {
+                const updated = applyTheme(comp.chartStyle, preset);
+                Object.assign(comp.chartStyle, updated);
+            }
+            comp.groupList?.forEach(child => {
+                if (child.chartStyle) {
+                    const updated = applyTheme(child.chartStyle, preset);
+                    Object.assign(child.chartStyle, updated);
+                }
+            });
+        }
+        components.value.forEach(applyToComp);
+    }
+    function saveCustomTheme(preset) {
+        editCanvasConfig.value.customTheme = preset;
+    }
+    function toggleComponentStatus(id, statusKey) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.status[statusKey] = !comp.status[statusKey];
+    }
+    function toggleComponentPreviewOverflow(id) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.preview.overFlowHidden = !comp.preview.overFlowHidden;
+    }
+    function toggleComponentFilterShow(id) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.styles.filterShow = !comp.styles.filterShow;
+    }
+    function updateComponentFilter(id, value) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.filter = value;
+    }
+    function updateOptionDatasetDimension(id, index, value) {
+        const comp = findComponent(id);
+        if (comp) {
+            const dims = comp.option.dataset?.dimensions;
+            if (dims) {
+                const clone = [...dims];
+                clone[index] = value;
+                comp.option.dataset.dimensions = clone;
+            }
+        }
+    }
+    function updateOptionDatasetCell(id, rowIndex, colIndex, value) {
+        const comp = findComponent(id);
+        if (comp) {
+            const src = comp.option.dataset?.source;
+            if (src?.[rowIndex]) {
+                const currentVal = src[rowIndex][colIndex];
+                const newVal = typeof currentVal === 'number' ? Number(value) : value;
+                const newRow = [...src[rowIndex]];
+                newRow[colIndex] = newVal;
+                const newSource = [...src];
+                newSource[rowIndex] = newRow;
+                comp.option.dataset.source = newSource;
+            }
+        }
+    }
+    function addOptionDatasetRow(id) {
+        const comp = findComponent(id);
+        if (comp) {
+            const ds = comp.option.dataset;
+            if (!ds)
+                return;
+            const colCount = ds.dimensions?.length ?? 2;
+            ds.source = [...ds.source, Array(colCount).fill('')];
+        }
+    }
+    function removeOptionDatasetRow(id, rowIndex) {
+        const comp = findComponent(id);
+        if (comp) {
+            const src = comp.option.dataset?.source;
+            if (src) {
+                comp.option.dataset.source = src.filter((_, i) => i !== rowIndex);
+            }
+        }
+    }
+    function groupSelectedComponents() {
+        if (selectedIds.value.length < 2)
+            return;
+        const ids = new Set(selectedIds.value);
+        const selected = components.value.filter(c => ids.has(c.id));
+        if (selected.length < 2)
+            return;
+        const minX = Math.min(...selected.map(c => c.attr.x));
+        const minY = Math.min(...selected.map(c => c.attr.y));
+        const maxX = Math.max(...selected.map(c => c.attr.x + c.attr.w));
+        const maxY = Math.max(...selected.map(c => c.attr.y + c.attr.h));
+        const id = generateId();
+        const group = {
+            id,
+            key: 'group',
+            isGroup: true,
+            props: {},
+            chartConfig: {
+                key: 'group',
+                chartKey: 'group',
+                conKey: '',
+                title: '分组',
+                category: '',
+                categoryName: '',
+                package: '',
+                chartFrame: 'common',
+                image: '',
+            },
+            attr: {
+                x: minX, y: minY, w: maxX - minX, h: maxY - minY,
+                offsetX: 0, offsetY: 0, zIndex: components.value.length,
+            },
+            styles: { ...DEFAULT_STYLES },
+            status: { ...DEFAULT_STATUS },
+            preview: { ...DEFAULT_PREVIEW },
+            option: {},
+            groupList: selected.map(c => ({
+                ...c,
+                attr: { ...c.attr, x: c.attr.x - minX, y: c.attr.y - minY },
+            })),
+        };
+        const idSet = new Set(selected.map(c => c.id));
+        components.value = components.value.filter(c => !idSet.has(c.id));
+        components.value.push(group);
+        selectedIds.value = [id];
+        selectedId.value = id;
+    }
+    function ungroupComponent(groupId) {
+        const comp = components.value.find(c => c.id === groupId);
+        if (!comp || !comp.isGroup || !comp.groupList)
+            return;
+        const absChildren = comp.groupList.map(child => ({
+            ...child,
+            props: child.props ?? {},
+            attr: { ...child.attr, x: child.attr.x + comp.attr.x, y: child.attr.y + comp.attr.y },
+        }));
+        const idx = components.value.findIndex(c => c.id === groupId);
+        if (idx >= 0) {
+            components.value.splice(idx, 1, ...absChildren);
+        }
+        selectedIds.value = [];
+        selectedId.value = null;
+    }
+    function moveComponentDelta(id, dx, dy, baseX, baseY, pageW, pageH) {
+        const comp = findComponent(id);
+        if (!comp)
+            return;
+        comp.attr.x = Math.round(Math.max(0, Math.min(baseX + dx, (pageW ?? 9999) - comp.attr.w)));
+        comp.attr.y = Math.round(Math.max(0, Math.min(baseY + dy, (pageH ?? 9999) - comp.attr.h)));
+    }
+    function resizeComponentDelta(id, dw, dh, baseW, baseH, maxW, maxH) {
+        const comp = findComponent(id);
+        if (!comp)
+            return;
+        comp.attr.w = Math.max(100, Math.min(baseW + dw, maxW ?? 9999));
+        comp.attr.h = Math.max(60, Math.min(baseH + dh, maxH ?? 9999));
+    }
+    function addDataPond(item) {
+        requestGlobalConfig.value.requestDataPond.push(item);
+    }
+    function updateDataPond(id, item) {
+        const pond = requestGlobalConfig.value.requestDataPond.find(p => p.dataPondId === id);
+        if (pond) {
+            Object.assign(pond, item);
+        }
+    }
+    function removeDataPond(id) {
+        const idx = requestGlobalConfig.value.requestDataPond.findIndex(p => p.dataPondId === id);
+        if (idx >= 0) {
+            requestGlobalConfig.value.requestDataPond.splice(idx, 1);
+        }
+    }
+    function updateComponentRequest(id, request) {
+        const comp = findComponent(id);
+        if (comp && comp.request) {
+            Object.assign(comp.request, request);
+        }
+    }
+    const interactFilters = ref({});
+    const interactDataModified = new Set();
+    function updateComponentEvents(id, events) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.events = events;
+    }
+    function updateComponentInteractActions(id, actions) {
+        const comp = findComponent(id);
+        if (comp)
+            comp.interactActions = actions;
+    }
+    function addInteractEvent(id, event) {
+        const comp = findComponent(id);
+        if (!comp)
+            return;
+        if (!comp.events)
+            comp.events = {};
+        if (!comp.events.interactEvents)
+            comp.events.interactEvents = [];
+        comp.events.interactEvents.push(event);
+    }
+    function removeInteractEvent(id, index) {
+        const comp = findComponent(id);
+        if (comp?.events?.interactEvents) {
+            comp.events.interactEvents.splice(index, 1);
+        }
+    }
+    function updateInteractEvent(id, index, patch) {
+        const comp = findComponent(id);
+        if (comp?.events?.interactEvents?.[index]) {
+            Object.assign(comp.events.interactEvents[index], patch);
+        }
+    }
+    function ensureStructuredOverrides(target) {
+        if (!target.interactOverrides) {
+            target.interactOverrides = { params: {}, body: {} };
+            return;
+        }
+        if (!target.interactOverrides.params && !target.interactOverrides.body) {
+            target.interactOverrides = { params: target.interactOverrides, body: {} };
+        }
+    }
+    function applyInteractAction(targetId, method, value) {
+        if (method === 'setFilter') {
+            const currentFilters = interactFilters.value[targetId] || {};
+            let newFilters;
+            if (typeof value === 'object' && value !== null) {
+                newFilters = { ...currentFilters, ...value };
+            }
+            else {
+                newFilters = { ...currentFilters, _primary: value };
+            }
+            interactFilters.value = { ...interactFilters.value, [targetId]: newFilters };
+        }
+        else if (method === 'setData') {
+            const target = findComponent(targetId);
+            if (target) {
+                target.option.dataset = value;
+                interactDataModified.add(targetId);
+            }
+        }
+        else if (method === 'clearFilter') {
+            const { [targetId]: _, ...rest } = interactFilters.value;
+            interactFilters.value = rest;
+        }
+        else if (method === 'setRequestParams') {
+            const target = findComponent(targetId);
+            if (target) {
+                ensureStructuredOverrides(target);
+                Object.assign(target.interactOverrides.params, value);
+            }
+        }
+        else if (method === 'setRequestBody') {
+            const target = findComponent(targetId);
+            if (target) {
+                ensureStructuredOverrides(target);
+                Object.assign(target.interactOverrides.body, value);
+            }
+        }
+        else if (method === 'clearOverrides') {
+            const target = findComponent(targetId);
+            if (target)
+                target.interactOverrides = { params: {}, body: {} };
+        }
+        else if (method === 'setRequestUrl') {
+            const target = findComponent(targetId);
+            if (target?.request) {
+                target.request.requestUrl = value;
+            }
+        }
+    }
+    function clearInteractFilters(targetId) {
+        if (targetId) {
+            const { [targetId]: _, ...rest } = interactFilters.value;
+            interactFilters.value = rest;
+            if (interactDataModified.has(targetId)) {
+                const target = findComponent(targetId);
+                if (target?.option)
+                    target.option.dataset = { dimensions: [], source: [] };
+                interactDataModified.delete(targetId);
+            }
+        }
+        else {
+            interactFilters.value = {};
+            interactDataModified.clear();
+        }
+    }
+    function duplicateComponent(id) {
+        const source = findComponent(id);
+        if (!source)
+            return;
+        const newId = generateId();
+        const cloned = {
+            id: newId,
+            key: source.key,
+            isGroup: source.isGroup,
+            chartConfig: {
+                ...deepClone(source.chartConfig),
+                title: source.chartConfig.title + ' - 复制',
+            },
+            attr: {
+                ...deepClone(source.attr),
+                x: source.attr.x + 20,
+                y: source.attr.y + 20,
+                zIndex: components.value.length,
+            },
+            styles: deepClone(source.styles),
+            status: deepClone(source.status),
+            preview: deepClone(source.preview),
+            option: deepClone(source.option),
+            chartStyle: deepClone(source.chartStyle ?? DEFAULT_CHART_STYLE),
+            props: deepClone(source.props),
+            filter: source.filter,
+            request: deepClone(source.request) ?? deepClone(DEFAULT_REQUEST),
+            events: deepClone(source.events),
+            interactActions: deepClone(source.interactActions),
+        };
+        if (source.isGroup && source.groupList) {
+            cloned.groupList = deepClone(source.groupList);
+        }
+        components.value = [...components.value, cloned];
+        selectedId.value = newId;
+        selectedIds.value = [newId];
+    }
+    function loadSchema(schema) {
+        if (schema.editCanvasConfig) {
+            Object.assign(editCanvasConfig.value, schema.editCanvasConfig);
+        }
+        if (schema.requestGlobalConfig) {
+            Object.assign(requestGlobalConfig.value, schema.requestGlobalConfig);
+        }
+        const newComponents = (schema.componentList ?? []).map((item, index) => {
+            const newId = generateId();
+            return {
+                id: newId,
+                key: item.key,
+                isGroup: item.isGroup,
+                chartConfig: item.chartConfig,
+                attr: { ...DEFAULT_ATTR, ...item.attr, zIndex: index },
+                styles: { ...DEFAULT_STYLES, ...(item.styles ?? {}) },
+                status: { ...DEFAULT_STATUS, ...(item.status ?? {}) },
+                preview: { ...DEFAULT_PREVIEW, ...(item.preview ?? {}) },
+                filter: item.filter,
+                option: item.option ?? {},
+                chartStyle: item.chartStyle ?? { ...DEFAULT_CHART_STYLE },
+                props: deepClone(item.props ?? {}),
+                events: item.events,
+                interactActions: item.interactActions,
+                request: item.request,
+                groupList: item.groupList
+                    ? item.groupList.map((child) => ({
+                        ...child,
+                        id: generateId(),
+                        attr: { ...DEFAULT_ATTR, ...child.attr },
+                        styles: { ...DEFAULT_STYLES, ...(child.styles ?? {}) },
+                        status: { ...DEFAULT_STATUS, ...(child.status ?? {}) },
+                        preview: { ...DEFAULT_PREVIEW, ...(child.preview ?? {}) },
+                        props: deepClone(child.props ?? {}),
+                        chartStyle: child.chartStyle ?? { ...DEFAULT_CHART_STYLE },
+                    }))
+                    : undefined,
+            };
+        });
+        components.value = newComponents;
+        selectedId.value = null;
+        selectedIds.value = [];
+    }
+    return {
+        components,
+        selectedId,
+        selectedIds,
+        selectedComponent,
+        isPreviewMode,
+        componentDefinitions,
+        editCanvasConfig,
+        requestGlobalConfig,
+        addComponent,
+        removeComponent,
+        selectComponent,
+        toggleSelectComponent,
+        selectComponentsByRect,
+        clearSelection,
+        setPreviewMode,
+        groupSelectedComponents,
+        ungroupComponent,
+        updateComponentProp,
+        updateComponentProps,
+        updateComponentTitle,
+        updateComponentPosition,
+        updateComponentSize,
+        updateCanvasConfig,
+        updateRequestGlobalConfig,
+        findComponent,
+        updateComponentAttr,
+        updateComponentStyle,
+        updateComponentOption,
+        updateChartStyle,
+        applyThemeToAll,
+        saveCustomTheme,
+        toggleComponentStatus,
+        toggleComponentPreviewOverflow,
+        toggleComponentFilterShow,
+        updateComponentFilter,
+        moveComponentDelta,
+        resizeComponentDelta,
+        updateOptionDatasetDimension,
+        updateOptionDatasetCell,
+        addOptionDatasetRow,
+        removeOptionDatasetRow,
+        addDataPond,
+        updateDataPond,
+        removeDataPond,
+        updateComponentRequest,
+        interactFilters,
+        updateComponentEvents,
+        updateComponentInteractActions,
+        addInteractEvent,
+        removeInteractEvent,
+        updateInteractEvent,
+        applyInteractAction,
+        clearInteractFilters,
+        duplicateComponent,
+        loadSchema,
+    };
+});

package/dist/stores/utils.d.ts

@@ -0,0 +1,15 @@
+import type { CreateComponentType } from '../types';
+export declare function rectsIntersect(a: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}, b: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}): boolean;
+export declare function findInGroupList(list: CreateComponentType[], id: string): CreateComponentType | null;
+export declare function removeFromGroupList(list: CreateComponentType[], id: string): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/dist/stores/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/stores/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,wBAAgB,cAAc,CAC5B,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjD,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,WAGlD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,mBAAmB,GAAG,IAAI,CASnG;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAYpF"}