haiwei-ui 1.0.1 → 1.0.3

package/src/views/components/base/button/demo2/demo.vue

@@ -25,68 +25,73 @@
     <el-row style="height:400px">
       <p>复制到粘贴板按钮</p>
       <br />
-      <p>基于<a href="https://github.com/Inndy/vue-clipboard2">https://github.com/Inndy/vue-clipboard2</a>附件封装的复制到粘贴板按钮</p>
+      <p>
+        基于
+        <a href="https://github.com/Inndy/vue-clipboard2">https://github.com/Inndy/vue-clipboard2</a>
+        附件封装的复制到粘贴板按钮
+      </p>
       <p>
         <br />
-        <nm-button-copy copy="复制的内容" /></p
-    ></el-row>
+        <nm-button-copy copy="复制的内容" />
+      </p>
+    </el-row>
 
     <!--在线编辑预览不支持闭合的方式，请使用下面的代码方式-->
     <!-- <nm-button>默认按钮</nm-button> -->
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      list: {
-        title: '批量删除示例',
-        action: this.query,
-        multiple: true,
-        search: { enabled: false },
-        cols: [
-          {
-            name: 'id',
-            label: '编号',
-            width: 240
-          },
-          {
-            name: 'name',
-            label: '名称'
-          }
-        ]
+  export default {
+    data() {
+      return {
+        list: {
+          title: '批量删除示例',
+          action: this.query,
+          multiple: true,
+          search: { enabled: false },
+          cols: [
+            {
+              name: 'id',
+              label: '编号',
+              width: 240
+            },
+            {
+              name: 'name',
+              label: '名称'
+            }
+          ]
+        }
       }
-    }
-  },
-  methods: {
-    remove() {
-      return new Promise(resolve => {
-        resolve({ code: 1 })
-      })
     },
-    query() {
-      return new Promise(resolve => {
-        resolve({
-          rows: [
-            { id: 1, name: '张三' },
-            { id: 2, name: '李四' }
-          ],
-          total: 2
+    methods: {
+      remove() {
+        return new Promise(resolve => {
+          resolve({ code: 1 })
         })
-      })
-    },
-    onSuccess() {
-      this._success('删除成功了')
+      },
+      query() {
+        return new Promise(resolve => {
+          resolve({
+            rows: [
+              { id: 1, name: '张三' },
+              { id: 2, name: '李四' }
+            ],
+            total: 2
+          })
+        })
+      },
+      onSuccess() {
+        this._success('删除成功了')
+      }
     }
   }
-}
 </script>
 
 <style>
-.el-row {
-  margin-bottom: 20px;
-}
-.el-button-group {
-  margin-right: 20px;
-}
+  .el-row {
+    margin-bottom: 20px;
+  }
+  .el-button-group {
+    margin-right: 20px;
+  }
 </style>

package/src/views/components/base/button/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/container/_index/index.vue

@@ -4,22 +4,22 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      desc: '所有页面级组件都要包裹在 nm-container 容器里面，而容器仅能用于包裹在页面级组件的外面，容器自动填充满整个内容区域，如果启用了滚动条，当容器内页面高度超出时，会显示滚动条',
-      tmpl: {
-        title: '容器(nm-container)',
-        icon: 'list',
-        attrs
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        desc: '所有页面级组件都要包裹在 nm-container 容器里面，而容器仅能用于包裹在页面级组件的外面，容器自动填充满整个内容区域，如果启用了滚动条，当容器内页面高度超出时，会显示滚动条',
+        tmpl: {
+          title: '容器(nm-container)',
+          icon: 'list',
+          attrs
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

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

@@ -2,27 +2,27 @@
   <nm-tmpl v-bind="tmpl"></nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import events from './data/events.js'
-import slots from './data/slots'
-import methods from './data/methods'
-export default {
-  name: page.name,
-  data() {
-    return {
-      tmpl: {
-        title: '对话框(nm-dialog)',
-        icon: 'dialog',
-        attrs,
-        events,
-        slots,
-        methods
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import events from './data/events.js'
+  import slots from './data/slots'
+  import methods from './data/methods'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        tmpl: {
+          title: '对话框(nm-dialog)',
+          icon: 'dialog',
+          attrs,
+          events,
+          slots,
+          methods
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/dialog/demo1/demo.vue

@@ -31,45 +31,45 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      dialog: {
-        title: '简单对话框',
-        icon: 'dialog',
-        visible: false
-      },
-      dialog1: {
-        title: '自定义高度',
-        icon: 'dialog',
-        height: '500px',
-        visible: false
-      },
-      dialog2: {
-        title: '全屏功能',
-        icon: 'dialog',
-        height: '500px',
-        fullscreen: true,
-        visible: false
-      },
-      dialog3: {
-        title: '点击模态框关闭',
-        icon: 'dialog',
-        height: '500px',
-        fullscreen: true,
-        closeOnClickModal: true,
-        visible: false
-      },
-      dialog4: {
-        title: '可拖拽',
-        icon: 'dialog',
-        height: '500px',
-        fullscreen: true,
-        draggable: true,
-        visible: false
+  export default {
+    data() {
+      return {
+        dialog: {
+          title: '简单对话框',
+          icon: 'dialog',
+          visible: false
+        },
+        dialog1: {
+          title: '自定义高度',
+          icon: 'dialog',
+          height: '500px',
+          visible: false
+        },
+        dialog2: {
+          title: '全屏功能',
+          icon: 'dialog',
+          height: '500px',
+          fullscreen: true,
+          visible: false
+        },
+        dialog3: {
+          title: '点击模态框关闭',
+          icon: 'dialog',
+          height: '500px',
+          fullscreen: true,
+          closeOnClickModal: true,
+          visible: false
+        },
+        dialog4: {
+          title: '可拖拽',
+          icon: 'dialog',
+          height: '500px',
+          fullscreen: true,
+          draggable: true,
+          visible: false
+        }
       }
     }
   }
-}
 </script>
 <style></style>

package/src/views/components/base/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/base/drawer/_index/index.vue

@@ -6,25 +6,25 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs'
-import events from './data/events'
-import slots from './data/slots'
-export default {
-  name: page.name,
-  data() {
-    return {
-      tmpl: {
-        title: '抽屉(nm-drawer)',
-        icon: 'list',
-        attrs,
-        events,
-        slots
+  import page from './page.js'
+  import attrs from './data/attrs'
+  import events from './data/events'
+  import slots from './data/slots'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        tmpl: {
+          title: '抽屉(nm-drawer)',
+          icon: 'list',
+          attrs,
+          events,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/drawer/demo1/demo.vue

@@ -11,14 +11,14 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      drawer1: false,
-      drawer2: false,
-      drawer3: false,
-      drawer4: false
+  export default {
+    data() {
+      return {
+        drawer1: false,
+        drawer2: false,
+        drawer3: false,
+        drawer4: false
+      }
     }
   }
-}
 </script>

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

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

package/src/views/components/base/flex/_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-tabs)',
-        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-tabs)',
+          icon: 'card',
+          attrs,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/base/flex/demo1/demo.vue

@@ -48,12 +48,12 @@
   </nm-container>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      split: 0.5,
-      split1: 0.5
+  export default {
+    data() {
+      return {
+        split: 0.5,
+        split1: 0.5
+      }
     }
   }
-}
 </script>

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

@@ -5,20 +5,20 @@
   </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
+      }
+    },
+    created() {
+      this.setTabName('标签示例代码')
     }
-  },
-  created() {
-    this.setTabName('标签示例代码')
   }
-}
 </script>

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

@@ -2,24 +2,24 @@
   <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'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '标签(nm-tabs)',
-        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-tabs)',
+          icon: 'card',
+          attrs,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

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

@@ -5,20 +5,20 @@
   </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
+      }
+    },
+    created() {
+      this.setTabName('标签示例代码')
     }
-  },
-  created() {
-    this.setTabName('标签示例代码')
   }
-}
 </script>

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

@@ -4,24 +4,24 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import methods from './data/methods.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '滚动条(nm-scrollbar)',
-        icon: 'list',
-        attrs,
-        methods
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import methods from './data/methods.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '滚动条(nm-scrollbar)',
+          icon: 'list',
+          attrs,
+          methods
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>