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

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,436 @@ 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 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
+    });
+  }
+};
+var EditPictureRender = function EditPictureRender(_ref5) {
+  var _ref5$val = _ref5.val,
+    val = _ref5$val === void 0 ? [] : _ref5$val,
+    index = _ref5.index,
+    t = _ref5.t,
+    updateHandle = _ref5.updateHandle,
+    disabled = _ref5.disabled,
+    hostUrl = _ref5.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(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(PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#333'
+    }
+  }), /*#__PURE__*/React.createElement(PictureRender, {
+    value: finalPictures,
+    width: 24,
+    hostUrl: hostUrl
+  }));
+};
+var EditFileRender = function EditFileRender(_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;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      border: '1px solid #d9d9d9',
+      padding: '3px'
+    }
+  }, !t.isEdit && !disabled ? /*#__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(PlusSquareOutlined, {
+    style: {
+      fontSize: 18,
+      color: '#333'
+    }
+  }), /*#__PURE__*/React.createElement(FileRender, {
+    fileList: val,
+    canDownload: true
+  }));
+};
+var EditRenderMap = {
+  INPUT: function INPUT(_ref7) {
+    var val = _ref7.val,
+      record = _ref7.record,
+      index = _ref7.index,
+      t = _ref7.t,
+      updateHandle = _ref7.updateHandle,
+      disabled = _ref7.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(_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$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(_ref9) {
+    var val = _ref9.val,
+      record = _ref9.record,
+      index = _ref9.index,
+      t = _ref9.t,
+      updateHandle = _ref9.updateHandle,
+      disabled = _ref9.disabled;
+    return !t.isEdit && !disabled ? /*#__PURE__*/React.createElement(EditPictureRender, {
+      val: val,
+      t: t,
+      disabled: disabled,
+      index: index,
+      updateHandle: updateHandle,
+      hostUrl: hostUrl
+    }) : /*#__PURE__*/React.createElement(PictureRender, {
+      value: val,
+      width: 20,
+      hostUrl: hostUrl
+    });
+  },
+  FILE: function FILE(_ref10) {
+    var val = _ref10.val,
+      record = _ref10.record,
+      index = _ref10.index,
+      t = _ref10.t,
+      updateHandle = _ref10.updateHandle,
+      disabled = _ref10.disabled;
+    return !t.isEdit && !disabled ? /*#__PURE__*/React.createElement(EditFileRender, {
+      val: val,
+      t: t,
+      disabled: disabled,
+      index: index,
+      updateHandle: updateHandle,
+      hostUrl: hostUrl
+    }) : /*#__PURE__*/React.createElement(FileRender, {
+      fileList: val,
+      canDownload: true
+    });
+  },
+  RADIO: function RADIO(_ref11) {
+    var val = _ref11.val,
+      record = _ref11.record,
+      index = _ref11.index,
+      t = _ref11.t,
+      updateHandle = _ref11.updateHandle,
+      disabled = _ref11.disabled,
+      componentDto = _ref11.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(_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(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(_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(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(_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(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 +8501,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 +8558,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) {
@@ -8174,18 +8615,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 +8634,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 +8675,53 @@ 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: ''
+        };
+      }
+      if (['SELECT'].includes(next.workOrderComponentType)) {
+        item.defaultValue = '';
+      }
+      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])
@@ -8281,6 +8745,7 @@ var SubForm = function SubForm(props) {
     newValue.splice(index, 0, _objectSpread2(_objectSpread2({}, defaultValueMap), {}, {
       uuid: uuid()
     }));
+    console.log('newValue', newValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   };
   var onScrollCapture = function onScrollCapture(e) {
@@ -8299,10 +8764,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 +8784,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 +8821,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 = tableHeader.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 +8855,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();
         }
@@ -25784,4 +26270,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 };