@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.
Files changed (71) hide show
  1. package/es/index.mjs +42 -38
  2. package/es/src/ap-form/modal-form/index.vue.mjs +1 -1
  3. package/es/src/ap-table/ap-table.vue.d.ts +2 -2
  4. package/es/src/ap-table/ap-table.vue.mjs +1 -1
  5. package/es/src/ap-table/interface.d.ts +12 -11
  6. package/es/src/ap-table/style/ap-table.css +6 -0
  7. package/es/src/ap-table/utils.d.ts +2188 -5
  8. package/es/src/business/title/style.css +29 -9
  9. package/es/src/check-card/checked.svg.mjs +4 -0
  10. package/es/src/check-card/context.d.ts +6 -0
  11. package/es/src/check-card/context.mjs +16 -0
  12. package/es/src/check-card/group.vue.d.ts +57 -0
  13. package/es/src/check-card/group.vue.mjs +57 -0
  14. package/es/src/check-card/group.vue2.mjs +4 -0
  15. package/es/src/check-card/index.d.ts +9 -0
  16. package/es/src/check-card/index.mjs +11 -0
  17. package/es/src/check-card/index.vue.d.ts +54 -0
  18. package/es/src/check-card/index.vue.mjs +4 -0
  19. package/es/src/check-card/index.vue2.mjs +133 -0
  20. package/es/src/check-card/interface.d.ts +100 -0
  21. package/es/src/check-card/interface.mjs +1 -0
  22. package/es/src/check-card/style/index.css +108 -0
  23. package/es/src/editable-table/hooks/use-get-columns.d.ts +26 -3
  24. package/es/src/editable-table/hooks/use-get-columns.mjs +54 -52
  25. package/es/src/editable-table/interface.d.ts +24 -7
  26. package/es/src/hooks/useControllableValue.mjs +15 -13
  27. package/es/src/index.d.ts +1 -0
  28. package/es/src/index.mjs +194 -190
  29. package/es/src/theme/antd-global-overwrite/admin/index.css +6 -6
  30. package/es/src/theme/antd-global-overwrite/admin/modal.css +6 -6
  31. package/es/src/theme/antd-global-overwrite/aplus/index.css +6 -6
  32. package/es/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
  33. package/es/src/theme/ap-table/ap-table.css +6 -0
  34. package/es/src/theme/ap-title/ap-title.css +29 -9
  35. package/es/src/theme/check-card/index.css +108 -0
  36. package/lib/index.js +1 -1
  37. package/lib/src/ap-form/modal-form/index.vue.js +1 -1
  38. package/lib/src/ap-table/ap-table.vue.d.ts +2 -2
  39. package/lib/src/ap-table/ap-table.vue.js +1 -1
  40. package/lib/src/ap-table/interface.d.ts +12 -11
  41. package/lib/src/ap-table/style/ap-table.css +6 -0
  42. package/lib/src/ap-table/utils.d.ts +2188 -5
  43. package/lib/src/business/title/style.css +29 -9
  44. package/lib/src/check-card/checked.svg.js +1 -0
  45. package/lib/src/check-card/context.d.ts +6 -0
  46. package/lib/src/check-card/context.js +1 -0
  47. package/lib/src/check-card/group.vue.d.ts +57 -0
  48. package/lib/src/check-card/group.vue.js +1 -0
  49. package/lib/src/check-card/group.vue2.js +1 -0
  50. package/lib/src/check-card/index.d.ts +9 -0
  51. package/lib/src/check-card/index.js +1 -0
  52. package/lib/src/check-card/index.vue.d.ts +54 -0
  53. package/lib/src/check-card/index.vue.js +1 -0
  54. package/lib/src/check-card/index.vue2.js +1 -0
  55. package/lib/src/check-card/interface.d.ts +100 -0
  56. package/lib/src/check-card/interface.js +1 -0
  57. package/lib/src/check-card/style/index.css +108 -0
  58. package/lib/src/editable-table/hooks/use-get-columns.d.ts +26 -3
  59. package/lib/src/editable-table/hooks/use-get-columns.js +1 -1
  60. package/lib/src/editable-table/interface.d.ts +24 -7
  61. package/lib/src/hooks/useControllableValue.js +1 -1
  62. package/lib/src/index.d.ts +1 -0
  63. package/lib/src/index.js +1 -1
  64. package/lib/src/theme/antd-global-overwrite/admin/index.css +6 -6
  65. package/lib/src/theme/antd-global-overwrite/admin/modal.css +6 -6
  66. package/lib/src/theme/antd-global-overwrite/aplus/index.css +6 -6
  67. package/lib/src/theme/antd-global-overwrite/aplus/modal.css +6 -6
  68. package/lib/src/theme/ap-table/ap-table.css +6 -0
  69. package/lib/src/theme/ap-title/ap-title.css +29 -9
  70. package/lib/src/theme/check-card/index.css +108 -0
  71. package/package.json +2 -2
@@ -1,7 +1,7 @@
1
1
  .aplus-ap-title {
2
2
  position: relative;
3
3
  width: 100%;
4
- height: 32px;
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: 6px;
15
+ top: 2px;
16
16
  width: 3px;
17
- height: 20px;
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,4 @@
1
+ import f from "./group.vue.mjs";
2
+ export {
3
+ f as default
4
+ };
@@ -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,11 @@
1
+ import "./index.vue.mjs";
2
+ import "./group.vue2.mjs";
3
+ import "./interface.mjs";
4
+ import r from "./index.vue2.mjs";
5
+ import o from "./group.vue.mjs";
6
+ const m = r;
7
+ m.Group = o;
8
+ export {
9
+ m as CheckCard,
10
+ o as CheckCardGroup
11
+ };
@@ -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,4 @@
1
+ import f from "./index.vue2.mjs";
2
+ export {
3
+ f as default
4
+ };
@@ -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, EditableColumnType } from '../interface';
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< EditableColumnType<any, any>[]>;
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;