@keyblade/pro-components 1.15.0-alpha.7 → 1.15.0-alpha.9

package/es/components.d.ts

@@ -6,6 +6,7 @@ declare module 'vue' {
         KbProPageHeader: typeof import('./index')['ProPageHeader'];
         KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
         KbProLayout: typeof import('./index')['ProLayout'];
+        KbProLayoutHeader: typeof import('./index')['ProLayoutHeader'];
         KbProMenu: typeof import('./index')['ProMenu'];
         KbProPageContainer: typeof import('./index')['ProPageContainer'];
         KbProReuseTabs: typeof import('./index')['ProReuseTabs'];

package/es/pro-layout/hooks.js

@@ -2,65 +2,65 @@ var X = Object.defineProperty, Y = Object.defineProperties;
 var Z = Object.getOwnPropertyDescriptors;
 var J = Object.getOwnPropertySymbols;
 var $ = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var R = (s, f, i) => f in s ? X(s, f, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[f] = i, N = (s, f) => {
-  for (var i in f || (f = {}))
-    $.call(f, i) && R(s, i, f[i]);
+var R = (i, r, c) => r in i ? X(i, r, { enumerable: !0, configurable: !0, writable: !0, value: c }) : i[r] = c, N = (i, r) => {
+  for (var c in r || (r = {}))
+    $.call(r, c) && R(i, c, r[c]);
   if (J)
-    for (var i of J(f))
-      _.call(f, i) && R(s, i, f[i]);
-  return s;
-}, A = (s, f) => Y(s, Z(f));
-var W = (s, f, i) => new Promise((o, b) => {
-  var P = (c) => {
+    for (var c of J(r))
+      _.call(r, c) && R(i, c, r[c]);
+  return i;
+}, A = (i, r) => Y(i, Z(r));
+var W = (i, r, c) => new Promise((o, T) => {
+  var P = (u) => {
     try {
-      p(i.next(c));
+      y(c.next(u));
     } catch (d) {
-      b(d);
+      T(d);
     }
-  }, y = (c) => {
+  }, b = (u) => {
     try {
-      p(i.throw(c));
+      y(c.throw(u));
     } catch (d) {
-      b(d);
+      T(d);
     }
-  }, p = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(P, y);
-  p((i = i.apply(s, f)).next());
+  }, y = (u) => u.done ? o(u.value) : Promise.resolve(u.value).then(P, b);
+  y((c = c.apply(i, r)).next());
 });
 import { ref as v, computed as I, watch as E } from "vue";
 import { useRoute as m, useRouter as ee } from "vue-router";
 import { ProLayoutMode as k, ProLayoutMenuType as D } from "./enum.js";
-const ie = (s) => {
-  const f = "cacheRouteTabs", i = m(), o = ee(), b = v([]), P = v([]), y = v([]), p = v([]), c = v(), d = v([]), K = v({}), x = v([]), h = v([]), S = v([]), C = v([]), M = v([]), g = I(() => {
-    const e = [...s.menuItems], a = (t) => {
+const ie = (i) => {
+  const r = "cacheRouteTabs", c = m(), o = ee(), T = v([]), P = v([]), b = v([]), y = v([]), u = v(), d = v([]), K = v({}), x = v([]), h = v([]), S = v([]), C = v([]), g = v([]), p = I(() => {
+    const e = [...i.menuItems], a = (t) => {
       t.forEach((l) => {
         if (l != null && l.children && l.children.length > 0) {
           if ((l == null ? void 0 : l.topChildrenMenu) !== void 0)
             l.children = l.children.map((n) => A(N({}, n), { topMenu: l == null ? void 0 : l.topChildrenMenu }));
           else {
-            const n = l.children.find((u) => u.topMenu !== void 0);
-            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((u) => A(N({}, u), { topMenu: n.topMenu })));
+            const n = l.children.find((s) => s.topMenu !== void 0);
+            n && (l.topChildrenMenu = n.topMenu, l.children = l.children.map((s) => A(N({}, s), { topMenu: n.topMenu })));
           }
           a(l.children);
         }
       });
     };
-    return s.layout === k.mix && a(e), e;
+    return i.layout === k.mix && a(e), e;
   }), L = (e) => {
     var a;
-    if (b.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
-      M.value = [], o == null || o.push({ path: e.path });
-    else if (M.value = e.children, e != null && e.redirect)
+    if (T.value = [e.name], !(e != null && e.children) || ((a = e == null ? void 0 : e.children) == null ? void 0 : a.length) === 0)
+      g.value = [], o == null || o.push({ path: e.path });
+    else if (g.value = e.children, e != null && e.redirect)
       if (typeof e.redirect == "string")
         o == null || o.push({ path: e.redirect });
       else if (typeof e.redirect == "function") {
-        const t = e.redirect(i);
+        const t = e.redirect(c);
         o == null || o.push(t);
       } else
         o == null || o.push(e.redirect);
   }, B = (e) => {
     e != null && e.name ? o == null || o.push({ name: e.name }) : o == null || o.push({ path: e.path }), P.value = [e.name];
   }, H = (e, a) => W(null, null, function* () {
-    if (a != null && a.path && !(s != null && s.onMenuItemClick && !(yield s.onMenuItemClick(a)))) {
+    if (a != null && a.path && !(i != null && i.onMenuItemClick && !(yield i.onMenuItemClick(a)))) {
       if (a.path.startsWith("http") || a.path.startsWith("https")) {
         window.open(a.path);
         return;
@@ -68,51 +68,51 @@ const ie = (s) => {
       e === D.top ? L(a) : B(a);
     }
   }), j = (e, a) => {
-    e === D.top ? y.value = a : p.value = a;
+    e === D.top ? b.value = a : y.value = a;
   }, q = () => {
     const e = [], a = (t) => {
       var l;
       for (const n in t) {
-        const u = t[n];
-        if (u.name === ((l = c == null ? void 0 : c.value) == null ? void 0 : l.name) || u.children && u.children.length > 0 && a(u.children))
-          return e.unshift(u), !0;
+        const s = t[n];
+        if (s.name === ((l = u == null ? void 0 : u.value) == null ? void 0 : l.name) || s.children && s.children.length > 0 && a(s.children))
+          return e.unshift(s), !0;
       }
       return !1;
     };
-    a(JSON.parse(JSON.stringify(g.value))), d.value = e;
+    a(JSON.parse(JSON.stringify(p.value))), d.value = e;
   }, z = () => {
     var a, t, l;
     const e = (a = d.value) == null ? void 0 : a.map((n) => ({ path: n == null ? void 0 : n.path, label: n == null ? void 0 : n.title }));
-    x.value = (t = c.value) != null && t.breadcrumbs ? (l = c.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
+    x.value = (t = u.value) != null && t.breadcrumbs ? (l = u.value) == null ? void 0 : l.breadcrumbs : e.length !== 0 ? e : [];
   };
   function F() {
-    var T, O;
-    if (!c.value || c.value.noAffix) {
-      h.value.forEach((r) => {
-        r.active = !1;
+    var M, O;
+    if (!u.value || u.value.noAffix) {
+      h.value.forEach((f) => {
+        f.active = !1;
       });
       return;
     }
-    const { name: e, title: a } = c.value;
-    h.value.forEach((r) => {
-      r.active = !1;
+    const { name: e, title: a } = u.value;
+    h.value.forEach((f) => {
+      f.active = !1;
     });
-    const t = (T = i.meta) == null ? void 0 : T.getTitle, l = typeof t == "function" ? t(i) : void 0, n = {
+    const t = (M = c.meta) == null ? void 0 : M.getTitle, l = typeof t == "function" ? t(c) : void 0, n = {
       name: e,
-      parentNames: d.value.map((r) => r.name),
+      parentNames: d.value.map((f) => f.name),
       title: (O = l != null ? l : a) != null ? O : e,
-      fullPath: i.fullPath,
+      fullPath: c.fullPath,
       active: !0
-    }, u = h.value.findIndex((r) => r.fullPath.startsWith(i.path));
-    u >= 0 ? (h.value[u].active = !0, h.value[u].fullPath = i.fullPath) : h.value.push(n);
+    }, s = h.value.findIndex((f) => f.fullPath.startsWith(c.path));
+    s >= 0 ? (h.value[s].active = !0, h.value[s].fullPath = c.fullPath) : h.value.push(n);
   }
   const G = (e) => {
     const a = h.value.find((t) => t.fullPath === e);
     a && o.push(a.fullPath);
   }, Q = (e) => {
     let a = -1, t = -1;
-    if (h.value.forEach((n, u) => {
-      n.fullPath === e && (t = u), n.active && (a = u);
+    if (h.value.forEach((n, s) => {
+      n.fullPath === e && (t = s), n.active && (a = s);
     }), t === -1) return;
     if (a === t) {
       let n;
@@ -122,7 +122,7 @@ const ie = (s) => {
     V(l[0]);
   }, U = () => {
     var a;
-    if (s != null && s.disableKeepAlive || (a = i == null ? void 0 : i.meta) != null && a.ignoreCache)
+    if (i != null && i.disableKeepAlive || (a = c == null ? void 0 : c.meta) != null && a.ignoreCache)
       return;
     const e = new Set(S.value);
     d.value.forEach((t) => {
@@ -139,48 +139,49 @@ const ie = (s) => {
       });
     }), S.value = Array.from(a.values());
   };
-  return E(() => g.value, () => {
+  return E(() => p.value, () => {
     const e = {}, a = (t) => {
       t.forEach((l) => {
         l.children && l.children.length > 0 && a(l.children), delete l.children, e[l.name] = l;
       });
     };
-    a(JSON.parse(JSON.stringify(g.value))), K.value = e;
-  }, { immediate: !0 }), E(() => [s.layout, g.value], () => {
-    var e, a, t;
-    if (C.value = [], M.value = [], y.value = [...((e = s.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...y.value], p.value = [...((a = s.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...p.value], s.layout === k.side)
-      M.value = g.value;
-    else if (s.layout === k.mix) {
-      const l = (t = g.value) == null ? void 0 : t.filter((n) => n.topMenu);
-      (l == null ? void 0 : l.length) === 0 ? M.value = g.value : C.value = l;
+    a(JSON.parse(JSON.stringify(p.value))), K.value = e;
+  }, { immediate: !0 }), E(() => [i.layout, p.value], () => {
+    var e, a, t, l, n;
+    if (C.value = [], g.value = [], b.value = [...((e = i.menuProps) == null ? void 0 : e.defaultOpenKeys) || [], ...b.value], y.value = [...((a = i.menuProps) == null ? void 0 : a.defaultOpenKeys) || [], ...y.value], i.layout === k.side)
+      g.value = p.value;
+    else if (i.layout === k.mix) {
+      const s = (t = p.value) == null ? void 0 : t.filter((M) => M.topMenu);
+      (s == null ? void 0 : s.length) === 0 ? g.value = p.value : C.value = s;
     }
-    if (s != null && s.cacheTabs) {
-      const l = JSON.parse(sessionStorage.getItem(f) || "[]") || [];
-      l.forEach((n) => n.active = !1), h.value = l, sessionStorage.removeItem(f);
+    if ((l = i == null ? void 0 : i.cacheTabs) != null && l.enable) {
+      const s = JSON.parse(sessionStorage.getItem(r) || "[]") || [];
+      s.forEach((M) => M.active = !1), h.value = s, (n = i == null ? void 0 : i.cacheTabs) != null && n.autoRemove && sessionStorage.removeItem(r);
     }
-  }, { immediate: !0 }), E(() => [i == null ? void 0 : i.name, i == null ? void 0 : i.fullPath], () => {
+  }, { immediate: !0 }), E(() => [c == null ? void 0 : c.name, c == null ? void 0 : c.fullPath], () => {
     var t, l, n;
-    const e = i == null ? void 0 : i.name;
-    c.value = K.value[e], q();
-    const a = d.value.filter((u) => u.topMenu);
-    if (a.length > 0 && C.value.length > 0 && (M.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), b.value = c != null && c.value ? [...a.map((u) => u.name), ...((l = c.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = c != null && c.value ? [c.value.name, ...((n = c.value) == null ? void 0 : n.activatedKeys) || []] : [], c.value) {
-      const u = d.value.filter((r, w) => w < d.value.length - 1), T = u.filter((r) => r.topMenu).map((r) => r.name), O = u.filter((r) => !r.topMenu).map((r) => r.name);
-      c.value.activatedKeys && c.value.activatedKeys.length > 0 && c.value.activatedKeys.forEach((r) => {
-        const w = K.value[r];
-        w && (w.topMenu ? T.push(r) : O.push(r));
-      }), y.value = Array.from(/* @__PURE__ */ new Set([...y.value, ...T])), p.value = Array.from(/* @__PURE__ */ new Set([...p.value, ...O]));
+    const e = c == null ? void 0 : c.name;
+    u.value = K.value[e], q();
+    const a = d.value.filter((s) => s.topMenu);
+    if (a.length > 0 && C.value.length > 0 && (g.value = ((t = a[a.length - 1]) == null ? void 0 : t.children) || []), T.value = u != null && u.value ? [...a.map((s) => s.name), ...((l = u.value) == null ? void 0 : l.activatedKeys) || []] : [], P.value = u != null && u.value ? [u.value.name, ...((n = u.value) == null ? void 0 : n.activatedKeys) || []] : [], u.value) {
+      const s = d.value.filter((f, w) => w < d.value.length - 1), M = s.filter((f) => f.topMenu).map((f) => f.name), O = s.filter((f) => !f.topMenu).map((f) => f.name);
+      u.value.activatedKeys && u.value.activatedKeys.length > 0 && u.value.activatedKeys.forEach((f) => {
+        const w = K.value[f];
+        w && (w.topMenu ? M.push(f) : O.push(f));
+      }), b.value = Array.from(/* @__PURE__ */ new Set([...b.value, ...M])), y.value = Array.from(/* @__PURE__ */ new Set([...y.value, ...O]));
     }
-    z(), s.hideTabs || F(), U();
+    z(), i.hideTabs || F(), U();
   }, { immediate: !0 }), E(() => h.value, () => {
-    s != null && s.cacheTabs && sessionStorage.setItem(f, JSON.stringify(h.value || []));
+    var e;
+    (e = i == null ? void 0 : i.cacheTabs) != null && e.enable && sessionStorage.setItem(r, JSON.stringify(h.value || []));
   }, { deep: !0 }), {
     topMenuItems: C,
-    siderMenuItems: M,
-    topMenuSelectedKeys: b,
+    siderMenuItems: g,
+    topMenuSelectedKeys: T,
     siderMenuSelectedKeys: P,
-    topMenuOpenKeys: y,
-    siderMenuOpenKeys: p,
-    activeMenuItem: c,
+    topMenuOpenKeys: b,
+    siderMenuOpenKeys: y,
+    activeMenuItem: u,
     menuItemMap: K,
     breadcrumbItems: x,
     tabs: h,

package/es/pro-layout/index.d.ts

@@ -24,7 +24,10 @@ declare const ProLayout: {
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
-        cacheTabs: boolean;
+        cacheTabs: {
+            enable: boolean;
+            autoRemove: boolean;
+        };
         disableKeepAlive: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -54,7 +57,10 @@ declare const ProLayout: {
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
-        cacheTabs: boolean;
+        cacheTabs: {
+            enable: boolean;
+            autoRemove: boolean;
+        };
         disableKeepAlive: boolean;
     }>;
     __isFragment?: never;
@@ -84,7 +90,10 @@ declare const ProLayout: {
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
-    cacheTabs: boolean;
+    cacheTabs: {
+        enable: boolean;
+        autoRemove: boolean;
+    };
     disableKeepAlive: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/es/pro-layout/pro-layout.vue.d.ts

@@ -41,7 +41,10 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;
-    cacheTabs: boolean;
+    cacheTabs: {
+        enable: boolean;
+        autoRemove: boolean;
+    };
     disableKeepAlive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/pro-layout/pro-layout.vue.js

@@ -10,7 +10,7 @@ import pe from "./pro-layout-header.vue.js";
 /* empty css                       */
 import { useHooks as me } from "./hooks.js";
 import { ProLayoutMode as fe, ProLayoutMenuType as O } from "./enum.js";
-const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
+const he = ["src"], l = "keyblade-pro-layout", D = 48, Be = /* @__PURE__ */ J({
   __name: "pro-layout",
   props: {
     layout: { default: fe.mix },
@@ -30,7 +30,7 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
     tabsSize: { default: "small" },
     tabsType: { default: "rounded" },
     tabsHeaderPadding: { type: Boolean, default: !0 },
-    cacheTabs: { type: Boolean, default: !1 },
+    cacheTabs: { default: () => ({ enable: !1, autoRemove: !1 }) },
     disableKeepAlive: { type: Boolean, default: !1 },
     onMenuItemClick: {}
   },
@@ -42,9 +42,9 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
   },
   setup(c, { emit: F }) {
     Q((t) => ({
-      "2fd94c50": S.value,
-      "3adc8e1d": q,
-      "23ada948": G
+      "077257d0": S.value,
+      "155d1ac6": q,
+      "7931d4c8": G
     }));
     const n = c, v = F, r = X(), C = Y(() => n.hiderSider || $.value.length > 0 && T.value.length === 0), {
       topMenuItems: $,
@@ -54,14 +54,14 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
       topMenuOpenKeys: E,
       siderMenuOpenKeys: R,
       breadcrumbItems: U,
-      tabs: B,
+      tabs: I,
       keepAliveInclude: y,
-      onProMenuItemClick: I,
-      onProMenuOpenKeysChange: M,
+      onProMenuItemClick: M,
+      onProMenuOpenKeysChange: P,
       onTabClick: j,
-      onTabDelete: P
+      onTabDelete: B
     } = me(n);
-    g("ProBreadcrumbItems", U), g("ProKeepAliveInclude", y), g("onProReuseTabDelete", P);
+    g("ProBreadcrumbItems", U), g("ProKeepAliveInclude", y), g("onProReuseTabDelete", B);
     const S = K(`${n.headerHeight}px`), q = `${n.siderWidth}px`, G = `${D}px`, s = K(n.siderCollapsed), H = (t) => {
       s.value = t, v("collapse", t);
     };
@@ -89,8 +89,8 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
           "header-height": t.headerHeight,
           "sider-width": t.siderWidth,
           "sider-collapsed-width": D,
-          onMenuItemClick: e(I),
-          onOpenKeysChange: e(M)
+          onMenuItemClick: e(M),
+          onOpenKeysChange: e(P)
         }, _({ _: 2 }, [
           e(r)["header-left"] ? {
             name: "header-left",
@@ -192,8 +192,8 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
                     "open-keys": e(R),
                     items: e(T),
                     "menu-props": t.menuProps,
-                    onMenuItemClick: m[0] || (m[0] = (h) => e(I)(e(O).side, h)),
-                    onOpenKeysChange: m[1] || (m[1] = (h) => e(M)(e(O).side, h))
+                    onMenuItemClick: m[0] || (m[0] = (h) => e(M)(e(O).side, h)),
+                    onOpenKeysChange: m[1] || (m[1] = (h) => e(P)(e(O).side, h))
                   }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
                 ], 2),
                 p(e(oe), {
@@ -223,14 +223,14 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
                   offsetTop: t.hideHeader ? 0 : t.headerHeight
                 }, {
                   default: o(() => [
-                    e(B).length > 0 ? (a(), u(ne, {
+                    e(I).length > 0 ? (a(), u(ne, {
                       key: 0,
-                      tabs: e(B),
+                      tabs: e(I),
                       "tabs-size": t.tabsSize,
                       "tabs-type": t.tabsType,
                       "tabs-header-padding": t.tabsHeaderPadding,
                       onTabClick: e(j),
-                      onTabDelete: e(P)
+                      onTabDelete: e(B)
                     }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
                   ]),
                   _: 1
@@ -264,5 +264,5 @@ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
   }
 });
 export {
-  Pe as default
+  Be as default
 };

package/es/pro-layout/type.d.ts

@@ -75,7 +75,12 @@ export interface IProLayoutProps {
     /**
      * 是否缓存tabs(刷新页面会保存浏览记录)
      */
-    cacheTabs?: boolean;
+    cacheTabs?: {
+        /** 是否开启缓存 */
+        enable: boolean;
+        /** 开启缓存后，是否自动删除，开启后，使用缓存数据后立即删除，否则同一浏览器标签期间一直存在 */
+        autoRemove: boolean;
+    };
     /**
      * 禁用全局路由缓存
      */

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--611b89eb);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--c99dc91a);width:calc(100% - var(--c99dc91a))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--65d3bcb2);width:calc(100% - var(--65d3bcb2))}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--2fd94c50);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--2fd94c50);padding-left:var(--3adc8e1d);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--23ada948)}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-header-icon{font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.keyblade-pro-table .keyblade-pro-table-header-icon:hover{background-color:var(--color-fill-3)}.keyblade-pro-table .keyblade-pro-table-column-setting{width:250px}.keyblade-pro-table .keyblade-pro-table-column-setting-title{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.keyblade-pro-table .keyblade-pro-table-column-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;transition:background-color .2s,opacity .2s;user-select:none;cursor:grab}.keyblade-pro-table .keyblade-pro-table-column-setting-item.is-dragging{opacity:.5;background-color:var(--color-fill-3);cursor:grabbing}.keyblade-pro-table .keyblade-pro-table-column-setting-item:hover:not(.is-dragging){background-color:var(--color-fill-2)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden;height:22px}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;height:100%}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox .arco-checkbox-icon{margin:0}.keyblade-pro-table .keyblade-pro-table-column-setting-item-drag{cursor:move;color:var(--color-text-3)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;display:inline-block;vertical-align:middle}.keyblade-pro-table .keyblade-pro-table-column-setting-item-right{display:flex;gap:4px}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}
+.keyblade-pro-login{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);width:470px;padding:0 40px}.keyblade-pro-login input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-pro-login .arco-input-append{border-left:none}.keyblade-pro-login .keyblade-pro-login-mobile-time{text-align:center;width:130px;color:var(--color-neutral-6)}[arco-theme=dark] .keyblade-pro-login{border:1px solid var(--color-neutral-3)}.keyblade-find-password{box-shadow:0 12px 23px #00000026;border-radius:var(--border-radius-large);max-width:937px;width:80%}.keyblade-find-password input:-webkit-autofill{-webkit-background-clip:text;transition:background-color 5000s ease-in-out 0s}.keyblade-find-password .keyblade-find-password-succeed-message{width:100%;display:flex;justify-content:center}[arco-theme=dark] .keyblade-find-password{border:1px solid var(--color-neutral-3)}.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--611b89eb);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--c99dc91a);width:calc(100% - var(--c99dc91a))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--65d3bcb2);width:calc(100% - var(--65d3bcb2))}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--077257d0);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--077257d0);padding-left:var(--155d1ac6);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-hide-sider{padding-left:0}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--7931d4c8)}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-footer-bar[data-v-664c6218]{z-index:11;position:fixed;width:100%;bottom:0;right:0;padding:16px 20px;background-color:var(--color-bg-3);display:flex;justify-content:flex-end;box-shadow:0 -2px 5px #0000000d}[arco-theme=dark] .keyblade-pro-footer-bar[data-v-664c6218]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-page-container-with-footer-bar .keyblade-pro-page-container-content{padding-bottom:84px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-bf0218e0]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-bf0218e0]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-bf0218e0]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-bf0218e0]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-dates-picker{position:relative}.keyblade-pro-dates-picker .arco-trigger-content{padding:0;border:none;margin-top:-6px}.keyblade-pro-dates-picker .arco-popover-content{margin-top:0}.keyblade-pro-dates-picker .arco-trigger-arrow{display:none}.keyblade-pro-dates-picker .arco-picker-cell-selected .arco-picker-date-value{background-color:transparent;color:var(--color-text-1)}.keyblade-pro-date-range-picker[data-v-2223539d]{display:flex;align-items:flex-start;position:relative}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error){background-color:var(--color-bg-1);border-color:var(--color-border-1)}.keyblade-pro-date-range-picker[data-v-2223539d] .arco-form-item .arco-picker:not(.arco-picker-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-table .keyblade-pro-table-header{min-height:32px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-header-icon{font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.keyblade-pro-table .keyblade-pro-table-header-icon:hover{background-color:var(--color-fill-3)}.keyblade-pro-table .keyblade-pro-table-column-setting{width:250px}.keyblade-pro-table .keyblade-pro-table-column-setting-title{padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.keyblade-pro-table .keyblade-pro-table-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.keyblade-pro-table .keyblade-pro-table-column-setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px;transition:background-color .2s,opacity .2s;user-select:none;cursor:grab}.keyblade-pro-table .keyblade-pro-table-column-setting-item.is-dragging{opacity:.5;background-color:var(--color-fill-3);cursor:grabbing}.keyblade-pro-table .keyblade-pro-table-column-setting-item:hover:not(.is-dragging){background-color:var(--color-fill-2)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden;height:22px}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox{padding:0;margin:0;display:inline-flex;align-items:center;height:100%}.keyblade-pro-table .keyblade-pro-table-column-setting-item-left .arco-checkbox .arco-checkbox-icon{margin:0}.keyblade-pro-table .keyblade-pro-table-column-setting-item-drag{cursor:move;color:var(--color-text-3)}.keyblade-pro-table .keyblade-pro-table-column-setting-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:22px;display:inline-block;vertical-align:middle}.keyblade-pro-table .keyblade-pro-table-column-setting-item-right{display:flex;gap:4px}.keyblade-pro-table .keyblade-pro-table-clipboard span{text-decoration:underline;margin-right:4px}.keyblade-pro-table .keyblade-pro-table-clipboard:hover{cursor:pointer}.keyblade-pro-table .keyblade-pro-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyblade-pro-table .arco-table .arco-table-pagination>:first-child:not(.arco-pagination){flex:1;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px 0}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-ef0ccb66] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error){background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px}.keyblade-pro-textarea[data-v-ef0ccb66]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-ba9d734f]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-ba9d734f] .arco-typography:before{content:"";display:block;width:4px;height:16px;margin-right:6px;background:rgb(var(--primary-6))}.keyblade-pro-form-group-extra[data-v-ba9d734f]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-ba9d734f]{color:rgb(var(--orange-6))}.arco-calendar{box-sizing:border-box;border:1px solid var(--color-neutral-3)}.arco-calendar-header{display:flex;padding:24px}.arco-calendar-header-left{position:relative;display:flex;flex:1;align-items:center;height:28px;line-height:28px}.arco-calendar-header-right{position:relative;height:28px}.arco-calendar-header-value{color:var(--color-text-1);font-weight:500;font-size:20px}.arco-calendar-header-icon{width:28px;height:28px;margin-right:12px;color:var(--color-text-2);font-size:12px;line-height:28px;text-align:center;background-color:var(--color-bg-5);border-radius:50%;transition:all .1s cubic-bezier(0,0,1,1);user-select:none}.arco-calendar-header-icon:not(:first-child){margin:0 12px}.arco-calendar-header-icon:focus-visible{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){cursor:pointer}.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{background-color:var(--color-fill-3)}.arco-calendar .arco-calendar-header-value-year{width:100px;margin-right:8px}.arco-calendar .arco-calendar-header-value-month{width:76px;margin-right:32px}.arco-calendar-month{width:100%}.arco-calendar-month-row{display:flex;height:100px}.arco-calendar-month-row .arco-calendar-cell{flex:1;overflow:hidden;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-row:last-child .arco-calendar-cell{border-bottom:unset}.arco-calendar-month-cell-body{box-sizing:border-box}.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-week-list{display:flex;box-sizing:border-box;width:100%;padding:0;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-week-list-item{flex:1;padding:20px 16px;color:#7d7d7f;text-align:left}.arco-calendar-cell .arco-calendar-date{box-sizing:border-box;width:100%;height:100%;padding:10px;cursor:pointer}.arco-calendar-cell .arco-calendar-date-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.arco-calendar-date-content{height:70px;overflow-y:auto}.arco-calendar-cell-today .arco-calendar-date-circle{box-sizing:border-box;border:1px solid rgb(var(--primary-6))}.arco-calendar-date-value{color:var(--color-text-4);font-weight:500;font-size:16px}.arco-calendar-cell-in-view .arco-calendar-date-value{color:var(--color-text-1)}.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle,.arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle{box-sizing:border-box;color:#fff;background-color:rgb(var(--primary-6));border:1px solid rgb(var(--primary-6))}.arco-calendar-mode-year:not(.arco-calendar-panel){min-width:820px}.arco-calendar-mode-year .arco-calendar-header{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-mode-year .arco-calendar-body{padding:12px}.arco-calendar-mode-year .arco-calendar-year-row{display:flex}.arco-calendar-year-row>.arco-calendar-cell{flex:1;padding:20px 8px}.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){border-right:1px solid var(--color-neutral-3)}.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-month-with-days .arco-calendar-month-row{height:26px}.arco-calendar-month-with-days .arco-calendar-cell{border-bottom:0}.arco-calendar-month-with-days .arco-calendar-month-cell-body{padding:0}.arco-calendar-month-with-days .arco-calendar-month-title{padding:10px 6px;color:var(--color-text-1);font-weight:500;font-size:16px}.arco-calendar-month-cell{width:100%;font-size:12px}.arco-calendar-month-cell .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-month-cell .arco-calendar-week-list-item{padding:6px;color:#7d7d7f;text-align:center}.arco-calendar-month-cell .arco-calendar-cell{text-align:center}.arco-calendar-month-cell .arco-calendar-date{padding:2px}.arco-calendar-month-cell .arco-calendar-date-value{font-size:14px}.arco-calendar-month-cell .arco-calendar-date-circle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%}.arco-calendar-panel{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header{padding:8px 16px;border-bottom:1px solid var(--color-neutral-3)}.arco-calendar-panel .arco-calendar-header-value{flex:1;font-size:14px;line-height:24px;text-align:center}.arco-calendar-panel .arco-calendar-header-icon{width:24px;height:24px;margin-right:2px;margin-left:2px;line-height:24px}.arco-calendar-panel .arco-calendar-body{padding:14px 16px}.arco-calendar-panel .arco-calendar-month-cell-body{padding:0}.arco-calendar-panel .arco-calendar-month-row{height:unset}.arco-calendar-panel .arco-calendar-week-list{padding:0;border-bottom:unset}.arco-calendar-panel .arco-calendar-week-list-item{height:32px;padding:0;font-weight:400;line-height:32px;text-align:center}.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{box-sizing:border-box;padding:2px 0;text-align:center;border-right:0;border-bottom:0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{display:flex;justify-content:center;padding:4px 0}.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{min-width:24px;height:24px;font-size:14px;line-height:24px;cursor:pointer}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{padding:4px 0}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{padding:4px}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{width:100%;border-radius:12px}.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{color:rgb(var(--primary-6));background-color:var(--color-primary-light-1);border-radius:50%}.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{border-radius:12px}.arco-calendar-panel .arco-calendar-cell-today{position:relative}.arco-calendar-panel .arco-calendar-cell-today:after{position:absolute;bottom:0;left:50%;display:block;width:4px;height:4px;margin-left:-2px;background-color:rgb(var(--primary-6));border-radius:50%;content:""}.arco-calendar-cell-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-in-range-near-hover .arco-calendar-date{border-radius:0}.arco-calendar-cell-range-start .arco-calendar-date-value,.arco-calendar-cell-range-end .arco-calendar-date-value{color:var(--color-white);background-color:rgb(var(--primary-6));border-radius:50%}.arco-calendar-cell-hover-in-range .arco-calendar-date{background-color:var(--color-primary-light-1)}.arco-calendar-cell-hover-range-start .arco-calendar-date{border-radius:16px 0 0 16px}.arco-calendar-cell-hover-range-end .arco-calendar-date{border-radius:0 16px 16px 0}.arco-calendar-cell-hover-range-start .arco-calendar-date-value,.arco-calendar-cell-hover-range-end .arco-calendar-date-value{color:var(--color-text-1);background-color:var(--color-primary-light-2);border-radius:50%}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{color:var(--color-text-4);background-color:var(--color-fill-1);cursor:not-allowed}.arco-calendar-panel .arco-calendar-footer-btn-wrapper{height:38px;color:var(--color-text-1);line-height:38px;text-align:center;border-top:1px solid var(--color-neutral-3);cursor:pointer}.arco-calendar-rtl{direction:rtl}.arco-calendar-rtl .arco-calendar-header-icon{margin-right:0;margin-left:12px;transform:scaleX(-1)}.arco-calendar-rtl .arco-calendar-week-list-item{text-align:right}.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){border-right:0;border-left:1px solid var(--color-neutral-3)}.arco-calendar-rtl .arco-calendar-header-value-year{margin-right:0;margin-left:8px}.arco-calendar-rtl .arco-calendar-header-value-month{margin-right:0;margin-left:32px}.keyblade-pro-loader{position:relative}.keyblade-pro-loader-container{opacity:1;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:opacity 1s ease;background-color:var(--color-spin-layer-bg)}.keyblade-pro-loader-fade-out{opacity:0}.keyblade-pro-loader-svg-container{display:flex;align-items:center;justify-content:center}.keyblade-pro-loader-svg-path{fill:none;stroke-width:var(--end-stroke-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:strokeDraw 2s ease-in-out infinite}.keyblade-pro-loader-custom-color .keyblade-pro-loader-svg-path{stroke:var(--loader-color)}.keyblade-pro-loader-tip{color:rgb(var(--primary-6));font-weight:500;font-size:14px}@keyframes strokeDraw{0%{stroke-dashoffset:800;stroke-width:var(--start-stroke-width)}50%{stroke-dashoffset:0;stroke-width:var(--end-stroke-width)}to{stroke-dashoffset:-800;stroke-width:var(--start-stroke-width)}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.15.0-alpha.7",
+  "version": "1.15.0-alpha.9",
   "private": false,
   "type": "module",
   "main": "es/index.js",