@kmkf-fe-packages/kmkf-work-order-service-component 1.0.3 → 1.0.4-rc.2

package/dist/esm/FlowTemplateDetail/components/FormRender/index.js

@@ -28,7 +28,7 @@ import { get, some, set, every, cloneDeep, isEmpty, intersection, throttle } fro
 import 'moment/locale/zh-cn';
 import { calcWorkOrderList, orderBack, getReplaceWarnValues, COMPONENT_MAP_NAME, EXCLUDE_REPLACE_TOP_COMPONENT,
 // 重复检验不需要展示在顶部的
-INNER_REPLACE_COMPONENT, reversalFormValues, bsSystemOrderBackValues, wlnSystemOrderBackValues, getMappingConfigByTemplateDetail, wdtSystemOrderBackValues, setLogisticsInfo } from "../../../common/utils/tools";
+INNER_REPLACE_COMPONENT, reversalFormValues, bsSystemOrderBackValues, wlnSystemOrderBackValues, getMappingConfigByTemplateDetail, wdtSystemOrderBackValues, setLogisticsInfo, COMPONENT_MAP } from "../../../common/utils/tools";
 import { replaceCheck, orderDetail } from "../../../model/servers/api";
 import { factory } from '@kmkf-fe-packages/services-components';
 import { getExpression, formatDisplayConfig, isNull } from '@kmkf-fe-packages/kmkf-utils';
@@ -179,7 +179,7 @@ var FormRender = function FormRender(props, ref) {
     var obj = {};
     Object.keys(params).forEach(function (key) {
       var _params$key;
-      if (params[key] && ((_params$key = params[key]) === null || _params$key === void 0 ? void 0 : _params$key.indexOf('*')) > -1) {
+      if (params[key] && typeof params[key] === 'string' && ((_params$key = params[key]) === null || _params$key === void 0 ? void 0 : _params$key.indexOf('*')) > -1) {
         obj[key] = 0;
       }
     });
@@ -432,8 +432,45 @@ var FormRender = function FormRender(props, ref) {
     (antFormEl === null || antFormEl === void 0 ? void 0 : antFormEl.length) > 0 && set(antFormEl, '0.scrollTop', 0);
     resetMappdingHideComponents();
   };
+  var repeatWarningDataSchema = function repeatWarningDataSchema(formValue, templateDetail) {
+    var getKeyByValue = function getKeyByValue(value) {
+      return Object.keys(COMPONENT_MAP).find(function (key) {
+        return COMPONENT_MAP[key] === value;
+      });
+    };
+    var needRepeatWarnComponent = Object.values(COMPONENT_MAP);
+    return templateDetail.componentDtoList.reduce(function (cur, nxt) {
+      if (needRepeatWarnComponent !== null && needRepeatWarnComponent !== void 0 && needRepeatWarnComponent.includes(nxt === null || nxt === void 0 ? void 0 : nxt.workOrderComponentType)) {
+        var instance = factory(nxt.workOrderComponentType, {
+          id: nxt.uniqueKey,
+          name: nxt.name,
+          componentConfig: nxt.componentConfig,
+          effects: {},
+          type: nxt.workOrderComponentType
+        });
+        var _id = instance === null || instance === void 0 ? void 0 : instance.id;
+        var value = formValue[_id];
+        var _key = getKeyByValue(nxt.workOrderComponentType);
+        // TODO: 如果是订单号组件, 将值设置为orderNo
+        if (nxt.workOrderComponentType === 'TRADE_ID_INPUT') {
+          _key = 'orderNo';
+        }
+        if (_key) {
+          cur[_key] = value;
+        }
+      }
+      return cur;
+    }, {});
+  };
   useEffect(function () {
-    if (isErpUse) return;
+    if (isErpUse && templateDetail) {
+      var formValue = form.getFieldsValue(true);
+      console.debug('表单内容值', formValue);
+      // TODO: 拼装需要重复提醒的组件数据格式
+      var value = repeatWarningDataSchema(formValue, templateDetail);
+      console.debug('重复提醒转换之后数据', value);
+      return orderBackReplace(value, templateDetail);
+    }
     queryDetail({
       workOrderId: workOrderId,
       shopId: shopId,
@@ -443,7 +480,7 @@ var FormRender = function FormRender(props, ref) {
       buyerId: buyerId,
       buyerNick: buyerNick
     });
-  }, [workOrderId, record, shopId, isErpUse]);
+  }, [workOrderId, record, shopId, isErpUse, templateDetail]);
 
   // 重置映射隐藏的组件, 目前只有单选、下拉组件可能会因为映射关系隐藏
   var resetMappdingHideComponents = function resetMappdingHideComponents() {
@@ -474,8 +511,8 @@ var FormRender = function FormRender(props, ref) {
 
   // 批量映射
   var batchFillByMapping = function batchFillByMapping(values) {
-    for (var _key in values) {
-      fillByMapping(_key, values[_key]);
+    for (var _key2 in values) {
+      fillByMapping(_key2, values[_key2]);
     }
   };
   // 组件映射
@@ -488,8 +525,8 @@ var FormRender = function FormRender(props, ref) {
       form.setFieldsValue(mapping === null || mapping === void 0 ? void 0 : mapping[triggerValue]);
     } else {
       var resetSet = new Set();
-      for (var _key2 in mapping) {
-        for (var uniqueKey in mapping[_key2]) {
+      for (var _key3 in mapping) {
+        for (var uniqueKey in mapping[_key3]) {
           resetSet.add(uniqueKey);
         }
       }
@@ -778,7 +815,15 @@ var FormRender = function FormRender(props, ref) {
         componentCanShow = _getDisplayAndDisable.display;
       // TODO: 非前置节点组件渲染消费是否可以编辑配置
       if (!isPreRender) {
-        console.debug(workOrderId ? '编辑状态:' : '新建状态:', name, '是否可以展示: ', componentCanShow, '是否可以编辑: ', !componentCanEdit, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.status);
+        // console.debug(
+        //   workOrderId ? '编辑状态:' : '新建状态:',
+        //   name,
+        //   '是否可以展示: ',
+        //   componentCanShow,
+        //   '是否可以编辑: ',
+        //   !componentCanEdit,
+        //   componentConfig?.status,
+        // );
         newComponentConfig['disabled'] = componentCanEdit;
       }
       if (workOrderComponentType === 'ENTERPRISE_PAYMENT') {

package/dist/esm/FlowTemplateDetail/components/FormRender/index.less

@@ -142,6 +142,9 @@
     font-weight: lighter;
     font-family: 'PingFangSC-Regular';
   }
+  :global(div.ant-typography, .ant-typography p){
+    margin:0
+  }
 }
 
 

package/dist/esm/FlowTemplateDetail/components/Item/index.d.ts

@@ -8,9 +8,12 @@ interface NodeItem {
     shopList: any[];
     onOpenWangWang?: (nick: string, id: string) => void;
     queryRemarkList: () => void;
+    openCloseCallback?: () => void;
     handler: string;
     canWithdraw: boolean;
     readonly?: boolean;
+    visibleType?: string;
+    nodeIsAuto: boolean;
 }
 declare const NodeItem: (props: NodeItem) => React.JSX.Element;
 export default NodeItem;

package/dist/esm/FlowTemplateDetail/components/Item/index.js

@@ -17,7 +17,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useEffect } from 'react';
 import { Form, message } from 'antd';
 import { useRequest } from 'ahooks';
 import { useSelector, useDispatch } from 'react-redux';
@@ -44,11 +44,15 @@ var NodeItem = function NodeItem(props) {
     flowTemplateId = props.flowTemplateId,
     shopList = props.shopList,
     onOpenWangWang = props.onOpenWangWang,
+    openCloseCallback = props.openCloseCallback,
     queryRemarkList = props.queryRemarkList,
     handler = props.handler,
     canWithdraw = props.canWithdraw,
     _props$readonly = props.readonly,
-    readonly = _props$readonly === void 0 ? false : _props$readonly;
+    readonly = _props$readonly === void 0 ? false : _props$readonly,
+    _props$visibleType = props.visibleType,
+    visibleType = _props$visibleType === void 0 ? '' : _props$visibleType,
+    nodeIsAuto = props.nodeIsAuto;
   var dispatch = useDispatch();
   var plat = useSelector(selectPlatInfo);
   var operateParams = useSelector(selectOperateParams);
@@ -70,6 +74,14 @@ var NodeItem = function NodeItem(props) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  useEffect(function () {
+    //只展开非自动化任务
+    if (visibleType === 'open' && !nodeIsAuto) {
+      handleOpen();
+    } else if (visibleType === 'close') {
+      handlePackUp();
+    }
+  }, [visibleType]);
   var _useRequest = useRequest(function () {
       return queryNodeDetail({
         nodeId: nodeId,
@@ -85,10 +97,11 @@ var NodeItem = function NodeItem(props) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (!result.success) {
-                  _context.next = 16;
+                  _context.next = 17;
                   break;
                 }
                 setOpen(true);
+                openCloseCallback === null || openCloseCallback === void 0 ? void 0 : openCloseCallback();
                 // 如果
                 currentNodeDetail = result === null || result === void 0 ? void 0 : result.data;
                 handlerList = currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo = currentNodeDetail.workOrder) === null || _currentNodeDetail$wo === void 0 ? void 0 : _currentNodeDetail$wo.handlerList;
@@ -97,31 +110,31 @@ var NodeItem = function NodeItem(props) {
                 // 有处理人
                 !(assistants !== null && assistants !== void 0 && assistants.isAllStaff) // 不是所有人都能处理，查询能够处理的人
                 )) {
-                  _context.next = 16;
+                  _context.next = 17;
                   break;
                 }
-                _context.prev = 6;
-                _context.next = 9;
+                _context.prev = 7;
+                _context.next = 10;
                 return queryMultiNodeAssistantInfo([{
                   flowTemplateId: flowTemplateId,
                   currentNodeId: nodeId
                 }]);
-              case 9:
+              case 10:
                 assistantRes = _context.sent;
                 if (assistantRes.success) {
                   dispatch(setNodeAssistantInfo(_defineProperty({}, nodeId, ((_assistantRes$data = assistantRes.data) === null || _assistantRes$data === void 0 ? void 0 : _assistantRes$data.userList) || [])));
                 }
-                _context.next = 16;
+                _context.next = 17;
                 break;
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](6);
+              case 14:
+                _context.prev = 14;
+                _context.t0 = _context["catch"](7);
                 console.error(_context.t0);
-              case 16:
+              case 17:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[6, 13]]);
+          }, _callee, null, [[7, 14]]);
         }));
         function onSuccess(_x2) {
           return _onSuccess.apply(this, arguments);
@@ -142,6 +155,7 @@ var NodeItem = function NodeItem(props) {
   var handlePackUp = function handlePackUp() {
     setOpen(false);
     setEditing(false);
+    openCloseCallback === null || openCloseCallback === void 0 ? void 0 : openCloseCallback();
   };
   var handleSave = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {

package/dist/esm/FlowTemplateDetail/components/RemarkListModal/index.js

@@ -41,7 +41,10 @@ var Record = function Record(props) {
   }, /*#__PURE__*/React.createElement("span", null, time), /*#__PURE__*/React.createElement("span", {
     className: styles.operator
   }, operator), operatorType && /*#__PURE__*/React.createElement("span", {
-    className: styles.tag
+    className: styles.tag,
+    style: {
+      color: operatorType === 'REMARK' ? '#FF6600' : ''
+    }
   }, getFlowOperate === null || getFlowOperate === void 0 ? void 0 : getFlowOperate[operatorType]))), /*#__PURE__*/React.createElement("div", null, "\u8282\u70B9\uFF1A", nodeName), /*#__PURE__*/React.createElement("div", {
     className: styles.context
   }, /*#__PURE__*/React.createElement("div", null, context), /*#__PURE__*/React.createElement("div", null, imgList === null || imgList === void 0 ? void 0 : imgList.map(function (item) {

package/dist/esm/FlowTemplateDetail/components/RemarkShow/index.js

@@ -22,7 +22,10 @@ var RemarkShow = function RemarkShow(props) {
   }, /*#__PURE__*/React.createElement("span", null, time), /*#__PURE__*/React.createElement("span", {
     className: styles.operator
   }, operator), operatorType && /*#__PURE__*/React.createElement("span", {
-    className: styles.tag
+    className: styles.tag,
+    style: {
+      color: operatorType === 'REMARK' ? '#FF6600' : ''
+    }
   }, getFlowOperate === null || getFlowOperate === void 0 ? void 0 : getFlowOperate[operatorType])), /*#__PURE__*/React.createElement("span", null, !readonly && /*#__PURE__*/React.createElement("span", {
     className: styles.contextBtn,
     onClick: handleOpenAddRemark

package/dist/esm/FlowTemplateDetail/index.js

@@ -15,7 +15,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, useRef, useMemo } from 'react';
-import { Timeline, ConfigProvider, Form, message, Alert, Button, Spin } from 'antd';
+import { Timeline, ConfigProvider, Form, message, Alert, Button, Spin, Row, Col } from 'antd';
 import { get, find, isEmpty } from 'lodash';
 import { useDispatch, useSelector, Provider, batch } from 'react-redux';
 import store from "../model/store";
@@ -100,6 +100,10 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     remindVisible = _useState8[0],
     setRemindVisible = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    openCloseVisible = _useState10[0],
+    setOpenCloseVisible = _useState10[1];
   var componentDtoList = (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo2 = currentNodeDetail.workOrderTemplateInfo) === null || _currentNodeDetail$wo2 === void 0 ? void 0 : _currentNodeDetail$wo2.componentDtoList) || [];
   var tradeIdComponentDto = componentDtoList.find(function (item) {
     return item.workOrderComponentType === 'TRADE_ID_INPUT';
@@ -479,7 +483,7 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
           case 29:
             return _context4.abrupt("return", callbackAutoSubmitResult({
               success: false,
-              message: (_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) || "接口请求异常"
+              message: (_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) || '接口请求异常'
             }));
           case 30:
             if (get(_context4.t0, 'errorFields.length') > 0) {
@@ -978,11 +982,28 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
     spinning: loading
   }, /*#__PURE__*/React.createElement("div", {
     className: "flowWorkOrderDetail"
-  }, flowStatus && /*#__PURE__*/React.createElement("div", {
+  }, flowStatus && /*#__PURE__*/React.createElement(Row, {
+    justify: 'space-between'
+  }, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("div", {
     className: "header"
   }, "\u6D41\u7A0B\u72B6\u6001\uFF1A", /*#__PURE__*/React.createElement("div", {
     className: "status ".concat(flowStatus)
-  }), /*#__PURE__*/React.createElement("span", null, FLOW_STATUS_V2[flowStatus])), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("span", null, FLOW_STATUS_V2[flowStatus]))), flowTemplateType !== 'SINGLE_PAGE' && /*#__PURE__*/React.createElement(Col, {
+    style: {
+      position: 'relative',
+      zIndex: 1
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "context-btn",
+    onClick: function onClick() {
+      return setOpenCloseVisible('open');
+    }
+  }, "\u5C55\u5F00\u5168\u90E8"), "\uFF5C", /*#__PURE__*/React.createElement("span", {
+    className: "context-btn",
+    onClick: function onClick() {
+      return setOpenCloseVisible('close');
+    }
+  }, "\u6536\u8D77\u5168\u90E8"))), /*#__PURE__*/React.createElement("div", {
     className: "center ".concat(flowStatus ? 'hasStatus' : '', " ").concat(readonly ? 'readonly' : '')
   }, currentTradeIdLinkWorkOrderId.total > 0 && /*#__PURE__*/React.createElement("div", {
     className: "alertRepeatTradeId"
@@ -1007,7 +1028,12 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
       queryRemarkList: queryRemarkList,
       handler: flowRecord.operator,
       canWithdraw: canWithdraw,
-      readonly: readonly
+      readonly: readonly,
+      visibleType: openCloseVisible,
+      nodeIsAuto: flowRecord.nodeIsAuto,
+      openCloseCallback: function openCloseCallback() {
+        setOpenCloseVisible('');
+      }
     }));
   }), currentNodeDetail && /*#__PURE__*/React.createElement(Timeline.Item, null, /*#__PURE__*/React.createElement(CurrentNode, {
     ref: currentNodeRef,

package/dist/esm/FlowTemplateDetail/index.less

@@ -69,6 +69,10 @@
   .ant-form-vertical .ant-form-item .ant-form-item-control {
     width: 100%;
   }
+  .context-btn {
+    color:#1677FF;
+    cursor: pointer;
+  }
 }
 
 .wrap-drawer,

package/dist/esm/WdtTradeList/components/OrderDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { OrderDrawerRefObject, WDTVersionType } from '../interface';
+declare type OrderDrawerPropsType = {
+    version: WDTVersionType;
+};
+declare const _default: React.ForwardRefExoticComponent<OrderDrawerPropsType & React.RefAttributes<OrderDrawerRefObject>>;
+export default _default;

package/dist/esm/WdtTradeList/components/OrderDrawer.js

@@ -0,0 +1,79 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, forwardRef, useImperativeHandle, useRef } from 'react';
+import { Drawer, Button } from 'antd';
+import OrderForm from "./OrderForm/index";
+var OrderDrawer = function OrderDrawer(props, ref) {
+  var version = props.version;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    type = _useState4[0],
+    setType = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    trade = _useState6[0],
+    setTrade = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tradeList = _useState8[0],
+    setTradeList = _useState8[1];
+  var orderFormRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(params) {
+        var type = params.type,
+          trade = params.trade,
+          tradeList = params.tradeList;
+        setType(type);
+        setTrade(trade);
+        setTradeList(tradeList);
+        setOpen(true);
+      }
+    };
+  });
+  var onClose = function onClose() {
+    setOpen(false);
+  };
+  var onConfirm = function onConfirm() {
+    var _orderFormRef$current;
+    (_orderFormRef$current = orderFormRef.current) === null || _orderFormRef$current === void 0 ? void 0 : _orderFormRef$current.submit();
+  };
+  return /*#__PURE__*/React.createElement(Drawer, {
+    title: "\u65B0\u5EFA\u5355\u636E",
+    placement: "right",
+    closable: false,
+    visible: open,
+    onClose: onClose,
+    width: "100%",
+    footer: /*#__PURE__*/React.createElement("div", {
+      className: "btns",
+      style: {
+        float: 'right'
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      style: {
+        marginRight: '10px'
+      },
+      onClick: onClose
+    }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: onConfirm
+    }, "\u4FDD\u5B58"))
+  }, open && trade && /*#__PURE__*/React.createElement(OrderForm, {
+    version: version,
+    trade: trade,
+    tradeList: tradeList,
+    type: type,
+    ref: orderFormRef,
+    onCreate: onClose
+  }));
+};
+export default /*#__PURE__*/forwardRef(OrderDrawer);

package/dist/esm/WdtTradeList/components/OrderForm/ReissueItems.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { WdtTrade, OrderFormItemsRefObject, WDTVersionType } from '../../interface';
+import type { FormInstance } from 'antd';
+declare type ReissueItemsProps = {
+    trade: WdtTrade.TradeInfo;
+    tradeList: WdtTrade.TradeInfo[];
+    form: FormInstance;
+    version: WDTVersionType;
+};
+declare const _default: React.ForwardRefExoticComponent<ReissueItemsProps & React.RefAttributes<OrderFormItemsRefObject>>;
+export default _default;

package/dist/esm/WdtTradeList/components/OrderForm/ReissueItems.js

@@ -0,0 +1,178 @@
+import React, { useImperativeHandle, forwardRef } from 'react';
+import { Form, Input, Radio, InputNumber } from 'antd';
+import { WdtAddressData } from '@kmkf-fe-packages/kmkf-utils';
+import Address from "../fields/Address";
+import LogisticsCode from "../fields/LogisticsCode";
+import Warehouse from "../fields/Warehouse";
+import Goods from "../fields/Goods";
+import { createWdtReissueOrder } from "../../../model/servers/api";
+import { cloneDeep } from 'lodash';
+var ReissueItems = function ReissueItems(props, ref) {
+  var trade = props.trade,
+    tradeList = props.tradeList,
+    form = props.form,
+    version = props.version;
+  var addressType = Form.useWatch('addressType', form);
+  useImperativeHandle(ref, function () {
+    return {
+      submit: function submit(params) {
+        var onCreate = params.onCreate,
+          data = params.data;
+        var submitData = cloneDeep(data);
+        if (submitData.address) {
+          submitData.receiverProvince = submitData.address.address[0];
+          submitData.receiverCity = submitData.address.address[1];
+          submitData.receiverDistrict = submitData.address.address[2];
+          submitData.receiverAddress = submitData.address.detail;
+          delete submitData.address;
+        }
+        // if (submitData.warehouse) {
+        //   submitData.sendId = submitData.warehouse.value;
+        //   submitData.sendName = submitData.warehouse.label;
+        //   delete submitData.warehouse;
+        // }
+        if (submitData.tradeDetail) {
+          submitData.tradeNo = submitData.tradeDetail.sid;
+          submitData.specList = submitData.tradeDetail.specList;
+          delete submitData.tradeDetail;
+        }
+        delete submitData.afterSaleType;
+        createWdtReissueOrder(submitData).then(function () {
+          onCreate === null || onCreate === void 0 ? void 0 : onCreate();
+        }).catch(console.log);
+      }
+    };
+  });
+  React.useEffect(function () {
+    WdtAddressData.initData().then(function (wdt) {
+      var _trade$extends;
+      var formDefaultData = {
+        address: {
+          address: [wdt.getProCodeByName(trade.receiverState), wdt.getProCodeByName(trade.receiverCity), wdt.getProCodeByName(trade.receiverDistrict)],
+          detail: trade.receiverAddress
+        },
+        buyerMessage: trade.buyerMessage,
+        buyerNick: (_trade$extends = trade.extends) === null || _trade$extends === void 0 ? void 0 : _trade$extends.buyer_nick,
+        receiverMobile: trade.receiverMobile,
+        receiverName: trade.receiverName,
+        csRemark: trade.sellerMemo,
+        tradeDetail: {
+          // sid: 'JY202401176859', // 旗舰版订单号
+          // sid: 'JY2024010116985', // 企业版 快力文订单号
+          sid: 'JY2024012813517',
+          // 企业版 邹三和订单号
+          // sid: trade.sid,
+          type: 'original',
+          specList: trade.orders.map(function (order) {
+            return {
+              num: order.num,
+              price: order.payment,
+              goodsId: 'TODO: 补全货品id',
+              specNo: order.sysSkuOuterId,
+              goodsName: order.title,
+              imgUrl: order.sysPicPath,
+              specName: order.sysSkuPropertiesName
+            };
+          })
+        },
+        addressType: 'original',
+        tradeType: '补发单',
+        // TODO: 反填带入数据
+        logisticsCode: '8',
+        warehouseNo: '07'
+      };
+      form.setFieldsValue(formDefaultData);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8865\u53D1\u5730\u5740\u7C7B\u578B",
+    name: "addressType",
+    rules: [{
+      required: true,
+      message: '请选择补发地址类型'
+    }]
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    options: [{
+      label: '原地址补发',
+      value: 'original'
+    }, {
+      label: '非原地址补发',
+      value: 'custom'
+    }]
+  })), addressType === 'custom' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6536\u8D27\u4EBA\u540D\u5B57",
+    name: "receiverName",
+    rules: [{
+      required: true,
+      message: '请填写名字'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6536\u8D27\u4EBA\u7535\u8BDD",
+    name: "receiverMobile",
+    rules: [{
+      required: true,
+      message: '请填写手机号'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u6536\u8D27\u5730\u5740",
+    name: "address",
+    rules: [{
+      required: true,
+      validator: function validator(_, value) {
+        if (!value || !value.detail || !value.address.length) {
+          return Promise.reject(new Error('请填写收货地址'));
+        } else if (value.address.some(function (v) {
+          return !v;
+        })) {
+          return Promise.reject(new Error('请选择完整的省市区信息'));
+        }
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(Address, null))), version === 'flagship' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8BA2\u5355\u7C7B\u578B",
+    name: "tradeType"
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u672C\u6B21\u6536\u6B3E",
+    name: "directPaid"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    style: {
+      width: '100%'
+    },
+    precision: 2
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u53D1\u8D27\u4ED3\u5E93",
+    name: "warehouseNo"
+  }, /*#__PURE__*/React.createElement(Warehouse, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u53D1\u8D27\u5FEB\u9012",
+    name: "logisticsCode"
+  }, /*#__PURE__*/React.createElement(LogisticsCode, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u5BA2\u670D\u5907\u6CE8",
+    name: "csRemark"
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u4E70\u5BB6\u5907\u6CE8",
+    name: "buyerMessage"
+  }, /*#__PURE__*/React.createElement(Input, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    name: "tradeDetail",
+    labelCol: {
+      style: {
+        display: 'none'
+      }
+    },
+    rules: [{
+      validator: function validator(_, value) {
+        var _value$specList;
+        if (!value.sid) {
+          return Promise.reject(new Error('请选择补发系统订单号'));
+        } else if (!(value !== null && value !== void 0 && (_value$specList = value.specList) !== null && _value$specList !== void 0 && _value$specList.length)) {
+          return Promise.reject(new Error('请选择补发商品'));
+        }
+        return Promise.resolve();
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(Goods, {
+    trade: trade,
+    tradeList: tradeList
+  })));
+};
+export default /*#__PURE__*/forwardRef(ReissueItems);

package/dist/esm/WdtTradeList/components/OrderForm/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { OrderFormRefObject, WdtTrade, AfterSaleTypeType, WDTVersionType } from '../../interface';
+declare type OrderFormPropsType = {
+    trade: WdtTrade.TradeInfo;
+    tradeList: WdtTrade.TradeInfo[];
+    type?: AfterSaleTypeType;
+    version: WDTVersionType;
+    onCreate?: () => void;
+};
+declare const _default: React.ForwardRefExoticComponent<OrderFormPropsType & React.RefAttributes<OrderFormRefObject>>;
+export default _default;