@fonixtree/magic-design 2.0.216 → 2.0.221

package/es/common/GroupList/index.less

@@ -0,0 +1,88 @@
+.group_list {
+  margin-bottom: 12px;
+
+  .group_item {
+    position: relative;
+    display: flex;
+    padding: 12px;
+    border-radius: 8px;
+    justify-content: space-between;
+    cursor: move;
+
+    &::after {
+      content: ' ';
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      height: 1px;
+      background-color: #EDF0F4;
+    }
+
+    .left {
+      display: flex;
+      align-items: center;
+
+      .middle_info {
+        width: 260px;
+
+        .card_wrap {
+          display: flex;
+          align-items: center;
+          height: 40px;
+
+          img {
+            height: 40px;
+            width: 40px;
+            border-radius: 8px;
+            object-fit: cover;
+            background-color: #EDF0F4;
+          }
+
+          .name {
+            margin-left: 8px;
+            font-family: 'Open Sans';
+            font-style: normal;
+            font-weight: 600;
+            font-size: 16px;
+            line-height: 24px;
+            color: #232F46;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            p {
+              margin-bottom: 0;
+            }
+          }
+        }
+      }
+    }
+
+    .right {
+      display: none;
+
+      .icon_copy {
+        cursor: pointer;
+      }
+
+      .icon_delete {
+        cursor: pointer;
+        margin-left: 8px;
+      }
+    }
+
+    &:hover {
+      background-color: #E9F0FF;
+
+      .left {
+        .middle_info {
+          width: 200px;
+        }
+      }
+
+      .right {
+        display: flex;
+      }
+    }
+  }
+}

package/es/common/IconPicker/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+require("./index.less");
+
 var _commonUtil = require("../../utils/commonUtil");
 
 var _ImageModal = _interopRequireDefault(require("../ImageModal"));

package/es/common/IconPicker/index.less

@@ -0,0 +1,46 @@
+.m-icon-picker {
+
+  .icon-picker {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 70px;
+    height: 70px;
+    background: #F5F6F7;
+    border: 1px dashed #C1C9D7;
+    border-radius: 8px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+
+    &.hasImg {
+      background: #FFFFFF;
+      border: 1px solid #D2D9E5;
+
+      .btn-del-wrap {
+        display: none;
+        align-items: center;
+        justify-content: center;
+        background: rgba(35, 47, 70, 0.5);
+        border: 1px solid #D2D9E5;
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        bottom: -1px;
+        right: -1px;
+      }
+
+      &:hover {
+        .btn-del-wrap {
+          display: flex;
+        }
+      }
+    }
+
+    img {
+      max-height: 100%;
+      max-width: 100%;
+    }
+
+  }
+}

package/es/common/Iconfont/index.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+require("./index.less");
+
 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; }

package/es/common/Iconfont/index.less

@@ -0,0 +1,20 @@
+.icon_container {
+  display: inline-flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+
+  .icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+  }
+
+  .magic-box-iconfont {
+    font-size: 1em;
+    line-height: 1em;
+  }
+}

package/es/common/ImageModal/CommonSelPicCard/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _const = require("../const");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import folder from '../../../../../../assets/imgs/folder.png';

package/es/common/ImageModal/CommonSelPicCard/index.less

@@ -0,0 +1,40 @@
+.upload-list-item-container {
+  float: left;
+  width: 104px;
+  height: 124px;
+  margin: 0 8px 8px 0;
+}
+
+.upload-list-item {
+  position: relative;
+  height: 104px;
+}
+
+
+.cylon-upload-list-item-thumbnail img {
+  border-radius: 4px;
+}
+
+.item-body {
+  height: 104px;
+  border-radius: 4px;
+  border: 1px solid #E0E0E0;
+}
+
+.item-footer {
+  position: relative;
+  width: 100%;
+  text-align: center;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.folder {
+  cursor: pointer;
+}
+
+.checkbox :global .cylon-checkbox-input {
+  position: absolute;
+}

package/es/common/ImageModal/index.js

@@ -37,6 +37,8 @@ var _locale = require("../../locale");
 
 var _constants = require("../../constants");
 
+require("./index.less");
+
 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; }

package/es/common/ImageModal/index.less

@@ -0,0 +1,34 @@
+.catg_tree_container {
+  .search_container {
+    margin-bottom: 15px;
+  }
+
+  .cylon-tree-title {
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: inline-block;
+  }
+
+
+}
+
+.catg_img {
+  .cylon-spin-container {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  .cylon-upload-list-item-thumbnail {
+    img {
+      object-fit: contain;
+    }
+  }
+}
+
+.image-modal-process-wrap {
+  margin-left: auto;
+  width: 300px;
+  padding-right: 60px;
+}

package/es/common/ImagePicker/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+require("./index.less");
+
 var _antd = require("antd4");
 
 var _locale = require("../../locale");

package/es/common/ImagePicker/index.less

@@ -0,0 +1,206 @@
+.image-picker-wrap {
+  border-bottom: 1px dashed #D2D9E5;
+  margin-bottom: 16px;
+
+  .select-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .ai-btn {
+      cursor: pointer;
+      background: #FFFFFF;
+      border: 1px solid #2F54EB;
+      border-radius: 8px;
+      padding: 7px 10px;
+      .btn-txt {
+        font-family: 'Open Sans';
+        font-style: normal;
+        font-weight: 600;
+        font-size: 16px;
+        line-height: 24px;
+        color: #2F54EB;
+        margin-left: 6px;
+      }
+    }
+    .image-picker-select {
+      width: 156px;
+      height: 40px;
+
+      .cylon-select-selector {
+        border-radius: 8px !important;
+        height: 40px !important;
+      }
+    }
+  }
+  .input-url {
+    width: 100%;
+    height: 40px;
+    background: #FFFFFF;
+    border: 1px solid #D2D9E5;
+    border-radius: 8px;
+    display: flex;
+    padding: 9px 14px;
+    display: flex;
+    align-items: center;
+
+    input {
+      border: none;
+      outline: none;
+      height: 24px;
+      flex-grow: 1;
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #232F46;
+    }
+
+    /* 使用webkit内核的浏览器 */
+    input::-webkit-input-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* Firefox版本4-18 */
+    input:-moz-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* Firefox版本19+ */
+    input::-moz-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    /* IE浏览器 */
+    input:-ms-input-placeholder {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      color: #8493AF;
+    }
+
+    .icon-btns {
+      display: flex;
+      align-items: center;
+
+      &>span {
+        margin-left: 12px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+.m-image-picker {
+  padding-bottom: 12px;
+  width: 100%;
+  cursor: pointer;
+
+  .no-img {
+    .hint-txt {
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      color: #232F46;
+      margin-bottom: 12px;
+    }
+
+    .pick-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: #2F54EB;
+      height: 48px;
+      border-radius: 8px;
+      color: #FFFFFF;
+      cursor: pointer;
+
+      &>p {
+        margin-left: 12px;
+        font-family: 'Open Sans';
+        font-weight: 600;
+        font-size: 16px;
+        // line-height: 24px;
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .img-wrap {
+    width: 100%;
+    height: 140px;
+    position: relative;
+
+    &:hover {
+      .btn-icons-modal {
+        display: flex;
+        transition: all .25s;
+      }
+    }
+
+    .btn-icons-modal {
+      display: none;
+      position: absolute;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #FFFFFF;
+      background: rgba(35, 47, 70, 0.6);
+      align-items: center;
+      justify-content: center;
+
+      .btn-edit {
+        display: flex;
+        align-items: center;
+        margin-right: 20px;
+        cursor: pointer;
+
+        >span {
+          margin-right: 5px;
+        }
+      }
+
+      .btn-del {
+        display: flex;
+        align-items: center;
+        margin-left: 20px;
+        cursor: pointer;
+
+        >span {
+          margin-right: 5px;
+        }
+      }
+
+      .line {
+        display: inline-block;
+        width: 1px;
+        height: 16px;
+        background: rgba(255, 255, 255, 0.5);
+      }
+    }
+
+    &>img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
+  }
+}

package/es/common/InputNumber/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _antd = require("antd4");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/es/common/InputNumber/index.less

@@ -0,0 +1,38 @@
+.m-input-number {
+  width: 60px;
+  height: 34px;
+  background: #FFFFFF;
+  border: 1px solid #D2D9E5;
+  border-radius: 8px;
+  padding: 0 7px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-top: 1px;
+
+  .cylon-input-number-focused {
+    box-shadow: none;
+  }
+
+  .input {
+    height: 100%;
+    border-radius: 8px;
+    border: none;
+
+    input {
+      width: 100%;
+      padding: 0;
+      text-align: center;
+      border: none;
+    }
+  }
+
+  .unit {
+    color: #7988a5;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 14px;
+    right: 4px;
+  }
+}

package/es/common/LayoutSelector/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+require("./index.less");
+
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
 var _layout = require("../../constants/layout");

package/es/common/LayoutSelector/index.less

@@ -0,0 +1,37 @@
+.m-layout-selector {
+  // display: flex;
+  // flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: 94px 94px 94px;
+  grid-gap: 10px;
+  max-width: 306px;
+
+  .item-wrap {
+    // width: 94px;
+    // height: 70px;
+    background: #F5F6F7;
+    // border: 1px solid #D2D9E5;
+    border-radius: 8px;
+    // margin-bottom: 12px;
+    // margin-right: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    overflow: hidden;
+
+    &>img {
+      width: 100%;
+      height: 100%;
+    }
+
+    &:nth-of-type(3n) {
+      margin-right: 0;
+    }
+
+    &.active {
+      background: #FFFFFF;
+      border: 2px solid #2F54EB;
+    }
+  }
+}

package/es/common/LinkModal/BundleCampaign/index.js

@@ -17,6 +17,8 @@ var _dateUtil = require("../../../utils/dateUtil");
 
 var _locale = require("../../../locale");
 
+require("./index.less");
+
 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; }

package/es/common/LinkModal/BundleCampaign/index.less

@@ -0,0 +1,22 @@
+.bundleCampaign {
+    // padding-top: 12px;
+    // border-top: 1px solid #f0f0f0;
+    height: 450px;
+
+    .inputStyle {
+        width: 280px;
+        height: 32px;
+        margin-left: 10px;
+    }
+
+    .labelStyle {
+        display: inline-block;
+        width: 110px;
+        text-align: right;
+        line-height: 2;
+    }
+
+    .mb12 {
+        margin-bottom: 12px;
+    }
+}

package/es/common/LinkModal/FilteredProductModal/index.js

@@ -19,6 +19,8 @@ var _businessUtil = require("../../../utils/businessUtil");
 
 var _constants = require("../../../constants");
 
+require("./index.less");
+
 var _locale = require("../../../locale");
 
 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); }