Goapp NPM | npm.io

goapp

Vue3 + TypeScript + Vite2，具体可以参考ohayao.gihub.io

安装最新版本

npm install goapp@latest

使用方式

// 导入组件库，以及类型
import goapp,{types} from 'goapp';
// 导入组件类型
import {types} from 'goapp';
// 导入主题样式 default
import 'goapp/dist/themes/index.min.css';
// 导入图标库样式
import 'goapp/dist/themes/font/iconfont/iconfont.min.css';

const app = createApp(App); app.use(goapp); // 可以为组件设置全局默认值 app.use(goapp,<types.GlobalConfig>{}); // 如果引用组件提示类型错误，从vue中导出Plugin，然后 app.use(goapp as Plugin,<types.GlobalConfig>{}); app.mount('#app');

### 规范协议
> Size 和 Theme 均在class中体现
#### Size
- tiny
- small
- medium
- large
- huge
#### Theme
- info
- success
- warn
- error
- default
- igloohome
### 组件使用
- Toast
  ``` ts
    const msgtoast = inject('Message.Toast') as types.MessageToast;
    let param:types.ConfigToast={};
    // 具体参数看字段意义
    msgtoast(param);
    // 可通过返回函数关闭提示
    msgtoast(param).after(500);
    // direction 显示位置 默认剧中
    // 组合方式，先上下后左右，即'tmb'|'lcr'
    let position_direction='tl';// 上左
    position_direction='br';// 下右

Input 输入框组件
1. Label + Input 组合
2. 可以自定义 label slot
3. 可以设置翻转
4. 可以设置边框
5. 可以自定义Height、Size
6. 更多设置参考参数设置
Code 显示组件
使用 prismjs 插件展示code
Select 下拉列表组件
1. 支持多选
2. filter TODO
3. clear TODO
Menu 菜单组件（侧边栏）