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

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

@@ -0,0 +1,239 @@
+import { SysUIActionTag } from '@ibiz-template/runtime';
+import { MobPickupViewEngine } from './mob-pickup-view.engine.mjs';
+
+"use strict";
+class MobMPickupViewEngine extends 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 === SysUIActionTag.CANCEL) {
+      this.cancel();
+      return null;
+    }
+    if (key === SysUIActionTag.OK) {
+      this.confirm();
+      return null;
+    }
+    if (key === SysUIActionTag.ADD_ALL) {
+      this.addAll();
+      return null;
+    }
+    if (key === SysUIActionTag.REMOVE_ALL) {
+      this.removeAll();
+      return null;
+    }
+    if (key === 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;
+  }
+}
+
+export { MobMPickupViewEngine };

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

@@ -0,0 +1,27 @@
+import { ViewController, IOptViewState, IOptViewEvent } from '@ibiz-template/runtime';
+import { IAppDEEditView } from '@ibiz/model-core';
+import { MobEditViewEngine } from './mob-edit-view.engine';
+export declare class MobOptViewEngine extends MobEditViewEngine {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEEditView, IOptViewState, IOptViewEvent>}
+     * @memberof MobOptViewEngine
+     */
+    protected view: ViewController<IAppDEEditView, IOptViewState, IOptViewEvent>;
+    call(key: string, args: any): Promise<any>;
+    /**
+     * 确认
+     *
+     * @memberof MobOptViewEngine
+     */
+    confirm(): Promise<void>;
+    /**
+     * 取消
+     *
+     * @memberof MobOptViewEngine
+     */
+    cancel(): void;
+    protected calcViewFooterVisible(): boolean;
+}

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

@@ -0,0 +1,47 @@
+import { SysUIActionTag, ViewCallTag } from '@ibiz-template/runtime';
+import { MobEditViewEngine } from './mob-edit-view.engine.mjs';
+
+"use strict";
+class MobOptViewEngine extends MobEditViewEngine {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === SysUIActionTag.CANCEL) {
+      this.cancel();
+      return null;
+    }
+    if (key === SysUIActionTag.OK) {
+      await this.confirm();
+      return null;
+    }
+    if (key === ViewCallTag.LOAD) {
+      this.load();
+      return null;
+    }
+    if (key === 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;
+  }
+}
+
+export { MobOptViewEngine };

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

@@ -0,0 +1,17 @@
+import { ViewController, IPickupMDViewEvent, IPickupMDViewState, IMobMDCtrlController, MDViewEngine } from '@ibiz-template/runtime';
+import { IAppDEDataView } from '@ibiz/model-core';
+export declare class PickupMDViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDEDataView, IPickupMDViewState, IPickupMDViewEvent>;
+    /**
+     * 表格控制器
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:43
+     * @readonly
+     * @memberof PickupMDViewViewEngine
+     */
+    get mdctrl(): IMobMDCtrlController;
+    onCreated(): Promise<void>;
+    onMounted(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+}

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

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

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

@@ -0,0 +1,32 @@
+import { ViewController, IPickupTreeViewEvent, IPickupTreeViewState, ITreeController } from '@ibiz-template/runtime';
+import { IAppDEMobTreeView } from '@ibiz/model-core';
+import { MobTreeViewEngine } from './mob-tree-view.engine';
+export declare class MobPickupTreeViewEngine extends MobTreeViewEngine {
+    protected view: ViewController<IAppDEMobTreeView, IPickupTreeViewState, IPickupTreeViewEvent>;
+    /**
+     * 多数据部件名称
+     *
+     * @author zk
+     * @date 2023-06-28 09:06:55
+     * @readonly
+     * @memberof MobPickupTreeViewEngine
+     */
+    get xdataControlName(): string;
+    get tree(): ITreeController;
+    /**
+     * 挂载完成
+     *
+     * @author zk
+     * @date 2023-05-26 10:05:13
+     * @memberof PickupGridViewEngine
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 创建完成
+     *
+     * @author zk
+     * @date 2023-07-03 10:07:28
+     * @memberof MobPickupTreeViewEngine
+     */
+    onCreated(): Promise<void>;
+}

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

@@ -0,0 +1,54 @@
+import { MobTreeViewEngine } from './mob-tree-view.engine.mjs';
+
+"use strict";
+class MobPickupTreeViewEngine extends 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;
+  }
+}
+
+export { MobPickupTreeViewEngine };

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

@@ -0,0 +1,70 @@
+import { ViewController, IPickupViewPanelController, IPickupViewState, IPickupViewEvent, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppDEMobPickupView } from '@ibiz/model-core';
+export declare class MobPickupViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<IAppDEMobPickupView, IPickupViewState, IPickupViewEvent>}
+     * @memberof MobPickupViewEngine
+     */
+    protected view: ViewController<IAppDEMobPickupView, IPickupViewState, IPickupViewEvent>;
+    /**
+     * 选中数据
+     *
+     * @type {IData[]}
+     * @memberof MobPickupViewEngine
+     */
+    selectData: IData[];
+    /**
+     * 选择视图面板
+     *
+     * @readonly
+     * @memberof MobPickupViewEngine
+     */
+    get pickupViewPanel(): IPickupViewPanelController;
+    /**
+     * 视图created生命周期执行逻辑
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof MobPickupViewEngine
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 视图mounted生命周期执行逻辑
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof MobPickupViewEngine
+     */
+    onMounted(): Promise<void>;
+    /**
+     *  选则面板激活数据
+     *
+     * @author zk
+     * @date 2023-05-26 05:05:13
+     * @param {*} data
+     * @memberof MobPickupViewEngine
+     */
+    pickupViewPanelDataActive(data: IData[]): void;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 确认
+     *
+     * @memberof MobPickupViewEngine
+     */
+    confirm(): void;
+    /**
+     * 取消
+     *
+     * @memberof MobPickupViewEngine
+     */
+    cancel(): void;
+    /**
+     * 计算底部的显示与否
+     * @author lxm
+     * @date 2023-06-20 02:45:17
+     * @protected
+     * @return {*}  {boolean}
+     */
+    protected calcViewFooterVisible(): boolean;
+}

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

@@ -0,0 +1,114 @@
+import { ViewEngineBase, SysUIActionTag } from '@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 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 === SysUIActionTag.CANCEL) {
+      this.cancel();
+      return null;
+    }
+    if (key === 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;
+  }
+}
+
+export { MobPickupViewEngine };

package/es/view-engine/mob-tab-exp-view.engine.d.ts

@@ -0,0 +1,36 @@
+import { ViewController, ITabExpPanelController, ITabExpViewEvent, ITabExpViewState, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppDETabExplorerView } from '@ibiz/model-core';
+export declare class MobTabExpViewEngine extends ViewEngineBase {
+    /**
+     * 分页面板视图控制器
+     *
+     * @author zk
+     * @date 2023-06-19 10:06:00
+     * @protected
+     * @type {ViewController<
+     *     IAppDETabExplorerView,
+     *     ITabExpViewState,
+     *     ITabExpViewEvent
+     *   >}
+     * @memberof MobTabExpViewEngine
+     */
+    protected view: ViewController<IAppDETabExplorerView, ITabExpViewState, ITabExpViewEvent>;
+    /**
+     * 分页导航面板
+     *
+     * @author zk
+     * @date 2023-06-19 10:06:15
+     * @readonly
+     * @memberof MobTabExpViewEngine
+     */
+    get tabExpPanel(): ITabExpPanelController;
+    /**
+     * 视图created生命周期执行逻辑
+     *
+     * @author zk
+     * @date 2023-06-19 10:06:22
+     * @return {*}  {Promise<void>}
+     * @memberof MobTabExpViewEngine
+     */
+    onCreated(): Promise<void>;
+}