@zgfe/modules-settings 2.1.0-zhongyuan.29 → 2.1.0-zhongyuan.30

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.
@@ -162,6 +162,7 @@ declare let apis: {
162
162
  createPage: string;
163
163
  updatePointPageInfo: string;
164
164
  moveNode: string;
165
+ getEventAttributes: string;
165
166
  getPageConfig: string;
166
167
  addPageConfig: string;
167
168
  updatePageConfig: string;
@@ -219,6 +219,8 @@ var apis = {
219
219
  updatePointPageInfo: '/zg/web/v2/approve/point/updatePointPageInfo',
220
220
  // 拖拽移动页面
221
221
  moveNode: '/zg/web/v2/approve/point/move',
222
+ // 根据事件id查询属性
223
+ getEventAttributes: '/zg/web/v2/data/queryEventAttrMetas',
222
224
  // 查询页面管理详情
223
225
  getPageConfig: '/zg/web/v2/approve/pageConfig/getDetail',
224
226
  // 新增页面管理
@@ -355,7 +355,6 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
355
355
  console.log(err);
356
356
  });
357
357
  };
358
- //复制功能
359
358
  return /*#__PURE__*/React.createElement("div", {
360
359
  className: classPrefix
361
360
  }, /*#__PURE__*/React.createElement("div", {
@@ -26,6 +26,7 @@ import './styles/index.less';
26
26
  import request from '../../utils/ajax';
27
27
  import apis from '../../constants/api';
28
28
  var CreateMeta = function CreateMeta(props) {
29
+ var _props$data;
29
30
  var classPrefix = 'setting-create-meta-drawer';
30
31
  var _useContext = useContext(BizGlobalDataContext),
31
32
  currentApp = _useContext.currentApp,
@@ -169,6 +170,10 @@ var CreateMeta = function CreateMeta(props) {
169
170
  _useState14 = _slicedToArray(_useState13, 2),
170
171
  encryption_type = _useState14[0],
171
172
  setEncryptionType = _useState14[1];
173
+ var _useState15 = useState(''),
174
+ _useState16 = _slicedToArray(_useState15, 2),
175
+ hasEventName = _useState16[0],
176
+ setHasEventName = _useState16[1]; // input状态 error|""
172
177
  var columns = [{
173
178
  title: '序号',
174
179
  dataIndex: 'event_name',
@@ -192,14 +197,24 @@ var CreateMeta = function CreateMeta(props) {
192
197
  style: {
193
198
  margin: '-10px 0'
194
199
  }
195
- }, /*#__PURE__*/React.createElement(BizEditText, {
196
- canEdit: homeType != 'get',
197
- value: text,
198
- max: 128,
200
+ }, /*#__PURE__*/React.createElement(Input, {
201
+ disabled: homeType == 'get',
199
202
  placeholder: '请输入事件属性名',
203
+ value: text,
204
+ showCount: true,
205
+ status: hasEventName,
206
+ maxLength: 128,
200
207
  onChange: function onChange(e) {
201
208
  setIsChange(true);
202
- changeItemInfo(index, 'name', e);
209
+ changeItemInfo(index, 'name', e.target.value);
210
+ },
211
+ onBlur: function onBlur(e) {
212
+ var valueEventName = e.target.value;
213
+ var name = eventAttrList.find(function (o) {
214
+ return o.name == valueEventName;
215
+ });
216
+ setHasEventName(name ? 'error' : '');
217
+ name && message.error('事件名称不能重复');
203
218
  }
204
219
  }));
205
220
  }
@@ -393,10 +408,10 @@ var CreateMeta = function CreateMeta(props) {
393
408
  }, "\u5220\u9664");
394
409
  }
395
410
  });
396
- var _useState15 = useState(''),
397
- _useState16 = _slicedToArray(_useState15, 2),
398
- scrollY = _useState16[0],
399
- setScrollY = _useState16[1];
411
+ var _useState17 = useState(''),
412
+ _useState18 = _slicedToArray(_useState17, 2),
413
+ scrollY = _useState18[0],
414
+ setScrollY = _useState18[1];
400
415
  var getTableScroll = function getTableScroll(extraHeight, id) {
401
416
  if (typeof extraHeight == 'undefined') {
402
417
  // 默认底部分页64 + 边距10
@@ -437,6 +452,23 @@ var CreateMeta = function CreateMeta(props) {
437
452
  var changeSwitch = function changeSwitch(event) {
438
453
  setIsCopy(event);
439
454
  };
455
+ // 根据事件id获取属性列表
456
+ function getEventIdAttrList(id) {
457
+ request(apis.getEventAttributes, {
458
+ method: 'post',
459
+ data: {
460
+ appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
461
+ eventId: id
462
+ }
463
+ }).then(function (res) {
464
+ setEventAttrList([res.data.map(function (res) {
465
+ return _objectSpread(_objectSpread({}, res), {}, {
466
+ aliasName: res.alias,
467
+ name: res.label
468
+ });
469
+ })]);
470
+ });
471
+ }
440
472
  var onChangeEvent = function onChangeEvent(_ref2) {
441
473
  var event = _ref2.event;
442
474
  form.setFieldsValue({
@@ -444,32 +476,25 @@ var CreateMeta = function CreateMeta(props) {
444
476
  eventName: event.name
445
477
  });
446
478
  setInputText(event.name);
447
- if (event.attrList) {
448
- setEventAttrList(_toConsumableArray(event.attrList.map(function (res) {
449
- return _objectSpread(_objectSpread({}, res), {}, {
450
- aliasName: res.alias,
451
- name: res.label
452
- });
453
- })));
454
- }
479
+ getEventIdAttrList(event.id);
455
480
  };
456
481
  //标签列表数据 2:业务标签 3:触发标签
457
- var _useState17 = useState([]),
458
- _useState18 = _slicedToArray(_useState17, 2),
459
- bizTag = _useState18[0],
460
- setBizTag = _useState18[1];
461
- var _useState19 = useState(),
482
+ var _useState19 = useState([]),
462
483
  _useState20 = _slicedToArray(_useState19, 2),
463
- triTagInput = _useState20[0],
464
- setTriTagInput = _useState20[1];
465
- var _useState21 = useState([]),
484
+ bizTag = _useState20[0],
485
+ setBizTag = _useState20[1];
486
+ var _useState21 = useState(),
466
487
  _useState22 = _slicedToArray(_useState21, 2),
467
- triTag = _useState22[0],
468
- setTriTag = _useState22[1];
469
- var _useState23 = useState(),
488
+ triTagInput = _useState22[0],
489
+ setTriTagInput = _useState22[1]; // 触发时机
490
+ var _useState23 = useState([]),
470
491
  _useState24 = _slicedToArray(_useState23, 2),
471
- triTagId = _useState24[0],
472
- setTriTagId = _useState24[1];
492
+ triTag = _useState24[0],
493
+ setTriTag = _useState24[1];
494
+ var _useState25 = useState(),
495
+ _useState26 = _slicedToArray(_useState25, 2),
496
+ triTagId = _useState26[0],
497
+ setTriTagId = _useState26[1];
473
498
  var getTagList = function getTagList(type) {
474
499
  request(apis.dict.getTagList, {
475
500
  method: 'post',
@@ -501,10 +526,10 @@ var CreateMeta = function CreateMeta(props) {
501
526
  });
502
527
  };
503
528
  // 自定义验证规则
504
- var _useState25 = useState(''),
505
- _useState26 = _slicedToArray(_useState25, 2),
506
- inputText = _useState26[0],
507
- setInputText = _useState26[1];
529
+ var _useState27 = useState(''),
530
+ _useState28 = _slicedToArray(_useState27, 2),
531
+ inputText = _useState28[0],
532
+ setInputText = _useState28[1];
508
533
  // true 验证通过
509
534
  var validateContainsUnderscore = function validateContainsUnderscore(value) {
510
535
  if (!isChange) {
@@ -541,7 +566,7 @@ var CreateMeta = function CreateMeta(props) {
541
566
  initialValues: {
542
567
  eventName: '',
543
568
  aliasName: '',
544
- businessLabelId: undefined,
569
+ businessLabelId: (props === null || props === void 0 ? void 0 : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.businessLabelId) || undefined,
545
570
  maidianID: []
546
571
  }
547
572
  }, homeType == 'create' && (/*#__PURE__*/React.createElement(Form.Item, {
@@ -565,7 +590,11 @@ var CreateMeta = function CreateMeta(props) {
565
590
  }],
566
591
  validateStatus: validateContainsUnderscore(inputText) ? '' : 'error',
567
592
  help: validateContainsUnderscore(inputText) ? '' : inputText == '' ? '请输入事件名称' : "\u8BF7\u6839\u636E\u9875\u9762\u5C42\u7EA7\u547D\u540D\uFF0C\u5982\uFF1A".concat(props.selectTreeName)
568
- }, isCopy ? (/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
593
+ }, isCopy ? (/*#__PURE__*/React.createElement("div", {
594
+ style: {
595
+ width: '100%'
596
+ }
597
+ }, /*#__PURE__*/React.createElement(BizEventSelector, {
569
598
  showAllEvent: true,
570
599
  multiple: false,
571
600
  key: "eventProp",
@@ -587,7 +616,7 @@ var CreateMeta = function CreateMeta(props) {
587
616
  name: "aliasName",
588
617
  label: "\u4E8B\u4EF6\u522B\u540D"
589
618
  }, /*#__PURE__*/React.createElement(Input, {
590
- disabled: homeType == 'update' || homeType == 'get',
619
+ disabled: homeType == 'get',
591
620
  placeholder: "\u8BF7\u8F93\u5165\u4E8B\u4EF6\u522B\u540D",
592
621
  showCount: true,
593
622
  maxLength: 128,
@@ -604,23 +633,25 @@ var CreateMeta = function CreateMeta(props) {
604
633
  width: '160px',
605
634
  marginRight: '10px'
606
635
  },
607
- disabled: homeType == 'update' || homeType == 'get',
636
+ disabled: homeType == 'get',
608
637
  placeholder: "\u8BF7\u8F93\u5165\u89E6\u53D1\u6807\u7B7E",
609
- defaultValue: triTagId,
638
+ // defaultValue={triTagId}
639
+ value: triTagId,
610
640
  options: triTag,
611
641
  onChange: function onChange(value) {
612
642
  setTriTagId(value);
613
643
  setIsChange(true);
614
644
  }
615
645
  }), "\u6216", /*#__PURE__*/React.createElement(Input, {
616
- disabled: homeType == 'update' || homeType == 'get',
646
+ disabled: homeType == 'get',
617
647
  style: {
618
648
  border: 0,
619
649
  width: 'calc(100% - 195px)',
620
650
  marginLeft: '10px'
621
651
  },
622
652
  placeholder: "\u8BF7\u8F93\u5165\u89E6\u53D1\u65F6\u673A\uFF0C\u4F8B\u5982\uFF1A\u7528\u6237\u70B9\u51FB\u786E\u8BA4\u6309\u94AE",
623
- defaultValue: triTagInput,
653
+ // defaultValue={triTagInput}
654
+ value: triTagInput,
624
655
  showCount: true,
625
656
  maxLength: 128,
626
657
  onChange: function onChange(e) {
@@ -632,7 +663,7 @@ var CreateMeta = function CreateMeta(props) {
632
663
  label: "\u4E1A\u52A1\u6807\u7B7E"
633
664
  }, /*#__PURE__*/React.createElement(Select, {
634
665
  allowClear: true,
635
- disabled: homeType == 'update' || homeType == 'get',
666
+ disabled: homeType == 'get',
636
667
  placeholder: "\u8BF7\u8F93\u5165\u4E1A\u52A1\u6807\u7B7E",
637
668
  options: bizTag,
638
669
  onChange: function onChange() {
@@ -1,145 +1,164 @@
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: 88px 1fr 20px;
37
+ align-items: center;
38
+ margin-top: 16px;
39
+ }
40
+ .setting-point-map-tree-search-selectType {
41
+ width: 100px;
42
+ }
43
+ .setting-point-map-tree-search .qrcode-img {
44
+ display: inline-flex;
45
+ flex-direction: column;
46
+ align-items: center;
47
+ width: 200px;
48
+ height: 240px;
49
+ padding: 20px;
50
+ }
51
+ .setting-point-map-tree-search .qrcode-img > div {
52
+ text-align: center;
53
+ }
54
+ .setting-point-map-tree-search .qrcode-img > div > :nth-child(2) {
55
+ color: #9aa1a9;
56
+ font-size: 12px;
57
+ }
58
+ .setting-point-map-tree-search .qrcode-img img {
59
+ width: 144px;
60
+ height: 144px;
61
+ margin-top: 10px;
62
+ }
63
+ .setting-point-map-tree-search .ant-popover-placement-bottom .ant-popover-arrow {
64
+ left: 84%;
65
+ }
66
+ .setting-point-map-tree-search .loading .ant-spin-nested-loading {
67
+ padding-top: 138px;
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
+ display: none;
78
+ }
79
+ .setting-point-map-tree-tree {
80
+ display: flex;
81
+ flex: 1;
82
+ flex-direction: column;
83
+ margin: 16px 0 0;
84
+ overflow: hidden;
85
+ }
86
+ .setting-point-map-tree-tree .gengduocaozuo1 {
87
+ color: #354354;
88
+ transform: translateY(4px);
89
+ }
90
+ .setting-point-map-tree-tree .gengduocaozuo1:hover {
91
+ color: #165dff;
92
+ }
93
+ .setting-point-map-tree-tree .ant-tree-switcher {
94
+ color: #354354;
95
+ }
96
+ .setting-point-map-tree-tree .ant-tree,
97
+ .setting-point-map-tree-tree .ant-tree-list,
98
+ .setting-point-map-tree-tree .ant-tree-list-holder {
99
+ height: 100%;
100
+ }
101
+ .setting-point-map-tree-tree .ant-tree-list-holder {
102
+ overflow-x: hidden;
103
+ overflow-y: auto;
104
+ }
105
+ .setting-point-map-tree-tree .ant-tree-node-content-wrapper {
106
+ width: calc(100% - 200px);
107
+ }
108
+ .setting-point-map-tree-tree .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
109
+ background-color: #e8efff;
110
+ }
111
+ .setting-point-map-tree-tree .ant-tree-switcher {
112
+ line-height: 32px;
113
+ }
114
+ .setting-point-map-tree-tree-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
+ }
124
+ .setting-point-map-tree-tree-item-title {
125
+ overflow: hidden;
126
+ white-space: nowrap;
127
+ text-overflow: ellipsis;
128
+ }
129
+ .setting-point-map-tree-tree-item-title-name {
130
+ margin-right: 10px;
131
+ }
132
+ .setting-point-map-tree-tree-item-iconList {
133
+ position: absolute;
134
+ top: 0;
135
+ right: 0;
136
+ bottom: 0;
137
+ display: none;
138
+ justify-content: space-around;
139
+ width: 85px;
140
+ font-size: 16px;
141
+ background: #ffffff;
142
+ }
143
+ .setting-point-map-tree-tree-item-iconList .anticon:hover {
144
+ color: #165dff;
145
+ }
146
+ .setting-point-map-tree-tree-item:hover .setting-point-map-tree-tree-item-iconList {
147
+ display: flex;
148
+ }
149
+ .setting-point-map-tree-tree .ant-tree-title {
150
+ display: block;
151
+ }
152
+ .setting-point-map-tree-empty {
153
+ display: flex;
154
+ flex: 1;
155
+ flex-direction: column;
156
+ align-items: center;
157
+ justify-content: center;
158
+ }
159
+ .setting-point-map-tree-empty .ant-empty-normal {
160
+ margin: 16px 0;
161
+ }
162
+ .setting-point-map-tree-empty .zengjia:before {
163
+ margin-right: 8px;
164
+ }
@@ -1,174 +1,174 @@
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: 88px 1fr 20px;
36
- align-items: center;
37
- margin-top: 16px;
38
- &-selectType {
39
- width: 100px;
40
- }
41
- .qrcode-img {
42
- display: inline-flex;
43
- flex-direction: column;
44
- align-items: center;
45
- width: 200px;
46
- height: 200px;
47
- padding: 20px;
48
- > div {
49
- text-align: center;
50
- > :nth-child(2) {
51
- color: #9aa1a9;
52
- font-size: 12px;
53
- }
54
- }
55
- img {
56
- width: 144px;
57
- height: 144px;
58
- margin-top: 10px;
59
- }
60
- }
61
- .ant-popover-placement-bottom .ant-popover-arrow {
62
- left: 84%;
63
- }
64
- .loading {
65
- .ant-spin-nested-loading {
66
- padding-top: 138px;
67
- }
68
- }
69
- // .ant-select-selector {
70
- // padding-left: 40px !important;
71
- // }
72
- // .ant-select-selection-search-input {
73
- // padding-left: 30px !important;
74
- // }
75
- &-popup {
76
- .ant-select-item {
77
- height: 32px !important;
78
- padding: 4px 12px !important;
79
- }
80
- }
81
- .sousuo {
82
- position: absolute;
83
- top: 6px;
84
- left: 16px;
85
- display: none;
86
- }
87
- }
88
- &-tree {
89
- display: flex;
90
- flex: 1;
91
- flex-direction: column;
92
- margin: 16px 0 0;
93
- overflow: hidden;
94
- .gengduocaozuo1 {
95
- color: #354354;
96
- transform: translateY(4px);
97
- }
98
- .gengduocaozuo1:hover {
99
- color: #165dff;
100
- }
101
- .ant-tree-switcher {
102
- color: #354354;
103
- }
104
- .ant-tree,
105
- .ant-tree-list,
106
- .ant-tree-list-holder {
107
- height: 100%;
108
- }
109
- .ant-tree-list-holder {
110
- overflow-x: hidden;
111
- overflow-y: auto;
112
- }
113
- .ant-tree-node-content-wrapper {
114
- width: calc(100% - 200px);
115
- }
116
- .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
117
- background-color: #e8efff;
118
- }
119
- .ant-tree-switcher {
120
- line-height: 32px;
121
- }
122
- &-item {
123
- display: flex;
124
- flex: 1 0;
125
- gap: 10px;
126
- align-items: center;
127
- justify-content: space-between;
128
- height: 32px;
129
- padding: 0px 4px;
130
- border-radius: 4px;
131
- &-title {
132
- overflow: hidden;
133
- white-space: nowrap;
134
- text-overflow: ellipsis;
135
- &-name {
136
- margin-right: 10px;
137
- }
138
- }
139
- &-iconList {
140
- position: absolute;
141
- top: 0;
142
- right: 0;
143
- bottom: 0;
144
- display: none;
145
- justify-content: space-around;
146
- width: 85px;
147
- font-size: 16px;
148
- background: #ffffff;
149
- .anticon:hover {
150
- color: #165dff;
151
- }
152
- }
153
- &:hover &-iconList {
154
- display: flex;
155
- }
156
- }
157
- .ant-tree-title {
158
- display: block;
159
- }
160
- }
161
- &-empty {
162
- display: flex;
163
- flex: 1;
164
- flex-direction: column;
165
- align-items: center;
166
- justify-content: center;
167
- .ant-empty-normal {
168
- margin: 16px 0;
169
- }
170
- .zengjia:before {
171
- margin-right: 8px;
172
- }
173
- }
174
- }
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: 88px 1fr 20px;
36
+ align-items: center;
37
+ margin-top: 16px;
38
+ &-selectType {
39
+ width: 100px;
40
+ }
41
+ .qrcode-img {
42
+ display: inline-flex;
43
+ flex-direction: column;
44
+ align-items: center;
45
+ width: 200px;
46
+ height: 240px;
47
+ padding: 20px;
48
+ > div {
49
+ text-align: center;
50
+ > :nth-child(2) {
51
+ color: #9aa1a9;
52
+ font-size: 12px;
53
+ }
54
+ }
55
+ img {
56
+ width: 144px;
57
+ height: 144px;
58
+ margin-top: 10px;
59
+ }
60
+ }
61
+ .ant-popover-placement-bottom .ant-popover-arrow {
62
+ left: 84%;
63
+ }
64
+ .loading {
65
+ .ant-spin-nested-loading {
66
+ padding-top: 138px;
67
+ }
68
+ }
69
+ // .ant-select-selector {
70
+ // padding-left: 40px !important;
71
+ // }
72
+ // .ant-select-selection-search-input {
73
+ // padding-left: 30px !important;
74
+ // }
75
+ &-popup {
76
+ .ant-select-item {
77
+ height: 32px !important;
78
+ padding: 4px 12px !important;
79
+ }
80
+ }
81
+ .sousuo {
82
+ position: absolute;
83
+ top: 6px;
84
+ left: 16px;
85
+ display: none;
86
+ }
87
+ }
88
+ &-tree {
89
+ display: flex;
90
+ flex: 1;
91
+ flex-direction: column;
92
+ margin: 16px 0 0;
93
+ overflow: hidden;
94
+ .gengduocaozuo1 {
95
+ color: #354354;
96
+ transform: translateY(4px);
97
+ }
98
+ .gengduocaozuo1:hover {
99
+ color: #165dff;
100
+ }
101
+ .ant-tree-switcher {
102
+ color: #354354;
103
+ }
104
+ .ant-tree,
105
+ .ant-tree-list,
106
+ .ant-tree-list-holder {
107
+ height: 100%;
108
+ }
109
+ .ant-tree-list-holder {
110
+ overflow-x: hidden;
111
+ overflow-y: auto;
112
+ }
113
+ .ant-tree-node-content-wrapper {
114
+ width: calc(100% - 200px);
115
+ }
116
+ .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
117
+ background-color: #e8efff;
118
+ }
119
+ .ant-tree-switcher {
120
+ line-height: 32px;
121
+ }
122
+ &-item {
123
+ display: flex;
124
+ flex: 1 0;
125
+ gap: 10px;
126
+ align-items: center;
127
+ justify-content: space-between;
128
+ height: 32px;
129
+ padding: 0px 4px;
130
+ border-radius: 4px;
131
+ &-title {
132
+ overflow: hidden;
133
+ white-space: nowrap;
134
+ text-overflow: ellipsis;
135
+ &-name {
136
+ margin-right: 10px;
137
+ }
138
+ }
139
+ &-iconList {
140
+ position: absolute;
141
+ top: 0;
142
+ right: 0;
143
+ bottom: 0;
144
+ display: none;
145
+ justify-content: space-around;
146
+ width: 85px;
147
+ font-size: 16px;
148
+ background: #ffffff;
149
+ .anticon:hover {
150
+ color: #165dff;
151
+ }
152
+ }
153
+ &:hover &-iconList {
154
+ display: flex;
155
+ }
156
+ }
157
+ .ant-tree-title {
158
+ display: block;
159
+ }
160
+ }
161
+ &-empty {
162
+ display: flex;
163
+ flex: 1;
164
+ flex-direction: column;
165
+ align-items: center;
166
+ justify-content: center;
167
+ .ant-empty-normal {
168
+ margin: 16px 0;
169
+ }
170
+ .zengjia:before {
171
+ margin-right: 8px;
172
+ }
173
+ }
174
+ }
@@ -743,7 +743,11 @@ var pointMap = function pointMap(props) {
743
743
  open: qrCodeShareShow,
744
744
  content: /*#__PURE__*/React.createElement("div", {
745
745
  className: "".concat(qrCodeLoading ? 'loading' : '', " qrcode-img")
746
- }, /*#__PURE__*/React.createElement("div", null, "\u624B\u673A\u626B\u7801\u67E5\u770B\u81EA\u5B9A\u4E49\u57CB\u70B9\u5730\u56FE"), /*#__PURE__*/React.createElement(Spin, {
746
+ }, /*#__PURE__*/React.createElement("div", {
747
+ style: {
748
+ fontSize: '14px'
749
+ }
750
+ }, "\u624B\u673A\u626B\u7801\u67E5\u770B\u81EA\u5B9A\u4E49\u57CB\u70B9\u5730\u56FE"), /*#__PURE__*/React.createElement(Spin, {
747
751
  spinning: qrCodeLoading
748
752
  }, qrCodeShare && /*#__PURE__*/React.createElement("img", {
749
753
  src: qrCodeShare
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-settings",
3
- "version": "2.1.0-zhongyuan.29",
3
+ "version": "2.1.0-zhongyuan.30",
4
4
  "private": false,
5
5
  "module": "es/index.js",
6
6
  "typings": "es/index.d.ts",
@@ -67,7 +67,7 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "c8428fbc590b0cdb52a52dac4561b2ca3263af94",
70
+ "gitHead": "c9cdec00d0e7ca18dbfe6d70ddd1f478fdc836ec",
71
71
  "gitHooks": {
72
72
  "pre-commit": "lint-staged"
73
73
  }