btt-ui 1.0.17 → 1.0.25
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/es/index.mjs +28 -26
- package/es/src/button/src/button.mjs +29 -29
- package/es/src/card/src/card.mjs +15 -15
- package/es/src/dialog/src/dialog.mjs +49 -49
- package/es/src/drag/src/drag.mjs +15 -15
- package/es/src/echarts/src/index.mjs +20 -20
- package/es/src/index.mjs +69 -66
- package/es/src/input/src/input.mjs +60 -60
- package/es/src/overlay/src/overlay.mjs +15 -15
- package/es/src/sign/src/sign.mjs +24 -24
- package/es/src/switch/src/switch.mjs +29 -29
- package/es/src/textButton/src/button.mjs +24 -24
- package/es/src/upload/dragger.mjs +23 -23
- package/es/src/upload/upload.mjs +18 -18
- package/es/src/uploadFile/src/style/index.css +14 -1
- package/es/src/uploadFile/src/uploadFile.mjs +89 -77
- package/es/src/xgplay/index.mjs +6 -0
- package/es/src/xgplay/src/index.mjs +81 -0
- package/lib/index.js +1 -1
- package/lib/src/button/src/button.js +1 -1
- package/lib/src/card/src/card.js +1 -1
- package/lib/src/dialog/src/dialog.js +1 -1
- package/lib/src/drag/src/drag.js +1 -1
- package/lib/src/echarts/src/index.js +1 -1
- package/lib/src/index.js +1 -1
- package/lib/src/input/src/input.js +1 -1
- package/lib/src/overlay/src/overlay.js +1 -1
- package/lib/src/sign/src/sign.js +1 -1
- package/lib/src/switch/src/switch.js +1 -1
- package/lib/src/textButton/src/button.js +1 -1
- package/lib/src/upload/dragger.js +1 -1
- package/lib/src/upload/upload.js +1 -1
- package/lib/src/uploadFile/src/style/index.css +14 -1
- package/lib/src/uploadFile/src/uploadFile.js +1 -1
- package/lib/src/xgplay/index.js +1 -0
- package/lib/src/xgplay/src/index.js +1 -0
- package/package.json +2 -2
- /package/es/src/{xgplayer → xgplay}/src/style/index.css +0 -0
- /package/lib/src/{xgplayer → xgplay}/src/style/index.css +0 -0
package/es/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import * as m from "./src/directives/index.mjs";
|
|
|
3
3
|
import { Button as s } from "./src/button/index.mjs";
|
|
4
4
|
import { TextButton as u } from "./src/textButton/index.mjs";
|
|
5
5
|
import { default as T } from "./src/link/index.mjs";
|
|
6
|
-
import { default as
|
|
6
|
+
import { default as h } from "./src/upload/index.mjs";
|
|
7
7
|
import { default as b } from "./src/shake/index.mjs";
|
|
8
8
|
import { default as D } from "./src/dialog/index.mjs";
|
|
9
9
|
import { default as g } from "./src/scroll/index.mjs";
|
|
@@ -14,22 +14,23 @@ import { Timeline as B } from "./src/timeline/index.mjs";
|
|
|
14
14
|
import { default as U } from "./src/uploadFile/index.mjs";
|
|
15
15
|
import { Card as v } from "./src/card/index.mjs";
|
|
16
16
|
import { HotMap as G } from "./src/hotmap/index.mjs";
|
|
17
|
-
import { KTree as
|
|
18
|
-
import { KCheckbox as
|
|
19
|
-
import { KCollapse as
|
|
20
|
-
import { Sign as
|
|
17
|
+
import { KTree as W } from "./src/tree/index.mjs";
|
|
18
|
+
import { KCheckbox as q, KCheckboxGroup as z } from "./src/checkbox/index.mjs";
|
|
19
|
+
import { KCollapse as J, KCollapseItem as N } from "./src/collapse/index.mjs";
|
|
20
|
+
import { Sign as Q } from "./src/sign/index.mjs";
|
|
21
21
|
import { ECharts as X } from "./src/echarts/index.mjs";
|
|
22
22
|
import { TableScroll as Z } from "./src/tableScroll/index.mjs";
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
23
|
+
import { default as ee } from "./src/xgplay/index.mjs";
|
|
24
|
+
import { Icon as te } from "./src/icon/index.mjs";
|
|
25
|
+
import { Tooltip as fe } from "./src/tooltip/index.mjs";
|
|
26
|
+
import { KInput as me } from "./src/input/index.mjs";
|
|
27
|
+
import { Drag as pe } from "./src/drag/index.mjs";
|
|
28
|
+
import { KOption as ne, KSelect as ie } from "./src/select/index.mjs";
|
|
28
29
|
const o = function(t, r) {
|
|
29
30
|
if (o.installed)
|
|
30
31
|
return;
|
|
31
32
|
o.installed = !0;
|
|
32
|
-
let f = "
|
|
33
|
+
let f = "2026-03-02 09:30:00";
|
|
33
34
|
if (r)
|
|
34
35
|
setTimeout(() => {
|
|
35
36
|
var a;
|
|
@@ -45,37 +46,38 @@ const o = function(t, r) {
|
|
|
45
46
|
}), Object.keys(m).forEach((e) => {
|
|
46
47
|
t.directive(e, m[e]);
|
|
47
48
|
});
|
|
48
|
-
},
|
|
49
|
+
}, x = {
|
|
49
50
|
install: o
|
|
50
51
|
};
|
|
51
52
|
export {
|
|
52
53
|
s as Button,
|
|
53
54
|
v as Card,
|
|
54
55
|
D as Dialog,
|
|
55
|
-
|
|
56
|
+
pe as Drag,
|
|
56
57
|
X as ECharts,
|
|
57
58
|
G as HotMap,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
59
|
+
te as Icon,
|
|
60
|
+
q as KCheckbox,
|
|
61
|
+
z as KCheckboxGroup,
|
|
62
|
+
J as KCollapse,
|
|
63
|
+
N as KCollapseItem,
|
|
64
|
+
me as KInput,
|
|
65
|
+
ne as KOption,
|
|
66
|
+
ie as KSelect,
|
|
67
|
+
ee as KVideo,
|
|
66
68
|
T as Link,
|
|
67
69
|
g as Scroll,
|
|
68
70
|
b as Shake,
|
|
69
|
-
|
|
71
|
+
Q as Sign,
|
|
70
72
|
L as Switch,
|
|
71
73
|
Z as TableScroll,
|
|
72
74
|
u as TextButton,
|
|
73
75
|
B as Timeline,
|
|
74
76
|
y as Toast,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
fe as Tooltip,
|
|
78
|
+
W as Tree,
|
|
79
|
+
h as Upload,
|
|
78
80
|
U as UploadFile,
|
|
79
81
|
H as Wheel,
|
|
80
|
-
|
|
82
|
+
x as default
|
|
81
83
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { createNamespace as
|
|
1
|
+
import { defineComponent as i, computed as d, openBlock as n, createElementBlock as c, normalizeClass as u, unref as t, normalizeStyle as a, createVNode as m, createCommentVNode as b, createElementVNode as y, renderSlot as f } from "vue";
|
|
2
|
+
import { Icon as k } from "../../icon/index.mjs";
|
|
3
|
+
import { createNamespace as x } from "../../../assets/ts/utils.mjs";
|
|
4
4
|
import "./style/index.css";
|
|
5
5
|
const B = ["disabled"], z = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "k-icon-box"
|
|
8
|
-
}, C =
|
|
8
|
+
}, C = i({
|
|
9
9
|
name: "k-button"
|
|
10
|
-
}), E =
|
|
10
|
+
}), E = i({
|
|
11
11
|
...C,
|
|
12
12
|
props: {
|
|
13
13
|
type: { default: "default" },
|
|
@@ -23,37 +23,37 @@ const B = ["disabled"], z = {
|
|
|
23
23
|
textColor: {}
|
|
24
24
|
},
|
|
25
25
|
emits: [""],
|
|
26
|
-
setup(
|
|
27
|
-
const
|
|
28
|
-
"--k-button-bg-color":
|
|
26
|
+
setup(e) {
|
|
27
|
+
const o = e, { n: l } = x("button"), r = d(() => o.color ? {
|
|
28
|
+
"--k-button-bg-color": o.color,
|
|
29
29
|
"--k-button-text-color": "var(--k-color-white)",
|
|
30
|
-
"--k-button-border-color":
|
|
30
|
+
"--k-button-border-color": o.color
|
|
31
31
|
} : {});
|
|
32
|
-
return (
|
|
33
|
-
class:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
32
|
+
return (s, h) => (n(), c("button", {
|
|
33
|
+
class: u([
|
|
34
|
+
t(l)(),
|
|
35
|
+
e.type && t(l)(`--${e.type}`),
|
|
36
|
+
e.size && t(l)(`--${e.size}`),
|
|
37
|
+
e.plain && "is-plain",
|
|
38
|
+
e.round && "is-round",
|
|
39
|
+
e.circle && "is-circle",
|
|
40
|
+
e.disabled && "is-disabled",
|
|
41
|
+
e.text && "is-text"
|
|
42
42
|
]),
|
|
43
|
-
style:
|
|
44
|
-
color:
|
|
45
|
-
...
|
|
43
|
+
style: a({
|
|
44
|
+
color: e.color,
|
|
45
|
+
...r.value
|
|
46
46
|
}),
|
|
47
|
-
disabled:
|
|
47
|
+
disabled: e.disabled,
|
|
48
48
|
type: "button"
|
|
49
49
|
}, [
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
])) :
|
|
53
|
-
|
|
54
|
-
style:
|
|
50
|
+
e.icon ? (n(), c("span", z, [
|
|
51
|
+
m(t(k), { name: e.icon }, null, 8, ["name"])
|
|
52
|
+
])) : b("", !0),
|
|
53
|
+
y("span", {
|
|
54
|
+
style: a({ color: e.textColor })
|
|
55
55
|
}, [
|
|
56
|
-
|
|
56
|
+
f(s.$slots, "default")
|
|
57
57
|
], 4)
|
|
58
58
|
], 14, B));
|
|
59
59
|
}
|
package/es/src/card/src/card.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as d, openBlock as n, createElementBlock as a, normalizeStyle as i, createElementVNode as r, renderSlot as l, createTextVNode as s } from "vue";
|
|
2
2
|
import "./style/index.css";
|
|
3
|
-
const
|
|
3
|
+
const u = {
|
|
4
4
|
class: "front",
|
|
5
5
|
style: { background: "url('/559.jpg')" }
|
|
6
|
-
},
|
|
6
|
+
}, c = {
|
|
7
7
|
class: "back",
|
|
8
8
|
style: { background: "url('/560.jpg')" }
|
|
9
|
-
},
|
|
9
|
+
}, p = d({
|
|
10
10
|
name: "k-card"
|
|
11
|
-
}),
|
|
12
|
-
...
|
|
11
|
+
}), m = d({
|
|
12
|
+
...p,
|
|
13
13
|
props: {
|
|
14
14
|
width: {
|
|
15
15
|
type: String,
|
|
@@ -21,23 +21,23 @@ const c = {
|
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
setup(e) {
|
|
24
|
-
return (
|
|
24
|
+
return (o, t) => (n(), a("div", {
|
|
25
25
|
class: "k-card",
|
|
26
|
-
style:
|
|
26
|
+
style: i({ width: e.width, height: e.height })
|
|
27
27
|
}, [
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
r("div", u, [
|
|
29
|
+
l(o.$slots, "default", {}, () => [
|
|
30
|
+
t[0] || (t[0] = s(" \u6B63\u9762 ", -1))
|
|
31
31
|
])
|
|
32
32
|
]),
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
r("div", c, [
|
|
34
|
+
l(o.$slots, "back", {}, () => [
|
|
35
|
+
t[1] || (t[1] = s(" \u53CD\u9762 ", -1))
|
|
36
36
|
])
|
|
37
37
|
])
|
|
38
38
|
], 4));
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
export {
|
|
42
|
-
|
|
42
|
+
m as default
|
|
43
43
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as B, ref as h, watch as I, openBlock as d, createBlock as b, Teleport as L, unref as o, withModifiers as w, withCtx as M, createElementVNode as V, normalizeClass as i, normalizeStyle as N, createElementBlock as p, renderSlot as g, toDisplayString as R, createCommentVNode as c, createVNode as $, nextTick as O } from "vue";
|
|
2
2
|
import { Overlay as P } from "../../overlay/index.mjs";
|
|
3
3
|
import { createNamespace as S } from "../../../assets/ts/utils.mjs";
|
|
4
4
|
import { Icon as H } from "../../icon/index.mjs";
|
|
5
5
|
import "./style/index.css";
|
|
6
|
-
const X =
|
|
6
|
+
const X = B({
|
|
7
7
|
name: "k-dialog"
|
|
8
|
-
}), G =
|
|
8
|
+
}), G = B({
|
|
9
9
|
...X,
|
|
10
10
|
props: {
|
|
11
11
|
title: { default: "" },
|
|
@@ -22,93 +22,93 @@ const X = V({
|
|
|
22
22
|
teleportTo: { default: "body" }
|
|
23
23
|
},
|
|
24
24
|
emits: ["update:modelValue", "open", "opened", "close", "closed"],
|
|
25
|
-
setup(
|
|
26
|
-
const { n:
|
|
27
|
-
|
|
28
|
-
const
|
|
25
|
+
setup(t, { emit: z }) {
|
|
26
|
+
const { n: a } = S("dialog"), v = h(!1), n = t, x = z;
|
|
27
|
+
v.value = n.modelValue;
|
|
28
|
+
const f = h(), k = h(), C = () => {
|
|
29
29
|
const e = () => {
|
|
30
30
|
setTimeout(() => {
|
|
31
|
-
|
|
32
|
-
},
|
|
31
|
+
v.value = !1, x("closed"), x("update:modelValue", v.value);
|
|
32
|
+
}, n.closeDelay);
|
|
33
33
|
};
|
|
34
|
-
if (
|
|
35
|
-
return
|
|
36
|
-
|
|
34
|
+
if (n.beforeClose)
|
|
35
|
+
return n.beforeClose(() => e());
|
|
36
|
+
x("close"), e();
|
|
37
37
|
}, E = () => {
|
|
38
|
-
|
|
38
|
+
n.closeOnClickModal && C();
|
|
39
39
|
}, D = () => {
|
|
40
40
|
C();
|
|
41
41
|
};
|
|
42
|
-
let
|
|
42
|
+
let s = !1, u = { x: 0, y: 0 }, m = { x: 0, y: 0 };
|
|
43
43
|
const T = () => {
|
|
44
|
-
let e = 0,
|
|
44
|
+
let e = 0, r = 0;
|
|
45
45
|
O(() => {
|
|
46
|
-
k.value.style.transform = "translate3d(" + e + "px, " +
|
|
47
|
-
|
|
48
|
-
}),
|
|
49
|
-
if (
|
|
50
|
-
const
|
|
51
|
-
u.x =
|
|
46
|
+
k.value.style.transform = "translate3d(" + e + "px, " + r + "px, 0)", f.value.addEventListener("pointerdown", function(l) {
|
|
47
|
+
s = !0, l.target.setPointerCapture(l.pointerId), m = { x: l.clientX, y: l.clientY };
|
|
48
|
+
}), f.value.addEventListener("pointermove", function(l) {
|
|
49
|
+
if (s) {
|
|
50
|
+
const y = { x: l.clientX, y: l.clientY };
|
|
51
|
+
u.x = y.x - m.x, u.y = y.y - m.y, m = { x: y.x, y: y.y }, e += u.x, r += u.y, k.value.style.transform = "translate3d(" + e + "px, " + r + "px, 0)", l.preventDefault();
|
|
52
52
|
}
|
|
53
|
-
}),
|
|
54
|
-
|
|
55
|
-
}),
|
|
56
|
-
|
|
53
|
+
}), f.value.addEventListener("pointerup", function() {
|
|
54
|
+
s && (s = !1);
|
|
55
|
+
}), f.value.addEventListener("pointercancel", function() {
|
|
56
|
+
s && (s = !1);
|
|
57
57
|
});
|
|
58
58
|
});
|
|
59
59
|
};
|
|
60
|
-
return I(() =>
|
|
60
|
+
return I(() => n.modelValue, (e) => {
|
|
61
61
|
e && T();
|
|
62
|
-
}), (e,
|
|
63
|
-
|
|
62
|
+
}), (e, r) => (d(), b(L, { to: t.teleportTo }, [
|
|
63
|
+
t.modelValue ? (d(), b(o(P), {
|
|
64
64
|
key: 0,
|
|
65
65
|
onClick: w(E, ["stop"]),
|
|
66
|
-
"z-index":
|
|
66
|
+
"z-index": t.zIndex
|
|
67
67
|
}, {
|
|
68
68
|
default: M(() => [
|
|
69
|
-
|
|
69
|
+
V("div", {
|
|
70
70
|
ref_key: "targetRef",
|
|
71
71
|
ref: k,
|
|
72
|
-
class:
|
|
73
|
-
style: N({ top:
|
|
74
|
-
onClick:
|
|
72
|
+
class: i([o(a)(), "slide-in-top"]),
|
|
73
|
+
style: N({ top: t.top, width: t.width }),
|
|
74
|
+
onClick: r[0] || (r[0] = w(() => {
|
|
75
75
|
}, ["stop"]))
|
|
76
76
|
}, [
|
|
77
|
-
|
|
77
|
+
t.showHeader ? (d(), p("div", {
|
|
78
78
|
key: 0,
|
|
79
79
|
ref_key: "handleRef",
|
|
80
|
-
ref:
|
|
81
|
-
class:
|
|
80
|
+
ref: f,
|
|
81
|
+
class: i([o(a)("header"), t.draggable && "is-draggable"])
|
|
82
82
|
}, [
|
|
83
83
|
g(e.$slots, "header", { close: C }, () => [
|
|
84
|
-
|
|
84
|
+
t.title ? (d(), p("span", {
|
|
85
85
|
key: 0,
|
|
86
|
-
class:
|
|
87
|
-
}, R(
|
|
88
|
-
|
|
86
|
+
class: i([o(a)("title")])
|
|
87
|
+
}, R(t.title), 3)) : c("", !0),
|
|
88
|
+
t.showClose ? (d(), p("button", {
|
|
89
89
|
key: 1,
|
|
90
|
-
class:
|
|
90
|
+
class: i([o(a)("headerbtn")]),
|
|
91
91
|
onClick: D
|
|
92
92
|
}, [
|
|
93
93
|
$(o(H), { name: "close" })
|
|
94
|
-
], 2)) :
|
|
94
|
+
], 2)) : c("", !0)
|
|
95
95
|
])
|
|
96
|
-
], 2)) :
|
|
97
|
-
|
|
98
|
-
class:
|
|
96
|
+
], 2)) : c("", !0),
|
|
97
|
+
V("div", {
|
|
98
|
+
class: i([o(a)("body")])
|
|
99
99
|
}, [
|
|
100
100
|
g(e.$slots, "default")
|
|
101
101
|
], 2),
|
|
102
|
-
e.$slots.footer ? (
|
|
102
|
+
e.$slots.footer ? (d(), p("div", {
|
|
103
103
|
key: 1,
|
|
104
|
-
class:
|
|
104
|
+
class: i([o(a)("footer")])
|
|
105
105
|
}, [
|
|
106
106
|
g(e.$slots, "footer")
|
|
107
|
-
], 2)) :
|
|
107
|
+
], 2)) : c("", !0)
|
|
108
108
|
], 6)
|
|
109
109
|
]),
|
|
110
110
|
_: 3
|
|
111
|
-
}, 8, ["z-index"])) :
|
|
111
|
+
}, 8, ["z-index"])) : c("", !0)
|
|
112
112
|
], 8, ["to"]));
|
|
113
113
|
}
|
|
114
114
|
});
|
package/es/src/drag/src/drag.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as u, ref as s, watch as p, nextTick as y, openBlock as x, createBlock as w, unref as C, withModifiers as d, withCtx as k, createElementVNode as P, normalizeStyle as g, renderSlot as h, createCommentVNode as E } from "vue";
|
|
2
2
|
import { Overlay as B } from "../../overlay/index.mjs";
|
|
3
3
|
import "./style/index.css";
|
|
4
|
-
const L =
|
|
4
|
+
const L = u({
|
|
5
5
|
name: "k-drag"
|
|
6
|
-
}),
|
|
6
|
+
}), b = u({
|
|
7
7
|
...L,
|
|
8
8
|
props: {
|
|
9
9
|
width: { default: 800 },
|
|
@@ -14,8 +14,8 @@ const L = d({
|
|
|
14
14
|
closeOnClickModal: { type: Boolean, default: !0 }
|
|
15
15
|
},
|
|
16
16
|
emits: ["close", "closed"],
|
|
17
|
-
setup(
|
|
18
|
-
const a =
|
|
17
|
+
setup(i, { emit: v }) {
|
|
18
|
+
const a = i, r = v, o = s(), e = s({
|
|
19
19
|
isPointerdown: !1,
|
|
20
20
|
rect: {},
|
|
21
21
|
lastPointermove: { x: 0, y: 0 },
|
|
@@ -26,19 +26,19 @@ const L = d({
|
|
|
26
26
|
e.value.isPointerdown = !1, e.value.rect = {}, e.value.lastPointermove = { x: 0, y: 0 }, e.value.diff = { x: 0, y: 0 }, e.value.x = 0, e.value.y = 0;
|
|
27
27
|
const t = () => {
|
|
28
28
|
setTimeout(() => {
|
|
29
|
-
|
|
29
|
+
r("closed");
|
|
30
30
|
}, a.closeDelay);
|
|
31
31
|
};
|
|
32
32
|
if (a.beforeClose)
|
|
33
33
|
return a.beforeClose(() => t());
|
|
34
|
-
|
|
34
|
+
r("close"), t();
|
|
35
35
|
}, f = () => {
|
|
36
36
|
a.closeOnClickModal && c();
|
|
37
37
|
};
|
|
38
|
-
|
|
39
|
-
t && y(
|
|
38
|
+
p(() => a.modelValue, (t) => {
|
|
39
|
+
t && y(m);
|
|
40
40
|
});
|
|
41
|
-
const
|
|
41
|
+
const m = () => {
|
|
42
42
|
o.value.addEventListener("pointerdown", (l) => {
|
|
43
43
|
e.value.isPointerdown = !0, e.value.lastPointermove = { x: l.clientX, y: l.clientY }, e.value.rect = o.value.getBoundingClientRect();
|
|
44
44
|
}), o.value.addEventListener("pointermove", (l) => {
|
|
@@ -52,18 +52,18 @@ const L = d({
|
|
|
52
52
|
};
|
|
53
53
|
o.value.addEventListener("pointerup", t), o.value.addEventListener("pointercancel", t), o.value.addEventListener("mouseleave", t), o.value.addEventListener("mouseup", t);
|
|
54
54
|
};
|
|
55
|
-
return (t, l) =>
|
|
55
|
+
return (t, l) => i.modelValue ? (x(), w(C(B), {
|
|
56
56
|
key: 0,
|
|
57
57
|
class: "k-content-center",
|
|
58
|
-
onClick:
|
|
58
|
+
onClick: d(f, ["stop"])
|
|
59
59
|
}, {
|
|
60
60
|
default: k(() => [
|
|
61
61
|
P("div", {
|
|
62
62
|
class: "k-drag slide-in-top",
|
|
63
63
|
ref_key: "dragWrapper",
|
|
64
64
|
ref: o,
|
|
65
|
-
style: g({ width:
|
|
66
|
-
onClick: l[0] || (l[0] =
|
|
65
|
+
style: g({ width: i.width + "px" }),
|
|
66
|
+
onClick: l[0] || (l[0] = d(() => {
|
|
67
67
|
}, ["stop"]))
|
|
68
68
|
}, [
|
|
69
69
|
h(t.$slots, "default")
|
|
@@ -74,5 +74,5 @@ const L = d({
|
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
76
|
export {
|
|
77
|
-
|
|
77
|
+
b as default
|
|
78
78
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as u, ref as p, onMounted as d, openBlock as m, createBlock as y, unref as
|
|
2
|
-
import { Drag as
|
|
3
|
-
import * as
|
|
1
|
+
import { defineComponent as u, ref as p, onMounted as d, openBlock as m, createBlock as y, unref as a, withCtx as x, createElementVNode as o, normalizeClass as b, renderSlot as k, createTextVNode as N, createVNode as S, createCommentVNode as C } from "vue";
|
|
2
|
+
import { Drag as g } from "../../drag/index.mjs";
|
|
3
|
+
import * as h from "echarts";
|
|
4
4
|
import { createNamespace as B } from "../../../assets/ts/utils.mjs";
|
|
5
|
-
import { Icon as
|
|
5
|
+
import { Icon as V } from "../../icon/index.mjs";
|
|
6
6
|
import "./style/index.css";
|
|
7
7
|
import i from "./ts/factory.mjs";
|
|
8
|
-
const
|
|
8
|
+
const j = { class: "k-echart-header" }, v = u({
|
|
9
9
|
name: "k-echarts"
|
|
10
10
|
}), w = u({
|
|
11
|
-
...
|
|
11
|
+
...v,
|
|
12
12
|
props: {
|
|
13
13
|
modelValue: {
|
|
14
14
|
type: Boolean,
|
|
@@ -76,36 +76,36 @@ const V = { class: "k-echart-header" }, j = u({
|
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
emits: ["close"],
|
|
79
|
-
setup(
|
|
80
|
-
const { n:
|
|
79
|
+
setup(l, { emit: s }) {
|
|
80
|
+
const { n: c } = B("echart-wrapper"), n = p(), e = l, f = s;
|
|
81
81
|
return d(() => {
|
|
82
|
-
let t =
|
|
82
|
+
let t = h.init(n.value);
|
|
83
83
|
e.type == "line" || e.type == "bar" ? i.line(t, e) : e.type == "polar" && i.polar(t, e);
|
|
84
|
-
}), (t,
|
|
84
|
+
}), (t, r) => l.modelValue ? (m(), y(a(g), { key: 0 }, {
|
|
85
85
|
default: x(() => [
|
|
86
|
-
|
|
87
|
-
class: b([
|
|
86
|
+
o("div", {
|
|
87
|
+
class: b([a(c)()])
|
|
88
88
|
}, [
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
o("div", j, [
|
|
90
|
+
k(t.$slots, "default", {}, () => [
|
|
91
|
+
r[1] || (r[1] = N("\u8FD9\u662F\u6807\u9898", -1))
|
|
92
92
|
]),
|
|
93
|
-
|
|
93
|
+
S(a(V), {
|
|
94
94
|
name: "close",
|
|
95
95
|
size: "16",
|
|
96
96
|
class: "k-icon-close",
|
|
97
|
-
onClick:
|
|
97
|
+
onClick: r[0] || (r[0] = (z) => f("close"))
|
|
98
98
|
})
|
|
99
99
|
]),
|
|
100
|
-
|
|
100
|
+
o("div", {
|
|
101
101
|
class: "k-echart-content",
|
|
102
102
|
ref_key: "echartsRef",
|
|
103
|
-
ref:
|
|
103
|
+
ref: n
|
|
104
104
|
}, null, 512)
|
|
105
105
|
], 2)
|
|
106
106
|
]),
|
|
107
107
|
_: 3
|
|
108
|
-
})) :
|
|
108
|
+
})) : C("", !0);
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
111
|
export {
|