@fonixtree/magic-design 0.0.90 → 0.0.92

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 (25) hide show
  1. package/es/common/LinkModal/FilteredProductModal/index.js +1 -0
  2. package/es/composite-comp/bol/components/Carousel/mobile/index.js +6 -0
  3. package/es/composite-comp/bol/components/Carousel/pc/index.js +6 -0
  4. package/es/composite-comp/dito/components/FlashDeal/mobile/imgs/defImg.png +0 -0
  5. package/es/composite-comp/dito/components/FlashDeal/mobile/index.js +23 -23
  6. package/es/composite-comp/dito/components/FlashDeal/pc/imgs/defImg.png +0 -0
  7. package/es/composite-comp/dito/components/FlashDeal/pc/index.js +58 -14
  8. package/es/composite-comp/dito/components/PcNavigation/pc/index.js +3 -1
  9. package/es/core/Designer/AppointmentModal/index.js +2 -1
  10. package/es/core/Designer/AppointmentModal/index.less +22 -9
  11. package/es/meta-comp/components/Text/index.js +12 -0
  12. package/es/meta-comp/config-panels/TextConfig/index.js +1 -1
  13. package/lib/common/LinkModal/FilteredProductModal/index.js +1 -0
  14. package/lib/composite-comp/bol/components/Carousel/mobile/index.js +6 -0
  15. package/lib/composite-comp/bol/components/Carousel/pc/index.js +6 -0
  16. package/lib/composite-comp/dito/components/FlashDeal/mobile/imgs/defImg.png +0 -0
  17. package/lib/composite-comp/dito/components/FlashDeal/mobile/index.js +23 -23
  18. package/lib/composite-comp/dito/components/FlashDeal/pc/imgs/defImg.png +0 -0
  19. package/lib/composite-comp/dito/components/FlashDeal/pc/index.js +58 -14
  20. package/lib/composite-comp/dito/components/PcNavigation/pc/index.js +3 -1
  21. package/lib/core/Designer/AppointmentModal/index.js +2 -1
  22. package/lib/core/Designer/AppointmentModal/index.less +22 -9
  23. package/lib/meta-comp/components/Text/index.js +12 -0
  24. package/lib/meta-comp/config-panels/TextConfig/index.js +1 -1
  25. package/package.json +1 -1
@@ -453,6 +453,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
453
453
  return v.key;
454
454
  }).join(','),
455
455
  labelIds: labelId.key,
456
+ // q: productName,
456
457
  productName: productName,
457
458
  storeId: storeId,
458
459
  minPrice: minimum * precision || '',
@@ -166,6 +166,12 @@ function (_super) {
166
166
 
167
167
  this.destroy = (0, _mobx.autorun)(function () {
168
168
  _this.sliderGoTo(_this.props.data.groupSource);
169
+ /** 设计器模式下 如果选中特定group 自动播放关闭 */
170
+
171
+
172
+ if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
173
+ _this.sliderRef.slickPause();
174
+ }
169
175
  });
170
176
  this.listenWidth();
171
177
  window.addEventListener('resize', (0, _lodash.debounce)(this.listenWidth));
@@ -159,6 +159,12 @@ function (_super) {
159
159
 
160
160
  this.destroy = (0, _mobx.autorun)(function () {
161
161
  _this.sliderGoTo(_this.props.data.groupSource);
162
+ /** 设计器模式下 如果选中特定group 自动播放关闭 */
163
+
164
+
165
+ if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
166
+ _this.sliderRef.slickPause();
167
+ }
162
168
  });
163
169
  this.listenWidth();
164
170
  window.addEventListener('resize', (0, _lodash.debounce)(this.listenWidth));
@@ -9,11 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  require("./index.less");
11
11
 
12
- var _defImg = _interopRequireDefault(require("./imgs/defImg1.png"));
13
-
14
- var _defImg2 = _interopRequireDefault(require("./imgs/defImg2.png"));
15
-
16
- var _defImg3 = _interopRequireDefault(require("./imgs/defImg3.png"));
12
+ var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
17
13
 
18
14
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
19
15
 
@@ -222,30 +218,34 @@ var defaultData = [{
222
218
  imgUrlContent: {
223
219
  url: _defImg["default"]
224
220
  },
225
- offerName: 'DITO STARTER PACK + 3GB Data',
226
- salesPrice: 1100,
227
- marketPrice: 100,
228
- discountPercent: 51,
229
- salePercent: 5000
221
+ offerName: 'Product Name',
222
+ salesPrice: 18000000,
223
+ specialPrice: 18000000,
224
+ marketPrice: 19000000,
225
+ discountPercent: 10,
226
+ salePercent: 500,
227
+ sppType: '2'
230
228
  }, {
231
229
  imgUrlContent: {
232
- url: _defImg2["default"]
230
+ url: _defImg["default"]
233
231
  },
234
- offerName: 'DITO Level Up 99 x 365 days',
235
- salesPrice: 594,
236
- marketPrice: 1188,
237
- discountPercent: 50,
238
- salePercent: 5000,
232
+ offerName: 'Product Name',
233
+ salesPrice: 18000000,
234
+ specialPrice: 18000000,
235
+ marketPrice: 19000000,
236
+ discountPercent: 10,
237
+ salePercent: 500,
239
238
  sppType: '2'
240
239
  }, {
241
240
  imgUrlContent: {
242
- url: _defImg3["default"]
241
+ url: _defImg["default"]
243
242
  },
244
- offerName: 'DITO Level-Up Pack 99 7GB',
245
- salesPrice: 99,
246
- marketPrice: 138,
247
- discountPercent: 28,
248
- salePercent: 5000,
243
+ offerName: 'Product Name',
244
+ salesPrice: 18000000,
245
+ specialPrice: 18000000,
246
+ marketPrice: 19000000,
247
+ discountPercent: 10,
248
+ salePercent: 500,
249
249
  sppType: '2'
250
250
  }];
251
251
 
@@ -266,7 +266,7 @@ function (_super) {
266
266
  effDate: '',
267
267
  expDate: '',
268
268
  now: '',
269
- isWill: true
269
+ isWill: false
270
270
  };
271
271
 
272
272
  _this.getFlashData = function (pageSize, campaign) {
@@ -11,9 +11,7 @@ require("./index.less");
11
11
 
12
12
  var _lodash = _interopRequireDefault(require("lodash.throttle"));
13
13
 
14
- var _defImg = _interopRequireDefault(require("./imgs/defImg1.png"));
15
-
16
- var _defImg2 = _interopRequireDefault(require("./imgs/defImg2.png"));
14
+ var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
17
15
 
18
16
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
19
17
 
@@ -224,21 +222,67 @@ var defaultData = [{
224
222
  imgUrlContent: {
225
223
  url: _defImg["default"]
226
224
  },
227
- offerName: 'DITO STARTER PACK + 3GB Data',
228
- salesPrice: 49,
229
- marketPrice: 100,
230
- discountPercent: 51,
231
- salePercent: 5000,
225
+ offerName: 'Product Name Long text',
226
+ salesPrice: 18000000,
227
+ specialPrice: 18000000,
228
+ marketPrice: 19000000,
229
+ discountPercent: 10,
230
+ salePercent: 500,
231
+ sppType: '2'
232
+ }, {
233
+ imgUrlContent: {
234
+ url: _defImg["default"]
235
+ },
236
+ offerName: 'Product Name Long text',
237
+ salesPrice: 18000000,
238
+ specialPrice: 18000000,
239
+ marketPrice: 19000000,
240
+ discountPercent: 10,
241
+ salePercent: 500,
242
+ sppType: '2'
243
+ }, {
244
+ imgUrlContent: {
245
+ url: _defImg["default"]
246
+ },
247
+ offerName: 'Product Name Long text',
248
+ salesPrice: 18000000,
249
+ specialPrice: 18000000,
250
+ marketPrice: 19000000,
251
+ discountPercent: 10,
252
+ salePercent: 500,
232
253
  sppType: '2'
233
254
  }, {
234
255
  imgUrlContent: {
235
- url: _defImg2["default"]
256
+ url: _defImg["default"]
257
+ },
258
+ offerName: 'Product Name Long text',
259
+ salesPrice: 18000000,
260
+ specialPrice: 18000000,
261
+ marketPrice: 19000000,
262
+ discountPercent: 10,
263
+ salePercent: 500,
264
+ sppType: '2'
265
+ }, {
266
+ imgUrlContent: {
267
+ url: _defImg["default"]
268
+ },
269
+ offerName: 'Product Name Long text',
270
+ salesPrice: 18000000,
271
+ specialPrice: 18000000,
272
+ marketPrice: 19000000,
273
+ discountPercent: 10,
274
+ salePercent: 500,
275
+ sppType: '2'
276
+ }, {
277
+ imgUrlContent: {
278
+ url: _defImg["default"]
236
279
  },
237
- offerName: 'DITO Level Up 99 x 365 days',
238
- salesPrice: 594,
239
- marketPrice: 1188,
240
- discountPercent: 50,
241
- salePercent: 5000,
280
+ offerName: 'Product Name Long text',
281
+ salesPrice: 18000000,
282
+ specialPrice: 18000000,
283
+ marketPrice: 19000000,
284
+ discountPercent: 10,
285
+ salePercent: 500,
242
286
  sppType: '2'
243
287
  }];
244
288
 
@@ -304,7 +304,9 @@ function (_super) {
304
304
 
305
305
  return [4
306
306
  /*yield*/
307
- , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/pages/buyer/displaycatgs", {}, 'GET')];
307
+ , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/pages/buyer/displaycatgs", {
308
+ terminalType: 'PC'
309
+ }, 'GET')];
308
310
 
309
311
  case 1:
310
312
  res = _a.sent();
@@ -57,7 +57,8 @@ function AppointmentModal(props) {
57
57
  onCancel: onClose,
58
58
  title: (0, _locale.i18n)('PUBLISH_LATER'),
59
59
  visible: visible,
60
- width: 500
60
+ width: 500,
61
+ wrapClassName: "m-appointment-modal"
61
62
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
62
63
  autoComplete: "off",
63
64
  form: form,
@@ -1,10 +1,23 @@
1
- .footer {
2
- display: flex;
3
- justify-content: flex-end;
4
- }
5
- .tips {
6
- font-size: 13px;
7
- line-height: 18px;
8
- color: #A3AEC3;
9
- margin-bottom:40px;
1
+ [magic_design] .m-appointment-modal {
2
+
3
+ .footer {
4
+ display: flex;
5
+ justify-content: flex-end;
6
+ }
7
+
8
+ .tips {
9
+ font-size: 13px;
10
+ line-height: 18px;
11
+ color: #A3AEC3;
12
+ margin-bottom: 40px;
13
+ }
14
+
15
+ .ant-modal-body {
16
+ overflow: unset;
17
+ }
18
+
19
+ .ant-picker-ok button {
20
+ color: #fff;
21
+ }
22
+
10
23
  }
@@ -343,6 +343,15 @@ function (_super) {
343
343
  var node = document.createElement('span');
344
344
  node.style = (0, _commonUtil.styleStringify)(contentStyle(c.content));
345
345
  node.innerText = (_a = data.text).slice.apply(_a, c.range);
346
+
347
+ node.onclick = function (e) {
348
+ if (c.content.clickUrl) {
349
+ e.stopPropagation();
350
+ }
351
+
352
+ (0, _coreUtil.clickUrl)(c.content.clickUrl);
353
+ };
354
+
346
355
  _this.selectionRefMap[JSON.stringify(c.range)] = node;
347
356
 
348
357
  _this.textRef.current.appendChild(node);
@@ -460,6 +469,9 @@ function (_super) {
460
469
  ref: this.textRef,
461
470
  className: (0, _classnames["default"])('m-meta-text', className),
462
471
  contentEditable: (0, _coreUtil.isDesignMode)() && !readonly,
472
+ onClick: function onClick() {
473
+ (0, _coreUtil.clickUrl)(data.content.clickUrl);
474
+ },
463
475
  onInput: function onInput(e) {
464
476
  var text = e.target.textContent;
465
477
  data.text = text;
@@ -274,7 +274,7 @@ function (_super) {
274
274
 
275
275
  _this.selfRender();
276
276
  },
277
- value: data.content.clickUrl
277
+ value: textData.clickUrl
278
278
  })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
279
279
  title: (0, _locale.i18n)('CONTENT_WIDTH')
280
280
  }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
@@ -453,6 +453,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
453
453
  return v.key;
454
454
  }).join(','),
455
455
  labelIds: labelId.key,
456
+ // q: productName,
456
457
  productName: productName,
457
458
  storeId: storeId,
458
459
  minPrice: minimum * precision || '',
@@ -166,6 +166,12 @@ function (_super) {
166
166
 
167
167
  this.destroy = (0, _mobx.autorun)(function () {
168
168
  _this.sliderGoTo(_this.props.data.groupSource);
169
+ /** 设计器模式下 如果选中特定group 自动播放关闭 */
170
+
171
+
172
+ if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
173
+ _this.sliderRef.slickPause();
174
+ }
169
175
  });
170
176
  this.listenWidth();
171
177
  window.addEventListener('resize', (0, _lodash.debounce)(this.listenWidth));
@@ -159,6 +159,12 @@ function (_super) {
159
159
 
160
160
  this.destroy = (0, _mobx.autorun)(function () {
161
161
  _this.sliderGoTo(_this.props.data.groupSource);
162
+ /** 设计器模式下 如果选中特定group 自动播放关闭 */
163
+
164
+
165
+ if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
166
+ _this.sliderRef.slickPause();
167
+ }
162
168
  });
163
169
  this.listenWidth();
164
170
  window.addEventListener('resize', (0, _lodash.debounce)(this.listenWidth));
@@ -9,11 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  require("./index.less");
11
11
 
12
- var _defImg = _interopRequireDefault(require("./imgs/defImg1.png"));
13
-
14
- var _defImg2 = _interopRequireDefault(require("./imgs/defImg2.png"));
15
-
16
- var _defImg3 = _interopRequireDefault(require("./imgs/defImg3.png"));
12
+ var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
17
13
 
18
14
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
19
15
 
@@ -222,30 +218,34 @@ var defaultData = [{
222
218
  imgUrlContent: {
223
219
  url: _defImg["default"]
224
220
  },
225
- offerName: 'DITO STARTER PACK + 3GB Data',
226
- salesPrice: 1100,
227
- marketPrice: 100,
228
- discountPercent: 51,
229
- salePercent: 5000
221
+ offerName: 'Product Name',
222
+ salesPrice: 18000000,
223
+ specialPrice: 18000000,
224
+ marketPrice: 19000000,
225
+ discountPercent: 10,
226
+ salePercent: 500,
227
+ sppType: '2'
230
228
  }, {
231
229
  imgUrlContent: {
232
- url: _defImg2["default"]
230
+ url: _defImg["default"]
233
231
  },
234
- offerName: 'DITO Level Up 99 x 365 days',
235
- salesPrice: 594,
236
- marketPrice: 1188,
237
- discountPercent: 50,
238
- salePercent: 5000,
232
+ offerName: 'Product Name',
233
+ salesPrice: 18000000,
234
+ specialPrice: 18000000,
235
+ marketPrice: 19000000,
236
+ discountPercent: 10,
237
+ salePercent: 500,
239
238
  sppType: '2'
240
239
  }, {
241
240
  imgUrlContent: {
242
- url: _defImg3["default"]
241
+ url: _defImg["default"]
243
242
  },
244
- offerName: 'DITO Level-Up Pack 99 7GB',
245
- salesPrice: 99,
246
- marketPrice: 138,
247
- discountPercent: 28,
248
- salePercent: 5000,
243
+ offerName: 'Product Name',
244
+ salesPrice: 18000000,
245
+ specialPrice: 18000000,
246
+ marketPrice: 19000000,
247
+ discountPercent: 10,
248
+ salePercent: 500,
249
249
  sppType: '2'
250
250
  }];
251
251
 
@@ -266,7 +266,7 @@ function (_super) {
266
266
  effDate: '',
267
267
  expDate: '',
268
268
  now: '',
269
- isWill: true
269
+ isWill: false
270
270
  };
271
271
 
272
272
  _this.getFlashData = function (pageSize, campaign) {
@@ -11,9 +11,7 @@ require("./index.less");
11
11
 
12
12
  var _lodash = _interopRequireDefault(require("lodash.throttle"));
13
13
 
14
- var _defImg = _interopRequireDefault(require("./imgs/defImg1.png"));
15
-
16
- var _defImg2 = _interopRequireDefault(require("./imgs/defImg2.png"));
14
+ var _defImg = _interopRequireDefault(require("./imgs/defImg.png"));
17
15
 
18
16
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
19
17
 
@@ -224,21 +222,67 @@ var defaultData = [{
224
222
  imgUrlContent: {
225
223
  url: _defImg["default"]
226
224
  },
227
- offerName: 'DITO STARTER PACK + 3GB Data',
228
- salesPrice: 49,
229
- marketPrice: 100,
230
- discountPercent: 51,
231
- salePercent: 5000,
225
+ offerName: 'Product Name Long text',
226
+ salesPrice: 18000000,
227
+ specialPrice: 18000000,
228
+ marketPrice: 19000000,
229
+ discountPercent: 10,
230
+ salePercent: 500,
231
+ sppType: '2'
232
+ }, {
233
+ imgUrlContent: {
234
+ url: _defImg["default"]
235
+ },
236
+ offerName: 'Product Name Long text',
237
+ salesPrice: 18000000,
238
+ specialPrice: 18000000,
239
+ marketPrice: 19000000,
240
+ discountPercent: 10,
241
+ salePercent: 500,
242
+ sppType: '2'
243
+ }, {
244
+ imgUrlContent: {
245
+ url: _defImg["default"]
246
+ },
247
+ offerName: 'Product Name Long text',
248
+ salesPrice: 18000000,
249
+ specialPrice: 18000000,
250
+ marketPrice: 19000000,
251
+ discountPercent: 10,
252
+ salePercent: 500,
232
253
  sppType: '2'
233
254
  }, {
234
255
  imgUrlContent: {
235
- url: _defImg2["default"]
256
+ url: _defImg["default"]
257
+ },
258
+ offerName: 'Product Name Long text',
259
+ salesPrice: 18000000,
260
+ specialPrice: 18000000,
261
+ marketPrice: 19000000,
262
+ discountPercent: 10,
263
+ salePercent: 500,
264
+ sppType: '2'
265
+ }, {
266
+ imgUrlContent: {
267
+ url: _defImg["default"]
268
+ },
269
+ offerName: 'Product Name Long text',
270
+ salesPrice: 18000000,
271
+ specialPrice: 18000000,
272
+ marketPrice: 19000000,
273
+ discountPercent: 10,
274
+ salePercent: 500,
275
+ sppType: '2'
276
+ }, {
277
+ imgUrlContent: {
278
+ url: _defImg["default"]
236
279
  },
237
- offerName: 'DITO Level Up 99 x 365 days',
238
- salesPrice: 594,
239
- marketPrice: 1188,
240
- discountPercent: 50,
241
- salePercent: 5000,
280
+ offerName: 'Product Name Long text',
281
+ salesPrice: 18000000,
282
+ specialPrice: 18000000,
283
+ marketPrice: 19000000,
284
+ discountPercent: 10,
285
+ salePercent: 500,
242
286
  sppType: '2'
243
287
  }];
244
288
 
@@ -304,7 +304,9 @@ function (_super) {
304
304
 
305
305
  return [4
306
306
  /*yield*/
307
- , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/pages/buyer/displaycatgs", {}, 'GET')];
307
+ , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/pages/buyer/displaycatgs", {
308
+ terminalType: 'PC'
309
+ }, 'GET')];
308
310
 
309
311
  case 1:
310
312
  res = _a.sent();
@@ -57,7 +57,8 @@ function AppointmentModal(props) {
57
57
  onCancel: onClose,
58
58
  title: (0, _locale.i18n)('PUBLISH_LATER'),
59
59
  visible: visible,
60
- width: 500
60
+ width: 500,
61
+ wrapClassName: "m-appointment-modal"
61
62
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
62
63
  autoComplete: "off",
63
64
  form: form,
@@ -1,10 +1,23 @@
1
- .footer {
2
- display: flex;
3
- justify-content: flex-end;
4
- }
5
- .tips {
6
- font-size: 13px;
7
- line-height: 18px;
8
- color: #A3AEC3;
9
- margin-bottom:40px;
1
+ [magic_design] .m-appointment-modal {
2
+
3
+ .footer {
4
+ display: flex;
5
+ justify-content: flex-end;
6
+ }
7
+
8
+ .tips {
9
+ font-size: 13px;
10
+ line-height: 18px;
11
+ color: #A3AEC3;
12
+ margin-bottom: 40px;
13
+ }
14
+
15
+ .ant-modal-body {
16
+ overflow: unset;
17
+ }
18
+
19
+ .ant-picker-ok button {
20
+ color: #fff;
21
+ }
22
+
10
23
  }
@@ -343,6 +343,15 @@ function (_super) {
343
343
  var node = document.createElement('span');
344
344
  node.style = (0, _commonUtil.styleStringify)(contentStyle(c.content));
345
345
  node.innerText = (_a = data.text).slice.apply(_a, c.range);
346
+
347
+ node.onclick = function (e) {
348
+ if (c.content.clickUrl) {
349
+ e.stopPropagation();
350
+ }
351
+
352
+ (0, _coreUtil.clickUrl)(c.content.clickUrl);
353
+ };
354
+
346
355
  _this.selectionRefMap[JSON.stringify(c.range)] = node;
347
356
 
348
357
  _this.textRef.current.appendChild(node);
@@ -460,6 +469,9 @@ function (_super) {
460
469
  ref: this.textRef,
461
470
  className: (0, _classnames["default"])('m-meta-text', className),
462
471
  contentEditable: (0, _coreUtil.isDesignMode)() && !readonly,
472
+ onClick: function onClick() {
473
+ (0, _coreUtil.clickUrl)(data.content.clickUrl);
474
+ },
463
475
  onInput: function onInput(e) {
464
476
  var text = e.target.textContent;
465
477
  data.text = text;
@@ -274,7 +274,7 @@ function (_super) {
274
274
 
275
275
  _this.selfRender();
276
276
  },
277
- value: data.content.clickUrl
277
+ value: textData.clickUrl
278
278
  })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
279
279
  title: (0, _locale.i18n)('CONTENT_WIDTH')
280
280
  }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "0.0.90",
4
+ "version": "0.0.92",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",