|
|
@ -1,45 +1,46 @@ |
|
|
const devLib = process.env.VUE_APP_DEVLIB === "dev"; |
|
|
|
|
|
console.log('当前版本======> for',process.env.VUE_APP_DEVLIB) |
|
|
|
|
|
|
|
|
const devLib = process.env.VUE_APP_DEVLIB === 'dev' |
|
|
|
|
|
console.log('当前版本======> for', process.env.VUE_APP_DEVLIB, window.__POWERED_BY_QIANKUN__, window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__) |
|
|
if (window.__POWERED_BY_QIANKUN__) { |
|
|
if (window.__POWERED_BY_QIANKUN__) { |
|
|
// eslint-disable-next-line no-undef
|
|
|
|
|
|
__webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ + (devLib ? "/TIS_APP_TEMPLATE_KT/" : ''); |
|
|
|
|
|
|
|
|
// eslint-disable-next-line no-undef
|
|
|
|
|
|
//__webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ + (devLib ? '/TIS_APP_TEMPLATE_KT/' : '')
|
|
|
} |
|
|
} |
|
|
import Vue from "vue"; |
|
|
|
|
|
|
|
|
import Vue from 'vue' |
|
|
import store from './store' |
|
|
import store from './store' |
|
|
import AsyncComputed from 'vue-async-computed' |
|
|
import AsyncComputed from 'vue-async-computed' |
|
|
import axios from 'axios' |
|
|
import axios from 'axios' |
|
|
import Vuex from 'vuex' |
|
|
import Vuex from 'vuex' |
|
|
import EventBusExample from '../components/EventBusExample' |
|
|
import EventBusExample from '../components/EventBusExample' |
|
|
import bus, { onSetup, onMount } from './bus' |
|
|
|
|
|
|
|
|
// import bus, { onSetup, onMount } from './bus'
|
|
|
|
|
|
|
|
|
Vue.component('EventBusExample', EventBusExample) |
|
|
Vue.component('EventBusExample', EventBusExample) |
|
|
Vue.config.productionTip = false; |
|
|
|
|
|
Vue.use(AsyncComputed); |
|
|
|
|
|
const dev = process.env.NODE_ENV === 'development'; |
|
|
|
|
|
|
|
|
Vue.config.productionTip = false |
|
|
|
|
|
Vue.use(AsyncComputed) |
|
|
|
|
|
const dev = process.env.NODE_ENV === 'development' |
|
|
// const sdk = process.env.VUE_APP_SDK === 'sdk';
|
|
|
// const sdk = process.env.VUE_APP_SDK === 'sdk';
|
|
|
//作为sdk向组件提供能力时，确保加载的资源是当前组件域下的资源，
|
|
|
//作为sdk向组件提供能力时，确保加载的资源是当前组件域下的资源，
|
|
|
// http://localhost:7001是一个写死的路径。。如何能正确的获取到组件的域
|
|
|
// http://localhost:7001是一个写死的路径。。如何能正确的获取到组件的域
|
|
|
let _App, |
|
|
let _App, |
|
|
_instance, |
|
|
|
|
|
_options = {}, |
|
|
|
|
|
// _layout,//由自定义组件和第三方组件组成的布局组件集合
|
|
|
|
|
|
// eslint-disable-next-line no-unused-vars
|
|
|
|
|
|
_props = {}; |
|
|
|
|
|
|
|
|
_instance, |
|
|
|
|
|
_options = {}, |
|
|
|
|
|
// _layout,//由自定义组件和第三方组件组成的布局组件集合
|
|
|
|
|
|
// eslint-disable-next-line no-unused-vars
|
|
|
|
|
|
_props = {} |
|
|
|
|
|
|
|
|
export function setup(App, options = {}) { |
|
|
export function setup(App, options = {}) { |
|
|
_App = App; |
|
|
|
|
|
_options = options; |
|
|
|
|
|
onSetup(options) |
|
|
|
|
|
|
|
|
|
|
|
if (typeof _options.install === "function") { |
|
|
|
|
|
_options.install(Vue); |
|
|
|
|
|
} |
|
|
|
|
|
// 独立运行时
|
|
|
|
|
|
if (!window.__POWERED_BY_QIANKUN__) { |
|
|
|
|
|
Vue.prototype.$tis = bus; |
|
|
|
|
|
// console.log('----------','独立运行')
|
|
|
|
|
|
mount(); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
_App = App |
|
|
|
|
|
_options = options |
|
|
|
|
|
// onSetup(options)
|
|
|
|
|
|
store.commit('tisbus/onSetup', options) |
|
|
|
|
|
|
|
|
|
|
|
if (typeof _options.install === 'function') { |
|
|
|
|
|
_options.install(Vue) |
|
|
|
|
|
} |
|
|
|
|
|
// 独立运行时
|
|
|
|
|
|
if (!window.__POWERED_BY_QIANKUN__) { |
|
|
|
|
|
// Vue.prototype.$tis = bus
|
|
|
|
|
|
// console.log('----------','独立运行')
|
|
|
|
|
|
mount() |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
@ -47,29 +48,29 @@ export function setup(App, options = {}) { |
|
|
* 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。 |
|
|
* 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。 |
|
|
*/ |
|
|
*/ |
|
|
export async function bootstrap(props) { |
|
|
export async function bootstrap(props) { |
|
|
//将这个bus同步给app内维护的bus
|
|
|
|
|
|
// bus.initAppBusById(bus,props.tis.appId)
|
|
|
|
|
|
// props.tis.privateBus.asserts = bus.
|
|
|
|
|
|
//主题初始化
|
|
|
|
|
|
const theme = localStorage.getItem("TIS_DESIGN_THEME") || 'default'; |
|
|
|
|
|
swithTheme(theme); |
|
|
|
|
|
_props = props; |
|
|
|
|
|
Vue.prototype.$tis = bus; |
|
|
|
|
|
Vue.prototype.$EsDataMsg = function (params = {}) { |
|
|
|
|
|
if (typeof params.callback === "function") { |
|
|
|
|
|
bus.$on('message', {system: true}, async (payload) => { |
|
|
|
|
|
params.callback(payload.message) |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
Vue.prototype.$EsOpenComponent = function () { |
|
|
|
|
|
} |
|
|
|
|
|
props.onMessage.ref = _options.onMessage // 暴露onMessage回调给宿主
|
|
|
|
|
|
props.onMenu && (props.onMenu.ref = _options.onMenu) // 暴露onMessage回调给宿主
|
|
|
|
|
|
if (typeof _options.bootstrap === "function") { |
|
|
|
|
|
_options.bootstrap(props); |
|
|
|
|
|
} |
|
|
|
|
|
; |
|
|
|
|
|
|
|
|
//将这个bus同步给app内维护的bus
|
|
|
|
|
|
// bus.initAppBusById(bus,props.tis.appId)
|
|
|
|
|
|
// props.tis.privateBus.asserts = bus.
|
|
|
|
|
|
store.commit('tisbus/updateAppId', props.tis.appId) |
|
|
|
|
|
//主题初始化
|
|
|
|
|
|
const theme = localStorage.getItem('TIS_DESIGN_THEME') || 'default' |
|
|
|
|
|
swithTheme(theme) |
|
|
|
|
|
_props = props |
|
|
|
|
|
// Vue.prototype.$tis = bus
|
|
|
|
|
|
// TODO 暂无使用的地方，先注释掉
|
|
|
|
|
|
// Vue.prototype.$EsDataMsg = function(params = {}) {
|
|
|
|
|
|
// if (typeof params.callback === 'function') {
|
|
|
|
|
|
// bus.$on('message', {system: true}, async payload => {
|
|
|
|
|
|
// params.callback(payload.message)
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
Vue.prototype.$EsOpenComponent = function() {} |
|
|
|
|
|
props.onMessage.ref = _options.onMessage // 暴露onMessage回调给宿主
|
|
|
|
|
|
props.onMenu && (props.onMenu.ref = _options.onMenu) // 暴露onMessage回调给宿主
|
|
|
|
|
|
if (typeof _options.bootstrap === 'function') { |
|
|
|
|
|
_options.bootstrap(props) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
@ -77,107 +78,113 @@ export async function bootstrap(props) { |
|
|
*/ |
|
|
*/ |
|
|
|
|
|
|
|
|
export async function mount(props = {}) { |
|
|
export async function mount(props = {}) { |
|
|
//兼容kt接口
|
|
|
|
|
|
Vue.prototype.$ajaxGet = axios.get; |
|
|
|
|
|
Vue.prototype.$ajaxPost = axios.post; |
|
|
|
|
|
Vue.prototype.$ajaxPut = axios.put; |
|
|
|
|
|
Vue.prototype.$ajaxDelete = axios.delete |
|
|
|
|
|
Vue.prototype.$axios = axios; |
|
|
|
|
|
|
|
|
|
|
|
// 等待bus执行mount生命周期
|
|
|
|
|
|
await onMount(props) |
|
|
|
|
|
|
|
|
|
|
|
const {container} = props; |
|
|
|
|
|
document.documentElement.setAttribute('data-device', "pc"); |
|
|
|
|
|
window.esapp = Object.assign({}, { |
|
|
|
|
|
Vue: Vue, |
|
|
|
|
|
vue: _instance = new Vue({ |
|
|
|
|
|
store, |
|
|
|
|
|
render: h => h(_App), |
|
|
|
|
|
}).$mount(container ? container.querySelector("#app") : "#app"), |
|
|
|
|
|
add_path: function (route, name, obj) { |
|
|
|
|
|
store.registerModule(name, obj); |
|
|
|
|
|
}, |
|
|
|
|
|
add_store: function (module, data) { |
|
|
|
|
|
store.commit(module, data); |
|
|
|
|
|
}, |
|
|
|
|
|
Vuex: Vuex, |
|
|
|
|
|
VueRouter: {}, |
|
|
|
|
|
registerAppAsync: function (source) { |
|
|
|
|
|
return source |
|
|
|
|
|
}, |
|
|
|
|
|
tis: props.tis || bus, //新框架核心对象,
|
|
|
|
|
|
flag: "", |
|
|
|
|
|
ShareMap: window.esapp ? window.esapp.ShareMap : {}, |
|
|
|
|
|
}); |
|
|
|
|
|
console.log('应用 mounted,检视esapp对象', window.esapp) |
|
|
|
|
|
|
|
|
|
|
|
if (typeof _options.mount === "function") { |
|
|
|
|
|
_options.mount(props); |
|
|
|
|
|
|
|
|
//兼容kt接口
|
|
|
|
|
|
Vue.prototype.$ajaxGet = axios.get |
|
|
|
|
|
Vue.prototype.$ajaxPost = axios.post |
|
|
|
|
|
Vue.prototype.$ajaxPut = axios.put |
|
|
|
|
|
Vue.prototype.$ajaxDelete = axios.delete |
|
|
|
|
|
Vue.prototype.$axios = axios |
|
|
|
|
|
|
|
|
|
|
|
// 等待bus执行mount生命周期
|
|
|
|
|
|
await store.dispatch('tisbus/onMount', props) |
|
|
|
|
|
|
|
|
|
|
|
const {container} = props |
|
|
|
|
|
document.documentElement.setAttribute('data-device', 'pc') |
|
|
|
|
|
window.esapp = Object.assign( |
|
|
|
|
|
{}, |
|
|
|
|
|
{ |
|
|
|
|
|
Vue: Vue, |
|
|
|
|
|
vue: (_instance = new Vue({ |
|
|
|
|
|
store, |
|
|
|
|
|
render: h => h(_App), |
|
|
|
|
|
}).$mount(container ? container.querySelector('#app') : '#app')), |
|
|
|
|
|
add_path: function(route, name, obj) { |
|
|
|
|
|
store.registerModule(name, obj) |
|
|
|
|
|
}, |
|
|
|
|
|
add_store: function(module, data) { |
|
|
|
|
|
store.commit(module, data) |
|
|
|
|
|
}, |
|
|
|
|
|
Vuex: Vuex, |
|
|
|
|
|
VueRouter: {}, |
|
|
|
|
|
registerAppAsync: function(source) { |
|
|
|
|
|
return source |
|
|
|
|
|
}, |
|
|
|
|
|
// tis: props.tis || bus, //新框架核心对象,
|
|
|
|
|
|
tis: props.tis || new Vue(), //新框架核心对象,
|
|
|
|
|
|
flag: '', |
|
|
|
|
|
ShareMap: window.esapp ? window.esapp.ShareMap : {}, |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// console.log("---", window.esapp)
|
|
|
|
|
|
|
|
|
|
|
|
bus.openComponentByMenu(['kt_zzgl_datapackaging']) |
|
|
|
|
|
bus.openComponentByMenu(['GlobalStateExample']) |
|
|
|
|
|
|
|
|
) |
|
|
|
|
|
console.log('应用 mounted,检视esapp对象', window.esapp) |
|
|
|
|
|
if (typeof _options.mount === 'function') { |
|
|
|
|
|
_options.mount(props) |
|
|
|
|
|
} |
|
|
|
|
|
// console.log("---", window.esapp)
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
//store.dispatch('tisbus/openComponentByMenu', ['kt_zzgl_datapackaging'])
|
|
|
|
|
|
//store.dispatch('tisbus/openComponentByMenu', ['GlobalStateExample'])
|
|
|
|
|
|
store.dispatch('tisbus/openComponentByMenu', ['KTWGWLGH']) |
|
|
|
|
|
}, 1000) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
* 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例 |
|
|
* 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例 |
|
|
*/ |
|
|
*/ |
|
|
export async function unmount(props = {}) { |
|
|
export async function unmount(props = {}) { |
|
|
if (_instance) { |
|
|
|
|
|
_instance.$destroy(); |
|
|
|
|
|
_instance.$el.innerHTML = ""; |
|
|
|
|
|
_instance = null; |
|
|
|
|
|
} |
|
|
|
|
|
if (typeof _options.unmount === "function") { |
|
|
|
|
|
_options.unmount(props); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
if (_instance) { |
|
|
|
|
|
_instance.$destroy() |
|
|
|
|
|
_instance.$el.innerHTML = '' |
|
|
|
|
|
_instance = null |
|
|
|
|
|
} |
|
|
|
|
|
if (typeof _options.unmount === 'function') { |
|
|
|
|
|
_options.unmount(props) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
* 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效 |
|
|
* 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效 |
|
|
*/ |
|
|
*/ |
|
|
export async function update(props = {}) { |
|
|
export async function update(props = {}) { |
|
|
if (props.show === true && typeof _options.show === 'function') { |
|
|
|
|
|
//如果当前运行应用和本应用相同，则不执行此函数(待开发。。)
|
|
|
|
|
|
swithTheme(props.theme); |
|
|
|
|
|
_options.show(props.params); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (props.show === false && typeof _options.hide === 'function') { |
|
|
|
|
|
_options.hide(props.params); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (props.theme) { |
|
|
|
|
|
swithTheme(props.theme) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof _options.update === "function") { |
|
|
|
|
|
_options.update(props); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
if (props.show === true && typeof _options.show === 'function') { |
|
|
|
|
|
//如果当前运行应用和本应用相同，则不执行此函数(待开发。。)
|
|
|
|
|
|
swithTheme(props.theme) |
|
|
|
|
|
_options.show(props.params) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (props.show === false && typeof _options.hide === 'function') { |
|
|
|
|
|
_options.hide(props.params) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (props.theme) { |
|
|
|
|
|
swithTheme(props.theme) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (typeof _options.update === 'function') { |
|
|
|
|
|
_options.update(props) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/*** |
|
|
/*** |
|
|
* 主题切换功能 |
|
|
* 主题切换功能 |
|
|
*/ |
|
|
*/ |
|
|
function swithTheme(param) { |
|
|
function swithTheme(param) { |
|
|
console.log('<------当前主题-------->', param); |
|
|
|
|
|
const container = document.querySelector('body'); |
|
|
|
|
|
const _themeStyle = document.getElementById("tis_app_theme_style"); |
|
|
|
|
|
if (_themeStyle) container.removeChild(_themeStyle); |
|
|
|
|
|
const themeStyle = document.createElement('style') |
|
|
|
|
|
themeStyle.setAttribute('id', 'tis_app_theme_style'); |
|
|
|
|
|
themeStyle.setAttribute('type', 'text/css') |
|
|
|
|
|
|
|
|
|
|
|
const dir = param === "default" ? "chalk" : param; |
|
|
|
|
|
const baseURL = dev ? "http://localhost:9902/tis-ui/" : "/TIS_LIB/tis-ui/"; |
|
|
|
|
|
// theme-chalk/index${dir}.css
|
|
|
|
|
|
axios.get(`${baseURL}/theme-${dir}/index.css`).then(r => themeStyle.innerHTML = r.data).catch(r => console.log(r)); |
|
|
|
|
|
|
|
|
|
|
|
container.appendChild(themeStyle); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log('<------当前主题-------->', param) |
|
|
|
|
|
const container = document.querySelector('body') |
|
|
|
|
|
const _themeStyle = document.getElementById('tis_app_theme_style') |
|
|
|
|
|
if (_themeStyle) container.removeChild(_themeStyle) |
|
|
|
|
|
const themeStyle = document.createElement('style') |
|
|
|
|
|
themeStyle.setAttribute('id', 'tis_app_theme_style') |
|
|
|
|
|
themeStyle.setAttribute('type', 'text/css') |
|
|
|
|
|
|
|
|
|
|
|
const dir = param === 'default' ? 'chalk' : param |
|
|
|
|
|
const baseURL = dev ? 'http://localhost:9902/tis-ui/' : '/TIS_LIB/tis-ui/' |
|
|
|
|
|
// theme-chalk/index${dir}.css
|
|
|
|
|
|
axios |
|
|
|
|
|
.get(`${baseURL}/theme-${dir}/index.css`) |
|
|
|
|
|
.then(r => (themeStyle.innerHTML = r.data)) |
|
|
|
|
|
.catch(r => console.log(r)) |
|
|
|
|
|
|
|
|
|
|
|
container.appendChild(themeStyle) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
export default bus; |
|
|
|
|
|
|
|
|
// export default bus
|
Poised_flw
yonghang
