@fonixtree/magic-design 0.0.11 → 0.0.16

package/src/components/composite-comp/bol/components/Banner/index.js

@@ -1,34 +0,0 @@
-import { __extends, __decorate } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { Component } from 'react';
-import BannerPc from './pc/index.js';
-import BannerMobile from './mobile/index.js';
-import { getDefaultJSON } from './defaultJSON.js';
-import compositeDecorator from '../../../../decorator/compositeDecorator.js';
-
-var Banner =
-/** @class */
-function (_super) {
-  __extends(Banner, _super);
-
-  function Banner() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  Banner.prototype.render = function () {
-    var nodeData = this.props.nodeData;
-    console.log('---banner', nodeData);
-    return /*#__PURE__*/React__default.createElement("div", null, window.magicDesign.device === 'pc' ? /*#__PURE__*/React__default.createElement(BannerPc, {
-      data: nodeData
-    }) : /*#__PURE__*/React__default.createElement(BannerMobile, {
-      data: nodeData
-    }));
-  };
-
-  Banner.defaultProps = {};
-  Banner.type = 'BANNER';
-  Banner.getDefaultJSON = getDefaultJSON;
-  Banner = __decorate([compositeDecorator], Banner);
-  return Banner;
-}(Component);
-
-export { Banner as default };

package/src/components/composite-comp/bol/components/Banner/mobile/index.js

@@ -1,176 +0,0 @@
-import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import classNames from '../../../../../../../node_modules/classnames/index.js';
-import { Carousel } from 'antd';
-import './index.less.js';
-import { store } from '../../../../../mobx/index.js';
-import { isDesignMode } from '../../../../../utils/coreUtil.js';
-import { alignItemMap } from '../../../../../common/AlignSelector/index.js';
-import Text from '../../../../../meta-comp/components/Text/index.js';
-import Button from '../../../../../meta-comp/components/Button/index.js';
-import Image from '../../../../../meta-comp/components/Image/index.js';
-import { computeStyle } from '../../../../../utils/businessUtil.js';
-import { autorun } from 'mobx';
-
-var BannerMobile =
-/** @class */
-function (_super) {
-  __extends(BannerMobile, _super);
-
-  function BannerMobile() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      carouseIndex: 0,
-      hoverState: false,
-      clickedGroup: ''
-    };
-    _this.carouselRef = /*#__PURE__*/React__default.createRef();
-    _this.destroy = null;
-
-    _this.bannerGoto = function (groupSource) {
-      var nextIndex = groupSource.findIndex(function (item) {
-        return item.id === store.clickedGroup;
-      });
-
-      if (nextIndex != -1 && nextIndex != _this.state.carouseIndex) {
-        _this.carouselRef.current.goTo(nextIndex);
-      }
-    };
-
-    _this.getItemStyle = function (item) {
-      var data = _this.props.data;
-      return {
-        justifyContent: alignItemMap[item.customize.layout],
-        height: data.setting.mobileHeight
-      };
-    };
-
-    _this.mouseEnterWrap = function () {
-      _this.setState({
-        hoverState: true
-      });
-    };
-
-    _this.mouseLeaveWrap = function () {
-      _this.setState({
-        hoverState: false
-      });
-    };
-
-    return _this;
-  }
-
-  BannerMobile.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.destroy = autorun(function () {
-      _this.bannerGoto(_this.props.data.groupSource);
-    });
-  };
-
-  BannerMobile.prototype.componentWillReceiveProps = function (nextProps) {
-    this.bannerGoto(nextProps.data.groupSource);
-  };
-
-  BannerMobile.prototype.componentWillUnmount = function () {
-    this.destroy();
-  };
-
-  BannerMobile.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var _a = this.state,
-        carouseIndex = _a.carouseIndex,
-        hoverState = _a.hoverState,
-        clickedGroup = _a.clickedGroup;
-    var autoplay = data.setting.autoplay.open;
-    /** 设计器模式下 如果选中特定group 自动播放关闭 */
-
-    if (isDesignMode() && clickedGroup) {
-      autoplay = false;
-    }
-
-    var wrapStyle = computeStyle(data, window.magicDesign.device);
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-banner-mobile",
-      style: wrapStyle
-    }, /*#__PURE__*/React__default.createElement(Carousel, {
-      ref: this.carouselRef,
-      afterChange: function (n) {
-        return _this.setState({
-          carouseIndex: n
-        });
-      },
-      autoplay: autoplay,
-      autoplaySpeed: data.setting.autoplay.interval * 1000,
-      dots: false
-    }, data.groupSource.map(function (item, index) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: item.id
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "carouselItem",
-        onMouseEnter: _this.mouseEnterWrap,
-        onMouseLeave: _this.mouseLeaveWrap,
-        style: _this.getItemStyle(item)
-      }, item.image.open && /*#__PURE__*/React__default.createElement(Image, {
-        data: item.image,
-        hoverState: hoverState && carouseIndex === index,
-        isBackground: true,
-        style: {
-          position: 'absolute',
-          ZIndex: 1,
-          inset: '0px',
-          height: '100%'
-        }
-      }), /*#__PURE__*/React__default.createElement("div", {
-        className: "carouseContent",
-        style: {
-          alignItems: alignItemMap[item.customize.align]
-        }
-      }, item.title.open && /*#__PURE__*/React__default.createElement(Text, {
-        className: "title",
-        data: item.title
-      }), item.text.open && /*#__PURE__*/React__default.createElement(Text, {
-        className: "sub-title",
-        data: item.text
-      }), /*#__PURE__*/React__default.createElement("div", {
-        className: "btn-wrap"
-      }, item.button.open && /*#__PURE__*/React__default.createElement(Button, {
-        className: "btn",
-        data: item.button
-      }), item.secondButton.open && /*#__PURE__*/React__default.createElement(Button, {
-        className: "btn",
-        data: item.secondButton
-      })))));
-    })), data.setting.dots.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: classNames('ban', {
-          active: i == carouseIndex
-        }),
-        onClick: function () {
-          var _a;
-
-          return (_a = _this.carouselRef.current) === null || _a === void 0 ? void 0 : _a.goTo(i);
-        },
-        style: {
-          backgroundColor: i == carouseIndex ? data.setting.dots.hoverColor : data.setting.dots.color,
-          fontSize: i == carouseIndex ? data.setting.dots.hoverSize : data.setting.dots.size
-        }
-      });
-    })));
-  };
-
-  BannerMobile.defaultProps = {
-    data: {
-      setting: {},
-      groupSource: []
-    }
-  };
-  return BannerMobile;
-}(React__default.Component);
-
-export { BannerMobile as default };

package/src/components/composite-comp/bol/components/Banner/mobile/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-banner-mobile__-pLQc {\n  position: relative;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U {\n  height: 386px;\n  position: relative;\n  display: flex;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U .index_carouseContent__QROKR {\n  padding: 80px 28px 0;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: auto;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U .index_title__9gBzo {\n  margin-bottom: 8px;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U .index_sub-title__IzStK {\n  margin-bottom: 20px;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U .index_btn-wrap__zgVTO {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index_m-banner-mobile__-pLQc .index_carouselItem__60C1U .index_btn-wrap__zgVTO .index_btn__jkzPm {\n  margin-right: 12px;\n}\n.index_m-banner-mobile__-pLQc .index_swiper-ban__cckJN {\n  position: absolute;\n  width: 100%;\n  bottom: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.index_m-banner-mobile__-pLQc .index_swiper-ban__cckJN .index_ban__3LkkJ {\n  font-size: 16px;\n  width: 1.5em;\n  height: 0.3em;\n  background: #FFF;\n  cursor: inherit;\n  margin-right: 0.3em;\n  transition: all 0.5s;\n}\n.index_m-banner-mobile__-pLQc .index_swiper-ban__cckJN .index_ban__3LkkJ.index_active__Nn5EX {\n  width: 1.5em;\n  opacity: 1;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/bol/components/Banner/pc/index.js

@@ -1,254 +0,0 @@
-import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import classNames from '../../../../../../../node_modules/classnames/index.js';
-import { Carousel } from 'antd';
-import './index.less.js';
-import Text from '../../../../../meta-comp/components/Text/index.js';
-import Button from '../../../../../meta-comp/components/Button/index.js';
-import Image from '../../../../../meta-comp/components/Image/index.js';
-import { isDesignMode } from '../../../../../utils/coreUtil.js';
-import { store } from '../../../../../mobx/index.js';
-import { alignItemMap } from '../../../../../common/AlignSelector/index.js';
-import '../../../../../common/LayoutSelector/index.js';
-import '../../../../../common/Field/index.js';
-import '../../../../../common/UrlPicker/index.js';
-import Iconfont from '../../../../../common/Iconfont/index.js';
-import '../../../../../common/Button/index.js';
-import '../../../../../common/Collapse/index.js';
-import '../../../../../common/ColorPickerInput/index.js';
-import '../../../../../common/ImagePicker/index.js';
-import '../../../../../common/IconPicker/index.js';
-import '../../../../../common/SwitchCollapse/index.js';
-import '../../../../../common/Slider/index.js';
-import '../../../../../common/FontStyles/index.js';
-import '../../../../../common/ButtonIconLayout/index.js';
-import 'axios';
-import '../../../../../../../node_modules/qs/lib/stringify.js';
-import '../../../../../../../node_modules/qs/lib/utils.js';
-import '../../../../../common/ProductModal/index.js';
-import '../../../../../common/ProductSource/index.less.js';
-import { computeStyle } from '../../../../../utils/businessUtil.js';
-import { autorun } from 'mobx';
-
-// @observer
-
-var BannerPc =
-/** @class */
-function (_super) {
-  __extends(BannerPc, _super);
-
-  function BannerPc() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      carouseIndex: 0,
-      hoverState: false
-    };
-    _this.carouselRef = /*#__PURE__*/React__default.createRef();
-    _this.destroy = null;
-
-    _this.bannerGoto = function (groupSource) {
-      var nextIndex = groupSource.findIndex(function (item) {
-        return item.id === store.clickedGroup;
-      });
-
-      if (nextIndex != -1 && nextIndex != _this.state.carouseIndex) {
-        _this.carouselRef.current.goTo(nextIndex);
-      }
-    };
-
-    _this.mouseEnterWrap = function () {
-      _this.setState({
-        hoverState: true
-      });
-    };
-
-    _this.mouseLeaveWrap = function () {
-      _this.setState({
-        hoverState: false
-      });
-    };
-
-    _this.mouseEnterBtn = function (e) {
-      var _a, _b;
-
-      var data = _this.props.data;
-
-      if ((_a = data.setting.navigation) === null || _a === void 0 ? void 0 : _a.hoverColor) {
-        e.target.style.color = data.setting.navigation.hoverColor;
-      }
-
-      if ((_b = data.setting.navigation) === null || _b === void 0 ? void 0 : _b.hoverSize) {
-        e.target.style.fontSize = data.setting.navigation.hoverSize;
-      }
-    };
-
-    _this.mouseLeaveBtn = function (e) {
-      var _a, _b;
-
-      var data = _this.props.data;
-
-      if ((_a = data.setting.navigation) === null || _a === void 0 ? void 0 : _a.color) {
-        e.target.style.color = data.setting.navigation.color;
-      }
-
-      if ((_b = data.setting.navigation) === null || _b === void 0 ? void 0 : _b.size) {
-        e.target.style.fontSize = data.setting.navigation.size;
-      }
-    };
-
-    _this.getBgStyle = function (item) {
-      var data = _this.props.data;
-      var bgStyle = {
-        justifyContent: alignItemMap[item.customize.layout]
-      };
-
-      if (item.background.bgType === 'color') {
-        bgStyle.opacity = item.background.opacity ? item.background.opacity / 100 : 1;
-        bgStyle.backgroundColor = item.background.color;
-      } else {
-        bgStyle.backgroundImage = "url(".concat(item.background.image, ")");
-      }
-
-      if (data.setting.pcHeight) bgStyle.height = data.setting.pcHeight;
-      return bgStyle;
-    };
-
-    return _this;
-  }
-
-  BannerPc.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.destroy = autorun(function () {
-      _this.bannerGoto(_this.props.data.groupSource);
-    });
-  };
-
-  BannerPc.prototype.componentWillReceiveProps = function (nextProps) {
-    this.bannerGoto(nextProps.data.groupSource);
-  };
-
-  BannerPc.prototype.componentWillUnmount = function () {
-    this.destroy();
-  };
-
-  BannerPc.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var _a = this.state,
-        carouseIndex = _a.carouseIndex,
-        hoverState = _a.hoverState;
-    var navStyle = {
-      fontSize: data.setting.navigation.size,
-      color: data.setting.navigation.color
-    };
-    var autoplay = data.setting.autoplay.open;
-    /** 设计器模式下 如果选中特定group 自动播放关闭 */
-
-    if (isDesignMode() && store.clickedGroup) {
-      autoplay = false;
-    }
-
-    var wrapStyle = computeStyle(data, window.magicDesign.device);
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-banner-pc",
-      style: wrapStyle
-    }, data.setting.navigation.open && /*#__PURE__*/React__default.createElement(Iconfont, {
-      className: "turnPage leftBtn",
-      onClick: function () {
-        _this.carouselRef.current.prev();
-      },
-      onMouseEnter: this.mouseEnterBtn,
-      onMouseLeave: this.mouseLeaveBtn,
-      style: navStyle,
-      type: "icon-outlined-left"
-    }), /*#__PURE__*/React__default.createElement(Carousel, {
-      ref: this.carouselRef,
-      afterChange: function (n) {
-        return _this.setState({
-          carouseIndex: n
-        });
-      },
-      autoplay: autoplay,
-      autoplaySpeed: data.setting.autoplay.interval * 1000,
-      dots: false
-    }, data.groupSource.map(function (item, index) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: item.id
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "carouselItem",
-        onMouseEnter: _this.mouseEnterWrap,
-        onMouseLeave: _this.mouseLeaveWrap,
-        style: _this.getBgStyle(item)
-      }, item.image.open && /*#__PURE__*/React__default.createElement(Image, {
-        data: item.image,
-        hoverState: hoverState && carouseIndex === index,
-        isBackground: true,
-        style: {
-          position: 'absolute',
-          zIndex: 1,
-          inset: '0px',
-          height: '100%'
-        }
-      }), /*#__PURE__*/React__default.createElement("div", {
-        className: "carouseContent",
-        style: {
-          alignItems: alignItemMap[item.customize.align]
-        }
-      }, item.title.open && /*#__PURE__*/React__default.createElement(Text, {
-        className: "title",
-        data: item.title
-      }), item.text.open && /*#__PURE__*/React__default.createElement(Text, {
-        className: "sub-title",
-        data: item.text
-      }), /*#__PURE__*/React__default.createElement("div", {
-        className: "btn-wrap"
-      }, item.button.open && /*#__PURE__*/React__default.createElement(Button, {
-        className: "btn",
-        data: item.button
-      }), item.secondButton.open && /*#__PURE__*/React__default.createElement(Button, {
-        className: "btn",
-        data: item.secondButton
-      })))));
-    })), data.setting.dots.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "swiper-ban"
-    }, data.groupSource.length > 1 && data.groupSource.map(function (item, i) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: i,
-        className: classNames('ban', {
-          active: i == carouseIndex
-        }),
-        onClick: function () {
-          var _a;
-
-          return (_a = _this.carouselRef.current) === null || _a === void 0 ? void 0 : _a.goTo(i);
-        },
-        style: {
-          backgroundColor: i == carouseIndex ? data.setting.dots.hoverColor : data.setting.dots.color,
-          fontSize: i == carouseIndex ? data.setting.dots.hoverSize : data.setting.dots.size
-        }
-      });
-    })), data.setting.navigation.open && /*#__PURE__*/React__default.createElement(Iconfont, {
-      className: "turnPage rightBtn",
-      onClick: function () {
-        _this.carouselRef.current.next();
-      },
-      onMouseEnter: this.mouseEnterBtn,
-      onMouseLeave: this.mouseLeaveBtn,
-      style: navStyle,
-      type: "icon-outlined-right"
-    }));
-  };
-
-  BannerPc.defaultProps = {
-    data: {
-      setting: {},
-      groupSource: []
-    }
-  };
-  return BannerPc;
-}(React__default.Component);
-
-export { BannerPc as default };

package/src/components/composite-comp/bol/components/Banner/pc/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-banner-pc__2B6sk {\n  position: relative;\n}\n.index_m-banner-pc__2B6sk .index_swiper-ban__Qin-o {\n  position: absolute;\n  width: 100%;\n  bottom: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.index_m-banner-pc__2B6sk .index_swiper-ban__Qin-o .index_ban__QUyn5 {\n  font-size: 16px;\n  width: 1em;\n  height: 0.3em;\n  background: #FFF;\n  cursor: inherit;\n  margin-right: 0.3em;\n  transition: all 0.5s;\n}\n.index_m-banner-pc__2B6sk .index_swiper-ban__Qin-o .index_ban__QUyn5.index_active__BQfgr {\n  width: 1.5em;\n  opacity: 1;\n}\n.index_m-banner-pc__2B6sk .index_turnPage__E56Ka {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 3;\n  cursor: pointer;\n}\n.index_m-banner-pc__2B6sk .index_leftBtn__vz0jN {\n  left: 20px;\n}\n.index_m-banner-pc__2B6sk .index_rightBtn__8I75P {\n  right: 20px;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 {\n  height: 360px;\n  display: flex;\n  position: relative;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 .index_carouseContent__UdT6C {\n  padding: 100px 80px 0;\n  position: relative;\n  z-index: 2;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: auto;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 .index_title__effje {\n  margin-bottom: 8px;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 .index_sub-title__nykUG {\n  margin-bottom: 20px;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 .index_btn-wrap__Ya144 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.index_m-banner-pc__2B6sk .index_carouselItem__6x9q3 .index_btn-wrap__Ya144 .index_btn__scvxl {\n  margin-right: 12px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/bol/components/Button/index.js

@@ -1,48 +0,0 @@
-import { __extends, __decorate } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { Component } from 'react';
-import classNames from '../../../../../../node_modules/classnames/index.js';
-import { getDefaultJSON } from './defaultJSON.js';
-import '../../../../meta-comp/components/Text/index.js';
-import Button$1 from '../../../../meta-comp/components/Button/index.js';
-import '../../../../meta-comp/components/Image/index.js';
-import compositeDecorator from '../../../../decorator/compositeDecorator.js';
-import { computeStyle } from '../../../../utils/businessUtil.js';
-import './index.less.js';
-
-var Button =
-/** @class */
-function (_super) {
-  __extends(Button, _super);
-
-  function Button() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  Button.prototype.render = function () {
-    var _a;
-
-    var nodeData = this.props.nodeData;
-    var wrapStyle = computeStyle(nodeData, window.magicDesign.device);
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames('button-comp-wrap', (_a = {}, _a[nodeData.customize.layout] = true, _a[nodeData.customize.align] = true, _a)),
-      onClick: this.onComponentClick,
-      style: wrapStyle
-    }, nodeData.content.button.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "first-button"
-    }, /*#__PURE__*/React__default.createElement(Button$1, {
-      data: nodeData.content.button
-    })), nodeData.content.secondaryButton.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "secondary-button"
-    }, /*#__PURE__*/React__default.createElement(Button$1, {
-      data: nodeData.content.secondaryButton
-    })));
-  };
-
-  Button.defaultProps = {};
-  Button.type = 'BUTTON';
-  Button.getDefaultJSON = getDefaultJSON;
-  Button = __decorate([compositeDecorator], Button);
-  return Button;
-}(Component);
-
-export { Button as default };

package/src/components/composite-comp/bol/components/Button/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_button-comp-wrap__xD8m3 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.index_button-comp-wrap__xD8m3 .index_first-button__mKq1h {\n  margin: 5px;\n}\n.index_button-comp-wrap__xD8m3 .index_secondary-button__4fb2s {\n  margin: 5px;\n}\n.index_button-comp-wrap__xD8m3.index_layout1__G8bpJ {\n  flex-direction: column;\n}\n.index_button-comp-wrap__xD8m3.index_layout1__G8bpJ.index_left__X0dHK {\n  align-items: flex-start;\n}\n.index_button-comp-wrap__xD8m3.index_layout1__G8bpJ.index_center__Q7uzv {\n  align-items: center;\n}\n.index_button-comp-wrap__xD8m3.index_layout1__G8bpJ.index_right__e6uHf {\n  align-items: flex-end;\n}\n.index_button-comp-wrap__xD8m3.index_layout2__p4CKS {\n  flex-direction: row;\n}\n.index_button-comp-wrap__xD8m3.index_layout2__p4CKS.index_left__X0dHK {\n  justify-content: flex-start;\n}\n.index_button-comp-wrap__xD8m3.index_layout2__p4CKS.index_center__Q7uzv {\n  justify-content: center;\n}\n.index_button-comp-wrap__xD8m3.index_layout2__p4CKS.index_right__e6uHf {\n  justify-content: flex-end;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/bol/components/Carousel/imgs/defaultImg.png.js

@@ -1,3 +0,0 @@
-var img = "data:image/png;base64,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";
-
-export { img as default };

package/src/components/composite-comp/bol/components/Carousel/index.js

@@ -1,37 +0,0 @@
-import { __extends, __decorate } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { Component } from 'react';
-import CarouselMobile from './mobile/index.js';
-import CarouselPc from './pc/index.js';
-import { getDefaultJSON } from './defaultJSON.js';
-import compositeDecorator from '../../../../decorator/compositeDecorator.js';
-import { computeStyle } from '../../../../utils/businessUtil.js';
-
-var Carousel =
-/** @class */
-function (_super) {
-  __extends(Carousel, _super);
-
-  function Carousel() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  Carousel.prototype.render = function () {
-    var nodeData = this.props.nodeData;
-    var wrapStyle = computeStyle(nodeData, window.magicDesign.device);
-    return /*#__PURE__*/React__default.createElement("div", {
-      style: wrapStyle
-    }, window.magicDesign.device === 'pc' ? /*#__PURE__*/React__default.createElement(CarouselPc, {
-      data: nodeData
-    }) : /*#__PURE__*/React__default.createElement(CarouselMobile, {
-      data: nodeData
-    }));
-  };
-
-  Carousel.defaultProps = {};
-  Carousel.type = 'CAROUSEL';
-  Carousel.getDefaultJSON = getDefaultJSON;
-  Carousel = __decorate([compositeDecorator], Carousel);
-  return Carousel;
-}(Component);
-
-export { Carousel as default };