@ibiz-template/vue3-components 0.4.8-dev.0 → 0.4.9

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

@@ -0,0 +1,152 @@
+import { ModelError } from '@ibiz-template/core';
+import { ViewEngineBase, calcDeCodeNameById } from '@ibiz-template/runtime';
+
+"use strict";
+class TabExpViewEngine extends ViewEngineBase {
+  /**
+   * 分页导航面板
+   *
+   * @readonly
+   * @memberof TabExpViewEngine
+   */
+  get tabExpPanel() {
+    return this.view.getController("tabexppanel");
+  }
+  /**
+   * 视图created生命周期执行逻辑
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof TabExpViewEngine
+   */
+  async onCreated() {
+    var _a;
+    await super.onCreated();
+    const { childNames, model } = this.view;
+    childNames.push("tabexppanel");
+    if (!this.view.slotProps.tabexppanel) {
+      this.view.slotProps.tabexppanel = {};
+    }
+    const { appViewParams } = model;
+    const srfdefaultnav = (_a = appViewParams == null ? void 0 : appViewParams.find(
+      (item) => item.id === "srfdefaultnav"
+    )) == null ? void 0 : _a.value;
+    this.view.slotProps.tabexppanel.defaultTabName = this.view.state.srfnav || srfdefaultnav;
+    this.preprocessTabExpModelLayout();
+  }
+  async onMounted() {
+    await super.onMounted();
+    await this.loadEntityData();
+  }
+  async loadEntityData() {
+    const deName = calcDeCodeNameById(this.view.model.appDataEntityId);
+    if (!this.view.context[deName]) {
+      return;
+    }
+    return super.loadEntityData();
+  }
+  /**
+   * 根据视图模型配置方向决定分页面板部件位置方向
+   *
+   * @author zk
+   * @date 2023-09-20 05:09:37
+   * @protected
+   * @memberof TabExpViewEngine
+   */
+  preprocessTabExpModelLayout() {
+    const findPanelItem = (name, items = this.view.model.viewLayoutPanel.rootPanelItems) => {
+      if (items == null ? void 0 : items.length) {
+        for (let i = 0; i < items.length; i++) {
+          const item = items[i];
+          if (item.id === name) {
+            return item;
+          }
+          const container = item;
+          if (container.panelItems && container.panelItems.length > 0) {
+            const result = findPanelItem(name, container.panelItems);
+            if (result) {
+              return result;
+            }
+          }
+        }
+      }
+      return void 0;
+    };
+    const findPanelItemsAndDelete = (names, items = this.view.model.viewLayoutPanel.rootPanelItems) => {
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (names.includes(item.id)) {
+          items.splice(i, 1);
+        }
+        const container = item;
+        if (container.panelItems && container.panelItems.length > 0) {
+          findPanelItemsAndDelete(names, container.panelItems);
+        }
+      }
+    };
+    const setTabExpModelLayout = (name) => {
+      const tabexppanel = findPanelItem("tabexppanel");
+      if (!tabexppanel) {
+        throw new ModelError(
+          this.view.model.viewLayoutPanel,
+          `\u672A\u627E\u5230tabexppanel\u5E03\u5C40\u5360\u4F4D`
+        );
+      }
+      const layoutContainer = findPanelItem(name);
+      if (!layoutContainer) {
+        throw new ModelError(
+          this.view.model.viewLayoutPanel,
+          `\u672A\u627E\u5230${name}\u5E03\u5C40\u5BB9\u5668`
+        );
+      }
+      layoutContainer.panelItems = [tabexppanel];
+    };
+    const { tabLayout } = this.view.model;
+    const deleteItems = [
+      "view_tabexppanel",
+      "view_tabexppanel_left",
+      "view_tabexppanel_bottom",
+      "view_tabexppanel_right"
+    ];
+    let containerName = "view_tabexppanel";
+    switch (tabLayout) {
+      case "LEFT":
+        containerName = "view_tabexppanel_left";
+        deleteItems.splice(1, 1);
+        break;
+      case "BOTTOM":
+        containerName = "view_tabexppanel_bottom";
+        deleteItems.splice(2, 1);
+        break;
+      case "RIGHT":
+        containerName = "view_tabexppanel_right";
+        deleteItems.splice(3, 1);
+        break;
+      case "TOP":
+        deleteItems.splice(0, 1);
+        break;
+      default:
+        deleteItems.splice(0, 1);
+        break;
+    }
+    setTabExpModelLayout(containerName);
+    findPanelItemsAndDelete(deleteItems);
+  }
+  /**
+   * 计算视图头部元素的显示与否
+   * 所有部件容器名称均为：view_部件名称
+   *
+   * @author lxm
+   * @date 2023-06-06 07:16:26
+   * @protected
+   */
+  calcViewHeaderVisible() {
+    let showHeader = super.calcViewHeaderVisible();
+    const { tabLayout } = this.view.model;
+    if ((tabLayout === void 0 || tabLayout === "TOP") && this.tabExpPanel) {
+      showHeader = true;
+    }
+    return showHeader;
+  }
+}
+
+export { TabExpViewEngine };

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

@@ -0,0 +1,49 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { ExpViewEngine } from './exp-view.engine.mjs';
+
+"use strict";
+class TreeExpViewEngine extends ExpViewEngine {
+  /**
+   * 树导航栏部件名称
+   *
+   * @author lxm
+   * @date 2023-08-31 03:43:02
+   * @readonly
+   * @type {string}
+   */
+  get expBarName() {
+    return "treeexpbar";
+  }
+  /**
+   * 树部件控制器
+   *
+   * @readonly
+   * @memberof TreeExpViewEngine
+   */
+  get tree() {
+    return this.expBar.xDataController;
+  }
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+  async call(key, args) {
+    var _a;
+    if (key === SysUIActionTag.REFRESH_ALL) {
+      await this.tree.refresh();
+      return null;
+    }
+    if (key === SysUIActionTag.REFRESH) {
+      if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
+        await this.tree.refreshNodeChildren(args.data[0], false);
+      } else {
+        await this.tree.refresh();
+      }
+      return null;
+    }
+    if (key === SysUIActionTag.REFRESH_PARENT) {
+      await this.tree.refreshNodeChildren(args.data[0], true);
+      return null;
+    }
+    return super.call(key, args);
+  }
+}
+
+export { TreeExpViewEngine };

package/es/view-engine/tree-grid-ex-view.engine.mjs

@@ -0,0 +1,7 @@
+import { MDViewEngine } from '@ibiz-template/runtime';
+
+"use strict";
+class TreeGridExViewEngine extends MDViewEngine {
+}
+
+export { TreeGridExViewEngine };

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

@@ -0,0 +1,19 @@
+import { GridViewEngine } from './grid-view.engine.mjs';
+
+"use strict";
+class TreeGridViewEngine extends GridViewEngine {
+  /**
+   * 多数据部件名称
+   *
+   * @author zk
+   * @date 2023-10-07 06:10:44
+   * @readonly
+   * @type {string}
+   * @memberof TreeGridViewEngine
+   */
+  get xdataControlName() {
+    return "treegrid";
+  }
+}
+
+export { TreeGridViewEngine };

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

@@ -0,0 +1,37 @@
+import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
+
+"use strict";
+class TreeViewEngine extends MDViewEngine {
+  get tree() {
+    return this.view.getController("tree");
+  }
+  async onCreated() {
+    await super.onCreated();
+    if (!this.view.slotProps.tree) {
+      this.view.slotProps.tree = {};
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
+  async call(key, args) {
+    var _a;
+    if (key === SysUIActionTag.REFRESH_ALL) {
+      await this.tree.refresh();
+      return null;
+    }
+    if (key === SysUIActionTag.REFRESH) {
+      if ((_a = args == null ? void 0 : args.data) == null ? void 0 : _a[0]) {
+        await this.tree.refreshNodeChildren(args.data[0], false);
+      } else {
+        await this.tree.refresh();
+      }
+      return null;
+    }
+    if (key === SysUIActionTag.REFRESH_PARENT) {
+      await this.tree.refreshNodeChildren(args.data[0], true);
+      return null;
+    }
+    return super.call(key, args);
+  }
+}
+
+export { TreeViewEngine };

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

@@ -0,0 +1,59 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { WFDynaEditViewEngine } from './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 WFDynaActionViewEngine extends WFDynaEditViewEngine {
+  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.view.context.isEditable) {
+      await this.save();
+    } else {
+      this.form.state.modified = false;
+    }
+    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: [] });
+  }
+}
+
+export { WFDynaActionViewEngine };

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

@@ -0,0 +1,225 @@
+import { RuntimeModelError } from '@ibiz-template/core';
+import { getControl, getWFSubmitViewId, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
+import { EditViewEngine } from './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 WFDynaEditViewEngine extends EditViewEngine {
+  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 2023-06-19 07:09:38
+     * @type {IAppDEService}
+     */
+    __publicField(this, "entityService");
+    /**
+     * 当前激活表单模型
+     *
+     * @author lxm
+     * @date 2022-09-29 17:09:44
+     * @type {IDEEditForm}
+     */
+    __publicField(this, "processForm");
+    /**
+     * 工作流links
+     *
+     * @author lxm
+     * @date 2022-10-08 16:10:53
+     * @type {WFLink[]}
+     */
+    __publicField(this, "wfLinks", []);
+  }
+  get form() {
+    return this.view.getController(
+      this.processForm.name
+    );
+  }
+  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.toolbar) == 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 key = `process-${ibiz.env.isMob ? "mob" : ""}form`;
+    const processForm = res.data[key] ? `wfform_${res.data[key]}` : "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() {
+    if (!this.toolbar) {
+      throw new RuntimeModelError(this.view.model, "\u7F3A\u5C11\u5DE5\u5177\u680F\u90E8\u4EF6\u6A21\u578B");
+    }
+    this.toolbar.clearExtraButtons();
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    const entityService = await app.deService.getService(
+      this.view.model.appDataEntityId
+    );
+    const res = await 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 = createUUID();
+    });
+    const extraButtons = this.wfLinks.map((link) => {
+      return {
+        id: link.id,
+        appId: this.view.model.appId,
+        caption: link.sequenceFlowName,
+        buttonType: "extra",
+        tooltip: link.sequenceFlowName,
+        showCaption: true
+      };
+    });
+    this.toolbar.setExtraButtons("before", extraButtons);
+  }
+  /**
+   * 工作流工具栏点击回调处理
+   *
+   * @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 newContext = Object.assign(this.view.context.clone(), {
+      isEditable: this.isEditable,
+      activeForm: link.sequenceflowform
+    });
+    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();
+    }
+  }
+}
+
+export { WFDynaEditViewEngine };

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

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

package/es/view-engine/wf-dyna-start-view.engine.mjs

@@ -0,0 +1,55 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { WFDynaEditViewEngine } from './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 WFDynaStartViewEngine extends WFDynaEditViewEngine {
+  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() {
+    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: [] });
+  }
+}
+
+export { WFDynaStartViewEngine };

package/es/view-engine/wizard-view-engine.mjs

@@ -0,0 +1,36 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class WizardViewEngine extends ViewEngineBase {
+  /**
+   * 数据视图（卡片）部件
+   *
+   * @readonly
+   * @memberof WizardViewEngine
+   */
+  get wizardPanel() {
+    return this.view.getController("wizardpanel");
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("wizardpanel");
+  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @memberof WizardViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    if (!this.view.slotProps.wizardpanel) {
+      this.view.slotProps.wizardpanel = {};
+    }
+    this.wizardPanel.initialize();
+    this.wizardPanel.evt.on("onFinishSuccess", (_event) => {
+      this.view.closeView({ ok: true, data: [] });
+    });
+  }
+}
+
+export { WizardViewEngine };

package/lib/_virtual/FileSaver.min.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var FileSaver_min = {exports: {}};
+
+exports.__module = FileSaver_min;