@fonixtree/magic-design 0.1.68 → 0.1.70

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

@@ -49,22 +49,6 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
 var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -82,33 +66,21 @@ function (_super) {
 
   function Banner() {
     return _super !== null && _super.apply(this, arguments) || this;
-  }
+  } // componentWillMount() {
+  //   // 兼容新功能： 轮播的 dots 点 区分pc 移动
+  //   const { nodeData } = this.props;
+  //   if (!nodeData.setting.dots.color.pc || !nodeData.setting.dots.hoverColor.pc || !nodeData.setting.dots.size.pc) {
+  //     nodeData.setting.dots = { ...nodeData.setting.dots,
+  //       ...{
+  //         color: { pc: '#fff', mobile: '#fff' },
+  //         hoverColor: { pc: '#fff', mobile: '#fff' },
+  //         size: { pc: 16, mobile: 8 },
+  //         hoverSize: { pc: 16, mobile: 8 },
+  //       },
+  //     };
+  //   }
+  // }
 
-  Banner.prototype.componentWillMount = function () {
-    // 兼容新功能： 轮播的 dots 点 区分pc 移动
-    var nodeData = this.props.nodeData;
-
-    if (!nodeData.setting.dots.color.pc || !nodeData.setting.dots.hoverColor.pc || !nodeData.setting.dots.size.pc) {
-      nodeData.setting.dots = __assign(__assign({}, nodeData.setting.dots), {
-        color: {
-          pc: '#fff',
-          mobile: '#fff'
-        },
-        hoverColor: {
-          pc: '#fff',
-          mobile: '#fff'
-        },
-        size: {
-          pc: 16,
-          mobile: 8
-        },
-        hoverSize: {
-          pc: 16,
-          mobile: 8
-        }
-      });
-    }
-  };
 
   Banner.prototype.render = function () {
     var nodeData = this.props.nodeData; // console.log('---banner', nodeData);

package/es/core/Designer/index.js

@@ -643,12 +643,19 @@ function (_super) {
   }
 
   Designer.prototype.componentDidMount = function () {
-    var _this = this; // 复合组件点击事件
+    var _this = this;
+
+    var _a; // 复合组件点击事件
 
 
     window.document.addEventListener('component-click', this.componentClick); // 复合组件重新渲染事件
 
-    window.document.addEventListener('render-view', this.reRenderViewArea);
+    window.document.addEventListener('render-view', this.reRenderViewArea); // 兼容 旧组件新增 新功能的问题（本地）
+
+    if ((_a = this.props.pageData) === null || _a === void 0 ? void 0 : _a.childNodes) {
+      (0, _commonUtil.compatibleNewPageData)(this.props.pageData);
+    }
+
     this.destory = (0, _mobx.autorun)(function () {
       var stateObj = {
         imgGenVisible: _mobx.store.imgGenVisible
@@ -665,8 +672,7 @@ function (_super) {
   Designer.prototype.componentWillReceiveProps = function (nextProps) {
     var pageData = nextProps.pageData,
         config = nextProps.config;
-    var MPageData = pageData.childNodes || [];
-    console.log('componentWillReceiveProps-- pageData', pageData);
+    var MPageData = pageData.childNodes || []; // 兼容 旧组件新增 新功能的问题（线上）
 
     if (pageData === null || pageData === void 0 ? void 0 : pageData.childNodes) {
       (0, _commonUtil.compatibleNewPageData)(pageData);

package/es/locale/en/en.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

package/es/locale/es/es.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

package/es/locale/id/id.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

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

@@ -241,8 +241,12 @@ function (_super) {
       }, /*#__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)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('SEMIBOLD')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: 700
+      }, (0, _locale.i18n)('BOLD')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_SIZE')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         onChange: function onChange(_a) {

package/es/utils/commonUtil.js

@@ -35,6 +35,22 @@ var _qs = _interopRequireDefault(require("qs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -781,9 +797,33 @@ exports.pxToRem = pxToRem;
 var compatibleNewPageData = function compatibleNewPageData(pageData) {
   if (pageData.childNodes && pageData.childNodes.length > 0) {
     pageData.childNodes.forEach(function (child) {
-      // 兼容新开发的功能： video新增播放按钮 的设置
+      // 兼容新功能：banner 轮播的 dots 点 区分pc 移动
+      if (child.type === 'BANNER') {
+        if (!child.setting.dots.color.pc || !child.setting.dots.hoverColor.pc || !child.setting.dots.size.pc) {
+          child.setting.dots = __assign(__assign({}, child.setting.dots), {
+            color: {
+              pc: '#fff',
+              mobile: '#fff'
+            },
+            hoverColor: {
+              pc: '#fff',
+              mobile: '#fff'
+            },
+            size: {
+              pc: 16,
+              mobile: 8
+            },
+            hoverSize: {
+              pc: 16,
+              mobile: 8
+            }
+          });
+        }
+      } // 兼容新开发的功能： video新增播放按钮 的设置
+
+
       if (child.type === 'VIDEO') {
-        console.log('--compatibleNewPageData -- video ');
+        // console.log('--compatibleNewPageData -- video ');
         child.groupSource.forEach(function (group) {
           if (!group.playIcon) {
             group.playIcon = {
@@ -797,8 +837,7 @@ var compatibleNewPageData = function compatibleNewPageData(pageData) {
               iconColor: 'Light'
             };
           }
-        });
-        console.log('--compatibleNewPageData -- video add group.playIcon ', child.groupSource);
+        }); // console.log('--compatibleNewPageData -- video add group.playIcon ', child.groupSource);
       }
     });
   }

package/lib/composite-comp/bol/components/Banner/index.js

@@ -49,22 +49,6 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
 var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -82,33 +66,21 @@ function (_super) {
 
   function Banner() {
     return _super !== null && _super.apply(this, arguments) || this;
-  }
+  } // componentWillMount() {
+  //   // 兼容新功能： 轮播的 dots 点 区分pc 移动
+  //   const { nodeData } = this.props;
+  //   if (!nodeData.setting.dots.color.pc || !nodeData.setting.dots.hoverColor.pc || !nodeData.setting.dots.size.pc) {
+  //     nodeData.setting.dots = { ...nodeData.setting.dots,
+  //       ...{
+  //         color: { pc: '#fff', mobile: '#fff' },
+  //         hoverColor: { pc: '#fff', mobile: '#fff' },
+  //         size: { pc: 16, mobile: 8 },
+  //         hoverSize: { pc: 16, mobile: 8 },
+  //       },
+  //     };
+  //   }
+  // }
 
-  Banner.prototype.componentWillMount = function () {
-    // 兼容新功能： 轮播的 dots 点 区分pc 移动
-    var nodeData = this.props.nodeData;
-
-    if (!nodeData.setting.dots.color.pc || !nodeData.setting.dots.hoverColor.pc || !nodeData.setting.dots.size.pc) {
-      nodeData.setting.dots = __assign(__assign({}, nodeData.setting.dots), {
-        color: {
-          pc: '#fff',
-          mobile: '#fff'
-        },
-        hoverColor: {
-          pc: '#fff',
-          mobile: '#fff'
-        },
-        size: {
-          pc: 16,
-          mobile: 8
-        },
-        hoverSize: {
-          pc: 16,
-          mobile: 8
-        }
-      });
-    }
-  };
 
   Banner.prototype.render = function () {
     var nodeData = this.props.nodeData; // console.log('---banner', nodeData);

package/lib/core/Designer/index.js

@@ -643,12 +643,19 @@ function (_super) {
   }
 
   Designer.prototype.componentDidMount = function () {
-    var _this = this; // 复合组件点击事件
+    var _this = this;
+
+    var _a; // 复合组件点击事件
 
 
     window.document.addEventListener('component-click', this.componentClick); // 复合组件重新渲染事件
 
-    window.document.addEventListener('render-view', this.reRenderViewArea);
+    window.document.addEventListener('render-view', this.reRenderViewArea); // 兼容 旧组件新增 新功能的问题（本地）
+
+    if ((_a = this.props.pageData) === null || _a === void 0 ? void 0 : _a.childNodes) {
+      (0, _commonUtil.compatibleNewPageData)(this.props.pageData);
+    }
+
     this.destory = (0, _mobx.autorun)(function () {
       var stateObj = {
         imgGenVisible: _mobx.store.imgGenVisible
@@ -665,8 +672,7 @@ function (_super) {
   Designer.prototype.componentWillReceiveProps = function (nextProps) {
     var pageData = nextProps.pageData,
         config = nextProps.config;
-    var MPageData = pageData.childNodes || [];
-    console.log('componentWillReceiveProps-- pageData', pageData);
+    var MPageData = pageData.childNodes || []; // 兼容 旧组件新增 新功能的问题（线上）
 
     if (pageData === null || pageData === void 0 ? void 0 : pageData.childNodes) {
       (0, _commonUtil.compatibleNewPageData)(pageData);

package/lib/locale/en/en.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

package/lib/locale/es/es.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

package/lib/locale/id/id.json

@@ -1,4 +1,6 @@
 {
+  "BOLD": "Bold",
+  "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "AI_IMAGE": "AI Image",

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

@@ -241,8 +241,12 @@ function (_super) {
       }, /*#__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)('MEDIUM')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      }, (0, _locale.i18n)('SEMIBOLD')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: 700
+      }, (0, _locale.i18n)('BOLD')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('FONT_SIZE')
       }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
         onChange: function onChange(_a) {

package/lib/utils/commonUtil.js

@@ -35,6 +35,22 @@ var _qs = _interopRequireDefault(require("qs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -781,9 +797,33 @@ exports.pxToRem = pxToRem;
 var compatibleNewPageData = function compatibleNewPageData(pageData) {
   if (pageData.childNodes && pageData.childNodes.length > 0) {
     pageData.childNodes.forEach(function (child) {
-      // 兼容新开发的功能： video新增播放按钮 的设置
+      // 兼容新功能：banner 轮播的 dots 点 区分pc 移动
+      if (child.type === 'BANNER') {
+        if (!child.setting.dots.color.pc || !child.setting.dots.hoverColor.pc || !child.setting.dots.size.pc) {
+          child.setting.dots = __assign(__assign({}, child.setting.dots), {
+            color: {
+              pc: '#fff',
+              mobile: '#fff'
+            },
+            hoverColor: {
+              pc: '#fff',
+              mobile: '#fff'
+            },
+            size: {
+              pc: 16,
+              mobile: 8
+            },
+            hoverSize: {
+              pc: 16,
+              mobile: 8
+            }
+          });
+        }
+      } // 兼容新开发的功能： video新增播放按钮 的设置
+
+
       if (child.type === 'VIDEO') {
-        console.log('--compatibleNewPageData -- video ');
+        // console.log('--compatibleNewPageData -- video ');
         child.groupSource.forEach(function (group) {
           if (!group.playIcon) {
             group.playIcon = {
@@ -797,8 +837,7 @@ var compatibleNewPageData = function compatibleNewPageData(pageData) {
               iconColor: 'Light'
             };
           }
-        });
-        console.log('--compatibleNewPageData -- video add group.playIcon ', child.groupSource);
+        }); // console.log('--compatibleNewPageData -- video add group.playIcon ', child.groupSource);
       }
     });
   }

package/package.json

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