@fonixtree/magic-design 0.0.110 → 0.0.112

package/lib/constants/component-types.js

@@ -23,6 +23,10 @@ var _Button = _interopRequireDefault(require("../composite-comp/bol/components/B
 
 var _Tag = _interopRequireDefault(require("../composite-comp/bol/components/Tag"));
 
+var _Video = _interopRequireDefault(require("../composite-comp/bol/components/Video"));
+
+var _Wallet = _interopRequireDefault(require("../composite-comp/bol/components/Wallet"));
+
 var _FlashDeal = _interopRequireDefault(require("../composite-comp/dito/components/FlashDeal"));
 
 var _SearchBar = _interopRequireDefault(require("../composite-comp/dito/components/SearchBar"));
@@ -31,6 +35,8 @@ var _Recommend = _interopRequireDefault(require("../composite-comp/dito/componen
 
 var _MobileNavigation = _interopRequireDefault(require("../composite-comp/dito/components/MobileNavigation"));
 
+var _PcNavigation = _interopRequireDefault(require("../composite-comp/dito/components/PcNavigation"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -49,6 +55,10 @@ var _ButtonCompConfig = _interopRequireDefault(require("../composite-comp/bol/co
 
 var _TagCompConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/TagCompConfig"));
 
+var _VideoConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/VideoConfig"));
+
+var _WalletConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/WalletConfig"));
+
 var _FlashDealConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/FlashDealConfig"));
 
 var _SearchBarConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SearchBarConfig"));
@@ -57,6 +67,8 @@ var _RecommendConfig = _interopRequireDefault(require("../composite-comp/dito/co
 
 var _MobileNavigationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/MobileNavigationConfig"));
 
+var _PcNavigationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/PcNavigationConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -65,10 +77,22 @@ var _ImageTextSecondConfig = _interopRequireDefault(require("../composite-comp/b
 
 var _CarouselSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/CarouselSecondConfig"));
 
+var _ImageGallerySecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/ImageGallerySecondConfig"));
+
+var _TagSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TagSecondConfig"));
+
+var _ButtonSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/ButtonSecondConfig"));
+
+var _VideoSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/VideoSecondConfig"));
+
+var _WalletSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/WalletSecondConfig"));
+
 var _RecommendSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/RecommendSecondConfig"));
 
 var _MobileNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/MobileNavigationSecondConfig"));
 
+var _PcNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/PcNavigationSecondConfig"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _a, _b, _c; // 组件
@@ -77,17 +101,17 @@ var _a, _b, _c; // 组件
 /**
  * 渲染组件索引
  */
-var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["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);
+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[_SearchBar["default"].type] = _SearchBar["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["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);
 /**
  * 一级配置面板索引
  */
 
 exports.componentMap = componentMap;
-var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["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);
+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[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["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);
 /**
  * 二级配置面板索引
  */
 
 exports.configPanelMap = configPanelMap;
-var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["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[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["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);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/lib/constants/index.js

@@ -3,11 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.urlType = exports.respCodeMap = exports.quickMenuCode = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.deviceTypeMap = exports.compInfoMap = exports.STORAGE_KEY = void 0;
+exports.urlType = exports.respCodeMap = exports.quickMenuCode = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.STORAGE_KEY = exports.CREDIT_STATE = void 0;
 var STORAGE_KEY = {
   LOCALE: 'magicLocale'
 };
+/** 授信状态 */
+
 exports.STORAGE_KEY = STORAGE_KEY;
+var CREDIT_STATE = {
+  INITIAL: {
+    KEY: 'Initial',
+    VALUE: '初始化'
+  },
+  REVIEWING: {
+    KEY: 'Reviewing',
+    VALUE: '审核中'
+  },
+  APPROVED: {
+    KEY: 'Pass',
+    VALUE: '成功'
+  },
+  REJECTED: {
+    KEY: 'Rejected',
+    VALUE: '拒绝'
+  },
+  LOCKED: {
+    KEY: 'Locked',
+    VALUE: '锁定'
+  }
+};
+exports.CREDIT_STATE = CREDIT_STATE;
 var urlType = {
   PRODUCT_DETAIL: 'proDetail',
   CATG_PROD_LIST: 'catg',
@@ -27,6 +52,11 @@ var deviceTypeMap = {
   PHONE: 'mobile'
 };
 exports.deviceTypeMap = deviceTypeMap;
+var deviceTypeWidthMap = {
+  pc: 1240,
+  mobile: 375
+};
+exports.deviceTypeWidthMap = deviceTypeWidthMap;
 var magicMode = {
   DESIGNER: 'designer',
   RENDERER: 'renderer'
@@ -38,6 +68,7 @@ var quickMenuCode = {
   PREVIEW: 'PREVIEW',
   SAVE: 'SAVE',
   PUBLISH: 'PUBLISH',
+  PUBLISH_LATER: 'PUBLISH_LATER',
   MODE_PC: 'MODE_PC',
   MODE_PHONE: 'MODE_PHONE'
 };
@@ -94,6 +125,18 @@ var compInfoMap = {
   MOBILE_NAVIGATION: {
     name: 'Mobile Navigation',
     icon: 'icon-navigation'
+  },
+  PC_NAVIGATION: {
+    name: 'PC Navigation',
+    icon: 'icon-navigation'
+  },
+  VIDEO: {
+    name: 'Video',
+    icon: 'icon-video'
+  },
+  WALLET: {
+    name: 'Wallet',
+    icon: 'icon-image-gallery'
   }
 };
 /**
@@ -149,4 +192,13 @@ var metaInst = {
     type: metaType.BUTTON
   }
 };
-exports.metaInst = metaInst;
+/**
+ * 全局事件类型
+ */
+
+exports.metaInst = metaInst;
+var eventType = {
+  // 二级配置面板返回时，更新一级面板事件
+  UPDATE_FIRST_CONFIG: 'update-first-config'
+};
+exports.eventType = eventType;

package/lib/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.newsletterLayout = exports.mobileNavigationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.dividerLayout = exports.carouselLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -13,7 +13,7 @@ var _imageGalleryLayout = _interopRequireDefault(require("../assets/images/layou
 
 var _imageGalleryLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout2.png"));
 
-var _imageGalleryLayout3 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout3.png"));
+var _walletLayout = _interopRequireDefault(require("../assets/images/layout-icon/walletLayout1.png"));
 
 var _layoutImagetextM = _interopRequireDefault(require("../assets/images/layout-icon/layout-imagetext-m1-1.png"));
 
@@ -39,16 +39,36 @@ var _newsletter = _interopRequireDefault(require("../assets/images/layout-icon/n
 
 var _layoutRecommend = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-1.png"));
 
-var _layoutRecommend2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-3.png"));
+var _layoutRecommend2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-2.png"));
 
-var _layoutRecommend3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-4.png"));
+var _layoutRecommend3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-3.png"));
 
-var _layoutRecommend4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-5.png"));
+var _layoutRecommend4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-4.png"));
+
+var _layoutRecommend5 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-5.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"));
+
+var _layoutVideoH3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-h5-3.png"));
+
+var _layoutVideoPc = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-pc-1.png"));
+
+var _layoutVideoPc2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-pc-2.png"));
+
+var _layoutVideoPc3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-pc-3.png"));
+
+var _layoutVideoPc4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-pc-4.png"));
+
+var _layoutVideoPc5 = _interopRequireDefault(require("../assets/images/layout-icon/layout-video-pc-5.png"));
 
 var _layoutNavigationNewline = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-newline.png"));
 
 var _layoutNavigationTile = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-tile.png"));
 
+var _layoutNavigationNormal = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-normal.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -72,12 +92,14 @@ var imageGalleryLayout = [{
   id: 'layout2',
   name: 'layout2',
   image: _imageGalleryLayout2["default"]
-}, {
-  id: 'layout3',
-  name: 'layout3',
-  image: _imageGalleryLayout3["default"]
 }];
 exports.imageGalleryLayout = imageGalleryLayout;
+var WalletLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _walletLayout["default"]
+}];
+exports.WalletLayout = WalletLayout;
 var carouselLayout = [{
   id: 'layout1',
   name: 'layout1',
@@ -134,22 +156,74 @@ var recommendLayoutMobile = [{
   id: 'layout1',
   name: 'layout1',
   image: _layoutRecommend["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutRecommend2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _layoutRecommend3["default"]
+}, {
+  id: 'layout4',
+  name: 'layout4',
+  image: _layoutRecommend4["default"]
+}, {
+  id: 'layout5',
+  name: 'layout5',
+  image: _layoutRecommend5["default"]
 }];
 exports.recommendLayoutMobile = recommendLayoutMobile;
 var recommendLayoutPc = [{
   id: 'layout1',
   name: 'layout1',
-  image: _layoutRecommend2["default"]
+  image: _layoutRecommend3["default"]
 }, {
   id: 'layout2',
   name: 'layout2',
-  image: _layoutRecommend3["default"]
+  image: _layoutRecommend4["default"]
 }, {
   id: 'layout3',
   name: 'layout3',
-  image: _layoutRecommend4["default"]
+  image: _layoutRecommend5["default"]
 }];
 exports.recommendLayoutPc = recommendLayoutPc;
+var videoPCLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _layoutVideoPc["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutVideoPc2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _layoutVideoPc3["default"]
+}, {
+  id: 'layout4',
+  name: 'layout4',
+  image: _layoutVideoPc4["default"]
+}, {
+  id: 'layout5',
+  name: 'layout5',
+  image: _layoutVideoPc5["default"]
+}];
+exports.videoPCLayout = videoPCLayout;
+var videoH5Layout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _layoutVideoH["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutVideoH2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _layoutVideoH3["default"]
+}];
+exports.videoH5Layout = videoH5Layout;
 var mobileNavigationLayout = [{
   id: 'newline',
   name: 'newline',
@@ -159,4 +233,10 @@ var mobileNavigationLayout = [{
   name: 'tile',
   image: _layoutNavigationTile["default"]
 }];
-exports.mobileNavigationLayout = mobileNavigationLayout;
+exports.mobileNavigationLayout = mobileNavigationLayout;
+var pcNavigationLayout = [{
+  id: 'normal',
+  name: 'normal',
+  image: _layoutNavigationNormal["default"]
+}];
+exports.pcNavigationLayout = pcNavigationLayout;

package/lib/core/Designer/AppointmentModal/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AppointmentModal;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _locale = require("../../../locale");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// import { Button } from '../../../common';
+function AppointmentModal(props) {
+  var visible = props.visible,
+      onClose = props.onClose,
+      onConfirm = props.onConfirm;
+
+  var form = _antd.Form.useForm()[0];
+
+  var onConfirmPublish = function onConfirmPublish() {
+    form.submit();
+  };
+
+  var onFinish = function onFinish(values) {
+    console.log(values);
+    var dateString = values.date.format('YYYY-MM-DD HH:mm:ss');
+    onConfirm(dateString);
+  };
+
+  var disabledDate = function disabledDate(current) {
+    return current && (current < (0, _moment["default"])().add(30, 'minutes') || current > (0, _moment["default"])().add(30, 'days'));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
+    footer: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "footer"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      onClick: function onClick() {
+        return onClose && onClose();
+      },
+      size: "small",
+      type: "light"
+    }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+      onClick: onConfirmPublish,
+      size: "small",
+      type: "primary"
+    }, (0, _locale.i18n)('CONFIRM'))),
+    maskClosable: false,
+    onCancel: onClose,
+    title: (0, _locale.i18n)('PUBLISH_LATER'),
+    visible: visible,
+    width: 500,
+    wrapClassName: "m-appointment-modal"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+    autoComplete: "off",
+    form: form,
+    initialValues: {
+      date: (0, _moment["default"])().add(31, 'minutes')
+    },
+    layout: "vertical",
+    onFinish: onFinish
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    label: (0, _locale.i18n)('PUBLISH_TIME'),
+    name: "date",
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
+    disabledDate: disabledDate,
+    placeholder: "Select Time",
+    showNow: false,
+    showTime: true,
+    style: {
+      width: '100%'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tips"
+  }, "Please select a time after 30 minutes and within 30 days")));
+}

package/lib/core/Designer/AppointmentModal/index.less

@@ -0,0 +1,23 @@
+[magic_design] .m-appointment-modal {
+
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .tips {
+    font-size: 13px;
+    line-height: 18px;
+    color: #A3AEC3;
+    margin-bottom: 40px;
+  }
+
+  .ant-modal-body {
+    overflow: unset;
+  }
+
+  .ant-picker-ok button {
+    color: #fff;
+  }
+
+}

package/lib/core/Designer/CompListPanel/CompCard/index.js

@@ -9,11 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Iconfont = _interopRequireDefault(require("../../../../common/Iconfont"));
 
+var _constants = require("../../../../constants");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function CompCard(_a) {
+  var _b;
+
   var label = _a.label,
       onAdd = _a.onAdd,
       type = _a.type,
@@ -24,7 +28,7 @@ function CompCard(_a) {
     className: "comp-info"
   }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
     className: "comp-icon",
-    type: icon
+    type: icon || ((_b = _constants.compInfoMap[type]) === null || _b === void 0 ? void 0 : _b.icon)
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "comp-name"
   }, label)), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {

package/lib/core/Designer/CompListPanel/index.js

@@ -19,6 +19,8 @@ require("./index.less");
 
 var _locale = require("../../../locale");
 
+var _coreUtil = require("../../../utils/coreUtil");
+
 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; }
@@ -107,17 +109,19 @@ function (_super) {
       className: "title"
     }, (0, _locale.i18n)('ADD_COMPONENT')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "component-list"
-    }, Object.keys(compSource).map(function (compCat) {
+    }, compSource.map(function (compCat) {
       return /*#__PURE__*/_react["default"].createElement("div", {
-        key: compCat,
+        key: compCat.moduleCatgId,
         className: "cat-list"
       }, /*#__PURE__*/_react["default"].createElement("h5", {
         className: "cat-name"
-      }, compCat, "(", "" + compSource[compCat].length, ")"), compSource[compCat].map(function (comp) {
-        return /*#__PURE__*/_react["default"].createElement(_CompCard["default"], _extends({}, comp, {
+      }, compCat.category, "(", "" + (compCat.modules ? compCat.modules.length : '0'), ")"), compCat.modules && compCat.modules.map(function (comp) {
+        return (0, _coreUtil.isActiveFloor)(comp.terminalType) ? /*#__PURE__*/_react["default"].createElement(_CompCard["default"], _extends({}, comp, {
           key: comp.moduleId,
-          onAdd: _this.onAddClick
-        }));
+          onAdd: function onAdd() {
+            return _this.onAddClick(comp);
+          }
+        })) : null;
       }));
     })));
   };
@@ -125,34 +129,5 @@ function (_super) {
   return CompListPanel;
 }(_react.Component);
 
-var _default = CompListPanel; // export default function CompListPanel({ visible, onClose, compSource, onAdd }) {
-//   useEffect(() => {
-//     if (visible) {
-//       document.getElementsByClassName('component-list')[0].scrollTop = 0;
-//     }
-//   }, [visible]);
-//   return (
-//     <div className={classNames('compListPanel', { visible })}>
-//       <header className="header">
-//         <Button icon="icon-close" onClick={onClose} type="icon" />
-//       </header>
-//       <h2 className="title">{i18n('ADD_COMPONENT')}</h2>
-//       <div className="component-list">
-//         {
-//           Object.keys(compSource).map(compCat => (
-//             <div key={compCat} className="cat-list">
-//               <h5 className="cat-name">{compCat}({`${compSource[compCat].length}`})</h5>
-//               {
-//                 compSource[compCat].map(comp => (
-//                   <CompCard {...comp} key={comp.moduleId} onAdd={onAdd} />
-//                 ))
-//               }
-//             </div>
-//           ))
-//         }
-//       </div>
-//     </div>
-//   );
-// }
-
+var _default = CompListPanel;
 exports["default"] = _default;

package/lib/core/Designer/ConfigPanel/TerminalSelect/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TerminalSelect;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common = require("../../../../common");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TerminalSelect(_a) {
+  var value = _a.value,
+      onChange = _a.onChange,
+      terminalType = _a.terminalType;
+  var isActiveMobile = !value || ['MOBILE', 'ALL'].includes(value);
+  var isActivePc = !value || ['PC', 'ALL'].includes(value);
+
+  var onTerminalClick = function onTerminalClick(terminal) {
+    // 至少选中一种终端
+    if (value === terminal) {
+      return;
+    }
+
+    if (!value || value === 'ALL') {
+      if (terminal === 'PC') {
+        onChange('MOBILE');
+      } else {
+        onChange('PC');
+      }
+    } else {
+      onChange('ALL');
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "terminal_wrap"
+  }, ['MOBILE', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "terminal_item",
+    onClick: function onClick() {
+      return onTerminalClick('MOBILE');
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    color: isActiveMobile ? '#2F54EB' : '#C4C4C4',
+    size: 20,
+    type: "icon-mobile"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "select"
+  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    color: isActiveMobile ? '#00AC5A' : '#A3AEC3',
+    size: 9,
+    type: "icon-select"
+  }))), ['PC', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "terminal_item",
+    onClick: function onClick() {
+      return onTerminalClick('PC');
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    color: isActivePc ? '#2F54EB' : '#C4C4C4',
+    size: 20,
+    type: "icon-pc"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "select"
+  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+    color: isActivePc ? '#00AC5A' : '#A3AEC3',
+    size: 9,
+    type: "icon-select"
+  }))));
+}

package/lib/core/Designer/ConfigPanel/TerminalSelect/index.less

@@ -0,0 +1,29 @@
+.terminal_wrap {
+  display: flex;
+  .terminal_item {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    background-color: #EDF0F4;
+    border-radius: 2px;
+    cursor: pointer;
+    .select {
+      position: absolute;
+      right: -4px;
+      top: -4px;
+      line-height: 0;
+    }
+  }
+  .terminal_item + .terminal_item {
+    margin-left: 16px;
+  }
+  .active {
+    background-color: #2F54EB;
+  }
+}
+.terminal_wrap+ span {
+  margin-left: 14px;
+}