README.md

Luna File List

List files in the directory.

Demo

https://luna.liriliri.io/?path=/story/file-list

Install

Add the following script and style to your page.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-data-grid/luna-data-grid.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-icon-list/luna-icon-list.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-file-list/luna-file-list.css" />
<script src="//cdn.jsdelivr.net/npm/luna-data-grid/luna-data-grid.js"></script>
<script src="//cdn.jsdelivr.net/npm/luna-icon-list/luna-icon-list.js"></script>
<script src="//cdn.jsdelivr.net/npm/luna-file-list/luna-file-list.js"></script>

You can also get it on npm.

npm install luna-file-list luna-icon-list luna-data-grid --save

import 'luna-data-grid/luna-data-grid.css'
import 'luna-icon-list/luna-icon-list.css'
import 'luna-file-list/luna-file-list.css'
import LunaFileList from 'luna-file-list'

Usage

const fileList = new LunaFileList(container, {
 listView: true,
 files: [
  { name: 'file1.txt', mtime: new Date(), size: 1024 },
 ],
})

Configuration

• files(IFile[]): File list.
• filter(string | RegExp | AnyFn): File filter.
• listView(boolean): Show files in list view.

Types

IFile

• directory(boolean): Whether file is a directory.
• mtime(Date): Modified timestamp.
• name(string): File name.
• size(number): File size.
• thumbnail(string): Thumbnail.