@fonixtree/magic-design 0.0.74 → 0.0.76

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

@@ -458,7 +458,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
                 minPrice: minimum * precision || '',
                 maxPrice: maximum * precision || '',
                 // storeName:storeName,
-                cmpTypeId: promotions.key || '',
+                campaignType: promotions.key || '',
                 pageSize: paginationParams.pageSize,
                 pageIndex: paginationParams.current,
                 state: 'A'
@@ -485,7 +485,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
                     minPrice: minimum * precision || '',
                     maxPrice: maximum * precision || '',
                     storeName: storeName || '',
-                    cmpTypeId: promotions.key || '',
+                    campaignType: promotions.key || '',
                     state: 'A'
                   }),
                   total: res.total

package/es/common/MessageModal/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  dom: null,
+  success: function success(_a) {
+    var _this = this;
+
+    var title = _a.title,
+        content = _a.content,
+        onOk = _a.onOk,
+        onCancel = _a.onCancel,
+        okText = _a.okText,
+        cancelText = _a.cancelText;
+    this.close();
+    this.dom = document.createElement('div');
+    this.dom.setAttribute('id', 'message_modal');
+
+    var JSXdom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "message-container"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-shadow",
+      onClick: this.close
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-content"
+    }, title && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-title"
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-message"
+    }, content), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-btn-wrap"
+    }, cancelText && /*#__PURE__*/_react["default"].createElement("button", {
+      className: "cancel",
+      onClick: function onClick() {
+        return _this.onCancel(onCancel);
+      }
+    }, cancelText), okText && /*#__PURE__*/_react["default"].createElement("button", {
+      className: "confirm",
+      onClick: function onClick() {
+        return _this.onOk(onOk);
+      }
+    }, okText)))));
+
+    _reactDom["default"].render(JSXdom, this.dom);
+
+    document.body.appendChild(this.dom);
+  },
+  onCancel: function onCancel(_onCancel) {
+    _onCancel instanceof Function && _onCancel();
+    this.close();
+  },
+  onOk: function onOk(_onOk) {
+    _onOk instanceof Function && _onOk();
+    this.close();
+  },
+  close: function close() {
+    var dom = document.querySelector('#message_modal');
+    dom && dom.remove();
+  }
+};
+exports["default"] = _default;

package/es/common/MessageModal/index.less

@@ -0,0 +1,86 @@
+#message_modal {
+  .message-container {
+    display: flex;
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    flex-direction: column;
+    width: 100%;
+    z-index: 99;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+
+    .modal-shadow {
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, .5);
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: -1;
+    }
+
+    .modal-content {
+      width: 80%;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      background-color: #fff;
+      box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
+      animation: bounceIn .5s linear;
+      margin-top: -80px;
+
+      .modal-title {
+        font-family: var(--truenoSBd-family);
+        color: #000;
+        font-size: 16px;
+        font-weight: 600;
+        text-align: center;
+      }
+
+      .modal-message {
+        padding: 24px 0px;
+        color: rgb(0, 0, 0);
+        text-align: center;
+        font-family: var(--regular-font);
+      }
+
+      .modal-btn-wrap {
+        display: flex;
+        flex-direction: column;
+
+        .confirm {
+          border: none;
+          margin: 8px 0;
+          background-color: #FF1659;
+          font-size: 14px;
+          font-weight: 600;
+          font-family: var(--regular-font);
+          line-height: 21px;
+          color: #FFFFFF;
+          opacity: 1;
+          height: 46px;
+        }
+
+        .cancel {
+          border: none;
+          margin: 8px 0;
+          background-color: #FFFFFF;
+          font-size: 14px;
+          font-weight: 600;
+          font-family: var(--regular-font);
+          line-height: 21px;
+          color: #FF1659;
+          opacity: 1;
+          height: 46px;
+        }
+      }
+    }
+
+  }
+
+}

package/es/common/ProductModal/index.js

@@ -700,7 +700,7 @@ var ProductModal = function ProductModal(props) {
         productName: productName,
         productCode: productCode,
         storeId: storeId,
-        cmpTypeId: promotions || '',
+        campaignType: promotions || '',
         minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
         maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
         catgIds: selCatgsList.join(','),
@@ -730,7 +730,7 @@ var ProductModal = function ProductModal(props) {
         queryGoods({
           productName: productName,
           productCode: productCode,
-          cmpTypeId: promotions || '',
+          campaignType: promotions || '',
           minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
           maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
           catgIds: selCatgsList.join(','),

package/es/locale/en/en.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/es/locale/es/es.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Guardar",

package/es/locale/id/id.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/es/utils/commonUtil.js

@@ -49,7 +49,7 @@ function commonFetch(url, data, method) {
 
   var _method = method.toUpperCase();
 
-  return new Promise(function (resolve) {
+  return new Promise(function (resolve, reject) {
     var _a, _b;
 
     var isLoginUrl = url.includes('portal/login');
@@ -64,6 +64,8 @@ function commonFetch(url, data, method) {
           params: data
         }).then(function (res) {
           resolve(res);
+        })["catch"](function (err) {
+          reject(err);
         });
         return;
       }
@@ -73,6 +75,8 @@ function commonFetch(url, data, method) {
         headers: headers
       }).then(function (res) {
         resolve(res.data);
+      })["catch"](function (err) {
+        reject(err.response.data);
       });
     }
 
@@ -83,6 +87,8 @@ function commonFetch(url, data, method) {
           data: data
         }).then(function (res) {
           resolve(res);
+        })["catch"](function (err) {
+          reject(err);
         });
         return;
       }
@@ -91,6 +97,8 @@ function commonFetch(url, data, method) {
         headers: headers
       }).then(function (res) {
         resolve(res.data);
+      })["catch"](function (err) {
+        reject(err.response.data);
       });
     }
   });

package/es/utils/coreUtil.js

@@ -13,6 +13,14 @@ var _commonUtil = require("./commonUtil");
 
 var _androidUtil = require("./androidUtil");
 
+var _constants = require("../constants");
+
+var _MessageModal = _interopRequireDefault(require("../common/MessageModal"));
+
+var _locale = require("../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -31,6 +39,149 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
+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 _this = void 0;
 
 var isDesignMode = function isDesignMode() {
@@ -58,10 +209,64 @@ var renderPreview = function renderPreview() {
     bubbles: false
   });
   window.document.dispatchEvent(evt);
-};
+}; // 领取优惠券
+
 
 exports.renderPreview = renderPreview;
 
+var getCoupon = function getCoupon(couponId) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    var err_1;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          _a.trys.push([0, 2,, 3]);
+
+          return [4
+          /*yield*/
+          , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/coupons/usercoupon", {
+            couponId: Number(couponId)
+          }, 'POST')];
+
+        case 1:
+          res = _a.sent();
+
+          _MessageModal["default"].success({
+            content: (0, _locale.i18n)('VOUCHER_SUCCESS'),
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 2:
+          err_1 = _a.sent();
+
+          if (err_1.code === _constants.respCodeMap.NOT_LOGGED_IN) {
+            return [2
+            /*return*/
+            ];
+          }
+
+          _MessageModal["default"].success({
+            content: err_1.message,
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 3:
+          return [2
+          /*return*/
+          ];
+      }
+    });
+  });
+};
+
 var clickUrl = function clickUrl(url) {
   console.log('url', url);
 
@@ -78,8 +283,7 @@ var clickUrl = function clickUrl(url) {
       data = params.data; // 领取优惠券
 
   if (type === 'GET_COUPON') {
-    _this.getCoupon(data.couponId);
-
+    getCoupon(data.couponId);
     return;
   }
 

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

@@ -458,7 +458,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
                 minPrice: minimum * precision || '',
                 maxPrice: maximum * precision || '',
                 // storeName:storeName,
-                cmpTypeId: promotions.key || '',
+                campaignType: promotions.key || '',
                 pageSize: paginationParams.pageSize,
                 pageIndex: paginationParams.current,
                 state: 'A'
@@ -485,7 +485,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
                     minPrice: minimum * precision || '',
                     maxPrice: maximum * precision || '',
                     storeName: storeName || '',
-                    cmpTypeId: promotions.key || '',
+                    campaignType: promotions.key || '',
                     state: 'A'
                   }),
                   total: res.total

package/lib/common/MessageModal/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  dom: null,
+  success: function success(_a) {
+    var _this = this;
+
+    var title = _a.title,
+        content = _a.content,
+        onOk = _a.onOk,
+        onCancel = _a.onCancel,
+        okText = _a.okText,
+        cancelText = _a.cancelText;
+    this.close();
+    this.dom = document.createElement('div');
+    this.dom.setAttribute('id', 'message_modal');
+
+    var JSXdom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "message-container"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-shadow",
+      onClick: this.close
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-content"
+    }, title && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-title"
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-message"
+    }, content), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "modal-btn-wrap"
+    }, cancelText && /*#__PURE__*/_react["default"].createElement("button", {
+      className: "cancel",
+      onClick: function onClick() {
+        return _this.onCancel(onCancel);
+      }
+    }, cancelText), okText && /*#__PURE__*/_react["default"].createElement("button", {
+      className: "confirm",
+      onClick: function onClick() {
+        return _this.onOk(onOk);
+      }
+    }, okText)))));
+
+    _reactDom["default"].render(JSXdom, this.dom);
+
+    document.body.appendChild(this.dom);
+  },
+  onCancel: function onCancel(_onCancel) {
+    _onCancel instanceof Function && _onCancel();
+    this.close();
+  },
+  onOk: function onOk(_onOk) {
+    _onOk instanceof Function && _onOk();
+    this.close();
+  },
+  close: function close() {
+    var dom = document.querySelector('#message_modal');
+    dom && dom.remove();
+  }
+};
+exports["default"] = _default;

package/lib/common/MessageModal/index.less

@@ -0,0 +1,86 @@
+#message_modal {
+  .message-container {
+    display: flex;
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    flex-direction: column;
+    width: 100%;
+    z-index: 99;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+
+    .modal-shadow {
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, .5);
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: -1;
+    }
+
+    .modal-content {
+      width: 80%;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      background-color: #fff;
+      box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
+      animation: bounceIn .5s linear;
+      margin-top: -80px;
+
+      .modal-title {
+        font-family: var(--truenoSBd-family);
+        color: #000;
+        font-size: 16px;
+        font-weight: 600;
+        text-align: center;
+      }
+
+      .modal-message {
+        padding: 24px 0px;
+        color: rgb(0, 0, 0);
+        text-align: center;
+        font-family: var(--regular-font);
+      }
+
+      .modal-btn-wrap {
+        display: flex;
+        flex-direction: column;
+
+        .confirm {
+          border: none;
+          margin: 8px 0;
+          background-color: #FF1659;
+          font-size: 14px;
+          font-weight: 600;
+          font-family: var(--regular-font);
+          line-height: 21px;
+          color: #FFFFFF;
+          opacity: 1;
+          height: 46px;
+        }
+
+        .cancel {
+          border: none;
+          margin: 8px 0;
+          background-color: #FFFFFF;
+          font-size: 14px;
+          font-weight: 600;
+          font-family: var(--regular-font);
+          line-height: 21px;
+          color: #FF1659;
+          opacity: 1;
+          height: 46px;
+        }
+      }
+    }
+
+  }
+
+}

package/lib/common/ProductModal/index.js

@@ -700,7 +700,7 @@ var ProductModal = function ProductModal(props) {
         productName: productName,
         productCode: productCode,
         storeId: storeId,
-        cmpTypeId: promotions || '',
+        campaignType: promotions || '',
         minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
         maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
         catgIds: selCatgsList.join(','),
@@ -730,7 +730,7 @@ var ProductModal = function ProductModal(props) {
         queryGoods({
           productName: productName,
           productCode: productCode,
-          cmpTypeId: promotions || '',
+          campaignType: promotions || '',
           minPrice: minPrice === '' ? '' : minPrice * Math.pow(10, precision),
           maxPrice: maxPrice === '' ? '' : maxPrice * Math.pow(10, precision),
           catgIds: selCatgsList.join(','),

package/lib/locale/en/en.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/lib/locale/es/es.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Guardar",

package/lib/locale/id/id.json

@@ -1,4 +1,5 @@
 {
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/lib/utils/commonUtil.js

@@ -49,7 +49,7 @@ function commonFetch(url, data, method) {
 
   var _method = method.toUpperCase();
 
-  return new Promise(function (resolve) {
+  return new Promise(function (resolve, reject) {
     var _a, _b;
 
     var isLoginUrl = url.includes('portal/login');
@@ -64,6 +64,8 @@ function commonFetch(url, data, method) {
           params: data
         }).then(function (res) {
           resolve(res);
+        })["catch"](function (err) {
+          reject(err);
         });
         return;
       }
@@ -73,6 +75,8 @@ function commonFetch(url, data, method) {
         headers: headers
       }).then(function (res) {
         resolve(res.data);
+      })["catch"](function (err) {
+        reject(err.response.data);
       });
     }
 
@@ -83,6 +87,8 @@ function commonFetch(url, data, method) {
           data: data
         }).then(function (res) {
           resolve(res);
+        })["catch"](function (err) {
+          reject(err);
         });
         return;
       }
@@ -91,6 +97,8 @@ function commonFetch(url, data, method) {
         headers: headers
       }).then(function (res) {
         resolve(res.data);
+      })["catch"](function (err) {
+        reject(err.response.data);
       });
     }
   });

package/lib/utils/coreUtil.js

@@ -13,6 +13,14 @@ var _commonUtil = require("./commonUtil");
 
 var _androidUtil = require("./androidUtil");
 
+var _constants = require("../constants");
+
+var _MessageModal = _interopRequireDefault(require("../common/MessageModal"));
+
+var _locale = require("../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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); }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -31,6 +39,149 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 
+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 _this = void 0;
 
 var isDesignMode = function isDesignMode() {
@@ -58,10 +209,64 @@ var renderPreview = function renderPreview() {
     bubbles: false
   });
   window.document.dispatchEvent(evt);
-};
+}; // 领取优惠券
+
 
 exports.renderPreview = renderPreview;
 
+var getCoupon = function getCoupon(couponId) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    var err_1;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          _a.trys.push([0, 2,, 3]);
+
+          return [4
+          /*yield*/
+          , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/coupons/usercoupon", {
+            couponId: Number(couponId)
+          }, 'POST')];
+
+        case 1:
+          res = _a.sent();
+
+          _MessageModal["default"].success({
+            content: (0, _locale.i18n)('VOUCHER_SUCCESS'),
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 2:
+          err_1 = _a.sent();
+
+          if (err_1.code === _constants.respCodeMap.NOT_LOGGED_IN) {
+            return [2
+            /*return*/
+            ];
+          }
+
+          _MessageModal["default"].success({
+            content: err_1.message,
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 3:
+          return [2
+          /*return*/
+          ];
+      }
+    });
+  });
+};
+
 var clickUrl = function clickUrl(url) {
   console.log('url', url);
 
@@ -78,8 +283,7 @@ var clickUrl = function clickUrl(url) {
       data = params.data; // 领取优惠券
 
   if (type === 'GET_COUPON') {
-    _this.getCoupon(data.couponId);
-
+    getCoupon(data.couponId);
     return;
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",