@maxax/ui 1.1.52 → 1.1.54

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 (93) hide show
  1. package/dist/index.cjs +4 -4
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +4 -4
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/theme-chalk/base/col.scss +55 -0
  6. package/dist/theme-chalk/base/config.scss +5 -0
  7. package/dist/theme-chalk/base/function.scss +53 -0
  8. package/dist/theme-chalk/base/transition.scss +29 -0
  9. package/dist/theme-chalk/base/utils.scss +179 -0
  10. package/dist/theme-chalk/base/var-dark.scss +33 -0
  11. package/dist/theme-chalk/base/var-light.scss +33 -0
  12. package/dist/theme-chalk/base/var.scss +139 -0
  13. package/dist/theme-chalk/color/index.scss +16 -0
  14. package/dist/theme-chalk/components/appCommon.scss +52 -0
  15. package/dist/theme-chalk/components/basicActionFooter.scss +24 -0
  16. package/dist/theme-chalk/components/basicArrow.scss +11 -0
  17. package/dist/theme-chalk/components/basicButton.scss +8 -0
  18. package/dist/theme-chalk/components/basicButtonExportMax.scss +27 -0
  19. package/dist/theme-chalk/components/basicButtonGroup.scss +19 -0
  20. package/dist/theme-chalk/components/basicButtonImportMax.scss +118 -0
  21. package/dist/theme-chalk/components/basicCard.scss +8 -0
  22. package/dist/theme-chalk/components/basicCascader.scss +8 -0
  23. package/dist/theme-chalk/components/basicCheckbox.scss +197 -0
  24. package/dist/theme-chalk/components/basicCheckboxGroup.scss +22 -0
  25. package/dist/theme-chalk/components/basicCol.scss +18 -0
  26. package/dist/theme-chalk/components/basicCountTo.scss +8 -0
  27. package/dist/theme-chalk/components/basicDatePicker.scss +8 -0
  28. package/dist/theme-chalk/components/basicDragVerify.scss +75 -0
  29. package/dist/theme-chalk/components/basicDrawer.scss +12 -0
  30. package/dist/theme-chalk/components/basicDrawerFooter.scss +13 -0
  31. package/dist/theme-chalk/components/basicEditBatch.scss +62 -0
  32. package/dist/theme-chalk/components/basicFontIcon.scss +8 -0
  33. package/dist/theme-chalk/components/basicForm.scss +61 -0
  34. package/dist/theme-chalk/components/basicGradientTitle.scss +49 -0
  35. package/dist/theme-chalk/components/basicHelp.scss +16 -0
  36. package/dist/theme-chalk/components/basicHidden.scss +8 -0
  37. package/dist/theme-chalk/components/basicIconOnline.scss +8 -0
  38. package/dist/theme-chalk/components/basicIconPicker.scss +60 -0
  39. package/dist/theme-chalk/components/basicJsonViewer.scss +255 -0
  40. package/dist/theme-chalk/components/basicListPage.scss +42 -0
  41. package/dist/theme-chalk/components/basicLoading.scss +106 -0
  42. package/dist/theme-chalk/components/basicMasterTrigger.scss +13 -0
  43. package/dist/theme-chalk/components/basicMessage.scss +8 -0
  44. package/dist/theme-chalk/components/basicMessageBox.scss +183 -0
  45. package/dist/theme-chalk/components/basicModal.scss +16 -0
  46. package/dist/theme-chalk/components/basicMonaco.scss +8 -0
  47. package/dist/theme-chalk/components/basicNotification.scss +103 -0
  48. package/dist/theme-chalk/components/basicOverlay.scss +21 -0
  49. package/dist/theme-chalk/components/basicPage.scss +60 -0
  50. package/dist/theme-chalk/components/basicPanel.scss +36 -0
  51. package/dist/theme-chalk/components/basicPanelPage.scss +11 -0
  52. package/dist/theme-chalk/components/basicRadio.scss +66 -0
  53. package/dist/theme-chalk/components/basicRadioGroup.scss +14 -0
  54. package/dist/theme-chalk/components/basicRegion.scss +112 -0
  55. package/dist/theme-chalk/components/basicRegionSelect.scss +74 -0
  56. package/dist/theme-chalk/components/basicRow.scss +33 -0
  57. package/dist/theme-chalk/components/basicScrollText.scss +32 -0
  58. package/dist/theme-chalk/components/basicSelect.scss +8 -0
  59. package/dist/theme-chalk/components/basicSubPanel.scss +48 -0
  60. package/dist/theme-chalk/components/basicSvgIcon.scss +18 -0
  61. package/dist/theme-chalk/components/basicTable.scss +101 -0
  62. package/dist/theme-chalk/components/basicTag.scss +24 -0
  63. package/dist/theme-chalk/components/basicText.scss +45 -0
  64. package/dist/theme-chalk/components/basicTitle.scss +42 -0
  65. package/dist/theme-chalk/components/basicTree.scss +16 -0
  66. package/dist/theme-chalk/components/basicTriggerButton.scss +8 -0
  67. package/dist/theme-chalk/components/basicUpload.scss +65 -0
  68. package/dist/theme-chalk/components/basicUploadCore.scss +8 -0
  69. package/dist/theme-chalk/components/basicUploadDragger.scss +38 -0
  70. package/dist/theme-chalk/components/basicUploadList.scss +19 -0
  71. package/dist/theme-chalk/components/basicUploadListItem.scss +240 -0
  72. package/dist/theme-chalk/components/basicViewBar.scss +88 -0
  73. package/dist/theme-chalk/components/common.scss +63 -0
  74. package/dist/theme-chalk/components/components.scss +56 -0
  75. package/dist/theme-chalk/components/tree.scss +115 -0
  76. package/dist/theme-chalk/components/treeDrop.scss +138 -0
  77. package/dist/theme-chalk/components/treeNode.scss +209 -0
  78. package/dist/theme-chalk/components/treeSearch.scss +128 -0
  79. package/dist/theme-chalk/index.css +1 -1
  80. package/dist/theme-chalk/index.scss +2 -0
  81. package/dist/theme-chalk/light.css +1 -1
  82. package/dist/theme-chalk/theme/dark.scss +14 -0
  83. package/dist/theme-chalk/theme/light.scss +26 -0
  84. package/dist/theme-chalk/vxe-table/table/base.scss +87 -0
  85. package/dist/theme-chalk/vxe-table/table/dark.scss +48 -0
  86. package/dist/theme-chalk/vxe-table/table/index.scss +3 -0
  87. package/dist/theme-chalk/vxe-table/table/light.scss +42 -0
  88. package/dist/theme-chalk/vxe-table/ui/base.scss +200 -0
  89. package/dist/theme-chalk/vxe-table/ui/dark.scss +117 -0
  90. package/dist/theme-chalk/vxe-table/ui/index.scss +3 -0
  91. package/dist/theme-chalk/vxe-table/ui/light.scss +114 -0
  92. package/dist/theme-chalk/vxe-table/vxe-table.scss +7 -0
  93. package/package.json +3 -3
@@ -0,0 +1,14 @@
1
+ @use '../base/config' as *;
2
+ @use '../base/var' as *;
3
+ @use '../base/var-dark' as *;
4
+ @use '../base/utils' as *;
5
+
6
+ html.dark {
7
+ color-scheme: dark;
8
+
9
+ @include set-component-css-var('box-shadow', $box-shadow);
10
+ @include set-component-css-var('border-color', $border-color);
11
+ @include set-component-css-var('fill-color', $fill-color);
12
+ @include set-component-css-var('text-color', $text-color);
13
+ @include set-component-css-var('disabled', $disabled);
14
+ }
@@ -0,0 +1,26 @@
1
+ @use '../base/config' as *;
2
+ @use '../base/var' as *;
3
+ @use '../base/var-light' as *;
4
+ @use '../base/utils' as *;
5
+ @use '../components/components.scss' as *;
6
+ @use '../vxe-table/vxe-table.scss' as *;
7
+
8
+ :root {
9
+ @include set-css-var-value('color-white', $color-white);
10
+ @include set-css-var-value('color-black', $color-black);
11
+
12
+ // @each $type in $types {
13
+ // @include set-css-color-rgb($type);
14
+ // @include set-css-color-type($colors, $type);
15
+ // }
16
+
17
+ @include set-component-css-var('font-size', $font-size);
18
+ @include set-component-css-var('font-family', $font-family);
19
+ @include set-component-css-var('border-radius', $border-radius);
20
+
21
+ @include set-component-css-var('box-shadow', $box-shadow);
22
+ @include set-component-css-var('border-color', $border-color);
23
+ @include set-component-css-var('fill-color', $fill-color);
24
+ @include set-component-css-var('text-color', $text-color);
25
+ @include set-component-css-var('disabled', $disabled);
26
+ }
@@ -0,0 +1,87 @@
1
+ :root {
2
+ /*font*/
3
+ --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
4
+
5
+ /*font size*/
6
+ --vxe-ui-font-size-default: 14px;
7
+ --vxe-ui-font-size-medium: 14px;
8
+ --vxe-ui-font-size-small: 13px;
9
+ --vxe-ui-font-size-mini: 12px;
10
+
11
+ /*base border*/
12
+ --vxe-ui-border-radius: 4px;
13
+
14
+ /*input*/
15
+ --vxe-ui-input-disabled-color: #dcdfe6;
16
+ --vxe-ui-input-height-default: 34px;
17
+ --vxe-ui-input-height-medium: 32px;
18
+ --vxe-ui-input-height-small: 30px;
19
+ --vxe-ui-input-height-mini: 28px;
20
+
21
+ /*table*/
22
+ --vxe-ui-table-header-font-color: var(--vxe-ui-font-color);
23
+ --vxe-ui-table-footer-font-color: var(--vxe-ui-font-color);
24
+ --vxe-ui-table-border-radius: var(--vxe-ui-border-radius);
25
+ --vxe-ui-table-border-width: 1.05px;
26
+ --vxe-ui-table-resizable-line-color: #D9DDDF;
27
+ --vxe-ui-table-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
28
+ --vxe-ui-table-footer-background-color: var(--vxe-ui-layout-background-color);
29
+ --vxe-ui-table-tree-node-line-color:#909399;
30
+ --vxe-ui-table-tree-node-line-style: dotted;
31
+ --vxe-ui-table-header-font-weight: 700;
32
+
33
+ --vxe-ui-table-row-height-default: 48px;
34
+ --vxe-ui-table-row-height-medium: 44px;
35
+ --vxe-ui-table-row-height-small: 40px;
36
+ --vxe-ui-table-row-height-mini: 36px;
37
+ --vxe-ui-table-row-line-height: 22px;
38
+
39
+ --vxe-ui-table-column-icon-border-color: #c0c4cc;
40
+ --vxe-ui-table-column-icon-border-hover-color: #515A6E;
41
+
42
+ --vxe-ui-table-cell-padding-default: 8px;
43
+ --vxe-ui-table-cell-padding-medium: 7px;
44
+ --vxe-ui-table-cell-padding-small: 6px;
45
+ --vxe-ui-table-cell-padding-mini: 5px;
46
+ --vxe-ui-table-cell-placeholder-color: #C0C4CC;
47
+ --vxe-ui-table-cell-negative-color: #f56c6c;
48
+ --vxe-ui-table-cell-input-height-default: var(--vxe-ui-table-row-height-default) - 6;
49
+ --vxe-ui-table-cell-input-height-medium: var(--vxe-ui-table-row-height-medium) - 6;
50
+ --vxe-ui-table-cell-input-height-small: var(--vxe-ui-table-row-height-small) - 6;
51
+ --vxe-ui-table-cell-input-height-mini: var(--vxe-ui-table-row-height-mini) - 6;
52
+ --vxe-ui-table-cell-dirty-width: 5px;
53
+ --vxe-ui-table-cell-dirty-update-color: #f56c6c;
54
+ --vxe-ui-table-cell-dirty-insert-color: #19A15F;
55
+ --vxe-ui-table-cell-area-border-color: var(--vxe-ui-font-primary-color);
56
+ --vxe-ui-table-cell-area-border-width: 1px;
57
+ --vxe-ui-table-cell-area-status-border-width: var(--vxe-ui-table-cell-area-border-width);
58
+ --vxe-ui-table-cell-main-area-extension-border-color: #fff;
59
+ --vxe-ui-table-cell-main-area-extension-background-color: var(--vxe-ui-font-primary-color);
60
+ --vxe-ui-table-cell-extend-area-border-width: 2px;
61
+ --vxe-ui-table-cell-clip-area-border-width: 3px;
62
+ --vxe-ui-table-cell-active-area-border-width: 2px;
63
+ --vxe-ui-table-cell-active-area-background-color: transparent;
64
+ --vxe-ui-table-cell-clip-area-border-color: var(--vxe-ui-table-cell-area-border-color);
65
+ --vxe-ui-table-cell-extend-area-border-color: var(--vxe-ui-table-cell-area-border-color);
66
+ --vxe-ui-table-cell-active-area-border-color: var(--vxe-ui-table-cell-area-border-color);
67
+ --vxe-ui-table-cell-area-background-color: rgba(64,158,255,0.2);
68
+ --vxe-ui-table-cell-area-status-background-color: rgba(64,158,255,0.1);
69
+
70
+ --vxe-ui-table-expand-padding-default: 16px;
71
+
72
+ --vxe-ui-table-checkbox-range-border-width: 1px;
73
+ --vxe-ui-table-checkbox-range-border-color: #006af1;
74
+ --vxe-ui-table-checkbox-range-background-color: rgba(50,128,252,0.2);
75
+
76
+ --vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
77
+ --vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);
78
+
79
+ --vxe-ui-table-menu-item-width: 198px;
80
+ --vxe-ui-table-menu-background-color: #fff;
81
+
82
+ --vxe-ui-table-validate-error-color: #f56c6c;
83
+ --vxe-ui-table-validate-error-background-color: var(--vxe-ui-layout-background-color);
84
+
85
+ /*toolbar*/
86
+ --vxe-ui-toolbar-custom-active-background-color: #D9DADB;
87
+ }
@@ -0,0 +1,48 @@
1
+ [data-vxe-ui-theme='dark'],
2
+ html.dark {
3
+ color-scheme: dark;
4
+
5
+ /*font color*/
6
+ --vxe-ui-font-color: #a0a3a7;
7
+ --vxe-ui-font-tinge-color: #33353b;
8
+ --vxe-ui-font-lighten-color: #797b80;
9
+ --vxe-ui-font-darken-color: #47494c;
10
+ --vxe-ui-font-disabled-color: #464646;
11
+
12
+ /*font status color*/
13
+ --vxe-ui-font-primary-color: rgb(var(--primary-color));
14
+
15
+ /*base*/
16
+ --vxe-ui-base-popup-border-color: #424242;
17
+ --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
18
+
19
+ /*layout*/
20
+ --vxe-ui-layout-background-color: #121212;
21
+
22
+ /*input*/
23
+ --vxe-ui-input-border-color: #424242;
24
+ --vxe-ui-input-placeholder-color: #8D9095;
25
+ --vxe-ui-input-disabled-background-color: #262727;
26
+
27
+ /*loading*/
28
+ --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.1);
29
+
30
+ /*table*/
31
+ --vxe-ui-table-header-background-color: #28282a;
32
+ --vxe-ui-table-column-to-row-background-color: #28282a;
33
+ --vxe-ui-table-column-hover-background-color: #242f3b;
34
+ --vxe-ui-table-column-current-background-color: #18222c;
35
+ --vxe-ui-table-column-hover-current-background-color: #242f3b;
36
+ --vxe-ui-table-border-color: #37373a;
37
+ --vxe-ui-table-row-hover-background-color: #262727;
38
+ --vxe-ui-table-row-striped-background-color: #1D1D1D;
39
+ --vxe-ui-table-row-hover-striped-background-color: #262727;
40
+ --vxe-ui-table-row-radio-checked-background-color: #604820;
41
+ --vxe-ui-table-row-hover-radio-checked-background-color: #6e5326;
42
+ --vxe-ui-table-row-checkbox-checked-background-color: #604820;
43
+ --vxe-ui-table-row-hover-checkbox-checked-background-color: #6e5326;
44
+ --vxe-ui-table-row-current-background-color: #18222c;
45
+ --vxe-ui-table-row-hover-current-background-color: #242f3b;
46
+ --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.8);
47
+ --vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, 0.3);
48
+ }
@@ -0,0 +1,3 @@
1
+ @use './base.scss' as *;
2
+ @use './light.scss' as *;
3
+ @use './dark.scss' as *;
@@ -0,0 +1,42 @@
1
+ [data-vxe-ui-theme='light'] {
2
+ /*font color*/
3
+ --vxe-ui-font-color: #606266;
4
+ --vxe-ui-font-primary-color: rgb(var(--primary-color));
5
+ --vxe-ui-font-lighten-color: #797b80;
6
+ --vxe-ui-font-darken-color: #47494c;
7
+ --vxe-ui-font-disabled-color: #BFBFBF;
8
+
9
+ /*base*/
10
+ --vxe-ui-base-popup-border-color: #DADCE0;
11
+ --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
12
+
13
+ /*layout*/
14
+ --vxe-ui-layout-background-color: #ffffff;
15
+
16
+ /*input*/
17
+ --vxe-ui-input-border-color: #dcdfe6;
18
+ --vxe-ui-input-placeholder-color: #C0C4CC;
19
+ --vxe-ui-input-disabled-background-color: #f3f3f3;
20
+
21
+ /*loading*/
22
+ --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
23
+
24
+ /*table*/
25
+ --vxe-ui-table-header-background-color: #f8f8f9;
26
+ --vxe-ui-table-column-to-row-background-color: #f8f8f9;
27
+ --vxe-ui-table-column-hover-background-color: #d7effb;
28
+ --vxe-ui-table-column-current-background-color: #e6f7ff;
29
+ --vxe-ui-table-column-hover-current-background-color: #d7effb;
30
+ --vxe-ui-table-border-color: #e8eaec;
31
+ --vxe-ui-table-row-hover-background-color: #f5f7fa;
32
+ --vxe-ui-table-row-striped-background-color: #fafafa;
33
+ --vxe-ui-table-row-hover-striped-background-color: #f5f7fa;
34
+ --vxe-ui-table-row-radio-checked-background-color: #fff3e0;
35
+ --vxe-ui-table-row-hover-radio-checked-background-color: #ffebbc;
36
+ --vxe-ui-table-row-checkbox-checked-background-color: #fff3e0;
37
+ --vxe-ui-table-row-hover-checkbox-checked-background-color: #ffebbc;
38
+ --vxe-ui-table-row-current-background-color: #e6f7ff;
39
+ --vxe-ui-table-row-hover-current-background-color: #d7effb;
40
+ --vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
41
+ --vxe-ui-table-drag-over-background-color: rgba(255,255,200,0.3);
42
+ }
@@ -0,0 +1,200 @@
1
+ :root {
2
+ /*font*/
3
+ --vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
4
+
5
+ /*font size*/
6
+ --vxe-ui-font-size-large: 15px;
7
+ --vxe-ui-font-size-default: 14px;
8
+ --vxe-ui-font-size-medium: 14px;
9
+ --vxe-ui-font-size-small: 13px;
10
+ --vxe-ui-font-size-mini: 12px;
11
+
12
+ /*font color*/
13
+ --vxe-ui-font-secondary-color: #909399; // 次要字体颜色
14
+ --vxe-ui-font-placeholder-color: #a8abb2; // 占位符字体颜色
15
+
16
+ /*base*/
17
+ --vxe-ui-base-border-radius: 4px;
18
+ --vxe-ui-base-margin-gap-default: 8px;
19
+ --vxe-ui-base-margin-gap-medium: 7px;
20
+ --vxe-ui-base-margin-gap-small: 6px;
21
+ --vxe-ui-base-margin-gap-mini: 5px;
22
+
23
+ /*layout*/
24
+ --vxe-ui-layout-padding-qtr: 2px;
25
+ --vxe-ui-layout-padding-half: 4px;
26
+ --vxe-ui-layout-padding-default: 8px;
27
+ --vxe-ui-layout-padding-double: 16px;
28
+ --vxe-ui-layout-padding-threefold: 24px;
29
+ --vxe-ui-layout-aside-default-width: 300px;
30
+ --vxe-ui-layout-aside-collapse-width: 60px;
31
+
32
+ /*menu*/
33
+ --vxe-ui-menu-item-height-default: 44px;
34
+ --vxe-ui-menu-item-height-medium: 40px;
35
+ --vxe-ui-menu-item-height-small: 36px;
36
+ --vxe-ui-menu-item-height-mini: 32px;
37
+ --vxe-ui-menu-icon-width: 1.5em;
38
+
39
+ /*button*/
40
+ --vxe-ui-button-max-width: 500px;
41
+ --vxe-ui-button-height-default: 34px;
42
+ --vxe-ui-button-height-medium: 32px;
43
+ --vxe-ui-button-height-small: 30px;
44
+ --vxe-ui-button-height-mini: 28px;
45
+ --vxe-ui-button-round-border-radius-default: 17px;
46
+ --vxe-ui-button-round-border-radius-medium: 16px;
47
+ --vxe-ui-button-round-border-radius-small: 15px;
48
+ --vxe-ui-button-round-border-radius-mini: 14px;
49
+
50
+ /*input*/
51
+ --vxe-ui-input-disabled-color: #dcdfe6;
52
+ --vxe-ui-input-number-disabled-color: #e4e7ed;
53
+ --vxe-ui-input-date-festival-color: #abaaaa;
54
+ --vxe-ui-input-date-festival-important-color: var(--vxe-ui-font-primary-color);
55
+ --vxe-ui-input-date-notice-background-color: #FF0000;
56
+ --vxe-ui-input-date-picker-hover-background-color: #f2f6fc;
57
+ --vxe-ui-input-date-picker-selected-color: #fff;
58
+ --vxe-ui-input-date-time-confirm-button-color: #fff;
59
+ --vxe-ui-input-date-picker-festival-selected-color: var(--vxe-ui-input-date-picker-selected-color);
60
+ --vxe-ui-input-date-picker-notice-selected-background-color: var(--vxe-ui-input-date-picker-selected-color);
61
+ --vxe-ui-input-date-extra-color: #67c23a;
62
+ --vxe-ui-input-date-extra-important-color: #fd2222;
63
+ --vxe-ui-input-date-title-height-default: 30px;
64
+ --vxe-ui-input-date-title-height-medium: 29px;
65
+ --vxe-ui-input-date-title-height-small: 28px;
66
+ --vxe-ui-input-date-title-height-mini: 26px;
67
+ --vxe-ui-input-date-time-week-row-height-default: 38px;
68
+ --vxe-ui-input-date-time-week-row-height-medium: 36px;
69
+ --vxe-ui-input-date-time-week-row-height-small: 34px;
70
+ --vxe-ui-input-date-time-week-row-height-mini: 32px;
71
+ --vxe-ui-input-date-month-year-row-height-default: 48px;
72
+ --vxe-ui-input-date-month-year-row-height-medium: 46px;
73
+ --vxe-ui-input-date-month-year-row-height-small: 44px;
74
+ --vxe-ui-input-date-month-year-row-height-mini: 42px;
75
+ --vxe-ui-input-date-quarter-row-height-default: 60px;
76
+ --vxe-ui-input-date-quarter-row-height-medium: 58px;
77
+ --vxe-ui-input-date-quarter-row-height-small: 56px;
78
+ --vxe-ui-input-date-quarter-row-height-mini: 54px;
79
+ --vxe-ui-input-height-default: var(--vxe-ui-button-height-default);
80
+ --vxe-ui-input-height-medium: var(--vxe-ui-button-height-medium);
81
+ --vxe-ui-input-height-small: var(--vxe-ui-button-height-small);
82
+ --vxe-ui-input-height-mini: var(--vxe-ui-button-height-mini);
83
+ --vxe-ui-input-count-color: #999;
84
+ --vxe-ui-input-count-error-color: var(--vxe-ui-status-error-color);
85
+
86
+ /*anchor*/
87
+ --vxe-ui-anchor-link-color: var(--vxe-ui-font-secondary-color);
88
+ --vxe-ui-anchor-link-active-color: var(--vxe-ui-font-primary-color);
89
+
90
+ /*breadcrumb*/
91
+ --vxe-ui-breadcrumb-color: var(--vxe-ui-font-secondary-color);
92
+ --vxe-ui-breadcrumb-current-item-color: var(--vxe-ui-font-color);
93
+
94
+ /*loading*/
95
+ --vxe-ui-loading-color: var(--vxe-ui-font-primary-color);
96
+
97
+ /*tooltip*/
98
+ --vxe-ui-tooltip-dark-color: #fff;
99
+ --vxe-ui-tooltip-dark-background-color: #303133;
100
+
101
+ /*form*/
102
+ --vxe-ui-form-item-min-height-default: 56px;
103
+ --vxe-ui-form-item-min-height-medium: 52px;
104
+ --vxe-ui-form-item-min-height-small: 48px;
105
+ --vxe-ui-form-item-min-height-mini: 44px;
106
+ --vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);
107
+ --vxe-ui-form-item-padding-default: 8px;
108
+ --vxe-ui-form-item-padding-medium: 7px;
109
+ --vxe-ui-form-item-padding-small: 6px;
110
+ --vxe-ui-form-item-padding-mini: 5px;
111
+ --vxe-ui-form-validate-error-background-color: inherit;
112
+
113
+ /*form-design*/
114
+ --vxe-ui-form-design-widget-item-font-size: 0.9em;
115
+
116
+ /*checkbox*/
117
+ --vxe-ui-checkbox-font-size-default: 15px;
118
+ --vxe-ui-checkbox-font-size-medium: 14px;
119
+ --vxe-ui-checkbox-font-size-small: 13px;
120
+ --vxe-ui-checkbox-font-size-mini: 12px;
121
+ --vxe-ui-checkbox-checked-width: 0.32em;
122
+ --vxe-ui-checkbox-checked-height: 0.64em;
123
+ --vxe-ui-checkbox-indeterminate-width: 0.6em;
124
+ --vxe-ui-checkbox-indeterminate-height: 2px;
125
+ --vxe-ui-checkbox-border-width: 2px;
126
+ --vxe-ui-checkbox-border-radius: 2px;
127
+ --vxe-ui-checkbox-icon-background-color: #fff;
128
+ --vxe-ui-checkbox-checked-icon-border-color: #fff;
129
+ --vxe-ui-checkbox-indeterminate-icon-background-color: #fff;
130
+
131
+ /*radio*/
132
+ --vxe-ui-radio-font-size-default: 15px;
133
+ --vxe-ui-radio-font-size-medium: 14px;
134
+ --vxe-ui-radio-font-size-small: 13px;
135
+ --vxe-ui-radio-font-size-mini: 12px;
136
+ --vxe-ui-radio-border-width: 0.32em;
137
+ --vxe-ui-radio-icon-background-color: #fff;
138
+ --vxe-ui-radio-checked-icon-background-color: #fff;
139
+ --vxe-ui-radio-indeterminate-icon-background-color: #fff;
140
+
141
+ /*select*/
142
+ --vxe-ui-select-option-height-default: 30px;
143
+ --vxe-ui-select-option-height-medium: 28px;
144
+ --vxe-ui-select-option-height-small: 26px;
145
+ --vxe-ui-select-option-height-mini: 24px;
146
+ --vxe-ui-select-empty-color: #C0C4CC;
147
+ --vxe-ui-select-title-color: #909399;
148
+
149
+ /*pulldown*/
150
+ --vxe-ui-pulldown-option-height-default: var(--vxe-ui-select-option-height-default);
151
+ --vxe-ui-pulldown-option-height-medium: var(--vxe-ui-select-option-height-medium);
152
+ --vxe-ui-pulldown-option-height-small: var(--vxe-ui-select-option-height-small);
153
+ --vxe-ui-pulldown-option-height-mini: var(--vxe-ui-select-option-height-mini);
154
+
155
+ /*switch*/
156
+ --vxe-ui-switch-font-color: #fff;
157
+ --vxe-ui-switch-icon-background-color: #fff;
158
+ --vxe-ui-switch-open-background-color: var(--vxe-ui-font-primary-color);
159
+ --vxe-ui-switch-disabled-background-color: rgba(0,0,0,0.15);
160
+
161
+ /*upload*/
162
+ --vxe-ui-upload-file-button-border-style: dashed;
163
+ --vxe-ui-upload-image-button-border-style: dashed;
164
+ --vxe-ui-upload-image-wh-default: 120px;
165
+ --vxe-ui-upload-image-wh-medium: 104px;
166
+ --vxe-ui-upload-image-wh-small: 88px;
167
+ --vxe-ui-upload-image-wh-mini: 72px;
168
+
169
+ /*card*/
170
+ --vxe-ui-card-padding-default: 12px;
171
+ --vxe-ui-card-padding-medium: 10px;
172
+ --vxe-ui-card-padding-small: 8px;
173
+ --vxe-ui-card-padding-mini: 6px;
174
+
175
+ /*tree*/
176
+ --vxe-ui-tree-node-height: 2em;
177
+ --vxe-ui-tree-node-line-color:#909399;
178
+ --vxe-ui-tree-node-line-style: dotted;
179
+ --vxe-ui-tree-node-line-width: 1px;
180
+
181
+ /*tabs*/
182
+ --vxe-ui-tabs-header-height-default: 40px;
183
+ --vxe-ui-tabs-header-height-medium: 38px;
184
+ --vxe-ui-tabs-header-height-small: 36px;
185
+ --vxe-ui-tabs-header-height-mini: 32px;
186
+
187
+ /*tabs*/
188
+ --vxe-ui-calendar-hover-background-color: #f2f6fc;
189
+ --vxe-ui-calendar-selected-color: #fff;
190
+ --vxe-ui-calendar-festival-selected-color: var(--vxe-ui-calendar-selected-color);
191
+ --vxe-ui-calendar-notice-selected-background-color: var(--vxe-ui-calendar-selected-color);
192
+
193
+ /*split*/
194
+ --vxe-ui-splitter-handle-bar-horizontal-width: 0.68em;
195
+ --vxe-ui-splitter-handle-bar-horizontal-height: 3.2em;
196
+ --vxe-ui-splitter-handle-bar-vertical-width: var(--vxe-ui-splitter-handle-bar-horizontal-height);
197
+ --vxe-ui-splitter-handle-bar-vertical-height: var(--vxe-ui-splitter-handle-bar-horizontal-width);
198
+ --vxe-ui-splitter-resizable-line-color: #D9DDDF;
199
+ --vxe-ui-splitter-resizable-drag-line-color: var(--vxe-ui-font-primary-color);
200
+ }
@@ -0,0 +1,117 @@
1
+ [data-vxe-ui-theme='dark'],
2
+ html.dark {
3
+ color-scheme: dark;
4
+
5
+ /*font color*/
6
+ --vxe-ui-font-color: #a0a3a7;
7
+ --vxe-ui-font-tinge-color: #33353b;
8
+ --vxe-ui-font-lighten-color: #797b80;
9
+ --vxe-ui-font-darken-color: #47494c;
10
+ --vxe-ui-font-disabled-color: #464646;
11
+
12
+ /*font status color*/
13
+ --vxe-ui-font-primary-color: #409eff;
14
+ --vxe-ui-font-primary-hover-color: #202326;
15
+ --vxe-ui-font-primary-tinge-color: #3a4653;
16
+ --vxe-ui-font-primary-lighten-color: #73b8ff;
17
+ --vxe-ui-font-primary-darken-color: #0d84ff;
18
+ --vxe-ui-font-primary-disabled-color: #a6d2ff;
19
+
20
+ --vxe-ui-status-success-color: #67c23a;
21
+ --vxe-ui-status-info-color: #909399;
22
+ --vxe-ui-status-warning-color: #e6a23c;
23
+ --vxe-ui-status-danger-color: #f56c6c;
24
+ --vxe-ui-status-error-color: #f56c6c;
25
+
26
+ --vxe-ui-status-success-tinge-color: #33412f;
27
+ --vxe-ui-status-info-tinge-color: #38383b;
28
+ --vxe-ui-status-warning-tinge-color: #332c22;
29
+ --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
30
+ --vxe-ui-status-error-tinge-color: #372525;
31
+
32
+ --vxe-ui-status-success-lighten-color: #85cf60;
33
+ --vxe-ui-status-info-lighten-color: #abadb1;
34
+ --vxe-ui-status-warning-lighten-color: #ecb869;
35
+ --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
36
+ --vxe-ui-status-error-lighten-color: #f89c9c;
37
+
38
+ --vxe-ui-status-success-darken-color: #529b2e;
39
+ --vxe-ui-status-info-darken-color: #767980;
40
+ --vxe-ui-status-warning-darken-color: #d48a1b;
41
+ --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
42
+ --vxe-ui-status-error-darken-color: #f56c6c;
43
+
44
+ --vxe-ui-status-success-disabled-color: #a3db87;
45
+ --vxe-ui-status-info-disabled-color: #c5c7ca;
46
+ --vxe-ui-status-warning-disabled-color: #f2cd96;
47
+ --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
48
+ --vxe-ui-status-error-disabled-color: #f5a8a8;
49
+
50
+ /*base*/
51
+ --vxe-ui-base-popup-border-color: #424242;
52
+ --vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, 0.5);
53
+ --vxe-ui-base-drag-background-color: #2e3741;
54
+ --vxe-ui-base-active-background-color: #18222c;
55
+ --vxe-ui-base-hover-background-color: #191a1c;
56
+
57
+ /*layout*/
58
+ --vxe-ui-layout-background-color: #121212;
59
+
60
+ /*input*/
61
+ --vxe-ui-input-border-color: #424242;
62
+ --vxe-ui-input-placeholder-color: #3c3d3e;
63
+ --vxe-ui-input-disabled-background-color: #262727;
64
+
65
+ /*number-input*/
66
+ --vxe-ui-number-input-control-button-color: #262727;
67
+
68
+ /*modal*/
69
+ --vxe-ui-modal-header-background-color: var(--vxe-ui-layout-background-color);
70
+
71
+ /*tabs*/
72
+ --vxe-ui-tabs-card-header-background-color: #1d1e1f;
73
+ --vxe-ui-tabs-close-hover-background-color: rgba(48, 48, 0, 0.8);
74
+ --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.8);
75
+
76
+ /*menu*/
77
+ --vxe-ui-menu-item-hover-color: var(--vxe-ui-font-primary-color);
78
+ --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);
79
+
80
+ /*loading*/
81
+ --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.1);
82
+
83
+ /*form*/
84
+ --vxe-ui-form-title-background-color: #28282a;
85
+ --vxe-ui-form-border-color: #37373a;
86
+
87
+ /*form-design*/
88
+ --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
89
+ --vxe-ui-form-design-sub-widget-hover-background-color: #27292b;
90
+
91
+ /*list-design*/
92
+ --vxe-ui-list-design-table-border-color: #37373a;
93
+ --vxe-ui-list-design-table-header-background-color: #28282a;
94
+
95
+ /*switch*/
96
+ --vxe-ui-switch-close-background-color: #4C4D4F;
97
+
98
+ /*upload*/
99
+ --vxe-ui-upload-drag-over-background-color:rgba(48, 48, 0, 0.8);
100
+
101
+ /*tree*/
102
+ --vxe-ui-tree-node-hover-background-color: #262727;
103
+ --vxe-ui-tree-node-radio-checked-background-color: #604820;
104
+ --vxe-ui-tree-node-hover-radio-checked-background-color: #6e5326;
105
+ --vxe-ui-tree-node-checkbox-checked-background-color: #604820;
106
+ --vxe-ui-tree-node-hover-checkbox-checked-background-color: #6e5326;
107
+ --vxe-ui-tree-node-current-background-color: #18222c;
108
+ --vxe-ui-tree-node-hover-current-background-color: #262727;
109
+
110
+ /*rate*/
111
+ --vxe-ui-rate-item-color: #bd9537;
112
+
113
+ /*split*/
114
+ --vxe-ui-splitter-handle-button-background-color: #9f9f9f;
115
+ --vxe-ui-splitter-handle-bar-background-color: #444444;
116
+ --vxe-ui-splitter-handle-bar-hover-background-color: #606060;
117
+ }
@@ -0,0 +1,3 @@
1
+ @use './base.scss' as *;
2
+ @use './light.scss' as *;
3
+ @use './dark.scss' as *;
@@ -0,0 +1,114 @@
1
+ [data-vxe-ui-theme='light'] {
2
+ /*font color*/
3
+ --vxe-ui-font-color: #606266;
4
+ --vxe-ui-font-tinge-color: #d4d5d7;
5
+ --vxe-ui-font-lighten-color: #797b80;
6
+ --vxe-ui-font-darken-color: #47494c;
7
+ --vxe-ui-font-disabled-color: #BFBFBF;
8
+
9
+ /*font status color*/
10
+ --vxe-ui-font-primary-color: #409eff;
11
+ --vxe-ui-font-primary-hover-color: #f5f7fa;
12
+ --vxe-ui-font-primary-tinge-color: #e8f3ff;
13
+ --vxe-ui-font-primary-lighten-color: #73b8ff;
14
+ --vxe-ui-font-primary-darken-color: #0d84ff;
15
+ --vxe-ui-font-primary-disabled-color: #a6d2ff;
16
+
17
+ --vxe-ui-status-success-color: #67c23a;
18
+ --vxe-ui-status-info-color: #909399;
19
+ --vxe-ui-status-warning-color: #e6a23c;
20
+ --vxe-ui-status-danger-color: #f56c6c;
21
+ --vxe-ui-status-error-color: #f56c6c;
22
+
23
+ --vxe-ui-status-success-tinge-color: #eef8e9;
24
+ --vxe-ui-status-info-tinge-color: #f5f5f6;
25
+ --vxe-ui-status-warning-tinge-color: #fcf4e8;
26
+ --vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);
27
+ --vxe-ui-status-error-tinge-color: #fef2f2;
28
+
29
+ --vxe-ui-status-success-lighten-color: #85cf60;
30
+ --vxe-ui-status-info-lighten-color: #abadb1;
31
+ --vxe-ui-status-warning-lighten-color: #ecb869;
32
+ --vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);
33
+ --vxe-ui-status-error-lighten-color: #f89c9c;
34
+
35
+ --vxe-ui-status-success-darken-color: #529b2e;
36
+ --vxe-ui-status-info-darken-color: #767980;
37
+ --vxe-ui-status-warning-darken-color: #d48a1b;
38
+ --vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);
39
+ --vxe-ui-status-error-darken-color: #f56c6c;
40
+
41
+ --vxe-ui-status-success-disabled-color: #a3db87;
42
+ --vxe-ui-status-info-disabled-color: #c5c7ca;
43
+ --vxe-ui-status-warning-disabled-color: #f2cd96;
44
+ --vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);
45
+ --vxe-ui-status-error-disabled-color: #f5a8a8;
46
+
47
+ /*base*/
48
+ --vxe-ui-base-popup-border-color: #DADCE0;
49
+ --vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
50
+ --vxe-ui-base-drag-background-color: #dde9fd;
51
+ --vxe-ui-base-active-background-color: #e6f4ff;
52
+ --vxe-ui-base-hover-background-color: rgba(0, 0, 0, 0.04);
53
+
54
+ /*layout*/
55
+ --vxe-ui-layout-background-color: #ffffff;
56
+
57
+ /*input*/
58
+ --vxe-ui-input-border-color: #dcdfe6;
59
+ --vxe-ui-input-placeholder-color: #C0C4CC;
60
+ --vxe-ui-input-disabled-background-color: #f3f3f3;
61
+
62
+ /*number-input*/
63
+ --vxe-ui-number-input-control-button-color: #f5f7fa;
64
+
65
+ /*modal*/
66
+ --vxe-ui-modal-header-background-color: #F8F8F8;
67
+
68
+ /*tabs*/
69
+ --vxe-ui-tabs-card-header-background-color: #f5f7fa;
70
+ --vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, 0.1);
71
+ --vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, 0.12);
72
+
73
+ /*menu*/
74
+ --vxe-ui-menu-item-hover-color: #409eff;
75
+ --vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);
76
+
77
+ /*loading*/
78
+ --vxe-ui-loading-background-color: rgba(255, 255, 255, 0.5);
79
+
80
+ /*form*/
81
+ --vxe-ui-form-title-background-color: #f8f8f9;
82
+ --vxe-ui-form-border-color: #e8eaec;
83
+
84
+ /*form-design*/
85
+ --vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);
86
+ --vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, 0.05);
87
+
88
+ /*list-design*/
89
+ --vxe-ui-list-design-table-border-color: #e8eaec;
90
+ --vxe-ui-list-design-table-header-background-color: #f8f8f9;
91
+
92
+ /*switch*/
93
+ --vxe-ui-switch-close-background-color: rgba(0,0,0,0.35);
94
+
95
+ /*upload*/
96
+ --vxe-ui-upload-drag-over-background-color:rgba(255,255,200,0.8);
97
+
98
+ /*tree*/
99
+ --vxe-ui-tree-node-hover-background-color: #f5f7fa;
100
+ --vxe-ui-tree-node-radio-checked-background-color: #fff3e0;
101
+ --vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;
102
+ --vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;
103
+ --vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;
104
+ --vxe-ui-tree-node-current-background-color: #e6f7ff;
105
+ --vxe-ui-tree-node-hover-current-background-color: #d7effb;
106
+
107
+ /*rate*/
108
+ --vxe-ui-rate-item-color: #f7ba2a;
109
+
110
+ /*split*/
111
+ --vxe-ui-splitter-handle-button-background-color: #8b8b8b;
112
+ --vxe-ui-splitter-handle-bar-background-color: #e2e2e3;
113
+ --vxe-ui-splitter-handle-bar-hover-background-color: #d8d8d8;
114
+ }
@@ -0,0 +1,7 @@
1
+ @use '../../../node_modules/vxe-table/styles/variable.scss' as vxe_table_variable;
2
+ @use '../../../node_modules/vxe-pc-ui/styles/variable.scss' as vxe_pc_ui_variable;
3
+ @use '../../../node_modules/vxe-table/styles/all.scss' as vxe_table_all;
4
+ @use '../../../node_modules/vxe-pc-ui/styles/all.scss' as vxe_pc_ui_all;
5
+
6
+ @use './ui/index.scss' as *;
7
+ @use './table/index.scss' as *;