goapp

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

    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 菜单组件（侧边栏）