Browse Source

chore: 优化表单设计器组件

master
wangxiang 2 years ago
parent
commit
b0828e4ce9
  1. 3
      src/qiankun/state.ts
  2. 21
      src/views/workflow/extension/form/helper/WorkflowFormDesign.vue

3
src/qiankun/state.ts

@ -15,7 +15,7 @@ import { GlStateEnum } from '/@/enums/microAppEnum'; @@ -15,7 +15,7 @@ import { GlStateEnum } from '/@/enums/microAppEnum';
/** 子应用的数据 */
export function getSubDefineProps() {
return {
data: {
microData: {
publicPath: '/',
token: getAccessToken(),
store,
@ -35,7 +35,6 @@ export function initGlState(state = {}): MicroAppStateActions { @@ -35,7 +35,6 @@ export function initGlState(state = {}): MicroAppStateActions {
const { [GlStateEnum.FORM_DESIGN_EMIT_KEY]: formDesignEmit, [GlStateEnum.WORKFLOW_DESIGN_EMIT_KEY]: workflowDesignEmit } = newState;
formDesignEmit && microAppStore.setFormDesignApp(formDesignEmit);
workflowDesignEmit && microAppStore.setWorkflowDesignApp(workflowDesignEmit);
console.log(1)
}, true);
return actions;
}

21
src/views/workflow/extension/form/helper/WorkflowFormDesign.vue

@ -14,7 +14,9 @@ @@ -14,7 +14,9 @@
import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal';
import { loadMicroApp } from 'qiankun';
import { microState } from '/@/qiankun';
import { initGlState } from '/@/qiankun/state';
import { getSubDefineProps } from '/@/qiankun/state';
import { GlStateEnum } from '/@/enums/microAppEnum';
interface TableState {
tag: string;
}
@ -25,8 +27,18 @@ @@ -25,8 +27,18 @@
const emit = defineEmits(['success', 'register']);
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data: BoxPayload = { _tag: '' }) => {
loadMicroApp({ name: 'formDesign', entry: '//localhost:7101', container: '#formDesign' },
{ sandbox: { experimentalStyleIsolation: true }});
loadMicroApp({
name: 'formDesign',
entry: '//localhost:7101',
container: '#formDesign',
props: {
...getSubDefineProps(),
// props
[GlStateEnum.FORM_DESIGN_PROPS_KEY]: {
}
}
}, { sandbox: { experimentalStyleIsolation: true }});
state.tag = data._tag;
const id = data.record?.id;
const props: Partial<ModalProps> = { confirmLoading: false };
@ -41,10 +53,11 @@ @@ -41,10 +53,11 @@
setModalProps(props);
});
// todo:
function test(){
console.log(10101);
microState.setGlobalState({
foo: 'barbar'
[GlStateEnum.FORM_DESIGN_PROPS_KEY]: 'barbar'
});
}

Loading…
Cancel
Save