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

package/es/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/es/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;

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

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

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

@@ -0,0 +1,32 @@
+import { IDEFormPage } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { FormPageController } from './form-page.controller';
+export declare const FormPageItem: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEFormPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormPageController;
+        required: true;
+    };
+    caption: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEFormPage>;
+        required: true;
+    };
+    controller: {
+        type: typeof FormPageController;
+        required: true;
+    };
+    caption: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}>;

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

@@ -0,0 +1,17 @@
+import { IFormDetailProvider } from '@ibiz-template/runtime';
+import { IDEFormPage } from '@ibiz/model-core';
+import { FormController } from '../../form/form.controller';
+import { FormPageController } from './form-page.controller';
+/**
+ * 表单分页部件适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FormPageProvider
+ * @implements {EditorProvider}
+ */
+export declare class FormPageProvider implements IFormDetailProvider {
+    component: string;
+    createController(detailModel: IDEFormPage, form: FormController, _parent: undefined): Promise<FormPageController>;
+}

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

@@ -0,0 +1,12 @@
+import { FormGroupPanelState } from '../form-group-panel';
+/**
+ * 表单分页状态
+ *
+ * @author chitanda
+ * @date 2023-01-04 09:01:57
+ * @export
+ * @class FormPageState
+ * @extends {FormContainerState}
+ */
+export declare class FormPageState extends FormGroupPanelState {
+}

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

@@ -0,0 +1,16 @@
+import { IDEFormPage } from '@ibiz/model-core';
+import { FormGroupPanelController } from '../form-group-panel';
+import { FormPageState } from './form-page-state';
+/**
+ * 表单分页控制器
+ *
+ * @author lxm
+ * @date 2022-09-04 15:09:52
+ * @export
+ * @class FormPageController
+ * @extends {FormContainerController}
+ */
+export declare class FormPageController extends FormGroupPanelController<IDEFormPage> {
+    state: FormPageState;
+    protected createState(): FormPageState;
+}

package/es/{layout/control-layout/control-layout.d.ts → control/form/form-detail/form-page/form-page.d.ts}

@@ -1,19 +1,17 @@
 import { PropType } from 'vue';
-import './control-layout.scss';
-/**
- * 部件布局
- */
-declare const _default: import("vue").DefineComponent<{
+import './form-page.scss';
+import { IDEForm } from '@ibiz/model-core';
+export declare const FormPage: import("vue").DefineComponent<{
     modelData: {
-        type: PropType<IControl>;
+        type: PropType<IDEForm>;
         required: true;
     };
 }, {
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
-        type: PropType<IControl>;
+        type: PropType<IDEForm>;
         required: true;
     };
 }>>, {}>;
-export default _default;
+export default FormPage;

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

@@ -0,0 +1,3 @@
+export * from './form-detail/index';
+export * from './form-group-panel/index';
+export * from './form-item/index';

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

@@ -0,0 +1,3 @@
+export * from "./form-detail/index";
+export * from "./form-group-panel/index";
+export * from "./form-item/index";

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

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+export * from './search-form';
+export * from './form-detail';
+export * from './form';
+declare const _default: {
+    install: (v: App) => void;
+};
+export default _default;

package/es/control/form/index.js

@@ -0,0 +1,12 @@
+import IBizSearchForm__default from "./search-form";
+export * from "./search-form";
+export * from "./form-detail";
+export * from "./form";
+const index = {
+  install: (v) => {
+    v.use(IBizSearchForm__default);
+  }
+};
+export {
+  index as default
+};

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

@@ -0,0 +1,15 @@
+import { registerControlProvider, ControlType } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import SearchForm from "./search-form";
+import { SearchFormProvider } from "./search-form-provider";
+const IBizSearchForm = withInstall(SearchForm, function(v) {
+  v.component(SearchForm.name, SearchForm);
+  registerControlProvider(
+    ControlType.SEARCHFORM,
+    () => new SearchFormProvider()
+  );
+});
+export {
+  IBizSearchForm,
+  IBizSearchForm as default
+};

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

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 搜索表单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class SearchFormProvider
+ * @implements {IControlProvider}
+ */
+export declare class SearchFormProvider implements IControlProvider {
+    component: string;
+}

package/es/{views/index-view/index-view-provider.js → control/form/search-form/search-form-provider.js}

@@ -4,11 +4,11 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class IndexViewProvider {
+class SearchFormProvider {
   constructor() {
-    __publicField(this, "component", "IndexView");
+    __publicField(this, "component", "SearchFormControl");
   }
 }
 export {
-  IndexViewProvider
+  SearchFormProvider
 };

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

@@ -0,0 +1,19 @@
+import { FormState } from '../form/form-state';
+/**
+ * 搜索表单状态
+ *
+ * @author fangZhiHao
+ * @date 2023-01-04 10:01:53
+ * @export
+ * @class SearchFormState
+ * @extends {FormState}
+ */
+export declare class SearchFormState extends FormState {
+    /**
+     * 是否显示搜索表单
+     * @author lxm
+     * @date 2023-05-09 03:29:09
+     * @type {boolean}
+     */
+    visible: boolean;
+}

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

@@ -0,0 +1,22 @@
+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 { FormState } from "../form/form-state";
+class SearchFormState extends FormState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否显示搜索表单
+     * @author lxm
+     * @date 2023-05-09 03:29:09
+     * @type {boolean}
+     */
+    __publicField(this, "visible", true);
+  }
+}
+export {
+  SearchFormState
+};

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

@@ -0,0 +1,86 @@
+import { ControllerEvent, ISearchFormController, ISearchFormEvent, SearchFormService } from '@ibiz-template/runtime';
+import { IDESearchForm } from '@ibiz/model-core';
+import { FormController } from '../form/form.controller';
+import { SearchFormState } from './search-form-state';
+/**
+ * 搜索表单控制器
+ *
+ * @author chitanda
+ * @date 2022-08-03 11:08:14
+ * @export
+ * @class SearchFormController
+ * @extends {FormController<IDESearchForm>}
+ */
+export declare class SearchFormController extends FormController<IDESearchForm> implements ISearchFormController {
+    evt: ControllerEvent<ISearchFormEvent>;
+    /**
+     * 搜索表单部件服务
+     *
+     * @author lxm
+     * @date 2022-08-19 13:08:51
+     * @type {EntityService}
+     */
+    service: SearchFormService;
+    state: SearchFormState;
+    protected doCreated(): Promise<void>;
+    /**
+     * 加载草稿
+     *
+     * @author lxm
+     * @date 2022-09-22 17:09:04
+     * @returns {*}  {Promise<IData>}
+     */
+    load(): Promise<IData>;
+    /**
+     * 获取搜索表单的视图过滤参数
+     *
+     * @author lxm
+     * @date 2022-09-22 17:09:21
+     * @returns {*}  {IParams}
+     */
+    getParams(): IParams;
+    /**
+     * 执行搜索行为
+     * @author lxm
+     * @date 2023-03-26 02:27:23
+     * @return {*}  {Promise<void>}
+     */
+    search(): Promise<void>;
+    /**
+     * 搜索表单按钮回调
+     *
+     * @author lxm
+     * @date 2022-09-22 19:09:07
+     */
+    onSearchButtonClick(): Promise<void>;
+    /**
+     * 重置搜索表单
+     *
+     * @author lxm
+     * @date 2022-09-22 19:09:07
+     */
+    reset(): Promise<void>;
+    /**
+     * 通知所有表单成员表单操作过程中的数据变更
+     *
+     * @author lxm
+     * @date 2022-09-20 18:09:40
+     * @param {string[]} names
+     */
+    dataChangeNotify(names: string[]): Promise<void>;
+    /**
+     * 监听回车事件
+     * @param {IData} event
+     * @return {*}
+     * @author: zhujiamin
+     * @date 2022-09-27 16:48:47
+     */
+    onKeyUp(event: KeyboardEvent): Promise<void>;
+    /**
+     * 设置搜索表单的显示与否
+     * @author lxm
+     * @date 2023-05-09 03:34:34
+     * @param {boolean} [visible] 不传则是切换当前的显示状态。
+     */
+    setVisible(visible?: boolean): void;
+}

package/es/control/form/search-form/search-form.controller.js

@@ -0,0 +1,128 @@
+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 { SearchFormService, FormNotifyState } from "@ibiz-template/runtime";
+import { FormController } from "../form/form.controller";
+import { SearchFormState } from "./search-form-state";
+class SearchFormController extends FormController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 搜索表单部件服务
+     *
+     * @author lxm
+     * @date 2022-08-19 13:08:51
+     * @type {EntityService}
+     */
+    __publicField(this, "service");
+    __publicField(this, "state", new SearchFormState());
+  }
+  async doCreated() {
+    await super.doCreated();
+    this.service = new SearchFormService(this.model);
+    await this.service.init(this.context);
+    await this.load();
+  }
+  /**
+   * 加载草稿
+   *
+   * @author lxm
+   * @date 2022-09-22 17:09:04
+   * @returns {*}  {Promise<IData>}
+   */
+  async load() {
+    const queryParams = { ...this.params };
+    const params = await this.getDraftParams();
+    Object.assign(queryParams, params);
+    const res = await this.service.getDraft(this.context, queryParams);
+    this.state.data = res.data;
+    this.state.isLoaded = true;
+    this.formStateNotify(FormNotifyState.DRAFT);
+    this.force();
+    return this.data;
+  }
+  /**
+   * 获取搜索表单的视图过滤参数
+   *
+   * @author lxm
+   * @date 2022-09-22 17:09:21
+   * @returns {*}  {IParams}
+   */
+  getParams() {
+    return { ...this.data.getRequestData() };
+  }
+  /**
+   * 执行搜索行为
+   * @author lxm
+   * @date 2023-03-26 02:27:23
+   * @return {*}  {Promise<void>}
+   */
+  async search() {
+    await this.evt.emit("onSearch", void 0);
+  }
+  /**
+   * 搜索表单按钮回调
+   *
+   * @author lxm
+   * @date 2022-09-22 19:09:07
+   */
+  async onSearchButtonClick() {
+    await this.search();
+  }
+  /**
+   * 重置搜索表单
+   *
+   * @author lxm
+   * @date 2022-09-22 19:09:07
+   */
+  async reset() {
+    await this.load();
+    await this.search();
+  }
+  /**
+   * 通知所有表单成员表单操作过程中的数据变更
+   *
+   * @author lxm
+   * @date 2022-09-20 18:09:40
+   * @param {string[]} names
+   */
+  async dataChangeNotify(names) {
+    await super.dataChangeNotify(names);
+    if (this.model.enableAutoSearch) {
+      this.search();
+    }
+  }
+  /**
+   * 监听回车事件
+   * @param {IData} event
+   * @return {*}
+   * @author: zhujiamin
+   * @date 2022-09-27 16:48:47
+   */
+  async onKeyUp(event) {
+    const e = event || window.event;
+    if (e && e.code === "Enter") {
+      await this.onSearchButtonClick();
+    }
+  }
+  /**
+   * 设置搜索表单的显示与否
+   * @author lxm
+   * @date 2023-05-09 03:34:34
+   * @param {boolean} [visible] 不传则是切换当前的显示状态。
+   */
+  setVisible(visible) {
+    const setVisible = typeof visible === "boolean" ? visible : !this.state.visible;
+    if (setVisible !== this.state.visible) {
+      this.state.visible = setVisible;
+    } else {
+      ibiz.log.debug("搜索表单显示没变化");
+    }
+  }
+}
+export {
+  SearchFormController
+};

package/{lib/layout/view-shell/view-shell.d.ts → es/control/form/search-form/search-form.d.ts}

@@ -1,42 +1,37 @@
+import { IDESearchForm } from '@ibiz/model-core';
 import { PropType } from 'vue';
-import './view-shell.scss';
-export declare const ViewShell: import("vue").DefineComponent<{
+import { SearchFormController } from './search-form.controller';
+import './search-form.scss';
+export declare const SearchForm: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDESearchForm>;
+        required: true;
+    };
     context: {
         type: PropType<IContext>;
         required: true;
     };
     params: {
         type: PropType<IParams>;
+        default: () => {};
     };
-    isRouter: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+}, {
+    c: SearchFormController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
-        type: PropType<IAppView>;
+        type: PropType<IDESearchForm>;
         required: true;
     };
-}, {
-    ns: any;
-    isComplete: import("vue").Ref<boolean>;
-    errMsg: import("vue").Ref<string>;
-    provider: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     context: {
         type: PropType<IContext>;
         required: true;
     };
     params: {
         type: PropType<IParams>;
-    };
-    isRouter: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelData: {
-        type: PropType<IAppView>;
-        required: true;
+        default: () => {};
     };
 }>>, {
-    isRouter: boolean;
+    params: IParams;
 }>;
+export default SearchForm;