@fonixtree/magic-design 0.0.124 → 0.0.126

package/es/common/GroupList/index.js

@@ -148,7 +148,7 @@ function (_super) {
     var dragId = this.state.dragId;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "group_list"
-    }, source.length > 0 && source.map(function (src) {
+    }, source.length > 0 && source.map(function (src, index) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "card" + src.id,
         className: "group_item",
@@ -176,7 +176,7 @@ function (_super) {
         type: "icon-drag"
       }), /*#__PURE__*/_react["default"].createElement("span", {
         className: "middle_info ml8"
-      }, renderCard(src) || 'image name')), /*#__PURE__*/_react["default"].createElement("div", {
+      }, renderCard(src, index) || 'image name')), /*#__PURE__*/_react["default"].createElement("div", {
         className: "right"
       }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
         className: "icon_copy",

package/es/common/ImageModal/index.js

@@ -462,7 +462,7 @@ function ImageModal(_a) {
   };
 
   var onUpload = function onUpload(data) {
-    return fetch('/operation/v1/upload/contents', {
+    return fetch(window.magicDesign.MBaseUrl + "/upload/contents", {
       method: 'POST',
       body: data,
       headers: headers

package/es/common/ImgArea/components/Crop.js

@@ -89,6 +89,7 @@ function (_super) {
           onResize = _a.onResize,
           onChange = _a.onChange,
           onSave = _a.onSave;
+      console.log(e);
       var _c = e.rect,
           width = _c.width,
           height = _c.height;
@@ -96,8 +97,10 @@ function (_super) {
           left = _d.left,
           top = _d.top; // console.log(x, left, y, top);
       // if (x + left < 0 || y + top < 0 || x + left + width > 500 || y + top + height > 500) {
-      //   return;
-      // }
+
+      if (x + left < 0 || y + top < 0 || x + left + width > 600 || y + top + height > _this.props.maxHeight) {
+        return;
+      }
 
       var nextCoordinate = __assign(__assign({}, coordinate), {
         x: x + left,

package/es/common/ImgArea/components/MultiCrops.js

@@ -73,6 +73,7 @@ function (_super) {
 
     _this.drawingIndex = -1;
     _this.pointA = {};
+    _this.maxHeight = 100;
     _this.id = _shortid["default"].generate();
 
     _this.renderCrops = function (props) {
@@ -81,9 +82,11 @@ function (_super) {
         return /*#__PURE__*/_react["default"].createElement(_Crop["default"] // improve performance when delet crop in middle array
         , _extends({
           key: coor.id || index,
-          index: index,
-          coordinate: coor
-        }, props));
+          coordinate: coor,
+          index: index
+        }, props, {
+          maxHeight: _this.maxHeight
+        }));
       })(props.coordinates);
     };
 
@@ -150,6 +153,12 @@ function (_super) {
       _this.pointA = {};
     };
 
+    _this.imgOnLoad = function (e) {
+      _this.maxHeight = e.target.height || 100; // console.log(e.target.height);
+
+      _this.props.onLoad(e);
+    };
+
     return _this;
   }
 
@@ -159,31 +168,29 @@ function (_super) {
     var _a = this.props,
         src = _a.src,
         width = _a.width,
-        height = _a.height,
-        onLoad = _a.onLoad; // const { clicked } = this.state
-
+        height = _a.height;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'inline-block',
-        position: 'relative',
-        width: '600px'
+      ref: function ref(container) {
+        return _this.container = container;
       },
       onMouseDown: this.handleMouseDown,
       onMouseMove: this.handleMouseMove,
       onMouseUp: this.handlMouseUp,
-      ref: function ref(container) {
-        return _this.container = container;
+      style: {
+        display: 'inline-block',
+        position: 'relative',
+        width: '600px'
       }
     }, /*#__PURE__*/_react["default"].createElement("img", {
       ref: function ref(img) {
         return _this.img = img;
       },
-      src: src,
-      width: width,
-      height: height,
-      onLoad: onLoad,
       alt: "",
-      draggable: false
+      draggable: false,
+      height: height,
+      onLoad: this.imgOnLoad,
+      src: src,
+      width: width
     }), this.renderCrops(this.props));
   };
 

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

@@ -201,7 +201,8 @@ function CustomTable(props) {
       pageType: 'Customized',
       verType: 'Formal',
       configVersion: 'V2',
-      state: 'Using'
+      state: 'Using',
+      siteId: window.magicDesign.siteId
     });
   }, []);
   var columns = [{

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _Field = _interopRequireDefault(require("../../Field"));
+
+var _Iconfont = _interopRequireDefault(require("../../Iconfont"));
+
+var _VideoUpload = _interopRequireDefault(require("../../VideoUpload"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var debug = require('debug')('worker:AComponent');
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      ready: false
+    };
+    _this.search = {};
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _this = this;
+
+    var title = this.props.title;
+    var ready = this.state.ready;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "container"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "Select Video"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      title: "Select Video"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+      onChange: function onChange(v) {
+        _this.search.sourceType = v;
+
+        _this.reRender();
+      },
+      value: this.search.sourceType
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "Upload"
+    }, "Upload"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "URL"
+    }, "URL"))), this.search.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      title: "URL"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "input-url"
+    }, /*#__PURE__*/_react["default"].createElement("input", {
+      onChange: function onChange(e) {
+        _this.search.sourceUrl = e.target.value;
+
+        _this.reRender();
+      },
+      placeholder: i18n('PLEASE_ADD_A_LINK'),
+      type: "text",
+      value: this.search.sourceUrl
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "icon-btns"
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#FF4141",
+      onClick: function onClick() {
+        _this.search.sourceUrl = '';
+
+        _this.reRender();
+      },
+      size: "20px",
+      type: "icon-delete1"
+    })))), this.search.sourceType === 'Upload' && /*#__PURE__*/_react["default"].createElement(_VideoUpload["default"], {
+      onChange: function onChange(v) {
+        _this.search.sourceUrl = v;
+
+        _this.reRender();
+      },
+      value: this.search.sourceUrl
+    }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "Setting"), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      layout: "horizontal",
+      split: true,
+      title: "Progress bar"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+      checked: this.search.progressBar,
+      onChange: function onChange(v) {
+        _this.search.progressBar = v;
+
+        _this.reRender();
+      }
+    })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      layout: "horizontal",
+      split: true,
+      title: "Play in loop"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+      checked: this.search.loop,
+      onChange: function onChange(v) {
+        _this.search.loop = v;
+
+        _this.reRender();
+      }
+    })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      layout: "horizontal",
+      split: true,
+      title: "Autoplays"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+      checked: this.search.autoplay,
+      onChange: function onChange(v) {
+        _this.search.autoplay = v;
+
+        _this.reRender();
+      }
+    })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      layout: "horizontal",
+      split: true,
+      title: "Video Sound"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+      checked: this.search.videoSound,
+      onChange: function onChange(v) {
+        _this.search.videoSound = v;
+
+        _this.reRender();
+      }
+    })), /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+      title: "Play Speed"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
+      inputType: "float",
+      maxVal: 2,
+      minVal: 0.5,
+      onChange: function onChange(_a) {
+        var count = _a.count;
+        _this.search.speed = count;
+
+        _this.reRender();
+      },
+      value: {
+        count: this.search.speed
+      }
+    })))));
+  };
+
+  AComponent.defaultProps = {
+    title: 'title'
+  };
+  return AComponent;
+}(_react["default"].Component);
+
+var _default = AComponent;
+exports["default"] = _default;

package/es/common/LinkModal/index.js

@@ -27,6 +27,8 @@ var _BundleCampaign = _interopRequireDefault(require("./BundleCampaign"));
 
 var _locale = require("../../locale");
 
+var _commonUtil = require("../../utils/commonUtil");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -35,6 +37,149 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 __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);
+    });
+  }
+
+  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
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            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 LinkModal = function LinkModal(props) {
   var onConfirm = props.onConfirm,
       onClose = props.onClose,
@@ -46,14 +191,42 @@ var LinkModal = function LinkModal(props) {
 
   var _b = (0, _react.useState)('Category'),
       selected = _b[0],
-      setSelected = _b[1];
+      setSelected = _b[1]; // const list = ['Category', 'Customized Page', 'Product Details Page', 'Filtered Products', 'Function Page', 'Coupons', 'Bundle Campaign', 'Video'];
 
-  var list = ['Category', 'Customized Page', 'Product Details Page', 'Filtered Products', 'Function Page', 'Coupons', 'Bundle Campaign'];
 
-  var _c = (0, _react.useState)(0),
-      total = _c[0],
-      setTotal = _c[1];
+  var _c = (0, _react.useState)([]),
+      linkTypes = _c[0],
+      setLinkTypes = _c[1];
 
+  var _d = (0, _react.useState)(0),
+      total = _d[0],
+      setTotal = _d[1];
+
+  var getLinkTypes = function getLinkTypes() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var types;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/linktypes")];
+
+          case 1:
+            types = _a.sent();
+            setLinkTypes(types);
+            setSelected(types[0].linkTypeCode);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    getLinkTypes();
+  }, []);
   (0, _react.useEffect)(function () {
     setTotal(0);
   }, [visible]);
@@ -85,34 +258,34 @@ var LinkModal = function LinkModal(props) {
     className: "linkType"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "typeTitle"
-  }, (0, _locale.i18n)('LINK_TYPE'), ":"), list.map(function (item, index) {
+  }, (0, _locale.i18n)('LINK_TYPE'), ":"), linkTypes.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,
-      className: "typeItem " + (selected === item ? 'selected' : ''),
+      className: "typeItem " + (selected === item.linkTypeCode ? 'selected' : ''),
       onClick: function onClick() {
-        return setSelected(item);
+        return setSelected(item.linkTypeCode);
       }
-    }, item);
+    }, item.linkTypeName);
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "content"
   }, selected === 'Category' && /*#__PURE__*/_react["default"].createElement(_CatgTable["default"], {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
-  }), selected === 'Customized Page' && /*#__PURE__*/_react["default"].createElement(_CustomTable["default"], {
+  }), selected === 'CustomizedPage' && /*#__PURE__*/_react["default"].createElement(_CustomTable["default"], {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
-  }), selected === 'Product Details Page' && /*#__PURE__*/_react["default"].createElement(_ProductDetailPage["default"], {
+  }), selected === 'ProductDetailsPage' && /*#__PURE__*/_react["default"].createElement(_ProductDetailPage["default"], {
     setUrl: function setUrl(url) {
       return setLinkUrl(url);
     }
-  }), selected === 'Filtered Products' && /*#__PURE__*/_react["default"].createElement(_FilteredProductModal["default"], {
+  }), selected === 'FilteredProducts' && /*#__PURE__*/_react["default"].createElement(_FilteredProductModal["default"], {
     onDataChange: function onDataChange(url, t) {
       setLinkUrl(url);
       setTotal(t);
     }
-  }), selected === 'Function Page' && /*#__PURE__*/_react["default"].createElement(_FunctionTable["default"], {
+  }), selected === 'FunctionPage' && /*#__PURE__*/_react["default"].createElement(_FunctionTable["default"], {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
@@ -120,7 +293,11 @@ var LinkModal = function LinkModal(props) {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
-  }), selected === 'Bundle Campaign' && /*#__PURE__*/_react["default"].createElement(_BundleCampaign["default"], {
+  }), selected === 'BundleCampaign' && /*#__PURE__*/_react["default"].createElement(_BundleCampaign["default"], {
+    setUrl: function setUrl(url) {
+      return setLinkUrl(url);
+    }
+  }), selected === 'Video' && /*#__PURE__*/_react["default"].createElement(_BundleCampaign["default"], {
     setUrl: function setUrl(url) {
       return setLinkUrl(url);
     }

package/es/common/Video/components/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("./index.less");
+
+function parseDom(html) {
+  var ele = document.createElement('div');
+  ele.innerHTML = html;
+  return ele.childNodes[0];
+}
+
+var rateHtml = "<div class=\"rate-components\">\n  <div class=\"current-rate\">1.0x</div>\n  <ul class=\"rate-list\">\n    <li data-rate=\"2.0\">2.0x</li>\n    <li data-rate=\"1.5\">1.5x</li>\n    <li data-rate=\"1.25\">1.25x</li>\n    <li data-rate=\"1.0\" class=\"current\">1.0x</li>\n    <li data-rate=\"0.5\">0.5x</li>\n  </ul>\n</div>";
+/**
+ * 倍速播放组件
+ */
+
+var RateComponent =
+/** @class */
+function () {
+  /**
+   * @constructor 倍速播放组件构造函数
+   */
+  function RateComponent() {
+    this.html = parseDom(rateHtml);
+  }
+
+  RateComponent.prototype.createEl = function (el) {
+    var eleControlbar = el.querySelector('.prism-controlbar');
+    eleControlbar.appendChild(this.html);
+  };
+
+  RateComponent.prototype.ready = function (player, e) {
+    var currentRateEle = this.html.querySelector('.current-rate');
+    var rateListEle = this.html.querySelector('.rate-list');
+    var timeId = null; // 隐藏设置里面的倍速播放
+
+    var settingRate = document.querySelector('.prism-setting-item.prism-setting-speed');
+
+    if (settingRate) {
+      settingRate.classList.add('player-hidden');
+    }
+
+    currentRateEle.onclick = function () {
+      rateListEle.style.display = 'block';
+    };
+
+    currentRateEle.onmouseleave = function () {
+      timeId = setTimeout(function () {
+        rateListEle.style.display = 'none';
+      }, 100);
+    };
+
+    rateListEle.onmouseenter = function () {
+      clearTimeout(timeId);
+    };
+
+    rateListEle.onmouseleave = function () {
+      rateListEle.style.display = 'none';
+    };
+
+    rateListEle.onclick = function (_a) {
+      var target = _a.target;
+      var rate = target.dataset.rate;
+
+      if (rate) {
+        player.setSpeed(rate);
+
+        if (target.className !== 'current') {
+          var currentEle = rateListEle.querySelector('.current');
+
+          if (currentEle) {
+            currentEle.className = '';
+          }
+
+          target.className = 'current';
+        }
+
+        rateListEle.style.display = 'none';
+        currentRateEle.innerText = rate + 'x';
+      }
+    };
+  };
+
+  return RateComponent;
+}();
+
+var _default = RateComponent;
+exports["default"] = _default;