商品列表

es/store-goods/cate.js

+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+import Scroll from 'react-bscroll';
+
+var StoreGoodsCate = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsCate, _React$Component);
+
+  var _super = _createSuper(StoreGoodsCate);
+
+  function StoreGoodsCate(props) {
+    var _this;
+
+    _classCallCheck(this, StoreGoodsCate);
+
+    _this = _super.call(this, props);
+
+    _this.handleClick = function (item, current) {
+      _this.setState({
+        current: current
+      }, function () {
+        _this.props.onChange(item, current);
+      });
+    };
+
+    var active = props.active;
+    _this.state = {
+      current: active ? active : 0,
+      scroll: null
+    };
+    return _this;
+  }
+
+  _createClass(StoreGoodsCate, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setState({
+        scroll: this.scroll ? this.scroll.getScrollObj() : null
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+
+      var current = this.props.current;
+
+      if (prevProps.current != current) {
+        this.setState({
+          current: current
+        }, function () {
+          var scroll = _this2.state.scroll;
+          scroll && scroll.scrollToElement(_this2.refs["CC".concat(current)], 300);
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var data = this.props.data;
+      var current = this.state.current;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "cates"
+      }, /*#__PURE__*/React.createElement(Scroll, {
+        click: true,
+        ref: function ref(scroll) {
+          return _this3.scroll = scroll;
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "list"
+      }, data.map(function (item, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "item ".concat(current === index && 'active'),
+          key: item.id
+        }, /*#__PURE__*/React.createElement("span", {
+          ref: "CC".concat(index),
+          onClick: function onClick(e) {
+            return _this3.handleClick(item, index);
+          }
+        }, item.name));
+      }))));
+    }
+  }]);
+
+  return StoreGoodsCate;
+}(React.Component);
+
+StoreGoodsCate.defaultProps = {
+  prefixCls: 'yjtec-store-goods',
+  onChange: function onChange() {},
+  current: 0,
+  data: []
+};
+export default StoreGoodsCate;
\ No newline at end of file

es/store-goods/goods-class-item.js

+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+
+var StoreGoodsGoodsClassItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsGoodsClassItem, _React$Component);
+
+  var _super = _createSuper(StoreGoodsGoodsClassItem);
+
+  function StoreGoodsGoodsClassItem() {
+    _classCallCheck(this, StoreGoodsGoodsClassItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(StoreGoodsGoodsClassItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          id = _this$props.id,
+          goods = _this$props.goods;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "item"
+      }, /*#__PURE__*/React.createElement("h3", null, name));
+    }
+  }]);
+
+  return StoreGoodsGoodsClassItem;
+}(React.Component);
+
+StoreGoodsGoodsClassItem.defaultProps = {
+  id: 0,
+  name: '',
+  goods: []
+};
+export default StoreGoodsGoodsClassItem;
\ No newline at end of file

es/store-goods/goods-item.js

+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+
+var GoodsItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(GoodsItem, _React$Component);
+
+  var _super = _createSuper(GoodsItem);
+
+  function GoodsItem() {
+    _classCallCheck(this, GoodsItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(GoodsItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          cover_image = _this$props.cover_image,
+          title = _this$props.title,
+          tag = _this$props.tag,
+          sales_total = _this$props.sales_total;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "goods-item"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "left"
+      }, /*#__PURE__*/React.createElement("img", {
+        src: cover_image,
+        alt: "title"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "body"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "title"
+      }, title), /*#__PURE__*/React.createElement("p", {
+        className: "subtitle"
+      }, "\u9500\u91CF\uFF1A", sales_total)));
+    }
+  }]);
+
+  return GoodsItem;
+}(React.Component);
+
+GoodsItem.defaultProps = {
+  cover_image: '',
+  title: '',
+  sales_total: 0,
+  tag: []
+};
+export default GoodsItem;
\ No newline at end of file

es/store-goods/goods-list.js

+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+import Item from './goods-item';
+
+var GoodsList = /*#__PURE__*/function (_React$Component) {
+  _inherits(GoodsList, _React$Component);
+
+  var _super = _createSuper(GoodsList);
+
+  function GoodsList() {
+    _classCallCheck(this, GoodsList);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(GoodsList, [{
+    key: "render",
+    value: function render() {
+      var data = this.props.data;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "goods-list"
+      }, data.map(function (item) {
+        return /*#__PURE__*/React.createElement(Item, _extends({
+          key: item.goods_id
+        }, item));
+      }));
+    }
+  }]);
+
+  return GoodsList;
+}(React.Component);
+
+GoodsList.defaultProps = {
+  data: []
+};
+export default GoodsList;
\ No newline at end of file

es/store-goods/goods.js

+import "antd-mobile/es/wing-blank/style";
+import _WingBlank from "antd-mobile/es/wing-blank";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+import Scroll from 'react-bscroll';
+import List from './goods-list';
+import _ from 'lodash';
+
+var StoreGoodsGoods = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsGoods, _React$Component);
+
+  var _super = _createSuper(StoreGoodsGoods);
+
+  function StoreGoodsGoods() {
+    var _this;
+
+    _classCallCheck(this, StoreGoodsGoods);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      active: 0
+    };
+
+    _this.handleScroll = function (e) {
+      var re = _.findIndex(Object.keys(_this.refs), function (el) {
+        var top = _this.refs[el].getBoundingClientRect().top;
+
+        return top < 18 && top >= 0;
+      });
+
+      var active = _this.state.active;
+
+      if (re !== -1 && active !== re) {
+        _this.setState({
+          active: re
+        }, function () {
+          _this.props.onScrollChange(re);
+        });
+      }
+    };
+
+    return _this;
+  }
+
+  _createClass(StoreGoodsGoods, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.current !== this.props.current && prevState.scroll !== null) {
+        var scroll = this.state.scroll;
+        var current = this.props.current;
+        scroll.scrollToElement(this.refs["GC".concat(current)], 300);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setState({
+        scroll: this.scroll ? this.scroll.getScrollObj() : null
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var data = this.props.data;
+      return /*#__PURE__*/React.createElement(Scroll, {
+        click: true,
+        ref: function ref(scroll) {
+          return _this2.scroll = scroll;
+        },
+        doScroll: this.handleScroll
+      }, /*#__PURE__*/React.createElement(_WingBlank, null, data.map(function (item, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: item.id,
+          className: "item"
+        }, /*#__PURE__*/React.createElement("h3", {
+          ref: "GC".concat(index)
+        }, item.name), /*#__PURE__*/React.createElement(List, {
+          data: item.goods
+        }));
+      })));
+    }
+  }]);
+
+  return StoreGoodsGoods;
+}(React.Component);
+
+StoreGoodsGoods.defaultProps = {
+  scroll: null,
+  onScrollChange: function onScrollChange() {},
+  current: 0
+};
+export default StoreGoodsGoods;
\ No newline at end of file

es/store-goods/index.js

+import StoreGoods from './store-goods';
+export default StoreGoods;
\ No newline at end of file

es/store-goods/store-goods.js

+import "antd-mobile/es/flex/style";
+import _Flex from "antd-mobile/es/flex";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+import React from 'react';
+import classNames from 'classnames';
+import Cate from './cate';
+import Goods from './goods';
+
+var StoreGoods = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoods, _React$Component);
+
+  var _super = _createSuper(StoreGoods);
+
+  function StoreGoods() {
+    var _this;
+
+    _classCallCheck(this, StoreGoods);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      current: 0
+    };
+
+    _this.handleCateChange = function (item, index) {
+      _this.setState({
+        current: index
+      });
+    };
+
+    _this.handleGoodsChange = function (index) {
+      _this.setState({
+        current: index
+      });
+    };
+
+    return _this;
+  }
+
+  _createClass(StoreGoods, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          prefixCls = _this$props.prefixCls,
+          data = _this$props.data;
+      var current = this.state.current;
+      var classes = classNames(_defineProperty({}, prefixCls, true));
+      return /*#__PURE__*/React.createElement(_Flex, {
+        className: classes
+      }, /*#__PURE__*/React.createElement(Cate, {
+        data: data,
+        current: current,
+        onChange: this.handleCateChange
+      }), /*#__PURE__*/React.createElement(_Flex.Item, {
+        className: "goods"
+      }, /*#__PURE__*/React.createElement(Goods, {
+        data: data,
+        current: current,
+        onScrollChange: this.handleGoodsChange
+      })));
+    }
+  }]);
+
+  return StoreGoods;
+}(React.Component);
+
+StoreGoods.defaultProps = {
+  prefixCls: 'yjtec-store-goods',
+  data: []
+};
+export default StoreGoods;
\ No newline at end of file

es/store-goods/style/index.css

+.yjtec-store-goods {
+  background: red;
+  height: 100%;
+}
+.yjtec-store-goods .cates {
+  flex: 0 0 80px;
+  height: 100%;
+  position: relative;
+}
+.yjtec-store-goods .cates .list .item.active {
+  background: #fff;
+}
+.yjtec-store-goods .cates .list .item {
+  background: #f6f7f9;
+  padding: 0 5px;
+  text-align: center;
+  font-size: 12px;
+  color: #666;
+  height: 45px;
+  line-height: 45px;
+}
+.yjtec-store-goods .cates .list .item span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+}
+.yjtec-store-goods .goods {
+  position: relative;
+  height: 100%;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item {
+  display: flex;
+  padding: 10px 0;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .left {
+  flex: 0 0 90px;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .left img {
+  width: 90px;
+  height: 90px;
+  border-radius: 5px;
+  background: #ddd;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .body {
+  padding: 0 0 0 10px;
+  flex: 1 1;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .body p {
+  margin: 0;
+  padding: 5px 0;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .body p.title {
+  color: #333;
+  font-size: 15px;
+  font-weight: bold;
+}
+.yjtec-store-goods .goods .item .goods-list .goods-item .body p.subtitle {
+  color: #666;
+  font-size: 11px;
+}
+.yjtec-store-goods .am-flexbox-item.goods {
+  margin: 0;
+}

es/store-goods/style/index.js

+import "./index.css";
\ No newline at end of file

example/.umirc.js

 export default {
+  proxy: {
+    '/api': {
+      target: 'http://gatewy.360vrsh.com/api/',
+      changeOrigin: true,
+      pathRewrite: {
+        '^/api': ''
+      }
+    }
+  },
   extraBabelPlugins: [
     ["import", {
       "libraryName": "yjtec-mob",
       "libraryDirectory": "lib",
       "style": true
-    }]
+    },'yjtec-mob'],
+    ["import", {
+      "libraryName": "antd-mobile",
+      "libraryDirectory": "lib",
+      "style": true
+    },'antd-mobile']
   ],
 }
\ No newline at end of file

example/pages/goods/store.js

+import React from 'react';
+import {StoreGoods} from 'yjtec-mob';
+import request from 'umi-request';
+class GoodsExample extends React.Component{
+  constructor(props){
+    super(props);
+    this.state ={ 
+      storeId:2756,
+      goodsList:[]
+    }
+  }
+  componentDidMount(){
+    const {storeId,goodsList} =  this.state;
+    request('/api/goods/store/'+storeId+'/all-foods').then(res => {
+      this.setState({
+        goodsList:goodsList.concat(res.data)
+      })
+    })
+  }
+  render(){
+    const {
+      goodsList
+    } = this.state;
+    return(
+      <div style={{'position':'fixed','top':'0',left:0,'width':'100%',height:'50%'}}>
+        <StoreGoods data={goodsList} />
+      </div>
+    )
+  }
+}
+export default GoodsExample;
+

example/pages/index.js

@@ -61,6 +61,17 @@ class IndexContainer extends React.Component{
         </Accordion>
 
 
+        <h3>goods</h3>
+        <Accordion defaultActiveKey="0">
+          <Accordion.Panel header="goods">
+            <List>
+              <List.Item>
+                <Link to="/goods/store">store goods</Link>
+              </List.Item>
+            </List>
+          </Accordion.Panel>
+        </Accordion>
+
         <h3>store</h3>
         <Accordion defaultActiveKey="0">
           <Accordion.Panel header="storeswapper">

lib/store-goods/cate.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBscroll = _interopRequireDefault(require("react-bscroll"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var StoreGoodsCate = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsCate, _React$Component);
+
+  var _super = _createSuper(StoreGoodsCate);
+
+  function StoreGoodsCate(props) {
+    var _this;
+
+    _classCallCheck(this, StoreGoodsCate);
+
+    _this = _super.call(this, props);
+
+    _this.handleClick = function (item, current) {
+      _this.setState({
+        current: current
+      }, function () {
+        _this.props.onChange(item, current);
+      });
+    };
+
+    var active = props.active;
+    _this.state = {
+      current: active ? active : 0,
+      scroll: null
+    };
+    return _this;
+  }
+
+  _createClass(StoreGoodsCate, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setState({
+        scroll: this.scroll ? this.scroll.getScrollObj() : null
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+
+      var current = this.props.current;
+
+      if (prevProps.current != current) {
+        this.setState({
+          current: current
+        }, function () {
+          var scroll = _this2.state.scroll;
+          scroll && scroll.scrollToElement(_this2.refs["CC".concat(current)], 300);
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var data = this.props.data;
+      var current = this.state.current;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "cates"
+      }, /*#__PURE__*/_react.default.createElement(_reactBscroll.default, {
+        click: true,
+        ref: function ref(scroll) {
+          return _this3.scroll = scroll;
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "list"
+      }, data.map(function (item, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "item ".concat(current === index && 'active'),
+          key: item.id
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          ref: "CC".concat(index),
+          onClick: function onClick(e) {
+            return _this3.handleClick(item, index);
+          }
+        }, item.name));
+      }))));
+    }
+  }]);
+
+  return StoreGoodsCate;
+}(_react.default.Component);
+
+StoreGoodsCate.defaultProps = {
+  prefixCls: 'yjtec-store-goods',
+  onChange: function onChange() {},
+  current: 0,
+  data: []
+};
+var _default = StoreGoodsCate;
+exports.default = _default;
\ No newline at end of file

lib/store-goods/class.js

+"use strict";
\ No newline at end of file

lib/store-goods/goods-class-item.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var StoreGoodsGoodsClassItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsGoodsClassItem, _React$Component);
+
+  var _super = _createSuper(StoreGoodsGoodsClassItem);
+
+  function StoreGoodsGoodsClassItem() {
+    _classCallCheck(this, StoreGoodsGoodsClassItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(StoreGoodsGoodsClassItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          id = _this$props.id,
+          goods = _this$props.goods;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "item"
+      }, /*#__PURE__*/_react.default.createElement("h3", null, name));
+    }
+  }]);
+
+  return StoreGoodsGoodsClassItem;
+}(_react.default.Component);
+
+StoreGoodsGoodsClassItem.defaultProps = {
+  id: 0,
+  name: '',
+  goods: []
+};
+var _default = StoreGoodsGoodsClassItem;
+exports.default = _default;
\ No newline at end of file

lib/store-goods/goods-item.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var GoodsItem = /*#__PURE__*/function (_React$Component) {
+  _inherits(GoodsItem, _React$Component);
+
+  var _super = _createSuper(GoodsItem);
+
+  function GoodsItem() {
+    _classCallCheck(this, GoodsItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(GoodsItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          cover_image = _this$props.cover_image,
+          title = _this$props.title,
+          tag = _this$props.tag,
+          sales_total = _this$props.sales_total;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "goods-item"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "left"
+      }, /*#__PURE__*/_react.default.createElement("img", {
+        src: cover_image,
+        alt: "title"
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: "body"
+      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: "title"
+      }, title), /*#__PURE__*/_react.default.createElement("p", {
+        className: "subtitle"
+      }, "\u9500\u91CF\uFF1A", sales_total)));
+    }
+  }]);
+
+  return GoodsItem;
+}(_react.default.Component);
+
+GoodsItem.defaultProps = {
+  cover_image: '',
+  title: '',
+  sales_total: 0,
+  tag: []
+};
+var _default = GoodsItem;
+exports.default = _default;
\ No newline at end of file

lib/store-goods/goods-list.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _goodsItem = _interopRequireDefault(require("./goods-item"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var GoodsList = /*#__PURE__*/function (_React$Component) {
+  _inherits(GoodsList, _React$Component);
+
+  var _super = _createSuper(GoodsList);
+
+  function GoodsList() {
+    _classCallCheck(this, GoodsList);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(GoodsList, [{
+    key: "render",
+    value: function render() {
+      var data = this.props.data;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "goods-list"
+      }, data.map(function (item) {
+        return /*#__PURE__*/_react.default.createElement(_goodsItem.default, _extends({
+          key: item.goods_id
+        }, item));
+      }));
+    }
+  }]);
+
+  return GoodsList;
+}(_react.default.Component);
+
+GoodsList.defaultProps = {
+  data: []
+};
+var _default = GoodsList;
+exports.default = _default;
\ No newline at end of file

lib/store-goods/goods.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd-mobile/es/wing-blank/style");
+
+var _wingBlank = _interopRequireDefault(require("antd-mobile/es/wing-blank"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBscroll = _interopRequireDefault(require("react-bscroll"));
+
+var _goodsList = _interopRequireDefault(require("./goods-list"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var StoreGoodsGoods = /*#__PURE__*/function (_React$Component) {
+  _inherits(StoreGoodsGoods, _React$Component);
+
+  var _super = _createSuper(StoreGoodsGoods);
+
+  function StoreGoodsGoods() {
+    var _this;
+
+    _classCallCheck(this, StoreGoodsGoods);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      active: 0
+    };
+
+    _this.handleScroll = function (e) {
+      var re = _lodash.default.findIndex(Object.keys(_this.refs), function (el) {
+        var top = _this.refs[el].getBoundingClientRect().top;
+
+        return top < 18 && top >= 0;
+      });
+
+      var active = _this.state.active;
+
+      if (re !== -1 && active !== re) {
+        _this.setState({
+          active: re
+        }, function () {
+          _this.props.onScrollChange(re);
+        });
+      }
+    };
+
+    return _this;
+  }
+
+  _createClass(StoreGoodsGoods, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.current !== this.props.current && prevState.scroll !== null) {
+        var scroll = this.state.scroll;
+        var current = this.props.current;
+        scroll.scrollToElement(this.refs["GC".concat(current)], 300);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setState({
+        scroll: this.scroll ? this.scroll.getScrollObj() : null
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var data = this.props.data;
+      return /*#__PURE__*/_react.default.createElement(_reactBscroll.default, {
+        click: true,
+        ref: function ref(scroll) {
+          return _this2.scroll = scroll;
+        },
+        doScroll: this.handleScroll
+      }, /*#__PURE__*/_react.default.createElement(_wingBlank.default, null, data.map(function (item, index) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: item.id,
+          className: "item"
+        }, /*#__PURE__*/_react.default.createElement("h3", {
+          ref: "GC".concat(index)
+        }, item.name), /*#__PURE__*/_react.default.createElement(_goodsList.default, {
+          data: item.goods
+        }));
+      })));
+    }
+  }]);
+
+  return StoreGoodsGoods;
+}(_react.default.Component);
+
+StoreGoodsGoods.defaultProps = {
+  scroll: null,
+  onScrollChange: function onScrollChange() {},
+  current: 0
+};
+var _default = StoreGoodsGoods;
+exports.default = _default;
\ No newline at end of file

lib/store-goods/index.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _storeGoods = _interopRequireDefault(require("./store-goods"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _storeGoods.default;
+exports.default = _default;
\ No newline at end of file