@fonixtree/magic-design 0.0.8 → 0.0.9

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 '../../../../../../../node_modules/axios/index.js';
+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,202 @@
+import { __extends } from '../../../../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import '../../../../../../../node_modules/antd/es/affix/index.js';
+import '../../../../../../../node_modules/antd/es/anchor/index.js';
+import '../../../../../../../node_modules/antd/es/auto-complete/index.js';
+import '../../../../../../../node_modules/antd/es/alert/index.js';
+import '../../../../../../../node_modules/antd/es/avatar/index.js';
+import '../../../../../../../node_modules/antd/es/back-top/index.js';
+import '../../../../../../../node_modules/antd/es/badge/index.js';
+import '../../../../../../../node_modules/antd/es/breadcrumb/Breadcrumb.js';
+import '../../../../../../../node_modules/antd/es/button/button.js';
+import '../../../../../../../node_modules/rc-picker/node_modules/moment/moment.js';
+import '../../../../../../../node_modules/rc-util/es/hooks/useMergedState.js';
+import 'classnames';
+import '../../../../../../../node_modules/lodash/_baseToString.js';
+import '../../../../../../../node_modules/lodash/_baseGetTag.js';
+import '../../../../../../../node_modules/rc-util/es/raf.js';
+import '../../../../../../../node_modules/rc-picker/es/panels/DatetimePanel/index.js';
+import '../../../../../../../node_modules/rc-trigger/es/index.js';
+import '../../../../../../../node_modules/antd/es/locale-provider/LocaleReceiver.js';
+import '../../../../../../../node_modules/antd/es/date-picker/locale/en_US.js';
+import '../../../../../../../node_modules/antd/es/config-provider/index.js';
+import '../../../../../../../node_modules/rc-field-form/es/index.js';
+import Select from '../../../../../../../node_modules/antd/es/select/index.js';
+import '../../../../../../../node_modules/antd/es/radio/index.js';
+import '../../../../../../../node_modules/antd/es/card/index.js';
+import '../../../../../../../node_modules/antd/es/collapse/Collapse.js';
+import '../../../../../../../node_modules/antd/es/carousel/index.js';
+import '../../../../../../../node_modules/antd/es/cascader/index.js';
+import '../../../../../../../node_modules/antd/es/checkbox/index.js';
+import '../../../../../../../node_modules/antd/es/grid/row.js';
+import '../../../../../../../node_modules/antd/es/grid/col.js';
+import '../../../../../../../node_modules/antd/es/comment/index.js';
+import '../../../../../../../node_modules/antd/es/date-picker/index.js';
+import '../../../../../../../_virtual/index2.js';
+import '../../../../../../../node_modules/antd/es/_util/warning.js';
+import '../../../../../../../node_modules/antd/es/divider/index.js';
+import '../../../../../../../node_modules/antd/es/dropdown/dropdown.js';
+import '../../../../../../../node_modules/antd/es/drawer/index.js';
+import '../../../../../../../node_modules/antd/es/empty/index.js';
+import '../../../../../../../node_modules/antd/es/form/index.js';
+import '../../../../../../../node_modules/antd/es/input/index.js';
+import '../../../../../../../node_modules/antd/es/image/index.js';
+import '../../../../../../../node_modules/antd/es/input-number/index.js';
+import '../../../../../../../node_modules/antd/es/layout/index.js';
+import '../../../../../../../node_modules/antd/es/list/index.js';
+import '../../../../../../../node_modules/antd/es/message/index.js';
+import '../../../../../../../node_modules/antd/es/menu/index.js';
+import '../../../../../../../node_modules/antd/es/mentions/index.js';
+import '../../../../../../../node_modules/antd/es/modal/index.js';
+import '../../../../../../../node_modules/antd/es/statistic/index.js';
+import '../../../../../../../node_modules/antd/es/notification/index.js';
+import '../../../../../../../node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js';
+import '../../../../../../../node_modules/@ant-design/icons/es/icons/ArrowRightOutlined.js';
+import '../../../../../../../node_modules/rc-resize-observer/es/index.js';
+import '../../../../../../../node_modules/antd/es/space/index.js';
+import '../../../../../../../node_modules/antd/es/_util/transButton.js';
+import '../../../../../../../node_modules/antd/es/pagination/Pagination.js';
+import '../../../../../../../node_modules/antd/es/popconfirm/index.js';
+import '../../../../../../../node_modules/antd/es/popover/index.js';
+import '../../../../../../../node_modules/antd/es/progress/progress.js';
+import '../../../../../../../node_modules/antd/es/rate/index.js';
+import '../../../../../../../node_modules/antd/es/result/index.js';
+import '../../../../../../../node_modules/antd/es/segmented/index.js';
+import '../../../../../../../node_modules/antd/es/skeleton/Skeleton.js';
+import '../../../../../../../node_modules/antd/es/slider/index.js';
+import '../../../../../../../node_modules/antd/es/spin/index.js';
+import '../../../../../../../node_modules/antd/es/steps/index.js';
+import '../../../../../../../node_modules/antd/es/switch/index.js';
+import '../../../../../../../node_modules/antd/es/table/Table.js';
+import '../../../../../../../node_modules/antd/es/transfer/list.js';
+import '../../../../../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.js';
+import '../../../../../../../node_modules/@ant-design/icons/es/icons/RightOutlined.js';
+import '../../../../../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js';
+import '../../../../../../../node_modules/antd/es/_util/statusUtils.js';
+import '../../../../../../../node_modules/antd/es/tree/Tree.js';
+import '../../../../../../../node_modules/antd/es/tree-select/index.js';
+import '../../../../../../../node_modules/antd/es/tabs/index.js';
+import '../../../../../../../node_modules/antd/es/tag/index.js';
+import '../../../../../../../node_modules/antd/es/time-picker/index.js';
+import '../../../../../../../node_modules/antd/es/timeline/Timeline.js';
+import '../../../../../../../node_modules/antd/es/tooltip/index.js';
+import '../../../../../../../node_modules/antd/es/typography/index.js';
+import '../../../../../../../node_modules/antd/es/upload/index.js';
+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 '../../../../../../../node_modules/axios/index.js';
+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 '../../../../../../../node_modules/axios/index.js';
+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 '../../../../../../../node_modules/axios/index.js';
+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 '../../../../../../../node_modules/mobx-react/dist/mobxreact.esm.js';
+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 };