@zgfe/modules-settings 2.0.0-zhongyuan.0 → 2.0.0-zhongyuan.10

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,142 +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
- margin-top: 16px;
35
- display: grid;
36
- align-items: center;
37
- grid-template-columns: 1fr 80px;
38
- grid-gap: 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
- min-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 .loading .ant-spin-nested-loading {
61
- padding-top: 138px;
62
- }
63
- .setting-point-map-tree-search .ant-select-selector {
64
- padding-left: 40px !important;
65
- }
66
- .setting-point-map-tree-search .ant-select-selection-search-input {
67
- padding-left: 30px !important;
68
- }
69
- .setting-point-map-tree-search-popup .ant-select-item {
70
- height: 32px !important;
71
- padding: 4px 12px !important;
72
- }
73
- .setting-point-map-tree-search .sousuo {
74
- position: absolute;
75
- top: 6px;
76
- left: 16px;
77
- }
78
- .setting-point-map-tree-tree {
79
- display: flex;
80
- flex: 1;
81
- flex-direction: column;
82
- margin: 16px 0 0;
83
- overflow: hidden;
84
- }
85
- .setting-point-map-tree-tree .gengduocaozuo1 {
86
- color: #354354;
87
- }
88
- .setting-point-map-tree-tree .gengduocaozuo1:hover {
89
- color: #165dff;
90
- }
91
- .setting-point-map-tree-tree .ant-tree-switcher {
92
- color: #354354;
93
- }
94
- .setting-point-map-tree-tree .ant-tree,
95
- .setting-point-map-tree-tree .ant-tree-list,
96
- .setting-point-map-tree-tree .ant-tree-list-holder {
97
- height: 100%;
98
- }
99
- .setting-point-map-tree-tree .ant-tree-list-holder {
100
- overflow-x: hidden;
101
- overflow-y: auto;
102
- }
103
- .setting-point-map-tree-tree .ant-tree-node-content-wrapper {
104
- width: calc(100% - 200px);
105
- }
106
- .setting-point-map-tree-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
107
- background-color: #e8efff;
108
- }
109
- .setting-point-map-tree-tree .ant-tree-switcher {
110
- line-height: 32px;
111
- }
112
- .setting-point-map-tree-tree-item {
113
- display: flex;
114
- flex: 1 0;
115
- gap: 10px;
116
- align-items: center;
117
- justify-content: space-between;
118
- height: 32px;
119
- padding: 0px 4px;
120
- border-radius: 4px;
121
- }
122
- .setting-point-map-tree-tree-item-title {
123
- overflow: hidden;
124
- white-space: nowrap;
125
- text-overflow: ellipsis;
126
- }
127
- .setting-point-map-tree-tree .ant-tree-title {
128
- display: block;
129
- }
130
- .setting-point-map-tree-empty {
131
- display: flex;
132
- flex: 1;
133
- flex-direction: column;
134
- align-items: center;
135
- justify-content: center;
136
- }
137
- .setting-point-map-tree-empty .ant-empty-normal {
138
- margin: 16px 0;
139
- }
140
- .setting-point-map-tree-empty .zengjia:before {
141
- margin-right: 8px;
142
- }
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,146 +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 80px;
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
- min-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
- .loading {
59
- .ant-spin-nested-loading {
60
- padding-top: 138px;
61
- }
62
- }
63
- .ant-select-selector {
64
- padding-left: 40px !important;
65
- }
66
- .ant-select-selection-search-input {
67
- padding-left: 30px !important;
68
- }
69
- &-popup {
70
- .ant-select-item {
71
- height: 32px !important;
72
- padding: 4px 12px !important;
73
- }
74
- }
75
- .sousuo {
76
- position: absolute;
77
- top: 6px;
78
- left: 16px;
79
- }
80
- }
81
- &-tree {
82
- display: flex;
83
- flex: 1;
84
- flex-direction: column;
85
- margin: 16px 0 0;
86
- overflow: hidden;
87
- .gengduocaozuo1 {
88
- color: #354354;
89
- }
90
- .gengduocaozuo1:hover {
91
- color: #165dff;
92
- }
93
- .ant-tree-switcher {
94
- color: #354354;
95
- }
96
- .ant-tree,
97
- .ant-tree-list,
98
- .ant-tree-list-holder {
99
- height: 100%;
100
- }
101
- .ant-tree-list-holder {
102
- overflow-x: hidden;
103
- overflow-y: auto;
104
- }
105
- .ant-tree-node-content-wrapper {
106
- width: calc(100% - 200px);
107
- }
108
- .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
109
- background-color: #e8efff;
110
- }
111
- .ant-tree-switcher {
112
- line-height: 32px;
113
- }
114
- &-item {
115
- display: flex;
116
- flex: 1 0;
117
- gap: 10px;
118
- align-items: center;
119
- justify-content: space-between;
120
- height: 32px;
121
- padding: 0px 4px;
122
- border-radius: 4px;
123
- &-title {
124
- overflow: hidden;
125
- white-space: nowrap;
126
- text-overflow: ellipsis;
127
- }
128
- }
129
- .ant-tree-title {
130
- display: block;
131
- }
132
- }
133
- &-empty {
134
- display: flex;
135
- flex: 1;
136
- flex-direction: column;
137
- align-items: center;
138
- justify-content: center;
139
- .ant-empty-normal {
140
- margin: 16px 0;
141
- }
142
- .zengjia:before {
143
- margin-right: 8px;
144
- }
145
- }
146
- }
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
+ }
@@ -597,11 +597,13 @@ var pointMap = function pointMap(props) {
597
597
  popupClassName: "".concat(classPrefix, "-search-popup")
598
598
  }), /*#__PURE__*/React.createElement(IconFont, {
599
599
  type: "sousuo"
600
- })), /*#__PURE__*/React.createElement(Popover, {
600
+ })), /*#__PURE__*/React.createElement("div", {
601
+ className: "".concat(classPrefix, "-search-pop")
602
+ }, /*#__PURE__*/React.createElement(Popover, {
601
603
  open: qrCodeShareShow,
602
604
  content: /*#__PURE__*/React.createElement("div", {
603
605
  className: "".concat(qrCodeLoading ? 'loading' : '', " qrcode-img")
604
- }, /*#__PURE__*/React.createElement("div", null, "\u624B\u673A\u626B\u7801\u5206\u4EAB\u5F53\u524D\u770B\u677F"), /*#__PURE__*/React.createElement(Spin, {
606
+ }, /*#__PURE__*/React.createElement("div", null, "\u624B\u673A\u626B\u7801\u67E5\u770B\u57CB\u70B9\u5730\u56FE"), /*#__PURE__*/React.createElement(Spin, {
605
607
  spinning: qrCodeLoading
606
608
  }, qrCodeShare && /*#__PURE__*/React.createElement("img", {
607
609
  src: qrCodeShare
@@ -615,8 +617,8 @@ var pointMap = function pointMap(props) {
615
617
  }, /*#__PURE__*/React.createElement("div", {
616
618
  id: "share-qrcode-box"
617
619
  }, /*#__PURE__*/React.createElement(IconFont, {
618
- type: "daochu"
619
- }), "\u5206\u4EAB\u770B\u677F"))), /*#__PURE__*/React.createElement("div", {
620
+ type: "erweima"
621
+ }))))), /*#__PURE__*/React.createElement("div", {
620
622
  className: "".concat(classPrefix, "-tree")
621
623
  }, treeData && treeData.length ? (/*#__PURE__*/React.createElement(Tree, {
622
624
  ref: treeRef,
@@ -71,7 +71,7 @@ var Dictionary = function Dictionary() {
71
71
  }, o);
72
72
  });
73
73
  setDictionaryList(newArr);
74
- setCurrentTypeId(function () {
74
+ newArr && newArr.length > 0 && setCurrentTypeId(function () {
75
75
  getDictionaryContentList(newArr[0].key, searchValue);
76
76
  return newArr[0].key;
77
77
  });