@antmjs/vantui/es/infinite-scroll/demo/demo3.js

一套适用于Taro3及React的vantui组件库

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import _regeneratorRuntime from "@babel/runtime/regenerator";
/* eslint-disable */
import react from 'react';
import { View, Image as TaroImage, Text } from '@tarojs/components';
import { InfiniteScroll } from '@antmjs/vantui';
import * as COMMON from './common';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var mockGoods = COMMON.mockGoods;
export default function Demo() {
  var _react$useState = react.useState([]),
    _react$useState2 = _slicedToArray(_react$useState, 2),
    data = _react$useState2[0],
    setdata = _react$useState2[1];
  var loadMore = /*#__PURE__*/function () {
    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            return _context2.abrupt("return", new Promise( /*#__PURE__*/function () {
              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
                var reslult, newData;
                return _regeneratorRuntime.wrap(function _callee$(_context) {
                  while (1) switch (_context.prev = _context.next) {
                    case 0:
                      _context.next = 2;
                      return mockGoods();
                    case 2:
                      reslult = _context.sent;
                      newData = data.concat(reslult);
                      setdata(newData);
                      // 以下是简单的模拟请求，正常请求请按条件执行`resolve('complete')`
                      resolve(Math.random() > 0.6 ? 'loading' : 'error');
                    case 6:
                    case "end":
                      return _context.stop();
                  }
                }, _callee);
              }));
              return function (_x) {
                return _ref2.apply(this, arguments);
              };
            }()));
          case 1:
          case "end":
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function loadMore() {
      return _ref.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/_jsxs(View, {
    style: {
      padding: '4px 6px'
    },
    children: [data.map(function (item, index) {
      return /*#__PURE__*/_jsx(View, {
        className: "van-demo-goods-item-wrapper",
        children: /*#__PURE__*/_jsxs(View, {
          className: "van-demo-goods-item",
          children: [/*#__PURE__*/_jsx(TaroImage, {
            src: item.image,
            className: "img"
          }), /*#__PURE__*/_jsx(View, {
            className: "title",
            children: item.title
          }), item.isCutPrice && /*#__PURE__*/_jsx(Text, {
            className: "cutPrice",
            children: "\u6700\u8FD1\u5927\u964D\u4EF7"
          }), /*#__PURE__*/_jsx(View, {
            className: "price",
            children: item.price
          })]
        })
      }, "van-demo-goods-item-wrapper-infinite".concat(index));
    }), /*#__PURE__*/_jsx(InfiniteScroll, {
      loadMore: loadMore
    })]
  });
}