@fonixtree/magic-design 2.0.216 → 2.0.221

package/es/assets/less/datepicker.less

@@ -0,0 +1,13 @@
+.cylon-picker {
+  &:hover {
+    border-color: #2F54EB !important;
+  }
+
+  &.cylon-picker-focused {
+    border-color: #2F54EB !important;
+  }
+}
+
+.cylon-picker-time-panel-column>li.cylon-picker-time-panel-cell-selected .cylon-picker-time-panel-cell-inner {
+  background-color: #E9F0FF !important;
+}

package/es/assets/less/font.less

@@ -0,0 +1,151 @@
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans-Bold.ttf');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans-SemiBold.ttf');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/OpenSans-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url('../fonts/Montserrat-Medium.ttf');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url(../fonts/Montserrat-SemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: url(../fonts/Montserrat-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url(../fonts/Inter-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url(../fonts/Inter-SemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('../fonts/Inter-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Trueno';
+  src: url('../fonts/Trueno-Light.otf');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Trueno';
+  src: url('../fonts/Trueno-Regular.otf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Trueno';
+  src: url(../fonts/TruenoBd.otf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(../fonts/Roboto-Medium.ttf);
+  font-weight: 500;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../fonts/Roboto-SemiBold.ttf');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url(../fonts/Roboto-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
+}
+
+
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Medium.ttf');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-DemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
+}

package/es/assets/less/form.less

@@ -0,0 +1,10 @@
+.cylon-form {
+  .cylon-form-item {
+    margin-bottom: 10px !important;
+
+    .cylon-form-item-label {
+      padding: 0 0 4px 0 !important;
+    }
+  }
+
+}

package/es/assets/less/global.less

@@ -0,0 +1,13 @@
+// @import './cylon-antd.less';
+// @import '~antd/dist/antd.css';
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+.no-scroll {
+  overflow: hidden;
+}

package/es/assets/less/index.less

@@ -0,0 +1,13 @@
+@import './common.less';
+@import './font.less';
+@import './global.less';
+@import './select.less';
+@import './switch.less';
+@import './menu.less';
+@import './slider.less';
+@import './table.less';
+@import './modal.less';
+@import './input.less';
+@import './button.less';
+@import './form.less';
+@import './datepicker.less';

package/es/assets/less/input.less

@@ -0,0 +1,26 @@
+@import './variables.less';
+.cylon-input {
+  border-radius: @radius !important;
+  height:@middle;
+  &.cylon-input-sm {
+    height:@small;
+  }
+}
+
+.cylon-input-number {
+  border-radius: @radius !important;
+  height:@middle;
+  &.cylon-input-number-sm {
+    height:@small;
+    input {
+      height: 30px;
+    }
+  }
+  &:focus {
+    box-shadow: none
+  }
+}
+
+.cylon-input-number{
+  height: 100%;
+}

package/es/assets/less/menu.less

@@ -0,0 +1,24 @@
+.cylon-dropdown {
+  .cylon-dropdown-menu {
+    border-radius: 10px;
+    max-width: 300px;
+    min-width: 200px;
+    padding: 8px 0;
+
+    .cylon-dropdown-menu-item {
+      padding: 16px 24px;
+      font-family: 'Open Sans';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 16px;
+      line-height: 24px;
+      color: #232F46;
+    }
+
+    .cylon-dropdown-menu-item-active {
+      background: #E9F0FF;
+      color: #2F54EB;
+      font-weight: 600;
+    }
+  }
+}

package/es/assets/less/modal.less

@@ -0,0 +1,25 @@
+.cylon-modal-wrap {
+  display: flex;
+  align-items: center;
+
+  .cylon-modal {
+    width: 100%;
+    top: 0 !important;
+    padding-bottom: 0px !important;
+
+    .cylon-modal-content {
+      border-radius: 8px !important;
+
+      .cylon-modal-header {
+        border-top-left-radius: 8px !important;
+        border-top-right-radius: 8px !important;
+      }
+
+      .cylon-modal-body {
+        padding: 16px 16px 12px 16px !important;
+        max-height: 800px !important;
+        overflow: auto !important;
+      }
+    }
+  }
+}

package/es/assets/less/select.less

@@ -0,0 +1,32 @@
+
+@import './variables.less';
+.cylon-select {
+  border-radius: 4px;
+  height: @middle;
+  padding: 0 16px;
+  .cylon-select-selector {
+    height: @middle !important;
+    border-radius: @radius !important;
+  }
+  &.cylon-select-sm {
+    height: @small;
+    .cylon-select-selector {
+      height: @small !important;
+      .cylon-select-selection-item {
+        line-height: 32px !important;
+      }
+      .cylon-select-selection-placeholder {
+        line-height: calc(@small - 2px) !important;
+      }
+    }
+    &.cylon-select-multiple {
+      .cylon-select-selector {
+        height: @small !important;
+        .cylon-select-selection-item {
+          line-height: 20px !important;
+          height: 22px !important;
+        }
+      }
+    }
+  }
+}

package/es/assets/less/slider.less

@@ -0,0 +1,69 @@
+.cylon-slider {
+  .cylon-slider-rail {
+    background-color: #E9F0FF !important;
+    height: 8px;
+  }
+  .cylon-slider-track {
+    background-color: #2F54EB !important;
+    height: 8px;
+  }
+  .cylon-slider-step {
+    height: 8px;
+  }
+  .cylon-slider-handle {
+    height: 20px;
+    width: 20px;
+    margin-top: -6px !important;
+    background-color: #597EF7 !important;
+    border: solid 5px #fff !important;
+    box-shadow: 1px 1px 4px 1px rgba(132, 147, 175, 0.21) !important;
+  }
+
+  &.cylon-slider-sm {
+    .cylon-slider-rail {
+      background-color: #E9F0FF !important;
+      height: 4px;
+    }
+    .cylon-slider-track {
+      background-color: #2F54EB !important;
+      height: 4px;
+    }
+    .cylon-slider-step {
+      height: 4px;
+      .cylon-slider-dot {
+        top: 0px;
+        width: 4px;
+        height: 4px;
+        background-color: #D2D9E5;
+        border: none; 
+        border-radius: 50%;
+        cursor: pointer;
+      }
+    }
+    .cylon-slider-handle {
+      height: 12px;
+      width: 12px;
+      margin-top: -4px !important;
+      background-color: #597EF7 !important;
+      border: solid 3px #fff !important;
+      box-shadow: 1px 1px 4px 1px rgba(132, 147, 175, 0.21) !important;
+    }
+    .cylon-slider-tooltip {
+      top: -20px !important;
+      padding-bottom: 0;
+      .cylon-tooltip-content {
+        .cylon-tooltip-arrow {
+          display: none;
+        }
+        .cylon-tooltip-inner {
+          background-color: transparent;
+          color: #000;
+          box-shadow: none;
+          min-height: 0;
+          padding: 0;
+        }
+      }
+    }
+  }
+
+}

package/es/assets/less/switch.less

@@ -0,0 +1,20 @@
+.designer-wrap {
+  .cylon-switch {
+    min-width:40px;
+    height: 24px;
+    &::after{
+      content: none;
+    }
+    &.cylon-switch-checked{
+      background: #2F54EB !important;
+      .cylon-switch-handle {
+        left: calc(100% - 18px - 3px);
+      }
+    }
+    .cylon-switch-handle {
+      top: 3px;
+      left: 3px;
+    }
+  }
+  
+}

package/es/assets/less/table.less

@@ -0,0 +1,52 @@
+.cylon-table {
+  .cylon-table-container {
+    .cylon-table-header {
+      tr {
+        th {
+          padding: 6px 16px;
+          line-height: 36px;
+        }
+      }
+    }
+    
+    .cylon-table-body {
+      tr {
+        th {
+          padding: 6px 16px;
+          line-height: 36px;
+        }
+        td {
+          padding:6px 16px;
+          line-height: 36px;
+          .cylon-table-row-expand-icon {
+            margin-top: 10px;
+          }
+        }
+        &.cylon-table-row-selected {
+          td {
+            background: #E9F0FF;
+          }
+        }
+      }
+    }
+    .cylon-table-content {
+      .cylon-table-thead {
+        tr {
+          th{
+            padding: 6px 16px;
+            line-height: 36px;
+          }
+        }
+      }
+      .cylon-table-tbody {
+        tr {
+          td{
+            padding: 6px 16px;
+            line-height: 36px;
+            
+          }
+        }
+      }
+    }
+  }
+}

package/es/assets/less/variables.less

@@ -0,0 +1,4 @@
+@large: 40px;
+@middle: 36px;
+@small: 32px;
+@radius: 4px;

package/es/common/AffiliateProductModal/index.js

@@ -17,6 +17,8 @@ var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
 var _currencyUtil = require("../../utils/currencyUtil");
 
+require("./index.less");
+
 var _locale = require("../../locale");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/common/AffiliateProductModal/index.less

@@ -0,0 +1,146 @@
+.affiliateModalCot {
+  width: 1200px;
+  right: unset !important;
+  left: unset !important;
+
+  .proModalWrap {
+    thead .cylon-checkbox {
+      visibility: hidden;
+    }
+
+    .content {
+      display: flex;
+      margin-bottom: 8px;
+
+      .rightCot {
+        width: calc(100% - 260px);
+        margin-left: 16px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        .prodImg {
+          display: inline-block;
+          width: 36px;
+          height: 36px;
+          background-size: cover;
+          background-position: 50% 50%;
+          background-repeat: no-repeat;
+        }
+
+        .selectedCot {
+          padding-right: 18px;
+          margin-left: 4px;
+          height: 78px;
+          background: #f8f8f8;
+          border: 1px solid #e0e0e0;
+          border-radius: 2px;
+          display: flex;
+          flex-direction: row;
+          // flex-wrap: wrap;
+          overflow-x: auto;
+
+          .selectedItem {
+            box-sizing: border-box;
+            margin-top: 12px;
+            margin-left: 18px;
+            height: 52px;
+            position: relative;
+
+            &:hover {
+              .selectedItemImg {
+                width: 52px;
+                height: 52px;
+                border: 1px solid #4477ee !important;
+                box-shadow: 0 0 0 2px rgba(68, 119, 238, 0.15);
+                border-radius: 2px;
+              }
+
+              .selectedItemClose {
+                display: flex;
+              }
+            }
+
+            .selectedItemClose {
+              display: none;
+              border: 1px solid #000;
+              width: 16px;
+              height: 16px;
+              border-radius: 50%;
+              padding: 2px;
+              position: absolute;
+              top: -9px;
+              right: -8px;
+              z-index: 400;
+              cursor: pointer;
+            }
+
+            // &:nth-child(n + 11) {
+            //   margin-top: 5px !important;
+            // }
+
+            .selectedItemImg {
+              height: 52px;
+              width: 52px;
+              border: 1px solid #e0e0e0;
+              border-radius: 2px;
+
+              &.invalid {
+                border: 1px solid red;
+              }
+            }
+          }
+        }
+      }
+
+      .leftCot {
+        width: 260px;
+        padding-right: 14px;
+        box-sizing: border-box;
+        border-right: 1px solid #e0e0e0;
+
+        .divider {
+          width: 10%;
+          display: inline-block;
+          text-align: center;
+          height: 32px;
+          line-height: 32px;
+        }
+
+        .buttonStyle {
+          margin-top: 10px;
+          display: flex;
+          flex-direction: row-reverse;
+          align-items: center;
+        }
+      }
+    }
+
+    .footer {
+      padding-top: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-top: 1px solid #e0e0e0;
+    }
+
+    .total {
+      font-size: 16px;
+      color: #2d3040;
+      letter-spacing: 0;
+
+      .totalNum {
+        color: #4477ee;
+      }
+    }
+  }
+}
+
+.cylon-modal-root {
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 1001;
+}

package/es/common/AlignSelector/index.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {

package/es/common/AlignSelector/index.less

@@ -0,0 +1,28 @@
+.m-align-selector {
+  background: #F5F6F7;
+  border-radius: 6px;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  width: fit-content;
+
+  .item-icon {
+    border-radius: 6px;
+    width: 44px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 4px;
+    cursor: pointer;
+
+    &:last-child {
+      margin-right: 0px;
+    }
+
+    &.active {
+      background: #FFFFFF;
+      box-shadow: -1px -1px 4px rgba(45, 48, 64, 0.08), 1px 1px 4px rgba(45, 48, 64, 0.08);
+    }
+  }
+}

package/es/common/Button/index.js

@@ -15,6 +15,8 @@ var _antd = require("antd4");
 
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
+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; }