@kmkf-fe-packages/services-components 0.8.5 → 0.8.7-alpha.0

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.
@@ -11,7 +11,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
11
  import React, { useState } from "react";
12
12
  import { Modal, Timeline, message } from "antd";
13
13
  import { request } from "@kmkf-fe-packages/kmkf-utils";
14
- var info = Modal.info;
15
14
  var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
16
15
  var _ref$title = _ref.title,
17
16
  title = _ref$title === void 0 ? "查轨迹" : _ref$title,
@@ -24,7 +23,16 @@ var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
24
23
  _useState2 = _slicedToArray(_useState, 2),
25
24
  inputVal = _useState2[0],
26
25
  setInputVal = _useState2[1];
27
- var LogisticsList = function LogisticsList(list) {
26
+ var _useState3 = useState(false),
27
+ _useState4 = _slicedToArray(_useState3, 2),
28
+ open = _useState4[0],
29
+ setOpen = _useState4[1];
30
+ var _useState5 = useState([]),
31
+ _useState6 = _slicedToArray(_useState5, 2),
32
+ list = _useState6[0],
33
+ setList = _useState6[1];
34
+ var LogisticsList = function LogisticsList(_ref2) {
35
+ var list = _ref2.list;
28
36
  return /*#__PURE__*/React.createElement("div", {
29
37
  style: {
30
38
  maxHeight: "500px",
@@ -38,7 +46,7 @@ var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
38
46
  })));
39
47
  };
40
48
  var handleQueryLogistics = /*#__PURE__*/function () {
41
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
49
+ var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
42
50
  return _regeneratorRuntime().wrap(function _callee$(_context) {
43
51
  while (1) switch (_context.prev = _context.next) {
44
52
  case 0:
@@ -75,7 +83,7 @@ var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
75
83
  }, _callee);
76
84
  }));
77
85
  return function handleQueryLogistics() {
78
- return _ref2.apply(this, arguments);
86
+ return _ref3.apply(this, arguments);
79
87
  };
80
88
  }();
81
89
  var logisticsTraceSearch = function logisticsTraceSearch(mobile) {
@@ -97,17 +105,8 @@ var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
97
105
  data = res.data,
98
106
  msg = res.message;
99
107
  if (result === 100 || success) {
100
- info({
101
- title: "物流轨迹",
102
- okText: "确定",
103
- icon: null,
104
- width: modelWidth,
105
- content: LogisticsList(data === null || data === void 0 ? void 0 : data.traceDetailList),
106
- // TODO: 使用Modal.info组件需要注意给他绑定到渲染的dom上面,快手在渲染的时候会默认挂载到body上面
107
- getContainer: function getContainer() {
108
- return document.getElementById('logistics-interception-code');
109
- }
110
- });
108
+ setList((data === null || data === void 0 ? void 0 : data.traceDetailList) || []);
109
+ setOpen(true);
111
110
  } else {
112
111
  msg && message.error(msg);
113
112
  }
@@ -116,15 +115,25 @@ var QueryLogisticsTrack = function QueryLogisticsTrack(_ref) {
116
115
  (err === null || err === void 0 ? void 0 : err.message) && message.error(err === null || err === void 0 ? void 0 : err.message);
117
116
  }
118
117
  };
119
- return /*#__PURE__*/React.createElement("span", {
118
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
120
119
  style: {
121
120
  margin: "0 8px",
122
121
  color: "#1890ff",
123
122
  cursor: "pointer"
124
- },
125
- id: "logistics-interception-code"
123
+ }
126
124
  }, /*#__PURE__*/React.createElement("span", {
127
125
  onClick: handleQueryLogistics
128
- }, title));
126
+ }, title)), /*#__PURE__*/React.createElement(Modal, {
127
+ width: modelWidth,
128
+ title: "\u7269\u6D41\u8F68\u8FF9",
129
+ footer: false,
130
+ visible: open,
131
+ onCancel: function onCancel() {
132
+ return setOpen(false);
133
+ },
134
+ className: "logistics-trajectory"
135
+ }, /*#__PURE__*/React.createElement(LogisticsList, {
136
+ list: list
137
+ })));
129
138
  };
130
139
  export default QueryLogisticsTrack;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/services-components",
3
- "version": "0.8.5",
3
+ "version": "0.8.7-alpha.0",
4
4
  "module": "dist/esm/index.js",
5
5
  "typings": "dist/esm/index.d.ts",
6
6
  "files": [
@@ -26,8 +26,8 @@
26
26
  "father": "^4.1.7"
27
27
  },
28
28
  "dependencies": {
29
- "@kmkf-fe-packages/basic-components": "^0.8.1",
30
- "@kmkf-fe-packages/kmkf-utils": "^0.8.1"
29
+ "@kmkf-fe-packages/basic-components": "^0.8.7-alpha.0",
30
+ "@kmkf-fe-packages/kmkf-utils": "^0.8.7-alpha.0"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@ant-design/icons": "^4.7.0",
@@ -40,5 +40,5 @@
40
40
  "gitHooks": {
41
41
  "pre-commit": "lint-staged"
42
42
  },
43
- "gitHead": "99e1f8fe2db2160858e14e62a6709ebf9856cd5c"
43
+ "gitHead": "9158e2dbe552cdeb64e38bea7b604f3c3b37c8df"
44
44
  }