@fonixtree/magic-design 0.1.70 → 0.1.72

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

@@ -1,72 +0,0 @@
-"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"] = GenerateArtist;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _back = _interopRequireDefault(require("./images/back1.png"));
-
-var _back2 = _interopRequireDefault(require("./images/back2.png"));
-
-var _back3 = _interopRequireDefault(require("./images/back3.png"));
-
-var _back4 = _interopRequireDefault(require("./images/back4.png"));
-
-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 GenerateArtist() {
-  var _a = (0, _react.useState)(1),
-      active = _a[0],
-      setActive = _a[1];
-
-  var source = [{
-    key: 1,
-    name: 'Creativity',
-    src: _back["default"]
-  }, {
-    key: 2,
-    name: 'Quadratic element',
-    src: _back2["default"]
-  }, {
-    key: 3,
-    name: 'Expect',
-    src: _back3["default"]
-  }, {
-    key: 4,
-    name: 'Concreteness',
-    src: _back4["default"]
-  }];
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "artist_wrap"
-  }, source.map(function (node) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: node.key,
-      className: (0, _classnames["default"])('art_node', {
-        art_active: node.key === active
-      }),
-      onClick: function onClick() {
-        return setActive(node.key);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      src: node.src
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "art_mask"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "art_title"
-    }, node.name));
-  }));
-}

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

@@ -1,41 +0,0 @@
-.artist_wrap {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  .art_node {
-    position: relative;
-    margin-bottom: 8px;
-    width: 140px;
-    height: 80px;
-    border-radius:6px;
-    overflow: hidden;
-    cursor: pointer;
-    border: 2px solid transparent;
-    &.art_active {
-      border: 2px solid #2F54EB;
-    }
-    img {
-      height: 100%;
-      width: 100%;
-    }
-    .art_mask {
-      position: absolute;
-      top: 0;
-      border-radius: 4px;
-      height: 100%;
-      width: 100%;
-      background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 53.89%);
-    }
-    .art_title {
-      position: absolute;
-      bottom: 6px;
-      left: 6px;
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 16px;
-      color: #FFF;
-    }
-  }
-}

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

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = GenerateSize;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antd = require("antd");
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function GenerateSize(_a) {
-  var value = _a.value,
-      onChange = _a.onChange;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "gene_size_wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    defaultValue: "1",
-    options: [{
-      value: '1',
-      label: '1:1'
-    }, {
-      value: '2',
-      label: '4:3'
-    }, {
-      value: '3',
-      label: '16:9'
-    }]
-  }), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-    defaultValue: "1",
-    options: [{
-      value: '1',
-      label: '1024x1024'
-    }],
-    style: {
-      marginLeft: 10
-    }
-  }));
-}

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

@@ -1,3 +0,0 @@
-.gene_size_wrap {
-  display: flex;
-}

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

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = UploadReference;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antd = require("antd");
-
-var _common = require("../../../../common");
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function UploadReference() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ref_wrap"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "upload_btn"
-  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-    color: "#A3AEC3",
-    size: 30,
-    type: "icon-add"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "proportion_wrap"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "title"
-  }, "Proportion"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "desc"
-  }, "Big numbers have big effects"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "slider_wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Slider, {
-    className: "cylon-slider-sm",
-    defaultValue: 5,
-    max: 10,
-    min: 1,
-    step: 1,
-    tooltip: {
-      open: true
-    }
-  }))));
-}

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

@@ -1,39 +0,0 @@
-.ref_wrap {
-  display: flex;
-  align-items: center;
-  .upload_btn {
-    height:80px;
-    width: 80px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #F5F6F7;
-    border: 1px dashed #D2D9E5;
-    border-radius: 4px;
-  }
-  .proportion_wrap {
-    height: 80px;
-    margin-left: 12px;
-    background-color: #F5F6F7;
-    padding: 4px 8px;
-    .title {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 20px;
-      color: #232F46;
-    }
-    .desc {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 12px;
-      line-height: 16px;
-      color: #8493AF;
-    }
-    .slider_wrap {
-      padding-top: 12px;
-    }
-  }
-}

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

@@ -1,221 +0,0 @@
-"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"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _antd = require("antd");
-
-var _GenerateSize = _interopRequireDefault(require("./GenerateSize"));
-
-var _GenerateArtist = _interopRequireDefault(require("./GenerateArtist"));
-
-var _UploadReference = _interopRequireDefault(require("./UploadReference"));
-
-var _nodata = _interopRequireDefault(require("./images/nodata.png"));
-
-var _common = require("../../../common");
-
-var _mobx = require("../../../mobx");
-
-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 __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 Search = _antd.Input.Search;
-
-var AiImageGenerator =
-/** @class */
-function (_super) {
-  __extends(AiImageGenerator, _super);
-
-  function AiImageGenerator() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visible: false,
-      images: []
-    };
-
-    _this.onCloseDrawer = function () {
-      _mobx.store.setState({
-        imgGenVisible: false
-      });
-    };
-
-    _this.onHisConfigClick = function () {};
-
-    return _this;
-  }
-
-  AiImageGenerator.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.destory = (0, _mobx.autorun)(function () {
-      _this.setState({
-        visible: _mobx.store.imgGenVisible
-      });
-    });
-  };
-
-  AiImageGenerator.prototype.componentWillUnmount = function () {
-    if (this.destory) this.destory();
-  };
-
-  AiImageGenerator.prototype.render = function () {
-    var _a = this.state,
-        visible = _a.visible,
-        images = _a.images;
-    return /*#__PURE__*/_react["default"].createElement(_antd.Drawer, {
-      bodyStyle: {
-        padding: 16,
-        background: '#F5F6F7'
-      },
-      className: "generate_drawer",
-      closable: false,
-      headerStyle: {
-        padding: '12px 24px'
-      },
-      onClose: this.onCloseDrawer,
-      open: visible,
-      placement: "right",
-      title: /*#__PURE__*/_react["default"].createElement("div", {
-        className: "dialog_head"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "dialog_title"
-      }, "Text to Image"), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "btn_group"
-      }, /*#__PURE__*/_react["default"].createElement(_common.Button, {
-        onClick: this.onCloseDrawer,
-        size: "small",
-        type: "light"
-      }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_common.Button, {
-        className: "ml8",
-        size: "small",
-        type: "primary"
-      }, "Confirm"))),
-      width: 1084
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "drawer_content"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "left_wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
-      layout: "vertical"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Choose an AI artist",
-      name: "size"
-    }, /*#__PURE__*/_react["default"].createElement(_GenerateArtist["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Upload reference images",
-      name: "ref"
-    }, /*#__PURE__*/_react["default"].createElement(_UploadReference["default"], null)), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Size",
-      name: "size"
-    }, /*#__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, {
-      label: "Style",
-      name: "style"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-      mode: "tags"
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Modifier",
-      name: "modifier"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-      mode: "tags"
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
-      label: "Do not appear",
-      name: "notAppear"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-      mode: "tags"
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "middle_wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "img_wrap"
-    }, !images.length && /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      className: "no_data",
-      src: _nodata["default"]
-    }), /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btn_wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "regenerate_btn",
-      onClick: this.onRegenarate
-    }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: "#232F46",
-      onClick: this.onCloseDrawer,
-      size: 16,
-      style: {
-        marginRight: 5
-      },
-      type: "icon-refresh"
-    }), "Regenerate Response")), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "search_wrap"
-    }, /*#__PURE__*/_react["default"].createElement(Search, {
-      enterButton: "Generate",
-      size: "large"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "right_wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "right_header"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "title"
-    }, "History"), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      onClick: this.onHisConfigClick,
-      size: 20,
-      style: {
-        cursor: 'pointer'
-      },
-      type: "icon-setting1"
-    })))));
-  };
-
-  return AiImageGenerator;
-}(_react.Component);
-
-var _default = AiImageGenerator;
-exports["default"] = _default;

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

@@ -1,79 +0,0 @@
-.generate_drawer {
-  .dialog_head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .dialog_title {
-
-    }
-    .btn_group {
-      display: flex;
-    }
-  }
-  .drawer_content {
-    display: flex;
-    min-height: 100%;
-    .left_wrap {
-      border-radius: 4px;
-      background-color: #FFF;
-      width: 320px;
-      min-height: 100%;
-      padding: 16px;
-    }
-    .middle_wrap {
-      flex: 1 1 auto;
-      padding: 32px 54px;
-      height: 550px;
-      position: relative;
-      .img_wrap {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        .no_data {
-          height: 183px;
-          width: 212px;
-        }
-      }
-      .btn_wrap {
-        margin-top: 40px;
-        display: flex;
-        justify-content: center;
-        .regenerate_btn {
-          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;
-          background-color: #FFF;
-        }
-      }
-      .search_wrap {
-        margin-top: 12px;
-        .cylon-input {
-          border-top-right-radius: 0 !important;
-          border-bottom-right-radius: 0 !important;
-        }
-        .cylon-btn {
-          border-top-left-radius: 0 !important;
-          border-bottom-left-radius: 0 !important;
-        }
-      }
-    }
-    .right_wrap {
-      overflow: scroll;
-      width: 132px;
-      min-height: 100%;
-      background-color: #FFF;
-      border-radius: 4px;
-      padding: 16px;
-      .right_header {
-        display: flex;
-        justify-content: space-between;
-      }
-    }
-  }
-}