@keyblade/pro-components 1.14.4 → 1.15.0-alpha.1

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 (6) hide show
  1. package/es/pro-table/index.d.ts +1 -3
  2. package/es/pro-table/index.vue.d.ts +3 -5
  3. package/es/pro-table/index.vue.js +191 -65
  4. package/es/pro-table/interface.d.ts +11 -0
  5. package/es/style.css +1 -1
  6. package/package.json +1 -1
package/es/pro-table/index.d.ts CHANGED
@@ -78,9 +78,7 @@ declare const ProTable: {
78
78
  stickyHeader: number | boolean;
79
79
  showEmptyTree: boolean;
80
80
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
81
- $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
82
- 'pagination-left'?(_: {}): any;
83
- };
81
+ $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
84
82
  }) & {
85
83
  install: (app: App) => void;
86
84
  };
package/es/pro-table/index.vue.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import { PaginationProps } from '@arco-design/web-vue';
2
- import { IProTable } from './interface';
2
+ import { IProTable, IProTableColumn } from './interface';
3
3
  declare function __VLS_template(): {
4
4
  attrs: Partial<{}>;
5
- slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
6
- 'pagination-left'?(_: {}): any;
7
- };
5
+ slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
8
6
  refs: {};
9
7
  rootEl: HTMLDivElement;
10
8
  };
@@ -16,7 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
16
14
  bordered: boolean | import('@arco-design/web-vue').TableBorder;
17
15
  hoverable: boolean;
18
16
  scrollbar: boolean | any;
19
- columns: Partial<import('./interface').IProTableColumn>[];
17
+ columns: Partial<IProTableColumn>[];
20
18
  pagination: boolean | PaginationProps;
21
19
  stripe: boolean;
22
20
  tableLayoutFixed: boolean;
package/es/pro-table/index.vue.js CHANGED
@@ -1,38 +1,38 @@
1
- var M = Object.defineProperty, N = Object.defineProperties;
2
- var R = Object.getOwnPropertyDescriptors;
3
- var B = Object.getOwnPropertySymbols;
4
- var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
5
- var x = (o, e, t) => e in o ? M(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, v = (o, e) => {
6
- for (var t in e || (e = {}))
7
- I.call(e, t) && x(o, t, e[t]);
8
- if (B)
9
- for (var t of B(e))
10
- O.call(e, t) && x(o, t, e[t]);
11
- return o;
12
- }, k = (o, e) => N(o, R(e));
13
- var S = (o, e, t) => new Promise((f, u) => {
14
- var y = (s) => {
1
+ var X = Object.defineProperty, Y = Object.defineProperties;
2
+ var Z = Object.getOwnPropertyDescriptors;
3
+ var _ = Object.getOwnPropertySymbols;
4
+ var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
5
+ var j = (i, t, a) => t in i ? X(i, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : i[t] = a, B = (i, t) => {
6
+ for (var a in t || (t = {}))
7
+ ee.call(t, a) && j(i, a, t[a]);
8
+ if (_)
9
+ for (var a of _(t))
10
+ te.call(t, a) && j(i, a, t[a]);
11
+ return i;
12
+ }, I = (i, t) => Y(i, Z(t));
13
+ var z = (i, t, a) => new Promise((w, S) => {
14
+ var E = (f) => {
15
15
  try {
16
- i(t.next(s));
17
- } catch (a) {
18
- u(a);
16
+ p(a.next(f));
17
+ } catch (x) {
18
+ S(x);
19
19
  }
20
- }, m = (s) => {
20
+ }, c = (f) => {
21
21
  try {
22
- i(t.throw(s));
23
- } catch (a) {
24
- u(a);
22
+ p(a.throw(f));
23
+ } catch (x) {
24
+ S(x);
25
25
  }
26
- }, i = (s) => s.done ? f(s.value) : Promise.resolve(s.value).then(y, m);
27
- i((t = t.apply(o, e)).next());
26
+ }, p = (f) => f.done ? w(f.value) : Promise.resolve(f.value).then(E, c);
27
+ p((a = a.apply(i, t)).next());
28
28
  });
29
- import { defineComponent as A, useSlots as L, useAttrs as j, computed as C, createElementBlock as w, openBlock as b, normalizeClass as g, createCommentVNode as E, createVNode as _, renderSlot as z, unref as p, mergeProps as $, createSlots as P, withCtx as h, normalizeStyle as T, createElementVNode as K, withModifiers as D, createBlock as F, toDisplayString as H, renderList as V, normalizeProps as U, guardReactiveProps as q } from "vue";
30
- import { Table as G, Tooltip as J, Message as Q } from "@arco-design/web-vue";
31
- import { IconCopy as W } from "@arco-design/web-vue/es/icon";
32
- import { conclude as X } from "vue-global-config";
33
- import { globalProps as Y } from "../global-props.js";
34
- import { useClipboard as Z } from "@vueuse/core";
35
- const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
29
+ import { defineComponent as le, useSlots as ae, useAttrs as ne, computed as b, ref as V, watch as oe, createElementBlock as $, openBlock as m, normalizeClass as u, createCommentVNode as k, createVNode as C, createElementVNode as v, unref as r, withCtx as y, createBlock as D, createTextVNode as N, Fragment as se, renderList as A, withModifiers as K, toDisplayString as M, mergeProps as R, createSlots as re, normalizeStyle as ie, renderSlot as ue, normalizeProps as de, guardReactiveProps as ce } from "vue";
30
+ import { Space as pe, Popover as fe, Tooltip as L, Checkbox as P, Button as ge, Divider as me, Table as ve, Message as ye } from "@arco-design/web-vue";
31
+ import { IconSettings as he, IconDragDotVertical as be, IconCopy as Ce } from "@arco-design/web-vue/es/icon";
32
+ import { conclude as ke } from "vue-global-config";
33
+ import { globalProps as xe } from "../global-props.js";
34
+ import { useClipboard as Be } from "@vueuse/core";
35
+ const $e = ["draggable", "onDragstart", "onDragover"], Se = ["onClick"], s = "keyblade-pro-table", ze = /* @__PURE__ */ le({
36
36
  __name: "index",
37
37
  props: {
38
38
  size: { default: "large" },
@@ -41,6 +41,7 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
41
41
  loading: { type: [Boolean, Object], default: !1 },
42
42
  bordered: { type: [Boolean, Object], default: void 0 },
43
43
  columns: { default: () => [] },
44
+ options: { type: [Boolean, Object] },
44
45
  hoverable: { type: Boolean, default: !0 },
45
46
  pagination: { type: [Boolean, Object], default: !0 },
46
47
  stripe: { type: Boolean, default: !1 },
@@ -95,56 +96,181 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
95
96
  "onUpdate:selectedKeys": {},
96
97
  "onUpdate:expandedKeys": {}
97
98
  },
98
- setup(o) {
99
- const e = o, t = L(), { copy: f } = Z(), u = j(), y = C(() => X([e, Y.table || {}]) || {}), m = C(() => {
100
- var l, r;
101
- return !((l = e.pagination) == null ? void 0 : l.total) && !((r = e.data) != null && r.length) && t["pagination-left"];
102
- }), i = C(() => {
103
- var a;
104
- return (a = e.columns) == null ? void 0 : a.map((l) => l.clipboard ? k(v({}, l), {
105
- hover: l.hover === void 0 ? !0 : l.hover,
106
- slotName: `${d}-clipboard`
107
- }) : l);
108
- }), s = (a) => S(null, null, function* () {
99
+ setup(i) {
100
+ const t = i, a = ae(), { copy: w } = Be(), S = ne(), E = b(() => ke([t, xe.table || {}]) || {}), c = b(() => {
101
+ if (t.options === !1) return !1;
102
+ const e = {
103
+ setting: !0
104
+ };
105
+ return t.options === !0 || t.options === void 0 ? e : B(B({}, e), t.options);
106
+ }), p = b(() => typeof c.value == "object" && typeof c.value.setting == "object" ? c.value.setting.draggable !== !1 : !0), f = b(() => typeof c.value == "object" && typeof c.value.setting == "object" ? c.value.setting.checkable !== !1 : !0), x = b(() => {
107
+ var o, d;
108
+ const e = (o = t.pagination) == null ? void 0 : o.total, l = !!a["pagination-left"], n = !!c.value;
109
+ return ((d = t.data) == null ? void 0 : d.length) || e || l || n;
110
+ }), g = V([]), O = () => {
111
+ g.value = t.columns.map((e) => I(B({}, e), {
112
+ checked: !0
113
+ }));
114
+ };
115
+ oe(() => t.columns, O, { immediate: !0 });
116
+ const T = b(() => g.value.every((e) => e.checked)), F = b(() => {
117
+ const e = g.value.filter((l) => l.checked).length;
118
+ return e > 0 && e < g.value.length;
119
+ }), U = (e) => {
120
+ const l = typeof e == "boolean" ? e : !!e.length;
121
+ g.value.forEach((n) => {
122
+ n.checked = l;
123
+ });
124
+ }, H = () => {
125
+ O();
126
+ }, h = V(null), q = (e) => {
127
+ h.value = e;
128
+ }, G = (e) => {
129
+ if (h.value === null || h.value === e) return;
130
+ const l = [...g.value], n = l[h.value];
131
+ n && (l.splice(h.value, 1), l.splice(e, 0, n), h.value = e, g.value = l);
132
+ }, J = () => {
133
+ h.value = null;
134
+ }, Q = b(() => g.value.filter((e) => e.checked).map((e) => e.clipboard ? I(B({}, e), {
135
+ hover: e.hover === void 0 ? !0 : e.hover,
136
+ slotName: `${s}-clipboard`
137
+ }) : e)), W = (e) => z(null, null, function* () {
109
138
  try {
110
- yield f(a), Q.success("拷贝成功!");
139
+ yield w(e), ye.success("拷贝成功!");
111
140
  } catch (l) {
112
141
  console.info(l);
113
142
  }
114
143
  });
115
- return (a, l) => (b(), w("div", {
116
- class: g(d)
144
+ return (e, l) => (m(), $("div", {
145
+ class: u(s)
117
146
  }, [
118
- m.value ? (b(), w("div", {
147
+ x.value ? (m(), $("div", {
119
148
  key: 0,
120
- class: g(`${d}-header`)
149
+ class: u(`${s}-header`)
121
150
  }, [
122
- z(a.$slots, "pagination-left")
123
- ], 2)) : E("", !0),
124
- _(p(G), $($(y.value, p(u)), { columns: i.value }), P({
125
- [`${d}-clipboard`]: h(({ record: r, column: n }) => [
126
- _(p(J), {
127
- style: T({ display: n.ellipsis && n.hover ? "" : "none" }),
128
- content: r[n.dataIndex]
151
+ v("div", {
152
+ class: u(`${s}-header-left`)
153
+ }, null, 2),
154
+ c.value ? (m(), $("div", {
155
+ key: 0,
156
+ class: u(`${s}-header-right`)
157
+ }, [
158
+ C(r(pe), null, {
159
+ default: y(() => [
160
+ c.value.setting ? (m(), D(r(fe), {
161
+ key: 0,
162
+ position: "br",
163
+ trigger: "click",
164
+ "content-style": { padding: 0 }
165
+ }, {
166
+ content: y(() => [
167
+ v("div", {
168
+ class: u(`${s}-column-setting`)
169
+ }, [
170
+ v("div", {
171
+ class: u(`${s}-column-setting-title`)
172
+ }, [
173
+ C(r(P), {
174
+ "model-value": T.value,
175
+ indeterminate: F.value,
176
+ onChange: U
177
+ }, {
178
+ default: y(() => l[1] || (l[1] = [
179
+ N(" 列展示 ")
180
+ ])),
181
+ _: 1
182
+ }, 8, ["model-value", "indeterminate"]),
183
+ C(r(ge), {
184
+ type: "text",
185
+ size: "mini",
186
+ onClick: H
187
+ }, {
188
+ default: y(() => l[2] || (l[2] = [
189
+ N("重置")
190
+ ])),
191
+ _: 1
192
+ })
193
+ ], 2),
194
+ C(r(me), { style: { margin: "0" } }),
195
+ v("div", {
196
+ class: u(`${s}-column-setting-list`)
197
+ }, [
198
+ (m(!0), $(se, null, A(g.value, (n, o) => (m(), $("div", {
199
+ key: String(n.dataIndex || (typeof n.title == "string" ? n.title : o)),
200
+ class: u([
201
+ `${s}-column-setting-item`,
202
+ { "is-dragging": h.value === o }
203
+ ]),
204
+ style: { "margin-top": "10px", "margin-bottom": "10px", display: "flex", "align-items": "center" },
205
+ draggable: p.value,
206
+ onDragstart: (d) => p.value ? q(o) : void 0,
207
+ onDragover: K((d) => p.value ? G(o) : void 0, ["prevent"]),
208
+ onDragend: l[0] || (l[0] = (d) => p.value ? J() : void 0)
209
+ }, [
210
+ v("div", {
211
+ class: u(`${s}-column-setting-item-left`)
212
+ }, [
213
+ p.value ? (m(), D(r(be), {
214
+ key: 0,
215
+ class: u(`${s}-column-setting-item-drag`)
216
+ }, null, 8, ["class"])) : k("", !0),
217
+ f.value ? (m(), D(r(P), {
218
+ key: 1,
219
+ modelValue: n.checked,
220
+ "onUpdate:modelValue": (d) => n.checked = d
221
+ }, null, 8, ["modelValue", "onUpdate:modelValue"])) : k("", !0),
222
+ v("span", {
223
+ class: u(`${s}-column-setting-item-title`),
224
+ style: { "margin-left": "5px" }
225
+ }, M(n.title), 3)
226
+ ], 2)
227
+ ], 42, $e))), 128))
228
+ ], 2)
229
+ ], 2)
230
+ ]),
231
+ default: y(() => [
232
+ C(r(L), { content: "列设置" }, {
233
+ default: y(() => [
234
+ v("div", {
235
+ class: u(`${s}-header-icon`)
236
+ }, [
237
+ C(r(he))
238
+ ], 2)
239
+ ]),
240
+ _: 1
241
+ })
242
+ ]),
243
+ _: 1
244
+ })) : k("", !0)
245
+ ]),
246
+ _: 1
247
+ })
248
+ ], 2)) : k("", !0)
249
+ ], 2)) : k("", !0),
250
+ C(r(ve), R(R(E.value, r(S)), { columns: Q.value }), re({
251
+ [`${s}-clipboard`]: y(({ record: n, column: o }) => [
252
+ C(r(L), {
253
+ style: ie({ display: o.ellipsis && o.hover ? "" : "none" }),
254
+ content: n[o.dataIndex]
129
255
  }, {
130
- default: h(() => [
131
- K("div", {
132
- class: g([`${d}-clipboard`, n.ellipsis ? `${d}-ellipsis` : ""]),
133
- onClick: D((c) => s(r[n.dataIndex]), ["stop"])
256
+ default: y(() => [
257
+ v("div", {
258
+ class: u([`${s}-clipboard`, o.ellipsis ? `${s}-ellipsis` : ""]),
259
+ onClick: K((d) => W(n[o.dataIndex]), ["stop"])
134
260
  }, [
135
- K("span", null, H(r[n.dataIndex]), 1),
136
- n.copyIcon ? (b(), F(p(W), { key: 0 })) : E("", !0)
137
- ], 10, ee)
261
+ v("span", null, M(n[o.dataIndex]), 1),
262
+ o.copyIcon ? (m(), D(r(Ce), { key: 0 })) : k("", !0)
263
+ ], 10, Se)
138
264
  ]),
139
265
  _: 2
140
266
  }, 1032, ["style", "content"])
141
267
  ]),
142
268
  _: 2
143
269
  }, [
144
- V(p(t), (r, n) => ({
145
- name: n,
146
- fn: h((c) => [
147
- z(a.$slots, n, U(q(c != null ? c : {})))
270
+ A(r(a), (n, o) => ({
271
+ name: o,
272
+ fn: y((d) => [
273
+ ue(e.$slots, o, de(ce(d != null ? d : {})))
148
274
  ])
149
275
  }))
150
276
  ]), 1040, ["columns"])
@@ -152,5 +278,5 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
152
278
  }
153
279
  });
154
280
  export {
155
- de as default
281
+ ze as default
156
282
  };
package/es/pro-table/interface.d.ts CHANGED
@@ -7,6 +7,15 @@ export interface IProTableColumn extends TableColumnData {
7
7
  /** 显示复制图标 */
8
8
  copyIcon?: boolean;
9
9
  }
10
+ export interface IProTableOptions {
11
+ /** 列设置 */
12
+ setting?: boolean | {
13
+ /** 是否可拖拽排序 */
14
+ draggable?: boolean;
15
+ /** 是否可勾选显示/隐藏 */
16
+ checkable?: boolean;
17
+ };
18
+ }
10
19
  /**
11
20
  * table 组件属性接口
12
21
  */
@@ -23,6 +32,8 @@ export type IProTable = {
23
32
  bordered?: boolean | TableBorder;
24
33
  /** 表格列配置 */
25
34
  columns?: Partial<IProTableColumn>[];
35
+ /** 表格操作栏配置 */
36
+ options?: boolean | IProTableOptions;
26
37
  /** 是否开启悬停效果 */
27
38
  hoverable?: boolean;
28
39
  /** 分页配置 */
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(--60f0bf10);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(--60f0bf10);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(--60f0bf10);padding-left:var(--30e69946);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(--6cb36c08)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--30e69946);width:calc(100% - var(--30e69946))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6cb36c08);width:calc(100% - var(--6cb36c08))}.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}.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{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--60f0bf10);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(--60f0bf10);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(--60f0bf10);padding-left:var(--30e69946);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(--6cb36c08)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--30e69946);width:calc(100% - var(--30e69946))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--6cb36c08);width:calc(100% - var(--6cb36c08))}.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.14.4",
5
+ "version": "1.15.0-alpha.01",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",