hydro-graph 1.0.11 → 1.0.13
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/hydro-graph.es.js +96 -1
- package/dist/hydro-graph.umd.js +116 -22
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/hydro-graph.es.js
CHANGED
|
@@ -36060,7 +36060,102 @@ function aq(t, e, A, r, n, i) {
|
|
|
36060
36060
|
}
|
|
36061
36061
|
const oq = /* @__PURE__ */ iI(nq, [["render", aq]]);
|
|
36062
36062
|
zb.install = (t) => {
|
|
36063
|
-
|
|
36063
|
+
const e = document.createElement("style");
|
|
36064
|
+
e.textContent = `
|
|
36065
|
+
* {
|
|
36066
|
+
margin: 0;
|
|
36067
|
+
padding: 0;
|
|
36068
|
+
list-style-type: none;
|
|
36069
|
+
box-sizing: border-box !important;
|
|
36070
|
+
}
|
|
36071
|
+
|
|
36072
|
+
.box {
|
|
36073
|
+
position: relative;
|
|
36074
|
+
width: 100%;
|
|
36075
|
+
height: 100%;
|
|
36076
|
+
display: flex;
|
|
36077
|
+
flex-direction: column;
|
|
36078
|
+
|
|
36079
|
+
.title {
|
|
36080
|
+
color: red;
|
|
36081
|
+
font-size: 25px;
|
|
36082
|
+
font-weight: bold;
|
|
36083
|
+
text-align: center;
|
|
36084
|
+
height: 25px;
|
|
36085
|
+
line-height: 25px;
|
|
36086
|
+
}
|
|
36087
|
+
|
|
36088
|
+
.subTitle {
|
|
36089
|
+
color: #3a4ce1;
|
|
36090
|
+
font-size: 14px;
|
|
36091
|
+
font-weight: bold;
|
|
36092
|
+
text-align: center;
|
|
36093
|
+
height: 25px;
|
|
36094
|
+
line-height: 25px;
|
|
36095
|
+
}
|
|
36096
|
+
|
|
36097
|
+
.legend-box {
|
|
36098
|
+
margin-left: 33px;
|
|
36099
|
+
z-index: 10;
|
|
36100
|
+
|
|
36101
|
+
display: flex;
|
|
36102
|
+
align-items: center;
|
|
36103
|
+
flex-wrap: wrap;
|
|
36104
|
+
|
|
36105
|
+
>.el-checkbox {
|
|
36106
|
+
margin-right: 8px;
|
|
36107
|
+
}
|
|
36108
|
+
|
|
36109
|
+
.el-dropdown {
|
|
36110
|
+
margin-right: 8px;
|
|
36111
|
+
|
|
36112
|
+
.el-tooltip__trigger {
|
|
36113
|
+
display: flex;
|
|
36114
|
+
align-items: center;
|
|
36115
|
+
}
|
|
36116
|
+
}
|
|
36117
|
+
}
|
|
36118
|
+
|
|
36119
|
+
.mychart {
|
|
36120
|
+
flex: 1;
|
|
36121
|
+
position: relative;
|
|
36122
|
+
|
|
36123
|
+
.line-name-tooltip-style {
|
|
36124
|
+
position: absolute;
|
|
36125
|
+
padding: 8px;
|
|
36126
|
+
background: rgba(255, 255, 255, 0.95);
|
|
36127
|
+
border-radius: 4px;
|
|
36128
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
36129
|
+
font-size: 14px;
|
|
36130
|
+
pointer-events: none;
|
|
36131
|
+
opacity: 0;
|
|
36132
|
+
transform: translate(-100%, -120%);
|
|
36133
|
+
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
|
36134
|
+
z-index: 1000;
|
|
36135
|
+
}
|
|
36136
|
+
}
|
|
36137
|
+
}
|
|
36138
|
+
|
|
36139
|
+
.el-checkbox {
|
|
36140
|
+
.el-checkbox__label {
|
|
36141
|
+
color: var(--fill-color);
|
|
36142
|
+
display: flex;
|
|
36143
|
+
align-items: center;
|
|
36144
|
+
padding-left: 3px;
|
|
36145
|
+
}
|
|
36146
|
+
|
|
36147
|
+
.el-checkbox__input.is-checked .el-checkbox__inner,
|
|
36148
|
+
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
36149
|
+
background-color: var(--fill-color);
|
|
36150
|
+
border-color: var(--fill-color) !important;
|
|
36151
|
+
}
|
|
36152
|
+
|
|
36153
|
+
.el-checkbox__input.is-focus .el-checkbox__inner,
|
|
36154
|
+
.el-checkbox__inner:hover {
|
|
36155
|
+
border-color: var(--fill-color) !important;
|
|
36156
|
+
}
|
|
36157
|
+
}
|
|
36158
|
+
`, document.head.appendChild(e), t.component("ElCheckbox", N7), t.component("ElIcon", sa), t.component("ElDropdown", Sj), t.component("ElDropdownMenu", Uj), t.component("ElDropdownItem", Qj), t.component("SvgIcon", oq), t.component("HydroGraph", zb);
|
|
36064
36159
|
};
|
|
36065
36160
|
export {
|
|
36066
36161
|
zb as HydroGraph,
|