@kengic/vue 0.21.4-beta.2 → 0.21.5-beta.0

package/dist/src/components/KgForm.Item/components/KgForm.Item.Image.d.ts

@@ -0,0 +1,94 @@
+declare const _default: import("vue").DefineComponent<{
+    kgVarName: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+    };
+    kgContext: {
+        type: import("vue").PropType<string>;
+        default: import("../../../consts").KG_FORM_CONTEXT;
+    };
+    kgDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgSpan: import("vue").PropType<number>;
+    kgPlaceholder: import("vue").PropType<string>;
+    kgMode: import("vue").PropType<"multiple" | "tags">;
+    kgShowLabel: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    kgAllowClear: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgShowTime: {
+        type: import("vue").PropType<boolean | import("ant-design-vue/es/vc-picker/panels/TimePanel").SharedTimeProps<import("dayjs").Dayjs>>;
+        default: undefined;
+    };
+    kgPicker: {
+        type: import("vue").PropType<import("ant-design-vue/lib/vc-picker/interface").PickerMode>;
+        default: undefined;
+    };
+    kgRules: import("vue").PropType<import("ant-design-vue/es/form").RuleObject[]>;
+    value: {
+        type: import("vue").PropType<import("../index.vm").IKgFormItemValue>;
+        default: undefined;
+    };
+    'onUpdate:value': import("vue").PropType<(value: import("../index.vm").IKgFormItemValue | null) => void>;
+    onKgSubmit: import("vue").PropType<() => void>;
+    onKgChange: import("vue").PropType<(value: any) => void>;
+    onKgSelectChange: import("vue").PropType<(value: any) => void>;
+    onKgSelectDatasChange: import("vue").PropType<(datas: any[]) => void>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    kgVarName: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+    };
+    kgContext: {
+        type: import("vue").PropType<string>;
+        default: import("../../../consts").KG_FORM_CONTEXT;
+    };
+    kgDisabled: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgSpan: import("vue").PropType<number>;
+    kgPlaceholder: import("vue").PropType<string>;
+    kgMode: import("vue").PropType<"multiple" | "tags">;
+    kgShowLabel: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    kgAllowClear: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgShowTime: {
+        type: import("vue").PropType<boolean | import("ant-design-vue/es/vc-picker/panels/TimePanel").SharedTimeProps<import("dayjs").Dayjs>>;
+        default: undefined;
+    };
+    kgPicker: {
+        type: import("vue").PropType<import("ant-design-vue/lib/vc-picker/interface").PickerMode>;
+        default: undefined;
+    };
+    kgRules: import("vue").PropType<import("ant-design-vue/es/form").RuleObject[]>;
+    value: {
+        type: import("vue").PropType<import("../index.vm").IKgFormItemValue>;
+        default: undefined;
+    };
+    'onUpdate:value': import("vue").PropType<(value: import("../index.vm").IKgFormItemValue | null) => void>;
+    onKgSubmit: import("vue").PropType<() => void>;
+    onKgChange: import("vue").PropType<(value: any) => void>;
+    onKgSelectChange: import("vue").PropType<(value: any) => void>;
+    onKgSelectDatasChange: import("vue").PropType<(datas: any[]) => void>;
+}>>, {
+    value: import("../index.vm").IKgFormItemValue;
+    kgDisabled: boolean;
+    kgContext: string;
+    kgShowLabel: boolean;
+    kgAllowClear: boolean;
+    kgShowTime: boolean | import("ant-design-vue/es/vc-picker/panels/TimePanel").SharedTimeProps<import("dayjs").Dayjs>;
+    kgPicker: import("ant-design-vue/lib/vc-picker/interface").PickerMode;
+}>;
+export default _default;

package/dist/src/components/KgForm.Item/components/KgForm.Item.Input.d.ts

@@ -1,4 +1,3 @@
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;

package/dist/src/components/KgForm.Item/components/KgForm.Item.InputNumber.d.ts

@@ -1,4 +1,3 @@
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;

package/dist/src/components/KgForm.Item/components/KgForm.Item.RadioGroup.d.ts

@@ -1,4 +1,3 @@
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;
@@ -16,9 +15,9 @@ declare const _default: import("vue").DefineComponent<{
     kgPlaceholder: import("vue").PropType<string>;
     kgMode: import("vue").PropType<"multiple" | "tags">;
     kgShowLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean; /** 初始. */
-    }; /** 初始. */
+        type: import("vue").PropType<boolean>; /** 初始. */
+        default: boolean;
+    };
     kgAllowClear: {
         type: import("vue").PropType<boolean>;
         default: undefined;
@@ -58,9 +57,9 @@ declare const _default: import("vue").DefineComponent<{
     kgPlaceholder: import("vue").PropType<string>;
     kgMode: import("vue").PropType<"multiple" | "tags">;
     kgShowLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean; /** 初始. */
-    }; /** 初始. */
+        type: import("vue").PropType<boolean>; /** 初始. */
+        default: boolean;
+    };
     kgAllowClear: {
         type: import("vue").PropType<boolean>;
         default: undefined;

package/dist/src/components/KgForm.Item/components/KgForm.Item.Select.d.ts

@@ -1,5 +1,4 @@
 import { KG_FORM_CONTEXT } from '../../../consts';
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;

package/dist/src/components/KgForm.Item/components/KgForm.Item.Switch.d.ts

@@ -1,4 +1,3 @@
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;

package/dist/src/components/KgForm.Item/components/KgForm.Item.TextArea.d.ts

@@ -1,4 +1,3 @@
-import '../KgForm.Item.less';
 declare const _default: import("vue").DefineComponent<{
     kgVarName: {
         type: import("vue").PropType<string>;

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

@@ -0,0 +1,100 @@
+import { ExtractPropTypes } from 'vue';
+import './KgImage.less';
+export declare const getProps: () => {
+    src: StringConstructor;
+    wrapperClassName: StringConstructor;
+    wrapperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
+    rootClassName: StringConstructor;
+    prefixCls: StringConstructor;
+    previewPrefixCls: StringConstructor;
+    previewMask: {
+        type: import("vue").PropType<false | (() => any)>;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    fallback: StringConstructor;
+    preview: {
+        type: import("vue").PropType<any>;
+        default: any;
+    };
+    onClick: {
+        type: import("vue").PropType<(e: MouseEvent) => void>;
+    };
+    onError: {
+        type: import("vue").PropType<(event: string | Event, source?: string | undefined, lineno?: number | undefined, colno?: number | undefined, error?: Error | undefined) => any>;
+    };
+    id: StringConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    style: StringConstructor;
+};
+export declare type KgImageProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    src: StringConstructor;
+    wrapperClassName: StringConstructor;
+    wrapperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
+    rootClassName: StringConstructor;
+    prefixCls: StringConstructor;
+    previewPrefixCls: StringConstructor;
+    previewMask: {
+        type: import("vue").PropType<false | (() => any)>;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    fallback: StringConstructor;
+    preview: {
+        type: import("vue").PropType<any>;
+        default: any;
+    };
+    onClick: {
+        type: import("vue").PropType<(e: MouseEvent) => void>;
+    };
+    onError: {
+        type: import("vue").PropType<(event: string | Event, source?: string | undefined, lineno?: number | undefined, colno?: number | undefined, error?: Error | undefined) => any>;
+    };
+    id: StringConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    style: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    src: StringConstructor;
+    wrapperClassName: StringConstructor;
+    wrapperStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: undefined;
+    };
+    rootClassName: StringConstructor;
+    prefixCls: StringConstructor;
+    previewPrefixCls: StringConstructor;
+    previewMask: {
+        type: import("vue").PropType<false | (() => any)>;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    fallback: StringConstructor;
+    preview: {
+        type: import("vue").PropType<any>;
+        default: any;
+    };
+    onClick: {
+        type: import("vue").PropType<(e: MouseEvent) => void>;
+    };
+    onError: {
+        type: import("vue").PropType<(event: string | Event, source?: string | undefined, lineno?: number | undefined, colno?: number | undefined, error?: Error | undefined) => any>;
+    };
+    id: StringConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    style: StringConstructor;
+}>>, {
+    wrapperStyle: import("vue").CSSProperties;
+    previewMask: false | (() => any);
+    preview: any;
+}>;
+export default _default;

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

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

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

@@ -1,10 +1,13 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import './KgSubmit.less';
 export declare const getProps: () => {
-    /** 自定义的样式类名. */
+    /**
+     * 自定义的样式类名, 会附加到组件默认的样式类名后面.
+     */
     kgClass: PropType<string>;
     /**
      * 是否显示头部右侧的表单配置按钮.
+     *
      * @default true
      */
     kgIsShowVarSubmitConfigButton: {
@@ -12,12 +15,15 @@ export declare const getProps: () => {
         default: boolean;
     };
 };
-export declare type IKgSubmitProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare type KgSubmitProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
 declare const _default: import("vue").DefineComponent<{
-    /** 自定义的样式类名. */
+    /**
+     * 自定义的样式类名, 会附加到组件默认的样式类名后面.
+     */
     kgClass: PropType<string>;
     /**
      * 是否显示头部右侧的表单配置按钮.
+     *
      * @default true
      */
     kgIsShowVarSubmitConfigButton: {
@@ -25,10 +31,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    /** 自定义的样式类名. */
+    /**
+     * 自定义的样式类名, 会附加到组件默认的样式类名后面.
+     */
     kgClass: PropType<string>;
     /**
      * 是否显示头部右侧的表单配置按钮.
+     *
      * @default true
      */
     kgIsShowVarSubmitConfigButton: {

package/dist/src/components/KgSubmit/KgSubmit.hooks.d.ts

@@ -1,5 +1,5 @@
 import { Ref, UnwrapRef } from 'vue';
-import { IKgSubmitProps } from './KgSubmit';
+import { KgSubmitProps } from './KgSubmit';
 export declare function _useFormModel(): {
     model: Ref<Record<string, any>>;
 };
@@ -8,8 +8,15 @@ export declare function _useResizeObserver(kgFormRef: Ref<UnwrapRef<HTMLDivEleme
 export declare function _useTitle(): {
     title: Ref<string>;
 };
-export declare function _useClass(props: IKgSubmitProps): {
-    getClass: Ref<string>;
+export declare function _useClass(props: KgSubmitProps): {
+    /**
+     * 弹窗样式.
+     */
+    getClass: import("vue").ComputedRef<string>;
+    /**
+     * 弹窗容器样式.
+     */
+    getWrapClass: import("vue").ComputedRef<string>;
 };
 export declare function _useLayout(): {
     getLayout: Ref<'horizontal' | 'vertical'>;

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

@@ -1,4 +1,4 @@
-export { default as KgSubmit, type IKgSubmitProps } from './KgSubmit';
+export { default as KgSubmit, type KgSubmitProps } from './KgSubmit';
 export * from './index.hooks';
 export * from './index.store';
 export * from './index.vm';

package/dist/src/components/KgTable/components/KgTable.BodyCell.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { IKgTableRow, KG_TABLE_CELL_CONTEXT } from '../index.vm';
-import './KgTable.BodyCell.less';
 export declare const getProps: () => {
     /** 行对象. */
     kgRow: PropType<IKgTableRow>;

package/dist/src/components/KgTable/components/KgTable.HeaderCell.d.ts

@@ -1,6 +1,5 @@
 import { ColumnType } from 'ant-design-vue/es/table';
 import { PropType } from 'vue';
-import './KgTable.HeaderCell.less';
 export declare const getProps: () => {
     /**
      * 列的数据.

package/dist/src/components/KgTable/components/KgTable.Info.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import './KgTable.Info.less';
 export declare const getProps: () => {
     /**
      * 行数.

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

@@ -2,7 +2,7 @@ import { ComputedRef, InjectionKey } from 'vue';
 import { IKgButtonProps } from '../KgButton';
 import { IKgFormItemSlotControlParam, IKgFormItemSlotControlRightParam } from '../KgForm.Item/index.vm';
 import { IKgSearchProps } from '../KgSearch';
-import { IKgSubmitProps } from '../KgSubmit';
+import { KgSubmitProps } from '../KgSubmit';
 import { IKgTableSlotParams } from '../KgTable';
 import { IKgTableProps } from '../KgTable/KgTable';
 export declare type IKgSlots = {
@@ -40,7 +40,7 @@ export declare const DI_KG_VAR__KG_SLOTS: InjectionKey<IKgSlots | undefined>;
 export declare type IKgProps = {
     KgSearch?: IKgSearchProps;
     KgButton?: IKgButtonProps;
-    KgSubmit?: IKgSubmitProps;
+    KgSubmit?: KgSubmitProps;
     KgTable?: IKgTableProps;
 };
 /** 注入 kgProps 参数. */

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

@@ -1,4 +1,6 @@
 export * from './KgAppSelect';
+export * from './KgImage';
+export * from './KgLayoutHeader';
 export * from './KgModal';
 export * from './KgProgressA';
 export * from './KgResizable';
@@ -14,4 +16,3 @@ export { default as KgButton } from './KgButton';
 export * from './KgForm';
 export { default as KgForm } from './KgForm';
 export * from './KgForm.Item';
-export * from './KgLayoutHeader';

package/dist/src/config/index.hooks.d.ts

@@ -1,11 +1,11 @@
 import { Pinia } from 'pinia';
 /**
- * @param pinia 在某些地方调用时(比如在路由守卫中), pinia 尚未设置, 此时需要手动传入 pinia 实例.
+ * @param pinia 在某些地方调用时(比如在路由守卫中), pinia 尚未初始化, 此时需要手动传入 pinia 实例.
  */
 export declare function useKg(pinia?: Pinia): {
     store: import("pinia").Store<"Kg", import("./index.store").IKgState, {
-        getLocale: import("vue").ComputedRef<import("..").IKgLocale> | null;
-        getRouter: import("vue-router").Router | null;
+        getLocale(): import("vue").ComputedRef<import("..").IKgLocale> | null;
+        getRouter(): import("vue-router").Router | null;
         getUseUserStore(): import("pinia").StoreDefinition<string, import("./index.store").UserState, {
             getToken(): string;
             getRoleList(): any[];
@@ -17,7 +17,8 @@ export declare function useKg(pinia?: Pinia): {
             getPermCodeList(): string[] | number[];
             getBackMenuList(): import("..").Menu[];
         }, import("pinia")._ActionsTree> | null;
-        getOption: import("./index.store").IKgOption;
+        getOption(): import("./index.store").IKgOption;
+        getPublicPath(): string;
     }, {
         setLocale(locale: import("vue").ComputedRef<import("..").IKgLocale> | null): void;
         setRouter(router: import("vue-router").Router): void;
@@ -26,59 +27,16 @@ export declare function useKg(pinia?: Pinia): {
         setT(i18n: any): void;
         setP(fn: import("./index.store").P): void;
         setOption(option: import("./index.store").IKgOption): void;
-        t: import("./index.store").T;
-        p: import("./index.store").P;
+        t(key: string | null | undefined, ...arg: any[]): string;
+        p(permissionCode?: string | string[] | null | undefined): boolean;
     }>;
     /** 当前语言. */
-    locale: import("vue").ComputedRef<"zh_CN" | "en" | "ru" | "ja" | "ko">;
+    locale: import("vue").ComputedRef<import("..").IKgLocale>;
     router: any;
     /** 配置参数. */
-    option: import("vue").ComputedRef<{
-        appIndex?: {
-            "data-manager"?: string | undefined;
-            "business-manager"?: string | undefined;
-            wcs?: string | undefined;
-            sys?: string | undefined;
-        } | undefined;
-        appTitle?: {
-            "data-manager"?: string | undefined;
-            "business-manager"?: string | undefined;
-            wcs?: string | undefined;
-            sys?: string | undefined;
-        } | undefined;
-        KgModal?: {
-            drag?: {
-                on?: boolean | undefined;
-            } | undefined;
-            dragToResize?: {
-                isOn?: boolean | undefined;
-            } | undefined;
-        } | undefined;
-        KgSearch?: {
-            dynamicQuery?: {
-                on?: boolean | undefined;
-            } | undefined;
-        } | undefined;
-        KgTable?: {
-            filter?: {
-                on?: boolean | undefined;
-            } | undefined;
-            Setting?: {
-                rowHeight?: {
-                    on?: boolean | undefined;
-                } | undefined;
-            } | undefined;
-        } | undefined;
-        KgWarehouse?: {
-            on?: boolean | undefined;
-            defaultWarehouseID?: string | undefined;
-        } | undefined;
-        KgLayoutTab?: {
-            isTeleportToHeader?: boolean | undefined;
-        } | undefined;
-    }>;
+    option: import("vue").ComputedRef<import("./index.store").IKgOption>;
     /** 翻译. */
-    t: import("./index.store").T;
+    t: (key: string | null | undefined, ...arg: any[]) => string;
     /** 检查权限. */
-    p: import("./index.store").P;
+    p: (permissionCode?: string | string[] | null | undefined) => boolean;
 };

package/dist/src/config/index.store.d.ts

@@ -1,4 +1,4 @@
-import { Pinia, StoreDefinition } from 'pinia';
+import { StoreDefinition } from 'pinia';
 import { ComputedRef } from 'vue';
 import { Router } from 'vue-router';
 import { SysUserWarehouseDTO } from '../apis/WMS/models';
@@ -26,6 +26,12 @@ export declare type IKgOption = {
         /** 默认为 '系统配置'. */
         [KG_APP.SYS]?: string;
     };
+    /**
+     * <p>后端接口地址前缀.</p>
+     *
+     * @default '/kengic-boot'
+     */
+    publicPath?: string;
     KgModal?: {
         /** 拖拽改变位置. */
         drag?: {
@@ -51,6 +57,7 @@ export declare type IKgOption = {
         dynamicQuery?: {
             /**
              * 是否启用功能.
+             *
              * @default false
              */
             on?: boolean;
@@ -199,6 +206,34 @@ export declare type IKgStoreDefinition = StoreDefinition<'Kg', IKgState, {
     /** 检查权限. */
     p: P;
 }>;
-export declare type IKgStore = ReturnType<IKgStoreDefinition>;
-export declare const useKgStore: (_pinia?: Pinia) => IKgStoreDefinition;
+export declare const useKgStore: StoreDefinition<"Kg", IKgState, {
+    getLocale(): ComputedRef<IKgLocale> | null;
+    getRouter(): Router | null;
+    getUseUserStore(): StoreDefinition<string, UserState, {
+        getToken(): string;
+        getRoleList(): any[];
+        getUserWarehouses(): SysUserWarehouseDTO[];
+        getSessionTimeout(): boolean;
+        getUserInfo(): UserInfo;
+    }, {}> | null;
+    getUsePermissionStore(): StoreDefinition<string, PermissionState, {
+        getPermCodeList(): string[] | number[];
+        getBackMenuList(): Menu[];
+    }> | null;
+    getOption(): IKgOption;
+    /**
+     * 获取后端接口地址前缀.
+     */
+    getPublicPath(): string;
+}, {
+    setLocale(locale: ComputedRef<IKgLocale> | null): void;
+    setRouter(router: Router): void;
+    setUseUserStore(useUserStore: StoreDefinition<any, any, any, any>): void;
+    setUsePermissionStore(usePermissionStore: StoreDefinition<any, any, any, any>): void;
+    setT(i18n: any): void;
+    setP(fn: P): void;
+    setOption(option: IKgOption): void;
+    t(key: string | null | undefined, ...arg: any[]): string;
+    p(permissionCode?: string | Array<string> | null): boolean;
+}>;
 export {};

package/dist/src/consts/index.d.ts

@@ -80,6 +80,11 @@ export declare const enum KG_FORM_ITEM_CONTROL_TYPE {
     DATE_WEEK = "DATE_WEEK",
     DATE_MONTH = "DATE_MONTH",
     DATE_YEAR = "DATE_YEAR",
+    /**
+     * <p>图片.</p>
+     * <p>点击可以预览.</p>
+     */
+    IMAGE = "IMAGE",
     /** 文件上传按钮. */
     BUTTON_UPLOAD = "BUTTON_UPLOAD"
 }
@@ -95,7 +100,7 @@ export declare const enum KG_FORM_CONTEXT {
 /**
  * 表格单元格的显示类型.
  * @see VarGridDetail.display_type_properties
- * @see IKgGridDetailDisplayTypeProperties
+ * @see IKgGridDetailDisplayTypeProps
  */
 export declare const enum KG_TABLE_CELL_DISPLAY_TYPE {
     /** 布尔数据, 使用 KgYesOrNo 组件显示. */
@@ -111,12 +116,16 @@ export declare const enum KG_TABLE_CELL_DISPLAY_TYPE {
     /** 显示为超链接, 点击跳转到其他路由. */
     ROUTE_LINK = "ROUTE_LINK",
     /**
-     * 显示描述字段.
-     * 假如原字段为 'status', 则实际上会显示描述字段 'status_dsc(或者 statusDsc)' 的值.
-     * 默认, 描述字段是原字段加上 '_dsc(或者 Dsc)' 后缀, 比如原字段为 'status', 则描述字段为 'status_dsc(或者 statusDsc)'.
-     * 可以通过 {@link IKgGridDetailDisplayTypeProperties.DESC.dscFieldName} 设置自定义的描述字段名.
+     * <p>显示描述字段.</p>
+     * <p>假如原字段为 'status', 则实际上会显示描述字段 'status_dsc(或者 statusDsc)' 的值,</p>
+     * <p>默认, 描述字段是原字段加上 '_dsc(或者 Dsc)' 后缀, 比如原字段为 'status', 则描述字段为 'status_dsc(或者 statusDsc)',</p>
+     * <p>可以通过 {@link IKgGridDetailDisplayTypeProps.DESC.dscFieldName} 设置自定义的描述字段名,</p>
+     */
+    DESC = "DESC",
+    /**
+     * <p>显示为图片, 点击可以预览.</p>
      */
-    DESC = "DESC"
+    IMAGE = "IMAGE"
 }
 /** 按钮类型. */
 export declare const enum KG_BUTTON_TYPE {

package/dist/src/consts/index.vm.d.ts

@@ -23,7 +23,7 @@ export interface Menu {
 export declare type IKgLocale = 'zh_CN' | 'en' | 'ru' | 'ja' | 'ko';
 /**
  * 按钮确认弹窗的参数.
- * <p>对应于 {@link VarButton.modal_props} 字段.</p>
+ * <p>对应于 {@link VarButton#modal_props} 字段.</p>
  */
 export declare type IKgButtonModalProps = ModalFuncProps & {
     /** 是否隐藏取消按钮. */
@@ -31,7 +31,7 @@ export declare type IKgButtonModalProps = ModalFuncProps & {
 };
 /**
  * <p>提交弹窗的配置参数.</p>
- * <p>对应于 {@link VarSubmitConfig.props} 字段.</p>
+ * <p>对应于 {@link VarSubmitConfig#props} 字段.</p>
  */
 export interface IKgSubmitConfigProps {
     /** 创建时, 确认按钮的文本对应的变量名. */
@@ -89,6 +89,20 @@ export interface IKgVariableConfigProps {
          */
         allowClear?: boolean;
     };
+    IMAGE: {
+        /**
+         * 宽度.
+         *
+         * @default 100
+         */
+        width?: number;
+        /**
+         * 宽度.
+         *
+         * @default 100
+         */
+        height?: number;
+    };
 }
 /**
  * 对应于 {@link VarGridDetail.display_type_properties} 字段, 根据显示类型, 设置额外的参数.
@@ -169,4 +183,18 @@ export interface IKgGridDetailDisplayTypeProps {
             color?: string;
         }>;
     };
+    IMAGE: {
+        /**
+         * 宽度.
+         *
+         * @default 29
+         */
+        width?: number;
+        /**
+         * 宽度.
+         *
+         * @default 29
+         */
+        height?: number;
+    };
 }