bri-components 1.4.43 → 1.4.45

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/lib/0.bri-components.min.js +1 -1
  2. package/lib/1.bri-components.min.js +1 -1
  3. package/lib/10.bri-components.min.js +1 -1
  4. package/lib/2.bri-components.min.js +1 -1
  5. package/lib/3.bri-components.min.js +1 -1
  6. package/lib/4.bri-components.min.js +1 -1
  7. package/lib/5.bri-components.min.js +1 -1
  8. package/lib/6.bri-components.min.js +1 -1
  9. package/lib/7.bri-components.min.js +1 -1
  10. package/lib/8.bri-components.min.js +1 -1
  11. package/lib/9.bri-components.min.js +1 -1
  12. package/lib/bri-components.min.js +4 -76
  13. package/package.json +1 -1
  14. package/src/components/controls/base/BriUpload/BriUpload.vue +6 -5
  15. package/src/components/controls/base/DshDate/DshDaterange.vue +57 -25
  16. package/src/components/controls/base/DshInput/DshInput.vue +1 -1
  17. package/src/components/controls/base/DshNumber/DshNumber.vue +4 -6
  18. package/src/components/controls/mixins/userAndDepartMixin.js +3 -3
  19. package/src/components/controls/senior/selectDepartments.vue +13 -12
  20. package/src/components/controls/senior/selectUsers/selectUsers.vue +7 -7
  21. package/src/components/list/BriCard.vue +43 -0
  22. package/src/components/list/BriTree.vue +59 -1
  23. package/src/components/list/BriTreeItem.vue +53 -0
  24. package/src/components/list/DshFlatTable.vue +136 -61
  25. package/src/components/list/DshPage.vue +95 -0
  26. package/src/components/list/mixins/DshCascaderTableMixin.js +4 -0
  27. package/src/components/list/mixins/DshFlatTableMixin.js +87 -12
  28. package/src/components/list/mixins/tableBaseMixin.js +23 -18
  29. package/src/components/other/BriAvatar.vue +77 -12
  30. package/src/components/other/BriCode.vue +9 -2
  31. package/src/components/other/BriCollapseTree.vue +97 -2
  32. package/src/components/other/BriGantt.vue +319 -6
  33. package/src/components/other/BriIframe.vue +20 -0
  34. package/src/components/other/BriLoading.vue +61 -2
  35. package/src/components/other/DshColorPanel.vue +43 -0
  36. package/src/components/other/DshMenuNav.vue +84 -0
  37. package/src/components/small/BriDrawer.vue +43 -8
  38. package/src/components/small/DshBtnModal.vue +6 -0
  39. package/src/components/small/DshButtons.vue +34 -0
  40. package/src/components/small/DshIcons.vue +10 -0
  41. package/src/components/small/DshSteps.vue +61 -0
  42. package/src/components/small/DshTitle.vue +14 -0
  43. package/src/styles/components/index.less +3 -29
  44. package/src/styles/reset-iview-other.less +4 -0
  45. package/src/styles/components/list/BriCard.less +0 -40
  46. package/src/styles/components/list/BriTree.less +0 -56
  47. package/src/styles/components/list/BriTreeItem.less +0 -50
  48. package/src/styles/components/list/DshPage.less +0 -92
  49. package/src/styles/components/other/BriAvatar.less +0 -64
  50. package/src/styles/components/other/BriCode.less +0 -5
  51. package/src/styles/components/other/BriCollapseTree.less +0 -91
  52. package/src/styles/components/other/BriGantt.less +0 -313
  53. package/src/styles/components/other/BriIframe.less +0 -17
  54. package/src/styles/components/other/BriLoading.less +0 -57
  55. package/src/styles/components/other/DshColorPanel.less +0 -40
  56. package/src/styles/components/other/DshMenuNav.less +0 -82
  57. package/src/styles/components/small/BriDrawer.less +0 -34
  58. package/src/styles/components/small/DshBtnModal.less +0 -3
  59. package/src/styles/components/small/DshButtons.less +0 -31
  60. package/src/styles/components/small/DshIcons.less +0 -7
  61. package/src/styles/components/small/DshSteps.less +0 -58
  62. package/src/styles/components/small/DshTitle.less +0 -15
  63. /package/src/styles/components/{small/BriButton.less → BriButton.less} +0 -0
  64. /package/src/styles/components/{list/BriTable.less → BriTable.less} +0 -0
  65. /package/src/styles/components/{small/DshModal.less → DshModal.less} +0 -0
@@ -1,5 +0,0 @@
1
-
2
- .BriCode {
3
- width: 100%;
4
- height: 100%;
5
- }
@@ -1,91 +0,0 @@
1
- .BriCollapseTree {
2
- &-listItem {
3
- display: flex;
4
- justify-content: space-between;
5
- padding: 6px 12px;
6
- line-height: 20px;
7
- cursor: pointer;
8
-
9
- &-text {
10
- word-break: break-word;
11
- flex: 1;
12
- min-width: 120px;
13
- }
14
-
15
- &-grey {
16
- text-align: right;
17
- color: @textColor;
18
- margin-left: 0px;
19
- }
20
-
21
- &-rightText {
22
- min-width: 50px;
23
- .dsh-ellipsis2();
24
- -webkit-line-clamp: 3;
25
- word-break: break-word;
26
- color: @contentColor;
27
- }
28
-
29
- &:hover {
30
- background: @bgColor;
31
- }
32
-
33
- &-current {
34
- font-weight: normal;
35
- color: @themeColor;
36
- }
37
-
38
- &-disabled {
39
- cursor: not-allowed;
40
- }
41
- }
42
-
43
- &-collapseItem {
44
- padding: 4px 0px;
45
- flex: 1;
46
- display: flex;
47
- justify-content: space-between;
48
- cursor: pointer;
49
-
50
- &:hover {
51
- background: @bgColor;
52
- }
53
- }
54
- }
55
-
56
- .BriCollapseTree {
57
- &-collapse {
58
- border: none;
59
-
60
- .ivu-collapse-item>.ivu-collapse-header {
61
- padding: 0px;
62
- height: auto;
63
- min-height: 32px;
64
- line-height: 18px;
65
- display: flex;
66
- align-items: center;
67
-
68
- i {
69
- margin-right: 0px;
70
- display: flex;
71
- align-items: center;
72
- justify-content: center;
73
- width: 30px;
74
- height: 30px;
75
- }
76
-
77
- &:hover {
78
- background: @bgColor;
79
- }
80
- }
81
-
82
- .ivu-collapse-content {
83
- padding: 0px;
84
- }
85
-
86
- .ivu-collapse-content>.ivu-collapse-content-box {
87
- padding: 0px;
88
- padding-left: 18px;
89
- }
90
- }
91
- }
@@ -1,313 +0,0 @@
1
- .briGantt {
2
- width: 100%;
3
- height: 100%;
4
- color: #656565;
5
- font-size: @smallSize;
6
- line-height: 28px;
7
- position: relative;
8
- display: flex;
9
- overflow: auto;
10
- flex-direction: column;
11
-
12
- &-top {
13
- display: flex;
14
- height: 100%;
15
- width: 100%;
16
- justify-content: space-between;
17
- position: absolute;
18
- }
19
-
20
- &-bottom {
21
- width: 100%;
22
- overflow: auto;
23
- display: flex;
24
- flex-direction: column;
25
- margin-top: 38px;
26
- background: @white;
27
-
28
- &-title {
29
- text-align: center;
30
- border: 1px solid #EDEDED;
31
- border-bottom: none;
32
- line-height: 27px;
33
- // margin: 10px 14px 0 14px;
34
- }
35
-
36
- &-content {
37
- flex: 1;
38
- display: flex;
39
- overflow: auto;
40
- }
41
- }
42
-
43
- // 表格渲染
44
- &-tableBox {
45
- width: 100%;
46
- text-align: center;
47
- border-collapse: collapse;
48
- border-spacing: 0;
49
-
50
- td,
51
- th {
52
- word-break: break-all;
53
- word-wrap: break-word;
54
- min-width: 50px;
55
- height: 29px;
56
- text-align: center;
57
- // overflow: hidden;
58
- white-space: nowrap;
59
- text-overflow: ellipsis;
60
- max-width: 200px;
61
- }
62
-
63
- .briGantt-chart-td {
64
- height: 40px;
65
- }
66
-
67
- .briGantt-table-th-now {
68
- color: @themeColor;
69
- }
70
- }
71
-
72
- &-table {
73
- &-tr {
74
- border: 1px solid #EDEDED;
75
- }
76
-
77
- &-tr:nth-child(2n) {
78
- background: rgba(244, 246, 249, 0.5119);
79
- }
80
-
81
- &-th {
82
- background: #F4F8FF;
83
- font-weight: 400;
84
- color: rgba(101, 101, 101, 1);
85
- }
86
-
87
- &-td {
88
- border-right: 1px solid #EDEDED;
89
- font-weight: 400;
90
- color: rgba(111, 111, 111, 1);
91
-
92
- &-main {
93
- height: 28px;
94
- background: rgba(238, 238, 238, 0.5);
95
- border: 1px solid #f6f6f6;
96
- }
97
- }
98
-
99
- &-td:last-of-type {
100
- border: none;
101
- }
102
- }
103
-
104
- &-chart {
105
- &-td {
106
- overflow: visible;
107
-
108
- &-greyLine {
109
- border-top: 1px dashed #D5D5D5;
110
- }
111
-
112
- &-main {
113
- display: flex;
114
- width: 100%;
115
- height: 100%;
116
- align-items: center;
117
- justify-content: center;
118
-
119
- &-left,
120
- &-right {
121
- height: 100%;
122
- overflow: hidden;
123
- }
124
-
125
- &-right-auto {
126
- height: 100%;
127
- overflow: hidden;
128
- flex: 1;
129
- }
130
-
131
- &-center {
132
- height: 30px;
133
- border-radius: 4px;
134
- background: #f6f6f6;
135
- z-index: 1;
136
- min-width: 2px;
137
-
138
- .ms-ellipsis {
139
- border-radius: 4px;
140
- height: 100%;
141
- color: @white;
142
- text-align: left;
143
- padding-left: 10px;
144
- white-space: nowrap;
145
- text-overflow: ellipsis;
146
- overflow: hidden;
147
- }
148
-
149
- &-tooltip {
150
- white-space: normal;
151
-
152
- &-select {
153
- height: 5px;
154
- display: inline-block;
155
- vertical-align: middle;
156
- width: 5px;
157
- border-radius: 50%;
158
- }
159
- }
160
- }
161
-
162
- &-line {
163
- width: 100%;
164
- border-bottom: 1px solid #D5D5D5;
165
- font-weight: 400;
166
- color: rgba(74, 74, 74, 1);
167
- padding: 0 10px;
168
- transform: translateY(15px);
169
- text-align: left;
170
- height: 29px;
171
- font-size: @smallSize;
172
- white-space: nowrap;
173
- text-overflow: ellipsis;
174
- overflow: hidden;
175
-
176
- &-circle {
177
- display: block;
178
- width: 10px;
179
- height: 100%;
180
- min-width: 10px;
181
-
182
- .circle {
183
- display: block;
184
- width: 10px;
185
- height: 10px;
186
- border-radius: 50%;
187
- min-width: 10px;
188
- margin-top: 38px;
189
- background: #D5D5D5;
190
- }
191
- }
192
- }
193
-
194
- ;
195
- }
196
- }
197
- }
198
-
199
- // 蓝色虚线
200
- &-line-now {
201
- z-index: 9;
202
- text-align: center;
203
- background: transparent;
204
-
205
- &::before {
206
- content: "";
207
- border-left: 1px dashed @themeColor;
208
- position: absolute;
209
- top: 25px;
210
- bottom: 0px;
211
- z-index: 9;
212
- }
213
-
214
- &::after {
215
- content: "";
216
- width: 6px;
217
- height: 6px;
218
- border-radius: 6px;
219
- background: @themeColor;
220
- position: absolute;
221
- top: 25px;
222
- margin-left: -3px;
223
- }
224
- }
225
-
226
- // 时间轴
227
- &-timer {
228
- align-items: center;
229
- position: relative;
230
- float: right;
231
- overflow: hidden;
232
-
233
- &-main {
234
- overflow: auto;
235
- flex: 1;
236
- height: 100%;
237
- position: relative;
238
- }
239
-
240
- &-bg {
241
- position: absolute;
242
- background: #F4F8FF;
243
- left: 0px;
244
- right: 0px;
245
- height: 28px;
246
- border-radius: 28px;
247
- }
248
-
249
- &-icon {
250
- background: #F4F8FF;
251
- color: #fff;
252
- width: 28px;
253
- height: 28px;
254
- min-width: 28px;
255
- display: flex;
256
- align-items: center;
257
- justify-content: center;
258
- position: absolute;
259
- z-index: 2;
260
- top: 0px;
261
- background: #F2F8FF;
262
-
263
- &:hover {
264
- color: #fff;
265
- }
266
-
267
- i {
268
- display: block;
269
- width: 16px;
270
- height: 16px;
271
- border-radius: 16px;
272
- font-size: 13px;
273
- background: @themeColor;
274
- display: flex;
275
- align-items: center;
276
- justify-content: center;
277
- }
278
-
279
- &-left {
280
- left: -1px;
281
- border-top-left-radius: 28px;
282
- border-bottom-left-radius: 28px;
283
- }
284
-
285
- &-right {
286
- right: -1px;
287
- border-top-right-radius: 28px;
288
- border-bottom-right-radius: 28px;
289
- }
290
- }
291
- }
292
-
293
- // 区域映射
294
- &-data {
295
- flex: 1;
296
- overflow: auto;
297
- position: relative;
298
-
299
- &-table {}
300
-
301
- &-chart {}
302
-
303
- &::-webkit-scrollbar {
304
- height: 0px;
305
- }
306
- }
307
-
308
- // table 列表映射
309
- &-tabledata {
310
- overflow-y: auto;
311
- border-right: none;
312
- }
313
- }
@@ -1,17 +0,0 @@
1
- .BriIframe {
2
- display: flex;
3
- width: 100%;
4
- height: 100%;
5
- position: relative;
6
-
7
- &-iframe {
8
- flex: 1;
9
- overflow: auto;
10
- }
11
-
12
- &-nodata {
13
- width: 100%;
14
- height: 100%;
15
- .dsh-flex-row-center-center();
16
- }
17
- }
@@ -1,57 +0,0 @@
1
- .BriLoading {
2
- &-fix {
3
- position: absolute;
4
- top: 0;
5
- left: 0;
6
- z-index: 8;
7
- width: 100%;
8
- height: 100%;
9
-
10
- .BriLoading-main {
11
- position: absolute;
12
- top: 50%;
13
- left: 50%;
14
- transform: translate(-50%, -50%);
15
- }
16
- }
17
-
18
- &-center {
19
- width: 100%;
20
- height: 100%;
21
-
22
- @keyframes spin {
23
- from {
24
- transform: rotate(0deg);
25
- }
26
-
27
- to {
28
- transform: rotate(360deg);
29
- }
30
- }
31
-
32
- .BriLoading-main {
33
- width: 100%;
34
- height: 100%;
35
- .dsh-flex-col();
36
-
37
- &-loading {
38
- border-radius: 50%;
39
- background: conic-gradient(@themeColor 50%, white);
40
- --mask: radial-gradient(closest-side, transparent 70%, black 71%);
41
- -webkit-mask-image: var(--mask);
42
- mask-image: var(--mask);
43
- animation: spin 1s linear infinite;
44
- }
45
-
46
- &-loadingText {
47
- margin-top: 8px;
48
- color: @themeColor;
49
- }
50
-
51
- &-noText {
52
- color: @textColor;
53
- margin-top: 16px;
54
- }
55
- }
56
- }
57
- }
@@ -1,40 +0,0 @@
1
- .DshColorPanel {
2
- &-rel {
3
- cursor: pointer;
4
- }
5
-
6
- &-list {
7
- font-size: 15px;
8
- display: flex;
9
- width: 293px;
10
- height: 72px;
11
- flex-wrap: wrap;
12
- justify-content: space-around;
13
- align-items: center;
14
-
15
- &-item {
16
- padding: 6px;
17
-
18
- &-big {
19
- width: 15px;
20
- height: 15px;
21
- display: inline-block;
22
- border-radius: 50%;
23
- }
24
-
25
- &-small {
26
- width: 12px;
27
- height: 12px;
28
- position: absolute;
29
- display: inline-block;
30
- transform: translate(1.5px,1.5px);
31
- border-radius: 50%;
32
-
33
- &:hover + span {
34
- border-width: 1px;
35
- border-style: solid;
36
- }
37
- }
38
- }
39
- }
40
- }
@@ -1,82 +0,0 @@
1
- .DshMenuNav {
2
- width: 100%;
3
- height: 100%;
4
- border-radius: 8px;
5
- overflow: hidden;
6
- display: flex;
7
- flex-direction: row;
8
-
9
- &-nav {
10
- width: 121px;
11
- height: 100%;
12
- background-color: #ffffff;
13
- display: flex;
14
- flex-direction: column;
15
- position: relative;
16
- box-shadow: 5px 0px 9px rgba(0, 0, 0, 0.1);
17
- &-left {
18
- }
19
- &-right {
20
- border-left: 1px solid @borderColor;
21
- }
22
-
23
- &-title {
24
- padding: 10px 20px;
25
- height: 80px;
26
- line-height: 60px;
27
- font-weight: 600;
28
- font-size: 16px;
29
- }
30
-
31
- .list {
32
- flex: 1;
33
- min-height: 0px;
34
- overflow: auto;
35
- &-item {
36
- padding: 10px 30px;
37
- background-color: #ffffff;
38
- line-height: 20px;
39
- font-size: @smallTitleSize;
40
- cursor: pointer;
41
- &:hover {
42
- color: @themeColor;
43
- }
44
- &-active {
45
- color: @themeColor;
46
- background-color: #F7FCFC;
47
- }
48
-
49
- &-bottom {
50
- width: 100%;
51
- border-top: 1px solid @borderColor;
52
- position: absolute;
53
- left: 0px;
54
- bottom: 0px;
55
- }
56
- &-beforeText {
57
- display: block;
58
- color: @textColor;
59
- padding: 15px 5px 5px 15px;
60
- margin: -10px -30px 10px -30px;
61
- font-size: 14px;
62
- background: #fff;
63
- }
64
- &-iconClass {
65
- color: @themeColor;
66
- padding-right: 5px;
67
- font-size: 18px;
68
- }
69
- }
70
- }
71
- }
72
-
73
- &-view {
74
- flex: 1;
75
- min-width: 0px;
76
- height: 100%;
77
- }
78
- }
79
-
80
- .DshMenuNav {
81
-
82
- }
@@ -1,34 +0,0 @@
1
- .BriDrawer {
2
- .ivu-drawer-header {
3
- padding: 16px 16px 15px;
4
- }
5
- .ivu-drawer-body {
6
- padding: 0px;
7
- }
8
- .ivu-drawer-close {
9
- top: 18px;
10
- right: 18px
11
- }
12
- &-header {
13
- color: @textColor;
14
- font-weight: 500;
15
- font-size: @smallTitleSize;
16
- line-height: @smallTitleHeight;
17
- }
18
- &-close {
19
- color: @contentColor;
20
- }
21
- &-main {
22
- height: 100%;
23
- display: flex;
24
- flex-direction: column;
25
- }
26
- &-body {
27
- flex: 1;
28
- overflow: auto;
29
- }
30
- &-footer {
31
- border-top: 1px solid @borderColor;
32
- padding: 11px 16px 12px;
33
- }
34
- }
@@ -1,3 +0,0 @@
1
- .DshBtnModal {
2
-
3
- }
@@ -1,31 +0,0 @@
1
- .DshButtons {
2
- &-flex {
3
- width: 100%;
4
- height: 100%;
5
- .dsh-flex-row-between-center();
6
-
7
- // 更多
8
- .DshButtons-dropdown {
9
- margin: 0 15px 0 0;
10
- font-size: 16px;
11
- font-weight: 400;
12
- color: @themeColor;
13
-
14
- &-more {
15
- display: flex;
16
- flex-direction: row;
17
- justify-content: center;
18
- align-items: center;
19
-
20
- &-name {}
21
- }
22
- }
23
- }
24
-
25
- &-item {
26
- > span {
27
- width: 100%;
28
- .dsh-ellipsis();
29
- }
30
- }
31
- }
@@ -1,7 +0,0 @@
1
- .DshIcons {
2
- display: inline-block;
3
-
4
- &-item {
5
- cursor: pointer;
6
- }
7
- }