haiwei-ui 1.0.2 → 1.0.4

package/src/views/components/advanced/listbox/_index/index.vue

@@ -2,26 +2,26 @@
   <nm-tmpl v-bind="tmpl"></nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import slots from './data/slots.js'
-import events from './data/events.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '列表框(nm-listbox)',
-        icon: 'list',
-        attrs,
-        slots,
-        events
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import slots from './data/slots.js'
+  import events from './data/events.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '列表框(nm-listbox)',
+          icon: 'list',
+          attrs,
+          slots,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/advanced/listbox/demo1/demo.vue

@@ -19,56 +19,56 @@
   </nm-split>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      split: 0.3,
-      listbox: [],
-      list: {
-        title: '用户列表',
-        icon: 'list',
-        action: this.query,
-        model: {
-          name: ''
-        },
-        cols: [
-          {
-            name: 'id',
-            label: '编号',
-            show: false
+  export default {
+    data() {
+      return {
+        split: 0.3,
+        listbox: [],
+        list: {
+          title: '用户列表',
+          icon: 'list',
+          action: this.query,
+          model: {
+            name: ''
           },
-          {
-            name: 'name',
-            label: '姓名'
-          },
-          {
-            name: 'age',
-            label: '年龄'
-          }
-        ]
+          cols: [
+            {
+              name: 'id',
+              label: '编号',
+              show: false
+            },
+            {
+              name: 'name',
+              label: '姓名'
+            },
+            {
+              name: 'age',
+              label: '年龄'
+            }
+          ]
+        }
       }
-    }
-  },
-  methods: {
-    query() {
-      const rows = [
-        { id: 1, name: '张三', age: 22 },
-        { id: 2, name: '李四', age: 26 },
-        { id: 3, name: '王五', age: 26 }
-      ]
-      return new Promise(resolve => {
-        resolve({
-          rows,
-          total: 3
-        })
-      })
     },
-    onSelect(row) {
-      this.listbox.push({
-        label: row.name,
-        value: row.id
-      })
+    methods: {
+      query() {
+        const rows = [
+          { id: 1, name: '张三', age: 22 },
+          { id: 2, name: '李四', age: 26 },
+          { id: 3, name: '王五', age: 26 }
+        ]
+        return new Promise(resolve => {
+          resolve({
+            rows,
+            total: 3
+          })
+        })
+      },
+      onSelect(row) {
+        this.listbox.push({
+          label: row.name,
+          value: row.id
+        })
+      }
     }
   }
-}
 </script>

package/src/views/components/advanced/listbox/demo1/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box/_index/index.vue

@@ -1,37 +1,31 @@
 <template>
   <nm-tmpl v-bind="tmpl">
-    <el-alert
-      title="盒子的滚动条"
-      type="warning"
-      description="如果设置了no-scrollbar属性为true，则始终不显示滚动条，反之，如果设置了height或者page属性，则显示滚动条"
-      show-icon
-      :closable="false"
-    ></el-alert>
+    <el-alert title="盒子的滚动条" type="warning" description="如果设置了no-scrollbar属性为true，则始终不显示滚动条，反之，如果设置了height或者page属性，则显示滚动条" show-icon :closable="false"></el-alert>
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import slots from './data/slots.js'
-import methods from './data/methods.js'
-import events from './data/events.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '盒子(nm-box)',
-        icon: 'card',
-        attrs,
-        slots,
-        methods,
-        events
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import slots from './data/slots.js'
+  import methods from './data/methods.js'
+  import events from './data/events.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '盒子(nm-box)',
+          icon: 'card',
+          attrs,
+          slots,
+          methods,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/box/demo1/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box/demo2/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box/demo3/demo.vue

@@ -10,22 +10,22 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      box: {
-        header: true,
-        title: '工具栏示例',
-        icon: 'app',
-        fullscreen: true,
-        collapse: true
+  export default {
+    data() {
+      return {
+        box: {
+          header: true,
+          title: '工具栏示例',
+          icon: 'app',
+          fullscreen: true,
+          collapse: true
+        }
+      }
+    },
+    methods: {
+      onClick() {
+        this._success('我是自定义工具栏按钮')
       }
-    }
-  },
-  methods: {
-    onClick() {
-      this._success('我是自定义工具栏按钮')
     }
   }
-}
 </script>

package/src/views/components/base/box/demo3/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box/demo4/demo.vue

@@ -1,12 +1,6 @@
 <template>
   <nm-box v-bind="box">
-    <el-alert
-      title="盒子页"
-      type="warning"
-      description="通过设置 page 属性为true，可以让盒子变成一个盒子页，盒子页高度会自动填充满整个父级元素，当内容超出时会有滚动条"
-      show-icon
-      :closable="false"
-    ></el-alert>
+    <el-alert title="盒子页" type="warning" description="通过设置 page 属性为true，可以让盒子变成一个盒子页，盒子页高度会自动填充满整个父级元素，当内容超出时会有滚动条" show-icon :closable="false"></el-alert>
     <pre>
     水调歌头·明月几时有
 
@@ -35,24 +29,24 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      box: {
-        page: true,
-        header: true,
-        footer: true,
-        title: '盒子页示例',
-        icon: 'app',
-        fullscreen: true,
-        collapse: true
+  export default {
+    data() {
+      return {
+        box: {
+          page: true,
+          header: true,
+          footer: true,
+          title: '盒子页示例',
+          icon: 'app',
+          fullscreen: true,
+          collapse: true
+        }
+      }
+    },
+    methods: {
+      onClick() {
+        this._success('保存成功')
       }
-    }
-  },
-  methods: {
-    onClick() {
-      this._success('保存成功')
     }
   }
-}
 </script>

package/src/views/components/base/box/demo4/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box-col/_index/index.vue

@@ -4,24 +4,24 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import slots from './data/slots.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '盒子栅格化(nm-box-row)',
-        icon: 'card',
-        attrs,
-        slots
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import slots from './data/slots.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '盒子栅格化(nm-box-row)',
+          icon: 'card',
+          attrs,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/box-col/demo1/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box-row/_index/index.vue

@@ -7,24 +7,24 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import slots from './data/slots.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '盒子栅格行(nm-box-row)',
-        icon: 'card',
-        attrs,
-        slots
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import slots from './data/slots.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '盒子栅格行(nm-box-row)',
+          icon: 'card',
+          attrs,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/box-row/demo1/index.vue

@@ -5,17 +5,17 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-import Demo from './demo'
-import code from '!!raw-loader!./demo'
-export default {
-  name: page.name,
-  components: { Demo },
-  data() {
-    return {
-      timer: null,
-      code
+  import page from './page.js'
+  import Demo from './demo'
+  import code from '!!raw-loader!./demo'
+  export default {
+    name: page.name,
+    components: { Demo },
+    data() {
+      return {
+        timer: null,
+        code
+      }
     }
   }
-}
 </script>

package/src/views/components/base/box-small/_index/index.vue

@@ -7,24 +7,24 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import events from './data/events.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '小盒子(nm-box-small)',
-        icon: 'card',
-        attrs,
-        events
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import events from './data/events.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '小盒子(nm-box-small)',
+          icon: 'card',
+          attrs,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>