@fonixtree/magic-design 0.0.7 → 0.0.10

package/src/components/composite-comp/dito/components/SearchBar/mobile/index.js

@@ -0,0 +1,89 @@
+import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import './index.less.js';
+import '../../../../../meta-comp/components/Text/index.js';
+import '../../../../../meta-comp/components/Button/index.js';
+import Image from '../../../../../meta-comp/components/Image/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/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 { clickUrl } from '../../../../../utils/coreUtil.js';
+
+var SearchMobile =
+/** @class */
+function (_super) {
+  __extends(SearchMobile, _super);
+
+  function SearchMobile() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  SearchMobile.prototype.render = function () {
+    var data = this.props.data;
+    console.log('---data', data);
+    var styleWrap = {};
+
+    if (data.background.bgType === 'color') {
+      styleWrap = {
+        backgroundColor: data.background.color,
+        opacity: data.background.opacity
+      };
+    } else {
+      styleWrap = {
+        backgroundImage: "url(".concat(data.background.image, ")"),
+        backgroundPosition: 'center',
+        backgroundRepeat: 'no-repeat',
+        backgroundSize: '100%'
+      };
+    }
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "m-search-bar",
+      style: styleWrap
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "right"
+    }, /*#__PURE__*/React__default.createElement(Iconfont, {
+      color: "#2C2C2C",
+      onClick: function () {
+        return clickUrl('/search-page');
+      },
+      size: 24,
+      type: "icon-search2"
+    }), /*#__PURE__*/React__default.createElement(Iconfont, {
+      color: "#2C2C2C",
+      onClick: function () {
+        return clickUrl('/message-center');
+      },
+      size: 24,
+      type: "icon-message"
+    })), data.logo.open && /*#__PURE__*/React__default.createElement(Image, {
+      data: data.logo,
+      style: {
+        height: 20
+      }
+    }));
+  };
+
+  SearchMobile.defaultProps = {
+    data: {}
+  };
+  return SearchMobile;
+}(React__default.Component);
+
+export { SearchMobile as default };

package/src/components/composite-comp/dito/components/SearchBar/mobile/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_m-search-bar__epbge {\n  height: 44px;\n  padding: 10px 16px;\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.index_m-search-bar__epbge .index_right__xSaw4 {\n  width: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z);

package/src/components/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigContent/index.js

@@ -0,0 +1,121 @@
+import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { Select } from 'antd';
+import ButtonConfig from '../../../../../meta-comp/config-panels/ButtonConfig/index.js';
+import TextConfig from '../../../../../meta-comp/config-panels/TextConfig/index.js';
+import { renderPreview } from '../../../../../utils/coreUtil.js';
+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 CommonCollapse from '../../../../../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';
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      renderPreview();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flash_sale_content"
+    }, /*#__PURE__*/React__default.createElement(Field, {
+      title: "product sort by"
+    }, /*#__PURE__*/React__default.createElement(Select, {
+      onChange: function (v) {
+        panelProps.sortType = v;
+
+        _this.reRender();
+      },
+      value: panelProps.sortType
+    }, /*#__PURE__*/React__default.createElement(Select.Option, {
+      value: "1"
+    }, "Sales"), /*#__PURE__*/React__default.createElement(Select.Option, {
+      value: "3"
+    }, "Price"))), /*#__PURE__*/React__default.createElement(CommonCollapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: '1',
+        name: 'Label',
+        value: /*#__PURE__*/React__default.createElement(ButtonConfig, {
+          data: panelProps.label
+        }),
+        metaOption: panelProps.label
+      }, {
+        key: '2',
+        name: 'Product Name',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.productName
+        }),
+        metaOption: panelProps.productName
+      }, {
+        key: '3',
+        name: 'Activity Price',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.activityPrice
+        }),
+        metaOption: panelProps.activityPrice
+      }, {
+        key: '4',
+        name: 'Sales Price',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.salesPrice
+        }),
+        metaOption: panelProps.salesPrice
+      }, {
+        key: '5',
+        name: 'Sales Progress',
+        value: null,
+        metaOption: panelProps.salesProgressVisible
+      }],
+      type: "switch"
+    }));
+  };
+
+  AComponent.defaultProps = {
+    panelProps: {
+      sortType: '1',
+      label: {},
+      productName: {},
+      activityPrice: {},
+      salesPrice: {},
+      salesProgressVisible: {
+        open: false
+      }
+    }
+  };
+  return AComponent;
+}(React__default.Component);
+
+export { AComponent as default };

package/src/components/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -0,0 +1,102 @@
+import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import TextConfig from '../../../../../meta-comp/config-panels/TextConfig/index.js';
+import ButtonConfig from '../../../../../meta-comp/config-panels/ButtonConfig/index.js';
+import { renderPreview } from '../../../../../utils/coreUtil.js';
+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 CommonCollapse from '../../../../../common/Collapse/index.js';
+import '../../../../../common/ColorPickerInput/index.js';
+import '../../../../../common/ImagePicker/index.js';
+import IconPicker from '../../../../../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';
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      renderPreview();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var _this = this;
+
+    var panelProps = this.props.panelProps;
+    console.log('panelProps', panelProps);
+    var iconSetting = /*#__PURE__*/React__default.createElement(Field, {
+      title: ""
+    }, /*#__PURE__*/React__default.createElement(IconPicker, {
+      onChange: function (icon) {
+        panelProps.icon.url = icon;
+
+        _this.reRender();
+      },
+      value: panelProps.icon.url
+    }));
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flash_sale_title"
+    }, /*#__PURE__*/React__default.createElement(CommonCollapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: '1',
+        name: 'Icon',
+        value: iconSetting,
+        metaOption: panelProps.icon
+      }, {
+        key: '2',
+        name: 'Headline',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.headline
+        }),
+        metaOption: panelProps.headline
+      }, {
+        key: '3',
+        name: 'Button',
+        value: /*#__PURE__*/React__default.createElement(ButtonConfig, {
+          data: panelProps.button
+        }),
+        metaOption: panelProps.button
+      }],
+      type: "switch"
+    }));
+  };
+
+  AComponent.defaultProps = {
+    panelProps: {
+      icon: {
+        open: true,
+        url: ''
+      },
+      headline: {},
+      button: {}
+    }
+  };
+  return AComponent;
+}(React__default.Component);
+
+export { AComponent as default };

package/src/components/composite-comp/dito/config-panels/FlashDealConfig/imgs/layout1.png.js

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

package/src/components/composite-comp/dito/config-panels/FlashDealConfig/index.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import AComponent from './FlashDealConfigTitle/index.js';
+import AComponent$1 from './FlashDealConfigContent/index.js';
+import img from './imgs/layout1.png.js';
+import BackgroundConfig from '../../../common/config-panels/BackgroundConfig/index.js';
+import CustomizeConfig from '../../../common/config-panels/CustomizeConfig/index.js';
+import CommonCollapse from '../../../../common/Collapse/index.js';
+
+function FlashDealConfig(props) {
+  var data = props.data;
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CommonCollapse, {
+    divider: "bold",
+    headerSize: "large",
+    source: [{
+      key: '1',
+      name: 'Title',
+      value: /*#__PURE__*/React__default.createElement(AComponent, {
+        panelProps: data.title
+      })
+    }, {
+      key: '2',
+      name: 'Content',
+      value: /*#__PURE__*/React__default.createElement(AComponent$1, {
+        panelProps: data.content
+      })
+    }, {
+      key: '3',
+      name: 'Customize',
+      value: /*#__PURE__*/React__default.createElement(CustomizeConfig, {
+        data: data.customize,
+        isHideAlign: true,
+        layoutSource: [{
+          id: 'layout1',
+          name: 'left',
+          image: img
+        }]
+      })
+    }, {
+      key: '4',
+      name: 'Background',
+      value: /*#__PURE__*/React__default.createElement(BackgroundConfig, {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}
+
+export { FlashDealConfig as default };

package/src/components/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigContent/index.js

@@ -0,0 +1,97 @@
+import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import ButtonConfig from '../../../../../meta-comp/config-panels/ButtonConfig/index.js';
+import TextConfig from '../../../../../meta-comp/config-panels/TextConfig/index.js';
+import { renderPreview } from '../../../../../utils/coreUtil.js';
+import '../../../../../common/LayoutSelector/index.js';
+import '../../../../../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 CommonCollapse from '../../../../../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';
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      renderPreview();
+
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "recommend_content"
+    }, /*#__PURE__*/React__default.createElement(CommonCollapse, {
+      headerSize: "middle",
+      onRefresh: this.reRender,
+      source: [{
+        key: '1',
+        name: 'Label',
+        value: /*#__PURE__*/React__default.createElement(ButtonConfig, {
+          data: panelProps.label
+        }),
+        metaOption: panelProps.label
+      }, {
+        key: '2',
+        name: 'Product Name',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.productName
+        }),
+        metaOption: panelProps.productName
+      }, {
+        key: '3',
+        name: 'Activity Price',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.activityPrice
+        }),
+        metaOption: panelProps.activityPrice
+      }, {
+        key: '4',
+        name: 'Sales Price',
+        value: /*#__PURE__*/React__default.createElement(TextConfig, {
+          data: panelProps.salesPrice
+        }),
+        metaOption: panelProps.salesPrice
+      }],
+      type: "switch"
+    }));
+  };
+
+  AComponent.defaultProps = {
+    panelProps: {
+      sortType: '1',
+      label: {},
+      productName: {},
+      activityPrice: {},
+      salesPrice: {}
+    }
+  };
+  return AComponent;
+}(React__default.Component);
+
+export { AComponent as default };

package/src/components/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.js

@@ -0,0 +1,89 @@
+import { __extends, __decorate } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { inject, observer } from 'mobx-react';
+import img from '../imgs/defaultImg.png.js';
+import Button from '../../../../../common/Button/index.js';
+import GroupList from '../../../../../common/GroupList/index.js';
+import { recommendGroupSourceJSON } from '../../../components/Recommend/defaultJSON.js';
+import { renderPreview, isPc } from '../../../../../utils/coreUtil.js';
+import './index.less.js';
+
+var notice = '';
+
+var AComponent =
+/** @class */
+function (_super) {
+  __extends(AComponent, _super);
+
+  function AComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.onClickItem = function (node) {
+      _this.props.store.setState({
+        clickedGroup: node.id
+      });
+    };
+
+    _this.onAddClick = function () {
+      var json = recommendGroupSourceJSON('', 'Tab');
+
+      _this.props.source.push(json);
+
+      _this.setState({});
+
+      renderPreview();
+    };
+
+    _this.reRender = function () {
+      _this.setState({});
+    };
+
+    return _this;
+  }
+
+  AComponent.prototype.render = function () {
+    var source = this.props.source;
+
+    var renderCard = function (src) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "card_wrap"
+      }, /*#__PURE__*/React__default.createElement("img", {
+        alt: "",
+        src: (isPc() ? src.image.content.pcImgSrc : src.image.content.h5ImgSrc) || img
+      }), /*#__PURE__*/React__default.createElement("div", {
+        className: "name"
+      }, src.groupName.text));
+    };
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "group_wrap"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "node_list"
+    }, source.length === 0 ? /*#__PURE__*/React__default.createElement("span", {
+      className: "notice"
+    }, notice) : /*#__PURE__*/React__default.createElement(GroupList, {
+      onClickItem: this.onClickItem,
+      renderCard: function (v) {
+        return renderCard(v);
+      },
+      reRender: this.reRender,
+      source: source
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "btn_wrap"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      icon: "icon-add",
+      onClick: this.onAddClick,
+      type: "primary"
+    }, "Add Group")));
+  };
+
+  AComponent.defaultProps = {
+    source: []
+  };
+  AComponent = __decorate([inject('store'), observer], AComponent);
+  return AComponent;
+}(React__default.Component);
+
+export { AComponent as default };

package/src/components/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_group_wrap__8P0Mr {\n  margin-bottom: 20px;\n}\n.index_group_wrap__8P0Mr .index_node_list__4tkX4 {\n  margin-bottom: 12px;\n}\n.index_group_wrap__8P0Mr .index_node_list__4tkX4 .index_notice__NifaG {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  color: #232F46;\n}\n";
+styleInject(css_248z);

package/src/components/composite-comp/dito/config-panels/RecommendConfig/imgs/defaultImg.png.js

@@ -0,0 +1,3 @@
+var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI7SURBVHgB7ZpNTuMwFICfXyrNLHOEbJkZaehqpiuaG3CEzgkYTgA3AE5AjwAnCD9CFWyKBKjsyA3oFtTaPAcKBRHX+QE76H1S1cQ/yvvc9MW2AsAwDMMwuYhFDY7PrtekUv/pMAKfEOJcTic7cedX39jMVJkMLnuIwS54DA3+evz3x3ZePZo6I7bWwHNQCGOMLTCilmdHQsDBdCoPwQOCAFeUgu7TaWRqu0DwBS0Xd35uggckg6tNROzatEX44rBg02HBpmOdRW1JBqMIlFoFIceU0A/izlIKDqlVUMshiiEdhiSni9JkOGzH7fYYHFHrLRqg2qLJQThXFMHdtx445OP/g+qV8KdTq+BUiv3XJYJuTeyDQ2oVpITSlxL+KZq3KhB7cjKJv1SS0WhJ+upDCZLBRZfGnD4qrSsDe/McPDob7dLyLKFJ9IZegyJCkpxcLkNFvBDUcrT86b0pjrDVqizpXDBH7gkVVpV0KmiWm1FNsrIgzVRCnRyyKVoB7ORmlJesJHh0er2F999vH5MD3Ohzq36F5GaUkywtmAUJ2XbiSwh0rssX9iss93yFTDLA4Ldtj1KCpiB1eZ5kNbnnK4Q0kKu2rQsL2gT5nmQ9csUpJFgkyHlJV3Ia48724elIzTUdv1kK2ZLCB2/7r/xZyvUo8AuWXvZE4BDedGo6LNh0WLDpsGDTYcGmYxZU2TzSc8S5qdYoKEHtgOdIaY7RKKjfP8l2qheMkgtomZNm78g8bjQzDMMwTBkeAHQ6Ai0vMflfAAAAAElFTkSuQmCC";
+
+export { img as default };

package/src/components/composite-comp/dito/config-panels/RecommendConfig/imgs/layout1.png.js

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

package/src/components/composite-comp/dito/config-panels/RecommendConfig/index.js

@@ -0,0 +1,49 @@
+import React__default from 'react';
+import AComponent from './RecommendConfigGroup/index.js';
+import AComponent$1 from './RecommendConfigContent/index.js';
+import img from './imgs/layout1.png.js';
+import BackgroundConfig from '../../../common/config-panels/BackgroundConfig/index.js';
+import CustomizeConfig from '../../../common/config-panels/CustomizeConfig/index.js';
+import CommonCollapse from '../../../../common/Collapse/index.js';
+
+function FlashDealConfig(props) {
+  var data = props.data;
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(CommonCollapse, {
+    divider: "bold",
+    headerSize: "large",
+    source: [{
+      key: '1',
+      name: 'Group',
+      value: /*#__PURE__*/React__default.createElement(AComponent, {
+        source: data.groupSource
+      })
+    }, {
+      key: '2',
+      name: 'Content',
+      value: /*#__PURE__*/React__default.createElement(AComponent$1, {
+        panelProps: data.content
+      })
+    }, {
+      key: '3',
+      name: 'Customize',
+      value: /*#__PURE__*/React__default.createElement(CustomizeConfig, {
+        data: data.customize,
+        isHideAlign: true,
+        layoutSource: [{
+          id: 'layout1',
+          name: 'left',
+          image: img
+        }]
+      })
+    }, {
+      key: '4',
+      name: 'Background',
+      value: /*#__PURE__*/React__default.createElement(BackgroundConfig, {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}
+
+export { FlashDealConfig as default };