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

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

@@ -0,0 +1,176 @@
+"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 formDetailState = require("./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 } = runtime.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.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 || core.isOverlap(relatedNames, names)) {
+        try {
+          const ok = runtime.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) {
+  }
+}
+exports.FormDetailController = FormDetailController;

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

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

package/lib/{views → control/form/form-detail/form-detail}/index.js

@@ -1,20 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const editView = require("./edit-view");
-const indexView = require("./index-view");
-const gridView = require("./grid-view");
-exports.EditView = editView;
-Object.keys(indexView).forEach((k) => {
+const formDetailState = require("./form-detail-state");
+const formDetail = require("./form-detail");
+Object.keys(formDetailState).forEach((k) => {
   if (k !== "default" && !exports.hasOwnProperty(k))
     Object.defineProperty(exports, k, {
       enumerable: true,
-      get: () => indexView[k]
+      get: () => formDetailState[k]
     });
 });
-Object.keys(gridView).forEach((k) => {
+Object.keys(formDetail).forEach((k) => {
   if (k !== "default" && !exports.hasOwnProperty(k))
     Object.defineProperty(exports, k, {
       enumerable: true,
-      get: () => gridView[k]
+      get: () => formDetail[k]
     });
 });

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

package/lib/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/lib/control/form/form-detail/form-group-panel/form-group-panel-state.js

@@ -0,0 +1,29 @@
+"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 formDetailState = require("../form-detail/form-detail-state");
+class FormGroupPanelState extends formDetailState.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);
+  }
+}
+exports.FormGroupPanelState = FormGroupPanelState;

package/lib/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/lib/control/form/form-detail/form-group-panel/form-group-panel.controller.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const runtime = require("@ibiz-template/runtime");
+const formDetail = require("../form-detail/form-detail");
+const formGroupPanelState = require("./form-group-panel-state");
+class FormGroupPanelController extends formDetail.FormDetailController {
+  createState() {
+    var _a;
+    return new formGroupPanelState.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 runtime.ButtonContainerState();
+    uiactionGroup.uiactionGroupDetails.forEach((detail) => {
+      const actionid = detail.uiactionId;
+      if (actionid) {
+        const buttonState = new runtime.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) {
+  }
+}
+exports.FormGroupPanelController = FormGroupPanelController;

package/lib/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/lib/control/form/form-detail/form-group-panel/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const formGroupPanelProvider = require("./form-group-panel-provider");
+const formGroupPanelState = require("./form-group-panel-state");
+const formGroupPanel_controller = require("./form-group-panel.controller");
+Object.keys(formGroupPanelProvider).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => formGroupPanelProvider[k]
+    });
+});
+Object.keys(formGroupPanelState).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => formGroupPanelState[k]
+    });
+});
+Object.keys(formGroupPanel_controller).forEach((k) => {
+  if (k !== "default" && !exports.hasOwnProperty(k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => formGroupPanel_controller[k]
+    });
+});

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

package/lib/control/form/form-detail/form-item/form-item.controller.d.ts

@@ -0,0 +1,139 @@
+import { EditorController, FormNotifyState, IEditorProvider } from '@ibiz-template/runtime';
+import { IDEFormItem } from '@ibiz/model-core';
+import { FormController } from '../../form/form.controller';
+import { FormDetailController } from '../form-detail/form-detail';
+import { FormGroupPanelController } from '../form-group-panel/form-group-panel.controller';
+import { FormItemState } from './form-item-state';
+export declare class FormItemController extends FormDetailController<IDEFormItem> {
+    state: FormItemState;
+    protected createState(): FormItemState;
+    /**
+     * 上下文
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:55
+     * @type {IContext}
+     */
+    readonly context: IContext;
+    /**
+     * 视图参数
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:52
+     * @type {IParams}
+     */
+    readonly params: IParams;
+    /**
+     * 编辑器控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:42
+     * @type {EditorController}
+     */
+    editor: EditorController | null;
+    /**
+     * 编辑器适配器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:42
+     */
+    editorProvider?: IEditorProvider;
+    /**
+     * 表单项校验器实例
+     *
+     * @author lxm
+     * @date 2022-09-04 18:09:56
+     * @private
+     * @type {Schema}
+     */
+    private validator;
+    /**
+     * 值规则
+     *
+     * @author lxm
+     * @date 2022-09-01 22:09:49
+     * @type {IData}
+     */
+    rules: IData;
+    /**
+     * 表单项名称
+     *
+     * @author lxm
+     * @date 2022-09-04 18:09:32
+     * @readonly
+     */
+    get name(): string;
+    /**
+     * 表单项对应属性的值
+     *
+     * @author lxm
+     * @date 2022-08-24 22:08:25
+     * @readonly
+     * @type {unknown}
+     */
+    get value(): unknown;
+    /**
+     * Creates an instance of FormItemController.
+     * @author lxm
+     * @date 2022-08-24 20:08:24
+     * @param {FormItemModel} model 表单项模型
+     * @param {IContext} context 上下对象
+     * @param {IParams} [params={}] 视图参数
+     */
+    constructor(model: IDEFormItem, form: FormController, parent?: FormGroupPanelController);
+    /**
+     * 初始化
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:42
+     * @protected
+     * @returns {*}  {Promise<void>}
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 初始化值规则
+     *
+     * @author lxm
+     * @date 2022-09-02 09:09:27
+     * @protected
+     * @returns {*}
+     */
+    protected initRules(): Promise<void>;
+    /**
+     * 计算启用条件的禁用
+     *
+     * @author lxm
+     * @date 2022-09-20 00:09:57
+     * @param {(string | FormNotifyState)} name
+     * @returns {*}
+     */
+    calcEnableCond(): void;
+    dataChangeNotify(name: string[]): Promise<void>;
+    formStateNotify(state: FormNotifyState): Promise<void>;
+    protected calcDynamicLogic(names: string[], state?: FormNotifyState): void;
+    /**
+     * 表单项值规则校验
+     * 如果表单项不显示则不校验直接返回true
+     *
+     * @author lxm
+     * @date 2022-09-01 22:09:29
+     */
+    validate(): Promise<boolean>;
+    /**
+     * 设置表单数据的值
+     *
+     * @author lxm
+     * @date 2022-08-24 10:08:40
+     * @param {unknown} value 要设置的值
+     * @param {string} name 要设置的表单数据的属性名称
+     */
+    setDataValue(value: unknown, name?: string): Promise<void>;
+    /**
+     * 设置默认值
+     *
+     * @author lxm
+     * @date 2022-09-15 22:09:52
+     * @param {boolean} isCreate 新建默认值还是更新默认值
+     */
+    setDefaultValue(isCreate: boolean): void;
+}

package/lib/control/form/form-detail/form-item/form-item.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import './form-item.scss';
+import { IDEFormItem } from '@ibiz/model-core';
+import { FormItemController } from './form-item.controller';
+export declare const FormItem: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormItemController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: FormItemController;
+    onValueChange: (val: unknown, name?: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEFormItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormItemController;
+        required: true;
+    };
+}>>, {}>;
+export default FormItem;