@perfma/heaven
Version:
An UI Framework base [Ant Design V4](https://ant.design/components/overview-cn/) for React.
42 lines (40 loc) • 1.31 kB
JavaScript
/**
* title: 基本用法
* desc: 传入一个结构化的源数组，展示一个字母索引导航列表
*/
import React from 'react';
import { LetterIndexList } from '@perfma/heaven';
var dataSource = [];
var letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '#'];
letters.forEach(function (letter) {
var group = {
letter: letter,
children: []
};
for (var i = 0; i < 4; i++) {
group.children.push({
id: letter + i,
name: letter + i
});
}
dataSource.push(group);
});
export default (function () {
return /*#__PURE__*/React.createElement(LetterIndexList, {
initialValue: "C0",
dataSource: dataSource,
itemRender: function itemRender(item) {
return /*#__PURE__*/React.createElement("div", {
style: {
display: 'flex'
}
}, /*#__PURE__*/React.createElement("div", {
style: {
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis'
}
}, "".concat(item.name, "\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A\u554A")), /*#__PURE__*/React.createElement("div", null, "\u6807"));
}
});
});