@keyblade/pro-components 1.15.0-alpha.13 → 1.15.0-alpha.15

package/es/components.d.ts

@@ -17,6 +17,7 @@ declare module 'vue' {
         KbProCalendar: typeof import('./index')['ProCalendar'];
         KbProLoader: typeof import('./index')['ProLoader'];
         KbProLogin: typeof import('./index')['ProLogin'];
+        KbProAuthVerify: typeof import('./index')['ProAuthVerify'];
         KbProFindPassword: typeof import('./index')['ProFindPassword'];
     }
 }

package/es/index.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     install(app: App, options?: GlobalProps): void;
 };
 export default _default;
-export { default as ProLogin } from './pro-login';
+export { default as ProLogin, ProAuthVerify } from './pro-login';
 export { default as ProFindPassword } from './pro-find-password';
 export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';

package/es/index.js

@@ -1,57 +1,58 @@
-import { ProLogin as e } from "./pro-login/index.js";
-import { ProFindPassword as m } from "./pro-find-password/index.js";
-import { ProPageHeader as t } from "./pro-page-header/index.js";
-import { ProKeepAliveRouterView as s } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as i, ProLayoutHeader as f } from "./pro-layout/index.js";
+import { ProLogin as e, ProAuthVerify as m } from "./pro-login/index.js";
+import { ProFindPassword as t } from "./pro-find-password/index.js";
+import { ProPageHeader as s } from "./pro-page-header/index.js";
+import { ProKeepAliveRouterView as i } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as f, ProLayoutHeader as u } from "./pro-layout/index.js";
 import { ProMenu as P } from "./pro-menu/index.js";
-import { ProPageContainer as u } from "./pro-page-container/index.js";
-import { ProReuseTabs as a } from "./pro-reuse-tabs/index.js";
-import { ProImageUpload as n } from "./pro-image-upload/index.js";
-import { ProDatesPicker as d } from "./pro-dates-picker/index.js";
-import { ProDateRangePicker as l } from "./pro-date-range-picker/index.js";
-import { ProTable as g } from "./pro-table/index.js";
-import { ProTextarea as x } from "./pro-textarea/index.js";
-import { ProFooterBar as b } from "./pro-footer-bar/index.js";
-import { ProFormGroup as c } from "./pro-form-group/index.js";
-import { ProCalendar as p } from "./pro-calendar/index.js";
-import { ProLoader as L } from "./pro-loader/index.js";
-import { globalProps as F } from "./global-props.js";
-import { setGlobalProps as V } from "./global-props.js";
-import { splitStringWithCommaAndSpace as q } from "./utils.js";
-import { EImageUploadInnerBeforeUploadStep as J } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as Q } from "./pro-image-upload/constant.js";
-import { EProLoginType as Y } from "./pro-login/enum.js";
-import { EFindPasswordSteps as _ } from "./pro-find-password/enum.js";
+import { ProPageContainer as a } from "./pro-page-container/index.js";
+import { ProReuseTabs as n } from "./pro-reuse-tabs/index.js";
+import { ProImageUpload as d } from "./pro-image-upload/index.js";
+import { ProDatesPicker as l } from "./pro-dates-picker/index.js";
+import { ProDateRangePicker as g } from "./pro-date-range-picker/index.js";
+import { ProTable as x } from "./pro-table/index.js";
+import { ProTextarea as b } from "./pro-textarea/index.js";
+import { ProFooterBar as c } from "./pro-footer-bar/index.js";
+import { ProFormGroup as L } from "./pro-form-group/index.js";
+import { ProCalendar as y } from "./pro-calendar/index.js";
+import { ProLoader as F } from "./pro-loader/index.js";
+import { globalProps as I } from "./global-props.js";
+import { setGlobalProps as W } from "./global-props.js";
+import { splitStringWithCommaAndSpace as z } from "./utils.js";
+import { EImageUploadInnerBeforeUploadStep as N } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as X } from "./pro-image-upload/constant.js";
+import { EProLoginType as Z } from "./pro-login/enum.js";
+import { EFindPasswordSteps as $ } from "./pro-find-password/enum.js";
 const v = {
   install(o, r) {
-    Object.assign(F, r || {}), o.use(e), o.use(m), o.use(t), o.use(s), o.use(i), o.use(f), o.use(b), o.use(P), o.use(u), o.use(a), o.use(n), o.use(d), o.use(l), o.use(x), o.use(g), o.use(c), o.use(p), o.use(L);
+    Object.assign(I, r || {}), o.use(e), o.use(m), o.use(t), o.use(s), o.use(i), o.use(f), o.use(u), o.use(c), o.use(P), o.use(a), o.use(n), o.use(d), o.use(l), o.use(g), o.use(b), o.use(x), o.use(L), o.use(y), o.use(F);
   }
 };
 export {
-  _ as EFindPasswordSteps,
-  J as EImageUploadInnerBeforeUploadStep,
-  Y as EProLoginType,
-  p as ProCalendar,
-  l as ProDateRangePicker,
-  d as ProDatesPicker,
-  m as ProFindPassword,
-  b as ProFooterBar,
-  c as ProFormGroup,
-  n as ProImageUpload,
-  s as ProKeepAliveRouterView,
-  i as ProLayout,
-  f as ProLayoutHeader,
-  L as ProLoader,
+  $ as EFindPasswordSteps,
+  N as EImageUploadInnerBeforeUploadStep,
+  Z as EProLoginType,
+  m as ProAuthVerify,
+  y as ProCalendar,
+  g as ProDateRangePicker,
+  l as ProDatesPicker,
+  t as ProFindPassword,
+  c as ProFooterBar,
+  L as ProFormGroup,
+  d as ProImageUpload,
+  i as ProKeepAliveRouterView,
+  f as ProLayout,
+  u as ProLayoutHeader,
+  F as ProLoader,
   e as ProLogin,
   P as ProMenu,
-  u as ProPageContainer,
-  t as ProPageHeader,
-  a as ProReuseTabs,
-  g as ProTable,
-  x as ProTextarea,
+  a as ProPageContainer,
+  s as ProPageHeader,
+  n as ProReuseTabs,
+  x as ProTable,
+  b as ProTextarea,
   v as default,
-  Q as defaultImageUploadOptions,
-  F as globalProps,
-  V as setGlobalProps,
-  q as splitStringWithCommaAndSpace
+  X as defaultImageUploadOptions,
+  I as globalProps,
+  W as setGlobalProps,
+  z as splitStringWithCommaAndSpace
 };

package/es/pro-login/auth-verify.vue.d.ts

@@ -0,0 +1,32 @@
+import { IProAuthVerify } from './interface';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IProAuthVerify, {
+    resetTime: () => void;
+    reset: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "send-sms-code": (mobile: string) => any;
+    "update:visible": (value: boolean) => any;
+    "send-email-code": (email: string) => any;
+    "sms-login": (code: string) => any;
+    "email-login": (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<IProAuthVerify> & Readonly<{
+    "onSend-sms-code"?: ((mobile: string) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onSend-email-code"?: ((email: string) => any) | undefined;
+    "onSms-login"?: ((code: string) => any) | undefined;
+    "onEmail-login"?: ((code: string) => any) | undefined;
+}>, {
+    inputProps: import('./interface').IInputProps;
+    countdown: number;
+    visible: boolean;
+    checkData: import('./interface').IAuthCheckData;
+    modalProps: ModalProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/pro-login/auth-verify.vue.js

@@ -0,0 +1,321 @@
+import { defineComponent as le, useSlots as se, computed as E, ref as p, watch as ae, onBeforeUnmount as te, createBlock as F, openBlock as m, unref as i, mergeProps as T, withCtx as t, createElementBlock as c, normalizeClass as o, createElementVNode as r, createTextVNode as u, createVNode as d, toDisplayString as D, Fragment as oe, renderSlot as ie } from "vue";
+import { Modal as ne, Form as M, FormItem as z, Input as q, Button as b } from "@arco-design/web-vue";
+import { regexp as ue, message as de } from "./regexp.js";
+const me = { key: 1 }, re = { class: "highlight" }, ve = { class: "highlight" }, s = "keyblade-pro-login", ye = /* @__PURE__ */ le({
+  __name: "auth-verify",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    checkData: { default: () => ({}) },
+    countdown: { default: 60 },
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    formItemProps: {},
+    modalProps: { default: () => ({
+      width: "520px",
+      maskClosable: !1,
+      escToClose: !1,
+      unmountOnClose: !0,
+      title: "身份验证"
+    }) },
+    onSendSmsCode: {},
+    onSendEmailCode: {},
+    onSmsLogin: {},
+    onEmailLogin: {},
+    "update:visible": {}
+  },
+  emits: ["update:visible", "send-sms-code", "send-email-code", "sms-login", "email-login"],
+  setup(O, { expose: j, emit: A }) {
+    const a = O, $ = A, G = se(), H = E(() => !!G.footer), I = p(), P = p(), v = p({
+      smsCode: "",
+      emailCode: ""
+    }), y = p(!1), k = p(a.countdown), S = p(), C = p(a.countdown), w = p(), B = [{
+      required: !0,
+      message: "验证码不能为空"
+    }, {
+      validator: (l, e) => {
+        ue.validCode.test(l) || e(de.validCode);
+      }
+    }], J = E(() => {
+      var l, e;
+      return ((e = (l = a.checkData) == null ? void 0 : l.mobile) == null ? void 0 : e.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2")) || "";
+    }), K = E(() => {
+      var g;
+      if (!((g = a.checkData) != null && g.email))
+        return "";
+      const [l = "", e = ""] = a.checkData.email.split("@");
+      return `${l.slice(0, 3) + l.slice(3).replace(/./g, "*")}@${e}`;
+    });
+    ae(() => a.visible, (l) => {
+      var e, f;
+      l && !((e = a.checkData) != null && e.mobile) && ((f = a.checkData) != null && f.email) && (y.value = !0);
+    }), te(() => {
+      V();
+    });
+    const R = (l) => {
+      var e, f;
+      (e = I.value) == null || e.clearValidate(l), (f = P.value) == null || f.clearValidate(l);
+    }, Q = () => {
+      S.value || (k.value--, S.value = setInterval(() => {
+        k.value > 0 ? k.value-- : U();
+      }, 1e3));
+    }, W = () => {
+      w.value || (C.value--, w.value = setInterval(() => {
+        C.value > 0 ? C.value-- : N();
+      }, 1e3));
+    }, U = () => {
+      k.value = a.countdown, clearInterval(S.value), S.value = void 0;
+    }, N = () => {
+      C.value = a.countdown, clearInterval(w.value), w.value = void 0;
+    }, V = () => {
+      U(), N();
+    }, X = () => {
+      var l;
+      !((l = a.checkData) != null && l.mobile) || k.value < a.countdown || ($("send-sms-code", a.checkData.mobile), Q());
+    }, Y = () => {
+      var l;
+      !((l = a.checkData) != null && l.email) || C.value < a.countdown || ($("send-email-code", a.checkData.email), W());
+    }, Z = () => {
+      $("sms-login", v.value.smsCode);
+    }, x = () => {
+      $("email-login", v.value.emailCode);
+    }, L = () => {
+      var l, e;
+      (l = I.value) == null || l.resetFields(), (e = P.value) == null || e.resetFields(), v.value.smsCode = "", v.value.emailCode = "", y.value = !1, V();
+    }, _ = () => {
+      L(), $("update:visible", !1);
+    };
+    return j({
+      resetTime: V,
+      reset: L
+    }), (l, e) => (m(), F(i(ne), T({
+      class: `${s}-auth-verify`,
+      visible: l.visible,
+      footer: H.value
+    }, l.modalProps, { onCancel: _ }), {
+      footer: t(() => [
+        ie(l.$slots, "footer")
+      ]),
+      default: t(() => {
+        var f, g;
+        return [
+          y.value ? (m(), c("div", {
+            key: 0,
+            class: o(`${s}-auth-verify-body`)
+          }, [
+            (f = l.checkData) != null && f.email ? (m(), c("div", me, [
+              r("div", {
+                class: o(`${s}-auth-verify-tip`)
+              }, [
+                e[10] || (e[10] = u(" 验证邮箱：")),
+                r("span", re, D(K.value), 1)
+              ], 2),
+              d(i(M), {
+                ref_key: "emailFormRef",
+                ref: P,
+                model: v.value,
+                onSubmitSuccess: x
+              }, {
+                default: t(() => [
+                  d(i(z), {
+                    field: "emailCode",
+                    "hide-label": "",
+                    rules: B
+                  }, {
+                    default: t(() => [
+                      d(i(q), T(l.inputProps, {
+                        modelValue: v.value.emailCode,
+                        "onUpdate:modelValue": e[1] || (e[1] = (n) => v.value.emailCode = n),
+                        "max-length": 6,
+                        placeholder: "请输入邮箱验证码",
+                        onInput: e[2] || (e[2] = (n) => R("emailCode"))
+                      }), {
+                        append: t(() => [
+                          C.value >= l.countdown ? (m(), F(i(b), {
+                            key: 0,
+                            type: "outline",
+                            class: o(`${s}-auth-verify-send`),
+                            onClick: Y
+                          }, {
+                            default: t(() => e[11] || (e[11] = [
+                              u("获取邮箱验证码")
+                            ])),
+                            _: 1
+                          }, 8, ["class"])) : (m(), c("div", {
+                            key: 1,
+                            class: o(`${s}-auth-verify-time`)
+                          }, D(C.value) + "秒后重新获取 ", 3))
+                        ]),
+                        _: 1
+                      }, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  d(i(z), {
+                    "hide-label": "",
+                    class: o(`${s}-auth-verify-actions`)
+                  }, {
+                    default: t(() => {
+                      var n, h;
+                      return [
+                        d(i(b), {
+                          type: "primary",
+                          long: "",
+                          "html-type": "submit",
+                          size: (n = l.inputProps) == null ? void 0 : n.size,
+                          class: o(`${s}-submit`)
+                        }, {
+                          default: t(() => e[12] || (e[12] = [
+                            u("登录")
+                          ])),
+                          _: 1
+                        }, 8, ["size", "class"]),
+                        d(i(b), {
+                          long: "",
+                          size: (h = l.inputProps) == null ? void 0 : h.size,
+                          onClick: e[3] || (e[3] = (ee) => y.value = !1)
+                        }, {
+                          default: t(() => e[13] || (e[13] = [
+                            u("短信验证")
+                          ])),
+                          _: 1
+                        }, 8, ["size"])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ])) : (m(), c("div", {
+              key: 0,
+              class: o(`${s}-auth-verify-empty`)
+            }, [
+              r("div", {
+                class: o(`${s}-auth-verify-tip`)
+              }, e[8] || (e[8] = [
+                u(" 暂未绑定邮箱，可在"),
+                r("span", { class: "highlight" }, "【账户设置】", -1),
+                u("中进行绑定 ")
+              ]), 2),
+              r("div", null, [
+                e[9] || (e[9] = u(" 请使用")),
+                r("span", {
+                  class: "link",
+                  onClick: e[0] || (e[0] = (n) => y.value = !1)
+                }, "短信验证")
+              ])
+            ], 2))
+          ], 2)) : (m(), c("div", {
+            key: 1,
+            class: o(`${s}-auth-verify-body`)
+          }, [
+            (g = l.checkData) != null && g.mobile ? (m(), c(oe, { key: 0 }, [
+              r("div", {
+                class: o(`${s}-auth-verify-tip`)
+              }, [
+                e[14] || (e[14] = u(" 验证手机号：")),
+                r("span", ve, D(J.value), 1)
+              ], 2),
+              d(i(M), {
+                ref_key: "smsFormRef",
+                ref: I,
+                model: v.value,
+                onSubmitSuccess: Z
+              }, {
+                default: t(() => [
+                  d(i(z), {
+                    field: "smsCode",
+                    "hide-label": "",
+                    rules: B
+                  }, {
+                    default: t(() => [
+                      d(i(q), T(l.inputProps, {
+                        modelValue: v.value.smsCode,
+                        "onUpdate:modelValue": e[4] || (e[4] = (n) => v.value.smsCode = n),
+                        "max-length": 6,
+                        placeholder: "请输入短信验证码",
+                        onInput: e[5] || (e[5] = (n) => R("smsCode"))
+                      }), {
+                        append: t(() => [
+                          k.value >= l.countdown ? (m(), F(i(b), {
+                            key: 0,
+                            type: "outline",
+                            class: o(`${s}-auth-verify-send`),
+                            onClick: X
+                          }, {
+                            default: t(() => e[15] || (e[15] = [
+                              u("获取短信验证码")
+                            ])),
+                            _: 1
+                          }, 8, ["class"])) : (m(), c("div", {
+                            key: 1,
+                            class: o(`${s}-auth-verify-time`)
+                          }, D(k.value) + "秒后重新获取 ", 3))
+                        ]),
+                        _: 1
+                      }, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  d(i(z), {
+                    "hide-label": "",
+                    class: o(`${s}-auth-verify-actions`)
+                  }, {
+                    default: t(() => {
+                      var n, h;
+                      return [
+                        d(i(b), {
+                          type: "primary",
+                          long: "",
+                          "html-type": "submit",
+                          size: (n = l.inputProps) == null ? void 0 : n.size,
+                          class: o(`${s}-submit`)
+                        }, {
+                          default: t(() => e[16] || (e[16] = [
+                            u("登录")
+                          ])),
+                          _: 1
+                        }, 8, ["size", "class"]),
+                        d(i(b), {
+                          long: "",
+                          size: (h = l.inputProps) == null ? void 0 : h.size,
+                          onClick: e[6] || (e[6] = (ee) => y.value = !0)
+                        }, {
+                          default: t(() => e[17] || (e[17] = [
+                            u("邮箱验证")
+                          ])),
+                          _: 1
+                        }, 8, ["size"])
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ], 64)) : (m(), c("div", {
+              key: 1,
+              class: o(`${s}-auth-verify-empty`)
+            }, [
+              r("div", {
+                class: o(`${s}-auth-verify-tip`)
+              }, " 该账号手机号无效，请使用邮箱验证后变更手机号 ", 2),
+              r("div", null, [
+                e[18] || (e[18] = u(" 请使用")),
+                r("span", {
+                  class: "link",
+                  onClick: e[7] || (e[7] = (n) => y.value = !0)
+                }, "邮箱验证")
+              ])
+            ], 2))
+          ], 2))
+        ];
+      }),
+      _: 3
+    }, 16, ["class", "visible", "footer"]));
+  }
+});
+export {
+  ye as default
+};

package/es/pro-login/auth-verify.vue3.js

@@ -0,0 +1,5 @@
+import o from "./auth-verify.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

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

@@ -1,11 +1,16 @@
 import { App } from 'vue';
 import { default as _ProLogin } from './index.vue';
+import { default as _ProAuthVerify } from './auth-verify.vue';
 type ProLoginType = typeof _ProLogin & {
     install: (app: App) => void;
 };
+type ProAuthVerifyType = typeof _ProAuthVerify & {
+    install: (app: App) => void;
+};
 declare const ProLogin: ProLoginType;
+declare const ProAuthVerify: ProAuthVerifyType;
 /** 导出类型 */
 export * from './interface';
 /** 导出组件 */
-export { ProLogin };
+export { ProLogin, ProAuthVerify };
 export default ProLogin;

package/es/pro-login/index.js

@@ -1,11 +1,18 @@
-import o from "./index.vue.js";
+import t from "./index.vue.js";
 /* empty css           */
-const r = Object.assign(o, {
-  install: (n) => {
-    n.component("KbProLogin", o);
+import i from "./auth-verify.vue.js";
+/* empty css                 */
+const a = Object.assign(t, {
+  install: (o) => {
+    o.component("KbProLogin", t);
+  }
+}), c = Object.assign(i, {
+  install: (o) => {
+    o.component("KbProAuthVerify", i);
   }
 });
 export {
-  r as ProLogin,
-  r as default
+  c as ProAuthVerify,
+  a as ProLogin,
+  a as default
 };

package/es/pro-login/interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { FormInstance, FormItemInstance } from '@arco-design/web-vue';
+import { FormInstance, FormItemInstance, ModalProps } from '@arco-design/web-vue';
 import { EProLoginType } from './enum';
 export * from './enum';
 export interface ICardProps {
@@ -70,3 +70,42 @@ export interface IProLoginFormData {
     type: EProLoginType;
 }
 export type ProLoginProps = Partial<IProLogin>;
+/** 待验证账号信息 */
+export interface IAuthCheckData {
+    /** 手机号 */
+    mobile?: string;
+    /** 邮箱 */
+    email?: string;
+}
+export type IProAuthVerify = {
+    /** 是否显示弹窗（v-model:visible） */
+    visible?: boolean;
+    /** 待验证账号信息 */
+    checkData?: IAuthCheckData;
+    /** 倒计时（秒） */
+    countdown?: number;
+    /** 输入框属性 */
+    inputProps?: IInputProps;
+    /** 表单项属性 */
+    formItemProps?: Partial<FormItemInstance>;
+    /** Modal 组件属性 */
+    modalProps?: ModalProps;
+} & {
+    /** 请求发送短信验证码 */
+    'onSendSmsCode'?: (mobile: string) => void;
+    /** 请求发送邮箱验证码 */
+    'onSendEmailCode'?: (email: string) => void;
+    /** 短信验证码提交 */
+    'onSmsLogin'?: (code: string) => void;
+    /** 邮箱验证码提交 */
+    'onEmailLogin'?: (code: string) => void;
+    /** 更新弹窗显隐 */
+    'update:visible'?: (value: boolean) => void;
+};
+export interface IProAuthVerifyRef {
+    /** 重置短信与邮箱的倒计时 */
+    resetTime: () => void;
+    /** 重置表单与内部状态 */
+    reset: () => void;
+}
+export type ProAuthVerifyProps = Partial<IProAuthVerify>;

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(--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)}}
+.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-pro-login-auth-verify .arco-input-append{border-left:none}.keyblade-pro-login-auth-verify .arco-modal-title{font-size:18px;font-weight:700}.keyblade-pro-login-auth-verify-body{padding:0 30px}.keyblade-pro-login-auth-verify-tip{background:var(--color-fill-2);padding:10px;margin-bottom:20px;border-radius:var(--border-radius-small)}.keyblade-pro-login-auth-verify-tip .highlight{color:rgb(var(--primary-6))}.keyblade-pro-login-auth-verify-empty{min-height:120px}.keyblade-pro-login-auth-verify-empty .link{color:rgb(var(--primary-6));cursor:pointer;user-select:none}.keyblade-pro-login-auth-verify-send{border:none}.keyblade-pro-login-auth-verify-time{text-align:center;width:130px;color:var(--color-neutral-6);user-select:none}.keyblade-pro-login-auth-verify-actions.arco-form-item{margin-bottom:0}.keyblade-pro-login-auth-verify-actions .arco-form-item-content{display:flex;flex-direction:column;gap:15px}.keyblade-pro-login-auth-verify-actions .keyblade-pro-login-submit{margin-bottom:0}.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.13",
+  "version": "1.15.0-alpha.15",
   "private": false,
   "type": "module",
   "main": "es/index.js",