@ibiz-template/runtime 0.1.11 → 0.1.12-dev.0

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

@@ -0,0 +1,86 @@
+import {
+  IPanelItemState,
+  ILayoutState,
+  IPanelItemClass,
+} from '../../../../interface';
+
+/**
+ * 面板成员状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:35
+ * @export
+ * @class PanelItemState
+ */
+export class PanelItemState implements IPanelItemState {
+  declare visible: boolean;
+
+  disabled: boolean = false;
+
+  declare keepAlive: boolean;
+
+  layout: ILayoutState = {
+    width: '',
+    height: '',
+    extraStyle: {},
+    extraClass: [],
+    contentStyle: {},
+  };
+
+  class: IPanelItemClass = {
+    container: [],
+    containerDyna: [],
+    label: [],
+    labelDyna: [],
+  };
+
+  /**
+   * 是否必填
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:27
+   * @type {boolean}
+   */
+  required: boolean = false;
+
+  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;
+        // eslint-disable-next-line no-setter-return
+        return true;
+      },
+    });
+
+    // 定义是否保活
+    let $keepAlive: boolean | undefined;
+    Object.defineProperty(this, 'keepAlive', {
+      enumerable: true,
+      configurable: true,
+      get() {
+        // 自身设置了值则只看自身
+        if ($keepAlive !== undefined) {
+          return $keepAlive;
+        }
+        // 自身没有设置值，看父
+        if (this.parent) {
+          return this.parent.keepAlive;
+        }
+        return false;
+      },
+      set(val) {
+        $keepAlive = val;
+        // eslint-disable-next-line no-setter-return
+        return true;
+      },
+    });
+  }
+}

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

@@ -0,0 +1,267 @@
+/* eslint-disable no-param-reassign */
+import { RuntimeError } from '@ibiz-template/core';
+import {
+  IPanel,
+  IPanelContainer,
+  IPanelItem,
+  IPanelTabPanel,
+} from '@ibiz/model-core';
+import {
+  IPanelState,
+  IPanelEvent,
+  IPanelController,
+  IPanelItemController,
+  IPanelItemProvider,
+  IControlProvider,
+  IPanelItemContainerController,
+} from '../../../../interface';
+import { getPanelItemProvider } from '../../../../register';
+import { ControlController } from '../../../common';
+import { PanelNotifyState } from '../../../constant';
+
+/**
+ * 面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class PanelController
+ * @extends {ControlController<PanelModel>}
+ */
+export class PanelController<
+    T extends IPanel = IPanel,
+    S extends IPanelState = IPanelState,
+    E extends IPanelEvent = IPanelEvent,
+  >
+  extends ControlController<T, S, E>
+  implements IPanelController<T, S, E>
+{
+  /**
+   * 所有面板成员的控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:07
+   * @type {{ [key: string]: IPanelItemController }}
+   */
+  panelItems: { [key: string]: IPanelItemController } = {};
+
+  /**
+   * 所有面板成员的适配器
+   *
+   * @author lxm
+   * @date 2022-08-24 20:08:07
+   * @type {{ [key: string]: IPanelItemProvider  | IControlProvider}}
+   */
+  providers: { [key: string]: IPanelItemProvider | IControlProvider } = {};
+
+  /**
+   * 外部输入数据
+   *
+   * @author lxm
+   * @date 2023-02-09 03:16:52
+   * @type {IData}
+   * @memberof PanelController
+   */
+  inputData: IData | undefined;
+
+  /**
+   * 面板数据
+   *
+   * @author lxm
+   * @date 2023-02-10 07:21:09
+   * @readonly
+   * @memberof PanelController
+   */
+  get data(): IData {
+    return this.state.data;
+  }
+
+  protected initState(): void {
+    super.initState();
+    this.state.data = {};
+  }
+
+  setInputData(data: IData | undefined): void {
+    this.inputData = data;
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    await this.initPanelItemControllers();
+  }
+
+  protected async onMounted(): Promise<void> {
+    this.load();
+  }
+
+  /**
+   * 初始化面板成员控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  protected async initPanelItemControllers(
+    panelItems: IPanelItem[] | undefined = this.model.rootPanelItems,
+    panel: PanelController = this,
+    parent: IPanelItemContainerController | undefined = undefined,
+  ): Promise<void> {
+    if (!panelItems) {
+      return;
+    }
+    await Promise.all(
+      panelItems.map(async panelItem => {
+        // 生成面板成员控制器
+        const panelItemProvider = await getPanelItemProvider(panelItem);
+        if (!panelItemProvider) {
+          return;
+        }
+        panel.providers[panelItem.id!] = panelItemProvider;
+        const panelItemController = await panelItemProvider.createController(
+          panelItem,
+          panel,
+          parent,
+        );
+        panel.panelItems[panelItem.id!] = panelItemController;
+        // 有子成员的生成子控制器
+        if ((panelItem as IPanelContainer).panelItems?.length) {
+          await this.initPanelItemControllers(
+            (panelItem as IPanelContainer).panelItems,
+            panel,
+            panelItemController as IPanelItemContainerController,
+          );
+        }
+        if ((panelItem as IPanelTabPanel).panelTabPages?.length) {
+          await this.initPanelItemControllers(
+            (panelItem as IPanelTabPanel).panelTabPages,
+            panel,
+            panelItemController as IPanelItemContainerController,
+          );
+        }
+      }),
+    );
+  }
+
+  /**
+   * 部件加载，获取数据，并执行一系列后续初始化逻辑
+   *
+   * @author lxm
+   * @date 2023-02-10 01:46:24
+   * @memberof PanelController
+   */
+  async load(): Promise<void> {
+    // 准备面板数据
+    const data = await this.prepareData();
+    if (!data) {
+      throw new RuntimeError('未获取到面板数据');
+    }
+    // 转换数据，处理原始数据和面板项的映射。
+    const panelData = this.convertData(data);
+
+    this.state.data = panelData;
+    this.panelStateNotify(PanelNotifyState.LOAD);
+  }
+
+  /**
+   * 根据获取模式准备原始数据
+   *
+   * @author lxm
+   * @date 2023-02-10 02:04:39
+   * @returns {*}  {(Promise<IData | undefined>)}
+   * @memberof PanelController
+   */
+  async prepareData(): Promise<IData | undefined> {
+    let data;
+    // 根据数据获取模式获取数据
+    switch (this.model.dataMode) {
+      // 未传入时获取
+      case 1:
+        if (this.inputData) {
+          data = this.inputData;
+        }
+        break;
+      // 不获取（使用传入数据）
+      default:
+        data = this.inputData || {};
+    }
+    return data;
+  }
+
+  /**
+   * 转换原始数据，映射面板属性
+   *
+   * @author lxm
+   * @date 2023-02-10 02:10:41
+   * @param {IData} data
+   * @returns {*}  {IData}
+   * @memberof PanelController
+   */
+  convertData(data: IData): IData {
+    // const map: IData = {};
+    // // 绑定数据项和name不一致的映射到map里
+    // this.model.panelFields.forEach(field => {
+    //   if (field.id !== field.dataFieldName) {
+    //     map[field.id] = field.dataFieldName;
+    //   }
+    // });
+
+    // return new Proxy(data, {
+    //   get(target, p, receiver) {
+    //     if (Reflect.ownKeys(map).includes(p)) {
+    //       return Reflect.get(target, map[p], receiver);
+    //     }
+    //     return Reflect.get(target, p, receiver);
+    //   },
+    //   set(target, p, value, receiver) {
+    //     Reflect.set(target, p, value, receiver);
+    //     return true;
+    //   },
+    // });
+    return data;
+  }
+
+  /**
+   * 通知所有面板成员面板操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  dataChangeNotify(names: string[]): void {
+    Object.values(this.panelItems).forEach(panelItem => {
+      panelItem.dataChangeNotify(names);
+    });
+  }
+
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  panelStateNotify(state: PanelNotifyState): void {
+    Object.values(this.panelItems).forEach(panelItem => {
+      panelItem.panelStateNotify(state);
+    });
+  }
+
+  /**
+   * 设置面板数据的值
+   *
+   * @param {string} name 要设置的数据的属性名称
+   * @param {unknown} value 要设置的值
+   */
+  async setDataValue(name: string, value: unknown): Promise<void> {
+    if (
+      Object.prototype.hasOwnProperty.call(this.state.data, name) &&
+      this.state.data[name] === value
+    ) {
+      // *`面板里没有属性${name}或者${name}的值未发生改变`
+      return;
+    }
+
+    // 改变值
+    this.state.data[name] = value;
+    this.dataChangeNotify([name]);
+  }
+}

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

@@ -0,0 +1 @@
+export * from './view-layout-panel.controller';

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

@@ -0,0 +1,77 @@
+import {
+  IPanelContainer,
+  IPanelItem,
+  IViewLayoutPanel,
+} from '@ibiz/model-core';
+import {
+  IViewLayoutPanelState,
+  IViewLayoutPanelEvent,
+  IViewLayoutPanelController,
+} from '../../../../interface';
+import { PanelController } from '../panel/panel.controller';
+
+/**
+ * 视图布局面板部件控制器
+ *
+ * @author lxm
+ * @date 2022-09-08 20:09:55
+ * @export
+ * @class ViewLayoutPanelController
+ * @extends {ControlController<ViewLayoutPanelModel>}
+ */
+export class ViewLayoutPanelController
+  extends PanelController<
+    IViewLayoutPanel,
+    IViewLayoutPanelState,
+    IViewLayoutPanelEvent
+  >
+  implements IViewLayoutPanelController
+{
+  protected async onCreated(): Promise<void> {
+    this.preprocessModel();
+    await super.onCreated();
+  }
+
+  protected registerToCtx(): void {
+    // 视图布局面板不注册
+  }
+
+  /**
+   * 预处理面板模型
+   * @author lxm
+   * @date 2023-06-27 06:57:57
+   * @param {IPanelContainer} [container]
+   */
+  preprocessModel(container?: IPanelContainer): void {
+    // 生成新的成员数组，把引用部件那层删掉，他的子展开到他原来的位置。
+    const getNewArr = (items: IPanelItem[]): IPanelItem[] => {
+      const children: IPanelItem[] = [];
+      items.forEach(item => {
+        if (
+          item.itemType === 'CONTAINER' &&
+          (item as IPanelContainer).predefinedType === 'PANELPART'
+        ) {
+          children.push(...((item as IPanelContainer).panelItems || []));
+        } else {
+          children.push(item);
+        }
+      });
+      // 过滤深层的子成员
+      children.forEach(item => {
+        if (item.itemType === 'CONTAINER') {
+          this.preprocessModel(item);
+        }
+      });
+      return children;
+    };
+
+    // 面板和面板容器子成员数组调整
+    if (!container) {
+      if (this.model.rootPanelItems?.length) {
+        this.model.rootPanelItems = getNewArr(this.model.rootPanelItems || []);
+      }
+    } else {
+      container.panelItems = getNewArr(container.panelItems || []);
+    }
+  }
+}

package/src/controller/control/pickup-view-panel/index.ts

@@ -0,0 +1 @@
+export * from './pickup-view-panel.controller';

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

@@ -0,0 +1,138 @@
+import { IAppDEGridView, IDEPickupViewPanel } from '@ibiz/model-core';
+import {
+  IPickupViewPanelState,
+  IPickupViewPanelEvent,
+  IPickupViewPanelController,
+  IViewController,
+  IPickupGridViewState,
+  IPickupGridViewEvent,
+} from '../../../interface';
+import { convertNavData } from '../../../utils';
+import { ControlController } from '../../common';
+
+/**
+ * 选择面板控制器
+ *
+ * @export
+ * @class PickupViewPanelController
+ * @extends {ControlController<IDEPickupViewPanel, IPickupViewPanelState, IPickupViewPanelEvent>}
+ * @implements {IPickupViewPanelController}
+ */
+export class PickupViewPanelController
+  extends ControlController<
+    IDEPickupViewPanel,
+    IPickupViewPanelState,
+    IPickupViewPanelEvent
+  >
+  implements IPickupViewPanelController
+{
+  /**
+   * 嵌入视图控制器
+   *
+   * @type {IViewController}
+   * @memberof PickupViewPanelController
+   */
+  embedView!: IViewController<
+    IAppDEGridView,
+    IPickupGridViewState,
+    IPickupGridViewEvent
+  >;
+
+  /**
+   * 生命周期-创建完成
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PickupViewPanelController
+   */
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    // 等待嵌入视图mounted完成，选择视图面板才mounted
+    this.mountCounter.enroll(this.model.embeddedAppDEViewId!);
+    this.initNavParam();
+  }
+
+  /**
+   * 初始化导航参数
+   *
+   * @memberof PickupViewPanelController
+   */
+  initNavParam(): void {
+    const { navigateContexts, navigateParams } = this.model;
+    const context = this.context.clone();
+    const params = { ...this.params };
+    if (navigateContexts) {
+      Object.assign(
+        context,
+        convertNavData(navigateContexts, this.context, this.params),
+      );
+    }
+    if (navigateParams) {
+      Object.assign(
+        params,
+        convertNavData(navigateParams, this.context, this.params),
+      );
+    }
+    this.state.context = context;
+    this.state.params = params;
+  }
+
+  /**
+   * 设置嵌入视图
+   *
+   * @param {IViewController} view
+   * @memberof PickupViewPanelController
+   */
+  setEmbedView(
+    view: IViewController<
+      IAppDEGridView,
+      IPickupGridViewState,
+      IPickupGridViewEvent
+    >,
+  ): void {
+    this.embedView = view;
+
+    // 视图面板的mounted等待嵌入视图的mounted之后
+    if (this.embedView.state.isMounted) {
+      this.mountCounter.attend(this.model.embeddedAppDEViewId!);
+    } else {
+      this.embedView.evt.on('onMounted', () => {
+        this.mountCounter.attend(this.model.embeddedAppDEViewId!);
+      });
+    }
+    this.embedView.evt.on('onSelectionChange', event => {
+      this.evt.emit('onSelectionChange', event);
+    });
+    this.embedView.evt.on('onDataActive', event => {
+      this.evt.emit('onDataActive', {
+        data: event.data,
+      });
+    });
+  }
+
+  /**
+   * 获取选中数据
+   *
+   * @author zk
+   * @date 2023-05-26 03:05:53
+   * @return {*}  {Promise<IData[]>}
+   * @memberof PickupViewPanelController
+   */
+  async getSelectedData(): Promise<IData[]> {
+    const items: IData[] = await this.embedView.call('GetData');
+    return items;
+  }
+
+  /**
+   * 获取全部数据
+   *
+   * @author zk
+   * @date 2023-05-26 03:05:49
+   * @return {*}  {Promise<IData[]>}
+   * @memberof PickupViewPanelController
+   */
+  async getAllData(): Promise<IData[]> {
+    const items: IData[] = await this.embedView.call('GetAllData');
+    return items;
+  }
+}

package/src/controller/control/search-bar/index.ts

@@ -0,0 +1 @@
+export * from './search-bar.controller';

package/src/controller/control/search-bar/search-bar.controller.ts

@@ -0,0 +1,76 @@
+import { ISearchBar } from '@ibiz/model-core';
+import {
+  ISearchBarState,
+  ISearchBarEvent,
+  ISearchBarController,
+} from '../../../interface';
+import { ControlController } from '../../common';
+
+/**
+ * 搜索栏控制器
+ *
+ * @author chitanda
+ * @date 2022-07-24 15:07:07
+ * @export
+ * @class SearchBarController
+ * @extends {ControlController}
+ */
+export class SearchBarController
+  extends ControlController<ISearchBar, ISearchBarState, ISearchBarEvent>
+  implements ISearchBarController
+{
+  /**
+   * 占位符
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-08-11 14:13:10
+   */
+  placeHolder = '';
+
+  protected initState(): void {
+    super.initState();
+    this.state.query = '';
+  }
+
+  protected async onCreated(): Promise<void> {
+    await super.onCreated();
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      this.model.appDataEntityId!,
+      this.context.srfappid,
+    )!;
+    if (appDataEntity) {
+      const searchField = appDataEntity.appDEFields?.find(field => {
+        return field.enableQuickSearch;
+      });
+      if (searchField?.lnlanguageRes && searchField.lnlanguageRes.lanResTag) {
+        this.placeHolder = ibiz.i18n.t(
+          searchField.lnlanguageRes.lanResTag,
+          searchField.lnlanguageRes.defaultContent,
+        );
+      } else if (searchField?.logicName) {
+        this.placeHolder = searchField.logicName;
+      }
+    }
+  }
+
+  /**
+   * 处理输入
+   * @param {string} val
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-06-01 18:08:07
+   */
+  handleInput(val: string): void {
+    this.state.query = val;
+  }
+
+  /**
+   * 处理搜索
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2023-06-01 18:08:18
+   */
+  handleSearch(): void {
+    this.evt.emit('onSearch', undefined);
+  }
+}

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

@@ -0,0 +1 @@
+export * from './tab-exp-panel.controller';