<div class="do-mod-local" anot="local">
  <div class="toolbar">
    本地音乐({{list.length}}首)<span class="refresh" :click="refresh">重新扫描</span>
  </div>

  <div class="table">
    <table>
      <thead>
        <tr>
          <th>&nbsp;</th>
          <th>歌名</th>
          <th>歌手</th>
          <th>专辑</th>
          <th>时长</th>
        </tr>
      </thead>
      <tbody>
        <tr
          :class="{active: it.id === curr}"
          :for="it in list"
          :on-contextmenu="handleMenu(it, $index, $event)"
          :dblclick="play(it, $index)">
          <td class="ac"><i class="stat s-icon-music"></i></td>
          <td :text="it.title"></td>
          <td class="ac" :text="it.artist"></td>
          <td class="ac" :text="it.album"></td>
          <td class="ac" :text="it.duration | time"></td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="edit-form" :if="editMode">
    <div class="form">
      <section class="section title">
        歌曲信息编辑
        <i class="do-icon-close" :click="closeEdit"></i>
      </section>

      <section class="section">
        <span class="field" :text="form.path"></span>
      </section>

      <section class="section">
          <span class="label">标题</span>
          <input class="field do-ui-input" :duplex="form.title">
        </section>
      
      <section class="section">
        <span class="label">歌手</span>
        <input class="field do-ui-input" :duplex="form.artist">
      </section>

      <section class="section">
        <span class="label">专辑</span>
        <input class="field do-ui-input" :duplex="form.album">
      </section>

    </div>
  </div>
</div>