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

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 (9) hide show
  1. package/es/pro-table/column-setting.vue.d.ts +14 -0
  2. package/es/pro-table/column-setting.vue.js +132 -0
  3. package/es/pro-table/column-setting.vue2.js +4 -0
  4. package/es/pro-table/index.d.ts +1 -0
  5. package/es/pro-table/index.vue.d.ts +3 -2
  6. package/es/pro-table/index.vue.js +110 -67
  7. package/es/pro-table/interface.d.ts +11 -0
  8. package/es/style.css +1 -1
  9. package/package.json +1 -1
package/es/pro-table/column-setting.vue.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ type __VLS_Props = {
2
+ modelValue: any[];
3
+ prefixClsName: string;
4
+ draggable?: boolean;
5
+ checkable?: boolean;
6
+ };
7
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
8
+ "update:modelValue": (...args: any[]) => void;
9
+ reset: (...args: any[]) => void;
10
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
11
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
12
+ onReset?: ((...args: any[]) => any) | undefined;
13
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
14
+ export default _default;
package/es/pro-table/column-setting.vue.js ADDED
@@ -0,0 +1,132 @@
1
+ var A = Object.defineProperty, T = Object.defineProperties;
2
+ var U = Object.getOwnPropertyDescriptors;
3
+ var C = Object.getOwnPropertySymbols;
4
+ var x = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
5
+ var k = (o, a, t) => a in o ? A(o, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[a] = t, V = (o, a) => {
6
+ for (var t in a || (a = {}))
7
+ x.call(a, t) && k(o, t, a[t]);
8
+ if (C)
9
+ for (var t of C(a))
10
+ F.call(a, t) && k(o, t, a[t]);
11
+ return o;
12
+ }, h = (o, a) => T(o, U(a));
13
+ import { defineComponent as L, computed as y, ref as M, createBlock as f, openBlock as u, unref as s, withCtx as g, createVNode as p, createElementVNode as m, normalizeClass as i, createTextVNode as b, createElementBlock as N, Fragment as O, renderList as P, withModifiers as j, createCommentVNode as $, toDisplayString as q } from "vue";
14
+ import { Popover as G, Tooltip as H, Checkbox as D, Button as J, Divider as K } from "@arco-design/web-vue";
15
+ import { IconSettings as Q, IconDragDotVertical as R } from "@arco-design/web-vue/es/icon";
16
+ const W = ["draggable", "onDragstart", "onDragover"], ee = /* @__PURE__ */ L({
17
+ __name: "column-setting",
18
+ props: {
19
+ modelValue: {},
20
+ prefixClsName: {},
21
+ draggable: { type: Boolean },
22
+ checkable: { type: Boolean }
23
+ },
24
+ emits: ["update:modelValue", "reset"],
25
+ setup(o, { emit: a }) {
26
+ const t = o, v = a, B = y(() => t.modelValue.every((e) => e.checked)), I = y(() => {
27
+ const e = t.modelValue.filter((l) => l.checked).length;
28
+ return e > 0 && e < t.modelValue.length;
29
+ }), S = (e) => {
30
+ const l = typeof e == "boolean" ? e : !!e.length, n = t.modelValue.map((d) => h(V({}, d), {
31
+ checked: l
32
+ }));
33
+ v("update:modelValue", n);
34
+ }, r = M(null), w = (e) => {
35
+ r.value = e;
36
+ }, E = (e) => {
37
+ if (r.value === null || r.value === e) return;
38
+ const l = [...t.modelValue], n = l[r.value];
39
+ n && (l.splice(r.value, 1), l.splice(e, 0, n), r.value = e, v("update:modelValue", l));
40
+ }, z = () => {
41
+ r.value = null;
42
+ };
43
+ return (e, l) => (u(), f(s(G), {
44
+ position: "br",
45
+ trigger: "click",
46
+ "content-style": { padding: 0 }
47
+ }, {
48
+ content: g(() => [
49
+ m("div", {
50
+ class: i(`${e.prefixClsName}-column-setting`)
51
+ }, [
52
+ m("div", {
53
+ class: i(`${e.prefixClsName}-column-setting-title`),
54
+ style: { "margin-top": "10px" }
55
+ }, [
56
+ p(s(D), {
57
+ "model-value": B.value,
58
+ indeterminate: I.value,
59
+ onChange: S
60
+ }, {
61
+ default: g(() => l[2] || (l[2] = [
62
+ b(" 列展示 ")
63
+ ])),
64
+ _: 1
65
+ }, 8, ["model-value", "indeterminate"]),
66
+ p(s(J), {
67
+ type: "text",
68
+ size: "mini",
69
+ onClick: l[0] || (l[0] = (n) => e.$emit("reset"))
70
+ }, {
71
+ default: g(() => l[3] || (l[3] = [
72
+ b("重置")
73
+ ])),
74
+ _: 1
75
+ })
76
+ ], 2),
77
+ p(s(K), { style: { margin: "0" } }),
78
+ m("div", {
79
+ class: i(`${e.prefixClsName}-column-setting-list`)
80
+ }, [
81
+ (u(!0), N(O, null, P(e.modelValue, (n, d) => (u(), N("div", {
82
+ key: String(n.dataIndex || (typeof n.title == "string" ? n.title : d)),
83
+ class: i([
84
+ `${e.prefixClsName}-column-setting-item`,
85
+ { "is-dragging": r.value === d }
86
+ ]),
87
+ style: { "margin-top": "10px", "margin-bottom": "10px", display: "flex", "align-items": "center" },
88
+ draggable: e.draggable,
89
+ onDragstart: (c) => e.draggable ? w(d) : void 0,
90
+ onDragover: j((c) => e.draggable ? E(d) : void 0, ["prevent"]),
91
+ onDragend: l[1] || (l[1] = (c) => e.draggable ? z() : void 0)
92
+ }, [
93
+ m("div", {
94
+ class: i(`${e.prefixClsName}-column-setting-item-left`)
95
+ }, [
96
+ e.draggable ? (u(), f(s(R), {
97
+ key: 0,
98
+ class: i(`${e.prefixClsName}-column-setting-item-drag`)
99
+ }, null, 8, ["class"])) : $("", !0),
100
+ e.checkable ? (u(), f(s(D), {
101
+ key: 1,
102
+ modelValue: n.checked,
103
+ "onUpdate:modelValue": (c) => n.checked = c
104
+ }, null, 8, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
105
+ m("span", {
106
+ class: i(`${e.prefixClsName}-column-setting-item-title`),
107
+ style: { "margin-left": "5px" }
108
+ }, q(n.title), 3)
109
+ ], 2)
110
+ ], 42, W))), 128))
111
+ ], 2)
112
+ ], 2)
113
+ ]),
114
+ default: g(() => [
115
+ p(s(H), { content: "列设置" }, {
116
+ default: g(() => [
117
+ m("div", {
118
+ class: i(`${e.prefixClsName}-header-icon`)
119
+ }, [
120
+ p(s(Q))
121
+ ], 2)
122
+ ]),
123
+ _: 1
124
+ })
125
+ ]),
126
+ _: 1
127
+ }));
128
+ }
129
+ });
130
+ export {
131
+ ee as default
132
+ };
package/es/pro-table/column-setting.vue2.js ADDED
@@ -0,0 +1,4 @@
1
+ import f from "./column-setting.vue.js";
2
+ export {
3
+ f as default
4
+ };
package/es/pro-table/index.d.ts CHANGED
@@ -80,6 +80,7 @@ declare const ProTable: {
80
80
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
81
81
  $slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
82
82
  'pagination-left'?(_: {}): any;
83
+ 'pagination-left'?(_: {}): any;
83
84
  };
84
85
  }) & {
85
86
  install: (app: App) => void;
package/es/pro-table/index.vue.d.ts CHANGED
@@ -1,9 +1,10 @@
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
5
  slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
6
6
  'pagination-left'?(_: {}): any;
7
+ 'pagination-left'?(_: {}): any;
7
8
  };
8
9
  refs: {};
9
10
  rootEl: HTMLDivElement;
@@ -16,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
16
17
  bordered: boolean | import('@arco-design/web-vue').TableBorder;
17
18
  hoverable: boolean;
18
19
  scrollbar: boolean | any;
19
- columns: Partial<import('./interface').IProTableColumn>[];
20
+ columns: Partial<IProTableColumn>[];
20
21
  pagination: boolean | PaginationProps;
21
22
  stripe: boolean;
22
23
  tableLayoutFixed: boolean;
package/es/pro-table/index.vue.js CHANGED
@@ -1,38 +1,42 @@
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 L = Object.defineProperty, D = Object.defineProperties;
2
+ var H = Object.getOwnPropertyDescriptors;
3
+ var V = Object.getOwnPropertySymbols;
4
+ var T = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
5
+ var z = (a, e, o) => e in a ? L(a, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[e] = o, m = (a, e) => {
6
+ for (var o in e || (e = {}))
7
+ T.call(e, o) && z(a, o, e[o]);
8
+ if (V)
9
+ for (var o of V(e))
10
+ U.call(e, o) && z(a, o, e[o]);
11
+ return a;
12
+ }, $ = (a, e) => D(a, H(e));
13
+ var N = (a, e, o) => new Promise((S, b) => {
14
+ var w = (r) => {
15
15
  try {
16
- i(t.next(s));
17
- } catch (a) {
18
- u(a);
16
+ p(o.next(r));
17
+ } catch (f) {
18
+ b(f);
19
19
  }
20
- }, m = (s) => {
20
+ }, l = (r) => {
21
21
  try {
22
- i(t.throw(s));
23
- } catch (a) {
24
- u(a);
22
+ p(o.throw(r));
23
+ } catch (f) {
24
+ b(f);
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 = (r) => r.done ? S(r.value) : Promise.resolve(r.value).then(w, l);
27
+ p((o = o.apply(a, e)).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 F, useSlots as q, useAttrs as G, computed as d, ref as J, watch as Q, createElementBlock as C, openBlock as g, normalizeClass as h, createCommentVNode as k, createVNode as B, renderSlot as E, createElementVNode as j, unref as y, mergeProps as K, createSlots as W, withCtx as x, normalizeStyle as X, withModifiers as Y, createBlock as Z, toDisplayString as ee, renderList as te, normalizeProps as oe, guardReactiveProps as ae } from "vue";
30
+ import { Table as le, Tooltip as ne, Message as se } from "@arco-design/web-vue";
31
+ import { IconCopy as re } from "@arco-design/web-vue/es/icon";
32
+ import { conclude as ie } from "vue-global-config";
33
+ import { globalProps as ue } from "../global-props.js";
34
+ import { useClipboard as de } from "@vueuse/core";
35
+ import M from "./column-setting.vue.js";
36
+ const pe = {
37
+ key: 0,
38
+ style: { "margin-left": "10px" }
39
+ }, ce = ["onClick"], u = "keyblade-pro-table", ke = /* @__PURE__ */ F({
36
40
  __name: "index",
37
41
  props: {
38
42
  size: { default: "large" },
@@ -41,6 +45,7 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
41
45
  loading: { type: [Boolean, Object], default: !1 },
42
46
  bordered: { type: [Boolean, Object], default: void 0 },
43
47
  columns: { default: () => [] },
48
+ options: { type: [Boolean, Object] },
44
49
  hoverable: { type: Boolean, default: !0 },
45
50
  pagination: { type: [Boolean, Object], default: !0 },
46
51
  stripe: { type: Boolean, default: !1 },
@@ -95,56 +100,94 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
95
100
  "onUpdate:selectedKeys": {},
96
101
  "onUpdate:expandedKeys": {}
97
102
  },
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* () {
103
+ setup(a) {
104
+ const e = a, o = q(), { copy: S } = de(), b = G(), w = d(() => ie([e, ue.table || {}]) || {}), l = d(() => {
105
+ if (e.options === !1) return !1;
106
+ const t = {
107
+ setting: !0
108
+ };
109
+ return e.options === !0 || e.options === void 0 ? t : m(m({}, t), e.options);
110
+ }), p = d(() => typeof l.value == "object" && typeof l.value.setting == "object" ? l.value.setting.draggable !== !1 : !0), r = d(() => typeof l.value == "object" && typeof l.value.setting == "object" ? l.value.setting.checkable !== !1 : !0), f = d(() => {
111
+ var n, s;
112
+ return !((n = e.pagination) == null ? void 0 : n.total) && !((s = e.data) != null && s.length) && o["pagination-left"];
113
+ }), I = d(() => !!l.value && !!l.value.setting && e.pagination), P = d(() => !!l.value && !!l.value.setting && !e.pagination), c = J([]), O = () => {
114
+ c.value = e.columns.map((t) => $(m({}, t), {
115
+ checked: !0
116
+ }));
117
+ };
118
+ Q(() => e.columns, O, { immediate: !0 });
119
+ const R = () => {
120
+ O();
121
+ }, _ = d(() => c.value.filter((t) => t.checked).map((t) => t.clipboard ? $(m({}, t), {
122
+ hover: t.hover === void 0 ? !0 : t.hover,
123
+ slotName: `${u}-clipboard`
124
+ }) : t)), A = (t) => N(null, null, function* () {
109
125
  try {
110
- yield f(a), Q.success("拷贝成功!");
111
- } catch (l) {
112
- console.info(l);
126
+ yield S(t), se.success("拷贝成功!");
127
+ } catch (n) {
128
+ console.info(n);
113
129
  }
114
130
  });
115
- return (a, l) => (b(), w("div", {
116
- class: g(d)
131
+ return (t, n) => (g(), C("div", {
132
+ class: h(u)
117
133
  }, [
118
- m.value ? (b(), w("div", {
134
+ f.value ? (g(), C("div", {
119
135
  key: 0,
120
- class: g(`${d}-header`)
136
+ class: h(`${u}-header`)
121
137
  }, [
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]
138
+ E(t.$slots, "pagination-left")
139
+ ], 2)) : k("", !0),
140
+ P.value ? (g(), C("div", {
141
+ key: 1,
142
+ class: h(`${u}-header`)
143
+ }, [
144
+ E(t.$slots, "pagination-left"),
145
+ n[2] || (n[2] = j("div", null, null, -1)),
146
+ B(M, {
147
+ modelValue: c.value,
148
+ "onUpdate:modelValue": n[0] || (n[0] = (s) => c.value = s),
149
+ "prefix-cls-name": u,
150
+ draggable: p.value,
151
+ checkable: r.value,
152
+ onReset: R
153
+ }, null, 8, ["modelValue", "draggable", "checkable"])
154
+ ], 2)) : k("", !0),
155
+ B(y(le), K(K(w.value, y(b)), { columns: _.value }), W({
156
+ "pagination-right": x(() => [
157
+ I.value ? (g(), C("div", pe, [
158
+ B(M, {
159
+ modelValue: c.value,
160
+ "onUpdate:modelValue": n[1] || (n[1] = (s) => c.value = s),
161
+ "prefix-cls-name": u,
162
+ draggable: p.value,
163
+ checkable: r.value,
164
+ onReset: R
165
+ }, null, 8, ["modelValue", "draggable", "checkable"])
166
+ ])) : k("", !0)
167
+ ]),
168
+ [`${u}-clipboard`]: x(({ record: s, column: i }) => [
169
+ B(y(ne), {
170
+ style: X({ display: i.ellipsis && i.hover ? "" : "none" }),
171
+ content: s[i.dataIndex]
129
172
  }, {
130
- default: h(() => [
131
- K("div", {
132
- class: g([`${d}-clipboard`, n.ellipsis ? `${d}-ellipsis` : ""]),
133
- onClick: D((c) => s(r[n.dataIndex]), ["stop"])
173
+ default: x(() => [
174
+ j("div", {
175
+ class: h([`${u}-clipboard`, i.ellipsis ? `${u}-ellipsis` : ""]),
176
+ onClick: Y((v) => A(s[i.dataIndex]), ["stop"])
134
177
  }, [
135
- K("span", null, H(r[n.dataIndex]), 1),
136
- n.copyIcon ? (b(), F(p(W), { key: 0 })) : E("", !0)
137
- ], 10, ee)
178
+ j("span", null, ee(s[i.dataIndex]), 1),
179
+ i.copyIcon ? (g(), Z(y(re), { key: 0 })) : k("", !0)
180
+ ], 10, ce)
138
181
  ]),
139
182
  _: 2
140
183
  }, 1032, ["style", "content"])
141
184
  ]),
142
185
  _: 2
143
186
  }, [
144
- V(p(t), (r, n) => ({
145
- name: n,
146
- fn: h((c) => [
147
- z(a.$slots, n, U(q(c != null ? c : {})))
187
+ te(y(o), (s, i) => ({
188
+ name: i,
189
+ fn: x((v) => [
190
+ E(t.$slots, i, oe(ae(v != null ? v : {})))
148
191
  ])
149
192
  }))
150
193
  ]), 1040, ["columns"])
@@ -152,5 +195,5 @@ const ee = ["onClick"], d = "keyblade-pro-table", de = /* @__PURE__ */ A({
152
195
  }
153
196
  });
154
197
  export {
155
- de as default
198
+ ke as default
156
199
  };
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.02",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",