@fonixtree/magic-design 0.0.170 → 0.0.172

package/es/common/ColorPicker/index.less

@@ -1,7 +1,6 @@
 .m-color-picker-panel {
-  position: fixed;
-  bottom: 5px;
   z-index: 999;
+  position: absolute;
 
   .panel-bg {
     position: fixed;

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

@@ -14,6 +14,13 @@
   //   right: 20px;
   // }
 
+  .ant-carousel {
+    .slick-track {
+      display: flex;
+      align-items: center;
+    }
+  }
+
   .carouselItem {
     // height: 386px;
     position: relative;

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

@@ -1,6 +1,13 @@
 .m-banner-pc {
   position: relative;
 
+  .ant-carousel {
+    .slick-track {
+      display: flex;
+      align-items: center;
+    }
+  }
+
   .swiper-ban {
     position: absolute;
     width: 100%;

package/es/composite-comp/dito/components/Recommend/mobile/index.js

@@ -486,23 +486,17 @@ function (_super) {
     return _this;
   }
 
-  RecommendMobile.prototype.componentDidMount = function () {
-    var _this = this;
-
-    var panelProps = this.props.panelProps;
-    var source = [];
-    panelProps.groupSource.map(function (m) {
-      var show = m.image.open || m.groupName.open;
-      if (show) source.push(m);
-    });
-    this.setState({
-      groupSource: source
-    }, function () {
-      _this.initTab(0);
-
-      _this.getProductList(0);
-    });
-    this.listenWidth();
+  RecommendMobile.prototype.componentDidMount = function () {// const { panelProps } = this.props;
+    // const source = [];
+    // panelProps.groupSource.map(m => {
+    //   const show = m.image.open || m.groupName.open;
+    //   if (show) source.push(m);
+    // });
+    // this.setState({ groupSource: source }, () => {
+    //   this.initTab(0);
+    //   this.getProductList(0);
+    // });
+    // this.listenWidth();
   };
 
   RecommendMobile.prototype.componentWillReceiveProps = function (nextProps) {

package/es/meta-comp/components/Button/editable.js

@@ -73,6 +73,13 @@ function (_super) {
 
     _this.preData = '';
     _this.preDevice = '';
+
+    _this.triggerButtonConfigRender = function () {
+      window.document.dispatchEvent(new Event('button-render', {
+        bubbles: false
+      }));
+    };
+
     return _this;
   }
 
@@ -102,6 +109,8 @@ function (_super) {
         _this.preData = JSON.stringify(__assign(__assign({}, JSON.parse(_this.preData)), {
           text: text
         }));
+
+        _this.triggerButtonConfigRender();
       },
       suppressContentEditableWarning: true
     }, data.text);

package/es/meta-comp/components/Text/index.js

@@ -319,7 +319,8 @@ function (_super) {
       node.appendChild(closeNode);
     };
 
-    _this.renderText = function (data, mode) {
+    _this.renderText = function (data) {
+      var mode = window.magicDesign.mode;
       var outputType = _this.props.outputType || window.magicDesign.outputType;
       if (!_this.textRef.current) return;
 
@@ -437,14 +438,14 @@ function (_super) {
   Text.prototype.componentDidMount = function () {
     var _this = this;
 
-    this.renderText(this.props.data, this.props.mode);
+    this.renderText(this.props.data);
     initSelectionEvent();
     appendSelectionTarget({
       target: this.textRef.current,
       data: this.props.data,
       selectionRefMap: this.selectionRefMap,
       refresh: function refresh() {
-        _this.renderText(_this.props.data, _this.props.mode);
+        _this.renderText(_this.props.data);
       }
     });
   };
@@ -456,7 +457,7 @@ function (_super) {
     var result = should1 || should2 || should3;
 
     if (result) {
-      this.renderText(nextProps.data, this.props.mode);
+      this.renderText(nextProps.data);
     }
 
     return result;
@@ -473,8 +474,8 @@ function (_super) {
         data = _a.data,
         className = _a.className,
         readonly = _a.readonly,
-        onTextInput = _a.onTextInput,
-        mode = _a.mode;
+        onTextInput = _a.onTextInput;
+    var mode = window.magicDesign.mode;
     var style = contentStyle(data.content);
 
     if (data.underline) {
@@ -498,8 +499,6 @@ function (_super) {
     //   textDecorationColor: data?.underline.textDecorationColor,
     //   textDecorationStyle: data?.underline.textDecorationStyle,
     // };
-    // mode == 'designer' && !readonly
-    // console.log('!readonly: ', mode, readonly);
 
 
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -534,7 +533,6 @@ function (_super) {
 
   Text.defaultProps = {
     readonly: false,
-    mode: 'designer',
     onTextInput: function onTextInput() {}
   };
   Text = __decorate([_decorator.metaDecorator], Text);

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

@@ -101,6 +101,14 @@ function (_super) {
     return _this;
   }
 
+  ButtonConfig.prototype.componentDidMount = function () {
+    window.document.addEventListener('button-render', this.selfRender);
+  };
+
+  ButtonConfig.prototype.componentWillUnmount = function () {
+    window.document.removeEventListener('button-render', this.selfRender);
+  };
+
   ButtonConfig.prototype.render = function () {
     var _this = this;
 

package/es/utils/commonUtil.js

@@ -284,7 +284,7 @@ var navigateTo = function navigateTo(url) {
   if (url.startsWith('/')) {
     window.magicDesign.history.push(url);
   } else {
-    window.location.href = link;
+    window.location.href = url;
   }
 };
 

package/es/utils/coreUtil.js

@@ -289,16 +289,15 @@ var getCoupon = function getCoupon(couponId) {
 var clickUrl = function clickUrl(url) {
   console.log('clickUrl...', url);
 
+  if (window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
+    return;
+  }
+
   var _a = (0, _businessUtil.parseUrl)(url),
       link = _a.link,
       data = _a.data;
 
-  var params = data.params;
-
-  if (window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
-    return;
-  } // 如果是video 放开return
-
+  var params = data.params; // 如果是video 放开return
 
   if (params.type !== 'VIDEO' && window.magicDesign.readOnly) {
     return;

package/lib/common/ColorPicker/index.less

@@ -1,7 +1,6 @@
 .m-color-picker-panel {
-  position: fixed;
-  bottom: 5px;
   z-index: 999;
+  position: absolute;
 
   .panel-bg {
     position: fixed;

package/lib/composite-comp/bol/components/Banner/mobile/index.less

@@ -14,6 +14,13 @@
   //   right: 20px;
   // }
 
+  .ant-carousel {
+    .slick-track {
+      display: flex;
+      align-items: center;
+    }
+  }
+
   .carouselItem {
     // height: 386px;
     position: relative;

package/lib/composite-comp/bol/components/Banner/pc/index.less

@@ -1,6 +1,13 @@
 .m-banner-pc {
   position: relative;
 
+  .ant-carousel {
+    .slick-track {
+      display: flex;
+      align-items: center;
+    }
+  }
+
   .swiper-ban {
     position: absolute;
     width: 100%;

package/lib/composite-comp/dito/components/Recommend/mobile/index.js

@@ -486,23 +486,17 @@ function (_super) {
     return _this;
   }
 
-  RecommendMobile.prototype.componentDidMount = function () {
-    var _this = this;
-
-    var panelProps = this.props.panelProps;
-    var source = [];
-    panelProps.groupSource.map(function (m) {
-      var show = m.image.open || m.groupName.open;
-      if (show) source.push(m);
-    });
-    this.setState({
-      groupSource: source
-    }, function () {
-      _this.initTab(0);
-
-      _this.getProductList(0);
-    });
-    this.listenWidth();
+  RecommendMobile.prototype.componentDidMount = function () {// const { panelProps } = this.props;
+    // const source = [];
+    // panelProps.groupSource.map(m => {
+    //   const show = m.image.open || m.groupName.open;
+    //   if (show) source.push(m);
+    // });
+    // this.setState({ groupSource: source }, () => {
+    //   this.initTab(0);
+    //   this.getProductList(0);
+    // });
+    // this.listenWidth();
   };
 
   RecommendMobile.prototype.componentWillReceiveProps = function (nextProps) {

package/lib/meta-comp/components/Button/editable.js

@@ -73,6 +73,13 @@ function (_super) {
 
     _this.preData = '';
     _this.preDevice = '';
+
+    _this.triggerButtonConfigRender = function () {
+      window.document.dispatchEvent(new Event('button-render', {
+        bubbles: false
+      }));
+    };
+
     return _this;
   }
 
@@ -102,6 +109,8 @@ function (_super) {
         _this.preData = JSON.stringify(__assign(__assign({}, JSON.parse(_this.preData)), {
           text: text
         }));
+
+        _this.triggerButtonConfigRender();
       },
       suppressContentEditableWarning: true
     }, data.text);

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

@@ -319,7 +319,8 @@ function (_super) {
       node.appendChild(closeNode);
     };
 
-    _this.renderText = function (data, mode) {
+    _this.renderText = function (data) {
+      var mode = window.magicDesign.mode;
       var outputType = _this.props.outputType || window.magicDesign.outputType;
       if (!_this.textRef.current) return;
 
@@ -437,14 +438,14 @@ function (_super) {
   Text.prototype.componentDidMount = function () {
     var _this = this;
 
-    this.renderText(this.props.data, this.props.mode);
+    this.renderText(this.props.data);
     initSelectionEvent();
     appendSelectionTarget({
       target: this.textRef.current,
       data: this.props.data,
       selectionRefMap: this.selectionRefMap,
       refresh: function refresh() {
-        _this.renderText(_this.props.data, _this.props.mode);
+        _this.renderText(_this.props.data);
       }
     });
   };
@@ -456,7 +457,7 @@ function (_super) {
     var result = should1 || should2 || should3;
 
     if (result) {
-      this.renderText(nextProps.data, this.props.mode);
+      this.renderText(nextProps.data);
     }
 
     return result;
@@ -473,8 +474,8 @@ function (_super) {
         data = _a.data,
         className = _a.className,
         readonly = _a.readonly,
-        onTextInput = _a.onTextInput,
-        mode = _a.mode;
+        onTextInput = _a.onTextInput;
+    var mode = window.magicDesign.mode;
     var style = contentStyle(data.content);
 
     if (data.underline) {
@@ -498,8 +499,6 @@ function (_super) {
     //   textDecorationColor: data?.underline.textDecorationColor,
     //   textDecorationStyle: data?.underline.textDecorationStyle,
     // };
-    // mode == 'designer' && !readonly
-    // console.log('!readonly: ', mode, readonly);
 
 
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -534,7 +533,6 @@ function (_super) {
 
   Text.defaultProps = {
     readonly: false,
-    mode: 'designer',
     onTextInput: function onTextInput() {}
   };
   Text = __decorate([_decorator.metaDecorator], Text);

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

@@ -101,6 +101,14 @@ function (_super) {
     return _this;
   }
 
+  ButtonConfig.prototype.componentDidMount = function () {
+    window.document.addEventListener('button-render', this.selfRender);
+  };
+
+  ButtonConfig.prototype.componentWillUnmount = function () {
+    window.document.removeEventListener('button-render', this.selfRender);
+  };
+
   ButtonConfig.prototype.render = function () {
     var _this = this;
 

package/lib/utils/commonUtil.js

@@ -284,7 +284,7 @@ var navigateTo = function navigateTo(url) {
   if (url.startsWith('/')) {
     window.magicDesign.history.push(url);
   } else {
-    window.location.href = link;
+    window.location.href = url;
   }
 };
 

package/lib/utils/coreUtil.js

@@ -289,16 +289,15 @@ var getCoupon = function getCoupon(couponId) {
 var clickUrl = function clickUrl(url) {
   console.log('clickUrl...', url);
 
+  if (window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
+    return;
+  }
+
   var _a = (0, _businessUtil.parseUrl)(url),
       link = _a.link,
       data = _a.data;
 
-  var params = data.params;
-
-  if (window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
-    return;
-  } // 如果是video 放开return
-
+  var params = data.params; // 如果是video 放开return
 
   if (params.type !== 'VIDEO' && window.magicDesign.readOnly) {
     return;

package/package.json

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