@fonixtree/magic-design 2.0.18 → 2.0.20

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

@@ -106,6 +106,8 @@ function History(_a) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "history_list"
   }, source.length > 0 && source.map(function (his, index) {
+    var _a;
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('historyNode', {
         active: selectKey === his.key
@@ -124,7 +126,7 @@ function History(_a) {
       type: selected.includes(index) ? 'icon-select1' : 'icon-uncheck'
     })), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
-      src: his.images[0]
+      src: ((_a = his === null || his === void 0 ? void 0 : his.images) === null || _a === void 0 ? void 0 : _a.length) ? his.images[0] : ''
     }), his.images.length > 1 && /*#__PURE__*/_react["default"].createElement("span", {
       className: "hisImgNum"
     }, his.images.length));

package/es/core/Designer/AiImageGenerator/NumberSlider/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = NumberSlider;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function NumberSlider(props) {
+  var value = props.value;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "number_slider_wrap"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "slider_value"
+  }, value), /*#__PURE__*/_react["default"].createElement(_antd.Slider, _extends({
+    className: "cylon-slider-sm",
+    defaultValue: 4,
+    max: 9,
+    min: 1,
+    step: 1
+  }, props)));
+}

package/es/core/Designer/AiImageGenerator/NumberSlider/index.less

@@ -0,0 +1,8 @@
+.number_slider_wrap {
+  position: relative;
+  .slider_value {
+    position: absolute;
+    right: 10px;
+    top: -30px;
+  }
+}

package/es/core/Designer/AiImageGenerator/UploadReference/index.js

@@ -1,11 +1,13 @@
 "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"] = UploadReference;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _antd = require("antd");
 
@@ -13,9 +15,15 @@ var _common = require("../../../../common");
 
 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; }
 
 function UploadReference() {
+  var _a = (0, _react.useState)(5),
+      num = _a[0],
+      setNum = _a[1];
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "ref_wrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -32,14 +40,16 @@ function UploadReference() {
     className: "desc"
   }, "Big numbers have big effects"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "slider_wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "slider_value"
+  }, num), /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
     className: "cylon-slider-sm",
-    defaultValue: 5,
+    defaultValue: num,
     max: 10,
     min: 1,
-    step: 1,
-    tooltip: {
-      open: true
-    }
+    onChange: function onChange(val) {
+      return setNum(val);
+    },
+    step: 1
   }))));
 }

package/es/core/Designer/AiImageGenerator/UploadReference/index.less

@@ -34,6 +34,12 @@
     }
     .slider_wrap {
       padding-top: 12px;
+      position: relative;
+      .slider_value {
+        position: absolute;
+        right: 0px;
+        top: 0;
+      }
     }
   }
 }

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

@@ -19,6 +19,8 @@ var _GenerateArtist = _interopRequireDefault(require("./GenerateArtist"));
 
 var _UploadReference = _interopRequireDefault(require("./UploadReference"));
 
+var _NumberSlider = _interopRequireDefault(require("./NumberSlider"));
+
 var _History = _interopRequireDefault(require("./History"));
 
 var _nodata = _interopRequireDefault(require("./images/nodata.png"));
@@ -349,6 +351,16 @@ function (_super) {
 
             case 2:
               result = _a.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               history.push({
                 key: (0, _uuid.v4)(),
                 images: result.imageList,
@@ -404,6 +416,16 @@ function (_super) {
 
             case 2:
               result = _c.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               history[hisCursor] = {
                 key: key,
                 images: result.imageList,
@@ -504,6 +526,16 @@ function (_super) {
 
             case 2:
               result = _c.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               images[index] = result.imageList[0];
               this.historyChange(history);
               this.setState({
@@ -658,16 +690,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_GenerateSize["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
       label: "Number",
       name: "number"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
-      className: "cylon-slider-sm",
-      defaultValue: 4,
-      max: 9,
-      min: 1,
-      step: 1,
-      tooltip: {
-        open: true
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    }, /*#__PURE__*/_react["default"].createElement(_NumberSlider["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
       label: "Style",
       name: "style"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {

package/es/meta-comp/components/Text/index.js

@@ -78,6 +78,20 @@ var __decorate = void 0 && (void 0).__decorate || function (decorators, target,
   }
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
 /* eslint-disable react/no-danger */
 
 
@@ -176,16 +190,16 @@ function (_super) {
   }
 
   Text.prototype.componentDidMount = function () {
-    var _a;
-
-    (_a = this.textRef.current.querySelector('.quill-text-content-wrap a')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', function (event) {
-      event.preventDefault();
-      var target = event.target;
-      var href = target.getAttribute('href'); // 在这里执行你想要的操作
-
-      console.log('链接点击事件:', href);
-      var data = JSON.parse(href);
-      (0, _coreUtil.clickUrl)(data);
+    __spreadArrays(this.textRef.current.querySelectorAll('a')).forEach(function (dom) {
+      dom.addEventListener('click', function (event) {
+        event.preventDefault();
+        var target = event.currentTarget;
+        var href = target.getAttribute('href'); // 在这里执行你想要的操作
+
+        console.log('链接点击事件:', href);
+        var data = JSON.parse(href);
+        (0, _coreUtil.clickUrl)(data);
+      });
     });
   };
 

package/lib/core/Designer/AiImageGenerator/History/index.js

@@ -106,6 +106,8 @@ function History(_a) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "history_list"
   }, source.length > 0 && source.map(function (his, index) {
+    var _a;
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('historyNode', {
         active: selectKey === his.key
@@ -124,7 +126,7 @@ function History(_a) {
       type: selected.includes(index) ? 'icon-select1' : 'icon-uncheck'
     })), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
-      src: his.images[0]
+      src: ((_a = his === null || his === void 0 ? void 0 : his.images) === null || _a === void 0 ? void 0 : _a.length) ? his.images[0] : ''
     }), his.images.length > 1 && /*#__PURE__*/_react["default"].createElement("span", {
       className: "hisImgNum"
     }, his.images.length));

package/lib/core/Designer/AiImageGenerator/NumberSlider/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = NumberSlider;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function NumberSlider(props) {
+  var value = props.value;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "number_slider_wrap"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "slider_value"
+  }, value), /*#__PURE__*/_react["default"].createElement(_antd.Slider, _extends({
+    className: "cylon-slider-sm",
+    defaultValue: 4,
+    max: 9,
+    min: 1,
+    step: 1
+  }, props)));
+}

package/lib/core/Designer/AiImageGenerator/NumberSlider/index.less

@@ -0,0 +1,8 @@
+.number_slider_wrap {
+  position: relative;
+  .slider_value {
+    position: absolute;
+    right: 10px;
+    top: -30px;
+  }
+}

package/lib/core/Designer/AiImageGenerator/UploadReference/index.js

@@ -1,11 +1,13 @@
 "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"] = UploadReference;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _antd = require("antd");
 
@@ -13,9 +15,15 @@ var _common = require("../../../../common");
 
 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; }
 
 function UploadReference() {
+  var _a = (0, _react.useState)(5),
+      num = _a[0],
+      setNum = _a[1];
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "ref_wrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -32,14 +40,16 @@ function UploadReference() {
     className: "desc"
   }, "Big numbers have big effects"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "slider_wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "slider_value"
+  }, num), /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
     className: "cylon-slider-sm",
-    defaultValue: 5,
+    defaultValue: num,
     max: 10,
     min: 1,
-    step: 1,
-    tooltip: {
-      open: true
-    }
+    onChange: function onChange(val) {
+      return setNum(val);
+    },
+    step: 1
   }))));
 }

package/lib/core/Designer/AiImageGenerator/UploadReference/index.less

@@ -34,6 +34,12 @@
     }
     .slider_wrap {
       padding-top: 12px;
+      position: relative;
+      .slider_value {
+        position: absolute;
+        right: 0px;
+        top: 0;
+      }
     }
   }
 }

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

@@ -19,6 +19,8 @@ var _GenerateArtist = _interopRequireDefault(require("./GenerateArtist"));
 
 var _UploadReference = _interopRequireDefault(require("./UploadReference"));
 
+var _NumberSlider = _interopRequireDefault(require("./NumberSlider"));
+
 var _History = _interopRequireDefault(require("./History"));
 
 var _nodata = _interopRequireDefault(require("./images/nodata.png"));
@@ -349,6 +351,16 @@ function (_super) {
 
             case 2:
               result = _a.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               history.push({
                 key: (0, _uuid.v4)(),
                 images: result.imageList,
@@ -404,6 +416,16 @@ function (_super) {
 
             case 2:
               result = _c.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               history[hisCursor] = {
                 key: key,
                 images: result.imageList,
@@ -504,6 +526,16 @@ function (_super) {
 
             case 2:
               result = _c.sent();
+
+              if (!result || !result.imageList) {
+                this.setState({
+                  loading: false
+                });
+                return [2
+                /*return*/
+                ];
+              }
+
               images[index] = result.imageList[0];
               this.historyChange(history);
               this.setState({
@@ -658,16 +690,7 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_GenerateSize["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
       label: "Number",
       name: "number"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
-      className: "cylon-slider-sm",
-      defaultValue: 4,
-      max: 9,
-      min: 1,
-      step: 1,
-      tooltip: {
-        open: true
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+    }, /*#__PURE__*/_react["default"].createElement(_NumberSlider["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
       label: "Style",
       name: "style"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {

package/lib/meta-comp/components/Text/index.js

@@ -78,6 +78,20 @@ var __decorate = void 0 && (void 0).__decorate || function (decorators, target,
   }
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
 /* eslint-disable react/no-danger */
 
 
@@ -176,16 +190,16 @@ function (_super) {
   }
 
   Text.prototype.componentDidMount = function () {
-    var _a;
-
-    (_a = this.textRef.current.querySelector('.quill-text-content-wrap a')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', function (event) {
-      event.preventDefault();
-      var target = event.target;
-      var href = target.getAttribute('href'); // 在这里执行你想要的操作
-
-      console.log('链接点击事件:', href);
-      var data = JSON.parse(href);
-      (0, _coreUtil.clickUrl)(data);
+    __spreadArrays(this.textRef.current.querySelectorAll('a')).forEach(function (dom) {
+      dom.addEventListener('click', function (event) {
+        event.preventDefault();
+        var target = event.currentTarget;
+        var href = target.getAttribute('href'); // 在这里执行你想要的操作
+
+        console.log('链接点击事件:', href);
+        var data = JSON.parse(href);
+        (0, _coreUtil.clickUrl)(data);
+      });
     });
   };
 

package/package.json

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