@kmkf-fe-packages/kmkf-work-order-service-component 0.27.0 → 0.27.1-test.11

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

@@ -1,13 +1,13 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Menu, Button, Space, Dropdown } from 'antd';
 import { DownOutlined } from '@ant-design/icons';
 import { FlowStatus, FlowType } from "../../../model/flowTemplateDetail/types";
 import styles from "./index.module.less";
-var getActionMap = function getActionMap(nodeStatus, hasPreNode) {
+var getActionMap = function getActionMap(nodeStatus, hasPreNode, flowType) {
   // 非开始节点看状态
   if (nodeStatus === FlowStatus.PROCESSING) {
     if (hasPreNode) return ['forward', 'save', 'submit', 'rejected', 'close', 'stop'];
-    return ['forward', 'save', 'submit', 'close', 'stop'];
+    return flowType === FlowType.SINGLE_PAGE ? ['save', 'forward', 'close', 'stop', 'submit'] : ['forward', 'save', 'submit', 'close', 'stop'];
   } else if (nodeStatus === FlowStatus.STOPPING) {
     return ['open', 'close'];
   } else if (nodeStatus === FlowStatus.CLOSE || nodeStatus === FlowStatus.COMPLETED) {
@@ -19,12 +19,8 @@ var getActionMap = function getActionMap(nodeStatus, hasPreNode) {
 var buttonMap = function buttonMap(flowType) {
   return {
     save: {
-      label: '暂存',
-      type: 'default',
-      style: {
-        backgroundColor: flowType === FlowType.SINGLE_PAGE ? '#52c41a' : '',
-        color: flowType === FlowType.SINGLE_PAGE ? '#fff' : '#000'
-      }
+      label: flowType === FlowType.SINGLE_PAGE ? '保存' : '暂存',
+      type: flowType === FlowType.SINGLE_PAGE ? 'primary' : 'default'
     },
     submit: {
       label: flowType === FlowType.SINGLE_PAGE ? '完结' : '提交',
@@ -60,7 +56,10 @@ var ActionList = function ActionList(props) {
     _props$flowType = props.flowType,
     flowType = _props$flowType === void 0 ? FlowType.SINGLE_PAGE : _props$flowType,
     handleAction = props.handleAction;
-  var buttonList = getActionMap(flowStatus, hasPreNode);
+  var buttonList = getActionMap(flowStatus, hasPreNode, flowType);
+  var sliceLen = useMemo(function () {
+    return flowType === FlowType.SINGLE_PAGE ? 1 : 3;
+  }, [flowType]);
   var menu = function menu(list) {
     var items = list.map(function (item, index) {
       return {
@@ -81,13 +80,13 @@ var ActionList = function ActionList(props) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: styles.wrap
-  }, /*#__PURE__*/React.createElement(Space, null, buttonList.slice(3).length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: menu(buttonList.slice(3))
+  }, /*#__PURE__*/React.createElement(Space, null, buttonList.slice(sliceLen).length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: menu(buttonList.slice(sliceLen))
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick(e) {
       return e.preventDefault();
     }
-  }, /*#__PURE__*/React.createElement(Space, null, "\u66F4\u591A", /*#__PURE__*/React.createElement(DownOutlined, null)))), (_buttonList$slice = buttonList.slice(0, 3)) === null || _buttonList$slice === void 0 ? void 0 : _buttonList$slice.map(function (button, index) {
+  }, /*#__PURE__*/React.createElement(Space, null, "\u66F4\u591A", /*#__PURE__*/React.createElement(DownOutlined, null)))), (_buttonList$slice = buttonList.slice(0, sliceLen)) === null || _buttonList$slice === void 0 ? void 0 : _buttonList$slice.map(function (button, index) {
     var _buttonMap$button, _buttonMap$button2, _buttonMap$button3, _buttonMap$button4;
     return /*#__PURE__*/React.createElement(Button, {
       key: "button".concat(index),

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

@@ -11,6 +11,7 @@ declare type CurrentNodeProps = {
     flowTemplateId: string;
     flowWorkOrderId?: string;
     queryRemarkList: () => void;
+    autoSubmit?: boolean;
 };
 declare const _default: React.ForwardRefExoticComponent<CurrentNodeProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -53,7 +53,8 @@ var CurrentNode = function CurrentNode(props, ref) {
     readonly = _props$readonly === void 0 ? false : _props$readonly,
     flowTemplateId = props.flowTemplateId,
     flowWorkOrderId = props.flowWorkOrderId,
-    queryRemarkList = props.queryRemarkList;
+    queryRemarkList = props.queryRemarkList,
+    autoSubmit = props.autoSubmit;
   var dispatch = useDispatch();
   // 是否是编辑状态
   var _useState = useState(false),
@@ -256,7 +257,8 @@ var CurrentNode = function CurrentNode(props, ref) {
     handleChangeTradeId: handleChangeTradeId,
     canModifyPayment: true,
     flowAllShowHideRules: allShowHideRules,
-    firstOrderBackfill: flowStatus !== FlowStatus.COMPLETED
+    firstOrderBackfill: flowStatus !== FlowStatus.COMPLETED,
+    autoSubmit: autoSubmit
   }))));
 };
 export default /*#__PURE__*/forwardRef(CurrentNode);

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

@@ -29,6 +29,8 @@ declare type FormRenderProps = {
     canModifyPayment?: boolean;
     flowAllShowHideRules?: CurrentFlowShowHideRules;
     firstOrderBackfill?: boolean;
+    isErpUse?: boolean;
+    autoSubmit?: boolean;
 };
 declare const _default: React.ForwardRefExoticComponent<FormRenderProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -70,7 +70,11 @@ var FormRender = function FormRender(props, ref) {
     currentNodeTid = props.currentNodeTid,
     onUpdateRemark = props.onUpdateRemark,
     _props$firstOrderBack = props.firstOrderBackfill,
-    firstOrderBackfill = _props$firstOrderBack === void 0 ? true : _props$firstOrderBack;
+    firstOrderBackfill = _props$firstOrderBack === void 0 ? true : _props$firstOrderBack,
+    _props$isErpUse = props.isErpUse,
+    isErpUse = _props$isErpUse === void 0 ? false : _props$isErpUse,
+    _props$autoSubmit = props.autoSubmit,
+    autoSubmit = _props$autoSubmit === void 0 ? false : _props$autoSubmit;
   var shopIdKeyMap = useMemo(function () {
     var json = {};
     shopList.forEach(function (shop) {
@@ -231,6 +235,8 @@ var FormRender = function FormRender(props, ref) {
 
   // 更新备注
   var fetchRemark = function fetchRemark(shopId, orderNo) {
+    // TODO: 自动提交模式下不处理备注
+    if (autoSubmit) return;
     if (!onUpdateRemark) return;
     if (!shopId || !orderNo) {
       onUpdateRemark('', '');
@@ -427,6 +433,7 @@ var FormRender = function FormRender(props, ref) {
     resetMappdingHideComponents();
   };
   useEffect(function () {
+    if (isErpUse) return;
     queryDetail({
       workOrderId: workOrderId,
       shopId: shopId,
@@ -436,7 +443,7 @@ var FormRender = function FormRender(props, ref) {
       buyerId: buyerId,
       buyerNick: buyerNick
     });
-  }, [workOrderId, record, shopId]);
+  }, [workOrderId, record, shopId, isErpUse]);
 
   // 重置映射隐藏的组件, 目前只有单选、下拉组件可能会因为映射关系隐藏
   var resetMappdingHideComponents = function resetMappdingHideComponents() {
@@ -590,7 +597,8 @@ var FormRender = function FormRender(props, ref) {
             return _context2.abrupt("return");
           case 4:
             queryReplaceCount(_defineProperty({}, type, value), templateDetail);
-            if (type === 'tradeId' || type === 'enterprisePaymentTid') {
+            // TODO: ERP不走订单反弹逻辑
+            if ((type === 'tradeId' || type === 'enterprisePaymentTid') && !isErpUse) {
               changeHandle(value);
             }
           case 6:
@@ -770,7 +778,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/PreNodeRender/index.js

@@ -13,7 +13,10 @@ var PreNodeRender = function PreNodeRender(props) {
       id: t.uniqueKey,
       name: t.name,
       componentConfig: t.componentConfig,
-      type: t.workOrderComponentType
+      type: t.workOrderComponentType,
+      effects: {
+        env: platform
+      }
     });
     // 淘宝端的买家昵称是需要亮灯展示的
     if (platform === PlatForm.TB && ['ENTERPRISE_PAYMENT', 'BUYER_NICK_INPUT'].includes(t.workOrderComponentType)) {

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

@@ -1,5 +1,6 @@
 import React from 'react';
 interface RemarkShowProps {
+    readonly: boolean;
     time: string;
     operator: string;
     context: string;

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

@@ -10,7 +10,9 @@ var RemarkShow = function RemarkShow(props) {
     operatorType = props.operatorType,
     handleOpenRemarkList = props.handleOpenRemarkList,
     handleOpenAddRemark = props.handleOpenAddRemark,
-    imgList = props.imgList;
+    imgList = props.imgList,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.remarkContext
   }, /*#__PURE__*/React.createElement("div", {
@@ -21,7 +23,7 @@ var RemarkShow = function RemarkShow(props) {
     className: styles.operator
   }, operator), operatorType && /*#__PURE__*/React.createElement("span", {
     className: styles.tag
-  }, getFlowOperate === null || getFlowOperate === void 0 ? void 0 : getFlowOperate[operatorType])), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+  }, getFlowOperate === null || getFlowOperate === void 0 ? void 0 : getFlowOperate[operatorType])), /*#__PURE__*/React.createElement("span", null, !readonly && /*#__PURE__*/React.createElement("span", {
     className: styles.contextBtn,
     onClick: handleOpenAddRemark
   }, "\u5907\u6CE8"), /*#__PURE__*/React.createElement("span", {

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

@@ -14,6 +14,11 @@ declare type FlowTemplateDetailProps = {
         tid: string;
         shopId: string;
     }) => void;
+    autoSubmit?: boolean;
+    callbackAutoSubmitResult?: (result: {
+        success: boolean;
+        message?: string;
+    }) => void;
 };
 declare const ProviderWrap: (props: FlowTemplateDetailProps) => React.JSX.Element;
 export default ProviderWrap;

package/dist/esm/FlowTemplateDetail/index.js

@@ -43,6 +43,7 @@ import { saveWorkOrder, submitWorkOrder, addRemark, stopWorkOrder, closeWorkOrde
 import { orderDetail } from "../model/servers/api";
 import cache from "../common/cache";
 import "./index.less";
+import { isNull } from '@kmkf-fe-packages/kmkf-utils';
 var FlowTemplateDetail = function FlowTemplateDetail(props) {
   var _currentNodeDetail$wo, _currentNodeDetail$no, _currentNodeDetail$wo2, _shopList$find, _currentNodeDetail$no21, _currentNodeDetail$no22, _currentNodeDetail$no23;
   var flowTemplateKey = props.flowTemplateKey,
@@ -55,7 +56,10 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
     onOpenWangWang = props.onOpenWangWang,
     callbackDealWorkOrderSuccess = props.callbackDealWorkOrderSuccess,
     onJumpMemoPage = props.onJumpMemoPage,
-    onTalkChange = props.onTalkChange;
+    onTalkChange = props.onTalkChange,
+    _props$autoSubmit = props.autoSubmit,
+    autoSubmit = _props$autoSubmit === void 0 ? false : _props$autoSubmit,
+    callbackAutoSubmitResult = props.callbackAutoSubmitResult;
   var dispatch = useDispatch();
   var flowRecordList = useSelector(selectFlowRecordList);
   var remarkList = useSelector(selectRemarkRecordList);
@@ -379,7 +383,7 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
   // 提交
   var handleSubmit = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var _currentNodeDetail$wo7, _currentNodeDetail$wo8, formData, result, params, res, _controllerRef$curren3, _currentNodeDetail$wo9;
+      var _currentNodeDetail$wo7, _currentNodeDetail$wo8, formData, _result, params, res, _currentNodeDetail$wo9, _controllerRef$curren3;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -396,12 +400,12 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
             return form.validateFields();
           case 7:
             formData = _context4.sent;
-            result = verifyHandle(formData, (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo7 = currentNodeDetail.workOrderTemplateInfo) === null || _currentNodeDetail$wo7 === void 0 ? void 0 : _currentNodeDetail$wo7.componentDtoList) || []);
-            if (result.success) {
+            _result = verifyHandle(formData, (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo7 = currentNodeDetail.workOrderTemplateInfo) === null || _currentNodeDetail$wo7 === void 0 ? void 0 : _currentNodeDetail$wo7.componentDtoList) || []);
+            if (_result.success) {
               _context4.next = 13;
               break;
             }
-            message.error(result.message);
+            message.error(_result.message);
             submitRequestUnlock();
             return _context4.abrupt("return");
           case 13:
@@ -419,20 +423,22 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
                 return s.shopId === formData.shopId;
               }), 'accessToken', '')
             });
-            _context4.next = 16;
-            return submitWorkOrder(params);
-          case 16:
+            console.debug('提交参数: ', currentNodeDetail, formData);
+            // TODO: 自动提交时开启接口静默模式
+            _context4.next = 17;
+            return submitWorkOrder(params, autoSubmit ? 'quiet' : 'error');
+          case 17:
             res = _context4.sent;
             submitRequestUnlock();
+            // TODO: 兼容批量提交逻辑
+            if (autoSubmit && typeof callbackAutoSubmitResult === 'function') {
+              callbackAutoSubmitResult({
+                success: res.success,
+                message: res.message
+              });
+            }
             if (res.success) {
               handleSuccessCallBack('submit');
-              dispatch(fetchPanelInfo({
-                flowTemplateKey: flowTemplateKey,
-                flowWorkOrderId: flowWorkOrderIdState
-              }, {
-                signal: controllerRef === null || controllerRef === void 0 ? void 0 : (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.signal
-              }));
-              message.success('提交成功');
               //删除缓存的订单信息
               deleteCacheOrder({
                 templateList: currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo9 = currentNodeDetail.workOrderTemplateInfo) === null || _currentNodeDetail$wo9 === void 0 ? void 0 : _currentNodeDetail$wo9.componentDtoList,
@@ -442,13 +448,40 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
                 plat: plat,
                 unDeleteOrderInfo: false
               });
+              if (!autoSubmit) {
+                dispatch(fetchPanelInfo({
+                  flowTemplateKey: flowTemplateKey,
+                  flowWorkOrderId: flowWorkOrderIdState
+                }, {
+                  signal: controllerRef === null || controllerRef === void 0 ? void 0 : (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.signal
+                }));
+                message.success('提交成功');
+              }
             }
-            _context4.next = 25;
+            _context4.next = 31;
             break;
-          case 21:
-            _context4.prev = 21;
+          case 23:
+            _context4.prev = 23;
             _context4.t0 = _context4["catch"](0);
             submitRequestUnlock();
+            if (!(autoSubmit && typeof callbackAutoSubmitResult === 'function')) {
+              _context4.next = 30;
+              break;
+            }
+            if (!(get(_context4.t0, 'errorFields.length') > 0)) {
+              _context4.next = 29;
+              break;
+            }
+            return _context4.abrupt("return", callbackAutoSubmitResult({
+              success: false,
+              message: get(_context4.t0, 'errorFields.0.errors.0', '组件校验失败')
+            }));
+          case 29:
+            return _context4.abrupt("return", callbackAutoSubmitResult({
+              success: false,
+              message: (_context4.t0 === null || _context4.t0 === void 0 ? void 0 : _context4.t0.message) || "接口请求异常"
+            }));
+          case 30:
             if (get(_context4.t0, 'errorFields.length') > 0) {
               setTimeout(function () {
                 var _get;
@@ -461,11 +494,11 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
               // TODO: 解决显影导致的组件校验失败未提示问题
               message.error(get(_context4.t0, 'errorFields.0.errors.0', '组件校验失败'));
             }
-          case 25:
+          case 31:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[0, 21]]);
+      }, _callee4, null, [[0, 23]]);
     }));
     return function handleSubmit() {
       return _ref4.apply(this, arguments);
@@ -908,7 +941,7 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
     }
   }, [flowTemplateKey, flowWorkOrderIdState]);
   useEffect(function () {
-    if (flowTemplateId && flowWorkOrderIdState) {
+    if (flowTemplateId && flowWorkOrderIdState && !autoSubmit) {
       dispatch(fetchAllFlowOperateRecord({
         flowTemplateId: flowTemplateId,
         flowWorkOrderId: flowWorkOrderIdState
@@ -918,14 +951,22 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
   useEffect(function () {
     dispatch(setPlat(plat));
   }, [plat]);
+  useEffect(function () {
+    var _currentNodeDetail$wo24;
+    if (autoSubmit && !isNull(currentNodeDetail) && flowWorkOrderId === (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo24 = currentNodeDetail.workOrder) === null || _currentNodeDetail$wo24 === void 0 ? void 0 : _currentNodeDetail$wo24.flowWorkOrderId)) {
+      setTimeout(function () {
+        handleSubmit();
+      }, 0);
+    }
+  }, [currentNodeDetail]);
   var isCurrentNodeHandler = useMemo(function () {
-    var _currentNodeDetail$no11, _currentNodeDetail$no12, _currentNodeDetail$no13, _currentNodeDetail$no14, _currentNodeDetail$no15, _currentNodeDetail$no16, _currentNodeDetail$wo24, _currentNodeDetail$no17, _currentNodeDetail$no18;
+    var _currentNodeDetail$no11, _currentNodeDetail$no12, _currentNodeDetail$no13, _currentNodeDetail$no14, _currentNodeDetail$no15, _currentNodeDetail$no16, _currentNodeDetail$wo25, _currentNodeDetail$no17, _currentNodeDetail$no18;
     return currentUserHasOperatorAuth({
       assistantList: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no11 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no11 === void 0 ? void 0 : _currentNodeDetail$no11.id) && assistantMap[currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no12 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no12 === void 0 ? void 0 : _currentNodeDetail$no12.id] || [],
       currentUserKey: plat.userKey,
       staffIds: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no13 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no13 === void 0 ? void 0 : (_currentNodeDetail$no14 = _currentNodeDetail$no13.assistants) === null || _currentNodeDetail$no14 === void 0 ? void 0 : _currentNodeDetail$no14.staffIds) || [],
       operateDataPermission: currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no15 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no15 === void 0 ? void 0 : (_currentNodeDetail$no16 = _currentNodeDetail$no15.assistants) === null || _currentNodeDetail$no16 === void 0 ? void 0 : _currentNodeDetail$no16.operateDataPermission,
-      handlerList: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo24 = currentNodeDetail.workOrder) === null || _currentNodeDetail$wo24 === void 0 ? void 0 : _currentNodeDetail$wo24.handlerList) || [],
+      handlerList: (currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$wo25 = currentNodeDetail.workOrder) === null || _currentNodeDetail$wo25 === void 0 ? void 0 : _currentNodeDetail$wo25.handlerList) || [],
       isAllStaff: currentNodeDetail === null || currentNodeDetail === void 0 ? void 0 : (_currentNodeDetail$no17 = currentNodeDetail.nodeInfo) === null || _currentNodeDetail$no17 === void 0 ? void 0 : (_currentNodeDetail$no18 = _currentNodeDetail$no17.assistants) === null || _currentNodeDetail$no18 === void 0 ? void 0 : _currentNodeDetail$no18.isAllStaff
     });
   }, [currentNodeDetail, plat, assistantMap]);
@@ -979,8 +1020,10 @@ var FlowTemplateDetail = function FlowTemplateDetail(props) {
     onOpenWangWang: onOpenWangWang,
     onUpdateRemark: onUpdateRemark,
     onReminder: handleReminder,
-    queryRemarkList: queryRemarkList
-  }))), (remarkList === null || remarkList === void 0 ? void 0 : remarkList.length) > 0 && !readonly && /*#__PURE__*/React.createElement(RemarkShow, _extends({}, remarkList[0], {
+    queryRemarkList: queryRemarkList,
+    autoSubmit: autoSubmit
+  }))), (remarkList === null || remarkList === void 0 ? void 0 : remarkList.length) > 0 && /*#__PURE__*/React.createElement(RemarkShow, _extends({}, remarkList[0], {
+    readonly: readonly,
     handleOpenRemarkList: handleOpenRemarkList,
     handleOpenAddRemark: handleOpenAddRemark
   }))), getTag({

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;