@fonixtree/magic-design 0.0.11 → 0.0.16

package/src/components/composite-comp/common/components/ImageLabel/index.js

@@ -1,47 +0,0 @@
-import { __extends } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import classNames from '../../../../../../node_modules/classnames/index.js';
-import React__default, { Component } from 'react';
-import './index.less.js';
-
-var ImageLabel =
-/** @class */
-function (_super) {
-  __extends(ImageLabel, _super);
-
-  function ImageLabel() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  ImageLabel.prototype.render = function () {
-    var _a = this.props,
-        labels = _a.labels,
-        small = _a.small;
-
-    var _labels = labels || [];
-
-    return _labels.map(function (label) {
-      var _a, _b;
-
-      if (label.imgUrl || label.labelPictureUrl) {
-        return /*#__PURE__*/React__default.createElement("img", {
-          key: label.imgUrl || label.labelPictureUrl,
-          alt: "img",
-          className: classNames('image-label-wrap', 'img', (_a = {}, _a["position-".concat(label.position)] = true, _a.small = small, _a)),
-          src: label.imgUrl || label.labelPictureUrl
-        });
-      }
-
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: label.labelName,
-        className: classNames('image-label-wrap', (_b = {}, _b["position-".concat(label.position)] = true, _b))
-      }, label.labelName);
-    });
-  };
-
-  return ImageLabel;
-}(Component);
-
-export { ImageLabel as default };

package/src/components/composite-comp/common/components/ImageLabel/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_image-label-wrap__dbRy6 {\n  position: absolute;\n  z-index: 1;\n}\n.index_image-label-wrap__dbRy6.index_img__NaH2Y {\n  max-width: 60px;\n  max-height: 60px;\n}\n.index_image-label-wrap__dbRy6.index_img__NaH2Y.index_small__TKAcz {\n  max-width: 30px;\n  max-height: 30px;\n}\n.index_image-label-wrap__dbRy6.index_position-1__0QRmw {\n  top: 0;\n  left: 0;\n}\n.index_image-label-wrap__dbRy6.index_position-2__rpDNH {\n  bottom: 0;\n  left: 0;\n}\n.index_image-label-wrap__dbRy6.index_position-3__xg1T4 {\n  top: 0;\n  right: 0;\n}\n.index_image-label-wrap__dbRy6.index_position-4__OdW-G {\n  bottom: 0;\n  right: 0;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/common/components/ProductItem/index.js

@@ -1,121 +0,0 @@
-import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __extends, __rest, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { convertImageUrl } from '../../../../utils/commonUtil.js';
-import { formatCurrencyWithSymbol } from '../../../../utils/currencyUtil.js';
-import { Image } from '../../../../common/NewImg/index.js';
-import ImageLabel from '../ImageLabel/index.js';
-import Text from '../../../../meta-comp/components/Text/index.js';
-import Button from '../../../../meta-comp/components/Button/index.js';
-import '../../../../meta-comp/components/Image/index.js';
-import { getPromotionList } from '../../../../utils/businessUtil.js';
-import './index.less.js';
-
-var ProductItem =
-/** @class */
-function (_super) {
-  __extends(ProductItem, _super);
-
-  function ProductItem() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  ProductItem.prototype.render = function () {
-    var _a = this.props,
-        data = _a.data,
-        panelProps = _a.panelProps,
-        onItemClick = _a.onItemClick,
-        showProName = _a.showProName,
-        showProgress = _a.showProgress,
-        rest = __rest(_a, ["data", "panelProps", "onItemClick", "showProName", "showProgress"]);
-
-    var promotions = getPromotionList(data);
-    var price = formatCurrencyWithSymbol(data.salesPrice);
-    /** 当是拼团时 显示价格 */
-
-    if (data.sppType && promotions.length) {
-      price = data.specialPrice !== null ? formatCurrencyWithSymbol(data.specialPrice) : formatCurrencyWithSymbol(data.salesPrice);
-    }
-
-    var oldPrice = data.marketPrice !== null ? formatCurrencyWithSymbol(data.marketPrice) : null;
-    var discount = data.discountPercent || 0;
-    var salePercent = Number(data.salePercent) / 100 || 0;
-    return /*#__PURE__*/React__default.createElement("div", _extends({
-      className: "m-product-item-wrap",
-      onClick: function () {
-        return onItemClick();
-      }
-    }, rest), /*#__PURE__*/React__default.createElement("div", {
-      className: "img-wrap"
-    }, /*#__PURE__*/React__default.createElement(Image, {
-      className: "product-img",
-      lazy: true,
-      src: convertImageUrl(data.imgUrlContent || data.productImageUrlContent)
-    }), /*#__PURE__*/React__default.createElement(ImageLabel, {
-      labels: data.labels,
-      small: true
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "content-wrap"
-    }, panelProps.label.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "promotions-wrap"
-    }, promotions.map(function (promot, index) {
-      return /*#__PURE__*/React__default.createElement(Button, {
-        key: index,
-        className: "promotion-item",
-        data: __assign(__assign({}, panelProps.label), {
-          text: promot
-        }),
-        readonly: true
-      });
-    })), showProName && panelProps.productName.open && /*#__PURE__*/React__default.createElement(Text, {
-      className: "product-name",
-      data: __assign(__assign({}, panelProps.productName), {
-        text: data.offerName
-      }),
-      readonly: true
-    }), panelProps.activityPrice.open && /*#__PURE__*/React__default.createElement(Text, {
-      className: "price",
-      data: __assign(__assign({}, panelProps.activityPrice), {
-        text: price
-      }),
-      readonly: true
-    }), oldPrice && panelProps.salesPrice.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "old-price-wrap"
-    }, !!discount && /*#__PURE__*/React__default.createElement("span", {
-      className: "discount"
-    }, "-", discount, "%"), /*#__PURE__*/React__default.createElement(Text, {
-      className: "old-price",
-      data: __assign(__assign({}, panelProps.salesPrice), {
-        text: oldPrice
-      }),
-      readonly: true,
-      style: {
-        color: panelProps.salesPrice.content.color
-      }
-    })), showProgress && panelProps.salesProgressVisible.open && /*#__PURE__*/React__default.createElement("div", {
-      className: "progress-wrap"
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "text"
-    }, salePercent, "% Sold"), /*#__PURE__*/React__default.createElement("div", {
-      className: "progress-container"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "progress",
-      style: {
-        width: "".concat(salePercent, "%")
-      }
-    })))));
-  };
-
-  ProductItem.defaultProps = {
-    data: {},
-    panelProps: {},
-    showProName: true,
-    showProgress: true
-  };
-  return ProductItem;
-}(React__default.Component);
-
-export { ProductItem as default };

package/src/components/composite-comp/common/components/ProductItem/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-product-item-wrap__Fbhz8 {\n  display: flex;\n  flex-direction: column;\n  background: #FFFFFF;\n  border: 1px solid #E8E8E8;\n  border-radius: 8px;\n  width: 140px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_img-wrap__LxErk {\n  position: relative;\n  width: 100%;\n}\n.index_m-product-item-wrap__Fbhz8 .index_img-wrap__LxErk .index_product-img__rTFmV {\n  height: 150px;\n  width: 100%;\n  object-fit: cover;\n  border-radius: 8px 8px 0 0;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR {\n  padding: 8px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_promotions-wrap__pD7wC {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 5px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_promotions-wrap__pD7wC .index_promotion-item__Tm90p {\n  margin-right: 5px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_promotions-wrap__pD7wC .index_promotion-item__Tm90p:last-child {\n  margin-right: 0;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_product-name__XttNb {\n  margin-bottom: 8px;\n  line-height: 18px;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  word-break: break-all;\n  white-space: normal;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_old-price-wrap__xbCsv {\n  display: flex;\n  margin-top: 6px;\n  align-items: baseline;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_old-price-wrap__xbCsv .index_discount__LBr-c {\n  margin-right: 3px;\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 12px;\n  line-height: 15px;\n  color: #2C2C2C;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_old-price-wrap__xbCsv .index_old-price__stulc {\n  text-decoration: line-through;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_rate-wrap__iy2MW {\n  display: flex;\n  margin-top: 8px;\n  align-items: center;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_rate-wrap__iy2MW .index_number__G8hN1 {\n  font-size: 10px;\n  color: #7B7B7B;\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_progress-wrap__K5qgl {\n  margin-top: 10px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_progress-wrap__K5qgl .index_text__-AiP9 {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 10px;\n  line-height: 12px;\n  color: #929292;\n  margin-bottom: 4px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_progress-wrap__K5qgl .index_progress-container__--txW {\n  width: 100%;\n  height: 4px;\n  background-color: #DDDEDE;\n  border-radius: 8px;\n}\n.index_m-product-item-wrap__Fbhz8 .index_content-wrap__10uDR .index_progress-wrap__K5qgl .index_progress-container__--txW .index_progress__DU7lZ {\n  width: 10px;\n  background: #CE1126;\n  border-radius: 8px;\n  height: 100%;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/common/config-panels/BackgroundConfig/index.js

@@ -1,89 +0,0 @@
-import { __extends } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { Select } from 'antd';
-import '../../../../common/LayoutSelector/index.js';
-import Field from '../../../../common/Field/index.js';
-import '../../../../common/UrlPicker/index.js';
-import '../../../../common/Iconfont/index.js';
-import '../../../../common/Button/index.js';
-import '../../../../common/AlignSelector/index.js';
-import '../../../../common/Collapse/index.js';
-import ColorPickerInput from '../../../../common/ColorPickerInput/index.js';
-import ImagePicker from '../../../../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 BaseConfig from '../../../../meta-comp/config-panels/BaseConfig.js';
-
-var BackgroundConfig =
-/** @class */
-function (_super) {
-  __extends(BackgroundConfig, _super);
-
-  function BackgroundConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  BackgroundConfig.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "container"
-    }, /*#__PURE__*/React__default.createElement(Field, {
-      title: "Background"
-    }, /*#__PURE__*/React__default.createElement(Select, {
-      onChange: function (bgType) {
-        data.bgType = bgType;
-
-        _this.selfRender();
-      },
-      style: {
-        marginBottom: '15px'
-      },
-      value: data.bgType
-    }, /*#__PURE__*/React__default.createElement(Select.Option, {
-      value: "color"
-    }, "Color"), /*#__PURE__*/React__default.createElement(Select.Option, {
-      value: "image"
-    }, "Image")), data.bgType === 'color' ? /*#__PURE__*/React__default.createElement(ColorPickerInput, {
-      colorType: "rgba",
-      onChange: function (v) {
-        data.opacity = 1;
-        data.color = v;
-
-        _this.selfRender();
-      },
-      value: data.color
-    }) : /*#__PURE__*/React__default.createElement(ImagePicker, {
-      onChange: function (v) {
-        data.image = v.url;
-
-        _this.selfRender();
-      },
-      value: data.image
-    })));
-  };
-
-  BackgroundConfig.defaultProps = {
-    data: {
-      opacity: 100,
-      color: '#232F46',
-      image: '',
-      bgType: 'color'
-    }
-  };
-  return BackgroundConfig;
-}(BaseConfig);
-
-export { BackgroundConfig as default };

package/src/components/composite-comp/common/config-panels/CustomizeConfig/index.js

@@ -1,182 +0,0 @@
-import { __extends, __decorate, __assign } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { Select } from 'antd';
-import { inject, observer } from 'mobx-react';
-import './index.less.js';
-import BaseConfig from '../../../../meta-comp/config-panels/BaseConfig.js';
-import { isPc } from '../../../../utils/coreUtil.js';
-import LayoutSelector from '../../../../common/LayoutSelector/index.js';
-import Field from '../../../../common/Field/index.js';
-import '../../../../common/UrlPicker/index.js';
-import Iconfont from '../../../../common/Iconfont/index.js';
-import '../../../../common/Button/index.js';
-import AlignSelector from '../../../../common/AlignSelector/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 { store } from '../../../../mobx/index.js';
-
-var CustomizeConfig =
-/** @class */
-function (_super) {
-  __extends(CustomizeConfig, _super);
-
-  function CustomizeConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      showRowNum: true
-    };
-
-    _this.layoutChange = function (v) {
-      var _a;
-
-      var _b = _this.props,
-          selectedLayoutFun = _b.selectedLayoutFun,
-          data = _b.data,
-          component = _b.component,
-          id = _b.id;
-
-      if (selectedLayoutFun) {
-        selectedLayoutFun(v);
-      } else {
-        data.layout = v;
-      } // 轮播组件特殊处理
-
-
-      if (component === 'carousel') {
-        if (v === 'layout2') {
-          _this.setState({
-            showRowNum: false
-          });
-        } else {
-          _this.setState({
-            showRowNum: true
-          });
-        }
-
-        _this.props.store.setState({
-          CarouselStore: __assign(__assign({}, store.CarouselStore), (_a = {}, _a[id] = v, _a))
-        });
-      }
-    };
-
-    _this.onChangeRowNum = function (num) {
-      var data = _this.props.data;
-
-      if (isPc()) {
-        data.pcRowNum = num;
-      } else {
-        data.rowNum = num;
-      }
-
-      _this.selfRender();
-    };
-
-    return _this;
-  }
-
-  CustomizeConfig.prototype.componentDidMount = function () {
-    var _a;
-
-    if (((_a = this.props.data) === null || _a === void 0 ? void 0 : _a.layout) === 'layout2') {
-      this.setState({
-        showRowNum: false
-      });
-    } else {
-      this.setState({
-        showRowNum: true
-      });
-    }
-  };
-
-  CustomizeConfig.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        data = _a.data,
-        isHideAlign = _a.isHideAlign,
-        layoutSource = _a.layoutSource,
-        selectedLayoutFun = _a.selectedLayoutFun;
-    var showRowNum = this.state.showRowNum;
-    console.log('customize', data);
-    var layoutVal = data.layout;
-
-    if (selectedLayoutFun) {
-      layoutVal = isPc() ? data === null || data === void 0 ? void 0 : data.layout.pcLayout : data === null || data === void 0 ? void 0 : data.layout.h5Layout;
-    }
-
-    var maxRowNum = (isPc() ? data === null || data === void 0 ? void 0 : data.pcMaxRowNum : data === null || data === void 0 ? void 0 : data.mobileMaxRowNum) || 3;
-    var rowNumArr = [];
-
-    for (var i = 1; i <= maxRowNum; i++) {
-      rowNumArr.push(i);
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-customize-config"
-    }, /*#__PURE__*/React__default.createElement(Field, {
-      split: !isHideAlign,
-      title: "Layout"
-    }, /*#__PURE__*/React__default.createElement(LayoutSelector, {
-      onChange: function (value) {
-        _this.layoutChange(value);
-      },
-      source: layoutSource,
-      value: layoutVal
-    })), !isHideAlign && /*#__PURE__*/React__default.createElement(Field, {
-      title: "Alignment"
-    }, /*#__PURE__*/React__default.createElement(AlignSelector, {
-      onChange: function (value) {
-        data.align = value;
-
-        _this.selfRender();
-      },
-      value: data.align
-    })), showRowNum && (data === null || data === void 0 ? void 0 : data.rowNum) && /*#__PURE__*/React__default.createElement("div", {
-      className: "selectWrap"
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      className: "iconNum",
-      color: "#232F46",
-      size: 20,
-      type: "icon-a-3"
-    }), /*#__PURE__*/React__default.createElement(Select, {
-      onChange: function (num) {
-        return _this.onChangeRowNum(num);
-      },
-      style: {
-        marginBottom: '15px'
-      },
-      value: isPc() ? data.pcRowNum : data.rowNum
-    }, rowNumArr.map(function (m) {
-      return /*#__PURE__*/React__default.createElement(Select.Option, {
-        key: m,
-        value: m
-      }, m);
-    }))));
-  };
-
-  CustomizeConfig.defaultProps = {
-    data: {
-      layout: 'left',
-      align: 'left'
-    },
-    isHideAlign: false,
-    layoutObj: null,
-    component: ''
-  };
-  CustomizeConfig = __decorate([inject('store'), observer], CustomizeConfig);
-  return CustomizeConfig;
-}(BaseConfig);
-
-export { CustomizeConfig as default };

package/src/components/composite-comp/common/config-panels/CustomizeConfig/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-customize-config__I9pGJ .index_selectWrap__GttOi {\n  position: relative;\n}\n.index_m-customize-config__I9pGJ .index_selectWrap__GttOi .index_iconNum__1flTk {\n  position: absolute;\n  z-index: 9;\n  left: 15px;\n  top: 10px;\n}\n.index_m-customize-config__I9pGJ .index_selectWrap__GttOi .index_ant-select__xGeLF {\n  width: 100%;\n}\n.index_m-customize-config__I9pGJ .index_selectWrap__GttOi .index_ant-select__xGeLF .index_ant-select-selector__YZ6n3 {\n  padding-left: 45px;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/common/config-panels/SpacingConfig/index.js

@@ -1,133 +0,0 @@
-import { __extends } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { Input } from 'antd';
-import '../../../../common/LayoutSelector/index.js';
-import Field from '../../../../common/Field/index.js';
-import '../../../../common/UrlPicker/index.js';
-import Iconfont from '../../../../common/Iconfont/index.js';
-import '../../../../common/Button/index.js';
-import '../../../../common/AlignSelector/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 SliderInput from '../../../../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 BaseConfig from '../../../../meta-comp/config-panels/BaseConfig.js';
-import './index.less.js';
-
-var SpacingConfig =
-/** @class */
-function (_super) {
-  __extends(SpacingConfig, _super);
-
-  function SpacingConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  SpacingConfig.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        data = _a.data,
-        type = _a.type;
-    var obj = data[window.magicDesign.device];
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "spacing-config-container"
-    }, /*#__PURE__*/React__default.createElement(Field, {
-      title: "Padding"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "padding-wrap"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "padding-item"
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      type: "icon-padding-top"
-    }), /*#__PURE__*/React__default.createElement(Input, {
-      onChange: function (e) {
-        obj.paddingTop = e.target.value;
-
-        _this.selfRender();
-      },
-      value: obj.paddingTop
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "padding-item"
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      type: "icon-padding-bottom"
-    }), /*#__PURE__*/React__default.createElement(Input, {
-      onChange: function (e) {
-        obj.paddingBottom = e.target.value;
-
-        _this.selfRender();
-      },
-      value: obj.paddingBottom
-    })), type == 'button' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "padding-item"
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      type: "icon-padding-left"
-    }), /*#__PURE__*/React__default.createElement(Input, {
-      onChange: function (e) {
-        obj.paddingLeft = e.target.value;
-
-        _this.selfRender();
-      },
-      value: obj.paddingLeft
-    })), /*#__PURE__*/React__default.createElement("div", {
-      className: "padding-item"
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      type: "icon-padding-right"
-    }), /*#__PURE__*/React__default.createElement(Input, {
-      onChange: function (e) {
-        obj.paddingRight = e.target.value;
-
-        _this.selfRender();
-      },
-      value: obj.paddingRight
-    }))))), type != 'button' && /*#__PURE__*/React__default.createElement(Field, {
-      title: "Component spacing"
-    }, /*#__PURE__*/React__default.createElement(SliderInput, {
-      maxVal: 100,
-      minVal: 0,
-      onChange: function (value) {
-        obj.marginBottom = value.count;
-
-        _this.selfRender();
-      },
-      value: {
-        count: obj.marginBottom
-      }
-    })));
-  };
-
-  SpacingConfig.defaultProps = {
-    type: 'default',
-    data: {
-      pc: {
-        paddingTop: 10,
-        paddingBottom: 10,
-        paddingLeft: 10,
-        paddingRight: 10,
-        marginBottom: 10
-      },
-      mobile: {
-        paddingTop: 10,
-        paddingBottom: 10,
-        paddingLeft: 10,
-        paddingRight: 10,
-        marginBottom: 10
-      }
-    }
-  };
-  return SpacingConfig;
-}(BaseConfig);
-
-export { SpacingConfig as default };

package/src/components/composite-comp/common/config-panels/SpacingConfig/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_spacing-config-container__VXcWx .index_padding-wrap__bQte2 {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.index_spacing-config-container__VXcWx .index_padding-wrap__bQte2 .index_padding-item__h0ceX {\n  display: flex;\n  align-items: center;\n  width: 50%;\n}\n.index_spacing-config-container__VXcWx .index_padding-wrap__bQte2 .index_padding-item__h0ceX .index_icon_container__VM-3l {\n  margin: 10px;\n}\n";
-styleInject(css_248z);

package/src/components/composite-comp/dito/components/FlashDeal/index.js

@@ -1,31 +0,0 @@
-import { __extends, __decorate } from '../../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { Component } from 'react';
-import FlashDealMobile from './mobile/index.js';
-import { getDefaultJSON } from './defaultJSON.js';
-import { isPc } from '../../../../utils/coreUtil.js';
-import compositeDecorator from '../../../../decorator/compositeDecorator.js';
-
-var FlashDeal =
-/** @class */
-function (_super) {
-  __extends(FlashDeal, _super);
-
-  function FlashDeal() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  FlashDeal.prototype.render = function () {
-    var nodeData = this.props.nodeData;
-    return /*#__PURE__*/React__default.createElement("div", null, isPc() ? null : /*#__PURE__*/React__default.createElement(FlashDealMobile, {
-      panelProps: nodeData
-    }));
-  };
-
-  FlashDeal.defaultProps = {};
-  FlashDeal.type = 'FLASH_DEAL';
-  FlashDeal.getDefaultJSON = getDefaultJSON;
-  FlashDeal = __decorate([compositeDecorator], FlashDeal);
-  return FlashDeal;
-}(Component);
-
-export { FlashDeal as default };