@fonixtree/magic-design 0.0.49 → 0.0.50

package/es/common/LinkModal/BundleCampaign/index.less

@@ -0,0 +1,17 @@
+.bundleCampaign{
+    padding-top: 12px;
+    border-top: 1px solid #f0f0f0;
+
+    .inputStyle {
+        width: 320px;
+        height: 32px;
+        margin-left: 10px;
+      }
+    .labelStyle {
+        display: inline-block;
+        width: 110px;
+    }
+    .mb12 {
+        margin-bottom: 12px;
+    }
+}

package/es/common/LinkModal/CatgTable/index.js

@@ -228,7 +228,7 @@ function CatgTable(props) {
     },
     rowSelection: rowSelection,
     scroll: {
-      y: 450
+      y: 480
     }
   });
 }

package/es/common/LinkModal/CouponTable/index.js

@@ -250,7 +250,7 @@ function CouponTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/coupons/couponList/page?tableFlag=effective&isPublic=Y&state=A&pageTotal=false", params, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/coupons/couponList/page?tableFlag=effective&isPublic=Y&state=A&pageTotal=false&couponLocation=Promotion", params, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -296,7 +296,7 @@ function CouponTable(props) {
     }),
     rowSelection: rowSelection,
     scroll: {
-      y: 405
+      y: 480
     }
   }));
 }

package/es/common/LinkModal/CustomTable/index.js

@@ -221,7 +221,7 @@ function CustomTable(props) {
     rowKey: "bdPageId",
     rowSelection: rowSelection,
     scroll: {
-      y: 450
+      y: 480
     }
   });
 }

package/es/common/LinkModal/FilteredProductModal/index.js

@@ -217,37 +217,45 @@ var FilteredProductModal = function FilteredProductModal(props) {
       storeName = _g[0],
       setStoreName = _g[1];
 
-  var _h = (0, _react.useState)(''),
-      productName = _h[0],
-      setProductName = _h[1];
+  var _h = (0, _react.useState)([]),
+      storeId = _h[0],
+      setStoreId = _h[1];
 
-  var _j = (0, _react.useState)(''),
-      minimum = _j[0],
-      setMinimum = _j[1];
+  var _j = (0, _react.useState)([]),
+      storeList = _j[0],
+      setStoreList = _j[1];
 
   var _k = (0, _react.useState)(''),
-      maximum = _k[0],
-      setMaximum = _k[1];
+      productName = _k[0],
+      setProductName = _k[1];
 
-  var _l = (0, _react.useState)([]),
-      dataSource = _l[0],
-      setDataSource = _l[1];
+  var _l = (0, _react.useState)(''),
+      minimum = _l[0],
+      setMinimum = _l[1];
 
-  var _m = (0, _react.useState)({}),
-      promotions = _m[0],
-      setPromotions = _m[1];
+  var _m = (0, _react.useState)(''),
+      maximum = _m[0],
+      setMaximum = _m[1];
 
-  var _o = (0, _react.useState)(false),
-      loading = _o[0],
-      setLoading = _o[1];
+  var _o = (0, _react.useState)([]),
+      dataSource = _o[0],
+      setDataSource = _o[1];
 
-  var _p = (0, _react.useState)({
+  var _p = (0, _react.useState)({}),
+      promotions = _p[0],
+      setPromotions = _p[1];
+
+  var _q = (0, _react.useState)(false),
+      loading = _q[0],
+      setLoading = _q[1];
+
+  var _r = (0, _react.useState)({
     pageSize: 20,
     current: 1,
     total: 0
   }),
-      paginationParams = _p[0],
-      setPaginationParams = _p[1];
+      paginationParams = _r[0],
+      setPaginationParams = _r[1];
 
   var onChange = function onChange(value) {
     settVal(value);
@@ -273,6 +281,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     settVal([]);
     settBrandId([]);
     settLabelId({});
+    setStoreId([]);
     setStoreName('');
     setProductName('');
     setMinimum('');
@@ -390,6 +399,28 @@ var FilteredProductModal = function FilteredProductModal(props) {
         }
       });
     });
+  }; // 请求店铺列表
+
+
+  var queryStore = function queryStore() {
+    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)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setStoreList(res);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
   };
 
   var JsonToUrl = function JsonToUrl(data) {
@@ -423,6 +454,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
                 }).join(','),
                 labelIds: labelId.key,
                 productName: productName,
+                storeId: storeId,
                 minPrice: minimum * precision || '',
                 maxPrice: maximum * precision || '',
                 // storeName:storeName,
@@ -478,6 +510,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     queryCategory();
     queryBrand();
     queryLabel();
+    queryStore();
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "filteredProductModal"
@@ -522,6 +555,23 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    label: "Store"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    defaultValue: [],
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Lable"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -606,9 +656,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
         if (res.total !== 0) {
           onDataChange("filter-" + res.url, res.total);
         } else {
-          onDataChange('', res.total);
-
-          _antd.message.warn('no goods!');
+          onDataChange('', res.total); // message.warn('no goods!');
         }
       });
     },
@@ -635,7 +683,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
       }
     }),
     scroll: {
-      y: 330
+      y: 400
     }
   })))));
 };

package/es/common/LinkModal/FunctionTable/index.js

@@ -218,7 +218,7 @@ function FunctionTable(props) {
     rowKey: "funcUrlLibId",
     rowSelection: rowSelection,
     scroll: {
-      y: 450
+      y: 480
     }
   });
 }

package/es/common/LinkModal/ProductDetailPage/index.js

@@ -206,9 +206,9 @@ var ProductDetailPage = function ProductDetailPage(props) {
       brandData = _b[0],
       setBrandData = _b[1];
 
-  var _c = (0, _react.useState)({}),
+  var _c = (0, _react.useState)([]),
       brandId = _c[0],
-      settBrandId = _c[1];
+      setBrandId = _c[1];
 
   var _d = (0, _react.useState)(''),
       productCode = _d[0],
@@ -218,16 +218,24 @@ var ProductDetailPage = function ProductDetailPage(props) {
       productName = _e[0],
       setProductName = _e[1];
 
-  var _f = (0, _react.useState)(false),
-      loading = _f[0],
-      setLoading = _f[1];
+  var _f = (0, _react.useState)([]),
+      storeId = _f[0],
+      setStoreId = _f[1];
 
-  var _g = (0, _react.useState)({
+  var _g = (0, _react.useState)([]),
+      storeList = _g[0],
+      setStoreList = _g[1];
+
+  var _h = (0, _react.useState)(false),
+      loading = _h[0],
+      setLoading = _h[1];
+
+  var _j = (0, _react.useState)({
     pageSize: 20,
     current: 1
   }),
-      paginationParams = _g[0],
-      setPaginationParams = _g[1];
+      paginationParams = _j[0],
+      setPaginationParams = _j[1];
 
   var columns = [{
     title: 'Image',
@@ -250,7 +258,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
     dataIndex: 'attrValues',
     ellipsis: true
   }, {
-    title: 'Merchant',
+    title: 'Store',
     dataIndex: 'storeName',
     width: 150,
     ellipsis: true
@@ -307,16 +315,44 @@ var ProductDetailPage = function ProductDetailPage(props) {
         }
       });
     });
+  }; // 请求店铺列表
+
+
+  var queryStore = function queryStore() {
+    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)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setStoreList(res);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
   };
 
   var handleBrandChange = function handleBrandChange(value, node) {
-    settBrandId(node);
+    setBrandId(node.map(function (v) {
+      return {
+        key: v.key,
+        value: v.value
+      };
+    }));
   };
 
   var reset = function reset() {
     setProductName('');
     setProductCode('');
-    settBrandId({});
+    setBrandId([]);
+    setStoreId([]);
   };
 
   (0, _react.useEffect)(function () {
@@ -327,6 +363,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
 
     queryGoods(params);
     queryBrand();
+    queryStore();
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "productDetailPage"
@@ -340,17 +377,23 @@ var ProductDetailPage = function ProductDetailPage(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Product Name",
-    name: "productName"
+    label: "Product Name"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
-    size: "small"
+    onChange: function onChange(e) {
+      return setProductName(e.target.value);
+    },
+    size: "small",
+    value: productName
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "SKU Code",
-    name: "productCode"
+    label: "SKU Code"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
-    size: "small"
+    onChange: function onChange(e) {
+      return setProductCode(e.target.value);
+    },
+    size: "small",
+    value: productCode
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 6
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
@@ -364,7 +407,10 @@ var ProductDetailPage = function ProductDetailPage(props) {
       queryGoods(__assign({
         productName: productName,
         productCode: productCode,
-        brandIds: brandId.key || ''
+        brandIds: brandId.map(function (v) {
+          return v.key;
+        }).join(',') || '',
+        storeId: storeId
       }, params));
     },
     size: "small",
@@ -380,16 +426,40 @@ var ProductDetailPage = function ProductDetailPage(props) {
   }, (0, _locale.i18n)('CANCEL'))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-    label: "Brand",
-    name: "brandId"
+    label: "Brand"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    defaultValue: [],
+    mode: "multiple",
+    onChange: handleBrandChange,
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
-    size: "small"
+    size: "small",
+    value: brandId.map(function (v) {
+      return v.value;
+    })
   }, brandData && brandData.length > 0 && brandData.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 9
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    label: "Store"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    defaultValue: [],
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
+    size: "small",
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
   })))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     bordered: false,
     columns: columns,
@@ -406,7 +476,10 @@ var ProductDetailPage = function ProductDetailPage(props) {
         queryGoods(__assign({
           productName: productName,
           productCode: productCode,
-          brandIds: brandId.key || ''
+          brandIds: brandId.map(function (v) {
+            return v.key;
+          }).join(',') || '',
+          storeId: storeId
         }, params));
       },
       showSizeChanger: false
@@ -414,7 +487,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
     rowKey: "productId",
     rowSelection: rowSelection,
     scroll: {
-      y: 290
+      y: 340
     }
   }));
 };

package/es/common/LinkModal/index.js

@@ -23,6 +23,8 @@ var _CatgTable = _interopRequireDefault(require("./CatgTable"));
 
 var _CustomTable = _interopRequireDefault(require("./CustomTable"));
 
+var _BundleCampaign = _interopRequireDefault(require("./BundleCampaign"));
+
 var _locale = require("../../locale");
 
 require("./index.less");
@@ -46,7 +48,7 @@ var LinkModal = function LinkModal(props) {
       selected = _b[0],
       setSelected = _b[1];
 
-  var list = ['Category', 'Customized Page', 'Product Details Page', 'Filtered Products', 'Function Page', 'Coupons'];
+  var list = ['Category', 'Customized Page', 'Product Details Page', 'Filtered Products', 'Function Page', 'Coupons', 'Bundle Campaign'];
 
   var _c = (0, _react.useState)(0),
       total = _c[0],
@@ -118,6 +120,10 @@ var LinkModal = function LinkModal(props) {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
+  }), selected === 'Bundle Campaign' && /*#__PURE__*/_react["default"].createElement(_BundleCampaign["default"], {
+    setUrl: function setUrl(url) {
+      return setLinkUrl(url);
+    }
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "footer"
   }, selected === 'Filtered Products' ? /*#__PURE__*/_react["default"].createElement("div", {

package/es/common/LinkModal/index.less

@@ -10,7 +10,7 @@
     font-size: 14px;
     line-height: 22px;
     color: #232F46;
-    height: 600px;
+    height: 680px;
 
     .linkType {
       display: flex;

package/es/common/ProductModal/index.js

@@ -257,39 +257,47 @@ var ProductModal = function ProductModal(props) {
       selLabelData = _j[0],
       setSelLabelData = _j[1];
 
-  var _k = (0, _react.useState)(''),
-      productName = _k[0],
-      setProductName = _k[1];
+  var _k = (0, _react.useState)([]),
+      storeList = _k[0],
+      setStoreList = _k[1];
 
   var _l = (0, _react.useState)(''),
-      productCode = _l[0],
-      setProductCode = _l[1];
+      productName = _l[0],
+      setProductName = _l[1];
 
   var _m = (0, _react.useState)(''),
-      minPrice = _m[0],
-      setMinPrice = _m[1];
+      productCode = _m[0],
+      setProductCode = _m[1];
 
-  var _o = (0, _react.useState)(''),
-      maxPrice = _o[0],
-      setMaxPrice = _o[1];
+  var _o = (0, _react.useState)([]),
+      storeId = _o[0],
+      setStoreId = _o[1];
 
-  var _p = (0, _react.useState)([]),
-      promotions = _p[0],
-      setPromotions = _p[1];
+  var _p = (0, _react.useState)(''),
+      minPrice = _p[0],
+      setMinPrice = _p[1];
 
-  var _q = (0, _react.useState)([]),
-      goodsList = _q[0],
-      setGoodsList = _q[1];
+  var _q = (0, _react.useState)(''),
+      maxPrice = _q[0],
+      setMaxPrice = _q[1];
 
-  var _r = (0, _react.useState)(false),
-      loading = _r[0],
-      setLoading = _r[1];
+  var _r = (0, _react.useState)([]),
+      promotions = _r[0],
+      setPromotions = _r[1];
 
-  var _s = (0, _react.useState)(defaultList.map(function (v) {
+  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)(defaultList.map(function (v) {
     return v.productId;
   })),
-      selectedRowKeys = _s[0],
-      setSelectedRowKeys = _s[1];
+      selectedRowKeys = _u[0],
+      setSelectedRowKeys = _u[1];
 
   var rowSelection = {
     selectedRowKeys: selectedRowKeys,
@@ -321,13 +329,13 @@ var ProductModal = function ProductModal(props) {
     }
   };
 
-  var _t = (0, _react.useState)({
+  var _v = (0, _react.useState)({
     pageSize: 20,
     current: 1,
     total: 0
   }),
-      paginationParams = _t[0],
-      setPaginationParams = _t[1];
+      paginationParams = _v[0],
+      setPaginationParams = _v[1];
 
   var delSelectedItem = function delSelectedItem(index) {
     console.log(selectedRowKeys, index, 2223);
@@ -432,12 +440,35 @@ var ProductModal = function ProductModal(props) {
         }
       });
     });
+  }; // 请求店铺列表
+
+
+  var queryStore = function queryStore() {
+    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)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setStoreList(res);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
   };
 
   (0, _react.useEffect)(function () {
     queryOfferCatgs();
     queryBrands();
     queryLabel();
+    queryStore();
   }, []);
   (0, _react.useEffect)(function () {
     setSelectedList(defaultList);
@@ -455,6 +486,7 @@ var ProductModal = function ProductModal(props) {
     setSelCatgsList([]);
     setSelLabelData([]);
     setProductName('');
+    setStoreId([]);
     setProductCode('');
     setMinPrice('');
     setMaxPrice('');
@@ -507,17 +539,6 @@ var ProductModal = function ProductModal(props) {
     width: 100,
     ellipsis: true
   }];
-
-  var onResetQryCondition = function onResetQryCondition() {
-    setProductName('');
-    setPromotions(null);
-    setMinPrice('');
-    setMaxPrice('');
-    setSelBrandsList([]);
-    setSelCatgsList([]);
-    setSelLabelData([]);
-  };
-
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
     cancelText: (0, _locale.i18n)('CANCEL'),
     draggable: false,
@@ -572,6 +593,23 @@ var ProductModal = function ProductModal(props) {
       key: item.catgId,
       value: item.brandId
     }, item.brandName);
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    label: "Store"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    defaultValue: [],
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Lable"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -661,6 +699,7 @@ var ProductModal = function ProductModal(props) {
       queryGoods({
         productName: productName,
         productCode: productCode,
+        storeId: storeId,
         cmpTypeId: promotions || '',
         minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
         maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),

package/es/common/ProductSource/index.js

@@ -240,7 +240,9 @@ function ProductSource(_a) {
     type: "primary"
   }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "total"
-  }, "Total ", getLength(), " products"), visible && /*#__PURE__*/_react["default"].createElement(_ProductModal["default"], {
+  }, (0, _locale.i18n)('TOTAL_PRODUCTS', {
+    count: getLength()
+  })), visible && /*#__PURE__*/_react["default"].createElement(_ProductModal["default"], {
     closeModal: function closeModal() {
       return setVisbile(false);
     },

package/es/composite-comp/common/components/ImageLabel/index.js

@@ -71,14 +71,14 @@ function (_super) {
         return /*#__PURE__*/_react["default"].createElement("img", {
           key: label.imgUrl || label.labelPictureUrl,
           alt: "img",
-          className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + (label.position || 'default')] = true, _a.small = small, _a)),
+          className: (0, _classnames["default"])('image-label-wrap', 'img', (_a = {}, _a["position-" + (label.position || 'null')] = true, _a.small = small, _a)),
           src: label.imgUrl || label.labelPictureUrl
         });
       }
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: label.labelName,
-        className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + (label.position || 'default')] = true, _b))
+        className: (0, _classnames["default"])('image-label-wrap', (_b = {}, _b["position-" + (label.position || 'null')] = true, _b))
       }, label.labelName);
     });
   };