@fonixtree/magic-design 2.0.95 → 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

@@ -85,7 +85,8 @@ var urlTypeMap = {
   STORE: 'Store',
   AFFILIATE_PRODUCT: 'AffiliateProduct',
   AFFILIATE_STORE: 'AffiliateStore',
-  ANCHOR: 'Anchor'
+  ANCHOR: 'Anchor',
+  MINI_API: 'MiniApi'
 };
 exports.urlTypeMap = urlTypeMap;
 var respCodeMap = {
@@ -145,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'
@@ -177,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/businessUtil.js

@@ -194,6 +194,18 @@ var newParseUrl = function newParseUrl(urlObj) {
       };
       break;
 
+    case _constants.urlTypeMap.MINI_API:
+      // 小程序API，演示使用
+      link = "mpaas://miniapp?api=" + value.replace('my.', '');
+      params = {
+        action: 'jump',
+        params: {
+          type: 'MINI_API',
+          url: value
+        }
+      };
+      break;
+
     default:
       var map = {
         '/main/cart': 'CART',

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;