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

package/src/controller/neuron/nerve/view/grid-exp-view-nerve.ts

@@ -0,0 +1,87 @@
+import {
+  GridNeuron,
+  Neuron,
+  ToolbarNeuron,
+  MDViewNerve,
+  GridExpViewNeuron,
+} from '../..';
+import { GridExpViewController } from '../../..';
+
+/**
+ * 表格导航视图神经系统
+ *
+ * @export
+ * @class GridExpViewNerve
+ * @extends {MDViewNerve<GridExpViewNeuron, GridExpViewController>}
+ */
+export class GridExpViewNerve extends MDViewNerve<
+  GridExpViewNeuron,
+  GridExpViewController
+> {
+  grid!: GridNeuron;
+
+  protected createNeuron(): GridExpViewNeuron {
+    return new GridExpViewNeuron(this.bindAbility());
+  }
+
+  protected bindAbility() {
+    return {
+      ...super.bindAbility(),
+      remove: this.controller.remove.bind(this.controller),
+      newRow: this.controller.newRow.bind(this.controller),
+    };
+  }
+
+  inclusive(name: string): boolean {
+    return (
+      name === 'gridexpbar_grid' ||
+      name === 'gridexpbar_toolbar' ||
+      super.inclusive(name)
+    );
+  }
+
+  connect(name: string, neuron: Neuron): void {
+    super.connect(name, neuron);
+    // 连接工具栏神经元,并监听其事件
+    if (name === 'gridexpbar_toolbar') {
+      this.toolbar = neuron as ToolbarNeuron;
+      this.toolbar.evt.on('destroyed', () => {
+        this.toolbar = undefined as never;
+      });
+      this.toolbar.evt.on(
+        'itemClick',
+        this.controller.onToolbarClick.bind(this.controller),
+      );
+    }
+    // 连接表格神经元,并监听其事件
+    if (name === 'gridexpbar_grid') {
+      this.grid = neuron as GridNeuron;
+      this.grid.evt.on('destroyed', () => {
+        this.grid = undefined as never;
+      });
+      this.grid.evt.on(
+        'dataActive',
+        this.controller.onDataActive.bind(this.controller),
+      );
+      this.grid.evt.on(
+        'selectionChange',
+        this.controller.onSelectionChange.bind(this.controller),
+      );
+      this.grid.evt.on(
+        'actionClick',
+        this.controller.executeViewLogic.bind(this.controller),
+      );
+      this.grid.evt.on('afterSave', (...args) =>
+        this.controller.onAfterSave(...args, name),
+      );
+      this.grid.evt.on('afterRemove', (...args) =>
+        this.controller.onAfterRemove(...args, name),
+      );
+    }
+  }
+
+  destroy(): void {
+    super.destroy();
+    this.grid = undefined as never;
+  }
+}

package/src/controller/neuron/nerve/view/index.ts

@@ -15,3 +15,5 @@ export * from './wf-dyna-action-view-nerve';
 export * from './app-portal-view-nerve';
 export * from './tree-exp-view-nerve';
 export * from './tab-exp-view-nerve';
+export * from './grid-exp-view-nerve';
+export * from './dashboard-view-nerve';

package/src/controller/neuron/nerve/view/tree-exp-view-nerve.ts

@@ -1,5 +1,6 @@
-import { ViewNerve, TreeExpViewNeuron, TreeNeuron, Neuron } from '../..';
+import { TreeExpViewNeuron, TreeNeuron, Neuron, MDViewNerve } from '../..';
 import { TreeExpViewController } from '../../..';
+import { ITreeNodeData } from '../../../../service';
 
 /**
  * 树导航视图神经系统
@@ -10,7 +11,7 @@ import { TreeExpViewController } from '../../..';
  * @class TreeExpViewNerve
  * @extends {ViewNerve<TreeExpViewNeuron, TreeExpViewController>}
  */
-export class TreeExpViewNerve extends ViewNerve<
+export class TreeExpViewNerve extends MDViewNerve<
   TreeExpViewNeuron,
   TreeExpViewController
 > {
@@ -28,6 +29,16 @@ export class TreeExpViewNerve extends ViewNerve<
     super.connect(name, neuron);
     if (name === 'tree') {
       this.tree = neuron as TreeNeuron;
+      this.tree.evt.on('destroyed', () => {
+        this.tree = undefined as never;
+      });
+      this.tree.evt.on(
+        'beforeLoad',
+        this.controller.onBeforeLoad.bind(this.controller),
+      );
+      this.tree.evt.on('dataActive', (data: IData) =>
+        this.controller.onDataActive(data as ITreeNodeData),
+      );
     }
   }
 

package/src/controller/neuron/neuron/view.ts

@@ -19,6 +19,8 @@ import {
   IWFDynaStartViewAbility,
   IWFEditViewAbility,
   IWFViewAbility,
+  IGridExpViewAbility,
+  IDashboardViewAbility,
 } from '../../interface/ability';
 import {
   IEditView3Event,
@@ -38,6 +40,8 @@ import {
   IWFDynaStartViewEvent,
   IWFEditViewEvent,
   IWFViewEvent,
+  IGridExpViewEvent,
+  IDashboardViewEvent,
 } from '../../interface/event';
 import { IAppPortalViewEvent } from '../../interface/event/view/i-app-portal-view-event';
 
@@ -105,3 +109,11 @@ export class TabExpViewNeuron extends Neuron<
   ITabExpViewEvent,
   ITabExpViewAbility
 > {}
+export class GridExpViewNeuron extends Neuron<
+  IGridExpViewEvent,
+  IGridExpViewAbility
+> {}
+export class DashboardViewNeuron extends Neuron<
+  IDashboardViewEvent,
+  IDashboardViewAbility
+> {}

package/src/controller/register/view-register.ts

@@ -1,5 +1,4 @@
-import { RuntimeError } from '@ibiz-template/core';
-import { IPSAppView } from '@ibiz-template/model';
+import { IPSAppView, UnsupportedModelError } from '@ibiz-template/model';
 import { RegisterBase } from '../../register';
 import { IViewRegister, IViewProvider } from '../interface';
 
@@ -30,7 +29,7 @@ export class ViewRegister
       if (this.providers.has(key)) {
         return this.providers.get(key)!;
       }
-      ibiz.log.error(`找不到插件标识${key}对应的适配器`, model);
+      ibiz.log.error(`找不到插件标识[${key}]对应的适配器`, model);
     }
     // 再找视图类型和视图样式
     const { viewType, viewStyle } = model;
@@ -40,7 +39,7 @@ export class ViewRegister
         return this.providers.get(key)!;
       }
       ibiz.log.error(
-        `找不到视图类型：${viewType}的视图样式：${viewStyle}对应的适配器`,
+        `找不到视图类型：[${viewType}]的视图样式：[${viewStyle}]对应的适配器`,
         model,
       );
     }
@@ -48,6 +47,7 @@ export class ViewRegister
     if (this.providers.has(viewType)) {
       return this.providers.get(viewType)!;
     }
-    throw new RuntimeError(`找不到视图类型${viewType}对应的适配器`);
+    ibiz.log.error(`找不到视图类型[${viewType}]对应的适配器`, model);
+    throw new UnsupportedModelError(model, `暂未实现`);
   }
 }

package/src/controller/state/control/app-menu-state.ts

@@ -0,0 +1,20 @@
+import { ControlState } from './control-state';
+
+/**
+ * 应用菜单部件UI状态
+ *
+ * @export
+ * @class AppMenuState
+ * @extends {ControlState}
+ */
+export class AppMenuState extends ControlState {
+  /**
+   * 菜单项状态
+   *
+   * @author lxm
+   * @date 2022-10-12 20:10:51
+   * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+   */
+  menuItemsState: { [p: string]: { visible: boolean; permitted: boolean } } =
+    {};
+}

package/src/controller/state/control/control-state.ts

@@ -0,0 +1,16 @@
+/**
+ * 部件UI状态
+ *
+ * @export
+ * @class ControlState
+ */
+export class ControlState {
+  /**
+   * 控制器是否已经准备完成
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:23
+   * @type {boolean}
+   */
+  complete: boolean = false;
+}

package/src/controller/state/control/form/edit-form-state.ts

@@ -0,0 +1,12 @@
+import { FormState } from './form-state';
+
+/**
+ * 编辑表单状态
+ *
+ * @author chitanda
+ * @date 2023-01-03 16:01:39
+ * @export
+ * @class EditFormState
+ * @extends {FormState}
+ */
+export class EditFormState extends FormState {}

package/src/controller/state/control/form/form-detail/form-button-state.ts

@@ -0,0 +1,13 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单按钮状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormButtonState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+}

package/src/controller/state/control/form/form-detail/form-container-state.ts

@@ -0,0 +1,16 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单容器状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:39
+ * @export
+ * @class FormContainerState
+ * @extends {FormDetailState}
+ */
+export class FormContainerState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+}

package/src/controller/state/control/form/form-detail/form-detail-state.ts

@@ -0,0 +1,63 @@
+import { ILayoutController } from '../../../../interface';
+
+/**
+ * 表单项状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:02
+ * @export
+ * @class FormDetailState
+ */
+export class FormDetailState {
+  $visible: boolean = true;
+
+  set visible(val: boolean) {
+    this.$visible = val;
+  }
+
+  get visible(): boolean {
+    return !!this.parent?.visible && this.$visible;
+  }
+
+  /**
+   * 是否必填
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:27
+   * @type {boolean}
+   */
+  required: boolean = false;
+
+  $disabled: boolean = false;
+
+  /**
+   * 是否禁用
+   *
+   * @author lxm
+   * @date 2022-09-01 21:09:44
+   * @type {boolean}
+   */
+  get disabled() {
+    return this.$disabled;
+  }
+
+  set disabled(val: boolean) {
+    this.$disabled = val;
+  }
+
+  /**
+   * 布局
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:15
+   * @type {ILayoutController}
+   */
+  layoutController: ILayoutController = {
+    width: '100%',
+    height: '100%',
+    extraStyle: {},
+    extraClass: '',
+  };
+
+  constructor(protected parent?: FormDetailState) {}
+}

package/src/controller/state/control/form/form-detail/form-druipart-state.ts

@@ -0,0 +1,40 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单关系界面状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormDruipartState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+
+  /**
+   * 关系界面组件绑的key，用来触发强制刷新
+   *
+   * @author lxm
+   * @date 2022-09-15 20:09:21
+   * @type {string}
+   */
+  viewComponentKey?: string;
+
+  /**
+   * 关系界面的上下文
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:32
+   * @type {IContext}
+   */
+  context!: IContext;
+
+  /**
+   * 关系界面的视图参数
+   *
+   * @author lxm
+   * @date 2022-09-14 18:09:42
+   * @type {IParams}
+   */
+  params!: IParams;
+}

package/src/controller/state/control/form/form-detail/form-group-panel-state.ts

@@ -0,0 +1,12 @@
+import { FormContainerState } from './form-container-state';
+
+/**
+ * 表单分组状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 10:01:28
+ * @export
+ * @class FormGroupPanelState
+ * @extends {FormContainerState}
+ */
+export class FormGroupPanelState extends FormContainerState {}

package/src/controller/state/control/form/form-detail/form-item-state.ts

@@ -0,0 +1,48 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单项状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormItemState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+
+  /**
+   * 值规则校验错误信息
+   *
+   * @author lxm
+   * @date 2022-09-01 22:09:02
+   * @type {string}
+   */
+  error: string | null = null;
+
+  /**
+   * 启用条件的禁用状态
+   *
+   * @author lxm
+   * @date 2022-09-19 16:09:18
+   */
+  enableCondDisabled = false;
+
+  /**
+   * 是否禁用
+   *
+   * @author lxm
+   * @date 2022-09-01 21:09:44
+   * @type {boolean}
+   */
+  get disabled() {
+    if (this.enableCondDisabled) {
+      return true;
+    }
+    return this.$disabled;
+  }
+
+  set disabled(val) {
+    this.$disabled = val;
+  }
+}

package/src/controller/state/control/form/form-detail/form-page-state.ts

@@ -0,0 +1,24 @@
+import { FormContainerState } from './form-container-state';
+
+/**
+ * 表单分页状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:57
+ * @export
+ * @class FormPageState
+ * @extends {FormContainerState}
+ */
+export class FormPageState extends FormContainerState {
+  /**
+   * 表单分页只看自身
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:20
+   * @readonly
+   * @type {boolean}
+   */
+  get visible(): boolean {
+    return this.$visible;
+  }
+}

package/src/controller/state/control/form/form-detail/form-raw-item-state.ts

@@ -0,0 +1,13 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单直接内容状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormRawItemState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+}

package/src/controller/state/control/form/form-detail/form-tab-page-state.ts

@@ -0,0 +1,13 @@
+import { FormContainerState } from './form-container-state';
+
+/**
+ * 表单分页面板状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormTabPageState extends FormContainerState {
+  constructor(protected parent?: FormContainerState) {
+    super(parent);
+  }
+}

package/src/controller/state/control/form/form-detail/form-tab-panel-state.ts

@@ -0,0 +1,13 @@
+import { FormDetailState } from './form-detail-state';
+
+/**
+ * 表单分页部件状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export class FormTabPanelState extends FormDetailState {
+  constructor(protected parent?: FormDetailState) {
+    super(parent);
+  }
+}

package/src/controller/state/control/form/form-state.ts

@@ -0,0 +1,31 @@
+import { ControlVO } from '../../../../service';
+import { ControlState } from '../control-state';
+
+/**
+ * 表单状态
+ *
+ * @author chitanda
+ * @date 2023-01-03 16:01:05
+ * @export
+ * @class FormState
+ * @extends {ControlState}
+ */
+export class FormState extends ControlState {
+  /**
+   * 是否加载完数据
+   *
+   * @author lxm
+   * @date 2022-10-24 19:10:04
+   * @type {boolean}
+   */
+  isLoaded: boolean = false;
+
+  /**
+   * 表单数据
+   *
+   * @author lxm
+   * @date 2022-08-22 22:08:19
+   * @type {ControlVO}
+   */
+  data: ControlVO = new ControlVO();
+}

package/src/controller/state/control/form/search-form-state.ts

@@ -0,0 +1,12 @@
+import { FormState } from './form-state';
+
+/**
+ * 搜索表单状态
+ *
+ * @author fangZhiHao
+ * @date 2023-01-04 10:01:53
+ * @export
+ * @class SearchFormState
+ * @extends {FormState}
+ */
+export class SearchFormState extends FormState {}

package/src/controller/state/control/grid-state.ts

@@ -0,0 +1,20 @@
+import { GridRowController } from '../../control';
+import { MDState } from './md-state';
+
+/**
+ * 表格部件UI状态
+ *
+ * @export
+ * @class GridState
+ * @extends {MDState}
+ */
+export class GridState extends MDState {
+  /**
+   * 表格行控制器
+   *
+   * @author lxm
+   * @date 2022-09-05 19:09:12
+   * @type {GridRowController[]}
+   */
+  rows: GridRowController[] = [];
+}

package/src/controller/state/control/index.ts

@@ -0,0 +1,22 @@
+// 表单
+export { EditFormState } from './form/edit-form-state';
+export { FormState } from './form/form-state';
+export { SearchFormState } from './form/search-form-state';
+// 表单项
+export { FormContainerState } from './form/form-detail/form-container-state';
+export { FormDetailState } from './form/form-detail/form-detail-state';
+export { FormGroupPanelState } from './form/form-detail/form-group-panel-state';
+export { FormPageState } from './form/form-detail/form-page-state';
+export { FormButtonState } from './form/form-detail/form-button-state';
+export { FormDruipartState } from './form/form-detail/form-druipart-state';
+export { FormItemState } from './form/form-detail/form-item-state';
+export { FormRawItemState } from './form/form-detail/form-raw-item-state';
+export { FormTabPageState } from './form/form-detail/form-tab-page-state';
+export { FormTabPanelState } from './form/form-detail/form-tab-panel-state';
+
+// 其他部件
+export { AppMenuState } from './app-menu-state';
+export { ControlState } from './control-state';
+export { MDState } from './md-state';
+export { GridState } from './grid-state';
+export { TreeState } from './tree-state';

package/src/controller/state/control/md-state.ts

@@ -0,0 +1,57 @@
+import { ControlVO } from '../../../service';
+import { ControlState } from './control-state';
+
+/**
+ * 多数据部件UI状态
+ *
+ * @export
+ * @class MDState
+ * @extends {ControlState}
+ */
+export class MDState extends ControlState {
+  /**
+   * 多数据部件数据集合
+   * @author lxm
+   * @date 2022-08-17 19:08:11
+   * @type {ControlVO[]}
+   */
+  items: ControlVO[] = [];
+
+  /**
+   * 多数据部件已选中的数据集合
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:14
+   * @type {IData[]}
+   */
+  selectedData: IData[] = [];
+
+  /**
+   * 是否是单项选择
+   *
+   * @author lxm
+   * @date 2022-08-19 10:08:29
+   * @type {boolean}
+   */
+  singleSelect: boolean = true;
+
+  /**
+   * 当前页
+   */
+  curPage: number = 1;
+
+  /**
+   * 分页条数
+   */
+  size: number = 20;
+
+  /**
+   * 总条数
+   */
+  total: number = 0;
+
+  /**
+   * 是否加载过数据
+   */
+  hasLoaded: boolean = false;
+}

package/src/controller/state/control/tree-state.ts

@@ -0,0 +1,29 @@
+import { ITreeNodeData } from '../../../service';
+import { MDState } from './md-state';
+
+/**
+ * 树部件UI状态
+ *
+ * @export
+ * @class GridState
+ * @extends {MDState}
+ */
+export class TreeState extends MDState {
+  /**
+   * 树节点集合
+   *
+   * @type {ITreeNodeData[]}
+   * @memberof TreeController
+   */
+  get treeNodes(): ITreeNodeData[] {
+    return this.rootNode?.children || [];
+  }
+
+  /**
+   * 树的根节点
+   *
+   * @type {ITreeNodeData}
+   * @memberof TreeState
+   */
+  rootNode: ITreeNodeData | null = null;
+}