@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/view-engine/mob-tab-exp-view.engine.mjs

@@ -0,0 +1,35 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class MobTabExpViewEngine extends ViewEngineBase {
+  /**
+   * 分页导航面板
+   *
+   * @author zk
+   * @date 2023-06-19 10:06:15
+   * @readonly
+   * @memberof MobTabExpViewEngine
+   */
+  get tabExpPanel() {
+    return this.view.getController("tabexppanel");
+  }
+  /**
+   * 视图created生命周期执行逻辑
+   *
+   * @author zk
+   * @date 2023-06-19 10:06:22
+   * @return {*}  {Promise<void>}
+   * @memberof MobTabExpViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("tabexppanel");
+    if (!this.view.slotProps.tabexppanel) {
+      this.view.slotProps.tabexppanel = {};
+    }
+    this.view.slotProps.tabexppanel.defaultTabName = this.view.state.srfnav;
+  }
+}
+
+export { MobTabExpViewEngine };

package/es/view-engine/mob-tree-view.engine.d.ts

@@ -0,0 +1,16 @@
+import { ViewController, ITreeViewEvent, ITreeViewState, MDViewEngine, ITreeController } from '@ibiz-template/runtime';
+import { IAppDEMobTreeView } from '@ibiz/model-core';
+export declare class MobTreeViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDEMobTreeView, ITreeViewState, ITreeViewEvent>;
+    /**
+     * 多数据部件名称
+     *
+     * @author zk
+     * @date 2023-06-28 09:06:55
+     * @readonly
+     * @memberof MobTreeViewEngine
+     */
+    get xdataControlName(): string;
+    get tree(): ITreeController;
+    onCreated(): Promise<void>;
+}

package/es/view-engine/mob-tree-view.engine.mjs

@@ -0,0 +1,27 @@
+import { MDViewEngine } from '@ibiz-template/runtime';
+
+"use strict";
+class MobTreeViewEngine extends MDViewEngine {
+  /**
+   * 多数据部件名称
+   *
+   * @author zk
+   * @date 2023-06-28 09:06:55
+   * @readonly
+   * @memberof MobTreeViewEngine
+   */
+  get xdataControlName() {
+    return "treeview";
+  }
+  get tree() {
+    return this.view.getController("treeview");
+  }
+  async onCreated() {
+    await super.onCreated();
+    if (!this.view.slotProps.tree) {
+      this.view.slotProps.tree = {};
+    }
+  }
+}
+
+export { MobTreeViewEngine };

package/es/view-engine/mob-wf-dyna-action-view.engine.d.ts

@@ -0,0 +1,31 @@
+import { ViewController, IWFDynaActionViewState, IWFDynaActionViewEvent } from '@ibiz-template/runtime';
+import { IAppDEMobWFDynaActionView } from '@ibiz/model-core';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine';
+export declare class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaActionView, IWFDynaActionViewState, IWFDynaActionViewEvent>}
+     * @memberof WFDynaActionViewEngine
+     */
+    protected view: ViewController<IAppDEMobWFDynaActionView, IWFDynaActionViewState, IWFDynaActionViewEvent>;
+    isCalcWFToolbar: boolean;
+    calcProcessFormName(): Promise<string>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 确认按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:13
+     */
+    onOkButtonClick(): Promise<void>;
+    /**
+     * 取消按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:00
+     */
+    onCancelButtonClick(): Promise<void>;
+    protected calcViewFooterVisible(): boolean;
+}

package/es/view-engine/mob-wf-dyna-action-view.engine.mjs

@@ -0,0 +1,60 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isCalcWFToolbar", false);
+  }
+  async calcProcessFormName() {
+    this.isEditable = this.view.context.isEditable === "true";
+    const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
+    return processForm;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === SysUIActionTag.OK) {
+      this.onOkButtonClick();
+      return null;
+    }
+    if (key === SysUIActionTag.CANCEL) {
+      await this.onCancelButtonClick();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 确认按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:13
+   */
+  async onOkButtonClick() {
+    if (this.isEditable) {
+      await this.save();
+    }
+    await this.form.wfSubmit({});
+    await this.view.closeView({ ok: true, data: this.getData() });
+  }
+  /**
+   * 取消按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-12 20:09:00
+   */
+  async onCancelButtonClick() {
+    await this.view.closeView({ ok: false, data: [] });
+  }
+  calcViewFooterVisible() {
+    return true;
+  }
+}
+
+export { MobWFDynaActionViewEngine };

package/es/view-engine/mob-wf-dyna-edit-view.engine.d.ts

@@ -0,0 +1,132 @@
+import { ViewController, IEditFormController, IWFDynaEditViewEvent, IWFDynaEditViewState, WFLink, IAppDEService, IToolbarController } from '@ibiz-template/runtime';
+import { IAppDEMobWFDynaEditView, IDEEditForm } from '@ibiz/model-core';
+import { WFActionButtonController } from '../panel-component/wf-action-button';
+import { MobEditViewEngine } from './mob-edit-view.engine';
+export declare class MobWFDynaEditViewEngine extends MobEditViewEngine {
+    protected view: ViewController<IAppDEMobWFDynaEditView, IWFDynaEditViewState, IWFDynaEditViewEvent>;
+    /**
+     * 流程表单是否可编辑
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:16
+     * @type {boolean}
+     */
+    isEditable: boolean;
+    /**
+     * 是否计算工作流工具栏
+     * @author lxm
+     * @date 2023-06-20 06:33:37
+     * @type {boolean}
+     */
+    isCalcWFToolbar: boolean;
+    /**
+     * 当前激活表单模型
+     *
+     * @author lxm
+     * @date 2022-09-29 17:09:44
+     * @type {IDEEditForm}
+     */
+    processForm: IDEEditForm;
+    /**
+     * 实体服务
+     * @author lxm
+     * @date 2023-06-19 07:09:38
+     * @type {IAppDEService}
+     */
+    entityService: IAppDEService;
+    /**
+     * 工作流links
+     *
+     * @author lxm
+     * @date 2022-10-08 16:10:53
+     * @type {WFLink[]}
+     */
+    wfLinks: WFLink[];
+    /**
+     * 编辑表单控制器
+     * @author lxm
+     * @date 2023-06-19 06:39:59
+     * @readonly
+     * @type {IEditFormController}
+     */
+    get form(): IEditFormController;
+    /**
+     * 底部按钮
+     *
+     * @author zk
+     * @date 2023-11-08 04:11:41
+     * @readonly
+     * @type {PanelButtonController}
+     * @memberof MobWFDynaEditViewEngine
+     */
+    get footerButton(): WFActionButtonController;
+    /**
+     * 工作流按钮所在的工具栏控制器
+     * @author lxm
+     * @date 2023-07-07 05:32:20
+     * @readonly
+     * @type {(IToolbarController | undefined)}
+     */
+    get wfToolbar(): IToolbarController | undefined;
+    onCreated(): Promise<void>;
+    onMounted(): Promise<void>;
+    load(): Promise<IData>;
+    /**
+     * 刷新页面
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:03
+     * @returns {*}  {Promise<void>}
+     */
+    refresh(): Promise<void>;
+    /**
+     * 计算流程步骤表单的名称
+     * @author lxm
+     * @date 2023-06-20 06:24:21
+     * @return {*}  {Promise<string>}
+     */
+    calcProcessFormName(): Promise<string>;
+    /**
+     * 计算当前步骤的表单
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:07
+     * @returns {*}  {Promise<void>}
+     */
+    calcProcessForm(): Promise<void>;
+    /**
+     * 计算工作流工具栏，需要在表单加载回来之后执行
+     *
+     * @author lxm
+     * @date 2022-09-30 19:09:44
+     * @returns {*}  {Promise<void>}
+     */
+    calcWfToolbar(): Promise<void>;
+    /**
+     * 工作流工具栏点击回调处理
+     *
+     * @author lxm
+     * @date 2022-10-08 17:10:29
+     * @param {id} link 点击按钮对应的id
+     * @returns {*}  {Promise<void>}
+     */
+    onLinkClick(id: string): Promise<void>;
+    /**
+     * 根据工作流link处理工作流提交
+     *
+     * @param {WFLink} link
+     * @returns {*}
+     * @memberof WFDynaEditViewController
+     */
+    wfSubmitByLink(link: WFLink): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 初始化工作流动态按钮
+     *
+     * @author zk
+     * @date 2023-11-12 06:11:49
+     * @protected
+     * @memberof MobWFDynaEditViewEngine
+     */
+    protected initFooterButton(): void;
+}

package/es/view-engine/mob-wf-dyna-edit-view.engine.mjs

@@ -0,0 +1,276 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { getControl, getWFSubmitViewId, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
+import { MobEditViewEngine } from './mob-edit-view.engine.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class MobWFDynaEditViewEngine extends MobEditViewEngine {
+  constructor() {
+    super(...arguments);
+    /**
+     * 流程表单是否可编辑
+     *
+     * @author lxm
+     * @date 2022-09-29 15:09:16
+     * @type {boolean}
+     */
+    __publicField(this, "isEditable", false);
+    /**
+     * 是否计算工作流工具栏
+     * @author lxm
+     * @date 2023-06-20 06:33:37
+     * @type {boolean}
+     */
+    __publicField(this, "isCalcWFToolbar", true);
+    /**
+     * 当前激活表单模型
+     *
+     * @author lxm
+     * @date 2022-09-29 17:09:44
+     * @type {IDEEditForm}
+     */
+    __publicField(this, "processForm");
+    /**
+     * 实体服务
+     * @author lxm
+     * @date 2023-06-19 07:09:38
+     * @type {IAppDEService}
+     */
+    __publicField(this, "entityService");
+    /**
+     * 工作流links
+     *
+     * @author lxm
+     * @date 2022-10-08 16:10:53
+     * @type {WFLink[]}
+     */
+    __publicField(this, "wfLinks", []);
+  }
+  /**
+   * 编辑表单控制器
+   * @author lxm
+   * @date 2023-06-19 06:39:59
+   * @readonly
+   * @type {IEditFormController}
+   */
+  get form() {
+    return this.view.getController(
+      this.processForm.name
+    );
+  }
+  /**
+   * 底部按钮
+   *
+   * @author zk
+   * @date 2023-11-08 04:11:41
+   * @readonly
+   * @type {PanelButtonController}
+   * @memberof MobWFDynaEditViewEngine
+   */
+  get footerButton() {
+    return this.view.layoutPanel.panelItems.wf_action_button;
+  }
+  /**
+   * 工作流按钮所在的工具栏控制器
+   * @author lxm
+   * @date 2023-07-07 05:32:20
+   * @readonly
+   * @type {(IToolbarController | undefined)}
+   */
+  get wfToolbar() {
+    return this.rightToolbar;
+  }
+  async onCreated() {
+    await super.onCreated();
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    this.entityService = await app.deService.getService(
+      this.view.model.appDataEntityId
+    );
+    await this.calcProcessForm();
+    const { childNames } = this.view;
+    childNames.push(this.processForm.name);
+  }
+  async onMounted() {
+    var _a;
+    await super.onMounted();
+    (_a = this.wfToolbar) == null ? void 0 : _a.evt.on("onClick", async (event) => {
+      if (event.buttonType === "extra" && event.eventArg) {
+        this.onLinkClick(event.eventArg);
+      }
+    });
+  }
+  async load() {
+    const res = await super.load();
+    if (this.isCalcWFToolbar) {
+      this.calcWfToolbar();
+    }
+    return res;
+  }
+  /**
+   * 刷新页面
+   *
+   * @author lxm
+   * @date 2022-09-29 15:09:03
+   * @returns {*}  {Promise<void>}
+   */
+  async refresh() {
+    const previous = this.processForm;
+    await this.calcProcessForm();
+    if (previous === this.processForm) {
+      await super.refresh();
+    }
+  }
+  /**
+   * 计算流程步骤表单的名称
+   * @author lxm
+   * @date 2023-06-20 06:24:21
+   * @return {*}  {Promise<string>}
+   */
+  async calcProcessFormName() {
+    const res = await this.entityService.wf.getWFStep(this.view.params);
+    this.isEditable = res.data.isEditable === "true";
+    const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
+    return processForm;
+  }
+  /**
+   * 计算当前步骤的表单
+   *
+   * @author lxm
+   * @date 2022-09-29 15:09:07
+   * @returns {*}  {Promise<void>}
+   */
+  async calcProcessForm() {
+    const processForm = await this.calcProcessFormName();
+    const formModel = getControl(this.view.model, processForm.toLowerCase());
+    if (!formModel) {
+      throw new RuntimeModelError(
+        this.view.model,
+        `\u627E\u4E0D\u5230\u8868\u5355${processForm}\u7684\u6A21\u578B`
+      );
+    }
+    this.processForm = formModel;
+    if (!this.view.slotProps.form) {
+      this.view.slotProps.form = {};
+    }
+    this.view.slotProps.form.modelData = this.processForm;
+  }
+  /**
+   * 计算工作流工具栏，需要在表单加载回来之后执行
+   *
+   * @author lxm
+   * @date 2022-09-30 19:09:44
+   * @returns {*}  {Promise<void>}
+   */
+  async calcWfToolbar() {
+    var _a;
+    if (!this.wfToolbar) {
+      throw new RuntimeModelError(this.view.model, "\u7F3A\u5C11\u5DE5\u5177\u680F\u90E8\u4EF6\u6A21\u578B");
+    }
+    (_a = this.wfToolbar) == null ? void 0 : _a.clearExtraButtons();
+    const res = await this.entityService.wf.getWFLink(
+      Object.assign(this.view.context.clone(), {
+        taskDefinitionKey: this.view.params.taskDefinitionKey
+      }),
+      this.getData()[0].getOrigin()
+    );
+    this.wfLinks = res.data;
+    this.wfLinks.forEach((item) => {
+      item.id = item.id ? item.id : createUUID();
+    });
+    this.initFooterButton();
+  }
+  /**
+   * 工作流工具栏点击回调处理
+   *
+   * @author lxm
+   * @date 2022-10-08 17:10:29
+   * @param {id} link 点击按钮对应的id
+   * @returns {*}  {Promise<void>}
+   */
+  async onLinkClick(id) {
+    const link = this.wfLinks.find((wfLink) => {
+      return wfLink.id === id;
+    });
+    if (link) {
+      return this.wfSubmitByLink(link);
+    }
+  }
+  /**
+   * 根据工作流link处理工作流提交
+   *
+   * @param {WFLink} link
+   * @returns {*}
+   * @memberof WFDynaEditViewController
+   */
+  async wfSubmitByLink(link) {
+    if (this.isEditable) {
+      await this.save();
+    }
+    const { sequenceflowmobform } = link;
+    const newContext = Object.assign(this.view.context.clone(), {
+      isEditable: this.isEditable,
+      processForm: sequenceflowmobform
+    });
+    const newParams = {
+      ...link
+    };
+    const submitView = getWFSubmitViewId(this.view.model, link);
+    if (!submitView) {
+      await this.form.wfSubmit({ viewParam: newParams });
+      await this.view.closeView();
+      return;
+    }
+    const result = await ibiz.commands.execute(
+      OpenAppViewCommand.TAG,
+      submitView,
+      newContext,
+      newParams
+    );
+    if (result.ok) {
+      await this.view.closeView();
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === "WFAction") {
+      this.onLinkClick(args.id);
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 初始化工作流动态按钮
+   *
+   * @author zk
+   * @date 2023-11-12 06:11:49
+   * @protected
+   * @memberof MobWFDynaEditViewEngine
+   */
+  initFooterButton() {
+    var _a;
+    const WFButtons = this.wfLinks.map((link) => {
+      return {
+        id: link.id,
+        caption: link.sequenceFlowName,
+        buttonType: "extra",
+        tooltip: link.sequenceFlowName,
+        name: link.sequenceFlowName
+      };
+    });
+    this.footerButton.initWFButtons(WFButtons);
+    if (this.wfLinks.length > 0 || this.footerToolbar) {
+      const controller = (_a = this.viewLayoutPanel) == null ? void 0 : _a.panelItems.view_footer;
+      if (controller) {
+        controller.state.visible = true;
+      }
+    }
+  }
+}
+
+export { MobWFDynaEditViewEngine };

package/es/view-engine/mob-wf-dyna-edit-view3.engine.d.ts

@@ -0,0 +1,14 @@
+import { ViewController, IWFDynaEditView3State, IWFDynaEditView3Event, IDRTabController } from '@ibiz-template/runtime';
+import { IAppDEWFDynaEditView } from '@ibiz/model-core';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine';
+export declare class MobWFDynaEditView3Engine extends MobWFDynaEditViewEngine {
+    protected view: ViewController<IAppDEWFDynaEditView, IWFDynaEditView3State, IWFDynaEditView3Event>;
+    onCreated(): Promise<void>;
+    /**
+     * 数据分页栏
+     *
+     * @readonly
+     * @memberof EditView3Engine
+     */
+    get drtab(): IDRTabController;
+}

package/es/view-engine/mob-wf-dyna-edit-view3.engine.mjs

@@ -0,0 +1,21 @@
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine.mjs';
+
+"use strict";
+class MobWFDynaEditView3Engine extends MobWFDynaEditViewEngine {
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("drtab");
+  }
+  /**
+   * 数据分页栏
+   *
+   * @readonly
+   * @memberof EditView3Engine
+   */
+  get drtab() {
+    return this.view.getController("drtab");
+  }
+}
+
+export { MobWFDynaEditView3Engine };

package/es/view-engine/mob-wf-dyna-start-view.engine.d.ts

@@ -0,0 +1,31 @@
+import { ViewController, IWFDynaStartViewState, IWFDynaStartViewEvent } from '@ibiz-template/runtime';
+import { IAppDEMobWFDynaStartView } from '@ibiz/model-core';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine';
+export declare class MobWFDynaStartViewEngine extends MobWFDynaEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEWFDynaStartView, IWFDynaStartViewState, IWFDynaStartViewEvent>}
+     * @memberof WFDynaStartViewEngine
+     */
+    protected view: ViewController<IAppDEMobWFDynaStartView, IWFDynaStartViewState, IWFDynaStartViewEvent>;
+    isCalcWFToolbar: boolean;
+    calcProcessFormName(): Promise<string>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 确认按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:13
+     */
+    onOkButtonClick(): Promise<void>;
+    /**
+     * 取消按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-12 20:09:00
+     */
+    onCancelButtonClick(): Promise<void>;
+    protected calcViewFooterVisible(): boolean;
+}