@keyblade/pro-components 1.13.8-alpha.1 → 1.13.8-alpha.10
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.
- package/es/components.d.ts +2 -0
- package/es/global-props.d.ts +11 -0
- package/es/global-props.js +4 -0
- package/es/index.d.ts +6 -1
- package/es/index.js +29 -22
- package/es/inerface.d.ts +2 -0
- package/es/pro-date-range-picker/index.d.ts +8 -8
- package/es/pro-date-range-picker/{type.d.ts → inerface.d.ts} +5 -1
- package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +1 -1
- package/es/pro-date-range-picker/pro-date-range-picker.vue.js +2 -2
- package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +74 -52
- package/es/pro-footer-bar/index.d.ts +38 -0
- package/es/pro-footer-bar/index.js +11 -0
- package/es/pro-footer-bar/index.vue.d.ts +24 -0
- package/es/pro-footer-bar/index.vue.js +7 -0
- package/es/pro-footer-bar/index.vue2.js +44 -0
- package/es/pro-footer-bar/inerface.d.ts +7 -0
- package/es/pro-form-group/index.d.ts +43 -0
- package/es/pro-form-group/index.js +12 -0
- package/es/pro-form-group/index.vue.d.ts +28 -0
- package/es/pro-form-group/index.vue.js +7 -0
- package/es/pro-form-group/index.vue2.js +43 -0
- package/es/pro-image-upload/image-upload.vue.d.ts +1 -1
- package/es/pro-image-upload/index.d.ts +3 -3
- package/es/pro-layout/hooks.js +83 -83
- package/es/pro-page-container/index.d.ts +36 -130
- package/es/pro-page-container/index.js +7 -6
- package/es/pro-page-container/inerface.d.ts +12 -0
- package/es/pro-page-container/pro-page-container.vue.d.ts +21 -79
- package/es/pro-page-container/pro-page-container.vue.js +38 -36
- package/es/pro-table/index.d.ts +4 -2
- package/es/pro-table/index.js +5 -4
- package/es/pro-table/index.vue.d.ts +9 -2
- package/es/pro-table/index.vue.js +30 -17
- package/es/pro-table/index.vue3.js +5 -0
- package/es/pro-table/interface.d.ts +1 -0
- package/es/pro-textarea/index.d.ts +25 -0
- package/es/pro-textarea/index.js +11 -0
- package/es/pro-textarea/index.vue.d.ts +4 -0
- package/es/pro-textarea/index.vue.js +7 -0
- package/es/pro-textarea/index.vue2.js +40 -0
- package/es/pro-textarea/inerface.d.ts +43 -0
- package/es/style.css +1 -1
- package/package.json +1 -1
- package/es/pro-table/index.vue2.js +0 -4
|
@@ -1,54 +1,56 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as k, computed as h, resolveComponent as i, createElementBlock as B, openBlock as o, normalizeClass as s, createBlock as n, createCommentVNode as d, createElementVNode as P, renderSlot as l, mergeProps as H, withCtx as I } from "vue";
|
|
2
|
+
const r = "keyblade-pro-page-container", v = /* @__PURE__ */ k({
|
|
3
3
|
__name: "pro-page-container",
|
|
4
4
|
props: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
subTitle: "",
|
|
18
|
-
titlePosition: "top",
|
|
19
|
-
hideTitle: !1,
|
|
20
|
-
breadcrumbRouterMode: !1,
|
|
21
|
-
breadcrumbPrefixIcon: "icon-apps",
|
|
22
|
-
breadcrumbItems: []
|
|
23
|
-
})
|
|
24
|
-
}
|
|
5
|
+
hidePageHeader: { type: Boolean, default: !1 },
|
|
6
|
+
showFooterBar: { type: Boolean, default: !1 },
|
|
7
|
+
footerBarOptions: {},
|
|
8
|
+
pageHeader: { default: () => ({
|
|
9
|
+
title: "",
|
|
10
|
+
subTitle: "",
|
|
11
|
+
titlePosition: "top",
|
|
12
|
+
hideTitle: !1,
|
|
13
|
+
breadcrumbRouterMode: !1,
|
|
14
|
+
breadcrumbPrefixIcon: "icon-apps",
|
|
15
|
+
breadcrumbItems: []
|
|
16
|
+
}) }
|
|
25
17
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
emits: ["back"],
|
|
19
|
+
setup(p, { emit: b }) {
|
|
20
|
+
const u = b, m = p, c = h(() => m.showFooterBar ? [r, `${r}-with-footer-bar`] : [r]);
|
|
21
|
+
return (e, t) => {
|
|
22
|
+
var a;
|
|
23
|
+
const f = i("kb-pro-page-header"), g = i("kb-pro-footer-bar");
|
|
24
|
+
return o(), B("div", {
|
|
25
|
+
class: s(c.value)
|
|
32
26
|
}, [
|
|
33
|
-
e.hidePageHeader ?
|
|
27
|
+
e.hidePageHeader ? d("", !0) : (o(), n(f, {
|
|
34
28
|
key: 0,
|
|
35
29
|
title: e.pageHeader.title,
|
|
36
30
|
subTitle: e.pageHeader.subTitle,
|
|
37
31
|
titlePosition: e.pageHeader.titlePosition,
|
|
38
32
|
hideTitle: e.pageHeader.hideTitle,
|
|
39
|
-
breadcrumbRouterMode: (
|
|
33
|
+
breadcrumbRouterMode: (a = e.pageHeader) == null ? void 0 : a.breadcrumbRouterMode,
|
|
40
34
|
breadcrumbPrefixIcon: e.pageHeader.breadcrumbPrefixIcon,
|
|
41
35
|
breadcrumbItems: e.pageHeader.breadcrumbItems
|
|
42
36
|
}, null, 8, ["title", "subTitle", "titlePosition", "hideTitle", "breadcrumbRouterMode", "breadcrumbPrefixIcon", "breadcrumbItems"])),
|
|
43
|
-
|
|
44
|
-
class:
|
|
37
|
+
P("div", {
|
|
38
|
+
class: s(`${r}-content`)
|
|
45
39
|
}, [
|
|
46
|
-
|
|
47
|
-
], 2)
|
|
48
|
-
|
|
40
|
+
l(e.$slots, "default")
|
|
41
|
+
], 2),
|
|
42
|
+
e.showFooterBar ? (o(), n(g, H({ key: 1 }, e.footerBarOptions, {
|
|
43
|
+
onBack: t[0] || (t[0] = (T) => u("back"))
|
|
44
|
+
}), {
|
|
45
|
+
default: I(() => [
|
|
46
|
+
l(e.$slots, "footerBar")
|
|
47
|
+
]),
|
|
48
|
+
_: 3
|
|
49
|
+
}, 16)) : d("", !0)
|
|
50
|
+
], 2);
|
|
49
51
|
};
|
|
50
52
|
}
|
|
51
53
|
});
|
|
52
54
|
export {
|
|
53
|
-
|
|
55
|
+
v as default
|
|
54
56
|
};
|
package/es/pro-table/index.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ declare const ProTable: {
|
|
|
23
23
|
defaultExpandAllRows: boolean;
|
|
24
24
|
stickyHeader: number | boolean;
|
|
25
25
|
showEmptyTree: boolean;
|
|
26
|
-
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {},
|
|
26
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
27
27
|
P: {};
|
|
28
28
|
B: {};
|
|
29
29
|
D: {};
|
|
@@ -81,7 +81,9 @@ declare const ProTable: {
|
|
|
81
81
|
stickyHeader: number | boolean;
|
|
82
82
|
showEmptyTree: boolean;
|
|
83
83
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
84
|
-
$slots: any
|
|
84
|
+
$slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
|
|
85
|
+
'pagination-left'?(_: {}): any;
|
|
86
|
+
};
|
|
85
87
|
}) & {
|
|
86
88
|
install: (app: App) => void;
|
|
87
89
|
};
|
package/es/pro-table/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import t from "./index.vue.js";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import { Table as e } from "@arco-design/web-vue";
|
|
4
|
+
const s = Object.assign(t, {
|
|
4
5
|
install: (o) => {
|
|
5
|
-
o.use(
|
|
6
|
+
o.use(e), o.component("KbProTable", t);
|
|
6
7
|
}
|
|
7
8
|
});
|
|
8
9
|
export {
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import { IProTable } from './interface';
|
|
2
|
-
declare function __VLS_template():
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: Partial<Record<NonNullable<string | number>, (_: any) => any>> & {
|
|
5
|
+
'pagination-left'?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLDivElement;
|
|
9
|
+
};
|
|
3
10
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
4
11
|
declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProTable> & Readonly<{}>, {
|
|
5
12
|
data: any[];
|
|
@@ -24,7 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<IProTable, {}, {},
|
|
|
24
31
|
defaultExpandAllRows: boolean;
|
|
25
32
|
stickyHeader: number | boolean;
|
|
26
33
|
showEmptyTree: boolean;
|
|
27
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {},
|
|
34
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
28
35
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
36
|
export default _default;
|
|
30
37
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
1
|
+
import { defineComponent as B, useSlots as h, useAttrs as x, computed as s, resolveComponent as S, createElementBlock as r, openBlock as d, normalizeClass as u, createCommentVNode as k, createVNode as v, renderSlot as p, mergeProps as w, toHandlers as E, createSlots as P, renderList as z, unref as K, withCtx as R, normalizeProps as _, guardReactiveProps as L } from "vue";
|
|
2
|
+
import { conclude as A } from "vue-global-config";
|
|
3
|
+
import { globalProps as M } from "../global-props.js";
|
|
4
|
+
const i = "keyblade-pro-table", F = /* @__PURE__ */ B({
|
|
3
5
|
__name: "index",
|
|
4
6
|
props: {
|
|
5
7
|
size: { default: "large" },
|
|
@@ -12,7 +14,7 @@ const K = /* @__PURE__ */ p({
|
|
|
12
14
|
pagination: { type: Boolean, default: !0 },
|
|
13
15
|
stripe: { type: Boolean, default: !1 },
|
|
14
16
|
tableLayoutFixed: { type: Boolean, default: !1 },
|
|
15
|
-
pagePosition: { default: "
|
|
17
|
+
pagePosition: { default: "tr" },
|
|
16
18
|
indentSize: { default: 16 },
|
|
17
19
|
rowKey: { default: "key" },
|
|
18
20
|
showHeader: { type: Boolean, default: !0 },
|
|
@@ -63,26 +65,37 @@ const K = /* @__PURE__ */ p({
|
|
|
63
65
|
onRowContextmenu: {},
|
|
64
66
|
onCellContextmenu: {}
|
|
65
67
|
},
|
|
66
|
-
setup(
|
|
67
|
-
const
|
|
68
|
+
setup(f) {
|
|
69
|
+
const c = f, y = h(), m = x(), C = s(() => {
|
|
68
70
|
const e = {};
|
|
69
|
-
for (const [o, t] of Object.entries(
|
|
71
|
+
for (const [o, t] of Object.entries(m))
|
|
70
72
|
o.startsWith("on") && typeof t == "function" && (e[o] = t);
|
|
71
73
|
return e;
|
|
72
|
-
});
|
|
74
|
+
}), g = s(() => A([c, M.table]) || {});
|
|
73
75
|
return (e, o) => {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
76
|
+
var a, l;
|
|
77
|
+
const t = S("a-table");
|
|
78
|
+
return d(), r("div", {
|
|
79
|
+
class: u(i)
|
|
80
|
+
}, [
|
|
81
|
+
!((a = e.pagination) != null && a.total) && !((l = e.data) != null && l.length) ? (d(), r("div", {
|
|
82
|
+
key: 0,
|
|
83
|
+
class: u(`${i}-header`)
|
|
84
|
+
}, [
|
|
85
|
+
p(e.$slots, "pagination-left")
|
|
86
|
+
], 2)) : k("", !0),
|
|
87
|
+
v(t, w(g.value, E(C.value)), P({ _: 2 }, [
|
|
88
|
+
z(K(y), (N, n) => ({
|
|
89
|
+
name: n,
|
|
90
|
+
fn: R((b) => [
|
|
91
|
+
p(e.$slots, n, _(L(b ?? {})))
|
|
92
|
+
])
|
|
93
|
+
}))
|
|
94
|
+
]), 1040)
|
|
95
|
+
]);
|
|
83
96
|
};
|
|
84
97
|
}
|
|
85
98
|
});
|
|
86
99
|
export {
|
|
87
|
-
|
|
100
|
+
F as default
|
|
88
101
|
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
import { ProTextareaProps } from './inerface';
|
|
3
|
+
declare const ProTextarea: {
|
|
4
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
5
|
+
showWordLimit: boolean;
|
|
6
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
7
|
+
P: {};
|
|
8
|
+
B: {};
|
|
9
|
+
D: {};
|
|
10
|
+
C: {};
|
|
11
|
+
M: {};
|
|
12
|
+
Defaults: {};
|
|
13
|
+
}, Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
14
|
+
showWordLimit: boolean;
|
|
15
|
+
}>;
|
|
16
|
+
__isFragment?: never;
|
|
17
|
+
__isTeleport?: never;
|
|
18
|
+
__isSuspense?: never;
|
|
19
|
+
} & import('vue').ComponentOptionsBase<Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
20
|
+
showWordLimit: boolean;
|
|
21
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
|
|
22
|
+
install: (app: App) => void;
|
|
23
|
+
};
|
|
24
|
+
export { ProTextarea, type ProTextareaProps };
|
|
25
|
+
export default ProTextarea;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<Partial<import('./inerface').IProTextarea>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<import('./inerface').IProTextarea>> & Readonly<{}>, {
|
|
2
|
+
showWordLimit: boolean;
|
|
3
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { defineComponent as d, useAttrs as m, computed as n, resolveComponent as f, createBlock as x, openBlock as _, mergeProps as h, toHandlers as y } from "vue";
|
|
2
|
+
import { conclude as B } from "vue-global-config";
|
|
3
|
+
import { globalProps as v } from "../global-props.js";
|
|
4
|
+
const r = "keyblade-pro-textarea", g = /* @__PURE__ */ d({
|
|
5
|
+
__name: "index",
|
|
6
|
+
props: {
|
|
7
|
+
disabled: { type: Boolean },
|
|
8
|
+
error: { type: Boolean },
|
|
9
|
+
allowClear: { type: Boolean },
|
|
10
|
+
defaultValue: {},
|
|
11
|
+
maxLength: {},
|
|
12
|
+
showWordLimit: { type: Boolean, default: !0 },
|
|
13
|
+
autoSize: { type: [Boolean, Object] },
|
|
14
|
+
placeholder: {},
|
|
15
|
+
modelValue: {},
|
|
16
|
+
wordLength: {},
|
|
17
|
+
wordSlice: {},
|
|
18
|
+
onFocus: {},
|
|
19
|
+
onBlur: {},
|
|
20
|
+
onChange: {},
|
|
21
|
+
onInput: {},
|
|
22
|
+
onClear: {},
|
|
23
|
+
"onUpdate:modelValue": {}
|
|
24
|
+
},
|
|
25
|
+
setup(s) {
|
|
26
|
+
const a = s, l = m(), c = {}, p = n(() => {
|
|
27
|
+
const t = {};
|
|
28
|
+
for (const [o, e] of Object.entries(l))
|
|
29
|
+
o.startsWith("on") && typeof e == "function" && (t[o] = e);
|
|
30
|
+
return t;
|
|
31
|
+
}), u = n(() => a.showWordLimit ? [r, `${r}-word-limit`] : [r]), i = n(() => B([a, v.textarea, c]) || {});
|
|
32
|
+
return (t, o) => {
|
|
33
|
+
const e = f("a-textarea");
|
|
34
|
+
return _(), x(e, h(i.value, y(p.value), { class: u.value }), null, 16, ["class"]);
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
export {
|
|
39
|
+
g as default
|
|
40
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export interface IProTextarea {
|
|
2
|
+
/** 是否禁用 */
|
|
3
|
+
'disabled'?: boolean;
|
|
4
|
+
/** 是否为错误状态 */
|
|
5
|
+
'error'?: boolean;
|
|
6
|
+
/** 是否允许清空输入框 */
|
|
7
|
+
'allowClear'?: boolean;
|
|
8
|
+
/** 默认值 */
|
|
9
|
+
'defaultValue'?: string;
|
|
10
|
+
/** 最大长度,可以设置为数字或对象 */
|
|
11
|
+
'maxLength'?: number | {
|
|
12
|
+
length: number;
|
|
13
|
+
errorOnly?: boolean;
|
|
14
|
+
};
|
|
15
|
+
/** 是否显示字数统计 */
|
|
16
|
+
'showWordLimit'?: boolean;
|
|
17
|
+
/** 自适应内容高度,可设置为 true 或配置对象 */
|
|
18
|
+
'autoSize'?: boolean | {
|
|
19
|
+
minRows?: number;
|
|
20
|
+
maxRows?: number;
|
|
21
|
+
};
|
|
22
|
+
/** 输入框占位符 */
|
|
23
|
+
'placeholder'?: string;
|
|
24
|
+
/** 绑定值,使用 v-model */
|
|
25
|
+
'modelValue'?: string;
|
|
26
|
+
/** 自定义字数计算方法 */
|
|
27
|
+
'wordLength'?: (value: string) => number;
|
|
28
|
+
/** 自定义超出最大长度时的截取方法 */
|
|
29
|
+
'wordSlice'?: (value: string, maxLength: number) => string;
|
|
30
|
+
/** 输入框获取焦点时触发 */
|
|
31
|
+
'onFocus'?: (ev: FocusEvent) => void;
|
|
32
|
+
/** 输入框失去焦点时触发 */
|
|
33
|
+
'onBlur'?: (ev: FocusEvent) => void;
|
|
34
|
+
/** 输入框值变化时触发(仅在输入框失去焦点或用户按回车时触发) */
|
|
35
|
+
'onChange'?: (value: string, ev: Event) => void;
|
|
36
|
+
/** 输入框输入时触发 */
|
|
37
|
+
'onInput'?: (value: string, ev: Event) => void;
|
|
38
|
+
/** 点击清空按钮时触发 */
|
|
39
|
+
'onClear'?: (ev: MouseEvent) => void;
|
|
40
|
+
/** 用于 v-model 更新 */
|
|
41
|
+
'onUpdate:modelValue'?: (value: string) => void;
|
|
42
|
+
}
|
|
43
|
+
export type ProTextareaProps = Partial<IProTextarea>;
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);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(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-
|
|
1
|
+
.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-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--4a477a1a);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(--4a477a1a);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(--4a477a1a);padding-left:var(--3599ef93);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(--5b478c92)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--3599ef93);width:calc(100% - var(--3599ef93))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--5b478c92);width:calc(100% - var(--5b478c92))}.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-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.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-footer-bar[data-v-f9d45b25]{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-f9d45b25]{border-top:1px solid var(--color-neutral-3)}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-1bddf267]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-1bddf267]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-1bddf267]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-1bddf267]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-670ac66c]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-670ac66c] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-670ac66c] .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-670ac66c] .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 .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-8721e63b]{overflow:inherit}.keyblade-pro-textarea-word-limit[data-v-8721e63b] .arco-textarea-word-limit{bottom:-20px}.keyblade-pro-textarea[data-v-8721e63b]: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-8721e63b]:not(.arco-textarea-error):hover{border-color:rgb(var(--primary-6))}.keyblade-pro-form-group[data-v-9f030479]{display:flex;margin:20px 0;align-items:flex-end}.keyblade-pro-form-group[data-v-9f030479] .arco-typography{margin:0 15px 0 0;display:flex;align-items:center}.keyblade-pro-form-group[data-v-9f030479] .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-9f030479]{font-size:12px;color:var(--color-text-3)}.keyblade-pro-form-group-icon[data-v-9f030479]{color:rgb(var(--orange-6))}
|
package/package.json
CHANGED