@fonixtree/magic-design 0.0.173 → 0.0.176

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.
@@ -223,15 +223,16 @@ function (_super) {
223
223
  onMouseLeave: this.mouseLeaveBtn,
224
224
  style: navStyle,
225
225
  type: "icon-left"
226
- }), /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({
226
+ }), /*#__PURE__*/_react["default"].createElement("div", {
227
+ style: {
228
+ width: sliderWidth,
229
+ margin: '0 auto'
230
+ }
231
+ }, /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({
227
232
  ref: function ref(slider) {
228
233
  return _this.sliderRef = slider;
229
234
  }
230
- }, settings, {
231
- style: {
232
- width: sliderWidth
233
- }
234
- }), data.groupSource.map(function (item) {
235
+ }, settings), data.groupSource.map(function (item) {
235
236
  return /*#__PURE__*/_react["default"].createElement("div", {
236
237
  key: item.id,
237
238
  className: "img-wrap"
@@ -260,7 +261,7 @@ function (_super) {
260
261
  }), item.secondButtonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
261
262
  data: item.secondButtonTag
262
263
  }))));
263
- })), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
264
+ }))), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
264
265
  className: "swiper-ban"
265
266
  }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
266
267
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -18,8 +18,6 @@
18
18
  }
19
19
 
20
20
  .slider-wrap {
21
- // width: calc(100% - 72px);
22
- margin: 0 auto;
23
21
  line-height: 1;
24
22
 
25
23
  .slick-list {
@@ -2,11 +2,11 @@
2
2
  width: 354px;
3
3
  background: #ffffff;
4
4
  height: 100vh;
5
- // overflow: scroll;
5
+ overflow: scroll;
6
6
  transition-property: transform;
7
7
  transition-duration: .3s;
8
8
  transition-timing-function: ease;
9
- left: 0;
9
+ left: -354px;
10
10
  z-index: 200;
11
11
  // position: fixed;
12
12
  position: absolute;
@@ -20,8 +20,6 @@
20
20
  .first_config_wrap {
21
21
  height: 100%;
22
22
  padding: 24px;
23
- max-height: 100vh;
24
- overflow: auto;
25
23
 
26
24
  .config_header {
27
25
  font-size: 26px;
@@ -50,11 +48,9 @@
50
48
 
51
49
  .sec_config_wrap {
52
50
  position: absolute;
53
- max-height: 100vh;
54
- overflow: auto;
55
51
  width: 354px;
56
- left: 0;
57
- // bottom: 0;
52
+ left: -354px;
53
+ bottom: 0;
58
54
  top: 0;
59
55
  background-color: #FFF;
60
56
  padding: 24px;
@@ -287,6 +287,10 @@ var getCoupon = function getCoupon(couponId) {
287
287
  };
288
288
 
289
289
  var clickUrl = function clickUrl(url) {
290
+ if (url === void 0) {
291
+ url = '';
292
+ }
293
+
290
294
  console.log('clickUrl...', url);
291
295
  if (!url) return;
292
296
 
@@ -298,7 +302,8 @@ var clickUrl = function clickUrl(url) {
298
302
  link = _a.link,
299
303
  data = _a.data;
300
304
 
301
- var params = data.params; // 如果是video 放开return
305
+ var _b = data.params,
306
+ params = _b === void 0 ? {} : _b; // 如果是video 放开return
302
307
 
303
308
  if (params.type !== 'VIDEO' && window.magicDesign.readOnly) {
304
309
  return;
@@ -223,15 +223,16 @@ function (_super) {
223
223
  onMouseLeave: this.mouseLeaveBtn,
224
224
  style: navStyle,
225
225
  type: "icon-left"
226
- }), /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({
226
+ }), /*#__PURE__*/_react["default"].createElement("div", {
227
+ style: {
228
+ width: sliderWidth,
229
+ margin: '0 auto'
230
+ }
231
+ }, /*#__PURE__*/_react["default"].createElement(_reactSlick["default"], _extends({
227
232
  ref: function ref(slider) {
228
233
  return _this.sliderRef = slider;
229
234
  }
230
- }, settings, {
231
- style: {
232
- width: sliderWidth
233
- }
234
- }), data.groupSource.map(function (item) {
235
+ }, settings), data.groupSource.map(function (item) {
235
236
  return /*#__PURE__*/_react["default"].createElement("div", {
236
237
  key: item.id,
237
238
  className: "img-wrap"
@@ -260,7 +261,7 @@ function (_super) {
260
261
  }), item.secondButtonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
261
262
  data: item.secondButtonTag
262
263
  }))));
263
- })), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
264
+ }))), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
264
265
  className: "swiper-ban"
265
266
  }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
266
267
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -18,8 +18,6 @@
18
18
  }
19
19
 
20
20
  .slider-wrap {
21
- // width: calc(100% - 72px);
22
- margin: 0 auto;
23
21
  line-height: 1;
24
22
 
25
23
  .slick-list {
@@ -2,11 +2,11 @@
2
2
  width: 354px;
3
3
  background: #ffffff;
4
4
  height: 100vh;
5
- // overflow: scroll;
5
+ overflow: scroll;
6
6
  transition-property: transform;
7
7
  transition-duration: .3s;
8
8
  transition-timing-function: ease;
9
- left: 0;
9
+ left: -354px;
10
10
  z-index: 200;
11
11
  // position: fixed;
12
12
  position: absolute;
@@ -20,8 +20,6 @@
20
20
  .first_config_wrap {
21
21
  height: 100%;
22
22
  padding: 24px;
23
- max-height: 100vh;
24
- overflow: auto;
25
23
 
26
24
  .config_header {
27
25
  font-size: 26px;
@@ -50,11 +48,9 @@
50
48
 
51
49
  .sec_config_wrap {
52
50
  position: absolute;
53
- max-height: 100vh;
54
- overflow: auto;
55
51
  width: 354px;
56
- left: 0;
57
- // bottom: 0;
52
+ left: -354px;
53
+ bottom: 0;
58
54
  top: 0;
59
55
  background-color: #FFF;
60
56
  padding: 24px;
@@ -287,6 +287,10 @@ var getCoupon = function getCoupon(couponId) {
287
287
  };
288
288
 
289
289
  var clickUrl = function clickUrl(url) {
290
+ if (url === void 0) {
291
+ url = '';
292
+ }
293
+
290
294
  console.log('clickUrl...', url);
291
295
  if (!url) return;
292
296
 
@@ -298,7 +302,8 @@ var clickUrl = function clickUrl(url) {
298
302
  link = _a.link,
299
303
  data = _a.data;
300
304
 
301
- var params = data.params; // 如果是video 放开return
305
+ var _b = data.params,
306
+ params = _b === void 0 ? {} : _b; // 如果是video 放开return
302
307
 
303
308
  if (params.type !== 'VIDEO' && window.magicDesign.readOnly) {
304
309
  return;
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.173",
4
+ "version": "0.0.176",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",