@fonixtree/magic-design 1.0.165 → 1.0.167

package/es/assets/less/font.less

@@ -67,4 +67,33 @@
   font-weight: 600;
   font-style: normal;
   font-display: swap;
+}
+
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Medium.ttf');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-DemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
 }

package/es/composite-comp/bol/config-panels/NewsletterConfig/InputField/index.js

@@ -19,6 +19,8 @@ var _TextConfig = require("../../../../../meta-comp/config-panels/TextConfig");
 
 var _locale = require("../../../../../locale");
 
+var _constants = require("../../../../../constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -136,11 +138,12 @@ function (_super) {
         _this.selfRender();
       },
       value: textData.fontFamily
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "Montserrat"
-    }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "Open Sans"
-    }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, _constants.fontFamilyList.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        label: v.name,
+        value: v.value
+      }, v.name);
+    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_WEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
@@ -149,11 +152,12 @@ function (_super) {
         _this.selfRender();
       },
       value: textData.fontWeight
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: 400
-    }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: 600
-    }, (0, _locale.i18n)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, _constants.fontWeightList.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        label: v.name,
+        value: v.value
+      }, v.name);
+    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_SIZE')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       onChange: function onChange(_a) {

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

@@ -24,7 +24,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
       },
       buttonText: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 14,
         fontStyle: 'normal',
@@ -84,7 +83,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
       text: 'title',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 700,
         pcFontSize: 29,
         color: '#232F46',
@@ -106,7 +104,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
       text: 'text',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 14,
         color: '#232F46',
@@ -131,7 +128,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
       },
       buttonText: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 14,
         fontStyle: 'normal',
@@ -174,7 +170,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
       },
       buttonText: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 14,
         fontStyle: 'normal',
@@ -219,7 +214,6 @@ var groupSourceJSON = function groupSourceJSON(parentId, text) {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
           fontWeight: 700,
           pcFontSize: 14,
           fontStyle: 'normal',
@@ -270,7 +264,6 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'Headline',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
           fontWeight: 700,
           pcFontSize: 29,
           color: '#232F46',

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

@@ -48,7 +48,6 @@ var groupSourceJSON = function groupSourceJSON() {
       text: 'MAY 2024',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 16,
         textAlign: 'left',
@@ -70,7 +69,6 @@ var groupSourceJSON = function groupSourceJSON() {
       text: '7 Work-From-Home Jobs That Benefit From a SG a Internet Connection. 7 Work-From-Home Jobs That Benefit From a SG a Internet Connection',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 16,
         textAlign: 'left',
@@ -103,7 +101,6 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'News and Blogs',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
           fontWeight: 600,
           pcFontSize: 26,
           color: '#232F46',
@@ -128,7 +125,6 @@ var getDefaultJSON = function getDefaultJSON() {
         text: 'STAY UPDATED WITH OUR LATEST POSTS',
         content: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
           fontWeight: 600,
           pcFontSize: 14,
           color: '#232F46',

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

@@ -278,17 +278,34 @@ var LAYOUT_IMAGE_SIZE = {
  */
 
 var insertArrayRandomly = function insertArrayRandomly(arr1, arr2) {
-  // 创建一个复制的第一个数组，以免修改原数组
+  if (arr1.length < 1) {
+    return [];
+  }
+
+  if (arr1.length < 2) {
+    return __spreadArrays(arr1, arr2);
+  }
+
+  if (arr1.length === 2) {
+    return __spreadArrays([arr1[0]], arr2, [arr1[1]]);
+  }
+
+  if (arr1.length === 3) {
+    return __spreadArrays([arr1[0]], arr2, arr1.splice(1));
+  } // 创建一个复制的第一个数组，以免修改原数组
+
+
   var result = __spreadArrays(arr1); // 记录已插入元素的位置
 
 
   var insertedIndices = [];
 
   var _loop_1 = function _loop_1(i) {
-    var randomIndex; // 确保生成的随机索引与已插入的索引相隔至少两个位置
+    var randomIndex; // 确保生成的随机索引不在首尾，并且与已插入的索引相隔至少两个位置
 
     do {
-      randomIndex = Math.floor(Math.random() * (result.length + 1)); // eslint-disable-next-line no-loop-func
+      randomIndex = Math.floor(Math.random() * (result.length - 2)) + 1; // 1 到 result.length - 2
+      // eslint-disable-next-line no-loop-func
     } while (insertedIndices.some(function (index) {
       return Math.abs(index - randomIndex) < 2;
     })); // 在随机位置插入第二个数组的元素
@@ -308,10 +325,12 @@ var insertArrayRandomly = function insertArrayRandomly(arr1, arr2) {
   return result;
 };
 
-var getRandomItemsAndRemove = function getRandomItemsAndRemove(arr, count) {
+var getRandomItemsAndRemove = function getRandomItemsAndRemove(arr, list) {
+  var _count = Math.ceil(list.length / 5);
+
   var result = []; // eslint-disable-next-line no-plusplus
 
-  for (var i = 0; i < count && arr.length > 0; i++) {
+  for (var i = 0; i < _count && arr.length > 0; i++) {
     var randomIndex = Math.floor(Math.random() * arr.length);
     result.push(arr.splice(randomIndex, 1)[0]);
   }
@@ -379,7 +398,7 @@ function (_super) {
 
     _this.getAdvertise = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var res;
+        var ad;
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
@@ -388,18 +407,16 @@ function (_super) {
               , (0, _commonUtil.commonFetch)('/designer/v1/h5/ad/today/valid/MagicDesignRecommendation/list', {}, 'GET')];
 
             case 1:
-              res = _a.sent();
+              ad = _a.sent();
 
-              if (res === null || res === void 0 ? void 0 : res.length) {
+              if (ad === null || ad === void 0 ? void 0 : ad.length) {
                 return [2
                 /*return*/
-                , res.map(function (it) {
-                  var _a, _b, _c;
-
+                , ad[0].advertiseContents.map(function (it) {
                   return {
                     type: 'ad',
-                    url: (_b = (_a = it === null || it === void 0 ? void 0 : it.advertiseContents) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url,
-                    adObj: (_c = it === null || it === void 0 ? void 0 : it.advertiseContents) === null || _c === void 0 ? void 0 : _c[0]
+                    url: it === null || it === void 0 ? void 0 : it.url,
+                    adObj: it
                   };
                 })];
               }
@@ -531,6 +548,9 @@ function (_super) {
               , 10];
 
             case 10:
+              if (!window.magicDesign.showRecommendAds) return [3
+              /*break*/
+              , 12];
               _h = this;
               return [4
               /*yield*/
@@ -538,9 +558,11 @@ function (_super) {
 
             case 11:
               _h.ads = _m.sent();
-              insertAds = getRandomItemsAndRemove(this.ads, 2);
+              insertAds = getRandomItemsAndRemove(this.ads, newData);
               newData = insertArrayRandomly(newData, insertAds);
+              _m.label = 12;
 
+            case 12:
               if (!(0, _coreUtil.isDesignMode)()) {
                 _cache = (0, _storeUtil.getMagicStore)("recommend_" + pageId + "_" + recommendId);
                 (0, _storeUtil.setMagicStore)("recommend_" + pageId + "_" + recommendId, __assign(__assign({}, _cache), (_k = {}, _k["products" + index] = newData, _k.endTime = Date.now() + 3 * 60 * 1000, _k)));

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

@@ -131,7 +131,6 @@ var getDefaultJSON = function getDefaultJSON() {
         },
         buttonText: {
           sizeType: 'Customize font styles',
-          fontFamily: 'Open Sans',
           fontWeight: 500,
           pcFontSize: 14,
           fontStyle: 'normal',

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

@@ -54,7 +54,6 @@ var groupSourceJSON = function groupSourceJSON(parentId) {
       text: 'Group Name',
       content: {
         sizeType: 'Customize font styles',
-        fontFamily: 'Open Sans',
         fontWeight: 600,
         pcFontSize: 22,
         color: '#232F46',

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

@@ -21,6 +21,8 @@ var _BaseConfig = _interopRequireDefault(require("../../../../../meta-comp/confi
 
 var _locale = require("../../../../../locale");
 
+var _constants = require("../../../../../constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -162,11 +164,12 @@ function (_super) {
         _this.selfRender();
       },
       value: textData.fontFamily
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "Montserrat"
-    }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "Open Sans"
-    }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, _constants.fontFamilyList.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        label: v.name,
+        value: v.value
+      }, v.name);
+    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_WEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
@@ -175,11 +178,12 @@ function (_super) {
         _this.selfRender();
       },
       value: textData.fontWeight
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: 400
-    }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: 600
-    }, (0, _locale.i18n)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, _constants.fontWeightList.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        label: v.name,
+        value: v.value
+      }, v.name);
+    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_SIZE')
     }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
       onChange: function onChange(_a) {

package/es/constants/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.walletType = exports.urlTypeMap = exports.urlType = exports.tempTypeMap = exports.respCodeMap = exports.quickMenuCode = exports.personalInfoType = exports.partyTypeMap = exports.orderStatusType = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.STORE_KEY = exports.STORAGE_KEY = exports.CREDIT_STATE = void 0;
+exports.walletType = exports.urlTypeMap = exports.urlType = exports.tempTypeMap = exports.respCodeMap = exports.quickMenuCode = exports.personalInfoType = exports.partyTypeMap = exports.orderStatusType = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.fontWeightList = exports.fontFamilyList = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.STORE_KEY = exports.STORAGE_KEY = exports.CREDIT_STATE = void 0;
 var STORAGE_KEY = {
   LOCALE: 'magicLocale',
   MAGIC_RENDER_HTML: 'MAGIC_RENDER_HTML',
@@ -60,6 +60,39 @@ var personalInfoType = {
   VIEWED: 'Recently Viewed'
 };
 exports.personalInfoType = personalInfoType;
+var fontFamilyList = [{
+  name: 'Montserrat',
+  value: 'Montserrat'
+}, {
+  name: 'Open Sans',
+  value: 'Open Sans'
+}, {
+  name: 'Avenir Next',
+  value: 'AvenirNext'
+}, {
+  name: 'Default',
+  value: ''
+}];
+exports.fontFamilyList = fontFamilyList;
+var fontWeightList = [{
+  name: 'Regular',
+  value: 400
+}, {
+  name: 'Medium',
+  value: 500
+}, {
+  name: 'Semibold',
+  value: 600
+}, {
+  name: 'Bold',
+  value: 700
+}]; // export const otherFontWeightList = [
+//   { name: i18n('REGULAR'), value: 400 },
+//   { name: i18n('SEMIBOLD'), value: 600 },
+//   { name: i18n('BOLD'), value: 700 },
+// ];
+
+exports.fontWeightList = fontWeightList;
 var urlType = {
   PRODUCT_DETAIL: 'proDetail',
   CATG_PROD_LIST: 'catg',

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fontWeightList = exports.fontSizeList = exports.fontFamilyList = exports["default"] = exports.OpenSansFontWeightList = void 0;
+exports.fontSizeList = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,6 +13,8 @@ var _ToolBtn = _interopRequireDefault(require("./ToolBtn"));
 
 var _coreUtil = require("../../../utils/coreUtil");
 
+var _constants = require("../../../constants");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -45,39 +47,6 @@ var __extends = void 0 && (void 0).__extends || function () {
 
 var fontSizeList = [12, 13, 14, 15, 16, 19, 22, 24, 29, 32, 40, 48];
 exports.fontSizeList = fontSizeList;
-var fontFamilyList = [{
-  name: 'Montserrat',
-  value: 'Montserrat'
-}, {
-  name: 'Open Sans',
-  value: 'OpenSans'
-}];
-exports.fontFamilyList = fontFamilyList;
-var fontWeightList = [{
-  name: 'Regular',
-  value: '400'
-}, {
-  name: 'Medium',
-  value: '500'
-}, {
-  name: 'Semibold',
-  value: '600'
-}, {
-  name: 'Bold',
-  value: '700'
-}];
-exports.fontWeightList = fontWeightList;
-var OpenSansFontWeightList = [{
-  name: 'Regular',
-  value: '400'
-}, {
-  name: 'Semibold',
-  value: '600'
-}, {
-  name: 'Bold',
-  value: '700'
-}];
-exports.OpenSansFontWeightList = OpenSansFontWeightList;
 
 var ToolBarModal =
 /** @class */
@@ -237,9 +206,6 @@ function (_super) {
     var _this = this;
 
     var quillFormat = this.state.quillFormat;
-
-    var _fontWeightList = quillFormat['font-family'] === 'OpenSans' ? OpenSansFontWeightList : fontWeightList;
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.toolBarRef,
       className: "toolbar-wrap"
@@ -257,7 +223,7 @@ function (_super) {
         width: '150px'
       },
       value: quillFormat['font-family']
-    }, fontFamilyList.map(function (v) {
+    }, _constants.fontFamilyList.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         label: v.name,
         value: v.value
@@ -274,7 +240,7 @@ function (_super) {
         width: '150px'
       },
       value: quillFormat['font-weight']
-    }, _fontWeightList.map(function (v) {
+    }, _constants.fontWeightList.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         label: v.name,
         value: v.value

package/es/core/Renderer/index.js

@@ -45,7 +45,8 @@ var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
       device = props.device,
       isPreview = props.isPreview,
-      projectCode = props.projectCode;
+      projectCode = props.projectCode,
+      showRecommendAds = props.showRecommendAds;
   window.magicDesign = __assign(__assign({
     pageBackground: '#f2f2f2',
     mode: 'renderer',
@@ -55,7 +56,8 @@ var setDesignConfig = function setDesignConfig(props) {
   }, config), {
     projectCode: projectCode,
     compSpacing: Number(config.compSpacing),
-    compWidth: Number(config.compWidth)
+    compWidth: Number(config.compWidth),
+    showRecommendAds: showRecommendAds
   });
 };
 /**

package/es/locale/en/en.json

@@ -1,5 +1,5 @@
 {
-  "COLLECT_VOUCHER_SUCCESS": "Collect voucher success!",
+  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "LOGIN_BUTTON": "Login Button",
   "SEARCH_ICON": "Search Icon",
   "NAVIGATION": "Navigation",

package/es/locale/es/es.json

@@ -1,5 +1,5 @@
 {
-  "COLLECT_VOUCHER_SUCCESS": "Collect voucher success!",
+  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "LOGIN_BUTTON": "Login Button",
   "SEARCH_ICON": "Search Icon",
   "NAVIGATION": "Navigation",

package/es/locale/id/id.json

@@ -1,5 +1,5 @@
 {
-  "COLLECT_VOUCHER_SUCCESS": "Collect voucher success!",
+  "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "LOGIN_BUTTON": "Login Button",
   "SEARCH_ICON": "Search Icon",
   "NAVIGATION": "Navigation",

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

@@ -21,6 +21,8 @@ var _common = require("../../../common");
 
 var _TextConfig = require("../TextConfig");
 
+var _constants = require("../../../constants");
+
 var _BaseConfig = _interopRequireDefault(require("../BaseConfig"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -191,22 +193,24 @@ function (_super) {
           _this.updateAttr(_data, 'fontFamily', v);
         },
         value: _data.fontFamily
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, _constants.fontFamilyList.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+          label: v.name,
+          value: v.value
+        }, v.name);
+      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
           _this.updateAttr(_data, 'fontWeight', v);
         },
         value: _data.fontWeight
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 400
-      }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 600
-      }, (0, _locale.i18n)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, _constants.fontWeightList.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+          label: v.name,
+          value: v.value
+        }, v.name);
+      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_SIZE')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         onChange: function onChange(_a) {

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

@@ -25,6 +25,8 @@ var _SpacingConfig = _interopRequireDefault(require("../../../composite-comp/com
 
 var _mobx = require("../../../mobx");
 
+var _constants = require("../../../constants");
+
 var _BaseConfig = _interopRequireDefault(require("../BaseConfig"));
 
 require("./index.less");
@@ -228,11 +230,12 @@ function (_super) {
           _this.selfRender();
         },
         value: textData.fontFamily
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: "Montserrat"
-      }, "Montserrat"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: "Open Sans"
-      }, "Open Sans"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, _constants.fontFamilyList.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+          label: v.name,
+          value: v.value
+        }, v.name);
+      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_WEIGHT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
@@ -241,15 +244,12 @@ function (_super) {
           _this.selfRender();
         },
         value: textData.fontWeight
-      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 400
-      }, (0, _locale.i18n)('REGULAR')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 500
-      }, (0, _locale.i18n)('MEDIUM')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 600
-      }, (0, _locale.i18n)('SEMIBOLD')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-        value: 700
-      }, (0, _locale.i18n)('BOLD')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, _constants.fontWeightList.map(function (v) {
+        return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+          label: v.name,
+          value: v.value
+        }, v.name);
+      }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_SIZE')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         onChange: function onChange(_a) {