@fonixtree/magic-design 2.0.101 → 2.0.103

package/es/common/PopUpModal/index.js

@@ -15,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 require("./index.less");
 
-var _Button = _interopRequireDefault(require("../Button"));
-
 var _coreUtil = require("../../utils/coreUtil");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -51,149 +49,6 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      if (t[0] & 1) throw t[1];
-      return t[1];
-    },
-    trys: [],
-    ops: []
-  },
-      f,
-      y,
-      t,
-      g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-
-          case 7:
-            op = _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-
-              _.ops.push(op);
-
-              break;
-            }
-
-            if (t[2]) _.ops.pop();
-
-            _.trys.pop();
-
-            continue;
-        }
-
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -207,8 +62,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
-var debug = require('debug')('worker:pop-up-modal');
-
 var AComponent =
 /** @class */
 function (_super) {
@@ -218,55 +71,6 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
-
-    _this.onConfirm = function () {
-      return __awaiter(_this, void 0, void 0, function () {
-        var _a, onConfirm, onClose, error_1;
-
-        return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              _b.trys.push([0, 2,, 3]);
-
-              _a = this.props, onConfirm = _a.onConfirm, onClose = _a.onClose;
-              return [4
-              /*yield*/
-              , onConfirm()];
-
-            case 1:
-              _b.sent();
-
-              onClose();
-              return [3
-              /*break*/
-              , 3];
-
-            case 2:
-              error_1 = _b.sent();
-              debug(error_1);
-              return [3
-              /*break*/
-              , 3];
-
-            case 3:
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.onCancel = function () {
-      try {
-        var onClose = _this.props.onClose;
-        onCancel();
-        onClose();
-      } catch (error) {
-        debug(error);
-      }
-    };
-
     return _this;
   }
 
@@ -274,19 +78,10 @@ function (_super) {
     var _a = this.props,
         title = _a.title,
         titleStyle = _a.titleStyle,
-        message = _a.message,
-        confirmText = _a.confirmText,
-        cancelText = _a.cancelText,
+        children = _a.children,
         onClose = _a.onClose,
         visible = _a.visible,
-        maskClosable = _a.maskClosable,
-        rest = __rest(_a, ["title", "titleStyle", "message", "confirmText", "cancelText", "onClose", "visible", "maskClosable"]);
-
-    var messageBox = message;
-
-    if (message instanceof Function) {
-      messageBox = message();
-    }
+        rest = __rest(_a, ["title", "titleStyle", "children", "onClose", "visible"]);
 
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('popUpModal', rest.className),
@@ -295,20 +90,19 @@ function (_super) {
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "modal-shadow",
-      onClick: maskClosable && onClose
+      onClick: onClose
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "modal-content"
-    }, title && /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "topLineWrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "topLine"
+    })), title && /*#__PURE__*/_react["default"].createElement("div", {
       className: "modal-title",
       style: titleStyle
     }, title), /*#__PURE__*/_react["default"].createElement("div", {
       className: "modal-btn-wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      onClick: this.onConfirm,
-      style: {
-        flex: 'none'
-      }
-    }, confirmText)))));
+    }, children))));
   };
 
   return AComponent;

package/es/common/PopUpModal/index.less

@@ -32,6 +32,7 @@
     right: 0;
     width: 100%;
     padding: 20px;
+    padding-top: 0;
     display: flex;
     flex-direction: column;
     background-color: #fff;
@@ -41,6 +42,19 @@
     max-height: 60%;
     border-radius: 10px 10px 0 0;
 
+    .topLineWrap {
+      text-align: center;
+      margin-bottom: 15px;
+
+      .topLine {
+        display: inline-block;
+        width: 42px;
+        height: 4px;
+        background: #e9e9e9;
+        border-radius: 2px;
+      }
+    }
+
     .modal-title {
       color: #000;
       font-size: 16px;

package/es/common/ProductFilterModal/components/FilterSearchModal/index.js

@@ -162,10 +162,6 @@ function (_super) {
     }) : list;
 
     return /*#__PURE__*/_react["default"].createElement(_PopUpModal["default"], {
-      bodyStyle: {
-        height: '80vh'
-      },
-      destroyOnClose: true,
       visible: visible
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "classificationDetailModal"
@@ -179,7 +175,7 @@ function (_super) {
         _this.onClear();
       },
       size: 20,
-      type: "icon-arrow-left"
+      type: "icon-outlined-left"
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "headerTitle"
     }, title)), /*#__PURE__*/_react["default"].createElement("div", {
@@ -221,6 +217,7 @@ function (_super) {
     }), /*#__PURE__*/_react["default"].createElement("p", null, "Sorry, we couldn't find \"", searchValue, "\"")))), _list.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "bottomWrap"
     }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      className: "btn-confirm",
       onClick: this.onOkClick
     }, (0, _locale.i18n)('OK')))));
   };

package/es/common/ProductFilterModal/components/FilterSearchModal/index.less

@@ -1,9 +1,6 @@
 .classificationDetailModal {
-  height: 100vh;
+  height: calc(80vh - 40px);
   width: 100%;
-  position: absolute;
-  z-index: 5;
-  padding: 16px;
   background-color: #fff;
   box-sizing: border-box;
 
@@ -56,7 +53,7 @@
 
   .contentWrap {
     background: #ffffff;
-    height: calc(100vh - 210px);
+    height: 300px;
     margin-top: 16px;
     overflow-y: scroll;
     overflow-x: hidden;
@@ -76,7 +73,7 @@
         font-size: 14px;
         text-align: center;
         color: #333333;
-        margin: 25% auto;
+        margin: 0 auto;
       }
 
       :global {
@@ -124,6 +121,24 @@
     background: #fff;
     height: 78px;
     padding: 12px;
+
+    .btn-confirm {
+      display: flex;
+      flex: 1 1;
+      height: 54px;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      border: 1px solid #FF8650;
+      background-color: #FF8650;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #FF8650;
+      }
+    }
   }
 
 }

package/es/common/ProductFilterModal/index.js

@@ -230,10 +230,7 @@ function ProductFilterModal(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_PopUpModal["default"], {
-    bodyStyle: {
-      height: '80vh'
-    },
-    hideCloseBtn: true,
+    className: "productFilterModal",
     onClose: onClose,
     visible: visible
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -329,13 +326,12 @@ function ProductFilterModal(props) {
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "bottomWrap"
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    className: "btn-reset",
     onClick: onReset,
     plain: true
   }, (0, _locale.i18n)('RESET')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: onApply,
-    style: {
-      marginLeft: '20px'
-    }
+    className: "btn-confirm",
+    onClick: onApply
   }, (0, _locale.i18n)('APPLY'))), /*#__PURE__*/_react["default"].createElement(_FilterSearchModal["default"], {
     filterInfo: keyInfo[detailKey],
     onClose: function onClose() {

package/es/common/ProductFilterModal/index.less

@@ -1,72 +1,113 @@
-.productFilterWrap {
-  background: #ffffff;
-  height: calc(80vh - 40px);
-  overflow-y: scroll;
-  overflow-x: hidden;
-  padding: 0 20px 78px 20px;
-  box-sizing: border-box;
+.productFilterModal {
+  .productFilterWrap {
+    background: #ffffff;
+    height: calc(80vh - 40px);
+    overflow-y: scroll;
+    overflow-x: hidden;
+    box-sizing: border-box;
 
-  .item {
-    margin-top: 20px;
+    .item {
+      margin-top: 20px;
 
-    .inputWrap {
-      margin-top: 10px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
+      .inputWrap {
+        margin-top: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .divider {
+          padding: 0 10px;
+          flex-shrink: 0;
+          height: 2px;
+          width: 11px;
+          background-color: #000;
+        }
+
+        input {
+          width: 45%;
+          height: 48px;
+          border: 1px solid #E4E4E4;
+          box-shadow: none;
+          padding: 12px;
+          border-radius: 4px;
+          outline: none;
+        }
+      }
 
-      .divider {
-        padding: 0 10px;
-        flex-shrink: 0;
-        height: 2px;
-        width: 11px;
-        background-color: #000;
+      .title {
+        line-height: 24px;
+        font-size: 16px;
+        font-weight: 600;
+        color: #000;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
       }
 
-      input {
-        width: 45%;
-        height: 48px;
-        border: 1px solid #E4E4E4;
-        box-shadow: none;
-        padding: 12px;
-        border-radius: 4px;
-        outline: none;
+      .accordionContentWrap {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        padding-bottom: 1px;
+
+        .btnMore {
+          font-weight: 600;
+          font-size: 14px;
+          color: #FF8650;
+          margin-top: 6px;
+          margin-left: 10px;
+        }
       }
     }
+  }
 
-    .title {
-      line-height: 24px;
-      font-size: 16px;
-      font-weight: 600;
-      color: #000;
+  .bottomWrap {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+    width: 100%;
+    height: 78px;
+    padding: 12px 24px;
+    display: flex;
+    gap: 20px;
+    justify-content: space-between;
+
+    .btn-reset {
       display: flex;
+      flex: 1 1;
+      height: 54px;
       align-items: center;
-      justify-content: space-between;
+      justify-content: center;
+      color: #FF8650;
+      border: 1px solid #FF8650;
+      background-color: #fff;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 14px;
+
+      &:hover {
+        background-color: #fff;
+      }
     }
 
-    .accordionContentWrap {
+    .btn-confirm {
       display: flex;
-      flex-wrap: wrap;
+      flex: 1 1;
+      height: 54px;
       align-items: center;
-      padding-bottom: 1px;
+      justify-content: center;
+      color: #fff;
+      border: 1px solid #FF8650;
+      background-color: #FF8650;
+      border-radius: 8px;
+      font-weight: 600;
+      font-size: 14px;
 
-      .btnMore {
-        font-weight: 600;
-        font-size: 14px;
-        color: var(--theme-color);
-        margin-top: 6px;
-        margin-left: 10px;
+      &:hover {
+        background-color: #FF8650;
       }
     }
   }
-}
-
-.bottomWrap {
-  position: fixed;
-  bottom: 0;
-  background: #fff;
-  width: 100%;
-  height: 78px;
-  padding: 12px 24px;
-  display: flex;
 }

package/es/common/Tag/index.less

@@ -10,7 +10,7 @@
   margin-top: 8px;
 
   &.active {
-    color: var(--theme-color);
-    border-color: var(--theme-color);
+    color: #FF8650;
+    border-color: #FF8650;
   }
 }

package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js

@@ -164,8 +164,6 @@ function (_super) {
     }, oldPrice && /*#__PURE__*/_react["default"].createElement("div", {
       className: "old-price"
     }, oldPrice)), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "shipping-price"
-    }, oldPrice), /*#__PURE__*/_react["default"].createElement("div", {
       className: "rate-sold-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "evaluation-score"
@@ -179,7 +177,7 @@ function (_super) {
       className: "line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "sold"
-    }, "Sold $", soldNumber, "+"))));
+    }, "Sold ", soldNumber || 0, "+"))));
   };
 
   ProductItem.defaultProps = {

package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.less

@@ -102,15 +102,10 @@
   font-size: 0.24rem;
   color: #FA7373;
 }
-.monpay-interest-product-item-wrap .content-wrap .shipping-price {
-  font-weight: 400;
-  font-size: 0.24rem;
-  color: #545454;
-  margin-top: 0.16rem;
-}
 .monpay-interest-product-item-wrap .content-wrap .rate-sold-wrap {
   display: flex;
   align-items: center;
+  margin-top: 0.1rem;
 }
 .monpay-interest-product-item-wrap .content-wrap .rate-sold-wrap .evaluation-score {
   display: inline-flex;