@aplus-frontend/ui 0.0.1-beta.34 → 0.0.1-beta.36

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 (65) hide show
  1. package/es/src/modal/basic.vue2.mjs +10 -11
  2. package/es/src/modal/style/index.css +0 -103
  3. package/es/src/pro-form/style/index.css +0 -3
  4. package/es/src/pro-table/components/editable/editable-cell.vue.d.ts +2 -82
  5. package/es/src/theme/antd-global-overwrite/admin/alert.css +16 -0
  6. package/es/src/theme/antd-global-overwrite/admin/index.css +33 -10
  7. package/es/src/theme/antd-global-overwrite/admin/modal.css +8 -8
  8. package/es/src/theme/antd-global-overwrite/admin/steps.css +2 -2
  9. package/es/src/theme/antd-global-overwrite/admin/table.css +7 -0
  10. package/es/src/theme/antd-global-overwrite/aplus/alert.css +16 -0
  11. package/es/src/theme/antd-global-overwrite/aplus/form.css +10 -0
  12. package/es/src/theme/antd-global-overwrite/aplus/index.css +44 -10
  13. package/es/src/theme/antd-global-overwrite/aplus/modal.css +8 -8
  14. package/es/src/theme/antd-global-overwrite/aplus/steps.css +2 -2
  15. package/es/src/theme/antd-global-overwrite/aplus/table.css +8 -0
  16. package/es/src/theme/modal/index.css +0 -103
  17. package/es/src/theme/pro-form/form.css +0 -3
  18. package/es/src/work-order-modal/work-order-modal.vue.mjs +28 -26
  19. package/lib/src/modal/basic.vue2.js +1 -1
  20. package/lib/src/modal/style/index.css +0 -103
  21. package/lib/src/pro-form/style/index.css +0 -3
  22. package/lib/src/pro-table/components/editable/editable-cell.vue.d.ts +2 -82
  23. package/lib/src/theme/antd-global-overwrite/admin/alert.css +16 -0
  24. package/lib/src/theme/antd-global-overwrite/admin/index.css +33 -10
  25. package/lib/src/theme/antd-global-overwrite/admin/modal.css +8 -8
  26. package/lib/src/theme/antd-global-overwrite/admin/steps.css +2 -2
  27. package/lib/src/theme/antd-global-overwrite/admin/table.css +7 -0
  28. package/lib/src/theme/antd-global-overwrite/aplus/alert.css +16 -0
  29. package/lib/src/theme/antd-global-overwrite/aplus/form.css +10 -0
  30. package/lib/src/theme/antd-global-overwrite/aplus/index.css +44 -10
  31. package/lib/src/theme/antd-global-overwrite/aplus/modal.css +8 -8
  32. package/lib/src/theme/antd-global-overwrite/aplus/steps.css +2 -2
  33. package/lib/src/theme/antd-global-overwrite/aplus/table.css +8 -0
  34. package/lib/src/theme/modal/index.css +0 -103
  35. package/lib/src/theme/pro-form/form.css +0 -3
  36. package/lib/src/work-order-modal/work-order-modal.vue.js +1 -1
  37. package/package.json +1 -1
  38. package/es/src/ap-action/item-popconfirm/index.vue.d.ts +0 -343
  39. package/es/src/ap-field/select/index.vue.d.ts +0 -235
  40. package/es/src/ap-form/modal-form/index.vue.d.ts +0 -378
  41. package/es/src/ap-table/constants.d.ts +0 -5666
  42. package/es/src/config-provider/config-provider-props.d.ts +0 -152
  43. package/es/src/config-provider/config-provider.d.ts +0 -323
  44. package/es/src/config-provider/hooks/use-global-config.d.ts +0 -154
  45. package/es/src/config-provider/index.d.ts +0 -691
  46. package/es/src/modal/basic.vue.d.ts +0 -465
  47. package/es/src/modal/components/modal-footer.vue.d.ts +0 -457
  48. package/es/src/modal/components/modal.d.ts +0 -443
  49. package/es/src/modal/index.d.ts +0 -963
  50. package/es/src/modal/props.d.ts +0 -283
  51. package/es/src/pro-form/hooks/use-label-width.d.ts +0 -312
  52. package/lib/src/ap-action/item-popconfirm/index.vue.d.ts +0 -343
  53. package/lib/src/ap-field/select/index.vue.d.ts +0 -235
  54. package/lib/src/ap-form/modal-form/index.vue.d.ts +0 -378
  55. package/lib/src/ap-table/constants.d.ts +0 -5666
  56. package/lib/src/config-provider/config-provider-props.d.ts +0 -152
  57. package/lib/src/config-provider/config-provider.d.ts +0 -323
  58. package/lib/src/config-provider/hooks/use-global-config.d.ts +0 -154
  59. package/lib/src/config-provider/index.d.ts +0 -691
  60. package/lib/src/modal/basic.vue.d.ts +0 -465
  61. package/lib/src/modal/components/modal-footer.vue.d.ts +0 -457
  62. package/lib/src/modal/components/modal.d.ts +0 -443
  63. package/lib/src/modal/index.d.ts +0 -963
  64. package/lib/src/modal/props.d.ts +0 -283
  65. package/lib/src/pro-form/hooks/use-label-width.d.ts +0 -312
@@ -10,13 +10,12 @@ import { omit as g } from "lodash-unified";
10
10
  import { deepMerge as oe } from "@aplus-frontend/utils";
11
11
  import { isFunction as te } from "@fruits-chain/utils";
12
12
  import "../config-provider/index.mjs";
13
- import "./style/index.css";
14
13
  import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
15
14
  import le from "./components/modal-wrapper.vue2.mjs";
16
15
  import ae from "./components/modal-close.vue2.mjs";
17
16
  import re from "./components/modal-header.vue2.mjs";
18
17
  import se from "./components/modal-footer.vue2.mjs";
19
- const Me = /* @__PURE__ */ q({
18
+ const be = /* @__PURE__ */ q({
20
19
  name: "BasicModal",
21
20
  inheritAttrs: !1,
22
21
  __name: "basic",
@@ -39,9 +38,9 @@ const Me = /* @__PURE__ */ q({
39
38
  o(i) && o(i).setModalHeight();
40
39
  });
41
40
  }
42
- }, p = J();
43
- p && r("register", F, p.uid);
44
- const f = d(() => ({
41
+ }, f = J();
42
+ f && r("register", F, f.uid);
43
+ const p = d(() => ({
45
44
  ...t,
46
45
  ...o(v)
47
46
  })), {
@@ -51,10 +50,10 @@ const Me = /* @__PURE__ */ q({
51
50
  } = ee({
52
51
  modalWrapperRef: i,
53
52
  extHeightRef: w,
54
- wrapClassName: K(f.value, "wrapClassName")
53
+ wrapClassName: K(p.value, "wrapClassName")
55
54
  }), l = d(() => ({
56
55
  ...{
57
- ...o(f),
56
+ ...o(p),
58
57
  open: o(n),
59
58
  okButtonProps: void 0,
60
59
  cancelButtonProps: void 0,
@@ -64,7 +63,7 @@ const Me = /* @__PURE__ */ q({
64
63
  })), b = d(() => {
65
64
  const e = {
66
65
  ...B,
67
- ...o(f),
66
+ ...o(p),
68
67
  open: o(n)
69
68
  };
70
69
  return e.wrapClassName = `${(e == null ? void 0 : e.wrapClassName) || ""} ${o(P)}vben-basic-modal-wrap`, o(c) ? g(e, ["height", "title"]) : g(e, "title");
@@ -77,7 +76,7 @@ const Me = /* @__PURE__ */ q({
77
76
  }), U(
78
77
  () => o(n),
79
78
  (e) => {
80
- r("open-change", e), r("update:open", e), p && F.emitOpen && F.emitOpen(e, p.uid), S(() => {
79
+ r("open-change", e), r("update:open", e), f && F.emitOpen && F.emitOpen(e, f.uid), S(() => {
81
80
  t.scrollTop && e && o(i) && o(i).scrollTop();
82
81
  });
83
82
  },
@@ -164,7 +163,7 @@ const Me = /* @__PURE__ */ q({
164
163
  fn: s(() => [
165
164
  h(re, {
166
165
  helpMessage: l.value.helpMessage,
167
- title: f.value.title,
166
+ title: p.value.title,
168
167
  onDblclick: z
169
168
  }, null, 8, ["helpMessage", "title"])
170
169
  ]),
@@ -197,5 +196,5 @@ const Me = /* @__PURE__ */ q({
197
196
  }
198
197
  });
199
198
  export {
200
- Me as default
199
+ be as default
201
200
  };
@@ -1,103 +0,0 @@
1
- .fullscreen-modal {
2
- overflow: hidden;
3
- }
4
- .fullscreen-modal .ant-modal {
5
- inset: 0 !important;
6
- width: 100% !important;
7
- max-width: 100%;
8
- height: 100%;
9
- }
10
- .fullscreen-modal .ant-modal-content {
11
- height: 100%;
12
- overflow: hidden;
13
- }
14
- .fullscreen-modal .ant-modal-footer {
15
- margin-top: 0;
16
- }
17
- .aplus-basic-modal {
18
- width: 520px;
19
- padding-bottom: 0;
20
- }
21
- .aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
22
- padding: 20px;
23
- padding-bottom: 0;
24
- }
25
- .aplus-basic-modal .ant-modal-title {
26
- font-size: 16px;
27
- font-weight: bold;
28
- }
29
- .aplus-basic-modal .ant-modal-title .aplus-basic-title {
30
- cursor: move !important;
31
- padding-left: 0;
32
- }
33
- .aplus-basic-modal .ant-modal-body {
34
- padding: 0;
35
- }
36
- .aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
37
- display: none;
38
- }
39
- .aplus-basic-modal .ant-modal-large {
40
- top: 60px;
41
- }
42
- .aplus-basic-modal .ant-modal-large .ant-modal--mini {
43
- top: 16px;
44
- }
45
- .aplus-basic-modal .ant-modal-header {
46
- padding: 15px 20px;
47
- margin-bottom: 0;
48
- border-bottom: 1px solid #dee4ed;
49
- }
50
- .aplus-basic-modal .ant-modal-content {
51
- padding: 0 !important;
52
- }
53
- .aplus-basic-modal .ant-modal-footer {
54
- padding: 20px;
55
- margin-top: 0;
56
- }
57
- .aplus-basic-modal .ant-modal-footer button + button {
58
- margin-left: 10px;
59
- }
60
- .aplus-basic-modal .ant-modal-close {
61
- top: 0 !important;
62
- right: 0 !important;
63
- width: auto !important;
64
- outline: none;
65
- background: transparent !important;
66
- font-weight: normal;
67
- }
68
- .aplus-basic-modal .ant-modal-close-x {
69
- display: inline-block;
70
- width: 96px;
71
- height: 56px;
72
- line-height: 56px !important;
73
- }
74
- .aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
75
- color: #909399;
76
- }
77
- .aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
78
- color: #ed6f6f;
79
- }
80
- .aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
81
- margin-right: 0;
82
- }
83
- .aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
84
- color: #efbd47;
85
- }
86
- .aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
87
- color: #34b77c;
88
- }
89
- @media screen and (height <= 600px) {
90
- .ant-modal {
91
- top: 60px;
92
- }
93
- }
94
- @media screen and (height <= 540px) {
95
- .ant-modal {
96
- top: 30px;
97
- }
98
- }
99
- @media screen and (height <= 480px) {
100
- .ant-modal {
101
- top: 10px;
102
- }
103
- }
@@ -4,6 +4,3 @@
4
4
  .aplus-basic-form .ant-form-explain {
5
5
  font-size: 14px;
6
6
  }
7
- .aplus-basic-form--compact .ant-form-item {
8
- margin-bottom: 8px !important;
9
- }
@@ -1,84 +1,4 @@
1
- import { CSSProperties, PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
2
- import { BasicColumn } from '../../types/table';
3
- import { Recordable } from '../../../type';
4
- import { ComponentType } from '../../component-map';
1
+ import { DefineSetupFnComponent, PublicProps } from 'vue';
5
2
 
6
- declare const _default: DefineComponent<{
7
- value: {
8
- type: PropType<string | number | boolean | Record<string, any>>;
9
- default: string;
10
- };
11
- record: {
12
- type: any;
13
- };
14
- column: {
15
- type: PropType<BasicColumn>;
16
- default: () => {};
17
- };
18
- index: {
19
- type: NumberConstructor;
20
- required: true;
21
- };
22
- }, {
23
- isEdit: Ref<boolean>;
24
- ns: {
25
- namespace: ComputedRef<string>;
26
- b: (blockSuffix?: string) => string;
27
- e: (element?: string | undefined) => string;
28
- m: (modifier?: string | undefined) => string;
29
- be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
30
- em: (element?: string | undefined, modifier?: string | undefined) => string;
31
- bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
32
- bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
33
- is: {
34
- (name: string, state: boolean | undefined): string;
35
- (name: string): string;
36
- };
37
- cssVar: (object: Record<string, string>) => Record<string, string>;
38
- cssVarName: (name: string) => string;
39
- cssVarBlock: (object: Record<string, string>) => Record<string, string>;
40
- cssVarBlockName: (name: string) => string;
41
- };
42
- handleEdit: (e: Event) => void;
43
- currentValueRef: Ref<any>;
44
- handleSubmit: (needEmit?: boolean, valid?: boolean) => Promise<false | undefined>;
45
- handleChange: (e: any) => Promise<void>;
46
- handleCancel: () => void;
47
- elRef: Ref<any>;
48
- getComponent: ComputedRef<ComponentType>;
49
- getRule: ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
50
- onClickOutside: () => void;
51
- ruleMessage: Ref<string>;
52
- getRuleVisible: ComputedRef<boolean | "">;
53
- getComponentProps: ComputedRef<any>;
54
- handleOptionsChange: (options: any) => void;
55
- getWrapperStyle: ComputedRef<CSSProperties>;
56
- getWrapperClass: ComputedRef<string>;
57
- getRowEditable: ComputedRef<boolean>;
58
- getValues: ComputedRef<any>;
59
- handleEnter: () => Promise<void>;
60
- handleSubmitClick: () => void;
61
- spinning: Ref<boolean>;
62
- getDisable: ComputedRef<boolean>;
63
- }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
64
- value: {
65
- type: PropType<string | number | boolean | Record<string, any>>;
66
- default: string;
67
- };
68
- record: {
69
- type: any;
70
- };
71
- column: {
72
- type: PropType<BasicColumn>;
73
- default: () => {};
74
- };
75
- index: {
76
- type: NumberConstructor;
77
- required: true;
78
- };
79
- }>>, {
80
- value: string | number | boolean | Record<string, any>;
81
- column: BasicColumn;
82
- record: any;
83
- }, {}>;
3
+ declare const _default: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
84
4
  export default _default;
@@ -29,3 +29,19 @@
29
29
  margin-bottom: 4px;
30
30
  font-weight: bold !important;
31
31
  }
32
+ .ant-alert-warning {
33
+ background: rgba(250, 173, 20, 0.1);
34
+ border: 1px solid rgba(250, 173, 20, 0.4);
35
+ }
36
+ .ant-alert-info {
37
+ background: rgba(24, 144, 255, 0.1);
38
+ border: 1px solid rgba(24, 144, 255, 0.4);
39
+ }
40
+ .ant-alert-success {
41
+ background: rgba(52, 183, 124, 0.1);
42
+ border: 1px solid rgba(52, 183, 124, 0.4);
43
+ }
44
+ .ant-alert-error {
45
+ background: rgba(255, 77, 79, 0.1);
46
+ border: 1px solid rgba(255, 77, 79, 0.4);
47
+ }
@@ -29,6 +29,22 @@
29
29
  margin-bottom: 4px;
30
30
  font-weight: bold !important;
31
31
  }
32
+ .ant-alert-warning {
33
+ background: rgba(250, 173, 20, 0.1);
34
+ border: 1px solid rgba(250, 173, 20, 0.4);
35
+ }
36
+ .ant-alert-info {
37
+ background: rgba(24, 144, 255, 0.1);
38
+ border: 1px solid rgba(24, 144, 255, 0.4);
39
+ }
40
+ .ant-alert-success {
41
+ background: rgba(52, 183, 124, 0.1);
42
+ border: 1px solid rgba(52, 183, 124, 0.4);
43
+ }
44
+ .ant-alert-error {
45
+ background: rgba(255, 77, 79, 0.1);
46
+ border: 1px solid rgba(255, 77, 79, 0.4);
47
+ }
32
48
  .ant-btn {
33
49
  min-width: 88px;
34
50
  box-shadow: none;
@@ -221,20 +237,20 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
221
237
  .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
222
238
  min-width: 88px;
223
239
  }
224
- .ant-modal-root .ant-modal-confirm .ant-modal-body {
225
- padding: 28px 32px !important;
240
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
241
+ padding: 32px 32px 28px !important;
226
242
  }
227
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
243
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
228
244
  margin-inline-end: 16px;
229
245
  font-size: 24px;
230
246
  }
231
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
247
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
232
248
  color: #333333;
233
249
  font-weight: normal;
234
250
  font-size: 16px;
235
251
  line-height: 24px;
236
252
  }
237
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
253
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
238
254
  max-width: calc(100% - 40px);
239
255
  color: #999999;
240
256
  font-weight: normal;
@@ -243,14 +259,14 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
243
259
  margin-block-start: 8px;
244
260
  margin-inline-start: 40px;
245
261
  }
246
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
262
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
247
263
  color: #999999;
248
264
  }
249
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
265
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
250
266
  margin-top: 0;
251
267
  padding-top: 24px;
252
268
  }
253
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
269
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
254
270
  min-width: 88px;
255
271
  }
256
272
  .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
@@ -343,7 +359,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
343
359
  .ant-steps .ant-steps-item-icon {
344
360
  width: 28px;
345
361
  height: 28px;
346
- margin-top: 4px;
362
+ margin-top: 3px;
347
363
  display: flex;
348
364
  justify-content: center;
349
365
  align-items: center;
@@ -428,7 +444,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
428
444
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
429
445
  width: 28px;
430
446
  height: 28px;
431
- margin-top: 4px;
447
+ margin-top: 3px;
432
448
  display: flex;
433
449
  justify-content: center;
434
450
  align-items: center;
@@ -491,6 +507,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
491
507
  .ant-table-wrapper .ant-table-footer td {
492
508
  padding: 12px 8px;
493
509
  }
510
+ [class$='-basic-table'] {
511
+ max-width: 100%;
512
+ height: 100%;
513
+ }
494
514
  [class$='-basic-table-form-container'] {
495
515
  padding: 16px;
496
516
  }
@@ -510,3 +530,6 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
510
530
  [class$='-basic-table--inset'] .ant-table-wrapper {
511
531
  padding: 0;
512
532
  }
533
+ [class$='-basic-table-row__striped'] td {
534
+ background-color: #fafafa;
535
+ }
@@ -70,20 +70,20 @@
70
70
  .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
71
71
  min-width: 88px;
72
72
  }
73
- .ant-modal-root .ant-modal-confirm .ant-modal-body {
74
- padding: 28px 32px !important;
73
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
74
+ padding: 32px 32px 28px !important;
75
75
  }
76
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
76
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
77
77
  margin-inline-end: 16px;
78
78
  font-size: 24px;
79
79
  }
80
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
80
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
81
81
  color: #333333;
82
82
  font-weight: normal;
83
83
  font-size: 16px;
84
84
  line-height: 24px;
85
85
  }
86
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
86
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
87
87
  max-width: calc(100% - 40px);
88
88
  color: #999999;
89
89
  font-weight: normal;
@@ -92,14 +92,14 @@
92
92
  margin-block-start: 8px;
93
93
  margin-inline-start: 40px;
94
94
  }
95
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
95
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
96
96
  color: #999999;
97
97
  }
98
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
98
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
99
99
  margin-top: 0;
100
100
  padding-top: 24px;
101
101
  }
102
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
102
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
103
103
  min-width: 88px;
104
104
  }
105
105
  .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
@@ -7,7 +7,7 @@
7
7
  .ant-steps .ant-steps-item-icon {
8
8
  width: 28px;
9
9
  height: 28px;
10
- margin-top: 4px;
10
+ margin-top: 3px;
11
11
  display: flex;
12
12
  justify-content: center;
13
13
  align-items: center;
@@ -92,7 +92,7 @@
92
92
  .ant-steps.ant-steps-vertical .ant-steps-item-icon {
93
93
  width: 28px;
94
94
  height: 28px;
95
- margin-top: 4px;
95
+ margin-top: 3px;
96
96
  display: flex;
97
97
  justify-content: center;
98
98
  align-items: center;
@@ -52,6 +52,10 @@
52
52
  .ant-table-wrapper .ant-table-footer td {
53
53
  padding: 12px 8px;
54
54
  }
55
+ [class$='-basic-table'] {
56
+ max-width: 100%;
57
+ height: 100%;
58
+ }
55
59
  [class$='-basic-table-form-container'] {
56
60
  padding: 16px;
57
61
  }
@@ -71,3 +75,6 @@
71
75
  [class$='-basic-table--inset'] .ant-table-wrapper {
72
76
  padding: 0;
73
77
  }
78
+ [class$='-basic-table-row__striped'] td {
79
+ background-color: #fafafa;
80
+ }
@@ -29,3 +29,19 @@
29
29
  margin-bottom: 4px;
30
30
  font-weight: bold !important;
31
31
  }
32
+ .ant-alert-warning {
33
+ background: rgba(255, 169, 64, 0.1);
34
+ border: 1px solid rgba(255, 169, 64, 0.4);
35
+ }
36
+ .ant-alert-info {
37
+ background: rgba(0, 112, 255, 0.1);
38
+ border: 1px solid rgba(0, 112, 255, 0.4);
39
+ }
40
+ .ant-alert-success {
41
+ background: rgba(46, 209, 163, 0.1);
42
+ border: 1px solid rgba(46, 209, 163, 0.4);
43
+ }
44
+ .ant-alert-error {
45
+ background: rgba(255, 77, 79, 0.1);
46
+ border: 1px solid rgba(255, 77, 79, 0.4);
47
+ }
@@ -17,6 +17,10 @@
17
17
  .ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
18
18
  background-color: #0070ff;
19
19
  }
20
+ .ant-form .ant-form-item-control .ant-select.ant-select-disabled .ant-select-selector {
21
+ color: #526a90;
22
+ background-color: #f2f6f9;
23
+ }
20
24
  .ant-input::-moz-placeholder {
21
25
  color: #abb7cc;
22
26
  }
@@ -38,6 +42,12 @@
38
42
  .ant-input-number .ant-input-number-input-wrap > input::placeholder {
39
43
  color: #abb7cc;
40
44
  }
45
+ input.ant-input[disabled] {
46
+ color: #526a90;
47
+ }
48
+ span.ant-input-affix-wrapper-disabled {
49
+ background-color: #f2f6f9;
50
+ }
41
51
  div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item {
42
52
  margin-bottom: 16px;
43
53
  /** 适配Aplus UI */
@@ -29,6 +29,22 @@
29
29
  margin-bottom: 4px;
30
30
  font-weight: bold !important;
31
31
  }
32
+ .ant-alert-warning {
33
+ background: rgba(255, 169, 64, 0.1);
34
+ border: 1px solid rgba(255, 169, 64, 0.4);
35
+ }
36
+ .ant-alert-info {
37
+ background: rgba(0, 112, 255, 0.1);
38
+ border: 1px solid rgba(0, 112, 255, 0.4);
39
+ }
40
+ .ant-alert-success {
41
+ background: rgba(46, 209, 163, 0.1);
42
+ border: 1px solid rgba(46, 209, 163, 0.4);
43
+ }
44
+ .ant-alert-error {
45
+ background: rgba(255, 77, 79, 0.1);
46
+ border: 1px solid rgba(255, 77, 79, 0.4);
47
+ }
32
48
  .ant-btn {
33
49
  min-width: 88px;
34
50
  box-shadow: none;
@@ -86,6 +102,10 @@
86
102
  .ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
87
103
  background-color: #0070ff;
88
104
  }
105
+ .ant-form .ant-form-item-control .ant-select.ant-select-disabled .ant-select-selector {
106
+ color: #526a90;
107
+ background-color: #f2f6f9;
108
+ }
89
109
  .ant-input::-moz-placeholder {
90
110
  color: #abb7cc;
91
111
  }
@@ -107,6 +127,12 @@
107
127
  .ant-input-number .ant-input-number-input-wrap > input::placeholder {
108
128
  color: #abb7cc;
109
129
  }
130
+ input.ant-input[disabled] {
131
+ color: #526a90;
132
+ }
133
+ span.ant-input-affix-wrapper-disabled {
134
+ background-color: #f2f6f9;
135
+ }
110
136
  div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item {
111
137
  margin-bottom: 16px;
112
138
  /** 适配Aplus UI */
@@ -230,20 +256,20 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
230
256
  .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
231
257
  min-width: 88px;
232
258
  }
233
- .ant-modal-root .ant-modal-confirm .ant-modal-body {
234
- padding: 28px 32px !important;
259
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
260
+ padding: 32px 32px 28px !important;
235
261
  }
236
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
262
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
237
263
  margin-inline-end: 16px;
238
264
  font-size: 24px;
239
265
  }
240
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
266
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
241
267
  color: #182948;
242
268
  font-weight: normal;
243
269
  font-size: 16px;
244
270
  line-height: 24px;
245
271
  }
246
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
272
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
247
273
  max-width: calc(100% - 40px);
248
274
  color: #8896b0;
249
275
  font-weight: normal;
@@ -252,14 +278,14 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
252
278
  margin-block-start: 8px;
253
279
  margin-inline-start: 40px;
254
280
  }
255
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
281
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
256
282
  color: #8896b0;
257
283
  }
258
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
284
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
259
285
  margin-top: 0;
260
286
  padding-top: 24px;
261
287
  }
262
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
288
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
263
289
  min-width: 88px;
264
290
  }
265
291
  .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
@@ -365,7 +391,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
365
391
  .ant-steps .ant-steps-item-icon {
366
392
  width: 28px;
367
393
  height: 28px;
368
- margin-top: 4px;
394
+ margin-top: 3px;
369
395
  display: flex;
370
396
  justify-content: center;
371
397
  align-items: center;
@@ -453,7 +479,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
453
479
  justify-content: center;
454
480
  width: 28px;
455
481
  height: 28px;
456
- margin-top: 4px;
482
+ margin-top: 3px;
457
483
  }
458
484
  .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
459
485
  inset-inline-start: 13px;
@@ -503,6 +529,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
503
529
  font-style: normal;
504
530
  text-align: left;
505
531
  text-transform: none;
532
+ transition: unset;
506
533
  }
507
534
  .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
508
535
  padding: 12px 16px;
@@ -528,3 +555,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
528
555
  padding: 10.5px 16px;
529
556
  line-height: 18px;
530
557
  }
558
+ [class$='-basic-table'] {
559
+ max-width: 100%;
560
+ height: 100%;
561
+ }
562
+ [class$='-basic-table-row__striped'] td {
563
+ background-color: #f6f9fa;
564
+ }
@@ -64,20 +64,20 @@
64
64
  .ant-modal-root .ant-modal .ant-modal-content .ant-modal-footer button {
65
65
  min-width: 88px;
66
66
  }
67
- .ant-modal-root .ant-modal-confirm .ant-modal-body {
68
- padding: 28px 32px !important;
67
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body {
68
+ padding: 32px 32px 28px !important;
69
69
  }
70
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
70
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body > .anticon {
71
71
  margin-inline-end: 16px;
72
72
  font-size: 24px;
73
73
  }
74
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
74
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-title {
75
75
  color: #182948;
76
76
  font-weight: normal;
77
77
  font-size: 16px;
78
78
  line-height: 24px;
79
79
  }
80
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
80
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
81
81
  max-width: calc(100% - 40px);
82
82
  color: #8896b0;
83
83
  font-weight: normal;
@@ -86,14 +86,14 @@
86
86
  margin-block-start: 8px;
87
87
  margin-inline-start: 40px;
88
88
  }
89
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
89
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content > * {
90
90
  color: #8896b0;
91
91
  }
92
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns {
92
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns {
93
93
  margin-top: 0;
94
94
  padding-top: 24px;
95
95
  }
96
- .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-btns button {
96
+ .ant-modal-root .ant-modal-confirm .ant-modal-content .ant-modal-body .ant-modal-confirm-btns button {
97
97
  min-width: 88px;
98
98
  }
99
99
  .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {