@keyblade/pro-components 1.13.8-alpha.1 → 1.13.8-alpha.11

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 (45) hide show
  1. package/es/components.d.ts +4 -0
  2. package/es/global-props.d.ts +11 -0
  3. package/es/global-props.js +4 -0
  4. package/es/index.d.ts +6 -1
  5. package/es/index.js +29 -22
  6. package/es/inerface.d.ts +2 -0
  7. package/es/pro-date-range-picker/index.d.ts +8 -8
  8. package/es/pro-date-range-picker/{type.d.ts → inerface.d.ts} +5 -1
  9. package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts +1 -1
  10. package/es/pro-date-range-picker/pro-date-range-picker.vue.js +1 -1
  11. package/es/pro-date-range-picker/pro-date-range-picker.vue2.js +73 -52
  12. package/es/pro-footer-bar/index.d.ts +38 -0
  13. package/es/pro-footer-bar/index.js +11 -0
  14. package/es/pro-footer-bar/index.vue.d.ts +24 -0
  15. package/es/pro-footer-bar/index.vue.js +7 -0
  16. package/es/pro-footer-bar/index.vue2.js +44 -0
  17. package/es/pro-footer-bar/inerface.d.ts +7 -0
  18. package/es/pro-form-group/index.d.ts +43 -0
  19. package/es/pro-form-group/index.js +12 -0
  20. package/es/pro-form-group/index.vue.d.ts +28 -0
  21. package/es/pro-form-group/index.vue.js +7 -0
  22. package/es/pro-form-group/index.vue2.js +43 -0
  23. package/es/pro-image-upload/image-upload.vue.d.ts +1 -1
  24. package/es/pro-image-upload/index.d.ts +3 -3
  25. package/es/pro-layout/hooks.js +83 -83
  26. package/es/pro-page-container/index.d.ts +36 -130
  27. package/es/pro-page-container/index.js +7 -6
  28. package/es/pro-page-container/inerface.d.ts +12 -0
  29. package/es/pro-page-container/pro-page-container.vue.d.ts +21 -79
  30. package/es/pro-page-container/pro-page-container.vue.js +38 -36
  31. package/es/pro-table/index.d.ts +4 -2
  32. package/es/pro-table/index.js +5 -4
  33. package/es/pro-table/index.vue.d.ts +9 -2
  34. package/es/pro-table/index.vue.js +30 -17
  35. package/es/pro-table/index.vue3.js +5 -0
  36. package/es/pro-table/interface.d.ts +1 -0
  37. package/es/pro-textarea/index.d.ts +25 -0
  38. package/es/pro-textarea/index.js +11 -0
  39. package/es/pro-textarea/index.vue.d.ts +4 -0
  40. package/es/pro-textarea/index.vue.js +7 -0
  41. package/es/pro-textarea/index.vue2.js +40 -0
  42. package/es/pro-textarea/inerface.d.ts +43 -0
  43. package/es/style.css +1 -1
  44. package/package.json +1 -1
  45. package/es/pro-table/index.vue2.js +0 -4
@@ -1,54 +1,56 @@
1
- import { defineComponent as l, resolveComponent as c, createElementBlock as n, openBlock as a, normalizeClass as r, createBlock as b, createCommentVNode as u, createElementVNode as m, renderSlot as s } from "vue";
2
- const o = "keyblade-pro-page-container", g = /* @__PURE__ */ l({
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
- hidePageHeader: {
7
- type: Boolean,
8
- required: !1,
9
- default: !1
10
- },
11
- /** 页头属性 */
12
- pageHeader: {
13
- type: Object,
14
- required: !1,
15
- default: () => ({
16
- title: "",
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
- setup(e) {
27
- return (d, f) => {
28
- var t;
29
- const i = c("kb-pro-page-header");
30
- return a(), n("div", {
31
- class: r(o)
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 ? u("", !0) : (a(), b(i, {
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: (t = e.pageHeader) == null ? void 0 : t.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
- m("div", {
44
- class: r(`${o}-content`)
37
+ P("div", {
38
+ class: s(`${r}-content`)
45
39
  }, [
46
- s(d.$slots, "default")
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
- g as default
55
+ v as default
54
56
  };
@@ -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, {}, any, import('vue').ComponentProvideOptions, {
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
  };
@@ -1,8 +1,9 @@
1
- import e from "./index.vue.js";
2
- import { Table as t } from "@arco-design/web-vue";
3
- const s = Object.assign(e, {
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(t), o.component("KbProTable", e);
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(): any;
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, {}, any>;
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 p, useSlots as f, useAttrs as c, computed as i, resolveComponent as y, createBlock as m, openBlock as C, mergeProps as B, toHandlers as g, createSlots as b, renderList as h, unref as x, withCtx as S, renderSlot as w, normalizeProps as k, guardReactiveProps as _ } from "vue";
2
- const K = /* @__PURE__ */ p({
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: "br" },
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(a) {
67
- const n = a, s = f(), r = c(), d = i(() => {
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(r))
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
- const t = y("a-table");
75
- return C(), m(t, B(n, g(d.value)), b({ _: 2 }, [
76
- h(x(s), (v, l) => ({
77
- name: l,
78
- fn: S((u) => [
79
- w(e.$slots, l, k(_(u)))
80
- ])
81
- }))
82
- ]), 1040);
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
- K as default
100
+ F as default
88
101
  };
@@ -0,0 +1,5 @@
1
+ import o from "./index.vue.js";
2
+ /* empty css */
3
+ export {
4
+ o as default
5
+ };
@@ -147,3 +147,4 @@ export interface IProTable {
147
147
  /** 单元格右键菜单事件 */
148
148
  'onCellContextmenu'?: (record: any, column: any, ev: Event) => any;
149
149
  }
150
+ export type ProTableProps = Partial<IProTable>;
@@ -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,11 @@
1
+ import r from "./index.vue.js";
2
+ import { Textarea as t } from "@arco-design/web-vue";
3
+ const s = Object.assign(r, {
4
+ install: (e) => {
5
+ e.use(t), e.component("KbProTextarea", r);
6
+ }
7
+ });
8
+ export {
9
+ s as ProTextarea,
10
+ s as default
11
+ };
@@ -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,7 @@
1
+ import o from "./index.vue2.js";
2
+ /* empty css */
3
+ import r from "../_virtual/_plugin-vue_export-helper.js";
4
+ const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8721e63b"]]);
5
+ export {
6
+ _ as default
7
+ };
@@ -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-7db07ed0]{display:flex;align-items:center}.keyblade-pro-date-range-picker[data-v-7db07ed0] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-7db07ed0] .arco-picker{background-color:var(--color-bg-1);border-color:var(--color-border-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-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-5e2b4f25]{display:flex;align-items:flex-start}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .arco-form-item{margin-right:8px;margin-bottom:0}.keyblade-pro-date-range-picker[data-v-5e2b4f25] .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-5e2b4f25] .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
@@ -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.13.8-alpha.1",
5
+ "version": "1.13.8-alpha.11",
6
6
  "private": false,
7
7
  "type": "module",
8
8
  "main": "es/index.js",
@@ -1,4 +0,0 @@
1
- import f from "./index.vue.js";
2
- export {
3
- f as default
4
- };