@fonixtree/magic-design 2.0.97 → 2.0.98

package/es/constants/component-types.js

@@ -59,6 +59,10 @@ var _Orders = _interopRequireDefault(require("../composite-comp/dito/components/
 
 var _CommonFunctions = _interopRequireDefault(require("../composite-comp/dito/components/CommonFunctions"));
 
+var _MonpayRecommend = _interopRequireDefault(require("../composite-comp/monpay/components/MonpayRecommend"));
+
+var _MonpayFlashDeal = _interopRequireDefault(require("../composite-comp/monpay/components/MonpayFlashDeal"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -113,6 +117,10 @@ var _OrdersConfig = _interopRequireDefault(require("../composite-comp/dito/confi
 
 var _CommonFunctionsConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/CommonFunctionsConfig"));
 
+var _MonpayRecommendConfig = _interopRequireDefault(require("../composite-comp/monpay/config-panels/MonpayRecommendConfig"));
+
+var _MonpayFlashDealConfig = _interopRequireDefault(require("../composite-comp/monpay/config-panels/MonpayFlashDealConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -151,6 +159,8 @@ var _OrdersSecondConfig = _interopRequireDefault(require("../composite-comp/dito
 
 var _CommonFunctionsSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/CommonFunctionsSecondConfig"));
 
+var _MonpayRecommendSecondConfig = _interopRequireDefault(require("../composite-comp/monpay/second-config-panels/MonpayRecommendSecondConfig"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _a, _b, _c; // 组件
@@ -159,17 +169,17 @@ var _a, _b, _c; // 组件
 /**
  * 渲染组件索引
  */
-var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_Orders["default"].type] = _Orders["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a);
+var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_MonpayFlashDeal["default"].type] = _MonpayFlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_Orders["default"].type] = _Orders["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MonpayRecommend["default"].type] = _MonpayRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a);
 /**
  * 一级配置面板索引
  */
 
 exports.componentMap = componentMap;
-var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_Orders["default"].type] = _OrdersConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b);
+var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_MonpayFlashDeal["default"].type] = _MonpayFlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_Orders["default"].type] = _OrdersConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MonpayRecommend["default"].type] = _MonpayRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b);
 /**
  * 二级配置面板索引
  */
 
 exports.configPanelMap = configPanelMap;
-var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_MenuNavigation["default"].type] = _MenuNavigationSecondConfig["default"], _c[_HeadNavigation["default"].type] = _HeadNavigationSecondConfig["default"], _c[_PersonalInformation["default"].type] = _PersonalInformationSecondConfig["default"], _c[_Orders["default"].type] = _OrdersSecondConfig["default"], _c[_CommonFunctions["default"].type] = _CommonFunctionsSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c);
+var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MonpayRecommend["default"].type] = _MonpayRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_MenuNavigation["default"].type] = _MenuNavigationSecondConfig["default"], _c[_HeadNavigation["default"].type] = _HeadNavigationSecondConfig["default"], _c[_PersonalInformation["default"].type] = _PersonalInformationSecondConfig["default"], _c[_Orders["default"].type] = _OrdersSecondConfig["default"], _c[_CommonFunctions["default"].type] = _CommonFunctionsSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/es/constants/index.js

@@ -146,6 +146,10 @@ var compInfoMap = {
     name: 'Flash Deal',
     icon: 'icon-flash-deal'
   },
+  MONPAY_FLASH_DEAL: {
+    name: 'Monpay Flash Deal',
+    icon: 'icon-flash-deal'
+  },
   GROUP_BUY: {
     name: 'Group Buy',
     icon: 'icon-group-buy'
@@ -178,6 +182,10 @@ var compInfoMap = {
     name: 'Affiliate Recommend',
     icon: 'icon-forms'
   },
+  MONPAY_RECOMMEND: {
+    name: 'Monpay Recommend',
+    icon: 'icon-forms'
+  },
   DIVIDER: {
     name: 'Divider',
     icon: 'icon-divider-1'

package/es/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.monpayRecommendLayoutMobile = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -59,6 +59,14 @@ var _layoutRecommend4 = _interopRequireDefault(require("../assets/images/layout-
 
 var _layoutRecommend5 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-5.png"));
 
+var _layoutRecommendMobile = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-mobile-1.png"));
+
+var _layoutRecommendMobile2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-mobile-2.png"));
+
+var _layoutRecommendMobile3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-mobile-3.png"));
+
+var _layoutRecommendMobile4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-mobile-4.png"));
+
 var _layoutVideoH = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-h5-1.png"));
 
 var _layoutVideoH2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-h5-2.png"));
@@ -81,6 +89,10 @@ var _layoutNavigationTile = _interopRequireDefault(require("../assets/images/lay
 
 var _layoutNavigationNormal = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-normal.png"));
 
+var _bannerSlideLayout = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout1.png"));
+
+var _bannerSlideLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/banner-slide-layout2.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -214,6 +226,24 @@ var recommendLayoutMobile = [{
   image: _layoutRecommend5["default"]
 }];
 exports.recommendLayoutMobile = recommendLayoutMobile;
+var monpayRecommendLayoutMobile = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _layoutRecommendMobile["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutRecommendMobile2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _layoutRecommendMobile3["default"]
+}, {
+  id: 'layout4',
+  name: 'layout4',
+  image: _layoutRecommendMobile4["default"]
+}];
+exports.monpayRecommendLayoutMobile = monpayRecommendLayoutMobile;
 var recommendLayoutPc = [{
   id: 'layout1',
   name: 'layout1',
@@ -236,8 +266,7 @@ var affiliateLayoutMobile = [{
   id: 'layout2',
   name: 'layout2',
   image: _layoutRecommend2["default"]
-}, // { id: 'layout3', name: 'layout3', image: recommendLayout3 },
-{
+}, {
   id: 'layout4',
   name: 'layout4',
   image: _layoutRecommend4["default"]
@@ -312,4 +341,14 @@ var pcNavigationLayout = [{
   name: 'normal',
   image: _layoutNavigationNormal["default"]
 }];
-exports.pcNavigationLayout = pcNavigationLayout;
+exports.pcNavigationLayout = pcNavigationLayout;
+var bannerSlideLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _bannerSlideLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _bannerSlideLayout2["default"]
+}];
+exports.bannerSlideLayout = bannerSlideLayout;

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

@@ -115,7 +115,7 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
 
     case 'RECOMMEND':
     case 'AFFILIATE_RECOMMEND':
-      // console.log('RECOMMEND ---panelProps.groupName.text', panelProps.groupName.text);
+    case 'MONPAY_RECOMMEND':
       groupName = panelProps.groupName.text;
       break;
 

package/es/core/Designer/index.js

@@ -529,9 +529,12 @@ function (_super) {
 
         case _constants.quickMenuCode.SAVE:
           /** 如果保存则重置为mobile，同一移动端截图 #10504010 */
-          _this.onSwitchDevice(_constants.deviceTypeMap.PHONE);
+          _this.onSwitchDevice(_constants.deviceTypeMap.PHONE); // onSave(handleParams);
+
 
-          onSave(handleParams);
+          onSave(__assign(__assign({}, handleParams), {
+            device: _constants.deviceTypeMap.PHONE
+          }));
           break;
 
         case _constants.quickMenuCode.MODE_PC:

package/es/locale/en/en.json

@@ -1,4 +1,15 @@
 {
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
   "BOX_BACKGROUND": "Box Background",
   "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",

package/es/locale/es/es.json

@@ -1,4 +1,15 @@
 {
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
   "BOX_BACKGROUND": "Box Background",
   "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",

package/es/locale/id/id.json

@@ -1,4 +1,15 @@
 {
+  "HEADER_IMAGE": "Header Image",
+  "ACTIVITY_LABEL": "Activity Label",
+  "STOCK": "Stock",
+  "DISCOUNT_LABEL": "Discount Label",
+  "SESSION_TIME": "Session Time",
+  "NUMBER": "Number",
+  "COUNTDOWN": "Countdown",
+  "FILTER": "Filter",
+  "SOLD": "Sold",
+  "EVALUATION_SCORE": "Evaluation Score",
+  "SEARCH_BAR_KEYWORD": "Search Bar Keyword",
   "BOX_BACKGROUND": "Box Background",
   "BOX_COLOR": "Box Color",
   "PROGRESS_BAR_COLOR": "Progress Bar Color",

package/es/utils/dateUtil.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatDateTime = exports.formatDateMinute = exports.formatDate = void 0;
 exports.formatDayMonth = formatDayMonth;
+exports.formatDayMonthTime = formatDayMonthTime;
 exports.newDate = void 0;
 
 var _moment = _interopRequireDefault(require("moment"));
@@ -66,5 +67,17 @@ function formatDayMonth(date, fmt) {
     return '';
   }
 
+  return (0, _moment["default"])(newDate(date)).format(fmt);
+}
+
+function formatDayMonthTime(date, fmt) {
+  if (fmt === void 0) {
+    fmt = 'DD MMM HH:mm';
+  }
+
+  if (!date) {
+    return '';
+  }
+
   return (0, _moment["default"])(newDate(date)).format(fmt);
 }

package/lib/assets/images/layout-icon/banner-slide-layout1.svg

@@ -0,0 +1,6 @@
+<svg width="96" height="72" viewBox="0 0 96 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="94" height="70" rx="8" fill="#F5F6F7" stroke="#D2D9E5"/>
+<circle cx="48" cy="36" r="6" fill="#C1C9D7"/>
+<circle cx="28" cy="36" r="4" fill="#E6EAF0"/>
+<circle cx="68" cy="36" r="4" fill="#E6EAF0"/>
+</svg>

package/lib/common/Collapse/index.js

@@ -160,14 +160,16 @@ function (_super) {
 
       panelInfo.metaOption.open = checked;
 
-      if (checked) {
-        _this.setState({
-          activeKey: [((_a = panelInfo.metaOption) === null || _a === void 0 ? void 0 : _a.id) || panelInfo.key]
-        });
-      } else {
-        _this.setState({
-          activeKey: []
-        });
+      if (panelInfo.value) {
+        if (checked) {
+          _this.setState({
+            activeKey: [((_a = panelInfo.metaOption) === null || _a === void 0 ? void 0 : _a.id) || panelInfo.key]
+          });
+        } else {
+          _this.setState({
+            activeKey: []
+          });
+        }
       }
 
       _this.props.onRefresh();

package/lib/common/FontStyles/index.less

@@ -1,6 +1,7 @@
 .m-font-styles {
   display: flex;
   align-items: center;
+  position: relative;
 
   .item {
     display: inline-block;
@@ -13,7 +14,7 @@
     margin-right: 12px;
     cursor: pointer;
     display: flex;
-    
+
     &.active {
       background: #E9F0FF;
     }
@@ -40,6 +41,7 @@
     margin-right: 0;
     cursor: default;
     flex: 0 0 95px;
+
     .item-icon {
       display: inline-flex;
       align-items: center;

package/lib/common/MonpayCountDown/index.js

@@ -0,0 +1,160 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _commonUtil = require("../../../../../utils/commonUtil");
+
+require("./index.less");
+
+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); }
+
+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 __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:count-down');
+
+var CountDown =
+/** @class */
+function (_super) {
+  __extends(CountDown, _super);
+
+  function CountDown() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      hour: '00',
+      min: '00',
+      second: '00',
+      nowTime: Number(_this.props.now),
+      now: _this.props.now
+    };
+    _this.timer = null;
+    _this.preTime = '';
+
+    _this.componentWillUnmount = function () {
+      _this.clearTimer();
+    };
+
+    _this.calcLastTime = function () {
+      try {
+        var _a = _this.props,
+            effDate = _a.effDate,
+            expDate = _a.expDate,
+            refresh = _a.refresh;
+        var nowTime = _this.state.nowTime;
+        var lastTime = 0;
+
+        if (nowTime > effDate && nowTime < expDate) {
+          lastTime = expDate - nowTime;
+        } else if (nowTime < effDate) {
+          lastTime = effDate - nowTime;
+        }
+
+        if (lastTime === 0) {
+          refresh();
+
+          _this.clearTimer();
+        }
+
+        var _b = (0, _commonUtil.calcLastTime)(lastTime).split(':'),
+            hour = _b[0],
+            min = _b[1],
+            second = _b[2];
+
+        _this.setState({
+          hour: hour,
+          min: min,
+          second: second,
+          nowTime: nowTime + 1000
+        });
+      } catch (error) {
+        debug(error);
+      }
+    };
+
+    _this.clearTimer = function () {
+      if (_this.timer) {
+        clearInterval(_this.timer);
+        _this.timer = null;
+      }
+    };
+
+    return _this;
+  }
+
+  CountDown.getDerivedStateFromProps = function (nextProps, prevState) {
+    // 检查是否需要更新sortType
+    if (nextProps.now !== prevState.now) {
+      return {
+        now: nextProps.now,
+        nowTime: nextProps.now
+      };
+    }
+
+    return null;
+  };
+
+  CountDown.prototype.componentDidUpdate = function () {
+    var now = this.state.now;
+
+    if (this.preTime != now) {
+      this.preTime = now;
+      this.clearTimer();
+      this.calcLastTime();
+      this.timer = setInterval(this.calcLastTime, 1000);
+    }
+  };
+
+  CountDown.prototype.render = function () {
+    var _a = this.state,
+        hour = _a.hour,
+        min = _a.min,
+        second = _a.second;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "count-down-wrap"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, hour), /*#__PURE__*/_react["default"].createElement("span", null, min), /*#__PURE__*/_react["default"].createElement("span", null, second));
+  };
+
+  CountDown.defaultProps = {
+    effDate: '',
+    expDate: '',
+    now: '',
+    refresh: function refresh() {}
+  };
+  return CountDown;
+}(_react.Component);
+
+var _default = CountDown;
+exports["default"] = _default;

package/lib/common/RatingText/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./index.less");
+
+var _Iconfont = _interopRequireDefault(require("../Iconfont"));
+
+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); }
+
+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; }
+
+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); }
+
+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 __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _a = this.props,
+        _b = _a.text,
+        text = _b === void 0 ? 5 : _b,
+        rest = __rest(_a, ["text"]);
+
+    return /*#__PURE__*/_react["default"].createElement("div", _extends({
+      className: "ratingText"
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: "#FF8650",
+      size: 12,
+      type: "icon-star"
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "rate-text"
+    }, text));
+  };
+
+  return AComponent;
+}(_react.Component);
+
+AComponent.propTypes = {
+  /** text */
+  text: _propTypes["default"].string
+};
+AComponent.defaultProps = {
+  text: '4.0'
+};
+var _default = AComponent;
+exports["default"] = _default;

package/lib/common/RatingText/index.less

@@ -0,0 +1,12 @@
+.ratingText {
+  display: flex;
+  position: relative;
+  align-items: center;
+
+  .rate-text {
+    color: #545454;
+    font-size: 12px;
+    margin-left: 4px;
+    font-weight: 400;
+  }
+}

package/lib/common/index.js

@@ -111,6 +111,12 @@ Object.defineProperty(exports, "ProductSource", {
     return _ProductSource["default"];
   }
 });
+Object.defineProperty(exports, "RatingText", {
+  enumerable: true,
+  get: function get() {
+    return _RatingText["default"];
+  }
+});
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function get() {
@@ -162,6 +168,8 @@ var _UrlPicker = _interopRequireDefault(require("./UrlPicker"));
 
 var _Iconfont = _interopRequireDefault(require("./Iconfont"));
 
+var _RatingText = _interopRequireDefault(require("./RatingText"));
+
 var _Button = _interopRequireDefault(require("./Button"));
 
 var _AlignSelector = _interopRequireDefault(require("./AlignSelector"));