@fonixtree/magic-design 0.0.27 → 0.0.29

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/ImageText/mobile/index.js

@@ -47,7 +47,7 @@ var __extends = void 0 && (void 0).__extends || function () {
 
 var maxWidthAndHeight = {
   normal1: 60,
-  normal2: 375,
+  normal2: '100%',
   normal3: 107,
   outsideM: 60,
   centerM: 60
@@ -151,7 +151,8 @@ function (_super) {
         className: "card-image",
         data: source.image,
         limitWidthHeight: true,
-        maxHeight: 110,
+        maxHeight: 60,
+        maxWidth: 60,
         scale: 0.5
       })), source.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-text",

package/es/composite-comp/bol/config-panels/BannerConfig/BannerConfigGroup/index.js

@@ -19,6 +19,8 @@ var _Button = _interopRequireDefault(require("../../../../../common/Button"));
 
 require("./index.less");
 
+var _locale = require("../../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -112,7 +114,7 @@ function (_super) {
       icon: "icon-add",
       onClick: this.onAddClick,
       type: "primary"
-    }, "Add Banner")));
+    }, (0, _locale.i18n)('ADD_BANNER'))));
   };
 
   AComponent.defaultProps = {

package/es/composite-comp/bol/config-panels/BannerConfig/BannerConfigSetting/index.js

@@ -15,6 +15,8 @@ var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _InputNumber = _interopRequireDefault(require("../../../../../common/InputNumber"));
 
+var _locale = require("../../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -78,7 +80,7 @@ function (_super) {
     var setting = this.props.setting;
 
     var autoplaySetting = /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "How long between slides (secs)"
+      title: (0, _locale.i18n)('HOW_LONG_BETWEEN_SLIDES_(SECS)')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       maxVal: 60,
       minVal: 1,
@@ -94,7 +96,7 @@ function (_super) {
     }));
 
     var navigationSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Navigation arrow"
+      title: (0, _locale.i18n)('NAVIGATION_ARROW')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       needColor: true,
       onChange: function onChange(value) {
@@ -109,7 +111,7 @@ function (_super) {
         color: setting.navigation.color
       }
     })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Selected arrow"
+      title: (0, _locale.i18n)('SELECTED_ARROW')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       needColor: true,
       onChange: function onChange(value) {
@@ -126,7 +128,7 @@ function (_super) {
     })));
 
     var dotsSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Slide button"
+      title: (0, _locale.i18n)('SLIDE_BUTTON')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       needColor: true,
       onChange: function onChange(value) {
@@ -141,7 +143,7 @@ function (_super) {
         color: setting.dots.color
       }
     })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Selected button"
+      title: (0, _locale.i18n)('SELECTED_BUTTON')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       needColor: true,
       onChange: function onChange(value) {
@@ -161,7 +163,7 @@ function (_super) {
       className: "banner_setting"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       layout: "horizontal",
-      title: "Banner Height"
+      title: (0, _locale.i18n)('BANNER_HEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_InputNumber["default"], {
       max: 1000,
       onChange: function onChange(v) {
@@ -174,19 +176,19 @@ function (_super) {
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Autoplays',
+        name: (0, _locale.i18n)('AUTOPLAYS'),
         value: autoplaySetting,
         metaOption: setting.autoplay,
         toggleType: 'switch'
       }, {
         key: '2',
-        name: 'Show navigation arrow',
+        name: (0, _locale.i18n)('SHOW_NAVIGATION_ARROW'),
         value: navigationSetting,
         metaOption: setting.navigation,
         toggleType: 'switch'
       }, {
         key: '3',
-        name: 'Show slide button',
+        name: (0, _locale.i18n)('SHOW_SLIDE_BUTTON'),
         value: dotsSetting,
         metaOption: setting.dots,
         toggleType: 'switch'