@fonixtree/magic-design 0.0.71 → 0.0.73

package/lib/composite-comp/dito/components/FlashDeal/pc/index.js

@@ -1,578 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-require("./index.less");
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
-var _defImg = _interopRequireDefault(require("./imgs/defImg1.png"));
-
-var _defImg2 = _interopRequireDefault(require("./imgs/defImg2.png"));
-
-var _defImg3 = _interopRequireDefault(require("./imgs/defImg3.png"));
-
-var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
-
-var _coreUtil = require("../../../../../utils/coreUtil");
-
-var _components = require("../../../../../meta-comp/components");
-
-var _commonUtil = require("../../../../../utils/commonUtil");
-
-var _storeUtil = require("../../../../../utils/storeUtil");
-
-var _dateUtil = require("../../../../../utils/dateUtil");
-
-var _CountDown = _interopRequireDefault(require("../../../../../common/CountDown"));
-
-var _Iconfont = _interopRequireDefault(require("../../../../../common/Iconfont"));
-
-var _locale = require("../../../../../locale");
-
-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 __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) {
-      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 defaultData = [{
-  imgUrlContent: {
-    url: _defImg["default"]
-  },
-  offerName: 'DITO STARTER PACK + 3GB Data',
-  salesPrice: 49,
-  marketPrice: 100,
-  discountPercent: 51,
-  salePercent: 5000,
-  sppType: '2'
-}, {
-  imgUrlContent: {
-    url: _defImg2["default"]
-  },
-  offerName: 'DITO Level Up 99 x 365 days',
-  salesPrice: 594,
-  marketPrice: 1188,
-  discountPercent: 50,
-  salePercent: 5000,
-  sppType: '2'
-}, {
-  imgUrlContent: {
-    url: _defImg3["default"]
-  },
-  offerName: 'DITO Level-Up Pack 99 7GB',
-  salesPrice: 99,
-  marketPrice: 138,
-  discountPercent: 28,
-  salePercent: 5000,
-  sppType: '2'
-}, {
-  imgUrlContent: {
-    url: _defImg3["default"]
-  },
-  offerName: 'DITO Level-Up Pack 99 7GB',
-  salesPrice: 99,
-  marketPrice: 138,
-  discountPercent: 28,
-  salePercent: 5000,
-  sppType: '2'
-}, {
-  imgUrlContent: {
-    url: _defImg3["default"]
-  },
-  offerName: 'DITO Level-Up Pack 99 7GB',
-  salesPrice: 99,
-  marketPrice: 138,
-  discountPercent: 28,
-  salePercent: 5000,
-  sppType: '2'
-}, {
-  imgUrlContent: {
-    url: _defImg3["default"]
-  },
-  offerName: 'DITO Level-Up Pack 99 7GB',
-  salesPrice: 99,
-  marketPrice: 138,
-  discountPercent: 28,
-  salePercent: 5000,
-  sppType: '2'
-}];
-
-var FlashDealPc =
-/** @class */
-function (_super) {
-  __extends(FlashDealPc, _super);
-
-  function FlashDealPc() {
-    var _this = _super !== null && _super.apply(this, arguments) || this; // 商品列表排序方式
-
-
-    _this.sortType = '';
-    _this.pcRowNum = '';
-    _this.scrollRef = /*#__PURE__*/_react["default"].createRef();
-    _this.state = {
-      list: (0, _coreUtil.isDesignMode)() ? [] : (0, _commonUtil.ensure)(function () {
-        return (0, _storeUtil.getMagicStore)("flashSale_" + _this.props.panelProps.id);
-      }, []),
-      effDate: '',
-      expDate: '',
-      now: '',
-      isWill: false,
-      scrollToLeftDisabled: true,
-      scrollToRightDisabled: true
-    };
-
-    _this.getFlashData = function (pageSize, campaign) {
-      return __awaiter(_this, void 0, void 0, function () {
-        var res;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/flsale/offer/page", {
-                campaignId: campaign.campaignId,
-                sortType: this.sortType,
-                pageIndex: 1,
-                pageSize: pageSize
-              })];
-
-            case 1:
-              res = _a.sent();
-
-              if (!res.list || res.list.length === 0) {
-                // 秒杀场次结束之后，清空列表数据，隐藏秒杀组件
-                this.setState({
-                  list: []
-                });
-
-                if (!(0, _coreUtil.isDesignMode)()) {
-                  (0, _storeUtil.setMagicStore)("flashSale_" + this.props.panelProps.id, []);
-                }
-
-                return [2
-                /*return*/
-                ];
-              }
-
-              if (!(0, _coreUtil.isDesignMode)()) {
-                (0, _storeUtil.setMagicStore)("flashSale_" + this.props.panelProps.id, res.list);
-              }
-
-              this.setState({
-                now: +(0, _dateUtil.newDate)(campaign.now),
-                effDate: +(0, _dateUtil.newDate)(campaign.effDate),
-                expDate: +(0, _dateUtil.newDate)(campaign.expDate),
-                isWill: campaign.cmpState === 'A',
-                list: res.list
-              });
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.getNextFlashSale = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var data;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4
-              /*yield*/
-              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/flsale/next", {
-                excludeExpireCmp: true
-              }, 'GET')];
-
-            case 1:
-              data = _a.sent();
-
-              if (data.length > 0) {
-                this.getFlashData(30, data[0]);
-              } else {
-                // 秒杀场次结束之后，清空列表数据，隐藏秒杀组件
-                this.setState({
-                  list: []
-                });
-
-                if (!(0, _coreUtil.isDesignMode)()) {
-                  (0, _storeUtil.setMagicStore)("flashSale_" + this.props.panelProps.id, []);
-                }
-              }
-
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.setScrollDisabled = function (scrollDom) {
-      var scrollToLeftDisabled = scrollDom.scrollLeft === 0;
-      var scrollToRightDisabled = scrollDom.clientWidth + scrollDom.scrollLeft >= scrollDom.scrollWidth;
-
-      _this.setState({
-        scrollToLeftDisabled: scrollToLeftDisabled,
-        scrollToRightDisabled: scrollToRightDisabled
-      });
-    };
-
-    _this.scrollToRight = function () {
-      var scrollDom = _this.scrollRef.current;
-
-      if (scrollDom.clientWidth + scrollDom.scrollLeft < scrollDom.scrollWidth) {
-        scrollDom.scrollTo(scrollDom.scrollLeft + scrollDom.clientWidth, 0);
-      }
-    };
-
-    _this.scrollToLeft = function () {
-      var scrollDom = _this.scrollRef.current;
-
-      if (scrollDom.scrollLeft > 0) {
-        scrollDom.scrollTo(scrollDom.scrollLeft - scrollDom.clientWidth, 0);
-      }
-    };
-
-    return _this;
-  }
-
-  FlashDealPc.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.sortType = this.props.panelProps.content.sortType;
-    this.getNextFlashSale();
-    setTimeout(function () {
-      var scrollDom = _this.scrollRef.current;
-
-      if (scrollDom) {
-        _this.setScrollDisabled(scrollDom);
-
-        scrollDom.onscroll = (0, _lodash["default"])(function () {
-          _this.setScrollDisabled(scrollDom);
-        }, 500);
-      }
-    }, 0);
-  };
-
-  FlashDealPc.prototype.componentWillReceiveProps = function (nextProps) {
-    var _this = this;
-
-    if (nextProps.panelProps.content.sortType !== this.sortType) {
-      this.sortType = nextProps.panelProps.content.sortType;
-      this.getNextFlashSale();
-    }
-
-    if (this.pcRowNum != nextProps.panelProps.customize.pcRowNum) {
-      setTimeout(function () {
-        var scrollDom = _this.scrollRef.current;
-
-        if (scrollDom) {
-          _this.setScrollDisabled(scrollDom);
-
-          scrollDom.onscroll = (0, _lodash["default"])(function () {
-            _this.setScrollDisabled(scrollDom);
-          }, 500);
-        }
-      }, 0);
-      this.pcRowNum = nextProps.panelProps.customize.pcRowNum;
-    }
-  };
-
-  FlashDealPc.prototype.render = function () {
-    var _this = this;
-
-    var panelProps = this.props.panelProps;
-    var _a = this.state,
-        list = _a.list,
-        effDate = _a.effDate,
-        expDate = _a.expDate,
-        now = _a.now,
-        isWill = _a.isWill,
-        scrollToLeftDisabled = _a.scrollToLeftDisabled,
-        scrollToRightDisabled = _a.scrollToRightDisabled;
-
-    var _list = list.length === 0 && (0, _coreUtil.isDesignMode)() ? defaultData : list;
-
-    var bgStyle = {};
-
-    if (panelProps.background.bgType === 'color') {
-      bgStyle = {
-        backgroundColor: (0, _commonUtil.getColorRgba)(panelProps.background.color || '#fff', panelProps.background.opacity / 100 || 1)
-      };
-    } else {
-      bgStyle = {
-        background: "url(" + panelProps.background.image + ") no-repeat center",
-        backgroundSize: '100%'
-      };
-    }
-
-    var imgHeight = panelProps.customize.pcRowNum === 6 ? 153 : 193;
-    var imgWidth = panelProps.customize.pcRowNum === 6 ? 153 : 193;
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _list.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-flash-deal-pc",
-      style: bgStyle
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flash-deal-title"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "left"
-    }, panelProps.title.icon.open && panelProps.title.icon.url && /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      className: "icon",
-      src: panelProps.title.icon.url
-    }), panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      className: "title",
-      data: panelProps.title.headline
-    }), isWill && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "sub-title"
-    }, (0, _locale.i18n)('NEXT')), /*#__PURE__*/_react["default"].createElement(_CountDown["default"], {
-      effDate: effDate,
-      expDate: expDate,
-      now: now,
-      refresh: this.getNextFlashSale
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "right",
-      onClick: function onClick() {
-        return (0, _coreUtil.clickUrl)('/spike');
-      }
-    }, panelProps.title.button.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-      className: "btn",
-      data: panelProps.title.button
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "flash-deal-content"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "arrow-icon left",
-      onClick: function onClick() {
-        return _this.scrollToLeft();
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: scrollToLeftDisabled ? '#BDC1C8' : '#232F46',
-      size: 20,
-      type: "icon-outlined-left"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.scrollRef,
-      className: "flash-deal-list"
-    }, _list.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
-        key: item.id,
-        data: __assign(__assign({}, item), {
-          salePercent: isWill ? 0 : item.salePercent
-        }),
-        fixHeight: true,
-        imgHeight: imgHeight,
-        imgWidth: imgWidth,
-        onItemClick: function onItemClick() {
-          var _a;
-
-          return (0, _coreUtil.clickUrl)("/product/detail/" + item.offerId + "?productId=" + ((_a = item.sppProductId) !== null && _a !== void 0 ? _a : ''));
-        },
-        panelProps: panelProps.content
-      });
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "arrow-icon right",
-      onClick: function onClick() {
-        return _this.scrollToRight();
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: scrollToRightDisabled ? '#BDC1C8' : '#232F46',
-      size: 20,
-      type: "icon-outlined-right"
-    })))));
-  };
-
-  FlashDealPc.defaultProps = {
-    panelProps: {}
-  };
-  return FlashDealPc;
-}(_react["default"].Component);
-
-var _default = FlashDealPc;
-exports["default"] = _default;

package/lib/composite-comp/dito/components/FlashDeal/pc/index.less

@@ -1,121 +0,0 @@
-.m-flash-deal-pc {
-  display: flex;
-  flex-direction: column;
-  padding: 16px 16px 28px 16px;
-
-  .flash-deal-title {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .left {
-      display: flex;
-      align-items: center;
-
-      .icon {
-        height: 18px;
-        margin-right: 10px;
-      }
-
-      .title {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 14px;
-        line-height: 18px;
-        color: #2C2C2C;
-        margin-right: 10px;
-      }
-
-      .sub-title {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 10px;
-        line-height: 18px;
-        color: #2C2C2C;
-        margin-right: 6px;
-        align-self: end;
-      }
-    }
-
-    .right {
-      display: flex;
-      align-items: center;
-
-      .text {
-        font-family: 'Montserrat';
-        font-style: normal;
-        font-weight: 600;
-        font-size: 12px;
-        line-height: 15px;
-        color: #0038A8;
-        margin-right: 5px;
-      }
-
-      .btn {
-        white-space: nowrap;
-      }
-    }
-  }
-
-  .flash-deal-content {
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-
-    .arrow-icon {
-      display: block;
-      width: 36px;
-      height: 36px;
-      line-height: 42px;
-      text-align: center;
-      background: #FFFFFF;
-      box-shadow: -1px -1px 4px rgba(45, 48, 64, 0.08), 1px 1px 4px rgba(45, 48, 64, 0.08);
-      border-radius: 100px;
-      cursor: pointer;
-
-      &.left {
-        margin-right: 30px;
-      }
-
-      &.right {
-        margin-left: 30px;
-      }
-    }
-  }
-
-  .flash-deal-list {
-    margin-top: 16px;
-    overflow-x: auto;
-    overflow-y: hidden;
-    white-space: nowrap;
-    display: flex;
-    align-items: flex-start;
-    position: relative;
-    flex: 1;
-
-    .loading-wrap {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 30px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    // 秒杀特有样式
-    .m-product-item-wrap {
-      width: 142px;
-      margin-right: 24px;
-
-      .product-name {
-        height: 36px;
-      }
-    }
-  }
-}