bri-components 1.2.51 → 1.2.53

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 (49) hide show
  1. package/package.json +1 -1
  2. package/src/components/controls/BriControlInput.vue +10 -2
  3. package/src/components/controls/base/BriUpload/BriUpload.vue +170 -0
  4. package/src/components/controls/base/BriUpload/BriUploadImage.vue +90 -0
  5. package/src/components/controls/base/BriUpload/uploadList.vue +166 -0
  6. package/src/components/controls/base/DshCascader/DshCascader.vue +55 -4
  7. package/src/components/controls/base/DshCascader/InfoCascader.vue +63 -1
  8. package/src/components/controls/base/DshCoordinates.vue +64 -4
  9. package/src/components/controls/base/DshDivider.vue +163 -36
  10. package/src/components/controls/base/DshInput/BriInputs.vue +59 -1
  11. package/src/components/controls/base/DshInput/DshInput.vue +16 -0
  12. package/src/components/controls/base/DshNumber/DshNumber.vue +1 -1
  13. package/src/components/controls/controlMap.js +13 -4
  14. package/src/components/controls/extra/themeColor.vue +115 -0
  15. package/src/components/controls/extra/themeIcon.vue +124 -0
  16. package/src/components/controls/senior/BriLabels.vue +63 -4
  17. package/src/components/controls/senior/DshPackage.vue +30 -32
  18. package/src/components/controls/senior/cascaderTable.vue +25 -4
  19. package/src/components/controls/senior/flatTable.vue +34 -12
  20. package/src/components/controls/senior/selectDepartments.vue +78 -4
  21. package/src/components/controls/senior/selectUsers/DepartmentMenu.vue +120 -29
  22. package/src/components/controls/senior/selectUsers/selectUsers.vue +179 -5
  23. package/src/components/form/DshForm.vue +1 -1
  24. package/src/components/list/DshBox/DshCrossTable.vue +2 -2
  25. package/src/components/unit/DshFormUnit.vue +1 -1
  26. package/src/index.js +8 -4
  27. package/src/styles/components/index.less +0 -14
  28. package/src/styles/reset-iview-controls.less +19 -0
  29. package/src/styles/components/controls/.DS_Store +0 -0
  30. package/src/styles/components/controls/base/BriInputs.less +0 -55
  31. package/src/styles/components/controls/base/BriUpload/BriUpload.less +0 -167
  32. package/src/styles/components/controls/base/BriUpload/BriUploadImage.less +0 -87
  33. package/src/styles/components/controls/base/BriUpload/index.less +0 -3
  34. package/src/styles/components/controls/base/BriUpload/uploadList.less +0 -164
  35. package/src/styles/components/controls/base/DshCascader/DshCascader.less +0 -67
  36. package/src/styles/components/controls/base/DshCascader/InfoCascader.less +0 -59
  37. package/src/styles/components/controls/base/DshCascader/index.less +0 -2
  38. package/src/styles/components/controls/base/DshCoordinates.less +0 -67
  39. package/src/styles/components/controls/base/DshDivider.less +0 -115
  40. package/src/styles/components/controls/base/DshInput.less +0 -13
  41. package/src/styles/components/controls/senior/.DS_Store +0 -0
  42. package/src/styles/components/controls/senior/BriLabels.less +0 -66
  43. package/src/styles/components/controls/senior/DshPackage.less +0 -25
  44. package/src/styles/components/controls/senior/cascaderTable.less +0 -19
  45. package/src/styles/components/controls/senior/flatTable.less +0 -20
  46. package/src/styles/components/controls/senior/selectDepartments.less +0 -73
  47. package/src/styles/components/controls/senior/selectUsers/DepartmentMenu.less +0 -37
  48. package/src/styles/components/controls/senior/selectUsers/index.less +0 -2
  49. package/src/styles/components/controls/senior/selectUsers/selectUsers.less +0 -180
@@ -1,59 +0,0 @@
1
- .InfoCascader {
2
- height: 100%;
3
-
4
- &-search {
5
- padding: 24px 24px 0;
6
- width: 100%;
7
- }
8
-
9
- &-content {
10
- height: calc(100% - 142px);
11
- margin: 5px 24px 24px;
12
- display: flex;
13
- border: 1px solid #E5E5E5;
14
-
15
- &-left {
16
- flex: 1;
17
- padding: 5px 0 5px 10px;
18
- overflow: auto;
19
- border-right: 1px solid #E5E5E5;
20
- }
21
-
22
- &-right {
23
- flex: 1;
24
-
25
- &-title {
26
- border-bottom: 1px solid #E5E5E5;
27
- font-weight: 700;
28
- // height: 32px;
29
- // line-height: 32px;
30
-
31
- padding: 6px 16px;
32
- }
33
-
34
- &-content {
35
- height: calc(100% - 32px);
36
- overflow: auto;
37
- padding: 16px;
38
- white-space: pre-line;
39
- }
40
- }
41
-
42
- .ivu-tree-title-selected {
43
- color: #3D84EE;
44
- background-color: #eee;
45
- }
46
-
47
- .ivu-tree-empty {
48
- text-align: center;
49
- }
50
- }
51
-
52
- &-footer {
53
- &-btns {
54
- display: flex;
55
- justify-content: flex-end;
56
- padding-right: 16px;
57
- }
58
- }
59
- }
@@ -1,2 +0,0 @@
1
- @import "./DshCascader.less";
2
- @import "./InfoCascader.less";
@@ -1,67 +0,0 @@
1
- .DshCoordinates {
2
- width: 100%;
3
-
4
- &-edit {
5
-
6
- }
7
-
8
- &-show {
9
-
10
- }
11
-
12
- &-modal {
13
- &-header {
14
- padding: 5px 0px;
15
-
16
- .header {
17
- &-edit {
18
- &-message {
19
- position: absolute;
20
- color: red;
21
- font-size: 12px;
22
- bottom: -16px;
23
- left: 0px;
24
- }
25
-
26
- &-text {
27
- font-size: @textSize;
28
- line-height: 18px;
29
- }
30
-
31
- &-row {
32
- margin-top: 5px;
33
- }
34
- }
35
-
36
- &-show {
37
- &-text {
38
- text-align: right;
39
- .dsh-padding-top10();
40
- }
41
- }
42
- }
43
- }
44
-
45
- &-map {
46
- width: 100%;
47
- height: 100%;
48
- }
49
-
50
- &-lnglat {
51
- padding: 5px 10px;
52
- background:#fff;
53
- display: none;
54
- position:absolute;
55
- }
56
-
57
- .ivu-modal-content {
58
- overflow: hidden;
59
- height: 100%;
60
-
61
- .ivu-modal-body {
62
- padding: 0px;
63
- height: 100%;
64
- }
65
- }
66
- }
67
- }
@@ -1,115 +0,0 @@
1
- .DshDivider {
2
- &-divider {
3
- font-weight:500;
4
- font-size:14px;
5
- font-family:SourceHanSansCN-Medium,SourceHanSansCN;
6
- margin-right: 20px;
7
- p {
8
- overflow: hidden;
9
- white-space: nowrap;
10
- text-overflow: ellipsis;
11
- margin-left: 10px;
12
- }
13
- &-flag {
14
- min-width: 130px;
15
- max-width: 100%;
16
- height: 38px;
17
- margin-bottom: 4px;
18
- background: linear-gradient(57deg, #3DB8C5 0%, #85CBED 100%);
19
- line-height:38px;
20
- display: inline-flex;
21
- align-items: center;
22
- padding: 0 10px;
23
- color:rgba(255,255,255,1);
24
- position: relative;
25
- .triangle-topleft {
26
- /* 左上三角 */
27
- position: absolute;
28
- top: 38px;
29
- left: 0;
30
- width: 0;
31
- height: 0;
32
- border-right: 14px solid transparent;
33
- border-top: 4px solid #457FBB;
34
- }
35
- .triangle-topright {
36
- /* 右上三角 */
37
- position: absolute;
38
- top: 0px;
39
- right: -25px;
40
- width: 0;
41
- height: 0;
42
- border-right: 25px solid transparent;
43
- border-bottom: 38px solid #82c7ed;
44
- }
45
- }
46
- &-circle {
47
- min-width: 142px;
48
- max-width: 100%;
49
- height: 32px;
50
- background-repeat: no-repeat;
51
- background-position: center left;
52
- display: inline-flex;
53
- align-items: center;
54
- line-height: 32px;
55
- color:rgba(255,255,255,1);
56
- background:linear-gradient(270deg,rgba(166,215,250,1) 0%,rgba(109,174,242,1) 47%,rgba(109,174,242,1) 100%);
57
- border-radius:16px;
58
- padding: 0 20px;
59
- &-icon {
60
- display: block;
61
- font-size: 18px;
62
- border: 4px solid #fff;
63
- height: 40px;
64
- min-width: 40px;
65
- border-radius: 20px;
66
- line-height: 28px;
67
- text-align: center;
68
- }
69
- }
70
- &-line {
71
- color: @themeColor;
72
- min-width:130px;
73
- height: 32px;
74
- max-width: 100%;
75
- display: inline-block;
76
- flex-direction:column;
77
- p { height: 32px; line-height: 32px; font-size:14px;}
78
- span {
79
- display: block;
80
- width: 100%;
81
- background:linear-gradient(270deg,rgba(166,215,250,0) 0%,rgba(109,174,242,1) 100%) bottom left no-repeat;
82
- height: 1px;
83
- position: relative;
84
- &::before {
85
- content: "";
86
- width: 5px;
87
- height: 5px;
88
- position: absolute;
89
- border-radius: 5px;
90
- background: #6DAEF2;
91
- left: 0px;
92
- top: -2px;
93
- }
94
- }
95
- }
96
- }
97
- &-divider-cli {
98
- font-weight:700;
99
- font-size:16px;
100
- line-height: 32px;
101
- color: #333333;
102
-
103
- font-family:SourceHanSansCN-Medium,SourceHanSansCN;
104
- margin-right: 20px;
105
- p {
106
- overflow: hidden;
107
- white-space: nowrap;
108
- text-overflow: ellipsis;
109
- }
110
- }
111
- }
112
-
113
- .DshDivider {
114
-
115
- }
@@ -1,13 +0,0 @@
1
- .DshInput {
2
- width: 100%;
3
-
4
- &-show {
5
- &-textarea {
6
- display: inline-block;
7
- width: 100%;
8
- height: auto;
9
- white-space: pre-wrap;
10
- min-height: 32px;
11
- }
12
- }
13
- }
@@ -1,66 +0,0 @@
1
- .BriLabels {
2
- width: 100%;
3
-
4
- &-edit {
5
-
6
- }
7
-
8
- &-show {
9
-
10
- }
11
-
12
- &-dropdown {
13
- width: 100%;
14
-
15
- &-menu {
16
- .item {
17
- margin: 4px 8px;
18
- border-radius: @borderRadius;
19
-
20
- &-active {
21
- background-color: @theme-focus;
22
- color: @themeColor;
23
- }
24
-
25
- &-edit {
26
-
27
- }
28
-
29
- &-show {
30
-
31
- }
32
- }
33
-
34
- .btns {
35
- border-top: 1px solid #E7E7E7;
36
- margin: 12px 8px 0;
37
- padding-top: 8px;
38
-
39
- &-add {
40
- width: 100%;
41
- margin-bottom: 8px;
42
- }
43
- }
44
- }
45
- }
46
-
47
- .ivu-select-dropdown {
48
- width: fit-content;
49
- }
50
-
51
- .ivu-input-suffix {
52
- display: flex;
53
- align-items: center;
54
-
55
- i {
56
- width: 24px;
57
- height: 24px;
58
- line-height: 24px;
59
-
60
- &:hover {
61
- background-color: @btn-hover;
62
- border-radius: @borderRadius;
63
- }
64
- }
65
- }
66
- }
@@ -1,25 +0,0 @@
1
- .DshPackage {
2
- width: 100%;
3
-
4
- &-edit{
5
- height: 100%;
6
- line-height: 32px;
7
- border: 1px #eee solid;
8
- background: #fff;
9
- border-radius: 4px;
10
- padding: 0 10px;
11
- }
12
-
13
- &-nodata{
14
- height: 100%;
15
- line-height: 32px;
16
- border: 1px #eee solid;
17
- background: #fff;
18
- border-radius: 4px;
19
- padding: 0 10px;
20
-
21
- span{
22
- color: #999999;
23
- }
24
- }
25
- }
@@ -1,19 +0,0 @@
1
- .cascaderTable {
2
-
3
- &-unit {
4
- .bri-unit-show();
5
-
6
- &-text {
7
-
8
- }
9
- }
10
-
11
- &-btns {
12
- text-align: right;
13
- color: @textColor;
14
-
15
- &-item {
16
-
17
- }
18
- }
19
- }
@@ -1,20 +0,0 @@
1
- .flatTable {
2
- width: 100%;
3
-
4
- &-unit {
5
- .bri-unit-show();
6
-
7
- &-text {
8
-
9
- }
10
- }
11
-
12
- &-btns {
13
- text-align: right;
14
- color: @textColor;
15
-
16
- &-item {
17
-
18
- }
19
- }
20
- }
@@ -1,73 +0,0 @@
1
- .selectDepartments {
2
- width: 100%;
3
-
4
- &-list {
5
- height: 500px;
6
- .dsh-flex-col-start-stretch();
7
-
8
- .list {
9
- &-selected {
10
- padding: 0 15px;
11
- line-height: 30px;
12
- display: flex;
13
- flex-wrap: wrap;
14
- align-items: center;
15
-
16
- &-label {}
17
-
18
- .item {
19
- max-width: 230px;
20
- height: 24px;
21
- padding: 2px 6px 2px 10px;
22
- margin: 3px 5px;
23
- border-radius: 20px;
24
- background-color: @themeColor;
25
- color: #ffffff;
26
- font-size: 12px;
27
- display: flex;
28
- align-items: center;
29
-
30
- &-name {
31
- .dsh-ellipsis();
32
- }
33
-
34
- &-delete {
35
- padding: 3px;
36
- margin-left: 5px;
37
- font-size: 14px;
38
- cursor: pointer;
39
- }
40
- }
41
- }
42
-
43
- &-search {
44
- padding: 10px 15px;
45
- }
46
-
47
- &-center {
48
- flex: 1;
49
- min-height: 100px;
50
- padding: 5px 0 10px;
51
- overflow: auto;
52
-
53
- &-tree {
54
- .tree {
55
- &-nodata {
56
- #dsh-nodata();
57
- }
58
- }
59
- }
60
-
61
- &-card {
62
- .card {
63
- &-high-title {
64
- padding: 10px 0px;
65
- clear: both;
66
- text-align: left;
67
- }
68
- }
69
- }
70
- }
71
- }
72
- }
73
- }
@@ -1,37 +0,0 @@
1
- .DepartmentMenu {
2
-
3
- font-size: 14px;
4
-
5
- &-item {
6
- width: 100%;
7
- line-height: 38px;
8
- text-align: left;
9
- cursor: pointer;
10
- overflow: hidden;
11
-
12
- .ivu-icon {
13
- color: @textColor;
14
- }
15
- }
16
-
17
- &-item-name {
18
- display: flex;
19
- justify-content: space-between;
20
- align-items: flex-start;
21
- padding: 8px 5px 8px 20px;
22
- font-weight: 400;
23
- color: @textColor;
24
- line-height: 24px;
25
-
26
- &:hover {
27
- background-color: rgba(36, 36, 63, 0.03);
28
- }
29
-
30
- &-select {
31
- font-weight: 700;
32
- color: @themeColor;
33
- background: rgba(235, 240, 232, 1);
34
- position: relative;
35
- }
36
- }
37
- }
@@ -1,2 +0,0 @@
1
- @import "./selectUsers.less";
2
- @import "./DepartmentMenu.less";
@@ -1,180 +0,0 @@
1
- .selectUsers {
2
- width: 100%;
3
-
4
- &-edit {}
5
-
6
- &-show {}
7
-
8
- &-unit {
9
- .dsh-ellipsis();
10
- padding-left: 5px;
11
-
12
- &-img {
13
- width: 18px;
14
- height: 18px;
15
- vertical-align: middle;
16
- margin-left: -5px;
17
- border-radius: 50%;
18
- }
19
-
20
- &-text {
21
- vertical-align: middle;
22
- }
23
- }
24
-
25
- // 弹框部分
26
- &-modal {
27
- &-wrap {
28
- display: flex;
29
- height: 500px;
30
-
31
- &-left {
32
- width: 520px;
33
- overflow-y: auto;
34
- background: @white;
35
- border: 1px solid #E5E5E5;
36
-
37
- .search {
38
- padding: 10px 20px;
39
- }
40
-
41
- .content {
42
- display: flex;
43
- height: calc(100% - 52px);
44
- border-top: 1px solid #E5E5E5;
45
-
46
- &-menu {
47
- flex: 3;
48
- height: 100%;
49
- overflow: auto;
50
- }
51
-
52
- &-users {
53
- flex: 2;
54
- position: relative;
55
-
56
- .ivu-checkbox-checked .ivu-checkbox-inner {
57
- border-color: @themeColor;
58
- background-color: @themeColor;
59
- }
60
-
61
- &-list {
62
- border-left: 1px solid #E5E5E5;
63
- height: 100%;
64
- display: flex;
65
- flex-direction: column;
66
-
67
-
68
- &-checkAll {
69
- height: 40px;
70
- line-height: 40px;
71
- border-bottom: 1px solid #E5E5E5;
72
- padding-left: 15px;
73
- }
74
-
75
- &-selects {
76
- flex: 1;
77
- overflow: auto;
78
- padding: 15px;
79
-
80
- &-item {
81
- margin-bottom: 5px;
82
- }
83
- }
84
- }
85
-
86
- &-nodata {
87
- position: absolute;
88
- top: 50%;
89
- width: 100%;
90
- text-align: center;
91
- transform: translateY(-50%);
92
- }
93
-
94
- }
95
- }
96
- }
97
-
98
- &-center {
99
- width: 100px;
100
- display: flex;
101
- justify-content: center;
102
- align-items: center;
103
-
104
- .icon {
105
- width: 24px;
106
- height: 24px;
107
- line-height: 24px;
108
- font-size: 18px;
109
- background-color: @themeColor;
110
- border-radius: 50%;
111
- color: #fff;
112
- text-align: center;
113
- }
114
- }
115
-
116
- &-right {
117
- flex: 1;
118
- width: 0px;
119
- height: 100%;
120
- padding: 20px;
121
- margin-left: 10px;
122
- border: 1px solid #E5E5E5;
123
- background: @white;
124
- overflow: auto;
125
- display: flex;
126
- flex-direction: column;
127
-
128
- .list {
129
- display: flex;
130
- flex-wrap: wrap;
131
- align-items: center;
132
-
133
- &-item {
134
- max-width: 150px;
135
- height: 24px;
136
- padding: 2px 6px 2px 10px;
137
- margin: 3px 5px;
138
- border-radius: 20px;
139
- background-color: @themeColor;
140
- color: #ffffff;
141
- font-size: 12px;
142
- display: flex;
143
- align-items: center;
144
-
145
- &-name {
146
- .dsh-ellipsis();
147
- }
148
-
149
- &-delete {
150
- padding: 3px;
151
- margin-left: 5px;
152
- font-size: 14px;
153
- cursor: pointer;
154
- }
155
- }
156
- }
157
- }
158
-
159
- &-footer {
160
- padding-bottom: 10px;
161
-
162
- .DshButtons {
163
- text-align: right;
164
- padding-right: 24px;
165
-
166
-
167
- .ivu-btn {
168
- width: 70px;
169
- height: 32px;
170
- margin-right: 13px;
171
- }
172
- }
173
- }
174
- }
175
-
176
- .ivu-modal {
177
- width: 900px !important;
178
- }
179
- }
180
- }