@fonixtree/magic-design 1.0.120 → 1.0.121

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 (7) hide show
  1. package/es/composite-comp/dito/components/Recommend/mobile/imgs/card.png +0 -0
  2. package/es/composite-comp/dito/components/Recommend/mobile/index.js +29 -4
  3. package/es/composite-comp/dito/components/Recommend/mobile/index.less +1 -0
  4. package/lib/composite-comp/dito/components/Recommend/mobile/imgs/card.png +0 -0
  5. package/lib/composite-comp/dito/components/Recommend/mobile/index.js +29 -4
  6. package/lib/composite-comp/dito/components/Recommend/mobile/index.less +1 -0
  7. package/package.json +1 -1
package/es/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -13,6 +13,8 @@ require("./index.less");
13
13
 
14
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
15
 
16
+ var _card = _interopRequireDefault(require("./imgs/card.png"));
17
+
16
18
  var _mobx = require("../../../../../mobx");
17
19
 
18
20
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
@@ -226,6 +228,26 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
226
228
  return r;
227
229
  };
228
230
 
231
+ var defaultData = [{
232
+ imgUrlContent: {
233
+ url: _card["default"]
234
+ },
235
+ offerName: 'Product Name Long Long Long Long Long',
236
+ salesPrice: 10000,
237
+ specialPrice: null,
238
+ marketPrice: 20000,
239
+ salePercent: 500,
240
+ discountPercent: 90
241
+ }, {
242
+ imgUrlContent: {
243
+ url: _card["default"]
244
+ },
245
+ offerName: 'Product Name',
246
+ salesPrice: 10000,
247
+ specialPrice: null,
248
+ marketPrice: 20000,
249
+ salePercent: 500
250
+ }];
229
251
  var LAYOUT_IMAGE_SIZE = {
230
252
  layout1: {
231
253
  w: '100%',
@@ -572,6 +594,9 @@ function (_super) {
572
594
  hideTabs = _a.hideTabs,
573
595
  contentWidth = _a.contentWidth;
574
596
  var products = this.state["products" + tabIndex] || [];
597
+
598
+ var _products = products.length === 0 && (0, _coreUtil.isDesignMode)() ? defaultData : products;
599
+
575
600
  var isDivide = groupSource.length <= 3;
576
601
  var layout = panelProps.customize.layout.h5Layout;
577
602
 
@@ -645,7 +670,7 @@ function (_super) {
645
670
  })), ['layout1', 'layout2', 'layout3'].includes(layout) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
646
671
  key: "macyContainer",
647
672
  className: "macyContainer macyContainer_" + panelProps.id
648
- }, products.map(function (item) {
673
+ }, _products.map(function (item) {
649
674
  return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
650
675
  key: item.productId,
651
676
  data: item // fixHeight={layout === 'layout3'}
@@ -669,7 +694,7 @@ function (_super) {
669
694
  panelProps: panelProps.content,
670
695
  showProgress: false
671
696
  });
672
- })), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
697
+ })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
673
698
  className: "btnSeeAll",
674
699
  data: _seeAll
675
700
  })) : /*#__PURE__*/_react["default"].createElement("div", {
@@ -679,7 +704,7 @@ function (_super) {
679
704
  })
680
705
  }, /*#__PURE__*/_react["default"].createElement("div", {
681
706
  className: "scrollProductList"
682
- }, products.map(function (item) {
707
+ }, _products.map(function (item) {
683
708
  return /*#__PURE__*/_react["default"].createElement("div", {
684
709
  className: "productCard"
685
710
  }, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
@@ -700,7 +725,7 @@ function (_super) {
700
725
  panelProps: panelProps.content,
701
726
  showProgress: false
702
727
  }));
703
- })), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
728
+ })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
704
729
  className: "btnSeeAll",
705
730
  data: _seeAll
706
731
  })));
package/es/composite-comp/dito/components/Recommend/mobile/index.less CHANGED
@@ -1,6 +1,7 @@
1
1
  .m-recommend-mobile {
2
2
  display: flex;
3
3
  flex-direction: column;
4
+ min-height: 4rem;
4
5
  }
5
6
  .m-recommend-mobile .cylon-tabs-nav-operations {
6
7
  display: none !important;
package/lib/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -13,6 +13,8 @@ require("./index.less");
13
13
 
14
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
15
 
16
+ var _card = _interopRequireDefault(require("./imgs/card.png"));
17
+
16
18
  var _mobx = require("../../../../../mobx");
17
19
 
18
20
  var _ProductItem = _interopRequireDefault(require("../../../../common/components/ProductItem"));
@@ -226,6 +228,26 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
226
228
  return r;
227
229
  };
228
230
 
231
+ var defaultData = [{
232
+ imgUrlContent: {
233
+ url: _card["default"]
234
+ },
235
+ offerName: 'Product Name Long Long Long Long Long',
236
+ salesPrice: 10000,
237
+ specialPrice: null,
238
+ marketPrice: 20000,
239
+ salePercent: 500,
240
+ discountPercent: 90
241
+ }, {
242
+ imgUrlContent: {
243
+ url: _card["default"]
244
+ },
245
+ offerName: 'Product Name',
246
+ salesPrice: 10000,
247
+ specialPrice: null,
248
+ marketPrice: 20000,
249
+ salePercent: 500
250
+ }];
229
251
  var LAYOUT_IMAGE_SIZE = {
230
252
  layout1: {
231
253
  w: '100%',
@@ -572,6 +594,9 @@ function (_super) {
572
594
  hideTabs = _a.hideTabs,
573
595
  contentWidth = _a.contentWidth;
574
596
  var products = this.state["products" + tabIndex] || [];
597
+
598
+ var _products = products.length === 0 && (0, _coreUtil.isDesignMode)() ? defaultData : products;
599
+
575
600
  var isDivide = groupSource.length <= 3;
576
601
  var layout = panelProps.customize.layout.h5Layout;
577
602
 
@@ -645,7 +670,7 @@ function (_super) {
645
670
  })), ['layout1', 'layout2', 'layout3'].includes(layout) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
646
671
  key: "macyContainer",
647
672
  className: "macyContainer macyContainer_" + panelProps.id
648
- }, products.map(function (item) {
673
+ }, _products.map(function (item) {
649
674
  return /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
650
675
  key: item.productId,
651
676
  data: item // fixHeight={layout === 'layout3'}
@@ -669,7 +694,7 @@ function (_super) {
669
694
  panelProps: panelProps.content,
670
695
  showProgress: false
671
696
  });
672
- })), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
697
+ })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
673
698
  className: "btnSeeAll",
674
699
  data: _seeAll
675
700
  })) : /*#__PURE__*/_react["default"].createElement("div", {
@@ -679,7 +704,7 @@ function (_super) {
679
704
  })
680
705
  }, /*#__PURE__*/_react["default"].createElement("div", {
681
706
  className: "scrollProductList"
682
- }, products.map(function (item) {
707
+ }, _products.map(function (item) {
683
708
  return /*#__PURE__*/_react["default"].createElement("div", {
684
709
  className: "productCard"
685
710
  }, /*#__PURE__*/_react["default"].createElement(_ProductItem["default"], {
@@ -700,7 +725,7 @@ function (_super) {
700
725
  panelProps: panelProps.content,
701
726
  showProgress: false
702
727
  }));
703
- })), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
728
+ })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
704
729
  className: "btnSeeAll",
705
730
  data: _seeAll
706
731
  })));
package/lib/composite-comp/dito/components/Recommend/mobile/index.less CHANGED
@@ -1,6 +1,7 @@
1
1
  .m-recommend-mobile {
2
2
  display: flex;
3
3
  flex-direction: column;
4
+ min-height: 4rem;
4
5
  }
5
6
  .m-recommend-mobile .cylon-tabs-nav-operations {
6
7
  display: none !important;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.120",
4
+ "version": "1.0.121",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",