@fonixtree/magic-design 0.1.71 → 0.1.73

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

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _uuid = require("uuid");
+
+var _commonUtil = require("../../../utils/commonUtil");
+
+var _storeUtil = require("../../../utils/storeUtil");
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+// 角色
+var roleMap = {
+  ASSISTANT: 'assistant',
+  USER: 'user'
+}; // 上下文缓存key
+
+var catchKey = 'fonixtree_chat_context';
+
+var FonixtreeGpt =
+/** @class */
+function () {
+  function FonixtreeGpt(params) {
+    var _this = this; // 客户端标识
+
+
+    this.clientId = ''; // 是否正在生成
+
+    this.isGenerating = false; // 初始化参数
+
+    this.initParams = {}; // 初始化
+
+    this.initChatGpt = function () {
+      var _a = _this.initParams,
+          onMessage = _a.onMessage,
+          onEnd = _a.onEnd;
+      var text = '';
+      var sse;
+      _this.clientId = (0, _uuid.v4)();
+      var eventSource = new EventSource("/designer/v1/ai/sse/create?clientId=" + _this.clientId);
+
+      eventSource.onopen = function (event) {
+        sse = event.target;
+      };
+
+      eventSource.onmessage = function (event) {
+        if (event.data == '[DONE]') {
+          _this.isGenerating = false;
+
+          _this.insertMessage2Context(text, roleMap.ASSISTANT);
+
+          text = '';
+          onEnd();
+
+          if (sse) {
+            sse.close();
+          }
+
+          return;
+        }
+
+        var jsonData = JSON.parse(event.data); // 没有数据
+
+        if (!jsonData.choices.length) {
+          return;
+        }
+
+        text += jsonData.choices[0].delta.content || '';
+        onMessage(text);
+      };
+
+      eventSource.onerror = function (event) {
+        console.log('onerror', event);
+      };
+    }; // 获取chat上下文
+
+
+    this.getContext = function () {
+      var messages = (0, _storeUtil.getSessionStore)(catchKey) || [];
+      return messages;
+    }; // 消息插入上下文中
+
+
+    this.insertMessage2Context = function (message, role) {
+      if (role === void 0) {
+        role = roleMap.USER;
+      }
+
+      var messages = (0, _storeUtil.getSessionStore)(catchKey) || [];
+      messages.push({
+        content: message,
+        role: role
+      });
+      (0, _storeUtil.setSessionStore)(catchKey, messages);
+    }; // 发送消息
+
+
+    this.sendMessage = function (message) {
+      return __awaiter(_this, void 0, void 0, function () {
+        var messages;
+        return __generator(this, function (_a) {
+          if (!message) {
+            return [2
+            /*return*/
+            ];
+          }
+
+          this.isGenerating = true;
+          this.insertMessage2Context(message);
+          messages = this.getContext();
+          (0, _commonUtil.commonFetch)('/designer/v1/ai/stream-chat-completion', {
+            clientId: this.clientId,
+            messages: messages
+          }, 'POST');
+          this.initChatGpt();
+          return [2
+          /*return*/
+          ];
+        });
+      });
+    }; // 重新生成
+
+
+    this.regenerate = function () {
+      var messages = (0, _storeUtil.getSessionStore)(catchKey) || [];
+
+      if (!messages.length) {
+        return;
+      }
+
+      if (!_this.isGenerating) {
+        // 清空上下文中的最后一次答案
+        messages.pop();
+        (0, _storeUtil.setSessionStore)(catchKey, messages);
+      }
+
+      (0, _commonUtil.commonFetch)('/designer/v1/ai/stream-chat-completion', {
+        clientId: _this.clientId,
+        messages: messages
+      }, 'POST');
+
+      _this.initChatGpt();
+    }; // setSessionStore(catchKey, []);
+
+
+    this.clientId = (0, _uuid.v4)();
+    this.initParams = params;
+  }
+
+  return FonixtreeGpt;
+}();
+
+var _default = FonixtreeGpt;
+exports["default"] = _default;

package/es/decorator/metaDecorator.js

@@ -95,7 +95,7 @@ function metaDecorator(WrappedComponent) {
               GAData = _c.GAData;
           (0, _commonUtil.pushGA)(__assign(__assign({}, GAData), {
             elementId: data.id,
-            elementName: data.text
+            elementName: data.text || GAData.groupName
           }));
           return;
         } // 组织冒泡

package/es/locale/en/en.json

@@ -3,6 +3,7 @@
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
+  "URL_IMAGE": "url image",
   "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",

package/es/locale/es/es.json

@@ -3,6 +3,7 @@
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
+  "URL_IMAGE": "url image",
   "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",

package/es/locale/id/id.json

@@ -3,6 +3,7 @@
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
+  "URL_IMAGE": "url image",
   "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",

package/es/meta-comp/config-panels/ImageConfig/index.js

@@ -205,7 +205,7 @@ function (_super) {
     _this.onClick = function (event) {// console.log(event);
     };
 
-    _this.getImg = function (v) {
+    _this.getImg = function (v, way) {
       return __awaiter(_this, void 0, void 0, function () {
         var data, _scale, pcImg, h5Img;
 
@@ -214,6 +214,9 @@ function (_super) {
             case 0:
               data = this.props.data;
               _scale = 1;
+              if (!v) return [3
+              /*break*/
+              , 6];
               if (!(0, _coreUtil.isPc)()) return [3
               /*break*/
               , 3];
@@ -267,6 +270,10 @@ function (_super) {
               _a.label = 6;
 
             case 6:
+              if (way) {
+                data.content.imageSelectedWay = way;
+              }
+
               this.selfRender();
               return [2
               /*return*/
@@ -276,17 +283,23 @@ function (_super) {
       });
     };
 
-    _this.getImgHoverUrl = function (v) {
+    _this.getImgHoverUrl = function (v, way) {
       var data = _this.props.data;
 
-      if ((0, _coreUtil.isPc)()) {
-        data.hover.pcImgHoverUrl = v.url;
+      if (v) {
+        if ((0, _coreUtil.isPc)()) {
+          data.hover.pcImgHoverUrl = v.url;
 
-        if (!data.hover.h5ImgHoverUrl) {
+          if (!data.hover.h5ImgHoverUrl) {
+            data.hover.h5ImgHoverUrl = v.url;
+          }
+        } else {
           data.hover.h5ImgHoverUrl = v.url;
         }
-      } else {
-        data.hover.h5ImgHoverUrl = v.url;
+      }
+
+      if (way) {
+        data.hover.imageSelectedWay = way;
       }
 
       _this.selfRender();
@@ -310,8 +323,12 @@ function (_super) {
     var selectImg = this.getSelectedImg(data);
 
     var ContentSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.ImagePicker, {
-      onChange: function onChange(v) {
-        _this.getImg(v);
+      imageSelectedWay: data.content.imageSelectedWay || {
+        pc: '',
+        mobile: ''
+      },
+      onChange: function onChange(v, way) {
+        _this.getImg(v, way);
       },
       value: selectImg
     }), needClickArea && selectImg && /*#__PURE__*/_react["default"].createElement(_HotAreaConfig["default"], {
@@ -364,8 +381,12 @@ function (_super) {
         count: data.hover.magnification
       }
     })), data.hover.backgroundType === 'new' && /*#__PURE__*/_react["default"].createElement(_common.ImagePicker, {
-      onChange: function onChange(v) {
-        return _this.getImgHoverUrl(v);
+      imageSelectedWay: data.hover.imageSelectedWay || {
+        pc: '',
+        mobile: ''
+      },
+      onChange: function onChange(v, way) {
+        return _this.getImgHoverUrl(v, way);
       },
       value: (0, _coreUtil.isPc)() ? data.hover.pcImgHoverUrl : data.hover.h5ImgHoverUrl
     }));

package/es/utils/commonUtil.js

@@ -14,7 +14,7 @@ exports.copy2ClipBoard = copy2ClipBoard;
 exports.covertKey = covertKey;
 exports.dragSource = void 0;
 exports.ensure = ensure;
-exports.getColorRgba = void 0;
+exports.getGAData = exports.getColorRgba = void 0;
 exports.getPageDataMap = getPageDataMap;
 exports.nextTick = exports.navigateTo = exports.importAsync = exports.getUrlParams = void 0;
 exports.pushGA = pushGA;
@@ -33,6 +33,8 @@ var _uuid = require("uuid");
 
 var _qs = _interopRequireDefault(require("qs"));
 
+var _constants = require("../constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -843,4 +845,15 @@ var compatibleNewPageData = function compatibleNewPageData(pageData) {
   }
 };
 
-exports.compatibleNewPageData = compatibleNewPageData;
+exports.compatibleNewPageData = compatibleNewPageData;
+
+var getGAData = function getGAData(data) {
+  var _a;
+
+  return {
+    moduleId: data.id,
+    moduleName: data.moduleIndex + '.' + ((_a = _constants.compInfoMap[data.type]) === null || _a === void 0 ? void 0 : _a.name)
+  };
+};
+
+exports.getGAData = getGAData;

package/lib/common/ImagePicker/index.js

@@ -19,6 +19,8 @@ var _ = require("..");
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
+var _coreUtil = require("../../utils/coreUtil");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -66,7 +68,6 @@ function (_super) {
 
     _this.state = {
       visible: false,
-      imageWay: 'upload',
       inputVal: ''
     };
 
@@ -198,6 +199,21 @@ function (_super) {
       }))));
     };
 
+    _this.changePickerWay = function (way) {
+      var tempObj = _this.props.imageSelectedWay;
+
+      if ((0, _coreUtil.isPc)()) {
+        tempObj.pc = way;
+        if (!tempObj.mobile) tempObj.mobile = way;
+      } else {
+        tempObj.mobile = way;
+        if (!tempObj.pc) tempObj.pc = way;
+      }
+
+      var onChange = _this.props.onChange;
+      onChange(null, tempObj);
+    };
+
     return _this;
   }
 
@@ -218,7 +234,8 @@ function (_super) {
   ImagePicker.prototype.render = function () {
     var _this = this;
 
-    var imageWay = this.state.imageWay;
+    var imageSelectedWay = this.props.imageSelectedWay;
+    var way = (0, _coreUtil.isPc)() ? imageSelectedWay.pc : imageSelectedWay.mobile;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "image-picker-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_.Field, {
@@ -228,31 +245,25 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       className: "image-picker-select",
       onChange: function onChange(value) {
-        _this.setState({
-          imageWay: value
-        });
+        _this.changePickerWay(value);
       },
       size: "large",
-      value: imageWay
+      value: way || 'upload'
     }, selectList.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(Option, {
         key: v.key,
         value: v.key
       }, v.value);
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "ai-btn"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#2F54EB",
-      size: 20,
-      type: "icon-ai"
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "btn-txt"
-    }, (0, _locale.i18n)('AI_IMAGE'))))), imageWay === 'upload' ? this.getImagePick() : this.getImageUrl());
+    })))), way === 'url' ? this.getImageUrl() : this.getImagePick());
   };
 
   ImagePicker.defaultProps = {
     value: '',
-    onChange: function onChange() {}
+    onChange: function onChange() {},
+    imageSelectedWay: {
+      pc: '',
+      mobile: ''
+    }
   };
   return ImagePicker;
 }(_react["default"].Component);

package/lib/composite-comp/bol/components/Banner/defaultJSON.js

@@ -207,7 +207,7 @@ var bannerGroupSourceJSON = function bannerGroupSourceJSON() {
     },
     background: {
       opacity: 100,
-      color: '#232F46',
+      color: 'rgba(255, 255, 255, 0)',
       image: '',
       bgType: 'color'
     }

package/lib/composite-comp/bol/components/Banner/mobile/index.js

@@ -182,10 +182,7 @@ function (_super) {
         carouseIndex = _a.carouseIndex,
         hoverState = _a.hoverState;
     var autoplay = data.setting.autoplay.open;
-    var GAData = {
-      moduleId: data.id,
-      moduleName: data.moduleIndex + '.' + data.type
-    };
+    var GAData = (0, _commonUtil.getGAData)(data);
     /** 设计器模式下 如果选中特定group 自动播放关闭 */
 
     if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {