haiwei-ui 1.0.2 → 1.0.4

package/src/api/config.js

@@ -3,7 +3,7 @@ const getUI = () => {
     resolve({
       system: {
         /** 标题 */
-        title: 'NetModular前端文档',
+        title: 'UI',
         /** logo */
         logo: '',
         /** 用户信息页(路由名称) */

package/src/components/code-preview/index.vue

@@ -10,68 +10,68 @@
   </div>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      visible: false,
-      drawer: {
-        header: true,
-        title: '代码预览',
-        icon: 'preview',
-        width: '50%',
-        draggable: true
-      },
-      timer: null
-    }
-  },
-  props: ['code'],
-  methods: {
-    onCBtnlick() {
-      this.visible = !this.visible
-    },
-    run() {
-      window.addEventListener('message', this.receiveMessage, false)
-      const runUrl = window.location.href.split('#')[0] + '#/run'
-      const runWindow = window.open(runUrl, '_blank')
-      this.timer = setInterval(() => {
-        runWindow.postMessage(this.code, runUrl)
-      }, 300)
+  export default {
+    data() {
+      return {
+        visible: false,
+        drawer: {
+          header: true,
+          title: '代码预览',
+          icon: 'preview',
+          width: '50%',
+          draggable: true
+        },
+        timer: null
+      }
     },
-    receiveMessage(event) {
-      if (this.timer && event.origin === window.location.origin) {
-        clearInterval(this.timer)
+    props: ['code'],
+    methods: {
+      onCBtnlick() {
+        this.visible = !this.visible
+      },
+      run() {
+        window.addEventListener('message', this.receiveMessage, false)
+        const runUrl = window.location.href.split('#')[0] + '#/run'
+        const runWindow = window.open(runUrl, '_blank')
+        this.timer = setInterval(() => {
+          runWindow.postMessage(this.code, runUrl)
+        }, 300)
+      },
+      receiveMessage(event) {
+        if (this.timer && event.origin === window.location.origin) {
+          clearInterval(this.timer)
+        }
       }
     }
   }
-}
 </script>
 <style lang="scss">
-.nm-code-preview {
-  &-btn {
-    padding: 0;
-    position: absolute;
-    right: 5px;
-    bottom: 5px;
-    width: 44px;
-    height: 44px;
-    line-height: 44px;
-    border-radius: 22px;
-    font-size: 1.5rem;
-    text-align: center;
-    z-index: 9999;
-    transition: all 0.3s ease-in-out;
-  }
-}
-.nm-code-preview-drawer {
-  .nm-drawer-modal,
-  .nm-drawer-dialog {
-    z-index: 9998;
-  }
-  .el-scrollbar__wrap {
-    background: #2b2b2b;
+  .nm-code-preview {
+    &-btn {
+      padding: 0;
+      position: absolute;
+      right: 5px;
+      bottom: 5px;
+      width: 44px;
+      height: 44px;
+      line-height: 44px;
+      border-radius: 22px;
+      font-size: 1.5rem;
+      text-align: center;
+      z-index: 9999;
+      transition: all 0.3s ease-in-out;
+    }
   }
-  .el-scrollbar__view {
-    padding: 0;
+  .nm-code-preview-drawer {
+    .nm-drawer-modal,
+    .nm-drawer-dialog {
+      z-index: 9998;
+    }
+    .el-scrollbar__wrap {
+      background: #2b2b2b;
+    }
+    .el-scrollbar__view {
+      padding: 0;
+    }
   }
-}
 </style>

package/src/components/tmpl/components/attributes/index.vue

@@ -13,7 +13,7 @@
   </section>
 </template>
 <script>
-export default {
-  props: ['data']
-}
+  export default {
+    props: ['data']
+  }
 </script>

package/src/components/tmpl/components/events/index.vue

@@ -9,7 +9,7 @@
   </section>
 </template>
 <script>
-export default {
-  props: ['data']
-}
+  export default {
+    props: ['data']
+  }
 </script>

package/src/components/tmpl/components/methods/index.vue

@@ -9,7 +9,7 @@
   </section>
 </template>
 <script>
-export default {
-  props: ['data']
-}
+  export default {
+    props: ['data']
+  }
 </script>

package/src/components/tmpl/components/slots/index.vue

@@ -8,7 +8,7 @@
   </section>
 </template>
 <script>
-export default {
-  props: ['data']
-}
+  export default {
+    props: ['data']
+  }
 </script>

package/src/components/tmpl/index.vue

@@ -24,54 +24,54 @@
   </nm-container>
 </template>
 <script>
-import NmAttributes from './components/attributes'
-import NmMethods from './components/methods'
-import NmEvents from './components/events'
-import NmSlots from './components/slots'
-export default {
-  name: 'Tmpl',
-  components: { NmAttributes, NmMethods, NmEvents, NmSlots },
-  props: {
-    title: {
-      type: String
-    },
-    icon: {
-      type: String
-    },
-    attrs: {
-      type: Array
-    },
-    slots: {
-      type: Array
-    },
-    methods: {
-      type: Array
-    },
-    events: {
-      type: Array
+  import NmAttributes from './components/attributes'
+  import NmMethods from './components/methods'
+  import NmEvents from './components/events'
+  import NmSlots from './components/slots'
+  export default {
+    name: 'Tmpl',
+    components: { NmAttributes, NmMethods, NmEvents, NmSlots },
+    props: {
+      title: {
+        type: String
+      },
+      icon: {
+        type: String
+      },
+      attrs: {
+        type: Array
+      },
+      slots: {
+        type: Array
+      },
+      methods: {
+        type: Array
+      },
+      events: {
+        type: Array
+      }
     }
   }
-}
 </script>
 <style lang="scss">
-.nm-tmpl {
-  &-box {
-    margin-bottom: 30px;
-    &-title {
-      margin: 10px 0;
-      font-size: 25px;
+  .nm-tmpl {
+    &-box {
+      margin-bottom: 30px;
+      &-title {
+        margin: 10px 0;
+        font-size: 25px;
+      }
+    }
+    .el-alert__title {
+      font-size: 17px;
     }
-  }
-  .el-alert__title {
-    font-size: 17px;
-  }
 
-  .el-alert__description {
-    margin-top: 10px;
-    font-size: 15px;
-    p {
-      margin-bottom: 10px;
+    .el-alert__description {
+      margin-top: 10px;
+      font-size: 15px;
+      p {
+        margin-bottom: 10px;
+      }
     }
   }
-}
 </style>

package/src/style/element-ui.scss

@@ -1,11 +1,11 @@
 .el-alert {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .el-row {
-    margin-bottom: 15px;
+  margin-bottom: 15px;
 }
 
 .el-button-group {
-    margin-right: 15px;
-}
+  margin-right: 15px;
+}

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

@@ -2,23 +2,23 @@
   <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 {
-      tmpl: {
-        title: '详情页(nm-details)',
-        icon: 'detail',
-        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 {
+        tmpl: {
+          title: '详情页(nm-details)',
+          icon: 'detail',
+          attrs,
+          slots
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

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

@@ -4,56 +4,56 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      details: {
-        action() {
-          return new Promise(resolve => {
-            resolve({
-              id: 1,
-              title: '三星Galaxy Node 10',
-              price: 6999,
-              store: 98989,
-              des: `三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy
+  export default {
+    data() {
+      return {
+        details: {
+          action() {
+            return new Promise(resolve => {
+              resolve({
+                id: 1,
+                title: '三星Galaxy Node 10',
+                price: 6999,
+                store: 98989,
+                des: `三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy
          Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
          三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
          三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
          三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10
          三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10三星Galaxy Node 10`
+              })
             })
-          })
-        },
-        options: [
-          [
-            {
-              label: '编号',
-              prop: 'id'
-            },
-            {
-              label: '产品名称',
-              prop: 'title'
-            }
-          ],
-          [
-            {
-              label: '价格',
-              prop: 'price'
-            },
-            {
-              label: '库存',
-              prop: 'store'
-            }
-          ],
-          [
-            {
-              label: '介绍',
-              prop: 'des'
-            }
+          },
+          options: [
+            [
+              {
+                label: '编号',
+                prop: 'id'
+              },
+              {
+                label: '产品名称',
+                prop: 'title'
+              }
+            ],
+            [
+              {
+                label: '价格',
+                prop: 'price'
+              },
+              {
+                label: '库存',
+                prop: 'store'
+              }
+            ],
+            [
+              {
+                label: '介绍',
+                prop: 'des'
+              }
+            ]
           ]
-        ]
+        }
       }
     }
   }
-}
 </script>

package/src/views/components/advanced/details/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/drag-sort/_index/index.vue

@@ -2,23 +2,23 @@
   <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'
-export default {
-  name: page.name,
-  data() {
-    return {
-      tmpl: {
-        title: '拖动排序(nm-drag-sort)',
-        icon: 'list',
-        attrs,
-        events
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import events from './data/events'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        tmpl: {
+          title: '拖动排序(nm-drag-sort)',
+          icon: 'list',
+          attrs,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/advanced/drag-sort/demo1/demo.vue

@@ -11,24 +11,24 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    let list = []
-    for (var i = 1; i < 10; i++) {
-      list.push({
-        id: i,
-        label: `第${i}个`,
-        sort: i
-      })
-    }
-    return {
-      list
-    }
-  },
-  computed: {
-    listJson() {
-      return JSON.stringify(this.list, null, 2)
+  export default {
+    data() {
+      let list = []
+      for (var i = 1; i < 10; i++) {
+        list.push({
+          id: i,
+          label: `第${i}个`,
+          sort: i
+        })
+      }
+      return {
+        list
+      }
+    },
+    computed: {
+      listJson() {
+        return JSON.stringify(this.list, null, 2)
+      }
     }
   }
-}
 </script>

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

@@ -6,23 +6,23 @@
   </nm-tmpl>
 </template>
 <script>
-import page from './page.js'
-import attrs from './data/attrs.js'
-import events from './data/events'
-export default {
-  name: page.name,
-  data() {
-    return {
-      tmpl: {
-        title: '拖动排序对话框(nm-drag-sort-dialog)',
-        icon: 'list',
-        attrs,
-        events
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import events from './data/events'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        tmpl: {
+          title: '拖动排序对话框(nm-drag-sort-dialog)',
+          icon: 'list',
+          attrs,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

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

@@ -5,32 +5,32 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      show: false
-    }
-  },
-  methods: {
-    query() {
-      let options = []
-      for (var i = 1; i < 10; i++) {
-        options.push({
-          id: i,
-          label: `第${i}个`,
-          sort: i
-        })
+  export default {
+    data() {
+      return {
+        show: false
       }
-
-      return new Promise(resolve => {
-        resolve({ options })
-      })
     },
-    update() {
-      return new Promise(resolve => {
-        resolve({ code: 1, data: '' })
-      })
+    methods: {
+      query() {
+        let options = []
+        for (var i = 1; i < 10; i++) {
+          options.push({
+            id: i,
+            label: `第${i}个`,
+            sort: i
+          })
+        }
+
+        return new Promise(resolve => {
+          resolve({ options })
+        })
+      },
+      update() {
+        return new Promise(resolve => {
+          resolve({ code: 1, data: '' })
+        })
+      }
     }
   }
-}
 </script>