@ibiz-template/runtime 0.0.3-beta.2 → 0.0.3-beta.4

package/src/controller/control/panel/panel-item.ts

@@ -0,0 +1,187 @@
+import { isOverlap } from '@ibiz-template/core';
+import { PanelItemModel } from '@ibiz-template/model';
+import { LayoutPanelController } from '.';
+import { verifyPanelGroupLogic } from '../../../utils';
+import { PanelNotifyState } from '../../constant';
+import { PanelItemState } from '../../state';
+import { calcLayoutContentStyle } from '../../utils';
+
+export class PanelItemController<T extends PanelItemModel = PanelItemModel> {
+  /**
+   * 面板成员模型
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:19
+   * @type {T}
+   */
+  readonly model: T;
+
+  /**
+   * 面板项状态
+   *
+   * @author chitanda
+   * @date 2023-01-04 09:01:04
+   * @type {PanelItemState}
+   */
+  state: PanelItemState;
+
+  /**
+   * 面板控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 22:08:59
+   * @type {LayoutPanelController}
+   */
+  readonly panel: LayoutPanelController;
+
+  /**
+   * 父容器控制器(除了面板分页都存在)
+   *
+   * @author lxm
+   * @date 2022-08-24 22:08:59
+   * @type {LayoutPanelController}
+   */
+  readonly parent?: PanelItemController;
+
+  /**
+   * Creates an instance of PanelItemController.
+   * @author lxm
+   * @date 2022-08-24 20:08:22
+   * @param {T} model
+   */
+  constructor(
+    model: T,
+    form: LayoutPanelController,
+    parent?: PanelItemController,
+  ) {
+    this.model = model;
+    this.panel = form;
+    this.parent = parent;
+    this.state = this.createState();
+  }
+
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init(): Promise<void> {
+    await this.onInit();
+  }
+
+  protected async onInit(): Promise<void> {
+    // 初始化布局参数
+    const { width, height, sysCssName, itemType } = this.model;
+    // 初始化布局参数
+    if (width) {
+      this.state.layoutController.width = width;
+    }
+    if (height) {
+      this.state.layoutController.height = height;
+    }
+    // 给col添加各自类型的类名
+    this.state.layoutController.extraClass = `ibiz-panel-col__${itemType.toLowerCase()} `;
+    if (sysCssName) {
+      this.state.layoutController.extraClass = sysCssName;
+    }
+
+    // 设置layout的visible关联自身的visible
+    Object.defineProperty(this.state.layoutController, 'visible', {
+      configurable: true,
+      enumerable: true,
+      get: () => {
+        return this.state.visible;
+      },
+    });
+
+    if (this.model.source.getPSLayoutPos()) {
+      // 设置自身内容样式
+      this.state.layoutController.contentStyle = calcLayoutContentStyle(
+        this.model.source.getPSLayoutPos()!,
+      );
+    }
+  }
+
+  /**
+   * 创建面板状态对象
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:00
+   * @protected
+   * @return {*}  {PanelItemState}
+   */
+  protected createState(): PanelItemState {
+    return new PanelItemState(this.parent?.state);
+  }
+
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:56
+   * @param {string[]} names
+   */
+  dataChangeNotify(names: string[]): void {
+    // 计算动态控制逻辑
+    this.calcDynamicLogic(names);
+  }
+
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  panelStateNotify(_state: PanelNotifyState): void {
+    // 计算动态控制逻辑
+    this.calcDynamicLogic([], true);
+  }
+
+  /**
+   * 计算动态逻辑
+   *
+   * @author lxm
+   * @date 2023-02-13 09:42:07
+   * @protected
+   * @param {string[]} names 变更的属性集合
+   * @param {boolean} [mustCalc=false] 是否强制计算一遍动态逻辑
+   * @returns {*}  {void}
+   * @memberof PanelItemController
+   */
+  protected calcDynamicLogic(names: string[], mustCalc: boolean = false): void {
+    // 逻辑优化，当父容器存在且为不显示时，不去计算自己的动态逻辑
+    if (this.parent && !this.parent.state.visible) {
+      return;
+    }
+
+    // 根据自身的动态逻辑计算
+    this.model.source.getPSPanelItemGroupLogics()?.forEach(logic => {
+      const relatedNames = logic.getRelatedItemNames() || [];
+      // name是动态逻辑涉及到的时或state存在时
+      if (mustCalc || isOverlap(relatedNames, names)) {
+        try {
+          const ok = verifyPanelGroupLogic(this.panel.data, logic);
+          switch (logic.logicCat) {
+            // 动态空输入，不满足则必填
+            case 'ITEMBLANK':
+              this.state.required = !ok;
+              break;
+            // 动态启用，满足则启用
+            case 'ITEMENABLE':
+              this.state.disabled = !ok;
+              break;
+            // 动态显示，满足则显示
+            case 'PANELVISIBLE':
+              this.state.visible = ok;
+              break;
+            default:
+          }
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    });
+  }
+}

package/src/controller/control/panel/panel-raw-item.ts

@@ -0,0 +1,20 @@
+import { PanelRawItemModel } from '@ibiz-template/model';
+import { PanelRawItemState } from '../../state';
+import { PanelItemController } from './panel-item';
+
+/**
+ * 面板直接内容控制器
+ *
+ * @author lxm
+ * @date 2023-02-07 06:05:23
+ * @export
+ * @class PanelRawItemController
+ * @extends {PanelItemController}
+ */
+export class PanelRawItemController extends PanelItemController<PanelRawItemModel> {
+  declare state: PanelRawItemState;
+
+  protected createState(): PanelRawItemState {
+    return new PanelRawItemState(this.parent?.state);
+  }
+}

package/src/controller/control/panel/panel-tab-page.ts

@@ -0,0 +1,18 @@
+import { PanelTabPageModel } from '@ibiz-template/model';
+import { PanelTabPageState } from '../../state';
+import { PanelItemController } from './panel-item';
+
+/**
+ * 面板分页控制器
+ *
+ * @export
+ * @class PanelTabPageController
+ * @extends {PanelItemController}
+ */
+export class PanelTabPageController extends PanelItemController<PanelTabPageModel> {
+  declare state: PanelTabPageState;
+
+  protected createState(): PanelTabPageState {
+    return new PanelTabPageState(this.parent?.state);
+  }
+}

package/src/controller/control/panel/panel-tab-panel.ts

@@ -0,0 +1,18 @@
+import { PanelTabPanelModel } from '@ibiz-template/model';
+import { PanelTabPanelState } from '../../state';
+import { PanelItemController } from './panel-item';
+
+/**
+ * 面板分页面板控制器
+ *
+ * @export
+ * @class PanelTabPanelController
+ * @extends {PanelItemController}
+ */
+export class PanelTabPanelController extends PanelItemController<PanelTabPanelModel> {
+  declare state: PanelTabPanelState;
+
+  protected createState(): PanelTabPanelState {
+    return new PanelTabPanelState(this.parent?.state);
+  }
+}

package/src/controller/control/panel/view-layout-panel.ts

@@ -0,0 +1,26 @@
+import { ViewLayoutPanelModel } from '@ibiz-template/model';
+import { ViewLayoutPanelNerve } from '../../neuron/nerve/control';
+import { ControlController } from '../control';
+
+/**
+ * 布局面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class ViewLayoutPanelController
+ * @extends {ControlController<ViewLayoutPanelModel>}
+ */
+export class ViewLayoutPanelController<
+  T extends ViewLayoutPanelModel = ViewLayoutPanelModel,
+> extends ControlController<T> {
+  declare nerve: ViewLayoutPanelNerve;
+
+  protected createNerve(): ViewLayoutPanelNerve {
+    return new ViewLayoutPanelNerve(this);
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+  }
+}

package/src/controller/control/portlet/portlet-part.ts

@@ -1,8 +1,10 @@
-import { PortletPartModel } from '@ibiz-template/model';
+import { IPSUIActionGroupDetail, PortletPartModel } from '@ibiz-template/model';
 import { IBizContext } from '@ibiz-template/core';
 import { ContainerPortletController } from './container-portlet';
-import { ILayoutController } from '../../interface';
 import { DashboardController } from '../dashboard';
+import { PortletPartState } from '../../state';
+import { ButtonContainerState, ButtonState } from '../../utils';
+import { executeViewLogic } from '../../../view-logic';
 
 /**
  * 门户部件控制器基类
@@ -18,6 +20,14 @@ export class PortletPartController<
 > {
   readonly model: T;
 
+  /**
+   * 门户部件状态
+   *
+   * @type {PortletPartState}
+   * @memberof PortletPartController
+   */
+  state: PortletPartState;
+
   /**
    * 数据看板控制器
    *
@@ -36,21 +46,6 @@ export class PortletPartController<
    */
   readonly parent?: ContainerPortletController;
 
-  /**
-   * 布局控制器
-   *
-   * @author lxm
-   * @date 2022-10-20 17:10:27
-   * @type {ILayoutController}
-   */
-  layoutController: ILayoutController = {
-    width: '100%',
-    height: '100%',
-    extraStyle: {},
-    extraClass: '',
-    visible: true,
-  };
-
   /**
    * 门户部件的上下文参数
    *
@@ -91,6 +86,7 @@ export class PortletPartController<
     this.model = model;
     this.dashboard = dashboard;
     this.parent = parent;
+    this.state = this.createState();
   }
 
   /**
@@ -105,16 +101,75 @@ export class PortletPartController<
   }
 
   protected async onInit(): Promise<void> {
+    const { width, height, sysCssName, portletType } = this.model;
     // 初始化布局参数
-    if (this.model.width) {
-      this.layoutController.width = this.model.width;
+    if (width) {
+      this.state.layoutController.width = width;
     }
-    if (this.model.height) {
-      this.layoutController.height = this.model.height;
+    if (height) {
+      this.state.layoutController.height = height;
     }
-    if (this.model.source.getPSSysCss()) {
-      this.layoutController.extraClass =
-        this.model.source.getPSSysCss()!.cssName;
+    // 给col添加各自类型的类名
+    this.state.layoutController.extraClass = `ibiz-portlet-col__${portletType.toLowerCase()} `;
+    if (sysCssName) {
+      this.state.layoutController.extraClass = sysCssName;
     }
+    this.initActionStates();
+  }
+
+  /**
+   * 创建门户控件的状态对象
+   *
+   * @protected
+   * @returns {*}  {PortletPartState}
+   * @memberof PortletPartController
+   */
+  protected createState(): PortletPartState {
+    return new PortletPartState();
+  }
+
+  /**
+   * 初始化标题右侧界面行为按钮的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   * @param {GridRowController} _row
+   */
+  initActionStates() {
+    // 操作列按钮状态控制
+    const { uiActionGroupDetails } = this.model;
+    if (!uiActionGroupDetails) {
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    uiActionGroupDetails.forEach(detail => {
+      const action = detail.getPSUIAction();
+      if (action) {
+        const buttonState = new ButtonState(detail.name, action);
+        containerState.addState(detail.name, buttonState);
+      }
+    });
+    containerState.update();
+    this.state.actionGroupState = containerState;
+  }
+
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(
+    detail: IPSUIActionGroupDetail,
+    event: MouseEvent,
+    data: IData[] | null = null,
+  ): Promise<void> {
+    const appViewLogic = this.model.findAppViewLogic(detail.name);
+    await executeViewLogic(appViewLogic, this.context, data, this.params, {
+      event,
+      neuron: {},
+    });
   }
 }

package/src/controller/control/portlet/view-portlet.ts

@@ -1,4 +1,25 @@
 import { ViewPortletModel } from '@ibiz-template/model';
+import { ViewNeuron } from '../../neuron';
 import { PortletPartController } from './portlet-part';
 
-export class ViewPortletController extends PortletPartController<ViewPortletModel> {}
+export class ViewPortletController extends PortletPartController<ViewPortletModel> {
+  /**
+   * 嵌入视图神经元
+   *
+   * @author lxm
+   * @date 2022-09-15 10:09:18
+   * @type {ViewNeuron}
+   */
+  neuron!: ViewNeuron;
+
+  /**
+   * 设置嵌入视图的神经元
+   *
+   * @author lxm
+   * @date 2022-09-15 10:09:22
+   * @param {ViewNeuron} neuron
+   */
+  setViewNeuron(neuron: ViewNeuron) {
+    this.neuron = neuron;
+  }
+}

package/src/controller/control/tree.ts

@@ -4,7 +4,7 @@ import { TreeStaticNodeData } from '../../service/vo/tree-node-data/tree-static-
 import { ITreeNodeData, TreeService } from '../../service';
 import { TreeNerve } from '../neuron';
 import { TreeState } from '../state';
-import { MDController } from './md';
+import { MDController } from './md/md';
 
 /**
  * 树部件控制器
@@ -47,9 +47,13 @@ export class TreeController extends MDController<TreeModel> {
    */
   async load(): Promise<ITreeNodeData[]> {
     const datas = (await this.loadNodes(undefined)) || [];
-    if (this.isSelectFirstDefault && this.defaultSelectKeys.length === 0) {
-      this.onTreeNodeClick(datas[0]);
-    }
+    const isFirstLoad = this.state.hasLoaded === false;
+    this.state.hasLoaded = true;
+    await this.nerve.self.evt.asyncEmit(
+      'afterLoad',
+      this.state.treeNodes,
+      isFirstLoad,
+    );
     return datas;
   }
 
@@ -68,13 +72,9 @@ export class TreeController extends MDController<TreeModel> {
 
     if (!parentNode) {
       // 没有父节点时，创建新的根节点作为父节点
-      this.state.rootNode = new TreeStaticNodeData(
-        this.model.rootNode,
-        undefined,
-        {
-          hasQuery,
-        },
-      );
+      this.state.rootNode = new TreeStaticNodeData(this.model.rootNode, {
+        hasQuery,
+      });
       parentNode = this.state.rootNode;
     }
 

package/src/controller/control/wizard-panel.ts

@@ -0,0 +1,222 @@
+import { Logger, RuntimeError } from '@ibiz-template/core';
+import { WizardFormModel, WizardPanelModel } from '@ibiz-template/model';
+import { WizardPanelService } from '../../service';
+import { IControlProvider } from '../interface';
+import { EditFormNeuron, WizardPanelNerve } from '../neuron';
+import { WizardPanelState } from '../state';
+import { ControlController } from './control';
+
+/**
+ * 向导面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class WizardPanelController
+ * @extends {ControlController<WizardPanelModel>}
+ */
+export class WizardPanelController<
+  T extends WizardPanelModel = WizardPanelModel,
+> extends ControlController<T> {
+  state = new WizardPanelState();
+
+  declare nerve: WizardPanelNerve;
+
+  /**
+   * 表单标识历史
+   *
+   * @author lxm
+   * @date 2023-02-16 08:41:35
+   * @type {string[]}
+   * @memberof WizardPanelController
+   */
+  tagHistory: string[] = [];
+
+  /**
+   * 所有部件的适配器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:07
+   * @type {{ [key: string]: IControlProvider }}
+   */
+  providers: { [key: string]: IControlProvider } = {};
+
+  /**
+   * 导航面板部件服务
+   *
+   * @author lxm
+   * @date 2023-02-16 05:32:31
+   * @type {WizardPanelService}
+   * @memberof WizardPanelController
+   */
+  service!: WizardPanelService;
+
+  protected createNerve(): WizardPanelNerve {
+    return new WizardPanelNerve(this);
+  }
+
+  /**
+   * 当前激活的向导表单
+   *
+   * @author lxm
+   * @date 2023-02-17 10:42:06
+   * @readonly
+   * @memberof WizardPanelController
+   */
+  get activeWizardForm(): WizardFormModel | undefined {
+    const { activeFormTag } = this.state;
+    const form = this.model.wizard.wizardFormMap.get(activeFormTag);
+    if (!form) {
+      Logger.debug(`找不到${activeFormTag}的向导表单`);
+    }
+    return form;
+  }
+
+  /**
+   * 当前激活向导表单的神经元
+   *
+   * @author lxm
+   * @date 2023-02-17 03:44:46
+   * @readonly
+   * @memberof WizardPanelController
+   */
+  get activeFormNeuron(): EditFormNeuron {
+    const { activeFormTag } = this.state;
+    const neuron = this.nerve.forms.get(activeFormTag);
+    if (!neuron) {
+      throw new RuntimeError(`找不到${activeFormTag}的表单神经元`);
+    }
+    return neuron;
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+
+    // 初始化服务
+    this.service = new WizardPanelService(this.model);
+    await this.service.init(this.context);
+
+    // 编辑表单适配器
+    const { editFormMap } = this.model;
+    if (editFormMap.size > 0) {
+      await Promise.all(
+        [...editFormMap.keys()].map(async key => {
+          const form = editFormMap.get(key);
+          this.providers[key] = await ibiz.register.control.get(form!);
+        }),
+      );
+    }
+  }
+
+  /**
+   * 执行初始化操作，存在初始化实体行为的时候加载数据并把主键放入上下文
+   *
+   * @author lxm
+   * @date 2022-08-19 14:08:50
+   */
+  async initialize(): Promise<void> {
+    const { initAction, wizard } = this.model;
+    if (initAction) {
+      const res = await this.service.initialize(this.context, this.params);
+      const { deName, keyName } = this.model.appEntity;
+      if (res.data && res.data[keyName]) {
+        this.context[deName] = res.data[keyName];
+      }
+    }
+    this.state.activeFormTag = wizard.firstForm.formTag;
+    this.tagHistory.push(wizard.firstForm.formTag);
+  }
+
+  /**
+   * 执行完成操作
+   *
+   * @author lxm
+   * @date 2023-02-16 06:20:18
+   * @returns {*}  {Promise<void>}
+   * @memberof WizardPanelController
+   */
+  async finish(): Promise<void> {
+    await this.service.finish(this.context, this.params);
+    this.nerve.self.evt.emit('afterFinish');
+  }
+
+  /**
+   * 向导表单渲染结束，通知其加载数据
+   *
+   * @author lxm
+   * @date 2023-02-16 03:56:30
+   * @param {string} name
+   * @memberof WizardPanelController
+   */
+  onFormMounted(name: string): void {
+    const neuron = this.nerve.forms.get(name);
+    if (!neuron) {
+      throw new RuntimeError(`找不到${name}对应的表单神经元`);
+    }
+    neuron.call.load();
+  }
+
+  /**
+   * 处理上一步按钮点击
+   *
+   * @author lxm
+   * @date 2023-02-16 09:10:04
+   * @memberof WizardPanelController
+   */
+  async onPrevClick(): Promise<void> {
+    // 先执行表单返回行为
+    await this.activeFormNeuron.call.goBack();
+    // 返回上一个表单
+    this.tagHistory.pop();
+    const prevTag = this.tagHistory[this.tagHistory.length - 1];
+    if (!prevTag) {
+      throw new RuntimeError('没有上一个表单');
+    }
+    this.state.activeFormTag = prevTag;
+  }
+
+  /**
+   * 处理下一步按钮点击
+   *
+   * @author lxm
+   * @date 2023-02-16 09:10:17
+   * @memberof WizardPanelController
+   */
+  async onNextClick(): Promise<void> {
+    // 保存
+    const data = await this.activeFormNeuron.call.save();
+    let nextTag;
+    if (data.srfnextform) {
+      const wizardForm = this.model.wizard.wizardFormMap.get(data.srfnextform);
+      if (!wizardForm) {
+        throw new RuntimeError(`找不到标识为${data.srfnextform}的向导表单`);
+      }
+      nextTag = data.srfnextform;
+    } else {
+      // 通过步骤找,找到下一个步骤对应的第一个向导表单
+      const { step } = this.activeWizardForm!;
+      const { wizardSteps } = this.model.wizard;
+      if (step) {
+        nextTag = wizardSteps[step.index + 1]?.forms[0]?.formTag;
+      }
+    }
+    if (!nextTag) {
+      throw new RuntimeError('找不到下一个向导表单');
+    }
+    this.state.activeFormTag = nextTag;
+    this.tagHistory.push(nextTag);
+  }
+
+  /**
+   * 处理完成按钮点击
+   *
+   * @author lxm
+   * @date 2023-02-16 09:09:45
+   * @memberof WizardPanelController
+   */
+  async onFinishClick() {
+    // 保存
+    await this.activeFormNeuron.call.save();
+    await this.finish();
+  }
+}