@fonixtree/magic-design 0.1.77 → 0.1.79

package/es/composite-comp/dito/components/Recommend/pc/index.js

@@ -13,9 +13,9 @@ require("./index.less");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _lodash = require("lodash");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
-var _lodash2 = _interopRequireDefault(require("lodash.throttle"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 
 var _mobx = require("../../../../../mobx");
 
@@ -245,7 +245,7 @@ function (_super) {
     _this.preContent = '';
     _this.preSpacing = '';
     _this._cache = (0, _coreUtil.isDesignMode)() ? {} : (0, _commonUtil.ensure)(function () {
-      return (0, _storeUtil.getMagicStore)("recommend_" + _this.props.panelProps.id);
+      return (0, _storeUtil.getMagicStore)("recommend_" + (window.magicDesign.pageId || '') + "_" + _this.props.panelProps.id);
     }, {});
     _this.scrollRef = /*#__PURE__*/_react["default"].createRef();
     _this.state = __assign({
@@ -303,7 +303,7 @@ function (_super) {
 
     _this.getProductList = function (index) {
       return __awaiter(_this, void 0, void 0, function () {
-        var panelProps, groupSource, recommendId, cache, _a, _b, sourceType, _c, prodIds, _d, intelligentType, _e, intelligentValue, _f, maxProdNum, newData, res, res, e_1, _cache;
+        var panelProps, groupSource, recommendId, pageId, cache, _a, _b, sourceType, _c, prodIds, _d, intelligentType, _e, intelligentValue, _f, maxProdNum, newData, res, res, e_1, _cache;
 
         var _g, _h, _j;
 
@@ -315,9 +315,10 @@ function (_super) {
               panelProps = this.props.panelProps;
               groupSource = this.state.groupSource;
               recommendId = panelProps.id;
+              pageId = window.magicDesign.pageId || '';
 
               if (!(0, _coreUtil.isDesignMode)()) {
-                cache = (0, _storeUtil.getMagicStore)("recommend_" + recommendId);
+                cache = (0, _storeUtil.getMagicStore)("recommend_" + pageId + "_" + recommendId);
 
                 if (cache) {
                   if ("products" + index in cache) {
@@ -379,7 +380,8 @@ function (_super) {
                 sortType: '1',
                 intelligentType: intelligentType,
                 intelligentValue: intelligentValue.join(','),
-                aggregation: false
+                aggregation: false,
+                storeId: window.magicDesign.storeId || ''
               }, 'POST')];
 
             case 4:
@@ -416,8 +418,8 @@ function (_super) {
 
             case 10:
               if (!(0, _coreUtil.isDesignMode)()) {
-                _cache = (0, _storeUtil.getMagicStore)("recommend_" + recommendId);
-                (0, _storeUtil.setMagicStore)("recommend_" + recommendId, __assign(__assign({}, _cache), (_h = {}, _h["products" + index] = newData, _h.endTime = Date.now() + 3 * 60 * 1000, _h)));
+                _cache = (0, _storeUtil.getMagicStore)("recommend_" + pageId + "_" + recommendId);
+                (0, _storeUtil.setMagicStore)("recommend_" + pageId + "_" + recommendId, __assign(__assign({}, _cache), (_h = {}, _h["products" + index] = newData, _h.endTime = Date.now() + 3 * 60 * 1000, _h)));
               }
 
               this.setState((_j = {}, _j["products" + index] = newData, _j), function () {
@@ -478,7 +480,7 @@ function (_super) {
         if (scrollDom) {
           _this.setScrollDisabled(scrollDom);
 
-          scrollDom.onscroll = (0, _lodash2["default"])(function () {
+          scrollDom.onscroll = (0, _lodash["default"])(function () {
             _this.setScrollDisabled(scrollDom);
           }, 500);
         }
@@ -526,13 +528,13 @@ function (_super) {
       if (scrollDom) {
         _this.setScrollDisabled(scrollDom);
 
-        scrollDom.onscroll = (0, _lodash2["default"])(function () {
+        scrollDom.onscroll = (0, _lodash["default"])(function () {
           _this.setScrollDisabled(scrollDom);
         }, 500);
       }
     }, 0);
     this.listenWidth();
-    window.addEventListener('resize', (0, _lodash.debounce)(this.listenWidth));
+    window.addEventListener('resize', (0, _debounce["default"])(this.listenWidth));
   };
 
   RecommendMobile.prototype.componentWillUnmount = function () {
@@ -588,7 +590,7 @@ function (_super) {
         if (scrollDom) {
           _this.setScrollDisabled(scrollDom);
 
-          scrollDom.onscroll = (0, _lodash2["default"])(function () {
+          scrollDom.onscroll = (0, _lodash["default"])(function () {
             _this.setScrollDisabled(scrollDom);
           }, 500);
         }

package/es/composite-comp/dito/components/SearchBar/defaultJSON.js

@@ -45,6 +45,14 @@ var getDefaultJSON = function getDefaultJSON() {
         color: {
           pc: '#D92929',
           mobile: '#232F46'
+        },
+        cartIcon: {
+          pc: true,
+          mobile: true
+        },
+        messageIcon: {
+          pc: false,
+          mobile: true
         }
       }
     },

package/es/composite-comp/dito/components/SearchBar/mobile/index.js

@@ -197,7 +197,48 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {
-      messageNum: ''
+      messageNum: '',
+      cartNum: ''
+    };
+
+    _this.getCartNum = function () {
+      return __awaiter(_this, void 0, void 0, function () {
+        var num, cart;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              num = '';
+              if (!(localStorage.getItem('isLogin') === 'Y')) return [3
+              /*break*/
+              , 2];
+              return [4
+              /*yield*/
+              , (0, _commonUtil.commonFetch)('/designer/v1/h5/carts/num', {}, 'GET')];
+
+            case 1:
+              cart = _a.sent();
+              num = cart.num;
+              return [3
+              /*break*/
+              , 3];
+
+            case 2:
+              num = (JSON.parse(localStorage.getItem('TEMP_CART')) || []).length;
+              _a.label = 3;
+
+            case 3:
+              if (num > 0) {
+                this.setState({
+                  cartNum: num
+                });
+              }
+
+              return [2
+              /*return*/
+              ];
+          }
+        });
+      });
     };
 
     _this.getMessageNum = function () {
@@ -228,14 +269,19 @@ function (_super) {
   }
 
   SearchMobile.prototype.componentDidMount = function () {
+    // const { data } = this.props;
+    // console.log('---mobile ', data);
     this.getMessageNum();
+    this.getCartNum();
   };
 
   SearchMobile.prototype.render = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
 
     var data = this.props.data;
-    var messageNum = this.state.messageNum; // let styleWrap = {};
+    var _q = this.state,
+        messageNum = _q.messageNum,
+        cartNum = _q.cartNum; // let styleWrap = {};
     // if (data.content.background.bgType === 'color') {
     //   styleWrap = {
     //     backgroundColor: data.content.background.color,
@@ -269,10 +315,24 @@ function (_super) {
         display: 'flex'
       },
       type: "icon-search2"
-    })), data.content && ((_f = data.content.icon) === null || _f === void 0 ? void 0 : _f.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.content && ((_g = (_f = data.content.icon) === null || _f === void 0 ? void 0 : _f.cartIcon) === null || _g === void 0 ? void 0 : _g.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "message-wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+      color: (_j = (_h = data.content.icon) === null || _h === void 0 ? void 0 : _h.color) === null || _j === void 0 ? void 0 : _j.mobile,
+      onClick: function onClick() {
+        return (0, _coreUtil.clickUrl)('/main/cart');
+      },
+      size: (0, _commonUtil.convertToRem)(24),
+      style: {
+        display: 'flex'
+      },
+      type: "icon-ShoppingCartSimple1"
+    }), !!cartNum && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "num"
+    }, cartNum)), data.content && ((_l = (_k = data.content.icon) === null || _k === void 0 ? void 0 : _k.messageIcon) === null || _l === void 0 ? void 0 : _l.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "message-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_h = (_g = data.content.icon) === null || _g === void 0 ? void 0 : _g.color) === null || _h === void 0 ? void 0 : _h.mobile,
+      color: (_o = (_m = data.content.icon) === null || _m === void 0 ? void 0 : _m.color) === null || _o === void 0 ? void 0 : _o.mobile,
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/message-center');
       },
@@ -280,10 +340,10 @@ function (_super) {
       style: {
         display: 'flex'
       },
-      type: "icon-ChatDots"
+      type: "icon-message"
     }), !!messageNum && /*#__PURE__*/_react["default"].createElement("span", {
       className: "num"
-    }, messageNum))), data.content && ((_j = data.content.logo) === null || _j === void 0 ? void 0 : _j.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, messageNum))), data.content && ((_p = data.content.logo) === null || _p === void 0 ? void 0 : _p.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "logo"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
       data: data.content.logo,

package/es/composite-comp/dito/components/SearchBar/pc/index.js

@@ -117,7 +117,7 @@ function (_super) {
         display: 'flex'
       },
       type: "icon-search2"
-    }))), data.content && data.content.icon.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }))), data.content && data.content.icon.cartIcon.pc && /*#__PURE__*/_react["default"].createElement("div", {
       className: "shopping-wrap",
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/main/cart');
@@ -129,7 +129,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       color: data.content.icon.color.pc,
       size: 16,
-      type: "icon-ShoppingCartSimple"
+      type: "icon-ShoppingCartSimple1"
     }), /*#__PURE__*/_react["default"].createElement("span", {
       className: "shopping-txt"
     }, (0, _locale.i18n)('SHOPPING_CART')))), data.content && data.content.logo.open && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {

package/es/composite-comp/dito/components/SignBoard/defaultJSON.js

@@ -11,43 +11,47 @@ var getDefaultJSON = function getDefaultJSON() {
   return {
     id: (0, _uuid.v4)(),
     type: 'SIGN_BOARD',
-    // content: {
-    //   logo: {
-    //     id: uuidv4(),
-    //     open: true,
-    //     type: 'IMAGE',
-    //     content: {
-    //       h5Name: 'name2',
-    //       pcName: 'name2',
-    //       h5ImgSrc: '',
-    //       pcImgSrc: '',
-    //       clickUrl: '',
-    //     },
-    //     hover: {
-    //       open: false,
-    //       backgroundType: 'enlarge',
-    //       magnification: 1.5,
-    //       pcImgHoverUrl: '',
-    //       h5ImgHoverUrl: '',
-    //     },
-    //   },
-    //   box: {
-    //     id: uuidv4(),
-    //     open: true,
-    //     color: {
-    //       pc: '#D92929',
-    //       mobile: '#8493AF',
-    //     },
-    //   },
-    //   icon: {
-    //     id: uuidv4(),
-    //     open: true,
-    //     color: {
-    //       pc: '#D92929',
-    //       mobile: '#232F46',
-    //     },
-    //   },
-    // },
+    content: {
+      logo: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'IMAGE',
+        content: {
+          h5Name: 'name2',
+          pcName: 'name2',
+          h5ImgSrc: '',
+          pcImgSrc: '',
+          clickUrl: ''
+        },
+        hover: {
+          open: false,
+          backgroundType: 'enlarge',
+          magnification: 1.5,
+          pcImgHoverUrl: '',
+          h5ImgHoverUrl: ''
+        }
+      },
+      title: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'TEXT',
+        specialContent: [],
+        text: 'Title',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 16,
+          color: '#070707'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {}
+      }
+    },
     spacing: {
       pc: {
         paddingTop: 20,

package/es/composite-comp/dito/components/SignBoard/mobile/index.js

@@ -13,8 +13,6 @@ var _antd = require("antd");
 
 var _common = require("../../../../../common");
 
-var _storeLogo = _interopRequireDefault(require("../imgs/storeLogo.png"));
-
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _star = _interopRequireDefault(require("../imgs/star.svg"));
@@ -23,6 +21,8 @@ var _commonUtil = require("../../../../../utils/commonUtil");
 
 var _locale = require("../../../../../locale");
 
+var _components = require("../../../../../meta-comp/components");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -210,10 +210,9 @@ function (_super) {
 
     _this.getStoreInfo = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var storeId, _a, res, isFollow;
-
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        var storeId, storeDetailInfo;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
             case 0:
               storeId = window.magicDesign.storeId;
               if (!storeId) return [3
@@ -221,17 +220,15 @@ function (_super) {
               , 2];
               return [4
               /*yield*/
-              , Promise.all([(0, _commonUtil.commonFetch)("/designer/v1/h5/store/detail/" + storeId, {}, 'GET'), (0, _commonUtil.commonFetch)('/designer/v1/h5/collection/store/check', {
-                storeId: storeId
-              })])];
+              , (0, _commonUtil.commonFetch)("/designer/v1/h5/store/detail/" + storeId, {}, 'GET')];
 
             case 1:
-              _a = _b.sent(), res = _a[0], isFollow = _a[1];
+              storeDetailInfo = _a.sent();
               this.setState({
-                storeInfo: res,
-                isFollow: isFollow == 'Y'
+                storeInfo: storeDetailInfo,
+                isFollow: storeDetailInfo.userHasFollowed == 'Y'
               });
-              _b.label = 2;
+              _a.label = 2;
 
             case 2:
               return [2
@@ -310,17 +307,21 @@ function (_super) {
 
     _this.toChat = function () {
       var storeInfo = _this.state.storeInfo; // 登录情况下，直接跳聊天页
-
-      if (localStorage.getItem('isLogin') === 'Y') {
-        (0, _commonUtil.navigateTo)("/chat/" + (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.sysAccount));
-      } else {
-        window.magicDesign.history.push({
-          pathname: '/sign-in',
-          state: {
-            redirectUrl: "/chat/" + (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.sysAccount)
-          }
-        });
-      }
+      // if (localStorage.getItem('isLogin') === 'Y') {
+      //   navigateTo(`/chat/${storeInfo?.sysAccount}`);
+      // } else {
+      //   window.magicDesign.history.push({ pathname: '/sign-in', state: { redirectUrl: `/chat/${storeInfo?.sysAccount}` } });
+      // }
+
+      var params = {
+        action: 'operation',
+        params: {
+          type: 'CHAT',
+          storeId: storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeId,
+          sysAccount: storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.sysAccount
+        }
+      };
+      window.magicDesign.handleAction(params);
     };
 
     return _this;
@@ -331,14 +332,16 @@ function (_super) {
   };
 
   SignBoardMobile.prototype.render = function () {
-    var _this = this; // const { data } = this.props;
-    // console.log('--SignBoard', data);
+    var _this = this;
 
+    var _a, _b;
 
-    var _a = this.state,
-        storeInfo = _a.storeInfo,
-        isFollow = _a.isFollow,
-        inputVal = _a.inputVal;
+    var data = this.props.data; // console.log('--SignBoard', data);
+
+    var _c = this.state,
+        storeInfo = _c.storeInfo,
+        isFollow = _c.isFollow,
+        inputVal = _c.inputVal;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-sign-board-bar"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -363,12 +366,18 @@ function (_super) {
       type: "icon-search2"
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "store-info-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      className: "store-logo",
-      src: (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeLogoUrl) || _storeLogo["default"]
+    }, data.content && ((_a = data.content.logo) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "logo"
+    }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
+      data: data.content.logo,
+      style: {
+        height: 44,
+        width: 44
+      }
+    })), data.content && ((_b = data.content.title) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
+      className: "card-text",
+      data: data.content.title
     }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "store-name"
-    }, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeName) || 'Compraqui'), /*#__PURE__*/_react["default"].createElement("div", {
       onClick: this.clickCollect
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
       color: isFollow ? '#F1600F' : '#333333',
@@ -378,12 +387,12 @@ function (_super) {
       className: "store-info-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "number"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '5', "  "), /*#__PURE__*/_react["default"].createElement("img", {
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '5。0', "  "), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "star",
       src: _star["default"]
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "number"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.userCollectionNum) || '1000+', "  "), " ", (0, _locale.i18n)('FOLLOWERS')), /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.userCollectionNum) || 0, "  "), " ", (0, _locale.i18n)('FOLLOWERS')), (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.hasCustomerService) === 'Y' && /*#__PURE__*/_react["default"].createElement("div", {
       className: "chat-btn",
       onClick: this.toChat
     }, (0, _locale.i18n)('CHAT'))));

package/es/composite-comp/dito/components/SignBoard/mobile/index.less

@@ -62,17 +62,3 @@
   text-transform: uppercase;
   color: #333333;
 }
-.m-sign-board-bar .store-info-wrap .store-logo {
-  width: 0.88rem;
-  height: 0.88rem;
-  border-radius: 50%;
-}
-.m-sign-board-bar .store-info-wrap .store-name {
-  flex: 1;
-  margin-left: 0.24rem;
-  font-weight: 500;
-  font-size: 0.32rem;
-  line-height: 0.4rem;
-  color: #070707;
-  font-family: 'Montserrat';
-}

package/es/composite-comp/dito/components/SignBoard/pc/index.js

@@ -212,10 +212,9 @@ function (_super) {
 
     _this.getStoreInfo = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var storeId, _a, res, isFollow;
-
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        var storeId, storeDetailInfo;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
             case 0:
               storeId = window.magicDesign.storeId;
               if (!storeId) return [3
@@ -223,17 +222,15 @@ function (_super) {
               , 2];
               return [4
               /*yield*/
-              , Promise.all([(0, _commonUtil.commonFetch)("/designer/v1/h5/store/detail/" + storeId, {}, 'GET'), (0, _commonUtil.commonFetch)('/designer/v1/h5/collection/store/check', {
-                storeId: storeId
-              })])];
+              , (0, _commonUtil.commonFetch)("/designer/v1/h5/store/detail/" + storeId, {}, 'GET')];
 
             case 1:
-              _a = _b.sent(), res = _a[0], isFollow = _a[1];
+              storeDetailInfo = _a.sent();
               this.setState({
-                storeInfo: res,
-                isFollow: isFollow == 'Y'
+                storeInfo: storeDetailInfo,
+                isFollow: storeDetailInfo.userHasFollowed == 'Y'
               });
-              _b.label = 2;
+              _a.label = 2;
 
             case 2:
               return [2

package/es/composite-comp/dito/config-panels/AffiliateRecommendConfig/RecommendConfigContent/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/TextConfig"));
+
+var _coreUtil = require("../../../../../utils/coreUtil");
+
+var _common = require("../../../../../common");
+
+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 AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "recommend_content"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: panelProps.productName.id,
+        name: (0, _locale.i18n)('PRODUCT_NAME'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.productName
+        }),
+        metaOption: panelProps.productName
+      }, {
+        key: panelProps.salesPrice.id,
+        name: (0, _locale.i18n)('SALES_PRICE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.salesPrice
+        }),
+        metaOption: panelProps.salesPrice
+      }],
+      type: "switch"
+    }));
+  };
+
+  AComponent.defaultProps = {
+    panelProps: {
+      sortType: '1',
+      productName: {},
+      salesPrice: {}
+    }
+  };
+  return AComponent;
+}(_react["default"].Component);
+
+var _default = AComponent;
+exports["default"] = _default;