@fonixtree/magic-design 0.1.62 → 0.1.65

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

@@ -71,15 +71,17 @@ function (_super) {
   }
 
   Video.prototype.componentWillMount = function () {
-    // 兼容新开发的功能： video新增播放按钮 的设置
+    console.log('--video WillMount'); // 兼容新开发的功能： video新增播放按钮 的设置
+
     var nodeData = this.props.nodeData;
 
     if (nodeData.groupSource && nodeData.groupSource.length > 0) {
       nodeData.groupSource.forEach(function (group) {
         if (!group.playIcon) {
+          console.log('--video add group.playIcon ');
           group.playIcon = {
             open: true,
-            parentId: nodeData.id,
+            parentId: group.id,
             id: (0, _uuid.v4)(),
             type: 'PLAY',
             size: 48,

package/es/composite-comp/bol/components/Video/pc/Layout1/index.js

@@ -117,7 +117,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-pc-layout1-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", null, data.groupSource.map(function (group) {
-      var _a, _b;
+      var _a, _b, _c, _d, _e;
       /** 当前是否在播放 */
 
 
@@ -150,14 +150,14 @@ function (_super) {
         }),
         play: (_b = _this.videoRefMap[group.id]) === null || _b === void 0 ? void 0 : _b.playing,
         videoId: group.id
-      }), !isPlaying && group.video.playButton == 'Middle' && group.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
+      }), !isPlaying && group.video.playButton == 'Middle' && ((_c = group === null || group === void 0 ? void 0 : group.playIcon) === null || _c === void 0 ? void 0 : _c.open) && /*#__PURE__*/_react["default"].createElement("div", {
         className: "play-btn center",
         onClick: function onClick() {
           _this.playOrPause(group);
         }
       }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: group.playIcon.iconType,
-        imgWidth: group.playIcon.pcSize
+        imgName: (_d = group === null || group === void 0 ? void 0 : group.playIcon) === null || _d === void 0 ? void 0 : _d.iconType,
+        imgWidth: (_e = group === null || group === void 0 ? void 0 : group.playIcon) === null || _e === void 0 ? void 0 : _e.pcSize
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         customize: data.customize,
         data: group,

package/es/composite-comp/bol/components/Video/pc/Layout2/index.js

@@ -108,6 +108,8 @@ function (_super) {
   Layout2.prototype.render = function () {
     var _this = this;
 
+    var _a;
+
     var data = this.props.data;
     var GAData = {
       moduleId: data.id,
@@ -152,7 +154,7 @@ function (_super) {
       }),
       play: isFirstGroupPlaying,
       videoId: firstGroup.id
-    }), !isFirstGroupPlaying && firstGroup.video.playButton == 'Middle' && firstGroup.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }), !isFirstGroupPlaying && firstGroup.video.playButton == 'Middle' && ((_a = firstGroup === null || firstGroup === void 0 ? void 0 : firstGroup.playIcon) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "play-btn center",
       onClick: function onClick() {
         _this.playOrPause(firstGroup);

package/es/core/Designer/index.js

@@ -615,6 +615,7 @@ function (_super) {
         config = props.config,
         outputType = props.outputType,
         locale = props.locale;
+    (0, _commonUtil.compatibleNewPageData)(pageData);
     var MPageData = pageData.childNodes || [];
     _this.configRef = /*#__PURE__*/_react["default"].createRef(); // this.viewAreaRef = React.createRef();
 

package/es/meta-comp/config-panels/PlayIconConfig/PlaySvg/index.js

@@ -5,192 +5,57 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = PlaySvg;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _darkPlayicon = _interopRequireDefault(require("./images/dark-playicon-01.svg"));
 
-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); }
+var _darkPlayicon2 = _interopRequireDefault(require("./images/dark-playicon-02.svg"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _darkPlayicon3 = _interopRequireDefault(require("./images/dark-playicon-03.svg"));
 
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
+var _darkPlayicon4 = _interopRequireDefault(require("./images/dark-playicon-04.svg"));
 
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
+var _darkPlayicon5 = _interopRequireDefault(require("./images/dark-playicon-05.svg"));
 
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
+var _lightPlayicon = _interopRequireDefault(require("./images/light-playicon-01.svg"));
 
-          case 7:
-            op = _.ops.pop();
+var _lightPlayicon2 = _interopRequireDefault(require("./images/light-playicon-02.svg"));
 
-            _.trys.pop();
+var _lightPlayicon3 = _interopRequireDefault(require("./images/light-playicon-03.svg"));
 
-            continue;
+var _lightPlayicon4 = _interopRequireDefault(require("./images/light-playicon-04.svg"));
 
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
+var _lightPlayicon5 = _interopRequireDefault(require("./images/light-playicon-05.svg"));
 
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
+var imageSrcMap = {
+  'light-playicon-01': _lightPlayicon["default"],
+  'light-playicon-02': _lightPlayicon2["default"],
+  'light-playicon-03': _lightPlayicon3["default"],
+  'light-playicon-04': _lightPlayicon4["default"],
+  'light-playicon-05': _lightPlayicon5["default"],
+  'dark-playicon-01': _darkPlayicon["default"],
+  'dark-playicon-02': _darkPlayicon2["default"],
+  'dark-playicon-03': _darkPlayicon3["default"],
+  'dark-playicon-04': _darkPlayicon4["default"],
+  'dark-playicon-05': _darkPlayicon5["default"]
 };
 
 function PlaySvg(props) {
-  var _this = this;
-
-  var _a = (0, _react.useState)(null),
-      imgSrc = _a[0],
-      setImgSrc = _a[1];
-
-  var getImageUrl = function getImageUrl() {
-    return __awaiter(_this, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , Promise.resolve("".concat("./images/" + props.imgName + ".svg")).then(function (s) {
-              return _interopRequireWildcard(require(s));
-            })];
-
-          case 1:
-            return [2
-            /*return*/
-            , _a.sent()];
-        }
-      });
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    getImageUrl().then(function (v) {
-      setImgSrc(v["default"]);
-    });
-  });
+  // const [imgSrc, setImgSrc] = useState(null);
+  // const getImageUrl = async () => {
+  //   console.log('-- imagePath', imageSrcMap[props.imgName]);
+  //   return await import(`./images/${props.imgName}.svg`);
+  // };
+  // useEffect(() => {
+  //   getImageUrl().then(v => {
+  //     setImgSrc(v.default);
+  //   });
+  // });
   return /*#__PURE__*/_react["default"].createElement("img", {
     alt: "icon",
-    src: imgSrc,
+    src: imageSrcMap[props.imgName],
     style: {
       width: props.imgWidth
     }

package/es/utils/commonUtil.js

@@ -7,6 +7,7 @@ exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
 exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
 exports.commonFetch = commonFetch;
+exports.compatibleNewPageData = void 0;
 exports.convertImageUrl = convertImageUrl;
 exports.convertToRem = void 0;
 exports.copy2ClipBoard = copy2ClipBoard;
@@ -28,6 +29,8 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _lodash = require("lodash");
 
+var _uuid = require("uuid");
+
 var _qs = _interopRequireDefault(require("qs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -767,5 +770,36 @@ var pxToRem = function pxToRem(styleObj) {
 
   return remObj;
 };
+/**
+ * 处理新老数据兼容问题
+ * @param pageData 大JSON
+ */
+
+
+exports.pxToRem = pxToRem;
+
+var compatibleNewPageData = function compatibleNewPageData(pageData) {
+  pageData.childNodes.forEach(function (child) {
+    // 兼容新开发的功能： video新增播放按钮 的设置
+    if (child.type === 'VIDEO') {
+      console.log('--compatibleNewPageData -- video ');
+      child.groupSource.forEach(function (group) {
+        if (!group.playIcon) {
+          console.log('--compatibleNewPageData -- video add group.playIcon ');
+          group.playIcon = {
+            open: true,
+            parentId: group.id,
+            id: (0, _uuid.v4)(),
+            type: 'PLAY',
+            size: 48,
+            pcSize: 60,
+            iconType: 'light-playicon-01',
+            iconColor: 'Light'
+          };
+        }
+      });
+    }
+  });
+};
 
-exports.pxToRem = pxToRem;
+exports.compatibleNewPageData = compatibleNewPageData;

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

@@ -71,15 +71,17 @@ function (_super) {
   }
 
   Video.prototype.componentWillMount = function () {
-    // 兼容新开发的功能： video新增播放按钮 的设置
+    console.log('--video WillMount'); // 兼容新开发的功能： video新增播放按钮 的设置
+
     var nodeData = this.props.nodeData;
 
     if (nodeData.groupSource && nodeData.groupSource.length > 0) {
       nodeData.groupSource.forEach(function (group) {
         if (!group.playIcon) {
+          console.log('--video add group.playIcon ');
           group.playIcon = {
             open: true,
-            parentId: nodeData.id,
+            parentId: group.id,
             id: (0, _uuid.v4)(),
             type: 'PLAY',
             size: 48,

package/lib/composite-comp/bol/components/Video/pc/Layout1/index.js

@@ -117,7 +117,7 @@ function (_super) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-pc-layout1-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", null, data.groupSource.map(function (group) {
-      var _a, _b;
+      var _a, _b, _c, _d, _e;
       /** 当前是否在播放 */
 
 
@@ -150,14 +150,14 @@ function (_super) {
         }),
         play: (_b = _this.videoRefMap[group.id]) === null || _b === void 0 ? void 0 : _b.playing,
         videoId: group.id
-      }), !isPlaying && group.video.playButton == 'Middle' && group.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
+      }), !isPlaying && group.video.playButton == 'Middle' && ((_c = group === null || group === void 0 ? void 0 : group.playIcon) === null || _c === void 0 ? void 0 : _c.open) && /*#__PURE__*/_react["default"].createElement("div", {
         className: "play-btn center",
         onClick: function onClick() {
           _this.playOrPause(group);
         }
       }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: group.playIcon.iconType,
-        imgWidth: group.playIcon.pcSize
+        imgName: (_d = group === null || group === void 0 ? void 0 : group.playIcon) === null || _d === void 0 ? void 0 : _d.iconType,
+        imgWidth: (_e = group === null || group === void 0 ? void 0 : group.playIcon) === null || _e === void 0 ? void 0 : _e.pcSize
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         customize: data.customize,
         data: group,

package/lib/composite-comp/bol/components/Video/pc/Layout2/index.js

@@ -108,6 +108,8 @@ function (_super) {
   Layout2.prototype.render = function () {
     var _this = this;
 
+    var _a;
+
     var data = this.props.data;
     var GAData = {
       moduleId: data.id,
@@ -152,7 +154,7 @@ function (_super) {
       }),
       play: isFirstGroupPlaying,
       videoId: firstGroup.id
-    }), !isFirstGroupPlaying && firstGroup.video.playButton == 'Middle' && firstGroup.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }), !isFirstGroupPlaying && firstGroup.video.playButton == 'Middle' && ((_a = firstGroup === null || firstGroup === void 0 ? void 0 : firstGroup.playIcon) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "play-btn center",
       onClick: function onClick() {
         _this.playOrPause(firstGroup);

package/lib/core/Designer/index.js

@@ -615,6 +615,7 @@ function (_super) {
         config = props.config,
         outputType = props.outputType,
         locale = props.locale;
+    (0, _commonUtil.compatibleNewPageData)(pageData);
     var MPageData = pageData.childNodes || [];
     _this.configRef = /*#__PURE__*/_react["default"].createRef(); // this.viewAreaRef = React.createRef();
 

package/lib/meta-comp/config-panels/PlayIconConfig/PlaySvg/index.js

@@ -5,192 +5,57 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = PlaySvg;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _darkPlayicon = _interopRequireDefault(require("./images/dark-playicon-01.svg"));
 
-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); }
+var _darkPlayicon2 = _interopRequireDefault(require("./images/dark-playicon-02.svg"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _darkPlayicon3 = _interopRequireDefault(require("./images/dark-playicon-03.svg"));
 
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
+var _darkPlayicon4 = _interopRequireDefault(require("./images/dark-playicon-04.svg"));
 
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
+var _darkPlayicon5 = _interopRequireDefault(require("./images/dark-playicon-05.svg"));
 
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
+var _lightPlayicon = _interopRequireDefault(require("./images/light-playicon-01.svg"));
 
-          case 7:
-            op = _.ops.pop();
+var _lightPlayicon2 = _interopRequireDefault(require("./images/light-playicon-02.svg"));
 
-            _.trys.pop();
+var _lightPlayicon3 = _interopRequireDefault(require("./images/light-playicon-03.svg"));
 
-            continue;
+var _lightPlayicon4 = _interopRequireDefault(require("./images/light-playicon-04.svg"));
 
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
+var _lightPlayicon5 = _interopRequireDefault(require("./images/light-playicon-05.svg"));
 
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
+var imageSrcMap = {
+  'light-playicon-01': _lightPlayicon["default"],
+  'light-playicon-02': _lightPlayicon2["default"],
+  'light-playicon-03': _lightPlayicon3["default"],
+  'light-playicon-04': _lightPlayicon4["default"],
+  'light-playicon-05': _lightPlayicon5["default"],
+  'dark-playicon-01': _darkPlayicon["default"],
+  'dark-playicon-02': _darkPlayicon2["default"],
+  'dark-playicon-03': _darkPlayicon3["default"],
+  'dark-playicon-04': _darkPlayicon4["default"],
+  'dark-playicon-05': _darkPlayicon5["default"]
 };
 
 function PlaySvg(props) {
-  var _this = this;
-
-  var _a = (0, _react.useState)(null),
-      imgSrc = _a[0],
-      setImgSrc = _a[1];
-
-  var getImageUrl = function getImageUrl() {
-    return __awaiter(_this, void 0, void 0, function () {
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            return [4
-            /*yield*/
-            , Promise.resolve("".concat("./images/" + props.imgName + ".svg")).then(function (s) {
-              return _interopRequireWildcard(require(s));
-            })];
-
-          case 1:
-            return [2
-            /*return*/
-            , _a.sent()];
-        }
-      });
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    getImageUrl().then(function (v) {
-      setImgSrc(v["default"]);
-    });
-  });
+  // const [imgSrc, setImgSrc] = useState(null);
+  // const getImageUrl = async () => {
+  //   console.log('-- imagePath', imageSrcMap[props.imgName]);
+  //   return await import(`./images/${props.imgName}.svg`);
+  // };
+  // useEffect(() => {
+  //   getImageUrl().then(v => {
+  //     setImgSrc(v.default);
+  //   });
+  // });
   return /*#__PURE__*/_react["default"].createElement("img", {
     alt: "icon",
-    src: imgSrc,
+    src: imageSrcMap[props.imgName],
     style: {
       width: props.imgWidth
     }

package/lib/utils/commonUtil.js

@@ -7,6 +7,7 @@ exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
 exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
 exports.commonFetch = commonFetch;
+exports.compatibleNewPageData = void 0;
 exports.convertImageUrl = convertImageUrl;
 exports.convertToRem = void 0;
 exports.copy2ClipBoard = copy2ClipBoard;
@@ -28,6 +29,8 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _lodash = require("lodash");
 
+var _uuid = require("uuid");
+
 var _qs = _interopRequireDefault(require("qs"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -767,5 +770,36 @@ var pxToRem = function pxToRem(styleObj) {
 
   return remObj;
 };
+/**
+ * 处理新老数据兼容问题
+ * @param pageData 大JSON
+ */
+
+
+exports.pxToRem = pxToRem;
+
+var compatibleNewPageData = function compatibleNewPageData(pageData) {
+  pageData.childNodes.forEach(function (child) {
+    // 兼容新开发的功能： video新增播放按钮 的设置
+    if (child.type === 'VIDEO') {
+      console.log('--compatibleNewPageData -- video ');
+      child.groupSource.forEach(function (group) {
+        if (!group.playIcon) {
+          console.log('--compatibleNewPageData -- video add group.playIcon ');
+          group.playIcon = {
+            open: true,
+            parentId: group.id,
+            id: (0, _uuid.v4)(),
+            type: 'PLAY',
+            size: 48,
+            pcSize: 60,
+            iconType: 'light-playicon-01',
+            iconColor: 'Light'
+          };
+        }
+      });
+    }
+  });
+};
 
-exports.pxToRem = pxToRem;
+exports.compatibleNewPageData = compatibleNewPageData;

package/package.json

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