@kengic/vue 0.21.1-beta.2 → 0.21.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/kengic-vue.js +4652 -4266
- package/dist/src/components/KgButton/components/KgButton.Copy.d.ts +5 -4
- package/dist/src/components/KgButton/components/KgButton.Create.d.ts +3 -2
- package/dist/src/components/KgButton/components/KgButton.Delete.d.ts +3 -3
- package/dist/src/components/KgButton/components/KgButton.Export.d.ts +5 -4
- package/dist/src/components/KgButton/components/KgButton.Import.d.ts +5 -4
- package/dist/src/components/KgButton/components/KgButton.ImportTemplate.d.ts +5 -4
- package/dist/src/components/KgButton/components/KgButton.Search.d.ts +3 -3
- package/dist/src/components/KgButton/components/KgButton.Update.d.ts +3 -2
- package/dist/src/components/KgButton/index.hooks.d.ts +70 -22
- package/dist/src/components/KgButton/index.store.d.ts +56 -18
- package/dist/src/components/KgModal/KgModal.d.ts +424 -86
- package/dist/src/components/KgModal/KgModal.hooks.d.ts +33 -0
- package/dist/src/components/KgModal/components/KgModal.HeaderButtons.d.ts +74 -0
- package/dist/src/components/KgModal/index.d.ts +1 -2
- package/dist/src/components/KgModal/index.vm.d.ts +8 -194
- package/dist/src/components/KgResizable/KgResizable.d.ts +8 -8
- package/dist/src/components/KgSearch/components/KgSearch.ConfigModal.Body.d.ts +9 -3
- package/dist/src/components/KgSearch/components/KgSearch.ConfigModal.d.ts +16 -10
- package/dist/src/components/KgSubmit/KgSubmit.d.ts +7 -7
- package/dist/src/components/KgSubmit/KgSubmit.hooks.d.ts +5 -3
- package/dist/src/components/KgSubmit/components/KgSubmit.VarSubmitConfig.Button.d.ts +7 -0
- package/dist/src/components/KgSubmit/components/{KgSubmit.Header.VarSubmitConfig.d.ts → KgSubmit.VarSubmitConfig.Modal.d.ts} +3 -2
- package/dist/src/components/KgSubmit/index.vm.d.ts +53 -7
- package/dist/src/config/index.hooks.d.ts +6 -29
- package/dist/src/config/index.store.d.ts +6 -4
- package/dist/src/consts/i18n/en.d.ts +1 -1
- package/dist/src/consts/i18n/zh_CN.d.ts +1 -1
- package/dist/src/helpers/tsx.helper.d.ts +16 -6
- package/dist/src/utils/kg.util.d.ts +2 -1
- package/package.json +93 -93
- package/dist/src/components/KgModal/components/KgModal.Close.d.ts +0 -41
- package/dist/src/components/KgSubmit/components/KgSubmit.Header.d.ts +0 -82
@@ -0,0 +1,33 @@
|
|
1
|
+
import { Ref } from 'vue';
|
2
|
+
import { IKgModalProps } from './KgModal';
|
3
|
+
/**
|
4
|
+
* 拖拽改变位置.
|
5
|
+
*
|
6
|
+
* @param param.getProps 组件参数.
|
7
|
+
* @param param.domRef 页面特殊元素对象.
|
8
|
+
*/
|
9
|
+
export declare function useDragToMove(param: {
|
10
|
+
getProps: Ref<IKgModalProps>;
|
11
|
+
domRef: Ref<HTMLDivElement | null>;
|
12
|
+
}): void;
|
13
|
+
/**
|
14
|
+
* 拖拽改变大小.
|
15
|
+
*
|
16
|
+
* @param param.getProps 组件参数.
|
17
|
+
* @param param.domRef 页面特殊元素对象.
|
18
|
+
*/
|
19
|
+
export declare function useDragToResize(param: {
|
20
|
+
getProps: Ref<IKgModalProps>;
|
21
|
+
domRef: Ref<HTMLDivElement | null>;
|
22
|
+
}): {
|
23
|
+
/**
|
24
|
+
* 鼠标按下事件.
|
25
|
+
*
|
26
|
+
* @param param.event 鼠标事件对象.
|
27
|
+
* @param param.handleType 拖拽位置.
|
28
|
+
*/
|
29
|
+
onMousedown: (param: {
|
30
|
+
event: MouseEvent;
|
31
|
+
handleType: "top" | "left" | "right" | "bottom" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
|
32
|
+
}) => void;
|
33
|
+
};
|
@@ -0,0 +1,74 @@
|
|
1
|
+
import { PropType } from 'vue';
|
2
|
+
export declare const getProps: () => {
|
3
|
+
/**
|
4
|
+
* 是否默认全屏.
|
5
|
+
*/
|
6
|
+
kgIsDefaultFullscreen: {
|
7
|
+
type: PropType<boolean>;
|
8
|
+
default: boolean;
|
9
|
+
};
|
10
|
+
/**
|
11
|
+
* 是否显示关闭按钮.
|
12
|
+
*/
|
13
|
+
kgIsShowCloseButton: {
|
14
|
+
type: PropType<boolean>;
|
15
|
+
default: boolean;
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* 是否显示全屏按钮.
|
19
|
+
*/
|
20
|
+
kgIsShowFullscreenButton: {
|
21
|
+
type: PropType<boolean>;
|
22
|
+
default: boolean;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
declare const _default: import("vue").DefineComponent<{
|
26
|
+
/**
|
27
|
+
* 是否默认全屏.
|
28
|
+
*/
|
29
|
+
kgIsDefaultFullscreen: {
|
30
|
+
type: PropType<boolean>;
|
31
|
+
default: boolean;
|
32
|
+
};
|
33
|
+
/**
|
34
|
+
* 是否显示关闭按钮.
|
35
|
+
*/
|
36
|
+
kgIsShowCloseButton: {
|
37
|
+
type: PropType<boolean>;
|
38
|
+
default: boolean;
|
39
|
+
};
|
40
|
+
/**
|
41
|
+
* 是否显示全屏按钮.
|
42
|
+
*/
|
43
|
+
kgIsShowFullscreenButton: {
|
44
|
+
type: PropType<boolean>;
|
45
|
+
default: boolean;
|
46
|
+
};
|
47
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
48
|
+
/**
|
49
|
+
* 是否默认全屏.
|
50
|
+
*/
|
51
|
+
kgIsDefaultFullscreen: {
|
52
|
+
type: PropType<boolean>;
|
53
|
+
default: boolean;
|
54
|
+
};
|
55
|
+
/**
|
56
|
+
* 是否显示关闭按钮.
|
57
|
+
*/
|
58
|
+
kgIsShowCloseButton: {
|
59
|
+
type: PropType<boolean>;
|
60
|
+
default: boolean;
|
61
|
+
};
|
62
|
+
/**
|
63
|
+
* 是否显示全屏按钮.
|
64
|
+
*/
|
65
|
+
kgIsShowFullscreenButton: {
|
66
|
+
type: PropType<boolean>;
|
67
|
+
default: boolean;
|
68
|
+
};
|
69
|
+
}>>, {
|
70
|
+
kgIsDefaultFullscreen: boolean;
|
71
|
+
kgIsShowCloseButton: boolean;
|
72
|
+
kgIsShowFullscreenButton: boolean;
|
73
|
+
}>;
|
74
|
+
export default _default;
|
@@ -1,2 +1 @@
|
|
1
|
-
export { default as KgModal } from './KgModal';
|
2
|
-
export { type IKgModalProps } from './index.vm';
|
1
|
+
export { default as KgModal, type IKgModalProps } from './KgModal';
|
@@ -1,194 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
kgShowCancelButton: {
|
10
|
-
type: PropType<boolean>;
|
11
|
-
default: boolean;
|
12
|
-
};
|
13
|
-
/** 是否显示确定按钮. */
|
14
|
-
kgShowOkButton: {
|
15
|
-
type: PropType<boolean>;
|
16
|
-
default: boolean;
|
17
|
-
};
|
18
|
-
/** 高度是否撑满屏幕. */
|
19
|
-
kgFullHeight: {
|
20
|
-
type: PropType<boolean>;
|
21
|
-
default: boolean;
|
22
|
-
};
|
23
|
-
prefixCls: StringConstructor;
|
24
|
-
visible: {
|
25
|
-
type: BooleanConstructor;
|
26
|
-
default: undefined;
|
27
|
-
};
|
28
|
-
confirmLoading: {
|
29
|
-
type: BooleanConstructor;
|
30
|
-
default: undefined;
|
31
|
-
};
|
32
|
-
title: PropType<any>;
|
33
|
-
closable: {
|
34
|
-
type: BooleanConstructor;
|
35
|
-
default: undefined;
|
36
|
-
};
|
37
|
-
closeIcon: PropType<any>;
|
38
|
-
onOk: PropType<(e: MouseEvent) => void>;
|
39
|
-
onCancel: PropType<(e: MouseEvent) => void>;
|
40
|
-
'onUpdate:visible': PropType<(visible: boolean) => void>;
|
41
|
-
onChange: PropType<(visible: boolean) => void>;
|
42
|
-
afterClose: PropType<() => void>;
|
43
|
-
centered: {
|
44
|
-
type: BooleanConstructor;
|
45
|
-
default: undefined;
|
46
|
-
};
|
47
|
-
width: (StringConstructor | NumberConstructor)[];
|
48
|
-
footer: PropType<any>;
|
49
|
-
okText: PropType<any>;
|
50
|
-
okType: PropType<import("ant-design-vue/es/button/buttonTypes").LegacyButtonType>;
|
51
|
-
cancelText: PropType<any>;
|
52
|
-
icon: PropType<any>;
|
53
|
-
maskClosable: {
|
54
|
-
type: BooleanConstructor;
|
55
|
-
default: undefined;
|
56
|
-
};
|
57
|
-
forceRender: {
|
58
|
-
type: BooleanConstructor;
|
59
|
-
default: undefined;
|
60
|
-
};
|
61
|
-
okButtonProps: PropType<Partial<ExtractPropTypes<{
|
62
|
-
prefixCls: StringConstructor;
|
63
|
-
type: PropType<import("ant-design-vue/lib/button").ButtonType>;
|
64
|
-
htmlType: {
|
65
|
-
type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
|
66
|
-
default: string;
|
67
|
-
};
|
68
|
-
shape: {
|
69
|
-
type: PropType<import("ant-design-vue/lib/button").ButtonShape>;
|
70
|
-
};
|
71
|
-
size: {
|
72
|
-
type: PropType<import("ant-design-vue/es/button").ButtonSize>;
|
73
|
-
};
|
74
|
-
loading: {
|
75
|
-
type: PropType<boolean | {
|
76
|
-
delay?: number | undefined;
|
77
|
-
}>;
|
78
|
-
default: () => boolean | {
|
79
|
-
delay?: number | undefined;
|
80
|
-
};
|
81
|
-
};
|
82
|
-
disabled: {
|
83
|
-
type: BooleanConstructor;
|
84
|
-
default: undefined;
|
85
|
-
};
|
86
|
-
ghost: {
|
87
|
-
type: BooleanConstructor;
|
88
|
-
default: undefined;
|
89
|
-
};
|
90
|
-
block: {
|
91
|
-
type: BooleanConstructor;
|
92
|
-
default: undefined;
|
93
|
-
};
|
94
|
-
danger: {
|
95
|
-
type: BooleanConstructor;
|
96
|
-
default: undefined;
|
97
|
-
};
|
98
|
-
icon: PropType<any>;
|
99
|
-
href: StringConstructor;
|
100
|
-
target: StringConstructor;
|
101
|
-
title: StringConstructor;
|
102
|
-
onClick: {
|
103
|
-
type: PropType<(event: MouseEvent) => void>;
|
104
|
-
};
|
105
|
-
onMousedown: {
|
106
|
-
type: PropType<(event: MouseEvent) => void>;
|
107
|
-
};
|
108
|
-
}>>>;
|
109
|
-
cancelButtonProps: PropType<Partial<ExtractPropTypes<{
|
110
|
-
prefixCls: StringConstructor;
|
111
|
-
type: PropType<import("ant-design-vue/lib/button").ButtonType>;
|
112
|
-
htmlType: {
|
113
|
-
type: PropType<import("ant-design-vue/es/button/buttonTypes").ButtonHTMLType>;
|
114
|
-
default: string;
|
115
|
-
};
|
116
|
-
shape: {
|
117
|
-
type: PropType<import("ant-design-vue/lib/button").ButtonShape>;
|
118
|
-
};
|
119
|
-
size: {
|
120
|
-
type: PropType<import("ant-design-vue/es/button").ButtonSize>;
|
121
|
-
};
|
122
|
-
loading: {
|
123
|
-
type: PropType<boolean | {
|
124
|
-
delay?: number | undefined;
|
125
|
-
}>;
|
126
|
-
default: () => boolean | {
|
127
|
-
delay?: number | undefined;
|
128
|
-
};
|
129
|
-
};
|
130
|
-
disabled: {
|
131
|
-
type: BooleanConstructor;
|
132
|
-
default: undefined;
|
133
|
-
};
|
134
|
-
ghost: {
|
135
|
-
type: BooleanConstructor;
|
136
|
-
default: undefined;
|
137
|
-
};
|
138
|
-
block: {
|
139
|
-
type: BooleanConstructor;
|
140
|
-
default: undefined;
|
141
|
-
};
|
142
|
-
danger: {
|
143
|
-
type: BooleanConstructor;
|
144
|
-
default: undefined;
|
145
|
-
};
|
146
|
-
icon: PropType<any>;
|
147
|
-
href: StringConstructor;
|
148
|
-
target: StringConstructor;
|
149
|
-
title: StringConstructor;
|
150
|
-
onClick: {
|
151
|
-
type: PropType<(event: MouseEvent) => void>;
|
152
|
-
};
|
153
|
-
onMousedown: {
|
154
|
-
type: PropType<(event: MouseEvent) => void>;
|
155
|
-
};
|
156
|
-
}>>>;
|
157
|
-
destroyOnClose: {
|
158
|
-
type: BooleanConstructor;
|
159
|
-
default: undefined;
|
160
|
-
};
|
161
|
-
wrapClassName: StringConstructor;
|
162
|
-
maskTransitionName: StringConstructor;
|
163
|
-
transitionName: StringConstructor;
|
164
|
-
getContainer: {
|
165
|
-
type: PropType<string | false | HTMLElement | (() => HTMLElement)>;
|
166
|
-
default: undefined;
|
167
|
-
};
|
168
|
-
zIndex: NumberConstructor;
|
169
|
-
bodyStyle: {
|
170
|
-
type: PropType<import("vue").CSSProperties>;
|
171
|
-
default: import("vue").CSSProperties;
|
172
|
-
};
|
173
|
-
maskStyle: {
|
174
|
-
type: PropType<import("vue").CSSProperties>;
|
175
|
-
default: import("vue").CSSProperties;
|
176
|
-
};
|
177
|
-
mask: {
|
178
|
-
type: BooleanConstructor;
|
179
|
-
default: undefined;
|
180
|
-
};
|
181
|
-
keyboard: {
|
182
|
-
type: BooleanConstructor;
|
183
|
-
default: undefined;
|
184
|
-
};
|
185
|
-
wrapProps: ObjectConstructor;
|
186
|
-
focusTriggerAfterClose: {
|
187
|
-
type: BooleanConstructor;
|
188
|
-
default: undefined;
|
189
|
-
};
|
190
|
-
modalRender: PropType<(arg: {
|
191
|
-
originVNode: import("ant-design-vue/es/_util/type").VueNode;
|
192
|
-
}) => import("ant-design-vue/es/_util/type").VueNode>;
|
193
|
-
};
|
194
|
-
export declare type IKgModalProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
|
1
|
+
/**
|
2
|
+
* 弹窗边框宽度.
|
3
|
+
*/
|
4
|
+
export declare const KG_MODAL_BORDER_WIDTH = 1;
|
5
|
+
/**
|
6
|
+
* 弹窗滚动条的宽度。
|
7
|
+
*/
|
8
|
+
export declare const KG_MODAL_SCROLL_WIDTH = 17;
|
@@ -3,7 +3,7 @@ import './KgResizable.less';
|
|
3
3
|
export declare const getProps: () => {
|
4
4
|
/** 拖拽条的位置. */
|
5
5
|
kgType: {
|
6
|
-
type: PropType<"
|
6
|
+
type: PropType<"top" | "left" | "right" | "bottom">;
|
7
7
|
default: string;
|
8
8
|
};
|
9
9
|
/** 是否禁用. */
|
@@ -47,7 +47,7 @@ export declare type IKgResizableProps = Partial<ExtractPropTypes<ReturnType<type
|
|
47
47
|
declare const _default: import("vue").DefineComponent<{
|
48
48
|
/** 拖拽条的位置. */
|
49
49
|
kgType: {
|
50
|
-
type: PropType<"
|
50
|
+
type: PropType<"top" | "left" | "right" | "bottom">;
|
51
51
|
default: string;
|
52
52
|
};
|
53
53
|
/** 是否禁用. */
|
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
89
89
|
}, () => 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<{
|
90
90
|
/** 拖拽条的位置. */
|
91
91
|
kgType: {
|
92
|
-
type: PropType<"
|
92
|
+
type: PropType<"top" | "left" | "right" | "bottom">;
|
93
93
|
default: string;
|
94
94
|
};
|
95
95
|
/** 是否禁用. */
|
@@ -132,12 +132,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
132
132
|
"onUpdate:kgWidth"?: ((...args: any[]) => any) | undefined;
|
133
133
|
"onUpdate:kgHeight"?: ((...args: any[]) => any) | undefined;
|
134
134
|
}, {
|
135
|
-
|
136
|
-
kgWidth: number;
|
137
|
-
kgMinWidth: number;
|
135
|
+
kgMaxHeight: number;
|
138
136
|
kgMaxWidth: number;
|
139
|
-
kgHeight: number;
|
140
137
|
kgMinHeight: number;
|
141
|
-
|
138
|
+
kgMinWidth: number;
|
139
|
+
kgType: "top" | "left" | "right" | "bottom";
|
140
|
+
kgWidth: number;
|
141
|
+
kgHeight: number;
|
142
142
|
}>;
|
143
143
|
export default _default;
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import { PropType } from 'vue';
|
2
2
|
export declare const getProps: () => {
|
3
|
-
/**
|
3
|
+
/**
|
4
|
+
* 主页面的页面标识.
|
5
|
+
*/
|
4
6
|
hostFormID: {
|
5
7
|
type: PropType<string>;
|
6
8
|
required: boolean;
|
7
9
|
};
|
8
10
|
};
|
9
11
|
declare const _default: import("vue").DefineComponent<{
|
10
|
-
/**
|
12
|
+
/**
|
13
|
+
* 主页面的页面标识.
|
14
|
+
*/
|
11
15
|
hostFormID: {
|
12
16
|
type: PropType<string>;
|
13
17
|
required: boolean;
|
14
18
|
};
|
15
19
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
16
|
-
/**
|
20
|
+
/**
|
21
|
+
* 主页面的页面标识.
|
22
|
+
*/
|
17
23
|
hostFormID: {
|
18
24
|
type: PropType<string>;
|
19
25
|
required: boolean;
|
@@ -1,31 +1,37 @@
|
|
1
1
|
import { ExtractPropTypes, PropType } from 'vue';
|
2
2
|
import './KgSearch.ConfigModal.less';
|
3
3
|
export declare const getProps: () => {
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
/**
|
5
|
+
* 主页面的页面标识.
|
6
|
+
*/
|
7
7
|
hostFormID: {
|
8
8
|
type: PropType<string>;
|
9
9
|
required: boolean;
|
10
10
|
};
|
11
|
+
'onUpdate:visible': PropType<(value: boolean) => void>;
|
12
|
+
visible: PropType<boolean>;
|
11
13
|
};
|
12
|
-
export declare type
|
14
|
+
export declare type KgSearchConfigModalProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
|
13
15
|
declare const _default: import("vue").DefineComponent<{
|
14
|
-
|
15
|
-
|
16
|
-
|
16
|
+
/**
|
17
|
+
* 主页面的页面标识.
|
18
|
+
*/
|
17
19
|
hostFormID: {
|
18
20
|
type: PropType<string>;
|
19
21
|
required: boolean;
|
20
22
|
};
|
21
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
22
|
-
visible: PropType<boolean>;
|
23
23
|
'onUpdate:visible': PropType<(value: boolean) => void>;
|
24
|
-
|
24
|
+
visible: PropType<boolean>;
|
25
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
26
|
+
/**
|
27
|
+
* 主页面的页面标识.
|
28
|
+
*/
|
25
29
|
hostFormID: {
|
26
30
|
type: PropType<string>;
|
27
31
|
required: boolean;
|
28
32
|
};
|
33
|
+
'onUpdate:visible': PropType<(value: boolean) => void>;
|
34
|
+
visible: PropType<boolean>;
|
29
35
|
}>> & {
|
30
36
|
"onUpdate:visible"?: ((...args: any[]) => any) | undefined;
|
31
37
|
}, {}>;
|
@@ -4,10 +4,10 @@ export declare const getProps: () => {
|
|
4
4
|
/** 自定义的样式类名. */
|
5
5
|
kgClass: PropType<string>;
|
6
6
|
/**
|
7
|
-
*
|
7
|
+
* 是否显示头部右侧的表单配置按钮.
|
8
8
|
* @default true
|
9
9
|
*/
|
10
|
-
|
10
|
+
kgIsShowVarSubmitConfigButton: {
|
11
11
|
type: PropType<boolean>;
|
12
12
|
default: boolean;
|
13
13
|
};
|
@@ -17,10 +17,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
17
17
|
/** 自定义的样式类名. */
|
18
18
|
kgClass: PropType<string>;
|
19
19
|
/**
|
20
|
-
*
|
20
|
+
* 是否显示头部右侧的表单配置按钮.
|
21
21
|
* @default true
|
22
22
|
*/
|
23
|
-
|
23
|
+
kgIsShowVarSubmitConfigButton: {
|
24
24
|
type: PropType<boolean>;
|
25
25
|
default: boolean;
|
26
26
|
};
|
@@ -28,14 +28,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
28
28
|
/** 自定义的样式类名. */
|
29
29
|
kgClass: PropType<string>;
|
30
30
|
/**
|
31
|
-
*
|
31
|
+
* 是否显示头部右侧的表单配置按钮.
|
32
32
|
* @default true
|
33
33
|
*/
|
34
|
-
|
34
|
+
kgIsShowVarSubmitConfigButton: {
|
35
35
|
type: PropType<boolean>;
|
36
36
|
default: boolean;
|
37
37
|
};
|
38
38
|
}>>, {
|
39
|
-
|
39
|
+
kgIsShowVarSubmitConfigButton: boolean;
|
40
40
|
}>;
|
41
41
|
export default _default;
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { Ref, UnwrapRef } from 'vue';
|
2
|
-
import { IKgSubmitHeaderProps } from './components/KgSubmit.Header';
|
3
2
|
import { IKgSubmitProps } from './KgSubmit';
|
4
3
|
export declare function _useFormModel(): {
|
5
4
|
model: Ref<Record<string, any>>;
|
@@ -9,12 +8,15 @@ export declare function _useResizeObserver(kgFormRef: Ref<UnwrapRef<HTMLDivEleme
|
|
9
8
|
export declare function _useTitle(): {
|
10
9
|
title: Ref<string>;
|
11
10
|
};
|
12
|
-
export declare function _useClass(props: IKgSubmitProps
|
11
|
+
export declare function _useClass(props: IKgSubmitProps): {
|
13
12
|
getClass: Ref<string>;
|
14
13
|
};
|
15
14
|
export declare function _useLayout(): {
|
16
15
|
getLayout: Ref<'horizontal' | 'vertical'>;
|
17
16
|
};
|
18
17
|
export declare function _useDefaultWidth(): {
|
19
|
-
|
18
|
+
/**
|
19
|
+
* 默认宽度.
|
20
|
+
*/
|
21
|
+
getDefaultWidth: import("vue").ComputedRef<number>;
|
20
22
|
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { ExtractPropTypes } from 'vue';
|
2
|
+
export declare const getProps: () => any;
|
3
|
+
export declare type KgSubmitVarSubmitConfigButtonProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
|
4
|
+
declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
|
5
|
+
[x: string]: any;
|
6
|
+
}>;
|
7
|
+
export default _default;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { PropType } from 'vue';
|
1
|
+
import { ExtractPropTypes, PropType } from 'vue';
|
2
2
|
export declare const FORM_ID__VAR_SUBMIT_CONFIG = "kg-submit.VarSubmitConfig";
|
3
3
|
export declare const getProps: () => {
|
4
4
|
/** 主页面的页面标识. */
|
@@ -8,6 +8,7 @@ export declare const getProps: () => {
|
|
8
8
|
};
|
9
9
|
onKgClose: PropType<() => void>;
|
10
10
|
};
|
11
|
+
export declare type KgSubmitVarSubmitConfigModalProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
|
11
12
|
declare const _default: import("vue").DefineComponent<{
|
12
13
|
/** 主页面的页面标识. */
|
13
14
|
hostFormID: {
|
@@ -15,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
15
16
|
required: boolean;
|
16
17
|
};
|
17
18
|
onKgClose: PropType<() => void>;
|
18
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "kgClose"[], "kgClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<
|
19
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "kgClose"[], "kgClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
19
20
|
/** 主页面的页面标识. */
|
20
21
|
hostFormID: {
|
21
22
|
type: PropType<string>;
|
@@ -1,10 +1,56 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
export declare const
|
5
|
-
/**
|
1
|
+
/**
|
2
|
+
* 表单的左边距.
|
3
|
+
*/
|
4
|
+
export declare const FORM_PADDING_LEFT = 6;
|
5
|
+
/**
|
6
|
+
* 表单的右边距.
|
7
|
+
*/
|
8
|
+
export declare const FOMR_PADDING_RIGHT = 6;
|
9
|
+
/**
|
10
|
+
* 表单控件宽度.
|
11
|
+
*/
|
12
|
+
export declare const FOMR_ITEM_WIDTH = 400;
|
13
|
+
/**
|
14
|
+
* 表单控件间隔距离.
|
15
|
+
*/
|
16
|
+
export declare const FOMR_ITEM_MARGIN = 12;
|
17
|
+
/**
|
18
|
+
* 除去表单之外, 其他部分所有的宽度之和.
|
19
|
+
*/
|
20
|
+
export declare const KG_SUBMIT_FRAME_WIDTH: number;
|
21
|
+
/**
|
22
|
+
* 获取弹窗宽度.
|
23
|
+
*
|
24
|
+
* @param param.span 列数.
|
25
|
+
*/
|
26
|
+
export declare function getKgModalWidth(param: {
|
27
|
+
span: number;
|
28
|
+
}): number;
|
29
|
+
/**
|
30
|
+
* 获取栅格布局行的宽度.
|
31
|
+
*
|
32
|
+
* @param param.span 列数.
|
33
|
+
*/
|
34
|
+
export declare function getRowWidth(param: {
|
35
|
+
span: number;
|
36
|
+
}): number;
|
37
|
+
/**
|
38
|
+
* 默认最小宽度, 刚好放下一个表单控件.
|
39
|
+
*/
|
40
|
+
export declare const SUBMIT_DEFAULT_MIN_WIDTH: number;
|
41
|
+
/**
|
42
|
+
* 默认宽度.
|
43
|
+
*/
|
44
|
+
export declare const SUBMIT_DEFAULT_WIDTH: number;
|
45
|
+
/**
|
46
|
+
* 默认布局方式.
|
47
|
+
*/
|
6
48
|
export declare const SUBMIT_DEFAULT_LAYOUT = "vertical";
|
7
|
-
/**
|
49
|
+
/**
|
50
|
+
* 单位为 SPAN 时, 文本的默认宽度.
|
51
|
+
*/
|
8
52
|
export declare const SUBMIT_DEFAULT_LABEL_COL_FOR_SPAN = 4;
|
9
|
-
/**
|
53
|
+
/**
|
54
|
+
* 单位为 PX 时, 文本的默认宽度.
|
55
|
+
*/
|
10
56
|
export declare const SUBMIT_DEFAULT_LABEL_COL_FOR_PX = 100;
|
@@ -1,11 +1,10 @@
|
|
1
1
|
import { Pinia } from 'pinia';
|
2
|
-
import { ComputedRef, Ref } from 'vue';
|
3
2
|
/**
|
4
3
|
* @param pinia 在某些地方调用时(比如在路由守卫中), pinia 尚未设置, 此时需要手动传入 pinia 实例.
|
5
4
|
*/
|
6
5
|
export declare function useKg(pinia?: Pinia): {
|
7
6
|
store: import("pinia").Store<"Kg", import("./index.store").IKgState, {
|
8
|
-
getLocale: ComputedRef<import("..").IKgLocale> | null;
|
7
|
+
getLocale: import("vue").ComputedRef<import("..").IKgLocale> | null;
|
9
8
|
getRouter: import("vue-router").Router | null;
|
10
9
|
getUseUserStore(): import("pinia").StoreDefinition<string, import("./index.store").UserState, {
|
11
10
|
getToken(): string;
|
@@ -20,7 +19,7 @@ export declare function useKg(pinia?: Pinia): {
|
|
20
19
|
}, import("pinia")._ActionsTree> | null;
|
21
20
|
getOption: import("./index.store").IKgOption;
|
22
21
|
}, {
|
23
|
-
setLocale(locale: ComputedRef<import("..").IKgLocale> | null): void;
|
22
|
+
setLocale(locale: import("vue").ComputedRef<import("..").IKgLocale> | null): void;
|
24
23
|
setRouter(router: import("vue-router").Router): void;
|
25
24
|
setUseUserStore(useUserStore: import("pinia").StoreDefinition<any, any, any, any>): void;
|
26
25
|
setUsePermissionStore(usePermissionStore: import("pinia").StoreDefinition<any, any, any, any>): void;
|
@@ -31,10 +30,10 @@ export declare function useKg(pinia?: Pinia): {
|
|
31
30
|
p: import("./index.store").P;
|
32
31
|
}>;
|
33
32
|
/** 当前语言. */
|
34
|
-
locale: ComputedRef<"zh_CN" | "en" | "ru" | "ja" | "ko">;
|
33
|
+
locale: import("vue").ComputedRef<"zh_CN" | "en" | "ru" | "ja" | "ko">;
|
35
34
|
router: any;
|
36
35
|
/** 配置参数. */
|
37
|
-
option: ComputedRef<{
|
36
|
+
option: import("vue").ComputedRef<{
|
38
37
|
appIndex?: {
|
39
38
|
"data-manager"?: string | undefined;
|
40
39
|
"business-manager"?: string | undefined;
|
@@ -51,8 +50,8 @@ export declare function useKg(pinia?: Pinia): {
|
|
51
50
|
drag?: {
|
52
51
|
on?: boolean | undefined;
|
53
52
|
} | undefined;
|
54
|
-
|
55
|
-
|
53
|
+
dragToResize?: {
|
54
|
+
isOn?: boolean | undefined;
|
56
55
|
} | undefined;
|
57
56
|
} | undefined;
|
58
57
|
KgSearch?: {
|
@@ -83,25 +82,3 @@ export declare function useKg(pinia?: Pinia): {
|
|
83
82
|
/** 检查权限. */
|
84
83
|
p: import("./index.store").P;
|
85
84
|
};
|
86
|
-
export interface IUseKgDragModal {
|
87
|
-
draggable: Ref<boolean> | ComputedRef<boolean>;
|
88
|
-
visible: Ref<boolean> | ComputedRef<boolean>;
|
89
|
-
destroyOnClose: Ref<boolean | undefined> | undefined | ComputedRef<boolean>;
|
90
|
-
/**
|
91
|
-
* @default '.ant-modal-wrap'
|
92
|
-
*/
|
93
|
-
containerElementSelector: string;
|
94
|
-
/**
|
95
|
-
* @default '.ant-modal-header'
|
96
|
-
*/
|
97
|
-
handleElementSelector: string;
|
98
|
-
/**
|
99
|
-
* @default '.ant-modal'
|
100
|
-
*/
|
101
|
-
contentElementSelector: string;
|
102
|
-
}
|
103
|
-
/**
|
104
|
-
* 拖拽移动.
|
105
|
-
* @param param 参数.
|
106
|
-
*/
|
107
|
-
export declare function useKgDragModal(param: IUseKgDragModal): void;
|