command-center-v3-common 0.0.18 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/command-center-v3-common.js +49819 -15
- package/dist/command-center-v3-common.umd.cjs +45 -45
- package/dist/index.d.ts +42 -15
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/box-border-demo-P039fAYc.js +0 -28
- package/dist/button-demo-LujNrlve.js +0 -176
- package/dist/command-center-v3-common-8JifopwY.js +0 -49819
- package/dist/data-time-shortcuts-demo-H2DKXaP_.js +0 -31
- package/dist/hy-table-demo-BLACFObw.js +0 -108
- package/dist/hy-test-DRaRk6Ly.js +0 -186
- package/dist/image-viewer-demo-JOGdcpKr.js +0 -72
- package/dist/round-button-demo-QP1t72o5.js +0 -43
- package/dist/svg-icon-demo-CWkIgXNE.js +0 -36
- package/dist/test-demo-Cvl64Tfe.js +0 -46
- package/dist/tips-modal-demo-BvBcpy7v.js +0 -98
- package/dist/user-head-demo-Cxul46xA.js +0 -66
- package/dist/vue-cropper-demo-D-aasLN1.js +0 -93
@@ -1,31 +0,0 @@
|
|
1
|
-
import { defineComponent as a, ref as n, openBlock as l, createBlock as r, unref as i } from "vue";
|
2
|
-
import { D as s } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const f = /* @__PURE__ */ a({
|
4
|
-
__name: "data-time-shortcuts-demo",
|
5
|
-
setup(c) {
|
6
|
-
const o = n([
|
7
|
-
{
|
8
|
-
label: "今日",
|
9
|
-
value: 1
|
10
|
-
},
|
11
|
-
{
|
12
|
-
label: "近7天",
|
13
|
-
value: 7
|
14
|
-
},
|
15
|
-
{
|
16
|
-
label: "近30天",
|
17
|
-
value: 30
|
18
|
-
}
|
19
|
-
]);
|
20
|
-
function t(e) {
|
21
|
-
console.log(e);
|
22
|
-
}
|
23
|
-
return (e, u) => (l(), r(s, {
|
24
|
-
"option-list": i(o),
|
25
|
-
onChange: t
|
26
|
-
}, null, 8, ["option-list"]));
|
27
|
-
}
|
28
|
-
});
|
29
|
-
export {
|
30
|
-
f as default
|
31
|
-
};
|
@@ -1,108 +0,0 @@
|
|
1
|
-
import { defineComponent as m, ref as u, computed as _, resolveComponent as s, openBlock as h, createElementBlock as f, Fragment as b, createElementVNode as t, createVNode as e, mergeProps as y, unref as g, createSlots as v, withCtx as o } from "vue";
|
2
|
-
import { _ as x } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const C = { class: "h-[600px] bg-[#ff000033]" }, w = { class: "flex items-center justify-center gap-x-2.5" }, D = /* @__PURE__ */ t("span", null, "添加部门", -1), S = /* @__PURE__ */ t("span", null, "批量删除", -1), T = { class: "flex items-center" }, j = /* @__PURE__ */ m({
|
4
|
-
__name: "hy-table-demo",
|
5
|
-
setup(k) {
|
6
|
-
const a = u(null), r = _(() => ({
|
7
|
-
columnList: [
|
8
|
-
{
|
9
|
-
prop: "caseType",
|
10
|
-
isSearch: !0,
|
11
|
-
label: "事故类型"
|
12
|
-
},
|
13
|
-
{
|
14
|
-
prop: "createDtm",
|
15
|
-
label: "创建时间"
|
16
|
-
},
|
17
|
-
{
|
18
|
-
prop: "updateDtm",
|
19
|
-
slotName: "updateDtm",
|
20
|
-
label: "修改时间"
|
21
|
-
},
|
22
|
-
{
|
23
|
-
prop: "handler",
|
24
|
-
slotName: "handler",
|
25
|
-
label: "操作",
|
26
|
-
width: "200px"
|
27
|
-
}
|
28
|
-
],
|
29
|
-
reqUrl: "device/page",
|
30
|
-
height: "100%",
|
31
|
-
showFooter: !0,
|
32
|
-
showIndexColumn: !1,
|
33
|
-
selectColumnType: 2
|
34
|
-
}));
|
35
|
-
function i() {
|
36
|
-
a.value.setSelectedData([{
|
37
|
-
id: 3323
|
38
|
-
}]);
|
39
|
-
}
|
40
|
-
function d(l) {
|
41
|
-
console.log(l);
|
42
|
-
}
|
43
|
-
return (l, B) => {
|
44
|
-
const p = s("svg-icon"), c = s("el-button"), n = s("RoundButton");
|
45
|
-
return h(), f(b, null, [
|
46
|
-
t("div", { onClick: i }, " setSelectedData "),
|
47
|
-
t("div", C, [
|
48
|
-
e(x, y({ ...g(r) }, {
|
49
|
-
ref_key: "HyTableRef",
|
50
|
-
ref: a,
|
51
|
-
onSelectionChange: d
|
52
|
-
}), v({
|
53
|
-
tableLeft: o(() => [
|
54
|
-
e(c, { type: "success" }, {
|
55
|
-
default: o(() => [
|
56
|
-
t("div", w, [
|
57
|
-
e(p, {
|
58
|
-
name: "sys-button-create",
|
59
|
-
width: "14",
|
60
|
-
height: "14"
|
61
|
-
}),
|
62
|
-
D
|
63
|
-
])
|
64
|
-
]),
|
65
|
-
_: 1
|
66
|
-
}),
|
67
|
-
e(c, { type: "danger" }, {
|
68
|
-
default: o(() => [
|
69
|
-
S
|
70
|
-
]),
|
71
|
-
_: 1
|
72
|
-
})
|
73
|
-
]),
|
74
|
-
handler: o(() => [
|
75
|
-
t("div", T, [
|
76
|
-
e(n, {
|
77
|
-
name: "sys-button-see",
|
78
|
-
tips: "查看"
|
79
|
-
}),
|
80
|
-
e(n, {
|
81
|
-
name: "sys-button-edit",
|
82
|
-
tips: "编辑"
|
83
|
-
}),
|
84
|
-
e(n, {
|
85
|
-
name: "sys-button-jump",
|
86
|
-
tips: "跳转",
|
87
|
-
"class-name": "text-hy-main"
|
88
|
-
}),
|
89
|
-
e(n, {
|
90
|
-
name: "sys-button-delete",
|
91
|
-
tips: "删除",
|
92
|
-
class: "hover:shadow-hy-danger hover:!border-hy-danger/70",
|
93
|
-
"class-name": "text-hy-text-danger"
|
94
|
-
})
|
95
|
-
])
|
96
|
-
]),
|
97
|
-
_: 2
|
98
|
-
}, [
|
99
|
-
void 0
|
100
|
-
]), 1040)
|
101
|
-
])
|
102
|
-
], 64);
|
103
|
-
};
|
104
|
-
}
|
105
|
-
});
|
106
|
-
export {
|
107
|
-
j as default
|
108
|
-
};
|
package/dist/hy-test-DRaRk6Ly.js
DELETED
@@ -1,186 +0,0 @@
|
|
1
|
-
import { defineComponent as k, ref as _, resolveComponent as a, openBlock as U, createElementBlock as S, createVNode as e, unref as d, isRef as s, createElementVNode as r, withCtx as i, createTextVNode as p } from "vue";
|
2
|
-
import { a as C } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const D = { class: "text-hy-text-main overflow-auto h-[800px]" }, Y = { class: "mb-2 h-[300px] w-[200px]" }, z = /* @__PURE__ */ r("div", { class: "text-xs box-border w-full h-full rounded overflow-hidden border border-hy-main bg-hy-dialog-bg-1 shadow-[0_0_6px_0] shadow-hy-main flex flex-col" }, [
|
4
|
-
/* @__PURE__ */ r("div", { class: "bg-[#f00] h-[50px]" }, " 4444 "),
|
5
|
-
/* @__PURE__ */ r("div", { class: "flex-grow h-0" }, " 2632 ")
|
6
|
-
], -1), E = { class: "tooltip" }, N = { class: "progress" }, T = /* @__PURE__ */ r("br", null, null, -1), B = /* @__PURE__ */ r("br", null, null, -1), O = /* @__PURE__ */ k({
|
7
|
-
__name: "hy-test",
|
8
|
-
setup(M) {
|
9
|
-
const x = _([{
|
10
|
-
value: 1,
|
11
|
-
label: "1",
|
12
|
-
children: [],
|
13
|
-
disabled: !0
|
14
|
-
}, {
|
15
|
-
value: 2,
|
16
|
-
label: "2",
|
17
|
-
children: [],
|
18
|
-
disabled: !1
|
19
|
-
}]), f = {
|
20
|
-
value: "id",
|
21
|
-
label: "label",
|
22
|
-
children: "children",
|
23
|
-
disabled: "disabled"
|
24
|
-
}, o = _("Sponsor"), n = _(/* @__PURE__ */ new Date());
|
25
|
-
return (q, t) => {
|
26
|
-
const V = a("el-calendar"), m = a("el-date-picker"), h = a("el-button"), b = a("el-tooltip"), g = a("el-popover"), u = a("el-progress"), c = a("el-switch"), v = a("el-radio"), w = a("el-radio-group"), y = a("el-tree-v2");
|
27
|
-
return U(), S("div", D, [
|
28
|
-
e(V, {
|
29
|
-
modelValue: d(n),
|
30
|
-
"onUpdate:modelValue": t[0] || (t[0] = (l) => s(n) ? n.value = l : null)
|
31
|
-
}, null, 8, ["modelValue"]),
|
32
|
-
e(m, {
|
33
|
-
modelValue: d(n),
|
34
|
-
"onUpdate:modelValue": t[1] || (t[1] = (l) => s(n) ? n.value = l : null),
|
35
|
-
type: "datetimerange",
|
36
|
-
"start-placeholder": "Start Date",
|
37
|
-
"end-placeholder": "End Date"
|
38
|
-
}, null, 8, ["modelValue"]),
|
39
|
-
e(m, {
|
40
|
-
modelValue: d(n),
|
41
|
-
"onUpdate:modelValue": t[2] || (t[2] = (l) => s(n) ? n.value = l : null),
|
42
|
-
type: "datetime",
|
43
|
-
placeholder: "Select date and time"
|
44
|
-
}, null, 8, ["modelValue"]),
|
45
|
-
e(m, {
|
46
|
-
modelValue: d(n),
|
47
|
-
"onUpdate:modelValue": t[3] || (t[3] = (l) => s(n) ? n.value = l : null),
|
48
|
-
clearable: !1,
|
49
|
-
"value-format": "YYYY-MM",
|
50
|
-
type: "month",
|
51
|
-
placeholder: "选择考勤时间"
|
52
|
-
}, null, 8, ["modelValue"]),
|
53
|
-
r("div", Y, [
|
54
|
-
e(C, {
|
55
|
-
name: "sys-box-border-login",
|
56
|
-
width: "24",
|
57
|
-
height: "24",
|
58
|
-
class: "w-full h-full",
|
59
|
-
"class-name": "text-hy-main"
|
60
|
-
}, {
|
61
|
-
content: i(() => [
|
62
|
-
z
|
63
|
-
]),
|
64
|
-
_: 1
|
65
|
-
})
|
66
|
-
]),
|
67
|
-
r("div", E, [
|
68
|
-
e(b, {
|
69
|
-
class: "box-item",
|
70
|
-
visible: !0,
|
71
|
-
content: "Top Left prompts info",
|
72
|
-
placement: "right"
|
73
|
-
}, {
|
74
|
-
default: i(() => [
|
75
|
-
e(h, null, {
|
76
|
-
default: i(() => [
|
77
|
-
p("top-start")
|
78
|
-
]),
|
79
|
-
_: 1
|
80
|
-
})
|
81
|
-
]),
|
82
|
-
_: 1
|
83
|
-
}),
|
84
|
-
e(g, {
|
85
|
-
placement: "right",
|
86
|
-
title: "Title",
|
87
|
-
width: 200,
|
88
|
-
trigger: "hover",
|
89
|
-
visible: !0,
|
90
|
-
content: "this is content, this is content, this is content"
|
91
|
-
}, {
|
92
|
-
reference: i(() => [
|
93
|
-
e(h, { class: "m-2" }, {
|
94
|
-
default: i(() => [
|
95
|
-
p(" Hover to activate ")
|
96
|
-
]),
|
97
|
-
_: 1
|
98
|
-
})
|
99
|
-
]),
|
100
|
-
_: 1
|
101
|
-
})
|
102
|
-
]),
|
103
|
-
r("div", N, [
|
104
|
-
e(u, {
|
105
|
-
"text-inside": !0,
|
106
|
-
"stroke-width": 24,
|
107
|
-
percentage: 50
|
108
|
-
}),
|
109
|
-
e(u, {
|
110
|
-
"text-inside": !0,
|
111
|
-
"stroke-width": 24,
|
112
|
-
percentage: 100
|
113
|
-
}),
|
114
|
-
e(u, {
|
115
|
-
"text-inside": !0,
|
116
|
-
"stroke-width": 24,
|
117
|
-
percentage: 50,
|
118
|
-
status: "warning"
|
119
|
-
}),
|
120
|
-
e(u, {
|
121
|
-
"text-inside": !0,
|
122
|
-
"stroke-width": 24,
|
123
|
-
percentage: 50,
|
124
|
-
status: "exception"
|
125
|
-
})
|
126
|
-
]),
|
127
|
-
e(c, {
|
128
|
-
modelValue: d(o),
|
129
|
-
"onUpdate:modelValue": t[4] || (t[4] = (l) => s(o) ? o.value = l : null),
|
130
|
-
size: "large",
|
131
|
-
"inline-prompt": "",
|
132
|
-
width: "80",
|
133
|
-
"active-text": "启动",
|
134
|
-
"inactive-text": "关闭"
|
135
|
-
}, null, 8, ["modelValue"]),
|
136
|
-
T,
|
137
|
-
e(c, {
|
138
|
-
modelValue: d(o),
|
139
|
-
"onUpdate:modelValue": t[5] || (t[5] = (l) => s(o) ? o.value = l : null),
|
140
|
-
"active-text": "Open",
|
141
|
-
"inactive-text": "Close"
|
142
|
-
}, null, 8, ["modelValue"]),
|
143
|
-
B,
|
144
|
-
e(c, {
|
145
|
-
modelValue: d(o),
|
146
|
-
"onUpdate:modelValue": t[6] || (t[6] = (l) => s(o) ? o.value = l : null),
|
147
|
-
size: "small",
|
148
|
-
"active-text": "启动",
|
149
|
-
"inactive-text": "关闭"
|
150
|
-
}, null, 8, ["modelValue"]),
|
151
|
-
e(w, {
|
152
|
-
modelValue: d(o),
|
153
|
-
"onUpdate:modelValue": t[7] || (t[7] = (l) => s(o) ? o.value = l : null)
|
154
|
-
}, {
|
155
|
-
default: i(() => [
|
156
|
-
e(v, { value: "Sponsor" }, {
|
157
|
-
default: i(() => [
|
158
|
-
p(" Sponsor ")
|
159
|
-
]),
|
160
|
-
_: 1
|
161
|
-
}),
|
162
|
-
e(v, { value: "Venue" }, {
|
163
|
-
default: i(() => [
|
164
|
-
p(" Venue ")
|
165
|
-
]),
|
166
|
-
_: 1
|
167
|
-
})
|
168
|
-
]),
|
169
|
-
_: 1
|
170
|
-
}, 8, ["modelValue"]),
|
171
|
-
e(y, {
|
172
|
-
style: { "max-width": "600px" },
|
173
|
-
data: d(x),
|
174
|
-
props: f,
|
175
|
-
"show-checkbox": "",
|
176
|
-
height: 208,
|
177
|
-
"highlight-current": !0,
|
178
|
-
"item-size": 36
|
179
|
-
}, null, 8, ["data"])
|
180
|
-
]);
|
181
|
-
};
|
182
|
-
}
|
183
|
-
});
|
184
|
-
export {
|
185
|
-
O as default
|
186
|
-
};
|
@@ -1,72 +0,0 @@
|
|
1
|
-
import { defineComponent as m, ref as d, resolveComponent as a, openBlock as b, createElementBlock as l, createVNode as f, withCtx as c, createTextVNode as p } from "vue";
|
2
|
-
import { d as g } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const r = { class: "flex items-center justify-center gap-x-3" }, w = /* @__PURE__ */ m({
|
4
|
-
__name: "image-viewer-demo",
|
5
|
-
setup(u) {
|
6
|
-
const e = d();
|
7
|
-
function s() {
|
8
|
-
e.value.onShowViewer("https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg");
|
9
|
-
}
|
10
|
-
function o() {
|
11
|
-
e.value.onShowViewer([
|
12
|
-
"https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg",
|
13
|
-
"https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg",
|
14
|
-
"https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg",
|
15
|
-
"https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg",
|
16
|
-
"https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg",
|
17
|
-
"https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg",
|
18
|
-
"https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg"
|
19
|
-
]);
|
20
|
-
}
|
21
|
-
function n() {
|
22
|
-
e.value.onShowViewer([
|
23
|
-
"https://fuss10.elemecdn.com/d/e6/c4d93a3805b3ce3f323f7974e6f78jpeg.jpeg",
|
24
|
-
"https://fuss10.elemecdn.com/3/28/bbf893f792f03a54408b3b7a7ebf0jpeg.jpeg",
|
25
|
-
"https://fuss10.elemecdn.com/2/11/6535bcfb26e4c79b48ddde44f4b6fjpeg.jpeg",
|
26
|
-
"https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg",
|
27
|
-
"https://fuss10.elemecdn.com/1/34/19aa98b1fcb2781c4fba33d850549jpeg.jpeg",
|
28
|
-
"https://fuss10.elemecdn.com/0/6f/e35ff375812e6b0020b6b4e8f9583jpeg.jpeg",
|
29
|
-
"https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg"
|
30
|
-
], 1);
|
31
|
-
}
|
32
|
-
return (j, i) => {
|
33
|
-
const t = a("el-button");
|
34
|
-
return b(), l("div", r, [
|
35
|
-
f(t, {
|
36
|
-
type: "primary",
|
37
|
-
onClick: s
|
38
|
-
}, {
|
39
|
-
default: c(() => [
|
40
|
-
p(" 查看图片单张 ")
|
41
|
-
]),
|
42
|
-
_: 1
|
43
|
-
}),
|
44
|
-
f(t, {
|
45
|
-
type: "primary",
|
46
|
-
onClick: o
|
47
|
-
}, {
|
48
|
-
default: c(() => [
|
49
|
-
p(" 查看图片多张 ")
|
50
|
-
]),
|
51
|
-
_: 1
|
52
|
-
}),
|
53
|
-
f(t, {
|
54
|
-
type: "primary",
|
55
|
-
onClick: n
|
56
|
-
}, {
|
57
|
-
default: c(() => [
|
58
|
-
p(" 查看图片多张第二张开始 ")
|
59
|
-
]),
|
60
|
-
_: 1
|
61
|
-
}),
|
62
|
-
f(g, {
|
63
|
-
ref_key: "imageViewerRef",
|
64
|
-
ref: e
|
65
|
-
}, null, 512)
|
66
|
-
]);
|
67
|
-
};
|
68
|
-
}
|
69
|
-
});
|
70
|
-
export {
|
71
|
-
w as default
|
72
|
-
};
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { defineComponent as s, resolveComponent as a, openBlock as c, createElementBlock as r, createVNode as t, normalizeProps as i, guardReactiveProps as u } from "vue";
|
2
|
-
const _ = /* @__PURE__ */ s({
|
3
|
-
__name: "round-button-demo",
|
4
|
-
setup(d) {
|
5
|
-
function n() {
|
6
|
-
console.log("test");
|
7
|
-
}
|
8
|
-
function o() {
|
9
|
-
console.log("add");
|
10
|
-
}
|
11
|
-
return (l, p) => {
|
12
|
-
const e = a("round-button");
|
13
|
-
return c(), r("div", {
|
14
|
-
class: "flex gap-x-3 items-center justify-center",
|
15
|
-
onClick: n
|
16
|
-
}, [
|
17
|
-
t(e, i(u({
|
18
|
-
name: "sys-button-delete",
|
19
|
-
className: "text-hy-danger",
|
20
|
-
width: 16,
|
21
|
-
height: 16,
|
22
|
-
tips: "删除"
|
23
|
-
})), null, 16),
|
24
|
-
t(e, {
|
25
|
-
name: "sys-button-edit",
|
26
|
-
tips: "编辑",
|
27
|
-
onClick: o
|
28
|
-
}),
|
29
|
-
t(e, {
|
30
|
-
name: "sys-button-see",
|
31
|
-
tips: "查看"
|
32
|
-
}),
|
33
|
-
t(e, {
|
34
|
-
name: "sys-button-password",
|
35
|
-
tips: "密码"
|
36
|
-
})
|
37
|
-
]);
|
38
|
-
};
|
39
|
-
}
|
40
|
-
});
|
41
|
-
export {
|
42
|
-
_ as default
|
43
|
-
};
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { resolveComponent as s, openBlock as n, createElementBlock as c, createVNode as t } from "vue";
|
2
|
-
import { b as o } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const a = {}, i = { class: "flex items-center justify-center gap-x-3" };
|
4
|
-
function m(r, h) {
|
5
|
-
const e = s("SvgIcon");
|
6
|
-
return n(), c("div", i, [
|
7
|
-
t(e, {
|
8
|
-
name: "sys-button-add",
|
9
|
-
width: "26",
|
10
|
-
height: "26",
|
11
|
-
"class-name": "text-hy-main"
|
12
|
-
}),
|
13
|
-
t(e, {
|
14
|
-
name: "sys-button-delete",
|
15
|
-
width: "26",
|
16
|
-
height: "26",
|
17
|
-
"class-name": "text-hy-danger"
|
18
|
-
}),
|
19
|
-
t(e, {
|
20
|
-
name: "sys-button-success",
|
21
|
-
width: "26",
|
22
|
-
height: "26",
|
23
|
-
"class-name": "text-hy-success"
|
24
|
-
}),
|
25
|
-
t(e, {
|
26
|
-
name: "sys-button-tips",
|
27
|
-
width: "26",
|
28
|
-
height: "26",
|
29
|
-
"class-name": "text-hy-warning"
|
30
|
-
})
|
31
|
-
]);
|
32
|
-
}
|
33
|
-
const _ = /* @__PURE__ */ o(a, [["render", m]]);
|
34
|
-
export {
|
35
|
-
_ as default
|
36
|
-
};
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import { resolveComponent as c, openBlock as i, createElementBlock as s, Fragment as a, createVNode as t, withCtx as e, createTextVNode as r } from "vue";
|
2
|
-
import { b as l } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const _ = {};
|
4
|
-
function m(p, d) {
|
5
|
-
const o = c("el-button"), n = c("el-popover");
|
6
|
-
return i(), s(a, null, [
|
7
|
-
t(n, {
|
8
|
-
placement: "top-start",
|
9
|
-
title: "Title",
|
10
|
-
width: 200,
|
11
|
-
trigger: "hover",
|
12
|
-
content: "this is content, this is content, this is content"
|
13
|
-
}, {
|
14
|
-
reference: e(() => [
|
15
|
-
t(o, { class: "m-2" }, {
|
16
|
-
default: e(() => [
|
17
|
-
r(" Hover to activate ")
|
18
|
-
]),
|
19
|
-
_: 1
|
20
|
-
})
|
21
|
-
]),
|
22
|
-
_: 1
|
23
|
-
}),
|
24
|
-
t(n, {
|
25
|
-
placement: "bottom",
|
26
|
-
title: "Title",
|
27
|
-
width: 200,
|
28
|
-
trigger: "click",
|
29
|
-
content: "this is content, this is content, this is content"
|
30
|
-
}, {
|
31
|
-
reference: e(() => [
|
32
|
-
t(o, { class: "m-2" }, {
|
33
|
-
default: e(() => [
|
34
|
-
r(" Click to activate ")
|
35
|
-
]),
|
36
|
-
_: 1
|
37
|
-
})
|
38
|
-
]),
|
39
|
-
_: 1
|
40
|
-
})
|
41
|
-
], 64);
|
42
|
-
}
|
43
|
-
const u = /* @__PURE__ */ l(_, [["render", m], ["__scopeId", "data-v-89d47af3"]]);
|
44
|
-
export {
|
45
|
-
u as default
|
46
|
-
};
|
@@ -1,98 +0,0 @@
|
|
1
|
-
import { defineComponent as p, ref as r, resolveComponent as a, openBlock as u, createElementBlock as m, Fragment as d, createElementVNode as T, createVNode as t, withCtx as s, createTextVNode as n } from "vue";
|
2
|
-
import { c as y, H as f } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const _ = { class: "flex items-center justify-center gap-x-3" }, w = /* @__PURE__ */ p({
|
4
|
-
__name: "tips-modal-demo",
|
5
|
-
setup(h) {
|
6
|
-
const e = r();
|
7
|
-
function i() {
|
8
|
-
f({
|
9
|
-
width: 440,
|
10
|
-
tipsTitleIcon: "sys-button-delete",
|
11
|
-
tipsTitleIconClass: "text-hy-danger",
|
12
|
-
tipsTitle: "删除",
|
13
|
-
tipsContent: "是否确认删除?",
|
14
|
-
isShowClose: !0,
|
15
|
-
isShowSubmit: !0,
|
16
|
-
closeBtnText: "取消",
|
17
|
-
submitBtnText: "删除",
|
18
|
-
closeBtnType: "primary",
|
19
|
-
submitBtnType: "danger"
|
20
|
-
}, () => {
|
21
|
-
console.log("2");
|
22
|
-
}, () => {
|
23
|
-
console.log("1");
|
24
|
-
});
|
25
|
-
}
|
26
|
-
function l() {
|
27
|
-
e.value.onShowModal({
|
28
|
-
width: 440,
|
29
|
-
tipsTitleIcon: "sys-button-delete",
|
30
|
-
tipsTitleIconClass: "text-hy-danger",
|
31
|
-
tipsTitle: "删除",
|
32
|
-
tipsContent: "是否确认删除?",
|
33
|
-
isShowClose: !0,
|
34
|
-
isShowSubmit: !0,
|
35
|
-
closeBtnText: "取消",
|
36
|
-
submitBtnText: "删除",
|
37
|
-
closeBtnType: "primary",
|
38
|
-
submitBtnType: "danger"
|
39
|
-
});
|
40
|
-
}
|
41
|
-
function c() {
|
42
|
-
e.value.onShowModal({
|
43
|
-
width: 440,
|
44
|
-
tipsTitleIcon: "sys-button-jump",
|
45
|
-
tipsTitleIconClass: "text-hy-success",
|
46
|
-
tipsTitle: "跳转",
|
47
|
-
tipsContent: "是否确认跳转?",
|
48
|
-
isShowClose: !0,
|
49
|
-
isShowSubmit: !0,
|
50
|
-
closeBtnText: "取消",
|
51
|
-
submitBtnText: "跳转",
|
52
|
-
closeBtnType: "primary",
|
53
|
-
submitBtnType: "success"
|
54
|
-
});
|
55
|
-
}
|
56
|
-
return (x, C) => {
|
57
|
-
const o = a("el-button");
|
58
|
-
return u(), m(d, null, [
|
59
|
-
T("div", _, [
|
60
|
-
t(o, {
|
61
|
-
type: "danger",
|
62
|
-
onClick: i
|
63
|
-
}, {
|
64
|
-
default: s(() => [
|
65
|
-
n(" test ")
|
66
|
-
]),
|
67
|
-
_: 1
|
68
|
-
}),
|
69
|
-
t(o, {
|
70
|
-
type: "danger",
|
71
|
-
onClick: l
|
72
|
-
}, {
|
73
|
-
default: s(() => [
|
74
|
-
n(" 删除 ")
|
75
|
-
]),
|
76
|
-
_: 1
|
77
|
-
}),
|
78
|
-
t(o, {
|
79
|
-
type: "primary",
|
80
|
-
onClick: c
|
81
|
-
}, {
|
82
|
-
default: s(() => [
|
83
|
-
n(" 跳转 ")
|
84
|
-
]),
|
85
|
-
_: 1
|
86
|
-
})
|
87
|
-
]),
|
88
|
-
t(y, {
|
89
|
-
ref_key: "tipsModalRef",
|
90
|
-
ref: e
|
91
|
-
}, null, 512)
|
92
|
-
], 64);
|
93
|
-
};
|
94
|
-
}
|
95
|
-
});
|
96
|
-
export {
|
97
|
-
w as default
|
98
|
-
};
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import { defineComponent as o, ref as l, openBlock as r, createElementBlock as d, createVNode as t, normalizeStyle as n, unref as a, normalizeClass as c, withCtx as x, createElementVNode as p } from "vue";
|
2
|
-
import { e as s } from "./command-center-v3-common-8JifopwY.js";
|
3
|
-
const h = { class: "flex items-center justify-center gap-x-3" }, y = /* @__PURE__ */ o({
|
4
|
-
__name: "user-head-demo",
|
5
|
-
setup(i) {
|
6
|
-
const e = l({
|
7
|
-
headImg: "",
|
8
|
-
audioContextType: !1,
|
9
|
-
onlineState: 1,
|
10
|
-
gbDevice: 1
|
11
|
-
});
|
12
|
-
return (m, u) => (r(), d("div", h, [
|
13
|
-
t(s, {
|
14
|
-
url: "",
|
15
|
-
"head-box-class-name": "w-[28px] h-[28px]"
|
16
|
-
}),
|
17
|
-
t(s, {
|
18
|
-
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
19
|
-
"head-box-class-name": "w-[28px] h-[28px]",
|
20
|
-
"class-name": "w-[18px] h-[18px]",
|
21
|
-
name: "user-head-demo-user"
|
22
|
-
}),
|
23
|
-
t(s, {
|
24
|
-
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
25
|
-
"head-box-class-name": "w-[36px] h-[36px]",
|
26
|
-
"class-name": "w-[18px] h-[18px]"
|
27
|
-
}),
|
28
|
-
t(s, {
|
29
|
-
style: n({
|
30
|
-
background: "linear-gradient(180deg, #5A2120 0%, #C81F12 100%)",
|
31
|
-
color: "#FDE777"
|
32
|
-
}),
|
33
|
-
"gb-device": !0,
|
34
|
-
"head-box-class-name": "w-[28px] h-[28px] text-xs",
|
35
|
-
"class-name": "w-[18px] h-[18px]",
|
36
|
-
name: "user-head-demo-user"
|
37
|
-
}, null, 8, ["style"]),
|
38
|
-
t(s, {
|
39
|
-
url: a(e).headImg,
|
40
|
-
class: c({
|
41
|
-
"!border-hy-main": a(e).audioContextType,
|
42
|
-
"text-hy-text-primary": a(e).onlineState === 1 && a(e).gbDevice !== 1,
|
43
|
-
"text-hy-gb-device-text": a(e).onlineState === 1 && a(e).gbDevice === 1
|
44
|
-
}),
|
45
|
-
style: n(a(e).onlineState === 1 && a(e).gbDevice === 1 ? "background:var(--hy-gb-device-background)" : ""),
|
46
|
-
"gb-device": !0,
|
47
|
-
"head-box-class-name": "w-[60px] h-[60px] z-[1] bg-hy-page-bg-2 text-base relative",
|
48
|
-
"class-name": "w-[56%] h-[56%]",
|
49
|
-
name: "sys-icon-user-head"
|
50
|
-
}, {
|
51
|
-
content: x(() => [
|
52
|
-
p("span", {
|
53
|
-
class: c([{
|
54
|
-
"bg-hy-success shadow-hy-success": a(e).onlineState === 1,
|
55
|
-
"bg-hy-text-secondary shadow-hy-text-secondary": a(e).onlineState !== 1
|
56
|
-
}, "absolute bottom-[2px] right-[2px] w-[14px] h-[14px] rounded-full shadow-[0_0_10px_0]"])
|
57
|
-
}, null, 2)
|
58
|
-
]),
|
59
|
-
_: 1
|
60
|
-
}, 8, ["url", "class", "style"])
|
61
|
-
]));
|
62
|
-
}
|
63
|
-
});
|
64
|
-
export {
|
65
|
-
y as default
|
66
|
-
};
|