@fonixtree/magic-design 0.0.28 → 0.0.30

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'

package/es/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/es/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/es/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/es/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 = {

package/es/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigSetting/index.js

@@ -13,6 +13,8 @@ require("./index.less");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+var _locale = require("../../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -64,7 +66,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,
@@ -80,7 +82,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) {
@@ -95,7 +97,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) {
@@ -112,7 +114,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) {
@@ -127,7 +129,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) {
@@ -150,19 +152,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/es/composite-comp/bol/config-panels/CarouselConfig/index.js

@@ -21,6 +21,8 @@ var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-pa
 
 var _layout = require("../../../../constants/layout");
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function CarouselConfig(props) {
@@ -30,26 +32,25 @@ function CarouselConfig(props) {
     headerSize: "large",
     source: [{
       key: '1',
-      name: 'Image',
+      name: (0, _locale.i18n)('IMAGE'),
       value: /*#__PURE__*/_react["default"].createElement(_CarouselConfigImageGroup["default"], {
         source: data.groupSource
       })
     }, {
       key: '2',
-      name: 'Setting',
+      name: (0, _locale.i18n)('SETTING'),
       value: /*#__PURE__*/_react["default"].createElement(_CarouselConfigSetting["default"], {
         setting: data.setting
       })
     }, {
       key: '3',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
-        configWidth: true,
         data: data.spacing
       })
     }, {
       key: '4',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         component: "carousel",
         data: data.customize,
@@ -59,7 +60,7 @@ function CarouselConfig(props) {
       })
     }, {
       key: '5',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

package/es/composite-comp/bol/config-panels/DividerConfig/DividerConfigSetting/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _locale = require("../../../../../locale");
+
 var _common = require("../../../../../common");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
@@ -66,7 +68,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "banner_setting"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Height And Color"
+      title: (0, _locale.i18n)('HEIGHT_AND_COLOR')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       needColor: true,
       onChange: function onChange(value) {

package/es/composite-comp/bol/config-panels/DividerConfig/DividerContentSetting/index.js

@@ -15,6 +15,8 @@ var _common = require("../../../../../common");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+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; }
@@ -80,7 +82,7 @@ function (_super) {
       var content = _this.props.content;
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "Line Color"
+        title: (0, _locale.i18n)('LINE_COLOR')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         maxVal: 100,
         minVal: 0,
@@ -100,7 +102,7 @@ function (_super) {
         }
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "Line Weight"
+        title: (0, _locale.i18n)('LINE_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         maxVal: 10,
         minVal: 1,
@@ -116,7 +118,7 @@ function (_super) {
         }
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "Line Style"
+        title: (0, _locale.i18n)('LINE_STYLE')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(data) {
           content.style = data;
@@ -134,7 +136,7 @@ function (_super) {
         value: "double"
       }, _this.getLineStyleDom('double')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "Line Width"
+        title: (0, _locale.i18n)('LINE_WIDTH')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         maxVal: 100,
         minVal: 0,
@@ -157,7 +159,7 @@ function (_super) {
   DividerContentSetting.prototype.render = function () {
     var source = [{
       key: '1',
-      name: 'Show Divider',
+      name: (0, _locale.i18n)('SHOW_DIVIDER'),
       value: this.getDividerConfig(),
       metaOption: this.props.content
     }];

package/es/composite-comp/bol/config-panels/DividerConfig/DividerSpacingSetting/index.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _locale = require("../../../../../locale");
+
 var _common = require("../../../../../common");
 
 var _coreUtil = require("../../../../../utils/coreUtil");
@@ -65,7 +67,7 @@ function (_super) {
 
     var spacing = this.props.spacing;
     return /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Line Spacing"
+      title: (0, _locale.i18n)('LINE_SPACING')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       maxVal: 50,
       minVal: 0,

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

@@ -19,6 +19,8 @@ var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-pa
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function DividerConfig(props) {
@@ -28,26 +30,26 @@ function DividerConfig(props) {
     headerSize: "large",
     source: [{
       key: 'content',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: /*#__PURE__*/_react["default"].createElement(_DividerContentSetting["default"], {
         content: data.content
       })
     }, {
       key: 'spacing',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_DividerSpacingSetting["default"], {
         spacing: data.spacing
       })
     }, {
       key: 'customize',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         layoutSource: _layout.dividerLayout
       })
     }, {
       key: 'background',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

package/es/composite-comp/bol/config-panels/ImageGalleryConfig/ImageGalleryConfigImageGroup/index.js

@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/ImageGallery/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 = {

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

@@ -19,6 +19,8 @@ var _layout = require("../../../../constants/layout");
 
 var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function ImageGalleryConfig(props) {
@@ -28,26 +30,26 @@ function ImageGalleryConfig(props) {
     headerSize: "large",
     source: [{
       key: '1',
-      name: 'Image',
+      name: (0, _locale.i18n)('IMAGE'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageGalleryConfigImageGroup["default"], {
         source: data.groupSource
       })
     }, {
       key: '2',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
         data: data.spacing
       })
     }, {
       key: '5',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         layoutSource: _layout.imageGalleryLayout
       })
     }, {
       key: '6',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

package/es/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js

@@ -17,6 +17,8 @@ var _Button = _interopRequireDefault(require("../../../../../common/Button"));
 
 var _defaultJSON = require("../../../components/ImageText/defaultJSON");
 
+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_GROUP'))));
   };
 
   ImageTextConfigGroup.defaultProps = {