@ibiz-template/runtime 0.7.41-alpha.104 → 0.7.41-alpha.106

package/src/model/layout/layout.ts

@@ -0,0 +1,166 @@
+import { IGridLayoutPos, ILayoutPos } from '@ibiz/model-core';
+import { isArray, isObject, isString } from 'lodash-es';
+import type { GridLayoutAttrs, ScreenSize } from '../../interface';
+import { ScriptFactory } from '../../utils';
+
+/**
+ * 计算布局高宽
+ *
+ * @author lxm
+ * @date 2023-02-15 11:37:49
+ * @export
+ * @param {ILayoutPos} layoutPos
+ */
+export function calcLayoutHeightWidth(layoutPos: ILayoutPos): {
+  width: string;
+  height: string;
+} {
+  const { width, height, widthMode, heightMode } = layoutPos;
+  const result = { width: '', height: '' };
+  if (widthMode === 'FULL') {
+    result.width = '100%';
+  } else if (width && width > 0) {
+    if (width > 0 && width <= 1) {
+      result.width = `${width * 100}%`;
+    } else if (widthMode === 'PERCENTAGE') {
+      result.width = `${width}%`;
+    } else {
+      result.width = `${width}px`;
+    }
+  }
+  if (heightMode === 'FULL') {
+    result.height = '100%';
+  } else if (height && height > 0) {
+    if (height > 0 && height <= 1) {
+      result.height = `${height * 100}%`;
+    } else if (heightMode === 'PERCENTAGE') {
+      result.height = `${height}%`;
+    } else {
+      result.height = `${height}px`;
+    }
+  }
+  return result;
+}
+
+/**
+ * 计算内容对齐的样式
+ *
+ * @author lxm
+ * @date 2023-02-15 11:49:06
+ * @export
+ * @param {ILayoutPos} layoutPos
+ */
+export function calcContentAlignStyle(
+  layoutPos: ILayoutPos,
+): IData | undefined {
+  const { valignSelf, halignSelf } = layoutPos;
+  let result;
+  // 自身对齐方式
+  if (valignSelf || halignSelf) {
+    result = { display: 'flex' };
+    // 自身垂直对齐模式
+    switch (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 (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;
+}
+
+/**
+ * 计算栅格布局参数
+ * @author lxm
+ * @date 2023-06-30 10:49:04
+ * @export
+ * @param {IGridLayoutPos} layoutPos
+ * @return {*}  {Record<ScreenSize, GridLayoutAttrs>}
+ */
+export function calcGridLayoutPos(
+  layoutPos: IGridLayoutPos,
+): Record<ScreenSize, GridLayoutAttrs> {
+  const {
+    layout,
+    colXS,
+    colXSOffset,
+    colSM,
+    colSMOffset,
+    colMD,
+    colMDOffset,
+    colLG,
+    colLGOffset,
+  } = layoutPos;
+  const calcActualValues = (
+    span: number | undefined,
+    offset: number | undefined,
+  ): { span: number; offset?: number } => {
+    const multiplier = layout === 'TABLE_24COL' ? 1 : 2;
+    const spanDefault = layout === 'TABLE_24COL' ? 24 : 12;
+    const _span = (!span || span === -1 ? spanDefault : span) * multiplier;
+    const _offset = !offset || offset === -1 ? undefined : offset;
+    return {
+      span: _span,
+      offset: _offset,
+    };
+  };
+  return {
+    xs: calcActualValues(colXS, colXSOffset),
+    sm: calcActualValues(colSM, colSMOffset),
+    md: calcActualValues(colMD, colMDOffset),
+    lg: calcActualValues(colLG, colLGOffset),
+  };
+}
+
+/**
+ * 计算动态样式表类名集合
+ * @author lxm
+ * @date 2023-08-01 04:15:48
+ * @export
+ * @param {string} expression 脚本
+ * @param {IData} data 数据对象
+ * @return {*}  {string[]}
+ */
+export function calcDynaClass(expression: string, data: IData): string[] {
+  const classArr: string[] = [];
+  const result = ScriptFactory.execScriptFn({ data }, expression, {
+    singleRowReturn: true,
+    isAsync: false,
+  });
+  if (isString(result)) {
+    classArr.push(result);
+  } else if (isArray(result)) {
+    classArr.push(...result);
+  } else if (isObject(result)) {
+    Object.keys(result).forEach(key => {
+      if ((result as IData)[key]) {
+        classArr.push(key);
+      }
+    });
+  }
+  return classArr;
+}

package/src/model/main-state/main-state.ts

@@ -0,0 +1,67 @@
+import { IAppDataEntity, IDEMainState } from '@ibiz/model-core';
+
+/**
+ * 匹配实体的主状态，获取主状态模型
+ * @author lxm
+ * @date 2023-05-10 01:24:26
+ * @export
+ * @param {IAppDataEntity} appDataEntity 实体模型
+ * @param {IData} data 实体数据
+ * @return {*}  {(IDEMainState | undefined)}
+ */
+export function matchMainState(
+  appDataEntity: IAppDataEntity,
+  data: IData,
+): IDEMainState | undefined {
+  const { mainStateAppDEFieldIds, demainStates } = appDataEntity;
+  if (mainStateAppDEFieldIds && demainStates) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const values: any[] = [];
+    mainStateAppDEFieldIds.forEach(field => {
+      values.push(data[field]);
+    });
+    return demainStates.find(item => {
+      const { stateValue, state2Value, state3Value } = item;
+      let result = true;
+      const stateValues = [stateValue, state2Value, state3Value];
+      for (let i = 0; i < values.length; i++) {
+        if (`${values[i]}` !== `${stateValues[i]}`) {
+          result = false;
+          break;
+        }
+      }
+      return result;
+    });
+  }
+}
+
+/**
+ * 获取主状态对应的可执行的操作标识字符串集合
+ * @author lxm
+ * @date 2023-05-10 01:28:40
+ * @export
+ * @param {IDEMainState} mainState
+ * @param {IAppDataEntity} appDataEntity
+ * @return {*}  {string[]}
+ */
+export function calcMainStateOPPrivsStrs(
+  mainState: IDEMainState,
+  appDataEntity: IAppDataEntity,
+): string[] {
+  const app = ibiz.hub.getApp(appDataEntity.appId).model;
+  const { demainStateOPPrivs, opprivAllowMode } = mainState;
+  const mainStateOPPrivIds = demainStateOPPrivs?.map(item => item.name!) || [];
+  let opprivs: string[] = [];
+
+  // 允许模式只给配了的，拒绝模式给除了配了的之外的
+  if (opprivAllowMode) {
+    opprivs = mainStateOPPrivIds;
+  } else {
+    // 全部操作标识集合包含实体的和系统的
+    const allOPPrivs = [...app.deopprivs!, ...appDataEntity.deopprivs!];
+    opprivs = allOPPrivs
+      .filter(item => !mainStateOPPrivIds.includes(item.name!))
+      .map(item => item.name!);
+  }
+  return opprivs;
+}

package/src/model/panel/data-container.ts

@@ -0,0 +1,35 @@
+import { IPanelContainer, IPanelItem } from '@ibiz/model-core';
+
+/**
+ * 判断面板成员模型是否是数据容器
+ * @author lxm
+ * @date 2023-09-06 04:56:01
+ * @export
+ * @param {IPanelItem} panelItem
+ * @return {*}  {boolean}
+ */
+export function isDataContainer(panelItem: IPanelItem): boolean {
+  return (
+    panelItem.itemType === 'CONTAINER' &&
+    [
+      'CONTAINER_MULTIDATA',
+      'CONTAINER_SINGLEDATA',
+      'CONTAINER_MULTIDATA_RAW',
+    ].includes((panelItem as IPanelContainer).predefinedType!)
+  );
+}
+
+/**
+ * @description 判断是否为仅数据模式容器
+ * @export
+ * @param {IPanelItem} panelItem
+ * @return {*}  {boolean}
+ */
+export function isSimpleDataContainer(panelItem: IPanelItem): boolean {
+  return (
+    panelItem.itemType === 'CONTAINER' &&
+    ['CONTAINER_MULTIDATA_RAW'].includes(
+      (panelItem as IPanelContainer).predefinedType!,
+    )
+  );
+}

package/src/model/panel/index.ts

@@ -0,0 +1,2 @@
+export * from './data-container';
+export * from './panel-field';

package/src/model/panel/panel-field.ts

@@ -0,0 +1,49 @@
+import {
+  IPanel,
+  IPanelContainer,
+  IPanelField,
+  IPanelItem,
+} from '@ibiz/model-core';
+import { isDataContainer } from './data-container';
+
+const ChildKeys = ['panelItems', 'panelTabPages', 'rootPanelItems'] as const;
+
+function _getAllPanelField(model: IData): IPanelField[] {
+  let childItems: IPanelItem[] = [];
+  for (const key of ChildKeys) {
+    if (model[key] && model[key].length && model[key].length > 0) {
+      childItems = model[key];
+      break;
+    }
+  }
+  const fields: IPanelField[] = [];
+
+  if (childItems.length) {
+    // 过滤出当前层级的子里面的所有面板属性
+    fields.push(...childItems.filter(item => item.itemType === 'FIELD'));
+
+    // 递归遍历拿子里面的成员
+    childItems.forEach(item => {
+      // 如果是数据容器则不往下找
+      if (!isDataContainer(item)) {
+        fields.push(..._getAllPanelField(item));
+      }
+    });
+  }
+
+  return fields;
+}
+
+/**
+ * 获取所有子面板属性模型
+ * @author lxm
+ * @date 2023-11-01 04:45:44
+ * @export
+ * @param {(IPanel | IPanelContainer)} model
+ * @return {*}  {IPanelField[]}
+ */
+export function getAllPanelField(
+  model: IPanel | IPanelContainer,
+): IPanelField[] {
+  return _getAllPanelField(model);
+}

package/src/model/toolbar/toolbar.ts

@@ -0,0 +1,35 @@
+import { recursiveIterate } from '@ibiz-template/core';
+import {
+  IDETBUIActionItem,
+  IDEToolbar,
+  IDEToolbarItem,
+} from '@ibiz/model-core';
+
+/**
+ * 获取工具栏里面指定行为级别的界面行为项
+ * @author lxm
+ * @date 2023-12-19 03:07:51
+ * @export
+ * @param {IDEToolbar} toolbar 工具栏
+ * @param {number} actionLevel 行为级别 {50：不常用、 100：一般操作、 200：常用操作、 250：关键操作 }
+ * @return {*}  {IDETBUIActionItem[]}
+ */
+export function getUIActionItemsByActionLevel(
+  toolbar: IDEToolbar,
+  actionLevel: number,
+): IDETBUIActionItem[] {
+  const result: IDETBUIActionItem[] = [];
+  recursiveIterate(
+    toolbar,
+    (item: IDEToolbarItem) => {
+      if (item.itemType === 'DEUIACTION') {
+        const uiItem = item as IDETBUIActionItem;
+        if (uiItem.actionLevel === actionLevel) {
+          result.push(uiItem);
+        }
+      }
+    },
+    { childrenFields: ['detoolbarItems'] },
+  );
+  return result;
+}

package/src/model/tree/index.ts

@@ -0,0 +1,2 @@
+export * from './tree-node-rs';
+export * from './tree-node';

package/src/model/tree/tree-node-rs.ts

@@ -0,0 +1,34 @@
+import { IDETree, IDETreeNodeRS } from '@ibiz/model-core';
+import { getRootNode } from './tree-node';
+
+/**
+ * 判断节点关系是否显示
+ * @author lxm
+ * @date 2023-05-26 09:21:57
+ * @param {Number} searchMode [树节点关系搜索模式] {1：有搜索时启用、 2：无搜索时启用、 3：全部启用 }
+ * @param {boolean} hasQuery 是否有搜索条件
+ */
+function isNodeRsShow(searchMode: number, hasQuery: boolean): boolean {
+  return searchMode === 3 || (hasQuery ? searchMode === 1 : searchMode === 2);
+}
+
+/**
+ * 获取子节点关系
+ * @author lxm
+ * @date 2023-05-26 09:24:09
+ * @export
+ * @param {IDETree} tree
+ * @param {{ parentId?: string; hasQuery: boolean }} args
+ */
+export function getChildNodeRSs(
+  tree: IDETree,
+  args: { parentId?: string; hasQuery: boolean },
+): IDETreeNodeRS[] {
+  const parentId = args.parentId || getRootNode(tree).id!;
+  return tree.detreeNodeRSs!.filter(nodeRs => {
+    return (
+      nodeRs.parentDETreeNodeId === parentId &&
+      isNodeRsShow(nodeRs.searchMode!, args.hasQuery)
+    );
+  });
+}

package/src/model/tree/tree-node.ts

@@ -0,0 +1,26 @@
+import { IDETree, IDETreeNode, IDETreeStaticNode } from '@ibiz/model-core';
+
+/**
+ * 获取树的根节点
+ * @author lxm
+ * @date 2023-05-26 08:50:20
+ * @export
+ * @param {IDETree} tree
+ * @return {*}  {IDETreeStaticNode}
+ */
+export function getRootNode(tree: IDETree): IDETreeStaticNode {
+  return tree.detreeNodes!.find(node => node.rootNode)!;
+}
+
+/**
+ * 获取树节点模型
+ * @author lxm
+ * @date 2023-05-29 06:31:48
+ * @export
+ * @param {IDETree} tree 节点模型
+ * @param {string} id 节点模型id
+ * @return {*}  {IDETreeNode}
+ */
+export function getTreeNode(tree: IDETree, id: string): IDETreeNode {
+  return tree.detreeNodes!.find(node => node.id === id)!;
+}

package/src/model/ui-action/ui-action.ts

@@ -0,0 +1,97 @@
+import { IAppDEUIAction } from '@ibiz/model-core';
+
+// 预定义界面行为映射关系
+const sysUIActionMapping: Map<string, string> = new Map([
+  ['login', 'app_login'],
+  ['logout', 'app_logout'],
+  ['relogin', 'app_relogin'],
+  ['cancelchanges', 'data_cancelchanges'],
+  ['createobject', 'data_createobject'],
+  ['removeobject', 'data_removeobject'],
+  ['savechanges', 'data_savechanges'],
+  ['synchronize', 'data_synchronize'],
+  ['copy', 'editview_copyaction'],
+  ['exit', 'editview_exitaction'],
+  ['firstrecord', 'editview_firstrecordaction'],
+  ['help', 'editview_helpaction'],
+  ['lastrecord', 'editview_lastrecordaction'],
+  ['new', 'editview_newaction'],
+  ['nextrecord', 'editview_nextrecordaction'],
+  ['prevrecord', 'editview_prevrecordaction'],
+  ['print', 'editview_printaction'],
+  ['refresh', 'editview_refreshaction'],
+  ['removeandexit', 'editview_removeandexitaction'],
+  ['rollbackwf', 'editview_rollbackwfaction'],
+  ['save', 'editview_saveaction'],
+  ['saveandexit', 'editview_saveandexitaction'],
+  ['saveandnew', 'editview_saveandnewaction'],
+  ['saveandstart', 'editview_saveandstartwfaction'],
+  ['viewwfstep', 'editview_viewwfstepactoraction'],
+  ['copy', 'gridview_copyaction'],
+  ['edit', 'gridview_editaction'],
+  ['exportexcel', 'gridview_exportaction'],
+  ['exportmodel', 'gridview_exportxmlaction'],
+  ['help', 'gridview_helpaction'],
+  ['import', 'gridview_importbar'],
+  ['new', 'gridview_newaction'],
+  ['newrow', 'gridview_newrowaction'],
+  ['print', 'gridview_printaction'],
+  ['refresh', 'gridview_refreshaction'],
+  ['remove', 'gridview_removeaction'],
+  ['togglerowedit', 'gridview_roweditaction'],
+  ['saverow', 'gridview_saverowaction'],
+  ['togglefilter', 'gridview_searchbar'],
+  ['view', 'gridview_viewaction'],
+  ['refreshall', 'treeview_refreshallaction'],
+  ['refreshparent', 'treeview_refreshparentaction'],
+  ['addall', 'util_addall'],
+  ['addselection', 'util_addselection'],
+  ['togglebottomnavzone', 'util_bottomnavzone'],
+  ['collapse', 'util_collapse'],
+  ['collapseall', 'util_collapseall'],
+  ['expand', 'util_expand'],
+  ['expandall', 'util_expandall'],
+  ['finish', 'util_finish'],
+  ['nextstep', 'util_nextstep'],
+  ['prevstep', 'util_prevstep'],
+  ['removeall', 'util_removeall'],
+  ['removeselection', 'util_removeselection'],
+  ['reset', 'util_reset'],
+  ['togglerightnavzone', 'util_rightnavzone'],
+  ['search', 'util_search'],
+  ['cancel', 'view_cancelaction'],
+  ['no', 'view_noaction'],
+  ['ok', 'view_okaction'],
+  ['useraction', 'view_useraction'],
+  ['useraction2', 'view_useraction2'],
+  ['useraction3', 'view_useraction3'],
+  ['useraction4', 'view_useraction4'],
+  ['useraction5', 'view_useraction5'],
+  ['useraction6', 'view_useraction6'],
+  ['yes', 'view_yesaction'],
+]);
+
+/**
+ * 通过id获取界面行为模型方法
+ *
+ * @author chitanda
+ * @date 2023-12-07 17:12:16
+ * @export
+ * @param {string} id
+ * @param {string} appId
+ * @return {*}  {(Promise<IAppDEUIAction | undefined>)}
+ */
+export async function getUIActionById(
+  id: string,
+  appId: string,
+): Promise<IAppDEUIAction | undefined> {
+  let app = ibiz.hub.getApp(appId);
+  if (!app) {
+    app = await ibiz.hub.getAppAsync(appId);
+  }
+  let uiAction = await app.getUIAction(id);
+  if (!uiAction && sysUIActionMapping.has(id)) {
+    uiAction = await app.getUIAction(sysUIActionMapping.get(id)!);
+  }
+  return uiAction;
+}

package/src/model/utils/index.ts

@@ -0,0 +1 @@
+export * from './util';