haiwei-ui 1.0.3 → 1.0.4

package/packages/components/tabs/index.vue

@@ -9,40 +9,40 @@
   </section>
 </template>
 <script>
-export default {
-  name: 'Tabs',
-  data() {
-    return {
-      fullscreen_: false
-    }
-  },
-  props: {
-    fullscreen: {
-      type: Boolean,
-      default: true
-    }
-  },
-  methods: {
-    /** 开启全屏 */
-    openFullscreen() {
-      this.fullscreen_ = true
-      // 全屏事件
-      this.$emit('fullscreen-change', this.fullscreen_)
+  export default {
+    name: 'Tabs',
+    data() {
+      return {
+        fullscreen_: false
+      }
     },
-    /** 关闭全屏 */
-    closeFullscreen() {
-      this.fullscreen_ = false
-      // 全屏事件
-      this.$emit('fullscreen-change', this.fullscreen_)
+    props: {
+      fullscreen: {
+        type: Boolean,
+        default: true
+      }
     },
-    /** 全屏事件 */
-    onFullscreen() {
-      if (this.fullscreen_) {
-        this.closeFullscreen()
-      } else {
-        this.openFullscreen()
+    methods: {
+      /** 开启全屏 */
+      openFullscreen() {
+        this.fullscreen_ = true
+        // 全屏事件
+        this.$emit('fullscreen-change', this.fullscreen_)
+      },
+      /** 关闭全屏 */
+      closeFullscreen() {
+        this.fullscreen_ = false
+        // 全屏事件
+        this.$emit('fullscreen-change', this.fullscreen_)
+      },
+      /** 全屏事件 */
+      onFullscreen() {
+        if (this.fullscreen_) {
+          this.closeFullscreen()
+        } else {
+          this.openFullscreen()
+        }
       }
     }
   }
-}
 </script>

package/packages/components/toolbar/components/fullscreen/index.vue

@@ -7,16 +7,16 @@
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex'
-export default {
-  computed: {
-    ...mapState('app/fullscreen', ['active']),
-    icon() {
-      return this.active ? 'fullscreen-c' : 'fullscreen-o'
+  import { mapState, mapActions } from 'vuex'
+  export default {
+    computed: {
+      ...mapState('app/fullscreen', ['active']),
+      icon() {
+        return this.active ? 'fullscreen-c' : 'fullscreen-o'
+      }
+    },
+    methods: {
+      ...mapActions('app/fullscreen', ['toggle'])
     }
-  },
-  methods: {
-    ...mapActions('app/fullscreen', ['toggle'])
   }
-}
 </script>

package/packages/components/toolbar/components/logout/index.vue

@@ -7,19 +7,19 @@
 </template>
 
 <script>
-import { mapActions } from 'vuex'
-export default {
-  methods: {
-    ...mapActions('app/system', ['logout']),
-    logout_() {
-      this._confirm('您确认要退出登录吗', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.logout()
-      })
+  import { mapActions } from 'vuex'
+  export default {
+    methods: {
+      ...mapActions('app/system', ['logout']),
+      logout_() {
+        this._confirm('您确认要退出登录吗', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.logout()
+        })
+      }
     }
   }
-}
 </script>

package/packages/components/toolbar/components/skin-toggle/form.vue

@@ -7,8 +7,8 @@
           <img :src="item.preview" />
         </div>
         <div class="text">
-          <span>{{ item.name }}</span
-          >&nbsp;&nbsp;
+          <span>{{ item.name }}</span>
+          &nbsp;&nbsp;
           <el-popover placement="left" :title="item.name" width="700" trigger="click">
             <img style="width:100%" :src="item.preview" />
             <nm-button slot="reference" type="text" text="查看大图" />
@@ -34,67 +34,67 @@
   </nm-drawer>
 </template>
 <script>
-import drawer from '../../../../mixins/components/drawer'
-import { mapState, mapMutations } from 'vuex'
-export default {
-  mixins: [drawer],
-  data() {
-    return {
-      deawer: {
-        header: true,
-        footer: true,
-        title: '皮肤设置',
-        icon: 'skin',
-        width: '650px',
-        fullscreen: false,
-        modal: false
-      },
-      model: {
-        name: '',
-        theme: '',
-        fontSize: ''
-      },
-      on: {
-        success: this.onSuccess,
-        open: this.onOpen
+  import drawer from '../../../../mixins/components/drawer'
+  import { mapState, mapMutations } from 'vuex'
+  export default {
+    mixins: [drawer],
+    data() {
+      return {
+        deawer: {
+          header: true,
+          footer: true,
+          title: '皮肤设置',
+          icon: 'skin',
+          width: '650px',
+          fullscreen: false,
+          modal: false
+        },
+        model: {
+          name: '',
+          theme: '',
+          fontSize: ''
+        },
+        on: {
+          success: this.onSuccess,
+          open: this.onOpen
+        }
       }
-    }
-  },
-  computed: {
-    ...mapState('app/system', { saveSkin: s => s.actions.saveSkin }),
-    ...mapState('app/skins', ['current', 'list']),
-    currSkin() {
-      return this.list.find(m => m.code === this.model.name)
     },
-    themes() {
-      return this.currSkin ? this.currSkin.themes : []
-    }
-  },
-  methods: {
-    ...mapMutations('app/skins', ['toggle', 'init']),
-    onSuccess() {
-      this.$emit('success')
-    },
-    onOpen() {
-      this.model = {
-        name: this.current.name,
-        theme: this.current.theme,
-        fontSize: this.current.fontSize || 'default'
+    computed: {
+      ...mapState('app/system', { saveSkin: s => s.actions.saveSkin }),
+      ...mapState('app/skins', ['current', 'list']),
+      currSkin() {
+        return this.list.find(m => m.code === this.model.name)
+      },
+      themes() {
+        return this.currSkin ? this.currSkin.themes : []
       }
     },
-    onSkinChange(skin) {
-      this.model.name = skin.code
-      this.model.theme = skin.themes[0].name
-      this.model.fontSize = 'default'
-    },
-    onThemeChange(theme) {
-      this.model.theme = theme.name
-    },
-    onSave() {
-      this.saveSkin(this.model).then(() => {
-        this.init(this.model)
-      })
+    methods: {
+      ...mapMutations('app/skins', ['toggle', 'init']),
+      onSuccess() {
+        this.$emit('success')
+      },
+      onOpen() {
+        this.model = {
+          name: this.current.name,
+          theme: this.current.theme,
+          fontSize: this.current.fontSize || 'default'
+        }
+      },
+      onSkinChange(skin) {
+        this.model.name = skin.code
+        this.model.theme = skin.themes[0].name
+        this.model.fontSize = 'default'
+      },
+      onThemeChange(theme) {
+        this.model.theme = theme.name
+      },
+      onSave() {
+        this.saveSkin(this.model).then(() => {
+          this.init(this.model)
+        })
+      }
     }
   }
-}
 </script>

package/packages/components/toolbar/components/skin-toggle/index.vue

@@ -8,18 +8,18 @@
   </div>
 </template>
 <script>
-import ToggleForm from './form'
-export default {
-  components: { ToggleForm },
-  data() {
-    return {
-      visible: false
-    }
-  },
-  methods: {
-    open() {
-      this.visible = true
+  import ToggleForm from './form'
+  export default {
+    components: { ToggleForm },
+    data() {
+      return {
+        visible: false
+      }
+    },
+    methods: {
+      open() {
+        this.visible = true
+      }
     }
   }
-}
 </script>

package/packages/components/toolbar/components/userInfo/index.vue

@@ -20,25 +20,25 @@
   </div>
 </template>
 <script>
-import { mapState, mapGetters } from 'vuex'
-import NmUpdatePassword from '../../../update-password'
-export default {
-  components: { NmUpdatePassword },
-  data() {
-    return {
-      updatePassword: {
-        visiable: false
+  import { mapState, mapGetters } from 'vuex'
+  import NmUpdatePassword from '../../../update-password'
+  export default {
+    components: { NmUpdatePassword },
+    data() {
+      return {
+        updatePassword: {
+          visiable: false
+        }
+      }
+    },
+    computed: {
+      ...mapState('app/account', { userName: 'name' }),
+      ...mapGetters('app/config', ['userPage'])
+    },
+    methods: {
+      openUserInfo() {
+        this.$router.push({ name: this.userPage, query: { tn_: '账户信息' } })
       }
-    }
-  },
-  computed: {
-    ...mapState('app/account', { userName: 'name' }),
-    ...mapGetters('app/config', ['userPage'])
-  },
-  methods: {
-    openUserInfo() {
-      this.$router.push({ name: this.userPage, query: { tn_: '账户信息' } })
     }
   }
-}
 </script>

package/packages/components/toolbar/index.vue

@@ -10,17 +10,17 @@
   </div>
 </template>
 <script>
-import { mapState } from 'vuex'
-import NmFullscreen from './components/fullscreen'
-import NmLogout from './components/logout'
-import NmSkinToggle from './components/skin-toggle'
-import NmUserinfo from './components/userInfo'
-export default {
-  name: 'Toolbar',
-  components: { NmFullscreen, NmLogout, NmSkinToggle, NmUserinfo },
-  computed: {
-    ...mapState('app/config', { toolbar: s => s.component.toolbar }),
-    ...mapState('app/system', { customToolbars: s => s.customToolbars })
+  import { mapState } from 'vuex'
+  import NmFullscreen from './components/fullscreen'
+  import NmLogout from './components/logout'
+  import NmSkinToggle from './components/skin-toggle'
+  import NmUserinfo from './components/userInfo'
+  export default {
+    name: 'Toolbar',
+    components: { NmFullscreen, NmLogout, NmSkinToggle, NmUserinfo },
+    computed: {
+      ...mapState('app/config', { toolbar: s => s.component.toolbar }),
+      ...mapState('app/system', { customToolbars: s => s.customToolbars })
+    }
   }
-}
 </script>