@cozeloop/components 0.0.12-beta-1778488172610 → 0.0.12-beta-1378.344125032425
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/es/index.css +0 -49
- package/dist/es/index.mjs +17 -510
- package/dist/lib/base-search-select/base-search-form-select.js +6 -0
- package/dist/lib/base-search-select/base-search-form-select.js.map +1 -0
- package/dist/lib/base-search-select/base-search-select.js +130 -0
- package/dist/lib/base-search-select/base-search-select.js.map +1 -0
- package/dist/lib/base-search-select/index.js +3 -0
- package/dist/lib/base-search-select/index.js.map +1 -0
- package/dist/lib/base-search-select/types.js +2 -0
- package/dist/lib/base-search-select/types.js.map +1 -0
- package/dist/lib/base-search-select/utils.js +48 -0
- package/dist/lib/base-search-select/utils.js.map +1 -0
- package/dist/lib/basic-card/index.js +4 -0
- package/dist/lib/basic-card/index.js.map +1 -0
- package/dist/lib/card-pane/index.js +9 -0
- package/dist/lib/card-pane/index.js.map +1 -0
- package/dist/lib/chip-select/index.js +6 -0
- package/dist/lib/chip-select/index.js.map +1 -0
- package/dist/lib/codemirror-editor/code-editor.d.ts +2 -23
- package/dist/lib/codemirror-editor/code-editor.js +135 -0
- package/dist/lib/codemirror-editor/code-editor.js.map +1 -0
- package/dist/lib/codemirror-editor/index.js +7 -0
- package/dist/lib/codemirror-editor/index.js.map +1 -0
- package/dist/lib/codemirror-editor/json-editor.js +104 -0
- package/dist/lib/codemirror-editor/json-editor.js.map +1 -0
- package/dist/lib/codemirror-editor/raw-code-editor.js +104 -0
- package/dist/lib/codemirror-editor/raw-code-editor.js.map +1 -0
- package/dist/lib/codemirror-editor/raw-text-editor.js +33 -0
- package/dist/lib/codemirror-editor/raw-text-editor.js.map +1 -0
- package/dist/lib/codemirror-editor/text-editor.d.ts +2 -23
- package/dist/lib/codemirror-editor/text-editor.js +50 -0
- package/dist/lib/codemirror-editor/text-editor.js.map +1 -0
- package/dist/lib/codemirror-editor/themes/coze-dark.js +113 -0
- package/dist/lib/codemirror-editor/themes/coze-dark.js.map +1 -0
- package/dist/lib/codemirror-editor/themes/coze-light.js +119 -0
- package/dist/lib/codemirror-editor/themes/coze-light.js.map +1 -0
- package/dist/lib/collapse-card/index.js +31 -0
- package/dist/lib/collapse-card/index.js.map +1 -0
- package/dist/lib/collapse-item/index.js +9 -0
- package/dist/lib/collapse-item/index.js.map +1 -0
- package/dist/lib/collapsible-card/index.js +13 -0
- package/dist/lib/collapsible-card/index.js.map +1 -0
- package/dist/lib/column-manage-storage/index.js +48 -0
- package/dist/lib/column-manage-storage/index.js.map +1 -0
- package/dist/lib/columns-select/index.js +78 -0
- package/dist/lib/columns-select/index.js.map +1 -0
- package/dist/lib/copyable/index.js +12 -0
- package/dist/lib/copyable/index.js.map +1 -0
- package/dist/lib/edit-icon-button/index.js +13 -0
- package/dist/lib/edit-icon-button/index.js.map +1 -0
- package/dist/lib/footer-actions/index.js +8 -0
- package/dist/lib/footer-actions/index.js.map +1 -0
- package/dist/lib/hooks/use-infinite-scroll.js +133 -0
- package/dist/lib/hooks/use-infinite-scroll.js.map +1 -0
- package/dist/lib/hooks/use-mouse-down-offset.js +39 -0
- package/dist/lib/hooks/use-mouse-down-offset.js.map +1 -0
- package/dist/lib/hooks/use-unsave-leave-warning.js +26 -0
- package/dist/lib/hooks/use-unsave-leave-warning.js.map +1 -0
- package/dist/lib/id-render/icon-button-container.js +7 -0
- package/dist/lib/id-render/icon-button-container.js.map +1 -0
- package/dist/lib/id-render/index.js +22 -0
- package/dist/lib/id-render/index.js.map +1 -0
- package/dist/lib/index-controller/record-navigation.js +10 -0
- package/dist/lib/index-controller/record-navigation.js.map +1 -0
- package/dist/lib/index-controller/use-item-index-controller.js +123 -0
- package/dist/lib/index-controller/use-item-index-controller.js.map +1 -0
- package/dist/lib/index.d.ts +0 -6
- package/dist/lib/index.js +77 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/infinite-scroll-table/index.js +35 -0
- package/dist/lib/infinite-scroll-table/index.js.map +1 -0
- package/dist/lib/info-tooltip/index.js +9 -0
- package/dist/lib/info-tooltip/index.js.map +1 -0
- package/dist/lib/input-components/radio-button.js +21 -0
- package/dist/lib/input-components/radio-button.js.map +1 -0
- package/dist/lib/input-slider/index.js +81 -0
- package/dist/lib/input-slider/index.js.map +1 -0
- package/dist/lib/input-with-count/index.js +7 -0
- package/dist/lib/input-with-count/index.js.map +1 -0
- package/dist/lib/jump-button/jump-icon-button.js +7 -0
- package/dist/lib/jump-button/jump-icon-button.js.map +1 -0
- package/dist/lib/large-txt-render/index.js +27 -0
- package/dist/lib/large-txt-render/index.js.map +1 -0
- package/dist/lib/layout/content.js +5 -0
- package/dist/lib/layout/content.js.map +1 -0
- package/dist/lib/layout/header.js +6 -0
- package/dist/lib/layout/header.js.map +1 -0
- package/dist/lib/layout/index.js +9 -0
- package/dist/lib/layout/index.js.map +1 -0
- package/dist/lib/layout/tabs.js +10 -0
- package/dist/lib/layout/tabs.js.map +1 -0
- package/dist/lib/lazy-load-component/index.js +42 -0
- package/dist/lib/lazy-load-component/index.js.map +1 -0
- package/dist/lib/link-button/index.js +23 -0
- package/dist/lib/link-button/index.js.map +1 -0
- package/dist/lib/logic-editor/index.js +3 -0
- package/dist/lib/logic-editor/index.js.map +1 -0
- package/dist/lib/logic-editor/logic-editor.js +70 -0
- package/dist/lib/logic-editor/logic-editor.js.map +1 -0
- package/dist/lib/logic-editor/logic-left-render.js +62 -0
- package/dist/lib/logic-editor/logic-left-render.js.map +1 -0
- package/dist/lib/logic-editor/logic-operator-render.js +31 -0
- package/dist/lib/logic-editor/logic-operator-render.js.map +1 -0
- package/dist/lib/logic-editor/logic-right-render.js +26 -0
- package/dist/lib/logic-editor/logic-right-render.js.map +1 -0
- package/dist/lib/logic-editor/logic-types.js +144 -0
- package/dist/lib/logic-editor/logic-types.js.map +1 -0
- package/dist/lib/logic-editor/utils.js +18 -0
- package/dist/lib/logic-editor/utils.js.map +1 -0
- package/dist/lib/logic-expr/consts.js +5 -0
- package/dist/lib/logic-expr/consts.js.map +1 -0
- package/dist/lib/logic-expr/expr-group-render.js +60 -0
- package/dist/lib/logic-expr/expr-group-render.js.map +1 -0
- package/dist/lib/logic-expr/expr-render.js +84 -0
- package/dist/lib/logic-expr/expr-render.js.map +1 -0
- package/dist/lib/logic-expr/index.js +2 -0
- package/dist/lib/logic-expr/index.js.map +1 -0
- package/dist/lib/logic-expr/logic-expr.js +187 -0
- package/dist/lib/logic-expr/logic-expr.js.map +1 -0
- package/dist/lib/logic-expr/logic-not.js +20 -0
- package/dist/lib/logic-expr/logic-not.js.map +1 -0
- package/dist/lib/logic-expr/logic-toggle.js +32 -0
- package/dist/lib/logic-expr/logic-toggle.js.map +1 -0
- package/dist/lib/logic-expr/types.js +2 -0
- package/dist/lib/logic-expr/types.js.map +1 -0
- package/dist/lib/loop-icons/index.js +3 -0
- package/dist/lib/loop-icons/index.js.map +1 -0
- package/dist/lib/loop-radio-group/index.js +7 -0
- package/dist/lib/loop-radio-group/index.js.map +1 -0
- package/dist/lib/multi-modal-dataset-item-render/audio-render/index.js +34 -0
- package/dist/lib/multi-modal-dataset-item-render/audio-render/index.js.map +1 -0
- package/dist/lib/multi-modal-dataset-item-render/index.js +3 -0
- package/dist/lib/multi-modal-dataset-item-render/index.js.map +1 -0
- package/dist/lib/multi-modal-dataset-item-render/video-render/index.js +47 -0
- package/dist/lib/multi-modal-dataset-item-render/video-render/index.js.map +1 -0
- package/dist/lib/multi-part-editor/components/image-item-renderer.js +58 -0
- package/dist/lib/multi-part-editor/components/image-item-renderer.js.map +1 -0
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js +26 -0
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map +1 -0
- package/dist/lib/multi-part-editor/components/url-input-modal.js +151 -0
- package/dist/lib/multi-part-editor/components/url-input-modal.js.map +1 -0
- package/dist/lib/multi-part-editor/components/video-item-renderer.js +58 -0
- package/dist/lib/multi-part-editor/components/video-item-renderer.js.map +1 -0
- package/dist/lib/multi-part-editor/index.js +301 -0
- package/dist/lib/multi-part-editor/index.js.map +1 -0
- package/dist/lib/multi-part-editor/multi-part-render.js +40 -0
- package/dist/lib/multi-part-editor/multi-part-render.js.map +1 -0
- package/dist/lib/multi-part-editor/type.js +27 -0
- package/dist/lib/multi-part-editor/type.js.map +1 -0
- package/dist/lib/multi-part-editor/upload-button.js +104 -0
- package/dist/lib/multi-part-editor/upload-button.js.map +1 -0
- package/dist/lib/multi-part-editor/utils.js +43 -0
- package/dist/lib/multi-part-editor/utils.js.map +1 -0
- package/dist/lib/open-detail-button/index.js +12 -0
- package/dist/lib/open-detail-button/index.js.map +1 -0
- package/dist/lib/ops-agent/fox-icon.js +8 -0
- package/dist/lib/ops-agent/fox-icon.js.map +1 -0
- package/dist/lib/page-content/index.js +24 -0
- package/dist/lib/page-content/index.js.map +1 -0
- package/dist/lib/primary-page/index.js +2 -0
- package/dist/lib/primary-page/index.js.map +1 -0
- package/dist/lib/primary-page/primary-header.js +4 -0
- package/dist/lib/primary-page/primary-header.js.map +1 -0
- package/dist/lib/primary-title/index.js +8 -0
- package/dist/lib/primary-title/index.js.map +1 -0
- package/dist/lib/resizable-side-sheet/index.js +32 -0
- package/dist/lib/resizable-side-sheet/index.js.map +1 -0
- package/dist/lib/resize-sidesheet/index.js +15 -0
- package/dist/lib/resize-sidesheet/index.js.map +1 -0
- package/dist/lib/resize-sidesheet/use-drag.js +30 -0
- package/dist/lib/resize-sidesheet/use-drag.js.map +1 -0
- package/dist/lib/schema-editor/index.js +5 -0
- package/dist/lib/schema-editor/index.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js +19 -0
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js +39 -0
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js +32 -0
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js +13 -0
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js +14 -0
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js +16 -0
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/field.js +21 -0
- package/dist/lib/semi-schema-form/components/tmpls/field.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js +29 -0
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/index.js +31 -0
- package/dist/lib/semi-schema-form/components/tmpls/index.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js +81 -0
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/submit.js +13 -0
- package/dist/lib/semi-schema-form/components/tmpls/submit.js.map +1 -0
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js +12 -0
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js +26 -0
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js +27 -0
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/index.js +15 -0
- package/dist/lib/semi-schema-form/components/widgets/index.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/radio.js +27 -0
- package/dist/lib/semi-schema-form/components/widgets/radio.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/range.js +26 -0
- package/dist/lib/semi-schema-form/components/widgets/range.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/select.js +44 -0
- package/dist/lib/semi-schema-form/components/widgets/select.js.map +1 -0
- package/dist/lib/semi-schema-form/components/widgets/textarea.js +18 -0
- package/dist/lib/semi-schema-form/components/widgets/textarea.js.map +1 -0
- package/dist/lib/semi-schema-form/index.js +9 -0
- package/dist/lib/semi-schema-form/index.js.map +1 -0
- package/dist/lib/sentinel-form/enum.js +15 -0
- package/dist/lib/sentinel-form/enum.js.map +1 -0
- package/dist/lib/sentinel-form/index.d.ts +1 -1
- package/dist/lib/sentinel-form/index.js +323 -0
- package/dist/lib/sentinel-form/index.js.map +1 -0
- package/dist/lib/step-nav/index.js +13 -0
- package/dist/lib/step-nav/index.js.map +1 -0
- package/dist/lib/table/index.js +7 -0
- package/dist/lib/table/index.js.map +1 -0
- package/dist/lib/table/sort-icon.js +31 -0
- package/dist/lib/table/sort-icon.js.map +1 -0
- package/dist/lib/table/table-with-pagination.js +74 -0
- package/dist/lib/table/table-with-pagination.js.map +1 -0
- package/dist/lib/table/table-without-pagniation.js +37 -0
- package/dist/lib/table/table-without-pagniation.js.map +1 -0
- package/dist/lib/table-batch-operate/table-batch-operation.js +17 -0
- package/dist/lib/table-batch-operate/table-batch-operation.js.map +1 -0
- package/dist/lib/table-batch-operate/use-batch-operate.js +71 -0
- package/dist/lib/table-batch-operate/use-batch-operate.js.map +1 -0
- package/dist/lib/table-col-actions/index.js +39 -0
- package/dist/lib/table-col-actions/index.js.map +1 -0
- package/dist/lib/table-cols-config/index.js +60 -0
- package/dist/lib/table-cols-config/index.js.map +1 -0
- package/dist/lib/table-cols-config/type.js +2 -0
- package/dist/lib/table-cols-config/type.js.map +1 -0
- package/dist/lib/table-cols-config/use-hidden-col-keys.js +32 -0
- package/dist/lib/table-cols-config/use-hidden-col-keys.js.map +1 -0
- package/dist/lib/table-cols-config/util.js +39 -0
- package/dist/lib/table-cols-config/util.js.map +1 -0
- package/dist/lib/table-empty/index.js +9 -0
- package/dist/lib/table-empty/index.js.map +1 -0
- package/dist/lib/table-header/index.d.ts +1 -1
- package/dist/lib/table-header/index.js +12 -0
- package/dist/lib/table-header/index.js.map +1 -0
- package/dist/lib/tabs/index.js +9 -0
- package/dist/lib/tabs/index.js.map +1 -0
- package/dist/lib/text-area-pro/index.js +10 -0
- package/dist/lib/text-area-pro/index.js.map +1 -0
- package/dist/lib/text-with-copy/index.js +25 -0
- package/dist/lib/text-with-copy/index.js.map +1 -0
- package/dist/lib/title-with-sub/index.js +6 -0
- package/dist/lib/title-with-sub/index.js.map +1 -0
- package/dist/lib/tooltip-when-disabled/index.js +9 -0
- package/dist/lib/tooltip-when-disabled/index.js.map +1 -0
- package/dist/lib/tooltip-with-disabled/index.js +9 -0
- package/dist/lib/tooltip-with-disabled/index.js.map +1 -0
- package/dist/lib/tsconfig.build.tsbuildinfo +1 -0
- package/dist/lib/upload/index.js +25 -0
- package/dist/lib/upload/index.js.map +1 -0
- package/dist/lib/user-profile/index.js +21 -0
- package/dist/lib/user-profile/index.js.map +1 -0
- package/dist/lib/utils/basic.js +30 -0
- package/dist/lib/utils/basic.js.map +1 -0
- package/dist/lib/version-list/version-descriptions.js +15 -0
- package/dist/lib/version-list/version-descriptions.js.map +1 -0
- package/dist/lib/version-list/version-item.js +6 -0
- package/dist/lib/version-list/version-item.js.map +1 -0
- package/dist/lib/version-list/version-list.js +12 -0
- package/dist/lib/version-list/version-list.js.map +1 -0
- package/dist/lib/version-list/version-switch-panel.js +11 -0
- package/dist/lib/version-list/version-switch-panel.js.map +1 -0
- package/package.json +31 -23
- package/dist/lib/accessible-option-label/index.d.ts +0 -14
- package/dist/lib/banner/index.d.ts +0 -8
- package/dist/lib/code-editor/index.d.ts +0 -3
- package/dist/lib/code-editor-with-loading/index.d.ts +0 -10
- package/dist/lib/input-number-bigint/__tests__/input-number-bigint.test.d.ts +0 -1
- package/dist/lib/input-number-bigint/index.d.ts +0 -3
- package/dist/lib/rich-text-editor/editor.d.ts +0 -2
- package/dist/lib/rich-text-editor/index.d.ts +0 -2
- package/dist/lib/rich-text-editor/mention-extension.d.ts +0 -16
- package/dist/lib/rich-text-editor/mention-node-view.d.ts +0 -4
- package/dist/lib/rich-text-editor/types.d.ts +0 -45
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/* eslint-disable security/detect-non-literal-regexp */
|
|
3
|
+
import React, { useCallback, useEffect, useRef, useImperativeHandle, } from 'react';
|
|
4
|
+
import { useDebounceFn } from 'ahooks';
|
|
5
|
+
import { EditorProvider } from '@coze-editor/editor/react';
|
|
6
|
+
import { transformerCreator, } from '@coze-editor/editor/preset-code';
|
|
7
|
+
import { json } from '@coze-editor/editor/language-json';
|
|
8
|
+
import { EditorView } from '@codemirror/view';
|
|
9
|
+
import { CodeMirrorCodeEditor } from './code-editor';
|
|
10
|
+
const extensions = [
|
|
11
|
+
EditorView.theme({
|
|
12
|
+
'.cm-activeLineGutter': {
|
|
13
|
+
backgroundColor: 'transparent !important',
|
|
14
|
+
},
|
|
15
|
+
'.cm-activeLine': {
|
|
16
|
+
backgroundColor: 'transparent !important',
|
|
17
|
+
},
|
|
18
|
+
}),
|
|
19
|
+
];
|
|
20
|
+
function findAllMatches(inputString, regex) {
|
|
21
|
+
const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : `${regex.flags}g`);
|
|
22
|
+
let match;
|
|
23
|
+
const matches = [];
|
|
24
|
+
while (true) {
|
|
25
|
+
match = globalRegex.exec(inputString);
|
|
26
|
+
if (!match) {
|
|
27
|
+
break;
|
|
28
|
+
}
|
|
29
|
+
if (match.index === globalRegex.lastIndex) {
|
|
30
|
+
globalRegex.lastIndex++;
|
|
31
|
+
}
|
|
32
|
+
matches.push({
|
|
33
|
+
match: match[0],
|
|
34
|
+
range: [match.index, match.index + match[0].length],
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
return matches;
|
|
38
|
+
}
|
|
39
|
+
const transformer = transformerCreator(text => {
|
|
40
|
+
const originalSource = text.toString();
|
|
41
|
+
const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
|
|
42
|
+
if (matches.length > 0) {
|
|
43
|
+
matches.forEach(({ range }) => {
|
|
44
|
+
text.replaceRange(range[0], range[1], 'null');
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
return text;
|
|
48
|
+
});
|
|
49
|
+
export const CodeMirrorRawCodeEditor = React.forwardRef((props, ref) => {
|
|
50
|
+
const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, language = 'shell', backgroundColor, } = props;
|
|
51
|
+
const apiRef = useRef(null);
|
|
52
|
+
const handleChange = useCallback((e) => {
|
|
53
|
+
if (typeof onChange === 'function') {
|
|
54
|
+
onChange(e.value);
|
|
55
|
+
}
|
|
56
|
+
}, [onChange]);
|
|
57
|
+
const updateAst = useDebounceFn(() => {
|
|
58
|
+
apiRef.current?.updateASTDecorations();
|
|
59
|
+
}, {
|
|
60
|
+
wait: 200,
|
|
61
|
+
});
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
updateAst.run();
|
|
64
|
+
}, [isDarkTheme]);
|
|
65
|
+
// 值受控;
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
const editor = apiRef.current;
|
|
68
|
+
if (!editor) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
if (typeof value === 'string' && value !== editor.getValue()) {
|
|
72
|
+
editor.setValue(value);
|
|
73
|
+
}
|
|
74
|
+
}, [value]);
|
|
75
|
+
const formatJson = async () => {
|
|
76
|
+
const view = apiRef.current?.$view;
|
|
77
|
+
if (!view) {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
view.dispatch(await json.languageService.format(view.state, {
|
|
81
|
+
tabSize: 2,
|
|
82
|
+
}));
|
|
83
|
+
};
|
|
84
|
+
useImperativeHandle(ref, () => ({
|
|
85
|
+
formatJson,
|
|
86
|
+
}));
|
|
87
|
+
return (_jsx(EditorProvider, { children: _jsx("div", { className: className, children: _jsx(CodeMirrorCodeEditor, { defaultValue: value ?? '', onChange: handleChange, options: {
|
|
88
|
+
placeholder,
|
|
89
|
+
lineWrapping: true,
|
|
90
|
+
theme: isDarkTheme ? 'coze-dark' : 'coze-light',
|
|
91
|
+
languageId: language,
|
|
92
|
+
editable: !readonly,
|
|
93
|
+
transformer,
|
|
94
|
+
minHeight,
|
|
95
|
+
maxHeight,
|
|
96
|
+
editorHeight,
|
|
97
|
+
borderRadius,
|
|
98
|
+
padding,
|
|
99
|
+
fontSize: 13,
|
|
100
|
+
lineHeight: 20,
|
|
101
|
+
backgroundColor,
|
|
102
|
+
}, didMount: api => (apiRef.current = api), extensions: extensions, onFocus: onFocus, onBlur: onBlur }) }) }));
|
|
103
|
+
});
|
|
104
|
+
//# sourceMappingURL=raw-code-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raw-code-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/raw-code-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useCallback, useEffect, useRef } from 'react';
|
|
3
|
+
import { EditorProvider } from '@coze-editor/editor/react';
|
|
4
|
+
import { CodeMirrorTextEditor } from './text-editor';
|
|
5
|
+
export const CodeMirrorRawTextEditor = forwardRef((props, ref) => {
|
|
6
|
+
const { value, onChange, placeholder, className, minHeight, readonly, backgroundColor, } = props;
|
|
7
|
+
const apiRef = useRef(null);
|
|
8
|
+
const handleChange = useCallback((e) => {
|
|
9
|
+
if (typeof onChange === 'function') {
|
|
10
|
+
onChange(e.value);
|
|
11
|
+
}
|
|
12
|
+
}, [onChange]);
|
|
13
|
+
// 值受控;
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const editor = apiRef.current;
|
|
16
|
+
if (!editor) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
if (typeof value === 'string' && value !== editor.getValue()) {
|
|
20
|
+
editor.setValue(value);
|
|
21
|
+
}
|
|
22
|
+
}, [value]);
|
|
23
|
+
return (_jsx(EditorProvider, { children: _jsx("div", { ref: ref, className: className, children: _jsx(CodeMirrorTextEditor, { defaultValue: value ?? '', onChange: handleChange, options: {
|
|
24
|
+
placeholder,
|
|
25
|
+
lineWrapping: true,
|
|
26
|
+
minHeight,
|
|
27
|
+
fontSize: 13,
|
|
28
|
+
editable: !readonly,
|
|
29
|
+
lineHeight: 20,
|
|
30
|
+
backgroundColor,
|
|
31
|
+
}, didMount: api => (apiRef.current = api) }) }) }));
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=raw-text-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raw-text-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/raw-text-editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAarD,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAoB,EAAE,EAAE;QACvB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO;IACP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC7D,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,cAAc,cACb,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,YACjC,KAAC,oBAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,EAAE,EACzB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE;oBACP,WAAW;oBACX,YAAY,EAAE,IAAI;oBAClB,SAAS;oBACT,QAAQ,EAAE,EAAE;oBACZ,QAAQ,EAAE,CAAC,QAAQ;oBACnB,UAAU,EAAE,EAAE;oBACd,eAAe;iBAChB,EACD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,GACvC,GACE,GACS,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,23 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
to: number;
|
|
4
|
-
text: string;
|
|
5
|
-
cursorOffset?: number;
|
|
6
|
-
scrollIntoView?: boolean;
|
|
7
|
-
userEvent?: string;
|
|
8
|
-
}], void> | import("@coze-editor/editor/react").APIPluginSpec<"setCursorPosition", [pos: number], void> | import("@coze-editor/editor/react").APIPluginSpec<"disableKeybindings", [keys: string[]], void> | import("@coze-editor/editor/react").APIPluginSpec<"transformTextInSelection", [transformer: (text: string) => string | undefined], void> | import("@coze-editor/editor/react").APIPluginSpec<"getSelection", [], {
|
|
9
|
-
from: number;
|
|
10
|
-
to: number;
|
|
11
|
-
anchor: number;
|
|
12
|
-
head: number;
|
|
13
|
-
}> | import("@coze-editor/editor/react").APIPluginSpec<"getLineInfoAtPosition", [pos: number], import("@codemirror/state").Line> | import("@coze-editor/editor/react").EventPluginSpec<"selectionChange", {
|
|
14
|
-
selection: {
|
|
15
|
-
from: number;
|
|
16
|
-
to: number;
|
|
17
|
-
head: number;
|
|
18
|
-
anchor: number;
|
|
19
|
-
};
|
|
20
|
-
update: import("@codemirror/view").ViewUpdate;
|
|
21
|
-
}> | import("@coze-editor/editor/react").EventPluginSpec<"change", {
|
|
22
|
-
value: string;
|
|
23
|
-
}>)[]>) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { type ComponentType } from 'react';
|
|
2
|
+
export declare const CodeMirrorTextEditor: ComponentType<any>;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { createRenderer, option } from '@coze-editor/editor/react';
|
|
2
|
+
import universal from '@coze-editor/editor/preset-universal';
|
|
3
|
+
import { mixLanguages } from '@coze-editor/editor';
|
|
4
|
+
import { keymap, EditorView } from '@codemirror/view';
|
|
5
|
+
import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
|
|
6
|
+
const RawEditorTheme = EditorView.theme({
|
|
7
|
+
'&.cm-editor': {
|
|
8
|
+
outline: 'none',
|
|
9
|
+
},
|
|
10
|
+
'&.cm-content': {
|
|
11
|
+
wordBreak: 'break-all',
|
|
12
|
+
},
|
|
13
|
+
});
|
|
14
|
+
const minHeightOption = (value) => EditorView.theme({
|
|
15
|
+
'.cm-content, .cm-gutter, .cm-right-gutter': {
|
|
16
|
+
minHeight: typeof value === 'number'
|
|
17
|
+
? `${value}px`
|
|
18
|
+
: typeof value === 'string'
|
|
19
|
+
? value
|
|
20
|
+
: 'unset',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
const lineHeightOption = (value) => EditorView.theme({
|
|
24
|
+
'.cm-content, .cm-gutter, .cm-right-gutter': {
|
|
25
|
+
lineHeight: typeof value === 'number'
|
|
26
|
+
? `${value}px`
|
|
27
|
+
: typeof value === 'string'
|
|
28
|
+
? value
|
|
29
|
+
: 'unset',
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
const backgroundColorOption = (value) => EditorView.theme({
|
|
33
|
+
'.cm-content, .cm-gutter, .cm-right-gutter': {
|
|
34
|
+
backgroundColor: value ? `${value} !important` : 'unset',
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
const extensions = [
|
|
38
|
+
mixLanguages({}),
|
|
39
|
+
RawEditorTheme,
|
|
40
|
+
// ...其他 extensions
|
|
41
|
+
history(),
|
|
42
|
+
keymap.of([...defaultKeymap, ...historyKeymap]),
|
|
43
|
+
];
|
|
44
|
+
export const CodeMirrorTextEditor = createRenderer([
|
|
45
|
+
...universal,
|
|
46
|
+
option('minHeight', minHeightOption),
|
|
47
|
+
option('lineHeight', lineHeightOption),
|
|
48
|
+
option('backgroundColor', backgroundColorOption),
|
|
49
|
+
], extensions);
|
|
50
|
+
//# sourceMappingURL=text-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/text-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC;IACtC,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;KAChB;IACD,cAAc,EAAE;QACd,SAAS,EAAE,WAAW;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE,CAClD,UAAU,CAAC,KAAK,CAAC;IACf,2CAA2C,EAAE;QAC3C,SAAS,EACP,OAAO,KAAK,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,KAAK,IAAI;YACd,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;gBACzB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO;KAChB;CACF,CAAC,CAAC;AAEL,MAAM,gBAAgB,GAAG,CAAC,KAAuB,EAAE,EAAE,CACnD,UAAU,CAAC,KAAK,CAAC;IACf,2CAA2C,EAAE;QAC3C,UAAU,EACR,OAAO,KAAK,KAAK,QAAQ;YACvB,CAAC,CAAC,GAAG,KAAK,IAAI;YACd,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;gBACzB,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,OAAO;KAChB;CACF,CAAC,CAAC;AAEL,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAAE,EAAE,CAC/C,UAAU,CAAC,KAAK,CAAC;IACf,2CAA2C,EAAE;QAC3C,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO;KACzD;CACF,CAAC,CAAC;AAEL,MAAM,UAAU,GAAG;IACjB,YAAY,CAAC,EAAE,CAAC;IAChB,cAAc;IACd,mBAAmB;IACnB,OAAO,EAAE;IACT,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,aAAa,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAuB,cAAc,CACpE;IACE,GAAG,SAAS;IACZ,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC;IACpC,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC;IACtC,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;CACjD,EACD,UAAU,CACX,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { createTheme, tags as t } from '@coze-editor/editor/preset-code';
|
|
2
|
+
import { EditorView } from '@codemirror/view';
|
|
3
|
+
const colors = {
|
|
4
|
+
background: '#151B27',
|
|
5
|
+
// syntax
|
|
6
|
+
comment: '#FFFFFF63',
|
|
7
|
+
key: '#39E5D7',
|
|
8
|
+
string: '#FF94D2',
|
|
9
|
+
number: '#FF9933',
|
|
10
|
+
boolean: '#78B0FF',
|
|
11
|
+
null: '#78B0FF',
|
|
12
|
+
separator: '#FFFFFFC9',
|
|
13
|
+
};
|
|
14
|
+
export const cozeDark = [
|
|
15
|
+
EditorView.theme({
|
|
16
|
+
'.cm-completionIcon-property': {
|
|
17
|
+
backgroundImage: 'url("' +
|
|
18
|
+
'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iI0ZGRkZGRkM5Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjRkZGRkZGQzkiLz48L3N2Zz4=' +
|
|
19
|
+
'")',
|
|
20
|
+
backgroundSize: '11px 11px',
|
|
21
|
+
backgroundRepeat: 'no-repeat',
|
|
22
|
+
width: '11px',
|
|
23
|
+
height: '11px',
|
|
24
|
+
},
|
|
25
|
+
'.cm-completionIcon-property::after': {
|
|
26
|
+
content: '""',
|
|
27
|
+
},
|
|
28
|
+
}),
|
|
29
|
+
createTheme({
|
|
30
|
+
variant: 'dark',
|
|
31
|
+
settings: {
|
|
32
|
+
background: colors.background,
|
|
33
|
+
foreground: '#fff',
|
|
34
|
+
caret: '#AEAFAD',
|
|
35
|
+
selection: '#d9d9d942',
|
|
36
|
+
gutterBackground: colors.background,
|
|
37
|
+
gutterForeground: '#FFFFFF63',
|
|
38
|
+
gutterBorderColor: 'transparent',
|
|
39
|
+
gutterBorderWidth: 0,
|
|
40
|
+
lineHighlight: '#272e3d36',
|
|
41
|
+
bracketColors: ['#FFEF61', '#DD99FF', '#78B0FF'],
|
|
42
|
+
tooltip: {
|
|
43
|
+
backgroundColor: '#363D4D',
|
|
44
|
+
color: '#fff',
|
|
45
|
+
border: 'none',
|
|
46
|
+
},
|
|
47
|
+
completionItemHover: {
|
|
48
|
+
backgroundColor: '#FFFFFF0F',
|
|
49
|
+
},
|
|
50
|
+
completionItemSelected: {
|
|
51
|
+
backgroundColor: '#FFFFFF17',
|
|
52
|
+
},
|
|
53
|
+
completionItemIcon: {
|
|
54
|
+
color: '#FFFFFFC9',
|
|
55
|
+
},
|
|
56
|
+
completionItemLabel: {
|
|
57
|
+
color: '#FFFFFFC9',
|
|
58
|
+
},
|
|
59
|
+
completionItemDetail: {
|
|
60
|
+
color: '#FFFFFF63',
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
styles: [
|
|
64
|
+
// json
|
|
65
|
+
{
|
|
66
|
+
tag: t.comment,
|
|
67
|
+
color: colors.comment,
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
tag: [t.propertyName],
|
|
71
|
+
color: colors.key,
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
tag: [t.string],
|
|
75
|
+
color: colors.string,
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
tag: [t.number],
|
|
79
|
+
color: colors.number,
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
tag: [t.bool],
|
|
83
|
+
color: colors.boolean,
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
tag: [t.null],
|
|
87
|
+
color: colors.null,
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
tag: [t.separator],
|
|
91
|
+
color: colors.separator,
|
|
92
|
+
},
|
|
93
|
+
// shell
|
|
94
|
+
// curl
|
|
95
|
+
{
|
|
96
|
+
tag: [t.standard(t.variableName)],
|
|
97
|
+
color: '#3BEB84',
|
|
98
|
+
},
|
|
99
|
+
// -X
|
|
100
|
+
{
|
|
101
|
+
tag: [t.attributeName],
|
|
102
|
+
color: '#FF9933',
|
|
103
|
+
},
|
|
104
|
+
// cp-disable-next-line
|
|
105
|
+
// url in string (includes quotes), e.g. "https://..."
|
|
106
|
+
{
|
|
107
|
+
tag: [t.special(t.string)],
|
|
108
|
+
color: '#78B0FF',
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
}),
|
|
112
|
+
];
|
|
113
|
+
//# sourceMappingURL=coze-dark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coze-dark.js","sourceRoot":"","sources":["../../../../src/codemirror-editor/themes/coze-dark.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { createTheme, tags as t } from '@coze-editor/editor/preset-code';
|
|
2
|
+
import { EditorView } from '@codemirror/view';
|
|
3
|
+
const colors = {
|
|
4
|
+
background: '#fff',
|
|
5
|
+
// syntax
|
|
6
|
+
comment: '#000A298A',
|
|
7
|
+
key: '#00818C',
|
|
8
|
+
string: '#D1009D',
|
|
9
|
+
number: '#C74200',
|
|
10
|
+
boolean: '#2B57D9',
|
|
11
|
+
null: '#2B57D9',
|
|
12
|
+
separator: '#0F1529D1',
|
|
13
|
+
};
|
|
14
|
+
export const cozeLight = [
|
|
15
|
+
EditorView.theme({
|
|
16
|
+
'.cm-completionIcon-property': {
|
|
17
|
+
backgroundImage: 'url("' +
|
|
18
|
+
'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMi4zNTc2IDguMTAzNTVDMTIuMTYyMyA3LjkwODI5IDExLjg0NTcgNy45MDgyOSAxMS42NTA1IDguMTAzNTVMOC4xMDM1NSAxMS42NTA1QzcuOTA4MjkgMTEuODQ1NyA3LjkwODI5IDEyLjE2MjMgOC4xMDM1NSAxMi4zNTc2TDExLjY1MDUgMTUuOTA0NUMxMS44NDU3IDE2LjA5OTggMTIuMTYyMyAxNi4wOTk4IDEyLjM1NzYgMTUuOTA0NUwxNS45MDQ1IDEyLjM1NzZDMTYuMDk5OCAxMi4xNjIzIDE2LjA5OTggMTEuODQ1NyAxNS45MDQ1IDExLjY1MDVMMTIuMzU3NiA4LjEwMzU1WiIgZmlsbD0iIzA2MDcwOUNDIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wMDI2IDEuNDU1NDVDMTEuNjIxNCAxLjA5ODE4IDEyLjM4MzggMS4wOTgxOCAxMy4wMDI2IDEuNDU1NDVMMjAuNjM4IDUuODYzNzRDMjEuMjU2OCA2LjIyMSAyMS42MzggNi44ODEyNiAyMS42MzggNy41OTU3OVYxNi40MTI0QzIxLjYzOCAxNy4xMjY5IDIxLjI1NjggMTcuNzg3MiAyMC42MzggMTguMTQ0NEwxMy4wMDI2IDIyLjU1MjdDMTIuMzgzOCAyMi45MSAxMS42MjE0IDIyLjkxIDExLjAwMjYgMjIuNTUyN0wzLjM2NzE5IDE4LjE0NDRDMi43NDgzOSAxNy43ODcyIDIuMzY3MTkgMTcuMTI2OSAyLjM2NzE5IDE2LjQxMjRWNy41OTU3OUMyLjM2NzE5IDYuODgxMjYgMi43NDgzOSA2LjIyMTAxIDMuMzY3MTkgNS44NjM3NEwxMS4wMDI2IDEuNDU1NDVaTTEyLjAwMjYgMy4xODc1TDE5LjYzOCA3LjU5NTc5VjE2LjQxMjRMMTIuMDAyNiAyMC44MjA3TDQuMzY3MTkgMTYuNDEyNEw0LjM2NzE5IDcuNTk1NzlMMTIuMDAyNiAzLjE4NzVaIiBmaWxsPSIjMDYwNzA5Q0MiLz48L3N2Zz4=' +
|
|
19
|
+
'")',
|
|
20
|
+
backgroundSize: '11px 11px',
|
|
21
|
+
backgroundRepeat: 'no-repeat',
|
|
22
|
+
width: '11px',
|
|
23
|
+
height: '11px',
|
|
24
|
+
},
|
|
25
|
+
'.cm-completionIcon-property::after': {
|
|
26
|
+
content: '""',
|
|
27
|
+
},
|
|
28
|
+
}),
|
|
29
|
+
createTheme({
|
|
30
|
+
variant: 'light',
|
|
31
|
+
settings: {
|
|
32
|
+
background: colors.background,
|
|
33
|
+
foreground: '#4D4D4C',
|
|
34
|
+
caret: '#AEAFAD',
|
|
35
|
+
selection: '#52649A21',
|
|
36
|
+
gutterBackground: colors.background,
|
|
37
|
+
gutterForeground: '#000A298A',
|
|
38
|
+
gutterBorderColor: 'transparent',
|
|
39
|
+
gutterBorderWidth: 0,
|
|
40
|
+
lineHighlight: '#efefef78',
|
|
41
|
+
bracketColors: ['#E4D129', '#AC05FF', '#2B57D9'],
|
|
42
|
+
tooltip: {
|
|
43
|
+
backgroundColor: 'var(--coz-bg-max)',
|
|
44
|
+
color: 'var(--coz-fg-primary)',
|
|
45
|
+
border: 'solid 1px var(--coz-stroke-plus)',
|
|
46
|
+
boxShadow: 'var(--coz-shadow-default)',
|
|
47
|
+
borderRadius: '8px',
|
|
48
|
+
},
|
|
49
|
+
tooltipCompletion: {
|
|
50
|
+
backgroundColor: '#FFFFFF',
|
|
51
|
+
color: '#060709CC',
|
|
52
|
+
},
|
|
53
|
+
completionItemHover: {
|
|
54
|
+
backgroundColor: '#5768A114',
|
|
55
|
+
},
|
|
56
|
+
completionItemSelected: {
|
|
57
|
+
backgroundColor: '#52649A21',
|
|
58
|
+
},
|
|
59
|
+
completionItemIcon: {
|
|
60
|
+
color: '#060709CC',
|
|
61
|
+
},
|
|
62
|
+
completionItemLabel: {
|
|
63
|
+
color: '#060709CC',
|
|
64
|
+
},
|
|
65
|
+
completionItemDetail: {
|
|
66
|
+
color: '#2029459E',
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
styles: [
|
|
70
|
+
// JSON
|
|
71
|
+
{
|
|
72
|
+
tag: t.comment,
|
|
73
|
+
color: colors.comment,
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
tag: [t.propertyName],
|
|
77
|
+
color: colors.key,
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
tag: [t.string],
|
|
81
|
+
color: colors.string,
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
tag: [t.number],
|
|
85
|
+
color: colors.number,
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
tag: [t.bool],
|
|
89
|
+
color: colors.boolean,
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
tag: [t.null],
|
|
93
|
+
color: colors.null,
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
tag: [t.separator],
|
|
97
|
+
color: colors.separator,
|
|
98
|
+
},
|
|
99
|
+
// shell
|
|
100
|
+
// curl
|
|
101
|
+
{
|
|
102
|
+
tag: [t.standard(t.variableName)],
|
|
103
|
+
color: '#00804A',
|
|
104
|
+
},
|
|
105
|
+
// -X
|
|
106
|
+
{
|
|
107
|
+
tag: [t.attributeName],
|
|
108
|
+
color: '#C74200',
|
|
109
|
+
},
|
|
110
|
+
// cp-disable-next-line
|
|
111
|
+
// url in string (includes quotes), e.g. "https://..."
|
|
112
|
+
{
|
|
113
|
+
tag: [t.special(t.string)],
|
|
114
|
+
color: '#2B57D9',
|
|
115
|
+
},
|
|
116
|
+
],
|
|
117
|
+
}),
|
|
118
|
+
];
|
|
119
|
+
//# sourceMappingURL=coze-light.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coze-light.js","sourceRoot":"","sources":["../../../../src/codemirror-editor/themes/coze-light.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import cn from 'classnames';
|
|
4
|
+
import { IconCozArrowDown } from '@coze-arch/coze-design/icons';
|
|
5
|
+
import { Collapse } from '@coze-arch/coze-design';
|
|
6
|
+
import styles from './index.module.less';
|
|
7
|
+
export const CollapseCard = ({ className, title, children, subInfo, extra, defaultVisible, visible, onVisibleChange, disableCollapse, ...props }) => {
|
|
8
|
+
const [activeKey, setActiveKey] = useState(defaultVisible ? ['1'] : []);
|
|
9
|
+
// 处理受控模式
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (visible !== undefined) {
|
|
12
|
+
setActiveKey(visible ? ['1'] : []);
|
|
13
|
+
}
|
|
14
|
+
}, [visible]);
|
|
15
|
+
const customHeader = (_jsxs("div", { className: "flex items-center justify-between flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [title, _jsx(IconCozArrowDown, { className: cn(styles['chevron-icon'], {
|
|
16
|
+
[styles['chevron-icon-close']]: !activeKey.length,
|
|
17
|
+
}) }), subInfo] }), extra] }));
|
|
18
|
+
const handleChange = (keys) => {
|
|
19
|
+
if (visible === undefined) {
|
|
20
|
+
setActiveKey(keys);
|
|
21
|
+
}
|
|
22
|
+
onVisibleChange?.(keys.length > 0);
|
|
23
|
+
};
|
|
24
|
+
if (disableCollapse) {
|
|
25
|
+
return (_jsxs("div", { className: cn('flex flex-col gap-4', className), children: [title, children] }));
|
|
26
|
+
}
|
|
27
|
+
return (_jsx(Collapse, { ...props, activeKey: activeKey, onChange: v => handleChange(v), children: _jsx(Collapse.Panel, { className: cn(styles['coze-up-panel'], styles['coze-up-panel-hidden'], {
|
|
28
|
+
className,
|
|
29
|
+
}), header: customHeader, itemKey: "1", showArrow: false, extra: extra, children: children }) }));
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collapse-card/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAezC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,eAAe,EACf,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAExE,SAAS;IACT,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,CACnB,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,EACN,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;4BACpC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM;yBAClD,CAAC,GACF,EACD,OAAO,IACJ,EACL,KAAK,IACF,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,IAAc,EAAE,EAAE;QACtC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,eAAe,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACjD,KAAK,EACL,QAAQ,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAa,CAAC,YAE1C,KAAC,QAAQ,CAAC,KAAK,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE;gBACrE,SAAS;aACV,CAAC,EACF,MAAM,EAAE,YAAY,EACpB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACM,GACR,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { IconCozArrowRight } from '@coze-arch/coze-design/icons';
|
|
5
|
+
export const CollapseItem = ({ children, open: defaultOpen, title, className, }) => {
|
|
6
|
+
const [open, setOpen] = useState(defaultOpen);
|
|
7
|
+
return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "h-5 flex flex-row items-center cursor-pointer text-sm coz-fg-primary font-semibold", onClick: () => setOpen(pre => !pre), children: [title, _jsx(IconCozArrowRight, { className: classNames('h-4 w-4 ml-2 coz-fg-plus transition-transform', open ? 'rotate-90' : '') })] }), _jsx("div", { className: open ? '' : 'hidden', children: children })] }));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collapse-item/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,IAAI,EAAE,WAAW,EACjB,KAAK,EACL,SAAS,GAMV,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,eACE,SAAS,EAAC,oFAAoF,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,aAElC,KAAK,EACN,KAAC,iBAAiB,IAChB,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CACxB,GACD,IACE,EACN,cAAK,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,YAAG,QAAQ,GAAO,IAClD,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import cn from 'classnames';
|
|
3
|
+
import { IconCozArrowUpFill } from '@coze-arch/coze-design/icons';
|
|
4
|
+
import { Card, Typography } from '@coze-arch/coze-design';
|
|
5
|
+
import styles from './index.module.less';
|
|
6
|
+
export function CollapsibleCard({ title, children, actionBtns, className, style, isExpand, setIsExpand, hideExpand, }) {
|
|
7
|
+
return (_jsxs(Card, { className: cn(styles.card, className), style: style, bordered: false, children: [title || actionBtns ? (_jsxs("div", { className: styles['card-header'], children: [_jsxs(Typography.Text, { className: styles['card-title'], children: [title, children && !hideExpand ? (_jsx(IconCozArrowUpFill, { className: cn(styles['chevron-icon'], {
|
|
8
|
+
[styles['chevron-icon-close']]: !isExpand,
|
|
9
|
+
}), onClick: () => setIsExpand?.(!isExpand) })) : null] }), _jsx("div", { children: actionBtns })] })) : null, _jsx("div", { className: cn(styles['card-content'], {
|
|
10
|
+
[styles.active]: isExpand,
|
|
11
|
+
}), children: children })] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collapsible-card/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GACJ;IACN,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,aACvE,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,aACnC,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,aAC7C,KAAK,EACL,QAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oCACpC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,QAAQ;iCAC1C,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,GACvC,CACH,CAAC,CAAC,CAAC,IAAI,IACQ,EAClB,wBAAM,UAAU,GAAO,IACnB,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACpC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;iBAC1B,CAAC,YAED,QAAQ,GACL,IACD,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { isEmpty } from 'lodash-es';
|
|
2
|
+
import { safeJsonParse } from '@cozeloop/toolkit';
|
|
3
|
+
export const DATASET_COLUMN_STORAGE_KEY = 'dataset-column';
|
|
4
|
+
export const getColumnManageStorage = (storageKey) => {
|
|
5
|
+
const storage = localStorage.getItem(storageKey);
|
|
6
|
+
return safeJsonParse(storage || '{}') || {};
|
|
7
|
+
};
|
|
8
|
+
export const setColumnsManageStorage = (storageKey, columns) => {
|
|
9
|
+
if (!storageKey) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
const data = {};
|
|
13
|
+
columns.forEach((column, index) => {
|
|
14
|
+
data[column.key] = {
|
|
15
|
+
index,
|
|
16
|
+
checked: column.checked ?? true,
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
localStorage.setItem(storageKey, JSON.stringify(data));
|
|
20
|
+
};
|
|
21
|
+
export const dealColumnsWithStorage = (storageKey, columns) => {
|
|
22
|
+
const sort = getColumnManageStorage(storageKey);
|
|
23
|
+
if (!sort || isEmpty(sort)) {
|
|
24
|
+
return columns;
|
|
25
|
+
}
|
|
26
|
+
const newColumns = [...(columns || [])].sort((a, b) => {
|
|
27
|
+
const indexA = sort[a.key]?.index ?? Infinity;
|
|
28
|
+
const indexB = sort[b.key]?.index ?? Infinity;
|
|
29
|
+
// 如果两个元素都在 arrayB 中,按照 arrayB 的顺序排序
|
|
30
|
+
if (indexA !== Infinity && indexB !== Infinity) {
|
|
31
|
+
return indexA - indexB;
|
|
32
|
+
}
|
|
33
|
+
// 如果只有一个元素在 arrayB 中,将其排在前面
|
|
34
|
+
if (indexA !== Infinity) {
|
|
35
|
+
return -1;
|
|
36
|
+
}
|
|
37
|
+
if (indexB !== Infinity) {
|
|
38
|
+
return 1;
|
|
39
|
+
}
|
|
40
|
+
// 如果两个元素都不在 arrayB 中,保持原有顺序
|
|
41
|
+
return 0;
|
|
42
|
+
});
|
|
43
|
+
return newColumns.map(column => ({
|
|
44
|
+
...column,
|
|
45
|
+
checked: sort[column.key]?.checked ?? true,
|
|
46
|
+
}));
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/column-manage-storage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,CAAC,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,UAAkB,EAAE,EAAE;IAC3D,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,aAAa,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,UAAkB,EAClB,OAAqB,EACrB,EAAE;IACF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IACD,MAAM,IAAI,GAAe,EAAE,CAAC;IAC5B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG;YACjB,KAAK;YACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,IAAI;SAChC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,UAAkB,EAClB,OAAqB,EACP,EAAE;IAChB,MAAM,IAAI,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAChD,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC9C,oCAAoC;QACpC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/C,OAAO,MAAM,GAAG,MAAM,CAAC;QACzB,CAAC;QACD,4BAA4B;QAC5B,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC,CAAC;QACZ,CAAC;QACD,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;YACxB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,4BAA4B;QAC5B,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC/B,GAAG,MAAM;QACT,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,OAAO,IAAI,IAAI;KAC3C,CAAC,CAAC,CAAC;AACN,CAAC,CAAC"}
|