release: v0.3.0

Author: surunzi

index.json

@@ -129,7 +129,7 @@
     "react": true,
     "install": true,
     "dependencies": ["data-grid", "icon-list"],
-    "version": "0.5.5",
+    "version": "0.5.6",
     "style": true,
     "icon": false,
     "test": true
@@ -327,7 +327,7 @@
   "path-bar": {
     "icon": true,
     "react": true,
-    "version": "0.2.2",
+    "version": "0.3.0",
     "style": true,
     "test": true,
     "install": false,

src/path-bar/README.md

@@ -39,3 +39,4 @@ pathBar.on('change', (path) => {
 ## Configuration
 
 * path(string): File path.
+* rootLabel(string): Root label.

src/path-bar/index.ts

@@ -13,6 +13,8 @@ import isStrBlank from 'licia/isStrBlank'
 export interface IOptions extends IComponentOptions {
   /** File path. */
   path: string
+  /** Root label. */
+  rootLabel: string
 }
 
 /**
@@ -51,6 +53,14 @@ export default class PathBar extends Component {
 
     const paths: string[] = []
     this.$address.html('')
+
+    const rootEl = toEl(
+      `<div class="${c('item')}" data-path="">${escape(
+        this.options.rootLabel
+      )}<span class="${c('icon-right')}"></span></div>`
+    )
+    this.$address.append(rootEl)
+
     const parts = filter(path.split('/'), (part) => !isStrBlank(part))
     each(parts, (part) => {
       paths.push(part)
@@ -104,6 +114,7 @@ export default class PathBar extends Component {
 
     this.on('changeOption', (name) => {
       switch (name) {
+        case 'rootLabel':
         case 'path':
           this.render()
           break

src/path-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "path-bar",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "File explorer path bar",
   "luna": {
     "icon": true,

src/path-bar/react.tsx

@@ -18,12 +18,13 @@ const LunaPathBar: FC<IPathBarProps> = (props) => {
     pathBarRef.current = new PathBar(containerRef.current!, {
       theme: props.theme,
       path: props.path,
+      rootLabel: props.rootLabel,
     })
 
     return () => pathBarRef.current?.destroy()
   }, [])
 
-  each(['theme', 'path'], (key: keyof IPathBarProps) => {
+  each(['theme', 'path', 'rootLabel'], (key: keyof IPathBarProps) => {
     useOption<PathBar, IPathBarProps>(pathBarRef, key, props[key])
   })
 

src/path-bar/story.js

@@ -8,9 +8,10 @@ import { text } from '@storybook/addon-knobs'
 const def = story(
   'path-bar',
   (container) => {
-    const { path } = createKnobs()
+    const { path, rootLabel } = createKnobs()
 
     const pathBar = new PathBar(container, {
+      rootLabel,
       path,
     })
 
@@ -38,9 +39,11 @@ const def = story(
 )
 
 function createKnobs() {
+  const rootLabel = text('Root Label', 'disk')
   const path = text('Initial Path', '/home/user')
 
   return {
+    rootLabel,
     path,
   }
 }