@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.3

package/lib/control/grid/grid/grid.controller.js

@@ -0,0 +1,386 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@ibiz-template/core");
+const runtime = require("@ibiz-template/runtime");
+const gridRow_controller = require("./grid-row.controller");
+const gridState = require("./grid-state");
+class GridController extends runtime.MDController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new gridState.GridState());
+    /**
+     * 所有表格列控制器集合
+     *
+     * @author lxm
+     * @date 2022-11-14 15:11:14
+     * @type {{ [key: string]: GridColumnController }}
+     */
+    __publicField(this, "columns", {});
+    /**
+     * 所有表格属性列的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: GridFieldColumnController }}
+     */
+    __publicField(this, "fieldColumns", {});
+    /**
+     * 所有表格操作列的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: GridUAColumnController }}
+     */
+    __publicField(this, "uaColumns", {});
+    // /**
+    //  * 所有表格编辑项的控制器
+    //  *
+    //  * @author lxm
+    //  * @date 2022-08-24 20:08:07
+    //  * @type {{ [key: string]: GridEditItemController }}
+    //  */
+    // editItems: { [key: string]: GridEditItemController } = {};
+    /**
+     * 表格列的适配器
+     *
+     * @author lxm
+     * @date 2022-11-14 14:11:39
+     * @type {{ [key: string]: IGridColumnProvider }}
+     */
+    __publicField(this, "providers", {});
+    /**
+     * 表格行控制器
+     *
+     * @deprecated
+     * @author lxm
+     * @date 2022-09-05 19:09:12
+     * @type {GridRowController[]}
+     */
+    __publicField(this, "rows", []);
+    /**
+     * 是否有配置宽度自适应列
+     *
+     * @type {boolean}
+     * @memberof GridController
+     */
+    __publicField(this, "hasWidthFlexGrow", false);
+  }
+  /**
+   * 是否默认禁用排序
+   *
+   * @author lxm
+   * @date 2022-09-28 11:09:48
+   * @readonly
+   */
+  get noSort() {
+    return !!this.model.noSort;
+  }
+  /**
+   * 初始化方法
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:17
+   * @protected
+   * @returns {*}  {Promise<void>}
+   */
+  async doCreated() {
+    await super.doCreated();
+    this.state.size = this.model.pagingSize || 20;
+    this.state.singleSelect = this.model.singleSelect === true;
+    this.service = new runtime.GridService(this.model);
+    await this.service.init(this.context);
+    await this.initGridColumns();
+    this.dataChangeNotify = core.debounceAndAsyncMerge(
+      this.dataChangeNotify.bind(this),
+      (arr1, arr2) => {
+        return [arr1[0], Array.from(/* @__PURE__ */ new Set([...arr1[1], ...arr2[1]]))];
+      },
+      200
+    );
+    this.setSort();
+  }
+  /**
+   * 部件加载后处理
+   *
+   * @author lxm
+   * @date 2022-08-19 14:08:50
+   */
+  async afterLoad(items) {
+    await super.afterLoad(items);
+    await Promise.allSettled(
+      Object.values(this.fieldColumns).map(async (fieldColumn) => {
+        await fieldColumn.loadCodeList();
+      })
+    );
+    this.state.rows = items.map((item) => {
+      const row = new gridRow_controller.GridRowController(item, this);
+      this.gridStateNotify(row, runtime.GridNotifyState.LOAD);
+      return row;
+    });
+    return items;
+  }
+  /**
+   * 后台删除结束后界面删除逻辑
+   *
+   * @author lxm
+   * @date 2022-09-06 19:09:10
+   * @param {IData} data
+   */
+  afterRemove(data) {
+    super.afterRemove(data);
+    const index = this.state.rows.findIndex(
+      (item) => item.data.srfkey === data.srfkey
+    );
+    this.state.rows[index].destroy();
+    this.state.rows.splice(index, 1);
+  }
+  /**
+   * 新建行
+   *
+   * @author lxm
+   * @date 2022-09-06 21:09:05
+   */
+  async newRow() {
+    const res = await this.service.getDraft(this.context, this.params);
+    this.state.items.unshift(res.data);
+    const newRow = new gridRow_controller.GridRowController(res.data, this);
+    this.state.rows.unshift(newRow);
+    this.gridStateNotify(newRow, runtime.GridNotifyState.DRAFT);
+  }
+  /**
+   * 保存
+   *
+   * @author lxm
+   * @date 2022-09-06 19:09:21
+   * @param {ControlVO} data
+   * @returns {*}  {Promise<void>}
+   */
+  async save(data) {
+    const rowController = this.state.rows.find(
+      (item) => item.data.srfkey === data.srfkey
+    );
+    if (!rowController) {
+      throw new core.RuntimeError("行数据不存在");
+    }
+    if (!rowController.modified) {
+      ibiz.log.debug("值没有发生改变");
+      return;
+    }
+    if (rowController.processing) {
+      await core.awaitTimeout(500, this.save.bind(this), [data]);
+    }
+    const isValid = await this.validate(rowController);
+    if (!isValid) {
+      throw new core.RuntimeError("行数据校验不通过，保存取消");
+    }
+    await this.startLoading();
+    let res;
+    const isCreate = data.srfuf === runtime.Srfuf.CREATE;
+    try {
+      res = isCreate ? await this.service.create(
+        // { [this.model.appEntity.deName]: data.srfkey, ...this.context },
+        this.context,
+        data
+      ) : await this.service.update(
+        // { [this.model.appEntity.deName]: data.srfkey, ...this.context },
+        this.context,
+        data
+      );
+    } finally {
+      await this.endLoading();
+    }
+    const index = this.state.items.findIndex(
+      (item) => item.srfkey === data.srfkey
+    );
+    this.state.items.splice(index, 1, res.data);
+    rowController.data = res.data;
+    rowController.modified = false;
+    ibiz.message.success(`${res.data.srfmajortext || ""}保存成功`);
+    this.gridStateNotify(rowController, runtime.GridNotifyState.SAVE);
+    await this.evt.emit("onSaveSuccess", void 0);
+  }
+  /**
+   * 行单击事件
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:16
+   * @param {ControlVO} data 选中的单条数据
+   */
+  async onRowClick(data) {
+    var _a;
+    if (this.mdCtrlActiveMode === 1) {
+      await this.onActive(data);
+    }
+    const { singleSelect, selectedData } = this.state;
+    if (singleSelect) {
+      this.onSelectionChange(
+        ((_a = selectedData[0]) == null ? void 0 : _a.srfkey) !== data.srfkey ? [data] : []
+      );
+    } else {
+      const findIndex = selectedData.findIndex(
+        (item) => item.srfkey === data.srfkey
+      );
+      if (findIndex === -1) {
+        this.onSelectionChange([...selectedData, data]);
+      } else {
+        this.onSelectionChange(
+          selectedData.filter((value, index) => index !== findIndex)
+        );
+      }
+    }
+  }
+  /**
+   * 行双击事件
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:16
+   * @param {ControlVO} data 选中的单条数据
+   */
+  async onDbRowClick(data) {
+    if (this.mdCtrlActiveMode === 2) {
+      await this.onActive(data);
+    }
+  }
+  /**
+   * 初始化表格属性列，操作列，编辑项控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  async initColumnsController(column) {
+    const provider = await runtime.getGridColumnProvider(column);
+    if (!provider) {
+      return;
+    }
+    this.providers[column.codeName] = provider;
+    const controller = await provider.createController(column, this);
+    this.columns[column.codeName] = controller;
+    if (column.columnType === "DEFGRIDCOLUMN") {
+      this.fieldColumns[column.codeName] = controller;
+    } else if (column.columnType === "UAGRIDCOLUMN") {
+      this.uaColumns[column.codeName] = controller;
+    }
+  }
+  /**
+   * 初始化表格属性列，操作列，编辑项控制器
+   *
+   * @author lxm
+   * @date 2022-08-24 21:08:48
+   * @protected
+   */
+  async initGridColumns() {
+    if (this.model.degridColumns) {
+      await Promise.all(
+        this.model.degridColumns.map(async (column) => {
+          this.initColumnsController(column);
+        })
+      );
+    }
+  }
+  /**
+   * 设置行属性的值
+   *
+   * @author lxm
+   * @date 2022-08-24 10:08:40
+   * @param {GridRowController} row 行状态控制器
+   * @param {unknown} value 要设置的值
+   * @param {string} name 要设置的表单数据的属性名称
+   */
+  async setRowValue(row, name, value) {
+    if (Object.prototype.hasOwnProperty.call(row.data, name) && row.data[name] === value) {
+      return;
+    }
+    row.data[name] = value;
+    row.modified = true;
+    row.processing = true;
+    try {
+      await this.dataChangeNotify(row, [name]);
+    } finally {
+      row.processing = false;
+    }
+  }
+  /**
+   * 通知所有表格编辑项成员表格编辑项数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 22:09:49
+   * @param {GridRowController} row 行数据
+   * @param {string[]} names 更新的属性
+   */
+  async dataChangeNotify(_row, _names) {
+  }
+  /**
+   * 表格状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  gridStateNotify(_row, _state) {
+  }
+  /**
+   * 校验一行数据的所有编辑项
+   *
+   * @author lxm
+   * @date 2022-09-06 21:09:05
+   * @param {GridRowController} row 要校验的行数据控制器
+   * @returns {*}
+   */
+  async validate(row) {
+    return !!row;
+  }
+  /**
+   * 切换行编辑，行编辑切换关闭前会校验并保存，如果失败则依然显示行编辑状态
+   *
+   * @author lxm
+   * @date 2022-09-08 11:09:55
+   * @param {GridRowController} row 行数据控制器
+   */
+  async toggleRowEdit(row) {
+    if (row.showRowEdit === true) {
+      await this.save(row.data);
+    }
+    row.showRowEdit = !row.showRowEdit;
+  }
+  /**
+   * 设置排序
+   *
+   * @author lxm
+   * @date 2022-09-28 13:09:44
+   * @param {string} key 排序字段
+   * @param {string} order 排序顺序
+   */
+  setSort(_key, _order) {
+  }
+  /**
+   * 表格编辑项更新
+   *
+   * @author lxm
+   * @date 2022-09-15 21:09:13
+   * @param {string} methodName 更新实体方法
+   * @param {string[]} updateItems 更新项名称集合
+   */
+  async updateGridEditItem(row, methodName, updateItems) {
+    const params = { ...this.params, ...row.data.getRequestData() };
+    const res = await this.service.updateGridEditItem(
+      methodName,
+      this.context,
+      params
+    );
+    const result = res.data;
+    if (result && (updateItems == null ? void 0 : updateItems.length)) {
+      await Promise.all(
+        updateItems.map((itemName) => {
+          return this.setRowValue(row, itemName, result[itemName]);
+        })
+      );
+    }
+  }
+}
+exports.GridController = GridController;

package/lib/control/{grid-control → grid/grid-field-column}/grid-field-column-provider.d.ts

@@ -1,5 +1,7 @@
-import { IGridColumnProvider, GridController, GridFieldColumnController } from '@ibiz-template/runtime';
+import { IGridColumnProvider } from '@ibiz-template/runtime';
 import { IDEGridFieldColumn } from '@ibiz/model-core';
+import { GridController } from '../grid/grid.controller';
+import { GridFieldColumnController } from './grid-field-column.controller';
 /**
  * 表格列适配器
  *

package/lib/control/{grid-control → grid/grid-field-column}/grid-field-column-provider.js

@@ -6,13 +6,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtime = require("@ibiz-template/runtime");
+const gridFieldColumn_controller = require("./grid-field-column.controller");
 class GridFieldColumnProvider {
   constructor() {
     __publicField(this, "component", "GridFieldColumn");
   }
   async createController(columnModel, grid) {
-    const c = new runtime.GridFieldColumnController(columnModel, grid);
+    const c = new gridFieldColumn_controller.GridFieldColumnController(columnModel, grid);
     await c.init();
     return c;
   }

package/lib/control/grid/grid-field-column/grid-field-column.controller.d.ts

@@ -0,0 +1,83 @@
+import { CodeListItem } from '@ibiz-template/runtime';
+import { IDEGridFieldColumn } from '@ibiz/model-core';
+import { GridColumnController } from '../grid/grid-column.controller';
+import { GridRowController } from '../grid/grid-row.controller';
+/**
+ * 表格属性列控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-09-01 18:25:20
+ */
+export declare class GridFieldColumnController extends GridColumnController<IDEGridFieldColumn> {
+    /**
+     * 代码表项
+     *
+     * @author lxm
+     * @date 2022-09-28 16:09:51
+     * @type {readonly}
+     */
+    codeListItems?: readonly CodeListItem[];
+    /**
+     * 是否是链接列
+     *
+     * @author lxm
+     * @date 2022-09-28 17:09:15
+     * @returns {*}
+     */
+    get isLinkColumn(): boolean;
+    /**
+     * 是否有触发界面行为
+     *
+     * @author lxm
+     * @date 2022-12-08 14:12:37
+     * @readonly
+     * @type {boolean}
+     */
+    get hasAction(): boolean;
+    /**
+     * 行是否可点击（影响列的界面样式）
+     *
+     * @author lxm
+     * @date 2022-12-08 15:12:58
+     * @readonly
+     */
+    clickable(row: GridRowController): any;
+    /**
+     * 公共参数处理，计算上下文和视图参数
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 15:44:14
+     */
+    handlePublicParams(_data: IData, _context: IContext, _params: IParams): {
+        context: IContext;
+        params: IParams;
+    };
+    /**
+     * 打开链接视图
+     *
+     * @author lxm
+     * @date 2022-09-28 18:09:14
+     * @param {GridRowController} row 行数据
+     * @param {MouseEvent} event 原生事件
+     * @returns {*}  {Promise<void>}
+     */
+    openLinkView(row: GridRowController, event: MouseEvent): Promise<void>;
+    /**
+     * 触发表格列附加界面行为
+     *
+     * @author lxm
+     * @date 2022-12-08 15:12:35
+     * @param {GridRowController} row 行数据
+     * @param {MouseEvent} event 鼠标事件
+     * @returns {*}  {Promise<void>}
+     */
+    triggerAction(_row: GridRowController, _event: MouseEvent): Promise<void>;
+    /**
+     * 加载代码表数据
+     *
+     * @author lxm
+     * @date 2022-09-28 15:09:38
+     * @returns {*}
+     */
+    loadCodeList(): Promise<readonly CodeListItem[] | undefined>;
+}

package/lib/control/grid/grid-field-column/grid-field-column.controller.js

@@ -0,0 +1,144 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@ibiz-template/core");
+const runtime = require("@ibiz-template/runtime");
+const ramda = require("ramda");
+const gridColumn_controller = require("../grid/grid-column.controller");
+class GridFieldColumnController extends gridColumn_controller.GridColumnController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 代码表项
+     *
+     * @author lxm
+     * @date 2022-09-28 16:09:51
+     * @type {readonly}
+     */
+    __publicField(this, "codeListItems");
+  }
+  /**
+   * 是否是链接列
+   *
+   * @author lxm
+   * @date 2022-09-28 17:09:15
+   * @returns {*}
+   */
+  get isLinkColumn() {
+    return !!this.model.enableLinkView && !!this.model.linkAppViewId;
+  }
+  /**
+   * 是否有触发界面行为
+   *
+   * @author lxm
+   * @date 2022-12-08 14:12:37
+   * @readonly
+   * @type {boolean}
+   */
+  get hasAction() {
+    return !!this.model.deuiactionId;
+  }
+  /**
+   * 行是否可点击（影响列的界面样式）
+   *
+   * @author lxm
+   * @date 2022-12-08 15:12:58
+   * @readonly
+   */
+  clickable(row) {
+    const value = row.data[this.model.codeName];
+    return (this.isLinkColumn || this.hasAction) && value;
+  }
+  /**
+   * 公共参数处理，计算上下文和视图参数
+   * @return {*}
+   * @author: zhujiamin
+   * @Date: 2022-08-25 15:44:14
+   */
+  handlePublicParams(_data, _context, _params) {
+    return { context: this.context, params: this.params };
+  }
+  /**
+   * 打开链接视图
+   *
+   * @author lxm
+   * @date 2022-09-28 18:09:14
+   * @param {GridRowController} row 行数据
+   * @param {MouseEvent} event 原生事件
+   * @returns {*}  {Promise<void>}
+   */
+  async openLinkView(row, event) {
+    const curValue = row.data[this.model.codeName];
+    if (!curValue) {
+      return;
+    }
+    const valueItem = this.model.linkValueItem || "srfkey";
+    const value = row.data[valueItem];
+    if (!value) {
+      throw new core.RuntimeError("链接值项取不到值");
+    }
+    const { linkAppViewId } = this.model;
+    if (!linkAppViewId) {
+      return;
+    }
+    const wfContext = runtime.getWFContext(row.data);
+    const tempContext = Object.assign(this.context.clone(), {
+      // [deName!]: value,
+      ...wfContext
+    });
+    const tempParams = ramda.clone(this.params);
+    const { context: newContext, params: newParams } = this.handlePublicParams(
+      row.data,
+      tempContext,
+      tempParams
+    );
+    const res = await ibiz.commands.execute(
+      runtime.OpenAppViewCommand.TAG,
+      linkAppViewId,
+      newContext,
+      newParams,
+      { event }
+    );
+    if (res == null ? void 0 : res.ok) {
+      this.grid.load();
+    }
+  }
+  /**
+   * 触发表格列附加界面行为
+   *
+   * @author lxm
+   * @date 2022-12-08 15:12:35
+   * @param {GridRowController} row 行数据
+   * @param {MouseEvent} event 鼠标事件
+   * @returns {*}  {Promise<void>}
+   */
+  async triggerAction(_row, _event) {
+  }
+  /**
+   * 加载代码表数据
+   *
+   * @author lxm
+   * @date 2022-09-28 15:09:38
+   * @returns {*}
+   */
+  async loadCodeList() {
+    const appCodeListId = this.model.appCodeListId;
+    if (!appCodeListId) {
+      return;
+    }
+    const app = ibiz.hub.getApp(this.context.srfappid);
+    const dataItems = await app.codeList.get(
+      appCodeListId,
+      this.context,
+      this.params
+    );
+    this.codeListItems = dataItems;
+    return dataItems;
+  }
+}
+exports.GridFieldColumnController = GridFieldColumnController;

package/lib/control/{grid-control → grid}/grid-field-column/grid-field-column.d.ts

@@ -1,25 +1,27 @@
 import './grid-field-column.scss';
+import { GridRowController } from '../grid/grid-row.controller';
+import { GridFieldColumnController } from './grid-field-column.controller';
 export declare const GridFieldColumn: import("vue").DefineComponent<{
     controller: {
-        type: any;
+        type: typeof GridFieldColumnController;
         required: true;
     };
     row: {
-        type: any;
+        type: typeof GridRowController;
         required: true;
     };
 }, {
-    ns: any;
-    alignStyle: import("vue").ComputedRef<any>;
-    codeList: any;
+    ns: import("@ibiz-template/core").Namespace;
+    alignStyle: import("vue").ComputedRef<Record<string, string>>;
+    codeList: string | undefined;
     onCellClick: (event: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
-        type: any;
+        type: typeof GridFieldColumnController;
         required: true;
     };
     row: {
-        type: any;
+        type: typeof GridRowController;
         required: true;
     };
 }>>, {}>;

package/lib/{common → control/grid}/grid-pagination/grid-pagination.d.ts

@@ -13,7 +13,7 @@ export declare const GridPagination: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     start: import("vue").ComputedRef<number>;
     end: import("vue").ComputedRef<number>;
     onPageChange: (page: number) => void;

package/lib/control/grid/grid-ua-column/grid-ua-column-provider.d.ts

@@ -0,0 +1,17 @@
+import { IGridColumnProvider } from '@ibiz-template/runtime';
+import { IDEGridUAColumn } from '@ibiz/model-core';
+import { GridController } from '../grid/grid.controller';
+import { GridUAColumnController } from './grid-ua-column.controller';
+/**
+ * 表格操作列适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class GridUAColumnProvider
+ * @implements {IGridColumnProvider}
+ */
+export declare class GridUAColumnProvider implements IGridColumnProvider {
+    component: string;
+    createController(columnModel: IDEGridUAColumn, grid: GridController): Promise<GridUAColumnController>;
+}