@fonixtree/magic-design 2.0.28 → 2.0.30

package/lib/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -43,6 +43,8 @@ var _imageTextRight = _interopRequireDefault(require("../assets/images/layout-ic
 
 var _newsletter = _interopRequireDefault(require("../assets/images/layout-icon/newsletter.svg"));
 
+var _locationLayout = _interopRequireDefault(require("../assets/images/layout-icon/locationLayout.png"));
+
 var _layoutRecommend = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-1.png"));
 
 var _layoutRecommend2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-2.png"));
@@ -90,6 +92,12 @@ var searchLayout = [{
   image: _layoutSearch["default"]
 }];
 exports.searchLayout = searchLayout;
+var locationLayout = [{
+  id: 'top',
+  name: 'top',
+  image: _locationLayout["default"]
+}];
+exports.locationLayout = locationLayout;
 var imageGalleryLayout = [{
   id: 'layout1',
   name: 'layout1',

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.js

@@ -89,7 +89,7 @@ function (_super) {
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "commit-btn",
       onClick: this.onCommit
-    }, "\u786E\u5B9A"))));
+    }, "Confirm"))));
   };
 
   return LinkInputPicker;

package/lib/core/Designer/ToolBarModal/ToolBtn/components/LinkBtn/LinkInputPicker/index.js

@@ -89,7 +89,7 @@ function (_super) {
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "commit-btn",
       onClick: this.onCommit
-    }, "\u786E\u5B9A"))));
+    }, "Confirm"))));
   };
 
   return LinkInputPicker;

package/lib/locale/en/en.json

@@ -1,4 +1,6 @@
 {
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
   "MESSAGE_ICON": "Message icon",
   "CART_ICON": "Cart icon",
   "RECOMMENDED_SIZE": "Recommended Size",

package/lib/locale/es/es.json

@@ -1,4 +1,6 @@
 {
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
   "MESSAGE_ICON": "Message icon",
   "CART_ICON": "Cart icon",
   "RECOMMENDED_SIZE": "Recommended Size",

package/lib/locale/id/id.json

@@ -1,4 +1,6 @@
 {
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
   "MESSAGE_ICON": "Message icon",
   "CART_ICON": "Cart icon",
   "RECOMMENDED_SIZE": "Recommended Size",

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

@@ -167,7 +167,8 @@ function (_super) {
     var _c = this.props,
         data = _c.data,
         isBackground = _c.isBackground,
-        hoverState = _c.hoverState;
+        hoverState = _c.hoverState,
+        notNeedLazy = _c.notNeedLazy;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -192,7 +193,20 @@ function (_super) {
       onClick: function onClick() {
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
-    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ImageLazy["default"], {
+    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, notNeedLazy ? /*#__PURE__*/_react["default"].createElement("img", {
+      ref: this.imgRef,
+      onLoad: function onLoad() {
+        var scale = _this.imgRef.current.clientWidth / 600;
+
+        _this.setState({
+          scale: scale
+        });
+      },
+      onMouseEnter: this.mouseEnterImg,
+      onMouseLeave: this.mouseLeaveImg,
+      src: srcImg,
+      style: (0, _commonUtil.pxToRem)(this.getStyle())
+    }) : /*#__PURE__*/_react["default"].createElement(_ImageLazy["default"], {
       onLoadFunc: function onLoadFunc(clientWidth) {
         var scale = clientWidth / 600;
 
@@ -231,7 +245,8 @@ function (_super) {
     isBackground: false,
     hoverState: false,
     limitWidthHeight: false,
-    scale: 1
+    scale: 1,
+    notNeedLazy: false
   };
   Image = __decorate([_decorator.metaDecorator], Image);
   return Image;

package/package.json

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

package/es/composite-comp/bol/config-panels/LocationConfig/MyEditor/index.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactAce = _interopRequireDefault(require("react-ace"));
-
-require("ace-builds/src-noconflict/mode-html");
-
-require("ace-builds/src-noconflict/mode-javascript");
-
-require("ace-builds/src-noconflict/theme-github");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-// 可选的主题样式
-var MyEditor = function MyEditor(props) {
-  var value = props.value,
-      changeVal = props.changeVal,
-      blurArea = props.blurArea;
-  return /*#__PURE__*/_react["default"].createElement(_reactAce["default"], {
-    editorProps: {
-      $blockScrolling: true
-    },
-    mode: "html",
-    name: "editor",
-    onBlur: blurArea,
-    onChange: changeVal,
-    style: {
-      width: '100%'
-    },
-    theme: "github",
-    value: value
-  });
-};
-
-var _default = MyEditor;
-exports["default"] = _default;

package/lib/composite-comp/bol/config-panels/LocationConfig/MyEditor/index.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactAce = _interopRequireDefault(require("react-ace"));
-
-require("ace-builds/src-noconflict/mode-html");
-
-require("ace-builds/src-noconflict/mode-javascript");
-
-require("ace-builds/src-noconflict/theme-github");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-// 可选的主题样式
-var MyEditor = function MyEditor(props) {
-  var value = props.value,
-      changeVal = props.changeVal,
-      blurArea = props.blurArea;
-  return /*#__PURE__*/_react["default"].createElement(_reactAce["default"], {
-    editorProps: {
-      $blockScrolling: true
-    },
-    mode: "html",
-    name: "editor",
-    onBlur: blurArea,
-    onChange: changeVal,
-    style: {
-      width: '100%'
-    },
-    theme: "github",
-    value: value
-  });
-};
-
-var _default = MyEditor;
-exports["default"] = _default;