smart-web-ui 1.0.1 → 1.0.3
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.
- package/dist/assets/font/D-DIN.otf +0 -0
- package/dist/assets/font/PangMenZhengDaoBiaoTiTi-1.woff2 +0 -0
- package/dist/assets/font/PingFangSC.woff2 +0 -0
- package/dist/assets/font/SourceHanSansCN-Regular.woff +0 -0
- package/dist/assets/font/ysbth.woff +0 -0
- package/dist/assets/font.css +14 -0
- package/dist/assets/fonts/D-DIN.otf +0 -0
- package/dist/assets/fonts/PingFangSC.woff2 +0 -0
- package/dist/assets/fonts/SourceHanSansCN-Regular.woff +0 -0
- package/dist/assets/fonts/ysbth.woff +0 -0
- package/dist/assets/image/btn1.jpg +0 -0
- package/dist/assets/image/btn2.jpg +0 -0
- package/dist/assets/vue.svg +1 -0
- package/dist/smart-web-ui.css +1 -0
- package/dist/smart-web-ui.es.js +59811 -0
- package/dist/smart-web-ui.umd.js +429 -0
- package/package.json +50 -51
- package/dist/BuildingList.js +0 -8
- package/dist/CategoryPieChart.js +0 -435
- package/dist/ChartModel.js +0 -46
- package/dist/ChartTable.js +0 -162
- package/dist/CircularPieChart.js +0 -314
- package/dist/CloseButtonA.js +0 -39
- package/dist/ColumnDiagram.js +0 -352
- package/dist/DataColumnDiagram.js +0 -275
- package/dist/DatePicker.js +0 -142
- package/dist/DateTimePicker.js +0 -146
- package/dist/DateYearPicker.js +0 -152
- package/dist/DayTimerShaft.js +0 -894
- package/dist/DoubleColumnDiagram.js +0 -360
- package/dist/DoubleLineChart.js +0 -410
- package/dist/DoubleStraightLineChart.js +0 -405
- package/dist/EffectLoading.js +0 -15
- package/dist/GradientCircularPieChart.js +0 -372
- package/dist/GradientPieChart.js +0 -501
- package/dist/HikPlayer.js +0 -10
- package/dist/ImaginaryAndRealLineChart.js +0 -405
- package/dist/InfiniteScrollingTable.js +0 -2150
- package/dist/JessibucaPlayer.js +0 -181
- package/dist/LineChart.js +0 -279
- package/dist/MenuOne.js +0 -75
- package/dist/MultiDataColumnDiagram.js +0 -398
- package/dist/MultigraphChart.js +0 -392
- package/dist/MultitermBorderColumnDiagram.js +0 -384
- package/dist/MultitermColumnDiagram.js +0 -359
- package/dist/MyButton.js +0 -8
- package/dist/MyInput.js +0 -42
- package/dist/OnlinePieChart.js +0 -365
- package/dist/PantiltControl.js +0 -147
- package/dist/PictorialChart.js +0 -205
- package/dist/PieChart.js +0 -252
- package/dist/PieChartLegendCustom.js +0 -251
- package/dist/PieChartOne.js +0 -438
- package/dist/PopupFrame.js +0 -131
- package/dist/RangTimePicker.js +0 -160
- package/dist/RangePicker.js +0 -156
- package/dist/SingleLineChart.js +0 -405
- package/dist/SplitPie.js +0 -242
- package/dist/SplitPieChart.js +0 -294
- package/dist/StacketColumnDiagram.js +0 -345
- package/dist/TechnologyBlueFrameworkOne.js +0 -183
- package/dist/TimerShaft.js +0 -229
- package/dist/ToroidalPieChart.js +0 -318
- package/dist/WordCloudOne.js +0 -138
- package/dist/WordCloudTwo.js +0 -157
- package/dist/chunks/BuildingList-CU-EXKgo.js +0 -126
- package/dist/chunks/HikPlayer-DKfQRkh6.js +0 -422
- package/dist/chunks/MyButton-DvqgvXGG.js +0 -36
- package/dist/chunks/_commonjsHelpers-C6fGbg64.js +0 -6
- package/dist/chunks/_plugin-vue_export-helper-CHgC5LLL.js +0 -9
- package/dist/chunks/dayjs.min-CQFNnJKC.js +0 -285
- package/dist/chunks/debounce-DmrysiyS.js +0 -84
- package/dist/chunks/index-CBkwld9S.js +0 -43886
- package/dist/chunks/index-CYrEZgNC.js +0 -334
- package/dist/chunks/isObject-Bhos3v62.js +0 -33
- package/dist/chunks/merge-H4ZkNr1T.js +0 -487
- package/dist/chunks/wordCloud-uiqgdIRk.js +0 -737
- package/dist/chunks/zh_CN-BUEgxmeh.js +0 -79
- package/dist/css/BuildingList-Bdnl0gBJ.css +0 -1
- package/dist/css/CategoryPieChart-DBMhOWSp.css +0 -1
- package/dist/css/ChartModel-Dv4h1lb5.css +0 -1
- package/dist/css/ChartTable-Cr0oTeRE.css +0 -1
- package/dist/css/CircularPieChart-C3BGd8fm.css +0 -1
- package/dist/css/CloseButtonA-DY2NFd49.css +0 -1
- package/dist/css/ColumnDiagram-Dis9ikD8.css +0 -1
- package/dist/css/DataColumnDiagram-BT2JWzYV.css +0 -1
- package/dist/css/DatePicker-BcnVF2a0.css +0 -1
- package/dist/css/DateTimePicker-ogqIcJbR.css +0 -1
- package/dist/css/DateYearPicker-Cxi6LOU5.css +0 -1
- package/dist/css/DayTimerShaft-CgF_vvOC.css +0 -1
- package/dist/css/DoubleColumnDiagram-BxutsIuM.css +0 -1
- package/dist/css/DoubleLineChart-BDAn7Vm_.css +0 -1
- package/dist/css/DoubleStraightLineChart-DIRVxSDN.css +0 -1
- package/dist/css/EffectLoading-Ctm_V9PA.css +0 -1
- package/dist/css/GradientCircularPieChart-DwvudWRO.css +0 -1
- package/dist/css/GradientPieChart-BIbCGRqo.css +0 -1
- package/dist/css/HikPlayer-CZ3Esf6X.css +0 -1
- package/dist/css/ImaginaryAndRealLineChart-DM6nwp5j.css +0 -1
- package/dist/css/InfiniteScrollingTable-DI-gbfBL.css +0 -1
- package/dist/css/JessibucaPlayer-DYHP4jB_.css +0 -1
- package/dist/css/LineChart-BMK43A6-.css +0 -1
- package/dist/css/MenuOne-DZagmMAX.css +0 -1
- package/dist/css/MultiDataColumnDiagram-D1yx69tf.css +0 -1
- package/dist/css/MultigraphChart-C4dh2No_.css +0 -1
- package/dist/css/MultitermBorderColumnDiagram-DAn4G2De.css +0 -1
- package/dist/css/MultitermColumnDiagram-CF0BvPJO.css +0 -1
- package/dist/css/MyButton-CE8oLA-0.css +0 -1
- package/dist/css/MyInput-CauB72eE.css +0 -1
- package/dist/css/OnlinePieChart-DjGjF_9i.css +0 -1
- package/dist/css/PantiltControl-DS0BWsLg.css +0 -1
- package/dist/css/PictorialChart-D_NmyxMl.css +0 -1
- package/dist/css/PieChart-ijJKQrDc.css +0 -1
- package/dist/css/PieChartLegendCustom-BIQtqA8m.css +0 -1
- package/dist/css/PieChartOne-D1gY-q_Q.css +0 -1
- package/dist/css/PopupFrame-BuPG741n.css +0 -1
- package/dist/css/RangTimePicker-BhS_Fhaj.css +0 -1
- package/dist/css/RangePicker-Cmdpil97.css +0 -1
- package/dist/css/SingleLineChart-YXl29ldj.css +0 -1
- package/dist/css/SplitPie-vGvTEPG-.css +0 -1
- package/dist/css/SplitPieChart-yTrBBQxd.css +0 -1
- package/dist/css/StacketColumnDiagram-BvMIqlC_.css +0 -1
- package/dist/css/TechnologyBlueFrameworkOne-CMF1mCbl.css +0 -1
- package/dist/css/TimerShaft-LaGF129n.css +0 -1
- package/dist/css/ToroidalPieChart-CcfTDUUR.css +0 -1
- package/dist/css/WordCloudOne-CsMA5RxS.css +0 -1
- package/dist/css/WordCloudTwo-LSvh51aP.css +0 -1
- package/dist/css/index-jBItPHyv.css +0 -1
- package/dist/favicon.svg +0 -1
- package/dist/index.js +0 -151
package/dist/CloseButtonA.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { computed as v, resolveComponent as e, openBlock as r, createBlock as H, mergeProps as X, withCtx as p, createTextVNode as D, toDisplayString as b } from "vue";
|
|
2
|
-
import { _ as x } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
const j = {
|
|
4
|
-
__name: "CloseButtonA",
|
|
5
|
-
props: {
|
|
6
|
-
text: {
|
|
7
|
-
type: String,
|
|
8
|
-
default: "Search"
|
|
9
|
-
},
|
|
10
|
-
styleType: {
|
|
11
|
-
type: String,
|
|
12
|
-
default: ""
|
|
13
|
-
// greenBtnType 绿色风格 blueBtnType 蓝色风格
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
setup(A) {
|
|
17
|
-
const P = new URL("data:image/jpeg;base64,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", import.meta.url).href, n = v(() => ({
|
|
18
|
-
backgroundImage: `url(${P})`
|
|
19
|
-
}));
|
|
20
|
-
return (w, B) => {
|
|
21
|
-
const t = e("a-button");
|
|
22
|
-
return r(), H(t, X(w.$attrs, {
|
|
23
|
-
class: "my-button-blueBtnType",
|
|
24
|
-
style: n.value
|
|
25
|
-
}), {
|
|
26
|
-
default: p(() => [
|
|
27
|
-
D(b(A.text), 1)
|
|
28
|
-
]),
|
|
29
|
-
_: 1
|
|
30
|
-
}, 16, ["style"]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
}, f = /* @__PURE__ */ x(j, [["__scopeId", "data-v-d0edd34e"]]);
|
|
34
|
-
f.install = (A) => {
|
|
35
|
-
A.component("CloseButtonA", f);
|
|
36
|
-
};
|
|
37
|
-
export {
|
|
38
|
-
f as default
|
|
39
|
-
};
|
package/dist/ColumnDiagram.js
DELETED
|
@@ -1,352 +0,0 @@
|
|
|
1
|
-
import { ref as m, computed as s, watch as d, onMounted as g, onBeforeUnmount as c, openBlock as S, createElementBlock as h, mergeProps as x, nextTick as C } from "vue";
|
|
2
|
-
import { L as b, i as L } from "./chunks/index-CBkwld9S.js";
|
|
3
|
-
import { _ as v } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import { m as F } from "./chunks/merge-H4ZkNr1T.js";
|
|
5
|
-
const w = {
|
|
6
|
-
__name: "ColumnDiagram",
|
|
7
|
-
props: {
|
|
8
|
-
data: {
|
|
9
|
-
type: Array,
|
|
10
|
-
required: !0
|
|
11
|
-
},
|
|
12
|
-
options: {
|
|
13
|
-
type: Object,
|
|
14
|
-
default: () => ({})
|
|
15
|
-
},
|
|
16
|
-
zoomKey: {
|
|
17
|
-
type: String,
|
|
18
|
-
// 'none' | 'ctrl' | 'alt' | 'shift'
|
|
19
|
-
default: "ctrl"
|
|
20
|
-
// 默认按住 Ctrl 键缩放
|
|
21
|
-
},
|
|
22
|
-
// 纵轴网格线格式
|
|
23
|
-
xLineType: {
|
|
24
|
-
type: String,
|
|
25
|
-
default: "dashed"
|
|
26
|
-
//solid实线dashed虚线dotted细点画线
|
|
27
|
-
},
|
|
28
|
-
// 网格线颜色
|
|
29
|
-
lineColor: {
|
|
30
|
-
type: String,
|
|
31
|
-
default: "#526B8E"
|
|
32
|
-
},
|
|
33
|
-
// x轴文字颜色
|
|
34
|
-
xNameColor: {
|
|
35
|
-
type: String,
|
|
36
|
-
default: "#fff"
|
|
37
|
-
},
|
|
38
|
-
// x轴文字长度
|
|
39
|
-
xTextLength: {
|
|
40
|
-
type: Number,
|
|
41
|
-
default: 4
|
|
42
|
-
},
|
|
43
|
-
// 柱子需要对应到标签上,设置为 false
|
|
44
|
-
boundaryGap: {
|
|
45
|
-
type: Boolean,
|
|
46
|
-
default: !0
|
|
47
|
-
},
|
|
48
|
-
// 单位名称
|
|
49
|
-
unitName: {
|
|
50
|
-
type: String,
|
|
51
|
-
default: "产量/吨"
|
|
52
|
-
},
|
|
53
|
-
// Y轴单位文字颜色
|
|
54
|
-
yNameColor: {
|
|
55
|
-
type: String,
|
|
56
|
-
default: "#fff"
|
|
57
|
-
},
|
|
58
|
-
// 横轴网格线是否显示
|
|
59
|
-
yLineShow: {
|
|
60
|
-
type: Boolean,
|
|
61
|
-
default: !0
|
|
62
|
-
},
|
|
63
|
-
// 横轴网格线格式
|
|
64
|
-
yLineType: {
|
|
65
|
-
type: String,
|
|
66
|
-
default: "dashed"
|
|
67
|
-
//solid实线dashed虚线dotted细点画线
|
|
68
|
-
},
|
|
69
|
-
// Y轴名称颜色
|
|
70
|
-
yColor: {
|
|
71
|
-
type: String,
|
|
72
|
-
default: "#fff"
|
|
73
|
-
},
|
|
74
|
-
// 数据名称
|
|
75
|
-
seriesName: {
|
|
76
|
-
type: String,
|
|
77
|
-
default: "商品出货量"
|
|
78
|
-
},
|
|
79
|
-
// 数据渐变颜色-上部
|
|
80
|
-
DataGradientColorTop: {
|
|
81
|
-
type: String,
|
|
82
|
-
default: "#0095FF"
|
|
83
|
-
},
|
|
84
|
-
// 数据渐变颜色-下部
|
|
85
|
-
DataGradientColorBotoom: {
|
|
86
|
-
type: String,
|
|
87
|
-
default: "#0095FF28"
|
|
88
|
-
},
|
|
89
|
-
// 柱子宽度
|
|
90
|
-
barWidth: {
|
|
91
|
-
type: String,
|
|
92
|
-
default: 25
|
|
93
|
-
},
|
|
94
|
-
// 数据文字颜色
|
|
95
|
-
DataTextColor: {
|
|
96
|
-
type: String,
|
|
97
|
-
default: "#0095FF"
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
setup(a) {
|
|
101
|
-
const e = a, r = m(null);
|
|
102
|
-
let o = null;
|
|
103
|
-
const u = s(() => ({
|
|
104
|
-
// 网格配置,设置图表上下左右的边距
|
|
105
|
-
grid: {
|
|
106
|
-
top: 30,
|
|
107
|
-
bottom: 30,
|
|
108
|
-
left: 40,
|
|
109
|
-
right: 20
|
|
110
|
-
},
|
|
111
|
-
// 提示框配置,当鼠标悬停在图表上时显示的信息
|
|
112
|
-
tooltip: {
|
|
113
|
-
trigger: "axis",
|
|
114
|
-
// 触发类型为坐标轴
|
|
115
|
-
backgroundColor: "rgba(1, 13, 19, 0.5)",
|
|
116
|
-
// 提示框背景颜色
|
|
117
|
-
borderColor: "#ffffff40",
|
|
118
|
-
// 提示框边框颜色
|
|
119
|
-
axisPointer: {
|
|
120
|
-
type: "shadow"
|
|
121
|
-
// 坐标轴指示器类型为阴影
|
|
122
|
-
},
|
|
123
|
-
textStyle: {
|
|
124
|
-
color: "#ffffff",
|
|
125
|
-
// 提示框文字颜色
|
|
126
|
-
fontSize: 12,
|
|
127
|
-
// 提示框文字大小
|
|
128
|
-
fontFamily: "PingFang SC"
|
|
129
|
-
// 提示框文字字体
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
// 图例配置,显示图表中不同系列的名称和颜色
|
|
133
|
-
legend: {
|
|
134
|
-
show: !0,
|
|
135
|
-
// 显示图例
|
|
136
|
-
right: "5%",
|
|
137
|
-
// 图例相对于右侧的位置
|
|
138
|
-
textStyle: {
|
|
139
|
-
color: "#ffffff",
|
|
140
|
-
// 图例文字颜色
|
|
141
|
-
fontSize: 12,
|
|
142
|
-
// 图例文字大小
|
|
143
|
-
fontFamily: "PingFang SC"
|
|
144
|
-
// 图例文字字体
|
|
145
|
-
},
|
|
146
|
-
itemWidth: 12,
|
|
147
|
-
// 图例项的宽度
|
|
148
|
-
itemHeight: 12
|
|
149
|
-
// 图例项的高度
|
|
150
|
-
},
|
|
151
|
-
// x 轴配置
|
|
152
|
-
xAxis: [
|
|
153
|
-
{
|
|
154
|
-
type: "category",
|
|
155
|
-
// x 轴类型为分类轴
|
|
156
|
-
// 从 props.data 中提取 label 作为 x 轴的数据,处理数据为空或 label 为空的情况
|
|
157
|
-
data: (e.data || []).map((t) => (t == null ? void 0 : t.label) || ""),
|
|
158
|
-
// 设置纵轴网格线样式
|
|
159
|
-
splitLine: {
|
|
160
|
-
show: !0,
|
|
161
|
-
// 显示网格线
|
|
162
|
-
lineStyle: {
|
|
163
|
-
type: e.xLineType,
|
|
164
|
-
// 网格线类型,如虚线
|
|
165
|
-
color: e.lineColor
|
|
166
|
-
// 网格线颜色
|
|
167
|
-
}
|
|
168
|
-
},
|
|
169
|
-
// 设置 x 轴的位置和样式
|
|
170
|
-
axisLine: {
|
|
171
|
-
lineStyle: {
|
|
172
|
-
type: e.xLineType,
|
|
173
|
-
// 轴线类型,如虚线
|
|
174
|
-
color: e.lineColor
|
|
175
|
-
// 轴线颜色
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
axisTick: {
|
|
179
|
-
show: !1
|
|
180
|
-
// 隐藏 X 轴刻度线
|
|
181
|
-
},
|
|
182
|
-
// 隐藏右侧的标签(如果需要)
|
|
183
|
-
axisLabel: {
|
|
184
|
-
show: !0,
|
|
185
|
-
// 显示 x 轴标签
|
|
186
|
-
interval: 0,
|
|
187
|
-
// 强制显示所有标签
|
|
188
|
-
formatter: function(t) {
|
|
189
|
-
return t.length > e.xTextLength ? t.slice(0, e.xTextLength) + "..." : t;
|
|
190
|
-
},
|
|
191
|
-
textStyle: {
|
|
192
|
-
fontSize: 12,
|
|
193
|
-
// x 轴标签文字大小
|
|
194
|
-
color: e.xNameColor,
|
|
195
|
-
// x 轴标签文字颜色
|
|
196
|
-
fontFamily: "PingFang SC"
|
|
197
|
-
// x 轴标签文字字体
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
|
-
// 可以通过调整 boundaryGap 来调整柱子与坐标轴标签的对齐
|
|
201
|
-
boundaryGap: e.boundaryGap
|
|
202
|
-
// 如果柱子需要对应到标签上,设置为 false
|
|
203
|
-
}
|
|
204
|
-
],
|
|
205
|
-
// y 轴配置
|
|
206
|
-
yAxis: [
|
|
207
|
-
{
|
|
208
|
-
type: "value",
|
|
209
|
-
// y 轴类型为数值轴
|
|
210
|
-
name: e.unitName,
|
|
211
|
-
// y 轴的名称
|
|
212
|
-
nameTextStyle: {
|
|
213
|
-
color: e.yNameColor,
|
|
214
|
-
// y 轴名称文字颜色
|
|
215
|
-
fontSize: 12,
|
|
216
|
-
// y 轴名称文字大小
|
|
217
|
-
fontFamily: "PingFang SC"
|
|
218
|
-
// y 轴名称文字字体
|
|
219
|
-
},
|
|
220
|
-
axisLabel: {
|
|
221
|
-
formatter: "{value}"
|
|
222
|
-
// y 轴标签的格式化方式
|
|
223
|
-
},
|
|
224
|
-
// 设置纵轴网格线样式
|
|
225
|
-
splitLine: {
|
|
226
|
-
show: e.yLineShow,
|
|
227
|
-
// 是否显示网格线
|
|
228
|
-
lineStyle: {
|
|
229
|
-
type: e.yLineType,
|
|
230
|
-
// 网格线类型,如虚线
|
|
231
|
-
color: e.lineColor
|
|
232
|
-
// 网格线颜色
|
|
233
|
-
}
|
|
234
|
-
},
|
|
235
|
-
axisLabel: {
|
|
236
|
-
textStyle: {
|
|
237
|
-
fontSize: 12,
|
|
238
|
-
// y 轴标签文字大小
|
|
239
|
-
color: e.yColor,
|
|
240
|
-
// y 轴标签文字颜色
|
|
241
|
-
fontFamily: "PingFang SC"
|
|
242
|
-
// y 轴标签文字字体
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
],
|
|
247
|
-
// 数据系列配置
|
|
248
|
-
series: [
|
|
249
|
-
{
|
|
250
|
-
name: e.seriesName,
|
|
251
|
-
// 数据系列的名称
|
|
252
|
-
type: "bar",
|
|
253
|
-
// 图表类型为柱状图
|
|
254
|
-
itemStyle: {
|
|
255
|
-
// 柱子的颜色使用线性渐变
|
|
256
|
-
color: new b(0, 0, 0, 1, [
|
|
257
|
-
{ offset: 0, color: e.DataGradientColorTop },
|
|
258
|
-
{ offset: 1, color: e.DataGradientColorBotoom }
|
|
259
|
-
])
|
|
260
|
-
},
|
|
261
|
-
// 从 props.data 中提取 value 作为数据系列的数据,处理数据为空或 value 为空的情况
|
|
262
|
-
data: (e.data || []).map((t) => (t == null ? void 0 : t.value) || ""),
|
|
263
|
-
barWidth: e.barWidth,
|
|
264
|
-
// 柱子的宽度
|
|
265
|
-
label: {
|
|
266
|
-
normal: {
|
|
267
|
-
show: !0,
|
|
268
|
-
// 显示柱子上的标签
|
|
269
|
-
lineHeight: 10,
|
|
270
|
-
// 标签文字的行高
|
|
271
|
-
formatter: "{c}",
|
|
272
|
-
// 标签的格式化方式
|
|
273
|
-
position: "top",
|
|
274
|
-
// 标签的位置
|
|
275
|
-
textStyle: {
|
|
276
|
-
color: e.DataTextColor,
|
|
277
|
-
// 标签文字颜色
|
|
278
|
-
fontSize: 12,
|
|
279
|
-
// 标签文字大小
|
|
280
|
-
fontFamily: "PingFang SC"
|
|
281
|
-
// 标签文字字体
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
],
|
|
287
|
-
// 数据缩放配置
|
|
288
|
-
dataZoom: [
|
|
289
|
-
{
|
|
290
|
-
type: "inside",
|
|
291
|
-
// 内置型数据缩放组件
|
|
292
|
-
xAxisIndex: 0,
|
|
293
|
-
// 控制第一个 x 轴
|
|
294
|
-
// 根据 zoomKey 的值设置是否需要按键触发缩放
|
|
295
|
-
zoomOnMouseWheel: e.zoomKey === "none" ? !0 : e.zoomKey,
|
|
296
|
-
moveOnMouseMove: !0,
|
|
297
|
-
// 允许鼠标拖动平移
|
|
298
|
-
moveOnMouseWheel: !0,
|
|
299
|
-
// 允许鼠标滚轮平移
|
|
300
|
-
preventDefaultMouseMove: !1,
|
|
301
|
-
// 允许默认滚动行为
|
|
302
|
-
throttle: 50,
|
|
303
|
-
// 操作节流时间
|
|
304
|
-
start: 0,
|
|
305
|
-
end: (e.data && e.data.length) > 30 ? e.data.length / 1.7 : (e.data && e.data.length) > 23 ? e.data.length / 1.5 : (e.data && e.data.length) > 13 ? 50 : (e.data && e.data.length) > 7 ? 70 : 100
|
|
306
|
-
// maxSpan: 80, // 最大缩放范围
|
|
307
|
-
// minSpan: 20, // 最小缩放范围
|
|
308
|
-
}
|
|
309
|
-
],
|
|
310
|
-
animation: !0
|
|
311
|
-
// 禁用动画提升性能
|
|
312
|
-
})), i = s(
|
|
313
|
-
() => F({}, u.value, e.options)
|
|
314
|
-
), y = () => {
|
|
315
|
-
r.value && (o = L(
|
|
316
|
-
r.value,
|
|
317
|
-
{},
|
|
318
|
-
{
|
|
319
|
-
renderer: "svg"
|
|
320
|
-
}
|
|
321
|
-
), n(), o.dispatchAction({
|
|
322
|
-
type: "takeGlobalCursor",
|
|
323
|
-
key: "dataZoomSelect",
|
|
324
|
-
dataZoomSelectActive: !0
|
|
325
|
-
}));
|
|
326
|
-
}, n = () => {
|
|
327
|
-
o && (o.setOption(i.value, !0), C(() => o.resize()));
|
|
328
|
-
}, l = () => {
|
|
329
|
-
o == null || o.resize({ animation: { duration: 300 } });
|
|
330
|
-
};
|
|
331
|
-
return d(
|
|
332
|
-
() => e.data,
|
|
333
|
-
(t, f) => {
|
|
334
|
-
JSON.stringify(t) !== JSON.stringify(f) && n();
|
|
335
|
-
},
|
|
336
|
-
{ deep: !0 }
|
|
337
|
-
), d(i, n), g(() => {
|
|
338
|
-
y(), window.addEventListener("resize", l);
|
|
339
|
-
}), c(() => {
|
|
340
|
-
window.removeEventListener("resize", l), o == null || o.dispose(), o = null;
|
|
341
|
-
}), (t, f) => (S(), h("div", x({
|
|
342
|
-
ref_key: "chartContainer",
|
|
343
|
-
ref: r
|
|
344
|
-
}, t.$attrs, { class: "echarts-container" }), null, 16));
|
|
345
|
-
}
|
|
346
|
-
}, p = /* @__PURE__ */ v(w, [["__scopeId", "data-v-b6ef0b5e"]]);
|
|
347
|
-
p.install = (a) => {
|
|
348
|
-
a.component("ColumnDiagram", p);
|
|
349
|
-
};
|
|
350
|
-
export {
|
|
351
|
-
p as default
|
|
352
|
-
};
|
|
@@ -1,275 +0,0 @@
|
|
|
1
|
-
import { ref as F, computed as h, watch as S, onMounted as w, onBeforeUnmount as z, openBlock as _, createElementBlock as P, mergeProps as k, nextTick as O } from "vue";
|
|
2
|
-
import { i as A, L } from "./chunks/index-CBkwld9S.js";
|
|
3
|
-
import { _ as E } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
import { m as $ } from "./chunks/merge-H4ZkNr1T.js";
|
|
5
|
-
const B = {
|
|
6
|
-
__name: "DataColumnDiagram",
|
|
7
|
-
props: {
|
|
8
|
-
data: {
|
|
9
|
-
type: Array,
|
|
10
|
-
default: () => [
|
|
11
|
-
{
|
|
12
|
-
name: "1月",
|
|
13
|
-
value: 200
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
name: "2月",
|
|
17
|
-
value: 182
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: "3月",
|
|
21
|
-
value: 191
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
name: "4月",
|
|
25
|
-
value: 220
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
name: "5月",
|
|
29
|
-
value: 182
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
name: "6月",
|
|
33
|
-
value: 191
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
value: 191,
|
|
37
|
-
name: "7月"
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
name: "8月",
|
|
41
|
-
value: 234,
|
|
42
|
-
predict: !0
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
name: "9月",
|
|
46
|
-
value: 290
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
name: "10月",
|
|
50
|
-
value: 330
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
name: "11月",
|
|
54
|
-
value: 310,
|
|
55
|
-
predict: !0
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
name: "12月",
|
|
59
|
-
value: 210
|
|
60
|
-
// predict: true,
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
},
|
|
64
|
-
xData: {
|
|
65
|
-
type: Array,
|
|
66
|
-
default: () => ["实际支出", "预测支出"]
|
|
67
|
-
},
|
|
68
|
-
colorData: {
|
|
69
|
-
type: Array,
|
|
70
|
-
default: () => ["#55D6FF", "#FFC556"]
|
|
71
|
-
},
|
|
72
|
-
options: {
|
|
73
|
-
type: Object,
|
|
74
|
-
default: () => ({})
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
setup(u) {
|
|
78
|
-
const l = u, c = F(null);
|
|
79
|
-
let t = null;
|
|
80
|
-
const p = (o, r) => new L(0, 0, 0, 1, [
|
|
81
|
-
{
|
|
82
|
-
offset: 0,
|
|
83
|
-
color: o
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
offset: 1,
|
|
87
|
-
color: r
|
|
88
|
-
}
|
|
89
|
-
]), y = l.colorData, x = (o, r, i) => l.xData.flatMap((d, s) => {
|
|
90
|
-
const e = s === 1, n = e ? r : o, f = i(n), a = y[s % y.length];
|
|
91
|
-
return [
|
|
92
|
-
{
|
|
93
|
-
name: d,
|
|
94
|
-
type: "bar",
|
|
95
|
-
data: n,
|
|
96
|
-
barWidth: 15,
|
|
97
|
-
itemStyle: {
|
|
98
|
-
color: p(a, `${a}40`)
|
|
99
|
-
},
|
|
100
|
-
...e && {
|
|
101
|
-
barGap: "-100%",
|
|
102
|
-
lineStyle: {
|
|
103
|
-
type: "dashed"
|
|
104
|
-
},
|
|
105
|
-
symbol: "none"
|
|
106
|
-
}
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
type: "pictorialBar",
|
|
110
|
-
symbol: "rect",
|
|
111
|
-
symbolSize: [15, 4],
|
|
112
|
-
symbolOffset: e ? [0, -6] : [-0, -6],
|
|
113
|
-
z: 12,
|
|
114
|
-
itemStyle: {
|
|
115
|
-
color: p(a, `${a}40`)
|
|
116
|
-
},
|
|
117
|
-
data: f
|
|
118
|
-
}
|
|
119
|
-
];
|
|
120
|
-
}), D = h(() => {
|
|
121
|
-
let o = l.data, r = [], i = [];
|
|
122
|
-
const d = (e) => {
|
|
123
|
-
let n = [];
|
|
124
|
-
for (const f of e)
|
|
125
|
-
n.push({
|
|
126
|
-
value: f,
|
|
127
|
-
symbolPosition: "end"
|
|
128
|
-
});
|
|
129
|
-
return n;
|
|
130
|
-
};
|
|
131
|
-
o.forEach((e) => {
|
|
132
|
-
e.predict ? i.push([e.name, e.value]) : r.push([e.name, e.value]);
|
|
133
|
-
});
|
|
134
|
-
let s = o.map((e) => e.name);
|
|
135
|
-
return {
|
|
136
|
-
grid: {
|
|
137
|
-
top: 50,
|
|
138
|
-
bottom: 30,
|
|
139
|
-
left: 40,
|
|
140
|
-
right: 20
|
|
141
|
-
},
|
|
142
|
-
tooltip: {
|
|
143
|
-
trigger: "axis",
|
|
144
|
-
// 触发类型为坐标轴
|
|
145
|
-
backgroundColor: "rgba(1, 13, 19, 0.5)",
|
|
146
|
-
// 提示框背景颜色
|
|
147
|
-
borderColor: "#ffffff40",
|
|
148
|
-
// 提示框边框颜色
|
|
149
|
-
axisPointer: {
|
|
150
|
-
type: "shadow"
|
|
151
|
-
// 坐标轴指示器类型为阴影
|
|
152
|
-
},
|
|
153
|
-
textStyle: {
|
|
154
|
-
color: "#ffffff",
|
|
155
|
-
// 提示框文字颜色
|
|
156
|
-
fontSize: 12,
|
|
157
|
-
// 提示框文字大小
|
|
158
|
-
fontFamily: "PingFang SC"
|
|
159
|
-
// 提示框文字字体
|
|
160
|
-
},
|
|
161
|
-
// 自定义提示框内容
|
|
162
|
-
formatter: function(e) {
|
|
163
|
-
let n = e[0].name + "<br/>";
|
|
164
|
-
return [e.filter(
|
|
165
|
-
(a) => a.value && a.value.length > 1
|
|
166
|
-
)[0]].forEach((a) => {
|
|
167
|
-
l.xData.indexOf(a.seriesName), n += `<span>${a.seriesName}: ${a.value[1]}</span><br/>`;
|
|
168
|
-
}), n;
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
xAxis: {
|
|
172
|
-
type: "category",
|
|
173
|
-
data: s,
|
|
174
|
-
axisLine: {
|
|
175
|
-
lineStyle: {
|
|
176
|
-
type: "solid",
|
|
177
|
-
// 轴线类型,如虚线
|
|
178
|
-
width: 2,
|
|
179
|
-
color: "rgba(179, 223, 255, 0.50)"
|
|
180
|
-
// 轴线颜色
|
|
181
|
-
}
|
|
182
|
-
},
|
|
183
|
-
axisTick: {
|
|
184
|
-
show: !1
|
|
185
|
-
// 隐藏 X 轴刻度线
|
|
186
|
-
},
|
|
187
|
-
axisLabel: {
|
|
188
|
-
show: !0,
|
|
189
|
-
// 显示 x 轴标签
|
|
190
|
-
// interval: 0, // 强制显示所有标签
|
|
191
|
-
textStyle: {
|
|
192
|
-
fontSize: 12,
|
|
193
|
-
// x 轴标签文字大小
|
|
194
|
-
color: "#fff",
|
|
195
|
-
// x 轴标签文字颜色
|
|
196
|
-
fontFamily: "PingFang SC"
|
|
197
|
-
// x 轴标签文字字体
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
},
|
|
201
|
-
yAxis: {
|
|
202
|
-
type: "value",
|
|
203
|
-
axisLabel: {
|
|
204
|
-
textStyle: {
|
|
205
|
-
fontSize: 12,
|
|
206
|
-
// y 轴标签文字大小
|
|
207
|
-
color: "#fff",
|
|
208
|
-
// y 轴标签文字颜色
|
|
209
|
-
fontFamily: "PingFang SC"
|
|
210
|
-
// y 轴标签文字字体
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
},
|
|
214
|
-
legend: {
|
|
215
|
-
show: !0,
|
|
216
|
-
data: l.xData,
|
|
217
|
-
top: "5%",
|
|
218
|
-
right: "5%",
|
|
219
|
-
// 图例相对于右侧的位置
|
|
220
|
-
textStyle: {
|
|
221
|
-
color: "#ffffff",
|
|
222
|
-
// 图例文字颜色
|
|
223
|
-
fontSize: 12,
|
|
224
|
-
// 图例文字大小
|
|
225
|
-
fontFamily: "PingFang SC"
|
|
226
|
-
// 图例文字字体
|
|
227
|
-
},
|
|
228
|
-
itemWidth: 6,
|
|
229
|
-
// 图例项的宽度
|
|
230
|
-
itemHeight: 6
|
|
231
|
-
// 图例项的高度
|
|
232
|
-
},
|
|
233
|
-
series: x(r, i, d)
|
|
234
|
-
};
|
|
235
|
-
}), g = h(
|
|
236
|
-
() => $({}, D.value, l.options)
|
|
237
|
-
), C = () => {
|
|
238
|
-
c.value && (t = A(
|
|
239
|
-
c.value,
|
|
240
|
-
{},
|
|
241
|
-
{
|
|
242
|
-
renderer: "svg"
|
|
243
|
-
}
|
|
244
|
-
), m(), t.dispatchAction({
|
|
245
|
-
type: "takeGlobalCursor",
|
|
246
|
-
key: "dataZoomSelect",
|
|
247
|
-
dataZoomSelectActive: !0
|
|
248
|
-
}));
|
|
249
|
-
}, m = () => {
|
|
250
|
-
t && (t.setOption(g.value, !0), O(() => t.resize()));
|
|
251
|
-
}, v = () => {
|
|
252
|
-
t == null || t.resize({ animation: { duration: 300 } });
|
|
253
|
-
};
|
|
254
|
-
return S(
|
|
255
|
-
() => l.data,
|
|
256
|
-
(o, r) => {
|
|
257
|
-
JSON.stringify(o) !== JSON.stringify(r) && m();
|
|
258
|
-
},
|
|
259
|
-
{ deep: !0 }
|
|
260
|
-
), S(g, m), w(() => {
|
|
261
|
-
C(), window.addEventListener("resize", v);
|
|
262
|
-
}), z(() => {
|
|
263
|
-
window.removeEventListener("resize", v), t == null || t.dispose(), t = null;
|
|
264
|
-
}), (o, r) => (_(), P("div", k({
|
|
265
|
-
ref_key: "chartContainer",
|
|
266
|
-
ref: c
|
|
267
|
-
}, o.$attrs, { class: "echarts-container" }), null, 16));
|
|
268
|
-
}
|
|
269
|
-
}, b = /* @__PURE__ */ E(B, [["__scopeId", "data-v-f4d20886"]]);
|
|
270
|
-
b.install = (u) => {
|
|
271
|
-
u.component("DataColumnDiagram", b);
|
|
272
|
-
};
|
|
273
|
-
export {
|
|
274
|
-
b as default
|
|
275
|
-
};
|