@cainiaofe/cn-ui-m
Version:
31 lines (30 loc) • 1.46 kB
JavaScript
import { __awaiter, __generator, __spreadArray } from "tslib";
import * as React from 'react';
import { CnPullToRefresh, CnList, CnListItem, CnDemoPage, } from "../../..";
function getNextData() {
var ret = [];
for (var i = 0; i < 18; i++) {
ret.push("List Item ".concat(i));
}
return ret;
}
var sleep = function (time) {
return new Promise(function (resolve) { return setTimeout(resolve, time); });
};
export var 基本 = function () {
var _a = React.useState(function () { return getNextData(); }), data = _a[0], setData = _a[1];
return (React.createElement(CnDemoPage, { title: "\u57FA\u672C" },
React.createElement(CnPullToRefresh, { onRefresh: function () { return __awaiter(void 0, void 0, void 0, function () {
return __generator(this, function (_a) {
switch (_a.label) {
case 0: return [4 /*yield*/, sleep(1000)];
case 1:
_a.sent();
setData(__spreadArray(__spreadArray([], getNextData(), true), data, true));
return [2 /*return*/];
}
});
}); } },
React.createElement(CnList, { style: { minHeight: '100vh' } }, data.map(function (item, index) { return (React.createElement(CnListItem, { key: index, title: item })); })))));
};
export default { title: 'demo/CnPullToRefresh' };