sky-ui-kit 0.1.2 → 0.1.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/components.json +236 -2
- package/dist/components/MapLayerControl.vue.d.ts +38 -0
- package/dist/components/MapSideMenu.vue.d.ts +10 -0
- package/dist/components/MapTools.vue.d.ts +6 -0
- package/dist/components/MetricCard.vue.d.ts +25 -0
- package/dist/components/ProcessChart.vue.d.ts +24 -0
- package/dist/components/WorkbenchPanel.vue.d.ts +20 -0
- package/dist/components/WorkbenchShell.vue.d.ts +18 -0
- package/dist/components/index.d.ts +173 -0
- package/dist/components.js +1252 -979
- package/dist/style.css +1 -1
- package/docs/AI-CHANGELOG.md +53 -0
- package/docs/AI-GUIDE.md +103 -0
- package/docs/COMPONENT-API.md +107 -0
- package/docs/COMPONENT-GUIDE.md +163 -160
- package/docs/CONSUMERS.md +59 -0
- package/docs/CSS-THEME.md +48 -0
- package/docs/ELEMENT-PLUS-COVERAGE.md +1 -1
- package/docs/INTEGRATION.md +51 -0
- package/llms-full.txt +374 -2
- package/llms.txt +2 -1
- package/package.json +84 -80
package/dist/components.js
CHANGED
|
@@ -1,67 +1,67 @@
|
|
|
1
1
|
import * as o from "element-plus";
|
|
2
|
-
import { ElSelectV2 as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { VideoPause as
|
|
5
|
-
import { motion as
|
|
6
|
-
function
|
|
7
|
-
return
|
|
8
|
-
name:
|
|
2
|
+
import { ElSelectV2 as E3, ElIcon as n1, ElDatePicker as S3, ElTree as G2, ElEmpty as A3, ElButton as W1, ElSelect as b3, ElOption as N1, ElCheckbox as b2, ElInput as F3, ElSlider as U3 } from "element-plus";
|
|
3
|
+
import { defineComponent as K, ref as S, h as F2, isVNode as P3, computed as p, onMounted as Q1, watch as W, openBlock as g, createElementBlock as V, normalizeStyle as D1, createElementVNode as L, createBlock as q, unref as x, mergeProps as G3, useSlots as I3, nextTick as p1, onBeforeUnmount as h2, normalizeClass as A, createVNode as T, withCtx as O, toDisplayString as B, renderSlot as R1, withKeys as j1, withModifiers as o1, Fragment as R, renderList as r1, createCommentVNode as Y, withDirectives as Y1, vModelText as I2, Transition as O3, resolveDynamicComponent as K1, vShow as O2, createTextVNode as x1 } from "vue";
|
|
4
|
+
import { VideoPause as W3, VideoPlay as N3, ArrowLeft as j3, ArrowRight as Y3, RefreshRight as W2, ArrowDown as Q3, DataAnalysis as N2, Pouring as R3, List as d2, TrendCharts as U2, Sunny as K3, WindPower as J3, Search as q3, Monitor as X3, LocationFilled as _3, Grid as $3, Operation as C4, Aim as e4, Setting as t4, Mouse as l4, DArrowRight as o4, DArrowLeft as n4 } from "@element-plus/icons-vue";
|
|
5
|
+
import { motion as v2 } from "motion-v";
|
|
6
|
+
function i(n) {
|
|
7
|
+
return K({
|
|
8
|
+
name: n == null ? void 0 : n.name,
|
|
9
9
|
inheritAttrs: !1,
|
|
10
|
-
setup(
|
|
11
|
-
const
|
|
12
|
-
return
|
|
13
|
-
var
|
|
14
|
-
return (
|
|
15
|
-
}, has: (
|
|
10
|
+
setup(v, { attrs: t, slots: h, expose: w }) {
|
|
11
|
+
const c = S();
|
|
12
|
+
return w(new Proxy({}, { get: (Z, f) => {
|
|
13
|
+
var u;
|
|
14
|
+
return (u = c.value) == null ? void 0 : u[f];
|
|
15
|
+
}, has: (Z, f) => f in (c.value || {}) })), () => F2("div", { class: "userssite-theme", style: "display: contents" }, [F2(n, {
|
|
16
16
|
...t,
|
|
17
|
-
ref:
|
|
18
|
-
...
|
|
17
|
+
ref: c,
|
|
18
|
+
...i4(n, t),
|
|
19
19
|
class: ["userssite-theme", t.class]
|
|
20
|
-
},
|
|
20
|
+
}, h)]);
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const
|
|
24
|
+
const _6 = i(o.ElAffix), $6 = i(o.ElIcon), C5 = i(o.ElAlert), e5 = i(o.ElForm), t5 = i(o.ElFormItem), l5 = o.ElPopper, o5 = i(o.ElTooltip), n5 = i(o.ElInput), r5 = i(o.ElAutocomplete), i5 = i(o.ElAvatar), s5 = i(o.ElAvatarGroup), a5 = i(o.ElBacktop), L5 = i(o.ElBadge), c5 = i(o.ElBreadcrumb), d5 = i(o.ElBreadcrumbItem), v5 = o.ElConfigProvider, h5 = i(o.ElButton), g5 = i(o.ElButtonGroup), w5 = i(o.ElTimePicker), p5 = i(o.ElTag), M5 = i(o.ElSelect), u5 = o.ElOption, V5 = o.ElOptionGroup, f5 = i(o.ElCalendar), Z5 = i(o.ElCard), m5 = i(o.ElCarousel), H5 = o.ElCarouselItem, x5 = i(o.ElCheckbox), D5 = i(o.ElCheckboxButton), y5 = i(o.ElCheckboxGroup), z5 = i(o.ElRadio), k5 = i(o.ElRadioButton), B5 = i(o.ElRadioGroup), T5 = i(o.ElCascaderPanel), E5 = i(o.ElCascader), S5 = i(o.ElCheckTag), A5 = i(o.ElRow), b5 = i(o.ElCol), F5 = o.ElCollapseTransition, U5 = i(o.ElCollapse), P5 = i(o.ElCollapseItem), G5 = i(o.ElColorPickerPanel), I5 = i(o.ElColorPicker), O5 = i(o.ElContainer), W5 = i(o.ElAside), N5 = i(o.ElFooter), j5 = i(o.ElHeader), Y5 = i(o.ElMain), Q5 = i(o.ElStatistic), R5 = i(o.ElCountdown), K5 = i(o.ElDatePickerPanel), J5 = i(o.ElDatePicker), q5 = i(o.ElDescriptions), X5 = i(o.ElDescriptionsItem), _5 = i(o.ElDialog), $5 = i(o.ElDivider), C8 = i(o.ElDrawer), e8 = i(o.ElDropdown), t8 = i(o.ElDropdownItem), l8 = i(o.ElDropdownMenu), o8 = i(o.ElEmpty), n8 = i(o.ElImageViewer), r8 = i(o.ElImage), i8 = i(o.ElInputNumber), s8 = i(o.ElInputTag), a8 = i(o.ElInputOtp), L8 = i(o.ElLink), c8 = i(o.ElMenu), d8 = o.ElMenuItem, v8 = o.ElMenuItemGroup, h8 = o.ElSubMenu, g8 = i(o.ElPageHeader), w8 = i(o.ElPagination), p8 = i(o.ElPopconfirm), M8 = i(o.ElProgress), u8 = i(o.ElRate), V8 = i(o.ElResult), f8 = i(o.ElSelectV2), Z8 = i(o.ElSkeleton), m8 = o.ElSkeletonItem, H8 = i(o.ElSlider), x8 = i(o.ElSpace), D8 = i(o.ElSteps), y8 = o.ElStep, z8 = i(o.ElSwitch), k8 = i(o.ElTable), B8 = o.ElTableColumn, T8 = i(o.ElTableV2), E8 = o.ElAutoResizer, S8 = i(o.ElTabs), A8 = o.ElTabPane, b8 = i(o.ElText), F8 = i(o.ElTimeSelect), U8 = i(o.ElTimeline), P8 = o.ElTimelineItem, G8 = i(o.ElTransfer), I8 = i(o.ElTree), O8 = i(o.ElTreeSelect), W8 = i(o.ElTreeV2), N8 = i(o.ElUpload), j8 = i(o.ElWatermark), Y8 = i(o.ElTour), Q8 = o.ElTourStep, R8 = i(o.ElAnchor), K8 = o.ElAnchorLink, J8 = i(o.ElSegmented), q8 = i(o.ElMention), X8 = i(o.ElSplitter), _8 = o.ElSplitterPanel, $8 = i(o.ElPopover), C9 = J1(o.ElMessage), e9 = J1(o.ElMessageBox), t9 = J1(o.ElNotification), r4 = {
|
|
25
25
|
...o.ElLoadingDirective,
|
|
26
|
-
mounted(
|
|
27
|
-
var
|
|
28
|
-
|
|
26
|
+
mounted(n, v, t, h) {
|
|
27
|
+
var w, c;
|
|
28
|
+
n.classList.add("userssite-theme"), (c = (w = o.ElLoadingDirective).mounted) == null || c.call(w, n, P2(n, v), t, h);
|
|
29
29
|
},
|
|
30
|
-
updated(
|
|
31
|
-
var
|
|
32
|
-
(
|
|
30
|
+
updated(n, v, t, h) {
|
|
31
|
+
var w, c;
|
|
32
|
+
(c = (w = o.ElLoadingDirective).updated) == null || c.call(w, n, P2(n, v), t, h);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
function
|
|
36
|
-
if (!
|
|
37
|
-
return
|
|
38
|
-
const t = typeof
|
|
39
|
-
return { ...
|
|
35
|
+
function P2(n, v) {
|
|
36
|
+
if (!v.value)
|
|
37
|
+
return v;
|
|
38
|
+
const t = typeof v.value == "object" ? v.value : Object.fromEntries(["text", "svg", "svgViewBox", "spinner", "background"].map((h) => [h, n.getAttribute("element-loading-" + h.replace(/[A-Z]/g, (w) => "-" + w.toLowerCase()))]));
|
|
39
|
+
return { ...v, value: { ...t, customClass: ["userssite-theme", t.customClass || n.getAttribute("element-loading-custom-class") || ""].join(" ") } };
|
|
40
40
|
}
|
|
41
|
-
const
|
|
42
|
-
service:
|
|
43
|
-
directive:
|
|
41
|
+
const l9 = o.ElInfiniteScroll, o9 = o.ElPopoverDirective, n9 = {
|
|
42
|
+
service: J1(o.ElLoading.service),
|
|
43
|
+
directive: r4
|
|
44
44
|
};
|
|
45
|
-
function
|
|
46
|
-
const t =
|
|
47
|
-
|
|
48
|
-
for (const
|
|
49
|
-
|
|
50
|
-
return
|
|
45
|
+
function i4(n, v) {
|
|
46
|
+
const t = n.props || {}, h = {}, w = (c) => Array.isArray(t) ? t.includes(c) : c in t;
|
|
47
|
+
w("teleported") && (h.teleported = v.teleported ?? !1);
|
|
48
|
+
for (const c of ["popperClass", "modalClass"])
|
|
49
|
+
w(c) && (h[c] = ["userssite-theme", v[c] || v[c.replace(/[A-Z]/g, (Z) => "-" + Z.toLowerCase())] || ""].join(" "));
|
|
50
|
+
return h;
|
|
51
51
|
}
|
|
52
|
-
function
|
|
53
|
-
const
|
|
54
|
-
return new Proxy(
|
|
55
|
-
apply(t,
|
|
56
|
-
return Reflect.apply(t,
|
|
52
|
+
function J1(n) {
|
|
53
|
+
const v = (t) => ({ ...typeof t == "object" && t !== null && !P3(t) ? t : { message: t }, customClass: ["userssite-theme", (t == null ? void 0 : t.customClass) || ""].join(" ") });
|
|
54
|
+
return new Proxy(n, {
|
|
55
|
+
apply(t, h, w) {
|
|
56
|
+
return Reflect.apply(t, h, [v(w[0]), ...w.slice(1)]);
|
|
57
57
|
},
|
|
58
|
-
get(t,
|
|
59
|
-
const
|
|
60
|
-
return ["success", "warning", "info", "error"].includes(String(
|
|
58
|
+
get(t, h) {
|
|
59
|
+
const w = t[h];
|
|
60
|
+
return ["success", "warning", "info", "error"].includes(String(h)) ? (c) => w(v(c)) : ["alert", "confirm", "prompt"].includes(String(h)) ? (c, Z, f) => typeof Z == "string" ? w(c, Z, v(f || {})) : w(c, v(Z || {})) : w;
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
|
-
const
|
|
64
|
+
const s4 = [
|
|
65
65
|
{
|
|
66
66
|
name: "3d",
|
|
67
67
|
category: "通用与业务",
|
|
@@ -3259,51 +3259,51 @@ const e4 = [
|
|
|
3259
3259
|
`
|
|
3260
3260
|
}
|
|
3261
3261
|
];
|
|
3262
|
-
function
|
|
3263
|
-
var
|
|
3264
|
-
const t =
|
|
3262
|
+
function a4(n, v) {
|
|
3263
|
+
var c;
|
|
3264
|
+
const t = v ?? (typeof document > "u" ? void 0 : document);
|
|
3265
3265
|
if (!t)
|
|
3266
3266
|
return;
|
|
3267
|
-
const
|
|
3268
|
-
let
|
|
3269
|
-
|
|
3270
|
-
for (const
|
|
3271
|
-
if (
|
|
3267
|
+
const h = "http://www.w3.org/2000/svg";
|
|
3268
|
+
let w = t.getElementById("sky-ui-kit-icon-sprite");
|
|
3269
|
+
w || (w = t.createElementNS(h, "svg"), w.id = "sky-ui-kit-icon-sprite", w.setAttribute("aria-hidden", "true"), w.setAttribute("style", "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none"), (t.body || t.documentElement).appendChild(w));
|
|
3270
|
+
for (const Z of s4) {
|
|
3271
|
+
if (n && !n.includes(Z.name))
|
|
3272
3272
|
continue;
|
|
3273
|
-
const
|
|
3274
|
-
if (t.getElementById(
|
|
3273
|
+
const f = `sky-icon-${Z.name}`;
|
|
3274
|
+
if (t.getElementById(f))
|
|
3275
3275
|
continue;
|
|
3276
|
-
const
|
|
3277
|
-
if (
|
|
3276
|
+
const u = new (((c = t.defaultView) == null ? void 0 : c.DOMParser) ?? DOMParser)().parseFromString(Z.svg, "image/svg+xml"), s = u.documentElement;
|
|
3277
|
+
if (s.localName !== "svg" || u.querySelector("parsererror"))
|
|
3278
3278
|
continue;
|
|
3279
|
-
const
|
|
3280
|
-
|
|
3281
|
-
for (const
|
|
3282
|
-
|
|
3283
|
-
const
|
|
3284
|
-
|
|
3285
|
-
if (["script", "foreignObject", "style", "image", "animate", "set"].includes(
|
|
3286
|
-
|
|
3279
|
+
const a = t.createElementNS(h, "symbol");
|
|
3280
|
+
a.id = f, a.setAttribute("viewBox", s.getAttribute("viewBox") || `0 0 ${s.getAttribute("width") || 24} ${s.getAttribute("height") || 24}`);
|
|
3281
|
+
for (const y of ["fill", "stroke", "stroke-width", "fill-rule"])
|
|
3282
|
+
s.hasAttribute(y) && a.setAttribute(y, s.getAttribute(y));
|
|
3283
|
+
const m = /* @__PURE__ */ new Map();
|
|
3284
|
+
s.querySelectorAll("[id]").forEach((y) => m.set(y.id, `${f}-${y.id}`)), s.querySelectorAll("*").forEach((y) => {
|
|
3285
|
+
if (["script", "foreignObject", "style", "image", "animate", "set"].includes(y.localName)) {
|
|
3286
|
+
y.remove();
|
|
3287
3287
|
return;
|
|
3288
3288
|
}
|
|
3289
|
-
for (const
|
|
3290
|
-
if (/^on/i.test(
|
|
3291
|
-
|
|
3289
|
+
for (const Q of Array.from(y.attributes)) {
|
|
3290
|
+
if (/^on/i.test(Q.name) || Q.localName === "href" && !Q.value.startsWith("#")) {
|
|
3291
|
+
y.removeAttributeNode(Q);
|
|
3292
3292
|
continue;
|
|
3293
3293
|
}
|
|
3294
|
-
let
|
|
3295
|
-
|
|
3296
|
-
for (const [
|
|
3297
|
-
|
|
3298
|
-
|
|
3294
|
+
let z = Q.value;
|
|
3295
|
+
Q.name === "id" && (z = m.get(z) || z);
|
|
3296
|
+
for (const [G, P] of m)
|
|
3297
|
+
z = z.split(`url(#${G})`).join(`url(#${P})`), z === `#${G}` && (z = `#${P}`);
|
|
3298
|
+
Q.value = z;
|
|
3299
3299
|
}
|
|
3300
3300
|
});
|
|
3301
|
-
for (const
|
|
3302
|
-
|
|
3303
|
-
|
|
3301
|
+
for (const y of Array.from(s.childNodes))
|
|
3302
|
+
a.appendChild(t.importNode(y, !0));
|
|
3303
|
+
w.appendChild(a);
|
|
3304
3304
|
}
|
|
3305
3305
|
}
|
|
3306
|
-
const
|
|
3306
|
+
const L4 = ["role", "aria-label", "aria-hidden"], c4 = ["href"], d4 = /* @__PURE__ */ K({
|
|
3307
3307
|
__name: "SvgIcon",
|
|
3308
3308
|
props: {
|
|
3309
3309
|
name: {},
|
|
@@ -3313,32 +3313,32 @@ const l4 = ["role", "aria-label", "aria-hidden"], o4 = ["href"], n4 = /* @__PURE
|
|
|
3313
3313
|
color: {},
|
|
3314
3314
|
prefix: { default: "sky-icon-" }
|
|
3315
3315
|
},
|
|
3316
|
-
setup(
|
|
3317
|
-
const
|
|
3318
|
-
function
|
|
3319
|
-
|
|
3316
|
+
setup(n) {
|
|
3317
|
+
const v = n, t = S(), h = p(() => ({ width: typeof v.size == "number" ? `calc(var(--cp-font-1, 1px) * ${v.size})` : v.size, height: typeof v.size == "number" ? `calc(var(--cp-font-1, 1px) * ${v.size})` : v.size, color: v.color }));
|
|
3318
|
+
function w() {
|
|
3319
|
+
v.prefix === "sky-icon-" && t.value && a4([v.name], t.value.ownerDocument);
|
|
3320
3320
|
}
|
|
3321
|
-
return
|
|
3321
|
+
return Q1(w), W(() => [v.name, v.prefix], w, { flush: "post" }), (c, Z) => (g(), V("svg", {
|
|
3322
3322
|
ref_key: "element",
|
|
3323
3323
|
ref: t,
|
|
3324
3324
|
class: "sky-svg-icon",
|
|
3325
|
-
style:
|
|
3326
|
-
role:
|
|
3327
|
-
"aria-label":
|
|
3328
|
-
"aria-hidden":
|
|
3325
|
+
style: D1(h.value),
|
|
3326
|
+
role: n.decorative ? void 0 : "img",
|
|
3327
|
+
"aria-label": n.decorative ? void 0 : n.title || n.name,
|
|
3328
|
+
"aria-hidden": n.decorative ? "true" : void 0
|
|
3329
3329
|
}, [
|
|
3330
3330
|
L("use", {
|
|
3331
|
-
href: `#${
|
|
3332
|
-
}, null, 8,
|
|
3333
|
-
], 12,
|
|
3331
|
+
href: `#${n.prefix}${n.name}`
|
|
3332
|
+
}, null, 8, c4)
|
|
3333
|
+
], 12, L4));
|
|
3334
3334
|
}
|
|
3335
3335
|
});
|
|
3336
|
-
const
|
|
3337
|
-
const t =
|
|
3338
|
-
for (const [
|
|
3339
|
-
t[
|
|
3336
|
+
const c1 = (n, v) => {
|
|
3337
|
+
const t = n.__vccOpts || n;
|
|
3338
|
+
for (const [h, w] of v)
|
|
3339
|
+
t[h] = w;
|
|
3340
3340
|
return t;
|
|
3341
|
-
},
|
|
3341
|
+
}, v4 = /* @__PURE__ */ c1(d4, [["__scopeId", "data-v-4a568193"]]), h4 = /* @__PURE__ */ K({
|
|
3342
3342
|
__name: "AppSelect",
|
|
3343
3343
|
props: {
|
|
3344
3344
|
modelValue: { type: [String, Number, Boolean, Object, Array, null], default: void 0 },
|
|
@@ -3348,49 +3348,49 @@ const h1 = (i, p) => {
|
|
|
3348
3348
|
teleported: { type: Boolean, default: !1 }
|
|
3349
3349
|
},
|
|
3350
3350
|
emits: ["update:modelValue", "change"],
|
|
3351
|
-
setup(
|
|
3352
|
-
const t =
|
|
3353
|
-
label:
|
|
3354
|
-
value:
|
|
3355
|
-
disabled:
|
|
3351
|
+
setup(n, { emit: v }) {
|
|
3352
|
+
const t = n, h = v, w = p(() => t.options.map((u) => typeof u == "object" && u !== null ? {
|
|
3353
|
+
label: u.label,
|
|
3354
|
+
value: u.value,
|
|
3355
|
+
disabled: u.disabled
|
|
3356
3356
|
} : {
|
|
3357
|
-
label: String(
|
|
3358
|
-
value:
|
|
3359
|
-
})),
|
|
3360
|
-
|
|
3361
|
-
},
|
|
3362
|
-
|
|
3357
|
+
label: String(u),
|
|
3358
|
+
value: u
|
|
3359
|
+
})), c = p(() => ["userssite-app-select-popper", t.popperClass].filter(Boolean).join(" ")), Z = (u) => {
|
|
3360
|
+
h("update:modelValue", u);
|
|
3361
|
+
}, f = (u) => {
|
|
3362
|
+
h("change", u);
|
|
3363
3363
|
};
|
|
3364
|
-
return (
|
|
3364
|
+
return (u, s) => (g(), q(x(E3), G3(u.$attrs, {
|
|
3365
3365
|
class: "userssite-app-select",
|
|
3366
|
-
"model-value":
|
|
3367
|
-
options:
|
|
3368
|
-
"no-data-text":
|
|
3369
|
-
"no-match-text":
|
|
3370
|
-
"popper-class":
|
|
3371
|
-
teleported:
|
|
3372
|
-
"onUpdate:modelValue":
|
|
3373
|
-
onChange:
|
|
3366
|
+
"model-value": n.modelValue,
|
|
3367
|
+
options: w.value,
|
|
3368
|
+
"no-data-text": n.emptyLabel,
|
|
3369
|
+
"no-match-text": n.emptyLabel,
|
|
3370
|
+
"popper-class": c.value,
|
|
3371
|
+
teleported: n.teleported,
|
|
3372
|
+
"onUpdate:modelValue": Z,
|
|
3373
|
+
onChange: f
|
|
3374
3374
|
}), null, 16, ["model-value", "options", "no-data-text", "no-match-text", "popper-class", "teleported"]));
|
|
3375
3375
|
}
|
|
3376
3376
|
});
|
|
3377
|
-
const
|
|
3377
|
+
const g4 = { class: "timeline-controls" }, w4 = ["aria-label"], p4 = {
|
|
3378
3378
|
class: "timeline-button-group",
|
|
3379
3379
|
role: "group",
|
|
3380
3380
|
"aria-label": "时间步进"
|
|
3381
|
-
},
|
|
3381
|
+
}, M4 = {
|
|
3382
3382
|
key: 0,
|
|
3383
3383
|
class: "timeline-date-slot"
|
|
3384
|
-
},
|
|
3384
|
+
}, u4 = { class: "timeline-body" }, V4 = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], f4 = ["title", "disabled", "onClick"], Z4 = { class: "timeline-segment-label" }, m4 = {
|
|
3385
3385
|
key: 1,
|
|
3386
3386
|
class: "timeline-scale"
|
|
3387
|
-
},
|
|
3387
|
+
}, H4 = { class: "timeline-scale-item timeline-scale-window-start is-forecast" }, x4 = { class: "timeline-scale-item timeline-scale-window-end is-forecast" }, D4 = {
|
|
3388
3388
|
key: 0,
|
|
3389
3389
|
class: "timeline-scale-item timeline-scale-observed"
|
|
3390
|
-
},
|
|
3390
|
+
}, y4 = {
|
|
3391
3391
|
key: 2,
|
|
3392
3392
|
class: "timeline-scale-item timeline-scale-forecast"
|
|
3393
|
-
},
|
|
3393
|
+
}, z4 = /* @__PURE__ */ K({
|
|
3394
3394
|
__name: "MapTimeline",
|
|
3395
3395
|
props: {
|
|
3396
3396
|
modelValue: { default: 0 },
|
|
@@ -3415,553 +3415,553 @@ const s4 = { class: "timeline-controls" }, a4 = ["aria-label"], L4 = {
|
|
|
3415
3415
|
timeZone: {}
|
|
3416
3416
|
},
|
|
3417
3417
|
emits: ["update:modelValue", "update:startTime", "update:playing", "update:speed", "change", "play", "pause"],
|
|
3418
|
-
setup(
|
|
3419
|
-
const t =
|
|
3420
|
-
let
|
|
3421
|
-
const M1 =
|
|
3422
|
-
const l =
|
|
3418
|
+
setup(n, { emit: v }) {
|
|
3419
|
+
const t = n, h = v, w = I3(), c = S(null), Z = /* @__PURE__ */ new Map(), f = S(t.playing), u = S(t.speed), s = S(0), a = S(null), m = S(t.startTime), y = S(""), Q = S("");
|
|
3420
|
+
let z = null, G = null, P = 0, C1 = !1;
|
|
3421
|
+
const M1 = p(() => !!w["date-select"]), b = p(() => e2(m.value)), _ = p(() => Math.max(1, t.interval)), y1 = p(() => P1(t.minTime)), z1 = p(() => P1(t.maxTime)), e1 = p(() => Math.max(1, Math.floor(Number(t.pageSize) || 24))), i1 = p(() => !Array.isArray(t.points) || !t.points.length ? [] : t.points.map((C, e) => {
|
|
3422
|
+
const l = e2(C.time || C.value || t.startTime);
|
|
3423
3423
|
return {
|
|
3424
3424
|
index: typeof C.index == "number" ? C.index : e,
|
|
3425
3425
|
offset: typeof C.offset == "number" ? C.offset : e,
|
|
3426
3426
|
time: l,
|
|
3427
3427
|
value: C.value || l.toISOString(),
|
|
3428
|
-
label: C.label ||
|
|
3428
|
+
label: C.label || B1(l, t.unit),
|
|
3429
3429
|
kind: C.kind || "forecast",
|
|
3430
|
-
disabled: !!C.disabled ||
|
|
3430
|
+
disabled: !!C.disabled || t2(l)
|
|
3431
3431
|
};
|
|
3432
|
-
})),
|
|
3433
|
-
if (!
|
|
3432
|
+
})), F = p(() => i1.value.length > 0), E1 = p(() => {
|
|
3433
|
+
if (!i1.value.length)
|
|
3434
3434
|
return;
|
|
3435
|
-
const C =
|
|
3435
|
+
const C = i1.value.map((e) => e.time.getTime());
|
|
3436
3436
|
return {
|
|
3437
3437
|
min: new Date(Math.min(...C)),
|
|
3438
3438
|
max: new Date(Math.max(...C))
|
|
3439
3439
|
};
|
|
3440
|
-
}),
|
|
3440
|
+
}), s1 = p(() => {
|
|
3441
3441
|
var C;
|
|
3442
|
-
return
|
|
3443
|
-
}), g1 =
|
|
3442
|
+
return P1(t.minTime) || ((C = E1.value) == null ? void 0 : C.min);
|
|
3443
|
+
}), g1 = p(() => {
|
|
3444
3444
|
var C;
|
|
3445
|
-
return
|
|
3446
|
-
}),
|
|
3447
|
-
if (
|
|
3448
|
-
return
|
|
3449
|
-
if (
|
|
3450
|
-
return Array.from({ length:
|
|
3451
|
-
const
|
|
3445
|
+
return P1(t.maxTime) || ((C = E1.value) == null ? void 0 : C.max) || b.value;
|
|
3446
|
+
}), d1 = p(() => !F.value && (t.unit === "minute" && _.value === 60 || t.unit === "hour" && _.value === 1)), a1 = p(() => !F.value && t.unit === "day" && _.value >= 10 && _.value <= 11), t1 = p(() => !F.value && t.unit === "day" && !a1.value), w1 = p(() => !F.value && t.unit === "month"), $ = p(() => d1.value || t1.value || w1.value || a1.value), S1 = p(() => Math.min(Math.max(b.value.getHours(), 0), 23)), q1 = p(() => Math.min(Math.max(b.value.getDate() - 1, 0), o2(b.value) - 1)), A1 = p(() => Math.min(Math.max(b.value.getMonth(), 0), 11)), H = p(() => D2(b.value)), D = p(() => d1.value ? S1.value : t1.value ? q1.value : w1.value ? A1.value : a1.value ? H.value : 0), I = p(() => d1.value ? 24 : t1.value ? o2(b.value) : w1.value ? 12 : a1.value ? 3 : 0), J = p(() => Math.max(0, s.value) * e1.value), g2 = p(() => Math.max(1, Math.ceil(i1.value.length / e1.value))), U = p(() => F.value ? 0 : $.value ? D.value : typeof t.pastSteps == "number" ? Math.max(0, t.pastSteps) : Math.floor((Math.max(1, t.steps) - 1) / 2)), v1 = p(() => F.value ? Math.min(e1.value, i1.value.length) : $.value ? Math.max(0, I.value - D.value - 1) : typeof t.futureSteps == "number" ? Math.max(0, t.futureSteps) : Math.max(0, Math.max(1, t.steps) - U.value - 1)), f1 = p(() => !F.value && U.value > 0 && v1.value > 0), X1 = p(() => $.value ? I.value : Math.max(1, U.value + v1.value + (f1.value ? 1 : 0))), b1 = p(() => !F.value), k = p(() => {
|
|
3447
|
+
if (F.value)
|
|
3448
|
+
return i1.value.slice(J.value, J.value + e1.value);
|
|
3449
|
+
if ($.value)
|
|
3450
|
+
return Array.from({ length: I.value }, (e, l) => {
|
|
3451
|
+
const r = v3(l), d = l <= D.value ? "observed" : "forecast";
|
|
3452
3452
|
return {
|
|
3453
3453
|
index: l,
|
|
3454
|
-
offset: l -
|
|
3455
|
-
time:
|
|
3456
|
-
value:
|
|
3457
|
-
label:
|
|
3458
|
-
kind:
|
|
3459
|
-
disabled:
|
|
3454
|
+
offset: l - D.value,
|
|
3455
|
+
time: r,
|
|
3456
|
+
value: r.toISOString(),
|
|
3457
|
+
label: B1(r, t.unit),
|
|
3458
|
+
kind: d,
|
|
3459
|
+
disabled: t2(r)
|
|
3460
3460
|
};
|
|
3461
3461
|
});
|
|
3462
|
-
const C =
|
|
3462
|
+
const C = X1.value;
|
|
3463
3463
|
return Array.from({ length: C }, (e, l) => {
|
|
3464
|
-
const
|
|
3464
|
+
const r = r3(l), d = h1(b.value, _.value * r, t.unit), M = i3(l);
|
|
3465
3465
|
return {
|
|
3466
3466
|
index: l,
|
|
3467
|
-
offset:
|
|
3468
|
-
time:
|
|
3469
|
-
value:
|
|
3470
|
-
label:
|
|
3471
|
-
kind:
|
|
3472
|
-
disabled:
|
|
3467
|
+
offset: r,
|
|
3468
|
+
time: d,
|
|
3469
|
+
value: d.toISOString(),
|
|
3470
|
+
label: B1(d, t.unit),
|
|
3471
|
+
kind: M,
|
|
3472
|
+
disabled: t2(d)
|
|
3473
3473
|
};
|
|
3474
3474
|
});
|
|
3475
|
-
}), u1 =
|
|
3476
|
-
var e, l,
|
|
3477
|
-
if (
|
|
3478
|
-
const
|
|
3479
|
-
return (e =
|
|
3475
|
+
}), u1 = p(() => {
|
|
3476
|
+
var e, l, r;
|
|
3477
|
+
if (F.value) {
|
|
3478
|
+
const d = k.value.findIndex((E) => E.index === t.modelValue), M = d >= 0 ? d : Math.min(Math.max(Number(t.modelValue) - J.value, 0), k.value.length - 1);
|
|
3479
|
+
return (e = k.value[M]) != null && e.disabled ? l1(M) : M;
|
|
3480
3480
|
}
|
|
3481
|
-
if (
|
|
3482
|
-
const
|
|
3483
|
-
return (l =
|
|
3481
|
+
if ($.value) {
|
|
3482
|
+
const d = Number(t.modelValue), M = Math.min(Math.max(Number.isFinite(d) ? d : D.value, 0), I.value - 1);
|
|
3483
|
+
return (l = k.value[M]) != null && l.disabled ? l1(M) : M;
|
|
3484
3484
|
}
|
|
3485
|
-
const C = Math.min(Math.max(t.modelValue, 0),
|
|
3486
|
-
return (
|
|
3487
|
-
}),
|
|
3485
|
+
const C = Math.min(Math.max(t.modelValue, 0), k.value.length - 1);
|
|
3486
|
+
return (r = k.value[C]) != null && r.disabled ? l1(C) : C;
|
|
3487
|
+
}), w2 = p(() => Math.max(k.value.length - 1, 0)), V1 = p(() => Math.min(Math.max(Math.floor(u1.value), 0), w2.value)), F1 = p(() => Math.min(Math.max(u1.value, 0), w2.value)), Z1 = p(() => k.value[V1.value]), p2 = p(() => {
|
|
3488
3488
|
var C;
|
|
3489
|
-
return ((C =
|
|
3490
|
-
}),
|
|
3489
|
+
return ((C = Z1.value) == null ? void 0 : C.label) || "";
|
|
3490
|
+
}), M2 = p(() => {
|
|
3491
3491
|
var C;
|
|
3492
|
-
return ((C =
|
|
3493
|
-
}),
|
|
3492
|
+
return ((C = Z1.value) == null ? void 0 : C.kind) || "forecast";
|
|
3493
|
+
}), j2 = p(() => t.unit === "year" ? "year" : t.unit === "month" ? "month" : t.unit === "day" ? "date" : "datetime"), Y2 = p(() => t.unit === "year" ? "YYYY" : t.unit === "month" ? "YYYY-MM" : t.unit === "day" ? "MM-DD" : "YYYY-MM-DD HH:mm"), u2 = p(() => s.value === 0), V2 = p(() => t.showScale), Q2 = p(() => !!((y1.value || z1.value) && (typeof t.forecastCount == "number" && Number.isFinite(t.forecastCount) && t.forecastCount > 0 || F.value))), R2 = p(() => k2(y1.value)), K2 = p(() => k2(z1.value)), J2 = p(() => k.value.some((C) => C.kind === "observed")), q2 = p(() => k.value.some((C) => C.kind === "forecast")), _1 = p(() => t.showCurrentMarker && u2.value && U.value > 0 && v1.value > 0), X2 = p(() => {
|
|
3494
3494
|
var C;
|
|
3495
|
-
return ((C =
|
|
3496
|
-
}),
|
|
3495
|
+
return ((C = k.value.find((e) => e.kind === "observed")) == null ? void 0 : C.label) || "";
|
|
3496
|
+
}), _2 = p(() => B1(b.value, t.unit)), $2 = p(() => {
|
|
3497
3497
|
var C;
|
|
3498
|
-
return ((C = [...
|
|
3499
|
-
}),
|
|
3498
|
+
return ((C = [...k.value].reverse().find((e) => e.kind === "forecast")) == null ? void 0 : C.label) || "";
|
|
3499
|
+
}), C3 = p(() => {
|
|
3500
3500
|
var C;
|
|
3501
|
-
return ((C =
|
|
3502
|
-
}),
|
|
3501
|
+
return ((C = k.value[0]) == null ? void 0 : C.label) || "";
|
|
3502
|
+
}), e3 = p(() => {
|
|
3503
3503
|
var C;
|
|
3504
|
-
return ((C =
|
|
3505
|
-
}),
|
|
3506
|
-
"is-start": !
|
|
3507
|
-
"is-end": V1.value >=
|
|
3508
|
-
"is-observed":
|
|
3509
|
-
"is-forecast":
|
|
3510
|
-
})),
|
|
3504
|
+
return ((C = k.value[k.value.length - 1]) == null ? void 0 : C.label) || "";
|
|
3505
|
+
}), t3 = p(() => s.value < 0 ? "历史" : "预报"), $1 = p(() => s.value < 0 ? "is-observed" : "is-forecast"), k1 = p(() => Math.max(k.value.length, 1)), f2 = p(() => Q.value ? Q.value : $.value ? U1(D.value + 1) : U.value <= 0 ? "0%" : U.value >= k1.value ? "100%" : f1.value ? U1(U.value + 1) : U1(U.value)), l3 = p(() => y.value ? y.value : b1.value ? U1(F1.value + 1) : F1.value === 0 ? "0%" : F1.value >= k1.value - 1 ? "100%" : a3(F1.value)), o3 = p(() => ({
|
|
3506
|
+
"is-start": !b1.value && V1.value === 0,
|
|
3507
|
+
"is-end": V1.value >= k1.value - 1,
|
|
3508
|
+
"is-observed": M2.value === "observed",
|
|
3509
|
+
"is-forecast": M2.value === "forecast"
|
|
3510
|
+
})), C2 = p(() => k.value.map((C, e) => ({
|
|
3511
3511
|
key: `${C.index}-${C.value}`,
|
|
3512
3512
|
startIndex: e,
|
|
3513
3513
|
kind: C.kind,
|
|
3514
|
-
title:
|
|
3515
|
-
label:
|
|
3514
|
+
title: B1(C.time, t.unit),
|
|
3515
|
+
label: p3(C),
|
|
3516
3516
|
disabled: !!C.disabled
|
|
3517
|
-
}))),
|
|
3518
|
-
function
|
|
3519
|
-
const e =
|
|
3520
|
-
return
|
|
3517
|
+
}))), n3 = p(() => `repeat(${Math.max(C2.value.length, 1)}, minmax(0, 1fr))`);
|
|
3518
|
+
function r3(C) {
|
|
3519
|
+
const e = X1.value;
|
|
3520
|
+
return U.value <= 0 ? s.value * e + C : s.value > 0 ? v1.value + (s.value - 1) * e + C + 1 : s.value < 0 ? -U.value + s.value * e + C : C < U.value ? C - U.value : f1.value && C === U.value ? 0 : C - U.value + (f1.value ? 0 : 1);
|
|
3521
3521
|
}
|
|
3522
|
-
function
|
|
3523
|
-
return
|
|
3522
|
+
function i3(C) {
|
|
3523
|
+
return s.value > 0 ? "forecast" : s.value < 0 ? "observed" : f1.value ? C <= U.value ? "observed" : "forecast" : C < U.value ? "observed" : "forecast";
|
|
3524
3524
|
}
|
|
3525
|
-
function
|
|
3525
|
+
function s3(C) {
|
|
3526
3526
|
return `${Number(C.toFixed(6))}%`;
|
|
3527
3527
|
}
|
|
3528
|
-
function
|
|
3529
|
-
const l =
|
|
3530
|
-
return Math.abs(
|
|
3528
|
+
function Z2(C, e) {
|
|
3529
|
+
const l = s3(C), r = Number(e.toFixed(6));
|
|
3530
|
+
return Math.abs(r) < 1e-6 ? l : r > 0 ? `calc(${l} + var(--timeline-segment-gap) * ${r})` : `calc(${l} - var(--timeline-segment-gap) * ${Math.abs(r)})`;
|
|
3531
3531
|
}
|
|
3532
|
-
function
|
|
3533
|
-
const e =
|
|
3534
|
-
return
|
|
3532
|
+
function a3(C) {
|
|
3533
|
+
const e = k1.value, l = (C + 0.5) / e * 100, r = C - (C + 0.5) * (e - 1) / e;
|
|
3534
|
+
return Z2(l, r);
|
|
3535
3535
|
}
|
|
3536
|
-
function
|
|
3537
|
-
const e =
|
|
3538
|
-
return
|
|
3536
|
+
function U1(C) {
|
|
3537
|
+
const e = k1.value, l = C / e * 100, r = C / e - 0.5;
|
|
3538
|
+
return Z2(l, r);
|
|
3539
3539
|
}
|
|
3540
|
-
function
|
|
3541
|
-
e instanceof HTMLElement ? (
|
|
3540
|
+
function L3(C, e) {
|
|
3541
|
+
e instanceof HTMLElement ? (Z.set(C, e), m1()) : Z.delete(C);
|
|
3542
3542
|
}
|
|
3543
|
-
function
|
|
3544
|
-
const l =
|
|
3545
|
-
if (!l || !
|
|
3543
|
+
function m2(C, e = "center") {
|
|
3544
|
+
const l = c.value, r = Z.get(C);
|
|
3545
|
+
if (!l || !r)
|
|
3546
3546
|
return "";
|
|
3547
|
-
const
|
|
3548
|
-
if (!
|
|
3547
|
+
const d = l.getBoundingClientRect(), M = r.getBoundingClientRect();
|
|
3548
|
+
if (!d.width)
|
|
3549
3549
|
return "";
|
|
3550
|
-
const
|
|
3551
|
-
return `${Number(
|
|
3550
|
+
const E = e === "end" ? M.right - d.left : M.left + M.width / 2 - d.left;
|
|
3551
|
+
return `${Number(E.toFixed(3))}px`;
|
|
3552
3552
|
}
|
|
3553
|
-
function
|
|
3554
|
-
|
|
3553
|
+
function c3() {
|
|
3554
|
+
y.value = F.value ? "" : m2(V1.value, b1.value ? "end" : "center"), Q.value = _1.value ? m2($.value ? D.value : U.value, b1.value ? "end" : "center") : "";
|
|
3555
3555
|
}
|
|
3556
3556
|
function m1() {
|
|
3557
|
-
|
|
3558
|
-
|
|
3557
|
+
P || (P = window.requestAnimationFrame(() => {
|
|
3558
|
+
P = 0, c3();
|
|
3559
3559
|
}));
|
|
3560
3560
|
}
|
|
3561
|
-
function
|
|
3561
|
+
function e2(C) {
|
|
3562
3562
|
const e = new Date(C);
|
|
3563
3563
|
return Number.isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : e;
|
|
3564
3564
|
}
|
|
3565
|
-
function
|
|
3565
|
+
function P1(C) {
|
|
3566
3566
|
if (C == null || C === "")
|
|
3567
3567
|
return null;
|
|
3568
3568
|
const e = new Date(C);
|
|
3569
3569
|
return Number.isNaN(e.getTime()) ? null : e;
|
|
3570
3570
|
}
|
|
3571
|
-
function
|
|
3571
|
+
function N(C, e = t.timeZone) {
|
|
3572
3572
|
if (!e)
|
|
3573
3573
|
return { year: C.getFullYear(), month: C.getMonth() + 1, day: C.getDate(), hour: C.getHours(), minute: C.getMinutes(), second: C.getSeconds() };
|
|
3574
|
-
const l = new Intl.DateTimeFormat("en-US", { timeZone: e, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", hourCycle: "h23" }).formatToParts(C),
|
|
3575
|
-
var
|
|
3576
|
-
return Number(((
|
|
3574
|
+
const l = new Intl.DateTimeFormat("en-US", { timeZone: e, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", hourCycle: "h23" }).formatToParts(C), r = (d) => {
|
|
3575
|
+
var M;
|
|
3576
|
+
return Number(((M = l.find((E) => E.type === d)) == null ? void 0 : M.value) || 0);
|
|
3577
3577
|
};
|
|
3578
|
-
return { year:
|
|
3578
|
+
return { year: r("year"), month: r("month"), day: r("day"), hour: r("hour"), minute: r("minute"), second: r("second") };
|
|
3579
3579
|
}
|
|
3580
|
-
function
|
|
3580
|
+
function H2(C) {
|
|
3581
3581
|
if (!t.timeZone)
|
|
3582
3582
|
return new Date(C);
|
|
3583
|
-
const e =
|
|
3583
|
+
const e = N(C);
|
|
3584
3584
|
return new Date(e.year, e.month - 1, e.day, e.hour, e.minute, e.second);
|
|
3585
3585
|
}
|
|
3586
|
-
function
|
|
3586
|
+
function d3(C) {
|
|
3587
3587
|
if (!t.timeZone)
|
|
3588
3588
|
return C;
|
|
3589
3589
|
const e = { year: C.getFullYear(), month: C.getMonth() + 1, day: C.getDate(), hour: C.getHours(), minute: C.getMinutes(), second: C.getSeconds() }, l = Date.UTC(e.year, e.month - 1, e.day, e.hour, e.minute, e.second);
|
|
3590
|
-
let
|
|
3591
|
-
for (let
|
|
3592
|
-
const
|
|
3593
|
-
|
|
3590
|
+
let r = l;
|
|
3591
|
+
for (let d = 0; d < 3; d += 1) {
|
|
3592
|
+
const M = N(new Date(r));
|
|
3593
|
+
r += l - Date.UTC(M.year, M.month - 1, M.day, M.hour, M.minute, M.second);
|
|
3594
3594
|
}
|
|
3595
|
-
return new Date(
|
|
3595
|
+
return new Date(r);
|
|
3596
3596
|
}
|
|
3597
|
-
function
|
|
3598
|
-
const e =
|
|
3597
|
+
function t2(C) {
|
|
3598
|
+
const e = y1.value, l = z1.value;
|
|
3599
3599
|
return !!(e && C.getTime() < e.getTime() || l && C.getTime() > l.getTime());
|
|
3600
3600
|
}
|
|
3601
|
-
function
|
|
3601
|
+
function G1(C) {
|
|
3602
3602
|
const e = new Date(C);
|
|
3603
3603
|
return e.setHours(0, 0, 0, 0), e;
|
|
3604
3604
|
}
|
|
3605
|
-
function
|
|
3606
|
-
const e =
|
|
3605
|
+
function l2(C) {
|
|
3606
|
+
const e = G1(C);
|
|
3607
3607
|
return e.setDate(1), e;
|
|
3608
3608
|
}
|
|
3609
|
-
function
|
|
3610
|
-
const e =
|
|
3609
|
+
function x2(C) {
|
|
3610
|
+
const e = G1(C);
|
|
3611
3611
|
return e.setMonth(0, 1), e;
|
|
3612
3612
|
}
|
|
3613
|
-
function
|
|
3613
|
+
function o2(C) {
|
|
3614
3614
|
return new Date(C.getFullYear(), C.getMonth() + 1, 0).getDate();
|
|
3615
3615
|
}
|
|
3616
|
-
function
|
|
3616
|
+
function D2(C) {
|
|
3617
3617
|
const e = C.getDate();
|
|
3618
3618
|
return e <= 10 ? 0 : e <= 20 ? 1 : 2;
|
|
3619
3619
|
}
|
|
3620
|
-
function
|
|
3620
|
+
function y2(C) {
|
|
3621
3621
|
return C <= 0 ? 1 : C === 1 ? 11 : 21;
|
|
3622
3622
|
}
|
|
3623
|
-
function
|
|
3624
|
-
if (
|
|
3625
|
-
return
|
|
3626
|
-
if (
|
|
3627
|
-
return
|
|
3623
|
+
function v3(C) {
|
|
3624
|
+
if (d1.value)
|
|
3625
|
+
return h1(G1(b.value), C, "hour");
|
|
3626
|
+
if (t1.value)
|
|
3627
|
+
return h1(l2(b.value), C, "day");
|
|
3628
3628
|
if (w1.value)
|
|
3629
|
-
return
|
|
3630
|
-
if (
|
|
3631
|
-
const e =
|
|
3632
|
-
return e.setDate(
|
|
3629
|
+
return h1(x2(b.value), C, "month");
|
|
3630
|
+
if (a1.value) {
|
|
3631
|
+
const e = l2(b.value);
|
|
3632
|
+
return e.setDate(y2(C)), e;
|
|
3633
3633
|
}
|
|
3634
|
-
return
|
|
3634
|
+
return h1(b.value, _.value * C, t.unit);
|
|
3635
3635
|
}
|
|
3636
|
-
function
|
|
3637
|
-
if (
|
|
3638
|
-
const l =
|
|
3639
|
-
return
|
|
3636
|
+
function h3(C, e) {
|
|
3637
|
+
if (d1.value) {
|
|
3638
|
+
const l = G1(h1(b.value, C, "day"));
|
|
3639
|
+
return h1(l, e, "hour");
|
|
3640
3640
|
}
|
|
3641
|
-
if (
|
|
3642
|
-
const l =
|
|
3643
|
-
return l.setDate(
|
|
3641
|
+
if (t1.value || a1.value) {
|
|
3642
|
+
const l = l2(h1(b.value, C, "month"));
|
|
3643
|
+
return l.setDate(a1.value ? y2(e) : e + 1), l;
|
|
3644
3644
|
}
|
|
3645
3645
|
if (w1.value) {
|
|
3646
|
-
const l =
|
|
3646
|
+
const l = x2(h1(b.value, C, "year"));
|
|
3647
3647
|
return l.setMonth(e), l;
|
|
3648
3648
|
}
|
|
3649
|
-
return
|
|
3649
|
+
return h1(b.value, C, t.unit);
|
|
3650
3650
|
}
|
|
3651
|
-
function
|
|
3652
|
-
return
|
|
3651
|
+
function z2(C) {
|
|
3652
|
+
return d1.value ? Math.min(Math.max(C.getHours(), 0), 23) : t1.value ? Math.min(Math.max(C.getDate() - 1, 0), o2(C) - 1) : w1.value ? Math.min(Math.max(C.getMonth(), 0), 11) : a1.value ? D2(C) : 0;
|
|
3653
3653
|
}
|
|
3654
|
-
function
|
|
3655
|
-
const e =
|
|
3656
|
-
|
|
3654
|
+
function g3(C) {
|
|
3655
|
+
const e = e2(C);
|
|
3656
|
+
m.value = C, a.value = e, s.value = 0, h("update:startTime", C);
|
|
3657
3657
|
}
|
|
3658
|
-
function
|
|
3659
|
-
const
|
|
3660
|
-
return l === "minute" &&
|
|
3658
|
+
function h1(C, e, l) {
|
|
3659
|
+
const r = new Date(C);
|
|
3660
|
+
return l === "minute" && r.setMinutes(r.getMinutes() + e), l === "hour" && r.setHours(r.getHours() + e), l === "day" && r.setDate(r.getDate() + e), l === "month" && r.setMonth(r.getMonth() + e), l === "year" && r.setFullYear(r.getFullYear() + e), r;
|
|
3661
3661
|
}
|
|
3662
|
-
function
|
|
3662
|
+
function X(C) {
|
|
3663
3663
|
return String(C).padStart(2, "0");
|
|
3664
3664
|
}
|
|
3665
|
-
function
|
|
3665
|
+
function w3(C) {
|
|
3666
3666
|
return C <= 10 ? "上旬" : C <= 20 ? "中旬" : "下旬";
|
|
3667
3667
|
}
|
|
3668
|
-
function
|
|
3668
|
+
function p3(C) {
|
|
3669
3669
|
const e = C.time;
|
|
3670
3670
|
if (!(e instanceof Date) || Number.isNaN(e.getTime()))
|
|
3671
3671
|
return "";
|
|
3672
|
-
const l =
|
|
3673
|
-
return
|
|
3672
|
+
const l = N(e), r = X(l.month), d = X(l.day), M = X(l.hour), E = X(l.minute), c2 = String(C.label || "").match(/(?:^|\D)(\d{1,2})(上旬|中旬|下旬)/);
|
|
3673
|
+
return c2 ? `${X(Number(c2[1]))}${c2[2]}` : t.unit === "minute" ? _.value === 60 && E === "00" ? M : `${M}:${E}` : t.unit === "hour" ? _.value >= 24 ? `${r}-${d}` : M : t.unit === "day" ? _.value >= 10 && _.value <= 11 ? `${r}${w3(l.day)}` : d : t.unit === "month" ? r : t.unit === "year" ? String(l.year) : C.label || "";
|
|
3674
3674
|
}
|
|
3675
|
-
function
|
|
3676
|
-
const l =
|
|
3677
|
-
return e === "year" ? `${
|
|
3675
|
+
function B1(C, e) {
|
|
3676
|
+
const l = N(C), r = l.year, d = X(l.month), M = X(l.day), E = X(l.hour), L1 = X(l.minute);
|
|
3677
|
+
return e === "year" ? `${r}` : e === "month" ? `${r}-${d}` : e === "day" ? `${r}-${d}-${M}` : e === "minute" ? `${d}-${M} ${E}:${L1}` : `${d}-${M} ${E}时`;
|
|
3678
3678
|
}
|
|
3679
|
-
function
|
|
3679
|
+
function k2(C) {
|
|
3680
3680
|
if (!(C instanceof Date) || Number.isNaN(C.getTime()))
|
|
3681
3681
|
return "";
|
|
3682
|
-
const e =
|
|
3683
|
-
return `${e.year}-${
|
|
3682
|
+
const e = N(C);
|
|
3683
|
+
return `${e.year}-${X(e.month)}-${X(e.day)} ${X(e.hour)}:${X(e.minute)}:${X(e.second)}`;
|
|
3684
3684
|
}
|
|
3685
|
-
function
|
|
3685
|
+
function M3(C, e, l) {
|
|
3686
3686
|
return l === "minute" ? (C.getTime() - e.getTime()) / 6e4 : l === "hour" ? (C.getTime() - e.getTime()) / 36e5 : l === "day" ? (C.getTime() - e.getTime()) / 864e5 : l === "month" ? (C.getFullYear() - e.getFullYear()) * 12 + C.getMonth() - e.getMonth() : C.getFullYear() - e.getFullYear();
|
|
3687
3687
|
}
|
|
3688
|
-
function
|
|
3689
|
-
const e = Math.min(Math.max(C, 0),
|
|
3690
|
-
!l || l.disabled || (
|
|
3688
|
+
function j(C) {
|
|
3689
|
+
const e = Math.min(Math.max(C, 0), k.value.length - 1), l = k.value[e];
|
|
3690
|
+
!l || l.disabled || (h("update:modelValue", F.value ? l.index : e), h("change", l));
|
|
3691
3691
|
}
|
|
3692
|
-
function
|
|
3693
|
-
return
|
|
3692
|
+
function l1(C) {
|
|
3693
|
+
return u3(C, 1);
|
|
3694
3694
|
}
|
|
3695
|
-
function
|
|
3696
|
-
var
|
|
3697
|
-
const l = Math.min(Math.max(C, 0),
|
|
3698
|
-
if (!((
|
|
3695
|
+
function u3(C, e) {
|
|
3696
|
+
var M;
|
|
3697
|
+
const l = Math.min(Math.max(C, 0), k.value.length - 1);
|
|
3698
|
+
if (!((M = k.value[l]) != null && M.disabled))
|
|
3699
3699
|
return l;
|
|
3700
|
-
const
|
|
3701
|
-
if (
|
|
3702
|
-
return
|
|
3703
|
-
const
|
|
3704
|
-
return
|
|
3700
|
+
const r = n2(l, e);
|
|
3701
|
+
if (r !== null)
|
|
3702
|
+
return r;
|
|
3703
|
+
const d = n2(l, e > 0 ? -1 : 1);
|
|
3704
|
+
return d !== null ? d : l;
|
|
3705
3705
|
}
|
|
3706
|
-
function
|
|
3706
|
+
function n2(C, e) {
|
|
3707
3707
|
var l;
|
|
3708
3708
|
if (e > 0) {
|
|
3709
|
-
const
|
|
3710
|
-
return
|
|
3709
|
+
const r = k.value.findIndex((d, M) => M >= C && !d.disabled);
|
|
3710
|
+
return r >= 0 ? r : null;
|
|
3711
3711
|
}
|
|
3712
|
-
for (let
|
|
3713
|
-
if (!((l =
|
|
3714
|
-
return
|
|
3712
|
+
for (let r = C; r >= 0; r -= 1)
|
|
3713
|
+
if (!((l = k.value[r]) != null && l.disabled))
|
|
3714
|
+
return r;
|
|
3715
3715
|
return null;
|
|
3716
3716
|
}
|
|
3717
|
-
function
|
|
3718
|
-
|
|
3717
|
+
function I1(C, e) {
|
|
3718
|
+
s.value = C, j(e);
|
|
3719
3719
|
}
|
|
3720
|
-
function
|
|
3721
|
-
const l =
|
|
3722
|
-
|
|
3720
|
+
function B2(C, e) {
|
|
3721
|
+
const l = h3(C, e), r = r2(l), d = r.getTime() === l.getTime() ? e : z2(r);
|
|
3722
|
+
m.value = r, a.value = r, s.value = 0, h("update:startTime", r), j(d);
|
|
3723
3723
|
}
|
|
3724
|
-
function
|
|
3725
|
-
const e =
|
|
3726
|
-
|
|
3724
|
+
function T2(C) {
|
|
3725
|
+
const e = s.value + C, l = C > 0 ? 0 : k.value.length - 1;
|
|
3726
|
+
I1(e, l);
|
|
3727
3727
|
}
|
|
3728
|
-
function
|
|
3729
|
-
const e = C >= 0 ? 1 : -1,
|
|
3730
|
-
if (
|
|
3731
|
-
if (
|
|
3732
|
-
t.loop ?
|
|
3728
|
+
function T1(C) {
|
|
3729
|
+
const e = C >= 0 ? 1 : -1, r = n2(u1.value + C, e) ?? (e > 0 ? k.value.length : -1), d = k.value.length - 1;
|
|
3730
|
+
if (r > d) {
|
|
3731
|
+
if ($.value) {
|
|
3732
|
+
t.loop ? B2(1, 0) : j(d);
|
|
3733
3733
|
return;
|
|
3734
3734
|
}
|
|
3735
|
-
if (
|
|
3736
|
-
if (
|
|
3737
|
-
|
|
3735
|
+
if (F.value) {
|
|
3736
|
+
if (s.value < g2.value - 1) {
|
|
3737
|
+
s.value += 1, j(l1(0));
|
|
3738
3738
|
return;
|
|
3739
3739
|
}
|
|
3740
|
-
t.loop && (
|
|
3740
|
+
t.loop && (s.value = 0), j(l1(t.loop ? 0 : d));
|
|
3741
3741
|
return;
|
|
3742
3742
|
}
|
|
3743
3743
|
if (!t.loop) {
|
|
3744
|
-
|
|
3744
|
+
j(d);
|
|
3745
3745
|
return;
|
|
3746
3746
|
}
|
|
3747
|
-
|
|
3747
|
+
T2(1);
|
|
3748
3748
|
return;
|
|
3749
3749
|
}
|
|
3750
|
-
if (
|
|
3751
|
-
if (
|
|
3752
|
-
t.loop ?
|
|
3750
|
+
if (r < 0) {
|
|
3751
|
+
if ($.value) {
|
|
3752
|
+
t.loop ? B2(-1, d) : j(0);
|
|
3753
3753
|
return;
|
|
3754
3754
|
}
|
|
3755
|
-
if (
|
|
3756
|
-
if (
|
|
3757
|
-
|
|
3755
|
+
if (F.value) {
|
|
3756
|
+
if (s.value > 0) {
|
|
3757
|
+
s.value -= 1, j(l1(k.value.length - 1));
|
|
3758
3758
|
return;
|
|
3759
3759
|
}
|
|
3760
|
-
t.loop && (
|
|
3760
|
+
t.loop && (s.value = g2.value - 1), j(l1(t.loop ? d : 0));
|
|
3761
3761
|
return;
|
|
3762
3762
|
}
|
|
3763
3763
|
if (!t.loop) {
|
|
3764
|
-
|
|
3764
|
+
j(0);
|
|
3765
3765
|
return;
|
|
3766
3766
|
}
|
|
3767
|
-
|
|
3767
|
+
T2(-1);
|
|
3768
3768
|
return;
|
|
3769
3769
|
}
|
|
3770
|
-
|
|
3770
|
+
j(r);
|
|
3771
3771
|
}
|
|
3772
|
-
function
|
|
3773
|
-
if (
|
|
3774
|
-
|
|
3772
|
+
function V3() {
|
|
3773
|
+
if (F.value) {
|
|
3774
|
+
s.value = 0, j(l1(0));
|
|
3775
3775
|
return;
|
|
3776
3776
|
}
|
|
3777
|
-
if (
|
|
3778
|
-
|
|
3777
|
+
if ($.value) {
|
|
3778
|
+
s.value = 0, j(l1(D.value));
|
|
3779
3779
|
return;
|
|
3780
3780
|
}
|
|
3781
|
-
const C =
|
|
3782
|
-
|
|
3781
|
+
const C = v1.value > 0 ? Math.min(U.value, k.value.length - 1) : 0;
|
|
3782
|
+
I1(0, l1(C));
|
|
3783
3783
|
}
|
|
3784
|
-
function
|
|
3785
|
-
const e =
|
|
3786
|
-
if (
|
|
3787
|
-
const
|
|
3788
|
-
return { page:
|
|
3784
|
+
function f3(C) {
|
|
3785
|
+
const e = X1.value;
|
|
3786
|
+
if (U.value <= 0) {
|
|
3787
|
+
const d = Math.floor(C / e), M = C - d * e;
|
|
3788
|
+
return { page: d, index: M };
|
|
3789
3789
|
}
|
|
3790
3790
|
if (C === 0)
|
|
3791
3791
|
return {
|
|
3792
3792
|
page: 0,
|
|
3793
|
-
index:
|
|
3793
|
+
index: v1.value > 0 ? Math.min(U.value, e - 1) : Math.max(U.value - 1, 0)
|
|
3794
3794
|
};
|
|
3795
|
-
if (C >= 1 && C <=
|
|
3796
|
-
return { page: 0, index:
|
|
3797
|
-
if (C <= -1 && C >= -
|
|
3798
|
-
return { page: 0, index:
|
|
3799
|
-
if (C >
|
|
3800
|
-
const
|
|
3801
|
-
return { page:
|
|
3795
|
+
if (C >= 1 && C <= v1.value)
|
|
3796
|
+
return { page: 0, index: U.value + C + (f1.value ? 0 : -1) };
|
|
3797
|
+
if (C <= -1 && C >= -U.value)
|
|
3798
|
+
return { page: 0, index: U.value + C };
|
|
3799
|
+
if (C > v1.value) {
|
|
3800
|
+
const d = Math.ceil((C - v1.value) / e), M = v1.value + (d - 1) * e + 1;
|
|
3801
|
+
return { page: d, index: C - M };
|
|
3802
3802
|
}
|
|
3803
|
-
const l = -Math.ceil((-
|
|
3804
|
-
return { page: l, index: C -
|
|
3803
|
+
const l = -Math.ceil((-U.value - C) / e), r = -U.value + l * e;
|
|
3804
|
+
return { page: l, index: C - r };
|
|
3805
3805
|
}
|
|
3806
|
-
function
|
|
3807
|
-
if (
|
|
3808
|
-
let
|
|
3809
|
-
|
|
3810
|
-
const
|
|
3811
|
-
|
|
3812
|
-
}),
|
|
3806
|
+
function Z3(C) {
|
|
3807
|
+
if (F.value) {
|
|
3808
|
+
let r = 0, d = Number.POSITIVE_INFINITY;
|
|
3809
|
+
i1.value.forEach((M, E) => {
|
|
3810
|
+
const L1 = Math.abs(M.time.getTime() - C.getTime());
|
|
3811
|
+
L1 < d && (d = L1, r = E);
|
|
3812
|
+
}), s.value = Math.floor(r / e1.value), j(r - J.value);
|
|
3813
3813
|
return;
|
|
3814
3814
|
}
|
|
3815
|
-
if (
|
|
3816
|
-
|
|
3815
|
+
if ($.value) {
|
|
3816
|
+
m.value = C, s.value = 0, h("update:startTime", C), I1(0, z2(C)), a.value = C;
|
|
3817
3817
|
return;
|
|
3818
3818
|
}
|
|
3819
|
-
const e = Math.round(
|
|
3820
|
-
|
|
3819
|
+
const e = Math.round(M3(C, b.value, t.unit) / _.value), l = f3(e);
|
|
3820
|
+
I1(l.page, l.index);
|
|
3821
3821
|
}
|
|
3822
|
-
function
|
|
3823
|
-
const e =
|
|
3822
|
+
function r2(C) {
|
|
3823
|
+
const e = s1.value, l = g1.value;
|
|
3824
3824
|
return e && C.getTime() < e.getTime() ? new Date(e) : l && C.getTime() > l.getTime() ? new Date(l) : C;
|
|
3825
3825
|
}
|
|
3826
|
-
function
|
|
3827
|
-
const e =
|
|
3828
|
-
return !!(l &&
|
|
3826
|
+
function m3(C) {
|
|
3827
|
+
const e = i2(C), l = s1.value ? N(s1.value) : null, r = g1.value ? N(g1.value) : null, d = (M) => Date.UTC(M.year, M.month - 1, M.day);
|
|
3828
|
+
return !!(l && d(e) < d(l) || r && d(e) > d(r));
|
|
3829
3829
|
}
|
|
3830
|
-
function
|
|
3831
|
-
return t.timeZone ? { year: C.getFullYear(), month: C.getMonth() + 1, day: C.getDate(), hour: C.getHours(), minute: C.getMinutes(), second: C.getSeconds() } :
|
|
3830
|
+
function i2(C) {
|
|
3831
|
+
return t.timeZone ? { year: C.getFullYear(), month: C.getMonth() + 1, day: C.getDate(), hour: C.getHours(), minute: C.getMinutes(), second: C.getSeconds() } : N(C);
|
|
3832
3832
|
}
|
|
3833
3833
|
function H1(C, e) {
|
|
3834
|
-
const l =
|
|
3835
|
-
return l.year ===
|
|
3834
|
+
const l = i2(C), r = N(e);
|
|
3835
|
+
return l.year === r.year && l.month === r.month && l.day === r.day;
|
|
3836
3836
|
}
|
|
3837
|
-
function
|
|
3838
|
-
const C =
|
|
3839
|
-
|
|
3840
|
-
const e = /* @__PURE__ */ new Set(), l =
|
|
3841
|
-
return l && H1(C, l) && Array.from({ length: 24 }, (
|
|
3837
|
+
function H3() {
|
|
3838
|
+
const C = a.value || s1.value || b.value;
|
|
3839
|
+
i2(C);
|
|
3840
|
+
const e = /* @__PURE__ */ new Set(), l = s1.value, r = g1.value;
|
|
3841
|
+
return l && H1(C, l) && Array.from({ length: 24 }, (d, M) => M).filter((d) => d < N(l).hour).forEach((d) => e.add(d)), r && H1(C, r) && Array.from({ length: 24 }, (d, M) => M).filter((d) => d > N(r).hour).forEach((d) => e.add(d)), Array.from(e).sort((d, M) => d - M);
|
|
3842
3842
|
}
|
|
3843
|
-
function
|
|
3844
|
-
const e =
|
|
3845
|
-
return
|
|
3843
|
+
function x3(C) {
|
|
3844
|
+
const e = a.value || s1.value || b.value, l = /* @__PURE__ */ new Set(), r = s1.value, d = g1.value;
|
|
3845
|
+
return r && H1(e, r) && C === N(r).hour && Array.from({ length: 60 }, (M, E) => E).filter((M) => M < N(r).minute).forEach((M) => l.add(M)), d && H1(e, d) && C === N(d).hour && Array.from({ length: 60 }, (M, E) => E).filter((M) => M > N(d).minute).forEach((M) => l.add(M)), Array.from(l).sort((M, E) => M - E);
|
|
3846
3846
|
}
|
|
3847
|
-
function
|
|
3848
|
-
const l =
|
|
3849
|
-
return
|
|
3847
|
+
function D3(C, e) {
|
|
3848
|
+
const l = a.value || s1.value || b.value, r = /* @__PURE__ */ new Set(), d = s1.value, M = g1.value;
|
|
3849
|
+
return d && H1(l, d) && C === N(d).hour && e === N(d).minute && Array.from({ length: 60 }, (E, L1) => L1).filter((E) => E < N(d).second).forEach((E) => r.add(E)), M && H1(l, M) && C === N(M).hour && e === N(M).minute && Array.from({ length: 60 }, (E, L1) => L1).filter((E) => E > N(M).second).forEach((E) => r.add(E)), Array.from(r).sort((E, L1) => E - L1);
|
|
3850
3850
|
}
|
|
3851
|
-
function
|
|
3852
|
-
|
|
3851
|
+
function E2() {
|
|
3852
|
+
Z1.value && (a.value = H2(r2(Z1.value.time)));
|
|
3853
3853
|
}
|
|
3854
|
-
function
|
|
3854
|
+
function S2(C) {
|
|
3855
3855
|
const e = C ? new Date(C) : null;
|
|
3856
3856
|
if (!e || Number.isNaN(e.getTime()))
|
|
3857
3857
|
return;
|
|
3858
|
-
const l =
|
|
3859
|
-
|
|
3858
|
+
const l = d3(e), r = r2(l);
|
|
3859
|
+
a.value = H2(r), Z3(r);
|
|
3860
3860
|
}
|
|
3861
|
-
function
|
|
3862
|
-
|
|
3861
|
+
function s2() {
|
|
3862
|
+
z && (window.clearInterval(z), z = null);
|
|
3863
3863
|
}
|
|
3864
|
-
function
|
|
3865
|
-
|
|
3864
|
+
function O1() {
|
|
3865
|
+
s2(), !(!f.value || !t.internalPlayback) && (z = window.setInterval(() => T1(1), Math.max(240, 1200 / u.value)));
|
|
3866
3866
|
}
|
|
3867
|
-
function
|
|
3868
|
-
|
|
3867
|
+
function y3() {
|
|
3868
|
+
f.value = !0, h("update:playing", !0), h("play"), O1();
|
|
3869
3869
|
}
|
|
3870
|
-
function
|
|
3871
|
-
|
|
3870
|
+
function z3() {
|
|
3871
|
+
f.value = !1, h("update:playing", !1), h("pause"), s2();
|
|
3872
3872
|
}
|
|
3873
|
-
function
|
|
3874
|
-
if (
|
|
3875
|
-
|
|
3873
|
+
function k3() {
|
|
3874
|
+
if (f.value) {
|
|
3875
|
+
z3();
|
|
3876
3876
|
return;
|
|
3877
3877
|
}
|
|
3878
|
-
|
|
3878
|
+
y3();
|
|
3879
3879
|
}
|
|
3880
|
-
function
|
|
3881
|
-
const C = t.speeds.length ? t.speeds : [1], e = C.findIndex((
|
|
3882
|
-
|
|
3880
|
+
function B3() {
|
|
3881
|
+
const C = t.speeds.length ? t.speeds : [1], e = C.findIndex((r) => r === u.value), l = C[(e + 1) % C.length];
|
|
3882
|
+
u.value = l, h("update:speed", l), O1();
|
|
3883
3883
|
}
|
|
3884
|
-
function
|
|
3885
|
-
var
|
|
3886
|
-
const e = (
|
|
3884
|
+
function A2(C) {
|
|
3885
|
+
var r;
|
|
3886
|
+
const e = (r = c.value) == null ? void 0 : r.getBoundingClientRect();
|
|
3887
3887
|
if (!e)
|
|
3888
3888
|
return u1.value;
|
|
3889
3889
|
const l = Math.min(Math.max((C - e.left) / e.width, 0), 1);
|
|
3890
|
-
return Math.min(Math.floor(l *
|
|
3890
|
+
return Math.min(Math.floor(l * k.value.length), k.value.length - 1);
|
|
3891
3891
|
}
|
|
3892
|
-
function
|
|
3892
|
+
function T3(C) {
|
|
3893
3893
|
var e;
|
|
3894
|
-
|
|
3894
|
+
C1 = !0, (e = c.value) == null || e.setPointerCapture(C.pointerId), j(A2(C.clientX)), window.addEventListener("pointermove", a2), window.addEventListener("pointerup", L2);
|
|
3895
3895
|
}
|
|
3896
|
-
function
|
|
3897
|
-
|
|
3896
|
+
function a2(C) {
|
|
3897
|
+
C1 && j(A2(C.clientX));
|
|
3898
3898
|
}
|
|
3899
|
-
function
|
|
3900
|
-
|
|
3899
|
+
function L2() {
|
|
3900
|
+
C1 = !1, window.removeEventListener("pointermove", a2), window.removeEventListener("pointerup", L2);
|
|
3901
3901
|
}
|
|
3902
3902
|
return W(() => t.playing, (C) => {
|
|
3903
|
-
|
|
3903
|
+
f.value = C, O1();
|
|
3904
3904
|
}), W(() => t.speed, (C) => {
|
|
3905
|
-
|
|
3905
|
+
u.value = C, O1();
|
|
3906
3906
|
}), W(() => [t.steps, t.pastSteps, t.futureSteps], () => {
|
|
3907
|
-
u1.value >
|
|
3907
|
+
u1.value > k.value.length - 1 && j(k.value.length - 1), p1(m1);
|
|
3908
3908
|
}), W(
|
|
3909
|
-
() => [t.modelValue,
|
|
3909
|
+
() => [t.modelValue, F.value, e1.value, i1.value.length],
|
|
3910
3910
|
() => {
|
|
3911
|
-
if (!
|
|
3911
|
+
if (!F.value)
|
|
3912
3912
|
return;
|
|
3913
|
-
const C = Math.min(Math.max(Number(t.modelValue) || 0, 0),
|
|
3914
|
-
|
|
3913
|
+
const C = Math.min(Math.max(Number(t.modelValue) || 0, 0), i1.value.length - 1);
|
|
3914
|
+
s.value = Math.floor(C / e1.value);
|
|
3915
3915
|
},
|
|
3916
3916
|
{ immediate: !0 }
|
|
3917
3917
|
), W(() => t.startTime, (C) => {
|
|
3918
|
-
|
|
3919
|
-
}), W(
|
|
3918
|
+
m.value = C, s.value = 0, p1(m1);
|
|
3919
|
+
}), W(Z1, E2, { immediate: !0 }), W(() => [t.minTime, t.maxTime], E2), W(
|
|
3920
3920
|
() => [
|
|
3921
3921
|
V1.value,
|
|
3922
|
-
|
|
3923
|
-
|
|
3924
|
-
|
|
3922
|
+
S1.value,
|
|
3923
|
+
k.value.length,
|
|
3924
|
+
C2.value.map((C) => C.key).join("|")
|
|
3925
3925
|
],
|
|
3926
3926
|
() => {
|
|
3927
3927
|
p1(m1);
|
|
3928
3928
|
},
|
|
3929
3929
|
{ immediate: !0 }
|
|
3930
|
-
),
|
|
3931
|
-
typeof ResizeObserver < "u" &&
|
|
3932
|
-
}),
|
|
3933
|
-
|
|
3934
|
-
}), (C, e) => (
|
|
3935
|
-
class:
|
|
3936
|
-
"is-playing":
|
|
3937
|
-
"is-external-points":
|
|
3938
|
-
"is-scale-hidden": !
|
|
3930
|
+
), Q1(() => {
|
|
3931
|
+
typeof ResizeObserver < "u" && c.value && (G = new ResizeObserver(m1), G.observe(c.value)), p1(m1);
|
|
3932
|
+
}), h2(() => {
|
|
3933
|
+
s2(), P && (window.cancelAnimationFrame(P), P = 0), G == null || G.disconnect(), G = null, window.removeEventListener("pointermove", a2), window.removeEventListener("pointerup", L2);
|
|
3934
|
+
}), (C, e) => (g(), V("section", {
|
|
3935
|
+
class: A(["map-timeline", {
|
|
3936
|
+
"is-playing": f.value,
|
|
3937
|
+
"is-external-points": F.value,
|
|
3938
|
+
"is-scale-hidden": !V2.value
|
|
3939
3939
|
}])
|
|
3940
3940
|
}, [
|
|
3941
|
-
L("div",
|
|
3941
|
+
L("div", g4, [
|
|
3942
3942
|
L("button", {
|
|
3943
3943
|
class: "control-button is-primary",
|
|
3944
3944
|
type: "button",
|
|
3945
|
-
"aria-label":
|
|
3946
|
-
onClick:
|
|
3945
|
+
"aria-label": f.value ? "暂停" : "播放",
|
|
3946
|
+
onClick: k3
|
|
3947
3947
|
}, [
|
|
3948
|
-
|
|
3949
|
-
default:
|
|
3950
|
-
|
|
3948
|
+
T(x(n1), null, {
|
|
3949
|
+
default: O(() => [
|
|
3950
|
+
f.value ? (g(), q(x(W3), { key: 0 })) : (g(), q(x(N3), { key: 1 }))
|
|
3951
3951
|
]),
|
|
3952
3952
|
_: 1
|
|
3953
3953
|
})
|
|
3954
|
-
], 8,
|
|
3955
|
-
L("div",
|
|
3954
|
+
], 8, w4),
|
|
3955
|
+
L("div", p4, [
|
|
3956
3956
|
L("button", {
|
|
3957
3957
|
class: "control-button",
|
|
3958
3958
|
type: "button",
|
|
3959
3959
|
"aria-label": "上一帧",
|
|
3960
|
-
onClick: e[0] || (e[0] = (l) =>
|
|
3960
|
+
onClick: e[0] || (e[0] = (l) => T1(-1))
|
|
3961
3961
|
}, [
|
|
3962
|
-
|
|
3963
|
-
default:
|
|
3964
|
-
|
|
3962
|
+
T(x(n1), null, {
|
|
3963
|
+
default: O(() => [
|
|
3964
|
+
T(x(j3))
|
|
3965
3965
|
]),
|
|
3966
3966
|
_: 1
|
|
3967
3967
|
})
|
|
@@ -3970,11 +3970,11 @@ const s4 = { class: "timeline-controls" }, a4 = ["aria-label"], L4 = {
|
|
|
3970
3970
|
class: "control-button",
|
|
3971
3971
|
type: "button",
|
|
3972
3972
|
"aria-label": "下一帧",
|
|
3973
|
-
onClick: e[1] || (e[1] = (l) =>
|
|
3973
|
+
onClick: e[1] || (e[1] = (l) => T1(1))
|
|
3974
3974
|
}, [
|
|
3975
|
-
|
|
3976
|
-
default:
|
|
3977
|
-
|
|
3975
|
+
T(x(n1), null, {
|
|
3976
|
+
default: O(() => [
|
|
3977
|
+
T(x(Y3))
|
|
3978
3978
|
]),
|
|
3979
3979
|
_: 1
|
|
3980
3980
|
})
|
|
@@ -3984,84 +3984,84 @@ const s4 = { class: "timeline-controls" }, a4 = ["aria-label"], L4 = {
|
|
|
3984
3984
|
class: "speed-button",
|
|
3985
3985
|
type: "button",
|
|
3986
3986
|
title: "播放速度",
|
|
3987
|
-
onClick:
|
|
3988
|
-
},
|
|
3987
|
+
onClick: B3
|
|
3988
|
+
}, B(u.value) + "x", 1),
|
|
3989
3989
|
L("button", {
|
|
3990
3990
|
class: "control-button",
|
|
3991
3991
|
type: "button",
|
|
3992
3992
|
title: "回到初始时窗",
|
|
3993
3993
|
"aria-label": "回到初始时窗",
|
|
3994
|
-
onClick:
|
|
3994
|
+
onClick: V3
|
|
3995
3995
|
}, [
|
|
3996
|
-
|
|
3997
|
-
default:
|
|
3998
|
-
|
|
3996
|
+
T(x(n1), null, {
|
|
3997
|
+
default: O(() => [
|
|
3998
|
+
T(x(W2))
|
|
3999
3999
|
]),
|
|
4000
4000
|
_: 1
|
|
4001
4001
|
})
|
|
4002
4002
|
]),
|
|
4003
|
-
M1.value ? (
|
|
4004
|
-
|
|
4005
|
-
startTime:
|
|
4006
|
-
activePoint:
|
|
4003
|
+
M1.value ? (g(), V("div", M4, [
|
|
4004
|
+
R1(C.$slots, "date-select", {
|
|
4005
|
+
startTime: b.value,
|
|
4006
|
+
activePoint: Z1.value,
|
|
4007
4007
|
activeIndex: u1.value,
|
|
4008
|
-
value:
|
|
4009
|
-
setStartTime:
|
|
4010
|
-
jumpToTime:
|
|
4008
|
+
value: a.value,
|
|
4009
|
+
setStartTime: g3,
|
|
4010
|
+
jumpToTime: S2
|
|
4011
4011
|
}, void 0, !0)
|
|
4012
|
-
])) : (
|
|
4012
|
+
])) : (g(), q(x(S3), {
|
|
4013
4013
|
key: 1,
|
|
4014
|
-
modelValue:
|
|
4015
|
-
"onUpdate:modelValue": e[2] || (e[2] = (l) =>
|
|
4014
|
+
modelValue: a.value,
|
|
4015
|
+
"onUpdate:modelValue": e[2] || (e[2] = (l) => a.value = l),
|
|
4016
4016
|
class: "timeline-jump-picker",
|
|
4017
|
-
type:
|
|
4018
|
-
format:
|
|
4017
|
+
type: j2.value,
|
|
4018
|
+
format: Y2.value,
|
|
4019
4019
|
clearable: !1,
|
|
4020
4020
|
editable: !1,
|
|
4021
|
-
"disabled-date":
|
|
4022
|
-
"disabled-hours":
|
|
4023
|
-
"disabled-minutes":
|
|
4024
|
-
"disabled-seconds":
|
|
4021
|
+
"disabled-date": m3,
|
|
4022
|
+
"disabled-hours": H3,
|
|
4023
|
+
"disabled-minutes": x3,
|
|
4024
|
+
"disabled-seconds": D3,
|
|
4025
4025
|
title: "跳转到指定时间",
|
|
4026
4026
|
"aria-label": "跳转到指定时间",
|
|
4027
|
-
onChange:
|
|
4027
|
+
onChange: S2,
|
|
4028
4028
|
style: { "--el-date-editor-width": "calc(var(--cp-font-1) * 140)" }
|
|
4029
4029
|
}, null, 8, ["modelValue", "type", "format"]))
|
|
4030
4030
|
]),
|
|
4031
|
-
L("div",
|
|
4031
|
+
L("div", u4, [
|
|
4032
4032
|
L("div", {
|
|
4033
4033
|
ref_key: "trackRef",
|
|
4034
|
-
ref:
|
|
4034
|
+
ref: c,
|
|
4035
4035
|
class: "timeline-track",
|
|
4036
4036
|
role: "slider",
|
|
4037
4037
|
tabindex: "0",
|
|
4038
4038
|
"aria-valuemin": 0,
|
|
4039
|
-
"aria-valuemax":
|
|
4039
|
+
"aria-valuemax": k.value.length - 1,
|
|
4040
4040
|
"aria-valuenow": u1.value,
|
|
4041
|
-
"aria-valuetext":
|
|
4042
|
-
onPointerdown:
|
|
4041
|
+
"aria-valuetext": p2.value,
|
|
4042
|
+
onPointerdown: T3,
|
|
4043
4043
|
onKeydown: [
|
|
4044
|
-
e[4] || (e[4] =
|
|
4045
|
-
e[5] || (e[5] =
|
|
4046
|
-
e[6] || (e[6] =
|
|
4047
|
-
e[7] || (e[7] =
|
|
4044
|
+
e[4] || (e[4] = j1(o1((l) => T1(-1), ["prevent"]), ["left"])),
|
|
4045
|
+
e[5] || (e[5] = j1(o1((l) => T1(1), ["prevent"]), ["right"])),
|
|
4046
|
+
e[6] || (e[6] = j1(o1((l) => j(l1(0)), ["prevent"]), ["home"])),
|
|
4047
|
+
e[7] || (e[7] = j1(o1((l) => j(l1(k.value.length - 1)), ["prevent"]), ["end"]))
|
|
4048
4048
|
]
|
|
4049
4049
|
}, [
|
|
4050
4050
|
L("div", {
|
|
4051
|
-
class:
|
|
4052
|
-
style:
|
|
4051
|
+
class: A(["active-time-popover", o3.value]),
|
|
4052
|
+
style: D1({ left: l3.value })
|
|
4053
4053
|
}, [
|
|
4054
|
-
L("span", null,
|
|
4054
|
+
L("span", null, B(p2.value), 1)
|
|
4055
4055
|
], 6),
|
|
4056
4056
|
L("div", {
|
|
4057
4057
|
class: "timeline-segments",
|
|
4058
|
-
style:
|
|
4058
|
+
style: D1({ gridTemplateColumns: n3.value })
|
|
4059
4059
|
}, [
|
|
4060
|
-
(
|
|
4060
|
+
(g(!0), V(R, null, r1(C2.value, (l) => (g(), V("button", {
|
|
4061
4061
|
key: l.key,
|
|
4062
4062
|
ref_for: !0,
|
|
4063
|
-
ref: (
|
|
4064
|
-
class:
|
|
4063
|
+
ref: (r) => L3(l.startIndex, r),
|
|
4064
|
+
class: A(["timeline-segment", {
|
|
4065
4065
|
"is-observed": l.kind === "observed",
|
|
4066
4066
|
"is-forecast": l.kind === "forecast",
|
|
4067
4067
|
"is-current": l.startIndex === V1.value,
|
|
@@ -4071,74 +4071,74 @@ const s4 = { class: "timeline-controls" }, a4 = ["aria-label"], L4 = {
|
|
|
4071
4071
|
type: "button",
|
|
4072
4072
|
title: l.title,
|
|
4073
4073
|
disabled: l.disabled,
|
|
4074
|
-
onPointerdown: e[3] || (e[3] =
|
|
4074
|
+
onPointerdown: e[3] || (e[3] = o1(() => {
|
|
4075
4075
|
}, ["stop"])),
|
|
4076
|
-
onClick:
|
|
4076
|
+
onClick: o1((r) => j(l.startIndex), ["stop"])
|
|
4077
4077
|
}, [
|
|
4078
|
-
L("span",
|
|
4079
|
-
], 42,
|
|
4078
|
+
L("span", Z4, B(l.label), 1)
|
|
4079
|
+
], 42, f4))), 128))
|
|
4080
4080
|
], 4),
|
|
4081
|
-
|
|
4081
|
+
_1.value ? (g(), V("div", {
|
|
4082
4082
|
key: 0,
|
|
4083
4083
|
class: "now-divider",
|
|
4084
|
-
style:
|
|
4085
|
-
}, null, 4)) :
|
|
4086
|
-
|
|
4087
|
-
|
|
4088
|
-
L("span",
|
|
4084
|
+
style: D1({ left: f2.value })
|
|
4085
|
+
}, null, 4)) : Y("", !0),
|
|
4086
|
+
V2.value ? (g(), V("div", m4, [
|
|
4087
|
+
Q2.value ? (g(), V(R, { key: 0 }, [
|
|
4088
|
+
L("span", H4, [
|
|
4089
4089
|
e[8] || (e[8] = L("span", { class: "footer-kind is-forecast" }, "预报开始", -1)),
|
|
4090
|
-
L("span", null,
|
|
4090
|
+
L("span", null, B(R2.value), 1)
|
|
4091
4091
|
]),
|
|
4092
|
-
L("span",
|
|
4093
|
-
L("span", null,
|
|
4092
|
+
L("span", x4, [
|
|
4093
|
+
L("span", null, B(K2.value), 1),
|
|
4094
4094
|
e[9] || (e[9] = L("span", { class: "footer-kind is-forecast" }, "预报结束", -1))
|
|
4095
4095
|
])
|
|
4096
|
-
], 64)) :
|
|
4097
|
-
|
|
4096
|
+
], 64)) : u2.value ? (g(), V(R, { key: 1 }, [
|
|
4097
|
+
J2.value ? (g(), V("span", D4, [
|
|
4098
4098
|
e[10] || (e[10] = L("span", { class: "footer-kind is-observed" }, "实况", -1)),
|
|
4099
|
-
L("span", null,
|
|
4100
|
-
])) :
|
|
4101
|
-
|
|
4099
|
+
L("span", null, B(X2.value), 1)
|
|
4100
|
+
])) : Y("", !0),
|
|
4101
|
+
_1.value ? (g(), V("span", {
|
|
4102
4102
|
key: 1,
|
|
4103
4103
|
class: "timeline-scale-item timeline-scale-now",
|
|
4104
|
-
style:
|
|
4104
|
+
style: D1({ left: f2.value })
|
|
4105
4105
|
}, [
|
|
4106
4106
|
e[11] || (e[11] = L("span", { class: "footer-kind is-current" }, "当前", -1)),
|
|
4107
|
-
L("span", null,
|
|
4108
|
-
], 4)) :
|
|
4109
|
-
|
|
4107
|
+
L("span", null, B(_2.value), 1)
|
|
4108
|
+
], 4)) : Y("", !0),
|
|
4109
|
+
q2.value ? (g(), V("span", y4, [
|
|
4110
4110
|
e[12] || (e[12] = L("span", { class: "footer-kind is-forecast" }, "预报", -1)),
|
|
4111
|
-
L("span", null,
|
|
4112
|
-
])) :
|
|
4113
|
-
], 64)) : (
|
|
4111
|
+
L("span", null, B($2.value), 1)
|
|
4112
|
+
])) : Y("", !0)
|
|
4113
|
+
], 64)) : (g(), V(R, { key: 2 }, [
|
|
4114
4114
|
L("span", {
|
|
4115
|
-
class:
|
|
4115
|
+
class: A(["timeline-scale-item timeline-scale-window-start", $1.value])
|
|
4116
4116
|
}, [
|
|
4117
4117
|
L("span", {
|
|
4118
|
-
class:
|
|
4119
|
-
},
|
|
4120
|
-
L("span", null,
|
|
4118
|
+
class: A(["footer-kind", $1.value])
|
|
4119
|
+
}, B(t3.value), 3),
|
|
4120
|
+
L("span", null, B(C3.value), 1)
|
|
4121
4121
|
], 2),
|
|
4122
4122
|
L("span", {
|
|
4123
|
-
class:
|
|
4123
|
+
class: A(["timeline-scale-item timeline-scale-window-end", $1.value])
|
|
4124
4124
|
}, [
|
|
4125
|
-
L("span", null,
|
|
4125
|
+
L("span", null, B(e3.value), 1)
|
|
4126
4126
|
], 2)
|
|
4127
4127
|
], 64))
|
|
4128
|
-
])) :
|
|
4129
|
-
], 40,
|
|
4128
|
+
])) : Y("", !0)
|
|
4129
|
+
], 40, V4)
|
|
4130
4130
|
])
|
|
4131
4131
|
], 2));
|
|
4132
4132
|
}
|
|
4133
4133
|
});
|
|
4134
|
-
const
|
|
4134
|
+
const k4 = /* @__PURE__ */ c1(z4, [["__scopeId", "data-v-c0137427"]]), B4 = { class: "tree-trigger__type" }, T4 = { class: "tree-trigger__content" }, E4 = ["placeholder"], S4 = {
|
|
4135
4135
|
key: 0,
|
|
4136
4136
|
class: "tree-tabs",
|
|
4137
4137
|
role: "tablist"
|
|
4138
|
-
},
|
|
4138
|
+
}, A4 = ["aria-selected", "onClick"], b4 = { class: "tree-tab__label" }, F4 = { class: "tree-body" }, U4 = { class: "tree-node__label" }, P4 = {
|
|
4139
4139
|
key: 0,
|
|
4140
4140
|
class: "tree-node__tag"
|
|
4141
|
-
},
|
|
4141
|
+
}, G4 = 72, I4 = /* @__PURE__ */ K({
|
|
4142
4142
|
__name: "TreeSelectPanel",
|
|
4143
4143
|
props: {
|
|
4144
4144
|
modelValue: { default: null },
|
|
@@ -4155,228 +4155,228 @@ const f4 = /* @__PURE__ */ h1(Z4, [["__scopeId", "data-v-c0137427"]]), m4 = { cl
|
|
|
4155
4155
|
dark: { type: Boolean, default: !1 }
|
|
4156
4156
|
},
|
|
4157
4157
|
emits: ["update:modelValue", "change", "select"],
|
|
4158
|
-
setup(
|
|
4159
|
-
const t =
|
|
4160
|
-
let
|
|
4161
|
-
const
|
|
4158
|
+
setup(n, { emit: v }) {
|
|
4159
|
+
const t = n, h = v, w = S(!1), c = S(""), Z = S(""), f = S(""), u = S(null), s = S();
|
|
4160
|
+
let a = null;
|
|
4161
|
+
const m = {
|
|
4162
4162
|
type: "spring",
|
|
4163
4163
|
stiffness: 520,
|
|
4164
4164
|
damping: 38,
|
|
4165
4165
|
mass: 0.7
|
|
4166
|
-
},
|
|
4166
|
+
}, y = { y: -1 }, Q = { opacity: 0, y: -6, scale: 0.98 }, z = { opacity: 1, y: 0, scale: 1 }, G = {
|
|
4167
4167
|
type: "spring",
|
|
4168
4168
|
stiffness: 480,
|
|
4169
4169
|
damping: 34,
|
|
4170
4170
|
mass: 0.7
|
|
4171
|
-
},
|
|
4171
|
+
}, P = {
|
|
4172
4172
|
type: "spring",
|
|
4173
4173
|
stiffness: 520,
|
|
4174
4174
|
damping: 42,
|
|
4175
4175
|
mass: 0.6
|
|
4176
|
-
},
|
|
4177
|
-
var
|
|
4178
|
-
return ((
|
|
4179
|
-
}),
|
|
4180
|
-
var
|
|
4181
|
-
return ((
|
|
4182
|
-
}),
|
|
4183
|
-
for (const
|
|
4184
|
-
const
|
|
4185
|
-
if (
|
|
4186
|
-
return
|
|
4176
|
+
}, C1 = p(() => t.categories), M1 = p(() => C1.value.find((H) => H.type === f.value) || C1.value[0]), b = p(() => {
|
|
4177
|
+
var H;
|
|
4178
|
+
return ((H = M1.value) == null ? void 0 : H.children) || [];
|
|
4179
|
+
}), _ = p(() => {
|
|
4180
|
+
var H;
|
|
4181
|
+
return ((H = M1.value) == null ? void 0 : H.label) || t.fallbackTypeLabel;
|
|
4182
|
+
}), y1 = p(() => !!(c.value || t.modelValue !== null)), z1 = p(() => typeof t.popoverWidth == "number" ? `${t.popoverWidth}px` : t.popoverWidth), e1 = p(() => {
|
|
4183
|
+
for (const H of C1.value) {
|
|
4184
|
+
const D = A1(H.children, t.modelValue);
|
|
4185
|
+
if (D)
|
|
4186
|
+
return D.label;
|
|
4187
4187
|
}
|
|
4188
4188
|
return "";
|
|
4189
|
-
}),
|
|
4189
|
+
}), i1 = {
|
|
4190
4190
|
label: "label",
|
|
4191
4191
|
children: "children",
|
|
4192
4192
|
disabled: "disabled"
|
|
4193
|
-
},
|
|
4194
|
-
|
|
4195
|
-
},
|
|
4196
|
-
|
|
4197
|
-
},
|
|
4198
|
-
|
|
4193
|
+
}, F = () => {
|
|
4194
|
+
t1(), w.value = !0;
|
|
4195
|
+
}, E1 = () => {
|
|
4196
|
+
F(), c.value === e1.value && (Z.value = "");
|
|
4197
|
+
}, s1 = () => {
|
|
4198
|
+
Z.value = c.value, F();
|
|
4199
4199
|
}, g1 = () => {
|
|
4200
|
-
|
|
4201
|
-
var
|
|
4202
|
-
return (
|
|
4200
|
+
c.value = "", Z.value = "", h("update:modelValue", null), F(), p1(() => {
|
|
4201
|
+
var H;
|
|
4202
|
+
return (H = s.value) == null ? void 0 : H.filter("");
|
|
4203
4203
|
});
|
|
4204
|
-
},
|
|
4205
|
-
|
|
4206
|
-
},
|
|
4207
|
-
var
|
|
4208
|
-
const
|
|
4209
|
-
|
|
4210
|
-
},
|
|
4211
|
-
|
|
4212
|
-
}, w1 = () =>
|
|
4213
|
-
|
|
4214
|
-
|
|
4204
|
+
}, d1 = () => {
|
|
4205
|
+
t1(), w.value = !1;
|
|
4206
|
+
}, a1 = (H) => {
|
|
4207
|
+
var I;
|
|
4208
|
+
const D = H.target;
|
|
4209
|
+
D && ((I = u.value) != null && I.contains(D)) || d1();
|
|
4210
|
+
}, t1 = () => {
|
|
4211
|
+
a && (window.clearTimeout(a), a = null);
|
|
4212
|
+
}, w1 = () => t1(), $ = () => {
|
|
4213
|
+
t1(), a = window.setTimeout(() => {
|
|
4214
|
+
d1(), a = null;
|
|
4215
4215
|
}, 120);
|
|
4216
|
-
},
|
|
4217
|
-
|
|
4218
|
-
var
|
|
4219
|
-
return (
|
|
4220
|
-
}), t.closeOnSelect &&
|
|
4221
|
-
},
|
|
4222
|
-
if (
|
|
4216
|
+
}, S1 = (H) => {
|
|
4217
|
+
H.disabled || !M1.value || (h("update:modelValue", H.id), h("select", H, M1.value), h("change", { node: H, category: M1.value }), c.value = H.label, Z.value = "", p1(() => {
|
|
4218
|
+
var D;
|
|
4219
|
+
return (D = s.value) == null ? void 0 : D.filter("");
|
|
4220
|
+
}), t.closeOnSelect && d1());
|
|
4221
|
+
}, q1 = (H, D) => H ? String(D.label ?? "").toLowerCase().includes(H.trim().toLowerCase()) : !0, A1 = (H, D) => {
|
|
4222
|
+
if (D == null)
|
|
4223
4223
|
return null;
|
|
4224
|
-
for (const
|
|
4225
|
-
if (
|
|
4226
|
-
return
|
|
4227
|
-
const
|
|
4228
|
-
if (
|
|
4229
|
-
return
|
|
4224
|
+
for (const I of H) {
|
|
4225
|
+
if (I.id === D)
|
|
4226
|
+
return I;
|
|
4227
|
+
const J = A1(I.children || [], D);
|
|
4228
|
+
if (J)
|
|
4229
|
+
return J;
|
|
4230
4230
|
}
|
|
4231
4231
|
return null;
|
|
4232
4232
|
};
|
|
4233
|
-
return W(
|
|
4234
|
-
if (!
|
|
4235
|
-
|
|
4233
|
+
return W(C1, (H) => {
|
|
4234
|
+
if (!H.length) {
|
|
4235
|
+
f.value = "";
|
|
4236
4236
|
return;
|
|
4237
4237
|
}
|
|
4238
|
-
const
|
|
4239
|
-
|
|
4240
|
-
}, { immediate: !0 }), W(() => t.defaultActiveType, (
|
|
4241
|
-
|
|
4242
|
-
}), W(
|
|
4243
|
-
var
|
|
4244
|
-
(
|
|
4245
|
-
}), W(
|
|
4238
|
+
const D = H.some((J) => J.type === t.defaultActiveType) ? t.defaultActiveType : H[0].type, I = H.some((J) => J.type === f.value);
|
|
4239
|
+
f.value = I ? f.value : D;
|
|
4240
|
+
}, { immediate: !0 }), W(() => t.defaultActiveType, (H) => {
|
|
4241
|
+
H && C1.value.some((D) => D.type === H) && (f.value = H);
|
|
4242
|
+
}), W(Z, (H) => {
|
|
4243
|
+
var D;
|
|
4244
|
+
(D = s.value) == null || D.filter(H);
|
|
4245
|
+
}), W(f, () => {
|
|
4246
4246
|
p1(() => {
|
|
4247
|
-
var
|
|
4248
|
-
return (
|
|
4247
|
+
var H;
|
|
4248
|
+
return (H = s.value) == null ? void 0 : H.filter(Z.value);
|
|
4249
4249
|
});
|
|
4250
|
-
}), W(
|
|
4251
|
-
|
|
4252
|
-
}, { immediate: !0 }), W(
|
|
4253
|
-
if (
|
|
4254
|
-
|
|
4255
|
-
var
|
|
4256
|
-
return (
|
|
4250
|
+
}), W(e1, (H) => {
|
|
4251
|
+
w.value || (c.value = H, Z.value = "");
|
|
4252
|
+
}, { immediate: !0 }), W(w, (H) => {
|
|
4253
|
+
if (H) {
|
|
4254
|
+
c.value === e1.value && (Z.value = "", p1(() => {
|
|
4255
|
+
var D;
|
|
4256
|
+
return (D = s.value) == null ? void 0 : D.filter("");
|
|
4257
4257
|
}));
|
|
4258
4258
|
return;
|
|
4259
4259
|
}
|
|
4260
|
-
|
|
4261
|
-
}),
|
|
4262
|
-
document.addEventListener("pointerdown",
|
|
4263
|
-
}),
|
|
4264
|
-
|
|
4265
|
-
}), (
|
|
4260
|
+
c.value = e1.value, Z.value = "";
|
|
4261
|
+
}), Q1(() => {
|
|
4262
|
+
document.addEventListener("pointerdown", a1);
|
|
4263
|
+
}), h2(() => {
|
|
4264
|
+
t1(), document.removeEventListener("pointerdown", a1);
|
|
4265
|
+
}), (H, D) => (g(), V("div", {
|
|
4266
4266
|
ref_key: "selectRef",
|
|
4267
|
-
ref:
|
|
4268
|
-
class:
|
|
4267
|
+
ref: u,
|
|
4268
|
+
class: A(["tree-select", { "is-dark": n.dark }]),
|
|
4269
4269
|
onMouseenter: w1,
|
|
4270
|
-
onMouseleave:
|
|
4270
|
+
onMouseleave: $
|
|
4271
4271
|
}, [
|
|
4272
|
-
|
|
4272
|
+
T(x(v2).div, {
|
|
4273
4273
|
class: "tree-trigger",
|
|
4274
4274
|
role: "combobox",
|
|
4275
4275
|
tabindex: "0",
|
|
4276
|
-
"aria-expanded":
|
|
4277
|
-
"while-hover":
|
|
4278
|
-
transition:
|
|
4279
|
-
onClick:
|
|
4276
|
+
"aria-expanded": w.value,
|
|
4277
|
+
"while-hover": y,
|
|
4278
|
+
transition: m,
|
|
4279
|
+
onClick: o1(F, ["stop"])
|
|
4280
4280
|
}, {
|
|
4281
|
-
default:
|
|
4282
|
-
L("span",
|
|
4283
|
-
L("span",
|
|
4284
|
-
|
|
4285
|
-
"onUpdate:modelValue":
|
|
4281
|
+
default: O(() => [
|
|
4282
|
+
L("span", B4, B(_.value), 1),
|
|
4283
|
+
L("span", T4, [
|
|
4284
|
+
Y1(L("input", {
|
|
4285
|
+
"onUpdate:modelValue": D[0] || (D[0] = (I) => c.value = I),
|
|
4286
4286
|
class: "tree-trigger__input",
|
|
4287
|
-
placeholder:
|
|
4288
|
-
onFocus:
|
|
4289
|
-
onClick:
|
|
4290
|
-
onInput:
|
|
4291
|
-
}, null, 40,
|
|
4292
|
-
[
|
|
4287
|
+
placeholder: n.placeholder,
|
|
4288
|
+
onFocus: E1,
|
|
4289
|
+
onClick: o1(F, ["stop"]),
|
|
4290
|
+
onInput: s1
|
|
4291
|
+
}, null, 40, E4), [
|
|
4292
|
+
[I2, c.value]
|
|
4293
4293
|
]),
|
|
4294
|
-
|
|
4294
|
+
y1.value ? (g(), V("button", {
|
|
4295
4295
|
key: 0,
|
|
4296
4296
|
class: "tree-trigger__clear",
|
|
4297
4297
|
type: "button",
|
|
4298
4298
|
"aria-label": "清空",
|
|
4299
|
-
onClick:
|
|
4300
|
-
})) :
|
|
4299
|
+
onClick: o1(g1, ["stop"])
|
|
4300
|
+
})) : Y("", !0),
|
|
4301
4301
|
L("span", {
|
|
4302
|
-
class:
|
|
4302
|
+
class: A(["tree-trigger__arrow", { "is-open": w.value }])
|
|
4303
4303
|
}, null, 2)
|
|
4304
4304
|
])
|
|
4305
4305
|
]),
|
|
4306
4306
|
_: 1
|
|
4307
4307
|
}, 8, ["aria-expanded"]),
|
|
4308
|
-
|
|
4309
|
-
default:
|
|
4310
|
-
|
|
4308
|
+
T(O3, { name: "tree-panel-fade" }, {
|
|
4309
|
+
default: O(() => [
|
|
4310
|
+
w.value ? (g(), q(x(v2).section, {
|
|
4311
4311
|
key: 0,
|
|
4312
4312
|
class: "tree-panel",
|
|
4313
|
-
style:
|
|
4314
|
-
initial:
|
|
4315
|
-
animate:
|
|
4316
|
-
transition:
|
|
4317
|
-
onClick:
|
|
4313
|
+
style: D1({ width: z1.value }),
|
|
4314
|
+
initial: Q,
|
|
4315
|
+
animate: z,
|
|
4316
|
+
transition: G,
|
|
4317
|
+
onClick: D[1] || (D[1] = o1(() => {
|
|
4318
4318
|
}, ["stop"]))
|
|
4319
4319
|
}, {
|
|
4320
|
-
default:
|
|
4321
|
-
|
|
4322
|
-
(
|
|
4323
|
-
key:
|
|
4324
|
-
class:
|
|
4320
|
+
default: O(() => [
|
|
4321
|
+
C1.value.length > 1 ? (g(), V("div", S4, [
|
|
4322
|
+
(g(!0), V(R, null, r1(C1.value, (I) => (g(), V("button", {
|
|
4323
|
+
key: I.type,
|
|
4324
|
+
class: A(["tree-tab", { "is-active": I.type === f.value }]),
|
|
4325
4325
|
type: "button",
|
|
4326
4326
|
role: "tab",
|
|
4327
|
-
"aria-selected":
|
|
4328
|
-
onClick: (
|
|
4327
|
+
"aria-selected": I.type === f.value,
|
|
4328
|
+
onClick: (J) => f.value = I.type
|
|
4329
4329
|
}, [
|
|
4330
|
-
|
|
4330
|
+
I.type === f.value ? (g(), q(x(v2).span, {
|
|
4331
4331
|
key: 0,
|
|
4332
4332
|
class: "tree-tab__active",
|
|
4333
4333
|
"layout-id": "tree-select-active-tab",
|
|
4334
|
-
transition:
|
|
4335
|
-
})) :
|
|
4336
|
-
L("span",
|
|
4337
|
-
], 10,
|
|
4338
|
-
])) :
|
|
4339
|
-
L("div",
|
|
4340
|
-
|
|
4334
|
+
transition: P
|
|
4335
|
+
})) : Y("", !0),
|
|
4336
|
+
L("span", b4, B(I.label), 1)
|
|
4337
|
+
], 10, A4))), 128))
|
|
4338
|
+
])) : Y("", !0),
|
|
4339
|
+
L("div", F4, [
|
|
4340
|
+
b.value.length ? (g(), q(x(G2), {
|
|
4341
4341
|
key: 0,
|
|
4342
4342
|
ref_key: "treeRef",
|
|
4343
|
-
ref:
|
|
4344
|
-
data:
|
|
4343
|
+
ref: s,
|
|
4344
|
+
data: b.value,
|
|
4345
4345
|
"node-key": "id",
|
|
4346
|
-
props:
|
|
4347
|
-
"filter-node-method":
|
|
4346
|
+
props: i1,
|
|
4347
|
+
"filter-node-method": q1,
|
|
4348
4348
|
"expand-on-click-node": !1,
|
|
4349
|
-
"default-expand-all":
|
|
4349
|
+
"default-expand-all": n.defaultExpandAll,
|
|
4350
4350
|
"highlight-current": "",
|
|
4351
|
-
onNodeClick:
|
|
4351
|
+
onNodeClick: S1
|
|
4352
4352
|
}, {
|
|
4353
|
-
default:
|
|
4353
|
+
default: O(({ node: I, data: J }) => [
|
|
4354
4354
|
L("button", {
|
|
4355
|
-
class:
|
|
4355
|
+
class: A(["tree-node", { "is-selected": J.id === n.modelValue }]),
|
|
4356
4356
|
type: "button"
|
|
4357
4357
|
}, [
|
|
4358
|
-
L("span",
|
|
4359
|
-
|
|
4358
|
+
L("span", U4, B(I.label), 1),
|
|
4359
|
+
J.tag ? (g(), V("span", P4, B(J.tag), 1)) : Y("", !0)
|
|
4360
4360
|
], 2)
|
|
4361
4361
|
]),
|
|
4362
4362
|
_: 1
|
|
4363
|
-
}, 8, ["data", "default-expand-all"])) : (
|
|
4363
|
+
}, 8, ["data", "default-expand-all"])) : (g(), q(x(A3), {
|
|
4364
4364
|
key: 1,
|
|
4365
4365
|
class: "tree-empty",
|
|
4366
|
-
"image-size":
|
|
4367
|
-
description:
|
|
4366
|
+
"image-size": G4,
|
|
4367
|
+
description: n.emptyText
|
|
4368
4368
|
}, null, 8, ["description"]))
|
|
4369
4369
|
])
|
|
4370
4370
|
]),
|
|
4371
4371
|
_: 1
|
|
4372
|
-
}, 8, ["style"])) :
|
|
4372
|
+
}, 8, ["style"])) : Y("", !0)
|
|
4373
4373
|
]),
|
|
4374
4374
|
_: 1
|
|
4375
4375
|
})
|
|
4376
4376
|
], 34));
|
|
4377
4377
|
}
|
|
4378
4378
|
});
|
|
4379
|
-
const
|
|
4379
|
+
const O4 = /* @__PURE__ */ c1(I4, [["__scopeId", "data-v-bb2a715c"]]), W4 = ["aria-label"], N4 = ["onClick"], j4 = /* @__PURE__ */ K({
|
|
4380
4380
|
__name: "TimeRangeQuickSelect",
|
|
4381
4381
|
props: {
|
|
4382
4382
|
modelValue: {},
|
|
@@ -4384,34 +4384,34 @@ const S4 = /* @__PURE__ */ h1(A4, [["__scopeId", "data-v-bb2a715c"]]), b4 = ["ar
|
|
|
4384
4384
|
ariaLabel: { default: "时间范围快捷选择" }
|
|
4385
4385
|
},
|
|
4386
4386
|
emits: ["update:modelValue", "change"],
|
|
4387
|
-
setup(
|
|
4388
|
-
const t =
|
|
4389
|
-
function w
|
|
4390
|
-
t("update:modelValue",
|
|
4387
|
+
setup(n, { emit: v }) {
|
|
4388
|
+
const t = v;
|
|
4389
|
+
function h(w) {
|
|
4390
|
+
t("update:modelValue", w.key), t("change", w);
|
|
4391
4391
|
}
|
|
4392
|
-
return (
|
|
4392
|
+
return (w, c) => (g(), V("div", {
|
|
4393
4393
|
class: "time-range-quick-select",
|
|
4394
4394
|
role: "group",
|
|
4395
|
-
"aria-label":
|
|
4395
|
+
"aria-label": n.ariaLabel
|
|
4396
4396
|
}, [
|
|
4397
|
-
(
|
|
4398
|
-
key:
|
|
4397
|
+
(g(!0), V(R, null, r1(n.options, (Z) => (g(), V("button", {
|
|
4398
|
+
key: Z.key,
|
|
4399
4399
|
type: "button",
|
|
4400
|
-
class:
|
|
4401
|
-
onClick: (
|
|
4402
|
-
},
|
|
4403
|
-
], 8,
|
|
4400
|
+
class: A(["time-range-quick-select__button", { "is-active": n.modelValue === Z.key }]),
|
|
4401
|
+
onClick: (f) => h(Z)
|
|
4402
|
+
}, B(Z.label), 11, N4))), 128))
|
|
4403
|
+
], 8, W4));
|
|
4404
4404
|
}
|
|
4405
4405
|
});
|
|
4406
|
-
const
|
|
4406
|
+
const Y4 = /* @__PURE__ */ c1(j4, [["__scopeId", "data-v-d0145980"]]), Q4 = {
|
|
4407
4407
|
key: 0,
|
|
4408
4408
|
class: "project-menu primary-nav",
|
|
4409
4409
|
"aria-label": "横向菜单样式"
|
|
4410
|
-
},
|
|
4410
|
+
}, R4 = { class: "primary-nav-scroll" }, K4 = ["onClick", "disabled", "aria-disabled", "aria-current"], J4 = {
|
|
4411
4411
|
key: 1,
|
|
4412
4412
|
class: "project-menu vertical-menu",
|
|
4413
4413
|
"aria-label": "纵向菜单样式"
|
|
4414
|
-
},
|
|
4414
|
+
}, q4 = ["aria-expanded", "onClick"], X4 = { class: "menu-list" }, _4 = ["onClick", "disabled", "aria-disabled", "aria-current"], $4 = { class: "menu-label" }, C6 = /* @__PURE__ */ K({
|
|
4415
4415
|
__name: "ProjectMenu",
|
|
4416
4416
|
props: {
|
|
4417
4417
|
direction: { default: "horizontal" },
|
|
@@ -4420,266 +4420,286 @@ const P4 = /* @__PURE__ */ h1(U4, [["__scopeId", "data-v-d0145980"]]), G4 = {
|
|
|
4420
4420
|
groups: { default: () => [] }
|
|
4421
4421
|
},
|
|
4422
4422
|
emits: ["update:active", "select"],
|
|
4423
|
-
setup(
|
|
4424
|
-
const t =
|
|
4425
|
-
W(() => t.active, (
|
|
4426
|
-
function
|
|
4427
|
-
|
|
4423
|
+
setup(n, { emit: v }) {
|
|
4424
|
+
const t = n, h = v, w = S(t.active), c = S([]);
|
|
4425
|
+
W(() => t.active, (u) => w.value = u);
|
|
4426
|
+
function Z(u) {
|
|
4427
|
+
u.disabled || (w.value = u.key, h("update:active", u.key), h("select", u));
|
|
4428
4428
|
}
|
|
4429
|
-
function
|
|
4430
|
-
|
|
4429
|
+
function f(u) {
|
|
4430
|
+
c.value = c.value.includes(u) ? c.value.filter((s) => s !== u) : [...c.value, u];
|
|
4431
4431
|
}
|
|
4432
|
-
return (
|
|
4433
|
-
L("div",
|
|
4434
|
-
(
|
|
4432
|
+
return (u, s) => n.direction === "horizontal" ? (g(), V("nav", Q4, [
|
|
4433
|
+
L("div", R4, [
|
|
4434
|
+
(g(!0), V(R, null, r1(n.items, (a) => (g(), V("button", {
|
|
4435
4435
|
type: "button",
|
|
4436
|
-
onClick: (
|
|
4437
|
-
disabled:
|
|
4438
|
-
key:
|
|
4439
|
-
class:
|
|
4440
|
-
"aria-disabled":
|
|
4441
|
-
"aria-current":
|
|
4442
|
-
},
|
|
4436
|
+
onClick: (m) => Z(a),
|
|
4437
|
+
disabled: a.disabled,
|
|
4438
|
+
key: a.key,
|
|
4439
|
+
class: A(["primary-nav-link", { active: w.value === a.key, "is-disabled": a.disabled }]),
|
|
4440
|
+
"aria-disabled": a.disabled || void 0,
|
|
4441
|
+
"aria-current": w.value === a.key ? "page" : void 0
|
|
4442
|
+
}, B(a.label), 11, K4))), 128))
|
|
4443
4443
|
])
|
|
4444
|
-
])) : (
|
|
4445
|
-
(
|
|
4446
|
-
key:
|
|
4444
|
+
])) : (g(), V("nav", J4, [
|
|
4445
|
+
(g(!0), V(R, null, r1(n.groups, (a) => (g(), V("section", {
|
|
4446
|
+
key: a.label,
|
|
4447
4447
|
class: "menu-section"
|
|
4448
4448
|
}, [
|
|
4449
4449
|
L("button", {
|
|
4450
4450
|
type: "button",
|
|
4451
4451
|
class: "section-title",
|
|
4452
|
-
"aria-expanded": !
|
|
4453
|
-
onClick: (
|
|
4452
|
+
"aria-expanded": !c.value.includes(a.label),
|
|
4453
|
+
onClick: (m) => f(a.label)
|
|
4454
4454
|
}, [
|
|
4455
|
-
L("span", null,
|
|
4456
|
-
|
|
4457
|
-
class:
|
|
4455
|
+
L("span", null, B(a.label), 1),
|
|
4456
|
+
T(x(n1), {
|
|
4457
|
+
class: A(["section-arrow", { open: !c.value.includes(a.label) }])
|
|
4458
4458
|
}, {
|
|
4459
|
-
default:
|
|
4460
|
-
|
|
4459
|
+
default: O(() => [
|
|
4460
|
+
T(x(Q3))
|
|
4461
4461
|
]),
|
|
4462
4462
|
_: 1
|
|
4463
4463
|
}, 8, ["class"])
|
|
4464
|
-
], 8,
|
|
4465
|
-
|
|
4466
|
-
(
|
|
4467
|
-
key:
|
|
4464
|
+
], 8, q4),
|
|
4465
|
+
Y1(L("ul", X4, [
|
|
4466
|
+
(g(!0), V(R, null, r1(a.items, (m) => (g(), V("li", {
|
|
4467
|
+
key: m.key
|
|
4468
4468
|
}, [
|
|
4469
4469
|
L("button", {
|
|
4470
4470
|
type: "button",
|
|
4471
|
-
onClick: (
|
|
4472
|
-
disabled:
|
|
4473
|
-
class:
|
|
4474
|
-
"aria-disabled":
|
|
4475
|
-
"aria-current":
|
|
4471
|
+
onClick: (y) => Z(m),
|
|
4472
|
+
disabled: m.disabled,
|
|
4473
|
+
class: A(["menu-link", { active: w.value === m.key, "is-disabled": m.disabled }]),
|
|
4474
|
+
"aria-disabled": m.disabled || void 0,
|
|
4475
|
+
"aria-current": w.value === m.key ? "page" : void 0
|
|
4476
4476
|
}, [
|
|
4477
|
-
|
|
4478
|
-
default:
|
|
4479
|
-
(
|
|
4477
|
+
T(x(n1), { class: "menu-icon" }, {
|
|
4478
|
+
default: O(() => [
|
|
4479
|
+
(g(), q(K1(m.icon || x(N2))))
|
|
4480
4480
|
]),
|
|
4481
4481
|
_: 2
|
|
4482
4482
|
}, 1024),
|
|
4483
|
-
L("span",
|
|
4484
|
-
], 10,
|
|
4483
|
+
L("span", $4, B(m.label), 1)
|
|
4484
|
+
], 10, _4)
|
|
4485
4485
|
]))), 128))
|
|
4486
4486
|
], 512), [
|
|
4487
|
-
[
|
|
4487
|
+
[O2, !c.value.includes(a.label)]
|
|
4488
4488
|
])
|
|
4489
4489
|
]))), 128))
|
|
4490
4490
|
]));
|
|
4491
4491
|
}
|
|
4492
4492
|
});
|
|
4493
|
-
const
|
|
4493
|
+
const e6 = /* @__PURE__ */ c1(C6, [["__scopeId", "data-v-58cb5430"]]), t6 = { class: "tree-tools" }, l6 = { class: "tool-row" }, o6 = ["aria-expanded"], n6 = {
|
|
4494
4494
|
key: 0,
|
|
4495
4495
|
class: "tree-search"
|
|
4496
|
-
},
|
|
4496
|
+
}, r6 = { class: "tree-scroll" }, i6 = ["aria-expanded"], s6 = { class: "node-orb node-orb--parent" }, a6 = { class: "node-label node-label--parent" }, L6 = { class: "child-list" }, c6 = ["onClick", "aria-current", "aria-pressed"], d6 = {
|
|
4497
4497
|
key: 0,
|
|
4498
4498
|
class: "empty-menu"
|
|
4499
|
-
},
|
|
4499
|
+
}, v6 = /* @__PURE__ */ K({
|
|
4500
4500
|
__name: "MapSideMenu",
|
|
4501
4501
|
props: {
|
|
4502
|
+
flat: { type: Boolean, default: !1 },
|
|
4502
4503
|
title: { default: "实况(测站)" },
|
|
4503
4504
|
active: { default: "rain" },
|
|
4505
|
+
multiple: { type: Boolean, default: !1 },
|
|
4506
|
+
activeKeys: { default: () => [] },
|
|
4504
4507
|
dark: { type: Boolean, default: !1 },
|
|
4505
4508
|
compact: { type: Boolean, default: !1 },
|
|
4506
4509
|
items: { default: () => [
|
|
4507
|
-
{ key: "rain", label: "降水", icon:
|
|
4508
|
-
{ key: "reservoir-level", label: "水库水位", icon:
|
|
4509
|
-
{ key: "reservoir-flow", label: "水库径流", icon:
|
|
4510
|
-
{ key: "river-level", label: "河道水位", icon:
|
|
4511
|
-
{ key: "river-flow", label: "河道径流", icon:
|
|
4512
|
-
{ key: "temperature", label: "气温", icon:
|
|
4513
|
-
{ key: "wind", label: "风速", icon:
|
|
4510
|
+
{ key: "rain", label: "降水", icon: R3 },
|
|
4511
|
+
{ key: "reservoir-level", label: "水库水位", icon: d2 },
|
|
4512
|
+
{ key: "reservoir-flow", label: "水库径流", icon: U2 },
|
|
4513
|
+
{ key: "river-level", label: "河道水位", icon: d2 },
|
|
4514
|
+
{ key: "river-flow", label: "河道径流", icon: U2 },
|
|
4515
|
+
{ key: "temperature", label: "气温", icon: K3 },
|
|
4516
|
+
{ key: "wind", label: "风速", icon: J3 }
|
|
4514
4517
|
] }
|
|
4515
4518
|
},
|
|
4516
|
-
emits: ["update:active", "update:compact", "select"],
|
|
4517
|
-
setup(
|
|
4518
|
-
const t =
|
|
4519
|
-
W(() => t.
|
|
4520
|
-
const
|
|
4521
|
-
|
|
4522
|
-
|
|
4519
|
+
emits: ["update:active", "update:activeKeys", "change", "update:compact", "select"],
|
|
4520
|
+
setup(n, { emit: v }) {
|
|
4521
|
+
const t = n, h = v, w = S(t.active), c = S([...t.activeKeys]);
|
|
4522
|
+
W(() => t.activeKeys, (z) => c.value = [...z], { deep: !0 });
|
|
4523
|
+
const Z = S(t.compact), f = S(!0), u = S(!1), s = S("");
|
|
4524
|
+
W(() => t.active, (z) => w.value = z), W(() => t.compact, (z) => Z.value = z);
|
|
4525
|
+
const a = p(() => t.items.filter((z) => z.label.toLowerCase().includes(s.value.trim().toLowerCase())));
|
|
4526
|
+
function m(z) {
|
|
4527
|
+
return t.multiple ? c.value.includes(z) : w.value === z;
|
|
4528
|
+
}
|
|
4529
|
+
function y(z) {
|
|
4530
|
+
if (t.multiple) {
|
|
4531
|
+
const G = c.value.includes(z.key) ? c.value.filter((P) => P !== z.key) : [.../* @__PURE__ */ new Set([...c.value, z.key])];
|
|
4532
|
+
c.value = G, h("update:activeKeys", [...G]), h("change", [...G]);
|
|
4533
|
+
} else
|
|
4534
|
+
w.value = z.key, h("update:active", z.key), h("change", [z.key]);
|
|
4535
|
+
h("select", z);
|
|
4523
4536
|
}
|
|
4524
|
-
function
|
|
4525
|
-
|
|
4537
|
+
function Q() {
|
|
4538
|
+
Z.value = !Z.value, h("update:compact", Z.value);
|
|
4526
4539
|
}
|
|
4527
|
-
return (z,
|
|
4528
|
-
class:
|
|
4540
|
+
return (z, G) => (g(), V("nav", {
|
|
4541
|
+
class: A(["map-side-menu has-tools", { "is-flat": n.flat, "is-dark": n.dark, "is-labels-hidden": Z.value, "is-searching": u.value }]),
|
|
4529
4542
|
"aria-label": "地图胶囊菜单样式"
|
|
4530
4543
|
}, [
|
|
4531
|
-
L("div",
|
|
4532
|
-
L("div",
|
|
4544
|
+
L("div", t6, [
|
|
4545
|
+
L("div", l6, [
|
|
4533
4546
|
L("button", {
|
|
4534
4547
|
type: "button",
|
|
4535
4548
|
class: "tool-toggle",
|
|
4536
|
-
"aria-expanded":
|
|
4537
|
-
onClick:
|
|
4549
|
+
"aria-expanded": u.value,
|
|
4550
|
+
onClick: G[0] || (G[0] = (P) => u.value = !u.value)
|
|
4538
4551
|
}, [
|
|
4539
|
-
|
|
4540
|
-
default:
|
|
4541
|
-
|
|
4552
|
+
T(x(n1), null, {
|
|
4553
|
+
default: O(() => [
|
|
4554
|
+
T(x(q3))
|
|
4542
4555
|
]),
|
|
4543
4556
|
_: 1
|
|
4544
4557
|
}),
|
|
4545
|
-
|
|
4546
|
-
], 8,
|
|
4558
|
+
G[3] || (G[3] = L("span", null, "搜索菜单", -1))
|
|
4559
|
+
], 8, o6),
|
|
4547
4560
|
L("button", {
|
|
4548
4561
|
type: "button",
|
|
4549
4562
|
class: "tool-toggle label-toggle",
|
|
4550
4563
|
"aria-label": "切换图标模式",
|
|
4551
|
-
onClick:
|
|
4564
|
+
onClick: Q
|
|
4552
4565
|
}, [
|
|
4553
|
-
|
|
4554
|
-
default:
|
|
4555
|
-
|
|
4566
|
+
T(x(n1), null, {
|
|
4567
|
+
default: O(() => [
|
|
4568
|
+
T(x(X3))
|
|
4556
4569
|
]),
|
|
4557
4570
|
_: 1
|
|
4558
4571
|
})
|
|
4559
4572
|
])
|
|
4560
4573
|
]),
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
"onUpdate:modelValue":
|
|
4574
|
+
u.value ? (g(), V("label", n6, [
|
|
4575
|
+
Y1(L("input", {
|
|
4576
|
+
"onUpdate:modelValue": G[1] || (G[1] = (P) => s.value = P),
|
|
4564
4577
|
placeholder: "搜索菜单项"
|
|
4565
4578
|
}, null, 512), [
|
|
4566
|
-
[
|
|
4579
|
+
[I2, s.value]
|
|
4567
4580
|
])
|
|
4568
|
-
])) :
|
|
4581
|
+
])) : Y("", !0)
|
|
4569
4582
|
]),
|
|
4570
|
-
L("div",
|
|
4583
|
+
L("div", r6, [
|
|
4571
4584
|
L("section", {
|
|
4572
|
-
class:
|
|
4585
|
+
class: A(["tree-section", { "is-open": f.value }])
|
|
4573
4586
|
}, [
|
|
4574
|
-
|
|
4587
|
+
n.flat ? Y("", !0) : (g(), V("button", {
|
|
4588
|
+
key: 0,
|
|
4575
4589
|
type: "button",
|
|
4576
4590
|
class: "tree-node tree-node--parent active",
|
|
4577
4591
|
"aria-expanded": f.value,
|
|
4578
|
-
onClick:
|
|
4592
|
+
onClick: G[2] || (G[2] = (P) => f.value = !f.value)
|
|
4579
4593
|
}, [
|
|
4580
|
-
L("span",
|
|
4581
|
-
|
|
4582
|
-
default:
|
|
4583
|
-
|
|
4594
|
+
L("span", s6, [
|
|
4595
|
+
T(x(n1), null, {
|
|
4596
|
+
default: O(() => [
|
|
4597
|
+
T(x(_3))
|
|
4584
4598
|
]),
|
|
4585
4599
|
_: 1
|
|
4586
4600
|
})
|
|
4587
4601
|
]),
|
|
4588
|
-
L("span",
|
|
4589
|
-
], 8,
|
|
4590
|
-
|
|
4591
|
-
(
|
|
4602
|
+
L("span", a6, B(n.title), 1)
|
|
4603
|
+
], 8, i6)),
|
|
4604
|
+
Y1(L("div", L6, [
|
|
4605
|
+
(g(!0), V(R, null, r1(a.value, (P) => (g(), V("button", {
|
|
4592
4606
|
type: "button",
|
|
4593
|
-
onClick: (
|
|
4594
|
-
key:
|
|
4595
|
-
class:
|
|
4596
|
-
"aria-current":
|
|
4607
|
+
onClick: (C1) => y(P),
|
|
4608
|
+
key: P.key,
|
|
4609
|
+
class: A(["tree-node", [n.flat ? "tree-node--parent" : "tree-node--child", { active: m(P.key) }]]),
|
|
4610
|
+
"aria-current": !n.multiple && m(P.key) ? "page" : void 0,
|
|
4611
|
+
"aria-pressed": n.multiple ? m(P.key) : void 0
|
|
4597
4612
|
}, [
|
|
4598
|
-
L("span",
|
|
4599
|
-
|
|
4600
|
-
|
|
4601
|
-
|
|
4613
|
+
L("span", {
|
|
4614
|
+
class: A(["node-orb", n.flat ? "node-orb--parent" : "node-orb--child"])
|
|
4615
|
+
}, [
|
|
4616
|
+
T(x(n1), null, {
|
|
4617
|
+
default: O(() => [
|
|
4618
|
+
(g(), q(K1(P.icon || x(d2))))
|
|
4602
4619
|
]),
|
|
4603
4620
|
_: 2
|
|
4604
4621
|
}, 1024)
|
|
4605
|
-
]),
|
|
4606
|
-
L("span",
|
|
4607
|
-
|
|
4608
|
-
|
|
4622
|
+
], 2),
|
|
4623
|
+
L("span", {
|
|
4624
|
+
class: A(["node-label", n.flat ? "node-label--parent" : "node-label--child"])
|
|
4625
|
+
}, B(P.label), 3)
|
|
4626
|
+
], 10, c6))), 128)),
|
|
4627
|
+
a.value.length ? Y("", !0) : (g(), V("span", d6, "未找到匹配菜单"))
|
|
4609
4628
|
], 512), [
|
|
4610
|
-
[
|
|
4629
|
+
[O2, n.flat || f.value]
|
|
4611
4630
|
])
|
|
4612
4631
|
], 2)
|
|
4613
4632
|
])
|
|
4614
4633
|
], 2));
|
|
4615
4634
|
}
|
|
4616
4635
|
});
|
|
4617
|
-
const
|
|
4636
|
+
const h6 = /* @__PURE__ */ c1(v6, [["__scopeId", "data-v-32ee36c8"]]), g6 = {
|
|
4618
4637
|
class: "map-toolbar__buttons",
|
|
4619
4638
|
role: "group",
|
|
4620
4639
|
"aria-label": "地图工具样式"
|
|
4621
|
-
},
|
|
4640
|
+
}, w6 = ["onClick", "title", "aria-label"], p6 = /* @__PURE__ */ K({
|
|
4622
4641
|
__name: "MapTools",
|
|
4623
4642
|
props: {
|
|
4624
4643
|
active: { default: "layers" },
|
|
4625
4644
|
horizontal: { type: Boolean, default: !1 },
|
|
4626
|
-
icons: { default: () => ({}) }
|
|
4645
|
+
icons: { default: () => ({}) },
|
|
4646
|
+
items: {}
|
|
4627
4647
|
},
|
|
4628
4648
|
emits: ["update:active", "tool-click", "context-change"],
|
|
4629
|
-
setup(
|
|
4630
|
-
const t =
|
|
4631
|
-
{ key: "layers", label: "图层", icon:
|
|
4632
|
-
{ key: "module", label: "模块操作", icon:
|
|
4633
|
-
{ key: "refresh", label: "刷新", icon:
|
|
4634
|
-
{ key: "locate", label: "定位", icon:
|
|
4635
|
-
{ key: "settings", label: "地图设置", icon:
|
|
4636
|
-
{ key: "analysis", label: "空间分析", icon:
|
|
4637
|
-
{ key: "context", label: "右键菜单", icon:
|
|
4638
|
-
],
|
|
4639
|
-
W(() => t.active, (
|
|
4640
|
-
function
|
|
4641
|
-
|
|
4649
|
+
setup(n, { emit: v }) {
|
|
4650
|
+
const t = n, h = [
|
|
4651
|
+
{ key: "layers", label: "图层", icon: $3 },
|
|
4652
|
+
{ key: "module", label: "模块操作", icon: C4 },
|
|
4653
|
+
{ key: "refresh", label: "刷新", icon: W2 },
|
|
4654
|
+
{ key: "locate", label: "定位", icon: e4 },
|
|
4655
|
+
{ key: "settings", label: "地图设置", icon: t4 },
|
|
4656
|
+
{ key: "analysis", label: "空间分析", icon: N2 },
|
|
4657
|
+
{ key: "context", label: "右键菜单", icon: l4 }
|
|
4658
|
+
], w = p(() => t.items ?? h), c = v, Z = S(t.active), f = S(!1);
|
|
4659
|
+
W(() => t.active, (s) => Z.value = s);
|
|
4660
|
+
function u(s) {
|
|
4661
|
+
s === "context" ? (f.value = !f.value, c("context-change", f.value)) : s !== "refresh" && s !== "locate" && (Z.value = Z.value === s ? "" : s, c("update:active", Z.value)), c("tool-click", s);
|
|
4642
4662
|
}
|
|
4643
|
-
return (
|
|
4644
|
-
class:
|
|
4663
|
+
return (s, a) => (g(), V("div", {
|
|
4664
|
+
class: A(["map-toolbar", { horizontal: n.horizontal }])
|
|
4645
4665
|
}, [
|
|
4646
|
-
L("div",
|
|
4647
|
-
(
|
|
4666
|
+
L("div", g6, [
|
|
4667
|
+
(g(!0), V(R, null, r1(w.value, (m) => (g(), V("button", {
|
|
4648
4668
|
type: "button",
|
|
4649
|
-
onClick: (
|
|
4650
|
-
key:
|
|
4651
|
-
class:
|
|
4652
|
-
title:
|
|
4653
|
-
"aria-label":
|
|
4669
|
+
onClick: (y) => u(m.key),
|
|
4670
|
+
key: m.key,
|
|
4671
|
+
class: A(["tool-button", { "is-active": m.key === "context" ? f.value : Z.value === m.key }]),
|
|
4672
|
+
title: m.label,
|
|
4673
|
+
"aria-label": m.label
|
|
4654
4674
|
}, [
|
|
4655
|
-
|
|
4656
|
-
default:
|
|
4657
|
-
(
|
|
4675
|
+
T(x(n1), null, {
|
|
4676
|
+
default: O(() => [
|
|
4677
|
+
(g(), q(K1(n.icons[m.key] || m.icon)))
|
|
4658
4678
|
]),
|
|
4659
4679
|
_: 2
|
|
4660
4680
|
}, 1024)
|
|
4661
|
-
], 10,
|
|
4681
|
+
], 10, w6))), 128))
|
|
4662
4682
|
])
|
|
4663
4683
|
], 2));
|
|
4664
4684
|
}
|
|
4665
4685
|
});
|
|
4666
|
-
const
|
|
4686
|
+
const M6 = /* @__PURE__ */ c1(p6, [["__scopeId", "data-v-fb28ec7d"]]), u6 = { key: 0 }, V6 = /* @__PURE__ */ K({
|
|
4667
4687
|
__name: "AtlasMapTitle",
|
|
4668
4688
|
props: {
|
|
4669
4689
|
title: {},
|
|
4670
4690
|
subtitle: { default: "" },
|
|
4671
4691
|
rightOpen: { type: Boolean, default: !1 }
|
|
4672
4692
|
},
|
|
4673
|
-
setup(
|
|
4674
|
-
return (
|
|
4675
|
-
class:
|
|
4693
|
+
setup(n) {
|
|
4694
|
+
return (v, t) => (g(), V("div", {
|
|
4695
|
+
class: A(["atlas-map-title", { "is-right-open": n.rightOpen }])
|
|
4676
4696
|
}, [
|
|
4677
|
-
L("h2", null,
|
|
4678
|
-
|
|
4697
|
+
L("h2", null, B(n.title), 1),
|
|
4698
|
+
n.subtitle ? (g(), V("p", u6, B(n.subtitle), 1)) : Y("", !0)
|
|
4679
4699
|
], 2));
|
|
4680
4700
|
}
|
|
4681
4701
|
});
|
|
4682
|
-
const
|
|
4702
|
+
const f6 = /* @__PURE__ */ c1(V6, [["__scopeId", "data-v-3eb3cdeb"]]), Z6 = ["title", "aria-label"], m6 = /* @__PURE__ */ K({
|
|
4683
4703
|
__name: "AtlasRightToggleButton",
|
|
4684
4704
|
props: {
|
|
4685
4705
|
open: { type: Boolean, default: !1 },
|
|
@@ -4687,201 +4707,454 @@ const w6 = /* @__PURE__ */ h1(g6, [["__scopeId", "data-v-3eb3cdeb"]]), p6 = ["ti
|
|
|
4687
4707
|
closeTitle: { default: "收起右侧面板" }
|
|
4688
4708
|
},
|
|
4689
4709
|
emits: ["toggle"],
|
|
4690
|
-
setup(
|
|
4691
|
-
return (
|
|
4710
|
+
setup(n) {
|
|
4711
|
+
return (v, t) => (g(), V("button", {
|
|
4692
4712
|
type: "button",
|
|
4693
|
-
class:
|
|
4694
|
-
title:
|
|
4695
|
-
"aria-label":
|
|
4696
|
-
onClick: t[0] || (t[0] = (
|
|
4713
|
+
class: A(["atlas-right-toggle-button", { "is-open": n.open }]),
|
|
4714
|
+
title: n.open ? n.closeTitle : n.openTitle,
|
|
4715
|
+
"aria-label": n.open ? n.closeTitle : n.openTitle,
|
|
4716
|
+
onClick: t[0] || (t[0] = (h) => v.$emit("toggle"))
|
|
4697
4717
|
}, [
|
|
4698
|
-
|
|
4699
|
-
default:
|
|
4700
|
-
|
|
4718
|
+
T(x(n1), null, {
|
|
4719
|
+
default: O(() => [
|
|
4720
|
+
n.open ? (g(), q(x(o4), { key: 0 })) : (g(), q(x(n4), { key: 1 }))
|
|
4701
4721
|
]),
|
|
4702
4722
|
_: 1
|
|
4703
4723
|
})
|
|
4704
|
-
], 10,
|
|
4724
|
+
], 10, Z6));
|
|
4705
4725
|
}
|
|
4706
4726
|
});
|
|
4707
|
-
const
|
|
4727
|
+
const H6 = /* @__PURE__ */ c1(m6, [["__scopeId", "data-v-dde1443b"]]), x6 = { class: "process-data-table" }, D6 = { key: 0 }, y6 = { class: "process-data-table__scroll" }, z6 = { key: 0 }, k6 = { class: "process-data-table__pages" }, B6 = ["disabled"], T6 = ["disabled"], E6 = /* @__PURE__ */ K({
|
|
4708
4728
|
__name: "ProcessDataTable",
|
|
4709
4729
|
props: {
|
|
4710
4730
|
times: {},
|
|
4711
4731
|
series: {},
|
|
4712
4732
|
loading: { type: Boolean }
|
|
4713
4733
|
},
|
|
4714
|
-
setup(
|
|
4715
|
-
const
|
|
4716
|
-
return W(() =>
|
|
4734
|
+
setup(n) {
|
|
4735
|
+
const v = n, t = S(0), h = p(() => t.value * 100), w = p(() => Math.max(1, Math.ceil(v.times.length / 100))), c = p(() => v.times.slice(h.value, h.value + 100));
|
|
4736
|
+
return W(() => v.times, () => {
|
|
4717
4737
|
t.value = 0;
|
|
4718
|
-
}), (
|
|
4719
|
-
|
|
4720
|
-
L("div",
|
|
4738
|
+
}), (Z, f) => (g(), V("div", x6, [
|
|
4739
|
+
n.loading ? (g(), V("p", D6, "查询中…")) : (g(), V(R, { key: 1 }, [
|
|
4740
|
+
L("div", y6, [
|
|
4721
4741
|
L("table", null, [
|
|
4722
4742
|
L("thead", null, [
|
|
4723
4743
|
L("tr", null, [
|
|
4724
|
-
|
|
4725
|
-
(
|
|
4744
|
+
f[2] || (f[2] = L("th", null, "时间", -1)),
|
|
4745
|
+
(g(!0), V(R, null, r1(n.series, (u, s) => (g(), V("th", { key: s }, B(u.name), 1))), 128))
|
|
4726
4746
|
])
|
|
4727
4747
|
]),
|
|
4728
4748
|
L("tbody", null, [
|
|
4729
|
-
(
|
|
4730
|
-
L("th", null,
|
|
4731
|
-
(
|
|
4749
|
+
(g(!0), V(R, null, r1(c.value, (u, s) => (g(), V("tr", { key: u }, [
|
|
4750
|
+
L("th", null, B(u), 1),
|
|
4751
|
+
(g(!0), V(R, null, r1(n.series, (a, m) => (g(), V("td", { key: m }, B(a.data[h.value + s] ?? "—"), 1))), 128))
|
|
4732
4752
|
]))), 128))
|
|
4733
4753
|
])
|
|
4734
4754
|
]),
|
|
4735
|
-
|
|
4755
|
+
n.times.length ? Y("", !0) : (g(), V("p", z6, "暂无数据"))
|
|
4736
4756
|
]),
|
|
4737
|
-
L("div",
|
|
4757
|
+
L("div", k6, [
|
|
4738
4758
|
L("button", {
|
|
4739
4759
|
type: "button",
|
|
4740
4760
|
disabled: t.value === 0,
|
|
4741
|
-
onClick:
|
|
4742
|
-
}, "上一页", 8,
|
|
4743
|
-
L("span", null,
|
|
4761
|
+
onClick: f[0] || (f[0] = (u) => t.value--)
|
|
4762
|
+
}, "上一页", 8, B6),
|
|
4763
|
+
L("span", null, B(t.value + 1) + " / " + B(w.value) + " · 共 " + B(n.times.length) + " 条", 1),
|
|
4744
4764
|
L("button", {
|
|
4745
4765
|
type: "button",
|
|
4746
|
-
disabled: t.value + 1 >=
|
|
4747
|
-
onClick:
|
|
4748
|
-
}, "下一页", 8,
|
|
4766
|
+
disabled: t.value + 1 >= w.value,
|
|
4767
|
+
onClick: f[1] || (f[1] = (u) => t.value++)
|
|
4768
|
+
}, "下一页", 8, T6)
|
|
4749
4769
|
])
|
|
4750
4770
|
], 64))
|
|
4751
4771
|
]));
|
|
4752
4772
|
}
|
|
4753
4773
|
});
|
|
4754
|
-
const
|
|
4774
|
+
const S6 = /* @__PURE__ */ c1(E6, [["__scopeId", "data-v-c7c380b1"]]), A6 = /* @__PURE__ */ K({
|
|
4775
|
+
__name: "WorkbenchShell",
|
|
4776
|
+
props: {
|
|
4777
|
+
collapsed: { type: Boolean, default: !1 }
|
|
4778
|
+
},
|
|
4779
|
+
setup(n) {
|
|
4780
|
+
return (v, t) => (g(), V("div", {
|
|
4781
|
+
class: A(["sky-workbench app-shell", { "sidebar-hidden": n.collapsed }])
|
|
4782
|
+
}, [
|
|
4783
|
+
R1(v.$slots, "default")
|
|
4784
|
+
], 2));
|
|
4785
|
+
}
|
|
4786
|
+
});
|
|
4787
|
+
const b6 = /* @__PURE__ */ K({
|
|
4788
|
+
__name: "WorkbenchPanel",
|
|
4789
|
+
props: {
|
|
4790
|
+
as: { default: "section" },
|
|
4791
|
+
floating: { type: Boolean, default: !0 }
|
|
4792
|
+
},
|
|
4793
|
+
setup(n) {
|
|
4794
|
+
return (v, t) => (g(), q(K1(n.as), {
|
|
4795
|
+
class: A(["sky-workbench-panel", { floating: n.floating }])
|
|
4796
|
+
}, {
|
|
4797
|
+
default: O(() => [
|
|
4798
|
+
R1(v.$slots, "default")
|
|
4799
|
+
]),
|
|
4800
|
+
_: 3
|
|
4801
|
+
}, 8, ["class"]));
|
|
4802
|
+
}
|
|
4803
|
+
}), F6 = { class: "metric" }, U6 = { key: 0 }, P6 = /* @__PURE__ */ K({
|
|
4804
|
+
__name: "MetricCard",
|
|
4805
|
+
props: {
|
|
4806
|
+
label: {},
|
|
4807
|
+
value: { default: "—" },
|
|
4808
|
+
unit: { default: "" },
|
|
4809
|
+
tone: { default: "blue" },
|
|
4810
|
+
compact: { type: Boolean, default: !1 }
|
|
4811
|
+
},
|
|
4812
|
+
setup(n) {
|
|
4813
|
+
return (v, t) => (g(), V("div", F6, [
|
|
4814
|
+
v.$slots.icon ? (g(), V("span", {
|
|
4815
|
+
key: 0,
|
|
4816
|
+
class: A(["metric-icon", n.tone])
|
|
4817
|
+
}, [
|
|
4818
|
+
R1(v.$slots, "icon")
|
|
4819
|
+
], 2)) : Y("", !0),
|
|
4820
|
+
L("div", null, [
|
|
4821
|
+
L("span", null, B(n.label), 1),
|
|
4822
|
+
L("strong", {
|
|
4823
|
+
class: A({ "batch-number": n.compact })
|
|
4824
|
+
}, [
|
|
4825
|
+
x1(B(n.value), 1),
|
|
4826
|
+
n.unit ? (g(), V("small", U6, B(n.unit), 1)) : Y("", !0)
|
|
4827
|
+
], 2)
|
|
4828
|
+
])
|
|
4829
|
+
]));
|
|
4830
|
+
}
|
|
4831
|
+
}), G6 = ["aria-label"], I6 = /* @__PURE__ */ K({
|
|
4832
|
+
__name: "ProcessChart",
|
|
4833
|
+
props: {
|
|
4834
|
+
rows: {},
|
|
4835
|
+
engine: {},
|
|
4836
|
+
kind: { default: "rain" },
|
|
4837
|
+
unit: { default: "" }
|
|
4838
|
+
},
|
|
4839
|
+
setup(n) {
|
|
4840
|
+
const v = n, t = S();
|
|
4841
|
+
let h, w, c;
|
|
4842
|
+
function Z() {
|
|
4843
|
+
if (!h || !t.value)
|
|
4844
|
+
return;
|
|
4845
|
+
const f = getComputedStyle(t.value), u = (y, Q) => f.getPropertyValue(y).trim() || Q, s = u("--userssite-color-primary", "#1677ff"), a = u("--userssite-color-muted", "#75869b"), m = u("--userssite-color-border", "#e3eaf3");
|
|
4846
|
+
h.setOption({
|
|
4847
|
+
animation: !1,
|
|
4848
|
+
grid: { left: 48, right: 24, top: 28, bottom: 42 },
|
|
4849
|
+
tooltip: { trigger: "axis", backgroundColor: u("--userssite-color-panel", "#fff"), borderColor: m, textStyle: { color: u("--userssite-color-text", "#1f2937") }, valueFormatter: (y) => y === null ? "缺测" : `${y} ${v.unit}` },
|
|
4850
|
+
xAxis: { type: "category", data: v.rows.map((y) => y.time), axisLabel: { color: a, hideOverlap: !0, formatter: (y) => y.replace("T", " ").slice(5, 16) }, axisLine: { lineStyle: { color: m } }, axisTick: { show: !1 } },
|
|
4851
|
+
yAxis: { type: "value", name: v.unit, nameTextStyle: { color: a }, splitLine: { lineStyle: { color: m, type: "dashed" } }, axisLabel: { color: a } },
|
|
4852
|
+
dataZoom: [{ type: "inside" }],
|
|
4853
|
+
series: [{ type: v.kind === "rain" ? "bar" : "line", data: v.rows.map((y) => y.value), showSymbol: !1, connectNulls: !1, barMaxWidth: 12, itemStyle: { color: s, borderRadius: [3, 3, 0, 0] }, lineStyle: { width: 2.5, color: s }, areaStyle: v.kind === "rain" ? void 0 : { color: s, opacity: 0.08 } }]
|
|
4854
|
+
}, !0);
|
|
4855
|
+
}
|
|
4856
|
+
return Q1(() => {
|
|
4857
|
+
t.value && (h = v.engine.init(t.value), w = new ResizeObserver(() => h == null ? void 0 : h.resize()), w.observe(t.value), c = new MutationObserver(Z), c.observe(document.documentElement, { attributes: !0, attributeFilter: ["class", "style"] }), Z());
|
|
4858
|
+
}), W(() => [v.rows, v.kind, v.unit], Z, { deep: !0 }), h2(() => {
|
|
4859
|
+
w == null || w.disconnect(), c == null || c.disconnect(), h == null || h.dispose();
|
|
4860
|
+
}), (f, u) => (g(), V("div", {
|
|
4861
|
+
ref_key: "element",
|
|
4862
|
+
ref: t,
|
|
4863
|
+
class: "chart-canvas",
|
|
4864
|
+
role: "img",
|
|
4865
|
+
"aria-label": `${n.kind === "rain" ? "降雨" : "流量"}过程图,共 ${n.rows.length} 条记录,单位 ${n.unit}`
|
|
4866
|
+
}, null, 8, G6));
|
|
4867
|
+
}
|
|
4868
|
+
}), O6 = { class: "sky-layer-control" }, W6 = { class: "sky-layer-section" }, N6 = { class: "sky-layer-section" }, j6 = { class: "sky-layer-heading" }, Y6 = { class: "sky-layer-row" }, Q6 = /* @__PURE__ */ K({
|
|
4869
|
+
__name: "MapLayerControl",
|
|
4870
|
+
props: {
|
|
4871
|
+
nodes: {},
|
|
4872
|
+
basemap: { default: "imagery" },
|
|
4873
|
+
annotation: { type: Boolean, default: !0 }
|
|
4874
|
+
},
|
|
4875
|
+
emits: ["update:basemap", "update:annotation", "visibility", "opacity", "move", "remove", "locate", "close"],
|
|
4876
|
+
setup(n, { emit: v }) {
|
|
4877
|
+
const t = v, h = S(), w = S(""), c = S(!1), Z = (u, s) => !u || String(s.name).includes(u);
|
|
4878
|
+
function f(u, s, a) {
|
|
4879
|
+
t("move", u.data.id, s.data.id, a);
|
|
4880
|
+
}
|
|
4881
|
+
return (u, s) => (g(), V("section", O6, [
|
|
4882
|
+
L("header", null, [
|
|
4883
|
+
s[7] || (s[7] = L("strong", null, "图层控制", -1)),
|
|
4884
|
+
T(x(W1), {
|
|
4885
|
+
text: "",
|
|
4886
|
+
"aria-label": "关闭图层面板",
|
|
4887
|
+
onClick: s[0] || (s[0] = (a) => t("close"))
|
|
4888
|
+
}, {
|
|
4889
|
+
default: O(() => [...s[6] || (s[6] = [
|
|
4890
|
+
x1("×", -1)
|
|
4891
|
+
])]),
|
|
4892
|
+
_: 1
|
|
4893
|
+
})
|
|
4894
|
+
]),
|
|
4895
|
+
L("div", W6, [
|
|
4896
|
+
s[9] || (s[9] = L("strong", null, "底图", -1)),
|
|
4897
|
+
T(x(b3), {
|
|
4898
|
+
"model-value": n.basemap,
|
|
4899
|
+
"aria-label": "底图类型",
|
|
4900
|
+
"onUpdate:modelValue": s[1] || (s[1] = (a) => t("update:basemap", a))
|
|
4901
|
+
}, {
|
|
4902
|
+
default: O(() => [
|
|
4903
|
+
T(x(N1), {
|
|
4904
|
+
label: "天地图影像",
|
|
4905
|
+
value: "imagery"
|
|
4906
|
+
}),
|
|
4907
|
+
T(x(N1), {
|
|
4908
|
+
label: "天地图矢量",
|
|
4909
|
+
value: "street"
|
|
4910
|
+
}),
|
|
4911
|
+
T(x(N1), {
|
|
4912
|
+
label: "天地图地形",
|
|
4913
|
+
value: "terrain"
|
|
4914
|
+
}),
|
|
4915
|
+
T(x(N1), {
|
|
4916
|
+
label: "无底图",
|
|
4917
|
+
value: "none"
|
|
4918
|
+
})
|
|
4919
|
+
]),
|
|
4920
|
+
_: 1
|
|
4921
|
+
}, 8, ["model-value"]),
|
|
4922
|
+
T(x(b2), {
|
|
4923
|
+
"model-value": n.annotation,
|
|
4924
|
+
"onUpdate:modelValue": s[2] || (s[2] = (a) => t("update:annotation", !!a))
|
|
4925
|
+
}, {
|
|
4926
|
+
default: O(() => [...s[8] || (s[8] = [
|
|
4927
|
+
x1("地名注记", -1)
|
|
4928
|
+
])]),
|
|
4929
|
+
_: 1
|
|
4930
|
+
}, 8, ["model-value"])
|
|
4931
|
+
]),
|
|
4932
|
+
L("div", N6, [
|
|
4933
|
+
L("div", j6, [
|
|
4934
|
+
s[10] || (s[10] = L("strong", null, "参考与业务图层", -1)),
|
|
4935
|
+
T(x(W1), {
|
|
4936
|
+
text: "",
|
|
4937
|
+
type: c.value ? "primary" : "default",
|
|
4938
|
+
onClick: s[3] || (s[3] = (a) => c.value = !c.value)
|
|
4939
|
+
}, {
|
|
4940
|
+
default: O(() => [
|
|
4941
|
+
x1(B(c.value ? "完成排序" : "拖拽排序"), 1)
|
|
4942
|
+
]),
|
|
4943
|
+
_: 1
|
|
4944
|
+
}, 8, ["type"])
|
|
4945
|
+
]),
|
|
4946
|
+
T(x(F3), {
|
|
4947
|
+
modelValue: w.value,
|
|
4948
|
+
"onUpdate:modelValue": s[4] || (s[4] = (a) => w.value = a),
|
|
4949
|
+
placeholder: "搜索图层",
|
|
4950
|
+
clearable: "",
|
|
4951
|
+
onInput: s[5] || (s[5] = (a) => {
|
|
4952
|
+
var m;
|
|
4953
|
+
return (m = h.value) == null ? void 0 : m.filter(w.value);
|
|
4954
|
+
})
|
|
4955
|
+
}, null, 8, ["modelValue"]),
|
|
4956
|
+
T(x(G2), {
|
|
4957
|
+
ref_key: "tree",
|
|
4958
|
+
ref: h,
|
|
4959
|
+
data: n.nodes,
|
|
4960
|
+
"node-key": "id",
|
|
4961
|
+
props: { label: "name", children: "children" },
|
|
4962
|
+
"default-expand-all": "",
|
|
4963
|
+
"filter-node-method": Z,
|
|
4964
|
+
draggable: c.value,
|
|
4965
|
+
"allow-drag": (a) => !a.data.disabled,
|
|
4966
|
+
"allow-drop": (a, m, y) => y !== "inner" && !m.data.disabled,
|
|
4967
|
+
onNodeDrop: f
|
|
4968
|
+
}, {
|
|
4969
|
+
default: O(({ data: a }) => [
|
|
4970
|
+
L("div", Y6, [
|
|
4971
|
+
T(x(b2), {
|
|
4972
|
+
"model-value": !!a.visible,
|
|
4973
|
+
disabled: a.disabled,
|
|
4974
|
+
"aria-label": a.name,
|
|
4975
|
+
"onUpdate:modelValue": (m) => t("visibility", a, !!m)
|
|
4976
|
+
}, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]),
|
|
4977
|
+
L("span", null, B(a.name), 1),
|
|
4978
|
+
a.children ? Y("", !0) : (g(), V(R, { key: 0 }, [
|
|
4979
|
+
T(x(W1), {
|
|
4980
|
+
text: "",
|
|
4981
|
+
disabled: a.disabled,
|
|
4982
|
+
"aria-label": "定位" + a.name,
|
|
4983
|
+
onClick: o1((m) => t("locate", a), ["stop"])
|
|
4984
|
+
}, {
|
|
4985
|
+
default: O(() => [...s[11] || (s[11] = [
|
|
4986
|
+
x1("⌖", -1)
|
|
4987
|
+
])]),
|
|
4988
|
+
_: 1
|
|
4989
|
+
}, 8, ["disabled", "aria-label", "onClick"]),
|
|
4990
|
+
a.removable ? (g(), q(x(W1), {
|
|
4991
|
+
key: 0,
|
|
4992
|
+
text: "",
|
|
4993
|
+
"aria-label": "移除" + a.name,
|
|
4994
|
+
onClick: o1((m) => t("remove", a), ["stop"])
|
|
4995
|
+
}, {
|
|
4996
|
+
default: O(() => [...s[12] || (s[12] = [
|
|
4997
|
+
x1("×", -1)
|
|
4998
|
+
])]),
|
|
4999
|
+
_: 1
|
|
5000
|
+
}, 8, ["aria-label", "onClick"])) : Y("", !0)
|
|
5001
|
+
], 64))
|
|
5002
|
+
])
|
|
5003
|
+
]),
|
|
5004
|
+
_: 1
|
|
5005
|
+
}, 8, ["data", "draggable", "allow-drag", "allow-drop"]),
|
|
5006
|
+
(g(!0), V(R, null, r1(n.nodes.filter((a) => !a.children && !a.disabled), (a) => (g(), V("div", {
|
|
5007
|
+
key: a.id,
|
|
5008
|
+
class: "sky-layer-opacity"
|
|
5009
|
+
}, [
|
|
5010
|
+
L("span", null, B(a.name) + "透明度", 1),
|
|
5011
|
+
T(x(U3), {
|
|
5012
|
+
"model-value": a.opacity ?? 100,
|
|
5013
|
+
"aria-label": a.name + "透明度",
|
|
5014
|
+
"onUpdate:modelValue": (m) => t("opacity", a, Number(m))
|
|
5015
|
+
}, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"])
|
|
5016
|
+
]))), 128))
|
|
5017
|
+
]),
|
|
5018
|
+
s[13] || (s[13] = L("footer", null, "图层顺序由上到下 · 分组支持整体显隐", -1))
|
|
5019
|
+
]));
|
|
5020
|
+
}
|
|
5021
|
+
});
|
|
5022
|
+
const R6 = /* @__PURE__ */ c1(Q6, [["__scopeId", "data-v-4ecd4fde"]]), r9 = v4, i9 = i(h4), s9 = i(k4), a9 = i(O4), L9 = i(Y4), c9 = i(e6), d9 = i(h6), v9 = i(M6), h9 = i(f6), g9 = i(H6), w9 = i(S6), p9 = i(A6), M9 = i(b6), u9 = i(P6), V9 = i(I6), f9 = i(R6);
|
|
4755
5023
|
export {
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4759
|
-
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
|
|
4781
|
-
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
|
|
4788
|
-
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
|
|
4809
|
-
|
|
4810
|
-
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
|
|
4818
|
-
|
|
4819
|
-
|
|
4820
|
-
|
|
4821
|
-
|
|
4822
|
-
|
|
4823
|
-
|
|
4824
|
-
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
|
|
4828
|
-
|
|
4829
|
-
|
|
4830
|
-
|
|
4831
|
-
|
|
4832
|
-
|
|
4833
|
-
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4848
|
-
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
|
|
4880
|
-
|
|
4881
|
-
|
|
4882
|
-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
5024
|
+
i9 as AppSelect,
|
|
5025
|
+
h9 as AtlasMapTitle,
|
|
5026
|
+
g9 as AtlasRightToggleButton,
|
|
5027
|
+
f9 as MapLayerControl,
|
|
5028
|
+
d9 as MapSideMenu,
|
|
5029
|
+
s9 as MapTimeline,
|
|
5030
|
+
v9 as MapTools,
|
|
5031
|
+
u9 as MetricCard,
|
|
5032
|
+
V9 as ProcessChart,
|
|
5033
|
+
w9 as ProcessDataTable,
|
|
5034
|
+
c9 as ProjectMenu,
|
|
5035
|
+
r9 as SvgIcon,
|
|
5036
|
+
L9 as TimeRangeQuickSelect,
|
|
5037
|
+
a9 as TreeSelectPanel,
|
|
5038
|
+
_6 as UiAffix,
|
|
5039
|
+
C5 as UiAlert,
|
|
5040
|
+
R8 as UiAnchor,
|
|
5041
|
+
K8 as UiAnchorLink,
|
|
5042
|
+
W5 as UiAside,
|
|
5043
|
+
E8 as UiAutoResizer,
|
|
5044
|
+
r5 as UiAutocomplete,
|
|
5045
|
+
i5 as UiAvatar,
|
|
5046
|
+
s5 as UiAvatarGroup,
|
|
5047
|
+
a5 as UiBacktop,
|
|
5048
|
+
L5 as UiBadge,
|
|
5049
|
+
c5 as UiBreadcrumb,
|
|
5050
|
+
d5 as UiBreadcrumbItem,
|
|
5051
|
+
h5 as UiButton,
|
|
5052
|
+
g5 as UiButtonGroup,
|
|
5053
|
+
f5 as UiCalendar,
|
|
5054
|
+
Z5 as UiCard,
|
|
5055
|
+
m5 as UiCarousel,
|
|
5056
|
+
H5 as UiCarouselItem,
|
|
5057
|
+
E5 as UiCascader,
|
|
5058
|
+
T5 as UiCascaderPanel,
|
|
5059
|
+
S5 as UiCheckTag,
|
|
5060
|
+
x5 as UiCheckbox,
|
|
5061
|
+
D5 as UiCheckboxButton,
|
|
5062
|
+
y5 as UiCheckboxGroup,
|
|
5063
|
+
b5 as UiCol,
|
|
5064
|
+
U5 as UiCollapse,
|
|
5065
|
+
P5 as UiCollapseItem,
|
|
5066
|
+
F5 as UiCollapseTransition,
|
|
5067
|
+
I5 as UiColorPicker,
|
|
5068
|
+
G5 as UiColorPickerPanel,
|
|
5069
|
+
v5 as UiConfigProvider,
|
|
5070
|
+
O5 as UiContainer,
|
|
5071
|
+
R5 as UiCountdown,
|
|
5072
|
+
J5 as UiDatePicker,
|
|
5073
|
+
K5 as UiDatePickerPanel,
|
|
5074
|
+
q5 as UiDescriptions,
|
|
5075
|
+
X5 as UiDescriptionsItem,
|
|
5076
|
+
_5 as UiDialog,
|
|
5077
|
+
$5 as UiDivider,
|
|
5078
|
+
C8 as UiDrawer,
|
|
5079
|
+
e8 as UiDropdown,
|
|
5080
|
+
t8 as UiDropdownItem,
|
|
5081
|
+
l8 as UiDropdownMenu,
|
|
5082
|
+
o8 as UiEmpty,
|
|
5083
|
+
N5 as UiFooter,
|
|
5084
|
+
e5 as UiForm,
|
|
5085
|
+
t5 as UiFormItem,
|
|
5086
|
+
j5 as UiHeader,
|
|
5087
|
+
$6 as UiIcon,
|
|
5088
|
+
r8 as UiImage,
|
|
5089
|
+
n8 as UiImageViewer,
|
|
5090
|
+
n5 as UiInput,
|
|
5091
|
+
i8 as UiInputNumber,
|
|
5092
|
+
a8 as UiInputOtp,
|
|
5093
|
+
s8 as UiInputTag,
|
|
5094
|
+
L8 as UiLink,
|
|
5095
|
+
n9 as UiLoading,
|
|
5096
|
+
Y5 as UiMain,
|
|
5097
|
+
q8 as UiMention,
|
|
5098
|
+
c8 as UiMenu,
|
|
5099
|
+
d8 as UiMenuItem,
|
|
5100
|
+
v8 as UiMenuItemGroup,
|
|
5101
|
+
C9 as UiMessage,
|
|
5102
|
+
e9 as UiMessageBox,
|
|
5103
|
+
t9 as UiNotification,
|
|
5104
|
+
u5 as UiOption,
|
|
5105
|
+
V5 as UiOptionGroup,
|
|
5106
|
+
g8 as UiPageHeader,
|
|
5107
|
+
w8 as UiPagination,
|
|
5108
|
+
p8 as UiPopconfirm,
|
|
5109
|
+
$8 as UiPopover,
|
|
5110
|
+
l5 as UiPopper,
|
|
5111
|
+
M8 as UiProgress,
|
|
5112
|
+
z5 as UiRadio,
|
|
5113
|
+
k5 as UiRadioButton,
|
|
5114
|
+
B5 as UiRadioGroup,
|
|
5115
|
+
u8 as UiRate,
|
|
5116
|
+
V8 as UiResult,
|
|
5117
|
+
A5 as UiRow,
|
|
5118
|
+
J8 as UiSegmented,
|
|
5119
|
+
M5 as UiSelect,
|
|
5120
|
+
f8 as UiSelectV2,
|
|
5121
|
+
Z8 as UiSkeleton,
|
|
5122
|
+
m8 as UiSkeletonItem,
|
|
5123
|
+
H8 as UiSlider,
|
|
5124
|
+
x8 as UiSpace,
|
|
5125
|
+
X8 as UiSplitter,
|
|
5126
|
+
_8 as UiSplitterPanel,
|
|
5127
|
+
Q5 as UiStatistic,
|
|
5128
|
+
y8 as UiStep,
|
|
5129
|
+
D8 as UiSteps,
|
|
5130
|
+
h8 as UiSubMenu,
|
|
5131
|
+
z8 as UiSwitch,
|
|
5132
|
+
A8 as UiTabPane,
|
|
5133
|
+
k8 as UiTable,
|
|
5134
|
+
B8 as UiTableColumn,
|
|
5135
|
+
T8 as UiTableV2,
|
|
5136
|
+
S8 as UiTabs,
|
|
5137
|
+
p5 as UiTag,
|
|
5138
|
+
b8 as UiText,
|
|
5139
|
+
w5 as UiTimePicker,
|
|
5140
|
+
F8 as UiTimeSelect,
|
|
5141
|
+
U8 as UiTimeline,
|
|
5142
|
+
P8 as UiTimelineItem,
|
|
5143
|
+
o5 as UiTooltip,
|
|
5144
|
+
Y8 as UiTour,
|
|
5145
|
+
Q8 as UiTourStep,
|
|
5146
|
+
G8 as UiTransfer,
|
|
5147
|
+
I8 as UiTree,
|
|
5148
|
+
O8 as UiTreeSelect,
|
|
5149
|
+
W8 as UiTreeV2,
|
|
5150
|
+
N8 as UiUpload,
|
|
5151
|
+
j8 as UiWatermark,
|
|
5152
|
+
M9 as WorkbenchPanel,
|
|
5153
|
+
p9 as WorkbenchShell,
|
|
5154
|
+
s4 as projectIcons,
|
|
5155
|
+
a4 as registerProjectIcons,
|
|
5156
|
+
i as themed,
|
|
5157
|
+
l9 as vUiInfiniteScroll,
|
|
5158
|
+
r4 as vUiLoading,
|
|
5159
|
+
o9 as vUiPopover
|
|
4887
5160
|
};
|