@kengic/vue 0.23.0 → 0.23.2

package/dist/src/components/KgResizable/KgResizable.d.ts

@@ -1,21 +1,17 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import './KgResizable.less';
 export declare const getProps: () => {
-    /** 拖拽条的位置. */
-    kgType: {
-        type: PropType<"top" | "left" | "right" | "bottom">;
-        default: string;
-    };
+    /** 样式. */
+    kgClass: PropType<string>;
     /** 是否禁用. */
     kgDisabled: PropType<boolean>;
-    /** 当前宽度. */
-    kgWidth: {
+    /** 当前高度. */
+    kgHeight: {
         type: PropType<number>;
         default: number;
     };
-    'onUpdate:kgWidth': PropType<(value: number) => void>;
-    /** 最小宽度. */
-    kgMinWidth: {
+    /** 最大高度. */
+    kgMaxHeight: {
         type: PropType<number>;
         default: number;
     };
@@ -24,120 +20,124 @@ export declare const getProps: () => {
         type: PropType<number>;
         default: number;
     };
-    /** 当前高度. */
-    kgHeight: {
-        type: PropType<number>;
-        default: number;
-    };
-    'onUpdate:kgHeight': PropType<(value: number) => void>;
     /** 最小高度. */
     kgMinHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 最大高度. */
-    kgMaxHeight: {
+    /** 最小宽度. */
+    kgMinWidth: {
         type: PropType<number>;
         default: number;
     };
-    /** 样式. */
-    kgClass: PropType<string>;
-};
-export declare type IKgResizableProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-declare const _default: import("vue").DefineComponent<{
     /** 拖拽条的位置. */
     kgType: {
-        type: PropType<"top" | "left" | "right" | "bottom">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
-    /** 是否禁用. */
-    kgDisabled: PropType<boolean>;
     /** 当前宽度. */
     kgWidth: {
         type: PropType<number>;
         default: number;
     };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
     'onUpdate:kgWidth': PropType<(value: number) => void>;
-    /** 最小宽度. */
-    kgMinWidth: {
+};
+export declare type IKgResizableProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    /** 样式. */
+    kgClass: PropType<string>;
+    /** 是否禁用. */
+    kgDisabled: PropType<boolean>;
+    /** 当前高度. */
+    kgHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 最大宽度. */
-    kgMaxWidth: {
+    /** 最大高度. */
+    kgMaxHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 当前高度. */
-    kgHeight: {
+    /** 最大宽度. */
+    kgMaxWidth: {
         type: PropType<number>;
         default: number;
     };
-    'onUpdate:kgHeight': PropType<(value: number) => void>;
     /** 最小高度. */
     kgMinHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 最大高度. */
-    kgMaxHeight: {
+    /** 最小宽度. */
+    kgMinWidth: {
         type: PropType<number>;
         default: number;
     };
-    /** 样式. */
-    kgClass: PropType<string>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:kgWidth" | "update:kgHeight")[], "update:kgWidth" | "update:kgHeight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** 拖拽条的位置. */
     kgType: {
-        type: PropType<"top" | "left" | "right" | "bottom">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
-    /** 是否禁用. */
-    kgDisabled: PropType<boolean>;
     /** 当前宽度. */
     kgWidth: {
         type: PropType<number>;
         default: number;
     };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
     'onUpdate:kgWidth': PropType<(value: number) => void>;
-    /** 最小宽度. */
-    kgMinWidth: {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:kgWidth" | "update:kgHeight")[], "update:kgWidth" | "update:kgHeight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /** 样式. */
+    kgClass: PropType<string>;
+    /** 是否禁用. */
+    kgDisabled: PropType<boolean>;
+    /** 当前高度. */
+    kgHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 最大宽度. */
-    kgMaxWidth: {
+    /** 最大高度. */
+    kgMaxHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 当前高度. */
-    kgHeight: {
+    /** 最大宽度. */
+    kgMaxWidth: {
         type: PropType<number>;
         default: number;
     };
-    'onUpdate:kgHeight': PropType<(value: number) => void>;
     /** 最小高度. */
     kgMinHeight: {
         type: PropType<number>;
         default: number;
     };
-    /** 最大高度. */
-    kgMaxHeight: {
+    /** 最小宽度. */
+    kgMinWidth: {
         type: PropType<number>;
         default: number;
     };
-    /** 样式. */
-    kgClass: PropType<string>;
+    /** 拖拽条的位置. */
+    kgType: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    /** 当前宽度. */
+    kgWidth: {
+        type: PropType<number>;
+        default: number;
+    };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
+    'onUpdate:kgWidth': PropType<(value: number) => void>;
 }>> & {
-    "onUpdate:kgWidth"?: ((...args: any[]) => any) | undefined;
     "onUpdate:kgHeight"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:kgWidth"?: ((...args: any[]) => any) | undefined;
 }, {
     kgMaxHeight: number;
     kgMaxWidth: number;
     kgMinHeight: number;
     kgMinWidth: number;
-    kgType: "top" | "left" | "right" | "bottom";
-    kgWidth: number;
     kgHeight: number;
+    kgType: "left" | "right" | "top" | "bottom";
+    kgWidth: number;
 }>;
 export default _default;

package/dist/src/components/KgSearch/KgSearch.d.ts

@@ -6,11 +6,6 @@ export declare const getProps: () => {
         type: PropType<boolean>;
         default: undefined;
     };
-    /** 是否将头部放到页面头部. */
-    kgTeleportToHeader: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 };
 export declare type IKgSearchProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
 declare const _default: import("vue").DefineComponent<{
@@ -19,24 +14,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    /** 是否将头部放到页面头部. */
-    kgTeleportToHeader: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** 是否禁用. */
     kgDisabled: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /** 是否将头部放到页面头部. */
-    kgTeleportToHeader: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
 }>>, {
     kgDisabled: boolean;
-    kgTeleportToHeader: boolean;
 }>;
 export default _default;

package/dist/src/components/KgSearch/KgSearch.service.d.ts

@@ -1,28 +1,32 @@
 import { FormInstance } from 'ant-design-vue/lib/form/Form';
 import { Ref } from 'vue';
-import { VarProfileDetail } from '../../apis/WMS/models';
-import { IKgResizableProps } from '../KgResizable';
 /** 头部高度. */
 export declare const HEADER_HEIGHT = 42;
-/** 一个查询字段的高度. */
-export declare const FORM_ITEM_HEIGHT = 38;
 /**
- * 根据查询字段计算默认高度.
- * 如果搜索字段超过三行(包含三行), 则默认高度为三行的高度, 否则为显示所有字段时的高度.
- * 点击头部并展开时, 高度就会设为该默认高度.
- *
- * @param varProfileDetails 查询字段列表.
- * @param headerTeleport 是否将头部放到顶部的导航栏中.
+ * 下边距的高度.
+ */
+export declare const PADDING_BOTTOM = 6;
+/**
+ * 下边框的高度.
  */
-export declare function getDefaultHeight(varProfileDetails?: Array<VarProfileDetail> | null, headerTeleport?: boolean | null): number;
+export declare const BORDER_BOTTOM_WIDTH = 1;
+/**
+ * 一个查询字段的高度.
+ */
+export declare const FORM_ITEM_HEIGHT = 38;
 export declare function _useCommon(): {
     isVisible: import("vue").ComputedRef<boolean>;
-    isResizable: import("vue").ComputedRef<boolean>;
-    isTeleportToHeader: import("vue").ComputedRef<boolean>;
-    formLevel: import("vue").ComputedRef<number>;
+};
+export declare function _useHeight(param: {
+    formContainerRef: Ref<HTMLDivElement | null>;
+}): {
     defaultHeight: import("vue").ComputedRef<number>;
-    minHeight: import("vue").ComputedRef<1 | 42>;
+    maxHeight: import("vue").ComputedRef<number>;
+    minHeight: import("vue").ComputedRef<number>;
 };
-export declare function _useFormModel(kgResizableRef: Ref<any | null>, formRef: Ref<FormInstance | null>, kgResizableProps: Ref<IKgResizableProps>): {
+export declare function _useFormModel(param: {
+    kgResizableRef: Ref<any | null>;
+    formRef: Ref<FormInstance | null>;
+}): {
     initFormModel: () => Promise<void>;
 };

package/dist/src/components/KgSearch/index.hooks.d.ts

@@ -1,42 +1,60 @@
 import { ComputedRef } from 'vue';
+import { VarProfileDetail } from '../../apis/WMS/models';
 import { IRemoveEventListenerHandler } from '../../consts';
-import { IKgTableRequestParams } from '../KgTable';
-import { IKgSearchReadyCb, IKgSearchResetCb, IKgSearchSearchCb, IKgSearchStore } from './index.store';
+import { IKgTableRequestParameter } from '../KgTable';
+import { IKgSearchReadyEventListener, IKgSearchResetEventListener, IKgSearchSearchEventListener, IKgSearchStore } from './index.store';
 export declare type IUseKgSearch = {
+    /**
+     * 当前查询字段列表.
+     */
+    currentVarProfileDetails: ComputedRef<Array<VarProfileDetail>>;
+    /**
+     * 当前查询字段列表(可见的).
+     */
+    currentVarProfileDetailsForVisible: ComputedRef<Array<VarProfileDetail>>;
+    currentVarProfileMaster: ComputedRef<ReturnType<IKgSearchStore['getCurrentVarProfileMaster']>>;
+    /**
+     * 高级查询的操作符表单数据对象.
+     */
+    dynamicQueryOperatorModel: ComputedRef<ReturnType<IKgSearchStore['getDynamicQueryOperatorModel']>>;
     /**
      * 界面标识.
      */
     formID: string;
+    /**
+     * 表单数据对象.
+     */
+    formModel: ComputedRef<ReturnType<IKgSearchStore['getFormModel']>>;
     /** 是否就绪: 查询字段初始完成, 组件渲染完成. */
     isReady: ComputedRef<ReturnType<IKgSearchStore['getIsReady']>>;
-    /** 表单数据对象. */
-    model: ComputedRef<ReturnType<IKgSearchStore['getModel']>>;
+    /**
+     * 表单数据对象.
+     *
+     * @deprecated 请使用 {@link formModel}
+     */
+    model: ComputedRef<ReturnType<IKgSearchStore['getFormModel']>>;
     /**
      * 事件: ready, 查询字段初始完成, 组件渲染完成.
      * @param cb 回调函数.
      * @param once 是否只会触发一次. 默认为 undefined.
      */
-    onReady(cb: IKgSearchReadyCb, once?: boolean): IRemoveEventListenerHandler;
+    onReady(cb: IKgSearchReadyEventListener, once?: boolean): IRemoveEventListenerHandler;
     /**
      * 事件: reset, 点击重置按钮.
      * @param cb 回调函数.
      * @param once 是否只会触发一次. 默认为 undefined.
      */
-    onReset(cb: IKgSearchResetCb, once?: boolean): IRemoveEventListenerHandler;
+    onReset(cb: IKgSearchResetEventListener, once?: boolean): IRemoveEventListenerHandler;
     /**
      * 事件: search, 点击查询按钮, 并且表单验证通过.
      * @param cb 回调函数.
      * @param once 是否只会触发一次. 默认为 undefined.
      */
-    onSearch(cb: IKgSearchSearchCb, once?: boolean): IRemoveEventListenerHandler;
-    /**
-     * 高级查询的操作符表单数据对象.
-     */
-    operatorModel: ComputedRef<ReturnType<IKgSearchStore['getOperatorModel']>>;
+    onSearch(cb: IKgSearchSearchEventListener, once?: boolean): IRemoveEventListenerHandler;
     /** 重置. */
     reset(): void;
     /** 查询. */
-    search(param?: boolean | IKgTableRequestParams): void;
+    search(param?: boolean | IKgTableRequestParameter): void;
     /**
      * 状态数据.
      */

package/dist/src/components/KgSearch/index.store.d.ts

@@ -1,6 +1,7 @@
 import { StoreDefinition } from 'pinia';
-import { IKgEventCb } from '../../consts';
-import { IKgTableRequestParams } from '../KgTable';
+import { VarProfileMasterDTO } from '../../apis/WMS/models';
+import { IKgEventListener } from '../../consts';
+import { IKgTableRequestParameter } from '../KgTable';
 /**
  * 事件类型.
  *   'ready':  就绪, 查询字段初始完成, 组件渲染完成
@@ -8,33 +9,35 @@ import { IKgTableRequestParams } from '../KgTable';
  *   'reset':  点击重置按钮
  */
 export declare type IKgSearchEvent = 'ready' | 'search' | 'reset';
-/** 事件监听函数: ready. */
-export declare type IKgSearchReadyCb = ((param: any) => Promise<boolean>) & IKgEventCb;
-/** 事件监听函数: search. */
-export declare type IKgSearchSearchCb = ((param: IKgTableRequestParams) => Promise<boolean>) & IKgEventCb;
-/** 事件监听函数: reset. */
-export declare type IKgSearchResetCb = ((param: any) => Promise<boolean>) & IKgEventCb;
-export declare type IKgSearchCbParam = IKgTableRequestParams;
-export declare type IKgSearchCb = IKgSearchReadyCb | IKgSearchSearchCb | IKgSearchResetCb;
+export declare type IKgSearchReadyEventListenerParameter = {};
+export declare type IKgSearchReadyEventListener = ((param: IKgSearchReadyEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgSearchSearchEventListenerParameter = {} & IKgTableRequestParameter;
+export declare type IKgSearchSearchEventListener = ((param: IKgSearchSearchEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgSearchResetEventListenerParameter = {};
+export declare type IKgSearchResetEventListener = ((param: IKgSearchResetEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgSearchEventListenerParameter = IKgSearchReadyEventListenerParameter | IKgSearchSearchEventListenerParameter | IKgSearchResetEventListenerParameter;
+export declare type IKgSearchEventListener = IKgSearchReadyEventListener | IKgSearchSearchEventListener | IKgSearchResetEventListener;
 /** 查询方法. */
-export declare type IKgSearchSearchFn = (param?: IKgTableRequestParams) => void;
+export declare type IKgSearchSearchFn = (param?: IKgTableRequestParameter) => void;
 /** 重置方法. */
 export declare type IKgSearchResetFn = () => void;
 export interface IUseKgSearchStoreState {
+    /**
+     * 高级查询操作符的表单数据对象.
+     */
+    dynamicOperatorModelMap: Map<string, Record<string, string>>;
+    /** 表单数据对象. */
+    formModel: Map<string, Record<string, any>>;
     /**
      * 是否就绪: 查询字段初始完成, 组件渲染完成.
      */
     isReadyMap: Map<string, boolean>;
-    /** 表单数据对象. */
-    modelMap: Map<string, Record<string, any>>;
     /** 事件监听函数列表: ready. */
-    onReadyListenersMap: Map<string, Array<IKgSearchReadyCb>>;
+    onReadyEventListenersMap: Map<string, Array<IKgSearchReadyEventListener>>;
     /** 事件监听函数列表: reset. */
-    onResetListenersMap: Map<string, Array<IKgSearchResetCb>>;
+    onResetEventListenersMap: Map<string, Array<IKgSearchResetEventListener>>;
     /** 事件监听函数列表: search. */
-    onSearchListenersMap: Map<string, Array<IKgSearchSearchCb>>;
-    /** 高级查询的操作符表单数据对象. */
-    operatorModelMap: Map<string, Record<string, string>>;
+    onSearchEventListenersMap: Map<string, Array<IKgSearchSearchEventListener>>;
     /** 重置方法, 可供外部调用, 用来触发重置操作. */
     resetFnMap: Map<string, IKgSearchResetFn>;
     /** 查询方法, 可供外部调用, 用来触发查询操作. */
@@ -42,19 +45,23 @@ export interface IUseKgSearchStoreState {
 }
 export interface IUseKgSearchStoreGetters {
     /**
-     * 是否就绪.
-     *
+     * 获取当前的 VarProfileMaster.
+     */
+    getCurrentVarProfileMaster(): (formID: string | null | undefined) => VarProfileMasterDTO | null;
+    /**
      * @param formID 界面标识.
      */
-    getIsReady(): (formID: string | null | undefined) => boolean;
+    getDynamicQueryOperatorModel(): (formID: string | null | undefined) => Record<string, string> | null;
     /**
      * @param formID 界面标识.
      */
-    getModel(): (formID: string | null | undefined) => Record<string, any> | null;
+    getFormModel(): (formID: string | null | undefined) => Record<string, any> | null;
     /**
+     * 是否就绪.
+     *
      * @param formID 界面标识.
      */
-    getOperatorModel(): (formID: string | null | undefined) => Record<string, string> | null;
+    getIsReady(): (formID: string | null | undefined) => boolean;
     /**
      * 获取重置方法.
      *
@@ -75,7 +82,7 @@ export interface IUseKgSearchStoreActions {
      * @param event 事件名称.
      * @param cb 回调函数.
      */
-    addEventListener(formID: string, event: IKgSearchEvent, cb: IKgSearchCb): void;
+    addEventListener(formID: string, event: IKgSearchEvent, cb: IKgSearchEventListener): void;
     /**
      * 清理数据.
      * @param formID 页面标识.
@@ -87,41 +94,41 @@ export interface IUseKgSearchStoreActions {
      * @param event 事件名称.
      * @param param 事件参数.
      */
-    emit(formID: string, event: IKgSearchEvent, param: IKgSearchCbParam): Promise<boolean>;
+    emit<T = IKgSearchEventListenerParameter>(formID: string, event: IKgSearchEvent, param: T): Promise<boolean>;
     /**
-     * 修改查询字段的表单数据的部分属性.
+     * 修改查询字段的高级查询操作符的部分属性.
      *
      * @param formID 界面标识.
      * @param properties 要修改的部分属性.
      */
-    patchModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+    patchDynamicQueryOperatorModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
     /**
-     * 修改查询字段的高级查询操作符的部分属性.
+     * 修改查询字段的表单数据的部分属性.
      *
      * @param formID 界面标识.
      * @param properties 要修改的部分属性.
      */
-    patchOperatorModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+    patchModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
     /**
      * 退订事件监听.
      * @param formID 界面标识.
      * @param event 事件名称.
      * @param cb 回调函数.
      */
-    removeEventListener(formID: string, event: IKgSearchEvent, cb?: IKgSearchCb): void;
+    removeEventListener(formID: string, event: IKgSearchEvent, cb?: IKgSearchEventListener): void;
+    setDynamicQueryOperatorModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
     /**
-     * 设置是否就绪.
+     * 设置表单数据.
      * @param formID 界面标识.
-     * @param ready 是否就绪.
+     * @param model 表单数据.
      */
-    setIsReady(formID: string | null | undefined, ready?: boolean): void;
+    setFormModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
     /**
-     * 设置表单数据.
+     * 设置是否就绪.
      * @param formID 界面标识.
-     * @param model 表单数据.
+     * @param ready 是否就绪.
      */
-    setModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
-    setOperatorModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
+    setIsReady(formID: string | null | undefined, ready?: boolean): void;
     /**
      * 设置重置方法.
      * @param formID 界面标识.