@zgfe/modules-settings 2.0.0-zhongyuan.2 → 2.0.0-zhongyuan.20

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.
@@ -1,145 +1,145 @@
1
- .setting-point-map-tree {
2
- display: flex;
3
- flex-direction: column;
4
- width: 100%;
5
- height: 100%;
6
- padding: 16px 24px;
7
- overflow: hidden;
8
- background-color: #fff;
9
- border-radius: 8px;
10
- }
11
- .setting-point-map-tree-select {
12
- display: flex;
13
- flex-direction: row;
14
- justify-content: space-between;
15
- height: 32px;
16
- }
17
- .setting-point-map-tree-select-box {
18
- display: flex;
19
- gap: 8px;
20
- align-items: center;
21
- }
22
- .setting-point-map-tree-select-box-txt {
23
- margin-right: 8px;
24
- overflow: hidden;
25
- white-space: nowrap;
26
- text-overflow: ellipsis;
27
- }
28
- .setting-point-map-tree-select-box .transform180 {
29
- display: inline-block;
30
- transform: rotateX(180deg);
31
- }
32
- .setting-point-map-tree-search {
33
- position: relative;
34
- display: grid;
35
- grid-gap: 16px;
36
- grid-template-columns: 1fr 20px;
37
- align-items: center;
38
- margin-top: 16px;
39
- }
40
- .setting-point-map-tree-search .qrcode-img {
41
- display: inline-flex;
42
- flex-direction: column;
43
- align-items: center;
44
- width: 200px;
45
- height: 200px;
46
- padding: 20px;
47
- }
48
- .setting-point-map-tree-search .qrcode-img > div {
49
- text-align: center;
50
- }
51
- .setting-point-map-tree-search .qrcode-img > div > :nth-child(2) {
52
- color: #9aa1a9;
53
- font-size: 12px;
54
- }
55
- .setting-point-map-tree-search .qrcode-img img {
56
- width: 144px;
57
- height: 144px;
58
- margin-top: 10px;
59
- }
60
- .setting-point-map-tree-search .ant-popover-placement-bottom .ant-popover-arrow {
61
- left: 84% ;
62
- }
63
- .setting-point-map-tree-search .loading .ant-spin-nested-loading {
64
- padding-top: 138px;
65
- }
66
- .setting-point-map-tree-search .ant-select-selector {
67
- padding-left: 40px !important;
68
- }
69
- .setting-point-map-tree-search .ant-select-selection-search-input {
70
- padding-left: 30px !important;
71
- }
72
- .setting-point-map-tree-search-popup .ant-select-item {
73
- height: 32px !important;
74
- padding: 4px 12px !important;
75
- }
76
- .setting-point-map-tree-search .sousuo {
77
- position: absolute;
78
- top: 6px;
79
- left: 16px;
80
- }
81
- .setting-point-map-tree-tree {
82
- display: flex;
83
- flex: 1;
84
- flex-direction: column;
85
- margin: 16px 0 0;
86
- overflow: hidden;
87
- }
88
- .setting-point-map-tree-tree .gengduocaozuo1 {
89
- color: #354354;
90
- }
91
- .setting-point-map-tree-tree .gengduocaozuo1:hover {
92
- color: #165dff;
93
- }
94
- .setting-point-map-tree-tree .ant-tree-switcher {
95
- color: #354354;
96
- }
97
- .setting-point-map-tree-tree .ant-tree,
98
- .setting-point-map-tree-tree .ant-tree-list,
99
- .setting-point-map-tree-tree .ant-tree-list-holder {
100
- height: 100%;
101
- }
102
- .setting-point-map-tree-tree .ant-tree-list-holder {
103
- overflow-x: hidden;
104
- overflow-y: auto;
105
- }
106
- .setting-point-map-tree-tree .ant-tree-node-content-wrapper {
107
- width: calc(100% - 200px);
108
- }
109
- .setting-point-map-tree-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
110
- background-color: #e8efff;
111
- }
112
- .setting-point-map-tree-tree .ant-tree-switcher {
113
- line-height: 32px;
114
- }
115
- .setting-point-map-tree-tree-item {
116
- display: flex;
117
- flex: 1 0;
118
- gap: 10px;
119
- align-items: center;
120
- justify-content: space-between;
121
- height: 32px;
122
- padding: 0px 4px;
123
- border-radius: 4px;
124
- }
125
- .setting-point-map-tree-tree-item-title {
126
- overflow: hidden;
127
- white-space: nowrap;
128
- text-overflow: ellipsis;
129
- }
130
- .setting-point-map-tree-tree .ant-tree-title {
131
- display: block;
132
- }
133
- .setting-point-map-tree-empty {
134
- display: flex;
135
- flex: 1;
136
- flex-direction: column;
137
- align-items: center;
138
- justify-content: center;
139
- }
140
- .setting-point-map-tree-empty .ant-empty-normal {
141
- margin: 16px 0;
142
- }
143
- .setting-point-map-tree-empty .zengjia:before {
144
- margin-right: 8px;
145
- }
1
+ .setting-point-map-tree {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ height: 100%;
6
+ padding: 16px 24px;
7
+ overflow: hidden;
8
+ background-color: #fff;
9
+ border-radius: 8px;
10
+ }
11
+ .setting-point-map-tree-select {
12
+ display: flex;
13
+ flex-direction: row;
14
+ justify-content: space-between;
15
+ height: 32px;
16
+ }
17
+ .setting-point-map-tree-select-box {
18
+ display: flex;
19
+ gap: 8px;
20
+ align-items: center;
21
+ }
22
+ .setting-point-map-tree-select-box-txt {
23
+ margin-right: 8px;
24
+ overflow: hidden;
25
+ white-space: nowrap;
26
+ text-overflow: ellipsis;
27
+ }
28
+ .setting-point-map-tree-select-box .transform180 {
29
+ display: inline-block;
30
+ transform: rotateX(180deg);
31
+ }
32
+ .setting-point-map-tree-search {
33
+ position: relative;
34
+ display: grid;
35
+ grid-gap: 16px;
36
+ grid-template-columns: 1fr 20px;
37
+ align-items: center;
38
+ margin-top: 16px;
39
+ }
40
+ .setting-point-map-tree-search .qrcode-img {
41
+ display: inline-flex;
42
+ flex-direction: column;
43
+ align-items: center;
44
+ width: 200px;
45
+ height: 200px;
46
+ padding: 20px;
47
+ }
48
+ .setting-point-map-tree-search .qrcode-img > div {
49
+ text-align: center;
50
+ }
51
+ .setting-point-map-tree-search .qrcode-img > div > :nth-child(2) {
52
+ color: #9aa1a9;
53
+ font-size: 12px;
54
+ }
55
+ .setting-point-map-tree-search .qrcode-img img {
56
+ width: 144px;
57
+ height: 144px;
58
+ margin-top: 10px;
59
+ }
60
+ .setting-point-map-tree-search .ant-popover-placement-bottom .ant-popover-arrow {
61
+ left: 84% ;
62
+ }
63
+ .setting-point-map-tree-search .loading .ant-spin-nested-loading {
64
+ padding-top: 138px;
65
+ }
66
+ .setting-point-map-tree-search .ant-select-selector {
67
+ padding-left: 40px !important;
68
+ }
69
+ .setting-point-map-tree-search .ant-select-selection-search-input {
70
+ padding-left: 30px !important;
71
+ }
72
+ .setting-point-map-tree-search-popup .ant-select-item {
73
+ height: 32px !important;
74
+ padding: 4px 12px !important;
75
+ }
76
+ .setting-point-map-tree-search .sousuo {
77
+ position: absolute;
78
+ top: 6px;
79
+ left: 16px;
80
+ }
81
+ .setting-point-map-tree-tree {
82
+ display: flex;
83
+ flex: 1;
84
+ flex-direction: column;
85
+ margin: 16px 0 0;
86
+ overflow: hidden;
87
+ }
88
+ .setting-point-map-tree-tree .gengduocaozuo1 {
89
+ color: #354354;
90
+ }
91
+ .setting-point-map-tree-tree .gengduocaozuo1:hover {
92
+ color: #165dff;
93
+ }
94
+ .setting-point-map-tree-tree .ant-tree-switcher {
95
+ color: #354354;
96
+ }
97
+ .setting-point-map-tree-tree .ant-tree,
98
+ .setting-point-map-tree-tree .ant-tree-list,
99
+ .setting-point-map-tree-tree .ant-tree-list-holder {
100
+ height: 100%;
101
+ }
102
+ .setting-point-map-tree-tree .ant-tree-list-holder {
103
+ overflow-x: hidden;
104
+ overflow-y: auto;
105
+ }
106
+ .setting-point-map-tree-tree .ant-tree-node-content-wrapper {
107
+ width: calc(100% - 200px);
108
+ }
109
+ .setting-point-map-tree-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
110
+ background-color: #e8efff;
111
+ }
112
+ .setting-point-map-tree-tree .ant-tree-switcher {
113
+ line-height: 32px;
114
+ }
115
+ .setting-point-map-tree-tree-item {
116
+ display: flex;
117
+ flex: 1 0;
118
+ gap: 10px;
119
+ align-items: center;
120
+ justify-content: space-between;
121
+ height: 32px;
122
+ padding: 0px 4px;
123
+ border-radius: 4px;
124
+ }
125
+ .setting-point-map-tree-tree-item-title {
126
+ overflow: hidden;
127
+ white-space: nowrap;
128
+ text-overflow: ellipsis;
129
+ }
130
+ .setting-point-map-tree-tree .ant-tree-title {
131
+ display: block;
132
+ }
133
+ .setting-point-map-tree-empty {
134
+ display: flex;
135
+ flex: 1;
136
+ flex-direction: column;
137
+ align-items: center;
138
+ justify-content: center;
139
+ }
140
+ .setting-point-map-tree-empty .ant-empty-normal {
141
+ margin: 16px 0;
142
+ }
143
+ .setting-point-map-tree-empty .zengjia:before {
144
+ margin-right: 8px;
145
+ }
@@ -1,149 +1,149 @@
1
- .setting-point-map-tree {
2
- display: flex;
3
- flex-direction: column;
4
- width: 100%;
5
- height: 100%;
6
- padding: 16px 24px;
7
- overflow: hidden;
8
- background-color: #fff;
9
- border-radius: 8px;
10
- &-select {
11
- display: flex;
12
- flex-direction: row;
13
- justify-content: space-between;
14
- height: 32px;
15
- &-box {
16
- &-txt {
17
- margin-right: 8px;
18
- overflow: hidden;
19
- white-space: nowrap;
20
- text-overflow: ellipsis;
21
- }
22
- display: flex;
23
- gap: 8px;
24
- align-items: center;
25
- .transform180 {
26
- display: inline-block;
27
- transform: rotateX(180deg);
28
- }
29
- }
30
- }
31
- &-search {
32
- position: relative;
33
- display: grid;
34
- grid-gap: 16px;
35
- grid-template-columns: 1fr 20px;
36
- align-items: center;
37
- margin-top: 16px;
38
- .qrcode-img {
39
- display: inline-flex;
40
- flex-direction: column;
41
- align-items: center;
42
- width: 200px;
43
- height: 200px;
44
- padding: 20px;
45
- > div {
46
- text-align: center;
47
- > :nth-child(2) {
48
- color: #9aa1a9;
49
- font-size: 12px;
50
- }
51
- }
52
- img {
53
- width: 144px;
54
- height: 144px;
55
- margin-top: 10px;
56
- }
57
- }
58
- .ant-popover-placement-bottom .ant-popover-arrow {
59
- left: 84%;
60
- }
61
- .loading {
62
- .ant-spin-nested-loading {
63
- padding-top: 138px;
64
- }
65
- }
66
- .ant-select-selector {
67
- padding-left: 40px !important;
68
- }
69
- .ant-select-selection-search-input {
70
- padding-left: 30px !important;
71
- }
72
- &-popup {
73
- .ant-select-item {
74
- height: 32px !important;
75
- padding: 4px 12px !important;
76
- }
77
- }
78
- .sousuo {
79
- position: absolute;
80
- top: 6px;
81
- left: 16px;
82
- }
83
- }
84
- &-tree {
85
- display: flex;
86
- flex: 1;
87
- flex-direction: column;
88
- margin: 16px 0 0;
89
- overflow: hidden;
90
- .gengduocaozuo1 {
91
- color: #354354;
92
- }
93
- .gengduocaozuo1:hover {
94
- color: #165dff;
95
- }
96
- .ant-tree-switcher {
97
- color: #354354;
98
- }
99
- .ant-tree,
100
- .ant-tree-list,
101
- .ant-tree-list-holder {
102
- height: 100%;
103
- }
104
- .ant-tree-list-holder {
105
- overflow-x: hidden;
106
- overflow-y: auto;
107
- }
108
- .ant-tree-node-content-wrapper {
109
- width: calc(100% - 200px);
110
- }
111
- .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
112
- background-color: #e8efff;
113
- }
114
- .ant-tree-switcher {
115
- line-height: 32px;
116
- }
117
- &-item {
118
- display: flex;
119
- flex: 1 0;
120
- gap: 10px;
121
- align-items: center;
122
- justify-content: space-between;
123
- height: 32px;
124
- padding: 0px 4px;
125
- border-radius: 4px;
126
- &-title {
127
- overflow: hidden;
128
- white-space: nowrap;
129
- text-overflow: ellipsis;
130
- }
131
- }
132
- .ant-tree-title {
133
- display: block;
134
- }
135
- }
136
- &-empty {
137
- display: flex;
138
- flex: 1;
139
- flex-direction: column;
140
- align-items: center;
141
- justify-content: center;
142
- .ant-empty-normal {
143
- margin: 16px 0;
144
- }
145
- .zengjia:before {
146
- margin-right: 8px;
147
- }
148
- }
149
- }
1
+ .setting-point-map-tree {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ height: 100%;
6
+ padding: 16px 24px;
7
+ overflow: hidden;
8
+ background-color: #fff;
9
+ border-radius: 8px;
10
+ &-select {
11
+ display: flex;
12
+ flex-direction: row;
13
+ justify-content: space-between;
14
+ height: 32px;
15
+ &-box {
16
+ &-txt {
17
+ margin-right: 8px;
18
+ overflow: hidden;
19
+ white-space: nowrap;
20
+ text-overflow: ellipsis;
21
+ }
22
+ display: flex;
23
+ gap: 8px;
24
+ align-items: center;
25
+ .transform180 {
26
+ display: inline-block;
27
+ transform: rotateX(180deg);
28
+ }
29
+ }
30
+ }
31
+ &-search {
32
+ position: relative;
33
+ display: grid;
34
+ grid-gap: 16px;
35
+ grid-template-columns: 1fr 20px;
36
+ align-items: center;
37
+ margin-top: 16px;
38
+ .qrcode-img {
39
+ display: inline-flex;
40
+ flex-direction: column;
41
+ align-items: center;
42
+ width: 200px;
43
+ height: 200px;
44
+ padding: 20px;
45
+ > div {
46
+ text-align: center;
47
+ > :nth-child(2) {
48
+ color: #9aa1a9;
49
+ font-size: 12px;
50
+ }
51
+ }
52
+ img {
53
+ width: 144px;
54
+ height: 144px;
55
+ margin-top: 10px;
56
+ }
57
+ }
58
+ .ant-popover-placement-bottom .ant-popover-arrow {
59
+ left: 84%;
60
+ }
61
+ .loading {
62
+ .ant-spin-nested-loading {
63
+ padding-top: 138px;
64
+ }
65
+ }
66
+ .ant-select-selector {
67
+ padding-left: 40px !important;
68
+ }
69
+ .ant-select-selection-search-input {
70
+ padding-left: 30px !important;
71
+ }
72
+ &-popup {
73
+ .ant-select-item {
74
+ height: 32px !important;
75
+ padding: 4px 12px !important;
76
+ }
77
+ }
78
+ .sousuo {
79
+ position: absolute;
80
+ top: 6px;
81
+ left: 16px;
82
+ }
83
+ }
84
+ &-tree {
85
+ display: flex;
86
+ flex: 1;
87
+ flex-direction: column;
88
+ margin: 16px 0 0;
89
+ overflow: hidden;
90
+ .gengduocaozuo1 {
91
+ color: #354354;
92
+ }
93
+ .gengduocaozuo1:hover {
94
+ color: #165dff;
95
+ }
96
+ .ant-tree-switcher {
97
+ color: #354354;
98
+ }
99
+ .ant-tree,
100
+ .ant-tree-list,
101
+ .ant-tree-list-holder {
102
+ height: 100%;
103
+ }
104
+ .ant-tree-list-holder {
105
+ overflow-x: hidden;
106
+ overflow-y: auto;
107
+ }
108
+ .ant-tree-node-content-wrapper {
109
+ width: calc(100% - 200px);
110
+ }
111
+ .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
112
+ background-color: #e8efff;
113
+ }
114
+ .ant-tree-switcher {
115
+ line-height: 32px;
116
+ }
117
+ &-item {
118
+ display: flex;
119
+ flex: 1 0;
120
+ gap: 10px;
121
+ align-items: center;
122
+ justify-content: space-between;
123
+ height: 32px;
124
+ padding: 0px 4px;
125
+ border-radius: 4px;
126
+ &-title {
127
+ overflow: hidden;
128
+ white-space: nowrap;
129
+ text-overflow: ellipsis;
130
+ }
131
+ }
132
+ .ant-tree-title {
133
+ display: block;
134
+ }
135
+ }
136
+ &-empty {
137
+ display: flex;
138
+ flex: 1;
139
+ flex-direction: column;
140
+ align-items: center;
141
+ justify-content: center;
142
+ .ant-empty-normal {
143
+ margin: 16px 0;
144
+ }
145
+ .zengjia:before {
146
+ margin-right: 8px;
147
+ }
148
+ }
149
+ }