@fonixtree/magic-design 2.0.101 → 2.0.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/es/common/PopUpModal/index.js +9 -215
  2. package/es/common/PopUpModal/index.less +14 -0
  3. package/es/common/ProductFilterModal/components/FilterSearchModal/index.js +2 -5
  4. package/es/common/ProductFilterModal/components/FilterSearchModal/index.less +21 -6
  5. package/es/common/ProductFilterModal/index.js +4 -8
  6. package/es/common/ProductFilterModal/index.less +94 -53
  7. package/es/common/Tag/index.less +2 -2
  8. package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +1 -3
  9. package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.less +1 -6
  10. package/es/composite-comp/monpay/components/InterestProducts/mobile/index.js +29 -3
  11. package/es/composite-comp/monpay/components/MerchantSales/mobile/index.js +5 -8
  12. package/es/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js +1 -1
  13. package/es/composite-comp/monpay/components/MonpayFlashDeal/pc/index.js +1 -1
  14. package/es/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +11 -8
  15. package/es/constants/index.js +1 -1
  16. package/es/locale/en/en.json +7 -2
  17. package/es/locale/es/es.json +7 -2
  18. package/es/locale/id/id.json +7 -2
  19. package/es/meta-comp/components/Button/editable.js +1 -1
  20. package/es/meta-comp/components/Button/editable.less +1 -1
  21. package/lib/common/PopUpModal/index.js +9 -215
  22. package/lib/common/PopUpModal/index.less +14 -0
  23. package/lib/common/ProductFilterModal/components/FilterSearchModal/index.js +2 -5
  24. package/lib/common/ProductFilterModal/components/FilterSearchModal/index.less +21 -6
  25. package/lib/common/ProductFilterModal/index.js +4 -8
  26. package/lib/common/ProductFilterModal/index.less +94 -53
  27. package/lib/common/Tag/index.less +2 -2
  28. package/lib/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +1 -3
  29. package/lib/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.less +1 -6
  30. package/lib/composite-comp/monpay/components/InterestProducts/mobile/index.js +29 -3
  31. package/lib/composite-comp/monpay/components/MerchantSales/mobile/index.js +5 -8
  32. package/lib/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js +1 -1
  33. package/lib/composite-comp/monpay/components/MonpayFlashDeal/pc/index.js +1 -1
  34. package/lib/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +11 -8
  35. package/lib/constants/index.js +1 -1
  36. package/lib/locale/en/en.json +7 -2
  37. package/lib/locale/es/es.json +7 -2
  38. package/lib/locale/id/id.json +7 -2
  39. package/lib/meta-comp/components/Button/editable.js +1 -1
  40. package/lib/meta-comp/components/Button/editable.less +1 -1
  41. package/package.json +1 -1
  42. package/es/common/PopUpModal1/index.js +0 -164
  43. package/es/common/PopUpModal1/style.less +0 -56
  44. package/lib/common/PopUpModal1/index.js +0 -164
  45. package/lib/common/PopUpModal1/style.less +0 -56
@@ -51,6 +51,22 @@ var __extends = void 0 && (void 0).__extends || function () {
51
51
  };
52
52
  }();
53
53
 
54
+ var __assign = void 0 && (void 0).__assign || function () {
55
+ __assign = Object.assign || function (t) {
56
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
57
+ s = arguments[i];
58
+
59
+ for (var p in s) {
60
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
61
+ }
62
+ }
63
+
64
+ return t;
65
+ };
66
+
67
+ return __assign.apply(this, arguments);
68
+ };
69
+
54
70
  var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
55
71
  function adopt(value) {
56
72
  return value instanceof P ? value : new P(function (resolve) {
@@ -204,6 +220,7 @@ var defaultData = [{
204
220
  marketPrice: 19000000,
205
221
  discountPercent: 10,
206
222
  salePercent: 500,
223
+ salesCnt: 501,
207
224
  sppType: '2'
208
225
  }, {
209
226
  imgUrlContent: {
@@ -215,6 +232,7 @@ var defaultData = [{
215
232
  marketPrice: 19000000,
216
233
  discountPercent: 10,
217
234
  salePercent: 500,
235
+ salesCnt: 501,
218
236
  sppType: '2'
219
237
  }, {
220
238
  imgUrlContent: {
@@ -226,6 +244,7 @@ var defaultData = [{
226
244
  marketPrice: 19000000,
227
245
  discountPercent: 10,
228
246
  salePercent: 500,
247
+ salesCnt: 501,
229
248
  sppType: '2'
230
249
  }, {
231
250
  imgUrlContent: {
@@ -237,6 +256,7 @@ var defaultData = [{
237
256
  marketPrice: 19000000,
238
257
  discountPercent: 10,
239
258
  salePercent: 500,
259
+ salesCnt: 501,
240
260
  sppType: '2'
241
261
  }];
242
262
 
@@ -249,6 +269,7 @@ function (_super) {
249
269
  var _this = _super !== null && _super.apply(this, arguments) || this;
250
270
 
251
271
  _this.state = {
272
+ interestName: '',
252
273
  list: (0, _coreUtil.isDesignMode)() ? defaultData : (0, _commonUtil.ensure)(function () {
253
274
  return (0, _storeUtil.getMagicStore)("interestProducts_" + (window.magicDesign.pageId || '') + "_" + _this.props.panelProps.id);
254
275
  }, [])
@@ -280,7 +301,7 @@ function (_super) {
280
301
  maxProdNum = this.props.panelProps.content.maxProdNum;
281
302
  return [4
282
303
  /*yield*/
283
- , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers', {
304
+ , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers/interest', {
284
305
  pageIndex: 1,
285
306
  pageSize: maxProdNum,
286
307
  interested: true
@@ -290,6 +311,7 @@ function (_super) {
290
311
  res = _a.sent();
291
312
  list = res.pageInfo.list;
292
313
  this.setState({
314
+ interestName: res.interest.interestName,
293
315
  list: list
294
316
  });
295
317
  this.getMacy();
@@ -315,14 +337,18 @@ function (_super) {
315
337
 
316
338
  InterestProductsMobile.prototype.render = function () {
317
339
  var panelProps = this.props.panelProps;
318
- var list = this.state.list;
340
+ var _a = this.state,
341
+ interestName = _a.interestName,
342
+ list = _a.list;
319
343
  return /*#__PURE__*/_react["default"].createElement("div", {
320
344
  className: "monpay-interest-products-mobile"
321
345
  }, /*#__PURE__*/_react["default"].createElement("div", {
322
346
  className: "interest-products-title"
323
347
  }, panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
324
348
  className: "text",
325
- data: panelProps.title.headline
349
+ data: __assign(__assign({}, panelProps.title.headline), {
350
+ text: interestName
351
+ })
326
352
  }), panelProps.title.seeAll.open && /*#__PURE__*/_react["default"].createElement("span", {
327
353
  className: "btn"
328
354
  }, "See All")), /*#__PURE__*/_react["default"].createElement("div", {
@@ -225,21 +225,18 @@ function (_super) {
225
225
 
226
226
  _this.getData = function () {
227
227
  return __awaiter(_this, void 0, void 0, function () {
228
- var maxProdNum, res, list;
228
+ var res, list;
229
229
  return __generator(this, function (_a) {
230
230
  switch (_a.label) {
231
231
  case 0:
232
- maxProdNum = this.props.panelProps.content.maxProdNum;
233
232
  return [4
234
233
  /*yield*/
235
234
  , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers', {
236
235
  pageIndex: 1,
237
- pageSize: maxProdNum,
238
- sortType: '1',
239
- intelligentType: '',
240
- intelligentValue: '',
241
- aggregation: false,
242
- storeId: window.magicDesign.storeId >= 0 ? window.magicDesign.storeId : ''
236
+ pageSize: 50,
237
+ qryStorePage: 'Y',
238
+ storeOfferCnt: 0,
239
+ campaignType: '2,14'
243
240
  }, 'POST')];
244
241
 
245
242
  case 1:
@@ -402,7 +402,7 @@ function (_super) {
402
402
  }), panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
403
403
  className: "title",
404
404
  data: panelProps.title.headline
405
- }), /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
405
+ }), panelProps.title.countdown.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
406
406
  bgColor: panelProps.title.countdown.backgroundColor,
407
407
  effDate: effDate,
408
408
  expDate: expDate,
@@ -505,7 +505,7 @@ function (_super) {
505
505
  }), panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
506
506
  className: "title",
507
507
  data: panelProps.title.headline
508
- }), /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
508
+ }), panelProps.title.countdown.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
509
509
  bgColor: panelProps.title.countdown.backgroundColor,
510
510
  effDate: effDate,
511
511
  expDate: expDate,
@@ -362,9 +362,9 @@ function (_super) {
362
362
  }, '#CE1126') : '#CE1126';
363
363
  };
364
364
 
365
- _this.getProductList = function (index) {
365
+ _this.getProductList = function (index, filterParams) {
366
366
  return __awaiter(_this, void 0, void 0, function () {
367
- var panelProps, groupSource, recommendId, pageId, cache, _a, _b, sourceType, _c, prodIds, _d, prodType, _e, intelligentType, _f, intelligentValue, _g, maxProdNum, newData, params, res, res, _h, pageInfo, brandIds, catgIds, offerAttrValues, serviceIds, e_1, _cache;
367
+ var panelProps, groupSource, recommendId, pageId, cache, _a, _b, sourceType, _c, prodIds, _d, prodType, _e, intelligentType, _f, intelligentValue, _g, maxProdNum, newData, params, res, res, _h, pageInfo, serviceIds, brandIds, catgIds, offerAttrValues, e_1, _cache;
368
368
 
369
369
  var _j, _k, _l;
370
370
 
@@ -468,7 +468,7 @@ function (_super) {
468
468
  case 7:
469
469
  return [4
470
470
  /*yield*/
471
- , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers', {
471
+ , (0, _commonUtil.commonFetch)('/designer/v1/h5/offers', __assign({
472
472
  pageIndex: 1,
473
473
  pageSize: maxProdNum,
474
474
  sortType: '1',
@@ -476,16 +476,16 @@ function (_super) {
476
476
  intelligentValue: intelligentValue.join(','),
477
477
  aggregation: false,
478
478
  storeId: window.magicDesign.storeId >= 0 ? window.magicDesign.storeId : ''
479
- }, 'POST')];
479
+ }, filterParams), 'POST')];
480
480
 
481
481
  case 8:
482
- _h = _m.sent(), pageInfo = _h.pageInfo, brandIds = _h.brandIds, catgIds = _h.catgIds, offerAttrValues = _h.offerAttrValues, serviceIds = _h.serviceIds;
482
+ _h = _m.sent(), pageInfo = _h.pageInfo, serviceIds = _h.serviceIds, brandIds = _h.brandIds, catgIds = _h.catgIds, offerAttrValues = _h.offerAttrValues;
483
483
  this.setState({
484
484
  filterObj: {
485
+ serviceIds: serviceIds,
485
486
  brandIds: brandIds,
486
487
  catgIds: catgIds,
487
- offerAttrValues: offerAttrValues,
488
- serviceIds: serviceIds
488
+ offerAttrValues: offerAttrValues
489
489
  }
490
490
  });
491
491
  newData = __spreadArrays(pageInfo.list);
@@ -592,8 +592,11 @@ function (_super) {
592
592
  _this.onSearchCondChange = function (cond) {
593
593
  _this.setState({
594
594
  searchParams: cond
595
- }); // initProduct({ pageIndex: 1/, pageSize: 10, q: searchValue, ...linkParams, ...cond });
595
+ });
596
+
597
+ var tabIndex = _this.state.tabIndex;
596
598
 
599
+ _this.getProductList(tabIndex, cond);
597
600
  };
598
601
 
599
602
  return _this;
@@ -183,7 +183,7 @@ var compInfoMap = {
183
183
  icon: 'icon-forms'
184
184
  },
185
185
  MONPAY_RECOMMEND: {
186
- name: 'Monpay Recommend',
186
+ name: 'Recommend',
187
187
  icon: 'icon-forms'
188
188
  },
189
189
  INTEREST_PRODUCTS: {
@@ -1,4 +1,11 @@
1
1
  {
2
+ "OK": "OK",
3
+ "BRANDS": "Brands",
4
+ "CATEGORY": "Category",
5
+ "SERVICE": "Service",
6
+ "RATINGS": "Ratings",
7
+ "STAR": "Star",
8
+ "APPLY": "Apply",
2
9
  "SORT_BY": "Sort by",
3
10
  "PROMOTION": "Promotion",
4
11
  "HIGHEST_RATED": "Highest rated",
@@ -158,7 +165,6 @@
158
165
  "ALL": "ALL",
159
166
  "HOT": "Hot",
160
167
  "GUESS_YOU_LIKE": "Guess you like",
161
- "CATEGORY": "Category",
162
168
  "LABEL": "Label",
163
169
  "UNDERLINE_STYLE": "Underline Style",
164
170
  "UNDERLINE_COLOR": "Underline Color",
@@ -214,7 +220,6 @@
214
220
  "GROUP_BY": "Group By",
215
221
  "FLASH_SALE": "Flash Sale",
216
222
  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
217
- "OK": "OK",
218
223
  "CANCEL": "Cancel",
219
224
  "LINK_TYPE": "Link Type",
220
225
  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
@@ -1,4 +1,11 @@
1
1
  {
2
+ "OK": "OK",
3
+ "BRANDS": "Brands",
4
+ "CATEGORY": "Categoría",
5
+ "SERVICE": "Service",
6
+ "RATINGS": "Ratings",
7
+ "STAR": "Star",
8
+ "APPLY": "Apply",
2
9
  "SORT_BY": "Sort by",
3
10
  "PROMOTION": "Promotion",
4
11
  "HIGHEST_RATED": "Highest rated",
@@ -158,7 +165,6 @@
158
165
  "ALL": "TODO",
159
166
  "HOT": "Caliente",
160
167
  "GUESS_YOU_LIKE": "Supongo que te gusta",
161
- "CATEGORY": "Categoría",
162
168
  "LABEL": "Etiqueta",
163
169
  "UNDERLINE_STYLE": "Estilo de subrayado",
164
170
  "UNDERLINE_COLOR": "Color de subrayado",
@@ -214,7 +220,6 @@
214
220
  "GROUP_BY": "Agrupar por",
215
221
  "FLASH_SALE": "Oferta relámpago",
216
222
  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "La cantidad del producto se actualizará automáticamente con los artículos que cumplan con las condiciones de la categoría",
217
- "OK": "OK",
218
223
  "CANCEL": "Cancelar",
219
224
  "LINK_TYPE": "Tipo de enlace",
220
225
  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Parece que no tiene ninguna imagen en su galería. Elija imágenes para mostrar en esta página.",
@@ -1,4 +1,11 @@
1
1
  {
2
+ "OK": "OK",
3
+ "BRANDS": "Brands",
4
+ "CATEGORY": "Category",
5
+ "SERVICE": "Service",
6
+ "RATINGS": "Ratings",
7
+ "STAR": "Star",
8
+ "APPLY": "Apply",
2
9
  "SORT_BY": "Sort by",
3
10
  "PROMOTION": "Promotion",
4
11
  "HIGHEST_RATED": "Highest rated",
@@ -158,7 +165,6 @@
158
165
  "ALL": "ALL",
159
166
  "HOT": "Hot",
160
167
  "GUESS_YOU_LIKE": "Guess you like",
161
- "CATEGORY": "Category",
162
168
  "LABEL": "Label",
163
169
  "UNDERLINE_STYLE": "Underline Style",
164
170
  "UNDERLINE_COLOR": "Underline Color",
@@ -214,7 +220,6 @@
214
220
  "GROUP_BY": "Group By",
215
221
  "FLASH_SALE": "Flash Sale",
216
222
  "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
217
- "OK": "OK",
218
223
  "CANCEL": "Cancel",
219
224
  "LINK_TYPE": "Link Type",
220
225
  "LOOKS_LIKE_YOU_DO_NOT_HAVE_ANY_IMAGES_IN_YOUR_GALLERY__CHOOSE_IMAGES_TO_FEATURE_ON_THIS_PAGE_": "Looks like you do not have any images in your gallery. Choose images to feature on this page.",
@@ -99,7 +99,7 @@ function (_super) {
99
99
  this.preData = JSON.stringify(data);
100
100
  this.preDevice = window.magicDesign.device;
101
101
  return /*#__PURE__*/_react["default"].createElement("span", {
102
- className: "item",
102
+ className: "editable-item",
103
103
  contentEditable: (0, _coreUtil.isDesignMode)() && !readonly,
104
104
  onInput: function onInput(e) {
105
105
  var text = e.target.textContent;
@@ -1,4 +1,4 @@
1
- .item {
1
+ .editable-item {
2
2
  width: 100%;
3
3
  display: flex;
4
4
  align-items: center;
@@ -15,8 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
15
15
 
16
16
  require("./index.less");
17
17
 
18
- var _Button = _interopRequireDefault(require("../Button"));
19
-
20
18
  var _coreUtil = require("../../utils/coreUtil");
21
19
 
22
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -51,149 +49,6 @@ var __extends = void 0 && (void 0).__extends || function () {
51
49
  };
52
50
  }();
53
51
 
54
- var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
55
- function adopt(value) {
56
- return value instanceof P ? value : new P(function (resolve) {
57
- resolve(value);
58
- });
59
- }
60
-
61
- return new (P || (P = Promise))(function (resolve, reject) {
62
- function fulfilled(value) {
63
- try {
64
- step(generator.next(value));
65
- } catch (e) {
66
- reject(e);
67
- }
68
- }
69
-
70
- function rejected(value) {
71
- try {
72
- step(generator["throw"](value));
73
- } catch (e) {
74
- reject(e);
75
- }
76
- }
77
-
78
- function step(result) {
79
- result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
80
- }
81
-
82
- step((generator = generator.apply(thisArg, _arguments || [])).next());
83
- });
84
- };
85
-
86
- var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
87
- var _ = {
88
- label: 0,
89
- sent: function sent() {
90
- if (t[0] & 1) throw t[1];
91
- return t[1];
92
- },
93
- trys: [],
94
- ops: []
95
- },
96
- f,
97
- y,
98
- t,
99
- g;
100
- return g = {
101
- next: verb(0),
102
- "throw": verb(1),
103
- "return": verb(2)
104
- }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
105
- return this;
106
- }), g;
107
-
108
- function verb(n) {
109
- return function (v) {
110
- return step([n, v]);
111
- };
112
- }
113
-
114
- function step(op) {
115
- if (f) throw new TypeError("Generator is already executing.");
116
-
117
- while (_) {
118
- try {
119
- 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;
120
- if (y = 0, t) op = [op[0] & 2, t.value];
121
-
122
- switch (op[0]) {
123
- case 0:
124
- case 1:
125
- t = op;
126
- break;
127
-
128
- case 4:
129
- _.label++;
130
- return {
131
- value: op[1],
132
- done: false
133
- };
134
-
135
- case 5:
136
- _.label++;
137
- y = op[1];
138
- op = [0];
139
- continue;
140
-
141
- case 7:
142
- op = _.ops.pop();
143
-
144
- _.trys.pop();
145
-
146
- continue;
147
-
148
- default:
149
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
150
- _ = 0;
151
- continue;
152
- }
153
-
154
- if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
155
- _.label = op[1];
156
- break;
157
- }
158
-
159
- if (op[0] === 6 && _.label < t[1]) {
160
- _.label = t[1];
161
- t = op;
162
- break;
163
- }
164
-
165
- if (t && _.label < t[2]) {
166
- _.label = t[2];
167
-
168
- _.ops.push(op);
169
-
170
- break;
171
- }
172
-
173
- if (t[2]) _.ops.pop();
174
-
175
- _.trys.pop();
176
-
177
- continue;
178
- }
179
-
180
- op = body.call(thisArg, _);
181
- } catch (e) {
182
- op = [6, e];
183
- y = 0;
184
- } finally {
185
- f = t = 0;
186
- }
187
- }
188
-
189
- if (op[0] & 5) throw op[1];
190
- return {
191
- value: op[0] ? op[1] : void 0,
192
- done: true
193
- };
194
- }
195
- };
196
-
197
52
  var __rest = void 0 && (void 0).__rest || function (s, e) {
198
53
  var t = {};
199
54
 
@@ -207,8 +62,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
207
62
  return t;
208
63
  };
209
64
 
210
- var debug = require('debug')('worker:pop-up-modal');
211
-
212
65
  var AComponent =
213
66
  /** @class */
214
67
  function (_super) {
@@ -218,55 +71,6 @@ function (_super) {
218
71
  var _this = _super !== null && _super.apply(this, arguments) || this;
219
72
 
220
73
  _this.state = {};
221
-
222
- _this.onConfirm = function () {
223
- return __awaiter(_this, void 0, void 0, function () {
224
- var _a, onConfirm, onClose, error_1;
225
-
226
- return __generator(this, function (_b) {
227
- switch (_b.label) {
228
- case 0:
229
- _b.trys.push([0, 2,, 3]);
230
-
231
- _a = this.props, onConfirm = _a.onConfirm, onClose = _a.onClose;
232
- return [4
233
- /*yield*/
234
- , onConfirm()];
235
-
236
- case 1:
237
- _b.sent();
238
-
239
- onClose();
240
- return [3
241
- /*break*/
242
- , 3];
243
-
244
- case 2:
245
- error_1 = _b.sent();
246
- debug(error_1);
247
- return [3
248
- /*break*/
249
- , 3];
250
-
251
- case 3:
252
- return [2
253
- /*return*/
254
- ];
255
- }
256
- });
257
- });
258
- };
259
-
260
- _this.onCancel = function () {
261
- try {
262
- var onClose = _this.props.onClose;
263
- onCancel();
264
- onClose();
265
- } catch (error) {
266
- debug(error);
267
- }
268
- };
269
-
270
74
  return _this;
271
75
  }
272
76
 
@@ -274,19 +78,10 @@ function (_super) {
274
78
  var _a = this.props,
275
79
  title = _a.title,
276
80
  titleStyle = _a.titleStyle,
277
- message = _a.message,
278
- confirmText = _a.confirmText,
279
- cancelText = _a.cancelText,
81
+ children = _a.children,
280
82
  onClose = _a.onClose,
281
83
  visible = _a.visible,
282
- maskClosable = _a.maskClosable,
283
- rest = __rest(_a, ["title", "titleStyle", "message", "confirmText", "cancelText", "onClose", "visible", "maskClosable"]);
284
-
285
- var messageBox = message;
286
-
287
- if (message instanceof Function) {
288
- messageBox = message();
289
- }
84
+ rest = __rest(_a, ["title", "titleStyle", "children", "onClose", "visible"]);
290
85
 
291
86
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, visible && /*#__PURE__*/_react["default"].createElement("div", {
292
87
  className: (0, _classnames["default"])('popUpModal', rest.className),
@@ -295,20 +90,19 @@ function (_super) {
295
90
  }
296
91
  }, /*#__PURE__*/_react["default"].createElement("div", {
297
92
  className: "modal-shadow",
298
- onClick: maskClosable && onClose
93
+ onClick: onClose
299
94
  }), /*#__PURE__*/_react["default"].createElement("div", {
300
95
  className: "modal-content"
301
- }, title && /*#__PURE__*/_react["default"].createElement("div", {
96
+ }, /*#__PURE__*/_react["default"].createElement("div", {
97
+ className: "topLineWrap"
98
+ }, /*#__PURE__*/_react["default"].createElement("div", {
99
+ className: "topLine"
100
+ })), title && /*#__PURE__*/_react["default"].createElement("div", {
302
101
  className: "modal-title",
303
102
  style: titleStyle
304
103
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
305
104
  className: "modal-btn-wrap"
306
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
307
- onClick: this.onConfirm,
308
- style: {
309
- flex: 'none'
310
- }
311
- }, confirmText)))));
105
+ }, children))));
312
106
  };
313
107
 
314
108
  return AComponent;
@@ -32,6 +32,7 @@
32
32
  right: 0;
33
33
  width: 100%;
34
34
  padding: 20px;
35
+ padding-top: 0;
35
36
  display: flex;
36
37
  flex-direction: column;
37
38
  background-color: #fff;
@@ -41,6 +42,19 @@
41
42
  max-height: 60%;
42
43
  border-radius: 10px 10px 0 0;
43
44
 
45
+ .topLineWrap {
46
+ text-align: center;
47
+ margin-bottom: 15px;
48
+
49
+ .topLine {
50
+ display: inline-block;
51
+ width: 42px;
52
+ height: 4px;
53
+ background: #e9e9e9;
54
+ border-radius: 2px;
55
+ }
56
+ }
57
+
44
58
  .modal-title {
45
59
  color: #000;
46
60
  font-size: 16px;
@@ -162,10 +162,6 @@ function (_super) {
162
162
  }) : list;
163
163
 
164
164
  return /*#__PURE__*/_react["default"].createElement(_PopUpModal["default"], {
165
- bodyStyle: {
166
- height: '80vh'
167
- },
168
- destroyOnClose: true,
169
165
  visible: visible
170
166
  }, /*#__PURE__*/_react["default"].createElement("div", {
171
167
  className: "classificationDetailModal"
@@ -179,7 +175,7 @@ function (_super) {
179
175
  _this.onClear();
180
176
  },
181
177
  size: 20,
182
- type: "icon-arrow-left"
178
+ type: "icon-outlined-left"
183
179
  }), /*#__PURE__*/_react["default"].createElement("div", {
184
180
  className: "headerTitle"
185
181
  }, title)), /*#__PURE__*/_react["default"].createElement("div", {
@@ -221,6 +217,7 @@ function (_super) {
221
217
  }), /*#__PURE__*/_react["default"].createElement("p", null, "Sorry, we couldn't find \"", searchValue, "\"")))), _list.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
222
218
  className: "bottomWrap"
223
219
  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
220
+ className: "btn-confirm",
224
221
  onClick: this.onOkClick
225
222
  }, (0, _locale.i18n)('OK')))));
226
223
  };