@kmkf-fe-packages/basic-components 2.0.19-beta.55 → 2.0.19-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 } from 'antd';
-import { EyeOutlined, DeleteOutlined, CloseCircleOutlined, CaretUpOutlined } from '@ant-design/icons';
+import { EyeOutlined, DeleteOutlined, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, MinusCircleFilled } 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, columnsGoodsList, LogisticsAddressData, SendDataCenter, BS_E3_BOOLEAN_STATUS_MAP, isNull, filterWdtOrders, WDT_ORDER_TYPE_MAP, filterBsE3Orders, filterGyOrders, GY_DELIVERY_STATE_MAPPING, servers, 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, jstMergeIdenticalGoods, msgTypeCh, pushGyLog } from '@kmkf-fe-packages/kmkf-utils';
@@ -8019,6 +8019,33 @@ var SubForm = function SubForm(props) {
   }));
 };
 
+function CopyTextIcon(_ref) {
+  var val = _ref.val;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: 8,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }, val), /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: val,
+    onCopy: function onCopy() {
+      message.success('复制成功');
+    }
+  }, /*#__PURE__*/React.createElement(CopyOutlined, {
+    style: {
+      color: '#1890ff'
+    }
+  })));
+}
+
 var BuyerNick = function BuyerNick(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -13786,7 +13813,12 @@ var getColumns$2 = function getColumns(_ref) {
     }, {
       dataIndex: 'goodName',
       title: "\u5546\u54C1\u540D\u79F0",
-      width: 200
+      width: 200,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "SKUID",
@@ -13798,7 +13830,12 @@ var getColumns$2 = function getColumns(_ref) {
     }, {
       dataIndex: 'specName',
       title: "\u5546\u54C1SKU\u540D\u79F0",
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'orderPrice',
       title: "\u6210\u4EA4\u603B\u91D1\u989D",
@@ -13837,8 +13874,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -13855,8 +13896,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'orderPrice',
       title: "\u6210\u4EA4\u603B\u91D1\u989D",
@@ -13927,8 +13972,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -13945,8 +13994,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'num',
       title: "".concat(text, "\u9000\u8D27\u6570\u91CF"),
@@ -14051,8 +14104,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -14069,8 +14126,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React.createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'num',
       title: "".concat(text, "\u6362\u51FA\u6570\u91CF"),
@@ -15377,6 +15438,29 @@ var getBsE3ReissueGoodColumns = function getBsE3ReissueGoodColumns(_ref4) {
   });
 };
 
+function HoverTableRowDeleteIcon(_ref) {
+  var index = _ref.index,
+    hoveredRowIndex = _ref.hoveredRowIndex,
+    handleClick = _ref.handleClick;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: hoveredRowIndex === index ? 'none' : 'inline'
+    }
+  }, index + 1), /*#__PURE__*/React.createElement("span", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: handleClick,
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/React.createElement(MinusCircleFilled, {
+    style: {
+      fontSize: 18,
+      color: '#1890ff',
+      display: hoveredRowIndex === index ? 'inline' : 'none'
+    }
+  })));
+}
+
 var GoodsModalMap = {
   WDT_REISSUE_GOODS: WdtGoodsModal,
   WDT_GOODS: WdtGoodsModal,
@@ -15524,6 +15608,10 @@ var GoodItem$1 = function GoodItem(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedRowKeys = _useState4[0],
     setSelectedRowKeys = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoveredRowIndex = _useState6[0],
+    setHoveredRowIndex = _useState6[1];
   useEffect(function () {
     setSelectedRowKeys([]);
   }, [tableSelect, selectType]);
@@ -15661,7 +15749,13 @@ var GoodItem$1 = function GoodItem(props) {
       ellipsis: true,
       width: 50,
       render: function render(val, record, index) {
-        return /*#__PURE__*/React.createElement("span", null, index + 1);
+        return /*#__PURE__*/React.createElement(HoverTableRowDeleteIcon, {
+          index: index,
+          hoveredRowIndex: !disabled && record.canDelete ? hoveredRowIndex : null,
+          handleClick: function handleClick() {
+            return handleDelete(record, index);
+          }
+        });
       }
     }].concat(_toConsumableArray(baseInfoColumns));
     if (!disabled) {
@@ -15682,7 +15776,7 @@ var GoodItem$1 = function GoodItem(props) {
       });
     }
     return columnList;
-  }, [showHeader, value, disabled]);
+  }, [showHeader, value, disabled, hoveredRowIndex]);
   var orderColumns = useMemo(function () {
     var columns = COLUMNS_MAP('', {
       operate: false,
@@ -15878,6 +15972,16 @@ var GoodItem$1 = function GoodItem(props) {
     },
     locale: {
       emptyText: '暂无数据'
+    },
+    onRow: function onRow(_, index) {
+      return {
+        onMouseEnter: function onMouseEnter() {
+          return setHoveredRowIndex(index);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setHoveredRowIndex(null);
+        }
+      };
     }
   })), /*#__PURE__*/React.createElement(TheGoodsModal, {
     ref: refModal,
@@ -19843,4 +19947,4 @@ 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, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, ExpressLogistics, Goods, index$2 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, getColumns$5 as getJstColumns, getColumns$3 as getWlnColumns };
+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, bsE3Reissue as BsE3Reissue, BsExchange, BsGoods, BsReissue, BsReturnGoods as BsReturn, index$1 as BsSystemOrder, BuyerNick, CalculationInput, ChooseBaby, CommonExchangeGoods, CommonGoods, CommonSystemOrder$1 as CommonMultiStatus, CommonReturnGoods, CommonStatus, CommonSystemOrder, CopyTextIcon, ExpressLogistics, Goods, index$2 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, getColumns$5 as getJstColumns, getColumns$3 as getWlnColumns };

package/dist/index.js

@@ -8031,6 +8031,33 @@ var SubForm = function SubForm(props) {
   }));
 };
 
+function CopyTextIcon(_ref) {
+  var val = _ref.val;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      marginRight: 8,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }, val), /*#__PURE__*/React__default['default'].createElement(reactCopyToClipboard.CopyToClipboard, {
+    text: val,
+    onCopy: function onCopy() {
+      antd.message.success('复制成功');
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(icons.CopyOutlined, {
+    style: {
+      color: '#1890ff'
+    }
+  })));
+}
+
 var BuyerNick = function BuyerNick(props) {
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -13798,7 +13825,12 @@ var getColumns$2 = function getColumns(_ref) {
     }, {
       dataIndex: 'goodName',
       title: "\u5546\u54C1\u540D\u79F0",
-      width: 200
+      width: 200,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "SKUID",
@@ -13810,7 +13842,12 @@ var getColumns$2 = function getColumns(_ref) {
     }, {
       dataIndex: 'specName',
       title: "\u5546\u54C1SKU\u540D\u79F0",
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'orderPrice',
       title: "\u6210\u4EA4\u603B\u91D1\u989D",
@@ -13849,8 +13886,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -13867,8 +13908,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'orderPrice',
       title: "\u6210\u4EA4\u603B\u91D1\u989D",
@@ -13939,8 +13984,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -13957,8 +14006,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'num',
       title: "".concat(text, "\u9000\u8D27\u6570\u91CF"),
@@ -14063,8 +14116,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'goodName',
       title: "".concat(text, "\u5546\u54C1\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'specId',
       title: "".concat(text, "SKUID"),
@@ -14081,8 +14138,12 @@ var getColumns$2 = function getColumns(_ref) {
       dataIndex: 'specName',
       title: "".concat(text, "\u5546\u54C1SKU\u540D\u79F0"),
       align: 'center',
-      ellipsis: true,
-      width: 250
+      width: 250,
+      render: function render(text) {
+        return /*#__PURE__*/React__default['default'].createElement(CopyTextIcon, {
+          val: text
+        });
+      }
     }, {
       dataIndex: 'num',
       title: "".concat(text, "\u6362\u51FA\u6570\u91CF"),
@@ -15389,6 +15450,29 @@ var getBsE3ReissueGoodColumns = function getBsE3ReissueGoodColumns(_ref4) {
   });
 };
 
+function HoverTableRowDeleteIcon(_ref) {
+  var index = _ref.index,
+    hoveredRowIndex = _ref.hoveredRowIndex,
+    handleClick = _ref.handleClick;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      display: hoveredRowIndex === index ? 'none' : 'inline'
+    }
+  }, index + 1), /*#__PURE__*/React__default['default'].createElement("span", {
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: handleClick,
+    title: "\u5220\u9664"
+  }, /*#__PURE__*/React__default['default'].createElement(icons.MinusCircleFilled, {
+    style: {
+      fontSize: 18,
+      color: '#1890ff',
+      display: hoveredRowIndex === index ? 'inline' : 'none'
+    }
+  })));
+}
+
 var GoodsModalMap = {
   WDT_REISSUE_GOODS: WdtGoodsModal,
   WDT_GOODS: WdtGoodsModal,
@@ -15536,6 +15620,10 @@ var GoodItem$1 = function GoodItem(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedRowKeys = _useState4[0],
     setSelectedRowKeys = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoveredRowIndex = _useState6[0],
+    setHoveredRowIndex = _useState6[1];
   React.useEffect(function () {
     setSelectedRowKeys([]);
   }, [tableSelect, selectType]);
@@ -15673,7 +15761,13 @@ var GoodItem$1 = function GoodItem(props) {
       ellipsis: true,
       width: 50,
       render: function render(val, record, index) {
-        return /*#__PURE__*/React__default['default'].createElement("span", null, index + 1);
+        return /*#__PURE__*/React__default['default'].createElement(HoverTableRowDeleteIcon, {
+          index: index,
+          hoveredRowIndex: !disabled && record.canDelete ? hoveredRowIndex : null,
+          handleClick: function handleClick() {
+            return handleDelete(record, index);
+          }
+        });
       }
     }].concat(_toConsumableArray(baseInfoColumns));
     if (!disabled) {
@@ -15694,7 +15788,7 @@ var GoodItem$1 = function GoodItem(props) {
       });
     }
     return columnList;
-  }, [showHeader, value, disabled]);
+  }, [showHeader, value, disabled, hoveredRowIndex]);
   var orderColumns = React.useMemo(function () {
     var columns = COLUMNS_MAP('', {
       operate: false,
@@ -15890,6 +15984,16 @@ var GoodItem$1 = function GoodItem(props) {
     },
     locale: {
       emptyText: '暂无数据'
+    },
+    onRow: function onRow(_, index) {
+      return {
+        onMouseEnter: function onMouseEnter() {
+          return setHoveredRowIndex(index);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setHoveredRowIndex(null);
+        }
+      };
     }
   })), /*#__PURE__*/React__default['default'].createElement(TheGoodsModal, {
     ref: refModal,
@@ -19890,6 +19994,7 @@ exports.CommonMultiStatus = CommonSystemOrder$1;
 exports.CommonReturnGoods = CommonReturnGoods;
 exports.CommonStatus = CommonStatus;
 exports.CommonSystemOrder = CommonSystemOrder;
+exports.CopyTextIcon = CopyTextIcon;
 exports.ExpressLogistics = ExpressLogistics;
 exports.Goods = Goods;
 exports.GoodsTable = index$2;

package/dist/src/apaas/CopyTextIcon/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare function CopyTextIcon({ val }: {
+    val: string;
+}): React.JSX.Element;
+export default CopyTextIcon;

package/dist/src/apaas/HoverTableRowDeleteIcon/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface HoverTableRowDeleteIconProps {
+    index: number;
+    hoveredRowIndex: number | null;
+    handleClick: () => void;
+}
+declare function HoverTableRowDeleteIcon({ index, hoveredRowIndex, handleClick, }: HoverTableRowDeleteIconProps): React.JSX.Element;
+export default HoverTableRowDeleteIcon;

package/dist/src/index.d.ts

@@ -17,6 +17,7 @@ export { default as ApaasPosting } from './apaas/ApaasPosting';
 export { default as ApaasLogistics } from './apaas/ApaasLogistics';
 export { default as ApaasHoc } from './apaas/hoc/withFormItem';
 export { default as SubForm } from './apaas/SubForm';
+export { default as CopyTextIcon } from './apaas/CopyTextIcon';
 export { default as BuyerNick } from './business/BuyerNick';
 export { default as TradeId } from './business/TradeId';
 export { default as ShopName } from './business/ShopName';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.0.19-beta.55",
+  "version": "2.0.19-beta.57",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "445212db9f2e45116fdaf072fbe4c53fecff5985"
+  "gitHead": "920a9949d8a22b607bfec6bba8c1692f0a7966f9"
 }