ss-component-new 1.1.64 → 1.1.65
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/array-BejyPB_1.js +3227 -0
- package/dist/index-BT8Pkr84.js +35 -0
- package/dist/{index-DiAssal2.js → index-BvoThyOF.js} +1 -1
- package/dist/{index-zogzyMot.js → index-CCr_UQBn.js} +105 -105
- package/dist/index-ChCXzsYf.js +26 -0
- package/dist/index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-DG5vph3h.js +143 -0
- package/dist/main-BUjoLIJC.js +404 -0
- package/dist/{menu-D6yKPqgS.js → menu-oGClEGzK.js} +5 -7
- package/dist/{modelComp-Cr1QF6ip.js → modelComp-CqA1NVfH.js} +1 -1
- package/dist/ss-component.css +1 -1
- package/dist/ss-component.js +4 -4
- package/dist/ss-component.umd.cjs +48 -55
- package/package.json +1 -1
- package/dist/array-BGMpYX__.js +0 -3352
- package/dist/index-B1PA43Yh.js +0 -1023
- package/dist/index-K2751gew.js +0 -163
- package/dist/main-DqI34-Cq.js +0 -286
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { _ as c } from "./index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-DG5vph3h.js";
|
|
2
|
+
import { resolveComponent as o, createBlock as a, openBlock as u, withCtx as r, createVNode as l, createElementVNode as i, toDisplayString as p } from "vue";
|
|
3
|
+
import { _ as m } from "./_plugin-vue_export-helper-B7R8Jogt.js";
|
|
4
|
+
function M(e, _, d, f, C, y) {
|
|
5
|
+
const t = o("DynamicIcon"), s = o("ssMenu");
|
|
6
|
+
return u(), a(s, {
|
|
7
|
+
menuList: e.renderMenuList,
|
|
8
|
+
onClickMenu: e.clickMenu,
|
|
9
|
+
onOpenMenu: e.openMenu,
|
|
10
|
+
onCloseMenu: e.closeMenu,
|
|
11
|
+
onChangeMenuStyle: e.changeMenuStyle,
|
|
12
|
+
class: "menuList-wrap"
|
|
13
|
+
}, {
|
|
14
|
+
title: r(({ menu: n }) => [
|
|
15
|
+
l(t, {
|
|
16
|
+
name: n.icon ?? ""
|
|
17
|
+
}, null, 8, ["name"]),
|
|
18
|
+
i("span", null, p(n.title ?? ""), 1)
|
|
19
|
+
]),
|
|
20
|
+
_: 1
|
|
21
|
+
}, 8, ["menuList", "onClickMenu", "onOpenMenu", "onCloseMenu", "onChangeMenuStyle"]);
|
|
22
|
+
}
|
|
23
|
+
const L = /* @__PURE__ */ m(c, [["render", M], ["__scopeId", "data-v-dc84a8f7"]]);
|
|
24
|
+
export {
|
|
25
|
+
L as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { defineAsyncComponent as U, computed as D, onMounted as O, resolveComponent as G, createBlock as v, openBlock as C, withCtx as I, resolveDynamicComponent as N, defineComponent as k, ref as T, watch as q } from "vue";
|
|
2
|
+
import { E as M, u as z, s as E } from "./menu-oGClEGzK.js";
|
|
3
|
+
import { u as H } from "./modelComp-CqA1NVfH.js";
|
|
4
|
+
import { c as f } from "./_plugin-vue_export-helper-B7R8Jogt.js";
|
|
5
|
+
const g = U(() => import("./index-BvoThyOF.js"));
|
|
6
|
+
g.install = (u) => {
|
|
7
|
+
u.component("ssMenu", g);
|
|
8
|
+
};
|
|
9
|
+
const J = {
|
|
10
|
+
__name: "index",
|
|
11
|
+
props: {
|
|
12
|
+
name: String
|
|
13
|
+
},
|
|
14
|
+
setup(u) {
|
|
15
|
+
const c = u, m = D(() => M[c.name]);
|
|
16
|
+
return O(() => {
|
|
17
|
+
const p = Object.keys(M);
|
|
18
|
+
console.log("iconComponent", m.value, c.name, M, p);
|
|
19
|
+
}), (p, A) => {
|
|
20
|
+
const d = G("el-icon");
|
|
21
|
+
return C(), v(d, null, {
|
|
22
|
+
default: I(() => [
|
|
23
|
+
(C(), v(N(m.value)))
|
|
24
|
+
]),
|
|
25
|
+
_: 1
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
}, Y = k({
|
|
30
|
+
name: "menu",
|
|
31
|
+
components: {
|
|
32
|
+
ssMenu: g,
|
|
33
|
+
DynamicIcon: J
|
|
34
|
+
},
|
|
35
|
+
setup() {
|
|
36
|
+
const u = z(), c = H(), { rawMenu: m, menuTriggerType: p } = E(u), { itemData: A } = E(c), d = T([]);
|
|
37
|
+
let h;
|
|
38
|
+
((e) => {
|
|
39
|
+
e[e.Menu = 0] = "Menu", e[e.FolderOpened = 1] = "FolderOpened";
|
|
40
|
+
})(h || (h = {}));
|
|
41
|
+
const S = (e) => {
|
|
42
|
+
let n = [], s = [];
|
|
43
|
+
return e == null || e.forEach((r) => {
|
|
44
|
+
n = y(r, s);
|
|
45
|
+
}), console.log("splitMenu", n), n;
|
|
46
|
+
}, y = (e, n) => {
|
|
47
|
+
const s = n, r = [];
|
|
48
|
+
e == null || e.forEach((o) => {
|
|
49
|
+
Array.isArray(o) ? r.push({ children: y(o, []) }) : r.push({ title: o });
|
|
50
|
+
});
|
|
51
|
+
let i = r.reduce((o, a) => (Object.entries(a).forEach(([t, l]) => {
|
|
52
|
+
o[t] === void 0 ? l != null && l.title ? o[t] = [l] : o[t] = l : (Array.isArray(o[t]) || (o[t] = [{ title: o[t] }]), l != null && l.title || Array.isArray(l) ? o[t].push(l) : o[t].push({ title: l }));
|
|
53
|
+
}), o), {});
|
|
54
|
+
return i = F(f(i)), s.push(i), Array.isArray(s) && (s == null ? void 0 : s.length) > 1 ? s : s == null ? void 0 : s[0];
|
|
55
|
+
}, F = (e) => {
|
|
56
|
+
var n, s, r;
|
|
57
|
+
return Array.isArray(e == null ? void 0 : e.title) && ((n = e == null ? void 0 : e.title) == null ? void 0 : n.length) === ((r = (s = e == null ? void 0 : e.title) == null ? void 0 : s.filter((i) => i.title)) == null ? void 0 : r.length) ? e == null ? void 0 : e.title : Array.isArray(e == null ? void 0 : e.children) ? P(e) : e;
|
|
58
|
+
}, P = (e) => {
|
|
59
|
+
var s;
|
|
60
|
+
const n = e;
|
|
61
|
+
return n.children = (s = n.children) == null ? void 0 : s.map((r) => {
|
|
62
|
+
var i;
|
|
63
|
+
return (i = r == null ? void 0 : r.title) != null && i.children ? r == null ? void 0 : r.title : r;
|
|
64
|
+
}), n;
|
|
65
|
+
}, b = (e, n = "", s = 0) => {
|
|
66
|
+
var o;
|
|
67
|
+
const r = f(A.value), i = (o = r == null ? void 0 : r.filter((a) => {
|
|
68
|
+
var t;
|
|
69
|
+
return ((t = a.comp) == null ? void 0 : t.toUpperCase()) === "GROUP";
|
|
70
|
+
})) == null ? void 0 : o.map((a) => a.name);
|
|
71
|
+
return e == null ? void 0 : e.map((a) => {
|
|
72
|
+
const t = n ? `${n}/${a.title}` : a.title, l = {
|
|
73
|
+
...a,
|
|
74
|
+
path: t,
|
|
75
|
+
level: s,
|
|
76
|
+
icon: h[`${s}`],
|
|
77
|
+
carryData: i == null ? void 0 : i.includes(t)
|
|
78
|
+
};
|
|
79
|
+
return a.children && a.children.length > 0 && (l.children = b(a.children, t, s + 1)), l;
|
|
80
|
+
});
|
|
81
|
+
}, _ = D(() => {
|
|
82
|
+
const e = b(d.value);
|
|
83
|
+
return console.log("temps", e), u.setMenus(e), e;
|
|
84
|
+
}), $ = (e) => {
|
|
85
|
+
console.log("clickMenu", e), u.setMenuTriggerType("click"), u.setActiveMenuPath(e == null ? void 0 : e.path);
|
|
86
|
+
}, R = (e) => {
|
|
87
|
+
p.value === "click" ? u.setActiveMenuPath(e) : u.setMenuTriggerType("click");
|
|
88
|
+
}, j = (e) => {
|
|
89
|
+
u.setActiveMenuPath(e);
|
|
90
|
+
}, w = T([
|
|
91
|
+
{
|
|
92
|
+
name: "--ssComponent-menu-bg",
|
|
93
|
+
value: "#426ec4"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
name: "--ssComponent-submenu-hover-bg",
|
|
97
|
+
value: "#00000033"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
name: "--ssComponent-submenu-open-bg",
|
|
101
|
+
value: "#2DA0FF"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
name: "--ssComponent-submenu-open-inline-bg",
|
|
105
|
+
value: "#1C4275"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
name: "--ssComponent-menuitem-hover-bg",
|
|
109
|
+
value: "#1d7bef"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
name: "--ssComponent-menuitem-active-bg",
|
|
113
|
+
value: "#1d7bef"
|
|
114
|
+
}
|
|
115
|
+
]), B = () => {
|
|
116
|
+
var n;
|
|
117
|
+
const e = document.documentElement;
|
|
118
|
+
(n = w.value) == null || n.forEach((s) => {
|
|
119
|
+
e.style.setProperty(s.name, s.value);
|
|
120
|
+
});
|
|
121
|
+
};
|
|
122
|
+
return O(() => {
|
|
123
|
+
}), q(() => m.value, (e) => {
|
|
124
|
+
var n, s, r;
|
|
125
|
+
if (e) {
|
|
126
|
+
const i = (r = (s = (n = f(e)) == null ? void 0 : n.compData) == null ? void 0 : s[0]) == null ? void 0 : r.contents;
|
|
127
|
+
d.value = S(i), console.log("rawMenu", _.value);
|
|
128
|
+
} else
|
|
129
|
+
u.setActiveMenuPath("");
|
|
130
|
+
}, {
|
|
131
|
+
immediate: !0
|
|
132
|
+
}), {
|
|
133
|
+
renderMenuList: _,
|
|
134
|
+
clickMenu: $,
|
|
135
|
+
openMenu: R,
|
|
136
|
+
closeMenu: j,
|
|
137
|
+
changeMenuStyle: B
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
});
|
|
141
|
+
export {
|
|
142
|
+
Y as _
|
|
143
|
+
};
|
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
import { createElementBlock as _, openBlock as r, Fragment as W, renderList as U, unref as ie, createElementVNode as b, createBlock as B, resolveDynamicComponent as q, toDisplayString as E, ref as w, watch as J, resolveComponent as ue, createVNode as z, withCtx as K, createCommentVNode as v, onMounted as _e } from "vue";
|
|
2
|
+
import { p as A, s as fe, g as P, e as he, a as ye } from "./array-BejyPB_1.js";
|
|
3
|
+
import { s as L, E as pe, u as ge } from "./menu-oGClEGzK.js";
|
|
4
|
+
import { u as M } from "./modelComp-CqA1NVfH.js";
|
|
5
|
+
import { _ as R, c as k } from "./_plugin-vue_export-helper-B7R8Jogt.js";
|
|
6
|
+
const Ce = { class: "type-select" }, ke = ["onClick"], be = { class: "list-icon" }, Ie = {
|
|
7
|
+
__name: "index",
|
|
8
|
+
setup(T) {
|
|
9
|
+
const $ = M(A), { itemData: e } = L($), j = (l) => pe[l], f = (l) => {
|
|
10
|
+
const y = k(e.value);
|
|
11
|
+
y.push({
|
|
12
|
+
comp: l.comp,
|
|
13
|
+
name: l.name,
|
|
14
|
+
compData: []
|
|
15
|
+
}), $.setItemData(y);
|
|
16
|
+
};
|
|
17
|
+
return (l, y) => (r(), _("div", Ce, [
|
|
18
|
+
(r(!0), _(W, null, U(ie(fe), (h, s) => (r(), _("div", {
|
|
19
|
+
class: "type-list",
|
|
20
|
+
key: s
|
|
21
|
+
}, [
|
|
22
|
+
b("div", {
|
|
23
|
+
class: "list-content",
|
|
24
|
+
onClick: (p) => f(h)
|
|
25
|
+
}, [
|
|
26
|
+
b("div", be, [
|
|
27
|
+
(r(), B(q(j(h.icon))))
|
|
28
|
+
]),
|
|
29
|
+
b("div", null, E(h.name), 1)
|
|
30
|
+
], 8, ke)
|
|
31
|
+
]))), 128))
|
|
32
|
+
]));
|
|
33
|
+
}
|
|
34
|
+
}, De = /* @__PURE__ */ R(Ie, [["__scopeId", "data-v-fe4aecc8"]]), we = { class: "fill-content" }, $e = { class: "operate-content" }, je = { class: "collapse-title" }, xe = { class: "comp-child" }, Ve = {
|
|
35
|
+
__name: "index",
|
|
36
|
+
setup(T) {
|
|
37
|
+
const $ = M(A), { itemData: e, originalData: j } = L($), f = w([]), l = w([]);
|
|
38
|
+
J(
|
|
39
|
+
() => e.value,
|
|
40
|
+
() => {
|
|
41
|
+
var s;
|
|
42
|
+
!e.value || ((s = e.value) == null ? void 0 : s.length) === 0 || (f.value = k(e.value));
|
|
43
|
+
},
|
|
44
|
+
{ deep: !0, immediate: !0 }
|
|
45
|
+
);
|
|
46
|
+
const y = (s) => P(s), h = (s, p, S) => {
|
|
47
|
+
if (!s || s.length === 0) return;
|
|
48
|
+
let n = k(e.value);
|
|
49
|
+
const c = k(p);
|
|
50
|
+
c.compData = s, n = n == null ? void 0 : n.map((g, d) => (d === S && (g = c), g)), $.setItemData(n);
|
|
51
|
+
};
|
|
52
|
+
return (s, p) => {
|
|
53
|
+
const S = ue("el-collapse-item"), n = ue("el-collapse");
|
|
54
|
+
return r(), _("div", we, [
|
|
55
|
+
p[1] || (p[1] = b("div", { class: "fill-operate" }, E("操作栏"), -1)),
|
|
56
|
+
b("div", $e, [
|
|
57
|
+
z(n, {
|
|
58
|
+
modelValue: l.value,
|
|
59
|
+
"onUpdate:modelValue": p[0] || (p[0] = (c) => l.value = c),
|
|
60
|
+
class: "collapse-content"
|
|
61
|
+
}, {
|
|
62
|
+
default: K(() => [
|
|
63
|
+
(r(!0), _(W, null, U(f.value, (c, g) => (r(), B(S, {
|
|
64
|
+
key: g,
|
|
65
|
+
name: g
|
|
66
|
+
}, {
|
|
67
|
+
title: K(() => [
|
|
68
|
+
b("div", je, E(c.name), 1)
|
|
69
|
+
]),
|
|
70
|
+
default: K(() => {
|
|
71
|
+
var d, O;
|
|
72
|
+
return [
|
|
73
|
+
b("div", xe, [
|
|
74
|
+
(r(), B(q(y(c.comp + "Operate")), {
|
|
75
|
+
itemContents: c == null ? void 0 : c.compData,
|
|
76
|
+
originalItemContents: (O = (d = ie(j)) == null ? void 0 : d.find((N, G) => G === g)) == null ? void 0 : O.compData,
|
|
77
|
+
onChange: (N) => h(N, c, g)
|
|
78
|
+
}, null, 40, ["itemContents", "originalItemContents", "onChange"]))
|
|
79
|
+
])
|
|
80
|
+
];
|
|
81
|
+
}),
|
|
82
|
+
_: 2
|
|
83
|
+
}, 1032, ["name"]))), 128))
|
|
84
|
+
]),
|
|
85
|
+
_: 1
|
|
86
|
+
}, 8, ["modelValue"])
|
|
87
|
+
])
|
|
88
|
+
]);
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
}, Oe = /* @__PURE__ */ R(Ve, [["__scopeId", "data-v-a216b035"]]), Se = {
|
|
92
|
+
key: 0,
|
|
93
|
+
class: "show-content"
|
|
94
|
+
}, Ne = {
|
|
95
|
+
__name: "index",
|
|
96
|
+
setup(T) {
|
|
97
|
+
const $ = M(A), { itemData: e } = L($), j = w([]);
|
|
98
|
+
J(
|
|
99
|
+
() => e.value,
|
|
100
|
+
() => {
|
|
101
|
+
var l;
|
|
102
|
+
!e.value || ((l = e.value) == null ? void 0 : l.length) === 0 || (j.value = k(e.value));
|
|
103
|
+
},
|
|
104
|
+
{ deep: !0, immediate: !0 }
|
|
105
|
+
);
|
|
106
|
+
const f = (l) => P(l);
|
|
107
|
+
return (l, y) => {
|
|
108
|
+
var h;
|
|
109
|
+
return ((h = j.value) == null ? void 0 : h.length) > 0 ? (r(), _("div", Se, [
|
|
110
|
+
(r(!0), _(W, null, U(j.value, (s, p) => (r(), _("div", {
|
|
111
|
+
class: "item-content",
|
|
112
|
+
key: p
|
|
113
|
+
}, [
|
|
114
|
+
b("div", null, E(s.name), 1),
|
|
115
|
+
(r(), B(q(f(s.comp)), {
|
|
116
|
+
itemData: s == null ? void 0 : s.compData,
|
|
117
|
+
childItemData: s == null ? void 0 : s.itemChildData,
|
|
118
|
+
key: p
|
|
119
|
+
}, null, 8, ["itemData", "childItemData"]))
|
|
120
|
+
]))), 128))
|
|
121
|
+
])) : v("", !0);
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
}, Te = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-79320497"]]), F = [
|
|
125
|
+
{
|
|
126
|
+
key: "FormName",
|
|
127
|
+
value: "Form"
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
key: "TableName",
|
|
131
|
+
value: "Table"
|
|
132
|
+
}
|
|
133
|
+
], m = [
|
|
134
|
+
{
|
|
135
|
+
key: "FormDirect",
|
|
136
|
+
value: "formFlex"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
key: "Form",
|
|
140
|
+
value: "formContent"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
key: "FormButton",
|
|
144
|
+
value: "formButton"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
key: "TableColumns",
|
|
148
|
+
value: "header"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
key: "TableButton",
|
|
152
|
+
value: "extraButton"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
key: "LineButton",
|
|
156
|
+
value: "rowButton"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
key: "Table",
|
|
160
|
+
value: "tableContents"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
key: "TableIndex",
|
|
164
|
+
value: "tableIndex"
|
|
165
|
+
}
|
|
166
|
+
], Fe = {
|
|
167
|
+
key: 0,
|
|
168
|
+
class: "show-content"
|
|
169
|
+
}, ve = { class: "item-view-group" }, Be = {
|
|
170
|
+
__name: "index",
|
|
171
|
+
props: {
|
|
172
|
+
content: String,
|
|
173
|
+
jsonContents: Array
|
|
174
|
+
},
|
|
175
|
+
emits: ["change"],
|
|
176
|
+
setup(T, { emit: $ }) {
|
|
177
|
+
const e = T, j = $, f = M(A), { itemData: l } = L(f), y = w([]), h = w([]), s = (n) => {
|
|
178
|
+
j("change", {
|
|
179
|
+
wholeValue: y.value,
|
|
180
|
+
editValue: n
|
|
181
|
+
});
|
|
182
|
+
}, p = (n) => {
|
|
183
|
+
const c = k(y.value), g = c == null ? void 0 : c.map((d, O) => (O === (n == null ? void 0 : n.index) && (d.compData = n == null ? void 0 : n.contents), d));
|
|
184
|
+
y.value = g;
|
|
185
|
+
};
|
|
186
|
+
J(
|
|
187
|
+
() => l.value,
|
|
188
|
+
() => {
|
|
189
|
+
var n;
|
|
190
|
+
!l.value || ((n = l.value) == null ? void 0 : n.length) === 0 || (h.value = l.value, y.value = l.value);
|
|
191
|
+
},
|
|
192
|
+
{ deep: !0, immediate: !0 }
|
|
193
|
+
), J(
|
|
194
|
+
() => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
|
|
195
|
+
() => {
|
|
196
|
+
var c;
|
|
197
|
+
if (((c = e == null ? void 0 : e.jsonContents) == null ? void 0 : c.length) > 0) {
|
|
198
|
+
f.setOriginalData(e == null ? void 0 : e.jsonContents), f.setItemData(e == null ? void 0 : e.jsonContents);
|
|
199
|
+
return;
|
|
200
|
+
}
|
|
201
|
+
if (!(e != null && e.content) || (e == null ? void 0 : e.content) === "") return;
|
|
202
|
+
const n = he(e == null ? void 0 : e.content);
|
|
203
|
+
f.setOriginalData(n), f.setItemData(n);
|
|
204
|
+
},
|
|
205
|
+
{ deep: !0, immediate: !0 }
|
|
206
|
+
);
|
|
207
|
+
const S = (n) => P(n);
|
|
208
|
+
return (n, c) => {
|
|
209
|
+
var g;
|
|
210
|
+
return ((g = h.value) == null ? void 0 : g.length) > 0 ? (r(), _("div", Fe, [
|
|
211
|
+
(r(!0), _(W, null, U(h.value, (d, O) => (r(), _("div", {
|
|
212
|
+
class: "item-content",
|
|
213
|
+
key: O
|
|
214
|
+
}, [
|
|
215
|
+
b("div", ve, E(d.name), 1),
|
|
216
|
+
(r(), B(q(S(d.comp)), {
|
|
217
|
+
itemData: d == null ? void 0 : d.compData,
|
|
218
|
+
childItemData: d == null ? void 0 : d.itemChildData,
|
|
219
|
+
key: O,
|
|
220
|
+
onChange: s,
|
|
221
|
+
index: O,
|
|
222
|
+
onContentChange: p
|
|
223
|
+
}, null, 40, ["itemData", "childItemData", "index"]))
|
|
224
|
+
]))), 128))
|
|
225
|
+
])) : v("", !0);
|
|
226
|
+
};
|
|
227
|
+
}
|
|
228
|
+
}, Ee = /* @__PURE__ */ R(Be, [["__scopeId", "data-v-869e6e20"]]), Je = { class: "add-model-content" }, Ae = {
|
|
229
|
+
key: 0,
|
|
230
|
+
class: "model-import-data"
|
|
231
|
+
}, Le = { class: "import-button" }, Me = { key: 0 }, Re = {
|
|
232
|
+
key: 1,
|
|
233
|
+
class: "model-operate"
|
|
234
|
+
}, ze = { class: "model-select" }, We = { class: "model-fill" }, Ue = {
|
|
235
|
+
key: 2,
|
|
236
|
+
class: "model-view ssComponent"
|
|
237
|
+
}, qe = {
|
|
238
|
+
__name: "main",
|
|
239
|
+
props: {
|
|
240
|
+
mode: {
|
|
241
|
+
type: String,
|
|
242
|
+
default: "view"
|
|
243
|
+
},
|
|
244
|
+
content: {
|
|
245
|
+
type: String,
|
|
246
|
+
default: ""
|
|
247
|
+
},
|
|
248
|
+
jsonContents: {
|
|
249
|
+
type: Array,
|
|
250
|
+
default: () => []
|
|
251
|
+
},
|
|
252
|
+
showButton: {
|
|
253
|
+
type: Boolean,
|
|
254
|
+
default: !0
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
emits: ["change"],
|
|
258
|
+
setup(T, { emit: $ }) {
|
|
259
|
+
const e = T, j = $, f = w(""), l = w([]), y = w(0), h = M(A);
|
|
260
|
+
ge(A);
|
|
261
|
+
const { itemData: s, originalData: p } = L(h), S = w(null), n = w(0), c = w(""), g = () => {
|
|
262
|
+
y.value = window.innerWidth;
|
|
263
|
+
}, d = async (u) => {
|
|
264
|
+
var C;
|
|
265
|
+
const o = (C = k(u == null ? void 0 : u.wholeValue)) == null ? void 0 : C.map((a) => {
|
|
266
|
+
var x;
|
|
267
|
+
return (a == null ? void 0 : a.comp) === "Form" && (a.compData = (x = a.compData) == null ? void 0 : x.map((V) => ((V == null ? void 0 : V.key) === "formContent" && (V.contents = ye(V == null ? void 0 : V.contents)), V))), a;
|
|
268
|
+
});
|
|
269
|
+
j("change", {
|
|
270
|
+
originalContents: p.value,
|
|
271
|
+
currentContents: u == null ? void 0 : u.wholeValue,
|
|
272
|
+
editContent: u == null ? void 0 : u.editValue,
|
|
273
|
+
stringContent: O(k(u == null ? void 0 : u.wholeValue)),
|
|
274
|
+
arrayToContents: o
|
|
275
|
+
});
|
|
276
|
+
}, O = (u) => {
|
|
277
|
+
var C;
|
|
278
|
+
let o = [];
|
|
279
|
+
return (C = k(u)) == null || C.forEach((a) => {
|
|
280
|
+
var x, V;
|
|
281
|
+
F != null && F.find((t) => (t == null ? void 0 : t.value) === (a == null ? void 0 : a.comp)) && o.push(((x = F == null ? void 0 : F.find((t) => (t == null ? void 0 : t.value) === (a == null ? void 0 : a.comp))) == null ? void 0 : x.key) + "=" + a.name + "/r/n"), (V = a == null ? void 0 : a.compData) == null || V.forEach((t) => {
|
|
282
|
+
var Q, X, Y, Z, ee, te, ne, ae, oe, le, se, re;
|
|
283
|
+
if (m != null && m.find((I) => (I == null ? void 0 : I.value) === (t == null ? void 0 : t.key)))
|
|
284
|
+
if (!((Q = t == null ? void 0 : t.contents) != null && Q.length))
|
|
285
|
+
o.push(((X = m == null ? void 0 : m.find((I) => (I == null ? void 0 : I.value) === (t == null ? void 0 : t.key))) == null ? void 0 : X.key) + "=" + (t.contents === !0 ? '""' : "Vertical") + "/r/n");
|
|
286
|
+
else {
|
|
287
|
+
let I = (Y = t == null ? void 0 : t.contents) == null ? void 0 : Y[0];
|
|
288
|
+
if (!I) return;
|
|
289
|
+
if (Object.keys(I).includes("label") && Object.keys(I).includes("key") && Object.keys(I).includes("width"))
|
|
290
|
+
if (((ee = (Z = t.contents) == null ? void 0 : Z.filter((D) => D.width !== 1)) == null ? void 0 : ee.length) === 0) {
|
|
291
|
+
const D = (te = k(t == null ? void 0 : t.contents)) == null ? void 0 : te.map((i) => ({ [i.label]: i.value }));
|
|
292
|
+
o.push(((ne = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : ne.key) + "=" + JSON.stringify(D) + "/r/n");
|
|
293
|
+
} else {
|
|
294
|
+
let D = [];
|
|
295
|
+
(ae = k(t == null ? void 0 : t.contents)) == null || ae.reduce((i, H) => {
|
|
296
|
+
var ce;
|
|
297
|
+
return i[H.label] = H.key, ((ce = Object.keys(k(i))) == null ? void 0 : ce.length) >= H.width && (D.push(k(i)), i = {}), i;
|
|
298
|
+
}, {}), o.push(((oe = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : oe.key) + "=" + JSON.stringify(D) + "/r/n");
|
|
299
|
+
}
|
|
300
|
+
else if (Object.keys(I).includes("label")) {
|
|
301
|
+
const D = (le = k(t == null ? void 0 : t.contents)) == null ? void 0 : le.map((i) => i.label);
|
|
302
|
+
o.push(((se = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : se.key) + "=" + JSON.stringify(D) + "/r/n");
|
|
303
|
+
} else
|
|
304
|
+
o.push(((re = m == null ? void 0 : m.find((D) => (D == null ? void 0 : D.value) === (t == null ? void 0 : t.key))) == null ? void 0 : re.key) + "=" + JSON.stringify(t == null ? void 0 : t.contents) + "/r/n");
|
|
305
|
+
}
|
|
306
|
+
});
|
|
307
|
+
}), JSON.stringify(o);
|
|
308
|
+
}, N = w([]), G = () => {
|
|
309
|
+
S.value.click();
|
|
310
|
+
}, de = (u) => {
|
|
311
|
+
const o = u.target.files[0];
|
|
312
|
+
if (!o) return;
|
|
313
|
+
const C = new FileReader();
|
|
314
|
+
C.onload = (a) => {
|
|
315
|
+
try {
|
|
316
|
+
f.value = a.target.result, N.value = me(a.target.result), n.value++;
|
|
317
|
+
} catch (x) {
|
|
318
|
+
console.error("解析失败:", x);
|
|
319
|
+
}
|
|
320
|
+
}, C.onerror = (a) => {
|
|
321
|
+
console.error("文件读取错误:", a);
|
|
322
|
+
}, C.readAsText(o);
|
|
323
|
+
};
|
|
324
|
+
_e(() => {
|
|
325
|
+
window.addEventListener("resize", g);
|
|
326
|
+
}), J(
|
|
327
|
+
() => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
|
|
328
|
+
() => {
|
|
329
|
+
f.value = e == null ? void 0 : e.content, l.value = e == null ? void 0 : e.jsonContents;
|
|
330
|
+
},
|
|
331
|
+
{ deep: !0, immediate: !0 }
|
|
332
|
+
), J(
|
|
333
|
+
() => n.value,
|
|
334
|
+
() => {
|
|
335
|
+
var u;
|
|
336
|
+
((u = N.value) == null ? void 0 : u.length) !== 0 && (h.setOriginalData(N.value), h.setItemData(N.value));
|
|
337
|
+
},
|
|
338
|
+
{ deep: !0, immediate: !0 }
|
|
339
|
+
);
|
|
340
|
+
const me = (u) => {
|
|
341
|
+
let o = u.replace(/,/g, ",").replace(/;/g, ";").replace(/:/g, ":");
|
|
342
|
+
o = o.replace(/(\w+)\s*:/g, "$1:"), o = o.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), o = o.replace(/,\s*([}\]])/g, "$1"), o = o.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
|
|
343
|
+
try {
|
|
344
|
+
return JSON.parse(o);
|
|
345
|
+
} catch (C) {
|
|
346
|
+
try {
|
|
347
|
+
const x = new Function(`return ${o}`)();
|
|
348
|
+
if (Array.isArray(x) || typeof x == "object")
|
|
349
|
+
return x;
|
|
350
|
+
throw new Error(`解析结果不是有效的数组或对象: ${C}`);
|
|
351
|
+
} catch (a) {
|
|
352
|
+
throw new Error(`无法解析JSON: ${a.message}`);
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
};
|
|
356
|
+
return (u, o) => {
|
|
357
|
+
var C;
|
|
358
|
+
return r(), _("div", Je, [
|
|
359
|
+
((C = e == null ? void 0 : e.jsonContents) == null ? void 0 : C.length) === 0 ? (r(), _("div", Ae, [
|
|
360
|
+
b("div", Le, [
|
|
361
|
+
b("input", {
|
|
362
|
+
type: "file",
|
|
363
|
+
ref_key: "fileInput",
|
|
364
|
+
ref: S,
|
|
365
|
+
accept: ".txt",
|
|
366
|
+
onChange: de,
|
|
367
|
+
style: { display: "none" }
|
|
368
|
+
}, null, 544),
|
|
369
|
+
b("button", {
|
|
370
|
+
onClick: G,
|
|
371
|
+
class: "import-button-content"
|
|
372
|
+
}, "导入文件"),
|
|
373
|
+
c.value ? (r(), _("span", Me, E(c.value), 1)) : v("", !0)
|
|
374
|
+
])
|
|
375
|
+
])) : v("", !0),
|
|
376
|
+
(e == null ? void 0 : e.mode) === "edit" ? (r(), _("div", Re, [
|
|
377
|
+
b("div", ze, [
|
|
378
|
+
z(De)
|
|
379
|
+
]),
|
|
380
|
+
(r(), _("div", {
|
|
381
|
+
class: "model-show",
|
|
382
|
+
key: y.value
|
|
383
|
+
}, [
|
|
384
|
+
z(Te)
|
|
385
|
+
])),
|
|
386
|
+
b("div", We, [
|
|
387
|
+
z(Oe)
|
|
388
|
+
])
|
|
389
|
+
])) : v("", !0),
|
|
390
|
+
(e == null ? void 0 : e.mode) === "view" ? (r(), _("div", Ue, [
|
|
391
|
+
(r(), B(Ee, {
|
|
392
|
+
content: f.value,
|
|
393
|
+
onChange: d,
|
|
394
|
+
jsonContents: l.value,
|
|
395
|
+
key: y.value
|
|
396
|
+
}, null, 8, ["content", "jsonContents"]))
|
|
397
|
+
])) : v("", !0)
|
|
398
|
+
]);
|
|
399
|
+
};
|
|
400
|
+
}
|
|
401
|
+
}, Xe = /* @__PURE__ */ R(qe, [["__scopeId", "data-v-b25bde75"]]);
|
|
402
|
+
export {
|
|
403
|
+
Xe as default
|
|
404
|
+
};
|
|
@@ -5889,17 +5889,15 @@ const z5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
5889
5889
|
});
|
|
5890
5890
|
export {
|
|
5891
5891
|
z5 as E,
|
|
5892
|
-
|
|
5893
|
-
|
|
5892
|
+
d4 as a,
|
|
5893
|
+
Or as b,
|
|
5894
5894
|
g5 as c,
|
|
5895
5895
|
M0 as d,
|
|
5896
|
-
|
|
5897
|
-
|
|
5896
|
+
B4 as e,
|
|
5897
|
+
S_ as f,
|
|
5898
5898
|
f5 as g,
|
|
5899
|
-
|
|
5899
|
+
i3 as h,
|
|
5900
5900
|
Te as i,
|
|
5901
|
-
i3 as j,
|
|
5902
|
-
u8 as l,
|
|
5903
5901
|
x5 as s,
|
|
5904
5902
|
C5 as u,
|
|
5905
5903
|
r5 as w
|
package/dist/ss-component.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tabs-label[data-v-c1c693d0]{display:flex;width:100%;flex-direction:row}.tabs-label .tabs-children[data-v-c1c693d0]{display:flex;flex-direction:row;gap:8px}.tabs-contents[data-v-c1c693d0]{display:flex;flex-direction:column;gap:16px}.menu-wrap[data-v-2cbe7506]{width:100%;height:100%}.menu-wrap[data-v-2cbe7506] .el-sub-menu .el-sub-menu__title{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-2cbe7506] .el-sub-menu .el-sub-menu__title:hover{background:var(--ssComponent-submenu-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened{background:var(--ssComponent-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened .el-menu--inline{background:var(--ssComponent-submenu-open-inline-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-2cbe7506] .el-menu-item:hover{background:var(--ssComponent-menuitem-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item.is-active{background:var(--ssComponent-menuitem-active-bg)}[data-v-917c453d] .el-textarea__inner{resize:none;height:120px}.dialog-title[data-v-5547662c]{display:flex}.el-dialog__headerbtn{margin-top:8px}.upload[data-v-3e08e20d]{display:flex;gap:8px}.upload .upload-word[data-v-3e08e20d]{display:flex;align-items:center}.upload .upload-icon[data-v-3e08e20d]{display:flex;width:20px;height:20px}.dialog-footer[data-v-3e08e20d]{display:flex;flex-direction:row;justify-content:end}.tip-content[data-v-3e08e20d]{display:flex}[data-v-3e08e20d] .el-upload-list{margin:0}[data-v-3e08e20d] .el-upload-list__item{display:flex}[data-v-3e08e20d] .el-upload-list__item .el-upload-list__item-info{margin-left:0}[data-v-3e08e20d] .el-upload-list__item-name{padding:0}.form-content[data-v-39978581]{width:100%;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-39978581]{width:100%}.form-content .form-content-view .form-data[data-v-39978581]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-39978581]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-data .form-item .from-item-label[data-v-39978581]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-data .form-button .form-button-content[data-v-39978581]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-content-view .form-noRegular-data[data-v-39978581]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-39978581] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-39978581] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-39978581]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-noRegular-data .form-item .from-item-label[data-v-39978581]{text-align:left;width:72px;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-noRegular-data .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content[data-v-39978581]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-39978581]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-39978581] .el-form-item__label{padding:0;justify-content:start}[data-v-39978581] .el-form-item__content{align-items:start;width:220px}.extra-button-content[data-v-1d46278f]{display:flex;flex-direction:row;justify-content:space-between}.extra-button-content .extra-header[data-v-1d46278f],.extra-button-content .extra-header .extra-contents[data-v-1d46278f]{display:flex;flex-direction:row;gap:8px}.extra-button-content .extra-header .extra-contents .extra-content[data-v-1d46278f]{padding:4px 12px;border-radius:8px;cursor:pointer}.extra-button-content .extra-button-filter[data-v-1d46278f]{display:flex;gap:8px;flex-direction:row}.extra-button-content .extra-button-filter .button-style[data-v-1d46278f]{width:24px;height:24px;cursor:pointer}[data-v-67bc73bd] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-67bc73bd] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-67bc73bd] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-67bc73bd] .el-table__body .el-table__row{height:48px}[data-v-67bc73bd] .el-table__body{height:100%}.table-content-show[data-v-67bc73bd]{display:flex;flex-direction:column;gap:12px}.table-content-show .table-wrap .table-operate[data-v-67bc73bd]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-content-show .table-wrap .table-operate .blue-table-operate[data-v-67bc73bd]{color:#1890ff}.table-content-show .table-wrap .table-operate .red-table-operate[data-v-67bc73bd]{color:red}.table-content-show .table-wrap .table-operate .table-operate-content[data-v-67bc73bd]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-67bc73bd]{height:inherit}[data-v-67bc73bd] .el-table__body-wrapper{overflow:auto}.table-content[data-v-781eace3]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-781eace3]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-781eace3],.table-content .dialog-footer .ok-button[data-v-781eace3],.table-content .extra-button-label[data-v-781eace3]{cursor:pointer}.form-content[data-v-156885e4]{display:flex;flex-direction:column;gap:16px}[data-v-156885e4] .el-form-item{margin-bottom:0}[data-v-156885e4] .form-data{align-items:center}.table-operate-content[data-v-877911eb]{display:flex;flex-direction:column;gap:12px}.table-operate-content .table-operate-item[data-v-877911eb]{display:flex;flex-direction:column;gap:8px}.table-operate-content .table-operate-item .operate-title[data-v-877911eb]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.table-operate-content .table-operate-item .operate-content[data-v-877911eb]{display:flex;font-size:13px}.form-operate-content[data-v-a36b8468]{display:flex;flex-direction:column;gap:12px}.form-operate-content .form-operate-item[data-v-a36b8468]{display:flex;flex-direction:column;gap:8px}.form-operate-content .form-operate-item .operate-title[data-v-a36b8468]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-operate-content .form-operate-item .operate-content[data-v-a36b8468]{display:flex;font-size:13px}.type-select[data-v-fe4aecc8]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:fit-content;overflow:auto}.type-select .type-list[data-v-fe4aecc8]{display:flex;flex-direction:row;height:110px;gap:8px}.type-select .type-list .list-content[data-v-fe4aecc8]{width:85px;height:auto;display:flex;flex-direction:column;gap:6px;padding:4px 12px;align-items:center;height:82px;cursor:pointer}.type-select .type-list .list-content .list-icon[data-v-fe4aecc8]{width:48px;height:48px}.fill-content[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.fill-content .fill-operate[data-v-a216b035]{font-size:16px;font-weight:600}.fill-content .operate-content[data-v-a216b035]{display:flex;flex-direction:row;width:100%;height:100%;overflow:auto}.fill-content .operate-content .collapse-content[data-v-a216b035]{width:100%}.fill-content .operate-content .collapse-content .collapse-title[data-v-a216b035]{font-size:15px;font-weight:600}.fill-content .operate-content .collapse-content .comp-child[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.show-content[data-v-79320497]{display:flex;flex-direction:column;height:100%;gap:16px;width:100%;overflow:auto}.show-content .item-content[data-v-79320497]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content[data-v-869e6e20]{display:flex;flex-direction:column;height:auto;gap:16px;width:100%;overflow:auto;padding:16px;background:#fff}.show-content .item-content[data-v-869e6e20]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content .item-content .item-view-group[data-v-869e6e20]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-b25bde75]{display:flex;flex-direction:column;width:100%;height:100%;gap:16px;overflow:hidden}.add-model-content .model-operate[data-v-b25bde75]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-b25bde75]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-b25bde75]{display:flex;flex-direction:row;flex:1;padding:4px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-b25bde75]{display:flex;flex-direction:row;align-items:center;gap:8px}.add-model-content .model-import-data .import-button[data-v-b25bde75]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-b25bde75]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}:root{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c;--ssComponent-bgColor: #426ec4;--ssComponent-menu-bg: #426ec4;--ssComponent-submenu-hover-bg: #00000033;--ssComponent-submenu-open-bg: #2DA0FF;--ssComponent-submenu-open-inline-bg: #1C4275;--ssComponent-menuitem-hover-bg: #1d7bef;--ssComponent-menuitem-active-bg: #1d7bef;--login-sys-title-color: #2DA0FF;--login-sys-cTitle-fontSize: 2em;--login-sys-loginTitle-fontSize: 1.5em;--login-sys-eTitle-fontSize: 1.3em;--system-bg:#fff}.menuList-wrap[data-v-dc84a8f7]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-dc84a8f7]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--ssComponent-menu-bg)}.header-wrapper[data-v-0498c988]{width:95%;height:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-content:center;padding:20px;box-sizing:border-box}.header-wrapper .header-horizontal[data-v-0498c988]{width:100%;min-height:30px;display:flex;gap:8px;align-items:center}.header-wrapper .header-horizontal .header-logo[data-v-0498c988]{display:inline-block;width:30px;height:30px}.header-wrapper .header-horizontal .header-cTitle[data-v-0498c988]{color:var(--login-sys-title-color);font-size:var(--login-sys-cTitle-fontSize);font-weight:800}.header-wrapper .header-horizontal .header-eTitle[data-v-0498c988]{color:var(--login-sys-title-color);font-size:var(--login-sys-eTitle-fontSize);font-weight:500}.left-wrap[data-v-06d813c8]{width:100%;display:flex;justify-content:right}.left-wrap .left-bg[data-v-06d813c8]{width:70%}@keyframes electric-flow-c5b59515{0%{border-color:transparent}25%{border-left-color:var(--login-sys-title-color)}50%{border-top-color:var(--login-sys-title-color)}75%{border-right-color:var(--login-sys-title-color)}to{border-bottom-color:var(--login-sys-title-color)}}.right-wrap[data-v-c5b59515]{width:100%;height:65%;border:1px solid transparent;animation:electric-flow-c5b59515 2s linear infinite}.right-wrap .right-title[data-v-c5b59515]{width:100%;height:15%;display:flex;align-items:center;justify-content:center;color:var(--login-sys-title-color);font-size:var(--login-sys-loginTitle-fontSize);font-weight:500}.right-wrap .right-content[data-v-c5b59515]{width:100%;height:85%}.right-wrap .right-content[data-v-c5b59515] .right-tabs{width:100%;height:100%}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__header{padding:0 30px;height:40px}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content{height:calc(100% - 40px);padding:0 30px;box-sizing:border-box}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane{height:100%;display:flex;flex-direction:column}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-content{flex:1}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-button{width:100%;min-height:50px;margin:5% auto;cursor:pointer}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-button .el-button{width:100%;height:100%}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-button.common>.el-button{background:#f4f4f5}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-button.special>.el-button{background:var(--login-sys-title-color);color:#fff}.right-wrap .right-content[data-v-c5b59515] .right-tabs .el-tabs__content .el-tab-pane .tab-tips{width:100%;height:100px;color:#c7c7c9;display:flex;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.account-wrap[data-v-53a41975]{width:100%;height:100%;display:flex;align-items:center}.account-wrap .el-form[data-v-53a41975]{width:100%}.account-wrap .el-form .el-form-item[data-v-53a41975]{width:100%;margin-bottom:5%}.account-wrap .el-form .el-form-item .el-form-item__content[data-v-53a41975]{width:100%}.account-wrap .el-form .el-form-item .el-form-item__content .el-input[data-v-53a41975]{width:100%;height:40px}.card-wrap[data-v-23f91251]{width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;padding-top:8%;box-sizing:border-box}.card-wrap .card-icon[data-v-23f91251]{width:100%;text-align:center}.card-wrap .card-input[data-v-23f91251]{width:100%}.card-wrap .card-input .el-input[data-v-23f91251]{height:40px}.card-wrap .card-icon.card[data-v-23f91251]{padding:0}.login-wrap[data-v-31afa5b4]{width:100%;height:100%;display:grid;grid-template-rows:15% auto;gap:16px;background:var(--system-bg)}.login-wrap .login-header[data-v-31afa5b4]{width:100%}.login-wrap .login-body[data-v-31afa5b4]{width:100%;display:flex;justify-content:center;align-items:center;gap:90px}.login-wrap .login-body .login-body-item[data-v-31afa5b4]{height:100%}.login-wrap .login-body .left[data-v-31afa5b4]{width:55%;display:flex;justify-content:right;padding:0 50px;box-sizing:border-box}.login-wrap .login-body .right[data-v-31afa5b4]{width:32%;padding:0 70px;box-sizing:border-box}.bread-content[data-v-d55d3ede]{display:flex;width:100%}.bread-content .bread-item[data-v-d55d3ede]{display:flex}.bread-content .bread-item .bread-title[data-v-d55d3ede]{cursor:pointer}.bread-content .bread-item .bread-title[data-v-d55d3ede]:hover{color:var(--ssComponent-primary-color)}.system-wrap[data-v-38117cb6]{width:100%;height:auto;display:flex;gap:1%;background:#f8f8f8}.system-wrap .sys-aside[data-v-38117cb6]{padding:8px;min-width:200px;width:15%}.system-wrap .show-content[data-v-38117cb6]{flex:1;display:flex;flex-direction:column;height:calc(100% - 16px);gap:16px;overflow:auto;padding:24px;background:#fff;margin-top:16px;box-sizing:border-box;border-radius:8px}.system-wrap .show-content .item-menu-content[data-v-38117cb6]{display:flex}.system-wrap .show-content .item-content[data-v-38117cb6]{display:flex;flex-direction:column;gap:16px;height:fit-content}.system-wrap .show-content .item-content .item-view-group[data-v-38117cb6]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-876d48c6]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.add-model-content .model-operate[data-v-876d48c6]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-876d48c6]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-876d48c6]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-876d48c6]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-876d48c6]{display:flex;flex-direction:row;flex:1;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-876d48c6]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:16px}.add-model-content .model-import-data .import-button[data-v-876d48c6]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-876d48c6]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}.c-menuA[data-v-d94b97bd]{width:300px;height:300px;border:1px solid red}.chart-model-class[data-v-798284db]{display:flex;width:100%;height:100%}.eCharts[data-v-0440fac3]{display:flex;align-items:center;justify-content:center;height:300px}
|
|
1
|
+
.tabs-label[data-v-c1c693d0]{display:flex;width:100%;flex-direction:row}.tabs-label .tabs-children[data-v-c1c693d0]{display:flex;flex-direction:row;gap:8px}.tabs-contents[data-v-c1c693d0]{display:flex;flex-direction:column;gap:16px}.menu-wrap[data-v-2cbe7506]{width:100%;height:100%}.menu-wrap[data-v-2cbe7506] .el-sub-menu .el-sub-menu__title{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-2cbe7506] .el-sub-menu .el-sub-menu__title:hover{background:var(--ssComponent-submenu-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened{background:var(--ssComponent-submenu-open-bg);border-radius:8px}.menu-wrap[data-v-2cbe7506] .el-sub-menu.is-opened .el-menu--inline{background:var(--ssComponent-submenu-open-inline-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item{font-family:SourceHanSansCN,SourceHanSansCN;font-weight:400;font-size:16px;color:#fff;line-height:24px;text-align:left;font-style:normal}.menu-wrap[data-v-2cbe7506] .el-menu-item:hover{background:var(--ssComponent-menuitem-hover-bg)}.menu-wrap[data-v-2cbe7506] .el-menu-item.is-active{background:var(--ssComponent-menuitem-active-bg)}[data-v-917c453d] .el-textarea__inner{resize:none;height:120px}.dialog-title[data-v-5547662c]{display:flex}.el-dialog__headerbtn{margin-top:8px}.upload[data-v-3e08e20d]{display:flex;gap:8px}.upload .upload-word[data-v-3e08e20d]{display:flex;align-items:center}.upload .upload-icon[data-v-3e08e20d]{display:flex;width:20px;height:20px}.dialog-footer[data-v-3e08e20d]{display:flex;flex-direction:row;justify-content:end}.tip-content[data-v-3e08e20d]{display:flex}[data-v-3e08e20d] .el-upload-list{margin:0}[data-v-3e08e20d] .el-upload-list__item{display:flex}[data-v-3e08e20d] .el-upload-list__item .el-upload-list__item-info{margin-left:0}[data-v-3e08e20d] .el-upload-list__item-name{padding:0}.form-content[data-v-39978581]{width:100%;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:8px;flex-wrap:wrap}.form-content .form-content-view[data-v-39978581]{width:100%}.form-content .form-content-view .form-data[data-v-39978581]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-data .form-item[data-v-39978581]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-data .form-item .from-item-label[data-v-39978581]{display:flex;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-data .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-data .form-button .form-button-content[data-v-39978581]{display:flex;cursor:pointer}.form-content .form-content-view .form-data .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-content-view .form-noRegular-data[data-v-39978581]{display:flex;flex-direction:row;gap:12px;width:100%;flex-wrap:wrap}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-39978581] .el-form-item__label{padding:0;justify-content:start;width:auto}.form-content .form-content-view .form-noRegular-data .form-row-content[data-v-39978581] .el-form-item__content{align-items:start;width:100%}.form-content .form-content-view .form-noRegular-data .form-item[data-v-39978581]{display:flex;flex-direction:row;gap:8px;width:260px;height:100%;align-items:center}.form-content .form-content-view .form-noRegular-data .form-item .from-item-label[data-v-39978581]{text-align:left;width:72px;min-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-content .form-content-view .form-noRegular-data .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content[data-v-39978581]{display:flex;cursor:pointer}.form-content .form-content-view .form-noRegular-data .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}.form-content .form-button[data-v-39978581]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.form-content .form-button .form-button-content[data-v-39978581]{cursor:pointer}.form-content .form-button .form-button-content .form-button-item[data-v-39978581]{background:var(--ssComponent-primary-color);color:#fff;justify-content:center;align-items:center;padding:4px 12px;border-radius:8px;display:flex}[data-v-39978581] .el-form-item__label{padding:0;justify-content:start}[data-v-39978581] .el-form-item__content{align-items:start;width:220px}.extra-button-content[data-v-1d46278f]{display:flex;flex-direction:row;justify-content:space-between}.extra-button-content .extra-header[data-v-1d46278f],.extra-button-content .extra-header .extra-contents[data-v-1d46278f]{display:flex;flex-direction:row;gap:8px}.extra-button-content .extra-header .extra-contents .extra-content[data-v-1d46278f]{padding:4px 12px;border-radius:8px;cursor:pointer}.extra-button-content .extra-button-filter[data-v-1d46278f]{display:flex;gap:8px;flex-direction:row}.extra-button-content .extra-button-filter .button-style[data-v-1d46278f]{width:24px;height:24px;cursor:pointer}[data-v-67bc73bd] .el-table__cell .cell{font-size:14px;font-weight:700;color:#000000d9;font-family:PingFangSC,PingFang SC;min-width:79.2px}[data-v-67bc73bd] .layout-container-view .el-scrollbar__view{width:100%;overflow:auto}[data-v-67bc73bd] .el-table__header-wrapper .el-table__header{height:48px;width:auto!important}[data-v-67bc73bd] .el-table__body .el-table__row{height:48px}[data-v-67bc73bd] .el-table__body{height:100%}.table-content-show[data-v-67bc73bd]{display:flex;flex-direction:column;gap:12px}.table-content-show .table-wrap .table-operate[data-v-67bc73bd]{display:flex;flex-direction:row;justify-content:space-between;gap:8px}.table-content-show .table-wrap .table-operate .blue-table-operate[data-v-67bc73bd]{color:#1890ff}.table-content-show .table-wrap .table-operate .red-table-operate[data-v-67bc73bd]{color:red}.table-content-show .table-wrap .table-operate .table-operate-content[data-v-67bc73bd]{font-family:SourceHanSansSC,SourceHanSansSC;font-weight:400;font-size:14px;font-style:normal;text-transform:none;cursor:pointer}.el-table[data-v-67bc73bd]{height:inherit}[data-v-67bc73bd] .el-table__body-wrapper{overflow:auto}.table-content[data-v-781eace3]{display:flex;flex-direction:column;gap:16px}.table-content .dialog-footer[data-v-781eace3]{display:flex;flex-direction:row;gap:16px;justify-content:end}.table-content .dialog-footer .cancel-button[data-v-781eace3],.table-content .dialog-footer .ok-button[data-v-781eace3],.table-content .extra-button-label[data-v-781eace3]{cursor:pointer}.form-content[data-v-156885e4]{display:flex;flex-direction:column;gap:16px}[data-v-156885e4] .el-form-item{margin-bottom:0}[data-v-156885e4] .form-data{align-items:center}.table-operate-content[data-v-877911eb]{display:flex;flex-direction:column;gap:12px}.table-operate-content .table-operate-item[data-v-877911eb]{display:flex;flex-direction:column;gap:8px}.table-operate-content .table-operate-item .operate-title[data-v-877911eb]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.table-operate-content .table-operate-item .operate-content[data-v-877911eb]{display:flex;font-size:13px}.form-operate-content[data-v-a36b8468]{display:flex;flex-direction:column;gap:12px}.form-operate-content .form-operate-item[data-v-a36b8468]{display:flex;flex-direction:column;gap:8px}.form-operate-content .form-operate-item .operate-title[data-v-a36b8468]{font-size:14px;font-weight:600;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-operate-content .form-operate-item .operate-content[data-v-a36b8468]{display:flex;font-size:13px}.type-select[data-v-fe4aecc8]{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:fit-content;overflow:auto}.type-select .type-list[data-v-fe4aecc8]{display:flex;flex-direction:row;height:110px;gap:8px}.type-select .type-list .list-content[data-v-fe4aecc8]{width:85px;height:auto;display:flex;flex-direction:column;gap:6px;padding:4px 12px;align-items:center;height:82px;cursor:pointer}.type-select .type-list .list-content .list-icon[data-v-fe4aecc8]{width:48px;height:48px}.fill-content[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.fill-content .fill-operate[data-v-a216b035]{font-size:16px;font-weight:600}.fill-content .operate-content[data-v-a216b035]{display:flex;flex-direction:row;width:100%;height:100%;overflow:auto}.fill-content .operate-content .collapse-content[data-v-a216b035]{width:100%}.fill-content .operate-content .collapse-content .collapse-title[data-v-a216b035]{font-size:15px;font-weight:600}.fill-content .operate-content .collapse-content .comp-child[data-v-a216b035]{display:flex;flex-direction:column;gap:16px;width:100%}.show-content[data-v-79320497]{display:flex;flex-direction:column;height:100%;gap:16px;width:100%;overflow:auto}.show-content .item-content[data-v-79320497]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content[data-v-869e6e20]{display:flex;flex-direction:column;height:auto;gap:16px;width:100%;overflow:auto;padding:16px;background:#fff}.show-content .item-content[data-v-869e6e20]{display:flex;flex-direction:column;gap:8px;height:fit-content}.show-content .item-content .item-view-group[data-v-869e6e20]{display:flex;flex-direction:row;justify-content:start;align-items:center}.add-model-content[data-v-b25bde75]{display:flex;flex-direction:column;width:100%;height:100%;gap:16px;overflow:hidden}.add-model-content .model-operate[data-v-b25bde75]{display:flex;flex-direction:row;gap:16px;flex:1;height:0px;padding:4px 2px}.add-model-content .model-operate .model-select[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:220px;min-width:220px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-operate .model-show[data-v-b25bde75]{display:flex;padding:16px;height:initial;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;flex:1;min-width:0}.add-model-content .model-operate .model-fill[data-v-b25bde75]{display:flex;padding:16px;height:initial;width:300px;min-width:300px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a}.add-model-content .model-view[data-v-b25bde75]{display:flex;flex-direction:row;flex:1;padding:4px;background:#fff;border-radius:8px;box-shadow:1px 2px 6px 1px #0000001a;height:calc(100% - 72px)}.add-model-content .model-import-data[data-v-b25bde75]{display:flex;flex-direction:row;align-items:center;gap:8px}.add-model-content .model-import-data .import-button[data-v-b25bde75]{padding:4px 12px;background:var(--el-color-primary);color:#fff;border-radius:8px;cursor:pointer}.add-model-content .model-import-data .import-button .import-button-content[data-v-b25bde75]{background:var(--el-color-primary);color:#fff;border:0px;cursor:pointer}:root{--ssComponent-primary-color: #3F68B1;--ssComponent-danger-color: #f56c6c;--ssComponent-bgColor: #426ec4;--ssComponent-menu-bg: #426ec4;--ssComponent-submenu-hover-bg: #00000033;--ssComponent-submenu-open-bg: #2DA0FF;--ssComponent-submenu-open-inline-bg: #1C4275;--ssComponent-menuitem-hover-bg: #1d7bef;--ssComponent-menuitem-active-bg: #1d7bef;--login-sys-title-color: #2DA0FF;--login-sys-cTitle-fontSize: 2em;--login-sys-loginTitle-fontSize: 1.5em;--login-sys-eTitle-fontSize: 1.3em;--system-bg:#fff}.menuList-wrap[data-v-dc84a8f7]::-webkit-scrollbar{display:none}.menuList-wrap[data-v-dc84a8f7]{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--ssComponent-menu-bg)}.c-menuA[data-v-c06bb5c0]{width:300px;height:300px;border:1px solid red}.chart-model-class[data-v-798284db]{display:flex;width:100%;height:100%}.eCharts[data-v-0440fac3]{display:flex;align-items:center;justify-content:center;height:300px}
|