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

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

@@ -0,0 +1,204 @@
+'use strict';
+
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MobEditViewEngine extends runtime.ViewEngineBase {
+  get form() {
+    return this.view.getController("form");
+  }
+  async onCreated() {
+    await super.onCreated();
+    const { childNames, modal } = this.view;
+    childNames.push("form");
+    modal.hooks.shouldDismiss.tapPromise(async (context) => {
+      if (this.form.state.modified) {
+        const isAllow = await ibiz.modal.confirm({
+          title: "\u5173\u95ED\u63D0\u9192",
+          desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F"
+        });
+        if (!isAllow) {
+          context.allowClose = false;
+        }
+      }
+    });
+  }
+  /**
+   * 获取所有的工具栏控制器
+   * @author lxm
+   * @date 2023-06-30 04:06:17
+   * @protected
+   * @return {*}  {IToolbarController[]}
+   */
+  getAllToolbars() {
+    const toolbars = [];
+    if (this.leftToolbar) {
+      toolbars.push(this.leftToolbar);
+    }
+    if (this.rightToolbar) {
+      toolbars.push(this.rightToolbar);
+    }
+    if (this.footerToolbar) {
+      toolbars.push(this.footerToolbar);
+    }
+    return toolbars;
+  }
+  /**
+   * 更新工具栏状态
+   * @author lxm
+   * @date 2023-06-30 04:04:15
+   * @protected
+   * @param {IData} data
+   * @param {string} appDeId
+   */
+  updateToolbarState(data, appDeId) {
+    this.getAllToolbars().forEach((toolbar) => {
+      toolbar.calcButtonState(data, appDeId);
+    });
+  }
+  async onMounted() {
+    await super.onMounted();
+    const { model, evt } = this.view;
+    const formDeId = this.form.model.appDataEntityId;
+    const formDataStateChange = (event) => {
+      const data = event.data[0];
+      this.updateToolbarState(data, formDeId);
+      const info = {};
+      info.dataInfo = data.srfmajortext || "";
+      evt.emit("onViewInfoChange", info);
+    };
+    this.form.evt.on("onLoadSuccess", (event) => {
+      formDataStateChange(event);
+      evt.emit("onDataChange", { ...event, actionType: "LOAD" });
+    });
+    this.form.evt.on("onLoadDraftSuccess", (event) => {
+      formDataStateChange(event);
+      evt.emit("onDataChange", { ...event, actionType: "LOADDRAFT" });
+    });
+    this.form.evt.on("onSaveSuccess", (event) => {
+      const deName = runtime.calcDeCodeNameById(this.view.model.appDataEntityId);
+      const formData = event.data[0];
+      if (this.view.context[deName] !== formData.srfkey) {
+        this.view.context[deName] = formData.srfkey;
+      }
+      formDataStateChange(event);
+      evt.emit("onDataChange", { ...event, actionType: "SAVE" });
+    });
+    this.form.evt.on("onRemoveSuccess", (event) => {
+      formDataStateChange(event);
+      evt.emit("onDataChange", { ...event, actionType: "REMOVE" });
+    });
+    if (model.loadDefault) {
+      this.load();
+    }
+  }
+  getData() {
+    return this.form.getData();
+  }
+  async load() {
+    return this.form.load();
+  }
+  async save() {
+    return this.form.save();
+  }
+  async refresh() {
+    await this.load();
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.SAVE) {
+      await this.form.save();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.SAVE_AND_EXIT) {
+      await this.form.save();
+      return { closeView: true };
+    }
+    if (key === runtime.SysUIActionTag.REMOVE_AND_EXIT) {
+      const res = await this.form.remove();
+      return { closeView: res };
+    }
+    if (key === runtime.SysUIActionTag.SAVE_AND_NEW) {
+      this.saveAndNew();
+    }
+    if (key === runtime.SysUIActionTag.REFRESH) {
+      await this.refresh();
+    }
+    if (key === runtime.SysUIActionTag.SAVE_AND_START) {
+      await this.wfStart();
+    }
+    if (key === runtime.SysUIActionTag.VIEW_WF_STEP) {
+      await this.wfSubmit();
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 保存并新建
+   *
+   * @author zk
+   * @date 2023-06-01 01:06:59
+   * @return {*}
+   * @memberof MobEditViewEngine
+   */
+  async saveAndNew() {
+    await this.form.save();
+    this.form.state.data = new runtime.ControlVO();
+    this.view.context[runtime.calcDeCodeNameById(this.view.model.appDataEntityId)] = void 0;
+    await this.form.load();
+    return null;
+  }
+  /**
+   * 工作流启动
+   *
+   * @author lxm
+   * @date 2022-09-29 20:09:27
+   * @returns {*}  {Promise<void>}
+   */
+  async wfStart() {
+    await this.save();
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    const entityService = await app.deService.getService(
+      this.view.model.appDataEntityId
+    );
+    const res = await entityService.wf.getWFVersion();
+    if (res.data.length === 0) {
+      throw new core.RuntimeError("\u5F53\u524D\u5DE5\u4F5C\u6D41\u7248\u672C\u4E0D\u5B58\u5728");
+    }
+    const wfInfo = res.data[0];
+    const refKey = `WFSTART@${wfInfo.wfversion}`;
+    const newContext = Object.assign(this.view.context.clone(), {
+      activeForm: wfInfo["process-form"]
+    });
+    const newParams = {
+      processDefinitionKey: wfInfo.definitionkey
+    };
+    const startView = runtime.getAppViewRef(this.view.model, refKey);
+    if (!startView) {
+      await this.form.wfStart({ viewParam: newParams });
+      await this.view.closeView();
+      return;
+    }
+    const result = await ibiz.commands.execute(
+      runtime.OpenAppViewCommand.TAG,
+      startView.refAppViewId,
+      newContext,
+      newParams
+    );
+    if (result.ok) {
+      await this.view.closeView();
+    }
+  }
+  /**
+   * 工作流提交
+   *
+   * @author lxm
+   * @date 2022-09-29 20:09:27
+   * @returns {*}  {Promise<void>}
+   */
+  wfSubmit() {
+    return this.form.wfSubmit();
+  }
+}
+
+exports.MobEditViewEngine = MobEditViewEngine;

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

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

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

@@ -0,0 +1,61 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class MobMDViewEngine extends runtime.MDViewEngine {
+  get mdctrl() {
+    return this.view.getController("mdctrl");
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === runtime.SysUIActionTag.LOAD_MORE) {
+      await this.loadMore();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 多数据部件激活事件处理
+   * @author lxm
+   * @date 2023-08-31 02:53:37
+   * @protected
+   * @param {EventBase} event
+   * @return {*}  {Promise<void>}
+   */
+  async onXDataActive(event) {
+    const wfContext = runtime.getWFContext(event.data[0]);
+    Object.assign(event.context, wfContext);
+    await this.openData(event);
+  }
+  /**
+   * 加载更多数据
+   *
+   * @author chitanda
+   * @date 2023-06-16 17:06:10
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  loadMore() {
+    return this.mdctrl.loadMore();
+  }
+  /**
+   * 挂载完成
+   *
+   * @author zk
+   * @date 2023-05-26 10:05:13
+   * @memberof PickupGridViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    this.xdataControl.state.singleSelect = this.view.state.singleSelect;
+    this.xdataControl.evt.on("onSelectionChange", async (event) => {
+      this.view.evt.emit("onSelectionChange", { ...event });
+    });
+    this.xdataControl.evt.on("onActive", async (event) => {
+      this.view.evt.emit("onDataActive", { ...event });
+    });
+  }
+}
+
+exports.MobMDViewEngine = MobMDViewEngine;

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

@@ -0,0 +1,241 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var mobPickupView_engine = require('./mob-pickup-view.engine.cjs');
+
+"use strict";
+class MobMPickupViewEngine extends mobPickupView_engine.MobPickupViewEngine {
+  /**
+   * 简单列表控制器
+   *
+   * @author zk
+   * @date 2023-05-26 03:05:43
+   * @readonly
+   * @memberof MobMPickupViewEngine
+   */
+  get simpleList() {
+    return this.view.getController("simplelist");
+  }
+  /**
+   * 视图created生命周期执行逻辑
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:36
+   * @return {*}  {Promise<void>}
+   * @memberof MobMPickupViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    if (this.view.params.selectedData) {
+      this.selectData = JSON.parse(this.view.params.selectedData);
+      delete this.view.params.selectedData;
+    }
+    if (!this.view.slotProps.simplelist) {
+      this.view.slotProps.simplelist = {};
+    }
+    if (!this.view.slotProps.pickupviewpanel) {
+      this.view.slotProps.pickupviewpanel = {};
+    }
+    this.view.slotProps.pickupviewpanel.singleSelect = false;
+    this.view.slotProps.simplelist.singleSelect = false;
+    this.view.slotProps.simplelist.mdctrlActiveMode = 2;
+  }
+  /**
+   * 视图mounted生命周期执行逻辑
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:27
+   * @return {*}  {Promise<void>}
+   * @memberof MobMPickupViewEngine
+   */
+  async onMounted() {
+    console.log(this);
+    await super.onMounted();
+    this.pickupViewPanel.evt.on("onSelectionChange", (event) => {
+      this.pickupViewPanelSelectionChange(event.data);
+    });
+    this.simpleList.evt.on("onActive", (event) => {
+      this.removeSelection(event.data);
+    });
+    this.simpleList.setData(this.selectData);
+  }
+  /**
+   *  选则面板激活数据
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:13
+   * @param {*} data
+   * @memberof MobPickupViewEngine
+   */
+  pickupViewPanelDataActive() {
+  }
+  // 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;
+    }
+    if (key === runtime.SysUIActionTag.ADD_ALL) {
+      this.addAll();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.REMOVE_ALL) {
+      this.removeAll();
+      return null;
+    }
+    if (key === runtime.SysUIActionTag.ADD_SELECTION) {
+      this.addSelection();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   *  选则面板激活数据
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:13
+   * @param {*} data
+   * @memberof PickupViewEngine
+   */
+  pickupViewPanelSelectionChange(data) {
+    this.simpleList.setData(data);
+  }
+  /**
+   * 列表激活
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:47
+   * @param {IData[]} data
+   * @memberof MobMPickupViewEngine
+   */
+  // simpleListActive(data: IData[]): void {
+  //   if (!data || data.length === 0) {
+  //     return;
+  //   }
+  //   const item = data[0];
+  //   const allData = this.simpleList.getAllData();
+  //   // 删掉item
+  //   const index = allData.findIndex(_item => _item.srfkey === item.srfkey);
+  //   if (index !== -1) {
+  //     const items = allData.splice(index, 1);
+  //     this.simpleList.setData(items);
+  //   }
+  // }
+  /**
+   * 计算重复数据
+   *
+   * @author zk
+   * @date 2023-07-03 04:07:48
+   * @param {IData[]} items
+   * @param {IData} data
+   * @memberof MobMPickupViewEngine
+   */
+  calcDuplicateData(items, data) {
+    data.forEach((item) => {
+      const index = items.findIndex(
+        (_item) => _item.srfkey && _item.srfkey === item.srfkey || _item.id === item.id
+      );
+      if (index !== -1) {
+        items.splice(index, 1);
+      } else {
+        items.push(item);
+      }
+    });
+    return items;
+  }
+  /**
+   * 处理添加简单列表数据
+   *
+   * @author zk
+   * @date 2023-05-26 02:05:41
+   * @param {IData[]} data
+   * @memberof MobMPickupViewEngine
+   */
+  handlePushSimpleListItems(data) {
+    const allData = this.simpleList.getAllData();
+    const items = this.calcDuplicateData(allData, data);
+    this.simpleList.setData(items);
+  }
+  /**
+   * 添加所有
+   *
+   * @author zk
+   * @date 2023-05-25 05:05:12
+   * @memberof MobMPickupViewEngine
+   */
+  async addAll() {
+    const allItems = await this.pickupViewPanel.getAllData();
+    this.handlePushSimpleListItems(allItems);
+  }
+  /**
+   * 删除所有
+   *
+   * @author zk
+   * @date 2023-05-25 05:05:14
+   * @memberof MobMPickupViewEngine
+   */
+  removeAll() {
+    this.simpleList.setData([]);
+  }
+  /**
+   * 添加选中
+   *
+   * @author zk
+   * @date 2023-05-25 05:05:10
+   * @memberof MobMPickupViewEngine
+   */
+  async addSelection() {
+    const selectItem = await this.pickupViewPanel.getSelectedData();
+    this.handlePushSimpleListItems(selectItem);
+  }
+  /**
+   * 删除选中
+   *
+   * @author zk
+   * @date 2023-05-25 05:05:16
+   * @memberof MobMPickupViewEngine
+   */
+  removeSelection(selectData) {
+    const items = this.simpleList.getAllData();
+    selectData.forEach((_item) => {
+      const index = items.findIndex(
+        (item) => _item.srfkey === item.srfkey
+      );
+      if (index !== -1) {
+        items.splice(index, 1);
+      }
+    });
+    this.simpleList.setData(items);
+  }
+  /**
+   * 提交
+   *
+   * @author zk
+   * @date 2023-05-25 06:05:42
+   * @memberof MobMPickupViewEngine
+   */
+  confirm() {
+    const items = this.simpleList.getAllData();
+    this.view.closeView({ ok: true, data: items });
+  }
+  /**
+   * 计算底部的显示与否
+   * @author lxm
+   * @date 2023-06-20 02:45:17
+   * @protected
+   * @return {*}  {boolean}
+   */
+  calcViewFooterVisible() {
+    let showFooter = false;
+    if (this.simpleList) {
+      showFooter = true;
+    }
+    return showFooter;
+  }
+}
+
+exports.MobMPickupViewEngine = MobMPickupViewEngine;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var mobEditView_engine = require('./mob-edit-view.engine.cjs');
+
+"use strict";
+class MobOptViewEngine extends mobEditView_engine.MobEditViewEngine {
+  // 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) {
+      await this.confirm();
+      return null;
+    }
+    if (key === runtime.ViewCallTag.LOAD) {
+      this.load();
+      return null;
+    }
+    if (key === runtime.ViewCallTag.VALIDATE) {
+      return this.form.validate();
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 确认
+   *
+   * @memberof MobOptViewEngine
+   */
+  async confirm() {
+    await this.form.save();
+    this.view.closeView({ ok: true, data: this.getData() });
+  }
+  /**
+   * 取消
+   *
+   * @memberof MobOptViewEngine
+   */
+  cancel() {
+    this.view.closeView({ ok: false, data: [] });
+  }
+  calcViewFooterVisible() {
+    return true;
+  }
+}
+
+exports.MobOptViewEngine = MobOptViewEngine;

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

@@ -0,0 +1,47 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+class PickupMDViewEngine extends runtime.MDViewEngine {
+  /**
+   * 表格控制器
+   *
+   * @author zk
+   * @date 2023-05-26 05:05:43
+   * @readonly
+   * @memberof PickupMDViewViewEngine
+   */
+  get mdctrl() {
+    return this.view.getController("mdctrl");
+  }
+  async onCreated() {
+    super.onCreated();
+    if (!this.view.slotProps.mdctrl) {
+      this.view.slotProps.mdctrl = {};
+    }
+    this.view.slotProps.mdctrl.singleSelect = this.view.state.singleSelect;
+  }
+  async onMounted() {
+    await super.onMounted();
+    const { model } = this.view;
+    this.xdataControl.evt.on("onSelectionChange", async (event) => {
+      this.view.evt.emit("onSelectionChange", { ...event });
+    });
+    this.xdataControl.evt.on("onActive", async (event) => {
+      this.view.evt.emit("onDataActive", { ...event });
+    });
+    if (!this.view.state.noLoadDefault && model.loadDefault) {
+      this.load();
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === "GetAllData") {
+      return this.mdctrl.state.items;
+    }
+    return super.call(key, args);
+  }
+}
+
+exports.PickupMDViewEngine = PickupMDViewEngine;

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

@@ -0,0 +1,56 @@
+'use strict';
+
+var mobTreeView_engine = require('./mob-tree-view.engine.cjs');
+
+"use strict";
+class MobPickupTreeViewEngine extends mobTreeView_engine.MobTreeViewEngine {
+  /**
+   * 多数据部件名称
+   *
+   * @author zk
+   * @date 2023-06-28 09:06:55
+   * @readonly
+   * @memberof MobPickupTreeViewEngine
+   */
+  get xdataControlName() {
+    return "tree";
+  }
+  get tree() {
+    return this.view.getController("tree");
+  }
+  /**
+   * 挂载完成
+   *
+   * @author zk
+   * @date 2023-05-26 10:05:13
+   * @memberof PickupGridViewEngine
+   */
+  async onMounted() {
+    const { model } = this.view;
+    this.xdataControl.evt.on("onSelectionChange", async (event) => {
+      this.view.evt.emit("onSelectionChange", { ...event });
+    });
+    this.xdataControl.evt.on("onActive", async (event) => {
+      this.view.evt.emit("onDataActive", { ...event });
+    });
+    if (model.loadDefault) {
+      this.load();
+    }
+  }
+  /**
+   * 创建完成
+   *
+   * @author zk
+   * @date 2023-07-03 10:07:28
+   * @memberof MobPickupTreeViewEngine
+   */
+  async onCreated() {
+    super.onCreated();
+    if (!this.view.slotProps.tree) {
+      this.view.slotProps.tree = {};
+    }
+    this.view.slotProps.tree.singleSelect = this.view.state.singleSelect;
+  }
+}
+
+exports.MobPickupTreeViewEngine = MobPickupTreeViewEngine;