@king-one/antdv 1.2.13 → 1.2.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.2.15
+
+### Patch Changes
+
+- 更改 pro-user-avatar 图片懒加载的方法用 IntersectionObserver 实现
+
+## 1.2.14
+
+### Patch Changes
+
+- pro-user-avatar 增加手动触发预览动作
+
 ## 1.2.13
 
 ### Patch Changes

package/dist/es/components/pro-user-avatar/src/index.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as b, ref as m, computed as k, createElementBlock as i, openBlock as t, normalizeClass as s, unref as r, createBlock as C, createCommentVNode as h, normalizeStyle as u, toDisplayString as z } from "vue";
-import { useNamespace as S } from "../../../hooks/use-namespace/index.mjs";
-import { Image as w } from "ant-design-vue";
-import { getColorFromString as B } from "./util.mjs";
-const E = ["src", "alt"], F = /* @__PURE__ */ b({
+import { defineComponent as I, ref as l, computed as B, onMounted as N, onBeforeUnmount as R, createElementBlock as c, openBlock as u, Fragment as V, createCommentVNode as g, createElementVNode as M, normalizeClass as d, unref as o, createBlock as A, normalizeStyle as p, toDisplayString as F } from "vue";
+import { useNamespace as O } from "../../../hooks/use-namespace/index.mjs";
+import { Image as P } from "ant-design-vue";
+import { getColorFromString as U } from "./util.mjs";
+const D = ["data-src", "alt"], q = /* @__PURE__ */ I({
   name: "ProUserAvatar",
   __name: "index",
   props: {
@@ -14,63 +14,112 @@ const E = ["src", "alt"], F = /* @__PURE__ */ b({
     preview: { type: Boolean, default: !0 }
   },
   emits: ["error"],
-  setup(d, { emit: v }) {
-    const a = d, c = v, n = S("user-avatar"), o = m(!1), l = m(!1), f = k(() => a.name.length >= 2 ? a.name.slice(a.name.length - 2) : a.name ? a.name : "未知");
-    function p(e) {
-      l.value = e;
+  setup(y, { expose: h, emit: b }) {
+    const n = y, L = b, i = O("user-avatar"), s = l(!1), v = l(!1), a = l(null), z = l(!1), r = l(null), k = B(() => n.name.length >= 2 ? n.name.slice(n.name.length - 2) : n.name ? n.name : "未知");
+    function S(e) {
+      v.value = e;
     }
-    function g() {
-      a.preview && !o.value && a.avatar && (l.value = !0);
+    function m() {
+      n.preview && !s.value && n.avatar && (v.value = !0);
     }
-    function y(e) {
-      o.value = !0, c("error", e);
+    function w(e) {
+      s.value = !0, L("error", e);
     }
-    return (e, V) => (t(), i(
-      "div",
-      {
-        class: s([r(n).b(), r(n).b(e.size)]),
-        onClick: g
-      },
+    function C() {
+      if (a.value) {
+        const e = "loading" in HTMLImageElement.prototype, t = a.value.complete || a.value.currentSrc !== "";
+        return z.value = e, console.log("浏览器支持原生懒加载:", e), console.log("图片已开始加载:", t), { hasNativeLazyLoading: e, hasStartedLoading: t };
+      }
+      return { hasNativeLazyLoading: !1, hasStartedLoading: !1 };
+    }
+    function E() {
+      if (!("IntersectionObserver" in window)) {
+        f();
+        return;
+      }
+      r.value = new IntersectionObserver((e) => {
+        e.forEach((t) => {
+          t.isIntersecting && (f(), r.value && a.value && r.value.unobserve(a.value));
+        });
+      }, {
+        // 设置根元素为null表示相对于视口
+        root: null,
+        // 设置根边距，可以提前加载
+        rootMargin: "0px",
+        // 设置阈值，当元素有50%进入视口时触发回调
+        threshold: 0.5
+      }), a.value && r.value.observe(a.value);
+    }
+    function f() {
+      if (a.value && n.avatar) {
+        const e = a.value.getAttribute("data-src");
+        e && (a.value.src = e);
+      }
+    }
+    return N(() => {
+      E();
+    }), R(() => {
+      r.value && (r.value.disconnect(), r.value = null);
+    }), h({
+      handlePreview: m,
+      checkLazyLoading: C
+    }), (e, t) => (u(), c(
+      V,
+      null,
       [
-        e.avatar && !o.value ? (t(), i("img", {
-          key: 0,
-          class: s([r(n).e("img")]),
-          style: u({ borderRadius: e.round }),
-          src: e.avatar,
-          alt: e.name,
-          loading: "lazy",
-          decoding: "async",
-          onError: y
-        }, null, 46, E)) : (t(), i(
+        g(`
+       loading="lazy"
+      decoding="async" `),
+        M(
           "div",
           {
-            key: 1,
-            class: s([r(n).e("name")]),
-            style: u({
-              backgroundColor: r(B)(e.name),
-              borderRadius: e.round,
-              fontSize: `${e.fontSize} !important`
-            })
-          },
-          z(f.value),
-          7
-          /* TEXT, CLASS, STYLE */
-        )),
-        e.avatar && !o.value && e.preview ? (t(), C(r(w), {
-          key: 2,
-          style: { display: "none" },
-          preview: {
-            visible: l.value,
-            onVisibleChange: p
+            class: d([o(i).b(), o(i).b(e.size)]),
+            onClick: m
           },
-          src: e.avatar
-        }, null, 8, ["preview", "src"])) : h("v-if", !0)
+          [
+            e.avatar && !s.value ? (u(), c("img", {
+              key: 0,
+              ref_key: "imgRef",
+              ref: a,
+              class: d([o(i).e("img")]),
+              style: p({ borderRadius: e.round }),
+              "data-src": e.avatar,
+              alt: e.name,
+              onError: w
+            }, null, 46, D)) : (u(), c(
+              "div",
+              {
+                key: 1,
+                class: d([o(i).e("name")]),
+                style: p({
+                  backgroundColor: o(U)(e.name),
+                  borderRadius: e.round,
+                  fontSize: `${e.fontSize} !important`
+                })
+              },
+              F(k.value),
+              7
+              /* TEXT, CLASS, STYLE */
+            )),
+            e.avatar && !s.value && e.preview ? (u(), A(o(P), {
+              key: 2,
+              style: { display: "none" },
+              preview: {
+                visible: v.value,
+                onVisibleChange: S
+              },
+              src: e.avatar
+            }, null, 8, ["preview", "src"])) : g("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
       ],
-      2
-      /* CLASS */
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
     ));
   }
 });
 export {
-  F as default
+  q as default
 };

package/dist/lib/components/pro-user-avatar/src/index.vue2.js

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../../../hooks/use-namespace/index.js"),f=require("ant-design-vue"),p=require("./util.js"),g=["src","alt"],k=e.defineComponent({name:"ProUserAvatar",__name:"index",props:{name:{default:"未知"},avatar:{},size:{default:"default"},round:{default:"50%"},fontSize:{},preview:{type:Boolean,default:!0}},emits:["error"],setup(t,{emit:i}){const a=t,s=i,n=v.useNamespace("user-avatar"),o=e.ref(!1),l=e.ref(!1),u=e.computed(()=>a.name.length>=2?a.name.slice(a.name.length-2):a.name?a.name:"未知");function c(r){l.value=r}function m(){a.preview&&!o.value&&a.avatar&&(l.value=!0)}function d(r){o.value=!0,s("error",r)}return(r,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).b(r.size)]),onClick:m},[r.avatar&&!o.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass([e.unref(n).e("img")]),style:e.normalizeStyle({borderRadius:r.round}),src:r.avatar,alt:r.name,loading:"lazy",decoding:"async",onError:d},null,46,g)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n).e("name")]),style:e.normalizeStyle({backgroundColor:e.unref(p.getColorFromString)(r.name),borderRadius:r.round,fontSize:`${r.fontSize} !important`})},e.toDisplayString(u.value),7)),r.avatar&&!o.value&&r.preview?(e.openBlock(),e.createBlock(e.unref(f.Image),{key:2,style:{display:"none"},preview:{visible:l.value,onVisibleChange:c},src:r.avatar},null,8,["preview","src"])):e.createCommentVNode("v-if",!0)],2))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("../../../hooks/use-namespace/index.js"),L=require("ant-design-vue"),S=require("./util.js"),C=["data-src","alt"],B=e.defineComponent({name:"ProUserAvatar",__name:"index",props:{name:{default:"未知"},avatar:{},size:{default:"default"},round:{default:"50%"},fontSize:{},preview:{type:Boolean,default:!0}},emits:["error"],setup(v,{expose:d,emit:f}){const r=v,m=f,l=k.useNamespace("user-avatar"),i=e.ref(!1),s=e.ref(!1),n=e.ref(null),g=e.ref(!1),o=e.ref(null),p=e.computed(()=>r.name.length>=2?r.name.slice(r.name.length-2):r.name?r.name:"未知");function y(a){s.value=a}function u(){r.preview&&!i.value&&r.avatar&&(s.value=!0)}function b(a){i.value=!0,m("error",a)}function h(){if(n.value){const a="loading"in HTMLImageElement.prototype,t=n.value.complete||n.value.currentSrc!=="";return g.value=a,console.log("浏览器支持原生懒加载:",a),console.log("图片已开始加载:",t),{hasNativeLazyLoading:a,hasStartedLoading:t}}return{hasNativeLazyLoading:!1,hasStartedLoading:!1}}function z(){if(!("IntersectionObserver"in window)){c();return}o.value=new IntersectionObserver(a=>{a.forEach(t=>{t.isIntersecting&&(c(),o.value&&n.value&&o.value.unobserve(n.value))})},{root:null,rootMargin:"0px",threshold:.5}),n.value&&o.value.observe(n.value)}function c(){if(n.value&&r.avatar){const a=n.value.getAttribute("data-src");a&&(n.value.src=a)}}return e.onMounted(()=>{z()}),e.onBeforeUnmount(()=>{o.value&&(o.value.disconnect(),o.value=null)}),d({handlePreview:u,checkLazyLoading:h}),(a,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createCommentVNode(`
+       loading="lazy"
+      decoding="async" `),e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).b(a.size)]),onClick:u},[a.avatar&&!i.value?(e.openBlock(),e.createElementBlock("img",{key:0,ref_key:"imgRef",ref:n,class:e.normalizeClass([e.unref(l).e("img")]),style:e.normalizeStyle({borderRadius:a.round}),"data-src":a.avatar,alt:a.name,onError:b},null,46,C)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(l).e("name")]),style:e.normalizeStyle({backgroundColor:e.unref(S.getColorFromString)(a.name),borderRadius:a.round,fontSize:`${a.fontSize} !important`})},e.toDisplayString(p.value),7)),a.avatar&&!i.value&&a.preview?(e.openBlock(),e.createBlock(e.unref(L.Image),{key:2,style:{display:"none"},preview:{visible:s.value,onVisibleChange:y},src:a.avatar},null,8,["preview","src"])):e.createCommentVNode("v-if",!0)],2)],2112))}});exports.default=B;

package/dist/theme-chalk/icon.css

@@ -1 +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"}
+@font-face{font-family:iconfont;src:url(fonts/iconfont.woff2?t=38165) format("woff2"),url(fonts/iconfont.woff?t=54696) format("woff"),url(fonts/iconfont.ttf?t=61850) 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"}

package/dist/theme-chalk/index.css

@@ -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=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}
+@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=28046) format("woff2"),url(fonts/iconfont.woff?t=55540) format("woff"),url(fonts/iconfont.ttf?t=53584) 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}

package/dist/types/components/pro-user-avatar/index.d.ts

@@ -26,7 +26,13 @@ export declare const KUserAvatar: SFCWithInstall<DefineComponent<{
     avatar: {
         type: PropType<string>;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {
+    handlePreview: () => void;
+    checkLazyLoading: () => {
+        hasNativeLazyLoading: boolean;
+        hasStartedLoading: boolean;
+    };
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     error: (event: Event) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
     name: {
@@ -84,7 +90,13 @@ export declare const KProUserAvatar: SFCWithInstall<DefineComponent<{
     avatar: {
         type: PropType<string>;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, {
+    handlePreview: () => void;
+    checkLazyLoading: () => {
+        hasNativeLazyLoading: boolean;
+        hasStartedLoading: boolean;
+    };
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     error: (event: Event) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
     name: {

package/dist/types/components/pro-user-avatar/src/index.vue.d.ts

@@ -5,7 +5,13 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
     name: string;
     round: string;
     preview: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}>, {
+    handlePreview: () => void;
+    checkLazyLoading: () => {
+        hasNativeLazyLoading: boolean;
+        hasStartedLoading: boolean;
+    };
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     error: (event: Event) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     size: string;

package/dist/types/components/pro-user-avatar/src/types.d.ts

@@ -10,3 +10,10 @@ export type Props = {
 export interface Emits {
     (e: 'error', event: Event): void;
 }
+export interface Expose {
+    handlePreview: () => void;
+    checkLazyLoading: () => {
+        hasNativeLazyLoading: boolean;
+        hasStartedLoading: boolean;
+    };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@king-one/antdv",
   "type": "module",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "description": "",
   "author": "",
   "license": "ISC",