bri-components 1.2.50 → 1.2.52

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 (80) hide show
  1. package/package.json +1 -1
  2. package/src/components/controls/BriControlInput.vue +9 -6
  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 +51 -0
  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/DshDate/DshDate.vue +1 -1
  10. package/src/components/controls/base/DshDate/DshDaterange.vue +55 -99
  11. package/src/components/controls/base/DshDivider.vue +163 -36
  12. package/src/components/controls/base/DshEditor.vue +1 -1
  13. package/src/components/controls/base/DshInput/BriInputs.vue +59 -1
  14. package/src/components/controls/base/DshInput/DshInput.vue +17 -3
  15. package/src/components/controls/base/DshNumber/DshNumber.vue +1 -42
  16. package/src/components/controls/base/DshNumber/DshNumberange.vue +9 -9
  17. package/src/components/controls/base/DshSelect/selectMixin.js +1 -3
  18. package/src/components/controls/base/DshSwitch/DshSwitch.vue +0 -5
  19. package/src/components/controls/base/DshSwitch/switchMixin.js +4 -4
  20. package/src/components/controls/controlMap.js +13 -4
  21. package/src/components/controls/controlMixin.js +6 -2
  22. package/src/components/controls/extra/themeColor.vue +115 -0
  23. package/src/components/controls/extra/themeIcon.vue +124 -0
  24. package/src/components/controls/senior/BriLabels.vue +63 -4
  25. package/src/components/controls/senior/DshPackage.vue +30 -32
  26. package/src/components/controls/senior/cascaderTable.vue +25 -4
  27. package/src/components/controls/senior/flatTable.vue +34 -12
  28. package/src/components/controls/senior/selectDepartments.vue +78 -4
  29. package/src/components/controls/senior/selectUsers/DepartmentMenu.vue +120 -29
  30. package/src/components/controls/senior/selectUsers/selectUsers.vue +179 -5
  31. package/src/components/controls/special/DshBack.vue +1 -1
  32. package/src/components/controls/special/DshUndeveloped.vue +1 -1
  33. package/src/components/form/DshDefaultSearch.vue +43 -81
  34. package/src/components/form/DshForm.vue +1 -1
  35. package/src/components/unit/DshFormUnit.vue +11 -10
  36. package/src/index.js +6 -4
  37. package/src/styles/components/index.less +0 -14
  38. package/src/styles/index.less +5 -3
  39. package/src/styles/reset-iview-controls.less +123 -0
  40. package/src/styles/{reset-iview.less → reset-iview-variables.less} +1 -47
  41. package/src/abolish/BriTransfer.less +0 -65
  42. package/src/abolish/BriTransfer.vue +0 -71
  43. package/src/abolish/BriTree.less +0 -57
  44. package/src/abolish/DshCascaders.less +0 -11
  45. package/src/abolish/DshCascaders.vue +0 -151
  46. package/src/abolish/DshCrumbs.less +0 -0
  47. package/src/abolish/DshCrumbs.vue +0 -62
  48. package/src/abolish/DshCrumbsItem.vue +0 -109
  49. package/src/abolish/DshEditPanel.less +0 -70
  50. package/src/abolish/DshEditPanel.vue +0 -152
  51. package/src/abolish/DshFileShow.less +0 -61
  52. package/src/abolish/DshFileShow.vue +0 -0
  53. package/src/abolish/DshFlatTable.less +0 -93
  54. package/src/abolish/DshFlatTable.vue +0 -605
  55. package/src/abolish/DshMenu.less +0 -37
  56. package/src/abolish/DshMenu.vue +0 -133
  57. package/src/abolish/DshTexts.less +0 -13
  58. package/src/abolish/DshTexts.vue +0 -89
  59. package/src/styles/components/controls/.DS_Store +0 -0
  60. package/src/styles/components/controls/base/BriInputs.less +0 -55
  61. package/src/styles/components/controls/base/BriUpload/BriUpload.less +0 -167
  62. package/src/styles/components/controls/base/BriUpload/BriUploadImage.less +0 -87
  63. package/src/styles/components/controls/base/BriUpload/index.less +0 -3
  64. package/src/styles/components/controls/base/BriUpload/uploadList.less +0 -164
  65. package/src/styles/components/controls/base/DshCascader/DshCascader.less +0 -67
  66. package/src/styles/components/controls/base/DshCascader/InfoCascader.less +0 -59
  67. package/src/styles/components/controls/base/DshCascader/index.less +0 -2
  68. package/src/styles/components/controls/base/DshCoordinates.less +0 -67
  69. package/src/styles/components/controls/base/DshDivider.less +0 -115
  70. package/src/styles/components/controls/base/DshInput.less +0 -29
  71. package/src/styles/components/controls/senior/.DS_Store +0 -0
  72. package/src/styles/components/controls/senior/BriLabels.less +0 -66
  73. package/src/styles/components/controls/senior/DshPackage.less +0 -25
  74. package/src/styles/components/controls/senior/cascaderTable.less +0 -19
  75. package/src/styles/components/controls/senior/flatTable.less +0 -20
  76. package/src/styles/components/controls/senior/selectDepartments.less +0 -73
  77. package/src/styles/components/controls/senior/selectUsers/DepartmentMenu.less +0 -37
  78. package/src/styles/components/controls/senior/selectUsers/index.less +0 -2
  79. package/src/styles/components/controls/senior/selectUsers/selectUsers.less +0 -180
  80. /package/src/{abolish/DshCrumbItem.less → styles/reset-iview-other.less} +0 -0
@@ -1,164 +0,0 @@
1
- // 列表样式
2
- .uploadList {
3
- width: 100%;
4
- overflow: auto;
5
-
6
- // 普通文件
7
- &-old {
8
- margin: 16px;
9
- }
10
-
11
- &-nodata {
12
- width: 100%;
13
- height: 100%;
14
- text-align: center;
15
- line-height: 120px;
16
- color: @placeholderColor;
17
- white-space: nowrap;
18
-
19
- span {
20
- margin-left: 5px;
21
- }
22
- }
23
-
24
- &-list {
25
- display: flex;
26
- flex-wrap: nowrap;
27
-
28
- .item {
29
- flex: 0 0 120px;
30
- height: 120px;
31
- margin-right: 10px;
32
- border-radius: @borderRadius;
33
- background: #f4f5fa;
34
- text-align: center;
35
- overflow: hidden;
36
- display: inline-flex;
37
- flex-direction: column;
38
- justify-content: space-between;
39
- position: relative;
40
-
41
- &:hover {
42
- .item-action {
43
- display: flex !important;
44
- }
45
- }
46
-
47
- &-show {
48
- display: flex;
49
- overflow: hidden;
50
- align-items: center;
51
- justify-content: center;
52
- flex: 2;
53
- min-height: 50px;
54
-
55
- img {
56
- max-width: 100%;
57
- max-height: 100%;
58
- }
59
- }
60
-
61
- &-name {
62
- flex: 1;
63
- display: flex;
64
- max-height: 32px;
65
-
66
- &-title {
67
- padding: 0 8px;
68
- overflow: hidden;
69
- text-overflow: ellipsis;
70
- white-space: nowrap;
71
- color: @themeColor;
72
- }
73
- }
74
-
75
- &-action {
76
- background-color: @placeholderColor;
77
- display: none !important;
78
- position: absolute;
79
- right: 0px;
80
- top: 0px;
81
- left: 0px;
82
- bottom: 0px;
83
- align-items: center;
84
- justify-content: center;
85
-
86
- &-icon {
87
- width: 22px;
88
- height: 22px;
89
- line-height: 22px;
90
- color: #fff;
91
- margin-left: 2px;
92
- }
93
- }
94
- }
95
- }
96
-
97
- // 内部表格inline模式
98
- &-inline {
99
- height: 30px;
100
- line-height: 30px;
101
-
102
- &-list {
103
- width: 100%;
104
- height: 100%;
105
- display: flex;
106
- flex-wrap: nowrap;
107
- overflow-x: auto;
108
- overflow-y: hidden;
109
- padding-left: 3px;
110
-
111
- .item {
112
- flex: 0 0 48px;
113
- background: #f4f5fa;
114
- margin-right: 3px;
115
- position: relative;
116
- border-radius: @borderRadius;
117
-
118
- &:hover {
119
- .item-action {
120
- display: flex !important;
121
- animation: toTop 0.1s;
122
- }
123
- }
124
-
125
- img {
126
- max-width: 100%;
127
- max-height: 100%;
128
- margin: auto;
129
- }
130
-
131
- &-action {
132
- display: none !important;
133
- position: absolute;
134
- left: 0;
135
- right: 0;
136
- top: 0;
137
- bottom: 0;
138
- background-color: @placeholderColor;
139
- color: #fff;
140
- align-items: center;
141
- justify-content: center;
142
- i {
143
- margin: 0px;
144
- }
145
- }
146
-
147
- @keyframes toTop {
148
- from {
149
- top: 100%;
150
- }
151
-
152
- to {
153
- top: 0;
154
- }
155
- }
156
- }
157
- }
158
-
159
- &-nodata {
160
- padding-left: 7px;
161
- color: @placeholderColor;
162
- }
163
- }
164
- }
@@ -1,67 +0,0 @@
1
- .DshCascader {
2
- width: 100%;
3
-
4
- &-edit {
5
-
6
- // 多选
7
- &-multiple {
8
- width: 100%;
9
-
10
- &-edit {}
11
- }
12
-
13
- // 单选 -新模式
14
- &-custom {
15
- width: 100%;
16
- }
17
-
18
- // 单选 -默认模式
19
- &-single {
20
- width: 100%;
21
- }
22
- }
23
-
24
- // 查看
25
- &-show {
26
- &-multiple {}
27
-
28
- &-single {}
29
- }
30
-
31
- // 多选类型且独自一行时
32
- &-row {
33
- &-edit {}
34
-
35
- &-show {
36
- height: auto;
37
-
38
- .text,
39
- .overflow {
40
- width: 100%;
41
- height: 100%;
42
- white-space: normal;
43
- overflow: auto;
44
- .bri-scrollbar3();
45
- }
46
- }
47
- }
48
- }
49
-
50
- .ivu-cascader {
51
- &-rel {
52
- display: block;
53
- }
54
-
55
- &-label {
56
- padding-right: 24px;
57
- }
58
-
59
- &-transfer {
60
- max-height: 400px !important;
61
-
62
- .ivu-cascader-menu {
63
- max-height: 400px;
64
- height: auto;
65
- }
66
- }
67
- }
@@ -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,29 +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
- }
14
-
15
- .ivu-input {
16
- .bri-control-edit();
17
- cursor: text;
18
-
19
- &[disabled] {
20
- .bri-control-disabled();
21
- &:hover {
22
- border-color: @border-disabled;
23
- }
24
- &::-webkit-input-placeholder {
25
- color: @placeholder-disabled-color;
26
- }
27
- }
28
-
29
- }
@@ -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
- }