water-use

一些组件及 hooks

快速安装

目前不支持打包版

$ yarn add @fe6/water-use

功能

• 组件

  • a-layout-default 带头部带导航带退出的布局
  • a-layout-default-content 统一内容样式的封装
  • a-layout-simple 简单布局
  • a-layout-simple-content 统一内容样式的封装，自带滚动条
  • a-layout-box 只有一个 router-view 的封装
  • a-forbidden 无权限组件
  • a-icon 字节 icon 的封装
  • a-not-page 404 的封装

• router

  • 全局路由配置，路由守卫，以及添加路由的方法
  • LAYOUT_DEF 默认布局的导入
  • LAYOUT_SIMPLE 简单布局的导入
  • LAYOUT_BOX box 布局的导入
  • PAGE_NOT_FOUND_ROUTE 路由的导入

• vuex

  • 全局的 vuex 数据，菜单，账户信息，全局loading状态
  • 通过 setupStore 合并 module

• axios

  • 暴露的 createAxios 方法统一 ajax 配置

• hooks

  • use-message 统一的提示封装
  • use-page 统一的跳转封装， useGo(当前项目跳转)，siteHref(外链跳转), siteReload(刷新)
  • use-scroll-to 从某一个元素滚动到某一元素
  • error 打印
  • env 获取环境变量，以及当前环境