@fonixtree/magic-design 0.0.28 → 0.0.29

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

@@ -183,16 +183,16 @@ function PageCompList(_a) {
     }, index !== 0 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
       className: "menu_item",
       value: "1"
-    }, "Move Up"), index !== components.length - 1 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
+    }, (0, _locale.i18n)('MOVE_UP')), index !== components.length - 1 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
       className: "menu_item",
       value: "2"
-    }, "Move Down"), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
+    }, (0, _locale.i18n)('MOVE_DOWN')), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
       className: "menu_item",
       value: "3"
-    }, "Copy"), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
+    }, (0, _locale.i18n)('COPY')), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
       className: "menu_item",
       value: "4"
-    }, "Delete"));
+    }, (0, _locale.i18n)('DELETE')));
 
     var dragging = dragId === String(comp.id);
     var active = clickedFloor === String(comp.id);

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

@@ -7,16 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _antd = require("antd");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _storeUtil = require("../../../utils/storeUtil");
-
-var _mobx = require("../../../mobx");
-
 var _Button = _interopRequireDefault(require("../../../common/Button"));
 
 var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
@@ -25,6 +19,8 @@ var _constants = require("../../../constants");
 
 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; }
@@ -58,15 +54,20 @@ var __extends = void 0 && (void 0).__extends || function () {
 }();
 
 var langBook = {
-  id: {
+  Indonesian: {
     text: 'Indonesian',
     color: '#FF8541',
     backColor: '#FFF8F0'
   },
-  en: {
+  English: {
     text: 'English',
     color: '#00AC5A',
     backColor: '#DFF3EA'
+  },
+  Spain: {
+    text: 'Spain',
+    color: '#00AC50',
+    backColor: '#DFF3E0'
   }
 };
 
@@ -78,19 +79,9 @@ function (_super) {
   function QuickMenuBar() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
-    _this.state = {
-      language: _mobx.store.language
-    };
-
     _this.onBtnClick = function (event) {
       var code = event.currentTarget.dataset.code;
 
-      if (code === _constants.quickMenuCode.SAVE || code === _constants.quickMenuCode.PUBLISH) {
-        _mobx.store.setState({
-          clickedFloor: ''
-        });
-      }
-
       if (_this.props.device === _constants.deviceTypeMap.PC) {}
 
       _this.props.onBtnClick(code);
@@ -99,29 +90,12 @@ function (_super) {
     return _this;
   }
 
-  QuickMenuBar.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.destory = (0, _mobx.autorun)(function () {
-      if (_this.state.language != _mobx.store.language) {
-        _this.setState({
-          language: _mobx.store.language
-        });
-      }
-    });
-  };
-
-  QuickMenuBar.prototype.componentWillUnmount = function () {
-    if (this.destory) this.destory();
-  };
-
   QuickMenuBar.prototype.render = function () {
-    var language = this.state.language;
     var _a = this.props,
         device = _a.device,
         undoDisable = _a.undoDisable,
-        redoDisable = _a.redoDisable;
-    var selectLanguage = langBook[language || 'en'];
+        redoDisable = _a.redoDisable,
+        language = _a.language;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "quick_menu_wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -129,8 +103,8 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "language",
       style: {
-        color: selectLanguage.color,
-        background: selectLanguage.backColor
+        color: langBook[language].color,
+        background: langBook[language].backColor
       }
     }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       size: "20px",
@@ -138,25 +112,7 @@ function (_super) {
         marginRight: '8px'
       },
       type: "icon-language"
-    }), /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
-      overlay: /*#__PURE__*/_react["default"].createElement(_antd.Menu, {
-        items: Object.keys(langBook).map(function (key) {
-          return {
-            onClick: function onClick() {
-              /** 持久化国际化配置 */
-              (0, _storeUtil.setStore)(_constants.STORAGE_KEY.LANGUAGE, key);
-
-              _mobx.store.setState({
-                language: key
-              });
-            },
-            label: langBook[key].text,
-            key: key
-          };
-        })
-      }),
-      trigger: ['click']
-    }, /*#__PURE__*/_react["default"].createElement("span", null, selectLanguage.text)))), /*#__PURE__*/_react["default"].createElement("div", {
+    }), langBook[language].text)), /*#__PURE__*/_react["default"].createElement("div", {
       className: "menu_center"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "device_group"
@@ -199,19 +155,19 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       "data-code": _constants.quickMenuCode.PREVIEW,
       onClick: this.onBtnClick
-    }, "Preview"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    }, (0, _locale.i18n)('PREVIEW')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       "data-code": _constants.quickMenuCode.SAVE,
       disabled: window.magicDesign.readOnly,
       onClick: this.onBtnClick,
       tip: "The page is in use. Please copy or create a new page",
       type: "light"
-    }, "Save"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    }, (0, _locale.i18n)('SAVE')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
       "data-code": _constants.quickMenuCode.PUBLISH,
       disabled: window.magicDesign.readOnly,
       onClick: this.onBtnClick,
       tip: "The page is in use. Please copy or create a new page",
       type: "primary"
-    }, "Publish")));
+    }, (0, _locale.i18n)('PUBLISH'))));
   };
 
   return QuickMenuBar;

package/es/core/Designer/index.js

@@ -342,6 +342,7 @@ function (_super) {
     _this.renderHeader = function () {
       return /*#__PURE__*/_react["default"].createElement(_QuickMenuBar["default"], {
         device: _this.state.device,
+        language: _this.props.language,
         onBtnClick: _this.onQuickMenuClick,
         redoDisable: !_this.history.redoAble(),
         undoDisable: !_this.history.undoAble()
@@ -350,20 +351,20 @@ function (_super) {
 
     var pageData = props.pageData,
         config = props.config,
-        defaultLanguage = props.defaultLanguage;
+        locale = props.locale;
     var MPageData = pageData.childNodes || [];
 
     _mobx.store.setState({
       MPageData: MPageData
     });
-    /** 如果没有配置国际化 则使用默认国际化 */
+    /** 使用默认国际化 */
+    // if (!store.locale) {
 
 
-    if (!_mobx.store.language) {
-      _mobx.store.setState({
-        language: defaultLanguage
-      });
-    }
+    _mobx.store.setState({
+      locale: locale
+    }); // }
+
 
     _this.configRef = /*#__PURE__*/_react["default"].createRef();
     _this.viewAreaRef = /*#__PURE__*/_react["default"].createRef();
@@ -384,15 +385,10 @@ function (_super) {
     window.document.addEventListener('component-click', this.componentClick); // 复合组件重新渲染事件
 
     window.document.addEventListener('render-view', this.reRenderViewArea);
-    /** 晴雯定制 1分钟保存一次 以防晴雯忘记保存原地崩溃 */
-    // setTimeout(() => {
-    //   this.onQuickMenuClick(quickMenuCode.SAVE);
-    // }, 60 * 1000);
-
     this.destory = (0, _mobx.autorun)(function () {
-      if (_this.state.language != _mobx.store.language) {
+      if (_this.state.locale != _mobx.store.locale) {
         _this.setState({
-          language: _mobx.store.language
+          locale: _mobx.store.locale
         });
       }
     });

package/es/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/es/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/es/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/es/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;