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

package/dist/index.js

@@ -8059,6 +8059,439 @@ function withFormItem(WrappedComponent) {
  */
 var extendRequest = request.extend({});
 
+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 = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    fileUrl = _useState4[0],
+    setFileUrl = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fileType = _useState6[0],
+    setFileType = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fileName = _useState8[0],
+    setFileName = _useState8[1];
+  var _useState9 = React.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__default['default'].createElement(React__default['default'].Fragment, null, fileList.map(function (item) {
+    return /*#__PURE__*/React__default['default'].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__default['default'].createElement(antd.Modal, {
+    visible: visible,
+    title: fileName,
+    footer: null,
+    onCancel: handleCancel
+  }, canDownload ? /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    type: "link",
+    onClick: function onClick() {
+      return download(fileUrl, fileName);
+    },
+    loading: downloading
+  }, "\u4E0B\u8F7D") : /*#__PURE__*/React__default['default'].createElement(reactCopyToClipboard.CopyToClipboard, {
+    text: fileUrl,
+    onCopy: function onCopy() {
+      antd.message.success('复制成功');
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+    type: "link"
+  }, "\u4E0B\u8F7D\u5730\u5740")), fileType === 'pic' ? /*#__PURE__*/React__default['default'].createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: fileUrl
+  }) : /*#__PURE__*/React__default['default'].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__default['default'].createElement(antd.Image.PreviewGroup, null, value === null || value === void 0 ? void 0 : value.map(function (pic) {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        marginRight: '5px',
+        display: 'inline-block'
+      },
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+      width: width,
+      src: kmkfUtils.imgResize(pic || ''),
+      preview: {
+        src: kmkfUtils.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__default['default'].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 && kmkfUtils.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__default['default'].createElement(PictureRender, {
+      value: finalPictures,
+      hostUrl: 'https://kefu.kuaimai.com'
+    });
+  },
+  FILE: function FILE(value) {
+    return /*#__PURE__*/React__default['default'].createElement(FileRender, {
+      fileList: value,
+      canDownload: true
+    });
+  },
+  RADIO: function RADIO(value) {
+    return /*#__PURE__*/React__default['default'].createElement(RadioRender, {
+      value: value
+    });
+  },
+  CHECKBOX: function CHECKBOX(value) {
+    return /*#__PURE__*/React__default['default'].createElement(CheckboxRender, {
+      value: value
+    });
+  },
+  BASIC_MULT_SELECT: function BASIC_MULT_SELECT(value) {
+    return /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      border: '1px solid #d9d9d9',
+      padding: '3px'
+    }
+  }, t.isEdit || disabled ? /*#__PURE__*/React__default['default'].createElement(icons.PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#aaa'
+    }
+  }) : /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+    content: /*#__PURE__*/React__default['default'].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__default['default'].createElement(icons.PlusSquareOutlined, {
+    style: {
+      fontSize: 18
+    }
+  })), /*#__PURE__*/React__default['default'].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__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      border: '1px solid #d9d9d9',
+      padding: '3px'
+    }
+  }, t.isEdit || disabled ? /*#__PURE__*/React__default['default'].createElement(icons.PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#aaa'
+    }
+  }) : /*#__PURE__*/React__default['default'].createElement(antd.Popover, {
+    content: /*#__PURE__*/React__default['default'].createElement(ApaasUploadFile, _objectSpread2(_objectSpread2({}, t.componentConfig), {}, {
+      value: val,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      hostUrl: hostUrl
+    })),
+    trigger: "click"
+  }, /*#__PURE__*/React__default['default'].createElement(icons.PlusSquareOutlined, {
+    style: {
+      fontSize: 18
+    }
+  })), /*#__PURE__*/React__default['default'].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__default['default'].createElement(antd.InputNumber, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      precision: precisionValue,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      stringMode: true
+    }) : /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].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__default['default'].createElement(antd.InputNumber, {
+      style: {
+        width: '100%'
+      },
+      value: val,
+      precision: precisionValue,
+      onChange: function onChange(e) {
+        return updateHandle(e, index, t.key);
+      },
+      stringMode: true
+    }) : /*#__PURE__*/React__default['default'].createElement(antd.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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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__default['default'].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,
@@ -8084,8 +8517,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$;
@@ -8134,6 +8574,10 @@ var SubForm = function SubForm(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     hoveredRowIndex = _useState14[0],
     setHoveredRowIndex = _useState14[1];
+  var _useState15 = React.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) {
@@ -8167,7 +8611,7 @@ var SubForm = function SubForm(props) {
     title: '序号',
     width: 50,
     render: function render(val, record, index) {
-      return /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
+      return disabled ? /*#__PURE__*/React__default['default'].createElement("div", null, index + 1) : /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
         index: index,
         hoveredRowIndex: hoveredRowIndex,
         handleClick: function handleClick() {
@@ -8187,18 +8631,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__default['default'].createElement(antd.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__default['default'].createElement(antd.Input, {
           style: {
             width: '100%'
@@ -8208,7 +8650,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__default['default'].createElement("div", null, val);
+        });
       }
     };
   })), [disabled ? {} : {
@@ -8249,28 +8691,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 = React.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 = React.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 = React.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])
@@ -8312,10 +8776,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) {
@@ -8328,6 +8796,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],
@@ -8353,22 +8833,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 = kmkfUtils.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: kmkfUtils.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;
@@ -8382,7 +8867,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();
         }
@@ -11823,6 +12308,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,
@@ -11837,7 +12323,7 @@ var jstGoods = function jstGoods(props) {
     changeIndex = _useState2[0],
     setChangeIndex = _useState2[1]; //选中的包裹
   var sendOptions = kmkfUtils.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 = kmkfUtils.ExpressData.getInstance(platformType);
   var isSendGoodSavedId = isSelectName && !['jst'].includes(platformType);
   React.useEffect(function () {
@@ -11952,6 +12438,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__default['default'].createElement(antd.Space, null, ['supplyId', 'all'].includes(showField) && /*#__PURE__*/React__default['default'].createElement(antd.Input, {
     disabled: disabled,
@@ -21818,6 +22307,7 @@ var OrderSubForm = function OrderSubForm(props) {
     manual = props.manual,
     correlationList = props.subConfig.correlationList,
     effects = props.effects;
+  console.log('effects', effects);
   var valueRef = React.useRef(value);
   React.useEffect(function () {
     valueRef.current = value;
@@ -21879,7 +22369,7 @@ var OrderSubForm = function OrderSubForm(props) {
       width: 80,
       ellipsis: true,
       render: function render(val, record, index) {
-        return /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
+        return disabled ? /*#__PURE__*/React__default['default'].createElement("div", null, index + 1) : /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
           index: index,
           hoveredRowIndex: hoveredRowIndex,
           handleClick: function handleClick() {
@@ -21942,8 +22432,7 @@ var OrderSubForm = function OrderSubForm(props) {
       });
     }
     return list;
-  }, [newTableHeader, disabled, updateHandle]);
-  console.log('column', column);
+  }, [newTableHeader, disabled, updateHandle, hoveredRowIndex]);
   var orderModalColumns = React.useMemo(function () {
     return [{
       dataIndex: '',
@@ -21998,11 +22487,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) {
@@ -25447,13 +25941,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", kmkfUtils.servers.SKX.querySkxOrderDetailSingleton({
-                tid: tradeId
-              }).then(function (res) {
+              return _context.abrupt("return", kmkfUtils.servers.SKX.querySkxOrderDetailSingleton(params).then(function (res) {
                 var orderDetailInfoList = res.data.orderDetailInfoList || [];
                 return orderDetailInfoList;
               }));
@@ -25488,13 +25980,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", kmkfUtils.servers.SKX.queryReturnOrderDetailSingleton({
-                tid: tradeId
-              }).then(function (res) {
+              return _context2.abrupt("return", kmkfUtils.servers.SKX.queryReturnOrderDetailSingleton(params).then(function (res) {
                 var skqReturnOrderDetailInfoDtos = res.data.skqReturnOrderDetailInfoDtos || [];
                 return skqReturnOrderDetailInfoDtos;
               }));
@@ -25559,32 +26049,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();
         }
@@ -25681,7 +26181,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);
   };
@@ -25881,3 +26388,4 @@ exports.getSkxColumns = getColumns$8;
 exports.getWdtColumns = getColumns$2;
 exports.getWlnColumns = getColumns$3;
 exports.orderSubFormConstants = orderSubFormConstants;
+exports.renderMap = renderMap;