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

package/es/control/form/form-detail/form-detail/form-detail.d.ts

@@ -0,0 +1,106 @@
+import { FormNotifyState } from '@ibiz-template/runtime';
+import { IDEFormDetail } from '@ibiz/model-core';
+import { FormController } from '../../form/form.controller';
+import { FormGroupPanelController } from '../form-group-panel/form-group-panel.controller';
+import { FormDetailState } from './form-detail-state';
+export declare class FormDetailController<T extends IDEFormDetail = IDEFormDetail> {
+    /**
+     * 表单成员模型
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:19
+     * @type {T}
+     */
+    readonly model: T;
+    /**
+     * 表单项状态
+     *
+     * @author chitanda
+     * @date 2023-01-04 09:01:04
+     * @type {FormDetailState}
+     */
+    state: FormDetailState;
+    /**
+     * 表单控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {FormController}
+     */
+    readonly form: FormController;
+    /**
+     * 父容器控制器(除了表单分页都存在)
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {FormController}
+     */
+    readonly parent?: FormGroupPanelController;
+    /**
+     * 表单数据
+     *
+     * @author lxm
+     * @date 2022-09-01 22:09:48
+     * @readonly
+     */
+    get data(): import("@ibiz-template/runtime").ControlVO;
+    /**
+     * Creates an instance of FormDetailController.
+     * @author lxm
+     * @date 2022-08-24 20:08:22
+     * @param {T} model
+     */
+    constructor(model: T, form: FormController, parent?: FormGroupPanelController);
+    /**
+     * 子类不可覆盖或重写此方法，在 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 {*}  {FormDetailState}
+     */
+    protected createState(): FormDetailState;
+    /**
+     * 表单数据变更通知(由表单控制器调用)
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:56
+     * @param {string[]} names
+     */
+    dataChangeNotify(names: string[]): Promise<void>;
+    /**
+     * 表单状态变更通知
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:07
+     */
+    formStateNotify(state: FormNotifyState): Promise<void>;
+    /**
+     * 计算动态逻辑
+     *
+     * @author lxm
+     * @date 2022-09-20 19:09:20
+     * @protected
+     * @param {string[]} names 变更的属性集合
+     * @param {FormNotifyState} [state] 表单通知状态
+     * @returns {*}  {void}
+     */
+    protected calcDynamicLogic(names: string[], state?: FormNotifyState): void;
+    /**
+     * 强制更新视图
+     *
+     * @author lxm
+     * @date 2022-09-15 09:09:05
+     * @param {() => void} [_callback] 更新之后，组件渲染完成后的回调
+     */
+    force(_callback?: () => void): void;
+}

package/es/control/form/form-detail/form-detail/form-detail.js

@@ -0,0 +1,176 @@
+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, verifyFormGroupLogic } from "@ibiz-template/runtime";
+import { FormDetailState } from "./form-detail-state";
+class FormDetailController {
+  /**
+   * Creates an instance of FormDetailController.
+   * @author lxm
+   * @date 2022-08-24 20:08:22
+   * @param {T} model
+   */
+  constructor(model, form, parent) {
+    /**
+     * 表单成员模型
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:19
+     * @type {T}
+     */
+    __publicField(this, "model");
+    /**
+     * 表单项状态
+     *
+     * @author chitanda
+     * @date 2023-01-04 09:01:04
+     * @type {FormDetailState}
+     */
+    __publicField(this, "state");
+    /**
+     * 表单控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {FormController}
+     */
+    __publicField(this, "form");
+    /**
+     * 父容器控制器(除了表单分页都存在)
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:59
+     * @type {FormController}
+     */
+    __publicField(this, "parent");
+    this.model = model;
+    this.form = form;
+    this.parent = parent;
+    this.state = this.createState();
+  }
+  /**
+   * 表单数据
+   *
+   * @author lxm
+   * @date 2022-09-01 22:09:48
+   * @readonly
+   */
+  get data() {
+    return this.form.data;
+  }
+  /**
+   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
+   *
+   * @author lxm
+   * @date 2022-08-18 22:08:30
+   * @returns {*}  {Promise<void>}
+   */
+  async init() {
+    await this.onInit();
+  }
+  async onInit() {
+    this.state.showMoreMode = this.model.showMoreMode;
+    const { layoutPos, sysCss, detailType } = this.model;
+    if (layoutPos) {
+      const { width, height } = calcLayoutHeightWidth(layoutPos);
+      this.state.layoutController.width = `${width}`;
+      this.state.layoutController.height = `${height}`;
+    }
+    this.state.layoutController.extraClass = `ibiz-form-col__${detailType.toLowerCase()} `;
+    if (sysCss) {
+      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 {*}  {FormDetailState}
+   */
+  createState() {
+    var _a;
+    return new FormDetailState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 表单数据变更通知(由表单控制器调用)
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:56
+   * @param {string[]} names
+   */
+  async dataChangeNotify(names) {
+    this.calcDynamicLogic(names);
+  }
+  /**
+   * 表单状态变更通知
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:07
+   */
+  async formStateNotify(state) {
+    this.calcDynamicLogic([], state);
+  }
+  /**
+   * 计算动态逻辑
+   *
+   * @author lxm
+   * @date 2022-09-20 19:09:20
+   * @protected
+   * @param {string[]} names 变更的属性集合
+   * @param {FormNotifyState} [state] 表单通知状态
+   * @returns {*}  {void}
+   */
+  calcDynamicLogic(names, state) {
+    var _a;
+    if (this.parent && !this.parent.state.visible) {
+      return;
+    }
+    (_a = this.model.defdgroupLogics) == null ? void 0 : _a.forEach((logic) => {
+      const relatedNames = logic.relatedDetailNames || [];
+      if (state || isOverlap(relatedNames, names)) {
+        try {
+          const ok = verifyFormGroupLogic(this.form.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);
+        }
+      }
+    });
+  }
+  /**
+   * 强制更新视图
+   *
+   * @author lxm
+   * @date 2022-09-15 09:09:05
+   * @param {() => void} [_callback] 更新之后，组件渲染完成后的回调
+   */
+  force(_callback) {
+  }
+}
+export {
+  FormDetailController
+};

package/es/control/form/form-detail/form-detail/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-detail-state';
+export * from './form-detail';

package/es/control/form/form-detail/form-detail/index.js

@@ -0,0 +1,2 @@
+export * from "./form-detail-state";
+export * from "./form-detail";

package/es/control/form/form-detail/form-group-panel/form-group-panel-provider.d.ts

@@ -0,0 +1,17 @@
+import { IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormGroupPanel } from '@ibiz/model-core';
+import { FormController } from '../../form/form.controller';
+import { FormGroupPanelController } from './form-group-panel.controller';
+/**
+ * 表单分组面板适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormGroupPanelProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormGroupPanelProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormGroupPanel, form: FormController, parent: FormGroupPanelController | undefined): Promise<FormGroupPanelController>;
+}

package/es/control/form/form-detail/form-group-panel/form-group-panel-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 { FormGroupPanelController } from "./form-group-panel.controller";
+class FormGroupPanelProvider {
+  constructor() {
+    __publicField(this, "component", "FormGroupPanel");
+  }
+  async createController(detailModel, form, parent) {
+    const c = new FormGroupPanelController(detailModel, form, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  FormGroupPanelProvider
+};

package/es/control/form/form-detail/form-group-panel/form-group-panel-state.d.ts

@@ -0,0 +1,27 @@
+import { IButtonContainerState } from '@ibiz-template/runtime';
+import { FormDetailState } from '../form-detail/form-detail-state';
+/**
+ * 表单分组状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 10:01:28
+ * @export
+ * @class FormGroupPanelState
+ * @extends {FormContainerState}
+ */
+export declare class FormGroupPanelState extends FormDetailState {
+    /**
+     *  是否显示更多内容
+     * @author lxm
+     * @date 2023-03-17 02:14:30
+     * @type {boolean}
+     */
+    isShowMore: boolean;
+    /**
+     * 界面行为组状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    actionGroupState: IButtonContainerState | null;
+}

package/es/control/form/form-detail/form-group-panel/form-group-panel-state.js

@@ -0,0 +1,29 @@
+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 { FormDetailState } from "../form-detail/form-detail-state";
+class FormGroupPanelState extends FormDetailState {
+  constructor() {
+    super(...arguments);
+    /**
+     *  是否显示更多内容
+     * @author lxm
+     * @date 2023-03-17 02:14:30
+     * @type {boolean}
+     */
+    __publicField(this, "isShowMore", false);
+    /**
+     * 界面行为组状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    __publicField(this, "actionGroupState", null);
+  }
+}
+export {
+  FormGroupPanelState
+};

package/es/control/form/form-detail/form-group-panel/form-group-panel.controller.d.ts

@@ -0,0 +1,35 @@
+import { FormNotifyState } from '@ibiz-template/runtime';
+import { IDEFormGroupPanel, IUIActionGroupDetail } from '@ibiz/model-core';
+import { FormDetailController } from '../form-detail/form-detail';
+import { FormGroupPanelState } from './form-group-panel-state';
+/**
+ * 表单分组面板控制器
+ *
+ * @author lxm
+ * @date 2022-09-04 15:09:52
+ * @export
+ * @class FormGroupPanelController
+ * @extends {FormContainerController}
+ */
+export declare class FormGroupPanelController<T extends IDEFormGroupPanel = IDEFormGroupPanel> extends FormDetailController<T> {
+    state: FormGroupPanelState;
+    protected createState(): FormGroupPanelState;
+    protected onInit(): Promise<void>;
+    formStateNotify(state: FormNotifyState): Promise<void>;
+    /**
+     * 初始化标题右侧界面行为按钮的状态
+     *
+     * @author lxm
+     * @date 2022-09-07 21:09:43
+     */
+    initActionStates(): Promise<void>;
+    /**
+     * 触发操作列点击事件
+     *
+     * @author lxm
+     * @date 2022-09-07 22:09:46
+     * @param {IPSUIActionGroupDetail} detail
+     * @param {MouseEvent} event
+     */
+    onActionClick(_detail: IUIActionGroupDetail, _event: MouseEvent): Promise<void>;
+}

package/es/control/form/form-detail/form-group-panel/form-group-panel.controller.js

@@ -0,0 +1,59 @@
+import { ButtonContainerState, UIActionButtonState } from "@ibiz-template/runtime";
+import { FormDetailController } from "../form-detail/form-detail";
+import { FormGroupPanelState } from "./form-group-panel-state";
+class FormGroupPanelController extends FormDetailController {
+  createState() {
+    var _a;
+    return new FormGroupPanelState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  async onInit() {
+    super.onInit();
+    await this.initActionStates();
+  }
+  async formStateNotify(state) {
+    super.calcDynamicLogic([], state);
+    if (this.state.actionGroupState) {
+      this.state.actionGroupState.update(this.form.data.getOrigin());
+    }
+  }
+  /**
+   * 初始化标题右侧界面行为按钮的状态
+   *
+   * @author lxm
+   * @date 2022-09-07 21:09:43
+   */
+  async initActionStates() {
+    var _a;
+    const { uiactionGroup } = this.model;
+    if (!((_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.length)) {
+      return;
+    }
+    const containerState = new ButtonContainerState();
+    uiactionGroup.uiactionGroupDetails.forEach((detail) => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new UIActionButtonState(
+          detail.id,
+          this.form.context.srfappid,
+          actionid
+        );
+        containerState.addState(detail.id, buttonState);
+      }
+    });
+    await containerState.update();
+    this.state.actionGroupState = containerState;
+  }
+  /**
+   * 触发操作列点击事件
+   *
+   * @author lxm
+   * @date 2022-09-07 22:09:46
+   * @param {IPSUIActionGroupDetail} detail
+   * @param {MouseEvent} event
+   */
+  async onActionClick(_detail, _event) {
+  }
+}
+export {
+  FormGroupPanelController
+};

package/es/control/form/form-detail/form-group-panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form-group-panel-provider';
+export * from './form-group-panel-state';
+export * from './form-group-panel.controller';

package/es/control/form/form-detail/form-group-panel/index.js

@@ -0,0 +1,3 @@
+export * from "./form-group-panel-provider";
+export * from "./form-group-panel-state";
+export * from "./form-group-panel.controller";

package/es/control/form/form-detail/form-item/form-item-container/form-item-container.d.ts

@@ -0,0 +1,43 @@
+import './form-item-container.scss';
+export declare const FormItemContainer: import("vue").DefineComponent<{
+    required: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    error: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelPos: {
+        type: StringConstructor;
+        required: true;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    required: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    error: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelPos: {
+        type: StringConstructor;
+        required: true;
+    };
+    labelWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;

package/es/control/form/form-detail/form-item/form-item-provider.d.ts

@@ -0,0 +1,18 @@
+import { IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormDetail } from '@ibiz/model-core';
+import { FormController } from '../../form/form.controller';
+import { FormGroupPanelController } from '../form-group-panel/form-group-panel.controller';
+import { FormItemController } from './form-item.controller';
+/**
+ * 表单项适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormItemProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormItemProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormDetail, form: FormController, parent: FormGroupPanelController | undefined): Promise<FormItemController>;
+}

package/es/control/form/form-detail/form-item/form-item-state.d.ts

@@ -0,0 +1,27 @@
+import { FormDetailState } from '../form-detail/form-detail-state';
+import { FormGroupPanelState } from '../form-group-panel/form-group-panel-state';
+/**
+ * 表单项状态
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2023-01-04 10:26:34
+ */
+export declare class FormItemState extends FormDetailState {
+    protected parent?: FormGroupPanelState | undefined;
+    constructor(parent?: FormGroupPanelState | undefined);
+    /**
+     * 值规则校验错误信息
+     *
+     * @author lxm
+     * @date 2022-09-01 22:09:02
+     * @type {string}
+     */
+    error: string | null;
+    /**
+     * 启用条件的禁用状态
+     *
+     * @author lxm
+     * @date 2022-09-19 16:09:18
+     */
+    enableCondDisabled: boolean;
+}