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

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

@@ -0,0 +1,12 @@
+import { PanelItemState } from './panel-item-state';
+
+/**
+ * 面板容器状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class PanelContainerState
+ * @extends {PanelItemState}
+ */
+export class PanelContainerState extends PanelItemState {}

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

@@ -0,0 +1,21 @@
+import { PanelItemState } from './panel-item-state';
+
+/**
+ * 面板属性状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:21
+ * @export
+ * @class PanelFieldState
+ * @extends {PanelItemState}
+ */
+export class PanelFieldState extends PanelItemState {
+  /**
+   * 值规则校验错误信息
+   *
+   * @author lxm
+   * @date 2022-09-01 22:09:02
+   * @type {string}
+   */
+  error: string | null = null;
+}

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

@@ -0,0 +1,72 @@
+import { ILayoutController } from '../../../../interface';
+
+/**
+ * 面板成员状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:35
+ * @export
+ * @class PanelItemState
+ */
+export class PanelItemState {
+  /**
+   * 是否显示
+   *
+   * @author lxm
+   * @date 2023-02-08 04:00:08
+   * @type {boolean}
+   * @memberof PanelItemState
+   */
+  declare visible: boolean;
+
+  /**
+   * 是否必填
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:27
+   * @type {boolean}
+   */
+  required: boolean = false;
+
+  /**
+   * 是否禁用
+   *
+   * @author lxm
+   * @date 2023-02-08 03:59:01
+   * @type {boolean}
+   * @memberof PanelItemState
+   */
+  disabled: boolean = false;
+
+  /**
+   * 布局
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:15
+   * @type {ILayoutController}
+   */
+  layoutController: ILayoutController = {
+    width: 'auto',
+    height: 'auto',
+    extraStyle: {},
+    extraClass: '',
+    contentStyle: {},
+  };
+
+  constructor(protected parent?: PanelItemState) {
+    // 定义是否显示，set方法需要返回true,否则vue proxy报错
+    let $visible: boolean = true;
+    Object.defineProperty(this, 'visible', {
+      enumerable: true,
+      configurable: true,
+      get() {
+        // 有父先看父的显示
+        return this.parent?.visible !== false && $visible;
+      },
+      set(val) {
+        $visible = val;
+        return true;
+      },
+    });
+  }
+}

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

@@ -0,0 +1,12 @@
+import { PanelItemState } from './panel-item-state';
+
+/**
+ * 面板直接内容状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:21
+ * @export
+ * @class PanelRawItemState
+ * @extends {PanelItemState}
+ */
+export class PanelRawItemState extends PanelItemState {}

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

@@ -0,0 +1,10 @@
+import { PanelItemState } from './panel-item-state';
+
+/**
+ * 面板分页状态
+ *
+ * @export
+ * @class PanelTabPageState
+ * @extends {PanelItemState}
+ */
+export class PanelTabPageState extends PanelItemState {}

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

@@ -0,0 +1,10 @@
+import { PanelItemState } from './panel-item-state';
+
+/**
+ * 面板分页面板状态
+ *
+ * @export
+ * @class PanelTabPanelState
+ * @extends {PanelItemState}
+ */
+export class PanelTabPanelState extends PanelItemState {}

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

@@ -0,0 +1,33 @@
+import { IButtonContainerState, ILayoutController } from '../../../interface';
+
+/**
+ *  门户部件控件状态
+ *
+ * @export
+ * @class PortletPartState
+ */
+export class PortletPartState {
+  /**
+   * 布局控制器
+   *
+   * @author lxm
+   * @date 2022-10-20 17:10:27
+   * @type {ILayoutController}
+   */
+  layoutController: ILayoutController = {
+    width: 'auto',
+    height: 'auto',
+    extraStyle: {},
+    extraClass: '',
+    contentStyle: {},
+    visible: true,
+  };
+
+  /**
+   * 界面行为组状态
+   *
+   * @type {(IButtonContainerState | null)}
+   * @memberof PortletPartState
+   */
+  actionGroupState: IButtonContainerState | null = null;
+}

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

@@ -0,0 +1,13 @@
+import { ControlState } from './control-state';
+
+export class WizardPanelState extends ControlState {
+  /**
+   * 当前激活的向导表单的表单标识
+   *
+   * @author lxm
+   * @date 2023-02-16 03:22:20
+   * @type {string}
+   * @memberof WizardPanelState
+   */
+  activeFormTag: string = '';
+}

package/src/controller/state/view/dataview-view-state.ts

@@ -0,0 +1,10 @@
+import { MDViewState } from './md-view-state';
+
+/**
+ * 数据视图UI状态
+ *
+ * @export
+ * @class DataViewViewState
+ * @extends {MDViewState}
+ */
+export class DataViewViewState extends MDViewState {}

package/src/controller/state/view/grid-exp-view-state.ts

@@ -1,5 +1,12 @@
+import { IBizContext } from '@ibiz-template/core';
 import { MDViewState } from './md-view-state';
 
+interface INavItem {
+  key: string;
+  context?: IBizContext;
+  params?: IParams;
+}
+
 /**
  * 表格导航视图状态
  *
@@ -13,5 +20,5 @@ export class GridExpViewState extends MDViewState {
    *
    * @memberof GridExpViewState
    */
-  navItem: IData = {};
+  navItem: INavItem = { key: '' };
 }

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

@@ -7,3 +7,7 @@ export { PickupViewState } from './pickup-view-state';
 export { MPickupViewState } from './mpickup-view-state';
 export { GridExpViewState } from './grid-exp-view-state';
 export { TreeExpViewState } from './tree-exp-view-state';
+export { DataViewViewState } from './dataview-view-state';
+export { ListViewState } from './list-view-state';
+export { ListExpViewState } from './list-exp-view-state';
+export { KanbanViewState } from './kanban-view-state';

package/src/controller/state/view/kanban-view-state.ts

@@ -0,0 +1,10 @@
+import { MDViewState } from './md-view-state';
+
+/**
+ * 看板视图UI状态
+ *
+ * @export
+ * @class KanbanViewState
+ * @extends {MDViewState}
+ */
+export class KanbanViewState extends MDViewState {}

package/src/controller/state/view/list-exp-view-state.ts

@@ -0,0 +1,24 @@
+import { IBizContext } from '@ibiz-template/core';
+import { MDViewState } from './md-view-state';
+
+interface INavItem {
+  key: string;
+  context?: IBizContext;
+  params?: IParams;
+}
+
+/**
+ * 列表导航视图状态
+ *
+ * @export
+ * @class ListExpViewState
+ * @extends {MDViewState}
+ */
+export class ListExpViewState extends MDViewState {
+  /**
+   * 导航项
+   *
+   * @memberof ListExpViewState
+   */
+  navItem: INavItem = { key: '' };
+}

package/src/controller/state/view/list-view-state.ts

@@ -0,0 +1,10 @@
+import { MDViewState } from './md-view-state';
+
+/**
+ * 列表视图UI状态
+ *
+ * @export
+ * @class ListViewState
+ * @extends {MDViewState}
+ */
+export class ListViewState extends MDViewState {}

package/src/controller/state/view/tree-exp-view-state.ts

@@ -1,5 +1,13 @@
 import { MDViewState } from './md-view-state';
 
+type INavViewParams = {
+  [p: string]: {
+    context: IContext;
+    params: IParams;
+    modelPath: string;
+  };
+};
+
 /**
  * 树导航视图状态
  *
@@ -7,4 +15,20 @@ import { MDViewState } from './md-view-state';
  * @class TreeExpViewState
  * @extends {ViewState}
  */
-export class TreeExpViewState extends MDViewState {}
+export class TreeExpViewState extends MDViewState {
+  /**
+   * 导航视图参数集合
+   *
+   * @type {INavViewParams}
+   * @memberof TreeState
+   */
+  navViewParams: INavViewParams = {};
+
+  /**
+   * 当前导航视图标识(当前选中的带导航的节点的标识)
+   *
+   * @type {string}
+   * @memberof TreeState
+   */
+  currentNavKey: string = '';
+}

package/src/controller/utils/button-state/button-state.ts

@@ -23,10 +23,15 @@ export class ButtonState implements IButtonState {
 
   declare uiAction: IPSAppDEUIAction;
 
-  declare entity: AppEntityModel;
+  declare entity?: AppEntityModel;
 
-  constructor(name: string, uiAction: IPSUIAction, entity: AppEntityModel) {
-    this.app = ibiz.hub.getApp(entity.modelService.app);
+  constructor(name: string, uiAction: IPSUIAction, entity?: AppEntityModel) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let s = uiAction.getPSModelService() as any;
+    if (s.getRealPSModelService) {
+      s = s.getRealPSModelService();
+    }
+    this.app = ibiz.hub.getApp(s.app);
     this.name = name;
     // 赋值uiAction
     Object.defineProperty(this, 'uiAction', {

package/src/controller/utils/index.ts

@@ -4,3 +4,4 @@ export * from './value-rule/value-rule';
 export * from './button-state';
 export * from './de-ac-mode/de-ac-mode-util';
 export * from './code-list/code-list';
+export * from './layout-helper/layout-helper';

package/src/controller/utils/layout-helper/layout-helper.ts

@@ -0,0 +1,86 @@
+import { IPSLayoutPos } from '@ibiz-template/model';
+
+/**
+ * 计算布局高宽
+ *
+ * @author lxm
+ * @date 2023-02-15 11:37:49
+ * @export
+ * @param {IPSLayoutPos} layoutPos
+ */
+export function calcLayoutHeightWidth(layoutPos: IPSLayoutPos): {
+  width: string;
+  height: string;
+} {
+  const { width, height, widthMode, heightMode } = layoutPos;
+  const result = { width: 'auto', height: 'auto' };
+  if (widthMode === 'FULL') {
+    result.width = '100%';
+  } else if (width > 0) {
+    if (widthMode === 'PERCENTAGE') {
+      result.width = `${width}%`;
+    } else {
+      result.width = `${width}px`;
+    }
+  }
+  if (heightMode === 'FULL') {
+    result.height = '100%';
+  } else if (height > 0) {
+    if (heightMode === 'PERCENTAGE') {
+      result.height = `${height}%`;
+    } else {
+      result.height = `${height}px`;
+    }
+  }
+  return result;
+}
+
+/**
+ * 计算布局内容压制自身的样式
+ *
+ * @author lxm
+ * @date 2023-02-15 11:49:06
+ * @export
+ * @param {IPSLayoutPos} layoutPos
+ * @returns {*}  {Partial<ILayoutController>}
+ */
+export function calcLayoutContentStyle(layoutPos: IPSLayoutPos): IData {
+  const { vAlignSelf, hAlignSelf } = layoutPos;
+  const result = {};
+  // 自身对齐方式
+  if (vAlignSelf || hAlignSelf) {
+    Object.assign(result, { display: 'flex' });
+    // 自身垂直对齐模式
+    switch (layoutPos.vAlignSelf) {
+      case 'TOP':
+        Object.assign(result, { 'align-items': 'flex-start' });
+        break;
+      case 'MIDDLE':
+        Object.assign(result, { 'align-items': 'center' });
+        break;
+      case 'BOTTOM':
+        Object.assign(result, { 'align-items': 'flex-end' });
+        break;
+      default:
+        break;
+    }
+    // 自身水平对齐模式
+    switch (layoutPos.hAlignSelf) {
+      case 'LEFT':
+        Object.assign(result, { 'justify-content': 'flex-start' });
+        break;
+      case 'CENTER':
+        Object.assign(result, { 'justify-content': 'center' });
+        break;
+      case 'RIGHT':
+        Object.assign(result, { 'justify-content': 'flex-end' });
+        break;
+      case 'JUSTIFY':
+        Object.assign(result, { 'justify-content': 'space-between' });
+        break;
+      default:
+        break;
+    }
+  }
+  return result;
+}

package/src/controller/utils/value-rule/value-rule.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { IPSDEFormItemVR, IPSDEGridEditItemVR } from '@ibiz-template/model';
 import { isNilOrEmpty } from 'qx-util';
-import { IBizVerify } from '../../../service';
+import { verifyDeRules } from '../../../utils';
 
 /**
  * 生成值规则
@@ -72,10 +72,10 @@ export function generateRules(
           if (isNilOrEmpty(source[valueName])) {
             return true;
           }
-          const { isPast, infoMessage } = IBizVerify.verifyDeRules(
+          const { isPast, infoMessage } = verifyDeRules(
             valueName,
             source,
-            deRule.getPSDEFVRGroupCondition(),
+            deRule.getPSDEFVRGroupCondition()!,
           );
           if (!isPast) {
             callback(new Error(infoMessage || deRule.ruleInfo));

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

@@ -0,0 +1,56 @@
+import { DataViewViewModel } from '@ibiz-template/model';
+import { DataViewViewNerve } from '../neuron';
+import { DataViewViewState } from '../state';
+import { MDViewController } from './md-view';
+
+/**
+ * 数据视图控制器
+ *
+ * @author chitanda
+ * @date 2022-08-01 18:08:54
+ * @export
+ * @class DataViewViewController
+ * @extends {MDViewController<DataViewViewModel>}
+ */
+export class DataViewViewController extends MDViewController<DataViewViewModel> {
+  state = new DataViewViewState();
+
+  declare nerve: DataViewViewNerve;
+
+  protected createNerve(): DataViewViewNerve {
+    return new DataViewViewNerve(this);
+  }
+
+  protected async onInit(): Promise<void> {
+    await super.onInit();
+    // 卡片适配器
+    const { dataView } = this.model;
+    if (dataView) {
+      this.providers[dataView.name] = await ibiz.register.control.get(dataView);
+    }
+  }
+
+  /**
+   * 视图加载方法
+   *
+   * @author lxm
+   * @date 2022-08-30 19:08:59
+   * @returns {*}  {Promise<void>}
+   */
+  async load(): Promise<IData[]> {
+    const { dataView } = this.nerve;
+    return dataView.call.load();
+  }
+
+  /**
+   * 视图删除方法
+   *
+   * @author lxm
+   * @date 2022-08-30 19:08:59
+   * @returns {*}  {Promise<void>}
+   */
+  async remove(): Promise<void> {
+    const { dataView } = this.nerve;
+    await dataView.call.remove();
+  }
+}

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

@@ -55,16 +55,6 @@ export class EditViewController<
     }
   }
 
-  protected handleViewParams(): void {
-    // 编辑视图识别上下文的srfkey并转成实体名称，然后删除srfkey
-    if (this.context.srfkey) {
-      this.context[this.model.appEntity.deName] = this.context.srfkey;
-      this.context.srfkey = undefined; // 避免delete不掉，先置空
-      delete this.context.srfkey;
-    }
-    return super.handleViewParams();
-  }
-
   getData(): IData[] {
     const formData = this.nerve.form.call.getData();
     return formData;