goapp

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

安装最新版本

npm install goapp@latest

使用方式

1// 导入组件库，以及类型
2import goapp,{types} from 'goapp';
3// 导入组件类型
4import {types} from 'goapp';
5// 导入主题样式 default
6import 'goapp/dist/themes/index.min.css';
7// 导入图标库样式
8import 'goapp/dist/themes/font/iconfont/iconfont.min.css';
9
10const app = createApp(App);
11app.use(goapp);
12// 可以为组件设置全局默认值
13app.use(goapp,<types.GlobalConfig>{});
14// 如果引用组件提示类型错误，从vue中导出Plugin，然后
15app.use(goapp as Plugin,<types.GlobalConfig>{});
16app.mount('#app');

规范协议

Size 和 Theme 均在class中体现

Size

• tiny
• small
• medium
• large
• huge

Theme

• info
• success
• warn
• error
• default
• igloohome

组件使用

• Toast

  1  const msgtoast = inject('Message.Toast') as types.MessageToast;
  2  let param:types.ConfigToast={};
  3  // 具体参数看字段意义
  4  msgtoast(param);
  5  // 可通过返回函数关闭提示
  6  msgtoast(param).after(500);
  7  // direction 显示位置 默认剧中
  8  // 组合方式，先上下后左右，即'tmb'|'lcr'
  9  let position_direction='tl';// 上左
  10  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 菜单组件（侧边栏）