@fonixtree/magic-design 0.0.98 → 0.0.100

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

@@ -217,7 +217,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
       storeName = _g[0],
       setStoreName = _g[1];
 
-  var _h = (0, _react.useState)([]),
+  var _h = (0, _react.useState)(''),
       storeId = _h[0],
       setStoreId = _h[1];
 
@@ -293,27 +293,29 @@ var FilteredProductModal = function FilteredProductModal(props) {
 
   var columns = [{
     title: 'Image',
-    dataIndex: 'productImageUrl',
-    key: 'productImageUrl',
-    render: function render(productImageUrl) {
+    dataIndex: 'imgUrl',
+    key: 'imgUrl',
+    width: 100,
+    render: function render(imgUrl, record) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "prodImage",
         style: {
-          backgroundImage: "url(" + productImageUrl + ")"
+          backgroundImage: "url(\"" + (0, _commonUtil.convertImageUrl)(record.productImg || record.imgUrlContent || record.productImgContent) + "\")"
         }
       });
     }
   }, {
-    title: 'Product Name',
-    dataIndex: 'productName',
-    key: 'productName',
+    title: 'Offer Name',
+    dataIndex: 'offerName',
+    key: 'offerName',
     ellipsis: true
-  }, {
-    title: 'SKU',
-    dataIndex: 'attrValues',
-    key: 'attrValues',
-    ellipsis: true
-  }, {
+  }, // {
+  //   title: 'SKU',
+  //   dataIndex: 'attrValues',
+  //   key: 'attrValues',
+  //   ellipsis: true,
+  // },
+  {
     title: 'Price',
     dataIndex: 'salesPrice',
     key: 'salesPrice',
@@ -453,8 +455,8 @@ var FilteredProductModal = function FilteredProductModal(props) {
                   return v.key;
                 }).join(','),
                 labelIds: labelId.key,
-                // q: productName,
-                productName: productName,
+                q: productName,
+                // productName,
                 storeId: storeId,
                 minPrice: minimum * precision || '',
                 maxPrice: maximum * precision || '',
@@ -466,10 +468,11 @@ var FilteredProductModal = function FilteredProductModal(props) {
               };
               return [4
               /*yield*/
-              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/products", params, 'GET')];
+              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/offers/es", params, 'POST')];
 
             case 1:
-              res = _a.sent();
+              res = _a.sent(); // const res = await commonFetch(`${window.magicDesign.MBaseUrl}/products`, params, 'GET');
+
               setLoading(false);
               paginationParams.total = res.total;
 

package/es/composite-comp/bol/components/Banner/mobile/index.js

@@ -19,8 +19,6 @@ var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _AlignSelector = require("../../../../../common/AlignSelector");
 
-var _commonUtil = require("../../../../../utils/commonUtil");
-
 var _components = require("../../../../../meta-comp/components");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -90,18 +88,18 @@ function (_super) {
       if (nextIndex != -1 && nextIndex != _this.state.carouseIndex) {
         _this.carouselRef.current.goTo(nextIndex);
       }
-    };
+    }; // padding用统一设置
 
-    _this.getPaddingAndBackground = function (item) {
-      var spacing = _this.props.data.spacing; // const { spacing, background } = data;
 
-      var device = window.magicDesign.device;
+    _this.getBackgroundStyle = function (item) {
+      // const { data: { spacing }  } = this.props;
+      // const { spacing, background } = data;
+      // const { device } = window.magicDesign;
       var wrapStyle = {}; // 边距
-
-      if (spacing && spacing[device]) {
-        wrapStyle = __assign(__assign({}, wrapStyle), spacing[device]);
-      } // 背景
-
+      // if (spacing && spacing[device]) {
+      //   wrapStyle = { ...wrapStyle, ...spacing[device] };
+      // }
+      // 背景
 
       if (item.background) {
         if (item.background.bgType === 'color') {
@@ -171,12 +169,7 @@ function (_super) {
     }
 
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-banner-mobile",
-      style: {
-        marginBottom: (0, _commonUtil.ensure)(function () {
-          return data.spacing.mobile.marginBottom;
-        }, 0)
-      }
+      className: "m-banner-mobile"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Carousel, {
       ref: this.carouselRef,
       afterChange: function afterChange(n) {
@@ -191,7 +184,7 @@ function (_super) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: _this.getPaddingAndBackground(item)
+        style: _this.getBackgroundStyle(item)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "carouselItem",
         onMouseEnter: _this.mouseEnterWrap,

package/es/composite-comp/bol/components/Banner/pc/index.js

@@ -132,18 +132,18 @@ function (_super) {
       if ((_b = data.setting.navigation) === null || _b === void 0 ? void 0 : _b.size) {
         e.target.style.fontSize = data.setting.navigation.size;
       }
-    };
+    }; // padding用统一设置
 
-    _this.getPaddingAndBackground = function (item) {
-      var spacing = _this.props.data.spacing; // const { spacing, background } = data;
 
-      var device = window.magicDesign.device;
+    _this.getBackgroundStyle = function (item) {
+      // const { data: { spacing }  } = this.props;
+      // const { spacing, background } = data;
+      // const { device } = window.magicDesign;
       var wrapStyle = {}; // 边距
-
-      if (spacing && spacing[device]) {
-        wrapStyle = __assign(__assign({}, wrapStyle), spacing[device]);
-      } // 背景
-
+      // if (spacing && spacing[device]) {
+      //   wrapStyle = { ...wrapStyle, ...spacing[device] };
+      // }
+      // 背景
 
       if (item.background) {
         if (item.background.bgType === 'color') {
@@ -229,7 +229,7 @@ function (_super) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: _this.getPaddingAndBackground(item)
+        style: _this.getBackgroundStyle(item)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "carouselItem",
         onMouseEnter: _this.mouseEnterWrap,

package/es/composite-comp/bol/components/Carousel/defaultJSON.js

@@ -260,13 +260,13 @@ var getDefaultJSON = function getDefaultJSON() {
     },
     spacing: {
       pc: {
-        paddingTop: 10,
-        paddingBottom: 10,
+        paddingTop: 0,
+        paddingBottom: 0,
         marginBottom: window.magicDesign.compSpacing * 1.5
       },
       mobile: {
-        paddingTop: 10,
-        paddingBottom: 10,
+        paddingTop: 0,
+        paddingBottom: 0,
         marginBottom: window.magicDesign.compSpacing
       }
     },

package/es/composite-comp/bol/components/Carousel/mobile/index.js

@@ -210,9 +210,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-carousel-mobile"
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('content', {
-        isHorizontal: colNum === 1
-      }),
+      className: "content",
       style: {
         paddingBottom: data.setting.dots.open && data.groupSource.length / colNum > 1 ? '20px' : '0'
       }
@@ -228,8 +226,7 @@ function (_super) {
         className: "img"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
-        maxHeight: MOBILE_IMG_SIZE[colNum - 1].maxH,
-        maxWidth: MOBILE_IMG_SIZE[colNum - 1].maxW
+        maxHeight: MOBILE_IMG_SIZE[colNum - 1].maxH
       })), showText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.title.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {

package/es/composite-comp/bol/components/Carousel/mobile/index.less

@@ -5,12 +5,6 @@
   .content {
     display: flex;
     margin: 0 auto;
-
-    &.isHorizontal {
-      .slick-track {
-        gap: 0;
-      }
-    }
   }
 
   .slider-wrap {
@@ -21,7 +15,14 @@
     .slick-track {
       display: flex;
       align-items: center;
-      gap: 12px;
+
+      .slick-slide {
+        margin-right: 12px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
     }
 
     .img-wrap {

package/es/composite-comp/bol/components/Carousel/pc/index.js

@@ -207,9 +207,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-carousel-pc"
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('content', {
-        isHorizontal: colNum === 1
-      }),
+      className: "content",
       style: {
         paddingBottom: data.setting.dots.open && data.groupSource.length / colNum > 1 ? '30px' : '0'
       }
@@ -235,7 +233,6 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
         maxHeight: PC_IMG_SIZE[colNum - 1].maxH,
-        maxWidth: PC_IMG_SIZE[colNum - 1].maxW,
         minHeight: PC_IMG_SIZE[colNum - 1].minH,
         minWidth: PC_IMG_SIZE[colNum - 1].minW
       })), showText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.title.open && !((0, _coreUtil.isPc)() && item.title.pcText === '') && /*#__PURE__*/_react["default"].createElement("div", {

package/es/composite-comp/bol/components/Carousel/pc/index.less

@@ -5,12 +5,6 @@
   .content {
     display: flex;
     margin: 0 auto;
-
-    &.isHorizontal {
-      .slick-track {
-        gap: 0;
-      }
-    }
   }
 
   .carousel-icon-left {
@@ -31,7 +25,14 @@
     .slick-track {
       display: flex;
       align-items: center;
-      gap: 24px;
+
+      .slick-slide {
+        margin-right: 24px;
+
+        &:last-child {
+          margin-right: 0;
+        }
+      }
     }
 
     .img-wrap {

package/es/composite-comp/bol/components/ImageGallery/defaultJSON.js

@@ -48,13 +48,13 @@ var getDefaultJSON = function getDefaultJSON() {
     groupSource: [imagesGroupSourceJSON()],
     spacing: {
       pc: {
-        paddingTop: 10,
-        paddingBottom: 10,
+        paddingTop: 0,
+        paddingBottom: 0,
         marginBottom: window.magicDesign.compSpacing * 1.5
       },
       mobile: {
-        paddingTop: 10,
-        paddingBottom: 10,
+        paddingTop: 0,
+        paddingBottom: 0,
         marginBottom: window.magicDesign.compSpacing
       }
     },

package/es/composite-comp/bol/components/ImageGallery/mobile/index.js

@@ -114,9 +114,9 @@ function (_super) {
         className: (0, _classnames["default"])('line', {
           isHorizontal: isHorizontal
         }),
-        style: {
+        style: isHorizontal ? {
           gap: MOBILE_IMG_SIZE[colNum].gap
-        }
+        } : {}
       }, arr.map(function (item) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: item.id,
@@ -127,7 +127,7 @@ function (_super) {
         }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
           data: item.image,
           maxHeight: MOBILE_IMG_SIZE[colNum].maxH,
-          maxWidth: MOBILE_IMG_SIZE[colNum].maxW
+          maxWidth: "100%"
         }));
       }));
     })));

package/es/composite-comp/bol/components/ImageGallery/mobile/index.less

@@ -1,8 +1,5 @@
 .m-image-gallery-mobile {
   .content {
-    max-width: 345px;
-    margin: 0 auto;
-
     .line {
       margin-bottom: 12px;
 

package/es/composite-comp/bol/components/ImageGallery/pc/index.js

@@ -61,6 +61,8 @@ var PC_IMG_SIZE = {
     maxW: 1280,
     minH: 150,
     maxH: 960,
+    defW: 1072,
+    defH: 400,
     gap: 20
   },
   2: {
@@ -131,9 +133,9 @@ function (_super) {
         className: (0, _classnames["default"])('line', {
           isHorizontal: isHorizontal
         }),
-        style: {
+        style: isHorizontal ? {
           gap: PC_IMG_SIZE[colNum].gap
-        }
+        } : {}
       }, arr.map(function (item) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: item.id,
@@ -143,8 +145,8 @@ function (_super) {
           }
         }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
           data: item.image,
-          maxHeight: PC_IMG_SIZE[colNum].maxH,
-          maxWidth: PC_IMG_SIZE[colNum].maxW,
+          maxHeight: item.image.content.pcImgSrc ? PC_IMG_SIZE[colNum].maxH : PC_IMG_SIZE[colNum].defH,
+          maxWidth: item.image.content.pcImgSrc ? '100%' : PC_IMG_SIZE[colNum].defW,
           minHeight: PC_IMG_SIZE[colNum].minH,
           minWidth: PC_IMG_SIZE[colNum].minW
         }));

package/es/composite-comp/bol/components/ImageGallery/pc/index.less

@@ -1,8 +1,5 @@
 .m-image-gallery-pc {
   .content {
-    max-width: 1280px;
-    margin: 0 auto;
-
     .line {
       margin-bottom: 20px;
 

package/es/composite-comp/bol/components/ImageText/pc/index.less

@@ -45,9 +45,11 @@
         width: fit-content;
         display: flex;
         .card-first-btn {
+          cursor: pointer;
           margin-right: 12px;
         }
         .card-second-btn {
+          cursor: pointer;
           margin-top: 0;
         }
       }

package/es/composite-comp/bol/components/Newsletter/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,6 +15,8 @@ var _components = require("../../../../meta-comp/components");
 
 var _Text = require("../../../../meta-comp/components/Text");
 
+var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -25,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -67,6 +69,16 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
 var Newsletter =
 /** @class */
 function (_super) {
@@ -115,6 +127,7 @@ function (_super) {
 
   Newsletter.type = 'NEWSLETTER';
   Newsletter.getDefaultJSON = _defaultJSON.getDefaultJSON;
+  Newsletter = __decorate([_compositeDecorator["default"]], Newsletter);
   return Newsletter;
 }(_react.Component);
 

package/es/composite-comp/common/config-panels/SpacingConfig/index.js

@@ -63,7 +63,8 @@ function (_super) {
     var _a = this.props,
         data = _a.data,
         configCompSpace = _a.configCompSpace,
-        configWidth = _a.configWidth;
+        configWidth = _a.configWidth,
+        fillUpWidth = _a.fillUpWidth;
     var obj = data[window.magicDesign.device] || {};
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "spacing-config-container"
@@ -80,6 +81,17 @@ function (_super) {
       value: {
         count: obj.contentWidth
       }
+    })), fillUpWidth && window.magicDesign.device === 'pc' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      layout: "horizontal",
+      title: "Fill the page"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+      checked: obj.fillUp,
+      onChange: function onChange(e) {
+        console.log('ddd fill up', e.target.checked);
+        obj.fillUp = e.target.checked;
+
+        _this.selfRender();
+      }
     })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('PADDING')
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -147,6 +159,7 @@ function (_super) {
   SpacingConfig.defaultProps = {
     configCompSpace: true,
     configWidth: false,
+    fillUpWidth: false,
     data: {
       pc: {
         paddingTop: 0,

package/es/composite-comp/dito/components/PcNavigation/pc/index.js

@@ -336,8 +336,6 @@ function (_super) {
     };
 
     _this.getListArr = function (pre, arr, index) {
-      console.log('---getListArr', pre, arr);
-
       if (arr) {
         pre[index] = arr.map(function (item) {
           return __assign(__assign({}, item), {

package/es/composite-comp/dito/components/SearchBar/defaultJSON.js

@@ -7,7 +7,7 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
-var _ditoLogo = _interopRequireDefault(require("./imgs/dito-logo.svg"));
+var _xtLogo = _interopRequireDefault(require("./imgs/xt-logo.png"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,8 +25,8 @@ var getDefaultJSON = function getDefaultJSON() {
         content: {
           h5Name: 'name2',
           pcName: 'name2',
-          h5ImgSrc: _ditoLogo["default"],
-          pcImgSrc: _ditoLogo["default"],
+          h5ImgSrc: _xtLogo["default"],
+          pcImgSrc: _xtLogo["default"],
           clickUrl: ''
         },
         hover: {
@@ -58,7 +58,8 @@ var getDefaultJSON = function getDefaultJSON() {
       pc: {
         paddingTop: 20,
         paddingBottom: 30,
-        marginBottom: 0
+        marginBottom: 0,
+        fillUp: false
       },
       mobile: {
         paddingTop: 8,

package/es/composite-comp/dito/config-panels/SearchBarConfig/index.js

@@ -74,7 +74,8 @@ function (_super) {
         name: (0, _locale.i18n)('SPACING'),
         value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
           configCompSpace: true,
-          data: data.spacing
+          data: data.spacing,
+          fillUpWidth: true
         })
       }, {
         key: 'searchBar2',

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

@@ -36,7 +36,7 @@ function AppointmentModal(props) {
   };
 
   var disabledDate = function disabledDate(current) {
-    return current && current < (0, _moment["default"])().add(30, 'minutes');
+    return current && (current < (0, _moment["default"])().add(30, 'minutes') || current > (0, _moment["default"])().add(30, 'days'));
   };
 
   return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
@@ -62,6 +62,9 @@ function AppointmentModal(props) {
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
     autoComplete: "off",
     form: form,
+    initialValues: {
+      date: (0, _moment["default"])().add(31, 'minutes')
+    },
     layout: "vertical",
     onFinish: onFinish
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {

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

@@ -73,6 +73,10 @@ function PageCompList(_a) {
       clickedFloor = _d[0],
       setClickedFloor = _d[1];
 
+  var _e = (0, _react.useState)(''),
+      hoveredFloor = _e[0],
+      setHoveredFloor = _e[1];
+
   var ref = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     setComponents(pageData || []);
@@ -80,6 +84,7 @@ function PageCompList(_a) {
   (0, _react.useEffect)(function () {
     var distroy = (0, _mobx.autorun)(function () {
       setClickedFloor(_mobx.store.clickedFloor);
+      setHoveredFloor(_mobx.store.hoveredFloor);
     });
     return distroy;
   }, []);
@@ -104,6 +109,7 @@ function PageCompList(_a) {
   };
 
   var onDragEnter = function onDragEnter(e) {
+    console.log('drag enter');
     var hoverNodeId = e.currentTarget.dataset.nodeid;
 
     if (dragId === hoverNodeId) {
@@ -196,8 +202,28 @@ function PageCompList(_a) {
       value: "4"
     }, (0, _locale.i18n)('DELETE')));
 
+    var onMouseEnter = function onMouseEnter() {
+      if (window.magicDesign.mode === 'renderer') {
+        return;
+      }
+
+      _mobx.store.setState({
+        hoveredFloor: comp.id
+      });
+    };
+
+    var onMouseLeave = function onMouseLeave() {
+      if (window.magicDesign.mode === 'renderer') {
+        return;
+      }
+
+      _mobx.store.setState({
+        hoveredFloor: ''
+      });
+    };
+
     var dragging = dragId === String(comp.id);
-    var active = clickedFloor === String(comp.id);
+    var active = [hoveredFloor, clickedFloor].includes(comp.id);
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: "card" + comp.id,
       className: (0, _classnames["default"])('card-wrap', {
@@ -212,6 +238,8 @@ function PageCompList(_a) {
         e.preventDefault();
       },
       onDragStart: onDragStart,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
       style: {
         opacity: dragging ? '0.4' : '1'
       }

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

@@ -88,7 +88,9 @@ function (_super) {
 
       if (code === _constants.quickMenuCode.SAVE || code === _constants.quickMenuCode.PUBLISH) {
         _mobx.store.setState({
-          clickedFloor: ''
+          clickedFloor: '',
+          clickedGroup: '',
+          clickedMeta: ''
         });
       }