@fonixtree/magic-design 2.0.63 → 2.0.64

package/es/composite-comp/dito/second-config-panels/MenuNavigationSecondConfig/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 WalletSecondConfig =
+/** @class */
+function (_super) {
+  __extends(WalletSecondConfig, _super);
+
+  function WalletSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: panelProps.image.id,
+        name: (0, _locale.i18n)('IMAGE'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image,
+          needClickArea: false,
+          onlySpecificCode: "FunctionPage"
+        }),
+        metaOption: panelProps.image
+      }];
+      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('NAME')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+        className: "inputStyle",
+        onChange: function onChange(e) {
+          panelProps.type = e.target.value;
+
+          _this.setState({});
+        },
+        placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
+        size: "middle",
+        value: panelProps.type
+      })), /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        divider: "dashed",
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  WalletSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "Wallet_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: panelProps.id || 'walletNuriContent',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  WalletSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return WalletSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = WalletSecondConfig;
+exports["default"] = _default;

package/es/constants/component-types.js

@@ -47,6 +47,10 @@ var _MobileNavigation = _interopRequireDefault(require("../composite-comp/dito/c
 
 var _PcNavigation = _interopRequireDefault(require("../composite-comp/dito/components/PcNavigation"));
 
+var _MenuNavigation = _interopRequireDefault(require("../composite-comp/dito/components/MenuNavigation"));
+
+var _HeadNavigation = _interopRequireDefault(require("../composite-comp/dito/components/HeadNavigation"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -89,6 +93,10 @@ var _MobileNavigationConfig = _interopRequireDefault(require("../composite-comp/
 
 var _PcNavigationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/PcNavigationConfig"));
 
+var _MenuNavigationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/MenuNavigationConfig"));
+
+var _HeadNavigationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/HeadNavigationConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -117,6 +125,10 @@ var _MobileNavigationSecondConfig = _interopRequireDefault(require("../composite
 
 var _PcNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/PcNavigationSecondConfig"));
 
+var _MenuNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/MenuNavigationSecondConfig"));
+
+var _HeadNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/HeadNavigationSecondConfig"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _a, _b, _c; // 组件
@@ -125,17 +137,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[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["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[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["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);
 /**
  * 一级配置面板索引
  */
 
 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[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["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[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["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);
 /**
  * 二级配置面板索引
  */
 
 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[_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[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_MenuNavigation["default"].type] = _MenuNavigationSecondConfig["default"], _c[_HeadNavigation["default"].type] = _HeadNavigationSecondConfig["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

@@ -185,6 +185,14 @@ var compInfoMap = {
   WALLET_NURI: {
     name: 'Wallet',
     icon: 'icon-Wallet'
+  },
+  HEAD_NAVIGATION: {
+    name: 'Head Navigation',
+    icon: 'icon-header'
+  },
+  MENU_NAVIGATION: {
+    name: 'Menu Navigation',
+    icon: 'icon-footer'
   }
 };
 /**

package/es/core/Designer/ChatRobot/components/SearchCondition/index.js

@@ -0,0 +1,110 @@
+"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"] = SearchCondition;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.less");
+
+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; }
+
+var toneList = ['Concise', 'Formal', 'Youthful', 'Innovative', 'Enticing'];
+
+function SearchCondition() {
+  var _a = (0, _react.useState)('Concise'),
+      tone = _a[0],
+      setTone = _a[1];
+
+  var _b = (0, _react.useState)('30'),
+      count = _b[0],
+      setCount = _b[1];
+
+  var _c = (0, _react.useState)(''),
+      features = _c[0],
+      setFeatures = _c[1];
+
+  var _d = (0, _react.useState)(''),
+      key = _d[0],
+      setKey = _d[1];
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "condition_wrap"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_title"
+  }, "Detailed description"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item_label"
+  }, "Preferred tone of the description?"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_value"
+  }, toneList.map(function (name) {
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('tone_item', {
+        tone_active: tone === name
+      }),
+      onClick: function onClick() {
+        return setTone(name);
+      }
+    }, name);
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item_label"
+  }, "Desired word count range?"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_value"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    allowClear: true,
+    defaultValue: "30",
+    onChange: function onChange(e) {
+      return setCount(e);
+    },
+    options: [{
+      value: '30',
+      label: '30'
+    }, {
+      value: '50',
+      label: '50'
+    }, {
+      value: '70',
+      label: '70'
+    }],
+    style: {
+      width: '100%'
+    }
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item_label"
+  }, "What are the key features?"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_value"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    onChange: function onChange(e) {
+      return setFeatures(e.target.value);
+    },
+    value: features
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_item"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "item_label"
+  }, "What key details should be emphasized?"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cond_value"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    onChange: function onChange(e) {
+      return setKey(e.target.value);
+    },
+    value: key
+  }))));
+}

package/es/core/Designer/ChatRobot/components/SearchCondition/index.less

@@ -0,0 +1,33 @@
+.condition_wrap {
+  padding: 12px 12px 0 12px;
+  .cond_title { 
+    font-family: Open Sans;
+    font-size: 16px;
+    font-weight: 700;
+    margin-bottom: 16px;
+  }
+  .cond_item {
+    margin-bottom: 16px;
+    .item_label {
+      font-family: Open Sans;
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+    .cond_value {
+      .tone_item {
+        cursor: pointer;
+        margin-right: 8px;
+        padding: 7px 10px;
+        height: 32px;
+        border: 1px solid #D2D9E5;
+        border-radius: 100px;
+      }
+      .tone_active {
+        background-color: #E9F0FF;
+        color: #2F54EB;
+        border-color: #D6E4FF;
+      }
+    }
+  }
+}

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

@@ -15,6 +15,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _CopyBtn = _interopRequireDefault(require("./components/CopyBtn"));
 
+var _SearchCondition = _interopRequireDefault(require("./components/SearchCondition"));
+
 var _common = require("../../../common");
 
 var _FonixtreeGpt = _interopRequireDefault(require("../FonixtreeGpt"));
@@ -75,7 +77,8 @@ function (_super) {
       context: [],
       isGenerating: false,
       aiImageVisible: false,
-      loading: true
+      loading: true,
+      showCondition: true
     };
 
     _this.scrollBottom = function () {
@@ -197,7 +200,8 @@ function (_super) {
         open = _a.open,
         isGenerating = _a.isGenerating,
         aiImageVisible = _a.aiImageVisible,
-        loading = _a.loading;
+        loading = _a.loading,
+        showCondition = _a.showCondition;
 
     if (loading) {
       return null;
@@ -238,6 +242,16 @@ function (_super) {
           cursor: 'pointer'
         },
         type: "icon-image"
+      }), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+        className: "toggle_btn",
+        color: "#2F54EB",
+        onClick: function onClick() {
+          return _this.setState({
+            showCondition: !showCondition
+          });
+        },
+        size: 24,
+        type: showCondition ? 'icon-circle-down' : 'icon-circle-up'
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])('generate_btn', {
           disable_btn: message.length === 0
@@ -313,6 +327,8 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_antd.Spin, {
       spinning: true
     }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "regenerate_btn_wrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "regenerate_btn",
       onClick: this.onRegenarate
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
@@ -323,9 +339,11 @@ function (_super) {
         marginRight: 5
       },
       type: "icon-refresh"
-    }), "Regenerate Response"), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "more_condition"
-    }))), /*#__PURE__*/_react["default"].createElement(_AiImageGenerator["default"], {
+    }), "Regenerate Response")), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('more_condition', {
+        more_condition_hide: !showCondition
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_SearchCondition["default"], null)))), /*#__PURE__*/_react["default"].createElement(_AiImageGenerator["default"], {
       onClose: function onClose() {
         return _this.setState({
           aiImageVisible: false

package/es/core/Designer/ChatRobot/index.less

@@ -32,12 +32,15 @@
     }
   }
   .chat_content_wrap {
+    display: flex;
+    flex-direction: column;
     position: relative;
-    padding-bottom: 40px;
     height: 100%;
     .content_wrap {
+      background: #F5F6F7;
+      flex: 1;
       padding: 16px;
-      height: 100%;
+      // height: 100%;
       overflow: scroll;
       font-family: 'Open Sans';
       font-size: 14px;
@@ -78,16 +81,18 @@
         display: flex;
         justify-content: flex-end;
         .messageWrap {
+          border: 1px solid #E6EAF0;
           border-radius: 4px;
-          background: #E9F0FF;
-          color: #2F54EB;
+          background: #FFF;
+          color: #232F46;
         }
       }
       .assistantMessage {
         .messageWrap {
           border-radius: 4px;
-          background: #F5F6F7;
-          color: #232F46;
+          background: #E9F0FF;
+          color: #2F54EB;
+          border: 1px solid #D6E4FF;
         }
       }
       .recent_response {
@@ -101,21 +106,36 @@
         }
       }
     }
-    .regenerate_btn {
+
+    .regenerate_btn_wrap {
+      background: #F5F6F7;
       display: flex;
       align-items: center;
-      position: absolute;
-      bottom: 10px;
-      border: 1px solid #E6EAF0;
-      border-radius: 4px;
-      padding: 4px 12px;
-      left: 50%;
-      transform: translateX(-50%);
-      cursor: pointer;
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 13px;
+      justify-content: center;
+      padding-bottom: 12px;
+      .regenerate_btn {
+        background-color: #FFF;
+        bottom: 10px;
+        border: 1px solid #E6EAF0;
+        border-radius: 4px;
+        padding: 4px 12px;
+        cursor: pointer;
+        font-family: 'Open Sans';
+        font-style: normal;
+        font-weight: 400;
+        font-size: 13px;
+      }
+    }
+    
+    .more_condition {
+      transition: all 0.4s;
+      max-height: 400px;
+      overflow: hidden;
+      box-shadow: 3px 3px 8px 0px #2D304008;
+      box-shadow: -3px -3px 8px 0px #2D304008;
+    }
+    .more_condition_hide {
+      max-height: 0;
     }
   }
   .dialog_bottom {
@@ -130,7 +150,7 @@
       }
       .image_btn {
         position: absolute;
-        right: 10px;
+        right: 40px;
         top: 6px;
       }
       .toggle_btn {

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

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 
-var _lodash = require("lodash");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -79,7 +79,7 @@ function () {
       _this.doAction(callback);
     };
 
-    this.doAction = (0, _lodash.debounce)(function (callback) {
+    this.doAction = (0, _debounce["default"])(function (callback) {
       var newCursor = _this.cursor + _this.step;
       _this.cursor = newCursor;
       var newData = (0, _cloneDeep["default"])(_this.list[newCursor]);

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

@@ -15,7 +15,9 @@ var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"))
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _lodash = require("lodash");
+var _findIndex = _interopRequireDefault(require("lodash/findIndex"));
+
+var _findLastIndex = _interopRequireDefault(require("lodash/findLastIndex"));
 
 var _common = require("../../../common");
 
@@ -139,7 +141,7 @@ function PageCompList(_a) {
 
   var getLastSameIndex = function getLastSameIndex(comps, index) {
     var lastComps = comps.slice(0, index);
-    var newIndex = (0, _lodash.findLastIndex)(lastComps, function (comp) {
+    var newIndex = (0, _findLastIndex["default"])(lastComps, function (comp) {
       return (0, _coreUtil.isActiveFloor)(comp.activeTerminal);
     });
     return newIndex;
@@ -147,7 +149,7 @@ function PageCompList(_a) {
 
   var getNextSameIndex = function getNextSameIndex(comps, index) {
     var nextComps = comps.slice(index + 1);
-    var newIndex = (0, _lodash.findIndex)(nextComps, function (comp) {
+    var newIndex = (0, _findIndex["default"])(nextComps, function (comp) {
       return (0, _coreUtil.isActiveFloor)(comp.activeTerminal);
     });
     return newIndex + index + 1;

package/es/core/Designer/index.js

@@ -263,6 +263,7 @@ window.magicDesign = {
 
 var setDesignConfig = function setDesignConfig(data) {
   window.magicDesign = __assign(__assign(__assign({}, window.magicDesign), data), {
+    designMode: true,
     compWidth: Number(data.compWidth),
     compSpacing: Number(data.compSpacing),
     MBaseUrl: data.MBaseUrl || 'operation/v1',

package/es/core/Renderer/index.js

@@ -43,11 +43,13 @@ var __assign = void 0 && (void 0).__assign || function () {
 
 var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
-      device = props.device;
+      device = props.device,
+      isPreview = props.isPreview;
   window.magicDesign = __assign(__assign({
     pageBackground: '#f2f2f2',
     mode: 'renderer',
     device: device,
+    designMode: isPreview,
     navigatePreUrl: ''
   }, config), {
     compSpacing: Number(config.compSpacing),

package/es/decorator/compositeDecorator.js

@@ -153,6 +153,19 @@ function compositeDecorator(WrappedComponent) {
 
         if (device === _constants.deviceTypeMap.PC && compWidth && !((_a = spacing === null || spacing === void 0 ? void 0 : spacing.pc) === null || _a === void 0 ? void 0 : _a.fillUp)) {
           wrapStyle.width = compWidth;
+        } // 如果是菜单 则需要设为fixed
+
+
+        if (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION') {
+          wrapStyle.position = 'absolute';
+          wrapStyle.left = 0;
+          wrapStyle.width = '100%';
+
+          if (nodeData.type === 'HEAD_NAVIGATION') {
+            wrapStyle.top = 0;
+          } else {
+            wrapStyle.bottom = 0;
+          }
         }
 
         return wrapStyle;
@@ -228,6 +241,15 @@ function compositeDecorator(WrappedComponent) {
         });
       };
 
+      _this.getOuterWrapStyle = function () {
+        var nodeData = _this.props.nodeData;
+
+        if (window.magicDesign.designMode && (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION')) {
+          var element = document.querySelector('.phone_view_area .device_border') || document.querySelector('#root .render_wrap');
+          element.style.position = 'relative';
+        }
+      };
+
       return _this;
     }
 
@@ -240,6 +262,7 @@ function compositeDecorator(WrappedComponent) {
           hoveredFloor: _mobx.store.hoveredFloor
         });
       });
+      this.getOuterWrapStyle();
     };
 
     Wrapper.prototype.componentWillUnmount = function () {

package/es/locale/en/en.json

@@ -1,4 +1,7 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
   "TIPS": "Tips",
   "AL": "AL",
   "PEEK": "Peek",

package/es/locale/es/es.json

@@ -1,4 +1,7 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
   "TIPS": "Tips",
   "AL": "AL",
   "PEEK": "Peek",

package/es/locale/id/id.json

@@ -1,4 +1,7 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
   "TIPS": "Tips",
   "AL": "AL",
   "PEEK": "Peek",