jojotaoo_components 0.0.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/assets/maps/heilongjiang.json +25543 -0
  2. package/dist/components/charts/BackgroundCard.vue.d.ts +17 -0
  3. package/dist/components/charts/BackgroundCard.vue.d.ts.map +1 -0
  4. package/dist/components/charts/BackgroundCard.vue.js +140 -0
  5. package/dist/components/charts/BarChart.vue.d.ts +20 -0
  6. package/dist/components/charts/BarChart.vue.d.ts.map +1 -0
  7. package/dist/components/charts/BarChart.vue.js +109 -0
  8. package/dist/components/charts/CustomLegend.vue.d.ts +28 -0
  9. package/dist/components/charts/CustomLegend.vue.d.ts.map +1 -0
  10. package/dist/components/charts/CustomLegend.vue.js +198 -0
  11. package/dist/components/charts/DataFetchManager.vue.d.ts +10 -0
  12. package/dist/components/charts/DataFetchManager.vue.d.ts.map +1 -0
  13. package/dist/components/charts/DataFetchManager.vue.js +127 -0
  14. package/dist/components/charts/DateTimeDisplay.vue.d.ts +17 -0
  15. package/dist/components/charts/DateTimeDisplay.vue.d.ts.map +1 -0
  16. package/dist/components/charts/DateTimeDisplay.vue.js +112 -0
  17. package/dist/components/charts/GroupComponent.vue.d.ts +13 -0
  18. package/dist/components/charts/GroupComponent.vue.d.ts.map +1 -0
  19. package/dist/components/charts/GroupComponent.vue.js +106 -0
  20. package/dist/components/charts/GroupPreview.vue.d.ts +10 -0
  21. package/dist/components/charts/GroupPreview.vue.d.ts.map +1 -0
  22. package/dist/components/charts/GroupPreview.vue.js +76 -0
  23. package/dist/components/charts/HeaderLineChart.vue.d.ts +17 -0
  24. package/dist/components/charts/HeaderLineChart.vue.d.ts.map +1 -0
  25. package/dist/components/charts/HeaderLineChart.vue.js +62 -0
  26. package/dist/components/charts/ImageDisplay.vue.d.ts +17 -0
  27. package/dist/components/charts/ImageDisplay.vue.d.ts.map +1 -0
  28. package/dist/components/charts/ImageDisplay.vue.js +106 -0
  29. package/dist/components/charts/LineChart.vue.d.ts +20 -0
  30. package/dist/components/charts/LineChart.vue.d.ts.map +1 -0
  31. package/dist/components/charts/LineChart.vue.js +116 -0
  32. package/dist/components/charts/MapChart.vue.d.ts +22 -0
  33. package/dist/components/charts/MapChart.vue.d.ts.map +1 -0
  34. package/dist/components/charts/MapChart.vue.js +680 -0
  35. package/dist/components/charts/PieChart.vue.d.ts +20 -0
  36. package/dist/components/charts/PieChart.vue.d.ts.map +1 -0
  37. package/dist/components/charts/PieChart.vue.js +106 -0
  38. package/dist/components/charts/PieGridChart.vue.d.ts +20 -0
  39. package/dist/components/charts/PieGridChart.vue.d.ts.map +1 -0
  40. package/dist/components/charts/PieGridChart.vue.js +214 -0
  41. package/dist/components/charts/RiskScrollList.vue.d.ts +15 -0
  42. package/dist/components/charts/RiskScrollList.vue.d.ts.map +1 -0
  43. package/dist/components/charts/RiskScrollList.vue.js +294 -0
  44. package/dist/components/charts/ScrollList.vue.d.ts +15 -0
  45. package/dist/components/charts/ScrollList.vue.d.ts.map +1 -0
  46. package/dist/components/charts/ScrollList.vue.js +149 -0
  47. package/dist/components/charts/TextDisplay.vue.d.ts +17 -0
  48. package/dist/components/charts/TextDisplay.vue.d.ts.map +1 -0
  49. package/dist/components/charts/TextDisplay.vue.js +209 -0
  50. package/dist/composables/useChartDataFetch.d.ts +18 -0
  51. package/dist/composables/useChartDataFetch.d.ts.map +1 -0
  52. package/dist/composables/useChartDataFetch.js +131 -0
  53. package/dist/composables/useComponentRender.d.ts +20 -0
  54. package/dist/composables/useComponentRender.d.ts.map +1 -0
  55. package/dist/composables/useComponentRender.js +45 -0
  56. package/dist/composables/useDataPondManager.d.ts +20 -0
  57. package/dist/composables/useDataPondManager.d.ts.map +1 -0
  58. package/dist/composables/useDataPondManager.js +105 -0
  59. package/dist/composables/useECharts.d.ts +9 -0
  60. package/dist/composables/useECharts.d.ts.map +1 -0
  61. package/dist/composables/useECharts.js +118 -0
  62. package/dist/composables/useEventListener.d.ts +2 -0
  63. package/dist/composables/useEventListener.d.ts.map +1 -0
  64. package/dist/composables/useEventListener.js +5 -0
  65. package/dist/composables/useId.d.ts +3 -0
  66. package/dist/composables/useId.d.ts.map +1 -0
  67. package/dist/composables/useId.js +6 -0
  68. package/dist/composables/useInteractClear.d.ts +4 -0
  69. package/dist/composables/useInteractClear.d.ts.map +1 -0
  70. package/dist/composables/useInteractClear.js +26 -0
  71. package/dist/composables/useInteractDispatch.d.ts +5 -0
  72. package/dist/composables/useInteractDispatch.d.ts.map +1 -0
  73. package/dist/composables/useInteractDispatch.js +44 -0
  74. package/dist/composables/useInteractFilter.d.ts +5 -0
  75. package/dist/composables/useInteractFilter.d.ts.map +1 -0
  76. package/dist/composables/useInteractFilter.js +24 -0
  77. package/dist/composables/usePollingManager.d.ts +10 -0
  78. package/dist/composables/usePollingManager.d.ts.map +1 -0
  79. package/dist/composables/usePollingManager.js +42 -0
  80. package/dist/composables/useRequestMerge.d.ts +32 -0
  81. package/dist/composables/useRequestMerge.d.ts.map +1 -0
  82. package/dist/composables/useRequestMerge.js +131 -0
  83. package/dist/config/chartThemes.d.ts +26 -0
  84. package/dist/config/chartThemes.d.ts.map +1 -0
  85. package/dist/config/chartThemes.js +221 -0
  86. package/dist/config/componentDefinitions.d.ts +12 -0
  87. package/dist/config/componentDefinitions.d.ts.map +1 -0
  88. package/dist/config/componentDefinitions.js +503 -0
  89. package/dist/index.cjs +1 -0
  90. package/dist/index.css +2 -0
  91. package/dist/index.d.ts +33 -0
  92. package/dist/index.d.ts.map +1 -0
  93. package/dist/index.js +38 -0
  94. package/dist/stores/dashboard.d.ts +3240 -0
  95. package/dist/stores/dashboard.d.ts.map +1 -0
  96. package/dist/stores/dashboard.js +666 -0
  97. package/dist/stores/utils.d.ts +15 -0
  98. package/dist/stores/utils.d.ts.map +1 -0
  99. package/dist/stores/utils.js +28 -0
  100. package/dist/types/canvas.d.ts +36 -0
  101. package/dist/types/canvas.d.ts.map +1 -0
  102. package/dist/types/canvas.js +1 -0
  103. package/dist/types/component.d.ts +175 -0
  104. package/dist/types/component.d.ts.map +1 -0
  105. package/dist/types/component.js +63 -0
  106. package/dist/types/events.d.ts +43 -0
  107. package/dist/types/events.d.ts.map +1 -0
  108. package/dist/types/events.js +1 -0
  109. package/dist/types/index.d.ts +5 -0
  110. package/dist/types/index.d.ts.map +1 -0
  111. package/dist/types/index.js +4 -0
  112. package/dist/types/request.d.ts +43 -0
  113. package/dist/types/request.d.ts.map +1 -0
  114. package/dist/types/request.js +18 -0
  115. package/package.json +33 -0
@@ -0,0 +1,28 @@
1
+ export function rectsIntersect(a, b) {
2
+ return !(b.x > a.x + a.w || b.x + b.w < a.x || b.y > a.y + a.h || b.y + b.h < a.y);
3
+ }
4
+ export function findInGroupList(list, id) {
5
+ for (const item of list) {
6
+ if (item.id === id)
7
+ return item;
8
+ if (item.groupList) {
9
+ const found = findInGroupList(item.groupList, id);
10
+ if (found)
11
+ return found;
12
+ }
13
+ }
14
+ return null;
15
+ }
16
+ export function removeFromGroupList(list, id) {
17
+ const idx = list.findIndex(c => c.id === id);
18
+ if (idx >= 0) {
19
+ list.splice(idx, 1);
20
+ return true;
21
+ }
22
+ for (const item of list) {
23
+ if (item.groupList && removeFromGroupList(item.groupList, id)) {
24
+ return true;
25
+ }
26
+ }
27
+ return false;
28
+ }
@@ -0,0 +1,36 @@
1
+ import type { RequestConfigType } from './request';
2
+ import type { CreateComponentType } from './component';
3
+ import type { ChartThemePreset } from '../config/chartThemes';
4
+ export interface EditCanvasConfigType {
5
+ projectName: string;
6
+ width: number;
7
+ height: number;
8
+ background: string;
9
+ backgroundImage: string | null;
10
+ filterShow: boolean;
11
+ opacity: number;
12
+ saturate: number;
13
+ contrast: number;
14
+ hueRotate: number;
15
+ brightness: number;
16
+ blendMode: string;
17
+ customTheme: ChartThemePreset | null;
18
+ }
19
+ export interface DataPondItem {
20
+ dataPondId: string;
21
+ dataPondName: string;
22
+ dataPondRequestConfig: RequestConfigType;
23
+ }
24
+ export interface RequestGlobalConfigType {
25
+ requestOriginUrl: string;
26
+ requestInterval: number;
27
+ requestIntervalUnit: 'second' | 'minute' | 'hour' | 'day';
28
+ requestHeader: Record<string, string>;
29
+ requestDataPond: DataPondItem[];
30
+ }
31
+ export interface ChartEditStorage {
32
+ editCanvasConfig: EditCanvasConfigType;
33
+ requestGlobalConfig: RequestGlobalConfigType;
34
+ componentList: CreateComponentType[];
35
+ }
36
+ //# sourceMappingURL=canvas.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../src/types/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACrC;AAED,MAAM,WAAW,YAAY;IAE3B,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,qBAAqB,EAAE,iBAAiB,CAAA;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAA;IACzD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,YAAY,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,oBAAoB,CAAA;IACtC,mBAAmB,EAAE,uBAAuB,CAAA;IAC5C,aAAa,EAAE,mBAAmB,EAAE,CAAA;CACrC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,175 @@
1
+ import type { RequestConfigType } from './request';
2
+ import type { ChartConfigType } from './request';
3
+ import type { EventsType, InteractActionItem } from './events';
4
+ export interface AttrType {
5
+ x: number;
6
+ y: number;
7
+ w: number;
8
+ h: number;
9
+ offsetX: number;
10
+ offsetY: number;
11
+ zIndex: number;
12
+ }
13
+ export declare const DEFAULT_ATTR: AttrType;
14
+ export interface StylesType {
15
+ filterShow: boolean;
16
+ opacity: number;
17
+ saturate: number;
18
+ contrast: number;
19
+ hueRotate: number;
20
+ brightness: number;
21
+ rotateZ: number;
22
+ rotateX: number;
23
+ rotateY: number;
24
+ skewX: number;
25
+ skewY: number;
26
+ blendMode: string;
27
+ animations: string[];
28
+ }
29
+ export declare const DEFAULT_STYLES: StylesType;
30
+ export interface StatusType {
31
+ lock: boolean;
32
+ hide: boolean;
33
+ }
34
+ export declare const DEFAULT_STATUS: StatusType;
35
+ export interface PreviewType {
36
+ overFlowHidden: boolean;
37
+ }
38
+ export declare const DEFAULT_PREVIEW: PreviewType;
39
+ export interface ChartStyleConfig {
40
+ themeName: string;
41
+ grid: {
42
+ top: number;
43
+ bottom: number;
44
+ left: number;
45
+ right: number;
46
+ };
47
+ titleStyle: {
48
+ show: boolean;
49
+ fontSize: number;
50
+ color: string;
51
+ left: number | string;
52
+ top: number | string;
53
+ };
54
+ legend: {
55
+ show: boolean;
56
+ orient: 'horizontal' | 'vertical';
57
+ left: number | string;
58
+ top: number | string;
59
+ fontSize: number;
60
+ icon: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond';
61
+ textColor: string;
62
+ layoutMode: 'echarts' | 'grid';
63
+ gridColumns: number;
64
+ itemGap: number;
65
+ unit: string;
66
+ };
67
+ xAxis: {
68
+ show: boolean;
69
+ name: string;
70
+ labelFontSize: number;
71
+ labelRotate: number;
72
+ lineColor: string;
73
+ labelColor: string;
74
+ };
75
+ yAxis: {
76
+ show: boolean;
77
+ name: string;
78
+ labelFontSize: number;
79
+ min: number | null;
80
+ max: number | null;
81
+ splitLineShow: boolean;
82
+ splitLineColor: string;
83
+ labelColor: string;
84
+ };
85
+ series: {
86
+ smooth: boolean;
87
+ symbol: string;
88
+ symbolSize: number;
89
+ barWidth: number | string;
90
+ barGap: string | number;
91
+ barCategoryGap: string | number;
92
+ barBorderRadius: number;
93
+ barColorByData: boolean;
94
+ lineWidth: number;
95
+ showArea: boolean;
96
+ showLabel: boolean;
97
+ labelFontSize: number;
98
+ color: string;
99
+ colorEnd: string;
100
+ colorList: string[];
101
+ areaOpacityStart: number;
102
+ areaOpacityEnd: number;
103
+ labelColor: string;
104
+ pieRadius: number;
105
+ pieRoseType: boolean;
106
+ pieLabelPosition: 'inside' | 'outside' | 'center';
107
+ subTitle: string;
108
+ mapRegionColor: string;
109
+ mapRegionBorderColor: string;
110
+ mapRegionHoverColor: string;
111
+ mapLabelShow: boolean;
112
+ mapLabelColor: string;
113
+ mapLabelFontSize: number;
114
+ mapVisualMin: number;
115
+ mapVisualMax: number;
116
+ mapVisualColors: string[];
117
+ mapVisualMapShow: boolean;
118
+ mapMarkPointShow: boolean;
119
+ mapMarkPointSymbolSize: number;
120
+ mapMarkPointColor: string;
121
+ mapMarkPointBorderWidth: number;
122
+ mapMarkPointShadowColor: string;
123
+ mapMarkPointLabelShow: boolean;
124
+ mapMarkPointLabelFontSize: number;
125
+ mapSelectColor: string;
126
+ mapSelectLabelColor: string;
127
+ mapSelectBorderColor: string;
128
+ mapSelectBorderWidth: number;
129
+ mapSelectShadowBlur: number;
130
+ mapSelectShadowColor: string;
131
+ mapHoverBorderColor: string;
132
+ mapHoverBorderWidth: number;
133
+ mapHoverShadowBlur: number;
134
+ mapHoverShadowColor: string;
135
+ mapEmphasisLabelColor: string;
136
+ mapEmphasisLabelFontSize: number;
137
+ mapLabelFontWeight: number;
138
+ mapMiniMapShow: boolean;
139
+ mapMiniMapWidth: number;
140
+ mapMiniMapHeight: number;
141
+ mapTooltipDimensionUnits: Record<string, string>;
142
+ };
143
+ tooltip: {
144
+ show: boolean;
145
+ trigger: 'axis' | 'item' | 'none';
146
+ backgroundColor: string;
147
+ borderColor: string;
148
+ textColor: string;
149
+ };
150
+ backgroundColor: string;
151
+ backgroundOpacity: number;
152
+ }
153
+ export declare const DEFAULT_CHART_STYLE: ChartStyleConfig;
154
+ export interface CreateComponentType {
155
+ id: string;
156
+ key: string;
157
+ isGroup?: boolean;
158
+ chartConfig: ChartConfigType;
159
+ attr: AttrType;
160
+ styles: StylesType;
161
+ status: StatusType;
162
+ filter?: string;
163
+ preview: PreviewType;
164
+ events?: EventsType;
165
+ interactActions?: InteractActionItem[];
166
+ interactOverrides?: Record<string, any>;
167
+ request?: RequestConfigType;
168
+ option: Record<string, any>;
169
+ chartStyle?: ChartStyleConfig;
170
+ groupList?: CreateComponentType[];
171
+ }
172
+ export interface CanvasComponent extends CreateComponentType {
173
+ props: Record<string, any>;
174
+ }
175
+ //# sourceMappingURL=component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,63 @@
1
+ export const DEFAULT_ATTR = {
2
+ x: 50,
3
+ y: 50,
4
+ w: 500,
5
+ h: 300,
6
+ offsetX: 0,
7
+ offsetY: 0,
8
+ zIndex: 0,
9
+ };
10
+ export const DEFAULT_STYLES = {
11
+ filterShow: false,
12
+ opacity: 1,
13
+ saturate: 1,
14
+ contrast: 1,
15
+ hueRotate: 0,
16
+ brightness: 1,
17
+ rotateZ: 0,
18
+ rotateX: 0,
19
+ rotateY: 0,
20
+ skewX: 0,
21
+ skewY: 0,
22
+ blendMode: 'normal',
23
+ animations: [],
24
+ };
25
+ export const DEFAULT_STATUS = {
26
+ lock: false,
27
+ hide: false,
28
+ };
29
+ export const DEFAULT_PREVIEW = {
30
+ overFlowHidden: false,
31
+ };
32
+ export const DEFAULT_CHART_STYLE = {
33
+ themeName: 'catppuccin',
34
+ grid: { top: 10, bottom: 30, left: 10, right: 10 },
35
+ titleStyle: { show: true, fontSize: 14, color: '#cdd6f4', left: 'center', top: 8 },
36
+ legend: { show: true, orient: 'horizontal', left: 'center', top: 38, fontSize: 11, icon: 'circle', textColor: '#cdd6f4', layoutMode: 'echarts', gridColumns: 3, itemGap: 8, unit: '' },
37
+ xAxis: { show: true, name: '', labelFontSize: 11, labelRotate: 0, lineColor: '#45475a', labelColor: '#a6adc8' },
38
+ yAxis: { show: true, name: '', labelFontSize: 11, min: null, max: null, splitLineShow: true, splitLineColor: '#313244', labelColor: '#a6adc8' },
39
+ series: {
40
+ smooth: true, symbol: 'circle', symbolSize: 8,
41
+ barWidth: '50%', barGap: '30%', barCategoryGap: '20%', barBorderRadius: 4, barColorByData: false, lineWidth: 3,
42
+ showArea: true, showLabel: true, labelFontSize: 11,
43
+ color: '#89b4fa', colorEnd: '#45475a',
44
+ colorList: ['#89b4fa', '#f38ba8', '#a6e3a1', '#fab387', '#cba6f7', '#94e2d5', '#f9e2af', '#74c7ec'],
45
+ areaOpacityStart: 0.4, areaOpacityEnd: 0.02,
46
+ labelColor: '#cdd6f4',
47
+ pieRadius: 0, pieRoseType: false, pieLabelPosition: 'outside', subTitle: '',
48
+ mapRegionColor: 'rgba(0,60,120,0.3)', mapRegionBorderColor: 'rgba(0,128,255,0.45)', mapRegionHoverColor: 'rgba(0,160,255,0.3)',
49
+ mapLabelShow: false, mapLabelColor: '#cdd6f4', mapLabelFontSize: 11,
50
+ mapVisualMin: 0, mapVisualMax: 200, mapVisualColors: ['#313244', '#89b4fa'],
51
+ mapVisualMapShow: false, mapMarkPointShow: true, mapMarkPointSymbolSize: 12,
52
+ mapMarkPointColor: '#0080ff', mapMarkPointBorderWidth: 0, mapMarkPointShadowColor: 'rgba(0,0,0,0.4)', mapMarkPointLabelShow: true, mapMarkPointLabelFontSize: 11,
53
+ mapSelectColor: 'rgba(0,180,255,0.35)', mapSelectLabelColor: '#00c8ff',
54
+ mapSelectBorderColor: '#00c8ff', mapSelectBorderWidth: 2, mapSelectShadowBlur: 23, mapSelectShadowColor: 'rgba(0,200,255,1)',
55
+ mapHoverBorderColor: '#40b0ff', mapHoverBorderWidth: 3, mapHoverShadowBlur: 30, mapHoverShadowColor: 'rgba(0,200,255,0.3)',
56
+ mapEmphasisLabelColor: '#00c8ff', mapEmphasisLabelFontSize: 12, mapLabelFontWeight: 500,
57
+ mapMiniMapShow: true, mapMiniMapWidth: 150, mapMiniMapHeight: 120,
58
+ mapTooltipDimensionUnits: {},
59
+ },
60
+ tooltip: { show: true, trigger: 'axis', backgroundColor: '#313244', borderColor: '#45475a', textColor: '#cdd6f4' },
61
+ backgroundColor: '#1e1e2e',
62
+ backgroundOpacity: 1,
63
+ };
@@ -0,0 +1,43 @@
1
+ export interface BaseEventType {
2
+ click?: string;
3
+ dblclick?: string;
4
+ mouseenter?: string;
5
+ mouseleave?: string;
6
+ }
7
+ export interface AdvancedEventType {
8
+ vnodeMounted?: string;
9
+ vnodeBeforeMount?: string;
10
+ }
11
+ export interface InteractOverrideParam {
12
+ key: string;
13
+ value: string;
14
+ }
15
+ export interface InteractOverrideBody {
16
+ key: string;
17
+ value: string;
18
+ }
19
+ export interface RequestOverrideConfig {
20
+ params: Record<string, string>;
21
+ body: Record<string, string>;
22
+ }
23
+ export interface InteractEventItem {
24
+ interactOn: string;
25
+ interactComponentId?: string;
26
+ interactComponentIds: string[];
27
+ interactFn: Record<string, string>;
28
+ requestOverrides?: RequestOverrideConfig;
29
+ }
30
+ export interface InteractActionItem {
31
+ interactType: string;
32
+ interactName: string;
33
+ componentEmitEvents: Record<string, {
34
+ value: string;
35
+ label: string;
36
+ }[]>;
37
+ }
38
+ export interface EventsType {
39
+ baseEvent?: BaseEventType;
40
+ advancedEvents?: AdvancedEventType;
41
+ interactEvents?: InteractEventItem[];
42
+ }
43
+ //# sourceMappingURL=events.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/types/events.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;CACzC;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC,CAAA;CACxE;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,cAAc,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACrC"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ export * from './canvas';
2
+ export * from './component';
3
+ export * from './events';
4
+ export * from './request';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './canvas';
2
+ export * from './component';
3
+ export * from './events';
4
+ export * from './request';
@@ -0,0 +1,43 @@
1
+ export interface RequestBodyType {
2
+ 'form-data': Record<string, string>;
3
+ 'x-www-form-urlencoded': Record<string, string>;
4
+ json: string;
5
+ xml: string;
6
+ }
7
+ export interface ComponentRequestConfigType {
8
+ requestDataType: 0 | 1 | 2;
9
+ requestUrl?: string;
10
+ requestHttpType?: 'get' | 'post' | 'put' | 'delete' | 'patch';
11
+ requestContentType?: number;
12
+ requestParamsBodyType?: string;
13
+ requestSQLContent?: {
14
+ sql: string;
15
+ };
16
+ requestParams?: {
17
+ Params: Record<string, string>;
18
+ Header: Record<string, string>;
19
+ Body: RequestBodyType;
20
+ };
21
+ requestInterval?: number | null;
22
+ requestIntervalUnit?: string;
23
+ requestDataPondId?: string;
24
+ }
25
+ export interface RequestConfigType extends ComponentRequestConfigType {
26
+ }
27
+ export declare const DEFAULT_REQUEST: RequestConfigType;
28
+ export interface ChartConfigType {
29
+ key: string;
30
+ chartKey: string;
31
+ conKey: string;
32
+ title: string;
33
+ category: string;
34
+ categoryName: string;
35
+ package: string;
36
+ chartFrame: string;
37
+ image: string;
38
+ redirectComponent?: string;
39
+ dataset?: any;
40
+ disabled?: boolean;
41
+ icon?: string;
42
+ }
43
+ //# sourceMappingURL=request.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"request.d.ts","sourceRoot":"","sources":["../../src/types/request.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,0BAA0B;IACzC,eAAe,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACnC,aAAa,CAAC,EAAE;QACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QAC9B,IAAI,EAAE,eAAe,CAAA;KACtB,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;CAAG;AAExE,eAAO,MAAM,eAAe,EAAE,iBAiB7B,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd"}
@@ -0,0 +1,18 @@
1
+ export const DEFAULT_REQUEST = {
2
+ requestDataType: 0,
3
+ requestHttpType: 'get',
4
+ requestUrl: '',
5
+ requestInterval: null,
6
+ requestIntervalUnit: 'second',
7
+ requestParamsBodyType: 'none',
8
+ requestParams: {
9
+ Params: {},
10
+ Header: {},
11
+ Body: {
12
+ 'form-data': {},
13
+ 'x-www-form-urlencoded': {},
14
+ json: '',
15
+ xml: '',
16
+ },
17
+ },
18
+ };
package/package.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "jojotaoo_components",
3
+ "version": "0.0.1-beta.0",
4
+ "type": "module",
5
+ "main": "./dist/index.js",
6
+ "types": "./dist/index.d.ts",
7
+ "exports": {
8
+ ".": {
9
+ "import": "./dist/index.js",
10
+ "require": "./dist/index.cjs",
11
+ "types": "./dist/index.d.ts"
12
+ },
13
+ "./*": "./dist/*"
14
+ },
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "publishConfig": {
19
+ "access": "public"
20
+ },
21
+ "peerDependencies": {
22
+ "vue": "^3.5.0",
23
+ "echarts": "^6.0.0",
24
+ "pinia": "^3.0.0"
25
+ },
26
+ "devDependencies": {
27
+ "vue": "^3.5.35",
28
+ "echarts": "^6.1.0",
29
+ "pinia": "^3.0.4",
30
+ "typescript": "~6.0.2"
31
+ },
32
+ "module": "./dist/index.js"
33
+ }