@fonixtree/magic-design 0.0.28 → 0.0.30

package/es/common/ButtonIconLayout/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _locale = require("../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -81,13 +83,13 @@ function (_super) {
         }
       }, (item.value === 'right' || item.value === 'bottom') && /*#__PURE__*/_react["default"].createElement("span", {
         className: "text el"
-      }, "Text"), icon && /*#__PURE__*/_react["default"].createElement("img", {
+      }, (0, _locale.i18n)('TEXT')), icon && /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         className: "el",
         src: icon
       }), (item.value === 'left' || item.value === 'top') && /*#__PURE__*/_react["default"].createElement("span", {
         className: "text"
-      }, "Text"));
+      }, (0, _locale.i18n)('TEXT')));
     }));
   };
 

package/es/common/ImageModal/index.js

@@ -31,6 +31,8 @@ var _commonUtil = require("../../utils/commonUtil");
 
 var _dataTreeUtils = _interopRequireDefault(require("../../utils/dataTreeUtils"));
 
+var _locale = require("../../locale");
+
 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; }
@@ -664,7 +666,7 @@ function ImageModal(_a) {
 
   return /*#__PURE__*/_react["default"].createElement(_CommonModal["default"], {
     modalOpts: {
-      title: 'Image',
+      title: (0, _locale.i18n)('IMAGE'),
       width: modalSize.LARGE
     },
     onCancel: onCancel,
@@ -693,7 +695,7 @@ function ImageModal(_a) {
     onSearch: function onSearch(value) {
       return handleSearch(value);
     },
-    placeholder: "Please Search"
+    placeholder: (0, _locale.i18n)('PLEASE_SEARCH')
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Row, null, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 6
   }, /*#__PURE__*/_react["default"].createElement(_antd.Card, {
@@ -706,7 +708,7 @@ function ImageModal(_a) {
     className: "search_container"
   }, /*#__PURE__*/_react["default"].createElement(Search, {
     onChange: onChange,
-    placeholder: "Keywrods"
+    placeholder: (0, _locale.i18n)('KEYWRODS')
   })), /*#__PURE__*/_react["default"].createElement(_antd.Tree, treeOpts, renderTreeNodes(treeData)))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 18
   }, /*#__PURE__*/_react["default"].createElement(_antd.Card, {

package/es/common/ImagePicker/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _locale = require("../../locale");
+
 var _ImageModal = _interopRequireDefault(require("../ImageModal"));
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
@@ -113,7 +115,7 @@ function (_super) {
       onClick: function onClick() {},
       size: 25,
       type: "icon-setting"
-    }), "Edit"), /*#__PURE__*/_react["default"].createElement("span", {
+    }), (0, _locale.i18n)('EDIT')), /*#__PURE__*/_react["default"].createElement("span", {
       className: "line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "btn-del",
@@ -125,11 +127,11 @@ function (_super) {
       onClick: function onClick() {},
       size: 25,
       type: "icon-delete1"
-    }), "Delete"))) : /*#__PURE__*/_react["default"].createElement("div", {
+    }), (0, _locale.i18n)('DELETE')))) : /*#__PURE__*/_react["default"].createElement("div", {
       className: "no-img"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "hint-txt"
-    }, "Looks like you don't have any images in your gallery. Choose images to feature on this page."), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "pick-btn",
       onClick: function onClick() {
         _this.setState({
@@ -140,7 +142,7 @@ function (_super) {
       color: "#FFFFFF",
       size: 18,
       type: "icon-add"
-    }), /*#__PURE__*/_react["default"].createElement("p", null, "Add Image"))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
+    }), /*#__PURE__*/_react["default"].createElement("p", null, (0, _locale.i18n)('ADD_IMAGE')))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
       onCancel: function onCancel() {
         _this.setState({
           visible: false

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

@@ -19,6 +19,8 @@ var _businessUtil = require("../../../utils/businessUtil");
 
 require("./index.less");
 
+var _locale = require("../../../locale");
+
 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; }
@@ -483,7 +485,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     className: "proModalWrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "info"
-  }, "The product quantity will be automatically updated with the items that meet the category conditions."), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "filteredProductModalContent"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "leftCot"
@@ -499,7 +501,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     },
     multiple: true,
     onChange: onChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     treeData: treeData,
     treeDefaultExpandAll: true,
@@ -510,7 +512,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     defaultValue: [],
     mode: "multiple",
     onChange: handleBrandChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: brandId.map(function (v) {
       return v.value;
@@ -525,7 +527,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: [],
     onChange: handleLabelChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: labelId.value
   }, labelData && labelData.length > 0 && labelData.map(function (v) {
@@ -573,7 +575,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     onChange: function onChange(e) {
       setProductName(e.currentTarget.value);
     },
-    placeholder: "Please Input",
+    placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
@@ -586,16 +588,16 @@ var FilteredProductModal = function FilteredProductModal(props) {
         key: node.key
       });
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: promotions.value
   }, /*#__PURE__*/_react["default"].createElement(Option, {
     key: "2",
     value: "Flash Sale"
-  }, "Flash Sale"), /*#__PURE__*/_react["default"].createElement(Option, {
+  }, (0, _locale.i18n)('FLASH_SALE')), /*#__PURE__*/_react["default"].createElement(Option, {
     key: "4",
     value: "Group By"
-  }, "Group By"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('GROUP_BY')))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "buttonStyle"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
@@ -615,12 +617,12 @@ var FilteredProductModal = function FilteredProductModal(props) {
       marginRight: 8
     },
     type: "primary"
-  }, "Search"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('SEARCH')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Cancel")))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     columns: columns,

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

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _locale = require("../../../locale");
+
 var _commonUtil = require("../../../utils/commonUtil");
 
 require("./index.less");
@@ -370,18 +372,18 @@ var ProductDetailPage = function ProductDetailPage(props) {
       marginRight: 10
     },
     type: "primary"
-  }, "Query"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Cancel")), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, (0, _locale.i18n)('CANCEL'))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Brand",
     name: "brandId"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small"
   }, brandData && brandData.length > 0 && brandData.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {

package/es/common/LinkModal/index.js

@@ -23,6 +23,8 @@ var _CatgTable = _interopRequireDefault(require("./CatgTable"));
 
 var _CustomTable = _interopRequireDefault(require("./CustomTable"));
 
+var _locale = require("../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -65,13 +67,13 @@ var LinkModal = function LinkModal(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
-    cancelText: "Cancel",
+    cancelText: (0, _locale.i18n)('CANCEL'),
     draggable: false,
     footer: null,
     okText: "OK",
     onCancel: onClose,
     onOk: onConfirm,
-    title: "URL Setup",
+    title: (0, _locale.i18n)('URL_SETUP'),
     visible: visible,
     width: "1000",
     wrapClassName: "linkModal"
@@ -81,7 +83,7 @@ var LinkModal = function LinkModal(props) {
     className: "linkType"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "typeTitle"
-  }, "Link Type:"), list.map(function (item, index) {
+  }, (0, _locale.i18n)('LINK_TYPE'), ":"), list.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,
       className: "typeItem " + (selected === item ? 'selected' : ''),
@@ -125,11 +127,11 @@ var LinkModal = function LinkModal(props) {
     onClick: function onClick() {
       return onClose && onClose();
     }
-  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     className: "btn-confirm",
     onClick: onModalSava,
     type: "primary"
-  }, "OK")))));
+  }, (0, _locale.i18n)('OK'))))));
 };
 
 var _default = LinkModal;

package/es/common/ProductModal/index.js

@@ -19,6 +19,8 @@ var _currencyUtil = require("../../utils/currencyUtil");
 
 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); }
@@ -460,7 +462,7 @@ var ProductModal = function ProductModal(props) {
   };
 
   var columns = [{
-    title: 'Image',
+    title: (0, _locale.i18n)('IMAGE'),
     dataIndex: 'productImageUrl',
     render: function render(productImageUrl) {
       return /*#__PURE__*/_react["default"].createElement("span", {
@@ -472,22 +474,22 @@ var ProductModal = function ProductModal(props) {
     },
     width: 60
   }, {
-    title: 'Product Name',
+    title: (0, _locale.i18n)('PRODUCT_NAME'),
     dataIndex: 'productName',
     width: 120,
     ellipsis: true
   }, {
-    title: 'Product Code',
+    title: (0, _locale.i18n)('PRODUCT_CODE'),
     dataIndex: 'productCode',
     width: 120,
     ellipsis: true
   }, _defineProperty({
-    title: 'SKU',
+    title: (0, _locale.i18n)('SKU'),
     dataIndex: 'attrValues',
     ellipsis: true,
     width: 100
   }, "ellipsis", true), {
-    title: 'Price',
+    title: (0, _locale.i18n)('PRICE'),
     dataIndex: 'salesPrice',
     width: 100,
     ellipsis: true,
@@ -495,12 +497,12 @@ var ProductModal = function ProductModal(props) {
       return /*#__PURE__*/_react["default"].createElement("span", null, (0, _currencyUtil.formatCurrencyWithSymbol)(record.specialPriceProd ? record.specialPriceProd.specialPrice : record.salesPrice));
     }
   }, {
-    title: 'Brand',
+    title: (0, _locale.i18n)('BRAND'),
     dataIndex: 'brandName',
     width: 100,
     ellipsis: true
   }, {
-    title: 'Store',
+    title: (0, _locale.i18n)('STORE'),
     dataIndex: 'storeName',
     width: 100,
     ellipsis: true
@@ -517,13 +519,13 @@ var ProductModal = function ProductModal(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
-    cancelText: "Cancel",
+    cancelText: (0, _locale.i18n)('CANCEL'),
     draggable: false,
     footer: null,
     okText: "OK",
     onCancel: closeModal,
     onOk: handleModalSave,
-    title: "Product Select",
+    title: (0, _locale.i18n)('PRODUCT_SELECT'),
     visible: visible,
     width: "1200px",
     wrapClassName: "modalCot"
@@ -542,7 +544,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(value, option) {
       setSelCatgsList(value);
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: selCatgsList
   }, catgsList.map(function (item) {
@@ -562,7 +564,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(value, option) {
       setSelBrandsList(value);
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: selBrandsList
   }, brandsList.map(function (item, index) {
@@ -578,7 +580,7 @@ var ProductModal = function ProductModal(props) {
       console.log(v, o, 33);
       setSelLabelData(o);
     },
-    placeholder: "Please Select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: selLabelData.children
   }, labelData && labelData.length > 0 && labelData.map(function (v) {
@@ -594,7 +596,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(e) {
       setMinPrice(e.target.value);
     },
-    placeholder: "Minimum",
+    placeholder: (0, _locale.i18n)('MINIMUM'),
     size: "small",
     style: {
       width: '45%'
@@ -606,7 +608,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(e) {
       setMaxPrice(e.target.value);
     },
-    placeholder: "Maximum",
+    placeholder: (0, _locale.i18n)('MAXIMUM'),
     size: "small",
     style: {
       width: '45%'
@@ -618,7 +620,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(e) {
       setProductName(e.target.value);
     },
-    placeholder: "Please Input",
+    placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
@@ -628,7 +630,7 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(e) {
       setProductCode(e.target.value);
     },
-    placeholder: "Please Input",
+    placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
     value: productCode
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
@@ -638,21 +640,21 @@ var ProductModal = function ProductModal(props) {
     onChange: function onChange(value) {
       setPromotions(value);
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: promotions
   }, props.type !== 'groupBuy' && /*#__PURE__*/_react["default"].createElement(Option, {
     value: promType.FLASH_SALE
-  }, "Flash Sale"), /*#__PURE__*/_react["default"].createElement(Option, {
+  }, (0, _locale.i18n)('FLASH_SALE')), /*#__PURE__*/_react["default"].createElement(Option, {
     value: promType.GROUP_BUY
-  }, "Group Buy"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('GROUP_BUY')))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "buttonStyle"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Reset"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('RESET')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       setLoading(true);
       paginationParams.current = 1;
@@ -675,7 +677,7 @@ var ProductModal = function ProductModal(props) {
       marginRight: 8
     },
     type: "primary"
-  }, "Query")))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('QUERY'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     columns: columns,
@@ -730,7 +732,7 @@ var ProductModal = function ProductModal(props) {
     className: "footer"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "total"
-  }, "Selected", ' ', /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _locale.i18n)('SELECTED'), ' ', /*#__PURE__*/_react["default"].createElement("span", {
     className: "totalNum"
   }, selectedList.length, "/", maxSelect)), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
@@ -741,11 +743,11 @@ var ProductModal = function ProductModal(props) {
       marginRight: 10
     },
     type: "primary"
-  }, "OK"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('OK')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       return closeModal && closeModal();
     }
-  }, "Cancel")))));
+  }, (0, _locale.i18n)('CANCEL'))))));
 };
 
 var _default = ProductModal;

package/es/common/ProductSource/index.js

@@ -9,6 +9,8 @@ exports["default"] = ProductSource;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _locale = require("../../locale");
+
 var _commonUtil = require("../../utils/commonUtil");
 
 var _Button = _interopRequireDefault(require("../Button"));
@@ -236,9 +238,11 @@ function ProductSource(_a) {
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     onClick: onSelectProduct,
     type: "primary"
-  }, "Select Product"), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (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/common/UrlPicker/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _locale = require("../../locale");
+
 var _LinkModal = _interopRequireDefault(require("../LinkModal"));
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
@@ -70,7 +72,7 @@ function (_super) {
       onChange: function onChange(e) {
         return _onChange(e.target.value);
       },
-      placeholder: "Please add a link",
+      placeholder: (0, _locale.i18n)('PLEASE_ADD_A_LINK'),
       type: "text",
       value: value
     }), /*#__PURE__*/_react["default"].createElement("div", {

package/es/composite-comp/bol/components/Carousel/mobile/index.js

@@ -73,11 +73,11 @@ var MOBILE_IMG_SIZE = [{
   w: 282,
   h: 212
 }, {
-  w: 135,
+  w: 125,
   h: 102
 }, {
-  w: 86,
-  h: 65
+  w: 82,
+  h: 64.5
 }, {
   w: 60,
   h: 45
@@ -168,8 +168,6 @@ function (_super) {
       };
     }
 
-    var spacing = data.spacing[window.magicDesign.device];
-    if (spacing.contentWidth) bgStyle.width = spacing.contentWidth;
     var settings = {
       className: 'slider-wrap',
       arrows: false,
@@ -201,7 +199,7 @@ function (_super) {
         key: item.id,
         className: "img-wrap"
       }, item.image.open && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "img"
+        className: "image"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
         isBackground: true,

package/es/composite-comp/bol/components/Carousel/mobile/index.less

@@ -1,21 +1,23 @@
 .m-carousel-mobile {
   display: flex;
   position: relative;
-  margin: 0 auto;
+
+  .carousel-icon-left {
+    float: left;
+    margin-left: 15px;
+  }
+
+  .carousel-icon-right {
+    float: right;
+    margin-right: 15px;
+  }
 
   .slider-wrap {
-    width: 100%;
+    width: calc(100% - 90px);
     padding: 30px 0;
     margin: 0 auto;
 
     .img-wrap {
-      .img {
-        width: fit-content;
-        height: fit-content;
-        display: block;
-        margin: 0 auto;
-      }
-
       .title {
         display: flex;
         justify-content: center;

package/es/composite-comp/bol/components/Carousel/pc/index.js

@@ -56,29 +56,23 @@ var __extends = void 0 && (void 0).__extends || function () {
 }();
 
 var PC_IMG_SIZE = [{
-  minW: 806,
-  maxW: 1072,
-  maxH: 662
+  w: 1072,
+  h: 662
 }, {
-  minW: 390,
-  maxW: 524,
-  maxH: 393
+  w: 500,
+  h: 393
 }, {
-  minW: 258,
-  maxW: 341,
-  maxH: 256
+  w: 330,
+  h: 256
 }, {
-  minW: 184,
-  maxW: 251,
-  maxH: 188
+  w: 240,
+  h: 188
 }, {
-  minW: 142,
-  maxW: 195,
-  maxH: 147
+  w: 190,
+  h: 147
 }, {
-  minW: 124,
-  maxW: 168,
-  maxH: 126
+  w: 121,
+  h: 121
 }];
 
 var CarouselPc =
@@ -153,8 +147,6 @@ function (_super) {
       };
     }
 
-    var spacing = data.spacing[window.magicDesign.device];
-    if (spacing.contentWidth) bgStyle.width = spacing.contentWidth;
     var settings = {
       className: 'slider-wrap',
       arrows: false,
@@ -195,13 +187,12 @@ function (_super) {
         key: item.id,
         className: "img-wrap"
       }, item.image.open && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "img"
+        className: "image"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
         isBackground: true,
-        maxHeight: PC_IMG_SIZE[colNum - 1].maxH,
-        maxWidth: PC_IMG_SIZE[colNum - 1].maxW,
-        minWidth: PC_IMG_SIZE[colNum - 1].minW
+        maxHeight: PC_IMG_SIZE[colNum - 1].h,
+        maxWidth: PC_IMG_SIZE[colNum - 1].w
       })), showText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.title.open && !((0, _coreUtil.isPc)() && item.title.pcText === '') && /*#__PURE__*/_react["default"].createElement("div", {
         className: "title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {

package/es/composite-comp/bol/components/Carousel/pc/index.less

@@ -1,7 +1,6 @@
 .m-carousel-pc {
   display: flex;
   position: relative;
-  margin: 0 auto;
 
   .carousel-icon-left {
     float: left;
@@ -19,13 +18,6 @@
     margin: 0 auto;
 
     .img-wrap {
-      .img {
-        width: fit-content;
-        height: fit-content;
-        display: block;
-        margin: 0 auto;
-      }
-
       .title {
         display: flex;
         justify-content: center;