feat: add file list

index.json

@@ -107,6 +107,15 @@
     "react": false,
     "dependencies": []
   },
+  "file-list": {
+    "test": false,
+    "version": "0.1.0",
+    "style": true,
+    "icon": false,
+    "install": false,
+    "react": false,
+    "dependencies": []
+  },
   "gallery": {
     "icon": true,
     "dependencies": ["carousel", "image-viewer", "toolbar"],

src/file-list/README.md

@@ -0,0 +1,27 @@
+# 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.
+
+```html
+<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-file-list/luna-file-list.css" />
+<script src="//cdn.jsdelivr.net/npm/luna-file-list/luna-file-list.js"></script>
+```
+
+You can also get it on npm.
+
+```bash
+npm install luna-file-list --save
+```
+
+```javascript
+import 'luna-file-list/luna-file-list.css'
+import LunaFileList from 'luna-file-list'
+```

src/file-list/index.ts

@@ -0,0 +1,15 @@
+import Component from '../share/Component'
+import { exportCjs } from '../share/util'
+
+/**
+ * List files in the directory.
+ */
+export default class FileList extends Component {
+  constructor(container: HTMLElement) {
+    super(container, { compName: 'file-list' })
+  }
+}
+
+if (typeof module !== 'undefined') {
+  exportCjs(module, FileList)
+}

src/file-list/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "file-list",
+  "version": "0.1.0",
+  "description": "List files in the directory",
+  "luna": {
+    "test": false
+  }
+}

src/file-list/story.js

@@ -0,0 +1,20 @@
+import 'luna-file-list.css'
+import FileList from 'luna-file-list.js'
+import readme from './README.md'
+import story from '../share/story'
+
+const def = story(
+  'file-list',
+  (container) => {
+    const fileList = new FileList(container)
+
+    return fileList
+  },
+  {
+    readme,
+    story: __STORY__,
+  }
+)
+
+export default def
+export const { fileList } = def

tsconfig.json

@@ -60,7 +60,8 @@
       "luna-mask-editor": ["src/mask-editor/index"],
       "luna-image-list": ["src/image-list/index"],
       "luna-lrc-player": ["src/lrc-player/index"],
-      "luna-logcat": ["src/logcat/index"]
+      "luna-logcat": ["src/logcat/index"],
+      "luna-file-list": ["src/file-list/index"]
     }
   }
 }