vue2-client 1.16.20 → 1.16.22

package/src/layouts/tabs/TabsHead.vue

@@ -1,189 +1,189 @@
-<template>
-  <div :class="['tabs-head', layout, pageWidth]">
-    <a-tabs
-      type="editable-card"
-      :class="['tabs-container', layout, pageWidth, {'affixed' : affixed, 'fixed-header' : fixedHeader, 'collapsed' : adminLayout.collapsed}]"
-      :active-key="active"
-      :hide-add="true"
-    >
-      <a-tooltip placement="left" :title="lockTitle" slot="tabBarExtraContent">
-        <a-icon
-          theme="filled"
-          @click="onLockClick"
-          class="header-lock"
-          :type="fixedTabs ? 'lock' : 'unlock'"
-        />
-      </a-tooltip>
-      <a-tab-pane v-for="page in pageList" :key="page.path">
-        <div slot="tab" class="tab" @contextmenu="e => onContextmenu(page.path, e)">
-          <a-icon @click="onRefresh(page)" :class="['icon-sync', {'hide': page.path !== active && !page.loading}]" :type="page.loading ? 'loading' : 'sync'" />
-          <div class="title" @click="onTabClick(page.path)" >{{ pageName(page) }}</div>
-          <a-icon v-if="!page.unclose" @click="onClose(page.path)" class="icon-close" type="close"/>
-        </div>
-      </a-tab-pane>
-    </a-tabs>
-    <div v-if="affixed" class="virtual-tabs"></div>
-  </div>
-</template>
-
-<script>
-  import { mapState, mapMutations } from 'vuex'
-  import { getI18nKey } from '@vue2-client/utils/routerUtil'
-
-  export default {
-    name: 'TabsHead',
-    i18n: {
-      messages: {
-        CN: {
-          lock: '点击锁定页签头',
-          unlock: '点击解除锁定'
-        },
-        HK: {
-          lock: '點擊鎖定頁簽頭',
-          unlock: '點擊解除鎖定'
-        },
-        US: {
-          lock: 'click to lock the tabs head',
-          unlock: 'click to unlock'
-        }
-      }
-    },
-    props: {
-      // eslint-disable-next-line vue/require-default-prop
-      pageList: Array,
-      // eslint-disable-next-line vue/require-default-prop
-      active: String,
-      fixed: Boolean
-    },
-    data () {
-      return {
-        affixed: false
-      }
-    },
-    inject: ['adminLayout'],
-    created () {
-      this.affixed = this.fixedTabs
-    },
-    computed: {
-      ...mapState('setting', ['layout', 'pageWidth', 'fixedHeader', 'fixedTabs', 'customTitles']),
-      lockTitle () {
-        return this.$t(this.fixedTabs ? 'unlock' : 'lock')
-      }
-    },
-    methods: {
-      ...mapMutations('setting', ['setFixedTabs']),
-      onLockClick () {
-        this.setFixedTabs(!this.fixedTabs)
-        if (this.fixedTabs) {
-          setTimeout(() => {
-            this.affixed = true
-          }, 200)
-        } else {
-          this.affixed = false
-        }
-      },
-      onTabClick (key) {
-        if (this.active !== key) {
-          this.$emit('change', key)
-        }
-      },
-      onClose (key) {
-        this.$emit('close', key)
-      },
-      onRefresh (page) {
-        this.$emit('refresh', page.path, page)
-      },
-      onContextmenu (pageKey, e) {
-        this.$emit('contextmenu', pageKey, e)
-      },
-      pageName (page) {
-        const custom = this.customTitles.find(item => item.path === page.path)
-        return (custom && custom.title) || page.title || this.$t(getI18nKey(page.keyPath))
-      }
-    }
-  }
-</script>
-
-<style scoped lang="less">
-  .tab{
-    margin: 0 -16px;
-    padding: 0 16px;
-    font-size: 14px;
-    user-select: none;
-    transition: all 0.2s;
-    .title{
-      display: inline-block;
-      height: 100%;
-    }
-    .icon-close{
-      font-size: 12px;
-      margin-left: 6px;
-      margin-right: -4px !important;
-      color: @text-color-second;
-      &:hover{
-        color: @text-color;
-      }
-    }
-    .icon-sync{
-      margin-left: -4px;
-      color: @primary-4;
-      transition: all 0.3s ease-in-out;
-      &:hover{
-        color: @primary-color;
-      }
-      font-size: 14px;
-      &.hide{
-        font-size: 0;
-      }
-    }
-  }
-  .tabs-head{
-    margin: 0 auto;
-    &.head.fixed{
-      width: 100%;
-    }
-  }
-  .tabs-container{
-    margin: -16px auto 8px;
-    transition: top,left 0.2s;
-    .header-lock{
-      font-size: 18px;
-      cursor: pointer;
-      color: @primary-3;
-      &:hover{
-        color: @primary-color;
-      }
-    }
-    &.affixed{
-      margin: 0 auto;
-      top: 0;
-      padding: 8px 24px 0;
-      position: fixed;
-      height: 48px;
-      z-index: 2;
-      background-color: @layout-body-background;
-      &.side,&.mix{
-        right: 0;
-        left: 256px;
-        &.collapsed{
-          left: 80px;
-        }
-      }
-      &.head{
-        width: inherit;
-        padding: 8px 0 0;
-        &.fluid{
-          left: 0;
-          right: 0;
-          padding: 8px 24px 0;
-        }
-      }
-      &.fixed-header{
-        top: 64px;
-      }
-    }
-  }
-  .virtual-tabs{
-    height: 48px;
-  }
-</style>
+<template>
+  <div :class="['tabs-head', layout, pageWidth]">
+    <a-tabs
+      type="editable-card"
+      :class="['tabs-container', layout, pageWidth, {'affixed' : affixed, 'fixed-header' : fixedHeader, 'collapsed' : adminLayout.collapsed}]"
+      :active-key="active"
+      :hide-add="true"
+    >
+      <a-tooltip placement="left" :title="lockTitle" slot="tabBarExtraContent">
+        <a-icon
+          theme="filled"
+          @click="onLockClick"
+          class="header-lock"
+          :type="fixedTabs ? 'lock' : 'unlock'"
+        />
+      </a-tooltip>
+      <a-tab-pane v-for="page in pageList" :key="page.path">
+        <div slot="tab" class="tab" @contextmenu="e => onContextmenu(page.path, e)">
+          <a-icon @click="onRefresh(page)" :class="['icon-sync', {'hide': page.path !== active && !page.loading}]" :type="page.loading ? 'loading' : 'sync'" />
+          <div class="title" @click="onTabClick(page.path)" >{{ pageName(page) }}</div>
+          <a-icon v-if="!page.unclose" @click="onClose(page.path)" class="icon-close" type="close"/>
+        </div>
+      </a-tab-pane>
+    </a-tabs>
+    <div v-if="affixed" class="virtual-tabs"></div>
+  </div>
+</template>
+
+<script>
+  import { mapState, mapMutations } from 'vuex'
+  import { getI18nKey } from '@vue2-client/utils/routerUtil'
+
+  export default {
+    name: 'TabsHead',
+    i18n: {
+      messages: {
+        CN: {
+          lock: '点击锁定页签头',
+          unlock: '点击解除锁定'
+        },
+        HK: {
+          lock: '點擊鎖定頁簽頭',
+          unlock: '點擊解除鎖定'
+        },
+        US: {
+          lock: 'click to lock the tabs head',
+          unlock: 'click to unlock'
+        }
+      }
+    },
+    props: {
+      // eslint-disable-next-line vue/require-default-prop
+      pageList: Array,
+      // eslint-disable-next-line vue/require-default-prop
+      active: String,
+      fixed: Boolean
+    },
+    data () {
+      return {
+        affixed: false
+      }
+    },
+    inject: ['adminLayout'],
+    created () {
+      this.affixed = this.fixedTabs
+    },
+    computed: {
+      ...mapState('setting', ['layout', 'pageWidth', 'fixedHeader', 'fixedTabs', 'customTitles']),
+      lockTitle () {
+        return this.$t(this.fixedTabs ? 'unlock' : 'lock')
+      }
+    },
+    methods: {
+      ...mapMutations('setting', ['setFixedTabs']),
+      onLockClick () {
+        this.setFixedTabs(!this.fixedTabs)
+        if (this.fixedTabs) {
+          setTimeout(() => {
+            this.affixed = true
+          }, 200)
+        } else {
+          this.affixed = false
+        }
+      },
+      onTabClick (key) {
+        if (this.active !== key) {
+          this.$emit('change', key)
+        }
+      },
+      onClose (key) {
+        this.$emit('close', key)
+      },
+      onRefresh (page) {
+        this.$emit('refresh', page.path, page)
+      },
+      onContextmenu (pageKey, e) {
+        this.$emit('contextmenu', pageKey, e)
+      },
+      pageName (page) {
+        const custom = this.customTitles.find(item => item.path === page.path)
+        return (custom && custom.title) || page.title || this.$t(getI18nKey(page.keyPath))
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .tab{
+    margin: 0 -16px;
+    padding: 0 16px;
+    font-size: 14px;
+    user-select: none;
+    transition: all 0.2s;
+    .title{
+      display: inline-block;
+      height: 100%;
+    }
+    .icon-close{
+      font-size: 12px;
+      margin-left: 6px;
+      margin-right: -4px !important;
+      color: @text-color-second;
+      &:hover{
+        color: @text-color;
+      }
+    }
+    .icon-sync{
+      margin-left: -4px;
+      color: @primary-4;
+      transition: all 0.3s ease-in-out;
+      &:hover{
+        color: @primary-color;
+      }
+      font-size: 14px;
+      &.hide{
+        font-size: 0;
+      }
+    }
+  }
+  .tabs-head{
+    margin: 0 auto;
+    &.head.fixed{
+      width: 100%;
+    }
+  }
+  .tabs-container{
+    margin: -16px auto 8px;
+    transition: top,left 0.2s;
+    .header-lock{
+      font-size: 18px;
+      cursor: pointer;
+      color: @primary-3;
+      &:hover{
+        color: @primary-color;
+      }
+    }
+    &.affixed{
+      margin: 0 auto;
+      top: 0;
+      padding: 8px 24px 0;
+      position: fixed;
+      height: 48px;
+      z-index: 2;
+      background-color: @layout-body-background;
+      &.side,&.mix{
+        right: 0;
+        left: 256px;
+        &.collapsed{
+          left: 80px;
+        }
+      }
+      &.head{
+        width: inherit;
+        padding: 8px 0 0;
+        &.fluid{
+          left: 0;
+          right: 0;
+          padding: 8px 24px 0;
+        }
+      }
+      &.fixed-header{
+        top: 64px;
+      }
+    }
+  }
+  .virtual-tabs{
+    height: 48px;
+  }
+</style>

package/src/lib.js

@@ -1 +1 @@
-console.log('进入模块')
+console.log('进入模块')

package/src/mock/extend/index.js

@@ -1,84 +1,84 @@
-import Mock from 'mockjs'
-import { logos, sayings, positions, avatars, admins } from '../common'
-
-const Random = Mock.Random
-
-const timeList = [
-  {
-    CN: '早上好',
-    HK: '早晨啊',
-    US: 'Good morning'
-  }, {
-    CN: '上午好',
-    HK: '上午好',
-    US: 'Good morning'
-  }, {
-    CN: '中午好',
-    HK: '中午好',
-    US: 'Good afternoon'
-  }, {
-    CN: '下午好',
-    HK: '下午好',
-    US: 'Good afternoon'
-  }, {
-    CN: '晚上好',
-    HK: '晚上好',
-    US: 'Good evening'
-  }
-]
-
-const welcomeMessages = [
-  {
-    CN: '休息一会儿吧',
-    HK: '休息一會兒吧',
-    US: 'you may need a break'
-  },
-  {
-    CN: '准备吃什么呢',
-    HK: '準備吃什麼呢',
-    US: 'what are you going to eat'
-  },
-  {
-    CN: '要不要打一把 LOL',
-    HK: '要不要打一把 LOL',
-    US: 'how about a game of DOTA'
-  },
-  {
-    CN: '我猜你可能累了',
-    HK: '我猜你可能累了',
-    US: 'i guess you might be tired'
-  }
-]
-
-const goods = ['运动鞋', '短裤', 'T恤', '七分裤', '风衣', '寸衫']
-
-Random.extend({
-  admin () {
-    return this.pick(admins)
-  },
-  welcome () {
-    return this.pick(welcomeMessages)
-  },
-  timeFix () {
-    const time = new Date()
-    const hour = time.getHours()
-    return hour < 9
-      ? timeList[0]
-      : (hour <= 11 ? timeList[1] : (hour <= 13 ? timeList[2] : (hour <= 20 ? timeList[3] : timeList[4])))
-  },
-  avatar () {
-    return this.pick(avatars)
-  },
-  position () {
-    return this.pick(positions)
-  },
-  goods () {
-    return this.pick(goods)
-  },
-  saying () {
-    return this.pick(sayings)
-  },
-  logo () {
-    return this.pick(logos)
-  }
-})
+import Mock from 'mockjs'
+import { logos, sayings, positions, avatars, admins } from '../common'
+
+const Random = Mock.Random
+
+const timeList = [
+  {
+    CN: '早上好',
+    HK: '早晨啊',
+    US: 'Good morning'
+  }, {
+    CN: '上午好',
+    HK: '上午好',
+    US: 'Good morning'
+  }, {
+    CN: '中午好',
+    HK: '中午好',
+    US: 'Good afternoon'
+  }, {
+    CN: '下午好',
+    HK: '下午好',
+    US: 'Good afternoon'
+  }, {
+    CN: '晚上好',
+    HK: '晚上好',
+    US: 'Good evening'
+  }
+]
+
+const welcomeMessages = [
+  {
+    CN: '休息一会儿吧',
+    HK: '休息一會兒吧',
+    US: 'you may need a break'
+  },
+  {
+    CN: '准备吃什么呢',
+    HK: '準備吃什麼呢',
+    US: 'what are you going to eat'
+  },
+  {
+    CN: '要不要打一把 LOL',
+    HK: '要不要打一把 LOL',
+    US: 'how about a game of DOTA'
+  },
+  {
+    CN: '我猜你可能累了',
+    HK: '我猜你可能累了',
+    US: 'i guess you might be tired'
+  }
+]
+
+const goods = ['运动鞋', '短裤', 'T恤', '七分裤', '风衣', '寸衫']
+
+Random.extend({
+  admin () {
+    return this.pick(admins)
+  },
+  welcome () {
+    return this.pick(welcomeMessages)
+  },
+  timeFix () {
+    const time = new Date()
+    const hour = time.getHours()
+    return hour < 9
+      ? timeList[0]
+      : (hour <= 11 ? timeList[1] : (hour <= 13 ? timeList[2] : (hour <= 20 ? timeList[3] : timeList[4])))
+  },
+  avatar () {
+    return this.pick(avatars)
+  },
+  position () {
+    return this.pick(positions)
+  },
+  goods () {
+    return this.pick(goods)
+  },
+  saying () {
+    return this.pick(sayings)
+  },
+  logo () {
+    return this.pick(logos)
+  }
+})