@cozeloop/prompt-components 0.0.1 → 0.0.2
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/edenx.config.d.ts +2 -0
- package/dist/{es/basic-editor/extensions/go-syntax.js → go-syntax-067c4f5d.mjs} +16 -9
- package/dist/go-syntax-4deb0289.js +8 -0
- package/dist/{es/basic-editor/extensions/go-theme.js → go-theme-062a6df6.mjs} +3 -4
- package/dist/go-theme-fbd8a4fa.js +1 -0
- package/dist/index.cjs +61 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2788 -0
- package/dist/{types → src}/basic-editor/custom-facet.d.ts +2 -1
- package/dist/src/basic-editor/diff.d.ts +16 -0
- package/dist/src/basic-editor/extensions/go-syntax.d.ts +71 -0
- package/dist/src/basic-editor/extensions/go-template.d.ts +1 -0
- package/dist/{types → src}/basic-editor/extensions/go-theme.d.ts +1 -1
- package/dist/src/basic-editor/extensions/jinja.d.ts +4 -0
- package/dist/{types → src}/basic-editor/extensions/keymap.d.ts +3 -2
- package/dist/src/basic-editor/extensions/language-support.d.ts +2 -0
- package/dist/src/basic-editor/extensions/markdown.d.ts +2 -0
- package/dist/src/basic-editor/extensions/search/dom/icon.d.ts +59 -0
- package/dist/src/basic-editor/extensions/search/dom/match-count.d.ts +14 -0
- package/dist/src/basic-editor/extensions/search/index.d.ts +1 -0
- package/dist/src/basic-editor/extensions/search/panel.d.ts +33 -0
- package/dist/src/basic-editor/extensions/search/theme.d.ts +1 -0
- package/dist/src/basic-editor/extensions/validation.d.ts +8 -0
- package/dist/src/basic-editor/extensions/variable.d.ts +11 -0
- package/dist/src/basic-editor/index.d.ts +29 -0
- package/dist/{types → src}/code-editor/index.d.ts +1 -1
- package/dist/src/code-editor/json-editor.d.ts +18 -0
- package/dist/src/code-editor/raw-text-editor.d.ts +11 -0
- package/dist/{types → src}/consts/index.d.ts +1 -1
- package/dist/src/dev-layout/index.d.ts +7 -0
- package/dist/{types → src}/index.d.ts +7 -7
- package/dist/src/mermaid-diagram/index.d.ts +12 -0
- package/dist/src/mermaid-diagram/use-svg-pan-zoom.d.ts +12 -0
- package/dist/{types → src}/mermaid-diagram/utils.d.ts +1 -1
- package/dist/src/model-config-editor/basic-type.d.ts +13 -0
- package/dist/src/model-config-editor/model-config-form.d.ts +13 -0
- package/dist/src/model-config-editor/popover-type.d.ts +19 -0
- package/dist/src/model-select/index.d.ts +27 -0
- package/dist/src/model-select/model-option/index.d.ts +25 -0
- package/dist/src/model-select/model-option-group/index.d.ts +16 -0
- package/dist/src/prompt-editor/index.d.ts +31 -0
- package/dist/src/prompt-editor/message-type-select.d.ts +11 -0
- package/dist/src/schema-editor/index.d.ts +11 -0
- package/dist/{types → src}/utils/base.d.ts +5 -4
- package/dist/src/utils/model-config.d.ts +5 -0
- package/dist/style.css +1 -0
- package/dist/test-build.d.ts +7 -0
- package/dist/vite.config.d.ts +2 -0
- package/package.json +15 -5
- package/dist/es/basic-editor/custom-facet.js +0 -9
- package/dist/es/basic-editor/diff.js +0 -138
- package/dist/es/basic-editor/extensions/go-template.js +0 -16
- package/dist/es/basic-editor/extensions/jinja.js +0 -80
- package/dist/es/basic-editor/extensions/keymap.js +0 -442
- package/dist/es/basic-editor/extensions/language-support.js +0 -12
- package/dist/es/basic-editor/extensions/markdown.js +0 -58
- package/dist/es/basic-editor/extensions/search/dom/icon.js +0 -250
- package/dist/es/basic-editor/extensions/search/dom/match-count.js +0 -33
- package/dist/es/basic-editor/extensions/search/index.js +0 -18
- package/dist/es/basic-editor/extensions/search/panel.js +0 -418
- package/dist/es/basic-editor/extensions/search/theme.js +0 -184
- package/dist/es/basic-editor/extensions/validation.js +0 -84
- package/dist/es/basic-editor/extensions/validation.module.js +0 -5
- package/dist/es/basic-editor/extensions/validation_module.css +0 -7
- package/dist/es/basic-editor/extensions/variable.js +0 -178
- package/dist/es/basic-editor/index.js +0 -171
- package/dist/es/code-editor/code-editor.js +0 -83
- package/dist/es/code-editor/index.js +0 -12
- package/dist/es/code-editor/json-editor.js +0 -157
- package/dist/es/code-editor/raw-text-editor.js +0 -46
- package/dist/es/code-editor/text-editor.js +0 -41
- package/dist/es/code-editor/themes/coze-dark.js +0 -112
- package/dist/es/code-editor/themes/coze-light.js +0 -118
- package/dist/es/consts/index.js +0 -12
- package/dist/es/dev-layout/index.js +0 -35
- package/dist/es/index.js +0 -66
- package/dist/es/mermaid-diagram/index.js +0 -148
- package/dist/es/mermaid-diagram/index.module.js +0 -5
- package/dist/es/mermaid-diagram/index_module.css +0 -4
- package/dist/es/mermaid-diagram/use-svg-pan-zoom.js +0 -49
- package/dist/es/mermaid-diagram/utils.js +0 -74
- package/dist/es/model-config-editor/basic-type.js +0 -73
- package/dist/es/model-config-editor/index.module.js +0 -5
- package/dist/es/model-config-editor/index_module.css +0 -8
- package/dist/es/model-config-editor/model-config-form.js +0 -130
- package/dist/es/model-config-editor/popover-type.js +0 -118
- package/dist/es/model-select/index.js +0 -136
- package/dist/es/model-select/index.module.js +0 -5
- package/dist/es/model-select/index_module.css +0 -14
- package/dist/es/model-select/model-option/index.js +0 -161
- package/dist/es/model-select/model-option/index.module.js +0 -5
- package/dist/es/model-select/model-option/index_module.css +0 -23
- package/dist/es/model-select/model-option-group/index.js +0 -44
- package/dist/es/prompt-editor/index.js +0 -188
- package/dist/es/prompt-editor/index.module.js +0 -5
- package/dist/es/prompt-editor/index_module.css +0 -71
- package/dist/es/prompt-editor/message-type-select.js +0 -74
- package/dist/es/schema-editor/index.js +0 -43
- package/dist/es/utils/base.js +0 -53
- package/dist/es/utils/model-config.js +0 -32
- package/dist/lib/basic-editor/custom-facet.js +0 -33
- package/dist/lib/basic-editor/diff.js +0 -167
- package/dist/lib/basic-editor/extensions/go-syntax.js +0 -146
- package/dist/lib/basic-editor/extensions/go-template.js +0 -50
- package/dist/lib/basic-editor/extensions/go-theme.js +0 -1091
- package/dist/lib/basic-editor/extensions/jinja.js +0 -100
- package/dist/lib/basic-editor/extensions/keymap.js +0 -465
- package/dist/lib/basic-editor/extensions/language-support.js +0 -32
- package/dist/lib/basic-editor/extensions/markdown.js +0 -78
- package/dist/lib/basic-editor/extensions/search/dom/icon.js +0 -291
- package/dist/lib/basic-editor/extensions/search/dom/match-count.js +0 -67
- package/dist/lib/basic-editor/extensions/search/index.js +0 -38
- package/dist/lib/basic-editor/extensions/search/panel.js +0 -429
- package/dist/lib/basic-editor/extensions/search/theme.js +0 -208
- package/dist/lib/basic-editor/extensions/validation.js +0 -118
- package/dist/lib/basic-editor/extensions/validation.module.js +0 -25
- package/dist/lib/basic-editor/extensions/validation_module.css +0 -7
- package/dist/lib/basic-editor/extensions/variable.js +0 -190
- package/dist/lib/basic-editor/index.js +0 -193
- package/dist/lib/code-editor/code-editor.js +0 -117
- package/dist/lib/code-editor/index.js +0 -40
- package/dist/lib/code-editor/json-editor.js +0 -184
- package/dist/lib/code-editor/raw-text-editor.js +0 -70
- package/dist/lib/code-editor/text-editor.js +0 -75
- package/dist/lib/code-editor/themes/coze-dark.js +0 -136
- package/dist/lib/code-editor/themes/coze-light.js +0 -142
- package/dist/lib/consts/index.js +0 -38
- package/dist/lib/dev-layout/index.js +0 -69
- package/dist/lib/index.js +0 -110
- package/dist/lib/mermaid-diagram/index.js +0 -174
- package/dist/lib/mermaid-diagram/index.module.js +0 -25
- package/dist/lib/mermaid-diagram/index_module.css +0 -4
- package/dist/lib/mermaid-diagram/use-svg-pan-zoom.js +0 -83
- package/dist/lib/mermaid-diagram/utils.js +0 -98
- package/dist/lib/model-config-editor/basic-type.js +0 -105
- package/dist/lib/model-config-editor/index.module.js +0 -25
- package/dist/lib/model-config-editor/index_module.css +0 -8
- package/dist/lib/model-config-editor/model-config-form.js +0 -149
- package/dist/lib/model-config-editor/popover-type.js +0 -145
- package/dist/lib/model-select/index.js +0 -170
- package/dist/lib/model-select/index.module.js +0 -25
- package/dist/lib/model-select/index_module.css +0 -14
- package/dist/lib/model-select/model-option/index.js +0 -188
- package/dist/lib/model-select/model-option/index.module.js +0 -25
- package/dist/lib/model-select/model-option/index_module.css +0 -23
- package/dist/lib/model-select/model-option-group/index.js +0 -75
- package/dist/lib/prompt-editor/index.js +0 -218
- package/dist/lib/prompt-editor/index.module.js +0 -25
- package/dist/lib/prompt-editor/index_module.css +0 -71
- package/dist/lib/prompt-editor/message-type-select.js +0 -108
- package/dist/lib/schema-editor/index.js +0 -77
- package/dist/lib/utils/base.js +0 -82
- package/dist/lib/utils/model-config.js +0 -57
- package/dist/types/basic-editor/diff.d.ts +0 -15
- package/dist/types/basic-editor/extensions/go-syntax.d.ts +0 -71
- package/dist/types/basic-editor/extensions/go-template.d.ts +0 -1
- package/dist/types/basic-editor/extensions/jinja.d.ts +0 -6
- package/dist/types/basic-editor/extensions/language-support.d.ts +0 -2
- package/dist/types/basic-editor/extensions/markdown.d.ts +0 -2
- package/dist/types/basic-editor/extensions/search/dom/icon.d.ts +0 -59
- package/dist/types/basic-editor/extensions/search/dom/match-count.d.ts +0 -14
- package/dist/types/basic-editor/extensions/search/index.d.ts +0 -1
- package/dist/types/basic-editor/extensions/search/panel.d.ts +0 -32
- package/dist/types/basic-editor/extensions/search/theme.d.ts +0 -1
- package/dist/types/basic-editor/extensions/validation.d.ts +0 -10
- package/dist/types/basic-editor/extensions/variable.d.ts +0 -14
- package/dist/types/basic-editor/index.d.ts +0 -28
- package/dist/types/code-editor/code-editor.d.ts +0 -23
- package/dist/types/code-editor/json-editor.d.ts +0 -17
- package/dist/types/code-editor/raw-text-editor.d.ts +0 -11
- package/dist/types/code-editor/text-editor.d.ts +0 -23
- package/dist/types/code-editor/themes/coze-dark.d.ts +0 -1
- package/dist/types/code-editor/themes/coze-light.d.ts +0 -1
- package/dist/types/dev-layout/index.d.ts +0 -13
- package/dist/types/mermaid-diagram/index.d.ts +0 -12
- package/dist/types/mermaid-diagram/use-svg-pan-zoom.d.ts +0 -17
- package/dist/types/model-config-editor/basic-type.d.ts +0 -19
- package/dist/types/model-config-editor/model-config-form.d.ts +0 -14
- package/dist/types/model-config-editor/popover-type.d.ts +0 -25
- package/dist/types/model-select/index.d.ts +0 -38
- package/dist/types/model-select/model-option/index.d.ts +0 -30
- package/dist/types/model-select/model-option-group/index.d.ts +0 -15
- package/dist/types/prompt-editor/index.d.ts +0 -30
- package/dist/types/prompt-editor/message-type-select.d.ts +0 -16
- package/dist/types/schema-editor/index.d.ts +0 -18
- package/dist/types/utils/model-config.d.ts +0 -4
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface PromptDiffEditorRef {
|
|
4
|
+
goToPreviousChunk: () => void;
|
|
5
|
+
goToNextChunk?: () => void;
|
|
6
|
+
}
|
|
7
|
+
interface PromptDiffEditorProps {
|
|
8
|
+
oldValue?: string;
|
|
9
|
+
newValue?: string;
|
|
10
|
+
autoScrollToBottom?: boolean;
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
editorAble?: boolean;
|
|
13
|
+
onChange?: (value: string) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const PromptDiffEditor: import('react').ForwardRefExoticComponent<PromptDiffEditorProps & import('react').RefAttributes<PromptDiffEditorRef>>;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
declare const tmLanguage: {
|
|
2
|
+
foldingStartMarker: string;
|
|
3
|
+
foldingStopMarker: string;
|
|
4
|
+
name: string;
|
|
5
|
+
patterns: {
|
|
6
|
+
begin: string;
|
|
7
|
+
beginCaptures: {
|
|
8
|
+
'0': {
|
|
9
|
+
name: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
end: string;
|
|
13
|
+
endCaptures: {
|
|
14
|
+
'0': {
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
patterns: ({
|
|
19
|
+
match: string;
|
|
20
|
+
name: string;
|
|
21
|
+
begin?: undefined;
|
|
22
|
+
end?: undefined;
|
|
23
|
+
beginCaptures?: undefined;
|
|
24
|
+
endCaptures?: undefined;
|
|
25
|
+
patterns?: undefined;
|
|
26
|
+
} | {
|
|
27
|
+
begin: string;
|
|
28
|
+
end: string;
|
|
29
|
+
name: string;
|
|
30
|
+
match?: undefined;
|
|
31
|
+
beginCaptures?: undefined;
|
|
32
|
+
endCaptures?: undefined;
|
|
33
|
+
patterns?: undefined;
|
|
34
|
+
} | {
|
|
35
|
+
begin: string;
|
|
36
|
+
beginCaptures: {
|
|
37
|
+
'0': {
|
|
38
|
+
name: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
end: string;
|
|
42
|
+
endCaptures: {
|
|
43
|
+
'0': {
|
|
44
|
+
name: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
name: string;
|
|
48
|
+
patterns: {
|
|
49
|
+
include: string;
|
|
50
|
+
}[];
|
|
51
|
+
match?: undefined;
|
|
52
|
+
})[];
|
|
53
|
+
}[];
|
|
54
|
+
repository: {
|
|
55
|
+
string_escaped_char: {
|
|
56
|
+
patterns: {
|
|
57
|
+
match: string;
|
|
58
|
+
name: string;
|
|
59
|
+
}[];
|
|
60
|
+
};
|
|
61
|
+
string_placeholder: {
|
|
62
|
+
patterns: {
|
|
63
|
+
match: string;
|
|
64
|
+
name: string;
|
|
65
|
+
}[];
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
scopeName: string;
|
|
69
|
+
uuid: string;
|
|
70
|
+
};
|
|
71
|
+
export { tmLanguage };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const goExtension: import('@codemirror/state').Extension[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
declare const _default: any;
|
|
2
|
-
export default _default;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StateCommand } from '@codemirror/state';
|
|
2
|
+
|
|
2
3
|
export declare const insertNewlineContinueMarkup: StateCommand;
|
|
3
4
|
export declare const deleteMarkupBackward: StateCommand;
|
|
4
|
-
export declare const insertFourSpaces: StateCommand;
|
|
5
|
+
export declare const insertFourSpaces: StateCommand;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
interface IconProps extends Record<string, unknown> {
|
|
2
|
+
checked?: boolean;
|
|
3
|
+
checkable?: boolean;
|
|
4
|
+
onchange?: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare abstract class Icon {
|
|
8
|
+
readonly dom: HTMLElement;
|
|
9
|
+
_checked?: boolean;
|
|
10
|
+
private _disabled?;
|
|
11
|
+
private checkable?;
|
|
12
|
+
constructor(attr?: IconProps);
|
|
13
|
+
abstract getSVG(): HTMLSpanElement;
|
|
14
|
+
get checked(): boolean;
|
|
15
|
+
set checked(checked: boolean);
|
|
16
|
+
get disabled(): boolean;
|
|
17
|
+
set disabled(disabled: boolean);
|
|
18
|
+
}
|
|
19
|
+
export declare class IconCaseSensitive extends Icon {
|
|
20
|
+
constructor(attr?: IconProps);
|
|
21
|
+
getSVG(): HTMLSpanElement;
|
|
22
|
+
}
|
|
23
|
+
export declare class IconRegExp extends Icon {
|
|
24
|
+
constructor(attr?: IconProps);
|
|
25
|
+
getSVG(): HTMLSpanElement;
|
|
26
|
+
}
|
|
27
|
+
export declare class IconWholeWord extends Icon {
|
|
28
|
+
constructor(attr?: IconProps);
|
|
29
|
+
getSVG(): HTMLSpanElement;
|
|
30
|
+
}
|
|
31
|
+
export declare class IconArrowUp extends Icon {
|
|
32
|
+
constructor(attr?: IconProps);
|
|
33
|
+
getSVG(): HTMLSpanElement;
|
|
34
|
+
}
|
|
35
|
+
export declare class IconArrowDown extends Icon {
|
|
36
|
+
constructor(attr?: IconProps);
|
|
37
|
+
getSVG(): HTMLSpanElement;
|
|
38
|
+
}
|
|
39
|
+
export declare class IconReplace extends Icon {
|
|
40
|
+
constructor(attr?: IconProps);
|
|
41
|
+
getSVG(): HTMLSpanElement;
|
|
42
|
+
}
|
|
43
|
+
export declare class IconReplaceAll extends Icon {
|
|
44
|
+
constructor(attr?: IconProps);
|
|
45
|
+
getSVG(): HTMLSpanElement;
|
|
46
|
+
}
|
|
47
|
+
export declare class IconClose extends Icon {
|
|
48
|
+
constructor(attr?: IconProps);
|
|
49
|
+
getSVG(): HTMLSpanElement;
|
|
50
|
+
}
|
|
51
|
+
export declare class IconEnter extends Icon {
|
|
52
|
+
constructor(attr?: IconProps);
|
|
53
|
+
getSVG(): HTMLSpanElement;
|
|
54
|
+
}
|
|
55
|
+
export declare class IconChevronRight extends Icon {
|
|
56
|
+
constructor(attr?: IconProps);
|
|
57
|
+
getSVG(): HTMLSpanElement;
|
|
58
|
+
}
|
|
59
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface CountData {
|
|
2
|
+
matchIndex: number;
|
|
3
|
+
matchCount: number;
|
|
4
|
+
searching?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare class MatchCount {
|
|
7
|
+
_data: CountData;
|
|
8
|
+
dom: HTMLDivElement;
|
|
9
|
+
constructor(data?: CountData);
|
|
10
|
+
update(): void;
|
|
11
|
+
get data(): CountData;
|
|
12
|
+
set data(data: CountData);
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const search: () => import('@codemirror/state').Extension[];
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { EditorView, Panel, ViewUpdate } from '@codemirror/view';
|
|
2
|
+
import { EditorState } from '@codemirror/state';
|
|
3
|
+
import { SearchQuery } from '@codemirror/search';
|
|
4
|
+
import { MatchCount } from './dom/match-count';
|
|
5
|
+
import { IconCaseSensitive, IconRegExp, IconWholeWord, IconArrowUp, IconArrowDown, IconReplace, IconReplaceAll, IconChevronRight } from './dom/icon';
|
|
6
|
+
|
|
7
|
+
export declare class SearchPanel implements Panel {
|
|
8
|
+
readonly view: EditorView;
|
|
9
|
+
searchField: HTMLInputElement;
|
|
10
|
+
replaceField: HTMLInputElement;
|
|
11
|
+
matchCount: MatchCount;
|
|
12
|
+
caseField: IconCaseSensitive;
|
|
13
|
+
reField: IconRegExp;
|
|
14
|
+
wordField: IconWholeWord;
|
|
15
|
+
expand: IconChevronRight;
|
|
16
|
+
arrowUp: IconArrowUp;
|
|
17
|
+
arrowDown: IconArrowDown;
|
|
18
|
+
replace: IconReplace;
|
|
19
|
+
replaceAll: IconReplaceAll;
|
|
20
|
+
dom: HTMLElement;
|
|
21
|
+
query: SearchQuery;
|
|
22
|
+
constructor(view: EditorView);
|
|
23
|
+
private initExpandButton;
|
|
24
|
+
private initSearchLine;
|
|
25
|
+
private initReplaceLine;
|
|
26
|
+
commit(): void;
|
|
27
|
+
keydown(e: KeyboardEvent): void;
|
|
28
|
+
updateMatchCount(state: EditorState, query: SearchQuery): void;
|
|
29
|
+
update(update: ViewUpdate): void;
|
|
30
|
+
setQuery(query: SearchQuery): void;
|
|
31
|
+
mount(): void;
|
|
32
|
+
get top(): boolean;
|
|
33
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const theme: import('@codemirror/state').Extension;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface VariableType {
|
|
2
|
+
/** 变量名字 */
|
|
3
|
+
key?: string;
|
|
4
|
+
/** 变量值/mock值 */
|
|
5
|
+
value?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function Variable({ variables, isGoTemplate, }: {
|
|
8
|
+
variables: VariableType[];
|
|
9
|
+
isGoTemplate?: boolean;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default Variable;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Extension } from '@codemirror/state';
|
|
2
|
+
import { VariableType } from './extensions/variable';
|
|
3
|
+
|
|
4
|
+
export interface PromptBasicEditorProps {
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
height?: number;
|
|
7
|
+
minHeight?: number;
|
|
8
|
+
maxHeight?: number;
|
|
9
|
+
fontSize?: number;
|
|
10
|
+
variables?: VariableType[];
|
|
11
|
+
forbidVariables?: boolean;
|
|
12
|
+
linePlaceholder?: string;
|
|
13
|
+
forbidJinjaHighlight?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
customExtensions?: Extension[];
|
|
16
|
+
autoScrollToBottom?: boolean;
|
|
17
|
+
isGoTemplate?: boolean;
|
|
18
|
+
isJinja2Template?: boolean;
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
onBlur?: () => void;
|
|
21
|
+
onFocus?: () => void;
|
|
22
|
+
children?: React.ReactNode;
|
|
23
|
+
canSearch?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface PromptBasicEditorRef {
|
|
26
|
+
setEditorValue: (value?: string) => void;
|
|
27
|
+
insertText?: (text: string) => void;
|
|
28
|
+
}
|
|
29
|
+
export declare const PromptBasicEditor: import('react').ForwardRefExoticComponent<PromptBasicEditorProps & import('react').RefAttributes<PromptBasicEditorRef>>;
|
|
@@ -2,4 +2,4 @@ export { EditorProvider } from '@coze-editor/editor/react';
|
|
|
2
2
|
export { CodeEditor } from './code-editor';
|
|
3
3
|
export { TextEditor } from './text-editor';
|
|
4
4
|
export { BaseJsonEditor } from './json-editor';
|
|
5
|
-
export { BaseRawTextEditor } from './raw-text-editor';
|
|
5
|
+
export { BaseRawTextEditor } from './raw-text-editor';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
interface BaseJsonEditorProps {
|
|
4
|
+
value: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
dataTestID?: string;
|
|
8
|
+
placeholder?: string | HTMLElement;
|
|
9
|
+
isDarkTheme?: boolean;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
minHeight?: string | number;
|
|
12
|
+
maxHeight?: string | number;
|
|
13
|
+
editerHeight?: string | number;
|
|
14
|
+
padding?: string | number;
|
|
15
|
+
borderRadius?: string | number;
|
|
16
|
+
}
|
|
17
|
+
export declare const BaseJsonEditor: React.ForwardRefExoticComponent<BaseJsonEditorProps & React.RefAttributes<unknown>>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface RawTextEditorProps {
|
|
2
|
+
value: string;
|
|
3
|
+
onChange?: (value?: string) => void;
|
|
4
|
+
className?: string;
|
|
5
|
+
readonly?: boolean;
|
|
6
|
+
dataTestID?: string;
|
|
7
|
+
placeholder?: string | HTMLElement;
|
|
8
|
+
minHeight?: string | number;
|
|
9
|
+
}
|
|
10
|
+
export declare const BaseRawTextEditor: import('react').ForwardRefExoticComponent<RawTextEditorProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare function DevLayout({ title, actionBtns, children, className, style, }: {
|
|
2
|
+
title: React.ReactNode;
|
|
3
|
+
actionBtns?: React.ReactNode;
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { default as regexpDecorator, updateRegexpDecorations } from '@coze-editor/extension-regexp-decorator';
|
|
2
|
+
export { PromptBasicEditor, type PromptBasicEditorProps, type PromptBasicEditorRef, } from './basic-editor';
|
|
2
3
|
export { PromptEditor, type PromptEditorProps } from './prompt-editor';
|
|
3
|
-
export { PromptDiffEditor, type PromptDiffEditorRef } from './basic-editor/diff';
|
|
4
|
-
export { BaseJsonEditor, BaseRawTextEditor, EditorProvider } from './code-editor';
|
|
4
|
+
export { PromptDiffEditor, type PromptDiffEditorRef, } from './basic-editor/diff';
|
|
5
|
+
export { BaseJsonEditor, BaseRawTextEditor, EditorProvider, } from './code-editor';
|
|
5
6
|
export { SchemaEditor } from './schema-editor';
|
|
6
7
|
export { ModelSelect } from './model-select';
|
|
7
8
|
export { BasicModelConfigEditor } from './model-config-editor/basic-type';
|
|
@@ -9,11 +10,10 @@ export { PopoverModelConfigEdiotr } from './model-config-editor/popover-type';
|
|
|
9
10
|
export { DevLayout } from './dev-layout';
|
|
10
11
|
export { type EditorAPI } from '@coze-editor/editor/preset-code';
|
|
11
12
|
export { useEditor, useInjector, useLatest } from '@coze-editor/editor/react';
|
|
12
|
-
import regexpDecorator, { updateRegexpDecorations } from '@coze-editor/extension-regexp-decorator';
|
|
13
13
|
export { regexpDecorator, updateRegexpDecorations };
|
|
14
14
|
export { Decoration, EditorView, WidgetType, keymap } from '@codemirror/view';
|
|
15
15
|
export { EditorSelection } from '@codemirror/state';
|
|
16
|
-
export { type Extension, Prec, StateEffect, StateField } from '@codemirror/state';
|
|
16
|
+
export { type Extension, Prec, StateEffect, StateField, } from '@codemirror/state';
|
|
17
17
|
export { cunstomFacet } from './basic-editor/custom-facet';
|
|
18
|
-
export { insertFourSpaces, deleteMarkupBackward, insertNewlineContinueMarkup } from './basic-editor/extensions/keymap';
|
|
19
|
-
export { MermaidDiagram, type MermaidDiagramRef } from './mermaid-diagram';
|
|
18
|
+
export { insertFourSpaces, deleteMarkupBackward, insertNewlineContinueMarkup, } from './basic-editor/extensions/keymap';
|
|
19
|
+
export { MermaidDiagram, type MermaidDiagramRef } from './mermaid-diagram';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface MermaidDiagramProps {
|
|
2
|
+
/** mermaid text */
|
|
3
|
+
chart: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface MermaidDiagramRef {
|
|
7
|
+
zoomIn: () => void;
|
|
8
|
+
zoomOut: () => void;
|
|
9
|
+
fit: () => void;
|
|
10
|
+
exportImg: () => Promise<void>;
|
|
11
|
+
}
|
|
12
|
+
export declare const MermaidDiagram: import('react').ForwardRefExoticComponent<MermaidDiagramProps & import('react').RefAttributes<MermaidDiagramRef>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
interface UseSvgPanZoomParams {
|
|
2
|
+
svgSelector: string;
|
|
3
|
+
viewportSelector: string;
|
|
4
|
+
renderedChart: string;
|
|
5
|
+
zoomStepLength?: number;
|
|
6
|
+
}
|
|
7
|
+
export declare const useSvgPanZoom: ({ svgSelector, viewportSelector, renderedChart, zoomStepLength, }: UseSvgPanZoomParams) => {
|
|
8
|
+
zoomIn: () => void;
|
|
9
|
+
zoomOut: () => void;
|
|
10
|
+
fit: () => void;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const exportImage: (svgSelector: string) => Promise<void>;
|
|
1
|
+
export declare const exportImage: (svgSelector: string) => Promise<void>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { flow_devops_prompt_common } from '@flow-infra/idl/prompt_api';
|
|
3
|
+
import { ModelSelectProps } from '../model-select';
|
|
4
|
+
|
|
5
|
+
export interface BasicModelConfigEditorProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: CSSProperties;
|
|
8
|
+
value?: flow_devops_prompt_common.ModelConfig;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
modelSelectProps?: ModelSelectProps;
|
|
11
|
+
onChange?: (value?: flow_devops_prompt_common.ModelConfig) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function BasicModelConfigEditor({ className, style, value, onChange, disabled, modelSelectProps, }: BasicModelConfigEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Model, ModelParam } from '@flow-infra/idl/fornax_ml_flow';
|
|
2
|
+
import { LabelProps } from '@coze-arch/coze-design';
|
|
3
|
+
|
|
4
|
+
export declare const convertInt64ToNumber: (v?: Int64) => number;
|
|
5
|
+
export declare const getInputSliderConfig: (key: string, modelParams: ModelParam[]) => {
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
defaultValue?: number;
|
|
9
|
+
label?: React.ReactNode | LabelProps;
|
|
10
|
+
};
|
|
11
|
+
export declare function ModelConfigForm({ model }: {
|
|
12
|
+
model?: Model;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { flow_devops_prompt_common } from '@flow-infra/idl/prompt_api';
|
|
3
|
+
import { Model } from '@flow-infra/idl/fornax_ml_flow';
|
|
4
|
+
import { PopoverProps } from '@coze-arch/coze-design';
|
|
5
|
+
import { ModelSelectProps } from '../model-select';
|
|
6
|
+
|
|
7
|
+
interface ModelConfigPopoverProps {
|
|
8
|
+
value?: flow_devops_prompt_common.ModelConfig;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
modelSelectProps?: ModelSelectProps;
|
|
11
|
+
popoverProps?: PopoverProps & {
|
|
12
|
+
wrapClassName?: string;
|
|
13
|
+
wrapStyle?: CSSProperties;
|
|
14
|
+
};
|
|
15
|
+
onChange?: (value?: flow_devops_prompt_common.ModelConfig) => void;
|
|
16
|
+
renderDisplayContent?: (model?: Model, isPopoverVisible?: boolean) => React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare function PopoverModelConfigEdiotr({ value, disabled, modelSelectProps, popoverProps, onChange, renderDisplayContent, }: ModelConfigPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { Model, Int64 } from '@flow-infra/idl/fornax_ml_flow';
|
|
3
|
+
|
|
4
|
+
interface ModelExtra extends Model {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface ModelListDataProps {
|
|
8
|
+
list: ModelExtra[];
|
|
9
|
+
total?: Int64;
|
|
10
|
+
cursorID?: string;
|
|
11
|
+
hasMore?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface ModelSelectProps {
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: CSSProperties;
|
|
16
|
+
value?: Model;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
defaultSelectFirstModel?: boolean;
|
|
19
|
+
modelListData?: ModelListDataProps;
|
|
20
|
+
loading?: boolean;
|
|
21
|
+
optionCustomRender?: (item: ModelExtra) => React.ReactNode;
|
|
22
|
+
onChange?: (v?: Model) => void;
|
|
23
|
+
loadMore?: () => void;
|
|
24
|
+
valueKey?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare function ModelSelect({ className, style, value, disabled, defaultSelectFirstModel, loading, modelListData, onChange, loadMore, optionCustomRender, valueKey, }: ModelSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Model } from '@flow-infra/idl/fornax_ml_flow';
|
|
2
|
+
|
|
3
|
+
export type ModelOptionProps = {
|
|
4
|
+
model: Model;
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
/** 返回是否切换成功 */
|
|
8
|
+
onClick?: () => boolean;
|
|
9
|
+
} & ({
|
|
10
|
+
enableConfig?: false;
|
|
11
|
+
} | {
|
|
12
|
+
enableConfig: true;
|
|
13
|
+
onConfigClick: () => void;
|
|
14
|
+
}) & ({
|
|
15
|
+
enableJumpDetail?: false;
|
|
16
|
+
} | {
|
|
17
|
+
enableJumpDetail: true;
|
|
18
|
+
/**
|
|
19
|
+
* 点击跳转模型管理页面
|
|
20
|
+
*
|
|
21
|
+
* 因为该组件定位是纯 UI 组件,且不同模块 space id 获取的方式不尽相同,因此跳转行为和 url 的拼接就不内置了
|
|
22
|
+
*/
|
|
23
|
+
onDetailClick: (modelId: string) => void;
|
|
24
|
+
});
|
|
25
|
+
export declare function ModelOption({ model, selected, disabled, onClick, ...props }: ModelOptionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ModelOptionGroupProps = {
|
|
4
|
+
/** 新模型专区 */
|
|
5
|
+
type: 'new';
|
|
6
|
+
seriesName?: string;
|
|
7
|
+
tooltip?: string;
|
|
8
|
+
} | {
|
|
9
|
+
/** 普通系列模型 */
|
|
10
|
+
type?: 'normal';
|
|
11
|
+
icon: string;
|
|
12
|
+
desc: string;
|
|
13
|
+
seriesName?: string;
|
|
14
|
+
tooltip?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function ModelOptionGroup(props: PropsWithChildren<ModelOptionGroupProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { flow_devops_prompt_common } from '@flow-infra/idl/prompt_api';
|
|
3
|
+
import { PromptBasicEditorRef, PromptBasicEditorProps } from '../basic-editor';
|
|
4
|
+
|
|
5
|
+
type PromptMessage = flow_devops_prompt_common.Message & {
|
|
6
|
+
key?: string;
|
|
7
|
+
optimize_key?: string;
|
|
8
|
+
};
|
|
9
|
+
type BasicEditorProps = Pick<PromptBasicEditorProps, 'variables' | 'height' | 'minHeight' | 'maxHeight' | 'forbidJinjaHighlight' | 'forbidVariables' | 'linePlaceholder' | 'isGoTemplate' | 'customExtensions' | 'canSearch' | 'isJinja2Template'>;
|
|
10
|
+
export interface PromptEditorProps extends BasicEditorProps {
|
|
11
|
+
className?: string;
|
|
12
|
+
message?: PromptMessage;
|
|
13
|
+
dragBtnHidden?: boolean;
|
|
14
|
+
messageTypeDisabled?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
isDrag?: boolean;
|
|
17
|
+
placeholder?: string;
|
|
18
|
+
messageTypeList?: Array<{
|
|
19
|
+
label: string;
|
|
20
|
+
value: number;
|
|
21
|
+
}>;
|
|
22
|
+
leftActionBtns?: ReactNode;
|
|
23
|
+
rightActionBtns?: ReactNode;
|
|
24
|
+
hideActionWrap?: boolean;
|
|
25
|
+
onMessageChange?: (v: PromptMessage) => void;
|
|
26
|
+
onMessageTypeChange?: (v: number) => void;
|
|
27
|
+
children?: ReactNode;
|
|
28
|
+
isFullscreen?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export declare const PromptEditor: import('react').ForwardRefExoticComponent<PromptEditorProps & import('react').RefAttributes<PromptBasicEditorRef>>;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface MessageTypeSelectProps {
|
|
2
|
+
value: number;
|
|
3
|
+
onChange?: (v: number) => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
messageTypeList?: Array<{
|
|
6
|
+
label: string;
|
|
7
|
+
value: number;
|
|
8
|
+
}>;
|
|
9
|
+
}
|
|
10
|
+
export declare function MessageTypeSelect({ value, onChange, disabled, messageTypeList, }: MessageTypeSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface SchemaEditorProps {
|
|
2
|
+
value?: string;
|
|
3
|
+
readOnly?: boolean;
|
|
4
|
+
onChange?: (value?: string) => void;
|
|
5
|
+
language?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
showLineNumbs?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const SchemaEditor: ({ value, onChange, placeholder, readOnly, language, className, }: SchemaEditorProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UIEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
export declare const safeParseJson: <T>(jsonString?: string, fallback?: T) => T | undefined;
|
|
3
4
|
export declare const handleScrollToBottom: (e: Parameters<UIEventHandler>[0], callback: () => void) => void;
|
|
4
5
|
export declare function sleep(timer?: number): Promise<void>;
|
|
5
6
|
export declare const messageId: () => string;
|
|
6
7
|
export declare const convertNumberToThousands: (num?: Int64) => string | number;
|
|
7
8
|
export declare function recordToArray(record: Record<string, string>): {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}[];
|
|
9
|
+
label: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
}[];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { flow_devops_prompt_common } from '@flow-infra/idl/prompt_api';
|
|
2
|
+
|
|
3
|
+
import * as FornaxMlFlow from '@flow-infra/idl/fornax_ml_flow';
|
|
4
|
+
export declare const convertModelToModelConfig: (model?: FornaxMlFlow.Model) => flow_devops_prompt_common.ModelConfig;
|
|
5
|
+
export declare const renderModelOfflineTag: (model?: FornaxMlFlow.Model) => import("react/jsx-runtime").JSX.Element;
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._valid_1lwoa_1{color:var(--Green-COZColorGreen7, #00A136)}._invalid_1lwoa_5{color:#0607094d}._prompt-editor-container_1dclu_3{position:relative;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--Bg-COZ-bg-max, #FFF);border:1px solid var(--Stroke-COZ-stroke-plus, rgba(68, 83, 130, .25));border-radius:var(--Radius-Default, 6px)}._prompt-editor-container_1dclu_3 ._header_1dclu_13{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;height:36px;padding:12px 8px;border-bottom:1px solid var(--Stroke-COZ-stroke-primary, rgba(82, 100, 154, .13))}._prompt-editor-container_1dclu_3 ._header_1dclu_13 ._drag-btn_1dclu_23{color:var(--coz-fg-dim)}._prompt-editor-container_1dclu_3 ._header_1dclu_13 ._drag-btn_1dclu_23:hover{color:var(--coz-fg-secondary)}._prompt-editor-container-error_1dclu_29{border:1px solid var(--Red-COZ-red-500, #F54A45)}._prompt-editor-container_1dclu_3 ._prompt-editor-btn-group_1dclu_32{display:none;transition:all .2s ease-in-out}._prompt-editor-container_1dclu_3 input::placeholder{font-family:JetBrainsMonoBold!important;font-size:13px!important}._prompt-editor-container_1dclu_3 .cm-scroller{scrollbar-gutter:stable}._prompt-editor-container_1dclu_3 .cm-scroller::-webkit-scrollbar-thumb{visibility:hidden}._prompt-editor-container-active_1dclu_46{border:1px solid rgba(var(--coze-up-brand-9),1)}._prompt-editor-container-active_1dclu_46 .cm-scroller::-webkit-scrollbar-thumb{visibility:visible}._prompt-editor-container-disabled_1dclu_52{background:var(--coz-bg-primary, #F7F7FC)}._prompt-editor-container_1dclu_3:hover ._prompt-editor-btn-group_1dclu_32{display:flex}._prompt-editor-container_1dclu_3:hover .cm-scroller::-webkit-scrollbar-thumb{visibility:visible}._role-display_1dclu_61{color:var(--Fg-COZ-fg-dim, rgba(55, 67, 106, .38))!important}._full-screen_1dclu_64{position:fixed!important;z-index:1000;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background-color:var(--semi-color-bg-0)}._model-option_v1jrk_2:hover{background-color:rgba(var(--coze-bg-5),var(--coze-bg-5-alpha))}._model-option_v1jrk_2:last-of-type ._model-info-border_v1jrk_5,._model-option_v1jrk_2._model-option_selected_v1jrk_6 ._model-info-border_v1jrk_5,._model-option_v1jrk_2:hover ._model-info-border_v1jrk_5,._model-option_v1jrk_2:has(+._model-option_v1jrk_2._model-option_selected_v1jrk_6) ._model-info-border_v1jrk_5,._model-option_v1jrk_2:has(+._model-option_v1jrk_2:hover) ._model-info-border_v1jrk_5{border-color:transparent}._model-option_v1jrk_2 .coz-tag.coz-tag-mini{padding-right:3px;padding-left:3px;font-weight:500}._model-option_selected_v1jrk_6{background-color:rgba(var(--coze-brand-1),var(--coze-brand-1-alpha));border:0}._model-option_selected_v1jrk_6:hover{background-color:rgba(var(--coze-brand-2),var(--coze-brand-2-alpha))!important}._model-select-dropdown_1bmpq_2 .semi-select-option-list{max-height:390px!important}._model-select-dropdown_1bmpq_2 .semi-select-group{padding-left:16px!important}._model-select-dropdown_1bmpq_2 .coz-select-option-item{background:transparent!important}._model-select_1bmpq_2 .semi-select-suffix{flex-shrink:0;padding-left:4px}._model-config-form_1su22_2{display:flex;flex-direction:column}._model-config-form_1su22_2 .semi-form-field{padding:4px 0!important}._container_xyzpo_1>svg{max-width:100%!important;height:100%}
|