0.1.31 • Published 2 years ago

hs-base v0.1.31

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

js-hs-base

引入文件

<jsheader :seachOption="['选项1' ,'选项2']" :spaceTitle="'头部组件'" :searchUrl="searchUrl" @logout="logout" @toNewsDetail='toNewsDetail' @conflict='conflict' > <!-- ... -->
    <span slot="spaceTitle">我是插槽</span>
    <span slot="worktableReplace">我是插槽2</span>
    <span slot="endSlot">我是插槽3</span>
</jsheader>
<jsfooter />
<script>
    import base from "hs-base";
    import 'hs-base/hs-base/js-base.css';
    Vue.use(base);
    export default {
        methods: {
            logout(e) {
                // do something
            },
            toNewsDetail(e) {
                e // { id, messageType, parmes } 消息id 消息类型 消息参数信息
            },
            conflict() {
                // 清除缓存等操作
            }
        }
    }
</script>

各环境版本说明

版本v 0.1.26

1. ite环境

版本v 1.0.15

1. 武汉智慧校园环境使用

版本v 0.1.17

1. 运城环境

注意事项

1. 发布版本时请注意header、footer组件的version参数

2. 点击退出登录,继续登录后跳转地址为logoutUrl参数

3. 退出参数clientId请咨询后台

4. 用户被挤掉线时,弹窗关闭会触发conflict事件,建议在事件内进行清除缓存等操作

5. 本地开发时,如果需要头部正常显示,获取到用户信息,version传参可改为local

6. 头部默认为同步加载,将先获取头部信息并阻塞js进程 ,如不需要传isAsync = true

header

参数

参数说明类型默认值
spaceTitle头部标题String \| slot
worktableReplace新增的插槽,在工作台旁边slot
isShowSearch是否显示搜索框Booleantrue
searchOption搜索框下拉列表Array[{name: '用户', value: 'person'}, {name: '空间', value: 'space'}]
searchOpenNewWindow搜索時是否打開新窗口Booleanfalse
logoutUrl退出后继续登录跳转地址. 详见寰烁统一认证平台OAuth接入文档---2.5主动退出Stringhttp://pls.hseduyun.net
clientId退出参数clientIdString \| Numberdemo
isShowWork是否显示工作台入口Booleantrue
isShowNews是否显示消息铃铛Booleantrue
swichRoleUrl切换角色后跳转地址String默认当前页面地址
userAvatar用户头像String
reLogin是否开启自动校验登录状态功能,异常状态将执行点击退出登录事件Booleanfalse
version环境变量test:测试域名demo:演示域名formal:正式域名 local: 本地开发模式Stringtest
LoginBtn校检登录失败时 是否显示登录按钮和点击登录时事件 { isShow: true, clickAutoToLogin: true },isShow为true将显示登录按钮,clickAutoToLogin为true点击登录会自动跳转到登录页。点击登录时触发login事件object{ isShow: true, clickAutoToLogin: true }
conflictUrl用户被挤掉线后继续登录跳转地址String默认为当前页面地址
protocol压测时切换http、http用Stringhttps
workTableUrl工作台跳转链接String先passport验证再回工作台
endSlot新增插槽,在最后面slot
isHideBG是否隐藏头部背景Booleanfalse
opacityBG头部白条背景透明度String \| Number.6
isAsync头部是否为异步加载 false将先获取头部信息并阻塞js进程Booleanfalse
isPostUserMes是否关闭埋点Booleantrue
urlConfig增加小型化并增加自行配置参数 pls_fr: '个人空间前端域名', pls_bk: '个人空间后端域名', nc_fr: '消息中心前端', ph_fr: '个人主页前端', passport: 'passport', plsClientId: '个人空间前端clientid', wss: 'wss',Booleantrue

事件

事件名称说明回调参数
toNewsDetail点击铃铛内消息触发Function (id, messageType, item )
logout点击退出账号触发Function
login点击登录触发Function
roleSwitch点击切换角色触发Function
conflict用户被挤掉线关闭弹窗触发Function

footer

参数

参数说明类型默认值
tenantId租戶idString
version环境变量test:测试域名demo:演示域名formal:正式域名 local: 本地开发模式 xx: 小型化部署Stringtest
0.1.30

2 years ago

0.1.31

2 years ago

0.1.27

2 years ago

0.1.28

2 years ago

0.1.29

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.23

2 years ago

1.0.17

2 years ago

0.1.20

2 years ago

0.1.19

2 years ago

0.1.18

2 years ago

0.1.17

2 years ago

0.1.16

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

0.1.15

2 years ago

0.1.14

2 years ago

0.1.13

2 years ago

0.1.12

2 years ago

0.1.11

2 years ago