@fonixtree/magic-design 1.0.6 → 1.0.8

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

@@ -447,7 +447,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           switch (_a.label) {
             case 0:
               precision = Math.pow(10, (0, _commonUtil.ensure)(function () {
-                return window.ecommerce.precision;
+                return window.systemParams.precision;
               }, '0'));
               params = {
                 catgIds: tValue.join(','),

package/es/common/ProductModal/index.js

@@ -383,7 +383,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers/catgs', {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/storeoffercatgs", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -409,7 +409,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offerdiscatgs/brands", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/composite-comp/common/components/ProductItem/index.js

@@ -133,7 +133,7 @@ function (_super) {
     }
 
     var pricePrefix = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.prefix;
+      return window.systemParams.prefix;
     }, 'Rp');
 
     var _price = pricePrefix + " " + integerPart + " " + (decimalPart ? '.' + decimalPart : '');

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

@@ -30,6 +30,26 @@ var getDefaultJSON = function getDefaultJSON() {
           pcImgHoverUrl: '',
           h5ImgHoverUrl: ''
         }
+      },
+      title: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: 'Title',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 16,
+          color: '#070707'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {}
       }
     },
     spacing: {

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

@@ -337,14 +337,14 @@ function (_super) {
   SignBoardMobile.prototype.render = function () {
     var _this = this;
 
-    var _a;
+    var _a, _b;
 
     var data = this.props.data; // console.log('--SignBoard', data);
 
-    var _b = this.state,
-        storeInfo = _b.storeInfo,
-        isFollow = _b.isFollow,
-        inputVal = _b.inputVal;
+    var _c = this.state,
+        storeInfo = _c.storeInfo,
+        isFollow = _c.isFollow,
+        inputVal = _c.inputVal;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-sign-board-bar"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -377,9 +377,10 @@ function (_super) {
         height: 44,
         width: 44
       }
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "store-name"
-    }, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeName) || 'Compraqui'), /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.content && ((_b = data.content.title) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+      className: "card-text",
+      data: data.content.title
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       onClick: this.clickCollect
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       color: isFollow ? '#F1600F' : '#333333',

package/es/composite-comp/dito/components/SignBoard/mobile/index.less

@@ -62,12 +62,3 @@
   text-transform: uppercase;
   color: #333333;
 }
-.m-sign-board-bar .store-info-wrap .store-name {
-  flex: 1;
-  margin-left: 0.24rem;
-  font-weight: 500;
-  font-size: 0.32rem;
-  line-height: 0.4rem;
-  color: #070707;
-  font-family: 'Montserrat';
-}

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

@@ -15,6 +15,8 @@ var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/conf
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+var _TextConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/TextConfig"));
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -69,13 +71,21 @@ function (_super) {
   SignBoardConfigContent.prototype.render = function () {
     var panelProps = this.props.panelProps;
     var source = [{
-      key: 'search1',
+      key: 'logo',
       name: (0, _locale.i18n)('LOGO'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.logo
       }),
       metaOption: panelProps.logo,
       toggleType: 'switch'
+    }, {
+      key: 'title',
+      name: (0, _locale.i18n)('TITLE'),
+      value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+        data: panelProps.title
+      }),
+      metaOption: panelProps.title,
+      toggleType: 'switch'
     }];
     return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",

package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js

@@ -228,8 +228,8 @@ function (_super) {
           this.setState({
             intelligentType: type,
             intelligentValue: []
-          });
-          this.getTypeData(type);
+          }); // this.getTypeData(type);
+
           this.props.onChange({
             intelligentType: type,
             intelligentValue: []

package/es/decorator/index.js

@@ -27,6 +27,7 @@ Object.defineProperty(exports, "metaDecorator", {
     return _metaDecorator["default"];
   }
 });
+exports.shouldUpdate = shouldUpdate;
 Object.defineProperty(exports, "updateConfigDecorator", {
   enumerable: true,
   get: function get() {
@@ -42,4 +43,26 @@ var _updateConfigDecorator = _interopRequireDefault(require("./updateConfigDecor
 
 var _lazyLoadDecorator = require("./lazyLoadDecorator");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+/** props 和 state 改变时才会render */
+function shouldUpdate() {
+  return function (target, name, descriptor) {
+    var fn = descriptor.value;
+
+    descriptor.value = function (nextProps, nextState) {
+      var nowPropsJson = JSON.stringify(nextProps);
+      var nowStateJson = JSON.stringify(nextState);
+      var should1 = nowPropsJson != this.preProps;
+      var should2 = nowStateJson != this.preState;
+      this.preProps = nowPropsJson;
+      this.preState = nowStateJson;
+      var result = should1 || should2;
+      return result && fn.apply(this, {
+        nextProps: nextProps
+      });
+    };
+  };
+}

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

@@ -93,6 +93,10 @@ function (_super) {
     return _this;
   }
 
+  Button.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
   Button.prototype.render = function () {
     var _this = this;
 
@@ -168,6 +172,9 @@ function (_super) {
     className: '',
     readonly: false
   };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Button.prototype, "shouldComponentUpdate", null);
+
   Button = __decorate([_decorator.metaDecorator], Button);
   return Button;
 }(_react.Component);

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

@@ -203,6 +203,10 @@ function (_super) {
     });
   };
 
+  Text.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
   Text.prototype.render = function () {
     var _a = this.props,
         data = _a.data,
@@ -272,6 +276,9 @@ function (_super) {
     readonly: false,
     onTextInput: function onTextInput() {}
   };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Text.prototype, "shouldComponentUpdate", null);
+
   Text = __decorate([_decorator.metaDecorator], Text);
   return Text;
 }(_react["default"].Component);

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

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _lodash = require("lodash");
+
 var _locale = require("../../../locale");
 
 var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/common/config-panels/SpacingConfig"));
@@ -104,11 +106,11 @@ function (_super) {
 
       _this.updateAttr(data, 'hover', {
         open: true,
-        buttonBorder: data.buttonBorder,
-        buttonIcon: data.buttonIcon,
-        buttonText: data.buttonText,
+        buttonBorder: (0, _lodash.cloneDeep)(data.buttonBorder),
+        buttonIcon: (0, _lodash.cloneDeep)(data.buttonIcon),
+        buttonText: (0, _lodash.cloneDeep)(data.buttonText),
         content: {
-          backgroundColor: data.content.backgroundColor
+          backgroundColor: (0, _lodash.cloneDeep)(data.content.backgroundColor)
         }
       }); // console.log('--ffd, button hover first click', data);
 
@@ -162,7 +164,7 @@ function (_super) {
 
     var fontSizeKey = window.magicDesign.device == 'pc' ? 'pcFontSize' : 'fontSize';
 
-    var ButtonTextSetting = function ButtonTextSetting(data) {
+    var ButtonTextSetting = function ButtonTextSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_STYLE')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -171,24 +173,24 @@ function (_super) {
             return t.key == v;
           });
 
-          _extends(data, __assign(__assign({}, findOne), {
+          _extends(_data, __assign(__assign({}, findOne), {
             sizeType: findOne === null || findOne === void 0 ? void 0 : findOne.key
           }));
 
           _this.selfRender();
         },
-        value: data.sizeType
+        value: _data.sizeType
       }, _TextConfig.sizeTypeList.map(function (sizeType) {
         return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: sizeType.key
         }, sizeType.key);
-      }))), data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }))), _data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_FAMILY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontFamily', v);
+          _this.updateAttr(_data, 'fontFamily', v);
         },
-        value: data.fontFamily
+        value: _data.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
       }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -197,9 +199,9 @@ function (_super) {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontWeight', v);
+          _this.updateAttr(_data, 'fontWeight', v);
         },
-        value: data.fontWeight
+        value: _data.fontWeight
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: 400
       }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -210,34 +212,34 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, fontSizeKey, count);
+          _this.updateAttr(_data, fontSizeKey, count);
         },
         unit: "px",
         value: {
-          count: data[fontSizeKey]
+          count: _data[fontSizeKey]
         }
       }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: ""
       }, /*#__PURE__*/_react["default"].createElement(_common.FontStyles, {
         onChange: function onChange(value) {
-          _extends(data, value);
+          _extends(_data, value);
 
           _this.selfRender();
         },
-        value: data
+        value: _data
       })));
     };
 
-    var ButtonBorderSetting = function ButtonBorderSetting(data) {
+    var ButtonBorderSetting = function ButtonBorderSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
         title: (0, _locale.i18n)('BORDER_COLOR')
       }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
         colorType: "rgba",
         onChange: function onChange(value) {
-          _this.updateAttr(data, 'borderColor', value);
+          _this.updateAttr(_data, 'borderColor', value);
         },
-        value: data.borderColor
+        value: _data.borderColor
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('BORDER_RADIUS')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
@@ -245,15 +247,15 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, 'borderRadius', count);
+          _this.updateAttr(_data, 'borderRadius', count);
         },
         value: {
-          count: data.borderRadius
+          count: _data.borderRadius
         }
       })));
     };
 
-    var ButtonIconSetting = function ButtonIconSetting(data) {
+    var ButtonIconSetting = function ButtonIconSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON')
       }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
@@ -262,18 +264,18 @@ function (_super) {
         },
         onClick: function onClick() {
           _this.setState({
-            isHover: data == _this.props.data.hover.buttonIcon
+            isHover: _data == _this.props._data.hover.buttonIcon
           });
         },
-        value: data.iconUrl
-      })), data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        value: _data.iconUrl
+      })), _data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON_PLACEMENT')
       }, /*#__PURE__*/_react["default"].createElement(_common.ButtonIconLayout, {
-        icon: data.iconUrl,
+        icon: _data.iconUrl,
         onChange: function onChange(value) {
-          return _this.updateAttr(data, 'layout', value);
+          return _this.updateAttr(_data, 'layout', value);
         },
-        value: data.layout
+        value: _data.layout
       })));
     };
 

package/es/utils/commonUtil.js

@@ -776,7 +776,7 @@ var pxToRem = function pxToRem(styleObj) {
       if (typeof value === 'string' && value.endsWith('px')) {
         remObj[key] = convertToRem(value.split('px')[0]);
       } else if (typeof value === 'number') {
-        remObj[key] = ['opacity', 'lineHeight', 'zIndex'].includes(key) ? value : convertToRem(value);
+        remObj[key] = ['opacity', 'lineHeight', 'zIndex', 'fontWeight'].includes(key) ? value : convertToRem(value);
       } else if ((key === 'padding' || key === 'margin') && typeof value === 'string') {
         var paddingValues = value.split(' ');
         var remPaddingValues = paddingValues.map(function (paddingValue) {

package/es/utils/currencyUtil.js

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 /* eslint-disable */
 var precision = (0, _commonUtil.ensure)(function () {
-  return window.ecommerce.precision;
+  return window.systemParams.precision;
 }, '0'); // 千分位展示
 
 var addSeparators = function addSeparators(nStr, thousandsSep, decimalSep) {
@@ -42,7 +42,7 @@ exports.addSeparators = addSeparators;
 
 var getPricePrefix = function getPricePrefix() {
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   return pricePrefix;
 };
@@ -51,7 +51,7 @@ exports.getPricePrefix = getPricePrefix;
 
 var getPrecision = function getPrecision() {
   var ret = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   return Number(ret);
 }; // 格式化金额
@@ -61,13 +61,13 @@ exports.getPrecision = getPrecision;
 
 var formatCurrency = function formatCurrency(num) {
   var displayPrecision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.displayCurrencyPrecision;
+    return window.systemParams.displayCurrencyPrecision;
   }, '0');
   var precision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   var numVal = num;
 
@@ -162,7 +162,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     precision = Number(customPrecision);
   } else {
     precision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.precision;
+      return window.systemParams.precision;
     }, '0');
   }
 
@@ -180,7 +180,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     displayPrecision = Number(customDisplayPrecision);
   } else {
     displayPrecision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.displayCurrencyPrecision;
+      return window.systemParams.displayCurrencyPrecision;
     }, 'Rp');
   }
 

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

@@ -447,7 +447,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           switch (_a.label) {
             case 0:
               precision = Math.pow(10, (0, _commonUtil.ensure)(function () {
-                return window.ecommerce.precision;
+                return window.systemParams.precision;
               }, '0'));
               params = {
                 catgIds: tValue.join(','),

package/lib/common/ProductModal/index.js

@@ -383,7 +383,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers/catgs', {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/storeoffercatgs", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -409,7 +409,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offerdiscatgs/brands", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/lib/composite-comp/common/components/ProductItem/index.js

@@ -133,7 +133,7 @@ function (_super) {
     }
 
     var pricePrefix = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.prefix;
+      return window.systemParams.prefix;
     }, 'Rp');
 
     var _price = pricePrefix + " " + integerPart + " " + (decimalPart ? '.' + decimalPart : '');

package/lib/composite-comp/dito/components/SignBoard/defaultJSON.js

@@ -30,6 +30,26 @@ var getDefaultJSON = function getDefaultJSON() {
           pcImgHoverUrl: '',
           h5ImgHoverUrl: ''
         }
+      },
+      title: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: 'Title',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 16,
+          color: '#070707'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {}
       }
     },
     spacing: {

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

@@ -337,14 +337,14 @@ function (_super) {
   SignBoardMobile.prototype.render = function () {
     var _this = this;
 
-    var _a;
+    var _a, _b;
 
     var data = this.props.data; // console.log('--SignBoard', data);
 
-    var _b = this.state,
-        storeInfo = _b.storeInfo,
-        isFollow = _b.isFollow,
-        inputVal = _b.inputVal;
+    var _c = this.state,
+        storeInfo = _c.storeInfo,
+        isFollow = _c.isFollow,
+        inputVal = _c.inputVal;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-sign-board-bar"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -377,9 +377,10 @@ function (_super) {
         height: 44,
         width: 44
       }
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "store-name"
-    }, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeName) || 'Compraqui'), /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.content && ((_b = data.content.title) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+      className: "card-text",
+      data: data.content.title
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       onClick: this.clickCollect
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       color: isFollow ? '#F1600F' : '#333333',

package/lib/composite-comp/dito/components/SignBoard/mobile/index.less

@@ -62,12 +62,3 @@
   text-transform: uppercase;
   color: #333333;
 }
-.m-sign-board-bar .store-info-wrap .store-name {
-  flex: 1;
-  margin-left: 0.24rem;
-  font-weight: 500;
-  font-size: 0.32rem;
-  line-height: 0.4rem;
-  color: #070707;
-  font-family: 'Montserrat';
-}

package/lib/composite-comp/dito/config-panels/SignBoardConfig/SignBoardConfigContent/index.js

@@ -15,6 +15,8 @@ var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/conf
 
 var _coreUtil = require("../../../../../utils/coreUtil");
 
+var _TextConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/TextConfig"));
+
 var _locale = require("../../../../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -69,13 +71,21 @@ function (_super) {
   SignBoardConfigContent.prototype.render = function () {
     var panelProps = this.props.panelProps;
     var source = [{
-      key: 'search1',
+      key: 'logo',
       name: (0, _locale.i18n)('LOGO'),
       value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
         data: panelProps.logo
       }),
       metaOption: panelProps.logo,
       toggleType: 'switch'
+    }, {
+      key: 'title',
+      name: (0, _locale.i18n)('TITLE'),
+      value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+        data: panelProps.title
+      }),
+      metaOption: panelProps.title,
+      toggleType: 'switch'
     }];
     return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",

package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js

@@ -228,8 +228,8 @@ function (_super) {
           this.setState({
             intelligentType: type,
             intelligentValue: []
-          });
-          this.getTypeData(type);
+          }); // this.getTypeData(type);
+
           this.props.onChange({
             intelligentType: type,
             intelligentValue: []

package/lib/decorator/index.js

@@ -27,6 +27,7 @@ Object.defineProperty(exports, "metaDecorator", {
     return _metaDecorator["default"];
   }
 });
+exports.shouldUpdate = shouldUpdate;
 Object.defineProperty(exports, "updateConfigDecorator", {
   enumerable: true,
   get: function get() {
@@ -42,4 +43,26 @@ var _updateConfigDecorator = _interopRequireDefault(require("./updateConfigDecor
 
 var _lazyLoadDecorator = require("./lazyLoadDecorator");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+/** props 和 state 改变时才会render */
+function shouldUpdate() {
+  return function (target, name, descriptor) {
+    var fn = descriptor.value;
+
+    descriptor.value = function (nextProps, nextState) {
+      var nowPropsJson = JSON.stringify(nextProps);
+      var nowStateJson = JSON.stringify(nextState);
+      var should1 = nowPropsJson != this.preProps;
+      var should2 = nowStateJson != this.preState;
+      this.preProps = nowPropsJson;
+      this.preState = nowStateJson;
+      var result = should1 || should2;
+      return result && fn.apply(this, {
+        nextProps: nextProps
+      });
+    };
+  };
+}

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

@@ -93,6 +93,10 @@ function (_super) {
     return _this;
   }
 
+  Button.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
   Button.prototype.render = function () {
     var _this = this;
 
@@ -168,6 +172,9 @@ function (_super) {
     className: '',
     readonly: false
   };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Button.prototype, "shouldComponentUpdate", null);
+
   Button = __decorate([_decorator.metaDecorator], Button);
   return Button;
 }(_react.Component);

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

@@ -203,6 +203,10 @@ function (_super) {
     });
   };
 
+  Text.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
   Text.prototype.render = function () {
     var _a = this.props,
         data = _a.data,
@@ -272,6 +276,9 @@ function (_super) {
     readonly: false,
     onTextInput: function onTextInput() {}
   };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Text.prototype, "shouldComponentUpdate", null);
+
   Text = __decorate([_decorator.metaDecorator], Text);
   return Text;
 }(_react["default"].Component);

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

@@ -11,6 +11,8 @@ var _antd = require("antd");
 
 require("./index.less");
 
+var _lodash = require("lodash");
+
 var _locale = require("../../../locale");
 
 var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/common/config-panels/SpacingConfig"));
@@ -104,11 +106,11 @@ function (_super) {
 
       _this.updateAttr(data, 'hover', {
         open: true,
-        buttonBorder: data.buttonBorder,
-        buttonIcon: data.buttonIcon,
-        buttonText: data.buttonText,
+        buttonBorder: (0, _lodash.cloneDeep)(data.buttonBorder),
+        buttonIcon: (0, _lodash.cloneDeep)(data.buttonIcon),
+        buttonText: (0, _lodash.cloneDeep)(data.buttonText),
         content: {
-          backgroundColor: data.content.backgroundColor
+          backgroundColor: (0, _lodash.cloneDeep)(data.content.backgroundColor)
         }
       }); // console.log('--ffd, button hover first click', data);
 
@@ -162,7 +164,7 @@ function (_super) {
 
     var fontSizeKey = window.magicDesign.device == 'pc' ? 'pcFontSize' : 'fontSize';
 
-    var ButtonTextSetting = function ButtonTextSetting(data) {
+    var ButtonTextSetting = function ButtonTextSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_STYLE')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
@@ -171,24 +173,24 @@ function (_super) {
             return t.key == v;
           });
 
-          _extends(data, __assign(__assign({}, findOne), {
+          _extends(_data, __assign(__assign({}, findOne), {
             sizeType: findOne === null || findOne === void 0 ? void 0 : findOne.key
           }));
 
           _this.selfRender();
         },
-        value: data.sizeType
+        value: _data.sizeType
       }, _TextConfig.sizeTypeList.map(function (sizeType) {
         return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
           value: sizeType.key
         }, sizeType.key);
-      }))), data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }))), _data.sizeType == 'Customize font styles' && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_FAMILY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontFamily', v);
+          _this.updateAttr(_data, 'fontFamily', v);
         },
-        value: data.fontFamily
+        value: _data.fontFamily
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "Montserrat"
       }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -197,9 +199,9 @@ function (_super) {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
-          _this.updateAttr(data, 'fontWeight', v);
+          _this.updateAttr(_data, 'fontWeight', v);
         },
-        value: data.fontWeight
+        value: _data.fontWeight
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: 400
       }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
@@ -210,34 +212,34 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, fontSizeKey, count);
+          _this.updateAttr(_data, fontSizeKey, count);
         },
         unit: "px",
         value: {
-          count: data[fontSizeKey]
+          count: _data[fontSizeKey]
         }
       }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: ""
       }, /*#__PURE__*/_react["default"].createElement(_common.FontStyles, {
         onChange: function onChange(value) {
-          _extends(data, value);
+          _extends(_data, value);
 
           _this.selfRender();
         },
-        value: data
+        value: _data
       })));
     };
 
-    var ButtonBorderSetting = function ButtonBorderSetting(data) {
+    var ButtonBorderSetting = function ButtonBorderSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         split: true,
         title: (0, _locale.i18n)('BORDER_COLOR')
       }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
         colorType: "rgba",
         onChange: function onChange(value) {
-          _this.updateAttr(data, 'borderColor', value);
+          _this.updateAttr(_data, 'borderColor', value);
         },
-        value: data.borderColor
+        value: _data.borderColor
       })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('BORDER_RADIUS')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
@@ -245,15 +247,15 @@ function (_super) {
         onChange: function onChange(_a) {
           var count = _a.count;
 
-          _this.updateAttr(data, 'borderRadius', count);
+          _this.updateAttr(_data, 'borderRadius', count);
         },
         value: {
-          count: data.borderRadius
+          count: _data.borderRadius
         }
       })));
     };
 
-    var ButtonIconSetting = function ButtonIconSetting(data) {
+    var ButtonIconSetting = function ButtonIconSetting(_data) {
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON')
       }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
@@ -262,18 +264,18 @@ function (_super) {
         },
         onClick: function onClick() {
           _this.setState({
-            isHover: data == _this.props.data.hover.buttonIcon
+            isHover: _data == _this.props._data.hover.buttonIcon
           });
         },
-        value: data.iconUrl
-      })), data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        value: _data.iconUrl
+      })), _data.iconUrl && /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('ICON_PLACEMENT')
       }, /*#__PURE__*/_react["default"].createElement(_common.ButtonIconLayout, {
-        icon: data.iconUrl,
+        icon: _data.iconUrl,
         onChange: function onChange(value) {
-          return _this.updateAttr(data, 'layout', value);
+          return _this.updateAttr(_data, 'layout', value);
         },
-        value: data.layout
+        value: _data.layout
       })));
     };
 

package/lib/utils/commonUtil.js

@@ -776,7 +776,7 @@ var pxToRem = function pxToRem(styleObj) {
       if (typeof value === 'string' && value.endsWith('px')) {
         remObj[key] = convertToRem(value.split('px')[0]);
       } else if (typeof value === 'number') {
-        remObj[key] = ['opacity', 'lineHeight', 'zIndex'].includes(key) ? value : convertToRem(value);
+        remObj[key] = ['opacity', 'lineHeight', 'zIndex', 'fontWeight'].includes(key) ? value : convertToRem(value);
       } else if ((key === 'padding' || key === 'margin') && typeof value === 'string') {
         var paddingValues = value.split(' ');
         var remPaddingValues = paddingValues.map(function (paddingValue) {

package/lib/utils/currencyUtil.js

@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 /* eslint-disable */
 var precision = (0, _commonUtil.ensure)(function () {
-  return window.ecommerce.precision;
+  return window.systemParams.precision;
 }, '0'); // 千分位展示
 
 var addSeparators = function addSeparators(nStr, thousandsSep, decimalSep) {
@@ -42,7 +42,7 @@ exports.addSeparators = addSeparators;
 
 var getPricePrefix = function getPricePrefix() {
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   return pricePrefix;
 };
@@ -51,7 +51,7 @@ exports.getPricePrefix = getPricePrefix;
 
 var getPrecision = function getPrecision() {
   var ret = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   return Number(ret);
 }; // 格式化金额
@@ -61,13 +61,13 @@ exports.getPrecision = getPrecision;
 
 var formatCurrency = function formatCurrency(num) {
   var displayPrecision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.displayCurrencyPrecision;
+    return window.systemParams.displayCurrencyPrecision;
   }, '0');
   var precision = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.precision;
+    return window.systemParams.precision;
   }, '0');
   var pricePrefix = (0, _commonUtil.ensure)(function () {
-    return window.ecommerce.prefix;
+    return window.systemParams.prefix;
   }, 'Rp');
   var numVal = num;
 
@@ -162,7 +162,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     precision = Number(customPrecision);
   } else {
     precision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.precision;
+      return window.systemParams.precision;
     }, '0');
   }
 
@@ -180,7 +180,7 @@ var currencyToFont = function currencyToFont(value, customPrecision, customDispl
     displayPrecision = Number(customDisplayPrecision);
   } else {
     displayPrecision = (0, _commonUtil.ensure)(function () {
-      return window.ecommerce.displayCurrencyPrecision;
+      return window.systemParams.displayCurrencyPrecision;
     }, 'Rp');
   }
 

package/package.json

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