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

package/lib/control/grid/grid-ua-column/grid-ua-column-provider.js

@@ -0,0 +1,20 @@
+"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 gridUaColumn_controller = require("./grid-ua-column.controller");
+class GridUAColumnProvider {
+  constructor() {
+    __publicField(this, "component", "GridUAColumn");
+  }
+  async createController(columnModel, grid) {
+    const c = new gridUaColumn_controller.GridUAColumnController(columnModel, grid);
+    await c.init();
+    return c;
+  }
+}
+exports.GridUAColumnProvider = GridUAColumnProvider;

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

@@ -0,0 +1,28 @@
+import { IDEGridUAColumn, IUIActionGroupDetail } 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 GridUAColumnController extends GridColumnController<IDEGridUAColumn> {
+    /**
+     * 给rowController初始化操作列的状态
+     *
+     * @author lxm
+     * @date 2022-09-07 21:09:43
+     * @param {GridRowController} row
+     */
+    initActionStates(row: GridRowController): void;
+    /**
+     * 触发操作列点击事件
+     *
+     * @author lxm
+     * @date 2022-09-07 22:09:46
+     * @param {IPSUIActionGroupDetail} detail
+     * @param {MouseEvent} event
+     */
+    onActionClick(detail: IUIActionGroupDetail, row: GridRowController, event: MouseEvent): Promise<void>;
+}

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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("@ibiz-template/core");
+const runtime = require("@ibiz-template/runtime");
+const gridColumn_controller = require("../grid/grid-column.controller");
+class GridUAColumnController extends gridColumn_controller.GridColumnController {
+  /**
+   * 给rowController初始化操作列的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   * @param {GridRowController} row
+   */
+  initActionStates(row) {
+    var _a;
+    const { deuiactionGroup } = this.model;
+    if (!deuiactionGroup) {
+      throw new core.RuntimeModelError(this.model, "操作列没有配置界面行为组");
+    }
+    if (!((_a = deuiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.length)) {
+      ibiz.log.debug("操作列界面行为组没有配置界面行为");
+      return;
+    }
+    const containerState = new runtime.ButtonContainerState();
+    deuiactionGroup.uiactionGroupDetails.forEach((detail) => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new runtime.UIActionButtonState(
+          detail.id,
+          this.grid.context.srfappid,
+          actionid
+        );
+        containerState.addState(detail.id, buttonState);
+      }
+    });
+    containerState.update(row.data.getOrigin());
+    row.uaColumnStates[this.model.codeName] = containerState;
+  }
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(detail, row, event) {
+    const actionId = detail.uiactionId;
+    if (actionId === "ToggleRowEdit") {
+      await this.grid.toggleRowEdit(row);
+      return;
+    }
+    await runtime.UIActionUtil.exec(actionId, {
+      context: this.context,
+      params: this.params,
+      data: [row.data],
+      view: this.grid.view,
+      event
+    });
+  }
+}
+exports.GridUAColumnController = GridUAColumnController;

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

@@ -0,0 +1,46 @@
+import { IUIActionGroupDetail } from '@ibiz/model-core';
+import { GridRowController } from '../grid/grid-row.controller';
+import { GridUAColumnController } from './grid-ua-column.controller';
+import './grid-ua-column.scss';
+export declare const GridUAColumn: import("vue").DefineComponent<{
+    controller: {
+        type: typeof GridUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof GridRowController;
+        required: true;
+    };
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string | undefined) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    alignStyle: import("vue").ComputedRef<Record<string, string>>;
+    onStopPropagation: (e: MouseEvent) => void;
+    onActionClick: (detail: IUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    controller: {
+        type: typeof GridUAColumnController;
+        required: true;
+    };
+    row: {
+        type: typeof GridRowController;
+        required: true;
+    };
+}>>, {}>;
+export default GridUAColumn;

package/lib/control/grid/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const runtime = require("@ibiz-template/runtime");
+const vue3Util = require("@ibiz-template/vue3-util");
+const gridControl = require("./grid/grid-control");
+const GridFieldColumn = require("./grid-field-column/grid-field-column");
+const gridProvider = require("./grid/grid-provider");
+const gridFieldColumnProvider = require("./grid-field-column/grid-field-column-provider");
+const GridPagination = require("./grid-pagination/grid-pagination");
+const grid_controller = require("./grid/grid.controller");
+const gridUaColumnProvider = require("./grid-ua-column/grid-ua-column-provider");
+const GridUAColumn = require("./grid-ua-column/grid-ua-column");
+const IBizGrid = vue3Util.withInstall(gridControl.GridControl, function(v) {
+  v.component(gridControl.GridControl.name, gridControl.GridControl);
+  v.component(GridFieldColumn.name, GridFieldColumn);
+  v.component(GridUAColumn.name, GridUAColumn);
+  v.component(GridPagination.name, GridPagination);
+  runtime.registerGridColumnProvider(
+    "DEFGRIDCOLUMN",
+    () => new gridFieldColumnProvider.GridFieldColumnProvider()
+  );
+  runtime.registerGridColumnProvider("UAGRIDCOLUMN", () => new gridUaColumnProvider.GridUAColumnProvider());
+  runtime.registerControlProvider(runtime.ControlType.GRID, () => new gridProvider.GridProvider());
+});
+Object.defineProperty(exports, "GridControl", {
+  enumerable: true,
+  get: () => gridControl.GridControl
+});
+exports.GridFieldColumn = GridFieldColumn;
+Object.defineProperty(exports, "GridController", {
+  enumerable: true,
+  get: () => grid_controller.GridController
+});
+exports.IBizGrid = IBizGrid;
+exports.default = IBizGrid;

package/lib/control/index.d.ts

@@ -1,3 +1,5 @@
 export * from './app-menu';
-export * from './grid-control';
-export * from './toolbar-control';
+export * from './grid';
+export * from './form';
+export * from './toolbar';
+export * from './panel';

package/lib/control/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const appMenu = require("./app-menu");
-const gridControl = require("./grid-control");
-const toolbarControl = require("./toolbar-control");
+const grid = require("./grid");
+const form = require("./form");
+const toolbar = require("./toolbar");
+const panel = require("./panel");
 Object.keys(appMenu).forEach((k) => {
   if (k !== "default" && !exports.hasOwnProperty(k))
     Object.defineProperty(exports, k, {
@@ -10,17 +12,31 @@ Object.keys(appMenu).forEach((k) => {
       get: () => appMenu[k]
     });
 });
-Object.keys(gridControl).forEach((k) => {
+Object.keys(grid).forEach((k) => {
   if (k !== "default" && !exports.hasOwnProperty(k))
     Object.defineProperty(exports, k, {
       enumerable: true,
-      get: () => gridControl[k]
+      get: () => grid[k]
     });
 });
-Object.keys(toolbarControl).forEach((k) => {
+Object.keys(form).forEach((k) => {
   if (k !== "default" && !exports.hasOwnProperty(k))
     Object.defineProperty(exports, k, {
       enumerable: true,
-      get: () => toolbarControl[k]
+      get: () => form[k]
+    });
+});
+Object.keys(toolbar).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => toolbar[k]
+    });
+});
+Object.keys(panel).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panel[k]
     });
 });

package/lib/control/panel/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const runtime = require("@ibiz-template/runtime");
+const vue3Util = require("@ibiz-template/vue3-util");
+const viewLayoutPanel = require("./view-layout-panel/view-layout-panel");
+const viewLayoutPanelProvider = require("./view-layout-panel/view-layout-panel-provider");
+const viewLayoutPanel$1 = require("./view-layout-panel");
+const panel = require("./panel");
+const IBizPanel = vue3Util.withInstall(viewLayoutPanel.ViewLayoutPanel, function(v) {
+  v.component(viewLayoutPanel.ViewLayoutPanel.name, viewLayoutPanel.ViewLayoutPanel);
+  runtime.registerControlProvider(
+    runtime.ControlType.VIEW_LAYOUT_PANEL,
+    () => new viewLayoutPanelProvider.ViewLayoutPanelProvider()
+  );
+});
+Object.defineProperty(exports, "ViewLayoutPanel", {
+  enumerable: true,
+  get: () => viewLayoutPanel.ViewLayoutPanel
+});
+exports.IBizPanel = IBizPanel;
+exports.default = IBizPanel;
+Object.keys(viewLayoutPanel$1).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => viewLayoutPanel$1[k]
+    });
+});
+Object.keys(panel).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panel[k]
+    });
+});

package/lib/control/panel/panel/index.d.ts

@@ -0,0 +1,4 @@
+export * from './panel-item-state';
+export * from './panel-item.controller';
+export * from './panel-state';
+export * from './panel.controller';

package/lib/control/panel/panel/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const panelItemState = require("./panel-item-state");
+const panelItem_controller = require("./panel-item.controller");
+const panelState = require("./panel-state");
+const panel_controller = require("./panel.controller");
+Object.keys(panelItemState).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panelItemState[k]
+    });
+});
+Object.keys(panelItem_controller).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panelItem_controller[k]
+    });
+});
+Object.keys(panelState).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panelState[k]
+    });
+});
+Object.keys(panel_controller).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => panel_controller[k]
+    });
+});

package/lib/control/panel/panel/panel-item-state.d.ts

@@ -0,0 +1,47 @@
+import { ILayoutController } from '@ibiz-template/runtime';
+/**
+ * 面板成员状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:35
+ * @export
+ * @class PanelItemState
+ */
+export declare class PanelItemState {
+    protected parent?: PanelItemState | undefined;
+    /**
+     * 是否显示
+     *
+     * @author lxm
+     * @date 2023-02-08 04:00:08
+     * @type {boolean}
+     * @memberof PanelItemState
+     */
+    visible: boolean;
+    /**
+     * 是否必填
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:27
+     * @type {boolean}
+     */
+    required: boolean;
+    /**
+     * 是否禁用
+     *
+     * @author lxm
+     * @date 2023-02-08 03:59:01
+     * @type {boolean}
+     * @memberof PanelItemState
+     */
+    disabled: boolean;
+    /**
+     * 布局
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:15
+     * @type {ILayoutController}
+     */
+    layoutController: ILayoutController;
+    constructor(parent?: PanelItemState | undefined);
+}

package/lib/control/panel/panel/panel-item-state.js

@@ -0,0 +1,58 @@
+"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" });
+class PanelItemState {
+  constructor(parent) {
+    /**
+     * 是否必填
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:27
+     * @type {boolean}
+     */
+    __publicField(this, "required", false);
+    /**
+     * 是否禁用
+     *
+     * @author lxm
+     * @date 2023-02-08 03:59:01
+     * @type {boolean}
+     * @memberof PanelItemState
+     */
+    __publicField(this, "disabled", false);
+    /**
+     * 布局
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:15
+     * @type {ILayoutController}
+     */
+    __publicField(this, "layoutController", {
+      width: "",
+      height: "",
+      extraStyle: {},
+      extraClass: "",
+      contentStyle: {}
+    });
+    this.parent = parent;
+    let $visible = true;
+    Object.defineProperty(this, "visible", {
+      enumerable: true,
+      configurable: true,
+      get() {
+        var _a;
+        return ((_a = this.parent) == null ? void 0 : _a.visible) !== false && $visible;
+      },
+      set(val) {
+        $visible = val;
+        return true;
+      }
+    });
+  }
+}
+exports.PanelItemState = PanelItemState;

package/lib/control/panel/panel/panel-item.controller.d.ts

@@ -0,0 +1,71 @@
+import { PanelNotifyState } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelItemState } from './panel-item-state';
+import { PanelController } from './panel.controller';
+export declare class PanelItemController<T extends IPanelItem = IPanelItem> {
+    readonly model: T;
+    readonly panel: PanelController;
+    readonly parent?: PanelItemController<IPanelItem> | undefined;
+    /**
+     * 面板项状态
+     *
+     * @author chitanda
+     * @date 2023-01-04 09:01:04
+     * @type {PanelItemState}
+     */
+    state: PanelItemState;
+    /**
+     * Creates an instance of PanelItemController.
+     * @author lxm
+     * @date 2023-04-27 06:37:12
+     * @param {T} model 面板成员模型
+     * @param {PanelController} panel 面板控制器
+     * @param {PanelItemController} [parent] 父容器控制器
+     */
+    constructor(model: T, panel: PanelController, parent?: PanelItemController<IPanelItem> | undefined);
+    /**
+     * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+     *
+     * @author lxm
+     * @date 2022-08-18 22:08:30
+     * @returns {*}  {Promise<void>}
+     */
+    init(): Promise<void>;
+    protected onInit(): Promise<void>;
+    /**
+     * 创建面板状态对象
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:00
+     * @protected
+     * @return {*}  {PanelItemState}
+     */
+    protected createState(): PanelItemState;
+    /**
+     * 面板数据变更通知(由面板控制器调用)
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:56
+     * @param {string[]} names
+     */
+    dataChangeNotify(names: string[]): void;
+    /**
+     * 面板状态变更通知
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:07
+     */
+    panelStateNotify(_state: PanelNotifyState): void;
+    /**
+     * 计算动态逻辑
+     *
+     * @author lxm
+     * @date 2023-02-13 09:42:07
+     * @protected
+     * @param {string[]} names 变更的属性集合
+     * @param {boolean} [mustCalc=false] 是否强制计算一遍动态逻辑
+     * @returns {*}  {void}
+     * @memberof PanelItemController
+     */
+    protected calcDynamicLogic(names: string[], mustCalc?: boolean): void;
+}

package/lib/control/panel/panel/panel-item.controller.js

@@ -0,0 +1,135 @@
+"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 panelItemState = require("./panel-item-state");
+class PanelItemController {
+  /**
+   * Creates an instance of PanelItemController.
+   * @author lxm
+   * @date 2023-04-27 06:37:12
+   * @param {T} model 面板成员模型
+   * @param {PanelController} panel 面板控制器
+   * @param {PanelItemController} [parent] 父容器控制器
+   */
+  constructor(model, panel, parent) {
+    /**
+     * 面板项状态
+     *
+     * @author chitanda
+     * @date 2023-01-04 09:01:04
+     * @type {PanelItemState}
+     */
+    __publicField(this, "state");
+    this.model = model;
+    this.panel = panel;
+    this.parent = parent;
+    this.state = this.createState();
+  }
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init() {
+    await this.onInit();
+  }
+  async onInit() {
+    const { layoutPos, sysCss, itemType } = this.model;
+    if (layoutPos) {
+      const { width, height } = runtime.calcLayoutHeightWidth(layoutPos);
+      this.state.layoutController.width = `${width}`;
+      this.state.layoutController.height = `${height}`;
+    }
+    this.state.layoutController.extraClass = `ibiz-panel-col__${itemType.toLowerCase()} `;
+    if (sysCss == null ? void 0 : sysCss.cssName) {
+      this.state.layoutController.extraClass = sysCss.cssName;
+    }
+    Object.defineProperty(this.state.layoutController, "visible", {
+      configurable: true,
+      enumerable: true,
+      get: () => {
+        return this.state.visible;
+      }
+    });
+  }
+  /**
+   * 创建面板状态对象
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:00
+   * @protected
+   * @return {*}  {PanelItemState}
+   */
+  createState() {
+    var _a;
+    return new panelItemState.PanelItemState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 面板数据变更通知(由面板控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:56
+   * @param {string[]} names
+   */
+  dataChangeNotify(names) {
+    this.calcDynamicLogic(names);
+  }
+  /**
+   * 面板状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  panelStateNotify(_state) {
+    this.calcDynamicLogic([], true);
+  }
+  /**
+   * 计算动态逻辑
+   *
+   * @author lxm
+   * @date 2023-02-13 09:42:07
+   * @protected
+   * @param {string[]} names 变更的属性集合
+   * @param {boolean} [mustCalc=false] 是否强制计算一遍动态逻辑
+   * @returns {*}  {void}
+   * @memberof PanelItemController
+   */
+  calcDynamicLogic(names, mustCalc = false) {
+    var _a;
+    if (this.parent && !this.parent.state.visible) {
+      return;
+    }
+    (_a = this.model.panelItemGroupLogics) == null ? void 0 : _a.forEach((logic) => {
+      const relatedNames = logic.relatedItemNames || [];
+      if (mustCalc || core.isOverlap(relatedNames, names)) {
+        try {
+          const ok = runtime.verifyPanelGroupLogic(this.panel.data, logic);
+          switch (logic.logicCat) {
+            case "ITEMBLANK":
+              this.state.required = !ok;
+              break;
+            case "ITEMENABLE":
+              this.state.disabled = !ok;
+              break;
+            case "PANELVISIBLE":
+              this.state.visible = ok;
+              break;
+            default:
+          }
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+    });
+  }
+}
+exports.PanelItemController = PanelItemController;

package/lib/control/panel/panel/panel-state.d.ts

@@ -0,0 +1,21 @@
+import { ControlState } from '@ibiz-template/runtime';
+/**
+ * 面板状态
+ *
+ * @author lxm
+ * @date 2023-02-10 11:50:17
+ * @export
+ * @class PanelState
+ * @extends {ControlState}
+ */
+export declare class PanelState extends ControlState {
+    /**
+     * 面板数据
+     *
+     * @author lxm
+     * @date 2023-02-10 01:45:34
+     * @type {(IData | null)}
+     * @memberof PanelState
+     */
+    data: IData;
+}