@kengic/vue 0.26.6-beta.5 → 0.26.6-beta.50

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

@@ -0,0 +1,39 @@
+import { Ref } from 'vue';
+import { IKgModalProps } from './KgModal';
+/**
+ * 拖拽改变位置.
+ *
+ * @param param.getProps 组件参数.
+ * @param param.domRef 页面特殊元素对象.
+ */
+export declare function useDragToMove(param: {
+    domRef: Ref<HTMLDivElement | null>;
+    getProps: Ref<IKgModalProps>;
+}): void;
+/**
+ * 拖拽改变大小.
+ *
+ * @param param.props 组件参数.
+ * @param param.domRef 页面上的那个特殊元素对象, 专门用于获取其他元素对象.
+ * @param param.getProps 计算后的组件参数.
+ */
+export declare function useDragToResize(param: {
+    props: IKgModalProps;
+    domRef: Ref<HTMLDivElement | null>;
+    getProps: Ref<IKgModalProps>;
+}): {
+    /**
+     * 鼠标按下事件.
+     *
+     * @param param.event 鼠标事件对象.
+     * @param param.handleType 拖拽位置.
+     */
+    onMousedown: (param: {
+        event: MouseEvent;
+        handleType: "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    }) => void;
+    /**
+     * 弹窗宽度.
+     */
+    width: Ref<string | number>;
+};

package/dist/src/components/KgModal/KgModalHeaderButtons.d.ts

@@ -0,0 +1,92 @@
+import { PropType } from 'vue';
+export declare const getProps: () => {
+    /**
+     * 是否默认全屏.
+     *
+     * @default false
+     */
+    kgIsDefaultFullscreen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示关闭按钮.
+     *
+     * @default true
+     */
+    kgIsShowCloseButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示全屏按钮.
+     *
+     * @default true
+     */
+    kgIsShowFullscreenButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 是否默认全屏.
+     *
+     * @default false
+     */
+    kgIsDefaultFullscreen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示关闭按钮.
+     *
+     * @default true
+     */
+    kgIsShowCloseButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示全屏按钮.
+     *
+     * @default true
+     */
+    kgIsShowFullscreenButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 是否默认全屏.
+     *
+     * @default false
+     */
+    kgIsDefaultFullscreen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示关闭按钮.
+     *
+     * @default true
+     */
+    kgIsShowCloseButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否显示全屏按钮.
+     *
+     * @default true
+     */
+    kgIsShowFullscreenButton: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    kgIsDefaultFullscreen: boolean;
+    kgIsShowFullscreenButton: boolean;
+    kgIsShowCloseButton: boolean;
+}>;
+export default _default;

package/dist/src/components/KgModal/index.d.ts

@@ -0,0 +1 @@
+export { default as KgModal, type IKgModalProps } from './KgModal';

package/dist/src/components/KgModal/index.vm.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 弹窗边框宽度.
+ */
+export declare const KG_MODAL_BORDER_WIDTH = 1;
+/**
+ * 弹窗滚动条的宽度。
+ */
+export declare const KG_MODAL_SCROLL_WIDTH = 17;

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

@@ -0,0 +1,85 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgProgressA.less';
+export declare const getProps: () => {
+    /**
+     * 左侧数值(分子).
+     * @default null
+     */
+    kgLeft: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧数值(分母).
+     * @default null
+     */
+    kgRight: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧文本的宽度.
+     * @default 'auto'
+     */
+    kgTextWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export declare type IKgProgressAProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 左侧数值(分子).
+     * @default null
+     */
+    kgLeft: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧数值(分母).
+     * @default null
+     */
+    kgRight: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧文本的宽度.
+     * @default 'auto'
+     */
+    kgTextWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /**
+     * 左侧数值(分子).
+     * @default null
+     */
+    kgLeft: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧数值(分母).
+     * @default null
+     */
+    kgRight: {
+        type: PropType<number | null | undefined>;
+        default: null;
+    };
+    /**
+     * 右侧文本的宽度.
+     * @default 'auto'
+     */
+    kgTextWidth: {
+        type: PropType<string>;
+        default: string;
+    };
+}>>, {
+    kgLeft: number | null | undefined;
+    kgRight: number | null | undefined;
+    kgTextWidth: string;
+}>;
+export default _default;

package/dist/src/components/KgProgressA/index.d.ts

@@ -0,0 +1 @@
+export { default as KgProgressA, type IKgProgressAProps } from './KgProgressA';

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

@@ -0,0 +1,91 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgResizable.less';
+export declare const getProps: () => {
+    /** 样式. */
+    kgClass: PropType<string>;
+    /** 是否禁用. */
+    kgDisabled: PropType<boolean>;
+    /** 当前高度. */
+    kgHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /** 最大高度. */
+    kgMaxHeight: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /** 最小高度. */
+    kgMinHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /** 拖拽条的位置. */
+    kgType: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
+};
+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;
+    };
+    /** 最大高度. */
+    kgMaxHeight: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /** 最小高度. */
+    kgMinHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /** 拖拽条的位置. */
+    kgType: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:kgHeight"[], "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;
+    };
+    /** 最大高度. */
+    kgMaxHeight: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /** 最小高度. */
+    kgMinHeight: {
+        type: PropType<number>;
+        default: number;
+    };
+    /** 拖拽条的位置. */
+    kgType: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    'onUpdate:kgHeight': PropType<(value: number) => void>;
+}>> & {
+    "onUpdate:kgHeight"?: ((...args: any[]) => any) | undefined;
+}, {
+    kgMaxHeight: number;
+    kgMinHeight: number;
+    kgHeight: number;
+    kgType: "left" | "right" | "top" | "bottom";
+}>;
+export default _default;

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

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+/**
+ * <p>监测父元素的尺寸, 动态计算最大高度以及最大宽度.</p>
+ *
+ * @param param
+ */
+export declare function _useObserveParentSize(param: {
+    kgResizableRef: Ref<HTMLDivElement | null>;
+}): {
+    parentWidth: Ref<number>;
+    parentHeight: Ref<number>;
+};

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

@@ -0,0 +1 @@
+export { default as KgResizable, type IKgResizableProps } from './KgResizable';

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

@@ -0,0 +1,26 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgSearch.less';
+export declare const getProps: () => {
+    /** 是否禁用. */
+    kgDisabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+};
+export declare type IKgSearchProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    /** 是否禁用. */
+    kgDisabled: {
+        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;
+    };
+}>>, {
+    kgDisabled: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { FormInstance } from 'ant-design-vue/lib/form/Form';
+import { Ref } from 'vue';
+/** 头部高度. */
+export declare const HEADER_HEIGHT = 42;
+/**
+ * 下边距的高度.
+ */
+export declare const PADDING_BOTTOM = 6;
+/**
+ * 下边框的高度.
+ */
+export declare const BORDER_BOTTOM_WIDTH = 1;
+/**
+ * 一个查询字段的高度.
+ */
+export declare const FORM_ITEM_HEIGHT = 38;
+export declare function _useCommon(): {
+    isVisible: import("vue").ComputedRef<boolean>;
+};
+export declare function _useHeight(param: {
+    formContainerRef: Ref<HTMLDivElement | null>;
+}): {
+    defaultHeight: import("vue").ComputedRef<number>;
+    maxHeight: import("vue").ComputedRef<number>;
+    minHeight: import("vue").ComputedRef<number>;
+};
+export declare function _useFormModel(param: {
+    kgResizableRef: Ref<any | null>;
+    formRef: Ref<FormInstance | null>;
+}): {
+    initFormModel: () => Promise<void>;
+};

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

@@ -0,0 +1,16 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const getProps: () => {
+    'onUpdate:visible': PropType<(value: boolean) => void>;
+    visible: PropType<boolean>;
+};
+export declare type KgSearchConfigModalProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    'onUpdate:visible': PropType<(value: boolean) => void>;
+    visible: PropType<boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    'onUpdate:visible': PropType<(value: boolean) => void>;
+    visible: PropType<boolean>;
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as KgSearch, type IKgSearchProps } from './KgSearch';
+export * from './index.hooks';
+export * from './index.store';

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

@@ -0,0 +1,67 @@
+import { ComputedRef } from 'vue';
+import { VarProfileDetail } from '../../apis/WMS/models';
+import { IRemoveEventListenerHandler } from '../../consts';
+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']>>;
+    /**
+     * 表单数据对象.
+     *
+     * @deprecated 请使用 {@link formModel}
+     */
+    model: ComputedRef<ReturnType<IKgSearchStore['getFormModel']>>;
+    /**
+     * 监听事件: 查询字段初始完成, 组件渲染完成, 查询表单对象已经有值.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onReady(listener: IKgSearchReadyEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: reset, 点击重置按钮.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onReset(listener: IKgSearchResetEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: search, 点击查询按钮, 并且表单验证通过.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onSearch(listener: IKgSearchSearchEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /** 重置. */
+    reset(): void;
+    /** 查询. */
+    search(param?: boolean | IKgTableRequestParameter): void;
+    /**
+     * 状态数据.
+     */
+    store: IKgSearchStore;
+};
+/**
+ * @param formID 界面标识.
+ */
+export declare function useKgSearch(formID?: string | null): IUseKgSearch;

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

@@ -0,0 +1,147 @@
+import { StoreDefinition } from 'pinia';
+import { VarProfileMasterDTO } from '../../apis/WMS/models';
+import { IKgEventListener } from '../../consts';
+import { IKgTableRequestParameter } from '../KgTable';
+/**
+ * 事件类型.
+ *   'ready':  查询字段初始完成, 组件渲染完成, 查询表单对象已经有值
+ *   'search': 点击查询按钮, 并且表单验证通过
+ *   'reset':  点击重置按钮
+ */
+export declare type IKgSearchEvent = 'ready' | 'search' | 'reset';
+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?: 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>;
+    /** 事件监听函数列表: ready. */
+    onReadyEventListenerMap: Map<string, Array<IKgSearchReadyEventListener>>;
+    /** 事件监听函数列表: reset. */
+    onResetEventListenerMap: Map<string, Array<IKgSearchResetEventListener>>;
+    /** 事件监听函数列表: search. */
+    onSearchEventListenerMap: Map<string, Array<IKgSearchSearchEventListener>>;
+    /** 重置方法, 可供外部调用, 用来触发重置操作. */
+    resetFnMap: Map<string, IKgSearchResetFn>;
+    /** 查询方法, 可供外部调用, 用来触发查询操作. */
+    searchFnMap: Map<string, IKgSearchSearchFn>;
+}
+export interface IUseKgSearchStoreGetters {
+    /**
+     * 获取当前的 VarProfileMaster.
+     */
+    getCurrentVarProfileMaster(): (formID: string | null | undefined) => VarProfileMasterDTO | null;
+    /**
+     * @param formID 界面标识.
+     */
+    getDynamicQueryOperatorModel(): (formID: string | null | undefined) => Record<string, string>;
+    /**
+     * @param formID 界面标识.
+     */
+    getFormModel(): (formID: string | null | undefined) => Record<string, any> | null;
+    /**
+     * 是否就绪.
+     *
+     * @param formID 界面标识.
+     */
+    getIsReady(): (formID: string | null | undefined) => boolean;
+    /**
+     * 获取重置方法.
+     *
+     * @param formID 界面标识.
+     */
+    getResetFn(): (formID: string | null | undefined) => IKgSearchResetFn | null;
+    /**
+     * 获取查询方法.
+     *
+     * @param formID 界面标识.
+     */
+    getSearchFn(): (formID: string | null | undefined) => IKgSearchSearchFn | null;
+}
+export interface IUseKgSearchStoreActions {
+    /**
+     * 注册事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    addEventListener(formID: string, event: IKgSearchEvent, listener: any): void;
+    /**
+     * 清理数据.
+     * @param formID 页面标识.
+     */
+    dispose(formID: string | null | undefined): void;
+    /**
+     * 触发事件.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param param 事件参数.
+     */
+    emit<T = IKgSearchEventListenerParameter>(formID: string, event: IKgSearchEvent, param: T): Promise<boolean>;
+    /**
+     * 修改查询字段的高级查询操作符的部分属性.
+     *
+     * @param formID 界面标识.
+     * @param properties 要修改的部分属性.
+     */
+    patchDynamicQueryOperatorModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+    /**
+     * 修改查询字段的表单数据的部分属性.
+     *
+     * @param formID 界面标识.
+     * @param properties 要修改的部分属性.
+     */
+    patchModel(formID: string | null | undefined, properties?: Record<string, any> | null): Promise<void>;
+    /**
+     * 退订事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    removeEventListener(formID: string, event: IKgSearchEvent, listener?: any): void;
+    setDynamicQueryOperatorModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
+    /**
+     * 设置表单数据.
+     * @param formID 界面标识.
+     * @param model 表单数据.
+     */
+    setFormModel(formID: string | null | undefined, model?: Record<string, any> | null): void;
+    /**
+     * 设置是否就绪.
+     * @param formID 界面标识.
+     * @param ready 是否就绪.
+     */
+    setIsReady(formID: string | null | undefined, ready?: boolean): void;
+    /**
+     * 设置重置方法.
+     * @param formID 界面标识.
+     * @param fn 重置方法.
+     */
+    setResetFn(formID: string | null | undefined, fn?: IKgSearchResetFn | null): void;
+    /**
+     * 设置查询方法.
+     * @param formID 界面标识.
+     * @param fn 查询方法.
+     */
+    setSearchFn(formID: string | null | undefined, fn?: IKgSearchSearchFn | null): void;
+}
+export declare type IUseKgSearchStore = StoreDefinition<'KgSearch', IUseKgSearchStoreState, IUseKgSearchStoreGetters, IUseKgSearchStoreActions>;
+export declare type IKgSearchStore = ReturnType<IUseKgSearchStore>;
+export declare const useKgSearchStore: IUseKgSearchStore;

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

@@ -0,0 +1 @@
+export {};