@aplus-frontend/ui 6.25.0 → 6.26.1

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 (46) hide show
  1. package/es/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  2. package/es/src/ag-grid/components/empty/index.vue.mjs +4 -0
  3. package/es/src/ag-grid/components/empty/index.vue2.mjs +15 -0
  4. package/es/src/ag-grid/index.vue.mjs +80 -76
  5. package/es/src/ap-form/search-form/index.vue.d.ts +2 -8
  6. package/es/src/ap-form/search-form/index.vue.mjs +23 -24
  7. package/es/src/ap-grid/editable/form-item.vue.mjs +1 -0
  8. package/es/src/ap-grid/editable/index.vue.mjs +1 -0
  9. package/es/src/ap-grid/index.vue.mjs +295 -262
  10. package/es/src/ap-grid/interface.d.ts +21 -2
  11. package/es/src/ap-pro-card/components/card/index.vue2.mjs +70 -75
  12. package/es/src/ap-table/hooks/use-table-paging-ng.d.ts +1 -1
  13. package/es/src/ap-table/hooks/use-table-paging-ng.mjs +41 -41
  14. package/es/src/utils/copy.mjs +14 -4
  15. package/es/src/version.d.ts +1 -1
  16. package/es/src/version.mjs +1 -1
  17. package/lib/src/ag-grid/components/empty/index.vue.d.ts +3 -0
  18. package/lib/src/ag-grid/components/empty/index.vue.js +1 -0
  19. package/lib/src/ag-grid/components/empty/index.vue2.js +1 -0
  20. package/lib/src/ag-grid/index.vue.js +1 -1
  21. package/lib/src/ap-form/search-form/index.vue.d.ts +2 -8
  22. package/lib/src/ap-form/search-form/index.vue.js +1 -1
  23. package/lib/src/ap-grid/editable/form-item.vue.js +1 -1
  24. package/lib/src/ap-grid/editable/index.vue.js +1 -1
  25. package/lib/src/ap-grid/index.vue.js +1 -1
  26. package/lib/src/ap-grid/interface.d.ts +21 -2
  27. package/lib/src/ap-pro-card/components/card/index.vue2.js +1 -1
  28. package/lib/src/ap-table/hooks/use-table-paging-ng.d.ts +1 -1
  29. package/lib/src/ap-table/hooks/use-table-paging-ng.js +1 -1
  30. package/lib/src/utils/copy.js +1 -1
  31. package/lib/src/version.d.ts +1 -1
  32. package/lib/src/version.js +1 -1
  33. package/package.json +3 -3
  34. package/theme/ag-grid/index.css +1 -1
  35. package/theme/ag-grid/index.less +1 -1
  36. package/theme/ap-grid/index.css +1 -0
  37. package/theme/ap-grid/index.less +1 -0
  38. package/theme/ap-pro-card/index.css +22 -6
  39. package/theme/ap-pro-card/index.less +22 -7
  40. package/theme/css-var.css +32 -0
  41. package/theme/css-var.less +34 -0
  42. package/theme/index.css +56 -7
  43. package/es/src/ap-pro-card/utils/css-var.d.ts +0 -17
  44. package/es/src/ap-pro-card/utils/css-var.mjs +0 -29
  45. package/lib/src/ap-pro-card/utils/css-var.d.ts +0 -17
  46. package/lib/src/ap-pro-card/utils/css-var.js +0 -1
package/theme/index.css CHANGED
@@ -29,6 +29,22 @@
29
29
  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
30
30
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
31
31
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
32
+ --ap-pro-card-color-bg-container: transparent;
33
+ --ap-pro-card-border-radius: 4px;
34
+ --ap-pro-card-header-padding: 8px 16px 0;
35
+ --ap-pro-card-header-padding-bottom: 8px;
36
+ --ap-pro-card-body-padding: 8px 16px;
37
+ --ap-pro-card-actions-padding: 12px 16px;
38
+ --ap-pro-card-border-line-width: 1px;
39
+ --ap-pro-card-border-line-type: solid;
40
+ --ap-pro-card-border-color-split: #e9edf3;
41
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
42
+ --ap-pro-card-tooltip-color: #8896b0;
43
+ --ap-pro-card-header-title-font-size: 12px;
44
+ --ap-pro-card-header-title-font-color: #182948;
45
+ --ap-pro-card-area-color: #f1f7ff;
46
+ --ap-pro-card-split-line-height: 100%;
47
+ --ap-pro-card-divider-line-height: 60%;
32
48
  }
33
49
  [data-aplus-ui-mode='admin'] {
34
50
  --ap-border-color-base: #d9d9d9;
@@ -61,6 +77,22 @@
61
77
  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
62
78
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
63
79
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
80
+ --ap-pro-card-color-bg-container: transparent;
81
+ --ap-pro-card-border-radius: 4px;
82
+ --ap-pro-card-header-padding: 8px 16px 0;
83
+ --ap-pro-card-header-padding-bottom: 8px;
84
+ --ap-pro-card-body-padding: 8px 16px;
85
+ --ap-pro-card-actions-padding: 12px 16px;
86
+ --ap-pro-card-border-line-width: 1px;
87
+ --ap-pro-card-border-line-type: solid;
88
+ --ap-pro-card-border-color-split: #e9e9e9;
89
+ --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
90
+ --ap-pro-card-tooltip-color: #999999;
91
+ --ap-pro-card-header-title-font-size: 12px;
92
+ --ap-pro-card-header-title-font-color: #333333;
93
+ --ap-pro-card-area-color: #eff9f5;
94
+ --ap-pro-card-split-line-height: 100%;
95
+ --ap-pro-card-divider-line-height: 60%;
64
96
  }
65
97
  @font-face {
66
98
  /* stylelint-disable-next-line font-family-name-quotes */
@@ -3531,6 +3563,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
3531
3563
  vertical-align: middle;
3532
3564
  word-break: break-all;
3533
3565
  flex: 1;
3566
+ font-weight: bold;
3534
3567
  }
3535
3568
  .aplus-ap-grid-table-header__title--single {
3536
3569
  flex: unset;
@@ -4274,7 +4307,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4274
4307
  left: 0;
4275
4308
  width: 100%;
4276
4309
  height: 100%;
4277
- z-index: 1;
4310
+ z-index: 2;
4278
4311
  display: flex;
4279
4312
  justify-content: center;
4280
4313
  align-items: center;
@@ -4467,7 +4500,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4467
4500
  padding: 0;
4468
4501
  width: 100%;
4469
4502
  transition: all 0.3s;
4470
- background: var(--ap-pro-card-colo-bg-container);
4503
+ background: var(--ap-pro-card-color-bg-container);
4471
4504
  border-radius: var(--ap-pro-card-border-radius);
4472
4505
  font-size: 12px;
4473
4506
  line-height: 18px;
@@ -4688,7 +4721,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4688
4721
  }
4689
4722
  .aplus-pro-card-actions {
4690
4723
  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4691
- background: var(--ap-pro-card-colo-bg-container);
4724
+ background: var(--ap-pro-card-color-bg-container);
4692
4725
  padding: var(--ap-pro-card-actions-padding);
4693
4726
  }
4694
4727
  .aplus-pro-card-collapsed > .aplus-pro-card-header {
@@ -4741,15 +4774,31 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
4741
4774
  background: var(--ap-pro-card-border-color-split);
4742
4775
  }
4743
4776
  .aplus-pro-card-divider-vertical {
4744
- width: var(--ap-pro-card-border-line-width);
4777
+ position: relative;
4745
4778
  margin-inline: 8px;
4746
- margin-block: 24px;
4779
+ }
4780
+ .aplus-pro-card-divider-vertical::after {
4781
+ position: absolute;
4782
+ height: var(--ap-pro-card-divider-line-height);
4783
+ top: 50%;
4784
+ transform: translateY(-50%);
4785
+ right: 0;
4786
+ border-right: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4787
+ content: '';
4747
4788
  }
4748
4789
  .aplus-pro-card-divider-horizontal {
4749
- height: var(--ap-pro-card-border-line-width);
4750
- margin-inline: 24px;
4790
+ position: relative;
4751
4791
  margin-block: 8px;
4752
4792
  }
4793
+ .aplus-pro-card-divider-horizontal::after {
4794
+ position: absolute;
4795
+ width: var(--ap-pro-card-divider-line-height);
4796
+ left: 50%;
4797
+ transform: translateX(-50%);
4798
+ bottom: 0;
4799
+ border-bottom: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
4800
+ content: '';
4801
+ }
4753
4802
  .aplus-pro-card-operation {
4754
4803
  display: flex;
4755
4804
  flex-direction: column;
package/es/src/ap-pro-card/utils/css-var.d.ts DELETED
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
package/es/src/ap-pro-card/utils/css-var.mjs DELETED
@@ -1,29 +0,0 @@
1
- const p = {
2
- "--ap-pro-card-colo-bg-container": "transparent",
3
- "--ap-pro-card-border-radius": "4px",
4
- "--ap-pro-card-header-padding": "8px 16px 0",
5
- "--ap-pro-card-header-padding-bottom": "8px",
6
- "--ap-pro-card-body-padding": "8px 16px 12px",
7
- "--ap-pro-card-actions-padding": "12px 16px",
8
- "--ap-pro-card-border-line-width": "1px",
9
- "--ap-pro-card-border-line-type": "solid",
10
- "--ap-pro-card-border-color-split": "#e9edf3",
11
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
12
- "--ap-pro-card-tooltip-color": "#8896b0",
13
- "--ap-pro-card-header-title-font-size": "12px",
14
- "--ap-pro-card-header-title-font-color": "#182948",
15
- "--ap-pro-card-area-color": "#f1f7ff",
16
- "--ap-pro-card-split-line-height": "100%"
17
- }, a = {
18
- "--ap-pro-card-border-color-split": "#e9e9e9",
19
- "--ap-pro-card-box-shadow": "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
20
- "--ap-pro-card-tooltip-color": "#999",
21
- "--ap-pro-card-header-title-font-color": "#333",
22
- "--ap-pro-card-area-color": "#eff9f5"
23
- }, o = (r) => ({
24
- ...p,
25
- ...r === "admin" ? a : {}
26
- });
27
- export {
28
- o as getProCardCssVar
29
- };
package/lib/src/ap-pro-card/utils/css-var.d.ts DELETED
@@ -1,17 +0,0 @@
1
- export declare const getProCardCssVar: (uiMode: "aplus" | "admin") => {
2
- '--ap-pro-card-border-color-split': string;
3
- '--ap-pro-card-box-shadow': string;
4
- '--ap-pro-card-tooltip-color': string;
5
- '--ap-pro-card-header-title-font-color': string;
6
- '--ap-pro-card-area-color': string;
7
- '--ap-pro-card-colo-bg-container': string;
8
- '--ap-pro-card-border-radius': string;
9
- '--ap-pro-card-header-padding': string;
10
- '--ap-pro-card-header-padding-bottom': string;
11
- '--ap-pro-card-body-padding': string;
12
- '--ap-pro-card-actions-padding': string;
13
- '--ap-pro-card-border-line-width': string;
14
- '--ap-pro-card-border-line-type': string;
15
- '--ap-pro-card-header-title-font-size': string;
16
- '--ap-pro-card-split-line-height': string;
17
- };
package/lib/src/ap-pro-card/utils/css-var.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={"--ap-pro-card-colo-bg-container":"transparent","--ap-pro-card-border-radius":"4px","--ap-pro-card-header-padding":"8px 16px 0","--ap-pro-card-header-padding-bottom":"8px","--ap-pro-card-body-padding":"8px 16px 12px","--ap-pro-card-actions-padding":"12px 16px","--ap-pro-card-border-line-width":"1px","--ap-pro-card-border-line-type":"solid","--ap-pro-card-border-color-split":"#e9edf3","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#8896b0","--ap-pro-card-header-title-font-size":"12px","--ap-pro-card-header-title-font-color":"#182948","--ap-pro-card-area-color":"#f1f7ff","--ap-pro-card-split-line-height":"100%"},a={"--ap-pro-card-border-color-split":"#e9e9e9","--ap-pro-card-box-shadow":"3px 10px 30px -2px rgba(123, 121, 140, 0.15)","--ap-pro-card-tooltip-color":"#999","--ap-pro-card-header-title-font-color":"#333","--ap-pro-card-area-color":"#eff9f5"},o=r=>({...p,...r==="admin"?a:{}});exports.getProCardCssVar=o;