haiwei-ui 1.0.1 → 1.0.3

package/src/views/components/advanced/list/demo2/demo.vue

@@ -17,62 +17,62 @@
   </nm-list>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      list: {
-        title: '简单列表',
-        icon: 'list',
-        action: this.query,
-        model: {
-          name: '',
-          age: ''
-        },
-        advanced: {
-          enabled: true
-        },
-        pageSizes: [50, 100, 200],
-        cols: [
-          {
-            name: 'id',
-            label: '编号',
-            show: false
+  export default {
+    data() {
+      return {
+        list: {
+          title: '简单列表',
+          icon: 'list',
+          action: this.query,
+          model: {
+            name: '',
+            age: ''
           },
-          {
-            name: 'name',
-            label: '姓名'
+          advanced: {
+            enabled: true
           },
-          {
-            name: 'age',
-            label: '年龄'
-          },
-          {
-            name: 'birthday',
-            label: '出生日期',
-            format: 'YYYY年MM月DD日'
-          }
-        ]
+          pageSizes: [50, 100, 200],
+          cols: [
+            {
+              name: 'id',
+              label: '编号',
+              show: false
+            },
+            {
+              name: 'name',
+              label: '姓名'
+            },
+            {
+              name: 'age',
+              label: '年龄'
+            },
+            {
+              name: 'birthday',
+              label: '出生日期',
+              format: 'YYYY年MM月DD日'
+            }
+          ]
+        }
       }
-    }
-  },
-  methods: {
-    query() {
-      const rows = [
-        { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
-        { id: 2, name: '李四', age: 26, birthday: '1991-1-8 10:33' },
-        { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
-      ]
-      return new Promise(resolve => {
-        resolve({
-          rows,
-          total: 3
-        })
-      })
     },
-    remove() {},
-    onSuccess() {
-      this.query()
+    methods: {
+      query() {
+        const rows = [
+          { id: 1, name: '张三', age: 22, birthday: '1991-1-8' },
+          { id: 2, name: '李四', age: 26, birthday: '1991-1-8 10:33' },
+          { id: 3, name: '王五', age: 26, birthday: '1991-1-8' }
+        ]
+        return new Promise(resolve => {
+          resolve({
+            rows,
+            total: 3
+          })
+        })
+      },
+      remove() {},
+      onSuccess() {
+        this.query()
+      }
     }
   }
-}
 </script>

package/src/views/components/advanced/list/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/advanced/list/demo4/demo.vue

@@ -20,37 +20,37 @@
   </nm-list-agile>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      list: {
-        title: '敏捷列表页--多表头',
-        icon: 'list',
-        action: this.query,
-        model: {
-          name: ''
+  export default {
+    data() {
+      return {
+        list: {
+          title: '敏捷列表页--多表头',
+          icon: 'list',
+          action: this.query,
+          model: {
+            name: ''
+          }
         }
       }
-    }
-  },
-  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
-        })
-      })
     },
-    remove() {},
-    onSuccess() {
-      this.query()
+    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
+          })
+        })
+      },
+      remove() {},
+      onSuccess() {
+        this.query()
+      }
     }
   }
-}
 </script>

package/src/views/components/advanced/list/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/advanced/list-dialog/_index/index.vue

@@ -4,28 +4,28 @@
   </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-list-dialog)',
-        icon: 'list',
-        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-list-dialog)',
+          icon: 'list',
+          attrs,
+          slots,
+          methods,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/advanced/list-dialog/demo1/demo.vue

@@ -18,58 +18,58 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      show: false,
-      dialog: {
-        title: '列表页对话框示例',
-        icon: 'list',
-        width: '80%',
-        height: '80%'
-      },
-      list: {
-        noHeader: true,
-        action: this.query,
-        model: {
-          name: ''
+  export default {
+    data() {
+      return {
+        show: false,
+        dialog: {
+          title: '列表页对话框示例',
+          icon: 'list',
+          width: '80%',
+          height: '80%'
         },
-        cols: [
-          {
-            name: 'id',
-            label: '编号',
-            show: false
-          },
-          {
-            name: 'name',
-            label: '姓名'
+        list: {
+          noHeader: true,
+          action: this.query,
+          model: {
+            name: ''
           },
-          {
-            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
-        })
-      })
     },
-    remove() {},
-    onSuccess() {
-      this.query()
+    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
+          })
+        })
+      },
+      remove() {},
+      onSuccess() {
+        this.query()
+      }
     }
   }
-}
 </script>

package/src/views/components/advanced/list-dialog/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/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>