@kengic/vue 0.30.1-beta.82 → 0.30.1-beta.85

package/component/KgSearch/KgSearch.store.ts

@@ -0,0 +1,609 @@
+import { ____WARN_____ } from '@kengic/core.core';
+import { isEmpty, values } from 'lodash-es';
+import { defineStore } from 'pinia';
+import { computed, isReactive, reactive, ref, watch } from 'vue';
+import { VarProfileMasterDTO } from '../../api/WMS/models';
+import { IKgStoreDefinition } from '../../model';
+import { IKgTableRequestParameter } from '../KgTable';
+import { useKgVar } from '../KgVar';
+
+/** 查询方法. */
+export type IKgSearchOnSearchFn = (param?: IKgTableRequestParameter) => void;
+
+/** 重置方法. */
+export type IKgSearchOnResetFn = () => void;
+
+export interface IUseKgSearchStoreState {
+    /**
+     * 高级查询操作符的表单数据对象.
+     */
+    dynamicOperatorModelMap: Map<string, Record<string, string>>;
+
+    /** 表单数据对象. */
+    formModel: Map<string, Record<string, any>>;
+
+    /**
+     * 是否就绪: 查询字段初始完成, 组件渲染完成.
+     */
+    isReadyMap: Map<string, boolean>;
+
+    /** 重置方法, 可供外部调用, 用来触发重置操作. */
+    resetFnMap: Map<string, IKgSearchOnResetFn>;
+
+    /** 查询方法, 可供外部调用, 用来触发查询操作. */
+    searchFnMap: Map<string, IKgSearchOnSearchFn>;
+}
+
+export interface IUseKgSearchStoreGetters {
+    /**
+     * 获取当前的 VarProfileMaster.
+     */
+    getCurrentVarProfileMaster: (fid: string | null | undefined) => VarProfileMasterDTO | null;
+
+    /**
+     * @param fid 界面标识.
+     */
+    getDynamicQueryOperatorModel: (fid: string | null | undefined) => Record<string, string>;
+
+    /**
+     * @param fid 界面标识.
+     */
+    getFormModel: (fid: string | null | undefined) => Record<string, any> | null;
+
+    /**
+     * 是否就绪.
+     *
+     * @param fid 界面标识.
+     */
+    getIsReady: (fid: string | null | undefined) => boolean;
+
+    /**
+     * 获取重置方法.
+     *
+     * @param fid 界面标识.
+     */
+    getResetFn: (fid: string | null | undefined) => IKgSearchOnResetFn | null;
+
+    /**
+     * 获取查询方法.
+     *
+     * @param fid 界面标识.
+     */
+    getSearchFn: (fid: string | null | undefined) => IKgSearchOnSearchFn | null;
+}
+
+export interface IUseKgSearchStoreActions {
+    /**
+     * 清理数据.
+     * @param fid 页面标识.
+     */
+    dispose(fid: string | null | undefined): void;
+
+    /**
+     * 修改查询字段的高级查询操作符的部分属性.
+     *
+     * @param fid 界面标识.
+     * @param properties 要修改的部分属性.
+     */
+    patchDynamicQueryOperatorModel(fid: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+
+    /**
+     * 修改查询字段的表单数据的部分属性.
+     *
+     * @param fid 界面标识.
+     * @param properties 要修改的部分属性.
+     */
+    patchModel(fid: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+
+    setDynamicQueryOperatorModel(fid: string | null | undefined, model?: Record<string, any> | null): void;
+
+    /**
+     * 设置表单数据.
+     * @param fid 界面标识.
+     * @param model 表单数据.
+     */
+    setFormModel(fid: string | null | undefined, model?: Record<string, any> | null): void;
+
+    /**
+     * 设置是否就绪.
+     * @param fid 界面标识.
+     * @param ready 是否就绪.
+     */
+    setIsReady(fid: string | null | undefined, ready?: boolean): void;
+
+    /**
+     * 设置重置方法.
+     * @param fid 界面标识.
+     * @param fn 重置方法.
+     */
+    setResetFn(fid: string | null | undefined, fn?: IKgSearchOnResetFn | null): void;
+
+    /**
+     * 设置查询方法.
+     * @param fid 界面标识.
+     * @param fn 查询方法.
+     */
+    setSearchFn(fid: string | null | undefined, fn?: IKgSearchOnSearchFn | null): void;
+}
+
+// @ts-ignore
+export const useKgSearchStore: IKgStoreDefinition<IUseKgSearchStoreGetters, IUseKgSearchStoreActions> = defineStore('KgSearch', {
+    actions: {
+        dispose(fid: string | null | undefined): void {
+            if (!fid) {
+                ____WARN_____('KgSearch.store.dispose() | fid 为空.');
+                return;
+            }
+
+            const kgVar = useKgVar(fid);
+
+            // 其他页面可能使用了此页面的查询条件, 找出这些其他页面, 将它们的数据也清理掉,
+            const childFidList = [...values(kgVar.store.getVarGridConfigMap)]
+                .filter((i) => i?.prf_frm_id === fid)
+                .map((i) => i?.frm_id)
+                .filter((i) => !!i) as Array<string>;
+
+            for (let _fid of [fid, ...childFidList]) {
+                this.dynamicOperatorModelMap.delete(_fid);
+                this.formModel.delete(_fid);
+                this.isReadyMap.delete(_fid);
+                this.resetFnMap.delete(_fid);
+                this.searchFnMap.delete(_fid);
+            }
+        },
+
+        patchDynamicQueryOperatorModel(fid: string | null | undefined, properties?: Record<string, any> | null): Promise<void> {
+            if (!fid || !properties) {
+                return Promise.resolve();
+            }
+
+            return new Promise((resolve) => {
+                const stopWatch = watch(
+                    () => this.dynamicOperatorModelMap.get(fid),
+                    (_model) => {
+                        if (_model) {
+                            setTimeout(() => {
+                                stopWatch();
+
+                                Object.entries(properties).forEach(([key, value]) => {
+                                    if (key in _model) {
+                                        _model[key] = value;
+                                    }
+                                });
+
+                                resolve();
+                            });
+                        }
+                    },
+                    { immediate: true },
+                );
+            });
+        },
+
+        patchModel(fid: string | null | undefined, properties?: Record<string, any> | null): Promise<void> {
+            if (!fid || !properties || isEmpty(properties)) {
+                return Promise.resolve();
+            }
+
+            return new Promise((resolve) => {
+                const stopWatch = watch(
+                    () => this.formModel.get(fid),
+                    (_model) => {
+                        if (_model && !isEmpty(_model)) {
+                            setTimeout(() => {
+                                stopWatch();
+
+                                Object.entries(properties).forEach(([key, value]) => {
+                                    if (key in _model) {
+                                        _model[key] = value;
+                                    }
+                                });
+
+                                resolve();
+                            });
+                        }
+                    },
+                    { immediate: true },
+                );
+            });
+        },
+
+        setDynamicQueryOperatorModel(fid: string | null | undefined, model?: Record<string, any> | null): void {
+            if (!fid) {
+                return;
+            }
+
+            if (!model) {
+                this.dynamicOperatorModelMap.delete(fid);
+                return;
+            }
+
+            let _model = model;
+            if (!isReactive(model)) {
+                _model = reactive(model);
+            }
+
+            this.dynamicOperatorModelMap.set(fid, _model);
+        },
+
+        setFormModel(fid: string | null | undefined, model?: Record<string, any> | null): void {
+            if (!fid) {
+                return;
+            }
+
+            if (!model) {
+                this.formModel.delete(fid);
+                return;
+            }
+
+            let _model = model;
+            if (!isReactive(model)) {
+                _model = reactive(model);
+            }
+
+            this.formModel.set(fid, _model);
+        },
+
+        setIsReady(fid: string | null | undefined, ready?: boolean): void {
+            if (!fid) {
+                return;
+            }
+
+            this.isReadyMap.set(fid, !!ready);
+        },
+
+        setResetFn(fid: string | null | undefined, fn?: IKgSearchOnResetFn | null): void {
+            if (!fid) {
+                return;
+            }
+
+            if (!fn) {
+                this.resetFnMap.delete(fid);
+                return;
+            }
+
+            this.resetFnMap.set(fid, fn);
+        },
+
+        setSearchFn(fid: string | null | undefined, fn?: IKgSearchOnSearchFn | null): void {
+            if (!fid) {
+                return;
+            }
+
+            if (!fn) {
+                this.searchFnMap.delete(fid);
+                return;
+            }
+
+            this.searchFnMap.set(fid, fn);
+        },
+    },
+    getters: {
+        getCurrentVarProfileMaster(): (fid: string | null | undefined) => VarProfileMasterDTO | null {
+            return (fid) => {
+                if (!fid) {
+                    return null;
+                }
+
+                const kgVar = useKgVar(fid);
+
+                // 如果 prf_frm_id 有值, 表示表格用的是其他界面的查询条件,
+                // 否则, 表示表格用的是自己界面的查询条件,
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id || fid;
+
+                const varProfileMaster = kgVar.store.getVarProfileMasterMap[fid$KgSearch];
+
+                const currentVarProfileMaster = varProfileMaster?.varProfileMasters?.find((i) => i.id === varProfileMaster?.currentVarProfileMasterID) ?? null;
+
+                return currentVarProfileMaster;
+            };
+        },
+
+        getDynamicQueryOperatorModel(): (fid: string | null | undefined) => Record<string, any> {
+            return (fid) => {
+                if (!fid) {
+                    return {};
+                }
+
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const prf_frm_id = useKgVar(fid).store.getVarGridConfig(fid)?.prf_frm_id;
+
+                return this.dynamicOperatorModelMap.get(prf_frm_id || fid) ?? {};
+            };
+        },
+
+        getFormModel(): (fid: string | null | undefined) => Record<string, any> | null {
+            return (fid) => {
+                if (!fid) {
+                    return null;
+                }
+
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const prf_frm_id = useKgVar(fid).store.getVarGridConfig(fid)?.prf_frm_id;
+
+                return this.formModel.get(prf_frm_id || fid) ?? null;
+            };
+        },
+
+        getIsReady(): (fid: string | null | undefined) => boolean {
+            return (fid) => {
+                if (!fid) {
+                    return false;
+                }
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = useKgVar(fid).store.getVarGridConfig(fid)?.prf_frm_id || fid;
+
+                return !!this.isReadyMap.get(fid$KgSearch);
+            };
+        },
+
+        getResetFn(): (fid: string | null | undefined) => IKgSearchOnResetFn | null {
+            return (fid) => {
+                if (!fid) {
+                    return null;
+                }
+
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const prf_frm_id = useKgVar(fid).store.getVarGridConfig(fid)?.prf_frm_id;
+
+                return this.resetFnMap.get(prf_frm_id || fid) ?? null;
+            };
+        },
+
+        getSearchFn(): (fid: string | null | undefined) => IKgSearchOnSearchFn | null {
+            return (fid) => {
+                if (!fid) {
+                    return null;
+                }
+
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const prf_frm_id = useKgVar(fid).store.getVarGridConfig(fid)?.prf_frm_id;
+
+                return this.searchFnMap.get(prf_frm_id || fid) ?? null;
+            };
+        },
+    },
+    state: (): IUseKgSearchStoreState => ({
+        dynamicOperatorModelMap: new Map(),
+        formModel: new Map(),
+        isReadyMap: new Map(),
+        resetFnMap: new Map(),
+        searchFnMap: new Map(),
+    }),
+});
+
+/**
+ * key 为界面标识, value 为该界面的状态管理定义.
+ */
+const storeDefinitionRecord: Record<string, IKgStoreDefinition<IUseKgSearchStoreGetters, IUseKgSearchStoreActions>> = {};
+
+export function buildKgSearchStore(fid: string | null | undefined): IKgStoreDefinition<IUseKgSearchStoreGetters, IUseKgSearchStoreActions> {
+    if (!fid) {
+        throw new Error('界面标识不能为空');
+    }
+
+    if (!storeDefinitionRecord[fid]) {
+        storeDefinitionRecord[fid] = defineStore(`KgSearch[${fid}]`, () => {
+            const kgVar = useKgVar(fid);
+
+            //region STATE
+            //----------------------------------------------------------------------------------------------------
+            const dynamicQueryOperatorModel$ = ref<Record<string, string> | null>(null);
+            const formModel$ = ref<Record<string, any> | null>(null);
+            const isReady$ = ref<boolean | null>(null);
+            const resetFunction$ = ref<IKgSearchOnResetFn | null>(null);
+            const searchFunction$ = ref<IKgSearchOnSearchFn | null>(null);
+            //----------------------------------------------------------------------------------------------------
+            //endregion
+
+            //region GETTERS
+            //----------------------------------------------------------------------------------------------------
+            const currentVarProfileMaster$$ = computed<VarProfileMasterDTO | null>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id;
+                if (fid$KgSearch) {
+                    const varProfileMaster = kgVar.store.getVarProfileMasterMap[fid$KgSearch];
+                    const currentVarProfileMaster = varProfileMaster?.varProfileMasters?.find((i) => i.id === varProfileMaster?.currentVarProfileMasterID) ?? null;
+                    return currentVarProfileMaster;
+                } else {
+                    const varProfileMaster = kgVar.store.getVarProfileMasterMap[fid];
+                    const currentVarProfileMaster = varProfileMaster?.varProfileMasters?.find((i) => i.id === varProfileMaster?.currentVarProfileMasterID) ?? null;
+                    return currentVarProfileMaster;
+                }
+            });
+
+            const dynamicQueryOperatorModel$$ = computed<Record<string, any>>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id;
+                if (fid$KgSearch) {
+                    return useKgVar(fid$KgSearch).kgSearch.dynamicQueryOperatorModel.value;
+                } else {
+                    return dynamicQueryOperatorModel$.value ?? {};
+                }
+            });
+
+            const formModel$$ = computed<Record<string, any> | null>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id;
+                if (fid$KgSearch) {
+                    return useKgVar(fid$KgSearch).kgSearch.formModel.value;
+                } else {
+                    return formModel$.value ?? null;
+                }
+            });
+
+            const isReady$$ = computed<boolean>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id || fid;
+                if (fid$KgSearch) {
+                    return useKgVar(fid$KgSearch).kgSearch.isReady.value;
+                } else {
+                    return !!isReady$.value;
+                }
+            });
+
+            const resetFunction$$ = computed<IKgSearchOnResetFn | null>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id;
+                if (fid$KgSearch) {
+                    return useKgVar(fid$KgSearch).kgSearch.reset;
+                } else {
+                    return resetFunction$.value;
+                }
+            });
+
+            const searchFunction$$ = computed<IKgSearchOnSearchFn | null>(() => {
+                // 可能当前界面的表格使用的是其他界面的查询条件, 因此需要获取那个界面的查询条件的数据
+                const fid$KgSearch = kgVar.store.getVarGridConfig(fid)?.prf_frm_id;
+                if (fid$KgSearch) {
+                    return useKgVar(fid$KgSearch).kgSearch.search;
+                } else {
+                    return searchFunction$.value;
+                }
+            });
+            //----------------------------------------------------------------------------------------------------
+            //endregion
+
+            //region ACTIONS
+            //----------------------------------------------------------------------------------------------------
+            function dispose(): void {
+                // 其他页面可能使用了此页面的查询条件, 找出这些其他页面, 将它们的数据也清理掉,
+                const childFidList = [...values(kgVar.store.getVarGridConfigMap)]
+                    .filter((i) => i?.prf_frm_id === fid)
+                    .map((i) => i?.frm_id)
+                    .filter((i) => !!i) as Array<string>;
+
+                for (let _fid of [fid, ...childFidList]) {
+                    dynamicQueryOperatorModel$.value = null;
+                    formModel$.value = null;
+                    isReady$.value = null;
+                    resetFunction$.value = null;
+                    searchFunction$.value = null;
+                }
+            }
+
+            function patchDynamicQueryOperatorModel(properties?: Record<string, any> | null): Promise<void> {
+                if (!properties) {
+                    return Promise.resolve();
+                }
+
+                return new Promise((resolve) => {
+                    const stopWatch = watch(
+                        () => dynamicQueryOperatorModel$.value,
+                        (_model) => {
+                            if (_model) {
+                                setTimeout(() => {
+                                    stopWatch();
+
+                                    Object.entries(properties).forEach(([key, value]) => {
+                                        if (key in _model) {
+                                            _model[key] = value;
+                                        }
+                                    });
+
+                                    resolve();
+                                });
+                            }
+                        },
+                        { immediate: true },
+                    );
+                });
+            }
+
+            function patchModel(properties?: Record<string, any> | null): Promise<void> {
+                if (!properties || isEmpty(properties)) {
+                    return Promise.resolve();
+                }
+
+                return new Promise((resolve) => {
+                    const stopWatch = watch(
+                        () => formModel$.value,
+                        (_model) => {
+                            if (_model && !isEmpty(_model)) {
+                                setTimeout(() => {
+                                    stopWatch();
+
+                                    Object.entries(properties).forEach(([key, value]) => {
+                                        if (key in _model) {
+                                            _model[key] = value;
+                                        }
+                                    });
+
+                                    resolve();
+                                });
+                            }
+                        },
+                        { immediate: true },
+                    );
+                });
+            }
+
+            function setDynamicQueryOperatorModel(model?: Record<string, any> | null): void {
+                if (!model) {
+                    dynamicQueryOperatorModel$.value = null;
+                    return;
+                }
+
+                let _model = model;
+                if (!isReactive(model)) {
+                    _model = reactive(model);
+                }
+
+                dynamicQueryOperatorModel$.value = _model;
+            }
+
+            function setFormModel(model?: Record<string, any> | null): void {
+                if (!model) {
+                    formModel$.value = null;
+                    return;
+                }
+
+                let _model = model;
+                if (!isReactive(model)) {
+                    _model = reactive(model);
+                }
+
+                formModel$.value = _model;
+            }
+
+            function setIsReady(ready?: boolean): void {
+                isReady$.value = !!ready;
+            }
+
+            function setResetFunction(fn?: IKgSearchOnResetFn | null): void {
+                resetFunction$.value = fn ?? null;
+            }
+
+            function setSearchFunction(fn?: IKgSearchOnSearchFn | null): void {
+                searchFunction$.value = fn ?? null;
+            }
+
+            //----------------------------------------------------------------------------------------------------
+            //endregion
+
+            return {
+                currentVarProfileMaster: currentVarProfileMaster$$,
+                dispose: dispose,
+                dynamicQueryOperatorModel: dynamicQueryOperatorModel$$,
+                dynamicQueryOperatorModel$: dynamicQueryOperatorModel$,
+                formModel: formModel$$,
+                formModel$: formModel$,
+                isReady: isReady$$,
+                isReady$: isReady$,
+                patchDynamicQueryOperatorModel: patchDynamicQueryOperatorModel,
+                patchModel: patchModel,
+                resetFunction: resetFunction$$,
+                resetFunction$: resetFunction$,
+                searchFunction: searchFunction$$,
+                searchFunction$: searchFunction$,
+                setDynamicQueryOperatorModel: setDynamicQueryOperatorModel,
+                setFormModel: setFormModel,
+                setIsReady: setIsReady,
+                setResetFunction: setResetFunction,
+                setSearchFunction: setSearchFunction,
+            };
+        }) as any;
+    }
+
+    return storeDefinitionRecord[fid];
+}