@king-one/antdv 1.2.12 → 1.2.13
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
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { message as
|
|
3
|
-
import { useNamespace as
|
|
4
|
-
import { KIcon as
|
|
5
|
-
import { UploadComponentProps as
|
|
6
|
-
import { getFileExtension as
|
|
7
|
-
import { UploadContextKey as
|
|
1
|
+
import { defineComponent as D, provide as H, reactive as R, ref as h, watch as j, computed as J, createVNode as r, Fragment as v } from "vue";
|
|
2
|
+
import { Form as O, message as y, Upload as $, Spin as q } from "ant-design-vue";
|
|
3
|
+
import { useNamespace as T } from "../../../hooks/use-namespace/index.mjs";
|
|
4
|
+
import { KIcon as G } from "../../icon/index.mjs";
|
|
5
|
+
import { UploadComponentProps as K } from "./props.mjs";
|
|
6
|
+
import { getFileExtension as x, getUploadIcon as U } from "./utils/index.mjs";
|
|
7
|
+
import { UploadContextKey as P } from "./types.mjs";
|
|
8
8
|
import "./hooks/index.mjs";
|
|
9
|
-
import
|
|
10
|
-
import { useUpload as
|
|
11
|
-
const
|
|
9
|
+
import E from "./file-list.mjs";
|
|
10
|
+
import { useUpload as M } from "./hooks/useUpload.mjs";
|
|
11
|
+
const te = /* @__PURE__ */ D({
|
|
12
12
|
name: "GdUpload",
|
|
13
|
-
props:
|
|
13
|
+
props: K,
|
|
14
14
|
emits: {
|
|
15
15
|
"update:fileList": (e) => !0,
|
|
16
16
|
"upload-success": (e) => e,
|
|
@@ -22,83 +22,83 @@ const V = /* @__PURE__ */ z({
|
|
|
22
22
|
emit: l
|
|
23
23
|
}) {
|
|
24
24
|
const {
|
|
25
|
-
uploadFile:
|
|
26
|
-
getFileDetails:
|
|
25
|
+
uploadFile: b,
|
|
26
|
+
getFileDetails: F,
|
|
27
27
|
getImgUrl: N
|
|
28
|
-
} =
|
|
29
|
-
|
|
28
|
+
} = M(e.http, e.prefix), p = O.useInjectFormItemContext();
|
|
29
|
+
H(P, R({
|
|
30
30
|
prefix: e.prefix
|
|
31
31
|
}));
|
|
32
32
|
const {
|
|
33
|
-
b:
|
|
34
|
-
} =
|
|
33
|
+
b: C
|
|
34
|
+
} = T("pro-upload"), m = h(!1), o = h([]), g = h(!1), L = async (t) => {
|
|
35
35
|
const i = t == null ? void 0 : t.map((s) => s.id);
|
|
36
36
|
if (!(i != null && i.length)) return;
|
|
37
37
|
const a = [], u = t.filter((s) => s.icon), c = t.filter((s) => !s.icon);
|
|
38
38
|
if (a.push(...u), c.length > 0) {
|
|
39
|
-
const s = await
|
|
39
|
+
const s = await F(c.map((n) => n.id));
|
|
40
40
|
for (const n of s.data) {
|
|
41
|
-
const
|
|
42
|
-
if (
|
|
43
|
-
const
|
|
41
|
+
const d = x(n.originName), f = U(d);
|
|
42
|
+
if (f === "img") {
|
|
43
|
+
const z = await N([n.id]);
|
|
44
44
|
a.push({
|
|
45
45
|
id: n.id,
|
|
46
|
-
icon:
|
|
46
|
+
icon: z[n.id],
|
|
47
47
|
fileName: n.originName,
|
|
48
48
|
spining: !1,
|
|
49
|
-
type:
|
|
49
|
+
type: f
|
|
50
50
|
});
|
|
51
51
|
} else
|
|
52
52
|
a.push({
|
|
53
53
|
id: n.id,
|
|
54
|
-
icon:
|
|
54
|
+
icon: f,
|
|
55
55
|
fileName: n.originName,
|
|
56
56
|
spining: !1,
|
|
57
|
-
type:
|
|
57
|
+
type: f
|
|
58
58
|
});
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
JSON.stringify(a) !== JSON.stringify(o.value) && (o.value = a, l("update:fileList", a));
|
|
61
|
+
JSON.stringify(a) !== JSON.stringify(o.value) && (o.value = a, l("update:fileList", a), p.onFieldChange());
|
|
62
62
|
};
|
|
63
|
-
|
|
64
|
-
if (
|
|
63
|
+
j(() => e.fileList, async (t, i) => {
|
|
64
|
+
if (g.value) return;
|
|
65
65
|
if (!(t != null && t.length)) {
|
|
66
66
|
o.value = [];
|
|
67
67
|
return;
|
|
68
68
|
}
|
|
69
|
-
(!(i != null && i.length) || JSON.stringify(t) !== JSON.stringify(i)) && (
|
|
69
|
+
(!(i != null && i.length) || JSON.stringify(t) !== JSON.stringify(i)) && (g.value = !0, o.value = t, await L(t), g.value = !1);
|
|
70
70
|
}, {
|
|
71
71
|
immediate: !0,
|
|
72
72
|
deep: !0
|
|
73
73
|
});
|
|
74
|
-
const
|
|
74
|
+
const I = J(() => {
|
|
75
75
|
var t;
|
|
76
76
|
if (e.disabled || ((t = e.fileList) == null ? void 0 : t.length) === e.maxCount) return !0;
|
|
77
|
-
}),
|
|
77
|
+
}), S = async (t, i) => {
|
|
78
78
|
var n;
|
|
79
79
|
if (e.beforeUpload) {
|
|
80
|
-
const
|
|
81
|
-
if (
|
|
82
|
-
if (await
|
|
83
|
-
} else if (!
|
|
80
|
+
const d = e.beforeUpload(t, i);
|
|
81
|
+
if (d instanceof Promise) {
|
|
82
|
+
if (await d === !1) return !1;
|
|
83
|
+
} else if (!d) return !1;
|
|
84
84
|
}
|
|
85
85
|
const {
|
|
86
86
|
name: a,
|
|
87
87
|
size: u
|
|
88
|
-
} = t, c =
|
|
89
|
-
return e.accept && e.accept.length > 0 && !e.accept.includes(c) ? (
|
|
88
|
+
} = t, c = x(a), s = u / 1024 / 1024;
|
|
89
|
+
return e.accept && e.accept.length > 0 && !e.accept.includes(c) ? (y.warning(`只能上传${(n = e.accept) == null ? void 0 : n.join(".")}后缀的文件！`), !1) : s > e.maxSize ? (y.warning(`上传的文件不能大于${e.maxSize}M！`), !1) : !0;
|
|
90
90
|
}, w = async (t) => {
|
|
91
91
|
try {
|
|
92
92
|
const {
|
|
93
93
|
file: i
|
|
94
94
|
} = t;
|
|
95
95
|
m.value = !0;
|
|
96
|
-
const a = await
|
|
96
|
+
const a = await b({
|
|
97
97
|
business: e.business,
|
|
98
98
|
file: i
|
|
99
99
|
});
|
|
100
100
|
if (m.value = !1, !a) return;
|
|
101
|
-
const u =
|
|
101
|
+
const u = x(a.originName), c = U(u);
|
|
102
102
|
let s;
|
|
103
103
|
c === "img" ? s = {
|
|
104
104
|
icon: "",
|
|
@@ -114,39 +114,39 @@ const V = /* @__PURE__ */ z({
|
|
|
114
114
|
fileName: t.file.name
|
|
115
115
|
};
|
|
116
116
|
const n = [...o.value, s];
|
|
117
|
-
o.value = n, l("update:fileList", n), l("upload-success", n), l("change", n);
|
|
117
|
+
o.value = n, l("update:fileList", n), p.onFieldChange(), l("upload-success", n), l("change", n);
|
|
118
118
|
} catch (i) {
|
|
119
119
|
m.value = !1, l("upload-error", i);
|
|
120
120
|
}
|
|
121
|
-
},
|
|
122
|
-
l("change", t), l("update:fileList", t), l("delete-success", t, i);
|
|
121
|
+
}, W = (t, i) => {
|
|
122
|
+
l("change", t), l("update:fileList", t), p.onFieldChange(), l("delete-success", t, i);
|
|
123
123
|
};
|
|
124
124
|
return () => {
|
|
125
125
|
var t, i;
|
|
126
126
|
return r("div", {
|
|
127
|
-
class:
|
|
127
|
+
class: C(),
|
|
128
128
|
style: {
|
|
129
129
|
display: "flex",
|
|
130
130
|
flexWrap: "wrap",
|
|
131
131
|
alignContent: "space-between"
|
|
132
132
|
}
|
|
133
|
-
}, [r(
|
|
133
|
+
}, [r(E, {
|
|
134
134
|
http: e.http,
|
|
135
135
|
itemWidth: e.itemWidth,
|
|
136
136
|
itemHeight: e.itemHeight,
|
|
137
137
|
list: o.value,
|
|
138
138
|
"onUpdate:list": (a) => o.value = a,
|
|
139
|
-
"onDel-success":
|
|
140
|
-
}, null, 8, ["http", "itemWidth", "itemHeight", "list", "onUpdate:list", "onDel-success"]), (((t = o.value) == null ? void 0 : t.length) ?? 0) < (e.maxCount ?? 20) ? r(
|
|
139
|
+
"onDel-success": W
|
|
140
|
+
}, null, 8, ["http", "itemWidth", "itemHeight", "list", "onUpdate:list", "onDel-success"]), (((t = o.value) == null ? void 0 : t.length) ?? 0) < (e.maxCount ?? 20) ? r($, {
|
|
141
141
|
accept: (i = e.accept) == null ? void 0 : i.join(","),
|
|
142
|
-
disabled:
|
|
142
|
+
disabled: I.value,
|
|
143
143
|
customRequest: w,
|
|
144
|
-
beforeUpload:
|
|
144
|
+
beforeUpload: S,
|
|
145
145
|
style: {
|
|
146
146
|
marginTop: "5px"
|
|
147
147
|
}
|
|
148
148
|
}, {
|
|
149
|
-
default: () => r(
|
|
149
|
+
default: () => r(q, {
|
|
150
150
|
spinning: m.value
|
|
151
151
|
}, {
|
|
152
152
|
default: () => [r("div", {
|
|
@@ -162,18 +162,18 @@ const V = /* @__PURE__ */ z({
|
|
|
162
162
|
justifyContent: "center",
|
|
163
163
|
borderRadius: "5px"
|
|
164
164
|
}
|
|
165
|
-
}, [r(
|
|
165
|
+
}, [r(G, {
|
|
166
166
|
name: "upload-icon",
|
|
167
167
|
color: "#3296fa",
|
|
168
168
|
size: 32
|
|
169
169
|
}, null)], 4)]
|
|
170
170
|
}, 8, ["spinning"]),
|
|
171
|
-
itemRender: () => r(
|
|
171
|
+
itemRender: () => r(v, null, null),
|
|
172
172
|
_: 1
|
|
173
|
-
}, 8, ["accept", "disabled", "customRequest", "beforeUpload"]) : r(
|
|
173
|
+
}, 8, ["accept", "disabled", "customRequest", "beforeUpload"]) : r(v, null, null)], 2);
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
176
|
});
|
|
177
177
|
export {
|
|
178
|
-
|
|
178
|
+
te as default
|
|
179
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),g=require("ant-design-vue"),I=require("../../../hooks/use-namespace/index.js"),w=require("../../icon/index.js"),D=require("./props.js"),m=require("./utils/index.js"),W=require("./types.js");require("./hooks/index.js");const $=require("./file-list.js"),j=require("./hooks/useUpload.js"),z=n.defineComponent({name:"GdUpload",props:D.UploadComponentProps,emits:{"update:fileList":e=>!0,"upload-success":e=>e,change:e=>e,"upload-error":e=>e,"delete-success":(e,o)=>!0},setup(e,{emit:o}){const{uploadFile:v,getFileDetails:y,getImgUrl:N}=j.useUpload(e.http,e.prefix),h=g.Form.useInjectFormItemContext();n.provide(W.UploadContextKey,n.reactive({prefix:e.prefix}));const{b:U}=I.useNamespace("pro-upload"),p=n.ref(!1),c=n.ref([]),x=n.ref(!1),b=async t=>{const i=t==null?void 0:t.map(l=>l.id);if(!(i!=null&&i.length))return;const s=[],u=t.filter(l=>l.icon),r=t.filter(l=>!l.icon);if(s.push(...u),r.length>0){const l=await y(r.map(a=>a.id));for(const a of l.data){const d=m.getFileExtension(a.originName),f=m.getUploadIcon(d);if(f==="img"){const S=await N([a.id]);s.push({id:a.id,icon:S[a.id],fileName:a.originName,spining:!1,type:f})}else s.push({id:a.id,icon:f,fileName:a.originName,spining:!1,type:f})}}JSON.stringify(s)!==JSON.stringify(c.value)&&(c.value=s,o("update:fileList",s),h.onFieldChange())};n.watch(()=>e.fileList,async(t,i)=>{if(x.value)return;if(!(t!=null&&t.length)){c.value=[];return}(!(i!=null&&i.length)||JSON.stringify(t)!==JSON.stringify(i))&&(x.value=!0,c.value=t,await b(t),x.value=!1)},{immediate:!0,deep:!0});const F=n.computed(()=>{var t;if(e.disabled||((t=e.fileList)==null?void 0:t.length)===e.maxCount)return!0}),q=async(t,i)=>{var a;if(e.beforeUpload){const d=e.beforeUpload(t,i);if(d instanceof Promise){if(await d===!1)return!1}else if(!d)return!1}const{name:s,size:u}=t,r=m.getFileExtension(s),l=u/1024/1024;return e.accept&&e.accept.length>0&&!e.accept.includes(r)?(g.message.warning(`只能上传${(a=e.accept)==null?void 0:a.join(".")}后缀的文件！`),!1):l>e.maxSize?(g.message.warning(`上传的文件不能大于${e.maxSize}M！`),!1):!0},C=async t=>{try{const{file:i}=t;p.value=!0;const s=await v({business:e.business,file:i});if(p.value=!1,!s)return;const u=m.getFileExtension(s.originName),r=m.getUploadIcon(u);let l;r==="img"?l={icon:"",id:s.id,type:r,spining:!1,fileName:t.file.name}:l={icon:r,id:s.id,type:r,spining:!1,fileName:t.file.name};const a=[...c.value,l];c.value=a,o("update:fileList",a),h.onFieldChange(),o("upload-success",a),o("change",a)}catch(i){p.value=!1,o("upload-error",i)}},L=(t,i)=>{o("change",t),o("update:fileList",t),h.onFieldChange(),o("delete-success",t,i)};return()=>{var t,i;return n.createVNode("div",{class:U(),style:{display:"flex",flexWrap:"wrap",alignContent:"space-between"}},[n.createVNode($.default,{http:e.http,itemWidth:e.itemWidth,itemHeight:e.itemHeight,list:c.value,"onUpdate:list":s=>c.value=s,"onDel-success":L},null,8,["http","itemWidth","itemHeight","list","onUpdate:list","onDel-success"]),(((t=c.value)==null?void 0:t.length)??0)<(e.maxCount??20)?n.createVNode(g.Upload,{accept:(i=e.accept)==null?void 0:i.join(","),disabled:F.value,customRequest:C,beforeUpload:q,style:{marginTop:"5px"}},{default:()=>n.createVNode(g.Spin,{spinning:p.value},{default:()=>[n.createVNode("div",{style:{width:`${e.itemWidth}px`,height:`${e.itemHeight}px`,minWidth:"80px",minHeight:"80px",cursor:"pointer",border:"1px dashed #3296fa",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"5px"}},[n.createVNode(w.KIcon,{name:"upload-icon",color:"#3296fa",size:32},null)],4)]},8,["spinning"]),itemRender:()=>n.createVNode(n.Fragment,null,null),_:1},8,["accept","disabled","customRequest","beforeUpload"]):n.createVNode(n.Fragment,null,null)],2)}}});exports.default=z;
|
|
@@ -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=74938) format("woff2"),url(fonts/iconfont.woff?t=78528) format("woff"),url(fonts/iconfont.ttf?t=78099) 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-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=51370) format("woff2"),url(fonts/iconfont.woff?t=78132) format("woff"),url(fonts/iconfont.ttf?t=49740) 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-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%;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=67336) format("woff2"),url(fonts/iconfont.woff?t=9666) format("woff"),url(fonts/iconfont.ttf?t=4318) 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-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%;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}
|