@fonixtree/magic-design 2.0.192 → 2.0.194

package/es/common/SelectStoreModal/SortableImageList/index.js

@@ -56,10 +56,10 @@ function SortableImageList(_a) {
 
   var moveCard = (0, _react.useCallback)(function (dragNodeId, hoverNodeId) {
     var dragIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(dragNodeId);
+      return comp.storeId === Number(dragNodeId);
     });
     var hoverIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(hoverNodeId);
+      return comp.storeId === Number(hoverNodeId);
     });
     setList(function (prevCards) {
       var newList = (0, _immutabilityHelper["default"])(prevCards, {
@@ -95,7 +95,7 @@ function SortableImageList(_a) {
     }, /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "selectedItemImg " + (item.state !== 'A' ? 'invalid' : ''),
-      "data-nodeid": item.productId,
+      "data-nodeid": item.storeId,
       draggable: "true",
       onDragEnd: onDragEnd,
       onDragEnter: onDragEnter,
@@ -103,8 +103,8 @@ function SortableImageList(_a) {
         e.preventDefault();
       },
       onDragStart: onDragStart,
-      src: item.productImageUrl,
-      title: item.productName
+      src: item.storeLogoUrl,
+      title: item.storeName
     }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       className: "selectedItemClose",
       color: "#000",

package/es/common/SelectStoreModal/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatData = exports["default"] = void 0;
+exports["default"] = void 0;
 
 var _antd = require("antd4");
 
@@ -15,22 +15,16 @@ var _SortableImageList = _interopRequireDefault(require("./SortableImageList"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
-var _businessUtil = require("../../utils/businessUtil");
-
-var _currencyUtil = require("../../utils/currencyUtil");
+var _locale = require("../../locale");
 
 require("./index.less");
 
-var _locale = require("../../locale");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -204,127 +198,56 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
   return r;
 };
 
-var promType = {
-  FLASH_SALE: '2',
-  GROUP_BUY: '4'
-};
-var proTypeOption = [{
-  label: 'SKU',
-  value: 'sku'
-}, {
-  label: 'SPU',
-  value: 'spu'
-}];
-
-var formatData = function formatData(list, type) {
-  list.map(function (item) {
-    item.id = type === 'spu' ? item.offerId : item.productId;
-  });
-  return list;
-};
-
-exports.formatData = formatData;
 var Option = _antd.Select.Option;
-var InputGroup = _antd.Input.Group;
 
 var SelectStoreModal = function SelectStoreModal(props) {
   var handleModalSave = props.handleModalSave,
       closeModal = props.closeModal,
       visible = props.visible,
-      _a = props.prodType,
-      prodType = _a === void 0 ? 'sku' : _a,
-      _b = props.defaultList,
-      defaultList = _b === void 0 ? [] : _b,
-      _c = props.maxSelect,
-      maxSelect = _c === void 0 ? 20 : _c;
+      _a = props.defaultList,
+      defaultList = _a === void 0 ? [] : _a,
+      _b = props.maxSelect,
+      maxSelect = _b === void 0 ? 20 : _b;
+
+  var _c = (0, _react.useState)(''),
+      storeName = _c[0],
+      setStoreName = _c[1];
 
-  var _d = (0, _react.useState)([]),
-      catgsList = _d[0],
-      setCatgsList = _d[1];
+  var _d = (0, _react.useState)('All'),
+      bizType = _d[0],
+      setBizType = _d[1];
 
-  var _e = (0, _react.useState)([]),
-      brandsList = _e[0],
-      setBrandsList = _e[1];
+  var _e = (0, _react.useState)('All'),
+      storeState = _e[0],
+      setStoreState = _e[1];
 
   var _f = (0, _react.useState)([]),
-      labelData = _f[0],
-      setLabelData = _f[1];
+      bizTypeList = _f[0],
+      setBizTypeList = _f[1];
 
   var _g = (0, _react.useState)([]),
-      selBrandsList = _g[0],
-      setSelBrandsList = _g[1];
-
-  var _h = (0, _react.useState)([]),
-      selCatgsList = _h[0],
-      setSelCatgsList = _h[1];
-
-  var _j = (0, _react.useState)({}),
-      selLabelData = _j[0],
-      setSelLabelData = _j[1];
-
-  var _k = (0, _react.useState)([]),
-      storeList = _k[0],
-      setStoreList = _k[1];
-
-  var _l = (0, _react.useState)(''),
-      productName = _l[0],
-      setProductName = _l[1];
-
-  var _m = (0, _react.useState)(''),
-      productCode = _m[0],
-      setProductCode = _m[1];
-
-  var _o = (0, _react.useState)(''),
-      storeId = _o[0],
-      setStoreId = _o[1];
+      list = _g[0],
+      setList = _g[1];
 
-  var _p = (0, _react.useState)(''),
-      minPrice = _p[0],
-      setMinPrice = _p[1];
+  var _h = (0, _react.useState)(defaultList),
+      selectedList = _h[0],
+      setSelectedList = _h[1];
 
-  var _q = (0, _react.useState)(''),
-      maxPrice = _q[0],
-      setMaxPrice = _q[1];
+  var _j = (0, _react.useState)(false),
+      loading = _j[0],
+      setLoading = _j[1];
 
-  var _r = (0, _react.useState)([]),
-      promotions = _r[0],
-      setPromotions = _r[1];
-
-  var _s = (0, _react.useState)([]),
-      goodsList = _s[0],
-      setGoodsList = _s[1];
-
-  var _t = (0, _react.useState)(false),
-      loading = _t[0],
-      setLoading = _t[1];
-
-  var _u = (0, _react.useState)(prodType),
-      proType = _u[0],
-      setProType = _u[1];
-
-  var _v = (0, _react.useState)(false),
-      flag = _v[0],
-      setFlag = _v[1];
-
-  var _w = (0, _react.useState)(defaultList),
-      selectedList = _w[0],
-      setSelectedList = _w[1];
-
-  var _x = (0, _react.useState)(''),
-      dragId = _x[0],
-      setDragId = _x[1];
-
-  var _y = (0, _react.useState)({
+  var _k = (0, _react.useState)({
     pageSize: 20,
-    current: 1,
+    pageIndex: 1,
     total: 0
   }),
-      paginationParams = _y[0],
-      setPaginationParams = _y[1];
+      paginationParams = _k[0],
+      setPaginationParams = _k[1];
 
   var rowSelection = {
     selectedRowKeys: selectedList.map(function (v) {
-      return v.id;
+      return v.storeId;
     }),
     onSelect: function onSelect(record, selected) {
       if (selected) {
@@ -339,7 +262,7 @@ var SelectStoreModal = function SelectStoreModal(props) {
         }
       } else {
         setSelectedList(selectedList.filter(function (v) {
-          return v.id !== record.id;
+          return v.storeId !== record.storeId;
         }));
       }
     },
@@ -348,139 +271,9 @@ var SelectStoreModal = function SelectStoreModal(props) {
         name: record.name
       };
     }
-  };
-
-  var moveItem = function moveItem(dragNodeId, hoverNodeId) {
-    var source = JSON.parse(JSON.stringify(selectedList));
-    var dragIndex = source.findIndex(function (obj) {
-      return obj.productId == dragNodeId;
-    });
-    var hoverIndex = source.findIndex(function (obj) {
-      return obj.productId == hoverNodeId;
-    });
-    var list = dragSource(source, dragIndex, hoverIndex);
-    setSelectedList(list);
-  };
-
-  var onDragStart = function onDragStart(e) {
-    setDragId(e.currentTarget.dataset.nodeid);
-  };
-
-  var onDragEnter = function onDragEnter(e) {
-    var hoverNodeId = e.currentTarget.dataset.nodeid;
-
-    if (dragId === hoverNodeId) {
-      return;
-    }
-
-    moveItem(dragId, hoverNodeId);
-  };
-
-  var onDragEnd = function onDragEnd() {
-    setDragId('');
-  }; // 请求商品列表
-
-
-  var queryGoods = function queryGoods() {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var _list, total, params, res_1, res;
-
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setLoading(true);
-            setGoodsList([]);
-            _list = [];
-            total = 0;
-            params = {
-              productName: productName,
-              storeId: storeId,
-              cmpTypeId: promotions || '',
-              minPrice: (0, _currencyUtil.formatBackendCurrency)(minPrice),
-              maxPrice: (0, _currencyUtil.formatBackendCurrency)(maxPrice),
-              catgIds: selCatgsList.join(','),
-              brandIds: selBrandsList.join(','),
-              labelIds: selLabelData.value || '',
-              pageSize: paginationParams.pageSize,
-              pageIndex: paginationParams.current
-            };
-            if (!(proType === 'spu')) return [3
-            /*break*/
-            , 2];
-            return [4
-            /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers", __assign(__assign({}, params), {
-              offerCode: productCode,
-              isDefaultCover: 'Y',
-              onlyQryPublishSku: true,
-              auditState: 'S',
-              crmFlag: 'on'
-            }), 'GET')];
-
-          case 1:
-            res_1 = _a.sent();
-            _list = formatData((0, _commonUtil.ensure)(function () {
-              return res_1.list.map(function (m) {
-                return __assign(__assign({}, m.products[0]), m);
-              });
-            }, []), proType);
-            total = res_1.total;
-            return [3
-            /*break*/
-            , 4];
-
-          case 2:
-            return [4
-            /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", __assign(__assign({}, params), {
-              state: 'A',
-              productCode: productCode
-            }), 'GET')];
-
-          case 3:
-            res = _a.sent();
-            _list = formatData(res.list || []);
-            total = res.total;
-            _a.label = 4;
-
-          case 4:
-            setLoading(false);
-            setGoodsList(_list);
-            paginationParams.total = total;
-            setPaginationParams(__assign({}, paginationParams));
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  }; // 请求类目
-
-
-  var queryOfferCatgs = function queryOfferCatgs() {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var res, tree;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/offercatgs/list", {}, 'GET')];
-
-          case 1:
-            res = _a.sent();
-            tree = (0, _businessUtil.listToTree)(res);
-            setCatgsList(tree);
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  }; // 请求品牌
-
+  }; // 业态列表
 
-  var queryBrands = function queryBrands() {
+  var getBizTypeList = function getBizTypeList() {
     return __awaiter(void 0, void 0, void 0, function () {
       var res;
       return __generator(this, function (_a) {
@@ -488,33 +281,11 @@ var SelectStoreModal = function SelectStoreModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/biztype/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
-            setBrandsList(res);
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  }; // 请求标签
-
-
-  var queryLabel = function queryLabel() {
-    return __awaiter(void 0, void 0, void 0, function () {
-      var res;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/labels/list", {}, 'GET')];
-
-          case 1:
-            res = _a.sent();
-            setLabelData(res);
+            setBizTypeList(res || []);
             return [2
             /*return*/
             ];
@@ -524,19 +295,31 @@ var SelectStoreModal = function SelectStoreModal(props) {
   }; // 请求店铺列表
 
 
-  var queryStore = function queryStore() {
+  var getStoreList = function getStoreList() {
     return __awaiter(void 0, void 0, void 0, function () {
-      var res;
+      var params, res;
       return __generator(this, function (_a) {
         switch (_a.label) {
           case 0:
+            setLoading(true);
+            setList([]);
+            params = {
+              pageSize: paginationParams.pageSize,
+              pageIndex: paginationParams.pageIndex
+            };
+            if (storeName) params.storeName = storeName;
+            if (bizType !== 'All') params.storeBizTypeId = bizType;
+            if (storeState !== 'All') params.state = storeState;
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/page", params, 'GET')];
 
           case 1:
             res = _a.sent();
-            setStoreList(res);
+            setLoading(false);
+            setList((res === null || res === void 0 ? void 0 : res.list) || []);
+            paginationParams.total = res === null || res === void 0 ? void 0 : res.total;
+            setPaginationParams(__assign({}, paginationParams));
             return [2
             /*return*/
             ];
@@ -546,84 +329,46 @@ var SelectStoreModal = function SelectStoreModal(props) {
   };
 
   var reset = function reset() {
-    setSelBrandsList([]);
-    setSelCatgsList([]);
-    setSelLabelData([]);
-    setProductName('');
-    setStoreId('');
-    setProductCode('');
-    setMinPrice('');
-    setMaxPrice('');
-    setPromotions(props.type === 'groupBuy' ? promType.GROUP_BUY : null);
+    setStoreName('');
+    setBizType('All');
+    setStoreState('All');
   };
 
-  (0, _react.useEffect)(function () {
-    queryOfferCatgs();
-    queryBrands();
-    queryLabel();
-
-    if ((0, _businessUtil.isPlatform)()) {
-      queryStore();
-    }
-  }, []);
   (0, _react.useEffect)(function () {
     setSelectedList(defaultList);
-
-    if (props.type === 'groupBuy') {
-      setPromotions(promType.GROUP_BUY);
-    }
   }, [visible]);
   (0, _react.useEffect)(function () {
-    reset();
-    paginationParams.current = 1;
-    setFlag(!flag);
-  }, [proType]);
-  (0, _react.useEffect)(function () {
-    queryGoods();
-  }, [flag]);
+    getBizTypeList();
+    getStoreList();
+  }, []);
   var columns = [{
-    title: (0, _locale.i18n)('IMAGE'),
-    dataIndex: 'productImageUrl',
-    render: function render(productImageUrl) {
+    title: (0, _locale.i18n)('STORE_LOGO'),
+    dataIndex: 'storeLogoUrl',
+    render: function render(storeLogoUrl) {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "prodImg",
         style: {
-          backgroundImage: "url(" + productImageUrl + ")"
+          backgroundImage: "url(" + storeLogoUrl + ")"
         }
       });
     },
-    width: 60
+    width: 80
   }, {
-    title: (0, _locale.i18n)('PRODUCT_NAME'),
-    dataIndex: 'productName',
+    title: (0, _locale.i18n)('STORE_NAME'),
+    dataIndex: 'storeName',
     width: 120,
     ellipsis: true
   }, {
-    title: proType === 'spu' ? (0, _locale.i18n)('SPU_CODE') : (0, _locale.i18n)('SKU_CODE'),
-    dataIndex: proType === 'spu' ? 'offerCode' : 'productCode',
+    title: (0, _locale.i18n)('BUSINESS_TYPE'),
+    dataIndex: 'bizTypeName',
     width: 120,
     ellipsis: true
-  }, _defineProperty({
-    title: (0, _locale.i18n)('SKU'),
-    dataIndex: 'attrValues',
-    ellipsis: true,
-    width: 100
-  }, "ellipsis", true), {
-    title: (0, _locale.i18n)('PRICE'),
-    dataIndex: 'salesPrice',
-    width: 100,
-    ellipsis: true,
-    render: function render(text, record) {
-      return /*#__PURE__*/_react["default"].createElement("span", null, (0, _currencyUtil.formatCurrencyWithSymbol)(record.specialPriceProd ? record.specialPriceProd.specialPrice : record.salesPrice));
-    }
   }, {
-    title: (0, _locale.i18n)('BRAND'),
-    dataIndex: 'brandName',
-    width: 100,
-    ellipsis: true
-  }, {
-    title: (0, _locale.i18n)('STORE'),
-    dataIndex: 'storeName',
+    title: (0, _locale.i18n)('STORE_STATE'),
+    dataIndex: 'state',
+    render: function render(state) {
+      return /*#__PURE__*/_react["default"].createElement("span", null, state === 'A' ? (0, _locale.i18n)('OPEN') : (0, _locale.i18n)('CLOSE'));
+    },
     width: 100,
     ellipsis: true
   }];
@@ -639,7 +384,7 @@ var SelectStoreModal = function SelectStoreModal(props) {
     width: "1200px",
     wrapClassName: "modalCot"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "proModalWrap"
+    className: "storeModalWrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "content"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -650,36 +395,42 @@ var SelectStoreModal = function SelectStoreModal(props) {
     label: (0, _locale.i18n)('STORE_NAME')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
     onChange: function onChange(e) {
-      setProductName(e.target.value);
+      setStoreName(e.target.value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
-    value: productName
+    value: storeName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: (0, _locale.i18n)('BUSINESS_TYPE')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    defaultValue: promotions,
     onChange: function onChange(value) {
-      setPromotions(value);
+      setBizType(value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
-    value: promotions
+    value: bizType
   }, /*#__PURE__*/_react["default"].createElement(Option, {
-    value: promType.GROUP_BUY
-  }, (0, _locale.i18n)('GROUP_BUY')))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    value: "All"
+  }, (0, _locale.i18n)('ALL')), bizTypeList.map(function (m) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      value: m.storeBizTypeId
+    }, m.bizTypeName);
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: (0, _locale.i18n)('STORE_STATE')
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    defaultValue: promotions,
     onChange: function onChange(value) {
-      setPromotions(value);
+      setStoreState(value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
-    value: promotions
+    value: storeState
   }, /*#__PURE__*/_react["default"].createElement(Option, {
-    value: promType.GROUP_BUY
-  }, (0, _locale.i18n)('GROUP_BUY')))), /*#__PURE__*/_react["default"].createElement("div", {
+    value: "All"
+  }, (0, _locale.i18n)('ALL')), /*#__PURE__*/_react["default"].createElement(Option, {
+    value: "A"
+  }, (0, _locale.i18n)('OPEN')), /*#__PURE__*/_react["default"].createElement(Option, {
+    value: "X"
+  }, (0, _locale.i18n)('CLOSE')))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "buttonStyle"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
@@ -689,8 +440,8 @@ var SelectStoreModal = function SelectStoreModal(props) {
   }, (0, _locale.i18n)('RESET')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       setLoading(true);
-      paginationParams.current = 1;
-      queryGoods();
+      paginationParams.pageIndex = 1;
+      getStoreList();
     },
     size: "small",
     style: {
@@ -699,28 +450,18 @@ var SelectStoreModal = function SelectStoreModal(props) {
     type: "primary"
   }, (0, _locale.i18n)('QUERY'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
-    buttonStyle: "solid",
-    className: "btn-select-type",
-    onChange: function onChange(e) {
-      setProType(e.target.value);
-      setSelectedList([]);
-    },
-    options: proTypeOption,
-    optionType: "button",
-    value: proType
-  }), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     columns: columns,
-    dataSource: goodsList,
+    dataSource: list,
     loading: loading,
     pagination: __assign(__assign({}, paginationParams), {
       onChange: function onChange(page) {
         setLoading(true);
-        paginationParams.current = page;
-        queryGoods();
+        paginationParams.pageIndex = page;
+        getStoreList();
       }
     }),
-    rowKey: "id",
+    rowKey: "storeId",
     rowSelection: rowSelection,
     scroll: {
       y: 420
@@ -738,8 +479,8 @@ var SelectStoreModal = function SelectStoreModal(props) {
     className: "totalNum"
   }, selectedList.length, "/", maxSelect)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
-      handleModalSave && handleModalSave(selectedList, proType);
-      closeModal && closeModal();
+      handleModalSave(selectedList);
+      closeModal();
     },
     style: {
       marginRight: 10

package/es/common/SelectStoreModal/index.less

@@ -3,7 +3,7 @@
   right: unset !important;
   left: unset !important;
 
-  .proModalWrap {
+  .storeModalWrap {
     thead .cylon-checkbox {
       visibility: hidden;
     }