@keyblade/pro-components 1.15.0-alpha.6 → 1.15.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/es/components.d.ts +1 -0
  2. package/es/index.d.ts +1 -0
  3. package/es/index.js +37 -36
  4. package/es/pro-layout/index.d.ts +92 -10
  5. package/es/pro-layout/index.js +13 -6
  6. package/es/pro-layout/pro-layout-header.vue.d.ts +66 -0
  7. package/es/pro-layout/pro-layout-header.vue.js +104 -0
  8. package/es/pro-layout/pro-layout-header.vue3.js +5 -0
  9. package/es/pro-layout/pro-layout.vue.d.ts +3 -3
  10. package/es/pro-layout/pro-layout.vue.js +173 -169
  11. package/es/style.css +1 -1
  12. package/package.json +1 -1
package/es/components.d.ts CHANGED
@@ -6,6 +6,7 @@ declare module 'vue' {
6
6
  KbProPageHeader: typeof import('./index')['ProPageHeader'];
7
7
  KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
8
8
  KbProLayout: typeof import('./index')['ProLayout'];
9
+ KbProLayoutHeader: typeof import('./index')['ProLayoutHeader'];
9
10
  KbProMenu: typeof import('./index')['ProMenu'];
10
11
  KbProPageContainer: typeof import('./index')['ProPageContainer'];
11
12
  KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
package/es/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export { default as ProFindPassword } from './pro-find-password';
9
9
  export { default as ProPageHeader } from './pro-page-header';
10
10
  export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
11
11
  export { default as ProLayout } from './pro-layout';
12
+ export { ProLayoutHeader } from './pro-layout';
12
13
  export { default as ProFooterBar } from './pro-footer-bar';
13
14
  export { default as ProMenu } from './pro-menu';
14
15
  export type { IProMenuItem } from './pro-menu';
package/es/index.js CHANGED
@@ -2,55 +2,56 @@ import { ProLogin as e } from "./pro-login/index.js";
2
2
  import { ProFindPassword as m } from "./pro-find-password/index.js";
3
3
  import { ProPageHeader as t } from "./pro-page-header/index.js";
4
4
  import { ProKeepAliveRouterView as s } from "./pro-keep-alive-router-view/index.js";
5
- import { ProLayout as i } from "./pro-layout/index.js";
6
- import { ProMenu as f } from "./pro-menu/index.js";
7
- import { ProPageContainer as P } from "./pro-page-container/index.js";
8
- import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
9
- import { ProImageUpload as a } from "./pro-image-upload/index.js";
10
- import { ProDatesPicker as n } from "./pro-dates-picker/index.js";
5
+ import { ProLayout as i, ProLayoutHeader as f } from "./pro-layout/index.js";
6
+ import { ProMenu as P } from "./pro-menu/index.js";
7
+ import { ProPageContainer as u } from "./pro-page-container/index.js";
8
+ import { ProReuseTabs as a } from "./pro-reuse-tabs/index.js";
9
+ import { ProImageUpload as n } from "./pro-image-upload/index.js";
10
+ import { ProDatesPicker as d } from "./pro-dates-picker/index.js";
11
11
  import { ProDateRangePicker as l } from "./pro-date-range-picker/index.js";
12
- import { ProTable as d } from "./pro-table/index.js";
13
- import { ProTextarea as g } from "./pro-textarea/index.js";
14
- import { ProFooterBar as x } from "./pro-footer-bar/index.js";
15
- import { ProFormGroup as p } from "./pro-form-group/index.js";
16
- import { ProCalendar as b } from "./pro-calendar/index.js";
17
- import { ProLoader as c } from "./pro-loader/index.js";
12
+ import { ProTable as g } from "./pro-table/index.js";
13
+ import { ProTextarea as x } from "./pro-textarea/index.js";
14
+ import { ProFooterBar as b } from "./pro-footer-bar/index.js";
15
+ import { ProFormGroup as c } from "./pro-form-group/index.js";
16
+ import { ProCalendar as p } from "./pro-calendar/index.js";
17
+ import { ProLoader as L } from "./pro-loader/index.js";
18
18
  import { globalProps as F } from "./global-props.js";
19
- import { setGlobalProps as M } from "./global-props.js";
20
- import { splitStringWithCommaAndSpace as W } from "./utils.js";
21
- import { EImageUploadInnerBeforeUploadStep as z } from "./pro-image-upload/types.js";
22
- import { defaultImageUploadOptions as N } from "./pro-image-upload/constant.js";
23
- import { EProLoginType as X } from "./pro-login/enum.js";
24
- import { EFindPasswordSteps as Z } from "./pro-find-password/enum.js";
19
+ import { setGlobalProps as V } from "./global-props.js";
20
+ import { splitStringWithCommaAndSpace as q } from "./utils.js";
21
+ import { EImageUploadInnerBeforeUploadStep as J } from "./pro-image-upload/types.js";
22
+ import { defaultImageUploadOptions as Q } from "./pro-image-upload/constant.js";
23
+ import { EProLoginType as Y } from "./pro-login/enum.js";
24
+ import { EFindPasswordSteps as _ } from "./pro-find-password/enum.js";
25
25
  const v = {
26
26
  install(o, r) {
27
- Object.assign(F, r || {}), o.use(e), o.use(m), o.use(t), o.use(s), o.use(i), o.use(x), o.use(f), o.use(P), o.use(u), o.use(a), o.use(n), o.use(l), o.use(g), o.use(d), o.use(p), o.use(b), o.use(c);
27
+ 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);
28
28
  }
29
29
  };
30
30
  export {
31
- Z as EFindPasswordSteps,
32
- z as EImageUploadInnerBeforeUploadStep,
33
- X as EProLoginType,
34
- b as ProCalendar,
31
+ _ as EFindPasswordSteps,
32
+ J as EImageUploadInnerBeforeUploadStep,
33
+ Y as EProLoginType,
34
+ p as ProCalendar,
35
35
  l as ProDateRangePicker,
36
- n as ProDatesPicker,
36
+ d as ProDatesPicker,
37
37
  m as ProFindPassword,
38
- x as ProFooterBar,
39
- p as ProFormGroup,
40
- a as ProImageUpload,
38
+ b as ProFooterBar,
39
+ c as ProFormGroup,
40
+ n as ProImageUpload,
41
41
  s as ProKeepAliveRouterView,
42
42
  i as ProLayout,
43
- c as ProLoader,
43
+ f as ProLayoutHeader,
44
+ L as ProLoader,
44
45
  e as ProLogin,
45
- f as ProMenu,
46
- P as ProPageContainer,
46
+ P as ProMenu,
47
+ u as ProPageContainer,
47
48
  t as ProPageHeader,
48
- u as ProReuseTabs,
49
- d as ProTable,
50
- g as ProTextarea,
49
+ a as ProReuseTabs,
50
+ g as ProTable,
51
+ x as ProTextarea,
51
52
  v as default,
52
- N as defaultImageUploadOptions,
53
+ Q as defaultImageUploadOptions,
53
54
  F as globalProps,
54
- M as setGlobalProps,
55
- W as splitStringWithCommaAndSpace
55
+ V as setGlobalProps,
56
+ q as splitStringWithCommaAndSpace
56
57
  };
package/es/pro-layout/index.d.ts CHANGED
@@ -14,12 +14,12 @@ declare const ProLayout: {
14
14
  tabsHeaderPadding: boolean;
15
15
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
16
16
  hideHeader: boolean;
17
- hiderSider: boolean;
18
- headerHeight: number;
17
+ siderCollapsed: boolean;
19
18
  logo: string;
19
+ headerHeight: number;
20
20
  siderWidth: number;
21
+ hiderSider: boolean;
21
22
  siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
22
- siderCollapsed: boolean;
23
23
  menuItems: import('..').IProMenuItem[];
24
24
  footerTitle: string;
25
25
  hideFooter: boolean;
@@ -44,12 +44,12 @@ declare const ProLayout: {
44
44
  tabsHeaderPadding: boolean;
45
45
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
46
46
  hideHeader: boolean;
47
- hiderSider: boolean;
48
- headerHeight: number;
47
+ siderCollapsed: boolean;
49
48
  logo: string;
49
+ headerHeight: number;
50
50
  siderWidth: number;
51
+ hiderSider: boolean;
51
52
  siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
52
- siderCollapsed: boolean;
53
53
  menuItems: import('..').IProMenuItem[];
54
54
  footerTitle: string;
55
55
  hideFooter: boolean;
@@ -74,12 +74,12 @@ declare const ProLayout: {
74
74
  tabsHeaderPadding: boolean;
75
75
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
76
76
  hideHeader: boolean;
77
- hiderSider: boolean;
78
- headerHeight: number;
77
+ siderCollapsed: boolean;
79
78
  logo: string;
79
+ headerHeight: number;
80
80
  siderWidth: number;
81
+ hiderSider: boolean;
81
82
  siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
82
- siderCollapsed: boolean;
83
83
  menuItems: import('..').IProMenuItem[];
84
84
  footerTitle: string;
85
85
  hideFooter: boolean;
@@ -101,6 +101,88 @@ declare const ProLayout: {
101
101
  }) & {
102
102
  install: (app: App) => void;
103
103
  };
104
+ declare const ProLayoutHeader: {
105
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
106
+ onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
107
+ onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
108
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
109
+ menuItemClick: (type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any;
110
+ openKeysChange: (type: import('./enum').ProLayoutMenuType, keys: string[]) => any;
111
+ }, import('vue').PublicProps, {
112
+ layout: import('./enum').ProLayoutMode;
113
+ prefixClsName: string;
114
+ title: string;
115
+ menuProps: Record<string, unknown>;
116
+ hideHeader: boolean;
117
+ siderCollapsed: boolean;
118
+ logo: string;
119
+ topMenuItems: import('..').IProMenuItem[];
120
+ topMenuSelectedKeys: string[];
121
+ topMenuOpenKeys: string[];
122
+ headerHeight: number;
123
+ siderWidth: number;
124
+ siderCollapsedWidth: number;
125
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
126
+ P: {};
127
+ B: {};
128
+ D: {};
129
+ C: {};
130
+ M: {};
131
+ Defaults: {};
132
+ }, Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
133
+ onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
134
+ onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
135
+ }>, {}, {}, {}, {}, {
136
+ layout: import('./enum').ProLayoutMode;
137
+ prefixClsName: string;
138
+ title: string;
139
+ menuProps: Record<string, unknown>;
140
+ hideHeader: boolean;
141
+ siderCollapsed: boolean;
142
+ logo: string;
143
+ topMenuItems: import('..').IProMenuItem[];
144
+ topMenuSelectedKeys: string[];
145
+ topMenuOpenKeys: string[];
146
+ headerHeight: number;
147
+ siderWidth: number;
148
+ siderCollapsedWidth: number;
149
+ }>;
150
+ __isFragment?: never;
151
+ __isTeleport?: never;
152
+ __isSuspense?: never;
153
+ } & import('vue').ComponentOptionsBase<Readonly<import('./pro-layout-header.vue').IProLayoutHeaderProps> & Readonly<{
154
+ onMenuItemClick?: ((type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any) | undefined;
155
+ onOpenKeysChange?: ((type: import('./enum').ProLayoutMenuType, keys: string[]) => any) | undefined;
156
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
157
+ menuItemClick: (type: import('./enum').ProLayoutMenuType, item: import('..').IProMenuItem) => any;
158
+ openKeysChange: (type: import('./enum').ProLayoutMenuType, keys: string[]) => any;
159
+ }, string, {
160
+ layout: import('./enum').ProLayoutMode;
161
+ prefixClsName: string;
162
+ title: string;
163
+ menuProps: Record<string, unknown>;
164
+ hideHeader: boolean;
165
+ siderCollapsed: boolean;
166
+ logo: string;
167
+ topMenuItems: import('..').IProMenuItem[];
168
+ topMenuSelectedKeys: string[];
169
+ topMenuOpenKeys: string[];
170
+ headerHeight: number;
171
+ siderWidth: number;
172
+ siderCollapsedWidth: number;
173
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
174
+ $slots: {
175
+ 'header-left'?(_: {}): any;
176
+ 'header-left-logo-img'?(_: {}): any;
177
+ 'header-left-logo-title'?(_: {}): any;
178
+ 'header-center-left'?(_: {}): any;
179
+ 'header-center-center'?(_: {}): any;
180
+ 'header-center-right'?(_: {}): any;
181
+ 'header-right'?(_: {}): any;
182
+ };
183
+ }) & {
184
+ install: (app: App) => void;
185
+ };
104
186
  /** 导出组件 */
105
- export { ProLayout };
187
+ export { ProLayout, ProLayoutHeader };
106
188
  export default ProLayout;
package/es/pro-layout/index.js CHANGED
@@ -1,11 +1,18 @@
1
- import o from "./pro-layout.vue.js";
1
+ import t from "./pro-layout.vue.js";
2
2
  /* empty css */
3
- const r = Object.assign(o, {
4
- install: (t) => {
5
- t.component("KbProLayout", o);
3
+ import a from "./pro-layout-header.vue.js";
4
+ /* empty css */
5
+ const i = Object.assign(t, {
6
+ install: (o) => {
7
+ o.component("KbProLayout", t);
8
+ }
9
+ }), m = Object.assign(a, {
10
+ install: (o) => {
11
+ o.component("KbProLayoutHeader", a);
6
12
  }
7
13
  });
8
14
  export {
9
- r as ProLayout,
10
- r as default
15
+ i as ProLayout,
16
+ m as ProLayoutHeader,
17
+ i as default
11
18
  };
package/es/pro-layout/pro-layout-header.vue.d.ts ADDED
@@ -0,0 +1,66 @@
1
+ import { IProMenuItem } from '../pro-menu';
2
+ import { ProLayoutMenuType, ProLayoutMode } from './enum.ts';
3
+ export interface IProLayoutHeaderProps {
4
+ /** 类名前缀 */
5
+ prefixClsName?: string;
6
+ /** 是否隐藏头部 */
7
+ hideHeader?: boolean;
8
+ /** 侧边栏是否收缩 */
9
+ siderCollapsed?: boolean;
10
+ layout?: ProLayoutMode;
11
+ logo?: string;
12
+ title?: string;
13
+ topMenuItems?: IProMenuItem[];
14
+ topMenuSelectedKeys?: string[];
15
+ topMenuOpenKeys?: string[];
16
+ menuProps?: Record<string, unknown>;
17
+ /** 头部高度 */
18
+ headerHeight?: number;
19
+ /** 侧边栏宽度 */
20
+ siderWidth?: number;
21
+ /** 侧边栏收缩宽度 */
22
+ siderCollapsedWidth?: number;
23
+ }
24
+ declare function __VLS_template(): {
25
+ attrs: Partial<{}>;
26
+ slots: {
27
+ 'header-left'?(_: {}): any;
28
+ 'header-left-logo-img'?(_: {}): any;
29
+ 'header-left-logo-title'?(_: {}): any;
30
+ 'header-center-left'?(_: {}): any;
31
+ 'header-center-center'?(_: {}): any;
32
+ 'header-center-right'?(_: {}): any;
33
+ 'header-right'?(_: {}): any;
34
+ };
35
+ refs: {};
36
+ rootEl: any;
37
+ };
38
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
39
+ declare const __VLS_component: import('vue').DefineComponent<IProLayoutHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
40
+ menuItemClick: (type: ProLayoutMenuType, item: IProMenuItem) => any;
41
+ openKeysChange: (type: ProLayoutMenuType, keys: string[]) => any;
42
+ }, string, import('vue').PublicProps, Readonly<IProLayoutHeaderProps> & Readonly<{
43
+ onMenuItemClick?: ((type: ProLayoutMenuType, item: IProMenuItem) => any) | undefined;
44
+ onOpenKeysChange?: ((type: ProLayoutMenuType, keys: string[]) => any) | undefined;
45
+ }>, {
46
+ layout: ProLayoutMode;
47
+ prefixClsName: string;
48
+ title: string;
49
+ menuProps: Record<string, unknown>;
50
+ hideHeader: boolean;
51
+ siderCollapsed: boolean;
52
+ logo: string;
53
+ topMenuItems: IProMenuItem[];
54
+ topMenuSelectedKeys: string[];
55
+ topMenuOpenKeys: string[];
56
+ headerHeight: number;
57
+ siderWidth: number;
58
+ siderCollapsedWidth: number;
59
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
60
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
61
+ export default _default;
62
+ type __VLS_WithTemplateSlots<T, S> = T & {
63
+ new (): {
64
+ $slots: S;
65
+ };
66
+ };
package/es/pro-layout/pro-layout-header.vue.js ADDED
@@ -0,0 +1,104 @@
1
+ import { defineComponent as v, useCssVars as K, computed as d, createBlock as m, createCommentVNode as s, openBlock as o, unref as i, normalizeClass as l, withCtx as n, createElementVNode as a, renderSlot as t, createElementBlock as p, Fragment as h, createVNode as f, createTextVNode as H, toDisplayString as I } from "vue";
2
+ import { LayoutHeader as P, Space as S, TypographyTitle as W } from "@arco-design/web-vue";
3
+ import b from "../pro-menu/pro-menu.vue.js";
4
+ /* empty css */
5
+ import { ProLayoutMode as B, ProLayoutMenuType as y } from "./enum.js";
6
+ const V = ["src"], D = /* @__PURE__ */ v({
7
+ __name: "pro-layout-header",
8
+ props: {
9
+ prefixClsName: { default: "keyblade-pro-layout" },
10
+ hideHeader: { type: Boolean, default: !1 },
11
+ siderCollapsed: { type: Boolean, default: !1 },
12
+ layout: { default: B.mix },
13
+ logo: { default: "" },
14
+ title: { default: "" },
15
+ topMenuItems: { default: () => [] },
16
+ topMenuSelectedKeys: { default: () => [] },
17
+ topMenuOpenKeys: { default: () => [] },
18
+ menuProps: { default: () => ({}) },
19
+ headerHeight: { default: 60 },
20
+ siderWidth: { default: 220 },
21
+ siderCollapsedWidth: { default: 48 }
22
+ },
23
+ emits: ["menuItemClick", "openKeysChange"],
24
+ setup(c, { emit: g }) {
25
+ K((e) => ({
26
+ "611b89eb": k.value,
27
+ c99dc91a: N.value,
28
+ "65d3bcb2": M.value
29
+ }));
30
+ const r = c, u = g, C = (e) => {
31
+ u("menuItemClick", y.top, e);
32
+ }, $ = (e) => {
33
+ u("openKeysChange", y.side, e);
34
+ }, k = d(() => `${r.headerHeight}px`), N = d(() => `${r.siderWidth}px`), M = d(() => `${r.siderCollapsedWidth}px`);
35
+ return (e, T) => e.hideHeader ? s("", !0) : (o(), m(i(P), {
36
+ key: 0,
37
+ class: l([`${e.prefixClsName}-header`, { [`${e.prefixClsName}-header-collapsed`]: e.siderCollapsed }])
38
+ }, {
39
+ default: n(() => [
40
+ a("div", {
41
+ class: l(`${e.prefixClsName}-header-left`)
42
+ }, [
43
+ e.$slots["header-left"] ? t(e.$slots, "header-left", { key: 0 }) : (o(), p(h, { key: 1 }, [
44
+ e.layout !== "side" ? (o(), p("div", {
45
+ key: 0,
46
+ class: l(`${e.prefixClsName}-header-left-logo`)
47
+ }, [
48
+ f(i(S), null, {
49
+ default: n(() => [
50
+ t(e.$slots, "header-left-logo-img", {}, () => [
51
+ a("img", {
52
+ class: l(`${e.prefixClsName}-header-left-logo-img`),
53
+ alt: "logo",
54
+ src: e.logo
55
+ }, null, 10, V)
56
+ ]),
57
+ e.siderCollapsed ? s("", !0) : t(e.$slots, "header-left-logo-title", { key: 0 }, () => [
58
+ f(i(W), {
59
+ class: l(`${e.prefixClsName}-header-left-logo-title`),
60
+ heading: 5
61
+ }, {
62
+ default: n(() => [
63
+ H(I(e.title), 1)
64
+ ]),
65
+ _: 1
66
+ }, 8, ["class"])
67
+ ])
68
+ ]),
69
+ _: 3
70
+ })
71
+ ], 2)) : s("", !0)
72
+ ], 64))
73
+ ], 2),
74
+ a("div", {
75
+ class: l(`${e.prefixClsName}-header-center`)
76
+ }, [
77
+ e.$slots["header-center-left"] ? t(e.$slots, "header-center-left", { key: 0 }) : s("", !0),
78
+ e.topMenuItems.length > 0 ? (o(), m(b, {
79
+ key: 1,
80
+ mode: "horizontal",
81
+ "selected-keys": e.topMenuSelectedKeys,
82
+ "open-keys": e.topMenuOpenKeys,
83
+ items: e.topMenuItems,
84
+ "menu-props": e.menuProps,
85
+ onMenuItemClick: C,
86
+ onOpenKeysChange: $
87
+ }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (o(), p(h, { key: 2 }, [
88
+ e.$slots["header-center-center"] ? t(e.$slots, "header-center-center", { key: 0 }) : s("", !0)
89
+ ], 64)),
90
+ e.$slots["header-center-right"] ? t(e.$slots, "header-center-right", { key: 3 }) : s("", !0)
91
+ ], 2),
92
+ a("div", {
93
+ class: l(`${e.prefixClsName}-header-right`)
94
+ }, [
95
+ t(e.$slots, "header-right")
96
+ ], 2)
97
+ ]),
98
+ _: 3
99
+ }, 8, ["class"]));
100
+ }
101
+ });
102
+ export {
103
+ D as default
104
+ };
package/es/pro-layout/pro-layout-header.vue3.js ADDED
@@ -0,0 +1,5 @@
1
+ import o from "./pro-layout-header.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
package/es/pro-layout/pro-layout.vue.d.ts CHANGED
@@ -31,12 +31,12 @@ declare const __VLS_component: import('vue').DefineComponent<IProLayoutProps, {}
31
31
  tabsHeaderPadding: boolean;
32
32
  menuProps: Partial<import('@arco-design/web-vue/es/menu/interface').MenuProps>;
33
33
  hideHeader: boolean;
34
- hiderSider: boolean;
35
- headerHeight: number;
34
+ siderCollapsed: boolean;
36
35
  logo: string;
36
+ headerHeight: number;
37
37
  siderWidth: number;
38
+ hiderSider: boolean;
38
39
  siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
39
- siderCollapsed: boolean;
40
40
  menuItems: import('../index.ts').IProMenuItem[];
41
41
  footerTitle: string;
42
42
  hideFooter: boolean;
package/es/pro-layout/pro-layout.vue.js CHANGED
@@ -1,17 +1,19 @@
1
- import { defineComponent as X, useCssVars as Y, ref as w, useSlots as Z, computed as _, provide as C, onMounted as x, watch as D, createBlock as n, openBlock as s, unref as e, normalizeClass as o, withCtx as a, createCommentVNode as d, createVNode as u, createElementVNode as y, renderSlot as p, createElementBlock as h, Fragment as k, createTextVNode as T, toDisplayString as B } from "vue";
2
- import { Layout as P, LayoutHeader as ee, Space as F, TypographyTitle as N, LayoutSider as le, Button as te, Affix as oe, LayoutContent as se, LayoutFooter as ae } from "@arco-design/web-vue";
1
+ import { defineComponent as J, useCssVars as Q, ref as K, useSlots as X, computed as Y, provide as g, onMounted as Z, watch as w, createBlock as u, openBlock as a, unref as e, normalizeClass as d, withCtx as o, createVNode as p, createSlots as _, renderSlot as i, createCommentVNode as f, createElementVNode as W, createElementBlock as k, Fragment as A, createTextVNode as z, toDisplayString as L } from "vue";
2
+ import { Layout as b, LayoutSider as x, Space as ee, TypographyTitle as te, Button as oe, Affix as le, LayoutContent as ae, LayoutFooter as se } from "@arco-design/web-vue";
3
3
  import { IconMenuUnfold as de, IconMenuFold as re } from "@arco-design/web-vue/es/icon";
4
4
  import ie from "../pro-keep-alive-router-view/pro-keep-alive-router-view.vue.js";
5
5
  import ne from "../pro-reuse-tabs/pro-reuse-tabs.vue.js";
6
6
  /* empty css */
7
- import O from "../pro-menu/pro-menu.vue.js";
7
+ import ue from "../pro-menu/pro-menu.vue.js";
8
8
  /* empty css */
9
- import { useHooks as ue } from "./hooks.js";
10
- import { ProLayoutMode as pe, ProLayoutMenuType as g } from "./enum.js";
11
- const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Pe = /* @__PURE__ */ X({
9
+ import pe from "./pro-layout-header.vue.js";
10
+ /* empty css */
11
+ import { useHooks as me } from "./hooks.js";
12
+ import { ProLayoutMode as fe, ProLayoutMenuType as O } from "./enum.js";
13
+ const he = ["src"], l = "keyblade-pro-layout", D = 48, Pe = /* @__PURE__ */ J({
12
14
  __name: "pro-layout",
13
15
  props: {
14
- layout: { default: pe.mix },
16
+ layout: { default: fe.mix },
15
17
  hideHeader: { type: Boolean, default: !1 },
16
18
  hiderSider: { type: Boolean, default: !1 },
17
19
  headerHeight: { default: 60 },
@@ -34,216 +36,218 @@ const fe = ["src"], me = ["src"], t = "keyblade-pro-layout", ce = 48, Pe = /* @_
34
36
  },
35
37
  emits: {
36
38
  /** 收缩事件 */
37
- collapse: (b) => !0,
39
+ collapse: (c) => !0,
38
40
  /** keepAlive改变事件 */
39
- keepAliveIncludeChange: (b) => !0
41
+ keepAliveIncludeChange: (c) => !0
40
42
  },
41
- setup(b, { emit: V }) {
42
- Y((l) => ({
43
- "4bb3e9aa": L.value,
44
- "3b9affa2": J,
45
- "6dc61d63": Q
43
+ setup(c, { emit: F }) {
44
+ Q((t) => ({
45
+ "2fd94c50": S.value,
46
+ "3adc8e1d": q,
47
+ "23ada948": G
46
48
  }));
47
- const f = b, I = V, c = Z(), M = _(() => f.hiderSider || $.value.length > 0 && H.value.length === 0), {
49
+ const n = c, v = F, r = X(), C = Y(() => n.hiderSider || $.value.length > 0 && T.value.length === 0), {
48
50
  topMenuItems: $,
49
- siderMenuItems: H,
50
- topMenuSelectedKeys: E,
51
- siderMenuSelectedKeys: R,
52
- topMenuOpenKeys: U,
53
- siderMenuOpenKeys: j,
54
- breadcrumbItems: q,
55
- tabs: S,
56
- keepAliveInclude: v,
57
- onProMenuItemClick: K,
58
- onProMenuOpenKeysChange: z,
59
- onTabClick: G,
60
- onTabDelete: A
61
- } = ue(f);
62
- C("ProBreadcrumbItems", q), C("ProKeepAliveInclude", v), C("onProReuseTabDelete", A);
63
- const L = w(`${f.headerHeight}px`), J = `${f.siderWidth}px`, Q = `${ce}px`, r = w(f.siderCollapsed), W = (l) => {
64
- r.value = l, I("collapse", l);
51
+ siderMenuItems: T,
52
+ topMenuSelectedKeys: N,
53
+ siderMenuSelectedKeys: V,
54
+ topMenuOpenKeys: E,
55
+ siderMenuOpenKeys: R,
56
+ breadcrumbItems: U,
57
+ tabs: B,
58
+ keepAliveInclude: y,
59
+ onProMenuItemClick: I,
60
+ onProMenuOpenKeysChange: M,
61
+ onTabClick: j,
62
+ onTabDelete: P
63
+ } = me(n);
64
+ g("ProBreadcrumbItems", U), g("ProKeepAliveInclude", y), g("onProReuseTabDelete", P);
65
+ const S = K(`${n.headerHeight}px`), q = `${n.siderWidth}px`, G = `${D}px`, s = K(n.siderCollapsed), H = (t) => {
66
+ s.value = t, v("collapse", t);
65
67
  };
66
- return x(() => {
67
- f.hideHeader && (L.value = "0px");
68
- }), D(() => f.siderCollapsed, () => {
69
- r.value = f.siderCollapsed;
70
- }, { immediate: !0 }), D(v, () => {
71
- I("keepAliveIncludeChange", v.value);
72
- }, { immediate: !0 }), (l, i) => (s(), n(e(P), {
73
- class: o([t, `${t}-${l.layout}`])
68
+ return Z(() => {
69
+ n.hideHeader && (S.value = "0px");
70
+ }), w(() => n.siderCollapsed, () => {
71
+ s.value = n.siderCollapsed;
72
+ }, { immediate: !0 }), w(y, () => {
73
+ v("keepAliveIncludeChange", y.value);
74
+ }, { immediate: !0 }), (t, m) => (a(), u(e(b), {
75
+ class: d([l, `${l}-${t.layout}`])
74
76
  }, {
75
- default: a(() => [
76
- l.hideHeader ? d("", !0) : (s(), n(e(ee), {
77
- key: 0,
78
- class: o([`${t}-header`, { [`${t}-header-collapsed`]: r.value }])
79
- }, {
80
- default: a(() => [
81
- y("div", {
82
- class: o(`${t}-header-left`)
83
- }, [
84
- e(c)["header-left"] ? p(l.$slots, "header-left", { key: 0 }) : (s(), h(k, { key: 1 }, [
85
- l.layout !== "side" ? (s(), h("div", {
86
- key: 0,
87
- class: o(`${t}-header-left-logo`)
88
- }, [
89
- u(e(F), null, {
90
- default: a(() => [
91
- p(l.$slots, "header-left-logo-img", {}, () => [
92
- y("img", {
93
- class: o(`${t}-header-left-logo-img`),
94
- alt: "logo",
95
- src: l.logo
96
- }, null, 10, fe)
97
- ]),
98
- r.value ? d("", !0) : p(l.$slots, "header-left-logo-title", { key: 0 }, () => [
99
- u(e(N), {
100
- class: o(`${t}-header-left-logo-title`),
101
- heading: 5
102
- }, {
103
- default: a(() => [
104
- T(B(l.title), 1)
105
- ]),
106
- _: 1
107
- }, 8, ["class"])
108
- ])
109
- ]),
110
- _: 3
111
- })
112
- ], 2)) : d("", !0)
113
- ], 64))
114
- ], 2),
115
- y("div", {
116
- class: o(`${t}-header-center`)
117
- }, [
118
- e(c)["header-center-left"] ? p(l.$slots, "header-center-left", { key: 0 }) : d("", !0),
119
- e($).length > 0 ? (s(), n(O, {
120
- key: 1,
121
- mode: "horizontal",
122
- "selected-keys": e(E),
123
- "open-keys": e(U),
124
- items: e($),
125
- "menu-props": l.menuProps,
126
- onMenuItemClick: i[0] || (i[0] = (m) => e(K)(e(g).top, m)),
127
- onOpenKeysChange: i[1] || (i[1] = (m) => e(z)(e(g).side, m))
128
- }, null, 8, ["selected-keys", "open-keys", "items", "menu-props"])) : (s(), h(k, { key: 2 }, [
129
- e(c)["header-center-center"] ? p(l.$slots, "header-center-center", { key: 0 }) : d("", !0)
130
- ], 64)),
131
- e(c)["header-center-right"] ? p(l.$slots, "header-center-right", { key: 3 }) : d("", !0)
132
- ], 2),
133
- y("div", {
134
- class: o(`${t}-header-right`)
135
- }, [
136
- p(l.$slots, "header-right")
137
- ], 2)
138
- ]),
139
- _: 3
140
- }, 8, ["class"])),
141
- u(e(P), null, {
142
- default: a(() => [
143
- M.value ? d("", !0) : (s(), n(e(le), {
77
+ default: o(() => [
78
+ p(pe, {
79
+ "prefix-cls-name": l,
80
+ "hide-header": t.hideHeader,
81
+ "sider-collapsed": s.value,
82
+ layout: t.layout,
83
+ logo: t.logo,
84
+ title: t.title,
85
+ "top-menu-items": e($),
86
+ "top-menu-selected-keys": e(N),
87
+ "top-menu-open-keys": e(E),
88
+ "menu-props": t.menuProps,
89
+ "header-height": t.headerHeight,
90
+ "sider-width": t.siderWidth,
91
+ "sider-collapsed-width": D,
92
+ onMenuItemClick: e(I),
93
+ onOpenKeysChange: e(M)
94
+ }, _({ _: 2 }, [
95
+ e(r)["header-left"] ? {
96
+ name: "header-left",
97
+ fn: o(() => [
98
+ i(t.$slots, "header-left")
99
+ ]),
100
+ key: "0"
101
+ } : void 0,
102
+ e(r)["header-left-logo-img"] ? {
103
+ name: "header-left-logo-img",
104
+ fn: o(() => [
105
+ i(t.$slots, "header-left-logo-img")
106
+ ]),
107
+ key: "1"
108
+ } : void 0,
109
+ e(r)["header-left-logo-title"] ? {
110
+ name: "header-left-logo-title",
111
+ fn: o(() => [
112
+ i(t.$slots, "header-left-logo-title")
113
+ ]),
114
+ key: "2"
115
+ } : void 0,
116
+ e(r)["header-center-left"] ? {
117
+ name: "header-center-left",
118
+ fn: o(() => [
119
+ i(t.$slots, "header-center-left")
120
+ ]),
121
+ key: "3"
122
+ } : void 0,
123
+ e(r)["header-center-center"] ? {
124
+ name: "header-center-center",
125
+ fn: o(() => [
126
+ i(t.$slots, "header-center-center")
127
+ ]),
128
+ key: "4"
129
+ } : void 0,
130
+ e(r)["header-center-right"] ? {
131
+ name: "header-center-right",
132
+ fn: o(() => [
133
+ i(t.$slots, "header-center-right")
134
+ ]),
135
+ key: "5"
136
+ } : void 0,
137
+ e(r)["header-right"] ? {
138
+ name: "header-right",
139
+ fn: o(() => [
140
+ i(t.$slots, "header-right")
141
+ ]),
142
+ key: "6"
143
+ } : void 0
144
+ ]), 1032, ["hide-header", "sider-collapsed", "layout", "logo", "title", "top-menu-items", "top-menu-selected-keys", "top-menu-open-keys", "menu-props", "header-height", "sider-width", "onMenuItemClick", "onOpenKeysChange"]),
145
+ p(e(b), null, {
146
+ default: o(() => [
147
+ C.value ? f("", !0) : (a(), u(e(x), {
144
148
  key: 0,
145
- class: o([`${t}-sider`, { [`${t}-sider-collapsed`]: r.value }]),
146
- width: l.siderWidth,
149
+ class: d([`${l}-sider`, { [`${l}-sider-collapsed`]: s.value }]),
150
+ width: t.siderWidth,
147
151
  collapsible: !0,
148
- breakpoint: l.siderBreakpoint,
149
- collapsed: r.value,
152
+ breakpoint: t.siderBreakpoint,
153
+ collapsed: s.value,
150
154
  "hide-trigger": !0,
151
- onCollapse: W
155
+ onCollapse: H
152
156
  }, {
153
- default: a(() => [
154
- y("div", {
155
- class: o(`${t}-sider-content`)
157
+ default: o(() => [
158
+ W("div", {
159
+ class: d(`${l}-sider-content`)
156
160
  }, [
157
- e(c)["sider-top"] ? p(l.$slots, "sider-top", { key: 0 }) : (s(), h(k, { key: 1 }, [
158
- l.layout === "side" ? (s(), h("div", {
161
+ e(r)["sider-top"] ? i(t.$slots, "sider-top", { key: 0 }) : (a(), k(A, { key: 1 }, [
162
+ t.layout === "side" ? (a(), k("div", {
159
163
  key: 0,
160
- class: o(`${t}-sider-content-logo`)
164
+ class: d(`${l}-sider-content-logo`)
161
165
  }, [
162
- u(e(F), null, {
163
- default: a(() => [
164
- y("img", {
165
- class: o(`${t}-sider-content-logo-img`),
166
+ p(e(ee), null, {
167
+ default: o(() => [
168
+ W("img", {
169
+ class: d(`${l}-sider-content-logo-img`),
166
170
  alt: "logo",
167
- src: l.logo
168
- }, null, 10, me),
169
- r.value ? d("", !0) : (s(), n(e(N), {
171
+ src: t.logo
172
+ }, null, 10, he),
173
+ s.value ? f("", !0) : (a(), u(e(te), {
170
174
  key: 0,
171
- class: o(`${t}-sider-content-logo-title`),
175
+ class: d(`${l}-sider-content-logo-title`),
172
176
  heading: 5
173
177
  }, {
174
- default: a(() => [
175
- T(B(l.title), 1)
178
+ default: o(() => [
179
+ z(L(t.title), 1)
176
180
  ]),
177
181
  _: 1
178
182
  }, 8, ["class"]))
179
183
  ]),
180
184
  _: 1
181
185
  })
182
- ], 2)) : d("", !0)
186
+ ], 2)) : f("", !0)
183
187
  ], 64)),
184
- u(O, {
188
+ p(ue, {
185
189
  mode: "vertical",
186
- collapsed: r.value,
187
- "selected-keys": e(R),
188
- "open-keys": e(j),
189
- items: e(H),
190
- "menu-props": l.menuProps,
191
- onMenuItemClick: i[2] || (i[2] = (m) => e(K)(e(g).side, m)),
192
- onOpenKeysChange: i[3] || (i[3] = (m) => e(z)(e(g).side, m))
190
+ collapsed: s.value,
191
+ "selected-keys": e(V),
192
+ "open-keys": e(R),
193
+ items: e(T),
194
+ "menu-props": t.menuProps,
195
+ onMenuItemClick: m[0] || (m[0] = (h) => e(I)(e(O).side, h)),
196
+ onOpenKeysChange: m[1] || (m[1] = (h) => e(M)(e(O).side, h))
193
197
  }, null, 8, ["collapsed", "selected-keys", "open-keys", "items", "menu-props"])
194
198
  ], 2),
195
- u(e(te), {
196
- class: o(`${t}-sider-collapse-btn`),
199
+ p(e(oe), {
200
+ class: d(`${l}-sider-collapse-btn`),
197
201
  size: "mini",
198
- onClick: i[4] || (i[4] = (m) => W(!r.value))
202
+ onClick: m[2] || (m[2] = (h) => H(!s.value))
199
203
  }, {
200
- icon: a(() => [
201
- r.value ? (s(), n(e(de), { key: 0 })) : (s(), n(e(re), { key: 1 }))
204
+ icon: o(() => [
205
+ s.value ? (a(), u(e(de), { key: 0 })) : (a(), u(e(re), { key: 1 }))
202
206
  ]),
203
207
  _: 1
204
208
  }, 8, ["class"])
205
209
  ]),
206
210
  _: 3
207
211
  }, 8, ["class", "width", "breakpoint", "collapsed"])),
208
- u(e(P), {
209
- class: o([
210
- `${t}-body`,
211
- { [`${t}-body-hide-sider`]: M.value },
212
- { [`${t}-body-collapsed`]: r.value }
212
+ p(e(b), {
213
+ class: d([
214
+ `${l}-body`,
215
+ { [`${l}-body-hide-sider`]: C.value },
216
+ { [`${l}-body-collapsed`]: s.value }
213
217
  ])
214
218
  }, {
215
- default: a(() => [
216
- l.hideTabs ? d("", !0) : (s(), n(e(oe), {
219
+ default: o(() => [
220
+ t.hideTabs ? f("", !0) : (a(), u(e(le), {
217
221
  key: 0,
218
- class: o(`${t}-body-affix`),
219
- offsetTop: l.hideHeader ? 0 : l.headerHeight
222
+ class: d(`${l}-body-affix`),
223
+ offsetTop: t.hideHeader ? 0 : t.headerHeight
220
224
  }, {
221
- default: a(() => [
222
- e(S).length > 0 ? (s(), n(ne, {
225
+ default: o(() => [
226
+ e(B).length > 0 ? (a(), u(ne, {
223
227
  key: 0,
224
- tabs: e(S),
225
- "tabs-size": l.tabsSize,
226
- "tabs-type": l.tabsType,
227
- "tabs-header-padding": l.tabsHeaderPadding,
228
- onTabClick: e(G),
229
- onTabDelete: e(A)
230
- }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : d("", !0)
228
+ tabs: e(B),
229
+ "tabs-size": t.tabsSize,
230
+ "tabs-type": t.tabsType,
231
+ "tabs-header-padding": t.tabsHeaderPadding,
232
+ onTabClick: e(j),
233
+ onTabDelete: e(P)
234
+ }, null, 8, ["tabs", "tabs-size", "tabs-type", "tabs-header-padding", "onTabClick", "onTabDelete"])) : f("", !0)
231
235
  ]),
232
236
  _: 1
233
237
  }, 8, ["class", "offsetTop"])),
234
- u(e(se), null, {
235
- default: a(() => [
236
- u(ie)
238
+ p(e(ae), null, {
239
+ default: o(() => [
240
+ p(ie)
237
241
  ]),
238
242
  _: 1
239
243
  }),
240
- l.hideFooter ? d("", !0) : (s(), h(k, { key: 1 }, [
241
- e(c).footer !== void 0 ? p(l.$slots, "footer", { key: 0 }) : (s(), n(e(ae), {
244
+ t.hideFooter ? f("", !0) : (a(), k(A, { key: 1 }, [
245
+ e(r).footer !== void 0 ? i(t.$slots, "footer", { key: 0 }) : (a(), u(e(se), {
242
246
  key: 1,
243
- class: o(`${t}-body-footer`)
247
+ class: d(`${l}-body-footer`)
244
248
  }, {
245
- default: a(() => [
246
- T(B(l.footerTitle), 1)
249
+ default: o(() => [
250
+ z(L(t.footerTitle), 1)
247
251
  ]),
248
252
  _: 1
249
253
  }, 8, ["class"]))
package/es/style.css CHANGED
@@ -1 +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{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4bb3e9aa);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 .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--4bb3e9aa);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(--4bb3e9aa);padding-left:var(--3b9affa2);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(--6dc61d63)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3b9affa2);width:calc(100% - var(--3b9affa2))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6dc61d63);width:calc(100% - var(--6dc61d63))}.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)}}
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)}}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@keyblade/pro-components",
3
3
  "description": "KeyBlade Pro Components",
4
4
  "author": "yangshuai <704807396@qq.com>",
5
- "version": "1.15.0-alpha.06",
5
+ "version": "1.15.0-alpha.8",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",