@kmkf-fe-packages/basic-components 2.10.9-beta.21 → 2.10.9-beta.23

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { useState, useMemo, useEffect, useRef, forwardRef, useImperativeHandle, useCallback } from 'react';
-import { Cascader, DatePicker, Image, InputNumber, Input, Select, Upload, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate as Rate$1, Form, Popover, Tooltip, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton, Empty, Tag } from 'antd';
+import { Cascader, DatePicker, Image, InputNumber, Input, Select, Upload, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate as Rate$1, Form, Popover, Tooltip, Table, Tabs, ConfigProvider, Pagination, Typography, Empty, Skeleton, Tag } from 'antd';
 import { EyeOutlined, DeleteOutlined, CloseOutlined, PlusSquareOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
@@ -13419,7 +13419,6 @@ var Item = Form.Item;
 var LogisticsInterception = function LogisticsInterception(props) {
   var _value$interceptLogis3, _value$interceptLogis4, _value$interceptLogis5;
   var LogisticsAddress = LogisticsAddressData.getInstance();
-  var LogisticsAddressOptions = (LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getAddressData()) || [];
   var address = AddressData.getInstance();
   var _props$value = props.value,
     value = _props$value === void 0 ? {} : _props$value,
@@ -13457,6 +13456,12 @@ var LogisticsInterception = function LogisticsInterception(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     isInterface = _useState8[0],
     setIsInterface = _useState8[1];
+  var _useState9 = useState(function () {
+      return (LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getAddressData()) || [];
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    logisticsAddressData = _useState10[0],
+    setLogisticsAddressData = _useState10[1];
   useEffect(function () {
     if (!(value === null || value === void 0 ? void 0 : value.interceptCompany)) {
       setTypeOptions([]);
@@ -13554,13 +13559,13 @@ var LogisticsInterception = function LogisticsInterception(props) {
   var baseFieldDisabled = disabled || isEdit && !canEditPreCreateBaseFields;
   //退回地址列表
   var logisticsAddressOptions = useMemo(function () {
-    return LogisticsAddressOptions === null || LogisticsAddressOptions === void 0 ? void 0 : LogisticsAddressOptions.filter(function (item) {
+    return logisticsAddressData === null || logisticsAddressData === void 0 ? void 0 : logisticsAddressData.filter(function (item) {
       return item.cpCode === (value === null || value === void 0 ? void 0 : value.interceptCompany);
     });
-  }, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  }, [logisticsAddressData, value === null || value === void 0 ? void 0 : value.interceptCompany]);
   // K码列表
   var kCodeList = useMemo(function () {
-    return LogisticsAddressOptions === null || LogisticsAddressOptions === void 0 ? void 0 : LogisticsAddressOptions.filter(function (item) {
+    return logisticsAddressData === null || logisticsAddressData === void 0 ? void 0 : logisticsAddressData.filter(function (item) {
       return item.cpCode === (value === null || value === void 0 ? void 0 : value.interceptCompany) && item.userKCode;
     }).map(function (item) {
       return _objectSpread2(_objectSpread2({}, item), {}, {
@@ -13568,10 +13573,45 @@ var LogisticsInterception = function LogisticsInterception(props) {
         label: item === null || item === void 0 ? void 0 : item.userKCode
       });
     });
-  }, [value === null || value === void 0 ? void 0 : value.interceptCompany]);
+  }, [logisticsAddressData, value === null || value === void 0 ? void 0 : value.interceptCompany]);
   var customerCodeOptions = useMemo(function () {
-    return getJdCustomerCodeOptions(LogisticsAddressOptions, value === null || value === void 0 ? void 0 : value.interceptCompany);
-  }, [LogisticsAddressOptions, value === null || value === void 0 ? void 0 : value.interceptCompany]);
+    return getJdCustomerCodeOptions(logisticsAddressData);
+  }, [logisticsAddressData]);
+  var refreshLogisticsAddressOptions = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$request, data, latestData;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return request$1({
+              url: '/qy/userConfig/listLogisticsAddress',
+              method: 'get',
+              data: {}
+            });
+          case 3:
+            _yield$request = _context.sent;
+            data = _yield$request.data;
+            latestData = data || [];
+            LogisticsAddress.setaddressData(latestData);
+            setLogisticsAddressData(latestData);
+            _context.next = 13;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](0);
+            console.log(_context.t0);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+    return function refreshLogisticsAddressOptions() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var returnValue = useMemo(function () {
     var _value$interceptAddre, _value$interceptAddre2, _value$interceptAddre3;
     var uk = LogisticsAddress === null || LogisticsAddress === void 0 ? void 0 : LogisticsAddress.getUkByInfo({
@@ -13734,7 +13774,10 @@ var LogisticsInterception = function LogisticsInterception(props) {
       },
       onClick: function onClick() {
         return onJumpPage && (onJumpPage === null || onJumpPage === void 0 ? void 0 : onJumpPage({
-          type: 'interceptConfig'
+          type: 'interceptConfig',
+          state: {
+            tab: 'JDLCodeRelation'
+          }
         }));
       }
     }, 'K码/EBU码配置>>')) : null),
@@ -13752,6 +13795,7 @@ var LogisticsInterception = function LogisticsInterception(props) {
     onChange: function onChange(val) {
       return changeHandle(val, 'interceptLogisticsCustomerCode');
     },
+    onFocus: refreshLogisticsAddressOptions,
     options: customerCodeOptions,
     value: value === null || value === void 0 ? void 0 : value.interceptLogisticsCustomerCode,
     filterOption: function filterOption(input, option) {
@@ -16324,11 +16368,17 @@ var OptionalInput = function OptionalInput(props) {
       });
     }
   };
+  var handleBlur = function handleBlur(event) {
+    var nextTarget = event.relatedTarget;
+    if (nextTarget && event.currentTarget.contains(nextTarget)) return;
+    if (typeof onBlur === 'function') onBlur(event);
+  };
   return /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       alignItems: 'center'
-    }
+    },
+    onBlur: handleBlur
   }, /*#__PURE__*/React.createElement(Select, {
     className: "optional-input-select",
     style: {
@@ -16336,8 +16386,7 @@ var OptionalInput = function OptionalInput(props) {
     },
     options: compareSymbolList,
     onChange: handleSelectChange,
-    value: (value === null || value === void 0 ? void 0 : value.type) || 'like',
-    onBlur: onBlur
+    value: (value === null || value === void 0 ? void 0 : value.type) || 'like'
   }), /*#__PURE__*/React.createElement(Input, _objectSpread2({
     style: {
       width: '150px'
@@ -16346,11 +16395,32 @@ var OptionalInput = function OptionalInput(props) {
     placeholder: placeholder,
     onChange: handleInputChange,
     onPressEnter: onPressEnter,
-    onBlur: onBlur,
     value: value === null || value === void 0 ? void 0 : value.inputValue
   }, formItemProps)));
 };
 
+var transformFormData = function transformFormData(formData) {
+  var conditionList = [];
+  for (var key in formData) {
+    if (formData[key]) {
+      var _formData$key, _formData$key2, _formData$key3, _formData$key4;
+      var value = ((_formData$key = formData[key]) === null || _formData$key === void 0 ? void 0 : _formData$key.type) ? (_formData$key2 = formData[key]) === null || _formData$key2 === void 0 ? void 0 : _formData$key2.inputValue : formData[key];
+      var compareSymbol = ((_formData$key3 = formData[key]) === null || _formData$key3 === void 0 ? void 0 : _formData$key3.type) ? (_formData$key4 = formData[key]) === null || _formData$key4 === void 0 ? void 0 : _formData$key4.type : Array.isArray(value) ? 'eq' : 'like';
+      conditionList.push({
+        leftValue: key,
+        compareSymbol: compareSymbol,
+        rightValue: value
+      });
+    }
+  }
+  return conditionList;
+};
+var shouldSubmitOnBlur = function shouldSubmitOnBlur(relatedTarget) {
+  var _target$closest;
+  var target = relatedTarget;
+  return !(target === null || target === void 0 ? void 0 : (_target$closest = target.closest) === null || _target$closest === void 0 ? void 0 : _target$closest.call(target, '.search-form-actions'));
+};
+
 function SearchForm(_ref) {
   var searchFormData = _ref.searchFormData,
     form = _ref.form,
@@ -16385,6 +16455,10 @@ function SearchForm(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var submitFormOnBlur = function submitFormOnBlur(event) {
+    if (!shouldSubmitOnBlur(event.relatedTarget)) return;
+    submitForm();
+  };
   return /*#__PURE__*/React.createElement(Form, {
     layout: "inline",
     form: form,
@@ -16406,9 +16480,7 @@ function SearchForm(_ref) {
       onPressEnter: function onPressEnter() {
         return submitForm();
       },
-      onBlur: function onBlur() {
-        return submitForm();
-      },
+      onBlur: submitFormOnBlur,
       placeholder: label,
       formItemProps: formItemProps
     }) : type === 'select' ? /*#__PURE__*/React.createElement(Select, _objectSpread2({
@@ -16418,9 +16490,7 @@ function SearchForm(_ref) {
       style: {
         width: 150
       },
-      onBlur: function onBlur() {
-        return submitForm();
-      }
+      onBlur: submitFormOnBlur
     }, formItemProps)) : /*#__PURE__*/React.createElement(Input, _objectSpread2({
       placeholder: label,
       allowClear: true,
@@ -16430,9 +16500,7 @@ function SearchForm(_ref) {
       onPressEnter: function onPressEnter() {
         return submitForm();
       },
-      onBlur: function onBlur() {
-        return submitForm();
-      }
+      onBlur: submitFormOnBlur
     }, formItemProps)));
   }), /*#__PURE__*/React.createElement(Form.Item, {
     style: {
@@ -16452,21 +16520,200 @@ function SearchForm(_ref) {
   }, "\u91CD\u7F6E")));
 }
 
-var transformFormData = function transformFormData(formData) {
-  var conditionList = [];
-  for (var key in formData) {
-    if (formData[key]) {
-      var _formData$key, _formData$key2, _formData$key3, _formData$key4;
-      var value = ((_formData$key = formData[key]) === null || _formData$key === void 0 ? void 0 : _formData$key.type) ? (_formData$key2 = formData[key]) === null || _formData$key2 === void 0 ? void 0 : _formData$key2.inputValue : formData[key];
-      var compareSymbol = ((_formData$key3 = formData[key]) === null || _formData$key3 === void 0 ? void 0 : _formData$key3.type) ? (_formData$key4 = formData[key]) === null || _formData$key4 === void 0 ? void 0 : _formData$key4.type : Array.isArray(value) ? 'eq' : 'like';
-      conditionList.push({
-        leftValue: key,
-        compareSymbol: compareSymbol,
-        rightValue: value
+var ACTION_CONFIG = {
+  JST_ERP: [{
+    sourceField: 'styleCode',
+    requestField: 'styleCodes'
+  }, {
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }],
+  WLN_ERP: [{
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }, {
+    sourceField: 'specNo',
+    requestField: 'skuCodes'
+  }],
+  WDT_ERP: [{
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }, {
+    sourceField: 'skuCode',
+    requestField: 'skuCodes'
+  }],
+  GY_ERP: [{
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }],
+  JY_ERP: [{
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }, {
+    sourceField: 'skuCode',
+    requestField: 'skuCodes'
+  }],
+  KM_ERP: [{
+    sourceField: 'goodNo',
+    requestField: 'goodNos'
+  }, {
+    sourceField: 'skuCode',
+    requestField: 'skuCodes'
+  }]
+};
+var getSearchValue = function getSearchValue(value) {
+  var _value$inputValue;
+  var inputValue = (_value$inputValue = value === null || value === void 0 ? void 0 : value.inputValue) !== null && _value$inputValue !== void 0 ? _value$inputValue : value;
+  if (inputValue === undefined || inputValue === null) return '';
+  return String(inputValue).trim();
+};
+var getSkuType = function getSkuType(platform, formData) {
+  if (platform !== 'JST_ERP' && platform !== 'WLN_ERP') return undefined;
+  var values = Array.isArray(formData.skuType) ? formData.skuType : [formData.skuType];
+  var skuTypes = values.filter(function (value) {
+    return value === 'normal' || value === 'combine';
+  });
+  return skuTypes.length === 1 ? skuTypes[0] : undefined;
+};
+var getReSyncActions = function getReSyncActions(platform, total, formData) {
+  if (total !== 0) return [];
+  var skuType = getSkuType(platform, formData);
+  var requestData = _objectSpread2({
+    platform: platform
+  }, skuType ? {
+    skuType: skuType
+  } : {});
+  var values = [];
+  ACTION_CONFIG[platform].forEach(function (config) {
+    var value = getSearchValue(formData[config.sourceField]);
+    if (!value) return;
+    requestData[config.requestField] = [value];
+    values.push(value);
+  });
+  if (!values.length) return [];
+  return [{
+    key: 'goods',
+    label: '同步商品',
+    targetName: '商品',
+    value: values.join('、'),
+    requestData: requestData
+  }];
+};
+
+var useGoodsReSyncQuery = function useGoodsReSyncQuery(service) {
+  var _React$useState = React.useState({
+      total: null,
+      formData: {}
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    queryState = _React$useState2[0],
+    setQueryState = _React$useState2[1];
+  var serviceWithReSyncState = React.useCallback(function (pagination, formData) {
+    var currentFormData = formData;
+    setQueryState({
+      total: null,
+      formData: currentFormData
+    });
+    return service(pagination, formData).then(function (result) {
+      setQueryState({
+        total: result.total,
+        formData: currentFormData
       });
-    }
-  }
-  return conditionList;
+      return result;
+    }, function (error) {
+      setQueryState({
+        total: null,
+        formData: currentFormData
+      });
+      throw error;
+    });
+  }, [service]);
+  return [serviceWithReSyncState, queryState];
+};
+var getErrorMessage = function getErrorMessage(error, action) {
+  var _error$data;
+  return (error === null || error === void 0 ? void 0 : (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.message) || (error === null || error === void 0 ? void 0 : error.message) || "".concat(action.label, "\u5931\u8D25");
+};
+var GoodsReSync = function GoodsReSync(_ref) {
+  var platform = _ref.platform,
+    queryState = _ref.queryState,
+    onSuccess = _ref.onSuccess;
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    loadingAction = _React$useState4[0],
+    setLoadingAction = _React$useState4[1];
+  var actions = getReSyncActions(platform, queryState.total, queryState.formData);
+  var handleReSync = function handleReSync(action) {
+    Modal.confirm({
+      title: "\u786E\u8BA4".concat(action.label),
+      content: "\u5C06\u4ECE ERP \u91CD\u65B0\u62C9\u53D6".concat(action.targetName, "\u201C").concat(action.value, "\u201D\u5E76\u8986\u76D6\u672C\u5730\u6570\u636E"),
+      okText: '确认同步',
+      cancelText: '取消',
+      onOk: function () {
+        var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var response;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setLoadingAction(action.key);
+                _context.prev = 1;
+                _context.next = 4;
+                return extendRequest('/qy/gdfw/product/reSync', {
+                  method: 'post',
+                  timeout: 60000,
+                  data: action.requestData
+                });
+              case 4:
+                response = _context.sent;
+                if (!((response === null || response === void 0 ? void 0 : response.success) === false)) {
+                  _context.next = 7;
+                  break;
+                }
+                throw new Error(response.message || "".concat(action.label, "\u5931\u8D25"));
+              case 7:
+                message.success((response === null || response === void 0 ? void 0 : response.message) || "".concat(action.label, "\u6210\u529F"));
+                _context.next = 10;
+                return onSuccess();
+              case 10:
+                _context.next = 16;
+                break;
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](1);
+                message.error(getErrorMessage(_context.t0, action));
+                throw _context.t0;
+              case 16:
+                _context.prev = 16;
+                setLoadingAction(null);
+                return _context.finish(16);
+              case 19:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[1, 12, 16, 19]]);
+        }));
+        function onOk() {
+          return _onOk.apply(this, arguments);
+        }
+        return onOk;
+      }()
+    });
+  };
+  return /*#__PURE__*/React.createElement(Empty, {
+    image: Empty.PRESENTED_IMAGE_SIMPLE,
+    description: actions.length ? /*#__PURE__*/React.createElement(Space, {
+      size: 8
+    }, actions.map(function (action) {
+      return /*#__PURE__*/React.createElement(Button, {
+        key: action.key,
+        loading: loadingAction === action.key,
+        disabled: loadingAction !== null && loadingAction !== action.key,
+        onClick: function onClick() {
+          return handleReSync(action);
+        }
+      }, action.label);
+    })) : '暂无数据'
+  });
 };
 
 var getTableData = function getTableData(_ref, formData) {
@@ -16526,13 +16773,16 @@ var GoodList = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var setGoodBrandList = function setGoodBrandList() {
@@ -16731,6 +16981,13 @@ var GoodList = function GoodList(props, ref) {
       y: 250
     }
   }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "WDT_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    },
     size: "small"
   }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
@@ -16875,13 +17132,16 @@ var GoodList$1 = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData$1, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData$1),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var rowSelection = {
@@ -16983,7 +17243,7 @@ var GoodList$1 = function GoodList(props, ref) {
     style: {
       marginTop: '4px'
     }
-  }, /*#__PURE__*/React.createElement(Table, _objectSpread2({
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
     rowKey: "goodNo",
@@ -16993,7 +17253,15 @@ var GoodList$1 = function GoodList(props, ref) {
       y: 250
     },
     size: "small"
-  }, tableProps))), /*#__PURE__*/React.createElement(Popover, {
+  }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "JST_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    }
+  }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode.parentElement;
     },
@@ -17366,13 +17634,16 @@ var GoodList$3 = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData$3, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData$3),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var rowSelection = {
@@ -17474,7 +17745,7 @@ var GoodList$3 = function GoodList(props, ref) {
     style: {
       marginTop: '4px'
     }
-  }, /*#__PURE__*/React.createElement(Table, _objectSpread2({
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
     rowKey: rowCheckKey,
@@ -17484,7 +17755,15 @@ var GoodList$3 = function GoodList(props, ref) {
       y: 250
     },
     size: "small"
-  }, tableProps))), /*#__PURE__*/React.createElement(Popover, {
+  }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "KM_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    }
+  }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode.parentElement;
     },
@@ -17616,13 +17895,16 @@ var GoodList$4 = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData$4, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData$4),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var rowSelection = {
@@ -17725,6 +18007,13 @@ var GoodList$4 = function GoodList(props, ref) {
       y: 250
     }
   }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "GY_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    },
     size: "small"
   }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
@@ -19311,13 +19600,16 @@ var GoodList$5 = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData$5, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData$5),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var rowSelection = {
@@ -19419,7 +19711,7 @@ var GoodList$5 = function GoodList(props, ref) {
     style: {
       marginTop: '4px'
     }
-  }, /*#__PURE__*/React.createElement(Table, _objectSpread2({
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
     rowKey: "id",
@@ -19429,7 +19721,15 @@ var GoodList$5 = function GoodList(props, ref) {
       y: 250
     },
     size: "small"
-  }, tableProps))), /*#__PURE__*/React.createElement(Popover, {
+  }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "WLN_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    }
+  }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode.parentElement;
     },
@@ -19558,13 +19858,16 @@ var GoodList$6 = function GoodList(props, ref) {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
-  var _useAntdTable = useAntdTable(getTableData$6, {
+  var _useGoodsReSyncQuery = useGoodsReSyncQuery(getTableData$6),
+    _useGoodsReSyncQuery2 = _slicedToArray(_useGoodsReSyncQuery, 2),
+    getTableDataWithReSync = _useGoodsReSyncQuery2[0],
+    reSyncQueryState = _useGoodsReSyncQuery2[1];
+  var _useAntdTable = useAntdTable(getTableDataWithReSync, {
       defaultPageSize: 10,
       form: form
     }),
     tableProps = _useAntdTable.tableProps,
-    search = _useAntdTable.search,
-    params = _useAntdTable.params;
+    search = _useAntdTable.search;
   var submit = search.submit,
     reset = search.reset;
   var rowSelection = {
@@ -19666,7 +19969,7 @@ var GoodList$6 = function GoodList(props, ref) {
     style: {
       marginTop: '4px'
     }
-  }, /*#__PURE__*/React.createElement(Table, _objectSpread2({
+  }, /*#__PURE__*/React.createElement(Table, _objectSpread2(_objectSpread2({
     className: "GoodModalColumns",
     rowSelection: rowSelection,
     rowKey: "id",
@@ -19676,7 +19979,15 @@ var GoodList$6 = function GoodList(props, ref) {
       y: 250
     },
     size: "small"
-  }, tableProps))), /*#__PURE__*/React.createElement(Popover, {
+  }, tableProps), {}, {
+    locale: {
+      emptyText: /*#__PURE__*/React.createElement(GoodsReSync, {
+        platform: "JY_ERP",
+        queryState: reSyncQueryState,
+        onSuccess: submit
+      })
+    }
+  }))), /*#__PURE__*/React.createElement(Popover, {
     getPopupContainer: function getPopupContainer(triggerNode) {
       return triggerNode.parentElement;
     },
@@ -25468,7 +25779,7 @@ var processKmGoods$1 = function processKmGoods(_ref9) {
   return list.map(function (item) {
     return _objectSpread2(_objectSpread2({}, item), {}, {
       skuPropertiesName: item.specName,
-      sysSkuPropertiesName: item.specId,
+      sysSkuPropertiesName: item.propertiesValue,
       sysTitle: item.goodName,
       title: null,
       shortTitle: item.goodShortName,

package/dist/src/bs/component/model/components/GoodsReSync/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type ReSyncPlatform } from './utils';
+export type ReSyncQueryState = {
+    total: number | null;
+    formData: Record<string, any>;
+};
+type QueryService<TFormData, TResult extends {
+    total: number;
+}> = (pagination: any, formData: TFormData) => Promise<TResult>;
+export declare const useGoodsReSyncQuery: <TFormData, TResult extends {
+    total: number;
+}>(service: QueryService<TFormData, TResult>) => readonly [(pagination: any, formData: TFormData) => Promise<TResult>, ReSyncQueryState];
+type Props = {
+    platform: ReSyncPlatform;
+    queryState: ReSyncQueryState;
+    onSuccess: () => void | Promise<void>;
+};
+declare const GoodsReSync: ({ platform, queryState, onSuccess }: Props) => React.JSX.Element;
+export default GoodsReSync;

package/dist/src/bs/component/model/components/GoodsReSync/utils.d.ts

@@ -0,0 +1,15 @@
+export type ReSyncPlatform = 'JST_ERP' | 'WLN_ERP' | 'WDT_ERP' | 'GY_ERP' | 'JY_ERP' | 'KM_ERP';
+export type ReSyncAction = {
+    key: 'goods';
+    label: '同步商品';
+    targetName: '商品';
+    value: string;
+    requestData: {
+        platform: ReSyncPlatform;
+        goodNos?: string[];
+        skuCodes?: string[];
+        styleCodes?: string[];
+        skuType?: 'normal' | 'combine';
+    };
+};
+export declare const getReSyncActions: (platform: ReSyncPlatform, total: number | null, formData: Record<string, any>) => ReSyncAction[];

package/dist/src/bs/component/model/components/SearchForm/utils.d.ts

@@ -3,3 +3,4 @@ export declare const transformFormData: (formData: Record<string, any>) => {
     compareSymbol: any;
     rightValue: any;
 }[];
+export declare const shouldSubmitOnBlur: (relatedTarget: EventTarget | null) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.10.9-beta.21",
+  "version": "2.10.9-beta.23",
   "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.10.9-beta.20",
+    "@kmkf-fe-packages/kmkf-utils": "2.10.9-beta.23",
     "ahooks": "^3.7.4",
     "ali-react-table": "2.6.1",
     "bignumber.js": "^9.1.2",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4dedd2a3b38f76b1511c4cc6e50830a0db126ae9"
+  "gitHead": "04e1e62b6cb964e5d1f9b9f2cb30c45c30d9c244"
 }