@ibiz-template/runtime 0.6.1-dev.0 → 0.6.1-dev.2

package/src/controller/control/form/form/form.service.ts

@@ -1,63 +0,0 @@
-import { IDEEditFormItem, IDEForm } from '@ibiz/model-core';
-import { recursiveIterate } from '@ibiz-template/core';
-import { ControlService } from '../../../../service';
-import { getDefaultValue } from '../../../utils';
-
-/**
- * 表单的部件服务
- * @author lxm
- * @date 2023-12-13 03:04:57
- * @export
- * @class FormService
- * @extends {ControlService<T>}
- * @template T
- */
-export class FormService<
-  T extends IDEForm = IDEForm,
-> extends ControlService<T> {
-  /**
-   * 设置表单项的默认值
-   * @author lxm
-   * @date 2023-12-13 03:16:19
-   * @param {IData} data 表单数据
-   * @param {IContext} context 上下文
-   * @param {IParams} params 视图参数
-   * @param {('create' | 'update')} type 新建还是更新
-   */
-  setDefault(
-    data: IData,
-    context: IContext,
-    params: IParams,
-    type: 'create' | 'update',
-  ): void {
-    // 递归所有的表单项，设置默认值
-    recursiveIterate(
-      this.model,
-      (item: IDEEditFormItem) => {
-        if (item.detailType === 'FORMITEM') {
-          const { createDVT, createDV, updateDVT, updateDV, valueFormat } =
-            item;
-          const valueType = type === 'create' ? createDVT : updateDVT;
-          const defaultValue = type === 'create' ? createDV : updateDV;
-          const name = item.id!.toLowerCase();
-
-          const defaultVal = getDefaultValue(
-            {
-              name,
-              valueType,
-              defaultValue,
-              valueFormat,
-            },
-            { data, context, params },
-          );
-          if (defaultVal !== undefined) {
-            data[name] = defaultVal;
-          }
-        }
-      },
-      {
-        childrenFields: ['deformPages', 'deformTabPages', 'deformDetails'],
-      },
-    );
-  }
-}

package/src/controller/control/form/form/index.ts

@@ -1 +0,0 @@
-export * from './form.controller';

package/src/controller/control/form/form-detail/form-button/form-button.controller.ts

@@ -1,82 +0,0 @@
-import { IDEFormButton } from '@ibiz/model-core';
-import { UIActionUtil } from '../../../../../ui-action';
-import type { EditFormController } from '../../edit-form';
-import { FormDetailController } from '../form-detail';
-import { FormButtonState } from './form-button.state';
-
-/**
- * 表单按钮控制器
- *
- * @author lxm
- * @date 2022-09-04 15:09:52
- * @export
- * @class FormButtonController
- * @extends {FormDetailController}
- */
-export class FormButtonController extends FormDetailController<IDEFormButton> {
-  declare state: FormButtonState;
-
-  protected createState(): FormButtonState {
-    return new FormButtonState(this.parent?.state);
-  }
-
-  /**
-   * 按钮点击处理回调
-   *
-   * @author lxm
-   * @date 2022-09-28 21:09:33
-   * @param {MouseEvent} event
-   */
-  async onClick(event: MouseEvent): Promise<void> {
-    this.state.loading = true;
-    try {
-      if (this.model.actionType === 'UIACTION') {
-        await this.doUIAction(event);
-      }
-      await this.doFormItemUpdate();
-    } finally {
-      this.state.loading = false;
-    }
-    super.onClick(event);
-  }
-
-  /**
-   * 执行界面行为
-   *
-   * @author lxm
-   * @date 2022-10-19 22:10:20
-   * @param {MouseEvent} event
-   * @returns {*}  {Promise<void>}
-   */
-  async doUIAction(event: MouseEvent): Promise<void> {
-    const actionId = this.model.uiactionId;
-    await UIActionUtil.execAndResolved(
-      actionId!,
-      {
-        context: this.form.context,
-        params: this.form.params,
-        data: [this.data],
-        view: this.form.view,
-        event,
-        noWaitRoute: true,
-      },
-      this.model.appId,
-    );
-  }
-
-  /**
-   * 执行表单项更新
-   *
-   * @author lxm
-   * @date 2022-10-19 22:10:22
-   * @returns {*}  {Promise<void>}
-   */
-  async doFormItemUpdate(): Promise<void> {
-    if (!this.model.deformItemUpdateId) {
-      return;
-    }
-    await (this.form as EditFormController).updateFormItem(
-      this.model.deformItemUpdateId,
-    );
-  }
-}

package/src/controller/control/form/form-detail/form-button/form-button.state.ts

@@ -1,17 +0,0 @@
-import { FormDetailState } from '../form-detail';
-
-/**
- * 表单按钮状态
- * @return {*}
- * @author: zhujiamin
- * @Date: 2023-01-04 10:26:34
- */
-export class FormButtonState extends FormDetailState {
-  /**
-   * 加载中
-   * @author lxm
-   * @date 2023-07-21 10:11:21
-   * @type {boolean}
-   */
-  loading: boolean = false;
-}

package/src/controller/control/form/form-detail/form-button/index.ts

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

package/src/controller/control/form/form-detail/form-detail/form-detail.controller.ts

@@ -1,402 +0,0 @@
-import { isOverlap } from '@ibiz-template/core';
-import { IDEFormDetail } from '@ibiz/model-core';
-import {
-  IFormDetailController,
-  IFormDetailContainerController,
-  FormDetailEventName,
-} from '../../../../../interface';
-import { calcLayoutHeightWidth, calcDynaClass } from '../../../../../model';
-import { verifyFormGroupLogic } from '../../../../../utils';
-import { FormNotifyState } from '../../../../constant';
-import { FormDetailState } from './form-detail.state';
-import { FormController } from '../../form';
-
-export class FormDetailController<T extends IDEFormDetail = IDEFormDetail>
-  implements IFormDetailController
-{
-  /**
-   * 表单成员模型
-   *
-   * @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 {IFormDetailContainerController}
-   */
-  readonly parent?: IFormDetailContainerController;
-
-  /**
-   * 表单数据
-   *
-   * @author lxm
-   * @date 2022-09-01 22:09:48
-   * @readonly
-   */
-  get data(): IData {
-    return this.form.data;
-  }
-
-  /**
-   * 上下文
-   *
-   * @author lxm
-   * @date 2023-11-22 11:43:47
-   * @readonly
-   * @type {IContext}
-   */
-  get context(): IContext {
-    return this.form.context;
-  }
-
-  /**
-   *  视图参数
-   * @author lxm
-   * @date 2023-11-22 11:43:41
-   * @readonly
-   * @type {IParams}
-   */
-  get params(): IParams {
-    return this.form.params;
-  }
-
-  /**
-   * 获取容器类名集合
-   * @author lxm
-   * @date 2023-08-02 06:06:12
-   * @readonly
-   * @type {string[]}
-   */
-  get containerClass(): string[] {
-    return [...this.state.class.container, ...this.state.class.containerDyna];
-  }
-
-  /**
-   * 获取标题类名集合
-   * @author lxm
-   * @date 2023-08-02 06:16:48
-   * @readonly
-   * @type {string[]}
-   */
-  get labelClass(): string[] {
-    return [...this.state.class.label, ...this.state.class.labelDyna];
-  }
-
-  /**
-   * 动态逻辑结果
-   * @author lxm
-   * @date 2023-09-21 03:36:37
-   * @protected
-   */
-  protected dynaLogicResult: {
-    visible?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-  } = {
-    visible: undefined,
-    disabled: undefined,
-    required: undefined,
-  };
-
-  /**
-   * Creates an instance of FormDetailController.
-   * @author lxm
-   * @date 2022-08-24 20:08:22
-   * @param {T} model
-   */
-  constructor(
-    model: T,
-    form: FormController,
-    parent?: IFormDetailContainerController,
-  ) {
-    this.model = model;
-    this.form = form;
-    this.parent = parent;
-    this.state = this.createState();
-  }
-
-  /**
-   * 子类不可覆盖或重写此方法，在 init 时需要重写的使用 onInit 方法。
-   *
-   * @author lxm
-   * @date 2022-08-18 22:08:30
-   * @returns {*}  {Promise<void>}
-   */
-  async init(): Promise<void> {
-    await this.onInit();
-  }
-
-  protected async onInit(): Promise<void> {
-    this.state.showMoreMode = this.model.showMoreMode!;
-
-    // 初始化布局参数
-    const { layoutPos, sysCss, labelSysCss, capLanguageRes } = this.model;
-
-    // 初始化高宽
-    if (layoutPos) {
-      const { width, height } = calcLayoutHeightWidth(layoutPos);
-      this.state.layout.width = `${width}`;
-      this.state.layout.height = `${height}`;
-    }
-
-    if (sysCss?.cssName) {
-      this.state.class.container.push(sysCss.cssName);
-    }
-
-    if (labelSysCss?.cssName) {
-      this.state.class.label.push(labelSysCss.cssName);
-    }
-
-    // 初始化多语言
-    if (capLanguageRes && capLanguageRes.lanResTag) {
-      this.model.caption = ibiz.i18n.t(
-        capLanguageRes.lanResTag,
-        this.model.caption,
-      );
-    }
-  }
-
-  /**
-   * 创建表单状态对象
-   *
-   * @author chitanda
-   * @date 2023-01-04 10:01:00
-   * @protected
-   * @return {*}  {FormDetailState}
-   */
-  protected createState(): FormDetailState {
-    return new FormDetailState(this.parent?.state);
-  }
-
-  /**
-   * 表单数据变更通知(由表单控制器调用)
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:56
-   * @param {string[]} names
-   */
-  async dataChangeNotify(names: string[]): Promise<void> {
-    // 计算动态控制逻辑
-    this.calcDynamicLogic(names);
-
-    // 计算显示，禁用，必填状态
-    this.calcDetailDisabled(this.data);
-    this.calcDetailVisible(this.data);
-    this.calcDetailRequired(this.data);
-
-    // 计算动态样式表
-    this.calcDynaClass(this.data);
-  }
-
-  /**
-   * 表单状态变更通知
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:07
-   */
-  async formStateNotify(_state: FormNotifyState): Promise<void> {
-    // 计算动态控制逻辑
-    this.calcDynamicLogic([], true);
-
-    // 计算显示，禁用，必填状态
-    this.calcDetailDisabled(this.data);
-    this.calcDetailVisible(this.data);
-    this.calcDetailRequired(this.data);
-
-    // 计算动态样式表
-    this.calcDynaClass(this.data);
-  }
-
-  /**
-   * 计算动态逻辑
-   *
-   * @author lxm
-   * @date 2022-09-20 19:09:20
-   * @protected
-   * @param {string[]} names 变更的属性集合
-   * @param {boolean} [mustCalc=false] 是否强制计算一遍动态逻辑
-   * @returns {*}  {void}
-   */
-  protected calcDynamicLogic(names: string[], mustCalc: boolean = false): void {
-    // 逻辑优化，当父容器存在且为不显示时，不去计算自己的动态逻辑
-    if (this.parent && !this.parent.state.visible) {
-      return;
-    }
-
-    // 根据自身的动态逻辑计算
-    this.model.defdgroupLogics?.forEach(logic => {
-      const relatedNames = logic.relatedDetailNames || [];
-      // name是动态逻辑涉及到的时或state存在时
-      if (mustCalc || isOverlap(relatedNames, names)) {
-        try {
-          const ok = verifyFormGroupLogic(this.data, logic);
-          switch (logic.logicCat) {
-            // 动态空输入，不满足则必填
-            case 'ITEMBLANK':
-              this.dynaLogicResult.required = !ok;
-              break;
-            // 动态启用，满足则启用
-            case 'ITEMENABLE':
-              this.dynaLogicResult.disabled = !ok;
-              break;
-            // 动态显示，满足则显示
-            case 'PANELVISIBLE':
-              this.dynaLogicResult.visible = ok;
-              break;
-            default:
-          }
-        } catch (error) {
-          ibiz.log.error(error);
-        }
-      }
-    });
-  }
-
-  /**
-   * 强制更新视图
-   *
-   * @author lxm
-   * @date 2022-09-15 09:09:05
-   * @param {() => void} [_callback] 更新之后，组件渲染完成后的回调
-   */
-  force(_callback?: () => void): void {
-    // 在界面数据发生变更时，会调用此方法。
-    // 可外部覆盖实例的此方法，实现自定义的数据更新逻辑。
-  }
-
-  /**
-   * 计算动态样式表
-   * @author lxm
-   * @date 2023-08-02 06:15:08
-   * @param {IData} data
-   */
-  protected calcDynaClass(data: IData): void {
-    if (this.model.dynaClass) {
-      const dynaClass = calcDynaClass(this.model.dynaClass, data);
-      this.state.class.containerDyna = dynaClass;
-    }
-    if (this.model.labelDynaClass) {
-      const dynaClass = calcDynaClass(this.model.labelDynaClass, data);
-      this.state.class.labelDyna = dynaClass;
-    }
-  }
-
-  /**
-   * 计算项的禁用状态
-   *
-   * @param {IData} data
-   */
-  calcDetailDisabled(data: IData): void {
-    let { disabled } = this.dynaLogicResult;
-
-    // 上层计算为启用时计算预定义项启用逻辑
-    if (disabled !== true && this.form.scheduler) {
-      const itemEnable = this.form.scheduler.triggerItemEnable(this.model.id!, {
-        data: [data],
-      });
-      if (itemEnable !== undefined) {
-        disabled = !itemEnable;
-      }
-    }
-
-    // 有值的时候才会去修改state
-    if (disabled !== undefined) {
-      this.state.disabled = disabled;
-    }
-  }
-
-  /**
-   * 计算项的显示状态
-   *
-   * @param {IData} data
-   */
-  calcDetailVisible(data: IData): void {
-    let { visible } = this.dynaLogicResult;
-
-    // 上层计算为显示时计算预定义项显示逻辑
-    if (visible !== false && this.form.scheduler) {
-      const itemVIsible = this.form.scheduler.triggerItemVisible(
-        this.model.id!,
-        {
-          data: [data],
-        },
-      );
-      if (itemVIsible !== undefined) {
-        visible = itemVIsible;
-      }
-    }
-
-    // 有值的时候才会去修改state
-    if (visible !== undefined) {
-      this.state.visible = visible;
-    }
-  }
-
-  /**
-   * 计算项的必填状态
-   *
-   * @param {IData} data
-   */
-  calcDetailRequired(data: IData): void {
-    let { required } = this.dynaLogicResult;
-
-    // 上层计算为启用时计算预定义项空输入逻辑
-    if (required !== true && this.form.scheduler) {
-      const itemAllowEmpty = this.form.scheduler.triggerItemBlank(
-        this.model.id!,
-        {
-          data: [data],
-        },
-      );
-      if (itemAllowEmpty !== undefined) {
-        required = !itemAllowEmpty;
-      }
-    }
-
-    // 有值的时候才会去修改state
-    if (required !== undefined) {
-      this.state.required = required;
-    }
-  }
-
-  /**
-   * 点击事件
-   * @author lxm
-   * @date 2023-10-11 05:03:26
-   */
-  async onClick(event?: MouseEvent): Promise<void> {
-    if (event) {
-      // 阻止冒泡
-      event.stopPropagation();
-    }
-    this.form.evt.emit('onFormDetailEvent', {
-      formDetailName: this.model.id!,
-      formDetailEventName: FormDetailEventName.CLICK,
-      event,
-    });
-  }
-}

package/src/controller/control/form/form-detail/form-detail/form-detail.state.ts

@@ -1,106 +0,0 @@
-/* eslint-disable no-setter-return */
-
-import {
-  IFormDetailState,
-  ILayoutState,
-  IFormDetailClass,
-  IFormDetailContainerState,
-} from '../../../../../interface';
-
-/**
- * 表单项状态
- *
- * @author chitanda
- * @date 2023-01-04 09:01:02
- * @export
- * @class FormDetailState
- */
-export class FormDetailState implements IFormDetailState {
-  declare visible: boolean;
-
-  disabled: boolean = false;
-
-  declare keepAlive: boolean;
-
-  layout: ILayoutState = {
-    width: '',
-    height: '',
-    extraStyle: {},
-    extraClass: [],
-    contentStyle: {},
-  };
-
-  class: IFormDetailClass = {
-    container: [],
-    containerDyna: [],
-    label: [],
-    labelDyna: [],
-  };
-
-  /**
-   * 是否必填
-   *
-   * @author chitanda
-   * @date 2023-01-04 10:01:27
-   * @type {boolean}
-   */
-  required: boolean = false;
-
-  /**
-   * 显示更多模式 {0：无、 1：受控内容、 2：管理容器}
-   * @author lxm
-   * @date 2023-03-17 02:16:43
-   * @type {(0 | 1 | 2)}
-   */
-  showMoreMode: 0 | 1 | 2 | number = 0;
-
-  constructor(protected parent?: IFormDetailContainerState) {
-    // 定义是否显示，set方法需要返回true,否则vue proxy报错
-    let $visible: boolean = true;
-    Object.defineProperty(this, 'visible', {
-      enumerable: true,
-      configurable: true,
-      get() {
-        // 有父先看父
-        if (this.parent) {
-          // 父不显示子不显示
-          if (this.parent.visible === false) {
-            return false;
-          }
-          // 受控内容父更多显示不开启，不显示
-          if (this.showMoreMode === 1 && this.parent.isShowMore === false) {
-            return false;
-          }
-        }
-        return $visible;
-      },
-      set(val) {
-        $visible = val;
-        return true;
-      },
-    });
-
-    // 定义是否保活
-    let $keepAlive: boolean | undefined;
-    Object.defineProperty(this, 'keepAlive', {
-      enumerable: true,
-      configurable: true,
-      get() {
-        // 自身设置了值则只看自身
-        if ($keepAlive !== undefined) {
-          return $keepAlive;
-        }
-        // 自身没有设置值，看父
-        if (this.parent) {
-          return this.parent.keepAlive;
-        }
-        return false;
-      },
-      set(val) {
-        $keepAlive = val;
-        // eslint-disable-next-line no-setter-return
-        return true;
-      },
-    });
-  }
-}

package/src/controller/control/form/form-detail/form-detail/index.ts

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