go-view-worker 0.0.1

package/dist/types/src/settings/vchartThemes/index.d.ts

@@ -0,0 +1,139 @@
+import { default as themeJson } from './global.theme.json';
+
+declare type ThemeJsonType = typeof themeJson;
+export declare type FontType = {
+    fontSize: number;
+    fontFamily: string;
+    fontWeight: string;
+    fill: string;
+    dy?: number;
+    dx?: number;
+    angle?: number;
+    [T: string]: any;
+};
+export interface vChartGlobalThemeJsonType extends Partial<ThemeJsonType> {
+    dataset?: any;
+    [T: string]: any;
+}
+export declare const vChartGlobalThemeJson: {
+    dataset: null;
+    legends: {
+        visible: boolean;
+        position: string;
+        orient: string;
+        item: {
+            visible: boolean;
+            align: string;
+            shape: string;
+            label: {
+                style: {
+                    fontSize: number;
+                    fill: string;
+                    fontFamily: string;
+                    fontWeight: string;
+                };
+            };
+        };
+    }[];
+    tooltip: {
+        visible: boolean;
+        style: {
+            panel: {
+                padding: {
+                    top: number;
+                    bottom: number;
+                    left: number;
+                    right: number;
+                };
+                backgroundColor: string;
+                border: {
+                    color: string;
+                    width: number;
+                    radius: number;
+                };
+                shadow: {
+                    x: number;
+                    y: number;
+                    blur: number;
+                    spread: number;
+                    color: string;
+                };
+            };
+            titleLabel: {
+                fontSize: number;
+                fill: string;
+                fontWeight: string;
+                fontFamily: string;
+                align: string;
+                lineHeight: number;
+            };
+            keyLabel: {
+                fontSize: number;
+                fill: string;
+                fontWeight: string;
+                fontFamily: string;
+                align: string;
+                lineHeight: number;
+            };
+            valueLabel: {
+                fontSize: number;
+                fill: string;
+                fontWeight: string;
+                fontFamily: string;
+                align: string;
+                lineHeight: number;
+            };
+            shape: {
+                size: number;
+                spacing: number;
+                shapeLineWidth: number;
+            };
+            spaceRow: number;
+        };
+    };
+    label: {
+        visible: boolean;
+        position: string;
+        offset: number;
+        type: string;
+        style: {
+            fontSize: number;
+            fill: string;
+            fontFamily: string;
+            fontWeight: string;
+            angle: number;
+            dx: number;
+            dy: number;
+        };
+    };
+    bar: {
+        style: {
+            width: number;
+            cornerRadius: number;
+            fillOpacity: number;
+            opacity: number;
+            texture: string;
+        };
+    };
+    line: {
+        style: {
+            lineWidth: number;
+            lineCap: string;
+            curveType: string;
+        };
+    };
+    point: {
+        visible: boolean;
+        style: {
+            symbolType: string;
+            size: number;
+            fillOpacity: number;
+            lineWidth: number;
+            stroke: string;
+            strokeOpacity: number;
+            dx: number;
+            dy: number;
+        };
+    };
+};
+export {};

package/dist/types/src/store/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+
+declare const pinia: import('pinia').Pinia;
+export declare function setupStore(app: App<Element>): void;
+export { pinia };

package/dist/types/src/store/modules/chartEditStore/chartEditStore.d.ts

@@ -0,0 +1,215 @@
+import { CreateComponentType, CreateComponentGroupType, FilterEnum } from '../../../packages/index.d';
+import { HistoryActionTypeEnum } from '../chartHistoryStore/chartHistoryStore.d';
+import { RequestHttpEnum, RequestContentTypeEnum, RequestDataTypeEnum, RequestHttpIntervalEnum, RequestParams, RequestBodyEnum, RequestParamsObjType } from '../../../enums/httpEnum';
+import { PreviewScaleEnum } from '../../../enums/styleEnum';
+import { ChartColorsNameType, CustomColorsType, GlobalThemeJsonType } from '../../../settings/chartThemes/index';
+
+
+// 编辑画布属性
+export enum EditCanvasTypeEnum {
+  EDIT_LAYOUT_DOM = 'editLayoutDom',
+  EDIT_CONTENT_DOM = 'editContentDom',
+  OFFSET = 'offset',
+  SCALE = 'scale',
+  USER_SCALE = 'userScale',
+  LOCK_SCALE = 'lockScale',
+  IS_CREATE = 'isCreate',
+  IS_DRAG = 'isDrag',
+  IS_SELECT = 'isSelect',
+  IS_CODE_EDIT="isCodeEdit"
+}
+
+// 编辑区域
+export type EditCanvasType = {
+  // 编辑区域 DOM
+  [EditCanvasTypeEnum.EDIT_LAYOUT_DOM]: HTMLElement | null
+  [EditCanvasTypeEnum.EDIT_CONTENT_DOM]: HTMLElement | null
+  // 偏移大小
+  [EditCanvasTypeEnum.OFFSET]: number
+  // 缩放
+  [EditCanvasTypeEnum.SCALE]: number
+  // 缩放
+  [EditCanvasTypeEnum.USER_SCALE]: number
+  // 锁定缩放
+  [EditCanvasTypeEnum.LOCK_SCALE]: boolean
+  // 初始化创建
+  [EditCanvasTypeEnum.IS_CREATE]: boolean
+  // 拖拽中
+  [EditCanvasTypeEnum.IS_DRAG]: boolean
+  // 框选中
+  [EditCanvasTypeEnum.IS_SELECT]: boolean
+  // 代码编辑中
+  [EditCanvasTypeEnum.IS_CODE_EDIT]: boolean
+}
+
+// 滤镜/背景色/宽高主题等
+export enum EditCanvasConfigEnum {
+  PROJECT_NAME = 'projectName',
+  WIDTH = 'width',
+  HEIGHT = 'height',
+  CHART_THEME_COLOR = 'chartThemeColor',
+  CHART_CUSTOM_THEME_COLOR_INFO = 'chartCustomThemeColorInfo',
+  CHART_THEME_SETTING = 'chartThemeSetting',
+  VCHART_THEME_NAME = 'vChartThemeName',
+  BACKGROUND = 'background',
+  BACKGROUND_IMAGE = 'backgroundImage',
+  SELECT_COLOR = 'selectColor',
+  PREVIEW_SCALE_TYPE = 'previewScaleType'
+}
+
+export interface EditCanvasConfigType {
+  // 滤镜-启用
+  [FilterEnum.FILTERS_SHOW]: boolean
+  // 滤镜-色相
+  [FilterEnum.HUE_ROTATE]: number
+  // 滤镜-饱和度
+  [FilterEnum.SATURATE]: number
+  // 滤镜-亮度
+  [FilterEnum.BRIGHTNESS]: number
+  // 滤镜-对比度
+  [FilterEnum.CONTRAST]: number
+  // 滤镜-不透明度
+  [FilterEnum.OPACITY]: number
+  // 变换（暂不使用）
+  [FilterEnum.ROTATE_Z]: number
+  [FilterEnum.ROTATE_X]: number
+  [FilterEnum.ROTATE_Y]: number
+  [FilterEnum.SKEW_X]: number
+  [FilterEnum.SKEW_Y]: number
+  [FilterEnum.BLEND_MODE]: string
+  // 大屏名称
+  [EditCanvasConfigEnum.PROJECT_NAME]?: string
+  // 大屏宽度
+  [EditCanvasConfigEnum.WIDTH]: number
+  // 大屏高度
+  [EditCanvasConfigEnum.HEIGHT]: number
+  // 背景色
+  [EditCanvasConfigEnum.BACKGROUND]?: string
+  // 背景图片
+  [EditCanvasConfigEnum.BACKGROUND_IMAGE]?: string | null
+  // 图表主题颜色
+  [EditCanvasConfigEnum.CHART_THEME_COLOR]: ChartColorsNameType
+  // 自定义图表主题颜色
+  [EditCanvasConfigEnum.CHART_CUSTOM_THEME_COLOR_INFO]?: CustomColorsType[] 
+  // 图表全局配置
+  [EditCanvasConfigEnum.CHART_THEME_SETTING]: GlobalThemeJsonType
+  // 图表主题颜色
+  [EditCanvasConfigEnum.SELECT_COLOR]: boolean,
+  // vChart 主题
+  [EditCanvasConfigEnum.VCHART_THEME_NAME]: string
+  // 预览展示方式
+  [EditCanvasConfigEnum.PREVIEW_SCALE_TYPE]: PreviewScaleEnum
+}
+
+// 坐标轴信息
+// eslint-disable-next-line no-redeclare
+export enum EditCanvasTypeEnum {
+  START_X = 'startX',
+  START_Y = 'startY',
+  X = 'x',
+  Y = 'y'
+}
+
+// 鼠标位置
+export type MousePositionType = {
+  // 开始 X
+  [EditCanvasTypeEnum.START_X]: number
+  // 开始 Y
+  [EditCanvasTypeEnum.START_Y]: number
+  // X
+  [EditCanvasTypeEnum.X]: number
+  // y
+  [EditCanvasTypeEnum.Y]: number
+}
+
+// 操作目标
+export type TargetChartType = {
+  hoverId?: string
+  selectId: string[]
+}
+
+// 数据记录
+export type RecordChartType = {
+  charts: CreateComponentType | CreateComponentGroupType | Array<CreateComponentType | CreateComponentGroupType>
+  type: HistoryActionTypeEnum.CUT | HistoryActionTypeEnum.COPY
+}
+
+// Store 枚举
+export enum ChartEditStoreEnum {
+  EDIT_RANGE = 'editRange',
+  EDIT_CANVAS = 'editCanvas',
+  RIGHT_MENU_SHOW = 'rightMenuShow',
+  MOUSE_POSITION = 'mousePosition',
+  TARGET_CHART = 'targetChart',
+  RECORD_CHART = 'recordChart',
+  // 以下需要存储
+  EDIT_CANVAS_CONFIG = 'editCanvasConfig',
+  REQUEST_GLOBAL_CONFIG = 'requestGlobalConfig',
+  COMPONENT_LIST = 'componentList'
+}
+
+// 请求公共类型
+type RequestPublicConfigType = {
+  // 时间单位（时分秒）
+  requestIntervalUnit: RequestHttpIntervalEnum
+  // 请求内容
+  requestParams: RequestParams
+}
+
+// 数据池项类型
+export type RequestDataPondItemType = {
+  dataPondId: string,
+  dataPondName: string,
+  dataPondRequestConfig: RequestConfigType
+}
+
+// 全局的图表请求配置
+export interface RequestGlobalConfigType extends RequestPublicConfigType {
+  // 组件定制轮询时间
+  requestInterval: number
+  // 请求源地址
+  requestOriginUrl?: string
+  // 公共数据池
+  requestDataPond: RequestDataPondItemType[]
+}
+
+// 单个图表请求配置
+export interface RequestConfigType extends RequestPublicConfigType {
+  // 所选全局数据池的对应 id
+  requestDataPondId?: string
+  // 组件定制轮询时间
+  requestInterval?: number
+  // 获取数据的方式
+  requestDataType: RequestDataTypeEnum
+  // 请求方式 get/post/del/put/patch
+  requestHttpType: RequestHttpEnum
+  // 源后续的 url
+  requestUrl?: string
+  // 请求内容主体方式 普通/sql
+  requestContentType: RequestContentTypeEnum
+  // 请求体类型
+  requestParamsBodyType: RequestBodyEnum
+  // SQL 请求对象
+  requestSQLContent: {
+    sql: string
+  }
+}
+
+// Store 类型
+export interface ChartEditStoreType {
+  [ChartEditStoreEnum.EDIT_CANVAS]: EditCanvasType
+  [ChartEditStoreEnum.EDIT_CANVAS_CONFIG]: EditCanvasConfigType
+  [ChartEditStoreEnum.RIGHT_MENU_SHOW]: boolean
+  [ChartEditStoreEnum.MOUSE_POSITION]: MousePositionType
+  [ChartEditStoreEnum.TARGET_CHART]: TargetChartType
+  [ChartEditStoreEnum.RECORD_CHART]?: RecordChartType
+  [ChartEditStoreEnum.REQUEST_GLOBAL_CONFIG]: RequestGlobalConfigType
+  [ChartEditStoreEnum.COMPONENT_LIST]: Array<CreateComponentType | CreateComponentGroupType>
+}
+
+// 存储数据类型
+export interface ChartEditStorage {
+  [ChartEditStoreEnum.EDIT_CANVAS_CONFIG]: EditCanvasConfigType
+  [ChartEditStoreEnum.REQUEST_GLOBAL_CONFIG]: RequestGlobalConfigType
+  [ChartEditStoreEnum.COMPONENT_LIST]: Array<CreateComponentType | CreateComponentGroupType>
+}

package/dist/types/src/store/modules/chartHistoryStore/chartHistoryDefine.d.ts

@@ -0,0 +1,20 @@
+export declare const historyActionTypeName: {
+    add: string;
+    delete: string;
+    update: string;
+    move: string;
+    paste: string;
+    copy: string;
+    cut: string;
+    top: string;
+    bottom: string;
+    up: string;
+    down: string;
+    group: string;
+    unGroup: string;
+    lock: string;
+    unLock: string;
+    hide: string;
+    show: string;
+    canvas: string;
+};

package/dist/types/src/store/modules/chartHistoryStore/chartHistoryStore.d.ts

@@ -0,0 +1,79 @@
+import { CreateComponentType, CreateComponentGroupType } from '../../../packages/index.d';
+import { EditCanvasType } from '../chartEditStore/chartEditStore.d';
+
+
+// 操作类型枚举
+
+export enum HistoryActionTypeEnum {
+  // 新增
+  ADD = 'add',
+  // 删除
+  DELETE = 'delete',
+  // 更新（位置，属性）
+  UPDATE = 'update',
+  // 移动
+  MOVE = 'move',
+  // 复制
+  COPY = 'copy',
+  // 剪切
+  CUT = 'cut',
+  // 粘贴
+  PASTE = 'paste',
+  // 置顶
+  TOP = 'top',
+  // 置底
+  BOTTOM = 'bottom',
+  // 上移
+  UP = 'up',
+  // 下移
+  DOWN = 'down',
+  // 成组
+  GROUP = 'group',
+  // 解组
+  UN_GROUP = 'unGroup',
+  // 锁定
+  LOCK = 'lock',
+  // 解除锁定
+  UNLOCK = 'unLock',
+  // 隐藏
+  HIDE = 'hide',
+  // 显示
+  SHOW = 'show'
+}
+
+// 对象类型
+export enum HistoryTargetTypeEnum {
+  CANVAS = 'canvas',
+  CHART = 'chart'
+}
+
+// 历史栈
+export enum HistoryStackEnum {
+  BACK_STACK = 'backStack',
+  FORWARD_STACK = 'forwardStack'
+}
+
+// 历史记录项
+export enum HistoryStackItemEnum {
+  ID = 'id',
+  TARGET_TYPE = 'targetType',
+  ACTION_TYPE = 'actionType',
+  HISTORY_DATA = 'historyData'
+}
+
+// 历史记录项类型
+export interface HistoryItemType {
+  // 会有同时操作多个组件场景
+  [HistoryStackItemEnum.ID]: string
+  [HistoryStackItemEnum.TARGET_TYPE]: HistoryTargetTypeEnum
+  [HistoryStackItemEnum.ACTION_TYPE]: HistoryActionTypeEnum
+  [HistoryStackItemEnum.HISTORY_DATA]: CreateComponentType[] | CreateComponentGroupType[] | EditCanvasType[]
+}
+
+// 历史 Store 类型
+export interface ChartHistoryStoreType {
+  // 后退栈
+  [HistoryStackEnum.BACK_STACK]: Array<HistoryItemType>
+  // 前进栈
+  [HistoryStackEnum.FORWARD_STACK]: Array<HistoryItemType>
+}

package/dist/types/src/store/modules/chartLayoutStore/chartLayoutStore.d.ts

@@ -0,0 +1,36 @@
+export enum ChartModeEnum {
+  SINGLE = 'single',
+  DOUBLE = 'double'
+}
+
+export enum LayerModeEnum {
+  THUMBNAIL = 'thumbnail',
+  TEXT = 'text'
+}
+
+export enum ChartLayoutStoreEnum {
+  LAYERS = 'layers',
+  CHARTS = 'charts',
+  DETAILS = 'details',
+  Chart_TYPE = 'chartType',
+  LAYER_TYPE = 'layerType',
+  PERCENTAGE = 'percentage',
+  RE_POSITION_CANVAS = 'rePositionCanvas'
+}
+
+export interface ChartLayoutType {
+  // 图层控制
+  [ChartLayoutStoreEnum.LAYERS]: boolean
+  // 图表组件
+  [ChartLayoutStoreEnum.CHARTS]: boolean
+  // 详情设置
+  [ChartLayoutStoreEnum.DETAILS]: boolean
+  // 组件展示方式
+  [ChartLayoutStoreEnum.Chart_TYPE]: ChartModeEnum
+  // 层级展示方式
+  [ChartLayoutStoreEnum.LAYER_TYPE]: LayerModeEnum
+  // 当前正在加载的数量
+  [ChartLayoutStoreEnum.PERCENTAGE]: number
+  // 是否重置当前画布位置
+  [ChartLayoutStoreEnum.RE_POSITION_CANVAS]: boolean
+}

package/dist/types/src/store/modules/designStore/designStore.d.ts

@@ -0,0 +1,20 @@
+import { ThemeEnum } from '../../../enums/styleEnum';
+
+
+export type AppThemeColorType = {
+  CMYK: number[]
+  RGB: number[]
+  hex: string
+  name: string
+  pinyin: string
+}
+
+export interface DesignStateType {
+  // 是否是深色主题
+  darkTheme: boolean
+  // 主题名称
+  themeName: ThemeEnum
+  //色号
+  appTheme: string
+  appThemeDetail: AppThemeColorType | null
+}

package/dist/types/src/store/modules/globalConfigStore/globalConfigStore.d.ts

@@ -0,0 +1,183 @@
+import { ConfigType } from '../../../packages/index.d';
+
+/**
+ * 菜单选项类型
+ */
+export interface MenuOptionsType {
+    key: string;
+    icon?: any;
+    label: any;
+    list: ConfigType[];
+}
+/**
+ * 自定义组件注册配置
+ */
+export interface CustomComponentConfig {
+    /** 组件的唯一标识（chartKey） */
+    chartKey: string;
+    /** Vue 组件实例 */
+    component: any;
+    /** 配置面板组件（可选） */
+    configComponent?: any;
+}
+/**
+ * 全局配置状态类型
+ */
+export interface GlobalConfigState {
+    baseFontSize: number;
+    /** 菜单选项列表 */
+    menuOptions: MenuOptionsType[];
+    /** 自定义组件注册 */
+    components: CustomComponentConfig[];
+    /** 主题配置 */
+    theme: {
+        primaryColor: string;
+        darkMode: boolean;
+    };
+    /** 是否已初始化 */
+    initialized: boolean;
+    configModules: Record<string, {
+        default: string;
+    }>;
+    indexModules: Record<string, {
+        default: string;
+    }>;
+    imagesModules: Record<string, {
+        default: string;
+    }>;
+    chartsList: ConfigType[];
+    configTsModules: Record<string, {
+        default: any;
+    }>;
+    getConfigPath: (packageName: string, categoryName: string, keyName: string) => string;
+    uploadFile?: (file: File) => Promise<string>;
+}
+/**
+ * 全局配置 Store
+ */
+export declare const useGlobalConfigStore: import('pinia').StoreDefinition<"useGlobalConfigStore", GlobalConfigState, {
+    /**
+     * 获取菜单选项
+     */
+    getMenuOptions(): MenuOptionsType[];
+    getConfigPathFn(): (packageName: string, categoryName: string, keyName: string) => string;
+    getUploadFileFn(): ((file: File) => Promise<string>) | undefined;
+    /**
+     * 获取基础字体大小
+     */
+    getBaseFontSize(): number;
+    /**
+     * 获取图表组件列表
+     */
+    getChartsList(): ConfigType[];
+    /**
+     * 获取配置组件
+     */
+    getConfigModules(): Record<string, {
+        default: string;
+    }>;
+    /**
+     * 获取展示组件
+     */
+    getIndexModules(): Record<string, {
+        default: string;
+    }>;
+    /**
+     * 获取图片组件
+     */
+    getImagesModules(): Record<string, {
+        default: string;
+    }>;
+    /**
+     * 获取 config.ts 模块
+     */
+    getConfigTsModules(): Record<string, {
+        default: any;
+    }>;
+    /**
+     * 获取自定义组件列表
+     */
+    getComponents(): CustomComponentConfig[];
+    /**
+     * 获取主题配置
+     */
+    getTheme(): GlobalConfigState['theme'];
+    /**
+     * 是否暗色模式
+     */
+    isDarkMode(): boolean;
+    /**
+     * 获取主题色
+     */
+    getPrimaryColor(): string;
+    /**
+     * 是否已初始化
+     */
+    isInitialized(): boolean;
+    /**
+     * 根据 chartKey 获取组件
+     */
+    getComponentByKey(): (chartKey: string) => CustomComponentConfig | undefined;
+}, {
+    /**
+     * 初始化全局配置
+     * @param config 外部配置
+     */
+    initConfig(config?: Partial<GlobalConfigState>): void;
+    setConfigPathFn(fn: (packageName: string, categoryName: string, keyName: string) => string): void;
+    setUploadFileFn(fn: (file: File) => Promise<string>): void;
+    setBaseFontSize(fontSize: number): void;
+    /**
+     * 设置图表组件列表
+     */
+    setChartsList(chartsList: ConfigType[]): void;
+    setConfigModules(configModules: Record<string, {
+        default: string;
+    }>): void;
+    setIndexModules(indexModules: Record<string, {
+        default: string;
+    }>): void;
+    setImagesModules(imagesModules: Record<string, {
+        default: string;
+    }>): void;
+    setConfigTsModules(configTsModules: Record<string, {
+        default: any;
+    }>): void;
+    /**
+     * 更新配置
+     * @param updates 要更新的配置项
+     */
+    updateConfig(updates: Partial<GlobalConfigState>): void;
+    /**
+     * 设置菜单选项
+     */
+    setMenuOptions(menuOptions: MenuOptionsType[]): void;
+    /**
+     * 添加菜单选项
+     */
+    addMenuOption(menuOption: MenuOptionsType): void;
+    /**
+     * 注册自定义组件
+     */
+    registerComponent(componentConfig: CustomComponentConfig): void;
+    /**
+     * 批量注册自定义组件
+     */
+    registerComponents(componentConfigs: CustomComponentConfig[]): void;
+    /**
+     * 设置主题模式
+     */
+    setDarkMode(darkMode: boolean): void;
+    /**
+     * 切换主题模式
+     */
+    toggleDarkMode(): void;
+    /**
+     * 设置主题色
+     */
+    setPrimaryColor(color: string): void;
+    /**
+     * 重置为默认配置
+     */
+    resetConfig(): void;
+}>;

package/dist/types/src/store/modules/langStore/langStore.d.ts

@@ -0,0 +1,6 @@
+import { LangEnum } from '../../../enums/styleEnum';
+
+export interface LangStateType {
+  // 当前语言
+  lang: LangEnum,
+}