@fonixtree/magic-design 0.0.28 → 0.0.29

package/lib/locale/en/en.json

@@ -0,0 +1,121 @@
+{
+  "SAVE": "Save",
+  "ADD_GROUP": "Add Group",
+  "CONTENT_WIDTH": "Content Width",
+  "MAGNIFICATION": "Magnification",
+  "RECOMMENDED_RULES": "Recommended Rules",
+  "PRODUCT_SORT_BY": "product sort by",
+  "PADDING": "Padding",
+  "COMPONENT_SPACING": "Component spacing",
+  "ALIGNMENT": "Alignment",
+  "LAYOUT": "Layout",
+  "BACKGROUND": "Background",
+  "PLACEHOLDER": "Placeholder",
+  "FONT_STYLE": "Font Style",
+  "FONT_FAMILY": "font Family",
+  "FONT_WEIGHT": "font Weight",
+  "FONT_SIZE": "Font Size",
+  "LINE_SPACING": "Line Spacing",
+  "LINE_COLOR": "Line Color",
+  "LINE_WEIGHT": "Line Weight",
+  "LINE_STYLE": "Line Style",
+  "LINE_WIDTH": "Line Width",
+  "HEIGHT_AND_COLOR": "Height And Color",
+  "HOW_LONG_BETWEEN_SLIDES(SECS)": "How long between slides(secs)",
+  "NAVIGATION_ARROW": "Navigation arrow",
+  "SELECTED_ARROW": "Selected arrow",
+  "SLIDE_BUTTON": "Slide button",
+  "SELECTED_BUTTON": "Selected button",
+  "BANNER_HEIGHT": "Banner Height",
+  "IMAGE": "Image",
+  "PRODUCT_NAME": "Product Name",
+  "PRODUCT_CODE": "Product Code",
+  "SKU": "SKU",
+  "PRICE": "Price",
+  "BRAND": "Brand",
+  "STORE": "Store",
+  "PRODUCT_SELECT": "Product Select",
+  "URL_SETUP": "URL Setup",
+  "NEW_IMAGE": "New image",
+  "ENLARGE": "Enlarge",
+  "PUBLISH": "Publish",
+  "PREVIEW": "Preview",
+  "MOVE_UP": "Move Up",
+  "MOVE_DOWN": "Move Down",
+  "COPY": "Copy",
+  "DELETE": "Delete",
+  "DONE": "Done",
+  "ADD_COMPONENT": "Add Component",
+  "ALL": "ALL",
+  "HOT": "Hot",
+  "GUESS_YOU_LIKE": "Guess you like",
+  "CATEGORY": "Category",
+  "LABEL": "Label",
+  "UNDERLINE_STYLE": "Underline Style",
+  "UNDERLINE_COLOR": "Underline Color",
+  "UNDERLINE_SETTING": "Underline Setting",
+  "BUTTON_COLOR": "Button Color",
+  "BORDER_RADIUS": "Border Radius",
+  "BORDER_COLOR": "Border Color",
+  "ICON_PLACEMENT": "Icon Placement",
+  "SOURCE_OF_PRODUCT": "Source Of Product",
+  "AI_RECOMMENDATION": "AI Recommendation",
+  "SELECT_PRODUCT": "Select Product",
+  "COLOR": "Color",
+  "AUTOPLAYS": "Autoplays",
+  "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
+  "SHOW_SLIDE_BUTTON": "Show slide button",
+  "CONTENT": "Content",
+  "SPACING": "Spacing",
+  "CUSTOMIZE": "Customize",
+  "BUTTON": "Button",
+  "SECONDARY_BUTTON": "Secondary Button",
+  "SETTING": "Setting",
+  "SHOW_DIVIDER": "Show Divider",
+  "SUBTITLE": "Subtitle",
+  "HEADLINE": "Headline",
+  "GROUP": "Group",
+  "INPUT_FIELD": "Input Field",
+  "CONFIRMATION": "Confirmation",
+  "IMAGE_TAG": "Image Tag",
+  "BUTTON_TAG": "Button Tag",
+  "SECONDARY_BUTTON_TAG": "Secondary Button Tag",
+  "TITLE": "Title",
+  "HOVER": "Hover",
+  "ICON": "Icon",
+  "ACTIVITY_PRICE": "Activity Price",
+  "SALES_PRICE": "Sales Price",
+  "LOGO": "Logo",
+  "BUTTON_TEXT_SETTING": "Button Text Setting",
+  "BUTTON_BORDER_SETTING": "Button Border Setting",
+  "BUTTON_ICON_SETTING": "Button Icon Setting",
+  "SALES_PROGRESS": "Sales Progress",
+  "SALES": "Sales",
+  "NEXT": "Next",
+  "REGULAR": "Regular",
+  "MEDIUM": "Medium",
+  "ADD_IMAGE": "Add Image",
+  "ADD_BANNER": "Add Banner",
+  "TOTAL_PRODUCTS": "Total {count} products",
+  "SELECTED": "Selected",
+  "GROUP_BUY": "Group Buy",
+  "RESET": "Reset",
+  "QUERY": "Query",
+  "SEARCH": "Search",
+  "GROUP_BY": "Group By",
+  "FLASH_SALE": "Flash Sale",
+  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
+  "OK": "OK",
+  "CANCEL": "Cancel",
+  "LINK_TYPE": "Link Type",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
+  "EDIT": "Edit",
+  "MINIMUM": "Minimum",
+  "MAXIMUM": "Maximum",
+  "PLEASE_ADD_A_LINK": "Please add a link",
+  "PLEASE_INPUT": "Please Input",
+  "PLEASE_SELECT": "Please select",
+  "PLEASE_SEARCH": "Please Search",
+  "KEYWRODS": "Keywrods",
+  "TEXT": "Text"
+}

package/lib/locale/id/id.json

@@ -0,0 +1,121 @@
+{
+  "SAVE": "Save",
+  "ADD_GROUP": "Add Group",
+  "CONTENT_WIDTH": "Content Width",
+  "MAGNIFICATION": "Magnification",
+  "RECOMMENDED_RULES": "Recommended Rules",
+  "PRODUCT_SORT_BY": "product sort by",
+  "PADDING": "Padding",
+  "COMPONENT_SPACING": "Component spacing",
+  "ALIGNMENT": "Alignment",
+  "LAYOUT": "Layout",
+  "BACKGROUND": "Background",
+  "PLACEHOLDER": "Placeholder",
+  "FONT_STYLE": "Font Style",
+  "FONT_FAMILY": "font Family",
+  "FONT_WEIGHT": "font Weight",
+  "FONT_SIZE": "Font Size",
+  "LINE_SPACING": "Line Spacing",
+  "LINE_COLOR": "Line Color",
+  "LINE_WEIGHT": "Line Weight",
+  "LINE_STYLE": "Line Style",
+  "LINE_WIDTH": "Line Width",
+  "HEIGHT_AND_COLOR": "Height And Color",
+  "HOW_LONG_BETWEEN_SLIDES(SECS)": "How long between slides(secs)",
+  "NAVIGATION_ARROW": "Navigation arrow",
+  "SELECTED_ARROW": "Selected arrow",
+  "SLIDE_BUTTON": "Slide button",
+  "SELECTED_BUTTON": "Selected button",
+  "BANNER_HEIGHT": "Banner Height",
+  "IMAGE": "Image",
+  "PRODUCT_NAME": "Product Name",
+  "PRODUCT_CODE": "Product Code",
+  "SKU": "SKU",
+  "PRICE": "Price",
+  "BRAND": "Brand",
+  "STORE": "Store",
+  "PRODUCT_SELECT": "Product Select",
+  "URL_SETUP": "URL Setup",
+  "NEW_IMAGE": "New image",
+  "ENLARGE": "Enlarge",
+  "PUBLISH": "Publish",
+  "PREVIEW": "Preview",
+  "MOVE_UP": "Move Up",
+  "MOVE_DOWN": "Move Down",
+  "COPY": "Copy",
+  "DELETE": "Delete",
+  "DONE": "Done",
+  "ADD_COMPONENT": "Add Component",
+  "ALL": "ALL",
+  "HOT": "Hot",
+  "GUESS_YOU_LIKE": "Guess you like",
+  "CATEGORY": "Category",
+  "LABEL": "Label",
+  "UNDERLINE_STYLE": "Underline Style",
+  "UNDERLINE_COLOR": "Underline Color",
+  "UNDERLINE_SETTING": "Underline Setting",
+  "BUTTON_COLOR": "Button Color",
+  "BORDER_RADIUS": "Border Radius",
+  "BORDER_COLOR": "Border Color",
+  "ICON_PLACEMENT": "Icon Placement",
+  "SOURCE_OF_PRODUCT": "Source Of Product",
+  "AI_RECOMMENDATION": "AI Recommendation",
+  "SELECT_PRODUCT": "Select Product",
+  "COLOR": "Color",
+  "AUTOPLAYS": "Autoplays",
+  "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
+  "SHOW_SLIDE_BUTTON": "Show slide button",
+  "CONTENT": "Content",
+  "SPACING": "Spacing",
+  "CUSTOMIZE": "Customize",
+  "BUTTON": "Button",
+  "SECONDARY_BUTTON": "Secondary Button",
+  "SETTING": "Setting",
+  "SHOW_DIVIDER": "Show Divider",
+  "SUBTITLE": "Subtitle",
+  "HEADLINE": "Headline",
+  "GROUP": "Group",
+  "INPUT_FIELD": "Input Field",
+  "CONFIRMATION": "Confirmation",
+  "IMAGE_TAG": "Image Tag",
+  "BUTTON_TAG": "Button Tag",
+  "SECONDARY_BUTTON_TAG": "Secondary Button Tag",
+  "TITLE": "Title",
+  "HOVER": "Hover",
+  "ICON": "Icon",
+  "ACTIVITY_PRICE": "Activity Price",
+  "SALES_PRICE": "Sales Price",
+  "LOGO": "Logo",
+  "BUTTON_TEXT_SETTING": "Button Text Setting",
+  "BUTTON_BORDER_SETTING": "Button Border Setting",
+  "BUTTON_ICON_SETTING": "Button Icon Setting",
+  "SALES_PROGRESS": "Sales Progress",
+  "SALES": "Sales",
+  "NEXT": "Next",
+  "REGULAR": "Regular",
+  "MEDIUM": "Medium",
+  "ADD_IMAGE": "Add Image",
+  "ADD_BANNER": "Add Banner",
+  "TOTAL_PRODUCTS": "Total {count} products",
+  "SELECTED": "Selected",
+  "GROUP_BUY": "Group Buy",
+  "RESET": "Reset",
+  "QUERY": "Query",
+  "SEARCH": "Search",
+  "GROUP_BY": "Group By",
+  "FLASH_SALE": "Flash Sale",
+  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
+  "OK": "OK",
+  "CANCEL": "Cancel",
+  "LINK_TYPE": "Link Type",
+  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
+  "EDIT": "Edit",
+  "MINIMUM": "Minimum",
+  "MAXIMUM": "Maximum",
+  "PLEASE_ADD_A_LINK": "Please add a link",
+  "PLEASE_INPUT": "Please Input",
+  "PLEASE_SELECT": "Please select",
+  "PLEASE_SEARCH": "Please Search",
+  "KEYWRODS": "Keywrods",
+  "TEXT": "Text"
+}

package/lib/locale/index.js

@@ -24,10 +24,17 @@ function i18n(key, args) {
     args = {};
   }
 
-  var tempString = localeMap[_mobx.store.language || 'en'][key];
-  Object.keys(args).map(function (key) {
-    var reg = new RegExp("{" + key + "}", 'g');
-    tempString.replace(reg, args[key]);
-  });
+  var tempString = localeMap[_mobx.store.locale || 'en'][key];
+
+  if (tempString) {
+    Object.keys(args).map(function (key) {
+      var reg = new RegExp("{" + key + "}", 'g');
+      tempString.replace(reg, args[key]);
+    });
+  } else {
+    console.log('未找到国际化KEY:' + key);
+    return key;
+  }
+
   return tempString;
 }

package/lib/meta-comp/components/Image/index.js

@@ -74,7 +74,6 @@ function (_super) {
           hoverState = _a.hoverState,
           maxHeight = _a.maxHeight,
           maxWidth = _a.maxWidth,
-          minWidth = _a.minWidth,
           limitWidthHeight = _a.limitWidthHeight,
           scale = _a.scale;
       var hoverImgSrc = _this.state.hoverImgSrc;
@@ -93,10 +92,6 @@ function (_super) {
         obj.maxWidth = maxWidth;
       }
 
-      if (minWidth) {
-        obj.minWidth = minWidth;
-      }
-
       if (limitWidthHeight) {
         if ((0, _coreUtil.isPc)()) {
           if (data.content.pcImgWidth) obj.width = data.content.pcImgWidth * scale;

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