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

package/lib/view-engine/mob-pickup-view.engine.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"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 MobPickupViewEngine extends runtime.ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 选中数据
+     *
+     * @type {IData[]}
+     * @memberof MobPickupViewEngine
+     */
+    __publicField(this, "selectData", []);
+  }
+  /**
+   * 选择视图面板
+   *
+   * @readonly
+   * @memberof MobPickupViewEngine
+   */
+  get pickupViewPanel() {
+    return this.view.getController(
+      "pickupviewpanel"
+    );
+  }
+  /**
+   * 视图created生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof MobPickupViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("pickupviewpanel");
+    if (!this.view.slotProps.pickupviewpanel) {
+      this.view.slotProps.pickupviewpanel = {};
+    }
+    this.view.slotProps.pickupviewpanel.singleSelect = true;
+  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof MobPickupViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    this.pickupViewPanel.evt.on("onSelectionChange", (event) => {
+      this.selectData = event.data;
+    });
+    this.pickupViewPanel.evt.on("onDataActive", (event) => {
+      this.pickupViewPanelDataActive(event.data);
+    });
+  }
+  /**
+   *  选则面板激活数据
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:13
+   * @param {*} data
+   * @memberof MobPickupViewEngine
+   */
+  pickupViewPanelDataActive(data) {
+    this.selectData = data;
+    this.view.closeView({ ok: true, data: this.selectData });
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.CANCEL) {
+      this.cancel();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.OK) {
+      this.confirm();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 确认
+   *
+   * @memberof MobPickupViewEngine
+   */
+  confirm() {
+    this.view.closeView({ ok: true, data: this.selectData });
+  }
+  /**
+   * 取消
+   *
+   * @memberof MobPickupViewEngine
+   */
+  cancel() {
+    this.view.closeView({ ok: false, data: [] });
+  }
+  /**
+   * 计算底部的显示与否
+   * @author lxm
+   * @date 2023-06-20 02:45:17
+   * @protected
+   * @return {*}  {boolean}
+   */
+  calcViewFooterVisible() {
+    return true;
+  }
+}
+
+exports.MobPickupViewEngine = MobPickupViewEngine;

package/lib/view-engine/mob-tab-exp-view.engine.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MobTabExpViewEngine extends runtime.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;
+  }
+}
+
+exports.MobTabExpViewEngine = MobTabExpViewEngine;

package/lib/view-engine/mob-tree-view.engine.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MobTreeViewEngine extends runtime.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 = {};
+    }
+  }
+}
+
+exports.MobTreeViewEngine = MobTreeViewEngine;

package/lib/view-engine/mob-wf-dyna-action-view.engine.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var mobWfDynaEditView_engine = require('./mob-wf-dyna-edit-view.engine.cjs');
+
+"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 mobWfDynaEditView_engine.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 === runtime.SysUIActionTag.OK) {
+      this.onOkButtonClick();
+      return null;
+    }
+    if (key === runtime.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;
+  }
+}
+
+exports.MobWFDynaActionViewEngine = MobWFDynaActionViewEngine;

package/lib/view-engine/mob-wf-dyna-edit-view.engine.cjs

@@ -0,0 +1,278 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+var qxUtil = require('qx-util');
+var mobEditView_engine = require('./mob-edit-view.engine.cjs');
+
+"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 mobEditView_engine.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 = runtime.getControl(this.view.model, processForm.toLowerCase());
+    if (!formModel) {
+      throw new core.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 core.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 : qxUtil.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 = runtime.getWFSubmitViewId(this.view.model, link);
+    if (!submitView) {
+      await this.form.wfSubmit({ viewParam: newParams });
+      await this.view.closeView();
+      return;
+    }
+    const result = await ibiz.commands.execute(
+      runtime.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;
+      }
+    }
+  }
+}
+
+exports.MobWFDynaEditViewEngine = MobWFDynaEditViewEngine;

package/lib/view-engine/mob-wf-dyna-edit-view3.engine.cjs

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

package/lib/view-engine/mob-wf-dyna-start-view.engine.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var mobWfDynaEditView_engine = require('./mob-wf-dyna-edit-view.engine.cjs');
+
+"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 MobWFDynaStartViewEngine extends mobWfDynaEditView_engine.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 === runtime.SysUIActionTag.OK) {
+      this.onOkButtonClick();
+      return null;
+    }
+    if (key === runtime.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.wfStart({});
+    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;
+  }
+}
+
+exports.MobWFDynaStartViewEngine = MobWFDynaStartViewEngine;

package/lib/view-engine/portal-view.engine.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PortalViewEngine extends runtime.ViewEngineBase {
+  /**
+   * 数据看板部件
+   *
+   * @readonly
+   * @memberof PortalViewEngine
+   */
+  get dashboard() {
+    return this.view.getController("dashboard");
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("dashboard");
+  }
+}
+
+exports.PortalViewEngine = PortalViewEngine;

package/lib/view-engine/wf-step-trace-view.engine.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+
+"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 WFStepTraceViewEngine extends runtime.ViewEngineBase {
+  constructor() {
+    super(...arguments);
+    /**
+     * 实体服务
+     *
+     * @author zk
+     * @date 2023-07-04 10:07:42
+     * @protected
+     * @type {IAppDEService}
+     * @memberof WFStepTraceViewEngine
+     */
+    __publicField(this, "entityService");
+  }
+  /**
+   * 导航占位控制器
+   *
+   * @readonly
+   * @type {(NavPosController | undefined)}
+   * @memberof WFStepTraceViewEngine
+   */
+  get WFStepTrace() {
+    var _a;
+    return (_a = this.viewLayoutPanel) == null ? void 0 : _a.panelItems.wf_wfsteptrace;
+  }
+  /**
+   * 生命周期-组件加载完成
+   *
+   * @author zk
+   * @date 2023-07-04 10:07:18
+   * @memberof WFStepTraceViewEngine
+   */
+  async onMounted() {
+    var _a;
+    await super.onMounted();
+    const appDataEntityId = (_a = this.view.parentView) == null ? void 0 : _a.model.appDataEntityId;
+    if (!appDataEntityId) {
+      throw new core.RuntimeError("\u6CA1\u6709\u63A5\u6536\u5230appDataEntityId");
+    }
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    this.entityService = await app.deService.getService(appDataEntityId);
+    await this.load();
+  }
+  /**
+   * 加载数据
+   *
+   * @author zk
+   * @date 2023-07-04 10:07:36
+   * @return {*}
+   * @memberof WFStepTraceViewEngine
+   */
+  async load() {
+    var _a;
+    const res = await this.entityService.wf.getWFHistory(this.view.context);
+    if (res.data) {
+      (_a = this.WFStepTrace) == null ? void 0 : _a.setData(res.data);
+    }
+  }
+}
+
+exports.WFStepTraceViewEngine = WFStepTraceViewEngine;