@fonixtree/magic-design 0.0.28 → 0.0.29

package/lib/composite-comp/bol/config-panels/TextCompConfig/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 TextConfig(props) {
@@ -30,25 +32,25 @@ function TextConfig(props) {
     headerSize: "large",
     source: [{
       key: '1',
-      name: 'Title',
+      name: (0, _locale.i18n)('TITLE'),
       value: /*#__PURE__*/_react["default"].createElement(_TextConfigContent["default"], {
         panelProps: data.title
       })
     }, {
       key: '2',
-      name: 'Group',
+      name: (0, _locale.i18n)('GROUP'),
       value: /*#__PURE__*/_react["default"].createElement(_TextConfigGroup["default"], {
         source: data.groupSource
       })
     }, {
       key: '3',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
         data: data.spacing
       })
     }, {
       key: '4',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         layoutSource: [{
@@ -59,7 +61,7 @@ function TextConfig(props) {
       })
     }, {
       key: '5',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

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

@@ -21,6 +21,8 @@ var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-p
 
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -65,35 +67,35 @@ function (_super) {
       var panelProps = _this.props.panelProps;
       var source = [{
         key: '1',
-        name: 'Image',
+        name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: panelProps.image
         }),
         metaOption: panelProps.image
       }, {
         key: '2',
-        name: 'Title',
+        name: (0, _locale.i18n)('TITLE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.title
         }),
         metaOption: panelProps.title
       }, {
         key: '3',
-        name: 'Text',
+        name: (0, _locale.i18n)('TEXT'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.text
         }),
         metaOption: panelProps.text
       }, {
         key: '4',
-        name: 'Button',
+        name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.button
         }),
         metaOption: panelProps.button
       }, {
         key: '5',
-        name: 'Secondary Button',
+        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.secondButton
         }),
@@ -123,17 +125,17 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: '1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: this.getContentPanel()
       }, {
         key: '2',
-        name: 'Customize',
+        name: (0, _locale.i18n)('CUSTOMIZE'),
         value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
           data: panelProps.customize
         })
       }, {
         key: '3',
-        name: 'Background',
+        name: (0, _locale.i18n)('BACKGROUND'),
         value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
           data: panelProps.background
         })

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

@@ -19,6 +19,8 @@ var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-p
 
 var _mobx = require("../../../../mobx");
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -79,7 +81,7 @@ function (_super) {
     var panelProps = this.props.panelProps;
     var textSource = [{
       key: '2',
-      name: 'Title',
+      name: (0, _locale.i18n)('TITLE'),
       value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
         data: panelProps.title
       }),
@@ -87,7 +89,7 @@ function (_super) {
       toggleType: 'switch'
     }, {
       key: '3',
-      name: 'Text',
+      name: (0, _locale.i18n)('TEXT'),
       value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
         data: panelProps.text
       }),
@@ -95,7 +97,7 @@ function (_super) {
       toggleType: 'switch'
     }, {
       key: '4',
-      name: 'Image Tag',
+      name: (0, _locale.i18n)('IMAGE_TAG'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.imageTag
       }),
@@ -103,7 +105,7 @@ function (_super) {
       toggleType: 'switch'
     }, {
       key: '5',
-      name: 'Button Tag',
+      name: (0, _locale.i18n)('BUTTON_TAG'),
       value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
         data: panelProps.buttonTag
       }),
@@ -111,7 +113,7 @@ function (_super) {
       toggleType: 'switch'
     }, {
       key: '6',
-      name: 'Secondary Button Tag',
+      name: (0, _locale.i18n)('SECONDARY_BUTTON_TAG'),
       value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
         data: panelProps.secondButtonTag
       }),
@@ -128,7 +130,7 @@ function (_super) {
         },
         source: __spreadArrays([{
           key: '1',
-          name: 'Image',
+          name: (0, _locale.i18n)('IMAGE'),
           value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
             data: panelProps.image
           }),
@@ -145,7 +147,7 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: '1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: getConfig()
       }],
       type: "triangle"

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _locale = require("../../../../locale");
+
 var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -39,8 +41,6 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var debug = require('debug')('worker:ImageGallerySecondConfig');
-
 var ImageGallerySecondConfig =
 /** @class */
 function (_super) {
@@ -63,7 +63,7 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: '1',
-        name: 'Image',
+        name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: panelProps.image
         }),

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

@@ -23,6 +23,8 @@ var _common = require("../../../../common");
 
 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 () {
@@ -80,7 +82,7 @@ function (_super) {
     _this.getContentPanel = function (data, needHover) {
       var source = [{
         key: 'imageTextSecondContent1',
-        name: 'Image',
+        name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: data.image,
           needHover: needHover
@@ -88,21 +90,21 @@ function (_super) {
         metaOption: data.image
       }, {
         key: 'imageTextSecondContent2',
-        name: 'Title',
+        name: (0, _locale.i18n)('TITLE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: data.title
         }),
         metaOption: data.title
       }, {
         key: 'imageTextSecondContent3',
-        name: 'Text',
+        name: (0, _locale.i18n)('TEXT'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: data.text
         }),
         metaOption: data.text
       }, {
         key: 'imageTextSecondContent4',
-        name: 'Button',
+        name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: data.button,
           needHover: needHover
@@ -110,7 +112,7 @@ function (_super) {
         metaOption: data.button
       }, {
         key: 'imageTextSecondContent5',
-        name: 'Secondary Button',
+        name: (0, _locale.i18n)('SECONDARY_BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: data.secondButton,
           needHover: needHover
@@ -162,11 +164,11 @@ function (_super) {
       onRefresh: this.resetHover,
       source: [{
         key: 'imageTextSecondConfig1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: this.getContentPanel(panelProps, true)
       }, {
         key: 'imageTextSecondConfig2',
-        name: 'Hover',
+        name: (0, _locale.i18n)('HOVER'),
         value: this.getContentPanel(panelProps.hover, false),
         metaOption: panelProps.hover,
         toggleType: 'switch'

package/lib/composite-comp/bol/second-config-panels/TextSecondConfig/TextContentConfigContent/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: 'Title',
+        name: (0, _locale.i18n)('TITLE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: source.title
         }),
         metaOption: source.title
       }, {
         key: '2',
-        name: 'Text',
+        name: (0, _locale.i18n)('TEXT'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: source.text
         }),

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

@@ -13,6 +13,8 @@ var _common = require("../../../../common");
 
 var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -71,7 +73,7 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: 'content',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: /*#__PURE__*/_react["default"].createElement(_TextContentConfigContent["default"], {
           source: panelProps.content
         })

package/lib/composite-comp/common/components/ProductItem/index.js

@@ -110,7 +110,7 @@ function (_super) {
     }
 
     var oldPrice = data.marketPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.marketPrice) : null;
-    var discount = Number(data.discountPercent) || 0;
+    var discount = data.discountPercent || 0;
     var salePercent = Number(data.salePercent) / 100 || 0;
     return /*#__PURE__*/_react["default"].createElement("div", _extends({
       className: "m-product-item-wrap",

package/lib/composite-comp/common/config-panels/BackgroundConfig/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _antd = require("antd");
 
+var _locale = require("../../../../locale");
+
 var _common = require("../../../../common");
 
 var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
@@ -60,7 +62,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "container"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Background"
+      title: (0, _locale.i18n)('BACKGROUND')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(bgType) {
         data.bgType = bgType;
@@ -73,9 +75,9 @@ function (_super) {
       value: data.bgType
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "color"
-    }, "Color"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, (0, _locale.i18n)('COLOR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "image"
-    }, "Image")), data.bgType === 'color' ? /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
+    }, (0, _locale.i18n)('IMAGE'))), data.bgType === 'color' ? /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
       colorType: "rgba",
       onChange: function onChange(v) {
         data.opacity = 1;

package/lib/composite-comp/common/config-panels/CustomizeConfig/index.js

@@ -13,6 +13,8 @@ var _mobxReact = require("mobx-react");
 
 require("./index.less");
 
+var _locale = require("../../../../locale");
+
 var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
 
 var _coreUtil = require("../../../../utils/coreUtil");
@@ -179,7 +181,7 @@ function (_super) {
       className: "m-customize-config"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: !isHideAlign,
-      title: "Layout"
+      title: (0, _locale.i18n)('LAYOUT')
     }, /*#__PURE__*/_react["default"].createElement(_common.LayoutSelector, {
       onChange: function onChange(value) {
         _this.layoutChange(value);
@@ -187,7 +189,7 @@ function (_super) {
       source: layoutSource,
       value: layoutVal
     })), !isHideAlign && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Alignment"
+      title: (0, _locale.i18n)('ALIGNMENT')
     }, /*#__PURE__*/_react["default"].createElement(_common.AlignSelector, {
       onChange: function onChange(value) {
         data.align = value;

package/lib/composite-comp/common/config-panels/SpacingConfig/index.js

@@ -15,6 +15,8 @@ var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-p
 
 require("./index.less");
 
+var _locale = require("src/components/locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -60,26 +62,12 @@ function (_super) {
 
     var _a = this.props,
         data = _a.data,
-        type = _a.type,
-        configWidth = _a.configWidth;
+        type = _a.type;
     var obj = data[window.magicDesign.device];
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "spacing-config-container"
-    }, configWidth && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Width"
-    }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
-      maxVal: window.magicDesign.device === 'pc' ? 1276 : 375,
-      minVal: window.magicDesign.device === 'pc' ? 1010 : 348,
-      onChange: function onChange(value) {
-        obj.contentWidth = value.count;
-
-        _this.selfRender();
-      },
-      value: {
-        count: obj.contentWidth
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Padding"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      title: (0, _locale.i18n)('PADDING')
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "padding-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -127,7 +115,7 @@ function (_super) {
       },
       value: obj.paddingRight
     }))))), type != 'button' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Component spacing"
+      title: (0, _locale.i18n)('COMPONENT_SPACING')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       maxVal: 100,
       minVal: 0,
@@ -144,7 +132,6 @@ function (_super) {
 
   SpacingConfig.defaultProps = {
     type: 'default',
-    configWidth: false,
     data: {
       pc: {
         paddingTop: 10,

package/lib/composite-comp/dito/components/FlashDeal/mobile/index.js

@@ -29,6 +29,8 @@ var _dateUtil = require("../../../../../utils/dateUtil");
 
 var _CountDown = _interopRequireDefault(require("../../../../../common/CountDown"));
 
+var _locale = require("../../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -395,7 +397,7 @@ function (_super) {
       data: panelProps.title.headline
     }), isWill && /*#__PURE__*/_react["default"].createElement("span", {
       className: "sub-title"
-    }, "Next"), /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
+    }, (0, _locale.i18n)('NEXT')), /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
       effDate: effDate,
       expDate: expDate,
       now: now,

package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigContent/index.js

@@ -17,6 +17,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 () {
@@ -71,7 +73,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "flash_sale_content"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "product sort by"
+      title: (0, _locale.i18n)('PRODUCT_SORT_BY')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
         panelProps.sortType = v;
@@ -81,42 +83,42 @@ function (_super) {
       value: panelProps.sortType
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "1"
-    }, "Sales"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, (0, _locale.i18n)('SALES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "3"
-    }, "Price"))), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+    }, (0, _locale.i18n)('PRICE')))), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Label',
+        name: (0, _locale.i18n)('LABEL'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.label
         }),
         metaOption: panelProps.label
       }, {
         key: '2',
-        name: 'Product Name',
+        name: (0, _locale.i18n)('PRODUCT_NAME'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.productName
         }),
         metaOption: panelProps.productName
       }, {
         key: '3',
-        name: 'Activity Price',
+        name: (0, _locale.i18n)('ACTIVITY_PRICE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.activityPrice
         }),
         metaOption: panelProps.activityPrice
       }, {
         key: '4',
-        name: 'Sales Price',
+        name: (0, _locale.i18n)('SALES_PRICE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.salesPrice
         }),
         metaOption: panelProps.salesPrice
       }, {
         key: '5',
-        name: 'Sales Progress',
+        name: (0, _locale.i18n)('SALES_PROGRESS'),
         value: null,
         metaOption: panelProps.salesProgressVisible
       }],

package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -15,6 +15,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 () {
@@ -86,19 +88,19 @@ function (_super) {
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Icon',
+        name: (0, _locale.i18n)('ICON'),
         value: iconSetting,
         metaOption: panelProps.icon
       }, {
         key: '2',
-        name: 'Headline',
+        name: (0, _locale.i18n)('HEADLINE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.headline
         }),
         metaOption: panelProps.headline
       }, {
         key: '3',
-        name: 'Button',
+        name: (0, _locale.i18n)('BUTTON'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.button
         }),

package/lib/composite-comp/dito/config-panels/FlashDealConfig/index.js

@@ -19,6 +19,8 @@ var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-pa
 
 var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
+var _locale = require("../../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function FlashDealConfig(props) {
@@ -28,19 +30,19 @@ function FlashDealConfig(props) {
     headerSize: "large",
     source: [{
       key: '1',
-      name: 'Title',
+      name: (0, _locale.i18n)('TITLE'),
       value: /*#__PURE__*/_react["default"].createElement(_FlashDealConfigTitle["default"], {
         panelProps: data.title
       })
     }, {
       key: '2',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: /*#__PURE__*/_react["default"].createElement(_FlashDealConfigContent["default"], {
         panelProps: data.content
       })
     }, {
       key: '3',
-      name: 'Customize',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         isHideAlign: true,
@@ -52,7 +54,7 @@ function FlashDealConfig(props) {
       })
     }, {
       key: '4',
-      name: 'Background',
+      name: (0, _locale.i18n)('BACKGROUND'),
       value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
         data: data.background
       })

package/lib/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigContent/index.js

@@ -15,6 +15,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 () {
@@ -71,28 +73,28 @@ function (_super) {
       onRefresh: this.reRender,
       source: [{
         key: '1',
-        name: 'Label',
+        name: (0, _locale.i18n)('LABEL'),
         value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
           data: panelProps.label
         }),
         metaOption: panelProps.label
       }, {
         key: '2',
-        name: 'Product Name',
+        name: (0, _locale.i18n)('PRODUCT_NAME'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.productName
         }),
         metaOption: panelProps.productName
       }, {
         key: '3',
-        name: 'Activity Price',
+        name: (0, _locale.i18n)('ACTIVITY_PRICE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.activityPrice
         }),
         metaOption: panelProps.activityPrice
       }, {
         key: '4',
-        name: 'Sales Price',
+        name: (0, _locale.i18n)('SALES_PRICE'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.salesPrice
         }),