From abd4804710dca433e96e859bc2abe7184994b349 Mon Sep 17 00:00:00 2001 From: ruibaby Date: Thu, 18 Apr 2019 11:11:13 +0800 Subject: [PATCH] Remove useless files. --- src/components/AvatarList/index.md | 64 ------------- src/config/defaultSettings.js | 2 +- src/router/README.md | 138 ----------------------------- src/utils/helper/permission.js | 57 ------------ src/views/system/ToolList.vue | 4 +- 5 files changed, 3 insertions(+), 262 deletions(-) delete mode 100644 src/components/AvatarList/index.md delete mode 100644 src/router/README.md delete mode 100644 src/utils/helper/permission.js diff --git a/src/components/AvatarList/index.md b/src/components/AvatarList/index.md deleted file mode 100644 index dc9c0920..00000000 --- a/src/components/AvatarList/index.md +++ /dev/null @@ -1,64 +0,0 @@ -# AvatarList 用户头像列表 - - -一组用户头像，常用在项目/团队成员列表。可通过设置 `size` 属性来指定头像大小。 - - - -引用方式： - -```javascript -import AvatarList from '@/components/AvatarList' -const AvatarListItem = AvatarList.AvatarItem - -export default { - components: { - AvatarList, - AvatarListItem - } -} -``` - - - -## 代码演示 [demo](https://pro.loacg.com/test/home) - -```html - - - - - -``` -或 -```html - - - - - - - - - -``` - - - -## API - -### AvatarList - -| 参数 | 说明 | 类型 | 默认值 | -| ---------------- | -------- | ---------------------------------- | --------- | -| size | 头像大小 | `large`、`small` 、`mini`, `default` | `default` | -| maxLength | 要显示的最大项目 | number | - | -| excessItemsStyle | 多余的项目风格 | CSSProperties | - | - -### AvatarList.Item - -| 参数 | 说明 | 类型 | 默认值 | -| ---- | ------ | --------- | --- | -| tips | 头像展示文案 | string | - | -| src | 头像图片连接 | string | - | - diff --git a/src/config/defaultSettings.js b/src/config/defaultSettings.js index 3c45f39b..4b17c2e4 100644 --- a/src/config/defaultSettings.js +++ b/src/config/defaultSettings.js @@ -16,7 +16,7 @@ export default { primaryColor: '#1890FF', // primary color of ant design navTheme: 'light', // theme for nav menu - layout: 'sidemenu', // nav menu position: sidemenu or topmenu + layout: 'topmenu', // nav menu position: sidemenu or topmenu contentWidth: 'Fixed', // layout of content: Fluid or Fixed, only works when layout is topmenu fixedHeader: false, // sticky header fixSiderbar: false, // sticky siderbar diff --git a/src/router/README.md b/src/router/README.md deleted file mode 100644 index 5bd882df..00000000 --- a/src/router/README.md +++ /dev/null @@ -1,138 +0,0 @@ -路由/菜单说明 -==== - - - -配置文件路径 ----- - -`@/config/router.config.js` - - - -格式和说明 ----- - -```javascript -/** - * 路由配置说明： - * 建议：sider menu 请不要超过三级菜单，若超过三级菜单，则应该设计为顶部主菜单 配合左侧次级菜单 - * - **/ - { - redirect: noredirect, - name: 'router-name', - hidden: true, - meta: { - title: 'title', - icon: 'a-icon', - keepAlive: true, - hiddenHeaderContent: true, - } -} -``` - - - -`{ Route }` 对象 - -| 参数 | 说明 | 类型 | 默认值 | -| ------------------ | ------------------------------------------------- | ------- | ------ | -| hidden | 控制路由是否显示在 sidebar | boolean | false | -| redirect | 重定向地址, 访问这个路由时,自定进行重定向 | string | - | -| name | 路由名称, 必须设置,且不能重名 | string | - | -| meta | 路由元信息（路由附带扩展信息） | object | {} | -| hideChildrenInMenu | 强制菜单显示为Item而不是SubItem(配合 meta.hidden) | boolean | - | - - -`{ Meta }` 路由元信息对象 - -| 参数 | 说明 | 类型 | 默认值 | -| ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------ | -| title | 路由标题, 用于显示面包屑, 页面标题 *推荐设置 | string | - | -| icon | 路由在 menu 上显示的图标 | [string,svg] | - | -| keepAlive | 缓存该路由 | boolean | false | -| hidden | 配合`alwaysShow`使用，用于隐藏菜单时，提供递归到父菜单显示 选中菜单项_（可参考 个人页 配置方式）_ | boolean | false | -| hiddenHeaderContent | *特殊 隐藏 [PageHeader](https://github.com/sendya/ant-design-pro-vue/blob/master/src/components/layout/PageHeader.vue#L14) 组件中的页面带的 面包屑和页面标题栏 | boolean | false | -| permission | 与项目提供的权限拦截匹配的权限，如果不匹配，则会被禁止访问该路由页面 | array | [] | - -> 路由自定义 `Icon` 请引入自定义 `svg` Icon 文件，然后传递给路由的 `meta.icon` 参数即可 - -路由例子 ----- - -```ecmascript 6 -const asyncRouterMap = [ - { - path: '/', - name: 'index', - component: BasicLayout, - meta: { title: '首页' }, - redirect: '/dashboard/analysis', - children: [ - { - path: '/dashboard', - component: Layout, - name: 'dashboard', - redirect: '/dashboard/workplace', - meta: {title: '仪表盘', icon: 'dashboard', permission: ['dashboard']}, - children: [ - { - path: '/dashboard/analysis', - name: 'Analysis', - component: () => import('@/views/dashboard/Analysis'), - meta: {title: '分析页', permission: ['dashboard']} - }, - { - path: '/dashboard/monitor', - name: 'Monitor', - hidden: true, - component: () => import('@/views/dashboard/Monitor'), - meta: {title: '监控页', permission: ['dashboard']} - }, - { - path: '/dashboard/workplace', - name: 'Workplace', - component: () => import('@/views/dashboard/Workplace'), - meta: {title: '工作台', permission: ['dashboard']} - } - ] - }, - - // result - { - path: '/result', - name: 'result', - component: PageView, - redirect: '/result/success', - meta: { title: '结果页', icon: 'check-circle-o', permission: [ 'result' ] }, - children: [ - { - path: '/result/success', - name: 'ResultSuccess', - component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'), - // 该页面隐藏面包屑和页面标题栏 - meta: { title: '成功', hiddenHeaderContent: true, permission: [ 'result' ] } - }, - { - path: '/result/fail', - name: 'ResultFail', - component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'), - // 该页面隐藏面包屑和页面标题栏 - meta: { title: '失败', hiddenHeaderContent: true, permission: [ 'result' ] } - } - ] - }, - ... - ] - }, -] -``` - -> 1. 请注意 `component: () => import('..')` 方式引入路由的页面组件为 懒加载模式。具体可以看 [Vue 官方文档](https://router.vuejs.org/zh/guide/advanced/lazy-loading.html) -> 2. 增加新的路由应该增加在 '/' (index) 路由的 `children` 内 -> 3. `permission` 可以进行自定义修改，只需要对这个模块进行自定义修改即可 [src/store/modules/permission.js#L10](https://github.com/sendya/ant-design-pro-vue/blob/master/src/store/modules/permission.js#L10) - -附权限路由结构： - -![权限结构](https://static-2.loacg.com/open/static/github/permissions.png) \ No newline at end of file diff --git a/src/utils/helper/permission.js b/src/utils/helper/permission.js deleted file mode 100644 index 2fa21b27..00000000 --- a/src/utils/helper/permission.js +++ /dev/null @@ -1,57 +0,0 @@ -const PERMISSION_ENUM = { - add: { key: 'add', label: '新增' }, - delete: { key: 'delete', label: '删除' }, - edit: { key: 'edit', label: '修改' }, - query: { key: 'query', label: '查询' }, - get: { key: 'get', label: '详情' }, - enable: { key: 'enable', label: '启用' }, - disable: { key: 'disable', label: '禁用' }, - import: { key: 'import', label: '导入' }, - export: { key: 'export', label: '导出' } -} - -function plugin(Vue) { - if (plugin.installed) { - return - } - - !Vue.prototype.$auth && - Object.defineProperties(Vue.prototype, { - $auth: { - get() { - const _this = this - return permissions => { - const [permission, action] = permissions.split('.') - const permissionList = _this.$store.getters.roles.permissions - permissionList - .find(val => { - return val.permissionId === permission - }) - .actionList.findIndex(val => { - return val === action - }) - return false - } - } - } - }) - - !Vue.prototype.$enum && - Object.defineProperties(Vue.prototype, { - $enum: { - get() { - // const _this = this; - return val => { - let result = PERMISSION_ENUM - val && - val.split('.').forEach(v => { - result = (result && result[v]) || null - }) - return result - } - } - } - }) -} - -export default plugin diff --git a/src/views/system/ToolList.vue b/src/views/system/ToolList.vue index 9223c49e..fa6a14d5 100644 --- a/src/views/system/ToolList.vue +++ b/src/views/system/ToolList.vue @@ -59,8 +59,8 @@ export default { this.$message.error(`${info.file.name} file upload failed.`) } }, - importWordPress(){ - this.$message.info('程序猿正在努力开发呢！'); + importWordPress() { + this.$message.info('程序猿正在努力开发呢！') } } }