7 |
10 |
3 |
5 |
6 |
7 |
47 |
--------------------------------------------------------------------------------
/src/icons/svg/skill.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/tests/unit/utils/formatTime.spec.js:
--------------------------------------------------------------------------------
1 | import { formatTime } from '@/utils/index.js'
2 | describe('Utils:formatTime', () => {
3 | const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
4 | const retrofit = 5 * 1000
5 |
6 | it('ten digits timestamp', () => {
7 | expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
8 | })
9 | it('test now', () => {
10 | expect(formatTime(+new Date() - 1)).toBe('刚刚')
11 | })
12 | it('less two minute', () => {
13 | expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
14 | })
15 | it('less two hour', () => {
16 | expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
17 | })
18 | it('less one day', () => {
19 | expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
20 | })
21 | it('more than one day', () => {
22 | expect(formatTime(d)).toBe('7月13日17时54分')
23 | })
24 | it('format', () => {
25 | expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
26 | expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
27 | expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
28 | })
29 | })
30 |
--------------------------------------------------------------------------------
/src/icons/svg/people.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mock/link.js:
--------------------------------------------------------------------------------
1 | const Mock = require('mockjs')
2 | const List = []
3 | const count = 20
4 |
5 | for (let i = 0; i < count; i++) {
6 | List.push(Mock.mock({
7 | id: '@increment',
8 | link: '@url',
9 | title: '@csentence',
10 | describe: '@csentence',
11 | email: '@email',
12 | 'status|1': ['PASS', 'APPLY', 'REFUSE', 'HIDE', 'DELETE'],
13 | coverPic: 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3',
14 | createTime: +Mock.Random.date('T'),
15 | updateTime: +Mock.Random.date('T')
16 | }))
17 | }
18 |
19 | module.exports = [
20 | // 获取友链
21 | {
22 | url: '/links/getFriendLinks',
23 | type: 'post',
24 | response: _ => {
25 | return {
26 | code: 20000,
27 | data: List
28 | }
29 | }
30 | },
31 | // 添加友链
32 | {
33 | url: '/links/applyFriendLink',
34 | type: 'post',
35 | response: _ => {
36 | return {
37 | code: 20000,
38 | data: 'OK'
39 | }
40 | }
41 | },
42 | // 设置友链状态
43 | {
44 | url: '/links/setFriendLink',
45 | type: 'post',
46 | response: _ => {
47 | return {
48 | code: 20000,
49 | data: 'OK'
50 | }
51 | }
52 | }
53 | ]
54 |
--------------------------------------------------------------------------------
/src/icons/svg/language.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/components/AppMain.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
50 |
51 |
61 |
--------------------------------------------------------------------------------
/mock/utils.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @param {string} url
3 | * @returns {Object}
4 | */
5 | function param2Obj(url) {
6 | const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
7 | if (!search) {
8 | return {}
9 | }
10 | const obj = {}
11 | const searchArr = search.split('&')
12 | searchArr.forEach(v => {
13 | const index = v.indexOf('=')
14 | if (index !== -1) {
15 | const name = v.substring(0, index)
16 | const val = v.substring(index + 1, v.length)
17 | obj[name] = val
18 | }
19 | })
20 | return obj
21 | }
22 |
23 | /**
24 | * This is just a simple version of deep copy
25 | * Has a lot of edge cases bug
26 | * If you want to use a perfect deep copy, use lodash's _.cloneDeep
27 | * @param {Object} source
28 | * @returns {Object}
29 | */
30 | function deepClone(source) {
31 | if (!source && typeof source !== 'object') {
32 | throw new Error('error arguments', 'deepClone')
33 | }
34 | const targetObj = source.constructor === Array ? [] : {}
35 | Object.keys(source).forEach(keys => {
36 | if (source[keys] && typeof source[keys] === 'object') {
37 | targetObj[keys] = deepClone(source[keys])
38 | } else {
39 | targetObj[keys] = source[keys]
40 | }
41 | })
42 | return targetObj
43 | }
44 |
45 | module.exports = {
46 | param2Obj,
47 | deepClone
48 | }
49 |
--------------------------------------------------------------------------------
/src/directive/el-table/adaptive.js:
--------------------------------------------------------------------------------
1 | import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
2 |
3 | /**
4 | * How to use
5 | *
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/src/api/file.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 获取头像上传的Url，含上传后的文件名
5 | * {url: 上传签名Url, GetUrl: Get请求Url}
6 | * @param {Object} token 验证信息
7 | */
8 | export function getUploadAvatarUrl(token) {
9 | return request({
10 | url: '/file/getUploadAvatarUrl',
11 | method: 'post',
12 | data: { token }
13 | })
14 | }
15 |
16 | /**
17 | * 获取上传文章封面的Url，含上传后的文件名
18 | * {url: 上传签名Url, GetUrl: Get请求Url}
19 | * @param {Object} token 验证信息
20 | */
21 | export function getUploadArticleCoverImageUrl(token) {
22 | return request({
23 | url: '/file/getUploadArticleCoverImageUrl',
24 | method: 'post',
25 | data: { token }
26 | })
27 | }
28 |
29 | /**
30 | * 获取上传文章内容图片的Url，含上传后的文件名
31 | * {url: 上传签名Url, GetUrl: Get请求Url}
32 | * @param {Object} token 验证信息
33 | */
34 | export function getUploadArticleImageUrl(token) {
35 | return request({
36 | url: '/file/getUploadArticleImageUrl',
37 | method: 'post',
38 | data: { token }
39 | })
40 | }
41 |
42 | /**
43 | * 获取上传文章内容图片的Url，含上传后的文件名
44 | * {url: 上传签名Url, GetUrl: Get请求Url}
45 | * @param {Object} token 验证信息
46 | * @param {String} objectName 文件路径
47 | */
48 | export function deleteObject(token, objectName) {
49 | return request({
50 | url: '/file/deleteObject',
51 | method: 'post',
52 | data: {
53 | token,
54 | content: objectName
55 | }
56 | })
57 | }
58 |
--------------------------------------------------------------------------------
/mock/article-label.js:
--------------------------------------------------------------------------------
1 | const Mock = require('mockjs')
2 | const List = []
3 | const count = 100
4 | const coverPic = 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3'
5 |
6 | for (let i = 0; i < count; i++) {
7 | List.push(Mock.mock({
8 | id: '@increment',
9 | name: '@title(5, 10)',
10 | coverPic,
11 | describe: '这是其中一个标签的描述'
12 | }))
13 | }
14 |
15 | module.exports = [
16 | // 文章可选标签
17 | {
18 | url: '/articleLabel/labels',
19 | type: 'post',
20 | dataType: 'json',
21 | response: _ => {
22 | return {
23 | code: 20000,
24 | message: '请求成功',
25 | data: [{
26 | value: 'C++',
27 | label: 'C++'
28 | }, {
29 | value: 'Java',
30 | label: 'Java'
31 | }, {
32 | value: 'Python',
33 | label: 'Python'
34 | }]
35 | }
36 | }
37 | },
38 | // 标签对象列表
39 | {
40 | url: '/articleLabel/labelList',
41 | type: 'post',
42 | dataType: 'json',
43 | response: _ => {
44 | return {
45 | code: 20000,
46 | message: '请求成功',
47 | data: List
48 | }
49 | }
50 | },
51 | // 标签对象列表
52 | {
53 | url: '/articleLabel/setLabel',
54 | type: 'post',
55 | dataType: 'json',
56 | response: _ => {
57 | return {
58 | code: 20000,
59 | message: '请求成功'
60 | }
61 | }
62 | }
63 | ]
64 |
--------------------------------------------------------------------------------
/src/icons/svg/404.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/zip.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/mixin/ResizeHandler.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | const { body } = document
4 | const WIDTH = 992 // refer to Bootstrap's responsive design
5 |
6 | export default {
7 | watch: {
8 | $route(route) {
9 | if (this.device === 'mobile' && this.sidebar.opened) {
10 | store.dispatch('app/closeSideBar', { withoutAnimation: false })
11 | }
12 | }
13 | },
14 | beforeMount() {
15 | window.addEventListener('resize', this.$_resizeHandler)
16 | },
17 | beforeDestroy() {
18 | window.removeEventListener('resize', this.$_resizeHandler)
19 | },
20 | mounted() {
21 | const isMobile = this.$_isMobile()
22 | if (isMobile) {
23 | store.dispatch('app/toggleDevice', 'mobile')
24 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
25 | }
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_isMobile() {
31 | const rect = body.getBoundingClientRect()
32 | return rect.width - 1 < WIDTH
33 | },
34 | $_resizeHandler() {
35 | if (!document.hidden) {
36 | const isMobile = this.$_isMobile()
37 | store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
38 |
39 | if (isMobile) {
40 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
41 | }
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/views/setting/storage.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
15 |
16 |
17 |
57 |
58 |
64 |
--------------------------------------------------------------------------------
/src/store/modules/app.js:
--------------------------------------------------------------------------------
1 | import Cookies from 'js-cookie'
2 |
3 | const state = {
4 | sidebar: {
5 | opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
6 | withoutAnimation: false
7 | },
8 | device: 'desktop',
9 | size: Cookies.get('size') || 'medium'
10 | }
11 |
12 | const mutations = {
13 | TOGGLE_SIDEBAR: state => {
14 | state.sidebar.opened = !state.sidebar.opened
15 | state.sidebar.withoutAnimation = false
16 | if (state.sidebar.opened) {
17 | Cookies.set('sidebarStatus', 1)
18 | } else {
19 | Cookies.set('sidebarStatus', 0)
20 | }
21 | },
22 | CLOSE_SIDEBAR: (state, withoutAnimation) => {
23 | Cookies.set('sidebarStatus', 0)
24 | state.sidebar.opened = false
25 | state.sidebar.withoutAnimation = withoutAnimation
26 | },
27 | TOGGLE_DEVICE: (state, device) => {
28 | state.device = device
29 | },
30 | SET_SIZE: (state, size) => {
31 | state.size = size
32 | Cookies.set('size', size)
33 | }
34 | }
35 |
36 | const actions = {
37 | toggleSideBar({ commit }) {
38 | commit('TOGGLE_SIDEBAR')
39 | },
40 | closeSideBar({ commit }, { withoutAnimation }) {
41 | commit('CLOSE_SIDEBAR', withoutAnimation)
42 | },
43 | toggleDevice({ commit }, device) {
44 | commit('TOGGLE_DEVICE', device)
45 | },
46 | setSize({ commit }, size) {
47 | commit('SET_SIZE', size)
48 | }
49 | }
50 |
51 | export default {
52 | namespaced: true,
53 | state,
54 | mutations,
55 | actions
56 | }
57 |
--------------------------------------------------------------------------------
/src/components/ImageCropper/utils/effectRipple.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 点击波纹效果
3 | *
4 | * @param {[event]} e [description]
5 | * @param {[Object]} arg_opts [description]
6 | * @return {[bollean]} [description]
7 | */
8 | export default function(e, arg_opts) {
9 | var opts = Object.assign({
10 | ele: e.target, // 波纹作用元素
11 | type: 'hit', // hit点击位置扩散center中心点扩展
12 | bgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
13 | }, arg_opts)
14 | var target = opts.ele
15 | if (target) {
16 | var rect = target.getBoundingClientRect()
17 | var ripple = target.querySelector('.e-ripple')
18 | if (!ripple) {
19 | ripple = document.createElement('span')
20 | ripple.className = 'e-ripple'
21 | ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
22 | target.appendChild(ripple)
23 | } else {
24 | ripple.className = 'e-ripple'
25 | }
26 | switch (opts.type) {
27 | case 'center':
28 | ripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px'
29 | ripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px'
30 | break
31 | default:
32 | ripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px'
33 | ripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px'
34 | }
35 | ripple.style.backgroundColor = opts.bgc
36 | ripple.className = 'e-ripple z-active'
37 | return false
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/views/profile/base.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
14 |
3 |
23 |
24 |
25 |
60 |
--------------------------------------------------------------------------------
/src/styles/element-ui.scss:
--------------------------------------------------------------------------------
1 | // cover some element-ui styles
2 |
3 | .el-breadcrumb__inner,
4 | .el-breadcrumb__inner a {
5 | font-weight: 400 !important;
6 | }
7 |
8 | .el-upload {
9 | input[type="file"] {
10 | display: none !important;
11 | }
12 | }
13 |
14 | .el-upload__input {
15 | display: none;
16 | }
17 |
18 | .cell {
19 | .el-tag {
20 | margin-right: 0px;
21 | }
22 | }
23 |
24 | .small-padding {
25 | .cell {
26 | padding-left: 5px;
27 | padding-right: 5px;
28 | }
29 | }
30 |
31 | .fixed-width {
32 | .el-button--mini {
33 | padding: 7px 10px;
34 | min-width: 60px;
35 | }
36 | }
37 |
38 | .status-col {
39 | .cell {
40 | padding: 0 10px;
41 | text-align: center;
42 |
43 | .el-tag {
44 | margin-right: 0px;
45 | }
46 | }
47 | }
48 |
49 | // to fixed https://github.com/ElemeFE/element/issues/2461
50 | .el-dialog {
51 | transform: none;
52 | left: 0;
53 | position: relative;
54 | margin: 0 auto;
55 | }
56 |
57 | // refine element ui upload
58 | .upload-container {
59 | .el-upload {
60 | width: 100%;
61 |
62 | .el-upload-dragger {
63 | width: 100%;
64 | height: 200px;
65 | }
66 | }
67 | }
68 |
69 | // dropdown
70 | .el-dropdown-menu {
71 | a {
72 | display: block
73 | }
74 | }
75 |
76 | // fix date-picker ui bug in filter-item
77 | .el-range-editor.el-input__inner {
78 | display: inline-flex !important;
79 | }
80 |
81 | // to fix el-date-picker css style
82 | .el-range-separator {
83 | box-sizing: content-box;
84 | }
85 |
--------------------------------------------------------------------------------
/src/icons/svg/bug.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
47 |
48 |
63 |
--------------------------------------------------------------------------------
/src/styles/mixin.scss:
--------------------------------------------------------------------------------
1 | @mixin clearfix {
2 | &:after {
3 | content: "";
4 | display: table;
5 | clear: both;
6 | }
7 | }
8 |
9 | @mixin scrollBar {
10 | &::-webkit-scrollbar-track-piece {
11 | background: #d3dce6;
12 | }
13 |
14 | &::-webkit-scrollbar {
15 | width: 6px;
16 | }
17 |
18 | &::-webkit-scrollbar-thumb {
19 | background: #99a9bf;
20 | border-radius: 20px;
21 | }
22 | }
23 |
24 | @mixin relative {
25 | position: relative;
26 | width: 100%;
27 | height: 100%;
28 | }
29 |
30 | @mixin pct($pct) {
31 | width: #{$pct};
32 | position: relative;
33 | margin: 0 auto;
34 | }
35 |
36 | @mixin triangle($width, $height, $color, $direction) {
37 | $width: $width/2;
38 | $color-border-style: $height solid $color;
39 | $transparent-border-style: $width solid transparent;
40 | height: 0;
41 | width: 0;
42 |
43 | @if $direction==up {
44 | border-bottom: $color-border-style;
45 | border-left: $transparent-border-style;
46 | border-right: $transparent-border-style;
47 | }
48 |
49 | @else if $direction==right {
50 | border-left: $color-border-style;
51 | border-top: $transparent-border-style;
52 | border-bottom: $transparent-border-style;
53 | }
54 |
55 | @else if $direction==down {
56 | border-top: $color-border-style;
57 | border-left: $transparent-border-style;
58 | border-right: $transparent-border-style;
59 | }
60 |
61 | @else if $direction==left {
62 | border-right: $color-border-style;
63 | border-top: $transparent-border-style;
64 | border-bottom: $transparent-border-style;
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/components/SizeSelect/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 |
7 |
9 |
10 |
11 |
12 |
13 |
14 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
4 |
6 |
3 |
5 |
15 |
17 |
18 |
19 |
20 |
21 |
55 |
--------------------------------------------------------------------------------
/src/views/profile/components/Account.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
10 |
11 |
12 |
13 |
22 |
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/src/icons/svg/shopping.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/icons/svg/dashboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mock/role/index.js:
--------------------------------------------------------------------------------
1 | const Mock = require('mockjs')
2 | const { deepClone } = require('../utils')
3 | const { asyncRoutes, constantRoutes } = require('./routes.js')
4 |
5 | const routes = deepClone([...constantRoutes, ...asyncRoutes])
6 |
7 | const roles = [
8 | {
9 | key: 'admin',
10 | name: 'admin',
11 | description: 'Super Administrator. Have access to view all pages.',
12 | routes: routes
13 | },
14 | {
15 | key: 'editor',
16 | name: 'editor',
17 | description: 'Normal Editor. Can see all pages except permission page',
18 | routes: routes.filter(i => i.path !== '/permission')// just a mock
19 | },
20 | {
21 | key: 'visitor',
22 | name: 'visitor',
23 | description: 'Just a visitor. Can only see the home page and the document page',
24 | routes: [{
25 | path: '',
26 | redirect: 'dashboard',
27 | children: [
28 | {
29 | path: 'dashboard',
30 | name: 'Dashboard',
31 | meta: { title: 'dashboard', icon: 'dashboard' }
32 | }
33 | ]
34 | }]
35 | }
36 | ]
37 |
38 | module.exports = [
39 | // mock get all routes form server
40 | {
41 | url: '/vue-element-admin/routes',
42 | type: 'get',
43 | response: _ => {
44 | return {
45 | code: 20000,
46 | data: routes
47 | }
48 | }
49 | },
50 |
51 | // mock get all roles form server
52 | {
53 | url: '/vue-element-admin/roles',
54 | type: 'get',
55 | response: _ => {
56 | return {
57 | code: 20000,
58 | data: roles
59 | }
60 | }
61 | },
62 |
63 | // add role
64 | {
65 | url: '/vue-element-admin/role',
66 | type: 'post',
67 | response: {
68 | code: 20000,
69 | data: {
70 | key: Mock.mock('@integer(300, 5000)')
71 | }
72 | }
73 | },
74 |
75 | // update role
76 | {
77 | url: '/vue-element-admin/role/[A-Za-z0-9]',
78 | type: 'put',
79 | response: {
80 | code: 20000,
81 | data: {
82 | status: 'success'
83 | }
84 | }
85 | },
86 |
87 | // delete role
88 | {
89 | url: '/vue-element-admin/role/[A-Za-z0-9]',
90 | type: 'delete',
91 | response: {
92 | code: 20000,
93 | data: {
94 | status: 'success'
95 | }
96 | }
97 | }
98 | ]
99 |
--------------------------------------------------------------------------------
/src/utils/validate.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by PanJiaChen on 16/11/18.
3 | */
4 |
5 | /**
6 | * @param {string} path
7 | * @returns {Boolean}
8 | */
9 | export function isExternal(path) {
10 | return /^(https?:|mailto:|tel:)/.test(path)
11 | }
12 |
13 | /**
14 | * @param {string} str
15 | * @returns {Boolean}
16 | */
17 | export function validUsername(str) {
18 | const valid_map = ['admin', 'editor']
19 | return valid_map.indexOf(str.trim()) >= 0
20 | }
21 |
22 | /**
23 | * @param {string} url
24 | * @returns {Boolean}
25 | */
26 | export function validURL(url) {
27 | const reg = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
28 | return reg.test(url)
29 | }
30 |
31 | /**
32 | * @param {string} str
33 | * @returns {Boolean}
34 | */
35 | export function validLowerCase(str) {
36 | const reg = /^[a-z]+$/
37 | return reg.test(str)
38 | }
39 |
40 | /**
41 | * @param {string} str
42 | * @returns {Boolean}
43 | */
44 | export function validUpperCase(str) {
45 | const reg = /^[A-Z]+$/
46 | return reg.test(str)
47 | }
48 |
49 | /**
50 | * @param {string} str
51 | * @returns {Boolean}
52 | */
53 | export function validAlphabets(str) {
54 | const reg = /^[A-Za-z]+$/
55 | return reg.test(str)
56 | }
57 |
58 | /**
59 | * @param {string} email
60 | * @returns {Boolean}
61 | */
62 | export function validEmail(email) {
63 | const reg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
64 | return reg.test(email)
65 | }
66 |
67 | /**
68 | * @param {string} str
69 | * @returns {Boolean}
70 | */
71 | export function isString(str) {
72 | if (typeof str === 'string' || str instanceof String) {
73 | return true
74 | }
75 | return false
76 | }
77 |
78 | /**
79 | * @param {Array} arg
80 | * @returns {Boolean}
81 | */
82 | export function isArray(arg) {
83 | if (typeof Array.isArray === 'undefined') {
84 | return Object.prototype.toString.call(arg) === '[object Array]'
85 | }
86 | return Array.isArray(arg)
87 | }
88 |
--------------------------------------------------------------------------------
/src/components/MarkdownEditor/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
7 |{{ title }}
11 |
3 |
12 |
13 |
14 |
92 |
--------------------------------------------------------------------------------
/src/api/user.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 登录，返回验证信息
5 | * @param {Object} data 行号密码
6 | */
7 | export function login(data) {
8 | return request({
9 | url: '/user/login',
10 | method: 'post',
11 | data
12 | })
13 | }
14 |
15 | /**
16 | * 获取用户信息
17 | * @param {Object} token 验证信息
18 | */
19 | export function getInfo(token) {
20 | const data = { 'token': token }
21 | return request({
22 | url: '/user/getInfo',
23 | method: 'post',
24 | data
25 | })
26 | }
27 |
28 | /**
29 | * 设置个人信息
30 | * @param {Object} token 验证信息
31 | * @param {Object} user 新的用户信息对象
32 | */
33 | export function setInfo(token, user) {
34 | return request({
35 | url: '/user/setInfo',
36 | method: 'post',
37 | data: { token: token, content: user }
38 | })
39 | }
40 |
41 | /**
42 | * 登出
43 | */
44 | export function logout(token) {
45 | return request({
46 | url: '/user/logout',
47 | method: 'post',
48 | data: { token }
49 | })
50 | }
51 |
52 | /**
53 | * 获取最近活动记录
54 | * @param {Object} token 验证信息
55 | */
56 | export function getActivity(token) {
57 | return request({
58 | url: '/user/getActivity',
59 | method: 'post',
60 | data: { token }
61 | })
62 | }
63 |
64 | /**
65 | * 获取工作概览
66 | * @param {Object} token 验证信息
67 | */
68 | export function getWork(token) {
69 | return request({
70 | url: '/user/getWork',
71 | method: 'post',
72 | data: { token }
73 | })
74 | }
75 |
76 | /**
77 | * 设置头像
78 | * @param {Object} token 验证信息
79 | * @param {String} avatar 头像链接
80 | */
81 | export function setAvatar(token, avatar) {
82 | return request({
83 | url: '/user/setAvatar',
84 | method: 'post',
85 | data: {
86 | token,
87 | content: avatar
88 | }
89 | })
90 | }
91 |
92 | /**
93 | * 获取用户关于信息
94 | * @param {int} id 用户ID
95 | */
96 | export function getAboutByUserId(id) {
97 | return request({
98 | url: '/user/getAboutByUserId',
99 | method: 'post',
100 | data: { id }
101 | })
102 | }
103 |
104 | /**
105 | * 获取用户关于信息
106 | * @param token 验证信息
107 | * @param content 关于内容
108 | */
109 | export function setAboutByUserToken(token, content) {
110 | return request({
111 | url: '/user/setAboutByUserToken',
112 | method: 'post',
113 | data: { token, content }
114 | })
115 | }
116 |
--------------------------------------------------------------------------------
/mock/file.js:
--------------------------------------------------------------------------------
1 | module.exports = [
2 | // 获取头像上传的Url，含上传后的文件名
3 | // {url: 上传签名Url, GetUrl: Get请求Url, method: 上传方式}
4 | {
5 | url: '/file/getUploadAvatarUrl',
6 | type: 'post',
7 | response: _ => {
8 | return {
9 | code: 20000,
10 | data: {
11 | urlParams: {
12 | key: 'cece089d-dd3b-11eb-a1d2-1f59eeaa999a',
13 | policy: '',
14 | success_action_status: '200',
15 | OSSAccessKeyId: '',
16 | signature: ''
17 | },
18 | GetUrl: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191',
19 | host: 'http://localhost:9527/dev-api/file/uploadData'
20 | }
21 | }
22 | }
23 | },
24 | // 获取上传文章封面Url
25 | {
26 | url: '/file/getUploadArticleCoverImageUrl',
27 | type: 'post',
28 | response: _ => {
29 | return {
30 | code: 20000,
31 | data: {
32 | urlParams: {
33 | key: 'cece089d-dd3b-11eb-a1d2-1f59eeaa999a',
34 | policy: '',
35 | success_action_status: '200',
36 | OSSAccessKeyId: '',
37 | signature: ''
38 | },
39 | GetUrl: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191',
40 | host: 'http://localhost:9527/dev-api/file/uploadData'
41 | }
42 | }
43 | }
44 | },
45 | // 获取上传文章内容图片的Url
46 | {
47 | url: '/file/getUploadArticleImageUrl',
48 | type: 'post',
49 | response: _ => {
50 | return {
51 | code: 20000,
52 | data: {
53 | urlParams: {
54 | key: 'cece089d-dd3b-11eb-a1d2-1f59eeaa999a',
55 | policy: '',
56 | success_action_status: '200',
57 | OSSAccessKeyId: '',
58 | signature: ''
59 | },
60 | GetUrl: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191',
61 | host: 'http://localhost:9527/dev-api/file/uploadData'
62 | }
63 | }
64 | }
65 | },
66 | // 上传文件
67 | {
68 | url: '/file/uploadData',
69 | type: 'post',
70 | response: _ => {
71 | return {
72 | code: 20000,
73 | data: 'OK'
74 | }
75 | }
76 | },
77 | // 删除文件
78 | {
79 | url: '/file/deleteObject',
80 | type: 'post',
81 | response: _ => {
82 | return {
83 | code: 20000,
84 | data: 'OK'
85 | }
86 | }
87 | }
88 | ]
89 |
--------------------------------------------------------------------------------
/src/icons/svg/form.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/components/Kanban/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
10 |
11 | sticky
9 |
3 |
12 |
16 |
17 |
18 |
19 |
54 |
99 |
100 |
--------------------------------------------------------------------------------
/src/components/Pagination/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{ headerText }}
5 |
6 |
13 | {{ element.name }} {{ element.id }}
14 |
15 |
3 |
15 |
16 |
17 |
92 |
93 |
102 |
--------------------------------------------------------------------------------
/src/directive/waves/waves.js:
--------------------------------------------------------------------------------
1 | import './waves.css'
2 |
3 | const context = '@@wavesContext'
4 |
5 | function handleClick(el, binding) {
6 | function handle(e) {
7 | const customOpts = Object.assign({}, binding.value)
8 | const opts = Object.assign({
9 | ele: el, // 波纹作用元素
10 | type: 'hit', // hit 点击位置扩散 center中心点扩展
11 | color: 'rgba(0, 0, 0, 0.15)' // 波纹颜色
12 | },
13 | customOpts
14 | )
15 | const target = opts.ele
16 | if (target) {
17 | target.style.position = 'relative'
18 | target.style.overflow = 'hidden'
19 | const rect = target.getBoundingClientRect()
20 | let ripple = target.querySelector('.waves-ripple')
21 | if (!ripple) {
22 | ripple = document.createElement('span')
23 | ripple.className = 'waves-ripple'
24 | ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
25 | target.appendChild(ripple)
26 | } else {
27 | ripple.className = 'waves-ripple'
28 | }
29 | switch (opts.type) {
30 | case 'center':
31 | ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px'
32 | ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px'
33 | break
34 | default:
35 | ripple.style.top =
36 | (e.pageY - rect.top - ripple.offsetHeight / 2 - document.documentElement.scrollTop ||
37 | document.body.scrollTop) + 'px'
38 | ripple.style.left =
39 | (e.pageX - rect.left - ripple.offsetWidth / 2 - document.documentElement.scrollLeft ||
40 | document.body.scrollLeft) + 'px'
41 | }
42 | ripple.style.backgroundColor = opts.color
43 | ripple.className = 'waves-ripple z-active'
44 | return false
45 | }
46 | }
47 |
48 | if (!el[context]) {
49 | el[context] = {
50 | removeHandle: handle
51 | }
52 | } else {
53 | el[context].removeHandle = handle
54 | }
55 |
56 | return handle
57 | }
58 |
59 | export default {
60 | bind(el, binding) {
61 | el.addEventListener('click', handleClick(el, binding), false)
62 | },
63 | update(el, binding) {
64 | el.removeEventListener('click', el[context].removeHandle, false)
65 | el.addEventListener('click', handleClick(el, binding), false)
66 | },
67 | unbind(el) {
68 | el.removeEventListener('click', el[context].removeHandle, false)
69 | el[context] = null
70 | delete el[context]
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/src/components/ErrorLog/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
9 |
10 |
15 |
16 |
17 |
24 |
31 |
39 |
40 |
41 | {{ scope.row.err.stack }}
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
70 |
71 |
79 |
--------------------------------------------------------------------------------
/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 | Error Log
12 | Clear All
13 |
14 |
18 |
19 |
20 | {{ row.err.message }}
21 |
22 |
23 | 24 |
25 |
26 |
27 | {{ row.vm.$vnode.tag }} error in {{ row.info }}
28 |
29 |
30 | 31 |
32 |
33 |
34 | {{ row.url }}
35 |
36 |
37 |
38 |
3 |
6 |
27 |
28 |
29 |
90 |
91 |
97 |
--------------------------------------------------------------------------------
/src/views/setting/ui.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
16 |
17 |
24 |
25 |
26 |
3 |
4 |
5 |
6 |
7 |
9 |
10 |
12 |
13 |
15 |
16 |
18 |
19 |
21 |
22 | 保存
23 |
24 |
25 |
26 |
27 |
28 |
29 |
81 |
--------------------------------------------------------------------------------
/src/views/dashboard/components/CommentTable.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
28 |
29 |
30 |
83 |
84 |
109 |
--------------------------------------------------------------------------------
/src/layout/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
27 | Page style setting
5 | 6 |
7 | Theme Color
8 |
10 |
11 |
12 | Open Tags-View
13 |
15 |
16 |
17 | Fixed Header
18 |
20 |
21 |
22 | Sidebar Logo
23 |
25 |
26 |
3 |
4 |
16 |
17 |
18 |
59 |
60 |
103 |
--------------------------------------------------------------------------------
/src/directive/sticky.js:
--------------------------------------------------------------------------------
1 | const vueSticky = {}
2 | let listenAction
3 | vueSticky.install = Vue => {
4 | Vue.directive('sticky', {
5 | inserted(el, binding) {
6 | const params = binding.value || {}
7 | const stickyTop = params.stickyTop || 0
8 | const zIndex = params.zIndex || 1000
9 | const elStyle = el.style
10 |
11 | elStyle.position = '-webkit-sticky'
12 | elStyle.position = 'sticky'
13 | // if the browser support css sticky（Currently Safari, Firefox and Chrome Canary）
14 | // if (~elStyle.position.indexOf('sticky')) {
15 | // elStyle.top = `${stickyTop}px`;
16 | // elStyle.zIndex = zIndex;
17 | // return
18 | // }
19 | const elHeight = el.getBoundingClientRect().height
20 | const elWidth = el.getBoundingClientRect().width
21 | elStyle.cssText = `top: ${stickyTop}px; z-index: ${zIndex}`
22 |
23 | const parentElm = el.parentNode || document.documentElement
24 | const placeholder = document.createElement('div')
25 | placeholder.style.display = 'none'
26 | placeholder.style.width = `${elWidth}px`
27 | placeholder.style.height = `${elHeight}px`
28 | parentElm.insertBefore(placeholder, el)
29 |
30 | let active = false
31 |
32 | const getScroll = (target, top) => {
33 | const prop = top ? 'pageYOffset' : 'pageXOffset'
34 | const method = top ? 'scrollTop' : 'scrollLeft'
35 | let ret = target[prop]
36 | if (typeof ret !== 'number') {
37 | ret = window.document.documentElement[method]
38 | }
39 | return ret
40 | }
41 |
42 | const sticky = () => {
43 | if (active) {
44 | return
45 | }
46 | if (!elStyle.height) {
47 | elStyle.height = `${el.offsetHeight}px`
48 | }
49 |
50 | elStyle.position = 'fixed'
51 | elStyle.width = `${elWidth}px`
52 | placeholder.style.display = 'inline-block'
53 | active = true
54 | }
55 |
56 | const reset = () => {
57 | if (!active) {
58 | return
59 | }
60 |
61 | elStyle.position = ''
62 | placeholder.style.display = 'none'
63 | active = false
64 | }
65 |
66 | const check = () => {
67 | const scrollTop = getScroll(window, true)
68 | const offsetTop = el.getBoundingClientRect().top
69 | if (offsetTop < stickyTop) {
70 | sticky()
71 | } else {
72 | if (scrollTop < elHeight + stickyTop) {
73 | reset()
74 | }
75 | }
76 | }
77 | listenAction = () => {
78 | check()
79 | }
80 |
81 | window.addEventListener('scroll', listenAction)
82 | },
83 |
84 | unbind() {
85 | window.removeEventListener('scroll', listenAction)
86 | }
87 | })
88 | }
89 |
90 | export default vueSticky
91 |
92 |
--------------------------------------------------------------------------------
/src/components/TextHoverEffect/Mallki.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{ text }}
4 |
5 |
6 |
7 |
8 |
9 |
23 |
24 |
114 |
--------------------------------------------------------------------------------
/mock/user.js:
--------------------------------------------------------------------------------
1 | const users = {
2 | roles: ['admin'],
3 | introduction: 'I am a super administrator',
4 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
5 | name: 'Super Admin',
6 | id: 0,
7 | account: 'admin@test.com',
8 | nickname: 'WindSnowLi',
9 | qq: '706623475',
10 | token: '66666666666666666'
11 | }
12 |
13 | module.exports = [
14 | // user login
15 | {
16 | url: '/user/login',
17 | type: 'post',
18 | response: config => {
19 | // const { username } = config.body
20 | // const token = tokens[username]
21 |
22 | return {
23 | code: 20000,
24 | data: users
25 | }
26 | }
27 | },
28 |
29 | // get user info
30 | {
31 | url: '/user/getInfo',
32 | type: 'post',
33 | response: config => {
34 | // const { token } = config.query
35 | // const info = users[token]
36 |
37 | // // mock error
38 | // if (!info) {
39 | // return {
40 | // code: 50008,
41 | // message: 'Login failed, unable to get user details.'
42 | // }
43 | // }
44 |
45 | return {
46 | code: 20000,
47 | data: users
48 | }
49 | }
50 | },
51 | // set user info
52 | {
53 | url: '/user/setInfo',
54 | type: 'post',
55 | response: _ => {
56 | return {
57 | code: 20000,
58 | data: users
59 | }
60 | }
61 | },
62 |
63 | // user logout
64 | {
65 | url: '/user/logout',
66 | type: 'post',
67 | response: _ => {
68 | return {
69 | code: 20000,
70 | data: 'success'
71 | }
72 | }
73 | },
74 | // getWork
75 | {
76 | url: '/user/getWork',
77 | type: 'post',
78 | response: _ => {
79 | return {
80 | code: 20000,
81 | data: [
82 | {
83 | name: 'Vue',
84 | value: 30
85 | },
86 | {
87 | name: 'C++',
88 | value: 47
89 | },
90 | {
91 | name: 'Java',
92 | value: 56
93 | },
94 | {
95 | name: 'Python',
96 | value: 65
97 | }
98 | ]
99 | }
100 | }
101 | },
102 | // getWork
103 | {
104 | url: '/user/setAvatar',
105 | type: 'post',
106 | response: _ => {
107 | return {
108 | code: 20000,
109 | data: 'OK'
110 | }
111 | }
112 | },
113 | // 获取用户关于信息
114 | {
115 | url: '/user/getAboutByUserId',
116 | type: 'post',
117 | response: _ => {
118 | return {
119 | code: 20000,
120 | data: 'I LOVE YOU WITH ME!'
121 | }
122 | }
123 | },
124 | // 获取用户关于信息
125 | {
126 | url: '/user/setAboutByUserToken',
127 | type: 'post',
128 | response: _ => {
129 | return {
130 | code: 20000,
131 | data: 'OK'
132 | }
133 | }
134 | }
135 | ]
136 |
--------------------------------------------------------------------------------
/src/layout/components/TagsView/ScrollPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
12 |
14 |
15 |