@fonixtree/magic-design 0.0.28 → 0.0.29

package/es/meta-comp/config-panels/ButtonConfig/index.js

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _locale = require("../../../locale");
+
 var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/common/config-panels/SpacingConfig"));
 
 var _common = require("../../../common");
@@ -125,7 +127,7 @@ function (_super) {
       },
       value: data.content.url
     })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Button Color"
+      title: (0, _locale.i18n)('BUTTON_COLOR')
     }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
       onChange: function onChange(value) {
         _this.updateAttr(data.content, 'backgroundColor', value);
@@ -137,7 +139,7 @@ function (_super) {
 
     var ButtonTextSetting = function ButtonTextSetting(data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Font Style"
+        title: (0, _locale.i18n)('FONT_STYLE')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           var findOne = _TextConfig.sizeTypeList.find(function (t) {
@@ -156,7 +158,7 @@ function (_super) {
           value: sizeType.key
         }, sizeType.key);
       }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "font Family"
+        title: (0, _locale.i18n)('FONT_FAMILY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           _this.updateAttr(data, 'fontFamily', v);
@@ -167,7 +169,7 @@ function (_super) {
       }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Open Sans"
       }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "font Weight"
+        title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           _this.updateAttr(data, 'fontWeight', v);
@@ -175,10 +177,10 @@ function (_super) {
         value: data.fontWeight
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: 400
-      }, "Regular"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: 600
-      }, "Medium"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Font Size"
+      }, (0, _locale.i18n)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('FONT_SIZE')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         onChange: function onChange(_a) {
           var count = _a.count;
@@ -204,14 +206,14 @@ function (_super) {
     var ButtonBorderSetting = function ButtonBorderSetting(data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "Border Color"
+        title: (0, _locale.i18n)('BORDER_COLOR')
       }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
         onChange: function onChange(value) {
           _this.updateAttr(data, 'borderColor', value);
         },
         value: data.borderColor
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Border Radius"
+        title: (0, _locale.i18n)('BORDER_RADIUS')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         maxVal: 20,
         onChange: function onChange(_a) {
@@ -227,7 +229,7 @@ function (_super) {
 
     var ButtonIconSetting = function ButtonIconSetting(data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Icon"
+        title: (0, _locale.i18n)('ICON')
       }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
         onChange: function onChange(icon) {
           return _this.onChangeButtonIcon(icon);
@@ -239,7 +241,7 @@ function (_super) {
         },
         value: data.iconUrl
       })), data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        title: "Icon Placement"
+        title: (0, _locale.i18n)('ICON_PLACEMENT')
       }, /*#__PURE__*/_react["default"].createElement(_common.ButtonIconLayout, {
         icon: data.iconUrl,
         onChange: function onChange(value) {
@@ -251,7 +253,7 @@ function (_super) {
 
     var hoverSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "Button Color"
+      title: (0, _locale.i18n)('BUTTON_COLOR')
     }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
       onChange: function onChange(value) {
         _this.updateAttr(data.hover.content, 'backgroundColor', value);
@@ -260,17 +262,17 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       source: [{
         key: '1',
-        name: 'Button Text Setting',
+        name: (0, _locale.i18n)('BUTTON_TEXT_SETTING'),
         value: ButtonTextSetting(data.hover.buttonText)
       }, {
         key: '2',
-        name: 'Button Border Setting',
+        name: (0, _locale.i18n)('BUTTON_BORDER_SETTING'),
         value: ButtonBorderSetting(data.hover.buttonBorder),
         toggleType: 'checkbox',
         metaOption: data.hover.buttonBorder
       }, {
         key: '3',
-        name: 'Button Icon Setting',
+        name: (0, _locale.i18n)('BUTTON_ICON_SETTING'),
         value: ButtonIconSetting(data.hover.buttonIcon)
       }],
       type: "arrow"
@@ -278,25 +280,25 @@ function (_super) {
 
     var buttonSource = [{
       key: '1',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: contentSetting
     }, {
       key: '2',
-      name: 'Button Text Setting',
+      name: (0, _locale.i18n)('BUTTON_TEXT_SETTING'),
       value: ButtonTextSetting(data.buttonText)
     }, {
       key: '3',
-      name: 'Button Border Setting',
+      name: (0, _locale.i18n)('BUTTON_BORDER_SETTING'),
       value: ButtonBorderSetting(data.buttonBorder),
       toggleType: 'checkbox',
       metaOption: data.buttonBorder
     }, {
       key: '4',
-      name: 'Button Icon Setting',
+      name: (0, _locale.i18n)('BUTTON_ICON_SETTING'),
       value: ButtonIconSetting(data.buttonIcon)
     }, {
       key: '5',
-      name: 'Spacing',
+      name: (0, _locale.i18n)('SPACING'),
       value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
         data: data.spacing,
         type: "button"
@@ -306,7 +308,7 @@ function (_super) {
     if (needHover) {
       buttonSource.push({
         key: '6',
-        name: 'Hover',
+        name: (0, _locale.i18n)('HOVER'),
         value: hoverSetting,
         toggleType: 'checkbox',
         metaOption: data.hover

package/es/meta-comp/config-panels/ImageConfig/index.js

@@ -19,6 +19,8 @@ var _common = require("../../../common");
 
 var _BaseConfig = _interopRequireDefault(require("../BaseConfig"));
 
+var _locale = require("../../../locale");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -317,7 +319,7 @@ function (_super) {
 
     var HoverSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: data.hover.backgroundType === 'new',
-      title: "Image"
+      title: (0, _locale.i18n)('IMAGE')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       className: "hoverSelect",
       onChange: function onChange(v) {
@@ -329,10 +331,10 @@ function (_super) {
       value: data.hover.backgroundType
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "enlarge"
-    }, "Enlarge"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, (0, _locale.i18n)('ENLARGE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "new"
-    }, "New image"))), data.hover.backgroundType === 'enlarge' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Magnification"
+    }, (0, _locale.i18n)('NEW_IMAGE')))), data.hover.backgroundType === 'enlarge' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      title: (0, _locale.i18n)('MAGNIFICATION')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       inputType: "float",
       maxVal: 3,
@@ -355,14 +357,14 @@ function (_super) {
 
     var imageSource = [{
       key: '1',
-      name: 'Content',
+      name: (0, _locale.i18n)('CONTENT'),
       value: ContentSetting
     }];
 
     if (needHover) {
       imageSource.push({
         key: '5',
-        name: 'Hover',
+        name: (0, _locale.i18n)('HOVER'),
         value: HoverSetting,
         metaOption: data.hover,
         toggleType: 'checkbox'

package/es/meta-comp/config-panels/TextConfig/index.js

@@ -13,6 +13,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _locale = require("../../../locale");
+
 var _common = require("../../../common");
 
 var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/common/config-panels/SpacingConfig"));
@@ -178,9 +180,9 @@ function (_super) {
       onRefresh: this.selfRender,
       source: [{
         key: '1',
-        name: 'Content',
+        name: (0, _locale.i18n)('CONTENT'),
         value: /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "Font Style"
+          title: (0, _locale.i18n)('FONT_STYLE')
         }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
           onChange: function onChange(v) {
             if (v == 'Customize font styles') {
@@ -204,7 +206,7 @@ function (_super) {
             value: sizeType.key
           }, sizeType.key);
         }))), textData.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "font Family"
+          title: (0, _locale.i18n)('FONT_FAMILY')
         }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
           onChange: function onChange(v) {
             textData.fontFamily = v;
@@ -217,7 +219,7 @@ function (_super) {
         }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: "Open Sans"
         }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "font Weight"
+          title: (0, _locale.i18n)('FONT_WEIGHT')
         }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
           onChange: function onChange(v) {
             textData.fontWeight = v;
@@ -227,10 +229,10 @@ function (_super) {
           value: textData.fontWeight
         }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: 400
-        }, "Regular"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: 600
-        }, "Medium"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "Font Size"
+        }, (0, _locale.i18n)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+          title: (0, _locale.i18n)('FONT_SIZE')
         }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
           onChange: function onChange(_a) {
             var count = _a.count;
@@ -268,7 +270,7 @@ function (_super) {
           },
           value: data.content.clickUrl
         })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "Content Width"
+          title: (0, _locale.i18n)('CONTENT_WIDTH')
         }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
           maxVal: 1760,
           minVal: 0,
@@ -285,17 +287,17 @@ function (_super) {
         })))
       }, {
         key: '2',
-        name: 'Spacing',
+        name: (0, _locale.i18n)('SPACING'),
         value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
           data: data.spacing,
           type: "button"
         })
       }, {
         key: '3',
-        name: 'Underline Setting',
+        name: (0, _locale.i18n)('UNDERLINE_SETTING'),
         value: /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
           split: true,
-          title: "Underline Color"
+          title: (0, _locale.i18n)('UNDERLINE_COLOR')
         }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
           onChange: function onChange(v) {
             data.underline.textDecorationColor = v;
@@ -304,7 +306,7 @@ function (_super) {
           },
           value: data.underline.textDecorationColor
         })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-          title: "Underline Style"
+          title: (0, _locale.i18n)('UNDERLINE_STYLE')
         }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
           onChange: function onChange(v) {
             data.underline.textDecorationStyle = v;

package/es/mobx/Store.js

@@ -17,7 +17,7 @@ var Store =
 /** @class */
 function () {
   function Store() {
-    this.language = (0, _storeUtil.getStore)(_constants.STORAGE_KEY.LANGUAGE); // 国际化语言
+    this.locale = (0, _storeUtil.getStore)(_constants.STORAGE_KEY.LOCALE); // 国际化语言
 
     this.hoveredMeta = ''; // hover的元组件Id
 
@@ -34,7 +34,7 @@ function () {
     this.CarouselStore = {}; // 轮播组件暂存数据
 
     (0, _mobx.makeObservable)(this, {
-      language: _mobx.observable,
+      locale: _mobx.observable,
       hoveredMeta: _mobx.observable,
       clickedMeta: _mobx.observable,
       clickedGroup: _mobx.observable,

package/lib/common/ButtonIconLayout/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _locale = require("../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -81,13 +83,13 @@ function (_super) {
         }
       }, (item.value === 'right' || item.value === 'bottom') && /*#__PURE__*/_react["default"].createElement("span", {
         className: "text el"
-      }, "Text"), icon && /*#__PURE__*/_react["default"].createElement("img", {
+      }, (0, _locale.i18n)('TEXT')), icon && /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         className: "el",
         src: icon
       }), (item.value === 'left' || item.value === 'top') && /*#__PURE__*/_react["default"].createElement("span", {
         className: "text"
-      }, "Text"));
+      }, (0, _locale.i18n)('TEXT')));
     }));
   };
 

package/lib/common/ImageModal/index.js

@@ -31,6 +31,8 @@ var _commonUtil = require("../../utils/commonUtil");
 
 var _dataTreeUtils = _interopRequireDefault(require("../../utils/dataTreeUtils"));
 
+var _locale = require("../../locale");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -664,7 +666,7 @@ function ImageModal(_a) {
 
   return /*#__PURE__*/_react["default"].createElement(_CommonModal["default"], {
     modalOpts: {
-      title: 'Image',
+      title: (0, _locale.i18n)('IMAGE'),
       width: modalSize.LARGE
     },
     onCancel: onCancel,
@@ -693,7 +695,7 @@ function ImageModal(_a) {
     onSearch: function onSearch(value) {
       return handleSearch(value);
     },
-    placeholder: "Please Search"
+    placeholder: (0, _locale.i18n)('PLEASE_SEARCH')
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Row, null, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 6
   }, /*#__PURE__*/_react["default"].createElement(_antd.Card, {
@@ -706,7 +708,7 @@ function ImageModal(_a) {
     className: "search_container"
   }, /*#__PURE__*/_react["default"].createElement(Search, {
     onChange: onChange,
-    placeholder: "Keywrods"
+    placeholder: (0, _locale.i18n)('KEYWRODS')
   })), /*#__PURE__*/_react["default"].createElement(_antd.Tree, treeOpts, renderTreeNodes(treeData)))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 18
   }, /*#__PURE__*/_react["default"].createElement(_antd.Card, {

package/lib/common/ImagePicker/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
+var _locale = require("../../locale");
+
 var _ImageModal = _interopRequireDefault(require("../ImageModal"));
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
@@ -113,7 +115,7 @@ function (_super) {
       onClick: function onClick() {},
       size: 25,
       type: "icon-setting"
-    }), "Edit"), /*#__PURE__*/_react["default"].createElement("span", {
+    }), (0, _locale.i18n)('EDIT')), /*#__PURE__*/_react["default"].createElement("span", {
       className: "line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "btn-del",
@@ -125,11 +127,11 @@ function (_super) {
       onClick: function onClick() {},
       size: 25,
       type: "icon-delete1"
-    }), "Delete"))) : /*#__PURE__*/_react["default"].createElement("div", {
+    }), (0, _locale.i18n)('DELETE')))) : /*#__PURE__*/_react["default"].createElement("div", {
       className: "no-img"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "hint-txt"
-    }, "Looks like you don't have any images in your gallery. Choose images to feature on this page."), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _locale.i18n)('LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "pick-btn",
       onClick: function onClick() {
         _this.setState({
@@ -140,7 +142,7 @@ function (_super) {
       color: "#FFFFFF",
       size: 18,
       type: "icon-add"
-    }), /*#__PURE__*/_react["default"].createElement("p", null, "Add Image"))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
+    }), /*#__PURE__*/_react["default"].createElement("p", null, (0, _locale.i18n)('ADD_IMAGE')))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
       onCancel: function onCancel() {
         _this.setState({
           visible: false

package/lib/common/LinkModal/FilteredProductModal/index.js

@@ -19,6 +19,8 @@ var _businessUtil = require("../../../utils/businessUtil");
 
 require("./index.less");
 
+var _locale = require("../../../locale");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -483,7 +485,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     className: "proModalWrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "info"
-  }, "The product quantity will be automatically updated with the items that meet the category conditions."), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "filteredProductModalContent"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "leftCot"
@@ -499,7 +501,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     },
     multiple: true,
     onChange: onChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     treeData: treeData,
     treeDefaultExpandAll: true,
@@ -510,7 +512,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     defaultValue: [],
     mode: "multiple",
     onChange: handleBrandChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: brandId.map(function (v) {
       return v.value;
@@ -525,7 +527,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     defaultValue: [],
     onChange: handleLabelChange,
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: labelId.value
   }, labelData && labelData.length > 0 && labelData.map(function (v) {
@@ -573,7 +575,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     onChange: function onChange(e) {
       setProductName(e.currentTarget.value);
     },
-    placeholder: "Please Input",
+    placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
     value: productName
   })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
@@ -586,16 +588,16 @@ var FilteredProductModal = function FilteredProductModal(props) {
         key: node.key
       });
     },
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small",
     value: promotions.value
   }, /*#__PURE__*/_react["default"].createElement(Option, {
     key: "2",
     value: "Flash Sale"
-  }, "Flash Sale"), /*#__PURE__*/_react["default"].createElement(Option, {
+  }, (0, _locale.i18n)('FLASH_SALE')), /*#__PURE__*/_react["default"].createElement(Option, {
     key: "4",
     value: "Group By"
-  }, "Group By"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('GROUP_BY')))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "buttonStyle"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
@@ -615,12 +617,12 @@ var FilteredProductModal = function FilteredProductModal(props) {
       marginRight: 8
     },
     type: "primary"
-  }, "Search"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('SEARCH')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Cancel")))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     columns: columns,

package/lib/common/LinkModal/ProductDetailPage/index.js

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _locale = require("../../../locale");
+
 var _commonUtil = require("../../../utils/commonUtil");
 
 require("./index.less");
@@ -370,18 +372,18 @@ var ProductDetailPage = function ProductDetailPage(props) {
       marginRight: 10
     },
     type: "primary"
-  }, "Query"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Cancel")), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, (0, _locale.i18n)('CANCEL'))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Brand",
     name: "brandId"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    placeholder: "Please select",
+    placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
     size: "small"
   }, brandData && brandData.length > 0 && brandData.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {

package/lib/common/LinkModal/index.js

@@ -23,6 +23,8 @@ var _CatgTable = _interopRequireDefault(require("./CatgTable"));
 
 var _CustomTable = _interopRequireDefault(require("./CustomTable"));
 
+var _locale = require("../../locale");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -65,13 +67,13 @@ var LinkModal = function LinkModal(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
-    cancelText: "Cancel",
+    cancelText: (0, _locale.i18n)('CANCEL'),
     draggable: false,
     footer: null,
     okText: "OK",
     onCancel: onClose,
     onOk: onConfirm,
-    title: "URL Setup",
+    title: (0, _locale.i18n)('URL_SETUP'),
     visible: visible,
     width: "1000",
     wrapClassName: "linkModal"
@@ -81,7 +83,7 @@ var LinkModal = function LinkModal(props) {
     className: "linkType"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "typeTitle"
-  }, "Link Type:"), list.map(function (item, index) {
+  }, (0, _locale.i18n)('LINK_TYPE'), ":"), list.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,
       className: "typeItem " + (selected === item ? 'selected' : ''),
@@ -125,11 +127,11 @@ var LinkModal = function LinkModal(props) {
     onClick: function onClick() {
       return onClose && onClose();
     }
-  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     className: "btn-confirm",
     onClick: onModalSava,
     type: "primary"
-  }, "OK")))));
+  }, (0, _locale.i18n)('OK'))))));
 };
 
 var _default = LinkModal;