asoui

概要

• 基于Vue 3 + Typescript + Vite
• 集成 pinia + naiveUI + vxtTable

使用

• 集成 基础样式
• 默认集成了 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';

包括组件

• AppProvider : 基础驱动
• Authorized : 权限组件
• Chart : 可视化 echarts包装
• Icon : icon组件
• SoGrid : grid组件
• Row : 行组件
• SoForm : 表单组件
• Item : 表单项组件
• Txt : 输入框组件
• Num : 数值组件
• CityDrop : 省市下拉框
• DropGrid : 下拉 grid
• Editor : UeEditor，没有集成资源
• Submit : 提交按钮组件
• Btn : 按钮
• Iframe : Iframe页面组件
• LoadingComponent : Loading页面组件

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函数

路由工具函数