@fonixtree/magic-design 0.1.57 → 0.1.59

package/lib/composite-comp/dito/components/SignBoard/mobile/index.less

@@ -1,78 +1,82 @@
 .m-sign-board-bar {
   width: 100%;
-}
-.m-sign-board-bar .search {
-  width: 100%;
-  background: #EEEEEE;
-  border-radius: 0.16rem;
-  padding: 0.16rem 0.24rem;
-  height: 0.72rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0.08rem;
-}
-.m-sign-board-bar .search .search-input {
-  height: 0.4rem;
-  font-weight: 400;
-  font-size: 0.32rem;
-  line-height: 0.4rem;
-  padding: 0;
-  background-color: transparent;
-  border: none;
-}
-.m-sign-board-bar .store-info-wrap {
-  display: flex;
-  align-items: center;
-  margin-top: 0.4rem;
-}
-.m-sign-board-bar .store-info-wrap .number {
-  font-family: 'Montserrat';
-  font-weight: 400;
-  font-size: 0.24rem;
-  line-height: 0.32rem;
-  color: #696973;
-  display: flex;
-  align-items: center;
-}
-.m-sign-board-bar .store-info-wrap .number > img {
-  width: 0.28rem;
-}
-.m-sign-board-bar .store-info-wrap .number > span {
-  font-weight: 700;
-  font-size: 0.28rem;
-  line-height: 0.36rem;
-  color: #333333;
-  margin: 0 0.08rem;
-}
-.m-sign-board-bar .store-info-wrap .number:nth-child(2) {
-  margin-left: 0.48rem;
-  flex: 1;
-}
-.m-sign-board-bar .store-info-wrap .chat-btn {
-  padding: 0.1rem 0.24rem;
-  background: #FFFFFF;
-  border: 0.02rem solid #333333;
-  border-radius: 0.08rem;
-  width: fit-content;
-  font-family: 'Montserrat';
-  font-weight: 400;
-  font-size: 0.24rem;
-  line-height: 0.32rem;
-  text-transform: uppercase;
-  color: #333333;
-}
-.m-sign-board-bar .store-info-wrap .store-logo {
-  width: 0.88rem;
-  height: 0.88rem;
-  border-radius: 50%;
-}
-.m-sign-board-bar .store-info-wrap .store-name {
-  flex: 1;
-  margin-left: 0.24rem;
-  font-weight: 500;
-  font-size: 0.32rem;
-  line-height: 0.4rem;
-  color: #070707;
-  font-family: 'Montserrat';
-}
+
+  .search {
+    width: 100%;
+    background: #EEEEEE;
+    border-radius: 8px;
+    padding: 8px 12px;
+    height: 36px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 4px;
+    .search-input {
+      height: 20px;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 20px;
+      padding: 0;
+      background-color: transparent;
+      border: none;
+    }
+  }
+
+  .store-info-wrap {
+    display: flex;
+    align-items: center;
+    margin-top: 20px;
+    .number {
+      font-family: 'Montserrat';
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 16px;
+      color: #696973;
+      display: flex;
+      align-items: center;
+      &> img {
+        width: 14px;
+      }
+      &> span {
+        font-weight: 700;
+        font-size: 14px;
+        line-height: 18px;
+        color: #333333;
+        margin: 0 4px;
+      }
+      &:nth-child(2) {
+        margin-left: 24px;
+        flex: 1;
+      }
+    }
+    .chat-btn {
+      padding: 5px 12px;
+      // height: 26px;
+      background: #FFFFFF;
+      border: 1px solid #333333;
+      border-radius: 4px;
+      width: fit-content;
+      font-family: 'Montserrat';
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 16px;
+      text-transform: uppercase;
+      color: #333333;
+    }
+    .store-logo {
+      width: 44px;
+      height: 44px;
+      border-radius: 50%;
+    }
+    .store-name {
+      flex: 1;
+      margin-left: 12px;
+      font-weight: 500;
+      font-size: 16px;
+      line-height: 20px;
+      color: #070707;
+      font-family: 'Montserrat';
+    }
+  }
+
+}

package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -68,7 +68,6 @@ function (_super) {
     var _this = this;
 
     var panelProps = this.props.panelProps;
-    console.log('panelProps', panelProps);
 
     var iconSetting = /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: ""

package/lib/composite-comp/dito/config-panels/PcNavigationConfig/index.js

@@ -139,7 +139,6 @@ function (_super) {
 
   PcNavigationConfig.prototype.render = function () {
     var data = this.props.data;
-    console.log('-----pc', data);
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       divider: "bold",
       headerSize: "large",

package/lib/composite-comp/dito/config-panels/RecommendConfig/index.js

@@ -86,7 +86,6 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
-    console.log('data', data);
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
       divider: "bold",
       headerSize: "large",

package/lib/constants/index.js

@@ -57,7 +57,8 @@ var urlTypeMap = {
   VIDEO: 'Video',
   SHARE_URL: 'ShareURL',
   MINI_APP: 'MiniApp',
-  STORE: 'Store'
+  STORE: 'Store',
+  AFFILIATE_PRODUCT: 'AffiliateProduct'
 };
 exports.urlTypeMap = urlTypeMap;
 var respCodeMap = {

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

@@ -0,0 +1,72 @@
+"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

@@ -0,0 +1,41 @@
+.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

@@ -0,0 +1,43 @@
+"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

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

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

@@ -0,0 +1,45 @@
+"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

@@ -0,0 +1,39 @@
+.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;
+    }
+  }
+}