@fonixtree/magic-design 2.0.3 → 2.0.5

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

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _antd = require("antd");
 
-var _marked = require("marked");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _CopyBtn = _interopRequireDefault(require("./components/CopyBtn"));
@@ -23,6 +21,8 @@ var _FonixtreeGpt = _interopRequireDefault(require("../FonixtreeGpt"));
 
 var _AiImageGenerator = _interopRequireDefault(require("../AiImageGenerator"));
 
+var _commonUtil = require("../../../utils/commonUtil");
+
 require("./index.less");
 
 require("./markdown.less");
@@ -72,7 +72,8 @@ function (_super) {
       message: '',
       context: [],
       isGenerating: false,
-      aiImageVisible: false
+      aiImageVisible: false,
+      loading: true
     };
 
     _this.scrollBottom = function () {
@@ -87,7 +88,7 @@ function (_super) {
     };
 
     _this.getMarkText = function (text) {
-      return _marked.marked.parse(text);
+      return marked.parse(text);
     };
 
     _this.onEnter = function () {
@@ -172,10 +173,17 @@ function (_super) {
   }
 
   ChatRobot.prototype.componentDidMount = function () {
+    var _this = this;
+
     var context = this.chatGpt.getContext();
     this.setState({
       context: context
     });
+    (0, _commonUtil.importAsync)('https://cdn.jsdelivr.net/npm/marked/marked.min.js').then(function () {
+      return _this.setState({
+        loading: false
+      });
+    });
   };
 
   ChatRobot.prototype.render = function () {
@@ -186,7 +194,13 @@ function (_super) {
         message = _a.message,
         open = _a.open,
         isGenerating = _a.isGenerating,
-        aiImageVisible = _a.aiImageVisible;
+        aiImageVisible = _a.aiImageVisible,
+        loading = _a.loading;
+
+    if (loading) {
+      return null;
+    }
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "chat_wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -46,6 +46,9 @@
       &::-webkit-scrollbar-track {
         background: transparent;
       }
+      &::-webkit-scrollbar-corner {
+        background:transparent;
+      }
     
       .messageOuterWrap {
         margin-bottom: 20px;

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

@@ -11,8 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _antd = require("antd");
 
-var _marked = require("marked");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _CopyBtn = _interopRequireDefault(require("./components/CopyBtn"));
@@ -23,6 +21,8 @@ var _FonixtreeGpt = _interopRequireDefault(require("../FonixtreeGpt"));
 
 var _AiImageGenerator = _interopRequireDefault(require("../AiImageGenerator"));
 
+var _commonUtil = require("../../../utils/commonUtil");
+
 require("./index.less");
 
 require("./markdown.less");
@@ -72,7 +72,8 @@ function (_super) {
       message: '',
       context: [],
       isGenerating: false,
-      aiImageVisible: false
+      aiImageVisible: false,
+      loading: true
     };
 
     _this.scrollBottom = function () {
@@ -87,7 +88,7 @@ function (_super) {
     };
 
     _this.getMarkText = function (text) {
-      return _marked.marked.parse(text);
+      return marked.parse(text);
     };
 
     _this.onEnter = function () {
@@ -172,10 +173,17 @@ function (_super) {
   }
 
   ChatRobot.prototype.componentDidMount = function () {
+    var _this = this;
+
     var context = this.chatGpt.getContext();
     this.setState({
       context: context
     });
+    (0, _commonUtil.importAsync)('https://cdn.jsdelivr.net/npm/marked/marked.min.js').then(function () {
+      return _this.setState({
+        loading: false
+      });
+    });
   };
 
   ChatRobot.prototype.render = function () {
@@ -186,7 +194,13 @@ function (_super) {
         message = _a.message,
         open = _a.open,
         isGenerating = _a.isGenerating,
-        aiImageVisible = _a.aiImageVisible;
+        aiImageVisible = _a.aiImageVisible,
+        loading = _a.loading;
+
+    if (loading) {
+      return null;
+    }
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "chat_wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -46,6 +46,9 @@
       &::-webkit-scrollbar-track {
         background: transparent;
       }
+      &::-webkit-scrollbar-corner {
+        background:transparent;
+      }
     
       .messageOuterWrap {
         margin-bottom: 20px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",