@cainiaofe/cn-ui-m
Version:
39 lines (38 loc) • 1.77 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 statusRecord = {
pulling: '用力拉',
canRelease: '松开吧',
refreshing: '玩命加载中...',
complete: '好啦',
};
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: "\u81EA\u5B9A\u4E49\u63D0\u793A\u6587\u6848" },
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*/];
}
});
}); }, renderText: function (status) {
return React.createElement("div", null, statusRecord[status]);
} },
React.createElement(CnList, { style: { minHeight: '100vh' } }, data.map(function (item, index) { return (React.createElement(CnListItem, { key: index, title: item })); })))));
};
export default { title: 'demo/CnPullToRefresh' };