haiwei-ui 1.0.1 → 1.0.3

package/src/views/components/form/icon-picker/_index/index.vue

@@ -2,28 +2,29 @@
   <nm-tmpl v-bind="tmpl">
     <el-alert title="说明" type="warning" show-icon :closable="false">
       所有图标均使用svg格式，从
-      <a href="http://iconfont.cn" target="_blank">阿里巴巴图标库</a> 获取
+      <a href="http://iconfont.cn" target="_blank">阿里巴巴图标库</a>
+      获取
     </el-alert>
   </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 {
-      tmpl: {
-        title: '图标选择器(nm-icon-picker)',
-        icon: 'list',
-        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 {
+        tmpl: {
+          title: '图标选择器(nm-icon-picker)',
+          icon: 'list',
+          attrs,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/form/icon-picker/demo1/demo.vue

@@ -20,28 +20,28 @@
   </nm-form-page>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      form: {
-        header: true,
-        title: '页表单示例',
-        icon: 'add',
-        model: {
-          name: '',
-          age: 0,
-          icon: ''
-        },
-        rules: {
-          name: [{ required: true, message: '请输入姓名' }]
-        },
-        action() {
-          return new Promise(resolve => {
-            resolve()
-          })
+  export default {
+    data() {
+      return {
+        form: {
+          header: true,
+          title: '页表单示例',
+          icon: 'add',
+          model: {
+            name: '',
+            age: 0,
+            icon: ''
+          },
+          rules: {
+            name: [{ required: true, message: '请输入姓名' }]
+          },
+          action() {
+            return new Promise(resolve => {
+              resolve()
+            })
+          }
         }
       }
     }
   }
-}
 </script>

package/src/views/components/form/icon-picker/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/form/select/_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 events from './data/events.js'
-import methods from './data/methods.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '下拉列表(nm-select)',
-        icon: 'list',
-        attrs,
-        events,
-        methods
+  import page from './page.js'
+  import attrs from './data/attrs.js'
+  import events from './data/events.js'
+  import methods from './data/methods.js'
+  export default {
+    name: page.name,
+    data() {
+      return {
+        val: '',
+        tmpl: {
+          title: '下拉列表(nm-select)',
+          icon: 'list',
+          attrs,
+          events,
+          methods
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/form/select/demo1/demo.vue

@@ -14,48 +14,48 @@
   </nm-box-row>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      form: {
-        title: '简单下拉列表',
-        icon: 'list',
-        model: {
-          area: '',
-          area1: ''
+  export default {
+    data() {
+      return {
+        form: {
+          title: '简单下拉列表',
+          icon: 'list',
+          model: {
+            area: '',
+            area1: ''
+          },
+          action: this.submit
         },
-        action: this.submit
-      },
-      select: {
-        method: this.queryOptions
+        select: {
+          method: this.queryOptions
+        }
       }
-    }
-  },
-  methods: {
-    queryOptions() {
-      return new Promise(resolve => {
-        resolve([
-          {
-            label: '南京',
-            value: 1
-          },
-          {
-            label: '北京',
-            value: 2
-          },
-          {
-            label: '上海',
-            value: 3,
-            disabled: true
-          }
-        ])
-      })
     },
-    submit() {
-      return new Promise(resolve => {
-        resolve()
-      })
+    methods: {
+      queryOptions() {
+        return new Promise(resolve => {
+          resolve([
+            {
+              label: '南京',
+              value: 1
+            },
+            {
+              label: '北京',
+              value: 2
+            },
+            {
+              label: '上海',
+              value: 3,
+              disabled: true
+            }
+          ])
+        })
+      },
+      submit() {
+        return new Promise(resolve => {
+          resolve()
+        })
+      }
     }
   }
-}
 </script>

package/src/views/components/form/select/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/form/select/demo2/index.vue

@@ -32,11 +32,11 @@
   </nm-container>
 </template>
 <script>
-import page from './page.js'
-export default {
-  name: page.name,
-  data() {
-    return {}
+  import page from './page.js'
+  export default {
+    name: page.name,
+    data() {
+      return {}
+    }
   }
-}
 </script>

package/src/views/components/map/map-coord-picking/_index/index.vue

@@ -1,29 +1,29 @@
 <template>
-  <nm-tmpl v-bind="tmpl"> </nm-tmpl>
+  <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 methods from './data/methods.js'
-import events from './data/events.js'
-export default {
-  name: page.name,
-  data() {
-    return {
-      val: '',
-      tmpl: {
-        title: '坐标拾取(nm-map-coord-picking)',
-        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-map-coord-picking)',
+          icon: 'card',
+          attrs,
+          slots,
+          methods,
+          events
+        }
       }
+    },
+    created() {
+      this.setTabName(this.tmpl.title)
     }
-  },
-  created() {
-    this.setTabName(this.tmpl.title)
   }
-}
 </script>

package/src/views/components/map/map-coord-picking/demo1/demo.vue

@@ -19,33 +19,33 @@
   </nm-form-page>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      form: {
-        header: true,
-        title: '坐标拾取示例',
-        icon: 'add',
-        labelWidth: '300px',
-        model: {
-          point: {
-            lng: 116.404,
-            lat: 39.915
+  export default {
+    data() {
+      return {
+        form: {
+          header: true,
+          title: '坐标拾取示例',
+          icon: 'add',
+          labelWidth: '300px',
+          model: {
+            point: {
+              lng: 116.404,
+              lat: 39.915
+            },
+            point1: null,
+            point2: {
+              lng: 116.404,
+              lat: 39.915
+            }
           },
-          point1: null,
-          point2: {
-            lng: 116.404,
-            lat: 39.915
+          rules: {},
+          action() {
+            return new Promise(resolve => {
+              resolve()
+            })
           }
-        },
-        rules: {},
-        action() {
-          return new Promise(resolve => {
-            resolve()
-          })
         }
       }
     }
   }
-}
 </script>

package/src/views/components/map/map-coord-picking/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/run/index.vue

@@ -12,46 +12,46 @@
   </nm-box>
 </template>
 <script>
-export default {
-  data() {
-    return {
-      template: '',
-      show: false,
-      slider: 50
-    }
-  },
-  methods: {
-    receiveMessage(event) {
-      if (typeof event.data === 'string') {
-        this.template = event.data.replace('export default {', 'module.exports = {')
-        this.show = true
-        event.source.postMessage('1', event.origin)
-        window.removeEventListener('message', this.receiveMessage, false)
+  export default {
+    data() {
+      return {
+        template: '',
+        show: false,
+        slider: 50
+      }
+    },
+    methods: {
+      receiveMessage(event) {
+        if (typeof event.data === 'string') {
+          this.template = event.data.replace('export default {', 'module.exports = {')
+          this.show = true
+          event.source.postMessage('1', event.origin)
+          window.removeEventListener('message', this.receiveMessage, false)
+        }
+      }
+    },
+    created() {
+      window.addEventListener('message', this.receiveMessage, false)
+    },
+    watch: {
+      slider(val) {
+        this.$refs.vuep.$el.querySelector('.vuep-editor').style.width = val + '%'
+        this.$refs.vuep.$el.querySelector('.vuep-preview').style.width = 100 - val + '%'
       }
-    }
-  },
-  created() {
-    window.addEventListener('message', this.receiveMessage, false)
-  },
-  watch: {
-    slider(val) {
-      this.$refs.vuep.$el.querySelector('.vuep-editor').style.width = val + '%'
-      this.$refs.vuep.$el.querySelector('.vuep-preview').style.width = 100 - val + '%'
     }
   }
-}
 </script>
 <style lang="scss">
-.nm-run-wrapper {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.vuep {
-  height: 100%;
-}
-.vuep-preview {
-  padding: 5px;
-  background: #e1e6ef;
-}
+  .nm-run-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+  .vuep {
+    height: 100%;
+  }
+  .vuep-preview {
+    padding: 5px;
+    background: #e1e6ef;
+  }
 </style>

package/vue.config.js

@@ -53,7 +53,7 @@ module.exports = {
      */
     config.plugins.delete('prefetch').delete('preload')
   },
-   css: {
+  css: {
     loaderOptions: {
       sass: {
         sassOptions: {