@kmkf-fe-packages/basic-components 2.0.54-beta.56 → 2.0.54-beta.57

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 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, Form, Popover, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton } from 'antd';
-import { EyeOutlined, DeleteOutlined, CloseOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled } from '@ant-design/icons';
+import { EyeOutlined, DeleteOutlined, CloseOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled, 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, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, tradeStatusMap, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, filterJstOrders, 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, updateWdtGoodsHandle, updateBsE3GoodsHandle, updateGyGoodsHandle, updateJstGoodsHandle, updateKmGoodsHandle, jstMergeIdenticalGoods, msgTypeCh, pushGyLog } from '@kmkf-fe-packages/kmkf-utils';
@@ -20356,6 +20356,7 @@ var CommonSystemOrder = function CommonSystemOrder(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;
@@ -20437,6 +20438,7 @@ var CommonSystemOrder = function CommonSystemOrder(props) {
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'billNo');
     },
+    onBlur: onBlur,
     value: (_value$changeIndex5 = value[changeIndex]) === null || _value$changeIndex5 === void 0 ? void 0 : _value$changeIndex5.billNo
   })) : null) : null);
 };
@@ -21465,4 +21467,243 @@ var GyReturnGoods = function GyReturnGoods(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, index as ApaasUploadAsync, ApaasUploadFile, index$1 as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$3 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$4 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$2 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$6 as getKmColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns };
+var css_248z$c = ".index-module_imageBox__1f2AI {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1f2AI .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI .ant-upload .index-module_addBtn__1DY59 {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_tips__1XQjf {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$5 = {"imageBox":"index-module_imageBox__1f2AI","addBtn":"index-module_addBtn__1DY59","tips":"index-module_tips__1XQjf"};
+styleInject(css_248z$c);
+
+var _excluded$r = ["maxCount", "maxSize", "onChange", "value", "disabled", "hostUrl", "canDownload", "actionUrl"];
+var Dragger$1 = Upload.Dragger;
+var fn$4 = function fn() {
+  return void 0;
+};
+var videoSuffixList = ['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'];
+var KmVideo = function KmVideo(_ref) {
+  var _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 20 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 500 : _ref$maxSize,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? fn$4 : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hostUrl = _ref.hostUrl,
+    hostUrl = _ref$hostUrl === void 0 ? '' : _ref$hostUrl,
+    _ref$canDownload = _ref.canDownload,
+    canDownload = _ref$canDownload === void 0 ? false : _ref$canDownload,
+    _ref$actionUrl = _ref.actionUrl,
+    actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
+    resetProps = _objectWithoutProperties(_ref, _excluded$r);
+  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 valueRef = useRef(value);
+  var uploadCount = useRef(0);
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    uploading = _useState10[0],
+    setUploading = _useState10[1];
+  var fileList = useMemo(function () {
+    return value.map(function (t, i) {
+      return _objectSpread2(_objectSpread2({}, t), {}, {
+        percent: 100,
+        uid: i + ''
+      });
+    });
+  }, [value]);
+  useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var formData, fileName, _yield$request, success, data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setUploading(true);
+            uploadCount.current++;
+            formData = new FormData();
+            formData.append('file', file);
+            fileName = "".concat(hooks(new Date().getTime()).format('YYYY-MM-DD hh:mm:ss'), "_").concat(file.name);
+            formData.append('fileName', fileName);
+            _context.prev = 6;
+            _context.next = 9;
+            return request(actionUrl, {
+              method: 'post',
+              body: formData
+            });
+          case 9:
+            _yield$request = _context.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            if (success) {
+              handleChange([].concat(_toConsumableArray(valueRef.current), [{
+                kmVideoName: file.name,
+                kmVideoUrl: "".concat(hostUrl, "/").concat(data)
+              }]));
+            }
+            _context.next = 18;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](6);
+            message.error('文件上传失败');
+          case 18:
+            _context.prev = 18;
+            uploadCount.current--;
+            if (uploadCount.current < 1) {
+              setUploading(false);
+            }
+            return _context.finish(18);
+          case 22:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 15, 18, 22]]);
+    }));
+    return function asyncUpload(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var download = function download(url, name) {
+    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);
+    });
+  };
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  // 手动上传模式, 一直返回false
+  var beforeUpload = function beforeUpload(file, fileList) {
+    // console.log('beforeUpload', file);
+    var size = file.size / 1024 / 1024 < maxSize;
+    // TODO: 批量提交的时候
+    if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) + value.length > maxCount) {
+      message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u4E2A\u6587\u4EF6\uFF01"));
+      return Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      message.error("\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return Upload.LIST_IGNORE;
+  };
+  var onRemove = function onRemove(file) {
+    var newValue = value.filter(function (item) {
+      return item.kmVideoUrl !== file.kmVideoUrl;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  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 (videoSuffixList.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 handleCancel = function handleCancel() {
+    setFileUrl('');
+    setFileName('');
+    setVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React.createElement("p", {
+    className: styles$5.tips
+  }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u4E2A\u6587\u4EF6\uFF0C\u652F\u6301", videoSuffixList.join('/'), "\u683C\u5F0F\u6587\u4EF6"), /*#__PURE__*/React.createElement("div", {
+    className: styles$5.imageBox
+  }, /*#__PURE__*/React.createElement(Dragger$1, _objectSpread2({
+    disabled: disabled,
+    multiple: true,
+    name: "file",
+    maxCount: maxCount,
+    beforeUpload: beforeUpload,
+    onPreview: onPreview,
+    fileList: fileList.map(function (item) {
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        url: item.kmVideoUrl,
+        name: item.kmVideoName
+      });
+    }),
+    onRemove: onRemove,
+    accept: ".".concat(videoSuffixList.join(',.')),
+    iconRender: function iconRender(file) {
+      return /*#__PURE__*/React.createElement(Space, {
+        align: "center"
+      }, /*#__PURE__*/React.createElement(VideoCameraTwoTone, {
+        style: {
+          fontSize: 16
+        }
+      }), file.kmVideoType && "".concat(file.kmVideoType));
+    }
+  }, resetProps), /*#__PURE__*/React.createElement("span", {
+    className: styles$5.addBtn
+  }, "+"), /*#__PURE__*/React.createElement("p", {
+    className: styles$5.addBtn
+  }, "\u9009\u62E9\u6587\u4EF6")), /*#__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);
+    }
+  }, "\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
+  }))));
+};
+
+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, index as ApaasUploadAsync, ApaasUploadFile, index$1 as ApaasUploadProAsync, AsyncSelect, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$3 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$4 as GoodsTable, GyReissue, GyReturnGoods as GyReturn, IdentifyAddress, Invoice, jstGoods as JstGoods, ItemList as JstItemList, KmVideo, LogisticsInterception, LogisticsMoreInterception, LogisticsMoreTrajectory, LogisticsTrajectory, MsgStatus, ParseLogistics, Payment, PublicReissue, RemarkInput as Remark, ExpressLogistics as ReturnLogistics, ShopNameSelect as ShopName, Status, SubForm, Supplier, TBGoodId, TBGoodSerial, TradeId, WdtGoodList, wdtReissue as WdtReissue, WlnGoods, columnsBaseInfoMap, erpColumnsMap, erpFormValidator, index$2 as erpModalColumnsMap, getColumns$4 as getGyColumns, getColumns$5 as getJstColumns, getColumns$6 as getKmColumns, getColumns$2 as getWdtColumns, getColumns$3 as getWlnColumns };

package/dist/index.js

@@ -20368,6 +20368,7 @@ var CommonSystemOrder = function CommonSystemOrder(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;
@@ -20449,6 +20450,7 @@ var CommonSystemOrder = function CommonSystemOrder(props) {
     onChange: function onChange(e) {
       return changeInputHandle(e.target.value, 'billNo');
     },
+    onBlur: onBlur,
     value: (_value$changeIndex5 = value[changeIndex]) === null || _value$changeIndex5 === void 0 ? void 0 : _value$changeIndex5.billNo
   })) : null) : null);
 };
@@ -21477,6 +21479,245 @@ var GyReturnGoods = function GyReturnGoods(props) {
   })));
 };
 
+var css_248z$c = ".index-module_imageBox__1f2AI {\n  display: flex;\n  flex-wrap: wrap;\n}\n.index-module_imageBox__1f2AI .ant-upload {\n  padding: 0;\n  height: 80px;\n  width: 80px;\n  border: none;\n  border-radius: 2px;\n  background: #F2F3F5;\n  text-align: center;\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_imageBox__1f2AI .ant-upload .index-module_addBtn__1DY59 {\n  color: #86909C;\n  font-size: 14px;\n}\n.index-module_tips__1XQjf {\n  color: #4E5969;\n  font-size: 12px;\n}\n";
+var styles$5 = {"imageBox":"index-module_imageBox__1f2AI","addBtn":"index-module_addBtn__1DY59","tips":"index-module_tips__1XQjf"};
+styleInject(css_248z$c);
+
+var _excluded$r = ["maxCount", "maxSize", "onChange", "value", "disabled", "hostUrl", "canDownload", "actionUrl"];
+var Dragger$1 = antd.Upload.Dragger;
+var fn$4 = function fn() {
+  return void 0;
+};
+var videoSuffixList = ['mp4', 'avi', 'mpeg', 'asf', 'mov', '3gp', 'wmv', 'rmvb'];
+var KmVideo = function KmVideo(_ref) {
+  var _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 20 : _ref$maxCount,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? 500 : _ref$maxSize,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? fn$4 : _ref$onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hostUrl = _ref.hostUrl,
+    hostUrl = _ref$hostUrl === void 0 ? '' : _ref$hostUrl,
+    _ref$canDownload = _ref.canDownload,
+    canDownload = _ref$canDownload === void 0 ? false : _ref$canDownload,
+    _ref$actionUrl = _ref.actionUrl,
+    actionUrl = _ref$actionUrl === void 0 ? '/qy/common/uploadWorkOrderImg' : _ref$actionUrl,
+    resetProps = _objectWithoutProperties(_ref, _excluded$r);
+  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 valueRef = React.useRef(value);
+  var uploadCount = React.useRef(0);
+  var _useState9 = React.useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    uploading = _useState10[0],
+    setUploading = _useState10[1];
+  var fileList = React.useMemo(function () {
+    return value.map(function (t, i) {
+      return _objectSpread2(_objectSpread2({}, t), {}, {
+        percent: 100,
+        uid: i + ''
+      });
+    });
+  }, [value]);
+  React.useEffect(function () {
+    valueRef.current = value;
+  }, [value]);
+  var asyncUpload = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
+      var formData, fileName, _yield$request, success, data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setUploading(true);
+            uploadCount.current++;
+            formData = new FormData();
+            formData.append('file', file);
+            fileName = "".concat(hooks(new Date().getTime()).format('YYYY-MM-DD hh:mm:ss'), "_").concat(file.name);
+            formData.append('fileName', fileName);
+            _context.prev = 6;
+            _context.next = 9;
+            return request__default['default'](actionUrl, {
+              method: 'post',
+              body: formData
+            });
+          case 9:
+            _yield$request = _context.sent;
+            success = _yield$request.success;
+            data = _yield$request.data;
+            if (success) {
+              handleChange([].concat(_toConsumableArray(valueRef.current), [{
+                kmVideoName: file.name,
+                kmVideoUrl: "".concat(hostUrl, "/").concat(data)
+              }]));
+            }
+            _context.next = 18;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](6);
+            antd.message.error('文件上传失败');
+          case 18:
+            _context.prev = 18;
+            uploadCount.current--;
+            if (uploadCount.current < 1) {
+              setUploading(false);
+            }
+            return _context.finish(18);
+          case 22:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[6, 15, 18, 22]]);
+    }));
+    return function asyncUpload(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var download = function download(url, name) {
+    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);
+    });
+  };
+  var handleChange = function handleChange(list) {
+    valueRef.current = list;
+    onChange(list);
+  };
+  // 手动上传模式, 一直返回false
+  var beforeUpload = function beforeUpload(file, fileList) {
+    // console.log('beforeUpload', file);
+    var size = file.size / 1024 / 1024 < maxSize;
+    // TODO: 批量提交的时候
+    if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) + value.length > maxCount) {
+      antd.message.error("\u6700\u591A\u6DFB\u52A0".concat(maxCount, "\u4E2A\u6587\u4EF6\uFF01"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    if (!size) {
+      antd.message.error("\u6587\u4EF6\u4E0D\u80FD\u5927\u4E8E".concat(maxSize, "MB"));
+      return antd.Upload.LIST_IGNORE;
+    }
+    asyncUpload(file);
+    return antd.Upload.LIST_IGNORE;
+  };
+  var onRemove = function onRemove(file) {
+    var newValue = value.filter(function (item) {
+      return item.kmVideoUrl !== file.kmVideoUrl;
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+  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 (videoSuffixList.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 handleCancel = function handleCancel() {
+    setFileUrl('');
+    setFileName('');
+    setVisible(false);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(antd.Spin, {
+    spinning: uploading
+  }, /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles$5.tips
+  }, "\u5141\u8BB8\u4E0A\u4F20", maxCount, "\u4E2A\u6587\u4EF6\uFF0C\u652F\u6301", videoSuffixList.join('/'), "\u683C\u5F0F\u6587\u4EF6"), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: styles$5.imageBox
+  }, /*#__PURE__*/React__default['default'].createElement(Dragger$1, _objectSpread2({
+    disabled: disabled,
+    multiple: true,
+    name: "file",
+    maxCount: maxCount,
+    beforeUpload: beforeUpload,
+    onPreview: onPreview,
+    fileList: fileList.map(function (item) {
+      return _objectSpread2(_objectSpread2({}, item), {}, {
+        url: item.kmVideoUrl,
+        name: item.kmVideoName
+      });
+    }),
+    onRemove: onRemove,
+    accept: ".".concat(videoSuffixList.join(',.')),
+    iconRender: function iconRender(file) {
+      return /*#__PURE__*/React__default['default'].createElement(antd.Space, {
+        align: "center"
+      }, /*#__PURE__*/React__default['default'].createElement(icons.VideoCameraTwoTone, {
+        style: {
+          fontSize: 16
+        }
+      }), file.kmVideoType && "".concat(file.kmVideoType));
+    }
+  }, resetProps), /*#__PURE__*/React__default['default'].createElement("span", {
+    className: styles$5.addBtn
+  }, "+"), /*#__PURE__*/React__default['default'].createElement("p", {
+    className: styles$5.addBtn
+  }, "\u9009\u62E9\u6587\u4EF6")), /*#__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);
+    }
+  }, "\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
+  }))));
+};
+
 exports.Address = ApaasAddress;
 exports.AliPay = AliPay;
 exports.ApaasAddress = Province;
@@ -21524,6 +21765,7 @@ exports.IdentifyAddress = IdentifyAddress;
 exports.Invoice = Invoice;
 exports.JstGoods = jstGoods;
 exports.JstItemList = ItemList;
+exports.KmVideo = KmVideo;
 exports.LogisticsInterception = LogisticsInterception;
 exports.LogisticsMoreInterception = LogisticsMoreInterception;
 exports.LogisticsMoreTrajectory = LogisticsMoreTrajectory;

package/dist/src/common/CommonSystemOrder/index.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { FocusEventHandler } from 'react';
 interface CommonSystemOrderProps {
     value: any[];
     type: number;
     options: any[];
     disabled: boolean;
     onChange: (val: any[]) => void;
+    onBlur: FocusEventHandler<HTMLInputElement>;
 }
 declare const CommonSystemOrder: (props: Partial<CommonSystemOrderProps>) => React.JSX.Element;
 export default CommonSystemOrder;

package/dist/src/index.d.ts

@@ -67,5 +67,6 @@ export type { WdtGoods } from './bs/component/model/WdtGoodList';
 export { default as GyReissue } from './gy/Reissue';
 export * from './constants/index';
 export { default as GyReturn } from './gy/Return';
+export { default as KmVideo } from './km/KmVideo';
 export { default as columnsBaseInfoMap, erpColumnsMap, erpFormValidator, } from './constants/columnsBaseInfoMap';
 export { default as erpModalColumnsMap } from './bs/component/model/Columns';

package/dist/src/km/KmVideo/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { UploadProps } from 'antd';
+declare type UploadValue = {
+    kmVideoName: string;
+    kmVideoUrl: string;
+    kmVideoType?: string;
+}[];
+export interface ApaasUploadProps extends Omit<UploadProps, 'onChange' | 'value'> {
+    maxCount?: number;
+    maxSize?: number;
+    uploadText?: string;
+    disabled?: boolean;
+    onChange?: (value: UploadValue) => void;
+    value?: UploadValue;
+    hostUrl?: string;
+    actionUrl?: string;
+    canDownload?: boolean;
+}
+declare const KmVideo: ({ maxCount, maxSize, onChange, value, disabled, hostUrl, canDownload, actionUrl, ...resetProps }: ApaasUploadProps) => React.JSX.Element;
+export default KmVideo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.0.54-beta.56",
+  "version": "2.0.54-beta.57",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.56",
+    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.57",
     "ahooks": "^3.7.4",
     "bignumber.js": "^9.1.2",
     "kmkf-monitor": "^0.8.9",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2cc80b8222126e8c2a4c4ce9738a1449f2821aa3"
+  "gitHead": "8243d9f752c54db54fcbcdc9df0a2e5a4b9f7bc6"
 }