@hg2/dataview-core 2.0.0

package/dist/settings/designColorRecommend.json.d.ts

@@ -0,0 +1,33 @@
+declare const _default: [
+  {
+    "CMYK": [62, 0, 21, 16],
+    "RGB": [81, 214, 169],
+    "hex": "#51d6a9",
+    "name": "碧空绿",
+    "pinyin": "bikonlv"
+  },
+  {
+    "CMYK": [73, 17, 20, 1],
+    "RGB": [102, 169, 201],
+    "hex": "#66a9c9",
+    "name": "涧石蓝",
+    "pinyin": "jianshilan"
+  },
+  {
+    "CMYK": [4, 13, 67, 0],
+    "RGB": [248, 223, 114],
+    "hex": "#f8df72",
+    "name": "茉莉黄",
+    "pinyin": "molihuang"
+  },
+  {
+    "CMYK": [76, 51, 0, 0],
+    "RGB": [60, 126, 255],
+    "hex": "#3c7eff",
+    "name": "深海蓝",
+    "pinyin": "shenhailan"
+  }
+]
+;
+
+export default _default;

package/dist/settings/designSetting.d.ts

@@ -0,0 +1,32 @@
+import { LangEnum, PreviewScaleEnum } from '../enums/styleEnum';
+import { RequestHttpIntervalEnum } from '../enums/httpEnum';
+export declare const lang = LangEnum.ZH;
+export declare const watermarkText = "HgDataView \u4F4E\u4EE3\u7801\u5E73\u53F0";
+export declare const groupTitle = "\u5206\u7EC4";
+export declare const theme: {
+    darkTheme: boolean;
+    appTheme: string;
+    appThemeDetail: null;
+};
+export declare const chartInitConfig: {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    offsetX: number;
+    offsetY: number;
+};
+export declare const dialogIconSize = "20";
+export declare const asideWidth = "270";
+export declare const asideCollapsedWidth = 60;
+export declare const maskClosable = false;
+export declare const borderRadius = "4px";
+export declare const carouselInterval = 4000;
+export declare const backgroundImageSize = 5;
+export declare const previewScaleType = PreviewScaleEnum.FIT;
+export declare const editToJsonInterval = 5000;
+export declare const requestInterval = 30;
+export declare const requestIntervalUnit = RequestHttpIntervalEnum.SECOND;
+export declare const editHistoryMax = 100;
+export declare const canvasModelIndex = 9999;
+export declare const selectBoxIndex: number;

package/dist/settings/pathConst.d.ts

@@ -0,0 +1,3 @@
+export declare const docPath = "https://www.mtruning.club/";
+export declare const giteeSourceCodePath = "https://gitee.com/dromara/hgdataview";
+export declare const sponsorPath = "https://www.mtruning.club/sponsor/";

package/dist/settings/systemSetting.d.ts

@@ -0,0 +1,10 @@
+import { ToolsStatusEnum } from '../store/modules/settingStore/settingStore.d';
+export declare const systemSetting: {
+    asideAllCollapsed: boolean;
+    hidePackageOneCategory: boolean;
+    changeLangReload: boolean;
+    chartMoveDistance: number;
+    chartAlignRange: number;
+    chartToolsStatus: ToolsStatusEnum;
+    chartToolsStatusHide: boolean;
+};

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

@@ -0,0 +1,138 @@
+import { default as themeJson } from './global.theme.json';
+type ThemeJsonType = typeof themeJson;
+export 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/store/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+declare const pinia: import('pinia').Pinia;
+export declare function setupStore(app: App<Element>): void;
+export { pinia };
+/**
+ * Store Facade（宿主契约入口）
+ * 组件/物料侧统一从 `@/store` 引用，避免依赖 `@/store/modules/**` 的目录结构。
+ */
+export { useChartEditStore } from './modules/chartEditStore/chartEditStore';
+export { useSettingStore } from './modules/settingStore/settingStore';
+export { useChartHistoryStore } from './modules/chartHistoryStore/chartHistoryStore';
+export { usePackagesStore } from './modules/packagesStore/packagesStore';

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

@@ -0,0 +1,213 @@
+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/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/store/modules/chartHistoryStore/chartHistoryStore.d.ts

@@ -0,0 +1,77 @@
+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]: Array<CreateComponentType | CreateComponentGroupType> | EditCanvasType[]
+}
+
+// 历史 Store 类型
+export interface ChartHistoryStoreType {
+  // 后退栈
+  [HistoryStackEnum.BACK_STACK]: Array<HistoryItemType>
+  // 前进栈
+  [HistoryStackEnum.FORWARD_STACK]: Array<HistoryItemType>
+}

package/dist/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/store/modules/designStore/designStore.d.ts

@@ -0,0 +1,18 @@
+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/store/modules/langStore/langStore.d.ts

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

package/dist/store/modules/packagesStore/packagesStore.d.ts

@@ -0,0 +1,6 @@
+import { PackagesType } from '../../../packages/index.d';
+export { PackagesType }
+export interface PackagesStoreType {
+  packagesList: PackagesType,
+  unsubscribePackagesRegistry?: () => void
+}

package/dist/store/modules/settingStore/settingStore.d.ts

@@ -0,0 +1,31 @@
+export enum ToolsStatusEnum {
+  DOCK = 'dock',
+  ASIDE = 'aside',
+}
+
+export enum SettingStoreEnums {
+  // 拖拽页面左侧表单分类只有一项的时候是否隐藏
+  HIDE_PACKAGE_ONE_CATEGORY = 'hidePackageOneCategory',
+  // 切换语言是否进行路由刷新
+  CHANGE_LANG_RELOAD = 'changeLangReload',
+  // 侧边栏折叠是否隐藏全部
+  ASIDE_ALL_COLLAPSED = 'asideAllCollapsed',
+  // 图表移动时按方向键移动的距离
+  CHART_MOVE_DISTANCE = 'chartMoveDistance',
+  // 图表拖拽时的吸附距离（px）
+  CHART_ALIGN_RANGE = 'chartAlignRange',
+  // 图表工具栏状态（侧边工具状态）
+  CHART_TOOLS_STATUS = 'chartToolsStatus',
+  // 图表工具栏状态隐藏
+  CHART_TOOLS_STATUS_HIDE = 'chartToolsStatusHide'
+}
+
+export interface SettingStoreType {
+  [SettingStoreEnums.HIDE_PACKAGE_ONE_CATEGORY]: boolean
+  [SettingStoreEnums.CHANGE_LANG_RELOAD]: boolean
+  [SettingStoreEnums.ASIDE_ALL_COLLAPSED]: boolean
+  [SettingStoreEnums.CHART_MOVE_DISTANCE]: number
+  [SettingStoreEnums.CHART_ALIGN_RANGE]: number
+  [SettingStoreEnums.CHART_TOOLS_STATUS]: ToolsStatusEnum
+  [SettingStoreEnums.CHART_TOOLS_STATUS_HIDE]: boolean
+}