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

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

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

package/es/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/es/control/grid/grid-ua-column/grid-ua-column.controller.js

@@ -0,0 +1,62 @@
+import { RuntimeModelError } from "@ibiz-template/core";
+import { ButtonContainerState, UIActionButtonState, UIActionUtil } from "@ibiz-template/runtime";
+import { GridColumnController } from "../grid/grid-column.controller";
+class GridUAColumnController extends 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 RuntimeModelError(this.model, "操作列没有配置界面行为组");
+    }
+    if (!((_a = deuiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.length)) {
+      ibiz.log.debug("操作列界面行为组没有配置界面行为");
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    deuiactionGroup.uiactionGroupDetails.forEach((detail) => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new 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 UIActionUtil.exec(actionId, {
+      context: this.context,
+      params: this.params,
+      data: [row.data],
+      view: this.grid.view,
+      event
+    });
+  }
+}
+export {
+  GridUAColumnController
+};

package/es/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/es/control/grid/index.js

@@ -0,0 +1,31 @@
+import { registerGridColumnProvider, registerControlProvider, ControlType } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { GridControl } from "./grid/grid-control";
+import { GridControl as GridControl2 } from "./grid/grid-control";
+import GridFieldColumn from "./grid-field-column/grid-field-column";
+import { default as default2 } from "./grid-field-column/grid-field-column";
+import { GridProvider } from "./grid/grid-provider";
+import { GridFieldColumnProvider } from "./grid-field-column/grid-field-column-provider";
+import GridPagination from "./grid-pagination/grid-pagination";
+import { GridController } from "./grid/grid.controller";
+import { GridUAColumnProvider } from "./grid-ua-column/grid-ua-column-provider";
+import GridUAColumn from "./grid-ua-column/grid-ua-column";
+const IBizGrid = withInstall(GridControl, function(v) {
+  v.component(GridControl.name, GridControl);
+  v.component(GridFieldColumn.name, GridFieldColumn);
+  v.component(GridUAColumn.name, GridUAColumn);
+  v.component(GridPagination.name, GridPagination);
+  registerGridColumnProvider(
+    "DEFGRIDCOLUMN",
+    () => new GridFieldColumnProvider()
+  );
+  registerGridColumnProvider("UAGRIDCOLUMN", () => new GridUAColumnProvider());
+  registerControlProvider(ControlType.GRID, () => new GridProvider());
+});
+export {
+  GridControl2 as GridControl,
+  GridController,
+  default2 as GridFieldColumn,
+  IBizGrid,
+  IBizGrid as default
+};

package/es/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/es/control/index.js

@@ -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/es/control/panel/index.js

@@ -0,0 +1,19 @@
+import { registerControlProvider, ControlType } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { ViewLayoutPanel } from "./view-layout-panel/view-layout-panel";
+import { ViewLayoutPanel as ViewLayoutPanel2 } from "./view-layout-panel/view-layout-panel";
+import { ViewLayoutPanelProvider } from "./view-layout-panel/view-layout-panel-provider";
+export * from "./view-layout-panel";
+export * from "./panel";
+const IBizPanel = withInstall(ViewLayoutPanel, function(v) {
+  v.component(ViewLayoutPanel.name, ViewLayoutPanel);
+  registerControlProvider(
+    ControlType.VIEW_LAYOUT_PANEL,
+    () => new ViewLayoutPanelProvider()
+  );
+});
+export {
+  IBizPanel,
+  ViewLayoutPanel2 as ViewLayoutPanel,
+  IBizPanel as default
+};

package/es/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/es/control/panel/panel/index.js

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

package/es/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/es/control/panel/panel/panel-item-state.js

@@ -0,0 +1,58 @@
+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 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;
+      }
+    });
+  }
+}
+export {
+  PanelItemState
+};

package/es/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/es/control/panel/panel/panel-item.controller.js

@@ -0,0 +1,135 @@
+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;
+};
+import { isOverlap } from "@ibiz-template/core";
+import { calcLayoutHeightWidth, verifyPanelGroupLogic } from "@ibiz-template/runtime";
+import { PanelItemState } from "./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 } = 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((_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 || isOverlap(relatedNames, names)) {
+        try {
+          const ok = 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);
+        }
+      }
+    });
+  }
+}
+export {
+  PanelItemController
+};

package/es/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;
+}

package/es/control/panel/panel/panel-state.js

@@ -0,0 +1,24 @@
+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;
+};
+import { ControlState } from "@ibiz-template/runtime";
+class PanelState extends ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 面板数据
+     *
+     * @author lxm
+     * @date 2023-02-10 01:45:34
+     * @type {(IData | null)}
+     * @memberof PanelState
+     */
+    __publicField(this, "data", {});
+  }
+}
+export {
+  PanelState
+};