@fonixtree/magic-design 2.0.163 → 2.0.165

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

@@ -15,8 +15,6 @@ var _currencyUtil = require("../../../../utils/currencyUtil");
 
 var _common = require("../../../../common");
 
-var _ImageLabel = _interopRequireDefault(require("../ImageLabel"));
-
 var _components = require("../../../../meta-comp/components");
 
 var _locale = require("../../../../locale");
@@ -119,23 +117,22 @@ function (_super) {
   }
 
   ProductItem.prototype.render = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-
-    var _m = this.props,
-        data = _m.data,
-        panelProps = _m.panelProps,
-        onItemClick = _m.onItemClick,
-        showProName = _m.showProName,
-        showProgress = _m.showProgress,
-        intelligentType = _m.intelligentType,
-        fixHeight = _m.fixHeight,
-        layout = _m.layout,
-        imgHeight = _m.imgHeight,
-        imgWidth = _m.imgWidth,
-        showDiscountTag = _m.showDiscountTag,
-        isWill = _m.isWill,
-        rest = __rest(_m, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag", "isWill"]); // const promotions = getPromotionList(data);
-
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+
+    var _j = this.props,
+        data = _j.data,
+        panelProps = _j.panelProps,
+        onItemClick = _j.onItemClick,
+        showProName = _j.showProName,
+        showProgress = _j.showProgress,
+        intelligentType = _j.intelligentType,
+        fixHeight = _j.fixHeight,
+        layout = _j.layout,
+        imgHeight = _j.imgHeight,
+        imgWidth = _j.imgWidth,
+        showDiscountTag = _j.showDiscountTag,
+        isWill = _j.isWill,
+        rest = __rest(_j, ["data", "panelProps", "onItemClick", "showProName", "showProgress", "intelligentType", "fixHeight", "layout", "imgHeight", "imgWidth", "showDiscountTag", "isWill"]);
 
     var price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
     var oldPrice = null;
@@ -143,22 +140,12 @@ function (_super) {
     if (data.specialPrice !== null) {
       price = (0, _currencyUtil.formatCurrencyWithSymbol)(data.specialPrice);
       oldPrice = (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice);
-    } // const discount = Number(data.discountPercent) || 0;
-
+    }
 
     var salePercent = Number(data.salePercent) / 100 || 0;
     var imgStyle = {};
     if (imgWidth) imgStyle.width = imgWidth;
     if (imgHeight) imgStyle.height = imgHeight;
-    var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
-      return f.position !== '6' && f.position !== '7';
-    })) || [];
-    var prodLabels = ((_b = data.labels) === null || _b === void 0 ? void 0 : _b.filter(function (f) {
-      return f.position === '6';
-    })) || [];
-    var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
-      return f.position === '7';
-    })) || [];
     var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
     return /*#__PURE__*/_react["default"].createElement("div", _extends({
       className: (0, _classnames["default"])('monpay-product-item-wrap', {
@@ -178,10 +165,7 @@ function (_super) {
       lazy: true,
       src: (0, _commonUtil.convertImageUrl)(data.productImg || data.imgUrlContent || data.productImageUrlContent),
       style: imgStyle
-    }), /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
-      labels: imgLabels,
-      small: true
-    }), (((_d = panelProps.discount) === null || _d === void 0 ? void 0 : _d.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
+    }), (((_a = panelProps.discount) === null || _a === void 0 ? void 0 : _a.open) || showDiscountTag) && data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
       className: "discount-tag"
     }, isWill ? (0, _locale.i18n)('COMING_SOON') : data.discountPercent + "% " + (0, _locale.i18n)('OFF'))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "content-wrap"
@@ -189,10 +173,7 @@ function (_super) {
       className: "product-name-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "box"
-    }, prodLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
-      labels: prodLabels,
-      small: true
-    }), /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+    }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: __assign(__assign({}, panelProps.productName), {
         text: data.offerName
       }),
@@ -205,9 +186,6 @@ function (_super) {
         text: price
       }),
       readonly: true
-    }), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
-      labels: priceLabels,
-      small: true
     })), panelProps.salesPrice.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "price-sold-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -223,7 +201,7 @@ function (_super) {
       }
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "rate-sold-wrap"
-    }, ((_e = panelProps.evaluationScore) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, ((_b = panelProps.evaluationScore) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "evaluation-score"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       color: "#FF8650",
@@ -235,9 +213,9 @@ function (_super) {
         text: (0, _currencyUtil.numberToFixed)(Number(data.evaluationAvg), 1)
       }),
       readonly: true
-    })), ((_f = panelProps.evaluationScore) === null || _f === void 0 ? void 0 : _f.open) && ((_g = panelProps.sold) === null || _g === void 0 ? void 0 : _g.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    })), ((_c = panelProps.evaluationScore) === null || _c === void 0 ? void 0 : _c.open) && ((_d = panelProps.sold) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "line"
-    }), ((_h = panelProps.sold) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }), ((_e = panelProps.sold) === null || _e === void 0 ? void 0 : _e.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sold"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: __assign(__assign({}, panelProps.sold), {
@@ -260,15 +238,15 @@ function (_super) {
       }, renderDiscount(m).text));
     })), showProgress && /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress-wrap"
-    }, ((_j = panelProps.salesProgress) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, ((_f = panelProps.salesProgress) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress-container"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "progress",
       style: {
         width: salePercent + "%",
-        backgroundColor: (_k = panelProps.salesProgress) === null || _k === void 0 ? void 0 : _k.color
+        backgroundColor: (_g = panelProps.salesProgress) === null || _g === void 0 ? void 0 : _g.color
       }
-    })), ((_l = panelProps.stock) === null || _l === void 0 ? void 0 : _l.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    })), ((_h = panelProps.stock) === null || _h === void 0 ? void 0 : _h.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "text"
     }, data.saleNum || 0, "/", data.stockNum || 0, " ", (0, _locale.i18n)('STOCK')))));
   };

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

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'BARGAIN',
@@ -28,7 +33,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Refer and Bargain',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#FFFFFF'
@@ -54,7 +59,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           fontStyle: 'normal',
@@ -102,7 +107,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -142,7 +147,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 14,
           color: '#2C2C2C'
@@ -166,7 +171,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -190,7 +195,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: '',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#929292'

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

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.CommonFunctionsGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var CommonFunctionsGroupSourceJSON = function CommonFunctionsGroupSourceJSON(text, url) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var CommonFunctionsGroupSourceJSON = function CommonFunctionsGroupSourceJSON(tex
       text: text || 'Chat With Us',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 14,
         color: '#2C2C2C',

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

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'FLASH_DEAL',
@@ -28,7 +33,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#2C2C2C'
@@ -54,7 +59,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           fontStyle: 'normal',
@@ -106,7 +111,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -146,7 +151,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 14,
           color: '#2C2C2C'
@@ -170,7 +175,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -194,7 +199,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#929292'

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

@@ -7,8 +7,13 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var contentId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'GROUP_BUY',
@@ -21,7 +26,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 16,
           color: '#000'
@@ -47,7 +52,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 13,
           fontStyle: 'normal',
@@ -95,7 +100,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 8,
           fontStyle: 'normal',
@@ -129,7 +134,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 13,
           color: '#232F46'
@@ -153,7 +158,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 13,
           color: '#CE1126'
@@ -177,7 +182,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Group Buy',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#8493AF'

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

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.MobileNavGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var MobileNavGroupSourceJSON = function MobileNavGroupSourceJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     image: {
@@ -40,7 +45,7 @@ var MobileNavGroupSourceJSON = function MobileNavGroupSourceJSON() {
       text: 'name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 12,
         color: '#232F46',

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

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.OrdersGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var OrdersGroupSourceJSON = function OrdersGroupSourceJSON(text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var OrdersGroupSourceJSON = function OrdersGroupSourceJSON(text) {
       text: text || 'Name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         color: '#2C2C2C',

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

@@ -9,8 +9,13 @@ var _uuid = require("uuid");
 
 var _base = require("../../../../assets/images/base64");
 
+var _constants = require("../../../../constants");
+
 var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -22,7 +27,7 @@ var PcNavGroupSourceJSON = function PcNavGroupSourceJSON() {
       text: 'Navigation',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 16,
         pcFontSize: 16,
@@ -78,7 +83,7 @@ var getDefaultJSON = function getDefaultJSON() {
         iconUrl: _base.pcNavIcon,
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -91,7 +96,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -104,7 +109,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,
@@ -117,7 +122,7 @@ var getDefaultJSON = function getDefaultJSON() {
         specialContent: [],
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 400,
           fontSize: 16,
           pcFontSize: 16,

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

@@ -7,8 +7,13 @@ exports.getDefaultJSON = exports.PersonalInfoGroupSourceJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     title: {
@@ -20,7 +25,7 @@ var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
       text: text || 'Name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         color: '#fff',
@@ -43,7 +48,7 @@ var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
       text: 0,
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 600,
         fontSize: 18,
         color: '#fff',

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

@@ -7,10 +7,15 @@ exports.recommendGroupSourceJSON = exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo, text) {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
   var imageId = (0, _uuid.v4)();
   var groupNameId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     parentId: parentId,
@@ -43,7 +48,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
       text: text,
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 14,
         color: '#8493AF'
@@ -67,7 +72,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
       },
       buttonText: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
+        fontFamily: defaultFontFamily,
         fontWeight: 400,
         fontSize: 12,
         fontStyle: 'normal',
@@ -134,7 +139,7 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
         text: text,
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 14,
           color: '#CE1126'
@@ -153,7 +158,10 @@ var recommendGroupSourceJSON = function recommendGroupSourceJSON(parentId, logo,
 exports.recommendGroupSourceJSON = recommendGroupSourceJSON;
 
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
   var groupId = (0, _uuid.v4)();
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: groupId,
     type: 'RECOMMEND',
@@ -170,7 +178,7 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 8,
           fontStyle: 'normal',
@@ -209,7 +217,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#232F46'
@@ -232,7 +240,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 700,
           fontSize: 14,
           color: '#CE1126'
@@ -255,7 +263,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Flash Deal',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 500,
           fontSize: 10,
           color: '#8493AF'

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

@@ -7,7 +7,12 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'SEARCH',
@@ -50,7 +55,7 @@ var getDefaultJSON = function getDefaultJSON() {
         placeholder: 'Tshirt Woman',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 12,
           pcFontSize: 14,

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

@@ -7,7 +7,12 @@ exports.getDefaultJSON = void 0;
 
 var _uuid = require("uuid");
 
+var _constants = require("../../../../constants");
+
 var getDefaultJSON = function getDefaultJSON() {
+  var _a;
+
+  var defaultFontFamily = _constants.projectFontFamily[(_a = window.systemParams) === null || _a === void 0 ? void 0 : _a.projectCode] || 'Open Sans';
   return {
     id: (0, _uuid.v4)(),
     type: 'SIGN_BOARD',
@@ -39,7 +44,7 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Title',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
+          fontFamily: defaultFontFamily,
           fontWeight: 600,
           fontSize: 16,
           color: '#070707'
@@ -67,10 +72,6 @@ var getDefaultJSON = function getDefaultJSON() {
         marginBottom: window.magicDesign.compSpacing
       }
     },
-    // customize: {
-    //   layout: 'left',
-    //   align: 'left',
-    // },
     background: {
       opacity: 100,
       color: '#fff',