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

package/es/control/app-menu/index.js

@@ -1,12 +1,16 @@
-import { ControlType } from "@ibiz-template/runtime";
-import { withInstall } from "../../util/install";
+import { registerControlProvider, ControlType } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
 import { AppMenu } from "./app-menu";
+export * from "./app-menu";
 import { AppMenuProvider } from "./app-menu-provider";
-const IbizAppMenu = withInstall(AppMenu, function(v) {
+export * from "./app-menu-provider";
+export * from "./app-menu-state";
+export * from "./app-menu.controller";
+const IBizAppMenu = withInstall(AppMenu, function(v) {
   v.component(AppMenu.name, AppMenu);
-  ibiz.register.control.register(ControlType.APP_MENU, new AppMenuProvider());
+  registerControlProvider(ControlType.APP_MENU, () => new AppMenuProvider());
 });
 export {
-  IbizAppMenu,
-  IbizAppMenu as default
+  IBizAppMenu,
+  IBizAppMenu as default
 };

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

@@ -0,0 +1,34 @@
+import { IDEForm } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { FormController } from './form.controller';
+import './form.scss';
+export declare const FormControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: FormController<IDEForm>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm>>;
+        required: true;
+    };
+}>>, {}>;

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

@@ -0,0 +1,36 @@
+import { ControlState, ControlVO } from '@ibiz-template/runtime';
+/**
+ * 表单状态
+ *
+ * @author chitanda
+ * @date 2023-01-03 16:01:05
+ * @export
+ * @class FormState
+ * @extends {ControlState}
+ */
+export declare class FormState extends ControlState {
+    /**
+     * 是否加载完数据
+     *
+     * @author lxm
+     * @date 2022-10-24 19:10:04
+     * @type {boolean}
+     */
+    isLoaded: boolean;
+    /**
+     * 表单数据
+     *
+     * @author lxm
+     * @date 2022-08-22 22:08:19
+     * @type {ControlVO}
+     */
+    data: ControlVO;
+    /**
+     * 是否正在处理中(动态控制，值规则，表单项更新等逻辑中)
+     * @author lxm
+     * @date 2023-03-06 09:07:20
+     * @type {boolean}
+     * @memberof FormController
+     */
+    processing: boolean;
+}

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

@@ -0,0 +1,39 @@
+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, ControlVO } from "@ibiz-template/runtime";
+class FormState extends ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否加载完数据
+     *
+     * @author lxm
+     * @date 2022-10-24 19:10:04
+     * @type {boolean}
+     */
+    __publicField(this, "isLoaded", false);
+    /**
+     * 表单数据
+     *
+     * @author lxm
+     * @date 2022-08-22 22:08:19
+     * @type {ControlVO}
+     */
+    __publicField(this, "data", new ControlVO());
+    /**
+     * 是否正在处理中(动态控制，值规则，表单项更新等逻辑中)
+     * @author lxm
+     * @date 2023-03-06 09:07:20
+     * @type {boolean}
+     * @memberof FormController
+     */
+    __publicField(this, "processing", false);
+  }
+}
+export {
+  FormState
+};

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

@@ -0,0 +1,129 @@
+import { ControlController, ControllerEvent, ControlVO, FormNotifyState, IFormController, IFormDetailProvider, IFormEvent } from '@ibiz-template/runtime';
+import { IDEForm, IDEFormDetail } from '@ibiz/model-core';
+import { FormDetailController } from '../form-detail/form-detail/form-detail';
+import { FormGroupPanelController } from '../form-detail/form-group-panel/form-group-panel.controller';
+import { FormItemController } from '../form-detail/form-item/form-item.controller';
+import { FormState } from './form-state';
+/**
+ * 表单控制器
+ *
+ * @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> extends ControlController<T> implements IFormController {
+    evt: ControllerEvent<IFormEvent>;
+    state: FormState;
+    /**
+     * 所有表单项成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: FormDetailController }}
+     */
+    details: {
+        [key: string]: FormDetailController;
+    };
+    /**
+     * 所有表单项成员的适配器
+     *
+     * @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 {ControlVO}
+     */
+    get data(): ControlVO;
+    /**
+     * 通知所有表单成员表单操作过程中的数据变更
+     *
+     * @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 doCreated(): Promise<void>;
+    /**
+     * 获取加载草稿额外参数，新建默认值
+     * @author lxm
+     * @date 2023-04-27 10:32:06
+     * @return {*}
+     */
+    getDraftParams(): Promise<IParams>;
+    /**
+     * 初始化表单成员控制器
+     *
+     * @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<IDatum>}
+     */
+    abstract load(): Promise<IDatum>;
+    /**
+     * 获取表单数据
+     *
+     * @author lxm
+     * @date 2022-08-30 19:08:11
+     * @returns {*}
+     */
+    getData(): IDatum[];
+    /**
+     * 设置表单数据的值
+     *
+     * @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.js

@@ -0,0 +1,199 @@
+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 { RuntimeError, debounceAndAsyncMerge } from "@ibiz-template/core";
+import { ControlController, getFormDetailProvider } from "@ibiz-template/runtime";
+import { isNil } from "lodash-es";
+import { FormState } from "./form-state";
+class FormController extends ControlController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new FormState());
+    /**
+     * 所有表单项成员的控制器
+     *
+     * @author lxm
+     * @date 2022-08-24 20:08:07
+     * @type {{ [key: string]: FormDetailController }}
+     */
+    __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", []);
+  }
+  /**
+   * 表单数据
+   *
+   * @author chitanda
+   * @date 2023-01-04 10:01:46
+   * @readonly
+   * @type {ControlVO}
+   */
+  get data() {
+    return this.state.data;
+  }
+  /**
+   * 通知所有表单成员表单操作过程中的数据变更
+   *
+   * @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报错", values);
+      throw new RuntimeError("数据变更后有错误");
+    }
+  }
+  /**
+   * 表单状态变更通知
+   *
+   * @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 doCreated() {
+    await super.doCreated();
+    await this.initDetailControllers();
+    this.details = { ...this.details };
+    this.providers = { ...this.providers };
+    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() {
+    await Promise.all(this.formItems.map((item) => item.setDefaultValue(true)));
+    const result = {};
+    Object.keys(this.data).forEach((key) => {
+      if (!isNil(this.data[key])) {
+        result[key] = this.data[key];
+      }
+    });
+    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) => {
+        var _a;
+        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") {
+          form.formItems.push(detailController);
+        }
+        if ((_a = detail.deformDetails) == null ? void 0 : _a.length) {
+          await this.initDetailControllers(
+            detail.deformDetails,
+            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) && this.state.data[name] === value) {
+      return;
+    }
+    this.state.data[name] = value;
+    this.state.processing = true;
+    try {
+      await this.dataChangeNotify([name]);
+    } finally {
+      this.state.processing = false;
+    }
+    this.force();
+  }
+  /**
+   * 校验表单的全部表单项
+   *
+   * @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/index.js

@@ -0,0 +1,27 @@
+import { withInstall } from "@ibiz-template/vue3-util";
+import { registerFormDetailProvider } from "@ibiz-template/runtime";
+import { FormItemProvider } from "../form-detail/form-item/form-item-provider";
+import IBizSearchForm from "../search-form";
+import { default as default2 } from "../search-form";
+import { FormControl } from "./form-control";
+export * from "./form-control";
+import FormPage from "../form-detail/form-page/form-page";
+import { FormPageItem } from "../form-detail/form-page/form-page-item";
+import { FormPageProvider } from "../form-detail/form-page/form-page-provider";
+import { FormItemContainer } from "../form-detail/form-item/form-item-container/form-item-container";
+import { FormItem } from "../form-detail";
+export * from "./form-state";
+export * from "./form.controller";
+const IBizForm = withInstall(FormControl, function(v) {
+  v.component(FormControl.name, FormControl);
+  v.component(FormPage.name, FormPage);
+  v.component(FormPageItem.name, FormPageItem);
+  v.component(FormItemContainer.name, FormItemContainer);
+  v.component(FormItem.name, FormItem);
+  registerFormDetailProvider("FORMITEM", () => new FormItemProvider());
+  registerFormDetailProvider("FORMPAGE", () => new FormPageProvider());
+});
+export {
+  IBizForm,
+  default2 as default
+};

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

@@ -0,0 +1,55 @@
+import { ILayoutController } from '@ibiz-template/runtime';
+import { FormGroupPanelState } from '../form-group-panel/form-group-panel-state';
+/**
+ * 表单项状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:02
+ * @export
+ * @class FormDetailState
+ */
+export declare class FormDetailState {
+    protected parent?: FormGroupPanelState | undefined;
+    /**
+     * 是否显示
+     *
+     * @author lxm
+     * @date 2023-02-08 03:59:47
+     * @type {boolean}
+     * @memberof FormDetailState
+     */
+    visible: boolean;
+    /**
+     * 是否必填
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:27
+     * @type {boolean}
+     */
+    required: boolean;
+    /**
+     * 是否禁用
+     *
+     * @author lxm
+     * @date 2023-02-08 03:51:09
+     * @type {boolean}
+     * @memberof FormDetailState
+     */
+    disabled: boolean;
+    /**
+     * 布局
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:15
+     * @type {ILayoutController}
+     */
+    layoutController: ILayoutController;
+    /**
+     * 显示更多模式 {0：无、 1：受控内容、 2：管理容器}
+     * @author lxm
+     * @date 2023-03-17 02:16:43
+     * @type {(0 | 1 | 2)}
+     */
+    showMoreMode: 0 | 1 | 2 | number;
+    constructor(parent?: FormGroupPanelState | undefined);
+}

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

@@ -0,0 +1,72 @@
+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 FormDetailState {
+  constructor(parent) {
+    /**
+     * 是否必填
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:27
+     * @type {boolean}
+     */
+    __publicField(this, "required", false);
+    /**
+     * 是否禁用
+     *
+     * @author lxm
+     * @date 2023-02-08 03:51:09
+     * @type {boolean}
+     * @memberof FormDetailState
+     */
+    __publicField(this, "disabled", false);
+    /**
+     * 布局
+     *
+     * @author chitanda
+     * @date 2023-01-04 10:01:15
+     * @type {ILayoutController}
+     */
+    __publicField(this, "layoutController", {
+      width: "",
+      height: "",
+      extraStyle: {},
+      extraClass: "",
+      contentStyle: {}
+    });
+    /**
+     * 显示更多模式 {0：无、 1：受控内容、 2：管理容器}
+     * @author lxm
+     * @date 2023-03-17 02:16:43
+     * @type {(0 | 1 | 2)}
+     */
+    __publicField(this, "showMoreMode", 0);
+    this.parent = parent;
+    let $visible = 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;
+      }
+    });
+  }
+}
+export {
+  FormDetailState
+};