@web_xiaobai/business-ui 0.0.19 → 0.0.20
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/dist/_extendThemeOverrides/TenantPanel.d.ts +6 -4
- package/dist/boden-business-ui.es.js +121 -83
- package/dist/boden-business-ui.umd.js +7 -7
- package/dist/components/ConfigProvider/src/types.d.ts +1 -1
- package/dist/components/HeaderPlatformNavigation/src/interface.d.ts +2 -1
- package/dist/components/PageContainer/index.d.ts +2 -0
- package/dist/components/PageContainer/src/PageContainer.vue.d.ts +15 -10
- package/dist/components/PageContainer/src/props.d.ts +1 -1
- package/dist/components/PageContainer/src/types.d.ts +7 -1
- package/dist/components/PageContainer/src/useCssVars.d.ts +5 -8
- package/dist/components/TenantPanel/src/TenantItem.d.ts +18 -0
- package/dist/components/TenantPanel/src/TenantPanel.d.ts +12 -4
- package/dist/components/TenantPanel/src/interface.d.ts +10 -5
- package/dist/components/TenantPanel/src/useCssVars.d.ts +6 -4
- package/package.json +2 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ExtractPublicPropTypes } from '
|
|
1
|
+
import { ExtractPublicPropTypes } from 'naive-ui/es/_utils';
|
|
2
2
|
import { bodenBusinessConfigProviderProps } from './props';
|
|
3
3
|
export type BodenBusinessConfigProviderProps = ExtractPublicPropTypes<typeof bodenBusinessConfigProviderProps>;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PropType, VNode, VNodeChild } from 'vue';
|
|
2
|
+
import { ExtractPublicPropTypes } from 'naive-ui/es/_utils';
|
|
2
3
|
import { BODEN_PLATFORM_ENUM, BODEN_PLATFORM_NAME_ENUM } from '../../../_enum';
|
|
3
4
|
import { HeaderPlatformNavigationThemeOverrides } from '../../../_extendThemeOverrides/HeaderPlatformNavigation';
|
|
4
5
|
export type PlatformRenderOption = {
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { SlotsType } from 'vue';
|
|
2
|
+
import { PageContainerPadding } from './types';
|
|
1
3
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
4
|
readonly useContentPadding: {
|
|
3
5
|
readonly type: BooleanConstructor;
|
|
@@ -9,7 +11,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
9
11
|
};
|
|
10
12
|
readonly headerPadding: {
|
|
11
13
|
readonly type: StringConstructor;
|
|
12
|
-
readonly default: "
|
|
14
|
+
readonly default: "16px 24px 16px 24px";
|
|
13
15
|
};
|
|
14
16
|
readonly contentPadding: {
|
|
15
17
|
readonly type: StringConstructor;
|
|
@@ -33,8 +35,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
33
35
|
isFixedHeader: import('vue').ComputedRef<boolean>;
|
|
34
36
|
cssVarsRef: import('vue').ComputedRef<{
|
|
35
37
|
"--boden-business-page-container-padding": string | undefined;
|
|
36
|
-
"--boden-business-page-header-padding": string | undefined;
|
|
37
|
-
"--boden-business-page-
|
|
38
|
+
"--boden-business-page-header-padding-top": string | undefined;
|
|
39
|
+
"--boden-business-page-header-padding-left": string | undefined;
|
|
40
|
+
"--boden-business-page-header-padding-bottom": string | undefined;
|
|
38
41
|
"--boden-business-page-content-padding-left": string | undefined;
|
|
39
42
|
"--boden-business-page-content-padding-top": string | undefined;
|
|
40
43
|
"--boden-business-page-content-padding-bottom": string | undefined;
|
|
@@ -42,11 +45,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
42
45
|
"--boden-business-page-container-border-color": string | undefined;
|
|
43
46
|
"--boden-business-page-container-border-radius": string | undefined;
|
|
44
47
|
}>;
|
|
45
|
-
contentPadding: import('vue').ComputedRef<
|
|
46
|
-
|
|
47
|
-
top: string | undefined;
|
|
48
|
-
bottom: string | undefined;
|
|
49
|
-
}>;
|
|
48
|
+
contentPadding: import('vue').ComputedRef<PageContainerPadding>;
|
|
49
|
+
paddingProps: import('vue').ComputedRef<PageContainerPadding>;
|
|
50
50
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
51
51
|
readonly useContentPadding: {
|
|
52
52
|
readonly type: BooleanConstructor;
|
|
@@ -58,7 +58,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
58
58
|
};
|
|
59
59
|
readonly headerPadding: {
|
|
60
60
|
readonly type: StringConstructor;
|
|
61
|
-
readonly default: "
|
|
61
|
+
readonly default: "16px 24px 16px 24px";
|
|
62
62
|
};
|
|
63
63
|
readonly contentPadding: {
|
|
64
64
|
readonly type: StringConstructor;
|
|
@@ -79,5 +79,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
79
79
|
readonly headerPadding: string;
|
|
80
80
|
readonly contentPadding: string;
|
|
81
81
|
readonly scrollMode: import('./props').ContainerScrollMode;
|
|
82
|
-
}, {
|
|
82
|
+
}, SlotsType<{
|
|
83
|
+
header?: () => void;
|
|
84
|
+
default: (props: {
|
|
85
|
+
padding: PageContainerPadding;
|
|
86
|
+
}) => void;
|
|
87
|
+
}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
83
88
|
export default _default;
|
|
@@ -13,7 +13,7 @@ export declare const bodenPageContainerProps: {
|
|
|
13
13
|
};
|
|
14
14
|
readonly headerPadding: {
|
|
15
15
|
readonly type: StringConstructor;
|
|
16
|
-
readonly default: "
|
|
16
|
+
readonly default: "16px 24px 16px 24px";
|
|
17
17
|
};
|
|
18
18
|
readonly contentPadding: {
|
|
19
19
|
readonly type: StringConstructor;
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
import { ExtractPublicPropTypes } from '
|
|
1
|
+
import { ExtractPublicPropTypes } from 'naive-ui/es/_utils';
|
|
2
2
|
import { bodenPageContainerProps } from './props';
|
|
3
|
+
export type PageContainerPadding = {
|
|
4
|
+
top?: string;
|
|
5
|
+
bottom?: string;
|
|
6
|
+
right?: string;
|
|
7
|
+
left?: string;
|
|
8
|
+
};
|
|
3
9
|
export type BodenPageContainerProps = ExtractPublicPropTypes<typeof bodenPageContainerProps>;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { PageContainerExtendThemeOverrides } from '../../../_extendThemeOverrides/PageContainer';
|
|
2
2
|
import { Ref } from 'vue';
|
|
3
|
-
import { BodenPageContainerProps } from './types';
|
|
3
|
+
import { BodenPageContainerProps, PageContainerPadding } from './types';
|
|
4
4
|
export default function useCssVarsHook(mergedExtendThemeOverrides: Ref<PageContainerExtendThemeOverrides>, props: BodenPageContainerProps): {
|
|
5
5
|
cssVarsRef: import('vue').ComputedRef<{
|
|
6
6
|
"--boden-business-page-container-padding": string | undefined;
|
|
7
|
-
"--boden-business-page-header-padding": string | undefined;
|
|
8
|
-
"--boden-business-page-
|
|
7
|
+
"--boden-business-page-header-padding-top": string | undefined;
|
|
8
|
+
"--boden-business-page-header-padding-left": string | undefined;
|
|
9
|
+
"--boden-business-page-header-padding-bottom": string | undefined;
|
|
9
10
|
"--boden-business-page-content-padding-left": string | undefined;
|
|
10
11
|
"--boden-business-page-content-padding-top": string | undefined;
|
|
11
12
|
"--boden-business-page-content-padding-bottom": string | undefined;
|
|
@@ -13,9 +14,5 @@ export default function useCssVarsHook(mergedExtendThemeOverrides: Ref<PageConta
|
|
|
13
14
|
"--boden-business-page-container-border-color": string | undefined;
|
|
14
15
|
"--boden-business-page-container-border-radius": string | undefined;
|
|
15
16
|
}>;
|
|
16
|
-
contentPadding: import('vue').ComputedRef<
|
|
17
|
-
left: string | undefined;
|
|
18
|
-
top: string | undefined;
|
|
19
|
-
bottom: string | undefined;
|
|
20
|
-
}>;
|
|
17
|
+
contentPadding: import('vue').ComputedRef<PageContainerPadding>;
|
|
21
18
|
};
|
|
@@ -8,6 +8,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
8
8
|
type: StringConstructor;
|
|
9
9
|
default: undefined;
|
|
10
10
|
};
|
|
11
|
+
subLabel: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: undefined;
|
|
14
|
+
};
|
|
15
|
+
disabled: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
11
19
|
active: {
|
|
12
20
|
type: BooleanConstructor;
|
|
13
21
|
default: boolean;
|
|
@@ -20,13 +28,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
20
28
|
type: StringConstructor;
|
|
21
29
|
default: undefined;
|
|
22
30
|
};
|
|
31
|
+
subLabel: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
disabled: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
23
39
|
active: {
|
|
24
40
|
type: BooleanConstructor;
|
|
25
41
|
default: boolean;
|
|
26
42
|
};
|
|
27
43
|
onClick: PropType<MaybeArray<() => void>>;
|
|
28
44
|
}>> & Readonly<{}>, {
|
|
45
|
+
disabled: boolean;
|
|
29
46
|
label: string;
|
|
30
47
|
active: boolean;
|
|
48
|
+
subLabel: string;
|
|
31
49
|
}, SlotsType<BodenTenantItemSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
32
50
|
export default _default;
|
|
@@ -15,6 +15,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
15
15
|
type: import('vue').PropType<{
|
|
16
16
|
value: string | number;
|
|
17
17
|
label: string;
|
|
18
|
+
subLabel?: string;
|
|
19
|
+
disabled?: boolean;
|
|
18
20
|
}[]>;
|
|
19
21
|
default: () => never[];
|
|
20
22
|
};
|
|
@@ -30,16 +32,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
30
32
|
cssVarsRef: import('vue').ComputedRef<{
|
|
31
33
|
'--boden-business-tenant-reminder-color': string | undefined;
|
|
32
34
|
'--boden-business-tenant-reminder-size': string | undefined;
|
|
33
|
-
'--boden-business-tenant-option-
|
|
35
|
+
'--boden-business-tenant-option-label-size': string | undefined;
|
|
36
|
+
'--boden-business-tenant-option-sub-label-size': string | undefined;
|
|
34
37
|
'--boden-business-tenant-option-prefix-icon-size': string | undefined;
|
|
35
38
|
'--boden-business-tenant-option-color': string | undefined;
|
|
36
|
-
'--boden-business-tenant-option-
|
|
39
|
+
'--boden-business-tenant-option-label-color': string | undefined;
|
|
40
|
+
'--boden-business-tenant-option-sub-label-color': string | undefined;
|
|
37
41
|
'--boden-business-tenant-option-border': string | undefined;
|
|
38
42
|
'--boden-business-tenant-option-color-hover': string | undefined;
|
|
39
|
-
'--boden-business-tenant-option-
|
|
43
|
+
'--boden-business-tenant-option-label-color-hover': string | undefined;
|
|
40
44
|
'--boden-business-tenant-option-border-hover': string | undefined;
|
|
41
45
|
'--boden-business-tenant-option-color-active': string | undefined;
|
|
42
|
-
'--boden-business-tenant-option-
|
|
46
|
+
'--boden-business-tenant-option-label-color-active': string | undefined;
|
|
43
47
|
'--boden-business-tenant-option-border-active': string | undefined;
|
|
44
48
|
}>;
|
|
45
49
|
temTenantValue: import('vue').Ref<string | number, string | number>;
|
|
@@ -62,6 +66,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
62
66
|
type: import('vue').PropType<{
|
|
63
67
|
value: string | number;
|
|
64
68
|
label: string;
|
|
69
|
+
subLabel?: string;
|
|
70
|
+
disabled?: boolean;
|
|
65
71
|
}[]>;
|
|
66
72
|
default: () => never[];
|
|
67
73
|
};
|
|
@@ -81,6 +87,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
81
87
|
tenantOptions: {
|
|
82
88
|
value: string | number;
|
|
83
89
|
label: string;
|
|
90
|
+
subLabel?: string;
|
|
91
|
+
disabled?: boolean;
|
|
84
92
|
}[];
|
|
85
93
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
86
94
|
export default _default;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ExtractPublicPropTypes } from 'naive-ui/es/_utils';
|
|
2
3
|
import { MaybeArray } from '@web_xiaobai/ui/_utils/call';
|
|
3
4
|
import { TenantPanelThemeOverrides } from '../../../_extendThemeOverrides/TenantPanel';
|
|
5
|
+
type TenantPanelOption = {
|
|
6
|
+
value: string | number;
|
|
7
|
+
label: string;
|
|
8
|
+
subLabel?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
4
11
|
export declare const bodenTenantPanelProps: {
|
|
5
12
|
showJoinTenant: {
|
|
6
13
|
type: BooleanConstructor;
|
|
@@ -15,10 +22,7 @@ export declare const bodenTenantPanelProps: {
|
|
|
15
22
|
default: undefined;
|
|
16
23
|
};
|
|
17
24
|
tenantOptions: {
|
|
18
|
-
type: PropType<
|
|
19
|
-
value: string | number;
|
|
20
|
-
label: string;
|
|
21
|
-
}[]>;
|
|
25
|
+
type: PropType<TenantPanelOption[]>;
|
|
22
26
|
default: () => never[];
|
|
23
27
|
};
|
|
24
28
|
extendThemeOverrides: {
|
|
@@ -31,3 +35,4 @@ export declare const bodenTenantPanelProps: {
|
|
|
31
35
|
onJoinTenant: PropType<() => void>;
|
|
32
36
|
};
|
|
33
37
|
export type BodenTenantPanelProps = ExtractPublicPropTypes<typeof bodenTenantPanelProps>;
|
|
38
|
+
export {};
|
|
@@ -4,16 +4,18 @@ export default function useCssVarsHook(mergedExtendThemeOverrides: Ref<TenantPan
|
|
|
4
4
|
cssVarsRef: import('vue').ComputedRef<{
|
|
5
5
|
'--boden-business-tenant-reminder-color': string | undefined;
|
|
6
6
|
'--boden-business-tenant-reminder-size': string | undefined;
|
|
7
|
-
'--boden-business-tenant-option-
|
|
7
|
+
'--boden-business-tenant-option-label-size': string | undefined;
|
|
8
|
+
'--boden-business-tenant-option-sub-label-size': string | undefined;
|
|
8
9
|
'--boden-business-tenant-option-prefix-icon-size': string | undefined;
|
|
9
10
|
'--boden-business-tenant-option-color': string | undefined;
|
|
10
|
-
'--boden-business-tenant-option-
|
|
11
|
+
'--boden-business-tenant-option-label-color': string | undefined;
|
|
12
|
+
'--boden-business-tenant-option-sub-label-color': string | undefined;
|
|
11
13
|
'--boden-business-tenant-option-border': string | undefined;
|
|
12
14
|
'--boden-business-tenant-option-color-hover': string | undefined;
|
|
13
|
-
'--boden-business-tenant-option-
|
|
15
|
+
'--boden-business-tenant-option-label-color-hover': string | undefined;
|
|
14
16
|
'--boden-business-tenant-option-border-hover': string | undefined;
|
|
15
17
|
'--boden-business-tenant-option-color-active': string | undefined;
|
|
16
|
-
'--boden-business-tenant-option-
|
|
18
|
+
'--boden-business-tenant-option-label-color-active': string | undefined;
|
|
17
19
|
'--boden-business-tenant-option-border-active': string | undefined;
|
|
18
20
|
}>;
|
|
19
21
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@web_xiaobai/business-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.20",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"lodash.merge": "^4.6.2",
|
|
47
47
|
"naive-ui": "^2.43.1",
|
|
48
48
|
"vue": "^3.5.22",
|
|
49
|
-
"@web_xiaobai/ui": "0.0.
|
|
49
|
+
"@web_xiaobai/ui": "0.0.22"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@types/lodash.merge": "^4.6.9",
|