@fonixtree/magic-design 0.0.28 → 0.0.29

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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
         }),

package/es/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.js

@@ -21,6 +21,8 @@ var _coreUtil = require("../../../../../utils/coreUtil");
 
 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); }
@@ -129,7 +131,7 @@ function (_super) {
       icon: "icon-add",
       onClick: this.onAddClick,
       type: "primary"
-    }, "Add Group")));
+    }, (0, _locale.i18n)('ADD_GROUP'))));
   };
 
   AComponent.defaultProps = {

package/es/composite-comp/dito/config-panels/RecommendConfig/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: 'Group',
+      name: (0, _locale.i18n)('GROUP'),
       value: /*#__PURE__*/_react["default"].createElement(_RecommendConfigGroup["default"], {
         source: data.groupSource
       })
     }, {
       key: '2',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: /*#__PURE__*/_react["default"].createElement(_RecommendConfigContent["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/es/composite-comp/dito/config-panels/SearchBarConfig/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _locale = require("../../../../locale");
+
 var _layout = require("../../../../constants/layout");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -65,7 +67,7 @@ function (_super) {
       var data = _this.props.data;
       var source = [{
         key: 'search1',
-        name: 'Logo',
+        name: (0, _locale.i18n)('LOGO'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: data.logo
         }),
@@ -73,9 +75,9 @@ function (_super) {
         toggleType: 'switch'
       }, {
         key: 'search2',
-        name: 'Icon',
+        name: (0, _locale.i18n)('ICON'),
         value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "Color"
+          title: (0, _locale.i18n)('COLOR')
         }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
           onChange: function onChange(v) {
             data.icon.color = v;
@@ -108,11 +110,11 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: 'searchBar1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: this.getContentPanel()
       }, {
         key: 'searchBar2',
-        name: 'Customize',
+        name: (0, _locale.i18n)('CUSTOMIZE'),
         value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
           data: data.customize,
           isHideAlign: true,
@@ -120,7 +122,7 @@ function (_super) {
         })
       }, {
         key: 'searchBar3',
-        name: 'Background',
+        name: (0, _locale.i18n)('BACKGROUND'),
         value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
           data: data.background
         })

package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js

@@ -15,6 +15,8 @@ var _dataTreeUtils = _interopRequireDefault(require("../../../../../utils/dataTr
 
 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 () {
@@ -337,7 +339,7 @@ function (_super) {
         labelData = _a.labelData;
     var _onChange = this.props.onChange;
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Recommended Rules"
+      title: (0, _locale.i18n)('RECOMMENDED_RULES')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: this.onChangeIntelligentType,
       showSearch: true,
@@ -347,17 +349,17 @@ function (_super) {
       value: intelligentType
     }, /*#__PURE__*/_react["default"].createElement(Option, {
       value: "ALL"
-    }, "ALL"), /*#__PURE__*/_react["default"].createElement(Option, {
+    }, (0, _locale.i18n)('ALL')), /*#__PURE__*/_react["default"].createElement(Option, {
       value: "Hot"
-    }, "Hot"), /*#__PURE__*/_react["default"].createElement(Option, {
+    }, (0, _locale.i18n)('HOT')), /*#__PURE__*/_react["default"].createElement(Option, {
       value: "Like"
-    }, "Guess you like"), /*#__PURE__*/_react["default"].createElement(Option, {
+    }, (0, _locale.i18n)('GUESS_YOU_LIKE')), /*#__PURE__*/_react["default"].createElement(Option, {
       value: "Category"
-    }, "Category"), /*#__PURE__*/_react["default"].createElement(Option, {
+    }, (0, _locale.i18n)('CATEGORY')), /*#__PURE__*/_react["default"].createElement(Option, {
       value: "Brand"
-    }, "Brand"), /*#__PURE__*/_react["default"].createElement(Option, {
+    }, (0, _locale.i18n)('BRAND')), /*#__PURE__*/_react["default"].createElement(Option, {
       value: "Label"
-    }, "Label"))), intelligentType === 'Category' && /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
+    }, (0, _locale.i18n)('LABEL')))), intelligentType === 'Category' && /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
       allowClear: true,
       dropdownStyle: {
         maxHeight: 400,
@@ -373,7 +375,7 @@ function (_super) {
           intelligentValue: value
         }));
       },
-      placeholder: "Please select",
+      placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
       treeData: categoryData,
       treeDefaultExpandAll: true,
       value: intelligentValue
@@ -388,7 +390,7 @@ function (_super) {
           intelligentValue: value
         }));
       },
-      placeholder: "Please select",
+      placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
       value: intelligentValue
     }, brandData && brandData.length > 0 && brandData.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(Option, {
@@ -406,7 +408,7 @@ function (_super) {
           intelligentValue: value
         }));
       },
-      placeholder: "Please select",
+      placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
       value: intelligentValue
     }, labelData && labelData.length > 0 && labelData.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(Option, {

package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 var _AIRecommendation = _interopRequireDefault(require("./AIRecommendation"));
 
+var _locale = require("../../../../locale");
+
 var _common = require("../../../../common");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -80,14 +82,14 @@ function (_super) {
 
       var defaultSource = [{
         key: 'defaultSource_1',
-        name: 'Image',
+        name: (0, _locale.i18n)('IMAGE'),
         value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
           data: panelProps.image
         }),
         metaOption: panelProps.image
       }, {
         key: 'defaultSource_2',
-        name: 'Group Name',
+        name: (0, _locale.i18n)('GROUP_NAME'),
         value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
           data: panelProps.groupName
         }),
@@ -97,7 +99,7 @@ function (_super) {
       var hoverSetting = /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
         source: [{
           key: 'hoverSetting_1',
-          name: 'Image',
+          name: (0, _locale.i18n)('IMAGE'),
           value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
             data: panelProps.hover.image
           }),
@@ -105,7 +107,7 @@ function (_super) {
           metaOption: panelProps.hover.image
         }, {
           key: 'hoverSetting_2',
-          name: 'Group Name',
+          name: (0, _locale.i18n)('GROUP_NAME'),
           value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
             data: panelProps.hover.groupName
           }),
@@ -117,7 +119,7 @@ function (_super) {
 
       var hoverSource = [{
         key: 'hoverSource_1',
-        name: 'Hover',
+        name: (0, _locale.i18n)('HOVER'),
         value: hoverSetting,
         metaOption: panelProps.hover
       }];
@@ -131,7 +133,7 @@ function (_super) {
         type: "switch"
       }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: "bold",
-        title: "Source Of Product"
+        title: (0, _locale.i18n)('SOURCE_OF_PRODUCT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: _this.onSourceTypeChange,
         style: {
@@ -140,9 +142,9 @@ function (_super) {
         value: panelProps.sourceType
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "select"
-      }, "Select Product"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "recommend"
-      }, "AI Recommendation")), panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
+      }, (0, _locale.i18n)('AI_RECOMMENDATION'))), panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
         onChange: function onChange(v) {
           panelProps.prodIds = v;
 
@@ -173,7 +175,7 @@ function (_super) {
       headerSize: "large",
       source: [{
         key: '1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: this.getContentPanel()
       }]
     }));

package/es/constants/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.urlType = exports.respCodeMap = exports.quickMenuCode = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.deviceTypeMap = exports.compInfoMap = exports.STORAGE_KEY = void 0;
 var STORAGE_KEY = {
-  LANGUAGE: 'magicLanuage'
+  LOCALE: 'magicLocale'
 };
 exports.STORAGE_KEY = STORAGE_KEY;
 var urlType = {

package/es/core/Designer/CompListPanel/index.js

@@ -17,6 +17,8 @@ var _Button = _interopRequireDefault(require("../../../common/Button"));
 
 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; }
@@ -103,7 +105,7 @@ function (_super) {
       type: "icon"
     })), /*#__PURE__*/_react["default"].createElement("h2", {
       className: "title"
-    }, "Add Component"), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('ADD_COMPONENT')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "component-list"
     }, Object.keys(compSource).map(function (compCat) {
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -134,7 +136,7 @@ var _default = CompListPanel; // export default function CompListPanel({ visible
 //       <header className="header">
 //         <Button icon="icon-close" onClick={onClose} type="icon" />
 //       </header>
-//       <h2 className="title">Add Component</h2>
+//       <h2 className="title">{i18n('ADD_COMPONENT')}</h2>
 //       <div className="component-list">
 //         {
 //           Object.keys(compSource).map(compCat => (

package/es/core/Designer/ConfigPanel/index.js

@@ -23,6 +23,8 @@ var _mobx = require("../../../mobx");
 
 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); }
@@ -272,7 +274,7 @@ function (_super) {
     }, (_b = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _b === void 0 ? void 0 : _b.name), device === _constants.deviceTypeMap.PC && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       onClick: this.onDoneClick,
       type: "light"
-    }, "Done")), this.getConfigPanelInstance()), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('DONE'))), this.getConfigPanelInstance()), /*#__PURE__*/_react["default"].createElement("div", {
       className: "sec_config_wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "config_header"