@ibiz-template/vue3-components 0.1.11 → 0.1.12-dev.0

package/es/control/form/form/form.controller.d.ts

@@ -1,126 +0,0 @@
-import { ControlController, ControllerEvent, FormNotifyState, IFormController, IFormDetailController, IFormDetailProvider, IFormEvent, IFormState } from '@ibiz-template/runtime';
-import { IDEForm, IDEFormDetail } from '@ibiz/model-core';
-import { FormGroupPanelController, FormItemController } from '../form-detail';
-/**
- * 表单控制器
- *
- * @author chitanda
- * @date 2022-08-03 11:08:29
- * @export
- * @class FormController
- * @extends {ControlController<T>}
- * @template T
- */
-export declare abstract class FormController<T extends IDEForm = IDEForm, S extends IFormState = IFormState, E extends IFormEvent = IFormEvent> extends ControlController<T, S, E> implements IFormController<T, S, E> {
-    protected get _evt(): ControllerEvent<IFormEvent>;
-    /**
-     * 所有表单项成员的控制器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IFormDetailController }}
-     */
-    details: {
-        [key: string]: IFormDetailController;
-    };
-    /**
-     * 所有表单项成员的适配器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IFormDetailProvider }}
-     */
-    providers: {
-        [key: string]: IFormDetailProvider;
-    };
-    /**
-     * 表单项控制器的集合
-     *
-     * @author lxm
-     * @date 2022-09-05 00:09:52
-     * @type {FormItemController[]}
-     */
-    formItems: FormItemController[];
-    /**
-     * 表单数据
-     *
-     * @author chitanda
-     * @date 2023-01-04 10:01:46
-     * @readonly
-     * @type {IData}
-     */
-    get data(): IData;
-    protected initState(): void;
-    /**
-     * 通知所有表单成员表单操作过程中的数据变更
-     *
-     * @author lxm
-     * @date 2022-09-20 18:09:40
-     * @param {string[]} names
-     */
-    dataChangeNotify(names: string[]): Promise<void>;
-    /**
-     * 表单状态变更通知
-     *
-     * @author lxm
-     * @date 2022-09-20 18:09:07
-     */
-    formStateNotify(state: FormNotifyState): void;
-    /**
-     * 初始化
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:59
-     * @protected
-     * @returns {*}  {Promise<void>}
-     */
-    protected onCreated(): Promise<void>;
-    /**
-     * 获取加载草稿额外参数，新建默认值
-     * @author lxm
-     * @date 2023-04-27 10:32:06
-     * @return {*}
-     */
-    getDraftParams(): Promise<IData>;
-    /**
-     * 初始化表单成员控制器
-     *
-     * @author lxm
-     * @date 2022-08-24 21:08:48
-     * @protected
-     */
-    protected initDetailControllers(details?: IDEFormDetail[], form?: FormController, parent?: FormGroupPanelController | undefined): Promise<void>;
-    /**
-     * 加载
-     *
-     * @author lxm
-     * @date 2022-09-22 17:09:04
-     * @returns {*}  {Promise<IData>}
-     */
-    abstract load(): Promise<IData>;
-    /**
-     * 获取表单数据
-     *
-     * @author lxm
-     * @date 2022-08-30 19:08:11
-     * @returns {*}
-     */
-    getData(): IData[];
-    /**
-     * 设置表单数据的值
-     *
-     * @author lxm
-     * @date 2022-08-24 10:08:40
-     * @param {string} name 要设置的表单数据的属性名称
-     * @param {unknown} value 要设置的值
-     */
-    setDataValue(name: string, value: unknown): Promise<void>;
-    /**
-     * 校验表单的全部表单项
-     *
-     * @author lxm
-     * @date 2022-09-05 00:09:53
-     * @returns {*}  {Promise<boolean>}
-     */
-    validate(): Promise<boolean>;
-}

package/es/control/form/form/form.controller.mjs

@@ -1,202 +0,0 @@
-import { RuntimeError, debounceAndAsyncMerge } from '@ibiz-template/core';
-import { ControlController, ControlVO, getFormDetailProvider, findChildFormDetails, isValueChange } from '@ibiz-template/runtime';
-
-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 FormController extends ControlController {
-  constructor() {
-    super(...arguments);
-    /**
-     * 所有表单项成员的控制器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IFormDetailController }}
-     */
-    __publicField(this, "details", {});
-    /**
-     * 所有表单项成员的适配器
-     *
-     * @author lxm
-     * @date 2022-08-24 20:08:07
-     * @type {{ [key: string]: IFormDetailProvider }}
-     */
-    __publicField(this, "providers", {});
-    /**
-     * 表单项控制器的集合
-     *
-     * @author lxm
-     * @date 2022-09-05 00:09:52
-     * @type {FormItemController[]}
-     */
-    __publicField(this, "formItems", []);
-  }
-  get _evt() {
-    return this.evt;
-  }
-  /**
-   * 表单数据
-   *
-   * @author chitanda
-   * @date 2023-01-04 10:01:46
-   * @readonly
-   * @type {IData}
-   */
-  get data() {
-    return this.state.data;
-  }
-  initState() {
-    super.initState();
-    this.state.data = new ControlVO();
-    this.state.isLoaded = false;
-    this.state.processing = false;
-    this.state.modified = false;
-  }
-  /**
-   * 通知所有表单成员表单操作过程中的数据变更
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:40
-   * @param {string[]} names
-   */
-  async dataChangeNotify(names) {
-    const values = await Promise.allSettled(
-      Object.values(this.details).map(async (detail) => {
-        return detail.dataChangeNotify(names);
-      })
-    );
-    if (values.find((item) => item.status === "rejected")) {
-      ibiz.log.error("dataChangeNotify\u62A5\u9519", values);
-      throw new RuntimeError("\u6570\u636E\u53D8\u66F4\u540E\u6709\u9519\u8BEF");
-    }
-  }
-  /**
-   * 表单状态变更通知
-   *
-   * @author lxm
-   * @date 2022-09-20 18:09:07
-   */
-  formStateNotify(state) {
-    Object.values(this.details).forEach((detail) => {
-      detail.formStateNotify(state);
-    });
-  }
-  /**
-   * 初始化
-   *
-   * @author lxm
-   * @date 2022-08-24 20:08:59
-   * @protected
-   * @returns {*}  {Promise<void>}
-   */
-  async onCreated() {
-    await super.onCreated();
-    await this.initDetailControllers();
-    this.dataChangeNotify = debounceAndAsyncMerge(
-      this.dataChangeNotify.bind(this),
-      (arr1, arr2) => {
-        return [Array.from(/* @__PURE__ */ new Set([...arr1[0], ...arr2[0]]))];
-      },
-      200
-    );
-  }
-  /**
-   * 获取加载草稿额外参数，新建默认值
-   * @author lxm
-   * @date 2023-04-27 10:32:06
-   * @return {*}
-   */
-  async getDraftParams() {
-    const result = {};
-    await Promise.all(
-      this.formItems.map((item) => item.setDefaultValue(true, result))
-    );
-    return result;
-  }
-  /**
-   * 初始化表单成员控制器
-   *
-   * @author lxm
-   * @date 2022-08-24 21:08:48
-   * @protected
-   */
-  async initDetailControllers(details = this.model.deformPages, form = this, parent = void 0) {
-    await Promise.all(
-      details.map(async (detail) => {
-        const detailProvider = await getFormDetailProvider(detail);
-        if (!detailProvider) {
-          return;
-        }
-        form.providers[detail.id] = detailProvider;
-        const detailController = await detailProvider.createController(
-          detail,
-          form,
-          parent
-        );
-        form.details[detail.id] = detailController;
-        if (detail.detailType === "FORMITEM" || detail.detailType === "MDCTRL") {
-          form.formItems.push(detailController);
-        }
-        const childDetails = findChildFormDetails(detail);
-        if (childDetails.length) {
-          await this.initDetailControllers(
-            childDetails,
-            form,
-            detailController
-          );
-        }
-      })
-    );
-  }
-  /**
-   * 获取表单数据
-   *
-   * @author lxm
-   * @date 2022-08-30 19:08:11
-   * @returns {*}
-   */
-  getData() {
-    return [this.state.data];
-  }
-  /**
-   * 设置表单数据的值
-   *
-   * @author lxm
-   * @date 2022-08-24 10:08:40
-   * @param {string} name 要设置的表单数据的属性名称
-   * @param {unknown} value 要设置的值
-   */
-  async setDataValue(name, value) {
-    if (Object.prototype.hasOwnProperty.call(this.state.data, name) && !isValueChange(this.state.data[name], value)) {
-      return;
-    }
-    this.state.data[name] = value;
-    this.state.processing = true;
-    this.state.modified = true;
-    await this._evt.emit("onFormDataChange", void 0);
-    try {
-      await this.dataChangeNotify([name]);
-    } finally {
-      this.state.processing = false;
-    }
-  }
-  /**
-   * 校验表单的全部表单项
-   *
-   * @author lxm
-   * @date 2022-09-05 00:09:53
-   * @returns {*}  {Promise<boolean>}
-   */
-  async validate() {
-    const values = await Promise.all(
-      this.formItems.map((formItem) => formItem.validate())
-    );
-    return values.findIndex((value) => !value) === -1;
-  }
-}
-
-export { FormController };

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

@@ -1,49 +0,0 @@
-import { IDEFormButton } from '@ibiz/model-core';
-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 declare class FormButtonController extends FormDetailController<IDEFormButton> {
-    state: FormButtonState;
-    protected createState(): FormButtonState;
-    /**
-     * 表单数据
-     *
-     * @author lxm
-     * @date 2022-09-01 22:09:48
-     * @readonly
-     */
-    get data(): IData;
-    /**
-     * 按钮点击处理回调
-     *
-     * @author lxm
-     * @date 2022-09-28 21:09:33
-     * @param {MouseEvent} event
-     */
-    onClick(event: MouseEvent): Promise<void>;
-    /**
-     * 执行界面行为
-     *
-     * @author lxm
-     * @date 2022-10-19 22:10:20
-     * @param {MouseEvent} event
-     * @returns {*}  {Promise<void>}
-     */
-    doUIAction(event: MouseEvent): Promise<void>;
-    /**
-     * 执行表单项更新
-     *
-     * @author lxm
-     * @date 2022-10-19 22:10:22
-     * @returns {*}  {Promise<void>}
-     */
-    doFormItemUpdate(): Promise<void>;
-}

package/es/control/form/form-detail/form-button/form-button.controller.mjs

@@ -1,75 +0,0 @@
-import { UIActionUtil } from '@ibiz-template/runtime';
-import '../form-detail/index.mjs';
-import { FormButtonState } from './form-button.state.mjs';
-import { FormDetailController } from '../form-detail/form-detail.controller.mjs';
-
-class FormButtonController extends FormDetailController {
-  createState() {
-    var _a;
-    return new FormButtonState((_a = this.parent) == null ? void 0 : _a.state);
-  }
-  /**
-   * 表单数据
-   *
-   * @author lxm
-   * @date 2022-09-01 22:09:48
-   * @readonly
-   */
-  get data() {
-    return this.form.data;
-  }
-  /**
-   * 按钮点击处理回调
-   *
-   * @author lxm
-   * @date 2022-09-28 21:09:33
-   * @param {MouseEvent} event
-   */
-  async onClick(event) {
-    this.state.loading = true;
-    try {
-      if (this.model.actionType === "UIACTION") {
-        await this.doUIAction(event);
-      }
-      await this.doFormItemUpdate();
-    } finally {
-      this.state.loading = false;
-    }
-  }
-  /**
-   * 执行界面行为
-   *
-   * @author lxm
-   * @date 2022-10-19 22:10:20
-   * @param {MouseEvent} event
-   * @returns {*}  {Promise<void>}
-   */
-  async doUIAction(event) {
-    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
-    });
-  }
-  /**
-   * 执行表单项更新
-   *
-   * @author lxm
-   * @date 2022-10-19 22:10:22
-   * @returns {*}  {Promise<void>}
-   */
-  async doFormItemUpdate() {
-    if (!this.model.deformItemUpdateId) {
-      return;
-    }
-    await this.form.updateFormItem(
-      this.model.deformItemUpdateId
-    );
-  }
-}
-
-export { FormButtonController };

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

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

package/es/control/form/form-detail/form-button/form-button.state.mjs

@@ -1,23 +0,0 @@
-import '../form-detail/index.mjs';
-import { FormDetailState } from '../form-detail/form-detail.state.mjs';
-
-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 FormButtonState extends FormDetailState {
-  constructor() {
-    super(...arguments);
-    /**
-     * 加载中
-     * @author lxm
-     * @date 2023-07-21 10:11:21
-     * @type {boolean}
-     */
-    __publicField(this, "loading", false);
-  }
-}
-
-export { FormButtonState };

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

@@ -1,128 +0,0 @@
-import { FormNotifyState, IFormDetailController, IFormDetailContainerController } from '@ibiz-template/runtime';
-import { IDEFormDetail } from '@ibiz/model-core';
-import { FormController } from '../../form/form.controller';
-import { FormDetailState } from './form-detail.state';
-export declare 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 {FormController}
-     */
-    readonly parent?: IFormDetailContainerController;
-    /**
-     * 表单数据
-     *
-     * @author lxm
-     * @date 2022-09-01 22:09:48
-     * @readonly
-     */
-    get data(): IData;
-    /**
-     * 获取容器类名集合
-     * @author lxm
-     * @date 2023-08-02 06:06:12
-     * @readonly
-     * @type {string[]}
-     */
-    get containerClass(): string[];
-    /**
-     * 获取标题类名集合
-     * @author lxm
-     * @date 2023-08-02 06:16:48
-     * @readonly
-     * @type {string[]}
-     */
-    get labelClass(): string[];
-    /**
-     * Creates an instance of FormDetailController.
-     * @author lxm
-     * @date 2022-08-24 20:08:22
-     * @param {T} model
-     */
-    constructor(model: T, form: FormController, parent?: IFormDetailContainerController);
-    /**
-     * 子类不可覆盖或重写此方法，在 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;
-    /**
-     * 计算动态样式表
-     * @author lxm
-     * @date 2023-08-02 06:15:08
-     * @param {IData} data
-     */
-    protected calcDynaClass(data: IData): void;
-}