@fonixtree/magic-design 2.0.117 → 2.0.119

package/lib/locale/en/en.json

@@ -1,4 +1,55 @@
 {
+  "THIS_PAGE_WILL": "This page will be published at {date}, If you need to edit it, please cancel the publishing later",
+  "PRODUCTS_IN_TOTAL": "{total} Products In Total",
+  "PLAY_ICON_COLOR": "Play Icon Color",
+  "PLAY_ICON_TYPE": "Play Icon Type",
+  "CLICKABLE_AREA": "Clickable Area",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "AUTOPLAYS": "Autoplays",
+  "PLAY_IN_LOOP": "Play in loop",
+  "PROGRESS_BAR": "Progress bar",
+  "PLAY_ICON_SIZE": "Play Icon Size",
+  "SOURCE_OF_ACTIVITY": "Source of Activity",
+  "WIDTH": "Width",
+  "PLAY_BUTTON_POSITION": "Play button position",
+  "PLAY_POSITION": "Play Position",
+  "START_VIDEO_AT": "Start video at",
+  "SELECT_VIDEO": "Select Video",
+  "PLAY_SPEED": "Play Speed",
+  "POSTER": "Poster",
+  "ADD_PAGE": "Add page",
+  "HOMEPAGE": "Homepage",
+  "WOMEN_S_HOME_PAGE": "Women's home page",
+  "EDIT_PAGE": "Edit Page",
+  "CANCEL_PUBLISH_LATER": "Cancel Publish Later",
+  "TO_REVIEW": "To Review",
+  "WHAT_WOULD_LIKE_TO_CREATE": "What would like to create?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "Please select a time after 30 minutes and within 30 days",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Big numbers have big effects",
+  "PROPORTION": "Proportion",
+  "CUSTOMER_INTERESTS": "Customer interests",
+  "HISTORY": "History",
+  "CANCEL": "Cancel",
+  "SALES": "Sales",
+  "DIRECT_FUNCTION": "Direct Function",
+  "OPEN_SANS": "Open Sans",
+  "MONTSERRAT": "Montserrat",
+  "DISCOUNT": "DISCOUNT",
+  "KHUSUS_PENGGUNA_BARU": "Khusus Pengguna Baru",
+  "MIDDLE": "Middle",
+  "BOTTOM_LEFT": "Bottom Left",
+  "POPUP": "Popup",
+  "PLAY_IN_BOX": "Play in Box",
+  "DISPLAY_LOCATION_ADDRESS": "Display Location Address",
+  "SUPPORT_FOR_A": "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files",
+  "CLICK_OR_DRAG": "Click or drag file to this area to upload",
+  "SHARE_URL": "Share Url",
+  "URL": "URL",
+  "UPLOAD": "Upload",
+  "STORE": "Store",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
   "OK": "OK",
   "BRANDS": "Brands",
   "CATEGORY": "Category",
@@ -66,7 +117,6 @@
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
   "IMAGE_URL": "Image URL",
-  "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
@@ -108,7 +158,6 @@
   "HOME": "Home",
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
@@ -150,7 +199,6 @@
   "SKU": "SKU",
   "PRICE": "Price",
   "BRAND": "Brand",
-  "STORE": "Store",
   "PRODUCT_SELECT": "Product Select",
   "URL_SETUP": "URL Setup",
   "NEW_IMAGE": "New image",
@@ -178,7 +226,6 @@
   "SELECT_PRODUCT": "Select Product",
   "PRODUCT_QUANTITY": "Product Quantity",
   "COLOR": "Color",
-  "AUTOPLAYS": "Autoplays",
   "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
   "SHOW_SLIDE_BUTTON": "Show slide button",
   "CONTENT": "Content",
@@ -205,7 +252,6 @@
   "BUTTON_BORDER_SETTING": "Button Border Setting",
   "BUTTON_ICON_SETTING": "Button Icon Setting",
   "SALES_PROGRESS": "Sales Progress",
-  "SALES": "Sales",
   "NEXT": "Next",
   "REGULAR": "Regular",
   "MEDIUM": "Medium",
@@ -220,7 +266,6 @@
   "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",
-  "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",

package/lib/locale/es/es.json

@@ -1,4 +1,55 @@
 {
+  "THIS_PAGE_WILL": "This page will be published at {date}, If you need to edit it, please cancel the publishing later",
+  "PRODUCTS_IN_TOTAL": "{total} Products In Total",
+  "PLAY_ICON_COLOR": "Play Icon Color",
+  "PLAY_ICON_TYPE": "Play Icon Type",
+  "CLICKABLE_AREA": "Clickable Area",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "AUTOPLAYS": "Reproducciones automáticas",
+  "PLAY_IN_LOOP": "Play in loop",
+  "PROGRESS_BAR": "Progress bar",
+  "PLAY_ICON_SIZE": "Play Icon Size",
+  "SOURCE_OF_ACTIVITY": "Source of Activity",
+  "WIDTH": "Width",
+  "PLAY_BUTTON_POSITION": "Play button position",
+  "PLAY_POSITION": "Play Position",
+  "START_VIDEO_AT": "Start video at",
+  "SELECT_VIDEO": "Select Video",
+  "PLAY_SPEED": "Play Speed",
+  "POSTER": "Poster",
+  "ADD_PAGE": "Add page",
+  "HOMEPAGE": "Homepage",
+  "WOMEN_S_HOME_PAGE": "Women's home page",
+  "EDIT_PAGE": "Edit Page",
+  "CANCEL_PUBLISH_LATER": "Cancel Publish Later",
+  "TO_REVIEW": "To Review",
+  "WHAT_WOULD_LIKE_TO_CREATE": "What would like to create?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "Please select a time after 30 minutes and within 30 days",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Big numbers have big effects",
+  "PROPORTION": "Proportion",
+  "CUSTOMER_INTERESTS": "Customer interests",
+  "HISTORY": "History",
+  "CANCEL": "Cancelar",
+  "SALES": "Ventas",
+  "DIRECT_FUNCTION": "Direct Function",
+  "OPEN_SANS": "Open Sans",
+  "MONTSERRAT": "Montserrat",
+  "DISCOUNT": "DISCOUNT",
+  "KHUSUS_PENGGUNA_BARU": "Khusus Pengguna Baru",
+  "MIDDLE": "Middle",
+  "BOTTOM_LEFT": "Bottom Left",
+  "POPUP": "Popup",
+  "PLAY_IN_BOX": "Play in Box",
+  "DISPLAY_LOCATION_ADDRESS": "Display Location Address",
+  "SUPPORT_FOR_A": "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files",
+  "CLICK_OR_DRAG": "Click or drag file to this area to upload",
+  "SHARE_URL": "Share Url",
+  "URL": "URL",
+  "UPLOAD": "Upload",
+  "STORE": "Tienda",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
   "OK": "OK",
   "BRANDS": "Brands",
   "CATEGORY": "Categoría",
@@ -66,7 +117,6 @@
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
   "IMAGE_URL": "Image URL",
-  "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
@@ -108,7 +158,6 @@
   "HOME": "Home",
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
@@ -150,7 +199,6 @@
   "SKU": "SKU",
   "PRICE": "Precio",
   "BRAND": "Marca",
-  "STORE": "Tienda",
   "PRODUCT_SELECT": "Selección de producto",
   "URL_SETUP": "Configuración de URL",
   "NEW_IMAGE": "Nueva imagen",
@@ -178,7 +226,6 @@
   "SELECT_PRODUCT": "Seleccionar Producto",
   "PRODUCT_QUANTITY": "Cantidad del producto",
   "COLOR": "Color",
-  "AUTOPLAYS": "Reproducciones automáticas",
   "SHOW_NAVIGATION_ARROW": "Mostrar flecha de navegación",
   "SHOW_SLIDE_BUTTON": "Mostrar botón deslizante",
   "CONTENT": "Contenido",
@@ -205,7 +252,6 @@
   "BUTTON_BORDER_SETTING": "Configuración del borde del botón",
   "BUTTON_ICON_SETTING": "Configuración de icono de botón",
   "SALES_PROGRESS": "Progreso de Ventas",
-  "SALES": "Ventas",
   "NEXT": "Siguiente",
   "REGULAR": "Normal",
   "MEDIUM": "Medio",
@@ -220,7 +266,6 @@
   "GROUP_BY": "Agrupar por",
   "FLASH_SALE": "Oferta relámpago",
   "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "La cantidad del producto se actualizará automáticamente con los artículos que cumplan con las condiciones de la categoría",
-  "CANCEL": "Cancelar",
   "LINK_TYPE": "Tipo de enlace",
   "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Parece que no tiene ninguna imagen en su galería. Elija imágenes para mostrar en esta página.",
   "EDIT": "Editar",

package/lib/locale/id/id.json

@@ -1,4 +1,55 @@
 {
+  "THIS_PAGE_WILL": "This page will be published at {date}, If you need to edit it, please cancel the publishing later",
+  "PRODUCTS_IN_TOTAL": "{total} Products In Total",
+  "PLAY_ICON_COLOR": "Play Icon Color",
+  "PLAY_ICON_TYPE": "Play Icon Type",
+  "CLICKABLE_AREA": "Clickable Area",
+  "FILL_THE_PAGE": "Fill the page",
+  "VIDEO_SOUND": "Video Sound",
+  "AUTOPLAYS": "Autoplays",
+  "PLAY_IN_LOOP": "Play in loop",
+  "PROGRESS_BAR": "Progress bar",
+  "PLAY_ICON_SIZE": "Play Icon Size",
+  "SOURCE_OF_ACTIVITY": "Source of Activity",
+  "WIDTH": "Width",
+  "PLAY_BUTTON_POSITION": "Play button position",
+  "PLAY_POSITION": "Play Position",
+  "START_VIDEO_AT": "Start video at",
+  "SELECT_VIDEO": "Select Video",
+  "PLAY_SPEED": "Play Speed",
+  "POSTER": "Poster",
+  "ADD_PAGE": "Add page",
+  "HOMEPAGE": "Homepage",
+  "WOMEN_S_HOME_PAGE": "Women's home page",
+  "EDIT_PAGE": "Edit Page",
+  "CANCEL_PUBLISH_LATER": "Cancel Publish Later",
+  "TO_REVIEW": "To Review",
+  "WHAT_WOULD_LIKE_TO_CREATE": "What would like to create?",
+  "PLEASE_SELECT_A_TIME_AFTER_30_MINUTES_AND_WITHIN_30_DAYS": "Please select a time after 30 minutes and within 30 days",
+  "BIG_NUMBERS_HAVE_BIG_EFFECTS": "Big numbers have big effects",
+  "PROPORTION": "Proportion",
+  "CUSTOMER_INTERESTS": "Customer interests",
+  "HISTORY": "History",
+  "CANCEL": "Cancel",
+  "SALES": "Sales",
+  "DIRECT_FUNCTION": "Direct Function",
+  "OPEN_SANS": "Open Sans",
+  "MONTSERRAT": "Montserrat",
+  "DISCOUNT": "DISCOUNT",
+  "KHUSUS_PENGGUNA_BARU": "Khusus Pengguna Baru",
+  "MIDDLE": "Middle",
+  "BOTTOM_LEFT": "Bottom Left",
+  "POPUP": "Popup",
+  "PLAY_IN_BOX": "Play in Box",
+  "DISPLAY_LOCATION_ADDRESS": "Display Location Address",
+  "SUPPORT_FOR_A": "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files",
+  "CLICK_OR_DRAG": "Click or drag file to this area to upload",
+  "SHARE_URL": "Share Url",
+  "URL": "URL",
+  "UPLOAD": "Upload",
+  "STORE": "Store",
+  "CAMPAIGN_STATE": "Campaign State",
+  "CAMPAIGN_NAME": "Campaign Name",
   "OK": "OK",
   "BRANDS": "Brands",
   "CATEGORY": "Category",
@@ -66,7 +117,6 @@
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
   "IMAGE_URL": "Image URL",
-  "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
   "CHAT": "Chat",
   "FOLLOW": "Follow",
@@ -108,7 +158,6 @@
   "HOME": "Home",
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
-  "CLICKABLE_AREA": "Clickable Area",
   "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
@@ -150,7 +199,6 @@
   "SKU": "SKU",
   "PRICE": "Price",
   "BRAND": "Brand",
-  "STORE": "Store",
   "PRODUCT_SELECT": "Product Select",
   "URL_SETUP": "URL Setup",
   "NEW_IMAGE": "New image",
@@ -178,7 +226,6 @@
   "SELECT_PRODUCT": "Select Product",
   "PRODUCT_QUANTITY": "Product Quantity",
   "COLOR": "Color",
-  "AUTOPLAYS": "Autoplays",
   "SHOW_NAVIGATION_ARROW": "Show navigation arrow",
   "SHOW_SLIDE_BUTTON": "Show slide button",
   "CONTENT": "Content",
@@ -205,7 +252,6 @@
   "BUTTON_BORDER_SETTING": "Button Border Setting",
   "BUTTON_ICON_SETTING": "Button Icon Setting",
   "SALES_PROGRESS": "Sales Progress",
-  "SALES": "Sales",
   "NEXT": "Next",
   "REGULAR": "Regular",
   "MEDIUM": "Medium",
@@ -220,7 +266,6 @@
   "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",
-  "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",

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _h5DefRectImg = _interopRequireDefault(require("./image/h5DefRectImg.png"));
+
 var _h5DefImg = _interopRequireDefault(require("./image/h5DefImg.png"));
 
 var _pcDefImg = _interopRequireDefault(require("./image/pcDefImg.png"));
@@ -174,7 +176,8 @@ function (_super) {
         data = _e.data,
         isBackground = _e.isBackground,
         hoverState = _e.hoverState,
-        notNeedLazy = _e.notNeedLazy;
+        notNeedLazy = _e.notNeedLazy,
+        isRect = _e.isRect;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -188,7 +191,7 @@ function (_super) {
 
 
     if (!srcImg) {
-      srcImg = (0, _coreUtil.isPc)() ? _pcDefImg["default"] : _h5DefImg["default"];
+      srcImg = (0, _coreUtil.isPc)() ? _pcDefImg["default"] : isRect ? _h5DefRectImg["default"] : _h5DefImg["default"];
     }
 
     var areas = data.content.openHotArea && ((0, _coreUtil.isPc)() ? data.content.pcAreas : data.content.h5Areas);
@@ -252,7 +255,8 @@ function (_super) {
     hoverState: false,
     limitWidthHeight: false,
     scale: 1,
-    notNeedLazy: false
+    notNeedLazy: false,
+    isRect: false
   };
   Image = __decorate([_decorator.metaDecorator], Image);
   return Image;

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

@@ -146,7 +146,7 @@ function (_super) {
 
     var contentSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "URL"
+      title: (0, _locale.i18n)('URL')
     }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
       onChange: function onChange(value) {
         _this.updateAttr(data.content, 'url', value);
@@ -193,9 +193,9 @@ function (_super) {
         value: _data.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {

package/lib/meta-comp/config-panels/ImageConfig/AreaConfigModal/index.js

@@ -117,7 +117,7 @@ function (_super) {
       draggable: false,
       onCancel: onCancel,
       onOk: this.onOkClick,
-      title: "clickable Area",
+      title: (0, _locale.i18n)('CLICKABLE_AREA'),
       visible: visible,
       width: "auto"
     }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -341,7 +341,7 @@ function (_super) {
       },
       option: data.content
     }), needURL && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "URL"
+      title: (0, _locale.i18n)('URL')
     }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
       disabled: data.content.openHotArea,
       onChange: function onChange(v) {

package/lib/meta-comp/config-panels/PlayIconConfig/index.js

@@ -124,7 +124,7 @@ function (_super) {
       className: "play-config"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "Play Icon Type"
+      title: (0, _locale.i18n)('PLAY_ICON_TYPE')
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "icon-wrap"
     }, iconList.map(function (item, i) {
@@ -154,7 +154,7 @@ function (_super) {
       }));
     }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       split: true,
-      title: "Play Icon Color"
+      title: (0, _locale.i18n)('PLAY_ICON_COLOR')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       className: "icon-color-select",
       onChange: function onChange(value) {
@@ -172,7 +172,7 @@ function (_super) {
         value: v.key
       }, v.value);
     }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: "Play Icon Size"
+      title: (0, _locale.i18n)('PLAY_ICON_SIZE')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       inputType: "int",
       maxVal: 100,

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

@@ -230,9 +230,9 @@ function (_super) {
         value: textData.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
@@ -280,7 +280,7 @@ function (_super) {
         value: textData
       })), window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
-        title: "URL"
+        title: (0, _locale.i18n)('URL')
       }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
         disabled: textData.urlDisabled,
         onChange: function onChange(v) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.117",
+  "version": "2.0.119",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",