@fonixtree/magic-design 0.0.28 → 0.0.29

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;

package/lib/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/lib/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/lib/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'

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

@@ -15,6 +15,8 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function BannerConfig(props) {
@@ -24,19 +26,19 @@ function BannerConfig(props) {
     headerSize: "large",
     source: [{
       key: 'bannerGroup',
-      name: 'Group',
+      name: (0, _locale.i18n)('GROUP'),
       value: /*#__PURE__*/_react["default"].createElement(_BannerConfigGroup["default"], {
         source: data.groupSource
       })
     }, {
       key: 'bannerSetting',
-      name: 'Setting',
+      name: (0, _locale.i18n)('SETTING'),
       value: /*#__PURE__*/_react["default"].createElement(_BannerConfigSetting["default"], {
         setting: data.setting
       })
     }, {
       key: 'Spacing',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
         data: data.spacing
       })

package/lib/composite-comp/bol/config-panels/ButtonCompConfig/ButtonConfigContent/index.js

@@ -13,6 +13,8 @@ var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _common = require("../../../../../common");
 
+var _locale = require("../../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -69,14 +71,14 @@ function (_super) {
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Button',
+        name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.button
         }),
         metaOption: panelProps.button
       }, {
         key: '2',
-        name: 'Secondary Button',
+        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.secondaryButton
         }),

package/lib/composite-comp/bol/config-panels/ButtonCompConfig/index.js

@@ -21,6 +21,8 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function ButtonConfig(props) {
@@ -30,19 +32,19 @@ function ButtonConfig(props) {
     headerSize: "large",
     source: [{
       key: '1',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: /*#__PURE__*/_react["default"].createElement(_ButtonConfigContent["default"], {
         panelProps: data.content
       })
     }, {
       key: '2',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
         data: data.spacing
       })
     }, {
       key: '3',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         layoutSource: [{
@@ -57,7 +59,7 @@ function ButtonConfig(props) {
       })
     }, {
       key: '4',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

package/lib/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigImageGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/Carousel/defaultJSON");
 
 var _defaultImg = _interopRequireDefault(require("../imgs/defaultImg.png"));
 
+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); }
@@ -130,7 +132,7 @@ function (_super) {
       icon: "icon-add",
       onClick: this.onAddClick,
       type: "primary"
-    }, "Add Image")));
+    }, (0, _locale.i18n)('ADD_IMAGE'))));
   };
 
   AComponent.defaultProps = {