@aplus-frontend/ui 0.0.15 → 0.0.17
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/index.mjs +42 -38
- package/es/src/ap-form/modal-form/index.vue.mjs +1 -1
- package/es/src/ap-table/ap-table.vue.d.ts +2 -2
- package/es/src/ap-table/ap-table.vue.mjs +1 -1
- package/es/src/ap-table/interface.d.ts +12 -11
- package/es/src/ap-table/style/ap-table.css +6 -0
- package/es/src/ap-table/utils.d.ts +2188 -5
- package/es/src/business/title/style.css +29 -9
- package/es/src/check-card/checked.svg.mjs +4 -0
- package/es/src/check-card/context.d.ts +6 -0
- package/es/src/check-card/context.mjs +16 -0
- package/es/src/check-card/group.vue.d.ts +57 -0
- package/es/src/check-card/group.vue.mjs +57 -0
- package/es/src/check-card/group.vue2.mjs +4 -0
- package/es/src/check-card/index.d.ts +9 -0
- package/es/src/check-card/index.mjs +11 -0
- package/es/src/check-card/index.vue.d.ts +54 -0
- package/es/src/check-card/index.vue.mjs +4 -0
- package/es/src/check-card/index.vue2.mjs +133 -0
- package/es/src/check-card/interface.d.ts +100 -0
- package/es/src/check-card/interface.mjs +1 -0
- package/es/src/check-card/style/index.css +108 -0
- package/es/src/editable-table/hooks/use-get-columns.d.ts +26 -3
- package/es/src/editable-table/hooks/use-get-columns.mjs +54 -52
- package/es/src/editable-table/interface.d.ts +24 -7
- package/es/src/hooks/useControllableValue.mjs +15 -13
- package/es/src/index.d.ts +1 -0
- package/es/src/index.mjs +194 -190
- package/es/src/theme/antd-global-overwrite/admin/index.css +6 -6
- package/es/src/theme/antd-global-overwrite/admin/modal.css +6 -6
- package/es/src/theme/antd-global-overwrite/aplus/index.css +6 -6
- package/es/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
- package/es/src/theme/ap-table/ap-table.css +6 -0
- package/es/src/theme/ap-title/ap-title.css +29 -9
- package/es/src/theme/check-card/index.css +108 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-form/modal-form/index.vue.js +1 -1
- package/lib/src/ap-table/ap-table.vue.d.ts +2 -2
- package/lib/src/ap-table/ap-table.vue.js +1 -1
- package/lib/src/ap-table/interface.d.ts +12 -11
- package/lib/src/ap-table/style/ap-table.css +6 -0
- package/lib/src/ap-table/utils.d.ts +2188 -5
- package/lib/src/business/title/style.css +29 -9
- package/lib/src/check-card/checked.svg.js +1 -0
- package/lib/src/check-card/context.d.ts +6 -0
- package/lib/src/check-card/context.js +1 -0
- package/lib/src/check-card/group.vue.d.ts +57 -0
- package/lib/src/check-card/group.vue.js +1 -0
- package/lib/src/check-card/group.vue2.js +1 -0
- package/lib/src/check-card/index.d.ts +9 -0
- package/lib/src/check-card/index.js +1 -0
- package/lib/src/check-card/index.vue.d.ts +54 -0
- package/lib/src/check-card/index.vue.js +1 -0
- package/lib/src/check-card/index.vue2.js +1 -0
- package/lib/src/check-card/interface.d.ts +100 -0
- package/lib/src/check-card/interface.js +1 -0
- package/lib/src/check-card/style/index.css +108 -0
- package/lib/src/editable-table/hooks/use-get-columns.d.ts +26 -3
- package/lib/src/editable-table/hooks/use-get-columns.js +1 -1
- package/lib/src/editable-table/interface.d.ts +24 -7
- package/lib/src/hooks/useControllableValue.js +1 -1
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/theme/antd-global-overwrite/admin/index.css +6 -6
- package/lib/src/theme/antd-global-overwrite/admin/modal.css +6 -6
- package/lib/src/theme/antd-global-overwrite/aplus/index.css +6 -6
- package/lib/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
- package/lib/src/theme/ap-table/ap-table.css +6 -0
- package/lib/src/theme/ap-title/ap-title.css +29 -9
- package/lib/src/theme/check-card/index.css +108 -0
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.aplus-ap-title {
|
|
2
2
|
position: relative;
|
|
3
3
|
width: 100%;
|
|
4
|
-
height:
|
|
4
|
+
height: 20px;
|
|
5
5
|
display: flex;
|
|
6
6
|
align-items: center;
|
|
7
7
|
justify-content: space-between;
|
|
@@ -12,17 +12,12 @@
|
|
|
12
12
|
position: absolute;
|
|
13
13
|
content: '';
|
|
14
14
|
left: 0;
|
|
15
|
-
top:
|
|
15
|
+
top: 2px;
|
|
16
16
|
width: 3px;
|
|
17
|
-
height:
|
|
17
|
+
height: 16px;
|
|
18
18
|
background: #0070ff;
|
|
19
19
|
border-radius: 0px 4px 4px 0px;
|
|
20
|
-
|
|
21
|
-
.aplus-ap-title--aplus::before {
|
|
22
|
-
background: #0070ff;
|
|
23
|
-
}
|
|
24
|
-
.aplus-ap-title--admin::before {
|
|
25
|
-
background: #34b77c;
|
|
20
|
+
z-index: 1;
|
|
26
21
|
}
|
|
27
22
|
.aplus-ap-title__prefix {
|
|
28
23
|
font-weight: bold;
|
|
@@ -34,6 +29,31 @@
|
|
|
34
29
|
margin-left: 5px;
|
|
35
30
|
color: #8896b0;
|
|
36
31
|
}
|
|
32
|
+
.aplus-ap-title--admin {
|
|
33
|
+
height: 22px;
|
|
34
|
+
padding-left: 14px;
|
|
35
|
+
}
|
|
36
|
+
.aplus-ap-title--admin::before {
|
|
37
|
+
top: 7px;
|
|
38
|
+
width: 8px;
|
|
39
|
+
height: 8px;
|
|
40
|
+
border-radius: 50%;
|
|
41
|
+
border-width: 2px;
|
|
42
|
+
border-style: solid;
|
|
43
|
+
border-color: #34b77c;
|
|
44
|
+
background: #fff;
|
|
45
|
+
z-index: 1;
|
|
46
|
+
}
|
|
47
|
+
.aplus-ap-title--admin .aplus-ap-title__prefix {
|
|
48
|
+
font-weight: bold;
|
|
49
|
+
color: #333;
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
}
|
|
53
|
+
.aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
|
|
54
|
+
margin-left: 5px;
|
|
55
|
+
color: #8896b0;
|
|
56
|
+
}
|
|
37
57
|
.aplus-ap-title__suffix {
|
|
38
58
|
color: #526a90;
|
|
39
59
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const M = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMy43MTQyODY4MDQxOTkyMTkiIGhlaWdodD0iMTMuNzE0Mjg2ODA0MTk5MjE5IiB2aWV3Qm94PSIwIDAgMTMuNzE0Mjg2ODA0MTk5MjE5IDEzLjcxNDI4NjgwNDE5OTIxOSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJtYXN0ZXJfc3ZnMF8xMjgyXzYxNTg1Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTMuNzE0Mjg2ODA0MTk5MjE5IiBoZWlnaHQ9IjEzLjcxNDI4NjgwNDE5OTIxOSIgcng9IjAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjbWFzdGVyX3N2ZzBfMTI4Ml82MTU4NSkiPjxnPjxwYXRoIGQ9Ik0xMi42MzgzNTgzNDk2MDkzNzUsMy40OTcyODMzMDA3ODEyNVExMi43MDkxNTgzNDk2MDkzNzUsMy40MjY5MDYzMDA3ODEyNSwxMi43NDc0NTgzNDk2MDkzNzQsMy4zMzQ3NzgzMDA3ODEyNVExMi43ODU2NTgzNDk2MDkzNzYsMy4yNDI2NTEwMDA3ODEyNSwxMi43ODU2NTgzNDk2MDkzNzYsMy4xNDI4ODMzMDA3ODEyNVExMi43ODU2NTgzNDk2MDkzNzYsMy4wOTM2Mzc2MDA3ODEyNSwxMi43NzYwNTgzNDk2MDkzNzUsMy4wNDUzMzgyMDA3ODEyNVExMi43NjY0NTgzNDk2MDkzNzQsMi45OTcwMzgzMDA3ODEyNSwxMi43NDc2NTgzNDk2MDkzNzYsMi45NTE1NDEzMDA3ODEyNVExMi43Mjg3NTgzNDk2MDkzNzUsMi45MDYwNDQzMDA3ODEyNSwxMi43MDE0NTgzNDk2MDkzNzUsMi44NjUwOTgzMDA3ODEyNVExMi42NzQwNTgzNDk2MDkzNzUsMi44MjQxNTIzMDA3ODEyNSwxMi42MzkyNTgzNDk2MDkzNzQsMi43ODkzMzAzMDA3ODEyNVExMi42MDQ0NTgzNDk2MDkzNzUsMi43NTQ1MDgzMDA3ODEyNSwxMi41NjM0NTgzNDk2MDkzNzUsMi43MjcxNDgzMDA3ODEyNVExMi41MjI1NTgzNDk2MDkzNzQsMi42OTk3ODkzMDA3ODEyNSwxMi40NzcwNTgzNDk2MDkzNzYsMi42ODA5NDMzMDA3ODEyNDk4UTEyLjQzMTU1ODM0OTYwOTM3NSwyLjY2MjA5ODMwMDc4MTI1LDEyLjM4MzI1ODM0OTYwOTM3NiwyLjY1MjQ5MDMwMDc4MTI1UTEyLjMzNDk1ODM0OTYwOTM3NSwyLjY0Mjg4MzMwMDc4MTI1LDEyLjI4NTY1ODM0OTYwOTM3NiwyLjY0Mjg4MzMwMDc4MTI1UTEyLjE4NjU1ODM0OTYwOTM3NCwyLjY0Mjg4MzMwMDc4MTI1LDEyLjA5NDk1ODM0OTYwOTM3NCwyLjY4MDcxNDMwMDc4MTI1UTEyLjAwMzI1ODM0OTYwOTM3NSwyLjcxODU0NTMwMDc4MTI1LDExLjkzMjk1ODM0OTYwOTM3NSwyLjc4ODQ4MzMwMDc4MTI1TDQuODIxNDE4MzQ5NjA5Mzc2LDkuODY2MDMzMzAwNzgxMjVMMS43ODEyNjMzNDk2MDkzNzUsNi44NDA0MjMzMDA3ODEyNVExLjcxMDk4OTM0OTYwOTM3NDksNi43NzA0OTMzMDA3ODEyNSwxLjYxOTM0NjM0OTYwOTM3NSw2LjczMjY1MzMwMDc4MTI1UTEuNTI3NzAzMDQ5NjA5Mzc1LDYuNjk0ODIzMzAwNzgxMjUsMS40Mjg1NTgzNDk2MDkzNzUsNi42OTQ4MjMzMDA3ODEyNVExLjM3OTMxMjY0OTYwOTM3NSw2LjY5NDgyMzMwMDc4MTI1LDEuMzMxMDEzMjQ5NjA5Mzc1LDYuNzA0NDMzMzAwNzgxMjVRMS4yODI3MTMzNDk2MDkzNzUsNi43MTQwNDMzMDA3ODEyNSwxLjIzNzIxNjM0OTYwOTM3NDksNi43MzI4ODMzMDA3ODEyNVExLjE5MTcxOTM0OTYwOTM3NSw2Ljc1MTczMzMwMDc4MTI1LDEuMTUwNzczMzQ5NjA5Mzc1LDYuNzc5MDkzMzAwNzgxMjVRMS4xMDk4MjczNDk2MDkzNzUsNi44MDY0NTMzMDA3ODEyNSwxLjA3NTAwNTM0OTYwOTM3NSw2Ljg0MTI3MzMwMDc4MTI1UTEuMDQwMTgzMzQ5NjA5Mzc1LDYuODc2MDkzMzAwNzgxMjUsMS4wMTI4MjMzNDk2MDkzNzUsNi45MTcwNDMzMDA3ODEyNVEwLjk4NTQ2NDM0OTYwOTM3NSw2Ljk1Nzk4MzMwMDc4MTI1LDAuOTY2NjE4MzQ5NjA5Mzc1LDcuMDAzNDgzMzAwNzgxMjVRMC45NDc3NzMzNDk2MDkzNzUsNy4wNDg5ODMzMDA3ODEyNSwwLjkzODE2NTM0OTYwOTM3NDksNy4wOTcyODMzMDA3ODEyNVEwLjkyODU1ODM0OTYwOTM3NSw3LjE0NTU4MzMwMDc4MTI1LDAuOTI4NTU4MzQ5NjA5Mzc1LDcuMTk0ODIzMzAwNzgxMjVRMC45Mjg1NTgzNDk2MDkzNzUsNy4yOTQ1OTMzMDA3ODEyNSwwLjk2Njg0ODM0OTYwOTM3NDksNy4zODY3MjMzMDA3ODEyNVExLjAwNTEzODM0OTYwOTM3NDksNy40Nzg4NTMzMDA3ODEyNSwxLjA3NTg1MzM0OTYwOTM3NSw3LjU0OTIyMzMwMDc4MTI1TDEuMDc2MTY1MzQ5NjA5Mzc1LDcuNTQ5NTMzMzAwNzgxMjVMNC40Njg3MDgzNDk2MDkzNzYsMTAuOTI1ODUzMzAwNzgxMjQ5UTQuNTAzNTA4MzQ5NjA5Mzc0LDEwLjk2MDQ4MzMwMDc4MTI0OSw0LjU0NDM3ODM0OTYwOTM3NCwxMC45ODc2OTMzMDA3ODEyNDlRNC41ODUyNDgzNDk2MDkzNzUsMTEuMDE0ODkzMzAwNzgxMjUsNC42MzA2MjgzNDk2MDkzNzUsMTEuMDMzNjIzMzAwNzgxMjUxUTQuNjc2MDA4MzQ5NjA5Mzc2LDExLjA1MjM1MzMwMDc4MTI0OSw0LjcyNDE2ODM0OTYwOTM3NSwxMS4wNjE5MDMzMDA3ODEyNVE0Ljc3MjMxODM0OTYwOTM3NSwxMS4wNzE0NTMzMDA3ODEyNSw0LjgyMTQxODM0OTYwOTM3NiwxMS4wNzE0NTMzMDA3ODEyNVE0Ljg3MDUwODM0OTYwOTM3NSwxMS4wNzE0NTMzMDA3ODEyNSw0LjkxODY2ODM0OTYwOTM3NSwxMS4wNjE5MDMzMDA3ODEyNVE0Ljk2NjgyODM0OTYwOTM3NSwxMS4wNTIzNTMzMDA3ODEyNDksNS4wMTIyMDgzNDk2MDkzNzU0LDExLjAzMzYyMzMwMDc4MTI1MVE1LjA1NzU3ODM0OTYwOTM3NiwxMS4wMTQ4OTMzMDA3ODEyNSw1LjA5ODQ0ODM0OTYwOTM3NTUsMTAuOTg3NjgzMzAwNzgxMjVRNS4xMzkzMTgzNDk2MDkzNzU1LDEwLjk2MDQ4MzMwMDc4MTI0OSw1LjE3NDExODM0OTYwOTM3NCwxMC45MjU4NTMzMDA3ODEyNDlMMTIuNjM4MzU4MzQ5NjA5Mzc1LDMuNDk3MjgzMzAwNzgxMjVMMTIuNjM4MzU4MzQ5NjA5Mzc1LDMuNDk3MjgzMzAwNzgxMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+";
|
|
2
|
+
export {
|
|
3
|
+
M as default
|
|
4
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey } from 'vue';
|
|
2
|
+
import { CheckCardGroupContextType } from './interface';
|
|
3
|
+
|
|
4
|
+
export declare const checkCardContextKey: InjectionKey<ComputedRef<CheckCardGroupContextType | null>>;
|
|
5
|
+
export declare function useProvideCheckCard(context: ComputedRef<CheckCardGroupContextType>): void;
|
|
6
|
+
export declare function useInjectCheckCard(): ComputedRef<CheckCardGroupContextType | null>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { provide as c, inject as o, computed as n } from "vue";
|
|
2
|
+
const e = Symbol("checkCardContextKey");
|
|
3
|
+
function C(t) {
|
|
4
|
+
c(e, t);
|
|
5
|
+
}
|
|
6
|
+
function d() {
|
|
7
|
+
return o(
|
|
8
|
+
e,
|
|
9
|
+
n(() => null)
|
|
10
|
+
);
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
e as checkCardContextKey,
|
|
14
|
+
d as useInjectCheckCard,
|
|
15
|
+
C as useProvideCheckCard
|
|
16
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { CheckCardGroupProps, CheckCardValueType } from './interface';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckCardGroupProps>, {
|
|
5
|
+
value: undefined;
|
|
6
|
+
multiple: boolean;
|
|
7
|
+
bordered: undefined;
|
|
8
|
+
disabled: undefined;
|
|
9
|
+
loading: undefined;
|
|
10
|
+
size: undefined;
|
|
11
|
+
stopPropagation: undefined;
|
|
12
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
13
|
+
"update:value": (...args: any[]) => void;
|
|
14
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckCardGroupProps>, {
|
|
15
|
+
value: undefined;
|
|
16
|
+
multiple: boolean;
|
|
17
|
+
bordered: undefined;
|
|
18
|
+
disabled: undefined;
|
|
19
|
+
loading: undefined;
|
|
20
|
+
size: undefined;
|
|
21
|
+
stopPropagation: undefined;
|
|
22
|
+
}>>> & {
|
|
23
|
+
"onUpdate:value"?: ((...args: any[]) => any) | undefined;
|
|
24
|
+
}, {
|
|
25
|
+
disabled: boolean;
|
|
26
|
+
loading: boolean;
|
|
27
|
+
multiple: boolean;
|
|
28
|
+
size: "small" | "middle";
|
|
29
|
+
value: CheckCardValueType | CheckCardValueType[];
|
|
30
|
+
bordered: boolean;
|
|
31
|
+
stopPropagation: boolean;
|
|
32
|
+
}, {}>, {
|
|
33
|
+
default?(_: {}): any;
|
|
34
|
+
}>;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
37
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
38
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
39
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
40
|
+
} : {
|
|
41
|
+
type: PropType<T[K]>;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
type __VLS_WithDefaults<P, D> = {
|
|
46
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
47
|
+
default: D[K];
|
|
48
|
+
}> : P[K];
|
|
49
|
+
};
|
|
50
|
+
type __VLS_Prettify<T> = {
|
|
51
|
+
[K in keyof T]: T[K];
|
|
52
|
+
} & {};
|
|
53
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { defineComponent as g, unref as r, computed as v, renderSlot as b } from "vue";
|
|
2
|
+
import "../hooks/index.mjs";
|
|
3
|
+
import { useProvideCheckCard as y } from "./context.mjs";
|
|
4
|
+
import { isUndefined as B } from "lodash-unified";
|
|
5
|
+
import { useControllableValue as C } from "../hooks/useControllableValue.mjs";
|
|
6
|
+
const z = /* @__PURE__ */ g({
|
|
7
|
+
name: "CheckCardGroup",
|
|
8
|
+
__name: "group",
|
|
9
|
+
props: {
|
|
10
|
+
bordered: { type: Boolean, default: void 0 },
|
|
11
|
+
disabled: { type: Boolean, default: void 0 },
|
|
12
|
+
loading: { type: Boolean, default: void 0 },
|
|
13
|
+
size: { default: void 0 },
|
|
14
|
+
stopPropagation: { type: Boolean, default: void 0 },
|
|
15
|
+
multiple: { type: Boolean, default: !1 },
|
|
16
|
+
defaultValue: { type: [String, Number, Boolean, Array] },
|
|
17
|
+
value: { type: [String, Number, Boolean, Array], default: void 0 },
|
|
18
|
+
"onUpdate:Value": {}
|
|
19
|
+
},
|
|
20
|
+
emits: ["update:value"],
|
|
21
|
+
setup(n, { emit: u }) {
|
|
22
|
+
const o = n, p = u, { value: l, updateValue: d } = C(o, p), i = /* @__PURE__ */ new Map();
|
|
23
|
+
function s(e) {
|
|
24
|
+
if (!o.multiple) {
|
|
25
|
+
let t = r(l);
|
|
26
|
+
t === e ? t = void 0 : t = e, d(t);
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
let a = [...r(l) || []];
|
|
30
|
+
const c = a.find((t) => t === e);
|
|
31
|
+
B(c) ? a.push(e) : a = a.filter((t) => t !== e).filter((t) => i.has(t)), d(a);
|
|
32
|
+
}
|
|
33
|
+
function f(e) {
|
|
34
|
+
i.set(e, !0);
|
|
35
|
+
}
|
|
36
|
+
function m(e) {
|
|
37
|
+
i.delete(e);
|
|
38
|
+
}
|
|
39
|
+
return y(
|
|
40
|
+
v(() => ({
|
|
41
|
+
toggleOption: s,
|
|
42
|
+
registerValue: f,
|
|
43
|
+
cancelValue: m,
|
|
44
|
+
disabled: o.disabled,
|
|
45
|
+
size: o.size,
|
|
46
|
+
bordered: o.bordered,
|
|
47
|
+
loading: o.loading,
|
|
48
|
+
value: r(l),
|
|
49
|
+
multiple: o.multiple,
|
|
50
|
+
stopPropagation: o.stopPropagation
|
|
51
|
+
}))
|
|
52
|
+
), (e, a) => b(e.$slots, "default");
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export {
|
|
56
|
+
z as default
|
|
57
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as _CheckCard } from './index.vue';
|
|
2
|
+
import { default as CheckCardGroup } from './group.vue';
|
|
3
|
+
|
|
4
|
+
type CheckCardType = typeof _CheckCard & {
|
|
5
|
+
Group: typeof CheckCardGroup;
|
|
6
|
+
};
|
|
7
|
+
declare const CheckCard: CheckCardType;
|
|
8
|
+
export * from './interface';
|
|
9
|
+
export { CheckCard, CheckCardGroup };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { CheckCardProps } from './interface';
|
|
2
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, CSSProperties, PropType } from 'vue';
|
|
3
|
+
|
|
4
|
+
type CheckCardSlots = {
|
|
5
|
+
default(config: {
|
|
6
|
+
checked: boolean;
|
|
7
|
+
}): void;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckCardProps>, {
|
|
10
|
+
bordered: boolean;
|
|
11
|
+
size: string;
|
|
12
|
+
checked: undefined;
|
|
13
|
+
style: () => {};
|
|
14
|
+
stopPropagation: boolean;
|
|
15
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16
|
+
"update:checked": (...args: any[]) => void;
|
|
17
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<CheckCardProps>, {
|
|
18
|
+
bordered: boolean;
|
|
19
|
+
size: string;
|
|
20
|
+
checked: undefined;
|
|
21
|
+
style: () => {};
|
|
22
|
+
stopPropagation: boolean;
|
|
23
|
+
}>>> & {
|
|
24
|
+
"onUpdate:checked"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
}, {
|
|
26
|
+
style: CSSProperties;
|
|
27
|
+
size: "small" | "middle";
|
|
28
|
+
bordered: boolean;
|
|
29
|
+
checked: boolean;
|
|
30
|
+
stopPropagation: boolean;
|
|
31
|
+
}, {}>, Readonly<CheckCardSlots> & CheckCardSlots>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
34
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
35
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
36
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
37
|
+
} : {
|
|
38
|
+
type: PropType<T[K]>;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
type __VLS_WithDefaults<P, D> = {
|
|
43
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
44
|
+
default: D[K];
|
|
45
|
+
}> : P[K];
|
|
46
|
+
};
|
|
47
|
+
type __VLS_Prettify<T> = {
|
|
48
|
+
[K in keyof T]: T[K];
|
|
49
|
+
} & {};
|
|
50
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
51
|
+
new (): {
|
|
52
|
+
$slots: S;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { defineComponent as F, computed as i, unref as l, createVNode as m, watch as I, watchEffect as U, openBlock as c, createElementBlock as N, normalizeStyle as W, normalizeClass as P, withModifiers as j, createBlock as f, renderSlot as G, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as O } from "vue";
|
|
2
|
+
import { Skeleton as $ } from "ant-design-vue";
|
|
3
|
+
import "../config-provider/index.mjs";
|
|
4
|
+
import "../hooks/index.mjs";
|
|
5
|
+
import { isFunction as z } from "lodash-unified";
|
|
6
|
+
import { useInjectCheckCard as q } from "./context.mjs";
|
|
7
|
+
import "./style/index.css";
|
|
8
|
+
import A from "./checked.svg.mjs";
|
|
9
|
+
import { useNamespace as H } from "../config-provider/hooks/use-namespace.mjs";
|
|
10
|
+
import { useGlobalConfig as J } from "../config-provider/hooks/use-global-config.mjs";
|
|
11
|
+
import { useControllableValue as K } from "../hooks/useControllableValue.mjs";
|
|
12
|
+
const L = ["src"], ne = /* @__PURE__ */ F({
|
|
13
|
+
name: "CheckCard",
|
|
14
|
+
__name: "index",
|
|
15
|
+
props: {
|
|
16
|
+
bordered: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: !0
|
|
19
|
+
},
|
|
20
|
+
disabled: {
|
|
21
|
+
type: Boolean
|
|
22
|
+
},
|
|
23
|
+
loading: {
|
|
24
|
+
type: Boolean
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
default: "middle"
|
|
28
|
+
},
|
|
29
|
+
stopPropagation: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: !1
|
|
32
|
+
},
|
|
33
|
+
checked: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: void 0
|
|
36
|
+
},
|
|
37
|
+
"onUpdate:checked": {},
|
|
38
|
+
defaultChecked: {
|
|
39
|
+
type: Boolean
|
|
40
|
+
},
|
|
41
|
+
value: {
|
|
42
|
+
type: [String, Number, Boolean]
|
|
43
|
+
},
|
|
44
|
+
style: {
|
|
45
|
+
default: () => ({})
|
|
46
|
+
},
|
|
47
|
+
title: {},
|
|
48
|
+
content: {}
|
|
49
|
+
},
|
|
50
|
+
emits: ["update:checked"],
|
|
51
|
+
setup(_, {
|
|
52
|
+
emit: w
|
|
53
|
+
}) {
|
|
54
|
+
const o = _, {
|
|
55
|
+
b: g,
|
|
56
|
+
m: u,
|
|
57
|
+
e: p,
|
|
58
|
+
bm: D,
|
|
59
|
+
em: k
|
|
60
|
+
} = H("check-card"), b = J("uiMode", "aplus"), E = w, n = q(), {
|
|
61
|
+
value: r,
|
|
62
|
+
updateValue: h
|
|
63
|
+
} = K(o, E, {
|
|
64
|
+
valuePropName: "checked",
|
|
65
|
+
defaultValuePropName: "defaultChecked"
|
|
66
|
+
}), a = i(() => {
|
|
67
|
+
const e = {
|
|
68
|
+
...o
|
|
69
|
+
}, t = l(n);
|
|
70
|
+
return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.stopPropagation = e.stopPropagation || t.stopPropagation), e;
|
|
71
|
+
}), S = i(() => {
|
|
72
|
+
const e = l(b), t = l(a);
|
|
73
|
+
return [g(), ...t.disabled ? [] : [g(e), l(r) ? D(e, "checked") : null], u(t.size), t.bordered ? u("bordered") : null, t.disabled ? u("disabled") : null];
|
|
74
|
+
}), M = i(() => ({
|
|
75
|
+
...o.style,
|
|
76
|
+
"--check-card-border-color": b.value === "admin" ? "#D9D9D9" : "#E9EDF3"
|
|
77
|
+
})), y = i(() => {
|
|
78
|
+
if (!o.title)
|
|
79
|
+
return;
|
|
80
|
+
const e = z(o.title) ? o.title(l(r)) : m("span", null, [o.title]);
|
|
81
|
+
return m("div", {
|
|
82
|
+
class: [p("title"), a.value.disabled ? k("title", "disabled") : null]
|
|
83
|
+
}, [e]);
|
|
84
|
+
}), C = i(() => {
|
|
85
|
+
if (!o.content)
|
|
86
|
+
return;
|
|
87
|
+
const e = z(o.content) ? o.content(l(r)) : o.content;
|
|
88
|
+
return m("div", {
|
|
89
|
+
class: [p("content"), a.value.disabled ? k("content", "disabled") : null]
|
|
90
|
+
}, [e]);
|
|
91
|
+
});
|
|
92
|
+
function T(e) {
|
|
93
|
+
var t, d;
|
|
94
|
+
a.value.stopPropagation && e.target !== e.currentTarget || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : h(!l(r)));
|
|
95
|
+
}
|
|
96
|
+
return I(() => n.value, (e) => {
|
|
97
|
+
if (!e)
|
|
98
|
+
return;
|
|
99
|
+
const t = e.multiple ? (e.value || []).includes(o.value) : e.value === o.value;
|
|
100
|
+
h(t);
|
|
101
|
+
}, {
|
|
102
|
+
immediate: !0
|
|
103
|
+
}), U((e) => {
|
|
104
|
+
var t, d;
|
|
105
|
+
(d = (t = n.value) == null ? void 0 : t.registerValue) == null || d.call(t, o.value), e(() => {
|
|
106
|
+
var s, B;
|
|
107
|
+
return (B = (s = n.value) == null ? void 0 : s.cancelValue) == null ? void 0 : B.call(s, o.value);
|
|
108
|
+
});
|
|
109
|
+
}), (e, t) => (c(), N("div", {
|
|
110
|
+
style: W(M.value),
|
|
111
|
+
class: P(S.value),
|
|
112
|
+
onClick: j(T, ["stop"])
|
|
113
|
+
}, [a.value.loading ? (c(), f(l($), {
|
|
114
|
+
key: 0,
|
|
115
|
+
active: ""
|
|
116
|
+
})) : G(e.$slots, "default", {
|
|
117
|
+
key: 1,
|
|
118
|
+
checked: l(r)
|
|
119
|
+
}, () => [y.value ? (c(), f(V(y.value), {
|
|
120
|
+
key: 0
|
|
121
|
+
})) : v("", !0), C.value ? (c(), f(V(C.value), {
|
|
122
|
+
key: 1
|
|
123
|
+
})) : v("", !0)]), l(r) ? (c(), N("div", {
|
|
124
|
+
key: 2,
|
|
125
|
+
class: P(l(p)("checked-icon"))
|
|
126
|
+
}, [O("img", {
|
|
127
|
+
src: l(A)
|
|
128
|
+
}, null, 8, L)], 2)) : v("", !0)], 6));
|
|
129
|
+
}
|
|
130
|
+
});
|
|
131
|
+
export {
|
|
132
|
+
ne as default
|
|
133
|
+
};
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { CSSProperties, VNode } from 'vue';
|
|
2
|
+
|
|
3
|
+
export type CheckCardValueType = string | number | boolean;
|
|
4
|
+
/**
|
|
5
|
+
* 可选卡片的通用配置,在Group中使用将会是整组CheckCard生效
|
|
6
|
+
*/
|
|
7
|
+
type CheckCardCommonType = {
|
|
8
|
+
/**
|
|
9
|
+
* 是否显示边框
|
|
10
|
+
*/
|
|
11
|
+
bordered?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* 是否禁用
|
|
14
|
+
*/
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* 是否显示加载中样式
|
|
18
|
+
*/
|
|
19
|
+
loading?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* 卡片的尺寸,目前内置中等/小尺寸两种
|
|
22
|
+
*/
|
|
23
|
+
size?: 'middle' | 'small';
|
|
24
|
+
/**
|
|
25
|
+
* 是否阻止点击事件冒泡(对于自定义内容包含输入控件时需要设置)
|
|
26
|
+
*/
|
|
27
|
+
stopPropagation?: boolean;
|
|
28
|
+
};
|
|
29
|
+
export type CheckCardProps = CheckCardCommonType & {
|
|
30
|
+
/**
|
|
31
|
+
* 当前选项卡是否选中(v-model)
|
|
32
|
+
*/
|
|
33
|
+
checked?: boolean;
|
|
34
|
+
'onUpdate:checked'?: (checked: boolean) => void;
|
|
35
|
+
/**
|
|
36
|
+
* 默认是否选中
|
|
37
|
+
*/
|
|
38
|
+
defaultChecked?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* 作为选项时的值
|
|
41
|
+
*/
|
|
42
|
+
value?: CheckCardValueType;
|
|
43
|
+
/**
|
|
44
|
+
* 容器自定义CSS样式
|
|
45
|
+
*/
|
|
46
|
+
style?: CSSProperties;
|
|
47
|
+
/**
|
|
48
|
+
* 标题
|
|
49
|
+
*/
|
|
50
|
+
title?: string | ((checked: boolean) => VNode);
|
|
51
|
+
/**
|
|
52
|
+
* 内容
|
|
53
|
+
*/
|
|
54
|
+
content?: string | ((checked: boolean) => VNode);
|
|
55
|
+
};
|
|
56
|
+
export type CheckCardGroupValueType = CheckCardValueType | CheckCardValueType[] | undefined;
|
|
57
|
+
export type CheckCardGroupProps = CheckCardCommonType & {
|
|
58
|
+
/**
|
|
59
|
+
* 是否多选
|
|
60
|
+
*/
|
|
61
|
+
multiple?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* 选中的默认值
|
|
64
|
+
*/
|
|
65
|
+
defaultValue?: CheckCardGroupValueType;
|
|
66
|
+
/**
|
|
67
|
+
* 选中的值(v-model)
|
|
68
|
+
*/
|
|
69
|
+
value?: CheckCardGroupValueType;
|
|
70
|
+
'onUpdate:Value'?: (nextValue: CheckCardGroupValueType) => void;
|
|
71
|
+
};
|
|
72
|
+
export type CheckCardGroupContextType = CheckCardCommonType & {
|
|
73
|
+
/**
|
|
74
|
+
* 是否是多选
|
|
75
|
+
*/
|
|
76
|
+
multiple?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* 切换单个可选卡片时触发
|
|
79
|
+
* @param value
|
|
80
|
+
* @returns
|
|
81
|
+
*/
|
|
82
|
+
toggleOption?: (value: any) => void;
|
|
83
|
+
/**
|
|
84
|
+
* 当前被选中的值
|
|
85
|
+
*/
|
|
86
|
+
value?: any;
|
|
87
|
+
/**
|
|
88
|
+
* 注册一个CheckCard的value
|
|
89
|
+
* @param value
|
|
90
|
+
* @returns
|
|
91
|
+
*/
|
|
92
|
+
registerValue?: (value: any) => void;
|
|
93
|
+
/**
|
|
94
|
+
* 取消注册
|
|
95
|
+
* @param value
|
|
96
|
+
* @returns
|
|
97
|
+
*/
|
|
98
|
+
cancelValue?: (value: any) => void;
|
|
99
|
+
};
|
|
100
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
.aplus-check-card {
|
|
2
|
+
border-radius: 4px;
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
.aplus-check-card--disabled {
|
|
6
|
+
background-color: #F9F9FA;
|
|
7
|
+
cursor: not-allowed;
|
|
8
|
+
}
|
|
9
|
+
.aplus-check-card--bordered {
|
|
10
|
+
outline: 1px solid var(--check-card-border-color);
|
|
11
|
+
}
|
|
12
|
+
.aplus-check-card-aplus:hover {
|
|
13
|
+
cursor: pointer;
|
|
14
|
+
outline: 1px solid #0070ff;
|
|
15
|
+
}
|
|
16
|
+
.aplus-check-card-aplus::after {
|
|
17
|
+
content: '';
|
|
18
|
+
position: absolute;
|
|
19
|
+
width: 0;
|
|
20
|
+
height: 0;
|
|
21
|
+
opacity: 0;
|
|
22
|
+
inset-block-start: -2px;
|
|
23
|
+
inset-inline-end: -2px;
|
|
24
|
+
border-inline-start: 16px solid transparent;
|
|
25
|
+
border-block-end: 16px solid transparent;
|
|
26
|
+
border-radius: 4px;
|
|
27
|
+
}
|
|
28
|
+
.aplus-check-card-aplus--checked {
|
|
29
|
+
outline: 2px solid #0070ff;
|
|
30
|
+
}
|
|
31
|
+
.aplus-check-card-aplus--checked:hover {
|
|
32
|
+
outline: 2px solid #0070ff;
|
|
33
|
+
}
|
|
34
|
+
.aplus-check-card-aplus--checked::after {
|
|
35
|
+
opacity: 1;
|
|
36
|
+
border: 16px solid #0070ff;
|
|
37
|
+
border-inline-start: 16px solid transparent;
|
|
38
|
+
border-block-end: 16px solid transparent;
|
|
39
|
+
inset-block-start: -2px;
|
|
40
|
+
inset-inline-end: -2px;
|
|
41
|
+
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
42
|
+
}
|
|
43
|
+
.aplus-check-card-admin:hover {
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
outline: 1px solid #34b77c;
|
|
46
|
+
}
|
|
47
|
+
.aplus-check-card-admin::after {
|
|
48
|
+
content: '';
|
|
49
|
+
position: absolute;
|
|
50
|
+
width: 0px;
|
|
51
|
+
height: 0px;
|
|
52
|
+
opacity: 0;
|
|
53
|
+
inset-block-start: -2px;
|
|
54
|
+
inset-inline-end: -2px;
|
|
55
|
+
border-inline-start: 16px solid transparent;
|
|
56
|
+
border-block-end: 16px solid transparent;
|
|
57
|
+
border-radius: 4px;
|
|
58
|
+
}
|
|
59
|
+
.aplus-check-card-admin--checked {
|
|
60
|
+
outline: 2px solid #34b77c;
|
|
61
|
+
}
|
|
62
|
+
.aplus-check-card-admin--checked:hover {
|
|
63
|
+
outline: 2px solid #34b77c;
|
|
64
|
+
}
|
|
65
|
+
.aplus-check-card-admin--checked::after {
|
|
66
|
+
content: '';
|
|
67
|
+
opacity: 1;
|
|
68
|
+
border: 16px solid #34b77c;
|
|
69
|
+
border-inline-start: 16px solid transparent;
|
|
70
|
+
border-block-end: 16px solid transparent;
|
|
71
|
+
inset-block-start: -2px;
|
|
72
|
+
inset-inline-end: -2px;
|
|
73
|
+
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
74
|
+
}
|
|
75
|
+
.aplus-check-card--middle {
|
|
76
|
+
padding: 16px 24px;
|
|
77
|
+
}
|
|
78
|
+
.aplus-check-card--small {
|
|
79
|
+
padding: 12px 24px;
|
|
80
|
+
}
|
|
81
|
+
.aplus-check-card__title {
|
|
82
|
+
margin-bottom: 8px;
|
|
83
|
+
}
|
|
84
|
+
.aplus-check-card__title > span {
|
|
85
|
+
font-size: 14px;
|
|
86
|
+
line-height: 22px;
|
|
87
|
+
color: #333;
|
|
88
|
+
}
|
|
89
|
+
.aplus-check-card__title--disabled {
|
|
90
|
+
color: #ABB7CC;
|
|
91
|
+
}
|
|
92
|
+
.aplus-check-card__content {
|
|
93
|
+
font-size: 14px;
|
|
94
|
+
line-height: 22px;
|
|
95
|
+
color: #333;
|
|
96
|
+
}
|
|
97
|
+
.aplus-check-card__content--disabled {
|
|
98
|
+
color: #ABB7CC;
|
|
99
|
+
}
|
|
100
|
+
.aplus-check-card__checked-icon {
|
|
101
|
+
position: absolute;
|
|
102
|
+
top: 0;
|
|
103
|
+
right: 0;
|
|
104
|
+
z-index: 1;
|
|
105
|
+
-webkit-user-select: none;
|
|
106
|
+
-moz-user-select: none;
|
|
107
|
+
user-select: none;
|
|
108
|
+
}
|
|
@@ -1,5 +1,28 @@
|
|
|
1
|
-
import { EditableTableFormItemProps, EditableTableProps
|
|
2
|
-
import { ComputedRef } from 'vue';
|
|
1
|
+
import { EditableTableFormItemProps, EditableTableProps } from '../interface';
|
|
2
|
+
import { ComputedRef, VNode, RendererNode, RendererElement } from 'vue';
|
|
3
|
+
import { TableColumnType } from 'ant-design-vue';
|
|
4
|
+
import { ValueEnum } from '../..';
|
|
3
5
|
|
|
4
|
-
declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<
|
|
6
|
+
declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<(Omit< TableColumnType<any>, "children" | "customRender"> & {
|
|
7
|
+
children?: (Omit< TableColumnType<any>, "children" | "customRender"> & any) | undefined;
|
|
8
|
+
tooltip?: string | undefined;
|
|
9
|
+
copyable?: boolean | undefined;
|
|
10
|
+
editable?: boolean | ((text: any, record: any, index: number) => boolean) | undefined;
|
|
11
|
+
valueEnum?: ValueEnum | undefined;
|
|
12
|
+
customRenderFormItem?: ((config: Omit< TableColumnType<any>, "children" | "customRender"> & any) => any) | undefined;
|
|
13
|
+
valueType?: any;
|
|
14
|
+
fieldProps?: any;
|
|
15
|
+
customRender?: ((opt: {
|
|
16
|
+
value: any;
|
|
17
|
+
text: any;
|
|
18
|
+
record: any;
|
|
19
|
+
index: number;
|
|
20
|
+
renderIndex: number;
|
|
21
|
+
column: TableColumnType<any>;
|
|
22
|
+
editable?: boolean | undefined;
|
|
23
|
+
originalNode?: VNode<RendererNode, RendererElement, {
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}> | undefined;
|
|
26
|
+
}) => any) | undefined;
|
|
27
|
+
})[]>;
|
|
5
28
|
export default useGetColumns;
|