@kmkf-fe-packages/basic-components 0.23.0 → 0.24.0-alpha.0

package/dist/index.esm.js

@@ -5,8 +5,9 @@ import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { AddressData, BsAddressData, request as request$1, ExpressData, LogisticsAddressData, uuid } from '@kmkf-fe-packages/kmkf-utils';
 import zhCN from 'antd/lib/locale/zh_CN';
-import pubsub from 'pubsub-js';
 import { cloneDeep } from 'lodash';
+import { useDebounceEffect } from 'ahooks';
+import pubsub from 'pubsub-js';
 
 function _iterableToArrayLimit(arr, i) {
   var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
@@ -9618,8 +9619,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
 };
 
 var LogisticsTrajectory = function LogisticsTrajectory(props) {
-  var options = props.options,
-    showField = props.showField,
+  var showField = props.showField,
     _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
     disabled = props.disabled,
@@ -9750,6 +9750,220 @@ var LogisticsTrajectory = function LogisticsTrajectory(props) {
   return /*#__PURE__*/React.createElement("div", null, LogisticsCompany(), LogisticsCode(), (value === null || value === void 0 ? void 0 : value.trajectoryCompany) === 'SF' ? LogisticsPhone() : null, showField && showField.includes('snapshot') ? /*#__PURE__*/React.createElement(LogisticsSnapshot, null) : null);
 };
 
+var LogisticsMoreTrajectory = function LogisticsMoreTrajectory(props) {
+  var showField = props.showField,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    newValue = _useState2[0],
+    setNewValue = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    changeIndex = _useState4[0],
+    setChangeIndex = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initValue = _useState6[0],
+    setInitValue = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    changeValue = _useState8[0],
+    setChangeValue = _useState8[1];
+  var firstRef = useRef(true);
+  var hasSave = useRef(false);
+  useEffect(function () {
+    if (value.length && firstRef.current) {
+      setInitValue(value);
+      firstRef.current = false;
+    }
+  }, [value]);
+  useDebounceEffect(function () {
+    initHandle({
+      initValue: initValue,
+      value: value
+    });
+  }, [initValue, value], {
+    wait: 500
+  });
+  var initHandle = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+      var initValue, value, hasSnapshot, initList, valueList, changeList, initSnapshotList, valueSnapshotList, hasValue, listValue, requestList, requestValues;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            initValue = _ref.initValue, value = _ref.value;
+            hasSnapshot = showField && showField.includes('snapshot');
+            initList = initValue.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            });
+            valueList = value.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            });
+            changeList = changeValue.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            }); // 1、初始值没有 传入值有请求快照
+            // 2、初始值有 传入值有 其中有不一样的请求快照
+            // 3、初始值有 传入值有 都一样的返回初始值
+            console.log('list', initList, valueList, changeList);
+            // console.log('old', initValue, value, changeValue);
+            // console.log('一样', JSON.stringify(initList) !== JSON.stringify(valueList));
+            // console.log(
+            //   '一样2',
+            //   JSON.stringify(changeList) !== JSON.stringify(valueList),
+            // );
+            if (!(!initList.length && !valueList.length)) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            if (!(JSON.stringify(initList) === JSON.stringify(valueList))) {
+              _context.next = 14;
+              break;
+            }
+            initSnapshotList = initValue.reduce(function (prv, next) {
+              prv += next.trajectorySnapshot;
+              return prv;
+            }, '');
+            valueSnapshotList = value.reduce(function (prv, next) {
+              prv += next.trajectorySnapshot;
+              return prv;
+            }, '');
+            if (initSnapshotList === valueSnapshotList) {
+              hasSave.current = false;
+              setNewValue(value);
+            } else if (!hasSave.current) {
+              hasSave.current = true;
+              setNewValue(initValue);
+              onChange(initValue);
+            }
+            _context.next = 30;
+            break;
+          case 14:
+            if (!(
+            //开启了物流快照才会获取快照信息
+            hasSnapshot && JSON.stringify(initList) !== JSON.stringify(valueList) && JSON.stringify(changeList) !== JSON.stringify(valueList))) {
+              _context.next = 29;
+              break;
+            }
+            hasSave.current = false;
+            hasValue = valueList.some(function (item) {
+              return item.trajectoryCompany && item.trajectoryCode;
+            });
+            listValue = cloneDeep(value);
+            if (!hasValue) {
+              _context.next = 24;
+              break;
+            }
+            requestList = valueList.map(function (item) {
+              if (item.trajectoryCode && item.trajectoryCompany) {
+                return extendRequest('/qy/logistics/logisticsTraceSearch', {
+                  method: 'post',
+                  data: {
+                    mailNo: item.trajectoryCode,
+                    cpCode: item.trajectoryCompany,
+                    mobile: item.trajectoryPhone
+                  }
+                });
+              } else {
+                return new Promise(function (resolve) {
+                  resolve({});
+                });
+              }
+            });
+            _context.next = 22;
+            return Promise.allSettled(requestList);
+          case 22:
+            requestValues = _context.sent;
+            listValue = cloneDeep(value).map(function (item, index) {
+              var _requestValues$index, _requestValues$index$, _requestValues$index$2;
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                trajectorySnapshot: (_requestValues$index = requestValues[index]) === null || _requestValues$index === void 0 ? void 0 : (_requestValues$index$ = _requestValues$index.value) === null || _requestValues$index$ === void 0 ? void 0 : (_requestValues$index$2 = _requestValues$index$.data) === null || _requestValues$index$2 === void 0 ? void 0 : _requestValues$index$2.logisticsStatusDesc
+              });
+            });
+          case 24:
+            setChangeValue(listValue);
+            setNewValue(listValue);
+            onChange(listValue);
+            _context.next = 30;
+            break;
+          case 29:
+            setNewValue(value);
+          case 30:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function initHandle(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleChange = function handleChange(val, index) {
+    var newValue = cloneDeep(value);
+    newValue.splice(index, 1, val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    setChangeValue(newValue);
+    setNewValue(newValue);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, (newValue || []).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u5305\u88F9".concat(index + 1));
+  })), /*#__PURE__*/React.createElement(LogisticsTrajectory, {
+    value: newValue[changeIndex],
+    showField: showField,
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return handleChange(val, changeIndex);
+    }
+  }));
+};
+
 //组件类型的默认值
 var typeInitValueMap = {
   1: [{
@@ -12112,4 +12326,4 @@ var CalculationInput = function CalculationInput(props) {
   }, config === null || config === void 0 ? void 0 : config.unit));
 };
 
-export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };
+export { ApaasAddress as Address, AliPay, Province as ApaasAddress, ApaasCascader, ApaasCheckbox, ApaasDate, withFormItem as ApaasHoc, ApaasInput, ApaasInputNumber, ApaasLogistics, ApaasMultipleSelect, ApaasPosting, ApaasRadio, ApaasRate, ApaasSelect, ApaasSlider, ApaasTextArea, ApaasUpload, index as ApaasUploadAsync, ApaasUploadFile, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonSystemOrder$1 as CommonMultiStatus, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 as GoodsTable, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, Supplier, TBGoodId, TBGoodSerial, TradeId, WlnGoods };

package/dist/index.js

@@ -9,8 +9,9 @@ var request = require('umi-request');
 var reactCopyToClipboard = require('react-copy-to-clipboard');
 var kmkfUtils = require('@kmkf-fe-packages/kmkf-utils');
 var zhCN = require('antd/lib/locale/zh_CN');
-var pubsub = require('pubsub-js');
 var lodash = require('lodash');
+var ahooks = require('ahooks');
+var pubsub = require('pubsub-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -9629,8 +9630,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
 };
 
 var LogisticsTrajectory = function LogisticsTrajectory(props) {
-  var options = props.options,
-    showField = props.showField,
+  var showField = props.showField,
     _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
     disabled = props.disabled,
@@ -9761,6 +9761,220 @@ var LogisticsTrajectory = function LogisticsTrajectory(props) {
   return /*#__PURE__*/React__default['default'].createElement("div", null, LogisticsCompany(), LogisticsCode(), (value === null || value === void 0 ? void 0 : value.trajectoryCompany) === 'SF' ? LogisticsPhone() : null, showField && showField.includes('snapshot') ? /*#__PURE__*/React__default['default'].createElement(LogisticsSnapshot, null) : null);
 };
 
+var LogisticsMoreTrajectory = function LogisticsMoreTrajectory(props) {
+  var showField = props.showField,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    newValue = _useState2[0],
+    setNewValue = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    changeIndex = _useState4[0],
+    setChangeIndex = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initValue = _useState6[0],
+    setInitValue = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    changeValue = _useState8[0],
+    setChangeValue = _useState8[1];
+  var firstRef = React.useRef(true);
+  var hasSave = React.useRef(false);
+  React.useEffect(function () {
+    if (value.length && firstRef.current) {
+      setInitValue(value);
+      firstRef.current = false;
+    }
+  }, [value]);
+  ahooks.useDebounceEffect(function () {
+    initHandle({
+      initValue: initValue,
+      value: value
+    });
+  }, [initValue, value], {
+    wait: 500
+  });
+  var initHandle = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+      var initValue, value, hasSnapshot, initList, valueList, changeList, initSnapshotList, valueSnapshotList, hasValue, listValue, requestList, requestValues;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            initValue = _ref.initValue, value = _ref.value;
+            hasSnapshot = showField && showField.includes('snapshot');
+            initList = initValue.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            });
+            valueList = value.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            });
+            changeList = changeValue.map(function (item) {
+              if (item.trajectoryCompany === 'SF') {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode,
+                  trajectoryPhone: item.trajectoryPhone
+                };
+              } else {
+                return {
+                  trajectoryCompany: item.trajectoryCompany,
+                  trajectoryCode: item.trajectoryCode
+                };
+              }
+            }); // 1、初始值没有 传入值有请求快照
+            // 2、初始值有 传入值有 其中有不一样的请求快照
+            // 3、初始值有 传入值有 都一样的返回初始值
+            console.log('list', initList, valueList, changeList);
+            // console.log('old', initValue, value, changeValue);
+            // console.log('一样', JSON.stringify(initList) !== JSON.stringify(valueList));
+            // console.log(
+            //   '一样2',
+            //   JSON.stringify(changeList) !== JSON.stringify(valueList),
+            // );
+            if (!(!initList.length && !valueList.length)) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            if (!(JSON.stringify(initList) === JSON.stringify(valueList))) {
+              _context.next = 14;
+              break;
+            }
+            initSnapshotList = initValue.reduce(function (prv, next) {
+              prv += next.trajectorySnapshot;
+              return prv;
+            }, '');
+            valueSnapshotList = value.reduce(function (prv, next) {
+              prv += next.trajectorySnapshot;
+              return prv;
+            }, '');
+            if (initSnapshotList === valueSnapshotList) {
+              hasSave.current = false;
+              setNewValue(value);
+            } else if (!hasSave.current) {
+              hasSave.current = true;
+              setNewValue(initValue);
+              onChange(initValue);
+            }
+            _context.next = 30;
+            break;
+          case 14:
+            if (!(
+            //开启了物流快照才会获取快照信息
+            hasSnapshot && JSON.stringify(initList) !== JSON.stringify(valueList) && JSON.stringify(changeList) !== JSON.stringify(valueList))) {
+              _context.next = 29;
+              break;
+            }
+            hasSave.current = false;
+            hasValue = valueList.some(function (item) {
+              return item.trajectoryCompany && item.trajectoryCode;
+            });
+            listValue = lodash.cloneDeep(value);
+            if (!hasValue) {
+              _context.next = 24;
+              break;
+            }
+            requestList = valueList.map(function (item) {
+              if (item.trajectoryCode && item.trajectoryCompany) {
+                return extendRequest('/qy/logistics/logisticsTraceSearch', {
+                  method: 'post',
+                  data: {
+                    mailNo: item.trajectoryCode,
+                    cpCode: item.trajectoryCompany,
+                    mobile: item.trajectoryPhone
+                  }
+                });
+              } else {
+                return new Promise(function (resolve) {
+                  resolve({});
+                });
+              }
+            });
+            _context.next = 22;
+            return Promise.allSettled(requestList);
+          case 22:
+            requestValues = _context.sent;
+            listValue = lodash.cloneDeep(value).map(function (item, index) {
+              var _requestValues$index, _requestValues$index$, _requestValues$index$2;
+              return _objectSpread2(_objectSpread2({}, item), {}, {
+                trajectorySnapshot: (_requestValues$index = requestValues[index]) === null || _requestValues$index === void 0 ? void 0 : (_requestValues$index$ = _requestValues$index.value) === null || _requestValues$index$ === void 0 ? void 0 : (_requestValues$index$2 = _requestValues$index$.data) === null || _requestValues$index$2 === void 0 ? void 0 : _requestValues$index$2.logisticsStatusDesc
+              });
+            });
+          case 24:
+            setChangeValue(listValue);
+            setNewValue(listValue);
+            onChange(listValue);
+            _context.next = 30;
+            break;
+          case 29:
+            setNewValue(value);
+          case 30:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function initHandle(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleChange = function handleChange(val, index) {
+    var newValue = lodash.cloneDeep(value);
+    newValue.splice(index, 1, val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    setChangeValue(newValue);
+    setNewValue(newValue);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+    wrap: true
+  }, (newValue || []).map(function (item, index) {
+    return /*#__PURE__*/React__default['default'].createElement("span", {
+      style: {
+        color: changeIndex === index ? '#4569d4' : 'black',
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        return setChangeIndex(index);
+      }
+    }, "\u5305\u88F9".concat(index + 1));
+  })), /*#__PURE__*/React__default['default'].createElement(LogisticsTrajectory, {
+    value: newValue[changeIndex],
+    showField: showField,
+    disabled: disabled,
+    onChange: function onChange(val) {
+      return handleChange(val, changeIndex);
+    }
+  }));
+};
+
 //组件类型的默认值
 var typeInitValueMap = {
   1: [{
@@ -12162,6 +12376,7 @@ exports.Invoice = Invoice;
 exports.JstGoods = jstGoods;
 exports.JstItemList = ItemList;
 exports.LogisticsInterception = LogisticsInterception;
+exports.LogisticsMoreTrajectory = LogisticsMoreTrajectory;
 exports.LogisticsTrajectory = LogisticsTrajectory;
 exports.MsgStatus = MsgStatus;
 exports.ParseLogistics = ParseLogistics;

package/dist/src/business/LogisticsMoreTrajectory/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LogisticsMoreTrajectory: (props: any) => React.JSX.Element;
+export default LogisticsMoreTrajectory;

package/dist/src/index.d.ts

@@ -33,6 +33,7 @@ export { default as Status } from './business/Status';
 export { default as Payment } from './business/Payment';
 export { default as LogisticsInterception } from './business/LogisticsInterception';
 export { default as LogisticsTrajectory } from './business/LogisticsTrajectory';
+export { default as LogisticsMoreTrajectory } from './business/LogisticsMoreTrajectory';
 export { default as Goods } from './common/Goods';
 export { default as JstGoods } from './jst/Goods';
 export { default as JstItemList } from './jst/ItemList';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "0.23.0",
+  "version": "0.24.0-alpha.0",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,8 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "^0.23.0",
+    "@kmkf-fe-packages/kmkf-utils": "^0.24.0-alpha.0",
+    "ahooks": "^3.7.4",
     "lodash": "^4.17.21",
     "pubsub-js": "^1.9.4",
     "react-copy-to-clipboard": "^5.1.0",
@@ -61,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3cb10adaa8b97dc93ca4af9dc833041bd45f0116"
+  "gitHead": "3e66526d6aec8eda3092f7c721baef086729337b"
 }