1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import { IViewProvider } from '@ibiz-template/controller';
import { ModelUtil } from '@ibiz-template/model';
import { useNamespace } from '@ibiz-template/vue-util';
import { computed, defineComponent, PropType, ref } from 'vue';
import '@ibiz-template/theme/style/components/view-shell/view-shell.scss';
import { IModal } from '@ibiz-template/runtime';
export const ViewShell = defineComponent({
name: 'ViewShell',
props: {
context: { type: Object as PropType<IContext>, required: true },
params: { type: Object as PropType<IParams> },
modal: { type: Object as PropType<IModal> },
isRouter: { type: Boolean },
modelPath: { type: String, required: true },
},
setup(props) {
const provider = ref<IViewProvider>();
ModelUtil.getViewModel(props.modelPath, props.context).then(
async viewModel => {
provider.value = await ibiz.register.view.get(viewModel.source);
},
);
const ns = useNamespace('view-shell');
// 路由绘制的视图,添加一个上下文isRouter
const cloneContext = computed(() => {
const temp = props.context.clone();
temp.isRouter = props.isRouter === true;
return temp;
});
return { ns, provider, cloneContext };
},
render(h) {
if (this.provider) {
const opts = {
attrs: {
...this.$props,
...this.$attrs,
context: this.cloneContext,
},
on: this.$listeners,
};
return h('AppTransition', {}, [h(this.provider.component, opts)]);
}
return (
<div class={this.ns.b()}>
<i-spin size='large' fix></i-spin>
</div>
);
},
});