@king-one/antdv 1.2.26 → 1.2.28
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/CHANGELOG.md +12 -0
- package/dist/es/components/pro-selector/src/components/org-tree.mjs +80 -80
- package/dist/es/components/pro-selector/src/components/user.mjs +3 -3
- package/dist/es/components/pro-selector/src/pro-user.mjs +71 -64
- package/dist/es/components/role-selector/src/role.mjs +55 -55
- package/dist/lib/components/pro-selector/src/components/org-tree.js +1 -1
- package/dist/lib/components/pro-selector/src/components/user.js +1 -1
- package/dist/lib/components/pro-selector/src/pro-user.js +1 -1
- package/dist/lib/components/role-selector/src/role.js +1 -1
- package/dist/theme-chalk/icon.css +1 -1
- package/dist/theme-chalk/index.css +1 -1
- package/dist/types/components/pro-selector/src/components/org-tree.d.ts +2 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { isVNode as q, defineComponent as V, inject as A, ref as f, watch as F, createVNode as
|
|
1
|
+
import { isVNode as q, defineComponent as V, inject as A, ref as f, watch as F, createVNode as r, Fragment as v, createTextVNode as C, onMounted as G } from "vue";
|
|
2
2
|
import { useNamespace as M } from "../../../../hooks/use-namespace/index.mjs";
|
|
3
3
|
import "../../../index.mjs";
|
|
4
4
|
import { Modal as H, Empty as J, Breadcrumb as Q, BreadcrumbItem as W, Skeleton as B } from "ant-design-vue";
|
|
5
|
-
import { uid as
|
|
5
|
+
import { uid as N } from "@king-one/utils";
|
|
6
6
|
import { debounce as X, uniqueById as T, formatOrgTree as Y } from "../utils/orgTree.mjs";
|
|
7
7
|
import { selectUserContextKey as Z, GTE_ORGTREE_URL as ee } from "../types.mjs";
|
|
8
8
|
import b from "./user.mjs";
|
|
@@ -11,7 +11,7 @@ function te(s) {
|
|
|
11
11
|
return typeof s == "function" || Object.prototype.toString.call(s) === "[object Object]" && !q(s);
|
|
12
12
|
}
|
|
13
13
|
const {
|
|
14
|
-
b:
|
|
14
|
+
b: c
|
|
15
15
|
} = M("pro-user-selector"), fe = /* @__PURE__ */ V({
|
|
16
16
|
name: "OrgTree",
|
|
17
17
|
props: {
|
|
@@ -29,22 +29,23 @@ const {
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
emits: {
|
|
32
|
-
"update:selectUserList": (s) => s
|
|
32
|
+
"update:selectUserList": (s) => s,
|
|
33
|
+
ready: () => !0
|
|
33
34
|
},
|
|
34
35
|
setup(s, {
|
|
35
|
-
emit:
|
|
36
|
+
emit: y,
|
|
36
37
|
expose: R
|
|
37
38
|
}) {
|
|
38
|
-
const
|
|
39
|
+
const a = A(Z), o = f([]), g = f({}), u = f([]), U = f({}), h = f([]), p = f(!1), w = X((e) => {
|
|
39
40
|
const l = [], t = (d) => {
|
|
40
41
|
for (const n of d) {
|
|
41
42
|
if (n.members && n.members.length > 0)
|
|
42
|
-
for (const
|
|
43
|
-
|
|
43
|
+
for (const i of n.members)
|
|
44
|
+
i.realName && i.realName.includes(e) && l.push(i);
|
|
44
45
|
n.children && n.children.length > 0 && t(n.children);
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
|
-
t(
|
|
48
|
+
t(o.value), h.value = T(l), p.value = e !== "";
|
|
48
49
|
}, 300);
|
|
49
50
|
F(() => s.keyword, (e, l) => {
|
|
50
51
|
if (e === "") {
|
|
@@ -56,26 +57,26 @@ const {
|
|
|
56
57
|
const S = (e) => {
|
|
57
58
|
var l;
|
|
58
59
|
(l = g.value.members) == null || l.forEach((t) => {
|
|
59
|
-
t.
|
|
60
|
+
t.userId === e && (t.checked = !1);
|
|
60
61
|
}), h.value = h.value.map((t) => (t.id === e && (t.checked = !1), t));
|
|
61
62
|
}, E = (e, l) => {
|
|
62
|
-
if (s.selectUserList.length === (
|
|
63
|
+
if (s.selectUserList.length === (a == null ? void 0 : a.maxCount)) {
|
|
63
64
|
l.checked = !1, H.warning({
|
|
64
65
|
title: "温馨提示",
|
|
65
|
-
content: `最多只能选择${
|
|
66
|
+
content: `最多只能选择${a.maxCount}个用户`
|
|
66
67
|
});
|
|
67
68
|
return;
|
|
68
69
|
}
|
|
69
|
-
|
|
70
|
-
},
|
|
70
|
+
y("update:selectUserList", e ? [...s.selectUserList, l] : s.selectUserList.filter((t) => t.id !== l.id));
|
|
71
|
+
}, I = (e) => {
|
|
71
72
|
var l;
|
|
72
|
-
e.parentId === "root" ?
|
|
73
|
-
id:
|
|
73
|
+
e.parentId === "root" ? u.value.push({
|
|
74
|
+
id: N(32),
|
|
74
75
|
deptName: "组织内联系人",
|
|
75
|
-
children:
|
|
76
|
-
members:
|
|
77
|
-
}) :
|
|
78
|
-
t.checked = s.selectUserList.some((d) => d.
|
|
76
|
+
children: o.value[0].children,
|
|
77
|
+
members: o.value[0].members
|
|
78
|
+
}) : u.value.push(e), (l = e.members) == null || l.forEach((t) => {
|
|
79
|
+
t.checked = s.selectUserList.some((d) => d.userId === t.userId);
|
|
79
80
|
}), g.value = e, U.value = e;
|
|
80
81
|
}, _ = (e, l) => {
|
|
81
82
|
var d;
|
|
@@ -86,80 +87,80 @@ const {
|
|
|
86
87
|
}
|
|
87
88
|
if (l === 0)
|
|
88
89
|
t = {
|
|
89
|
-
children:
|
|
90
|
-
},
|
|
91
|
-
id:
|
|
90
|
+
children: o.value
|
|
91
|
+
}, u.value = [{
|
|
92
|
+
id: N(32),
|
|
92
93
|
deptName: "联系人",
|
|
93
|
-
children:
|
|
94
|
+
children: o.value
|
|
94
95
|
}];
|
|
95
96
|
else if (l === 1)
|
|
96
|
-
t =
|
|
97
|
+
t = o.value[0], u.value = u.value.slice(0, 2);
|
|
97
98
|
else {
|
|
98
99
|
t = e;
|
|
99
|
-
const n =
|
|
100
|
-
n !== -1 && (
|
|
100
|
+
const n = u.value.findIndex((i) => i.id === e.id);
|
|
101
|
+
n !== -1 && (u.value = u.value.slice(0, n + 1));
|
|
101
102
|
}
|
|
102
103
|
(d = t.members) == null || d.forEach((n) => {
|
|
103
|
-
n.checked = s.selectUserList.some((
|
|
104
|
+
n.checked = s.selectUserList.some((i) => i.id === n.userId);
|
|
104
105
|
}), g.value = t;
|
|
105
|
-
}, O = (e) =>
|
|
106
|
-
class:
|
|
107
|
-
}, [e.parentId === "root" ?
|
|
106
|
+
}, O = (e) => r(v, null, [r("div", {
|
|
107
|
+
class: c("org-tree-item-title")
|
|
108
|
+
}, [e.parentId === "root" ? r(L, {
|
|
108
109
|
name: "zuzhijiagou",
|
|
109
110
|
size: 18,
|
|
110
111
|
color: "#00d6b9"
|
|
111
|
-
}, null) :
|
|
112
|
-
class:
|
|
113
|
-
}, [
|
|
112
|
+
}, null) : r("div", {
|
|
113
|
+
class: c("org-tree-dept-icon")
|
|
114
|
+
}, [r(L, {
|
|
114
115
|
name: "zuzhijiagou",
|
|
115
116
|
size: 18,
|
|
116
117
|
color: "#ffffff"
|
|
117
|
-
}, null)], 2),
|
|
118
|
-
class:
|
|
119
|
-
}, [e.deptName, e.parentId !== "root" &&
|
|
118
|
+
}, null)], 2), r("div", {
|
|
119
|
+
class: c("org-tree-item-title-text")
|
|
120
|
+
}, [e.deptName, e.parentId !== "root" && r(v, null, [C("("), e.members && e.members.length > 0 ? e.members.length : 0, C(")")])], 2)], 2), e.parentId === "root" ? r(L, {
|
|
120
121
|
name: "right",
|
|
121
122
|
size: 14,
|
|
122
123
|
color: "#bbbfc4"
|
|
123
|
-
}, null) :
|
|
124
|
+
}, null) : r("a", {
|
|
124
125
|
style: "width: 50px",
|
|
125
126
|
href: "javascript:void(0)"
|
|
126
127
|
}, [C("下级")])]), x = (e) => {
|
|
127
128
|
var l;
|
|
128
|
-
return
|
|
129
|
-
class:
|
|
130
|
-
}, [(l = e.members) == null ? void 0 : l.map((t) =>
|
|
129
|
+
return r("div", {
|
|
130
|
+
class: c("user-list")
|
|
131
|
+
}, [(l = e.members) == null ? void 0 : l.map((t) => r(b, {
|
|
131
132
|
userInfo: t,
|
|
132
133
|
"onChange-checked": E
|
|
133
134
|
}, null, 8, ["userInfo", "onChange-checked"]))], 2);
|
|
134
|
-
}, D = (e) => e.parentId === "root" &&
|
|
135
|
-
class:
|
|
136
|
-
onClick: () =>
|
|
137
|
-
}, [O(e)], 10, ["onClick"]) :
|
|
138
|
-
class:
|
|
139
|
-
onClick: () =>
|
|
140
|
-
}, [O(l)], 10, ["onClick"])) : null, x(e)]), K = () =>
|
|
141
|
-
class:
|
|
142
|
-
}, [h.value.length > 0 ? h.value.map((e) =>
|
|
135
|
+
}, D = (e) => e.parentId === "root" && u.value.length === 1 ? r("div", {
|
|
136
|
+
class: c("org-tree-item"),
|
|
137
|
+
onClick: () => I(e)
|
|
138
|
+
}, [O(e)], 10, ["onClick"]) : r(v, null, [e.children && e.children.length > 0 ? e.children.map((l) => r("div", {
|
|
139
|
+
class: c("org-tree-item"),
|
|
140
|
+
onClick: () => I(l)
|
|
141
|
+
}, [O(l)], 10, ["onClick"])) : null, x(e)]), K = () => r("div", {
|
|
142
|
+
class: c("user-list")
|
|
143
|
+
}, [h.value.length > 0 ? h.value.map((e) => r(b, {
|
|
143
144
|
userInfo: e,
|
|
144
145
|
"onChange-checked": E
|
|
145
146
|
}, {
|
|
146
|
-
name: () =>
|
|
147
|
+
name: () => r("div", {
|
|
147
148
|
style: "font-size: 14px;color: #000;"
|
|
148
|
-
}, [e != null && e.realName.includes(s.keyword) ? e == null ? void 0 : e.realName.split(s.keyword).map((l, t) =>
|
|
149
|
+
}, [e != null && e.realName.includes(s.keyword) ? e == null ? void 0 : e.realName.split(s.keyword).map((l, t) => r(v, null, [l, t < (e == null ? void 0 : e.realName.split(s.keyword).length) - 1 && r("span", {
|
|
149
150
|
style: "color: red;"
|
|
150
151
|
}, [s.keyword])])) : e == null ? void 0 : e.realName]),
|
|
151
152
|
_: 1
|
|
152
|
-
}, 8, ["userInfo", "onChange-checked"])) :
|
|
153
|
+
}, 8, ["userInfo", "onChange-checked"])) : r(J, {
|
|
153
154
|
description: "暂无数据"
|
|
154
155
|
}, null)], 2), m = f(!1);
|
|
155
156
|
let z;
|
|
156
157
|
const P = new Promise((e) => {
|
|
157
158
|
z = e;
|
|
158
159
|
}), $ = () => new Promise((e, l) => {
|
|
159
|
-
if (
|
|
160
|
-
if (!
|
|
160
|
+
if (a != null && a.isBuiltInRequest) {
|
|
161
|
+
if (!a.http)
|
|
161
162
|
throw new Error("请传入http实例");
|
|
162
|
-
|
|
163
|
+
a.http.get(`${a.prefix}/${ee}`).then((t) => {
|
|
163
164
|
t.status === 0 && e(t.data);
|
|
164
165
|
}).catch((t) => {
|
|
165
166
|
console.log(t);
|
|
@@ -168,56 +169,55 @@ const {
|
|
|
168
169
|
});
|
|
169
170
|
return G(async () => {
|
|
170
171
|
try {
|
|
171
|
-
m.value = !0,
|
|
172
|
-
children:
|
|
173
|
-
},
|
|
174
|
-
id:
|
|
172
|
+
m.value = !0, a != null && a.isBuiltInRequest ? o.value = await $() : a != null && a.initData && (o.value = await a.initData()), Y(o.value), m.value = !1, z(o.value), y("ready"), g.value = {
|
|
173
|
+
children: o.value
|
|
174
|
+
}, u.value = [{
|
|
175
|
+
id: N(32),
|
|
175
176
|
deptName: "联系人",
|
|
176
|
-
children:
|
|
177
|
-
}],
|
|
177
|
+
children: o.value
|
|
178
|
+
}], I(o.value[0]);
|
|
178
179
|
} finally {
|
|
179
180
|
m.value = !1;
|
|
180
181
|
}
|
|
181
182
|
}), R({
|
|
182
183
|
deleteDeptUser: S,
|
|
183
184
|
getInitData: (e, l) => {
|
|
184
|
-
console.log("_initData =>", e);
|
|
185
185
|
const t = [], d = (n) => {
|
|
186
|
-
for (const
|
|
187
|
-
if (
|
|
188
|
-
for (const k of
|
|
189
|
-
e.some((j) => j.id === k.
|
|
190
|
-
|
|
186
|
+
for (const i of n) {
|
|
187
|
+
if (i.members && i.members.length > 0)
|
|
188
|
+
for (const k of i.members)
|
|
189
|
+
e.some((j) => j.id === k.userId) ? (k.checked = !0, t.push(k)) : k.checked = !1;
|
|
190
|
+
i.children && i.children.length > 0 && d(i.children);
|
|
191
191
|
}
|
|
192
192
|
};
|
|
193
|
-
d(l),
|
|
193
|
+
d(l), y("update:selectUserList", T(t));
|
|
194
194
|
},
|
|
195
195
|
dataLoadPromise: P
|
|
196
196
|
}), () => {
|
|
197
197
|
let e;
|
|
198
|
-
return
|
|
198
|
+
return r(v, null, [r("div", {
|
|
199
199
|
style: "padding:0 16px"
|
|
200
|
-
}, [
|
|
200
|
+
}, [u.value.length > 1 && !p.value ? r(Q, {
|
|
201
201
|
separator: ">",
|
|
202
|
-
class:
|
|
203
|
-
}, te(e =
|
|
202
|
+
class: c("breadcrumb")
|
|
203
|
+
}, te(e = u.value.map((l, t) => r(W, {
|
|
204
204
|
onClick: () => _(l, t)
|
|
205
205
|
}, {
|
|
206
|
-
default: () => [t ===
|
|
206
|
+
default: () => [t === u.value.length - 1 ? l.deptName : r("a", {
|
|
207
207
|
href: "javascript:void(0)"
|
|
208
208
|
}, [l.deptName])]
|
|
209
209
|
}, 8, ["onClick"]))) ? e : {
|
|
210
210
|
default: () => [e],
|
|
211
211
|
_: 1
|
|
212
|
-
}, 8, ["class"]) : null]), p.value ?
|
|
213
|
-
class:
|
|
214
|
-
}, [m.value ?
|
|
215
|
-
class:
|
|
212
|
+
}, 8, ["class"]) : null]), p.value ? r(v, null, [K()]) : r("div", {
|
|
213
|
+
class: c("org-tree")
|
|
214
|
+
}, [m.value ? r("div", {
|
|
215
|
+
class: c("org-tree-item"),
|
|
216
216
|
style: "height: 200px;display: block;"
|
|
217
|
-
}, [
|
|
217
|
+
}, [r(B, {
|
|
218
218
|
active: !0,
|
|
219
219
|
avatar: !0
|
|
220
|
-
}, null, 8, ["active", "avatar"]),
|
|
220
|
+
}, null, 8, ["active", "avatar"]), r(B, {
|
|
221
221
|
active: !0,
|
|
222
222
|
avatar: !0
|
|
223
223
|
}, null, 8, ["active", "avatar"])], 2) : D(g.value)], 2)]);
|
|
@@ -4,7 +4,7 @@ import { Checkbox as f } from "ant-design-vue";
|
|
|
4
4
|
import "../../../index.mjs";
|
|
5
5
|
import { KUserAvatar as m } from "../../../pro-user-avatar/index.mjs";
|
|
6
6
|
import { KIcon as h } from "../../../icon/index.mjs";
|
|
7
|
-
function
|
|
7
|
+
function I(e) {
|
|
8
8
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
|
|
9
9
|
}
|
|
10
10
|
const {
|
|
@@ -61,7 +61,7 @@ const {
|
|
|
61
61
|
}
|
|
62
62
|
}, [e.userInfo.stageName])])]), e.isDelete && t("div", {
|
|
63
63
|
class: "select-user-item-icon",
|
|
64
|
-
onClick: () => o("delete-user", e.userInfo.
|
|
64
|
+
onClick: () => o("delete-user", e.userInfo.userId)
|
|
65
65
|
}, [t(h, {
|
|
66
66
|
name: "shanchu",
|
|
67
67
|
size: 12,
|
|
@@ -76,7 +76,7 @@ const {
|
|
|
76
76
|
checked: e.userInfo.checked,
|
|
77
77
|
"onUpdate:checked": (l) => e.userInfo.checked = l,
|
|
78
78
|
onChange: s
|
|
79
|
-
},
|
|
79
|
+
}, I(n = i()) ? n : {
|
|
80
80
|
default: () => [n],
|
|
81
81
|
_: 1
|
|
82
82
|
}, 8, ["checked", "onUpdate:checked", "onChange"]) : t("div", {
|
|
@@ -1,64 +1,70 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as T, ref as s, provide as L, reactive as P, watch as x, nextTick as f, createVNode as l, createTextVNode as p } from "vue";
|
|
2
2
|
import "../../index.mjs";
|
|
3
|
-
import { useNamespace as
|
|
4
|
-
import { message as
|
|
5
|
-
import { selectUserContextKey as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { KProModal as
|
|
9
|
-
import { KIcon as
|
|
10
|
-
import { KUserAvatar as
|
|
3
|
+
import { useNamespace as E } from "../../../hooks/use-namespace/index.mjs";
|
|
4
|
+
import { message as R, Input as B, Empty as D, FormItemRest as M } from "ant-design-vue";
|
|
5
|
+
import { selectUserContextKey as z, userSelectorEmits as A, UserSelectorProps as K } from "./types.mjs";
|
|
6
|
+
import F from "./components/org-tree.mjs";
|
|
7
|
+
import _ from "./components/user.mjs";
|
|
8
|
+
import { KProModal as q } from "../../pro-modal/index.mjs";
|
|
9
|
+
import { KIcon as h } from "../../icon/index.mjs";
|
|
10
|
+
import { KUserAvatar as J } from "../../pro-user-avatar/index.mjs";
|
|
11
11
|
const {
|
|
12
12
|
b: u
|
|
13
|
-
} =
|
|
13
|
+
} = E("pro-user-selector"), i = E("user-selector-extermal"), le = /* @__PURE__ */ T({
|
|
14
14
|
name: "ProUserSelector",
|
|
15
|
-
props:
|
|
16
|
-
emits:
|
|
15
|
+
props: K,
|
|
16
|
+
emits: A,
|
|
17
17
|
setup(a, {
|
|
18
|
-
emit:
|
|
19
|
-
slots:
|
|
20
|
-
expose:
|
|
21
|
-
attrs:
|
|
18
|
+
emit: n,
|
|
19
|
+
slots: g,
|
|
20
|
+
expose: I,
|
|
21
|
+
attrs: y
|
|
22
22
|
}) {
|
|
23
|
-
const
|
|
24
|
-
|
|
23
|
+
const v = s(""), r = s([]), o = s(), c = s(null);
|
|
24
|
+
L(z, P({
|
|
25
25
|
maxCount: a.maxCount,
|
|
26
26
|
http: a.http,
|
|
27
27
|
isBuiltInRequest: a.isBuiltInRequest,
|
|
28
28
|
prefix: a.prefix,
|
|
29
29
|
initData: a.initData
|
|
30
30
|
}));
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
m.value ? m.value = !1 : (
|
|
34
|
-
|
|
31
|
+
const d = s(a.modelValue || []), m = s(!1);
|
|
32
|
+
x(() => a.modelValue, (e) => {
|
|
33
|
+
console.log("watch 触发了...", m.value), m.value ? m.value = !1 : (d.value = JSON.parse(JSON.stringify(e)), f(() => {
|
|
34
|
+
C(d.value);
|
|
35
35
|
}));
|
|
36
36
|
}, {
|
|
37
37
|
deep: !0,
|
|
38
38
|
immediate: !0
|
|
39
|
-
}),
|
|
40
|
-
e.length > t.length &&
|
|
39
|
+
}), x(r, (e, t) => {
|
|
40
|
+
e.length > t.length && f(() => {
|
|
41
41
|
c.value && (c.value.scrollTop = c.value.scrollHeight);
|
|
42
42
|
});
|
|
43
43
|
}, {
|
|
44
44
|
deep: !0
|
|
45
45
|
});
|
|
46
|
-
async function
|
|
47
|
-
if (o.value) {
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
async function C(e) {
|
|
47
|
+
if (await f(), !o.value) {
|
|
48
|
+
console.warn("OrgTree 组件还未就绪,跳过初始化");
|
|
49
|
+
return;
|
|
50
50
|
}
|
|
51
|
+
const t = await o.value.dataLoadPromise;
|
|
52
|
+
o.value.getInitData(e, t);
|
|
51
53
|
}
|
|
52
|
-
const
|
|
54
|
+
const V = (e) => {
|
|
53
55
|
var t;
|
|
54
|
-
r.value = r.value.filter((
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
r.value = r.value.filter((S) => S.userId !== e), console.log("selectUserList.value =>", r.value), (t = o.value) == null || t.deleteDeptUser(e);
|
|
57
|
+
};
|
|
58
|
+
function k() {
|
|
59
|
+
console.log("ready..."), d.value && C(d.value);
|
|
60
|
+
}
|
|
61
|
+
const b = () => {
|
|
62
|
+
n("update:visible", !1), n("cancel");
|
|
63
|
+
}, U = (e) => {
|
|
64
|
+
n("update:modelValue", a.modelValue.filter((t) => t.id !== e));
|
|
65
|
+
}, w = () => {
|
|
60
66
|
if (r.value.length === 0) {
|
|
61
|
-
|
|
67
|
+
R.warn("请选择用户");
|
|
62
68
|
return;
|
|
63
69
|
}
|
|
64
70
|
const e = r.value.map((t) => ({
|
|
@@ -66,21 +72,21 @@ const {
|
|
|
66
72
|
realName: t.realName || "",
|
|
67
73
|
avatar: t.avatar
|
|
68
74
|
}));
|
|
69
|
-
|
|
75
|
+
n("update:visible", !1), m.value = !0, n("update:modelValue", e), n("confirm", e);
|
|
70
76
|
};
|
|
71
|
-
|
|
72
|
-
deleteCheckedUser:
|
|
77
|
+
I({
|
|
78
|
+
deleteCheckedUser: U
|
|
73
79
|
});
|
|
74
|
-
const
|
|
80
|
+
const N = () => l(q, {
|
|
75
81
|
modelValue: a.visible,
|
|
76
82
|
title: "选择联系人",
|
|
77
83
|
modalProps: {
|
|
78
84
|
cancelText: "取消",
|
|
79
85
|
okText: "确定",
|
|
80
|
-
...
|
|
86
|
+
...y
|
|
81
87
|
},
|
|
82
88
|
onOnCancel: () => b(),
|
|
83
|
-
onOnConfirm: () =>
|
|
89
|
+
onOnConfirm: () => w()
|
|
84
90
|
}, {
|
|
85
91
|
default: () => [l("div", {
|
|
86
92
|
class: u()
|
|
@@ -88,72 +94,73 @@ const {
|
|
|
88
94
|
class: u("content-left")
|
|
89
95
|
}, [l("div", {
|
|
90
96
|
style: "padding: 16px 16px 0 16px"
|
|
91
|
-
}, [l(
|
|
92
|
-
value:
|
|
93
|
-
"onUpdate:value": (e) =>
|
|
97
|
+
}, [l(B, {
|
|
98
|
+
value: v.value,
|
|
99
|
+
"onUpdate:value": (e) => v.value = e,
|
|
94
100
|
size: "small",
|
|
95
101
|
placeholder: "搜索",
|
|
96
102
|
allowClear: !0
|
|
97
103
|
}, {
|
|
98
|
-
prefix: () => l(
|
|
104
|
+
prefix: () => l(h, {
|
|
99
105
|
name: "search"
|
|
100
106
|
}, null),
|
|
101
107
|
_: 1
|
|
102
|
-
}, 8, ["value", "onUpdate:value", "allowClear"])]), l(
|
|
108
|
+
}, 8, ["value", "onUpdate:value", "allowClear"])]), l(F, {
|
|
103
109
|
ref: o,
|
|
104
110
|
selectUserList: r.value,
|
|
105
111
|
"onUpdate:selectUserList": (e) => r.value = e,
|
|
106
|
-
keyword:
|
|
107
|
-
|
|
112
|
+
keyword: v.value,
|
|
113
|
+
onReady: () => k()
|
|
114
|
+
}, null, 8, ["selectUserList", "onUpdate:selectUserList", "keyword", "onReady"])], 2), l("div", {
|
|
108
115
|
class: u("content-right")
|
|
109
116
|
}, [l("div", {
|
|
110
117
|
class: u("content-right-title")
|
|
111
|
-
}, [
|
|
118
|
+
}, [p("已选:"), r.value.length, p("/"), a.maxCount, p("人")], 2), l("div", {
|
|
112
119
|
class: "select-user-list",
|
|
113
120
|
ref: c
|
|
114
121
|
}, [l("div", {
|
|
115
122
|
class: u("user-list")
|
|
116
|
-
}, [r.value.length > 0 ? r.value.map((e) => l(
|
|
123
|
+
}, [r.value.length > 0 ? r.value.map((e) => l(_, {
|
|
117
124
|
key: e.id,
|
|
118
125
|
userInfo: e,
|
|
119
126
|
isChecked: !1,
|
|
120
127
|
isDelete: !0,
|
|
121
|
-
"onDelete-user":
|
|
122
|
-
}, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : l(
|
|
123
|
-
image:
|
|
128
|
+
"onDelete-user": V
|
|
129
|
+
}, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : l(D, {
|
|
130
|
+
image: D.PRESENTED_IMAGE_SIMPLE,
|
|
124
131
|
description: "暂无数据"
|
|
125
132
|
}, null, 8, ["image"])], 2)], 512)], 2)], 2)]
|
|
126
|
-
}, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]),
|
|
133
|
+
}, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]), O = () => l(M, null, {
|
|
127
134
|
default: () => [l("div", {
|
|
128
135
|
class: i.b()
|
|
129
|
-
}, [a.hideSlot ? null :
|
|
136
|
+
}, [a.hideSlot ? null : g.default ? g.default() : l("div", {
|
|
130
137
|
class: i.b("list")
|
|
131
138
|
}, [l("div", {
|
|
132
139
|
class: i.b("icon"),
|
|
133
|
-
onClick: () =>
|
|
134
|
-
}, [l(
|
|
140
|
+
onClick: () => n("update:visible", !0)
|
|
141
|
+
}, [l(h, {
|
|
135
142
|
name: "plus",
|
|
136
143
|
size: 20,
|
|
137
144
|
color: "#409eff"
|
|
138
145
|
}, null)], 10, ["onClick"]), a.modelValue.map((e) => l("div", {
|
|
139
146
|
class: i.b("item")
|
|
140
|
-
}, [l(
|
|
147
|
+
}, [l(J, {
|
|
141
148
|
name: e.realName,
|
|
142
149
|
avatar: e.avatar,
|
|
143
150
|
size: "small"
|
|
144
151
|
}, null, 8, ["name", "avatar"]), l("span", {
|
|
145
152
|
class: i.be("item", "name")
|
|
146
153
|
}, [e.realName], 2), l("div", {
|
|
147
|
-
onClick: () =>
|
|
148
|
-
}, [l(
|
|
154
|
+
onClick: () => U(e.id)
|
|
155
|
+
}, [l(h, {
|
|
149
156
|
name: "shanchu",
|
|
150
157
|
size: 18,
|
|
151
158
|
color: "#646a73"
|
|
152
|
-
}, null)], 8, ["onClick"])], 2))], 2),
|
|
159
|
+
}, null)], 8, ["onClick"])], 2))], 2), N()], 2)]
|
|
153
160
|
});
|
|
154
|
-
return () =>
|
|
161
|
+
return () => O();
|
|
155
162
|
}
|
|
156
163
|
});
|
|
157
164
|
export {
|
|
158
|
-
|
|
165
|
+
le as default
|
|
159
166
|
};
|
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
import { isVNode as
|
|
2
|
-
import { useNamespace as
|
|
1
|
+
import { isVNode as O, defineComponent as j, ref as v, watch as f, createVNode as l } from "vue";
|
|
2
|
+
import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
|
|
3
3
|
import "../../index.mjs";
|
|
4
|
-
import { message as
|
|
5
|
-
import { GTE_OPTIONS_URL as
|
|
4
|
+
import { message as g, InputSearch as M, Empty as m, RadioGroup as T, Radio as F, CheckboxGroup as G, Checkbox as L, FormItemRest as B, Input as z } from "ant-design-vue";
|
|
5
|
+
import { GTE_OPTIONS_URL as K, roleSelectorEmits as q, roleSelectorProps as $ } from "./types.mjs";
|
|
6
6
|
import { KIcon as h } from "../../icon/index.mjs";
|
|
7
|
-
import { KProModal as
|
|
8
|
-
function
|
|
9
|
-
return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !
|
|
7
|
+
import { KProModal as H } from "../../pro-modal/index.mjs";
|
|
8
|
+
function w(u) {
|
|
9
|
+
return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !O(u);
|
|
10
10
|
}
|
|
11
|
-
const i =
|
|
11
|
+
const i = D("role-selector"), le = /* @__PURE__ */ j({
|
|
12
12
|
name: "KRoleSelector",
|
|
13
|
-
props:
|
|
14
|
-
emits:
|
|
13
|
+
props: $,
|
|
14
|
+
emits: q,
|
|
15
15
|
setup(u, {
|
|
16
16
|
emit: r,
|
|
17
|
-
attrs:
|
|
17
|
+
attrs: A,
|
|
18
18
|
slots: y
|
|
19
19
|
}) {
|
|
20
|
-
const t =
|
|
20
|
+
const t = v([]), b = v(""), n = v([]), s = v([]), d = v(""), c = v(!1), E = v(u.options || []);
|
|
21
21
|
if (u.isBuiltInRequest) {
|
|
22
22
|
if (!u.http)
|
|
23
23
|
throw new Error("请传入http实例");
|
|
24
|
-
u.http.get(`${u.prefix}/${
|
|
25
|
-
|
|
24
|
+
u.http.get(`${u.prefix}/${K}`).then((e) => {
|
|
25
|
+
e.status === 0 && (n.value = e.data.list.map((a) => ({
|
|
26
26
|
label: a.roleName,
|
|
27
27
|
value: a.id
|
|
28
|
-
})));
|
|
28
|
+
})), E.value = n.value);
|
|
29
29
|
}).catch((e) => {
|
|
30
30
|
console.log(e);
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
const
|
|
33
|
+
const S = () => {
|
|
34
34
|
if (!c.value) {
|
|
35
|
-
|
|
35
|
+
d.value = "";
|
|
36
36
|
const e = [];
|
|
37
|
-
|
|
37
|
+
E.value.forEach((a) => {
|
|
38
38
|
Array.isArray(t.value) ? t.value.includes(a.value) && e.push(a.label) : t.value === a.value && e.push(a.label);
|
|
39
|
-
}),
|
|
39
|
+
}), d.value = e.join(",");
|
|
40
40
|
}
|
|
41
|
-
},
|
|
41
|
+
}, C = () => {
|
|
42
42
|
const e = [];
|
|
43
43
|
if (Array.isArray(t.value))
|
|
44
44
|
t.value.forEach((a) => {
|
|
45
|
-
const o = n.value.find((
|
|
45
|
+
const o = n.value.find((x) => x.value === a);
|
|
46
46
|
o && e.push(o);
|
|
47
47
|
});
|
|
48
48
|
else {
|
|
@@ -50,46 +50,46 @@ const i = j("role-selector"), ee = /* @__PURE__ */ O({
|
|
|
50
50
|
a && e.push(a);
|
|
51
51
|
}
|
|
52
52
|
s.value = e;
|
|
53
|
-
},
|
|
53
|
+
}, R = () => {
|
|
54
54
|
Array.isArray(u.modelValue) ? t.value = u.modelValue.map((e) => e.value) : t.value = u.modelValue.value;
|
|
55
55
|
};
|
|
56
56
|
f(() => u.visible, (e) => {
|
|
57
|
-
|
|
57
|
+
R();
|
|
58
58
|
}), f(() => u.modelValue, (e) => {
|
|
59
|
-
c.value ? c.value = !1 : (
|
|
59
|
+
c.value ? c.value = !1 : (R(), S());
|
|
60
60
|
}, {
|
|
61
61
|
deep: !0,
|
|
62
62
|
immediate: !0
|
|
63
63
|
}), f(() => u.options, (e) => {
|
|
64
|
-
u.isBuiltInRequest || (n.value = e || [],
|
|
64
|
+
u.isBuiltInRequest || (n.value = e || [], S(), C());
|
|
65
65
|
}, {
|
|
66
66
|
deep: !0,
|
|
67
67
|
immediate: !0
|
|
68
68
|
}), f(t, () => {
|
|
69
|
-
|
|
69
|
+
C();
|
|
70
70
|
}, {
|
|
71
71
|
deep: !0,
|
|
72
72
|
immediate: !0
|
|
73
73
|
});
|
|
74
|
-
const
|
|
74
|
+
const k = (e) => {
|
|
75
75
|
e ? n.value = n.value.filter((a) => {
|
|
76
76
|
var o;
|
|
77
77
|
return (o = a.label) == null ? void 0 : o.includes(e);
|
|
78
78
|
}) : n.value = [...u.options];
|
|
79
|
-
}, k = () => {
|
|
80
|
-
r("update:visible", !1), r("cancel");
|
|
81
79
|
}, V = () => {
|
|
80
|
+
r("update:visible", !1), r("cancel");
|
|
81
|
+
}, I = () => {
|
|
82
82
|
var e;
|
|
83
83
|
if (u.type === "radio" && !t.value) {
|
|
84
|
-
|
|
84
|
+
g.warn("请选择角色");
|
|
85
85
|
return;
|
|
86
86
|
}
|
|
87
87
|
if (Array.isArray(t.value) && t.value.length === 0) {
|
|
88
|
-
|
|
88
|
+
g.warn("请选择角色");
|
|
89
89
|
return;
|
|
90
90
|
}
|
|
91
|
-
Array.isArray(t.value) ? (
|
|
92
|
-
},
|
|
91
|
+
Array.isArray(t.value) ? (d.value = s.value.map((a) => a.label).join(","), r("update:modelValue", s.value)) : (d.value = ((e = s.value[0]) == null ? void 0 : e.label) || "", r("update:modelValue", s.value[0])), c.value = !0, r("update:visible", !1), r("confirm", s.value);
|
|
92
|
+
}, _ = (e) => {
|
|
93
93
|
Array.isArray(t.value) ? t.value = t.value.filter((a) => a !== e.value) : t.value = "";
|
|
94
94
|
}, p = (e, a) => l("div", {
|
|
95
95
|
class: [i.e("role-item"), a && i.is("active")]
|
|
@@ -103,25 +103,25 @@ const i = j("role-selector"), ee = /* @__PURE__ */ O({
|
|
|
103
103
|
class: i.e("label")
|
|
104
104
|
}, [e.label], 2)], 2), l("div", {
|
|
105
105
|
class: i.e("role-item-del"),
|
|
106
|
-
onClick: () =>
|
|
106
|
+
onClick: () => _(e)
|
|
107
107
|
}, [a && l(h, {
|
|
108
108
|
name: "shanchu",
|
|
109
109
|
size: 18,
|
|
110
110
|
color: "#606266"
|
|
111
|
-
}, null)], 10, ["onClick"])], 2),
|
|
111
|
+
}, null)], 10, ["onClick"])], 2), U = () => l("div", {
|
|
112
112
|
class: i.b("left")
|
|
113
|
-
}, [l(
|
|
113
|
+
}, [l(M, {
|
|
114
114
|
allowClear: !0,
|
|
115
115
|
placeholder: "请输入角色名称",
|
|
116
116
|
value: b.value,
|
|
117
117
|
"onUpdate:value": (e) => b.value = e,
|
|
118
|
-
onSearch:
|
|
118
|
+
onSearch: k
|
|
119
119
|
}, null, 8, ["allowClear", "value", "onUpdate:value", "onSearch"]), l("div", {
|
|
120
120
|
class: i.e("role-list")
|
|
121
121
|
}, [n.value.length === 0 && l(m, {
|
|
122
122
|
description: "暂无数据",
|
|
123
123
|
image: m.PRESENTED_IMAGE_SIMPLE
|
|
124
|
-
}, null, 8, ["image"]), u.type === "radio" ? l(
|
|
124
|
+
}, null, 8, ["image"]), u.type === "radio" ? l(T, {
|
|
125
125
|
value: t.value,
|
|
126
126
|
"onUpdate:value": (e) => t.value = e
|
|
127
127
|
}, {
|
|
@@ -131,14 +131,14 @@ const i = j("role-selector"), ee = /* @__PURE__ */ O({
|
|
|
131
131
|
let o;
|
|
132
132
|
return l("div", {
|
|
133
133
|
key: a
|
|
134
|
-
}, [l(
|
|
134
|
+
}, [l(F, {
|
|
135
135
|
value: e.value
|
|
136
|
-
},
|
|
136
|
+
}, w(o = p(e)) ? o : {
|
|
137
137
|
default: () => [o],
|
|
138
138
|
_: 1
|
|
139
139
|
}, 8, ["value"])]);
|
|
140
140
|
})])]
|
|
141
|
-
}, 8, ["value", "onUpdate:value"]) : l(
|
|
141
|
+
}, 8, ["value", "onUpdate:value"]) : l(G, {
|
|
142
142
|
value: t.value,
|
|
143
143
|
"onUpdate:value": (e) => t.value = e
|
|
144
144
|
}, {
|
|
@@ -148,44 +148,44 @@ const i = j("role-selector"), ee = /* @__PURE__ */ O({
|
|
|
148
148
|
let o;
|
|
149
149
|
return l("div", {
|
|
150
150
|
key: a
|
|
151
|
-
}, [l(
|
|
151
|
+
}, [l(L, {
|
|
152
152
|
value: e.value
|
|
153
|
-
},
|
|
153
|
+
}, w(o = p(e)) ? o : {
|
|
154
154
|
default: () => [o],
|
|
155
155
|
_: 1
|
|
156
156
|
}, 8, ["value"])]);
|
|
157
157
|
})])]
|
|
158
|
-
}, 8, ["value", "onUpdate:value"])], 2)], 2),
|
|
158
|
+
}, 8, ["value", "onUpdate:value"])], 2)], 2), N = () => l("div", {
|
|
159
159
|
class: i.b("right")
|
|
160
160
|
}, [s.value.map((e, a) => l("div", {
|
|
161
161
|
key: a
|
|
162
162
|
}, [p(e, !0)])), s.value.length === 0 && l(m, {
|
|
163
163
|
description: "暂无数据",
|
|
164
164
|
image: m.PRESENTED_IMAGE_SIMPLE
|
|
165
|
-
}, null, 8, ["image"])], 2),
|
|
165
|
+
}, null, 8, ["image"])], 2), P = () => l("div", null, [l(H, {
|
|
166
166
|
modelValue: u.visible,
|
|
167
167
|
title: "选择角色",
|
|
168
168
|
modalProps: {
|
|
169
169
|
cancelText: "取消",
|
|
170
170
|
okText: "确定",
|
|
171
171
|
width: "700px",
|
|
172
|
-
...
|
|
172
|
+
...A
|
|
173
173
|
},
|
|
174
|
-
onOnCancel: () =>
|
|
175
|
-
onOnConfirm: () =>
|
|
174
|
+
onOnCancel: () => V(),
|
|
175
|
+
onOnConfirm: () => I()
|
|
176
176
|
}, {
|
|
177
177
|
default: () => [l("div", {
|
|
178
178
|
class: i.b("modal")
|
|
179
|
-
}, [
|
|
179
|
+
}, [U(), N()], 2)]
|
|
180
180
|
}, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"])]);
|
|
181
|
-
return () => l(
|
|
181
|
+
return () => l(B, null, {
|
|
182
182
|
default: () => [l("div", {
|
|
183
183
|
class: i.b()
|
|
184
|
-
}, [u.hideSlot ? null : y.default ? y.default() : l(
|
|
184
|
+
}, [u.hideSlot ? null : y.default ? y.default() : l(z, {
|
|
185
185
|
style: "width: 100%;",
|
|
186
186
|
readonly: !0,
|
|
187
|
-
value:
|
|
188
|
-
"onUpdate:value": (e) =>
|
|
187
|
+
value: d.value,
|
|
188
|
+
"onUpdate:value": (e) => d.value = e,
|
|
189
189
|
onClick: () => r("update:visible", !0),
|
|
190
190
|
placeholder: "请选择角色"
|
|
191
191
|
}, {
|
|
@@ -200,10 +200,10 @@ const i = j("role-selector"), ee = /* @__PURE__ */ O({
|
|
|
200
200
|
color: "#606266"
|
|
201
201
|
}, null)], 8, ["onClick"]),
|
|
202
202
|
_: 1
|
|
203
|
-
}, 8, ["readonly", "value", "onUpdate:value", "onClick"]),
|
|
203
|
+
}, 8, ["readonly", "value", "onUpdate:value", "onClick"]), P()], 2)]
|
|
204
204
|
});
|
|
205
205
|
}
|
|
206
206
|
});
|
|
207
207
|
export {
|
|
208
|
-
|
|
208
|
+
le as default
|
|
209
209
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("../../../../hooks/use-namespace/index.js");require("../../../index.js");const v=require("ant-design-vue"),k=require("@king-one/utils"),V=require("../utils/orgTree.js"),E=require("../types.js"),T=require("./user.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),D=require("../../../../hooks/use-namespace/index.js");require("../../../index.js");const v=require("ant-design-vue"),k=require("@king-one/utils"),V=require("../utils/orgTree.js"),E=require("../types.js"),T=require("./user.js"),I=require("../../../icon/index.js");function P(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!t.isVNode(s)}const{b:d}=D.useNamespace("pro-user-selector"),R=t.defineComponent({name:"OrgTree",props:{selectUserList:{type:Array,default:()=>[]},keyword:{type:String,default:""},initData:{type:Function,default:()=>Promise.resolve([])}},emits:{"update:selectUserList":s=>s,ready:()=>!0},setup(s,{emit:m,expose:O}){const l=t.inject(E.selectUserContextKey),o=t.ref([]),h=t.ref({}),u=t.ref([]),C=t.ref({}),f=t.ref([]),g=t.ref(!1),L=V.debounce(e=>{const a=[],r=i=>{for(const n of i){if(n.members&&n.members.length>0)for(const c of n.members)c.realName&&c.realName.includes(e)&&a.push(c);n.children&&n.children.length>0&&r(n.children)}};r(o.value),f.value=V.uniqueById(a),g.value=e!==""},300);t.watch(()=>s.keyword,(e,a)=>{if(e===""){L.cancel(),g.value=!1,f.value=[];return}e!==a&&L(e)});const b=e=>{var a;(a=h.value.members)==null||a.forEach(r=>{r.userId===e&&(r.checked=!1)}),f.value=f.value.map(r=>(r.id===e&&(r.checked=!1),r))},w=(e,a)=>{if(s.selectUserList.length===(l==null?void 0:l.maxCount)){a.checked=!1,v.Modal.warning({title:"温馨提示",content:`最多只能选择${l.maxCount}个用户`});return}m("update:selectUserList",e?[...s.selectUserList,a]:s.selectUserList.filter(r=>r.id!==a.id))},y=e=>{var a;e.parentId==="root"?u.value.push({id:k.uid(32),deptName:"组织内联系人",children:o.value[0].children,members:o.value[0].members}):u.value.push(e),(a=e.members)==null||a.forEach(r=>{r.checked=s.selectUserList.some(i=>i.userId===r.userId)}),h.value=e,C.value=e},B=(e,a)=>{var i;let r={};if(C.value.id===e.id){console.log(`当前组织架构树展示的视图已经是《${e.deptName}》部门下面的数据`);return}if(a===0)r={children:o.value},u.value=[{id:k.uid(32),deptName:"联系人",children:o.value}];else if(a===1)r=o.value[0],u.value=u.value.slice(0,2);else{r=e;const n=u.value.findIndex(c=>c.id===e.id);n!==-1&&(u.value=u.value.slice(0,n+1))}(i=r.members)==null||i.forEach(n=>{n.checked=s.selectUserList.some(c=>c.id===n.userId)}),h.value=r},U=e=>t.createVNode(t.Fragment,null,[t.createVNode("div",{class:d("org-tree-item-title")},[e.parentId==="root"?t.createVNode(I.KIcon,{name:"zuzhijiagou",size:18,color:"#00d6b9"},null):t.createVNode("div",{class:d("org-tree-dept-icon")},[t.createVNode(I.KIcon,{name:"zuzhijiagou",size:18,color:"#ffffff"},null)],2),t.createVNode("div",{class:d("org-tree-item-title-text")},[e.deptName,e.parentId!=="root"&&t.createVNode(t.Fragment,null,[t.createTextVNode("("),e.members&&e.members.length>0?e.members.length:0,t.createTextVNode(")")])],2)],2),e.parentId==="root"?t.createVNode(I.KIcon,{name:"right",size:14,color:"#bbbfc4"},null):t.createVNode("a",{style:"width: 50px",href:"javascript:void(0)"},[t.createTextVNode("下级")])]),z=e=>{var a;return t.createVNode("div",{class:d("user-list")},[(a=e.members)==null?void 0:a.map(r=>t.createVNode(T.default,{userInfo:r,"onChange-checked":w},null,8,["userInfo","onChange-checked"]))],2)},S=e=>e.parentId==="root"&&u.value.length===1?t.createVNode("div",{class:d("org-tree-item"),onClick:()=>y(e)},[U(e)],10,["onClick"]):t.createVNode(t.Fragment,null,[e.children&&e.children.length>0?e.children.map(a=>t.createVNode("div",{class:d("org-tree-item"),onClick:()=>y(a)},[U(a)],10,["onClick"])):null,z(e)]),x=()=>t.createVNode("div",{class:d("user-list")},[f.value.length>0?f.value.map(e=>t.createVNode(T.default,{userInfo:e,"onChange-checked":w},{name:()=>t.createVNode("div",{style:"font-size: 14px;color: #000;"},[e!=null&&e.realName.includes(s.keyword)?e==null?void 0:e.realName.split(s.keyword).map((a,r)=>t.createVNode(t.Fragment,null,[a,r<(e==null?void 0:e.realName.split(s.keyword).length)-1&&t.createVNode("span",{style:"color: red;"},[s.keyword])])):e==null?void 0:e.realName]),_:1},8,["userInfo","onChange-checked"])):t.createVNode(v.Empty,{description:"暂无数据"},null)],2),N=t.ref(!1);let q;const F=new Promise(e=>{q=e}),_=()=>new Promise((e,a)=>{if(l!=null&&l.isBuiltInRequest){if(!l.http)throw new Error("请传入http实例");l.http.get(`${l.prefix}/${E.GTE_ORGTREE_URL}`).then(r=>{r.status===0&&e(r.data)}).catch(r=>{console.log(r)})}});return t.onMounted(async()=>{try{N.value=!0,l!=null&&l.isBuiltInRequest?o.value=await _():l!=null&&l.initData&&(o.value=await l.initData()),V.formatOrgTree(o.value),N.value=!1,q(o.value),m("ready"),h.value={children:o.value},u.value=[{id:k.uid(32),deptName:"联系人",children:o.value}],y(o.value[0])}finally{N.value=!1}}),O({deleteDeptUser:b,getInitData:(e,a)=>{const r=[],i=n=>{for(const c of n){if(c.members&&c.members.length>0)for(const p of c.members)e.some(K=>K.id===p.userId)?(p.checked=!0,r.push(p)):p.checked=!1;c.children&&c.children.length>0&&i(c.children)}};i(a),m("update:selectUserList",V.uniqueById(r))},dataLoadPromise:F}),()=>{let e;return t.createVNode(t.Fragment,null,[t.createVNode("div",{style:"padding:0 16px"},[u.value.length>1&&!g.value?t.createVNode(v.Breadcrumb,{separator:">",class:d("breadcrumb")},P(e=u.value.map((a,r)=>t.createVNode(v.BreadcrumbItem,{onClick:()=>B(a,r)},{default:()=>[r===u.value.length-1?a.deptName:t.createVNode("a",{href:"javascript:void(0)"},[a.deptName])]},8,["onClick"])))?e:{default:()=>[e],_:1},8,["class"]):null]),g.value?t.createVNode(t.Fragment,null,[x()]):t.createVNode("div",{class:d("org-tree")},[N.value?t.createVNode("div",{class:d("org-tree-item"),style:"height: 200px;display: block;"},[t.createVNode(v.Skeleton,{active:!0,avatar:!0},null,8,["active","avatar"]),t.createVNode(v.Skeleton,{active:!0,avatar:!0},null,8,["active","avatar"])],2):S(h.value)],2)])}}});exports.default=R;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("../../../../hooks/use-namespace/index.js"),l=require("ant-design-vue");require("../../../index.js");const u=require("../../../pro-user-avatar/index.js"),f=require("../../../icon/index.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const{b:c}=d.useNamespace("pro-user-selector"),m=t.defineComponent({name:"User",props:{userInfo:{type:Object,default:()=>({})},isChecked:{type:Boolean,default:!0},isDelete:{type:Boolean,default:!1}},emits:{"delete-user":e=>e,"change-checked":(e,a)=>e},setup(e,{emit:a,slots:o}){const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("../../../../hooks/use-namespace/index.js"),l=require("ant-design-vue");require("../../../index.js");const u=require("../../../pro-user-avatar/index.js"),f=require("../../../icon/index.js");function h(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const{b:c}=d.useNamespace("pro-user-selector"),m=t.defineComponent({name:"User",props:{userInfo:{type:Object,default:()=>({})},isChecked:{type:Boolean,default:!0},isDelete:{type:Boolean,default:!1}},emits:{"delete-user":e=>e,"change-checked":(e,a)=>e},setup(e,{emit:a,slots:o}){const s=n=>{a("change-checked",n.target.checked,e.userInfo)},r=()=>t.createVNode("div",{class:c("user-item-content")},[t.createVNode("div",{style:{width:"100%",display:"flex",alignItems:"center"}},[t.createVNode(u.KUserAvatar,{name:e.userInfo.realName?e.userInfo.realName:"",avatar:e.userInfo.avatar,size:"default"},null,8,["name","avatar"]),t.createVNode("div",null,[t.createVNode("div",{style:"display: flex;align-items: center;"},[o.name?o.name():t.createVNode("div",{style:"font-size: 14px;color: #000;"},[e.userInfo.realName]),e.userInfo.position&&t.createVNode("div",{class:c("user-item-content-tag")},[e.userInfo.position],2)]),t.createVNode("div",{style:{fontSize:"12px",color:"#8f959e",lineHeight:"20px"}},[e.userInfo.stageName])])]),e.isDelete&&t.createVNode("div",{class:"select-user-item-icon",onClick:()=>a("delete-user",e.userInfo.userId)},[t.createVNode(f.KIcon,{name:"shanchu",size:12,color:"#2b2f36"},null)],8,["onClick"])],2);return()=>{let n;return t.createVNode("div",{class:c("user-item")},[e.isChecked?t.createVNode(l.Checkbox,{style:"margin: 0 6px;width: 100%;",checked:e.userInfo.checked,"onUpdate:checked":i=>e.userInfo.checked=i,onChange:s},h(n=r())?n:{default:()=>[n],_:1},8,["checked","onUpdate:checked","onChange"]):t.createVNode("div",{style:"width: 100%;"},[r()])],2)}}});exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../index.js");const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../index.js");const g=require("../../../hooks/use-namespace/index.js"),s=require("ant-design-vue"),m=require("./types.js"),b=require("./components/org-tree.js"),q=require("./components/user.js"),S=require("../../pro-modal/index.js"),V=require("../../icon/index.js"),w=require("../../pro-user-avatar/index.js"),{b:u}=g.useNamespace("pro-user-selector"),c=g.useNamespace("user-selector-extermal"),O=e.defineComponent({name:"ProUserSelector",props:m.UserSelectorProps,emits:m.userSelectorEmits,setup(t,{emit:n,slots:N,expose:x,attrs:C}){const f=e.ref(""),r=e.ref([]),o=e.ref(),i=e.ref(null);e.provide(m.selectUserContextKey,e.reactive({maxCount:t.maxCount,http:t.http,isBuiltInRequest:t.isBuiltInRequest,prefix:t.prefix,initData:t.initData}));const d=e.ref(t.modelValue||[]),v=e.ref(!1);e.watch(()=>t.modelValue,a=>{console.log("watch 触发了...",v.value),v.value?v.value=!1:(d.value=JSON.parse(JSON.stringify(a)),e.nextTick(()=>{h(d.value)}))},{deep:!0,immediate:!0}),e.watch(r,(a,l)=>{a.length>l.length&&e.nextTick(()=>{i.value&&(i.value.scrollTop=i.value.scrollHeight)})},{deep:!0});async function h(a){if(await e.nextTick(),!o.value){console.warn("OrgTree 组件还未就绪,跳过初始化");return}const l=await o.value.dataLoadPromise;o.value.getInitData(a,l)}const U=a=>{var l;r.value=r.value.filter(k=>k.userId!==a),console.log("selectUserList.value =>",r.value),(l=o.value)==null||l.deleteDeptUser(a)};function D(){console.log("ready..."),d.value&&h(d.value)}const y=()=>{n("update:visible",!1),n("cancel")},p=a=>{n("update:modelValue",t.modelValue.filter(l=>l.id!==a))},I=()=>{if(r.value.length===0){s.message.warn("请选择用户");return}const a=r.value.map(l=>({id:l.userId,realName:l.realName||"",avatar:l.avatar}));n("update:visible",!1),v.value=!0,n("update:modelValue",a),n("confirm",a)};x({deleteCheckedUser:p});const T=()=>e.createVNode(S.KProModal,{modelValue:t.visible,title:"选择联系人",modalProps:{cancelText:"取消",okText:"确定",...C},onOnCancel:()=>y(),onOnConfirm:()=>I()},{default:()=>[e.createVNode("div",{class:u()},[e.createVNode("div",{class:u("content-left")},[e.createVNode("div",{style:"padding: 16px 16px 0 16px"},[e.createVNode(s.Input,{value:f.value,"onUpdate:value":a=>f.value=a,size:"small",placeholder:"搜索",allowClear:!0},{prefix:()=>e.createVNode(V.KIcon,{name:"search"},null),_:1},8,["value","onUpdate:value","allowClear"])]),e.createVNode(b.default,{ref:o,selectUserList:r.value,"onUpdate:selectUserList":a=>r.value=a,keyword:f.value,onReady:()=>D()},null,8,["selectUserList","onUpdate:selectUserList","keyword","onReady"])],2),e.createVNode("div",{class:u("content-right")},[e.createVNode("div",{class:u("content-right-title")},[e.createTextVNode("已选:"),r.value.length,e.createTextVNode("/"),t.maxCount,e.createTextVNode("人")],2),e.createVNode("div",{class:"select-user-list",ref:i},[e.createVNode("div",{class:u("user-list")},[r.value.length>0?r.value.map(a=>e.createVNode(q.default,{key:a.id,userInfo:a,isChecked:!1,isDelete:!0,"onDelete-user":U},null,8,["userInfo","isDelete","onDelete-user"])):e.createVNode(s.Empty,{image:s.Empty.PRESENTED_IMAGE_SIMPLE,description:"暂无数据"},null,8,["image"])],2)],512)],2)],2)]},8,["modelValue","modalProps","onOnCancel","onOnConfirm"]),E=()=>e.createVNode(s.FormItemRest,null,{default:()=>[e.createVNode("div",{class:c.b()},[t.hideSlot?null:N.default?N.default():e.createVNode("div",{class:c.b("list")},[e.createVNode("div",{class:c.b("icon"),onClick:()=>n("update:visible",!0)},[e.createVNode(V.KIcon,{name:"plus",size:20,color:"#409eff"},null)],10,["onClick"]),t.modelValue.map(a=>e.createVNode("div",{class:c.b("item")},[e.createVNode(w.KUserAvatar,{name:a.realName,avatar:a.avatar,size:"small"},null,8,["name","avatar"]),e.createVNode("span",{class:c.be("item","name")},[a.realName],2),e.createVNode("div",{onClick:()=>p(a.id)},[e.createVNode(V.KIcon,{name:"shanchu",size:18,color:"#646a73"},null)],8,["onClick"])],2))],2),T()],2)]});return()=>E()}});exports.default=O;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),P=require("../../../hooks/use-namespace/index.js");require("../../index.js");const r=require("ant-design-vue"),m=require("./types.js"),V=require("../../icon/index.js"),U=require("../../pro-modal/index.js");function S(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!l.isVNode(u)}const i=P.useNamespace("role-selector"),q=l.defineComponent({name:"KRoleSelector",props:m.roleSelectorProps,emits:m.roleSelectorEmits,setup(u,{emit:d,attrs:g,slots:h}){const t=l.ref([]),p=l.ref(""),n=l.ref([]),c=l.ref([]),s=l.ref(""),v=l.ref(!1),N=l.ref(u.options||[]);if(u.isBuiltInRequest){if(!u.http)throw new Error("请传入http实例");u.http.get(`${u.prefix}/${m.GTE_OPTIONS_URL}`).then(e=>{e.status===0&&(n.value=e.data.list.map(a=>({label:a.roleName,value:a.id})),N.value=n.value)}).catch(e=>{console.log(e)})}const y=()=>{if(!v.value){s.value="";const e=[];N.value.forEach(a=>{Array.isArray(t.value)?t.value.includes(a.value)&&e.push(a.label):t.value===a.value&&e.push(a.label)}),s.value=e.join(",")}},b=()=>{const e=[];if(Array.isArray(t.value))t.value.forEach(a=>{const o=n.value.find(x=>x.value===a);o&&e.push(o)});else{const a=n.value.find(o=>o.value===t.value);a&&e.push(a)}c.value=e},E=()=>{Array.isArray(u.modelValue)?t.value=u.modelValue.map(e=>e.value):t.value=u.modelValue.value};l.watch(()=>u.visible,e=>{E()}),l.watch(()=>u.modelValue,e=>{v.value?v.value=!1:(E(),y())},{deep:!0,immediate:!0}),l.watch(()=>u.options,e=>{u.isBuiltInRequest||(n.value=e||[],y(),b())},{deep:!0,immediate:!0}),l.watch(t,()=>{b()},{deep:!0,immediate:!0});const w=e=>{e?n.value=n.value.filter(a=>{var o;return(o=a.label)==null?void 0:o.includes(e)}):n.value=[...u.options]},C=()=>{d("update:visible",!1),d("cancel")},R=()=>{var e;if(u.type==="radio"&&!t.value){r.message.warn("请选择角色");return}if(Array.isArray(t.value)&&t.value.length===0){r.message.warn("请选择角色");return}Array.isArray(t.value)?(s.value=c.value.map(a=>a.label).join(","),d("update:modelValue",c.value)):(s.value=((e=c.value[0])==null?void 0:e.label)||"",d("update:modelValue",c.value[0])),v.value=!0,d("update:visible",!1),d("confirm",c.value)},A=e=>{Array.isArray(t.value)?t.value=t.value.filter(a=>a!==e.value):t.value=""},f=(e,a)=>l.createVNode("div",{class:[i.e("role-item"),a&&i.is("active")]},[l.createVNode("div",{class:i.e("role-item-label")},[l.createVNode(V.KIcon,{name:"a-jiaoseguanli2",size:18,color:"#606266"},null),l.createVNode("span",{class:i.e("label")},[e.label],2)],2),l.createVNode("div",{class:i.e("role-item-del"),onClick:()=>A(e)},[a&&l.createVNode(V.KIcon,{name:"shanchu",size:18,color:"#606266"},null)],10,["onClick"])],2),I=()=>l.createVNode("div",{class:i.b("left")},[l.createVNode(r.InputSearch,{allowClear:!0,placeholder:"请输入角色名称",value:p.value,"onUpdate:value":e=>p.value=e,onSearch:w},null,8,["allowClear","value","onUpdate:value","onSearch"]),l.createVNode("div",{class:i.e("role-list")},[n.value.length===0&&l.createVNode(r.Empty,{description:"暂无数据",image:r.Empty.PRESENTED_IMAGE_SIMPLE},null,8,["image"]),u.type==="radio"?l.createVNode(r.RadioGroup,{value:t.value,"onUpdate:value":e=>t.value=e},{default:()=>[l.createVNode("div",{style:"width: 100%;"},[n.value.map((e,a)=>{let o;return l.createVNode("div",{key:a},[l.createVNode(r.Radio,{value:e.value},S(o=f(e))?o:{default:()=>[o],_:1},8,["value"])])})])]},8,["value","onUpdate:value"]):l.createVNode(r.CheckboxGroup,{value:t.value,"onUpdate:value":e=>t.value=e},{default:()=>[l.createVNode("div",{style:"width: 100%;"},[n.value.map((e,a)=>{let o;return l.createVNode("div",{key:a},[l.createVNode(r.Checkbox,{value:e.value},S(o=f(e))?o:{default:()=>[o],_:1},8,["value"])])})])]},8,["value","onUpdate:value"])],2)],2),_=()=>l.createVNode("div",{class:i.b("right")},[c.value.map((e,a)=>l.createVNode("div",{key:a},[f(e,!0)])),c.value.length===0&&l.createVNode(r.Empty,{description:"暂无数据",image:r.Empty.PRESENTED_IMAGE_SIMPLE},null,8,["image"])],2),k=()=>l.createVNode("div",null,[l.createVNode(U.KProModal,{modelValue:u.visible,title:"选择角色",modalProps:{cancelText:"取消",okText:"确定",width:"700px",...g},onOnCancel:()=>C(),onOnConfirm:()=>R()},{default:()=>[l.createVNode("div",{class:i.b("modal")},[I(),_()],2)]},8,["modelValue","modalProps","onOnCancel","onOnConfirm"])]);return()=>l.createVNode(r.FormItemRest,null,{default:()=>[l.createVNode("div",{class:i.b()},[u.hideSlot?null:h.default?h.default():l.createVNode(r.Input,{style:"width: 100%;",readonly:!0,value:s.value,"onUpdate:value":e=>s.value=e,onClick:()=>d("update:visible",!0),placeholder:"请选择角色"},{suffix:()=>l.createVNode("div",{onClick:()=>d("update:visible",!0)},[l.createVNode(V.KIcon,{style:{cursor:"pointer"},name:"a-jiaoseguanli2",size:18,color:"#606266"},null)],8,["onClick"]),_:1},8,["readonly","value","onUpdate:value","onClick"]),k()],2)]})}});exports.default=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=
|
|
1
|
+
@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=52649) format("woff2"),url(fonts/iconfont.woff?t=28030) format("woff"),url(fonts/iconfont.ttf?t=9645) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-tupianjiazaishibai:before{content:"\ec0d"}.icon-king-double-left:before{content:"\e65e"}.icon-king-double-right:before{content:"\e65f"}.icon-king-question-circle:before{content:"\e66c"}.icon-king-sound:before{content:"\e672"}.icon-king-code:before{content:"\e65a"}.icon-king-desktop:before{content:"\e65b"}.icon-king-delete1:before{content:"\e65c"}.icon-king-mobile:before{content:"\e668"}.icon-king-qiye:before{content:"\e646"}.icon-king-bumen:before{content:"\e7cf"}.icon-king-a-jiaoseguanli2:before{content:"\e611"}.icon-king-shanchu:before{content:"\e62f"}.icon-king-zuzhijiagou:before{content:"\e6d4"}.icon-king-search:before{content:"\e671"}.icon-king-calendar:before{content:"\e659"}.icon-king-carry-out:before{content:"\e658"}.icon-king-file-add:before{content:"\e664"}.icon-king-form:before{content:"\e665"}.icon-king-close-circle:before{content:"\e66a"}.icon-king-close-circle-o:before{content:"\e66b"}.icon-king-vertical-align-bottom:before{content:"\e670"}.icon-king-merge-cells:before{content:"\e667"}.icon-king-split-cells:before{content:"\e66e"}.icon-king-down:before{content:"\e65d"}.icon-king-left:before{content:"\e666"}.icon-king-right:before{content:"\e66d"}.icon-king-up:before{content:"\e66f"}.icon-king-plus:before{content:"\e614"}.icon-king-xsl:before{content:"\e602"}.icon-king-word:before{content:"\e622"}.icon-king-eye:before{content:"\e78f"}.icon-king-PDF:before{content:"\e60a"}.icon-king-delete:before{content:"\e63c"}.icon-king-upload-icon:before{content:"\e617"}.icon-king-title-icon:before{content:"\e680"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s;--king-border-color-1:#0505050f;--king-border-color-2:#dcdcdc}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-virtual-list-container{margin:0 auto;position:relative}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto;position:absolute;left:50%}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500;display:flex;align-items:center}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:80vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=47437) format("woff2"),url(fonts/iconfont.woff?t=8514) format("woff"),url(fonts/iconfont.ttf?t=108) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-tupianjiazaishibai:before{content:"\ec0d"}.icon-king-double-left:before{content:"\e65e"}.icon-king-double-right:before{content:"\e65f"}.icon-king-question-circle:before{content:"\e66c"}.icon-king-sound:before{content:"\e672"}.icon-king-code:before{content:"\e65a"}.icon-king-desktop:before{content:"\e65b"}.icon-king-delete1:before{content:"\e65c"}.icon-king-mobile:before{content:"\e668"}.icon-king-qiye:before{content:"\e646"}.icon-king-bumen:before{content:"\e7cf"}.icon-king-a-jiaoseguanli2:before{content:"\e611"}.icon-king-shanchu:before{content:"\e62f"}.icon-king-zuzhijiagou:before{content:"\e6d4"}.icon-king-search:before{content:"\e671"}.icon-king-calendar:before{content:"\e659"}.icon-king-carry-out:before{content:"\e658"}.icon-king-file-add:before{content:"\e664"}.icon-king-form:before{content:"\e665"}.icon-king-close-circle:before{content:"\e66a"}.icon-king-close-circle-o:before{content:"\e66b"}.icon-king-vertical-align-bottom:before{content:"\e670"}.icon-king-merge-cells:before{content:"\e667"}.icon-king-split-cells:before{content:"\e66e"}.icon-king-down:before{content:"\e65d"}.icon-king-left:before{content:"\e666"}.icon-king-right:before{content:"\e66d"}.icon-king-up:before{content:"\e66f"}.icon-king-plus:before{content:"\e614"}.icon-king-xsl:before{content:"\e602"}.icon-king-word:before{content:"\e622"}.icon-king-eye:before{content:"\e78f"}.icon-king-PDF:before{content:"\e60a"}.icon-king-delete:before{content:"\e63c"}.icon-king-upload-icon:before{content:"\e617"}.icon-king-title-icon:before{content:"\e680"}.king-cover-scrollbar{height:100%;width:100%;overflow:hidden;position:relative}.king-cover-scrollbar .king-cover-scrollbar-container{height:100%;width:100%;overflow:scroll;scrollbar-width:none}.king-cover-scrollbar .king-cover-scrollbar-rail{width:5px;top:2px;bottom:2px;position:absolute}.king-cover-scrollbar .king-cover-scrollbar-rail__scrollbar--vertical{position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-pro-contract-view{position:relative;display:flex}.king-pro-contract-view .king-pro-contract-view__content{flex:1}.king-pro-contract-view .king-pro-contract-view__content-item{border:1px solid #f0f0f0;position:relative;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.king-pro-contract-view>.ant-spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.king-pro-overlay{position:relative;cursor:pointer;display:inline-block}.king-pro-overlay .king-pro-overlay__content{transition:all .2s linear;opacity:0;position:absolute;display:flex;align-items:center;justify-content:center;inset:0}.king-pro-overlay:hover .king-pro-overlay__content{opacity:1;background:rgba(0,0,0,.5)}.king-plus-upload .king-plus-upload__icon-plus{font-size:32px!important}.king-plus-upload .king-plus-upload__icon-eye{font-size:16px!important;margin-right:5px;color:#fff!important}.king-plus-upload .king-plus-upload__icon-delete{font-size:16px!important;margin-right:5px;color:#fff!important}.king-plus-upload .king-plus-upload__file-item{width:102px;height:102px;display:flex;align-items:center;justify-content:center;border:1px solid #cbcdd3;border-radius:3px}.king-pro-sign-spin{width:100%;height:100%;border:1px solid #f0f0f0}.king-pro-sign-spin .ant-spin-container{width:100%;height:100%}.king-pro-sign-spin .king-pro-sign{width:100%;height:100%;display:flex;background:#f1f3f7;overflow:auto}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left{position:relative}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region{width:270px;height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region .ant-card{border-radius:0}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region .ant-tabs-content-holder{overflow-x:hidden}.king-pro-sign-spin .king-pro-sign .king-pro-sign__center{flex:1;min-width:900px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right{position:relative}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region{width:320px;height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .ant-card{border-radius:0}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .date-region{padding:20px 30px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .ant-tabs-content-holder{overflow-x:hidden}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs{height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs .ant-tabs-content{height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs .ant-tabs-content-holder{overflow:auto;padding:0 25px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__direction{position:absolute;cursor:pointer;top:50%;width:25px;height:80px;transform:translateY(-50%);display:flex;z-index:1;justify-content:center;align-items:center;background-color:#fff}.king-pro-sign-spin .king-pro-sign .show-left-direction{background-color:transparent;height:0;right:2px}.king-pro-sign-spin .king-pro-sign .hide-left-direction{right:-25px}.king-pro-sign-spin .king-pro-sign .show-right-direction{background-color:transparent;height:0;left:0}.king-pro-sign-spin .king-pro-sign .hide-right-direction{left:-25px}.king-pro-sign-middle{height:100%;display:flex;flex-direction:column}.king-pro-sign-middle * ::-webkit-scrollbar{width:5px;height:5px}.king-pro-sign-middle * ::-webkit-scrollbar-track{background:0 0}.king-pro-sign-middle * ::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(144,147,153,.3)}.king-pro-sign-middle ::-webkit-scrollbar-corner{background:0 0}.king-pro-sign-middle .contract-seal{position:absolute;top:10px;right:10px;z-index:1;border:1px dashed transparent;cursor:move}.king-pro-sign-middle .contract-seal .remove-icon{display:none}.king-pro-sign-middle .contract-crevice-seal{max-width:100%;position:absolute;border:1px dashed transparent;display:flex;align-items:center;justify-content:center}.king-pro-sign-middle .contract-crevice-seal .remove-icon{display:none}.king-pro-sign-middle .seal-time{display:flex;align-items:center;justify-content:center;height:100%}.king-pro-sign-middle .mouse-check-seal{border-color:var(--king-color-primary)}.king-pro-sign-middle .mouse-check-seal .remove-icon{display:block;cursor:pointer;position:absolute;top:-10px;right:-10px}.king-pro-sign-middle .king-pro-sign-middle__title{display:flex;justify-content:space-between;height:45px;background:#fff;align-items:center;padding:0 15px;border-left:1px solid var(--king-border-color-1);border-right:1px solid var(--king-border-color-1)}.king-pro-sign-middle .king-pro-sign-middle__footer{border-left:1px solid var(--king-border-color-1);border-right:1px solid var(--king-border-color-1);position:relative}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages{height:45px;background:#fff;text-align:center;display:flex;align-items:center;gap:10px;justify-content:center}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--pre{display:flex;align-items:center;cursor:pointer}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--pre span{margin-left:5px}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--next{display:flex;align-items:center;cursor:pointer}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--next span{margin-right:5px}.king-pro-sign-middle .king-pro-sign-middle__page-jump{display:flex;align-items:center;gap:10px;position:absolute;right:15px;top:5px}.king-pro-sign-middle .king-pro-sign-middle__page-jump .king-pro-sign-middle__page-input{border-bottom:1px solid var(--king-border-color-2)}.king-pro-sign-loader{padding:5px;height:100%;width:100%;position:relative}.king-pro-sign-loader .king-pro-sign-loader__actions{position:absolute;right:20px;bottom:20px;top:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--king-color-primary)}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--crevice{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#ecf5ff;border-radius:4px;width:35px;height:120px;border:1px solid var(--king-color-primary)}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--crevice span{width:20px;margin-top:5px;text-align:center}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--down{border:1px solid var(--king-color-primary);width:35px;height:35px;background:#ecf5ff;border-radius:4px;margin-top:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.king-pro-sign-loader .king-pro-sign-loader__contract-item{display:flex;margin-top:10px}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-region{position:absolute;left:0;top:0;border:1px solid transparent}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-region-moveing{border:1px dashed #4699ff}.king-pro-sign-loader .king-pro-sign-loader__contract-item .crevice-drag-moveing{border:1px dashed #4699ff}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice{margin-left:10px;width:100px;border:1px solid #ddd;background:#f7f7f7;height:100%;display:flex;position:relative}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice .crevice-tip{width:100%;line-height:100px;color:#bfbfbf;writing-mode:vertical-lr;text-align:center;font-size:18px}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice .drag-region-crevice{width:100%;height:100%;position:absolute;left:0;top:0}.king-pro-sign-loader .king-pro-sign-loader__contract-item .item{background-color:#fff;text-align:right;position:relative}.king-pro-sign-files{display:flex;flex-direction:column;align-items:center;justify-content:center}.king-pro-sign-files .king-pro-sign-files__item{margin-bottom:40px}.king-pro-sign-files .king-pro-sign-files__file-image{width:165px;height:220px;background-color:#fff;border-radius:4px;margin-bottom:15px;cursor:pointer;box-shadow:5px 5px 10px 0 rgba(0,0,0,.1),-5px 5px 10px 0 rgba(0,0,0,.1)}.king-pro-sign-files .king-pro-sign-files__file-name{text-align:center}.king-pro-sign-files .king-pro-sign-files__active-item .king-pro-sign-files__file-image{border:1px solid var(--king-color-primary)}.king-pro-sign-files .king-pro-sign-files__active-item .king-pro-sign-files__file-name{color:var(--king-color-primary)}.king-pro-sign-seals{display:flex;flex-direction:column;padding-bottom:20px;height:100%}.king-pro-sign-seals .king-pro-sign-seals__seals{display:flex;flex-direction:column;align-items:center;flex:1;margin-bottom:20px;overflow:auto}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal{width:180px;height:180px;margin:10px;background:rgba(70,153,255,.1);border-radius:4px;border:1px dotted var(--king-color-primary);display:flex;justify-content:center;align-items:center}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal-drag{display:flex;cursor:pointer}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal-img{width:150px;pointer-events:none}.king-pro-sign-batch{max-height:520px;overflow:auto}.king-pro-sign-batch .contract-popover-title{padding:10px 0}.king-pro-sign-batch .contract-popover-footer{text-align:right;width:100%}.king-pro-sign-batch .contract-popover-footer .first-btn{margin-right:5px}.king-pro-sign-batch .contract-popover-position{margin:10px 0;margin-top:0}.king-pro-sign-batch .contract-popover-position .contract-popover-position-page{margin-top:10px}.king-pro-sign-batch .contract-popover-position .contract-popover-position-page .err{font-size:12px;color:var(--red-color)}.king-pro-sign-info{width:100%;height:100%;overflow:auto;padding-left:10px}.king-pro-sign-signature{text-align:center}.king-pro-sign-signature .add-signature-icon{color:var(--king-color-primary)!important;margin-right:5px}.king-pro-sign-signature .signature-item{border:1px dotted var(--king-color-primary);margin-bottom:10px;padding:10px;background:rgba(70,153,255,.1);cursor:pointer}.king-pro-sign-signature .add-signature{display:flex;height:50px;align-items:center;justify-content:center;cursor:pointer;background:rgba(70,153,255,.1);color:#4699ff;border-radius:4px;font-size:14px;margin-bottom:10px}.king-pro-sign-signature .add-signature .date-icon{font-size:18px;margin-right:12px}.king-pro-sign-signature .add-signature:active{opacity:.8}.king-pro-add-signature{position:relative;height:280px}.king-pro-add-signature .pro-signature{position:absolute;border:1px dashed #ccc;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.king-pro-add-signature .tip{position:absolute;font-size:24px;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;z-index:1}.king-pro-sign-date{display:flex;height:50px;align-items:center;justify-content:center;cursor:pointer;background:rgba(70,153,255,.1);color:var(--king-color-primary);border-radius:4px;font-size:14px}.king-pro-sign-date .date-icon{font-size:18px;margin-right:12px}.king-pro-sign-verify .construct-verify-sms{padding-left:20px}.king-pro-sign-verify .constract-verify-phone{margin:15px 0;text-align:center}.king-pro-sign-verify .constract-verify-password{padding-top:15px;margin:0 auto}.king-pro-sign-verify .constract-verify-password-switch{text-align:center}.king-pro-tag-group{border:1px solid #d9d9d9;height:30px;width:100%;display:flex;align-items:center;padding:5px;border-radius:3px;color:#3b3b3b}.king-pro-tag-group .king-pro-tag-group__tags{display:flex;flex:1;align-items:center;overflow-x:hidden;scrollbar-width:none;gap:5px;height:100%}.king-pro-tag-group .king-pro-tag-group__count{background:#d9d9d9;overflow:hidden;margin-left:5px;text-align:center;white-space:nowrap;text-overflow:ellipsis;line-height:normal;padding:0 5px;height:100%}.king-pro-tag-group .king-pro-tag-group__item{padding:0 5px;background:#d9d9d9;flex-shrink:0;visibility:hidden;line-height:normal}.king-pro-tag-group .king-pro-tag-group__item:hover .king-pro-tag-group__remove-icon{background:#a3a3a3;border-radius:50%;color:#fff!important}.king-pro-tag-group .king-pro-tag-group__remove-icon{margin-left:2px;padding:1px;cursor:pointer}.king-pro-tag-group .king-pro-tag-group__visible{visibility:inherit}.king-role-selector-modal{display:flex;height:300px;width:100%;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.king-role-selector-modal .king-role-selector__role-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;cursor:pointer}.king-role-selector-modal .king-role-selector__role-item.is-active{padding:0 10px}.king-role-selector-modal .king-role-selector__role-item:hover.is-active{background-color:#f5f7fa;border-radius:4px}.king-role-selector-modal .king-role-selector__role-item .king-role-selector-role-item-label{display:flex}.king-role-selector-modal .king-role-selector__role-item .king-role-selector__label{font-size:14px;padding-left:5px;color:#606266}.king-role-selector-modal .king-role-selector__role-item .king-role-selector__role-item-del:hover .icon-king-shanchu{color:#409eff!important}.king-role-selector-modal .king-role-selector-left{width:50%;height:300px;box-sizing:border-box;padding:15px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list{margin-top:15px;height:230px;width:100%;overflow-y:auto}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar{width:6px;height:6px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-role-selector-modal .king-role-selector-right{flex:1;height:300px;box-sizing:border-box;border-left:1px solid #e5e5e5;padding:15px;overflow-y:auto}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar{width:6px;height:6px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-user-avatar{box-sizing:border-box;margin:5px;cursor:pointer;position:relative}.king-user-avatar .king-user-avatar__img{width:100%;height:100%;display:block;box-sizing:border-box}.king-user-avatar .king-user-avatar__name{width:100%;height:100%;min-width:24px;min-height:24px;color:#fff;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.king-user-avatar-default{width:32px;height:32px}.king-user-avatar-default .king-user-avatar__name{font-size:12px}.king-user-avatar-small{width:24px;height:24px}.king-user-avatar-small .king-user-avatar__name{font-size:8px}.king-user-avatar-large{width:40px;height:40px}.king-user-avatar-large .king-user-avatar__name{font-size:14px}.king-dept-selector__modal-content{display:flex;height:400px;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box}.king-dept-selector__modal-content-left{width:50%;height:100%;box-sizing:border-box;border-right:1px solid #e5e5e5;padding:12px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree{height:320px;overflow-y:auto}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar{width:6px;height:6px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-dept-selector__modal-content-right{flex:1;height:100%;box-sizing:border-box;padding:12px;overflow-y:auto}.king-dept-selector__modal-content-right::-webkit-scrollbar{width:6px;height:6px}.king-dept-selector__modal-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-dept-selector__modal-content-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-dept-selector__modal-content-right::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;cursor:pointer;border-radius:4px}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item:hover{background-color:#f5f7fa}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item .king-dept-selector__modal-content-right-item-label{display:flex;align-items:center}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item span{padding:0 4px}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item .king-dept-selector__modal-content-right-item-del:hover .icon-king-shanchu{color:#409eff!important}.king-pro-user-selector{display:flex;justify-content:center;height:300px;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.king-pro-user-selector .king-pro-user-selector-org-tree{overflow-y:auto;overflow-x:hidden;height:200px;margin-top:16px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar{width:6px;height:6px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item{margin:0 10px;display:flex;align-items:center;justify-content:space-between;height:100%;box-sizing:border-box;height:48px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item:hover{background-color:rgba(31,35,41,.08);cursor:pointer;border-radius:6px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title{display:flex;align-items:center;width:100%;height:100%;padding:0 6px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title .king-pro-user-selector-org-tree-dept-icon{width:32px;height:32px;border-radius:50%;background-color:#4954e6;display:flex;align-items:center;justify-content:center}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title .king-pro-user-selector-org-tree-item-title-text{margin-left:10px;font-size:14px;color:#1f2329}.king-pro-user-selector .select-user-list{overflow-y:auto;overflow-x:hidden;height:240px;margin-top:16px}.king-pro-user-selector .select-user-list::-webkit-scrollbar{width:6px;height:6px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-pro-user-selector .king-pro-user-selector-user-list{margin-top:10px;overflow-y:auto;overflow-x:hidden}.king-pro-user-selector .king-pro-user-selector-user-item{display:flex;align-items:center;width:calc(100% - 20px);margin:0 10px;height:48px;box-sizing:border-box}.king-pro-user-selector .king-pro-user-selector-user-item:hover{background-color:rgba(31,35,41,.08);cursor:pointer;border-radius:6px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content{display:flex;align-items:center;flex:1}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .king-pro-user-selector-user-item-content-tag{font-size:10px;color:#999;margin-left:10px;color:#245bdb;background-color:rgba(51,112,255,.2);padding-left:4px;padding-right:4px;border-radius:4px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .select-user-item-icon{width:20px;height:20px;margin-right:4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .select-user-item-icon:hover{background-color:rgba(31,35,41,.1);border-radius:6px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-avator{width:32px;height:32px;border-radius:50%;margin-right:10px;margin-left:10px}.king-pro-user-selector .king-pro-user-selector-content-left{width:50%;box-sizing:border-box}.king-pro-user-selector .king-pro-user-selector-content-left .king-pro-user-selector-breadcrumb{margin-top:10px}.king-pro-user-selector .king-pro-user-selector-content-right{width:50%;box-sizing:border-box;border-left:1px solid #e5e5e5;padding:16px}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-content-right-title{font-size:14px;color:#333;margin-bottom:10px}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-select-user-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px;height:48px;cursor:pointer}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-select-user-item:hover{background-color:rgba(31,35,41,.08);border-radius:6px}.king-user-selector-extermal{display:flex;flex-wrap:wrap;width:100%}.king-user-selector-extermal .king-user-selector-extermal-icon{width:56px;height:32px;border:1px solid #409eff;border-radius:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-top:8px}.king-user-selector-extermal .king-user-selector-extermal-icon:hover{box-shadow:0 0 10px rgba(51,112,255,.5);transition:all .2s}.king-user-selector-extermal .king-user-selector-extermal-list{display:flex;flex:1;flex-wrap:wrap}.king-user-selector-extermal .king-user-selector-extermal-list .king-user-selector-extermal-item{display:flex;align-items:center;min-width:70px;background-color:#eff0f1;height:32px;padding:0 4px;box-sizing:border-box;border-radius:16px;color:#1f2329;font-size:14px;cursor:pointer;margin-right:8px;margin-top:8px;padding-right:10px}.king-user-selector-extermal .king-user-selector-extermal-list .king-user-selector-extermal-item__name{padding:0 4px}.king-user-selector-extermal .king-user-selector-extermal-list .icon-king-shanchu:hover{color:#409eff!important}
|
|
1
|
+
@charset "UTF-8";:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-success:#67c23a;--king-color-warning:#e6a23c;--king-color-danger:#f56c6c;--king-color-error:#f56c6c;--king-color-info:#909399;--king-transition-duration:0.3s;--king-border-color-1:#0505050f;--king-border-color-2:#dcdcdc}.king-button--primary{--king-button-text-color:var(--king-color-primary)}.king-button--success{--king-button-text-color:var(--king-color-success)}.king-button--warning{--king-button-text-color:var(--king-color-warning)}.king-button--danger{--king-button-text-color:var(--king-color-danger)}.king-button--error{--king-button-text-color:var(--king-color-error)}.king-button--info{--king-button-text-color:var(--king-color-info)}.king-button{color:var(--king-button-text-color)}.king-scrollbar{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.king-scrollbar .king-scrollbar-container{width:100%;overflow:scroll;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.king-scrollbar .king-scrollbar-content{width:-moz-fit-content;width:fit-content}.king-scrollbar .king-scrollbar-rail{position:absolute}.king-scrollbar .king-scrollbar-rail--vertical{right:0;width:5px;top:2px;bottom:2px;right:4px}.king-scrollbar .king-scrollbar-rail--horizontal{bottom:2px;height:5px;left:2px;right:2px}.king-scrollbar .king-scrollbar-rail__scrollbar--vertical{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-scrollbar .king-scrollbar-rail__scrollbar--horizontal{background:rgba(0,0,0,.25);position:absolute;border-radius:5px;height:100%;cursor:pointer}.v-vl-items{width:-moz-fit-content;width:fit-content}.king-scale-virtual-list{width:100%;height:100%}.king-scale-virtual-list .king-scale-virtual-list-container{margin:0 auto;position:relative}.king-scale-virtual-list .king-scale-vittual-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto;position:absolute;left:50%}.king-pro-title{border-bottom:1px solid #ccc;font-weight:500;display:flex;align-items:center}.king-pro-title .icon{margin-right:10px}.king-pro-title--unborder{border:none}.king-pro-modal .ant-modal-content{padding:0}.king-pro-modal .ant-modal-header{height:56px;padding-left:32px;padding-right:24px;display:flex;justify-content:space-between;align-items:center;background:#f1f7ff;border-bottom:1px solid #e6e8ea}.king-pro-modal .ant-modal-body{padding:10px 20px;max-height:80vh;overflow:auto}.king-pro-modal .ant-modal-footer{height:56px;display:flex;padding:0 16px;justify-content:flex-end;align-items:center;border-top:1px solid #e6e8ea}.king-pro-modal .ant-modal-title{flex:1}.king-pro-modal .pro-modal-title{cursor:move;width:100%}.king-pro-area-select{width:100%}@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=45962) format("woff2"),url(fonts/iconfont.woff?t=38057) format("woff"),url(fonts/iconfont.ttf?t=20307) format("truetype")}.king-icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-king-tupianjiazaishibai:before{content:"\ec0d"}.icon-king-double-left:before{content:"\e65e"}.icon-king-double-right:before{content:"\e65f"}.icon-king-question-circle:before{content:"\e66c"}.icon-king-sound:before{content:"\e672"}.icon-king-code:before{content:"\e65a"}.icon-king-desktop:before{content:"\e65b"}.icon-king-delete1:before{content:"\e65c"}.icon-king-mobile:before{content:"\e668"}.icon-king-qiye:before{content:"\e646"}.icon-king-bumen:before{content:"\e7cf"}.icon-king-a-jiaoseguanli2:before{content:"\e611"}.icon-king-shanchu:before{content:"\e62f"}.icon-king-zuzhijiagou:before{content:"\e6d4"}.icon-king-search:before{content:"\e671"}.icon-king-calendar:before{content:"\e659"}.icon-king-carry-out:before{content:"\e658"}.icon-king-file-add:before{content:"\e664"}.icon-king-form:before{content:"\e665"}.icon-king-close-circle:before{content:"\e66a"}.icon-king-close-circle-o:before{content:"\e66b"}.icon-king-vertical-align-bottom:before{content:"\e670"}.icon-king-merge-cells:before{content:"\e667"}.icon-king-split-cells:before{content:"\e66e"}.icon-king-down:before{content:"\e65d"}.icon-king-left:before{content:"\e666"}.icon-king-right:before{content:"\e66d"}.icon-king-up:before{content:"\e66f"}.icon-king-plus:before{content:"\e614"}.icon-king-xsl:before{content:"\e602"}.icon-king-word:before{content:"\e622"}.icon-king-eye:before{content:"\e78f"}.icon-king-PDF:before{content:"\e60a"}.icon-king-delete:before{content:"\e63c"}.icon-king-upload-icon:before{content:"\e617"}.icon-king-title-icon:before{content:"\e680"}.king-cover-scrollbar{height:100%;width:100%;overflow:hidden;position:relative}.king-cover-scrollbar .king-cover-scrollbar-container{height:100%;width:100%;overflow:scroll;scrollbar-width:none}.king-cover-scrollbar .king-cover-scrollbar-rail{width:5px;top:2px;bottom:2px;position:absolute}.king-cover-scrollbar .king-cover-scrollbar-rail__scrollbar--vertical{position:absolute;border-radius:5px;width:100%;cursor:pointer}.king-pro-contract-view{position:relative;display:flex}.king-pro-contract-view .king-pro-contract-view__content{flex:1}.king-pro-contract-view .king-pro-contract-view__content-item{border:1px solid #f0f0f0;position:relative;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.king-pro-contract-view>.ant-spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.king-pro-overlay{position:relative;cursor:pointer;display:inline-block}.king-pro-overlay .king-pro-overlay__content{transition:all .2s linear;opacity:0;position:absolute;display:flex;align-items:center;justify-content:center;inset:0}.king-pro-overlay:hover .king-pro-overlay__content{opacity:1;background:rgba(0,0,0,.5)}.king-plus-upload .king-plus-upload__icon-plus{font-size:32px!important}.king-plus-upload .king-plus-upload__icon-eye{font-size:16px!important;margin-right:5px;color:#fff!important}.king-plus-upload .king-plus-upload__icon-delete{font-size:16px!important;margin-right:5px;color:#fff!important}.king-plus-upload .king-plus-upload__file-item{width:102px;height:102px;display:flex;align-items:center;justify-content:center;border:1px solid #cbcdd3;border-radius:3px}.king-pro-sign-spin{width:100%;height:100%;border:1px solid #f0f0f0}.king-pro-sign-spin .ant-spin-container{width:100%;height:100%}.king-pro-sign-spin .king-pro-sign{width:100%;height:100%;display:flex;background:#f1f3f7;overflow:auto}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left{position:relative}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region{width:270px;height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region .ant-card{border-radius:0}.king-pro-sign-spin .king-pro-sign .king-pro-sign__left .king-pro-sign__left-region .ant-tabs-content-holder{overflow-x:hidden}.king-pro-sign-spin .king-pro-sign .king-pro-sign__center{flex:1;min-width:900px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right{position:relative}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region{width:320px;height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .ant-card{border-radius:0}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .date-region{padding:20px 30px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__right .king-pro-sign__right-region .ant-tabs-content-holder{overflow-x:hidden}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs{height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs .ant-tabs-content{height:100%}.king-pro-sign-spin .king-pro-sign .king-pro-sign__tabs .ant-tabs-content-holder{overflow:auto;padding:0 25px}.king-pro-sign-spin .king-pro-sign .king-pro-sign__direction{position:absolute;cursor:pointer;top:50%;width:25px;height:80px;transform:translateY(-50%);display:flex;z-index:1;justify-content:center;align-items:center;background-color:#fff}.king-pro-sign-spin .king-pro-sign .show-left-direction{background-color:transparent;height:0;right:2px}.king-pro-sign-spin .king-pro-sign .hide-left-direction{right:-25px}.king-pro-sign-spin .king-pro-sign .show-right-direction{background-color:transparent;height:0;left:0}.king-pro-sign-spin .king-pro-sign .hide-right-direction{left:-25px}.king-pro-sign-middle{height:100%;display:flex;flex-direction:column}.king-pro-sign-middle * ::-webkit-scrollbar{width:5px;height:5px}.king-pro-sign-middle * ::-webkit-scrollbar-track{background:0 0}.king-pro-sign-middle * ::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(144,147,153,.3)}.king-pro-sign-middle ::-webkit-scrollbar-corner{background:0 0}.king-pro-sign-middle .contract-seal{position:absolute;top:10px;right:10px;z-index:1;border:1px dashed transparent;cursor:move}.king-pro-sign-middle .contract-seal .remove-icon{display:none}.king-pro-sign-middle .contract-crevice-seal{max-width:100%;position:absolute;border:1px dashed transparent;display:flex;align-items:center;justify-content:center}.king-pro-sign-middle .contract-crevice-seal .remove-icon{display:none}.king-pro-sign-middle .seal-time{display:flex;align-items:center;justify-content:center;height:100%}.king-pro-sign-middle .mouse-check-seal{border-color:var(--king-color-primary)}.king-pro-sign-middle .mouse-check-seal .remove-icon{display:block;cursor:pointer;position:absolute;top:-10px;right:-10px}.king-pro-sign-middle .king-pro-sign-middle__title{display:flex;justify-content:space-between;height:45px;background:#fff;align-items:center;padding:0 15px;border-left:1px solid var(--king-border-color-1);border-right:1px solid var(--king-border-color-1)}.king-pro-sign-middle .king-pro-sign-middle__footer{border-left:1px solid var(--king-border-color-1);border-right:1px solid var(--king-border-color-1);position:relative}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages{height:45px;background:#fff;text-align:center;display:flex;align-items:center;gap:10px;justify-content:center}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--pre{display:flex;align-items:center;cursor:pointer}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--pre span{margin-left:5px}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--next{display:flex;align-items:center;cursor:pointer}.king-pro-sign-middle .king-pro-sign-middle__footer .king-pro-sign-middle__footer-pages .king-pro-sign-middle__footer-pages--next span{margin-right:5px}.king-pro-sign-middle .king-pro-sign-middle__page-jump{display:flex;align-items:center;gap:10px;position:absolute;right:15px;top:5px}.king-pro-sign-middle .king-pro-sign-middle__page-jump .king-pro-sign-middle__page-input{border-bottom:1px solid var(--king-border-color-2)}.king-pro-sign-loader{padding:5px;height:100%;width:100%;position:relative}.king-pro-sign-loader .king-pro-sign-loader__actions{position:absolute;right:20px;bottom:20px;top:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--king-color-primary)}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--crevice{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#ecf5ff;border-radius:4px;width:35px;height:120px;border:1px solid var(--king-color-primary)}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--crevice span{width:20px;margin-top:5px;text-align:center}.king-pro-sign-loader .king-pro-sign-loader__actions .king-pro-sign-loader__actions--down{border:1px solid var(--king-color-primary);width:35px;height:35px;background:#ecf5ff;border-radius:4px;margin-top:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.king-pro-sign-loader .king-pro-sign-loader__contract-item{display:flex;margin-top:10px}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-region{position:absolute;left:0;top:0;border:1px solid transparent}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-region-moveing{border:1px dashed #4699ff}.king-pro-sign-loader .king-pro-sign-loader__contract-item .crevice-drag-moveing{border:1px dashed #4699ff}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice{margin-left:10px;width:100px;border:1px solid #ddd;background:#f7f7f7;height:100%;display:flex;position:relative}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice .crevice-tip{width:100%;line-height:100px;color:#bfbfbf;writing-mode:vertical-lr;text-align:center;font-size:18px}.king-pro-sign-loader .king-pro-sign-loader__contract-item .drag-crevice .drag-region-crevice{width:100%;height:100%;position:absolute;left:0;top:0}.king-pro-sign-loader .king-pro-sign-loader__contract-item .item{background-color:#fff;text-align:right;position:relative}.king-pro-sign-files{display:flex;flex-direction:column;align-items:center;justify-content:center}.king-pro-sign-files .king-pro-sign-files__item{margin-bottom:40px}.king-pro-sign-files .king-pro-sign-files__file-image{width:165px;height:220px;background-color:#fff;border-radius:4px;margin-bottom:15px;cursor:pointer;box-shadow:5px 5px 10px 0 rgba(0,0,0,.1),-5px 5px 10px 0 rgba(0,0,0,.1)}.king-pro-sign-files .king-pro-sign-files__file-name{text-align:center}.king-pro-sign-files .king-pro-sign-files__active-item .king-pro-sign-files__file-image{border:1px solid var(--king-color-primary)}.king-pro-sign-files .king-pro-sign-files__active-item .king-pro-sign-files__file-name{color:var(--king-color-primary)}.king-pro-sign-seals{display:flex;flex-direction:column;padding-bottom:20px;height:100%}.king-pro-sign-seals .king-pro-sign-seals__seals{display:flex;flex-direction:column;align-items:center;flex:1;margin-bottom:20px;overflow:auto}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal{width:180px;height:180px;margin:10px;background:rgba(70,153,255,.1);border-radius:4px;border:1px dotted var(--king-color-primary);display:flex;justify-content:center;align-items:center}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal-drag{display:flex;cursor:pointer}.king-pro-sign-seals .king-pro-sign-seals__seals .king-pro-sign-seals__seals--seal-img{width:150px;pointer-events:none}.king-pro-sign-batch{max-height:520px;overflow:auto}.king-pro-sign-batch .contract-popover-title{padding:10px 0}.king-pro-sign-batch .contract-popover-footer{text-align:right;width:100%}.king-pro-sign-batch .contract-popover-footer .first-btn{margin-right:5px}.king-pro-sign-batch .contract-popover-position{margin:10px 0;margin-top:0}.king-pro-sign-batch .contract-popover-position .contract-popover-position-page{margin-top:10px}.king-pro-sign-batch .contract-popover-position .contract-popover-position-page .err{font-size:12px;color:var(--red-color)}.king-pro-sign-info{width:100%;height:100%;overflow:auto;padding-left:10px}.king-pro-sign-signature{text-align:center}.king-pro-sign-signature .add-signature-icon{color:var(--king-color-primary)!important;margin-right:5px}.king-pro-sign-signature .signature-item{border:1px dotted var(--king-color-primary);margin-bottom:10px;padding:10px;background:rgba(70,153,255,.1);cursor:pointer}.king-pro-sign-signature .add-signature{display:flex;height:50px;align-items:center;justify-content:center;cursor:pointer;background:rgba(70,153,255,.1);color:#4699ff;border-radius:4px;font-size:14px;margin-bottom:10px}.king-pro-sign-signature .add-signature .date-icon{font-size:18px;margin-right:12px}.king-pro-sign-signature .add-signature:active{opacity:.8}.king-pro-add-signature{position:relative;height:280px}.king-pro-add-signature .pro-signature{position:absolute;border:1px dashed #ccc;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.king-pro-add-signature .tip{position:absolute;font-size:24px;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;z-index:1}.king-pro-sign-date{display:flex;height:50px;align-items:center;justify-content:center;cursor:pointer;background:rgba(70,153,255,.1);color:var(--king-color-primary);border-radius:4px;font-size:14px}.king-pro-sign-date .date-icon{font-size:18px;margin-right:12px}.king-pro-sign-verify .construct-verify-sms{padding-left:20px}.king-pro-sign-verify .constract-verify-phone{margin:15px 0;text-align:center}.king-pro-sign-verify .constract-verify-password{padding-top:15px;margin:0 auto}.king-pro-sign-verify .constract-verify-password-switch{text-align:center}.king-pro-tag-group{border:1px solid #d9d9d9;height:30px;width:100%;display:flex;align-items:center;padding:5px;border-radius:3px;color:#3b3b3b}.king-pro-tag-group .king-pro-tag-group__tags{display:flex;flex:1;align-items:center;overflow-x:hidden;scrollbar-width:none;gap:5px;height:100%}.king-pro-tag-group .king-pro-tag-group__count{background:#d9d9d9;overflow:hidden;margin-left:5px;text-align:center;white-space:nowrap;text-overflow:ellipsis;line-height:normal;padding:0 5px;height:100%}.king-pro-tag-group .king-pro-tag-group__item{padding:0 5px;background:#d9d9d9;flex-shrink:0;visibility:hidden;line-height:normal}.king-pro-tag-group .king-pro-tag-group__item:hover .king-pro-tag-group__remove-icon{background:#a3a3a3;border-radius:50%;color:#fff!important}.king-pro-tag-group .king-pro-tag-group__remove-icon{margin-left:2px;padding:1px;cursor:pointer}.king-pro-tag-group .king-pro-tag-group__visible{visibility:inherit}.king-role-selector-modal{display:flex;height:300px;width:100%;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.king-role-selector-modal .king-role-selector__role-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;cursor:pointer}.king-role-selector-modal .king-role-selector__role-item.is-active{padding:0 10px}.king-role-selector-modal .king-role-selector__role-item:hover.is-active{background-color:#f5f7fa;border-radius:4px}.king-role-selector-modal .king-role-selector__role-item .king-role-selector-role-item-label{display:flex}.king-role-selector-modal .king-role-selector__role-item .king-role-selector__label{font-size:14px;padding-left:5px;color:#606266}.king-role-selector-modal .king-role-selector__role-item .king-role-selector__role-item-del:hover .icon-king-shanchu{color:#409eff!important}.king-role-selector-modal .king-role-selector-left{width:50%;height:300px;box-sizing:border-box;padding:15px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list{margin-top:15px;height:230px;width:100%;overflow-y:auto}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar{width:6px;height:6px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-role-selector-modal .king-role-selector-left .king-role-selector__role-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-role-selector-modal .king-role-selector-right{flex:1;height:300px;box-sizing:border-box;border-left:1px solid #e5e5e5;padding:15px;overflow-y:auto}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar{width:6px;height:6px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-role-selector-modal .king-role-selector-right::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-user-avatar{box-sizing:border-box;margin:5px;cursor:pointer;position:relative}.king-user-avatar .king-user-avatar__img{width:100%;height:100%;display:block;box-sizing:border-box}.king-user-avatar .king-user-avatar__name{width:100%;height:100%;min-width:24px;min-height:24px;color:#fff;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.king-user-avatar-default{width:32px;height:32px}.king-user-avatar-default .king-user-avatar__name{font-size:12px}.king-user-avatar-small{width:24px;height:24px}.king-user-avatar-small .king-user-avatar__name{font-size:8px}.king-user-avatar-large{width:40px;height:40px}.king-user-avatar-large .king-user-avatar__name{font-size:14px}.king-dept-selector__modal-content{display:flex;height:400px;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box}.king-dept-selector__modal-content-left{width:50%;height:100%;box-sizing:border-box;border-right:1px solid #e5e5e5;padding:12px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree{height:320px;overflow-y:auto}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar{width:6px;height:6px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-dept-selector__modal-content-left .king-dept-selector__modal-content-left-tree::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-dept-selector__modal-content-right{flex:1;height:100%;box-sizing:border-box;padding:12px;overflow-y:auto}.king-dept-selector__modal-content-right::-webkit-scrollbar{width:6px;height:6px}.king-dept-selector__modal-content-right::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-dept-selector__modal-content-right::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-dept-selector__modal-content-right::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;cursor:pointer;border-radius:4px}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item:hover{background-color:#f5f7fa}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item .king-dept-selector__modal-content-right-item-label{display:flex;align-items:center}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item span{padding:0 4px}.king-dept-selector__modal-content-right .king-dept-selector__modal-content-right-item .king-dept-selector__modal-content-right-item-del:hover .icon-king-shanchu{color:#409eff!important}.king-pro-user-selector{display:flex;justify-content:center;height:300px;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.king-pro-user-selector .king-pro-user-selector-org-tree{overflow-y:auto;overflow-x:hidden;height:200px;margin-top:16px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar{width:6px;height:6px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-pro-user-selector .king-pro-user-selector-org-tree::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item{margin:0 10px;display:flex;align-items:center;justify-content:space-between;height:100%;box-sizing:border-box;height:48px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item:hover{background-color:rgba(31,35,41,.08);cursor:pointer;border-radius:6px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title{display:flex;align-items:center;width:100%;height:100%;padding:0 6px}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title .king-pro-user-selector-org-tree-dept-icon{width:32px;height:32px;border-radius:50%;background-color:#4954e6;display:flex;align-items:center;justify-content:center}.king-pro-user-selector .king-pro-user-selector-org-tree .king-pro-user-selector-org-tree-item .king-pro-user-selector-org-tree-item-title .king-pro-user-selector-org-tree-item-title-text{margin-left:10px;font-size:14px;color:#1f2329}.king-pro-user-selector .select-user-list{overflow-y:auto;overflow-x:hidden;height:240px;margin-top:16px}.king-pro-user-selector .select-user-list::-webkit-scrollbar{width:6px;height:6px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.king-pro-user-selector .select-user-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.king-pro-user-selector .king-pro-user-selector-user-list{margin-top:10px;overflow-y:auto;overflow-x:hidden}.king-pro-user-selector .king-pro-user-selector-user-item{display:flex;align-items:center;width:calc(100% - 20px);margin:0 10px;height:48px;box-sizing:border-box}.king-pro-user-selector .king-pro-user-selector-user-item:hover{background-color:rgba(31,35,41,.08);cursor:pointer;border-radius:6px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content{display:flex;align-items:center;flex:1}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .king-pro-user-selector-user-item-content-tag{font-size:10px;color:#999;margin-left:10px;color:#245bdb;background-color:rgba(51,112,255,.2);padding-left:4px;padding-right:4px;border-radius:4px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .select-user-item-icon{width:20px;height:20px;margin-right:4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-user-item-content .select-user-item-icon:hover{background-color:rgba(31,35,41,.1);border-radius:6px}.king-pro-user-selector .king-pro-user-selector-user-item .king-pro-user-selector-avator{width:32px;height:32px;border-radius:50%;margin-right:10px;margin-left:10px}.king-pro-user-selector .king-pro-user-selector-content-left{width:50%;box-sizing:border-box}.king-pro-user-selector .king-pro-user-selector-content-left .king-pro-user-selector-breadcrumb{margin-top:10px}.king-pro-user-selector .king-pro-user-selector-content-right{width:50%;box-sizing:border-box;border-left:1px solid #e5e5e5;padding:16px}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-content-right-title{font-size:14px;color:#333;margin-bottom:10px}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-select-user-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px;height:48px;cursor:pointer}.king-pro-user-selector .king-pro-user-selector-content-right .king-pro-user-selector-select-user-item:hover{background-color:rgba(31,35,41,.08);border-radius:6px}.king-user-selector-extermal{display:flex;flex-wrap:wrap;width:100%}.king-user-selector-extermal .king-user-selector-extermal-icon{width:56px;height:32px;border:1px solid #409eff;border-radius:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-top:8px}.king-user-selector-extermal .king-user-selector-extermal-icon:hover{box-shadow:0 0 10px rgba(51,112,255,.5);transition:all .2s}.king-user-selector-extermal .king-user-selector-extermal-list{display:flex;flex:1;flex-wrap:wrap}.king-user-selector-extermal .king-user-selector-extermal-list .king-user-selector-extermal-item{display:flex;align-items:center;min-width:70px;background-color:#eff0f1;height:32px;padding:0 4px;box-sizing:border-box;border-radius:16px;color:#1f2329;font-size:14px;cursor:pointer;margin-right:8px;margin-top:8px;padding-right:10px}.king-user-selector-extermal .king-user-selector-extermal-list .king-user-selector-extermal-item__name{padding:0 4px}.king-user-selector-extermal .king-user-selector-extermal-list .icon-king-shanchu:hover{color:#409eff!important}
|
|
@@ -20,6 +20,7 @@ declare const _default: DefineComponent<{
|
|
|
20
20
|
};
|
|
21
21
|
}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
22
22
|
'update:selectUserList': (list: DeptMember[]) => DeptMember[];
|
|
23
|
+
ready: () => true;
|
|
23
24
|
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
24
25
|
selectUserList: {
|
|
25
26
|
type: PropType<DeptMember[]>;
|
|
@@ -35,6 +36,7 @@ declare const _default: DefineComponent<{
|
|
|
35
36
|
};
|
|
36
37
|
}>> & {
|
|
37
38
|
"onUpdate:selectUserList"?: ((list: DeptMember[]) => any) | undefined;
|
|
39
|
+
onReady?: (() => any) | undefined;
|
|
38
40
|
}, {
|
|
39
41
|
initData: () => Promise<Department[]>;
|
|
40
42
|
selectUserList: DeptMember[];
|