resolver-egretimp-plus 0.0.241 → 0.0.243

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 (11) hide show
  1. package/dist/theme/element/index.css +1 -1
  2. package/dist/theme/element/src/components/button.scss +113 -0
  3. package/dist/theme/element/src/components/index.scss +1 -0
  4. package/dist/theme/element/src/components/pagination.scss +41 -2
  5. package/dist/web/index.js +1 -1
  6. package/package.json +1 -1
  7. package/src/components/packages-web/ElButton.vue +3 -0
  8. package/src/components/packages-web/ElDatePicker.vue +3 -1
  9. package/src/theme/element/components/button.scss +113 -0
  10. package/src/theme/element/components/index.scss +1 -0
  11. package/src/theme/element/components/pagination.scss +41 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "resolver-egretimp-plus",
3
- "version": "0.0.241",
3
+ "version": "0.0.243",
4
4
  "description": "交付体验渲染",
5
5
  "main": "./dist/web/index.js",
6
6
  "module": "./dist/web/index.js",
package/src/components/packages-web/ElButton.vue CHANGED
@@ -49,6 +49,9 @@ const calcPorps = computed(() => {
49
49
  if (props?.config?.displayType) {
50
50
  ret.type = props?.config?.displayType
51
51
  }
52
+ if (ret.type === 'info') {
53
+ ret.type = ''
54
+ }
52
55
  return ret
53
56
  })
54
57
 
package/src/components/packages-web/ElDatePicker.vue CHANGED
@@ -34,7 +34,9 @@ const datePickerProps = computed(() => {
34
34
  ret.type = props?.config?.displayType
35
35
  }
36
36
  if (!hasOwn(props?.config, 'prefix-icon') && !hasOwn(props?.config, 'prefixIcon')) {
37
- ret.prefixIcon = dateIcon
37
+ if (ret.type == 'date') {
38
+ ret.prefixIcon = dateIcon
39
+ }
38
40
  }
39
41
  return ret
40
42
  })
package/src/theme/element/components/button.scss ADDED
@@ -0,0 +1,113 @@
1
+ .el-button {
2
+ --el-button-disabled-text-color: #BBBFC4;
3
+ --el-button-hover-bg-color: #EFF0F1;
4
+ --el-button-text-color: #1F2329;
5
+ --el-font-size-base: 16px;
6
+ }
7
+ .el-button--large {
8
+ padding: 8px 12px;
9
+ }
10
+ .el-button--small {
11
+ --el-button-sizee: 24px;
12
+ padding: 2px 12px;
13
+ }
14
+ .el-button--medium {
15
+ --el-button-size: 36px;
16
+ padding: 6px 12px;
17
+ height: var(--el-button-size);
18
+ }
19
+ .el-button:hover {
20
+ color: var(--el-button-text-color);
21
+ border-color: var(--el-border-color);
22
+ background-color: var(--el-button-hover-bg-color);
23
+ }
24
+ .el-button:active {
25
+ background-color: #DEE0E3;
26
+ }
27
+
28
+ .el-button--primary {
29
+ --el-button-text-color: #FFFFFF;
30
+ --el-button-bg-color: #3271FE;
31
+ --el-button-hover-bg-color: #4E83FD;
32
+
33
+ --el-button-disabled-text-color: #FFFFFF;
34
+ --el-button-disabled-bg-color: #BBBFC4;
35
+ --el-button-disabled-border-color: #BBBFC4;
36
+ &.is-text {
37
+ &:not(.is-disabled):hover {
38
+ background-color: #EAF0FE
39
+ }
40
+ &:not(.is-disabled):active {
41
+ background-color: #B9CFFC;
42
+ }
43
+ &.is-disabled {
44
+ color: #BBBFC4;
45
+ &:hover {
46
+ color: #BBBFC4;
47
+ }
48
+ }
49
+ }
50
+ &.is-plain {
51
+ --el-button-bg-color: #FFFFFF;
52
+ --el-button-border-color: #3271FE;
53
+
54
+ --el-button-hover-bg-color: #EAF0FE;
55
+ --el-border-color: #3271FE;
56
+
57
+ &:active {
58
+ background-color: #B9CFFC;
59
+ }
60
+ &.is-disabled {
61
+ color: #BBBFC4;
62
+ background-color: #FAFAFA;
63
+ border-color: #D0D3D6;
64
+ &:hover {
65
+ color: #BBBFC4;
66
+ background-color: #FAFAFA;
67
+ border-color: #D0D3D6;
68
+ }
69
+ }
70
+ }
71
+ }
72
+ .el-button--primary:active {
73
+ background-color: #245BDB;
74
+ }
75
+
76
+ .el-button--danger {
77
+ --el-border-color: #F54A45;
78
+ --el-button-text-color: #FFFFFF;
79
+ --el-button-bg-color: #F54A45;
80
+ --el-button-hover-bg-color: #F76964;
81
+
82
+ --el-button-disabled-text-color: #FFFFFF;
83
+ --el-button-disabled-bg-color: #BBBFC4;
84
+ --el-button-disabled-border-color: #BBBFC4;
85
+
86
+ &.is-plain {
87
+ --el-button-bg-color: #FFFFFF;
88
+ --el-button-border-color: #F54A45;
89
+
90
+ --el-button-hover-bg-color: #FDE2E2;
91
+
92
+ &:active {
93
+ background-color: #FBBFBC;
94
+ }
95
+ &.is-disabled {
96
+ color: #BBBFC4;
97
+ background-color: #FFFFFF;
98
+ border-color: #D0D3D6;
99
+ &:hover {
100
+ color: #BBBFC4;
101
+ background-color: #FFFFFF;
102
+ border-color: #D0D3D6;
103
+ }
104
+ }
105
+ }
106
+ }
107
+ .el-button--danger:hover {
108
+ --el-border-color: #F76964;
109
+ }
110
+ .el-button--danger:active {
111
+ background-color: #D83931;
112
+ border-color: #D83931;
113
+ }
package/src/theme/element/components/index.scss CHANGED
@@ -47,3 +47,4 @@
47
47
  @import './text.scss';
48
48
  @import './pagination.scss';
49
49
  @import './checkbox.scss';
50
+ @import './button.scss';
package/src/theme/element/components/pagination.scss CHANGED
@@ -1,8 +1,47 @@
1
1
  .el-pagination {
2
- // --el-color-primary: #EAF0FE;
3
- // --el-pagination-border-radius: 4px;
2
+ --el-pagination-border-radius: 4px;
3
+ --el-pagination-button-bg-color: #F5F6F7;
4
+ --el-pagination-hover-color: #646A73;
5
+ --el-pagination-button-color: #646A73;
6
+
7
+ .el-select {
8
+ width: 100px;
9
+ }
10
+ .el-pagination__editor {
11
+ &.el-input {
12
+ width: 48px;
13
+ }
14
+ .el-input__inner {
15
+ color: var(--el-pagination-button-color);
16
+ }
17
+ }
18
+ .btn-prev .el-icon, .btn-next .el-icon {
19
+ font-size: 18px;
20
+ }
21
+ }
22
+ .el-select__placeholder {
23
+ color: var(--el-pagination-button-color);
24
+ }
25
+ .el-pager li.is-active {
26
+ font-weight: 400;
27
+ &.is-disabled {
28
+ font-weight: 400;
29
+ }
4
30
  }
5
31
  .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .el-pager li.is-active {
6
32
  background-color: #EAF0FE;
7
33
  color: #3271FE;
34
+ }
35
+ .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next{
36
+ &:not([disabled]):hover {
37
+ background-color: #F5F8FF;
38
+ }
39
+ }
40
+ .el-pagination.is-background .el-pager li {
41
+ &:not(.is-active):not(.is-disabled):hover {
42
+ background-color: #F5F8FF;
43
+ }
44
+ &:not(.is-active):not(.is-disabled):active {
45
+ background-color: #BACEFD;
46
+ }
8
47
  }