@kmkf-fe-packages/basic-components 2.2.5-beta.0 → 2.2.5-beta.18

package/dist/index.esm.js

@@ -1,9 +1,9 @@
 import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
-import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate as Rate$1, Form, Tooltip, Popover, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton, Empty, Tag } from 'antd';
-import { EyeOutlined, DeleteOutlined, CloseOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
+import { Cascader, DatePicker, InputNumber, Input, Select, Upload, Image, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate as Rate$1, Form, Popover, Tooltip, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton, Empty, Tag } from 'antd';
+import { EyeOutlined, DeleteOutlined, CloseOutlined, PlusSquareOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
-import { AddressData, BsAddressData, WdtAddressData, GyAddressData, request as request$1, ExpressData, uuid, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, hasAddNullComponent, SUBMIT_TIME_ID, UPGRADE_TIME_ID, FINAL_TIME_ID, CUSTOM_TIME_ID, useStatus, finalFormData, transformList, dataSourceTrans, DATA_SPLIT_COMPONENT_FIELDS_MAP, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterJyOrders, filterKmOrders, getIsPlatformCodesIncludeOrderNos, BS_SYSTEM_ORDER_CONFIG, KM_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, JY_SYSTEM_ORDER_CONFIG, updateOrderSubFormGoodsHandle, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, updateJyGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog, skxSystemOrderBackValues, skxReturnSystemOrderBackValues, formatTrade, updateSkxGoodsHandle, formatReturnTrade, updateSkxReturnGoodsHandle } from '@kmkf-fe-packages/kmkf-utils';
+import { AddressData, BsAddressData, WdtAddressData, GyAddressData, request as request$1, ExpressData, imgResize, isNull, uuid, transformWorkOrderData, servers, columnsGoodsList, LogisticsAddressData, SendDataCenter, hasAddNullComponent, SUBMIT_TIME_ID, UPGRADE_TIME_ID, FINAL_TIME_ID, CUSTOM_TIME_ID, useStatus, finalFormData, transformList, dataSourceTrans, DATA_SPLIT_COMPONENT_FIELDS_MAP, BS_E3_BOOLEAN_STATUS_MAP, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, filterJyOrders, filterKmOrders, getIsPlatformCodesIncludeOrderNos, BS_SYSTEM_ORDER_CONFIG, KM_SYSTEM_ORDER_CONFIG, WLN_SYSTEM_ORDER_CONFIG, WDT_SYSTEM_ORDER_CONFIG, BS_E3_SYSTEM_ORDER_CONFIG, GY_SYSTEM_ORDER_CONFIG, JST_SYSTEM_ORDER_CONFIG, JY_SYSTEM_ORDER_CONFIG, updateOrderSubFormGoodsHandle, updateWlnGoodsHandle, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, updateJyGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog, skxSystemOrderBackValues, skxReturnSystemOrderBackValues, formatTrade, updateSkxGoodsHandle, formatReturnTrade, updateSkxReturnGoodsHandle } from '@kmkf-fe-packages/kmkf-utils';
 import { debounce, isNaN as isNaN$1, isNumber as isNumber$1, uniqBy, cloneDeep, difference, differenceWith, isBoolean, isEqual, takeRight, reject as reject$1, intersection, isEmpty } from 'lodash';
 import { useUpdateEffect, useDebounceEffect, useAntdTable } from 'ahooks';
 import zhCN from 'antd/lib/locale/zh_CN';
@@ -8046,6 +8046,439 @@ function withFormItem(WrappedComponent) {
  */
 var extendRequest = extend$1({});
 
+var hostUrl = 'https://kefu.kuaimai.com';
+var FileRender = function FileRender(_ref) {
+  var _ref$fileList = _ref.fileList,
+    fileList = _ref$fileList === void 0 ? [] : _ref$fileList,
+    _ref$canDownload = _ref.canDownload,
+    canDownload = _ref$canDownload === void 0 ? false : _ref$canDownload;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileUrl = _useState4[0],
+    setFileUrl = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileType = _useState6[0],
+    setFileType = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    downloading = _useState10[0],
+    setDownloading = _useState10[1];
+  var handleCancel = function handleCancel() {
+    setFileUrl('');
+    setFileName('');
+    setVisible(false);
+    setDownloading(false);
+  };
+  var onPreview = function onPreview(file) {
+    var _file$url;
+    var fileArr = file === null || file === void 0 ? void 0 : (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split('.');
+    var fileType = fileArr[fileArr.length - 1];
+    if (['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('pic');
+      setVisible(true);
+    } else if (['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'].includes(fileType.toLowerCase())) {
+      setFileUrl(file === null || file === void 0 ? void 0 : file.url);
+      setFileName(file === null || file === void 0 ? void 0 : file.name);
+      setFileType('video');
+      setVisible(true);
+    } else {
+      window.open(file === null || file === void 0 ? void 0 : file.url);
+    }
+  };
+  var download = function download(url, name) {
+    setDownloading(true);
+    fetch(url).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      var a = document.createElement('a');
+      document.body.appendChild(a);
+      a.style.display = 'none';
+      var url = window.URL.createObjectURL(blob);
+      a.href = url;
+      a.download = name;
+      a.click();
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }).finally(function () {
+      setDownloading(false);
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
+    return /*#__PURE__*/React.createElement("a", {
+      style: {
+        color: '#1890ff',
+        cursor: 'pointer',
+        display: 'block'
+      },
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onPreview(item);
+      },
+      href: item === null || item === void 0 ? void 0 : item.url
+    }, item.name);
+  }), /*#__PURE__*/React.createElement(Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, canDownload ? /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      return download(fileUrl, fileName);
+    },
+    loading: downloading
+  }, "\u4E0B\u8F7D") : /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      message.success('复制成功');
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React.createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: fileUrl
+  }) : /*#__PURE__*/React.createElement("video", {
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    autoPlay: true,
+    controls: true,
+    src: fileUrl
+  })));
+};
+var PictureRender = function PictureRender(_ref2) {
+  var _ref2$value = _ref2.value,
+    value = _ref2$value === void 0 ? [] : _ref2$value,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 32 : _ref2$width;
+  return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, value === null || value === void 0 ? void 0 : value.map(function (pic) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginRight: '5px',
+        display: 'inline-block'
+      },
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      width: width,
+      src: imgResize(pic || ''),
+      preview: {
+        src: imgResize(pic || '', 0, 0)
+      }
+    }));
+  }));
+};
+var RadioRender = function RadioRender(_ref3) {
+  var _value$value;
+  var _ref3$value = _ref3.value,
+    value = _ref3$value === void 0 ? {} : _ref3$value;
+  return /*#__PURE__*/React.createElement("span", null, value === null || value === void 0 ? void 0 : value.value, (value === null || value === void 0 ? void 0 : value.value) && typeof value.value === 'string' && (value === null || value === void 0 ? void 0 : (_value$value = value.value) === null || _value$value === void 0 ? void 0 : _value$value.indexOf('其他')) > -1 && (value === null || value === void 0 ? void 0 : value.other) && "(".concat(value === null || value === void 0 ? void 0 : value.other, ")"));
+};
+var CheckboxRender = function CheckboxRender(_ref4) {
+  var _value$value2, _value$value3, _value$value4;
+  var _ref4$value = _ref4.value,
+    value = _ref4$value === void 0 ? [] : _ref4$value;
+  if ((value === null || value === void 0 ? void 0 : (_value$value2 = value.value) === null || _value$value2 === void 0 ? void 0 : _value$value2.length) === 0 && isNull(value === null || value === void 0 ? void 0 : value.other)) return null;
+  var findIndex = value === null || value === void 0 ? void 0 : (_value$value3 = value.value) === null || _value$value3 === void 0 ? void 0 : _value$value3.findIndex(function (item) {
+    return item === '其他';
+  });
+  if (findIndex > -1 && (value === null || value === void 0 ? void 0 : value.other)) {
+    // @ts-ignore
+    value.value[findIndex] = "\u5176\u4ED6(".concat(value === null || value === void 0 ? void 0 : value.other, ")");
+  }
+  return value === null || value === void 0 ? void 0 : (_value$value4 = value.value) === null || _value$value4 === void 0 ? void 0 : _value$value4.join('/');
+};
+var MultipleSelectRender = function MultipleSelectRender(_ref5) {
+  var _ref5$value = _ref5.value,
+    value = _ref5$value === void 0 ? [] : _ref5$value;
+  return value === null || value === void 0 ? void 0 : value.join(',');
+};
+var renderMap = {
+  PICTURE: function PICTURE() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var finalPictures = value.map(function (item) {
+      return item.startsWith('http') ? item : "".concat(hostUrl, "/").concat(item);
+    });
+    return /*#__PURE__*/React.createElement(PictureRender, {
+      value: finalPictures,
+      hostUrl: 'https://kefu.kuaimai.com'
+    });
+  },
+  FILE: function FILE(value) {
+    return /*#__PURE__*/React.createElement(FileRender, {
+      fileList: value,
+      canDownload: true
+    });
+  },
+  RADIO: function RADIO(value) {
+    return /*#__PURE__*/React.createElement(RadioRender, {
+      value: value
+    });
+  },
+  CHECKBOX: function CHECKBOX(value) {
+    return /*#__PURE__*/React.createElement(CheckboxRender, {
+      value: value
+    });
+  },
+  BASIC_MULT_SELECT: function BASIC_MULT_SELECT(value) {
+    return /*#__PURE__*/React.createElement(MultipleSelectRender, {
+      value: value
+    });
+  }
+};
+var EditPictureRender = function EditPictureRender(_ref6) {
+  var _ref6$val = _ref6.val,
+    val = _ref6$val === void 0 ? [] : _ref6$val,
+    index = _ref6.index,
+    t = _ref6.t,
+    updateHandle = _ref6.updateHandle,
+    disabled = _ref6.disabled,
+    hostUrl = _ref6.hostUrl;
+  var finalPictures = val.map(function (item) {
+    return item.startsWith('http') ? item : "".concat(hostUrl, "/").concat(item);
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      border: '1px solid #d9d9d9',
+      padding: '3px'
+    }
+  }, t.isEdit || disabled ? /*#__PURE__*/React.createElement(PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#aaa'
+    }
+  }) : /*#__PURE__*/React.createElement(Popover, {
+    content: /*#__PURE__*/React.createElement(ApaasUploadAsync$1, _objectSpread2(_objectSpread2({}, t.componentConfig), {}, {
+      value: finalPictures,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      hostUrl: hostUrl
+    })),
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(PlusSquareOutlined, {
+    style: {
+      fontSize: 18
+    }
+  })), /*#__PURE__*/React.createElement(PictureRender, {
+    value: finalPictures,
+    width: 24,
+    hostUrl: hostUrl
+  }));
+};
+var EditFileRender = function EditFileRender(_ref7) {
+  var _ref7$val = _ref7.val,
+    val = _ref7$val === void 0 ? [] : _ref7$val,
+    index = _ref7.index,
+    t = _ref7.t,
+    updateHandle = _ref7.updateHandle,
+    disabled = _ref7.disabled,
+    hostUrl = _ref7.hostUrl;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      border: '1px solid #d9d9d9',
+      padding: '3px'
+    }
+  }, t.isEdit || disabled ? /*#__PURE__*/React.createElement(PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#aaa'
+    }
+  }) : /*#__PURE__*/React.createElement(Popover, {
+    content: /*#__PURE__*/React.createElement(ApaasUploadFile, _objectSpread2(_objectSpread2({}, t.componentConfig), {}, {
+      value: val,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      hostUrl: hostUrl
+    })),
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(PlusSquareOutlined, {
+    style: {
+      fontSize: 18
+    }
+  })), /*#__PURE__*/React.createElement(FileRender, {
+    fileList: val,
+    canDownload: true
+  }));
+};
+var EditRenderMap = {
+  INPUT: function INPUT(_ref8) {
+    var val = _ref8.val,
+      record = _ref8.record,
+      index = _ref8.index,
+      t = _ref8.t,
+      updateHandle = _ref8.updateHandle,
+      disabled = _ref8.disabled;
+    var precisionValue = t.precision === 'nolimit' ? undefined : t.precision;
+    return !t.isEdit && !disabled ? t.isNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      precision: precisionValue,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      stringMode: true
+    }) : /*#__PURE__*/React.createElement(Input, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      onChange: function onChange(e) {
+        var _e$target;
+        return updateHandle(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value, index, t.key);
+      }
+    }) : /*#__PURE__*/React.createElement("div", null, val);
+  },
+  TEXTAREA: function TEXTAREA(_ref9) {
+    var val = _ref9.val,
+      record = _ref9.record,
+      index = _ref9.index,
+      t = _ref9.t,
+      updateHandle = _ref9.updateHandle,
+      disabled = _ref9.disabled;
+    var precisionValue = t.precision === 'nolimit' ? undefined : t.precision;
+    return !t.isEdit && !disabled ? t.isNumber ? /*#__PURE__*/React.createElement(InputNumber, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      precision: precisionValue,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      stringMode: true
+    }) : /*#__PURE__*/React.createElement(Input, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      onChange: function onChange(e) {
+        var _e$target2;
+        return updateHandle(e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value, index, t.key);
+      }
+    }) : /*#__PURE__*/React.createElement("div", null, val);
+  },
+  PICTURE: function PICTURE(_ref10) {
+    var val = _ref10.val,
+      record = _ref10.record,
+      index = _ref10.index,
+      t = _ref10.t,
+      updateHandle = _ref10.updateHandle,
+      disabled = _ref10.disabled;
+    return /*#__PURE__*/React.createElement(EditPictureRender, {
+      val: val,
+      t: t,
+      disabled: disabled,
+      index: index,
+      updateHandle: updateHandle,
+      hostUrl: hostUrl
+    });
+  },
+  FILE: function FILE(_ref11) {
+    var val = _ref11.val,
+      record = _ref11.record,
+      index = _ref11.index,
+      t = _ref11.t,
+      updateHandle = _ref11.updateHandle,
+      disabled = _ref11.disabled;
+    return /*#__PURE__*/React.createElement(EditFileRender, {
+      val: val,
+      t: t,
+      disabled: disabled,
+      index: index,
+      updateHandle: updateHandle,
+      hostUrl: hostUrl
+    });
+  },
+  RADIO: function RADIO(_ref12) {
+    var val = _ref12.val,
+      record = _ref12.record,
+      index = _ref12.index,
+      t = _ref12.t,
+      updateHandle = _ref12.updateHandle,
+      disabled = _ref12.disabled,
+      componentDto = _ref12.componentDto;
+    return /*#__PURE__*/React.createElement(ApaasRadio, _objectSpread2(_objectSpread2({}, componentDto === null || componentDto === void 0 ? void 0 : componentDto.componentConfig), {}, {
+      value: val,
+      disabled: t.isEdit || disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      }
+    }));
+  },
+  SELECT: function SELECT(_ref13) {
+    var val = _ref13.val,
+      record = _ref13.record,
+      index = _ref13.index,
+      t = _ref13.t,
+      updateHandle = _ref13.updateHandle,
+      disabled = _ref13.disabled,
+      componentDto = _ref13.componentDto;
+    return /*#__PURE__*/React.createElement(ApaasSelect, _objectSpread2(_objectSpread2({}, componentDto === null || componentDto === void 0 ? void 0 : componentDto.componentConfig), {}, {
+      value: val,
+      disabled: t.isEdit || disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      }
+    }));
+  },
+  CHECKBOX: function CHECKBOX(_ref14) {
+    var val = _ref14.val,
+      record = _ref14.record,
+      index = _ref14.index,
+      t = _ref14.t,
+      updateHandle = _ref14.updateHandle,
+      disabled = _ref14.disabled,
+      componentDto = _ref14.componentDto;
+    return /*#__PURE__*/React.createElement(ApaasCheckbox, _objectSpread2(_objectSpread2({}, componentDto === null || componentDto === void 0 ? void 0 : componentDto.componentConfig), {}, {
+      value: val,
+      disabled: t.isEdit || disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      }
+    }));
+  },
+  BASIC_MULT_SELECT: function BASIC_MULT_SELECT(_ref15) {
+    var val = _ref15.val,
+      record = _ref15.record,
+      index = _ref15.index,
+      t = _ref15.t,
+      updateHandle = _ref15.updateHandle,
+      disabled = _ref15.disabled,
+      componentDto = _ref15.componentDto;
+    return /*#__PURE__*/React.createElement(ApaasMultipleSelect, _objectSpread2(_objectSpread2({}, componentDto === null || componentDto === void 0 ? void 0 : componentDto.componentConfig), {}, {
+      value: val,
+      disabled: t.isEdit || disabled,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      }
+    }));
+  }
+};
+
 function HoverTableRowDeleteIcon(_ref) {
   var index = _ref.index,
     hoveredRowIndex = _ref.hoveredRowIndex,
@@ -8071,8 +8504,15 @@ function HoverTableRowDeleteIcon(_ref) {
 
 var WidgetMap = {
   INPUT: 'input',
-  TEXTAREA: 'textarea'
+  TEXTAREA: 'textarea',
+  PICTURE: 'picture',
+  FILE: 'file',
+  RADIO: 'radio',
+  CHECKBOX: 'checkbox',
+  SELECT: 'select',
+  BASIC_MULT_SELECT: 'basicMultSelect'
 };
+var filterComponentType = ['PICTURE', 'FILE'];
 var pageSize = 50;
 var SubForm = function SubForm(props) {
   var _selectOptions$;
@@ -8121,6 +8561,10 @@ var SubForm = function SubForm(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     hoveredRowIndex = _useState14[0],
     setHoveredRowIndex = _useState14[1];
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    componentDtoList = _useState16[0],
+    setComponentDtoList = _useState16[1];
   var updateHandle = function updateHandle(val, index, type) {
     if (value === null || value === void 0 ? void 0 : value.length) {
       var valueItem = tableHeader.find(function (t) {
@@ -8154,7 +8598,7 @@ var SubForm = function SubForm(props) {
     title: '序号',
     width: 50,
     render: function render(val, record, index) {
-      return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
+      return disabled ? /*#__PURE__*/React.createElement("div", null, index + 1) : /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
         index: index,
         hoveredRowIndex: hoveredRowIndex,
         handleClick: function handleClick() {
@@ -8174,18 +8618,16 @@ var SubForm = function SubForm(props) {
       ellipsis: true,
       width: t.width,
       render: function render(val, record, index) {
-        // @ts-ignore
-        var precisionValue = t.precision === 'nolimit' ? undefined : t.precision;
-        return !t.isEdit && !disabled ? t.isNumber ? /*#__PURE__*/React.createElement(InputNumber, {
-          style: {
-            width: '100%'
-          },
-          value: val,
-          precision: precisionValue,
-          onChange: function onChange(e) {
-            return updateHandle(e, index, t.key);
-          },
-          stringMode: true
+        return EditRenderMap[t.workOrderComponentType] ? EditRenderMap[t.workOrderComponentType]({
+          val: val,
+          record: record,
+          index: index,
+          t: t,
+          updateHandle: updateHandle,
+          disabled: disabled,
+          componentDto: componentDtoList.find(function (item) {
+            return item.uniqueKey === t.key;
+          })
         }) : /*#__PURE__*/React.createElement(Input, {
           style: {
             width: '100%'
@@ -8195,7 +8637,7 @@ var SubForm = function SubForm(props) {
             var _e$target;
             return updateHandle(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value, index, t.key);
           }
-        }) : /*#__PURE__*/React.createElement("div", null, val);
+        });
       }
     };
   })), [disabled ? {} : {
@@ -8236,28 +8678,50 @@ var SubForm = function SubForm(props) {
         return index + 1;
       }
     }].concat(_toConsumableArray(newTableHeader.map(function (t) {
-      return {
+      var item = {
         dataIndex: t.key,
         title: t.name,
         width: 90
       };
+      if (renderMap[t.workOrderComponentType]) {
+        item.render = function (val) {
+          return renderMap[t.workOrderComponentType](val);
+        };
+      }
+      return item;
     })));
   }, [newTableHeader]);
   var valueMap = useMemo(function () {
     return newTableHeader.reduce(function (prv, next) {
-      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = next.key;
+      var item = {
+        key: next.key,
+        workOrderComponentType: next.workOrderComponentType,
+        defaultValue: ''
+      };
+      if (['PICTURE', 'FILE', 'BASIC_MULT_SELECT'].includes(next.workOrderComponentType)) {
+        item.defaultValue = [];
+      }
+      if (['RADIO', 'CHECKBOX'].includes(next.workOrderComponentType)) {
+        item.defaultValue = {
+          value: next.workOrderComponentType === 'RADIO' ? '' : [],
+          other: ''
+        };
+      }
+      prv["".concat(next.key, "_").concat(WidgetMap[next.workOrderComponentType])] = item;
       return prv;
     }, {});
   }, [newTableHeader]);
   var defaultValueMap = useMemo(function () {
     return Object.keys(valueMap).reduce(function (prv, next) {
-      prv["".concat(valueMap[next])] = '';
+      prv["".concat(valueMap[next].key)] = valueMap[next].defaultValue;
       return prv;
     }, {});
   }, [valueMap]);
   var selectOptions = useMemo(function () {
     var _options$;
-    var options = newTableHeader.map(function (item) {
+    var options = newTableHeader.filter(function (item) {
+      return !filterComponentType.includes(item.workOrderComponentType);
+    }).map(function (item) {
       return {
         label: item.name,
         value: "".concat(item.key, "_").concat(WidgetMap[item.workOrderComponentType])
@@ -8299,10 +8763,14 @@ var SubForm = function SubForm(props) {
       var _ref2,
         _ref2$pageNo,
         pageNo,
+        _yield$request,
+        templateDetail,
         params,
         res,
         data,
         success,
+        transDataSourceItem,
+        headerKeys,
         newList,
         _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -8315,6 +8783,18 @@ var SubForm = function SubForm(props) {
             }
             return _context.abrupt("return");
           case 3:
+            _context.next = 5;
+            return extendRequest('/qy/gdfw/template/queryTemplateDetail', {
+              method: 'post',
+              data: {
+                templateType: 'QY_CUSTOM',
+                uniqueKey: workOrderTemplateId
+              }
+            });
+          case 5:
+            _yield$request = _context.sent;
+            templateDetail = _yield$request.data;
+            setComponentDtoList((templateDetail === null || templateDetail === void 0 ? void 0 : templateDetail.componentDtoList) || []);
             params = {
               flowNodeId: nodeId,
               flowTemplateKey: flowTemplateKey === null || flowTemplateKey === void 0 ? void 0 : flowTemplateKey[1],
@@ -8340,22 +8820,27 @@ var SubForm = function SubForm(props) {
                 value: [inputValue]
               }];
             }
-            _context.next = 7;
+            _context.next = 12;
             return extendRequest('/qy/view/workOrderList', {
               method: 'post',
               data: params
             });
-          case 7:
+          case 12:
             res = _context.sent;
             data = res.data, success = res.success;
             if (success) {
+              transDataSourceItem = transformWorkOrderData(templateDetail.componentDtoList, 'init');
+              headerKeys = correlationList.map(function (t) {
+                return t.key;
+              });
               newList = ((data === null || data === void 0 ? void 0 : data.list) || []).map(function (item) {
+                var value = transDataSourceItem(item);
                 var params = {
                   uuid: uuid()
                 };
-                Object.keys(item.jsonMap).forEach(function (key) {
-                  if (valueMap[key]) {
-                    params[valueMap[key]] = item.jsonMap[key];
+                Object.keys(value).forEach(function (key) {
+                  if (headerKeys.includes(key)) {
+                    params[key] = value[key];
                   }
                 });
                 return params;
@@ -8369,7 +8854,7 @@ var SubForm = function SubForm(props) {
               setHasMore((data === null || data === void 0 ? void 0 : data.list.length) === pageSize);
               isRequest.current = false;
             }
-          case 10:
+          case 15:
           case "end":
             return _context.stop();
         }
@@ -11810,6 +12295,7 @@ var jstGoods = function jstGoods(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     onChange = props.onChange,
+    _onBlur = props.onBlur,
     disabled = props.disabled,
     _props$type = props.type,
     type = _props$type === void 0 ? 1 : _props$type,
@@ -11824,7 +12310,7 @@ var jstGoods = function jstGoods(props) {
     changeIndex = _useState2[0],
     setChangeIndex = _useState2[1]; //选中的包裹
   var sendOptions = SendDataCenter.getInstance(platformType).getSendData();
-  var isSelectName = ['wdt', 'bsE3', 'km', 'gy', 'jst'].includes(platformType);
+  var isSelectName = ['wdt', 'bsE3', 'km', 'gy', 'jst', 'jy'].includes(platformType);
   var expressDateInstance = ExpressData.getInstance(platformType);
   var isSendGoodSavedId = isSelectName && !['jst'].includes(platformType);
   useEffect(function () {
@@ -11939,6 +12425,9 @@ var jstGoods = function jstGoods(props) {
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'logisticsCode');
     },
+    onBlur: function onBlur(e) {
+      return _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e.target.value);
+    },
     value: (_value$changeIndex6 = value[changeIndex]) === null || _value$changeIndex6 === void 0 ? void 0 : _value$changeIndex6.logisticsCode
   }) : null) : null, type === 2 ? /*#__PURE__*/React.createElement(Space, null, ['supplyId', 'all'].includes(showField) && /*#__PURE__*/React.createElement(Input, {
     disabled: disabled,
@@ -21805,6 +22294,7 @@ var OrderSubForm = function OrderSubForm(props) {
     manual = props.manual,
     correlationList = props.subConfig.correlationList,
     effects = props.effects;
+  console.log('effects', effects);
   var valueRef = useRef(value);
   useEffect(function () {
     valueRef.current = value;
@@ -21866,7 +22356,7 @@ var OrderSubForm = function OrderSubForm(props) {
       width: 80,
       ellipsis: true,
       render: function render(val, record, index) {
-        return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
+        return disabled ? /*#__PURE__*/React.createElement("div", null, index + 1) : /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
           index: index,
           hoveredRowIndex: hoveredRowIndex,
           handleClick: function handleClick() {
@@ -21929,8 +22419,7 @@ var OrderSubForm = function OrderSubForm(props) {
       });
     }
     return list;
-  }, [newTableHeader, disabled, updateHandle]);
-  console.log('column', column);
+  }, [newTableHeader, disabled, updateHandle, hoveredRowIndex]);
   var orderModalColumns = useMemo(function () {
     return [{
       dataIndex: '',
@@ -21985,11 +22474,16 @@ var OrderSubForm = function OrderSubForm(props) {
     }));
   };
   var getDataSourceAsync = function getDataSourceAsync() {
-    var _effects$form;
-    var _ref = (effects === null || effects === void 0 ? void 0 : (_effects$form = effects.form) === null || _effects$form === void 0 ? void 0 : _effects$form.getFieldsValue()) || {},
-      _ref$shopId = _ref.shopId,
-      shopId = _ref$shopId === void 0 ? '' : _ref$shopId;
-    return (value === null || value === void 0 ? void 0 : value.orderNo) && shopId ? getOrderListSingleton$4({
+    var _ref = effects || {},
+      shopList = _ref.shopList,
+      form = _ref.form;
+    var _ref2 = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {},
+      _ref2$shopId = _ref2.shopId,
+      shopId = _ref2$shopId === void 0 ? '' : _ref2$shopId;
+    var JOIN_SHOP = shopList === null || shopList === void 0 ? void 0 : shopList.find(function (item) {
+      return !item.notJoin && item.shopId == shopId;
+    });
+    return (value === null || value === void 0 ? void 0 : value.orderNo) && shopId && JOIN_SHOP ? getOrderListSingleton$4({
       orderNo: value === null || value === void 0 ? void 0 : value.orderNo,
       shopId: shopId
     }).then(function (data) {
@@ -25434,13 +25928,11 @@ var typeMap$6 = {
       }
     },
     asyncGetData: function () {
-      var _asyncGetData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(tradeId) {
+      var _asyncGetData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              return _context.abrupt("return", servers.SKX.querySkxOrderDetailSingleton({
-                tid: tradeId
-              }).then(function (res) {
+              return _context.abrupt("return", servers.SKX.querySkxOrderDetailSingleton(params).then(function (res) {
                 var orderDetailInfoList = res.data.orderDetailInfoList || [];
                 return orderDetailInfoList;
               }));
@@ -25475,13 +25967,11 @@ var typeMap$6 = {
       }
     },
     asyncGetData: function () {
-      var _asyncGetData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(tradeId) {
+      var _asyncGetData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              return _context2.abrupt("return", servers.SKX.queryReturnOrderDetailSingleton({
-                tid: tradeId
-              }).then(function (res) {
+              return _context2.abrupt("return", servers.SKX.queryReturnOrderDetailSingleton(params).then(function (res) {
                 var skqReturnOrderDetailInfoDtos = res.data.skqReturnOrderDetailInfoDtos || [];
                 return skqReturnOrderDetailInfoDtos;
               }));
@@ -25546,32 +26036,42 @@ var IdInputSelect = function IdInputSelect(props) {
   }, [value]);
   var asyncQueryData = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var tradeId;
+      var _form$getFieldValue, _form$getFieldValue$;
+      var tradeId, skxReturnExpressCode, blurFrom;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             tradeId = form.getFieldValue('m3ap1EvEyd');
+            skxReturnExpressCode = (_form$getFieldValue = form.getFieldValue('4487c6516b')) === null || _form$getFieldValue === void 0 ? void 0 : (_form$getFieldValue$ = _form$getFieldValue[0]) === null || _form$getFieldValue$ === void 0 ? void 0 : _form$getFieldValue$.logisticsCode;
+            blurFrom = form.getFieldValue('skx_return_billNo_blur_from');
             console.log('asyncQueryData---', {
+              skxReturnExpressCode: skxReturnExpressCode,
+              blurFrom: blurFrom,
               tradeId: tradeId,
               tradeIdRef: tradeIdRef.current,
               form: form
             });
-            if (tradeId) {
-              _context3.next = 5;
+            if (!(type === 'SKX_OUTBOUND_NOTICE_NO' && !tradeId || type === 'SKX_RETURN_BILL_NO' && !tradeId && !skxReturnExpressCode)) {
+              _context3.next = 7;
               break;
             }
             setDataSource([]);
             return _context3.abrupt("return");
-          case 5:
+          case 7:
             setSpinning(true);
-            typeMap$6[type].asyncGetData(tradeId).then(function (data) {
+            // 判断是从哪个组件失焦，若是从[SKX]退换物流信息(TH)失焦，则根据物流单号查询，若是从订单号组件失焦，则根据订单号查询
+            typeMap$6[type].asyncGetData(type === 'SKX_RETURN_BILL_NO' && blurFrom === '4487c6516b' ? {
+              expressCode: skxReturnExpressCode
+            } : {
+              tid: tradeId
+            }).then(function (data) {
               setDataSource(data);
             }).catch(function () {
               setDataSource([]);
             }).finally(function () {
               setSpinning(false);
             });
-          case 7:
+          case 9:
           case "end":
             return _context3.stop();
         }
@@ -25668,7 +26168,14 @@ var IdInputSelect = function IdInputSelect(props) {
       value: value,
       isInput: isInput
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange(val, value !== val && !!isInput);
+    var isReturnBillNoChange = type === 'SKX_RETURN_BILL_NO' && form.getFieldValue('skx_return_billNo_blur_from') === '4487c6516b';
+    onChange === null || onChange === void 0 ? void 0 : onChange(val, value !== val && (!!isInput || isReturnBillNoChange));
+    // 如果类型是[SKX]退换货单号，则根据blurFrom判断是从[SKX]退换物流信息(TH)失焦，则调用onBlur
+    isReturnBillNoChange && (_onBlur === null || _onBlur === void 0 ? void 0 : _onBlur({
+      target: {
+        value: val
+      }
+    }));
     // 关闭浮窗
     setPopoverVisible(false);
   };
@@ -25784,4 +26291,4 @@ var SkxGoods = function SkxGoods(props) {
   }));
 };
 
-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, ApaasUploadAsync$1 as ApaasUploadAsync, ApaasUploadFile, index as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$2 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$3 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, OrderSubForm, utils as OrderSubFormUtils, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, SkxGoods, IdInputSelect as SkxIdInputSelect, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$1 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$7 as getJyColumns, getColumns$6 as getKmColumns, getColumns$8 as getSkxColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns, orderSubFormConstants };
+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, ApaasUploadAsync$1 as ApaasUploadAsync, ApaasUploadFile, index as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$2 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$3 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, OrderSubForm, utils as OrderSubFormUtils, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, SkxGoods, IdInputSelect as SkxIdInputSelect, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$1 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$7 as getJyColumns, getColumns$6 as getKmColumns, getColumns$8 as getSkxColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns, orderSubFormConstants, renderMap };