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

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

@@ -0,0 +1,202 @@
+import { RuntimeError } from '@ibiz-template/core';
+import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
+
+"use strict";
+class MobEditViewEngine extends 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 = 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 === SysUIActionTag.SAVE) {
+      await this.form.save();
+      return null;
+    }
+    if (key === SysUIActionTag.SAVE_AND_EXIT) {
+      await this.form.save();
+      return { closeView: true };
+    }
+    if (key === SysUIActionTag.REMOVE_AND_EXIT) {
+      const res = await this.form.remove();
+      return { closeView: res };
+    }
+    if (key === SysUIActionTag.SAVE_AND_NEW) {
+      this.saveAndNew();
+    }
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+    }
+    if (key === SysUIActionTag.SAVE_AND_START) {
+      await this.wfStart();
+    }
+    if (key === 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 ControlVO();
+    this.view.context[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 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 = getAppViewRef(this.view.model, refKey);
+    if (!startView) {
+      await this.form.wfStart({ viewParam: newParams });
+      await this.view.closeView();
+      return;
+    }
+    const result = await ibiz.commands.execute(
+      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();
+  }
+}
+
+export { MobEditViewEngine };

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

@@ -0,0 +1,21 @@
+import { IDRTabController, IEditView3Event, IEditView3State, ViewController } from '@ibiz-template/runtime';
+import { IAppDEEditView } from '@ibiz/model-core';
+import { MobEditViewEngine } from './mob-edit-view.engine';
+/**
+ * 编辑视图3（分页关系）
+ *
+ * @export
+ * @class EditView3Engine
+ * @extends {EditViewEngine}
+ */
+export declare class MobEditView3Engine extends MobEditViewEngine {
+    protected view: ViewController<IAppDEEditView, IEditView3State, IEditView3Event>;
+    onCreated(): Promise<void>;
+    /**
+     * 数据分页栏
+     *
+     * @readonly
+     * @memberof EditView3Engine
+     */
+    get drtab(): IDRTabController;
+}

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

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

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

@@ -0,0 +1,42 @@
+import { MDViewEngine, ViewController, IListViewState, IListViewEvent, IMobMDCtrlController, EventBase } from '@ibiz-template/runtime';
+import { IAppDEMobMDView } from '@ibiz/model-core';
+/**
+ * 移动端多数据视图驱动引擎
+ *
+ * @author chitanda
+ * @date 2023-06-16 17:06:00
+ * @export
+ * @class MobMDViewEngine
+ * @extends {MDViewEngine}
+ */
+export declare class MobMDViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDEMobMDView, IListViewState, IListViewEvent>;
+    get mdctrl(): IMobMDCtrlController;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 多数据部件激活事件处理
+     * @author lxm
+     * @date 2023-08-31 02:53:37
+     * @protected
+     * @param {EventBase} event
+     * @return {*}  {Promise<void>}
+     */
+    protected onXDataActive(event: EventBase): Promise<void>;
+    /**
+     * 加载更多数据
+     *
+     * @author chitanda
+     * @date 2023-06-16 17:06:10
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected loadMore(): Promise<void>;
+    /**
+     * 挂载完成
+     *
+     * @author zk
+     * @date 2023-05-26 10:05:13
+     * @memberof PickupGridViewEngine
+     */
+    onMounted(): Promise<void>;
+}

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

@@ -0,0 +1,59 @@
+import { MDViewEngine, SysUIActionTag, getWFContext } from '@ibiz-template/runtime';
+
+"use strict";
+class MobMDViewEngine extends 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 === 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 = 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 });
+    });
+  }
+}
+
+export { MobMDViewEngine };

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

@@ -0,0 +1,136 @@
+import { ViewController, IMPickupViewState, IMPickupViewEvent, IListController } from '@ibiz-template/runtime';
+import { IAppDEMobPickupView } from '@ibiz/model-core';
+import { MobPickupViewEngine } from './mob-pickup-view.engine';
+/**
+ * 多数据选择视图引擎
+ *
+ * @author zk
+ * @date 2023-05-25 03:05:17
+ * @export
+ * @class MobMPickupViewEngine
+ * @extends {MobViewBaseEngine}
+ */
+export declare class MobMPickupViewEngine extends MobPickupViewEngine {
+    protected view: ViewController<IAppDEMobPickupView, IMPickupViewState, IMPickupViewEvent>;
+    /**
+     * 简单列表控制器
+     *
+     * @author zk
+     * @date 2023-05-26 03:05:43
+     * @readonly
+     * @memberof MobMPickupViewEngine
+     */
+    get simpleList(): IListController;
+    /**
+     * 视图created生命周期执行逻辑
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:36
+     * @return {*}  {Promise<void>}
+     * @memberof MobMPickupViewEngine
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 视图mounted生命周期执行逻辑
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:27
+     * @return {*}  {Promise<void>}
+     * @memberof MobMPickupViewEngine
+     */
+    onMounted(): Promise<void>;
+    /**
+     *  选则面板激活数据
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:13
+     * @param {*} data
+     * @memberof MobPickupViewEngine
+     */
+    pickupViewPanelDataActive(): void;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     *  选则面板激活数据
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:13
+     * @param {*} data
+     * @memberof PickupViewEngine
+     */
+    pickupViewPanelSelectionChange(data: IData[]): void;
+    /**
+     * 列表激活
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:47
+     * @param {IData[]} data
+     * @memberof MobMPickupViewEngine
+     */
+    /**
+     * 计算重复数据
+     *
+     * @author zk
+     * @date 2023-07-03 04:07:48
+     * @param {IData[]} items
+     * @param {IData} data
+     * @memberof MobMPickupViewEngine
+     */
+    calcDuplicateData(items: IData[], data: IData[]): IData[];
+    /**
+     * 处理添加简单列表数据
+     *
+     * @author zk
+     * @date 2023-05-26 02:05:41
+     * @param {IData[]} data
+     * @memberof MobMPickupViewEngine
+     */
+    handlePushSimpleListItems(data: IData[]): void;
+    /**
+     * 添加所有
+     *
+     * @author zk
+     * @date 2023-05-25 05:05:12
+     * @memberof MobMPickupViewEngine
+     */
+    addAll(): Promise<void>;
+    /**
+     * 删除所有
+     *
+     * @author zk
+     * @date 2023-05-25 05:05:14
+     * @memberof MobMPickupViewEngine
+     */
+    removeAll(): void;
+    /**
+     * 添加选中
+     *
+     * @author zk
+     * @date 2023-05-25 05:05:10
+     * @memberof MobMPickupViewEngine
+     */
+    addSelection(): Promise<void>;
+    /**
+     * 删除选中
+     *
+     * @author zk
+     * @date 2023-05-25 05:05:16
+     * @memberof MobMPickupViewEngine
+     */
+    removeSelection(selectData: IData[]): void;
+    /**
+     * 提交
+     *
+     * @author zk
+     * @date 2023-05-25 06:05:42
+     * @memberof MobMPickupViewEngine
+     */
+    confirm(): void;
+    /**
+     * 计算底部的显示与否
+     * @author lxm
+     * @date 2023-06-20 02:45:17
+     * @protected
+     * @return {*}  {boolean}
+     */
+    protected calcViewFooterVisible(): boolean;
+}