asoui

概要

• 基于 Vue 3 + Typescript + Vite
• 集成 pinia + elementUI plus + vxtTable
• 需要 默认安装 element-plus, axios, jquery, pinia, qs, dayjs

使用

• 集成 基础样式
• 默认集成了 pinia、vxtTable
• pinia、按需引入的 组件 、Plugins 直接从 asoui 中读取
• utils 从 asoui/utils 中获得
• 路由工具 从 asoui/routerUtils 中获得

初始化

import App from "./App.vue"
import asoui, { AppProvider } from "asoui"
import "asoui/css/base.css"
import "asoui/css/plugins.scss"
import "asoui/css/transition.css"

// createApp(AppProvider).mount("#appProvider", true)
createApp(App).use(asoui).mount("#app", true)

组件调用

import { post,pop, popType } from "asoui";

...

import { post, SoGridProps } from 'asoui';

包括组件

• Authorized : 权限组件

• Icon : icon 组件
• DataGrid : grid 组件
• Row : 行组件
• SoForm : 表单组件
• Item : 表单项组件
• Txt : 输入框组件
• Num : 数值组件

• Submit : 提交按钮组件
• Btn : 按钮
• Iframe : Iframe 页面组件

Plugins

• http axios 分装，http/get/post 方法
• vxtTable 配置及扩展
• 权限指令
• pop 组件封装
• 表单验证封装
• 其他普通方法
• globalProperties : 绑定 $http / $get / $post / $getParent / $getPage / $pop 到全局 this 上

Utils 工具方法

• auth 权限函数
• calculate 增强版数学计算
• db 本地存储工具函数
• debounce 防抖函数
• fmtData 格式化数据
• fmtDate 格式化日期
• fmtNumber 格式化数值
• fmtString 格式化字符串
• getComponentName 获取组件名称
• getIdcardInfo 获取身份证信息
• getScreenType 获取屏幕类型
• is 类型判断函数
• md5 md5 加密处理
• uuid 生成 uuid 函数

路由工具函数