@cozeloop/components 0.0.6 → 0.0.7-beta-1766595012100
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 +11 -27
- package/dist/es/{index.js → index.mjs} +494 -448
- package/dist/lib/code-editor-with-loading/index.d.ts +10 -0
- package/dist/lib/codemirror-editor/code-editor.d.ts +23 -2
- package/dist/lib/codemirror-editor/index.d.ts +2 -0
- package/dist/lib/codemirror-editor/json-editor.d.ts +1 -1
- package/dist/lib/codemirror-editor/raw-code-editor.d.ts +20 -0
- package/dist/lib/codemirror-editor/text-editor.d.ts +23 -2
- package/dist/lib/collapse-card/index.d.ts +2 -1
- package/dist/lib/copyable/index.d.ts +5 -0
- package/dist/lib/hooks/use-unsave-leave-warning.d.ts +4 -1
- package/dist/lib/index.d.ts +5 -5
- package/dist/lib/logic-editor/logic-editor.d.ts +2 -4
- package/dist/lib/logic-editor/logic-types.d.ts +6 -2
- package/dist/lib/loop-icons/index.d.ts +1 -0
- package/dist/lib/multi-part-editor/type.d.ts +1 -1
- package/dist/lib/provider/index.d.ts +10 -9
- package/dist/lib/table/sort-icon.d.ts +3 -3
- package/package.json +23 -25
- package/dist/lib/base-search-select/base-search-form-select.js +0 -6
- package/dist/lib/base-search-select/base-search-form-select.js.map +0 -1
- package/dist/lib/base-search-select/base-search-select.js +0 -127
- package/dist/lib/base-search-select/base-search-select.js.map +0 -1
- package/dist/lib/base-search-select/index.js +0 -3
- package/dist/lib/base-search-select/index.js.map +0 -1
- package/dist/lib/base-search-select/types.js +0 -2
- package/dist/lib/base-search-select/types.js.map +0 -1
- package/dist/lib/base-search-select/utils.js +0 -48
- package/dist/lib/base-search-select/utils.js.map +0 -1
- package/dist/lib/basic-card/index.js +0 -4
- package/dist/lib/basic-card/index.js.map +0 -1
- package/dist/lib/card-pane/index.js +0 -9
- package/dist/lib/card-pane/index.js.map +0 -1
- package/dist/lib/chip-select/index.js +0 -6
- package/dist/lib/chip-select/index.js.map +0 -1
- package/dist/lib/code-editor/index.js +0 -9
- package/dist/lib/code-editor/index.js.map +0 -1
- package/dist/lib/code-usage/index.d.ts +0 -14
- package/dist/lib/code-usage/index.js +0 -31
- package/dist/lib/code-usage/index.js.map +0 -1
- package/dist/lib/codemirror-editor/code-editor.js +0 -108
- package/dist/lib/codemirror-editor/code-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/index.js +0 -5
- package/dist/lib/codemirror-editor/index.js.map +0 -1
- package/dist/lib/codemirror-editor/json-editor.js +0 -97
- package/dist/lib/codemirror-editor/json-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/raw-text-editor.js +0 -32
- package/dist/lib/codemirror-editor/raw-text-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/text-editor.js +0 -44
- package/dist/lib/codemirror-editor/text-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/themes/coze-dark.js +0 -113
- package/dist/lib/codemirror-editor/themes/coze-dark.js.map +0 -1
- package/dist/lib/codemirror-editor/themes/coze-light.js +0 -119
- package/dist/lib/codemirror-editor/themes/coze-light.js.map +0 -1
- package/dist/lib/collapse-card/index.js +0 -31
- package/dist/lib/collapse-card/index.js.map +0 -1
- package/dist/lib/collapsible-card/index.js +0 -13
- package/dist/lib/collapsible-card/index.js.map +0 -1
- package/dist/lib/column-manage-storage/index.js +0 -48
- package/dist/lib/column-manage-storage/index.js.map +0 -1
- package/dist/lib/columns-select/index.js +0 -77
- package/dist/lib/columns-select/index.js.map +0 -1
- package/dist/lib/edit-icon-button/index.js +0 -13
- package/dist/lib/edit-icon-button/index.js.map +0 -1
- package/dist/lib/footer-actions/index.js +0 -9
- package/dist/lib/footer-actions/index.js.map +0 -1
- package/dist/lib/hooks/use-infinite-scroll.js +0 -133
- package/dist/lib/hooks/use-infinite-scroll.js.map +0 -1
- package/dist/lib/hooks/use-mouse-down-offset.js +0 -39
- package/dist/lib/hooks/use-mouse-down-offset.js.map +0 -1
- package/dist/lib/hooks/use-unsave-leave-warning.js +0 -33
- package/dist/lib/hooks/use-unsave-leave-warning.js.map +0 -1
- package/dist/lib/id-render/icon-button-container.js +0 -8
- package/dist/lib/id-render/icon-button-container.js.map +0 -1
- package/dist/lib/id-render/index.js +0 -21
- package/dist/lib/id-render/index.js.map +0 -1
- package/dist/lib/index-controller/record-navigation.js +0 -9
- package/dist/lib/index-controller/record-navigation.js.map +0 -1
- package/dist/lib/index-controller/use-item-index-controller.js +0 -123
- package/dist/lib/index-controller/use-item-index-controller.js.map +0 -1
- package/dist/lib/index.js +0 -76
- package/dist/lib/index.js.map +0 -1
- package/dist/lib/infinite-scroll-table/index.js +0 -34
- package/dist/lib/infinite-scroll-table/index.js.map +0 -1
- package/dist/lib/info-tooltip/index.js +0 -9
- package/dist/lib/info-tooltip/index.js.map +0 -1
- package/dist/lib/input-components/radio-button.js +0 -21
- package/dist/lib/input-components/radio-button.js.map +0 -1
- package/dist/lib/input-slider/index.js +0 -81
- package/dist/lib/input-slider/index.js.map +0 -1
- package/dist/lib/input-with-count/index.js +0 -7
- package/dist/lib/input-with-count/index.js.map +0 -1
- package/dist/lib/jump-button/jump-icon-button.js +0 -7
- package/dist/lib/jump-button/jump-icon-button.js.map +0 -1
- package/dist/lib/large-txt-render/index.js +0 -26
- package/dist/lib/large-txt-render/index.js.map +0 -1
- package/dist/lib/layout/content.js +0 -5
- package/dist/lib/layout/content.js.map +0 -1
- package/dist/lib/layout/header.js +0 -6
- package/dist/lib/layout/header.js.map +0 -1
- package/dist/lib/layout/index.js +0 -9
- package/dist/lib/layout/index.js.map +0 -1
- package/dist/lib/layout/tabs.js +0 -10
- package/dist/lib/layout/tabs.js.map +0 -1
- package/dist/lib/lazy-load-component/index.js +0 -42
- package/dist/lib/lazy-load-component/index.js.map +0 -1
- package/dist/lib/logic-editor/index.js +0 -3
- package/dist/lib/logic-editor/index.js.map +0 -1
- package/dist/lib/logic-editor/logic-editor.js +0 -69
- package/dist/lib/logic-editor/logic-editor.js.map +0 -1
- package/dist/lib/logic-editor/logic-left-render.js +0 -60
- package/dist/lib/logic-editor/logic-left-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-operator-render.js +0 -29
- package/dist/lib/logic-editor/logic-operator-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-right-render.js +0 -25
- package/dist/lib/logic-editor/logic-right-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-types.js +0 -136
- package/dist/lib/logic-editor/logic-types.js.map +0 -1
- package/dist/lib/logic-editor/utils.js +0 -18
- package/dist/lib/logic-editor/utils.js.map +0 -1
- package/dist/lib/logic-expr/consts.js +0 -5
- package/dist/lib/logic-expr/consts.js.map +0 -1
- package/dist/lib/logic-expr/expr-group-render.js +0 -61
- package/dist/lib/logic-expr/expr-group-render.js.map +0 -1
- package/dist/lib/logic-expr/expr-render.js +0 -85
- package/dist/lib/logic-expr/expr-render.js.map +0 -1
- package/dist/lib/logic-expr/index.js +0 -2
- package/dist/lib/logic-expr/index.js.map +0 -1
- package/dist/lib/logic-expr/logic-expr.js +0 -187
- package/dist/lib/logic-expr/logic-expr.js.map +0 -1
- package/dist/lib/logic-expr/logic-not.js +0 -21
- package/dist/lib/logic-expr/logic-not.js.map +0 -1
- package/dist/lib/logic-expr/logic-toggle.js +0 -33
- package/dist/lib/logic-expr/logic-toggle.js.map +0 -1
- package/dist/lib/logic-expr/types.js +0 -2
- package/dist/lib/logic-expr/types.js.map +0 -1
- package/dist/lib/loop-radio-group/index.js +0 -7
- package/dist/lib/loop-radio-group/index.js.map +0 -1
- package/dist/lib/multi-part-editor/components/image-item-renderer.js +0 -57
- package/dist/lib/multi-part-editor/components/image-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js +0 -25
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/components/url-input-modal.js +0 -150
- package/dist/lib/multi-part-editor/components/url-input-modal.js.map +0 -1
- package/dist/lib/multi-part-editor/components/video-item-renderer.js +0 -57
- package/dist/lib/multi-part-editor/components/video-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/index.js +0 -300
- package/dist/lib/multi-part-editor/index.js.map +0 -1
- package/dist/lib/multi-part-editor/multi-part-render.js +0 -40
- package/dist/lib/multi-part-editor/multi-part-render.js.map +0 -1
- package/dist/lib/multi-part-editor/type.js +0 -25
- package/dist/lib/multi-part-editor/type.js.map +0 -1
- package/dist/lib/multi-part-editor/upload-button.js +0 -103
- package/dist/lib/multi-part-editor/upload-button.js.map +0 -1
- package/dist/lib/multi-part-editor/utils.js +0 -43
- package/dist/lib/multi-part-editor/utils.js.map +0 -1
- package/dist/lib/open-detail-button/index.js +0 -11
- package/dist/lib/open-detail-button/index.js.map +0 -1
- package/dist/lib/page-content/index.js +0 -23
- package/dist/lib/page-content/index.js.map +0 -1
- package/dist/lib/primary-page/index.js +0 -2
- package/dist/lib/primary-page/index.js.map +0 -1
- package/dist/lib/primary-page/primary-header.js +0 -4
- package/dist/lib/primary-page/primary-header.js.map +0 -1
- package/dist/lib/primary-title/index.js +0 -8
- package/dist/lib/primary-title/index.js.map +0 -1
- package/dist/lib/provider/index.js +0 -43
- package/dist/lib/provider/index.js.map +0 -1
- package/dist/lib/resizable-side-sheet/index.js +0 -32
- package/dist/lib/resizable-side-sheet/index.js.map +0 -1
- package/dist/lib/resize-sidesheet/index.js +0 -15
- package/dist/lib/resize-sidesheet/index.js.map +0 -1
- package/dist/lib/resize-sidesheet/use-drag.js +0 -30
- package/dist/lib/resize-sidesheet/use-drag.js.map +0 -1
- package/dist/lib/schema-editor/index.js +0 -5
- package/dist/lib/schema-editor/index.js.map +0 -1
- package/dist/lib/search-form/index.d.ts +0 -15
- package/dist/lib/search-form/index.js +0 -77
- package/dist/lib/search-form/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js +0 -19
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js +0 -39
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js +0 -32
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js +0 -13
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js +0 -14
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js +0 -16
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/field.js +0 -21
- package/dist/lib/semi-schema-form/components/tmpls/field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js +0 -29
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/index.js +0 -31
- package/dist/lib/semi-schema-form/components/tmpls/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js +0 -81
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/submit.js +0 -13
- package/dist/lib/semi-schema-form/components/tmpls/submit.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js +0 -12
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js +0 -26
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js +0 -27
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/index.js +0 -15
- package/dist/lib/semi-schema-form/components/widgets/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/radio.js +0 -27
- package/dist/lib/semi-schema-form/components/widgets/radio.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/range.js +0 -26
- package/dist/lib/semi-schema-form/components/widgets/range.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/select.js +0 -44
- package/dist/lib/semi-schema-form/components/widgets/select.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/textarea.js +0 -18
- package/dist/lib/semi-schema-form/components/widgets/textarea.js.map +0 -1
- package/dist/lib/semi-schema-form/index.js +0 -9
- package/dist/lib/semi-schema-form/index.js.map +0 -1
- package/dist/lib/sentinel-form/enum.js +0 -15
- package/dist/lib/sentinel-form/enum.js.map +0 -1
- package/dist/lib/sentinel-form/index.js +0 -289
- package/dist/lib/sentinel-form/index.js.map +0 -1
- package/dist/lib/step-nav/index.js +0 -13
- package/dist/lib/step-nav/index.js.map +0 -1
- package/dist/lib/table/index.js +0 -6
- package/dist/lib/table/index.js.map +0 -1
- package/dist/lib/table/sort-icon.js +0 -30
- package/dist/lib/table/sort-icon.js.map +0 -1
- package/dist/lib/table/table-with-pagination.js +0 -74
- package/dist/lib/table/table-with-pagination.js.map +0 -1
- package/dist/lib/table/table-without-pagniation.js +0 -37
- package/dist/lib/table/table-without-pagniation.js.map +0 -1
- package/dist/lib/table-batch-operate/table-batch-operation.js +0 -14
- package/dist/lib/table-batch-operate/table-batch-operation.js.map +0 -1
- package/dist/lib/table-batch-operate/use-batch-operate.js +0 -71
- package/dist/lib/table-batch-operate/use-batch-operate.js.map +0 -1
- package/dist/lib/table-col-actions/index.js +0 -35
- package/dist/lib/table-col-actions/index.js.map +0 -1
- package/dist/lib/table-cols-config/index.js +0 -57
- package/dist/lib/table-cols-config/index.js.map +0 -1
- package/dist/lib/table-cols-config/type.js +0 -2
- package/dist/lib/table-cols-config/type.js.map +0 -1
- package/dist/lib/table-cols-config/use-hidden-col-keys.js +0 -32
- package/dist/lib/table-cols-config/use-hidden-col-keys.js.map +0 -1
- package/dist/lib/table-cols-config/util.js +0 -39
- package/dist/lib/table-cols-config/util.js.map +0 -1
- package/dist/lib/table-empty/index.js +0 -10
- package/dist/lib/table-empty/index.js.map +0 -1
- package/dist/lib/table-header/index.js +0 -11
- package/dist/lib/table-header/index.js.map +0 -1
- package/dist/lib/tabs/index.js +0 -9
- package/dist/lib/tabs/index.js.map +0 -1
- package/dist/lib/text-area-pro/index.js +0 -10
- package/dist/lib/text-area-pro/index.js.map +0 -1
- package/dist/lib/text-with-copy/index.js +0 -24
- package/dist/lib/text-with-copy/index.js.map +0 -1
- package/dist/lib/title-with-sub/index.js +0 -6
- package/dist/lib/title-with-sub/index.js.map +0 -1
- package/dist/lib/tooltip-when-disabled/index.js +0 -9
- package/dist/lib/tooltip-when-disabled/index.js.map +0 -1
- package/dist/lib/tooltip-with-disabled/index.js +0 -9
- package/dist/lib/tooltip-with-disabled/index.js.map +0 -1
- package/dist/lib/tsconfig.build.tsbuildinfo +0 -1
- package/dist/lib/upload/index.js +0 -25
- package/dist/lib/upload/index.js.map +0 -1
- package/dist/lib/user-profile/index.js +0 -21
- package/dist/lib/user-profile/index.js.map +0 -1
- package/dist/lib/utils/basic.js +0 -29
- package/dist/lib/utils/basic.js.map +0 -1
- package/dist/lib/version-list/version-descriptions.js +0 -14
- package/dist/lib/version-list/version-descriptions.js.map +0 -1
- package/dist/lib/version-list/version-item.js +0 -6
- package/dist/lib/version-list/version-item.js.map +0 -1
- package/dist/lib/version-list/version-list.js +0 -11
- package/dist/lib/version-list/version-list.js.map +0 -1
- package/dist/lib/version-list/version-switch-panel.js +0 -10
- package/dist/lib/version-list/version-switch-panel.js.map +0 -1
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare enum SupportedLang {
|
|
3
|
-
Golang = "go",
|
|
4
|
-
Js = "javascript",
|
|
5
|
-
Python = "python"
|
|
6
|
-
}
|
|
7
|
-
interface UsageItemProps {
|
|
8
|
-
title?: React.ReactNode;
|
|
9
|
-
content?: string;
|
|
10
|
-
lang?: SupportedLang;
|
|
11
|
-
contentHeight?: number;
|
|
12
|
-
}
|
|
13
|
-
export declare const UsageItem: ({ title, content, lang, contentHeight, }: UsageItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconCozCopy } from '@coze-arch/coze-design/icons';
|
|
3
|
-
import { handleCopy } from '../utils/basic';
|
|
4
|
-
import { CodeEditor } from '../code-editor';
|
|
5
|
-
import styles from './code-item.module.less';
|
|
6
|
-
export var SupportedLang;
|
|
7
|
-
(function (SupportedLang) {
|
|
8
|
-
SupportedLang["Golang"] = "go";
|
|
9
|
-
SupportedLang["Js"] = "javascript";
|
|
10
|
-
SupportedLang["Python"] = "python";
|
|
11
|
-
})(SupportedLang || (SupportedLang = {}));
|
|
12
|
-
const UsageContent = ({ content, copyable, lang = SupportedLang.Js, height = 300, }) => (_jsxs("div", { className: "bg-[var(--semi-color-fill-0)] p-[16px] rounded-[8px] text-[14px] flex", children: [_jsx("div", { className: "flex-1 whitespace-pre-wrap break-all", children: _jsx(CodeEditor, { width: '100%', height: height, language: lang, value: content, theme: 'code-block-grey', options: {
|
|
13
|
-
minimap: { enabled: false },
|
|
14
|
-
wordWrap: 'on',
|
|
15
|
-
scrollBeyondLastLine: false,
|
|
16
|
-
unicodeHighlight: { ambiguousCharacters: false },
|
|
17
|
-
lineNumbers: 'on',
|
|
18
|
-
formatOnPaste: true,
|
|
19
|
-
readOnly: true,
|
|
20
|
-
}, beforeMount: monaco => {
|
|
21
|
-
monaco.editor.defineTheme('code-block-grey', {
|
|
22
|
-
base: 'vs',
|
|
23
|
-
inherit: true,
|
|
24
|
-
rules: [],
|
|
25
|
-
colors: {
|
|
26
|
-
'editor.background': '#F4F4F4', // Set the background color of the editor
|
|
27
|
-
},
|
|
28
|
-
});
|
|
29
|
-
} }) }), _jsx("div", { className: "ml-[8px]", children: copyable ? (_jsx(IconCozCopy, { className: "ml-[4px] text-[var(--coz-fg-dim)] cursor-pointer hover:coz-fg-primary", onClick: () => handleCopy(content || '') })) : null })] }));
|
|
30
|
-
export const UsageItem = ({ title, content, lang, contentHeight, }) => (_jsxs("div", { className: styles['usage-detail'], children: [_jsx("div", { className: "text-[#16px] font-[500] mb-4", children: title }), content ? (_jsx(UsageContent, { content: content, copyable: true, lang: lang, height: contentHeight })) : null] }));
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-usage/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,kCAAiB,CAAA;IACjB,kCAAiB,CAAA;AACnB,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB;AASD,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,aAAa,CAAC,EAAE,EACvB,MAAM,GAAG,GAAG,GACM,EAAE,EAAE,CAAC,CACvB,eAAK,SAAS,EAAC,uEAAuE,aACpF,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,iBAAiB,EACxB,OAAO,EAAE;oBACP,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;oBAC3B,QAAQ,EAAE,IAAI;oBACd,oBAAoB,EAAE,KAAK;oBAC3B,gBAAgB,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;oBAChD,WAAW,EAAE,IAAI;oBACjB,aAAa,EAAE,IAAI;oBACnB,QAAQ,EAAE,IAAI;iBACf,EACD,WAAW,EAAE,MAAM,CAAC,EAAE;oBACpB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,iBAAiB,EAAE;wBAC3C,IAAI,EAAE,IAAI;wBACV,OAAO,EAAE,IAAI;wBACb,KAAK,EAAE,EAAE;wBACT,MAAM,EAAE;4BACN,mBAAmB,EAAE,SAAS,EAAE,yCAAyC;yBAC1E;qBACF,CAAC,CAAC;gBACL,CAAC,GACD,GACE,EACN,cAAK,SAAS,EAAC,UAAU,YACtB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,WAAW,IACV,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,GACxC,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,CACP,CAAC;AASF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,GACE,EAAE,EAAE,CAAC,CACpB,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,aACpC,cAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAO,EAC1D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,aAAa,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC"}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { createRenderer, option } from '@coze-editor/editor/react';
|
|
2
|
-
import preset, { languages, themes } from '@coze-editor/editor/preset-code';
|
|
3
|
-
import { shell } from '@coze-editor/editor/language-shell';
|
|
4
|
-
import { json } from '@coze-editor/editor/language-json';
|
|
5
|
-
import { mixLanguages } from '@coze-editor/editor';
|
|
6
|
-
import { EditorView } from '@codemirror/view';
|
|
7
|
-
import { cozeLight } from './themes/coze-light';
|
|
8
|
-
import { cozeDark } from './themes/coze-dark';
|
|
9
|
-
// 注册语言
|
|
10
|
-
languages.register('json', {
|
|
11
|
-
// mixLanguages 用于解决 「插值也使用了括号,导致无法正确高亮」的问题
|
|
12
|
-
language: mixLanguages({
|
|
13
|
-
outerLanguage: json.language,
|
|
14
|
-
}),
|
|
15
|
-
languageService: json.languageService,
|
|
16
|
-
});
|
|
17
|
-
languages.register('shell', shell);
|
|
18
|
-
// 注册主题
|
|
19
|
-
themes.register('coze-light', cozeLight);
|
|
20
|
-
themes.register('coze-dark', cozeDark);
|
|
21
|
-
const minHeightOption = (value) => EditorView.theme({
|
|
22
|
-
'.cm-content, .cm-gutter, .cm-right-gutter': {
|
|
23
|
-
minHeight: typeof value === 'number'
|
|
24
|
-
? `${value}px`
|
|
25
|
-
: typeof value === 'string'
|
|
26
|
-
? value
|
|
27
|
-
: 'unset',
|
|
28
|
-
},
|
|
29
|
-
'&.cm-editor': {
|
|
30
|
-
minHeight: typeof value === 'number'
|
|
31
|
-
? `${value}px`
|
|
32
|
-
: typeof value === 'string'
|
|
33
|
-
? value
|
|
34
|
-
: 'unset',
|
|
35
|
-
},
|
|
36
|
-
});
|
|
37
|
-
const maxHeightOption = (value) => EditorView.theme({
|
|
38
|
-
'&.cm-editor': {
|
|
39
|
-
maxHeight: typeof value === 'number'
|
|
40
|
-
? `${value}px`
|
|
41
|
-
: typeof value === 'string'
|
|
42
|
-
? value
|
|
43
|
-
: 'unset',
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
const heightOption = (value) => EditorView.theme({
|
|
47
|
-
'&.cm-editor': {
|
|
48
|
-
height: typeof value === 'number'
|
|
49
|
-
? `${value}px`
|
|
50
|
-
: typeof value === 'string'
|
|
51
|
-
? value
|
|
52
|
-
: 'unset',
|
|
53
|
-
},
|
|
54
|
-
});
|
|
55
|
-
const paddingOption = (value) => EditorView.theme({
|
|
56
|
-
'&.cm-editor': {
|
|
57
|
-
padding: typeof value === 'number'
|
|
58
|
-
? `${value}px`
|
|
59
|
-
: typeof value === 'string'
|
|
60
|
-
? value
|
|
61
|
-
: 'unset',
|
|
62
|
-
},
|
|
63
|
-
});
|
|
64
|
-
const borderRadiusOption = (value) => EditorView.theme({
|
|
65
|
-
'&.cm-editor, .cm-gutters': {
|
|
66
|
-
borderRadius: typeof value === 'number'
|
|
67
|
-
? `${value}px`
|
|
68
|
-
: typeof value === 'string'
|
|
69
|
-
? value
|
|
70
|
-
: 'unset',
|
|
71
|
-
},
|
|
72
|
-
});
|
|
73
|
-
const lineHeightOption = (value) => EditorView.theme({
|
|
74
|
-
'.cm-content, .cm-gutter, .cm-right-gutter': {
|
|
75
|
-
lineHeight: typeof value === 'number'
|
|
76
|
-
? `${value}px`
|
|
77
|
-
: typeof value === 'string'
|
|
78
|
-
? value
|
|
79
|
-
: 'unset',
|
|
80
|
-
},
|
|
81
|
-
});
|
|
82
|
-
function createStyleOptions() {
|
|
83
|
-
return [
|
|
84
|
-
option('minHeight', minHeightOption),
|
|
85
|
-
option('maxHeight', maxHeightOption),
|
|
86
|
-
option('editerHeight', heightOption),
|
|
87
|
-
option('borderRadius', borderRadiusOption),
|
|
88
|
-
option('padding', paddingOption),
|
|
89
|
-
option('lineHeight', lineHeightOption),
|
|
90
|
-
];
|
|
91
|
-
}
|
|
92
|
-
const builtinExtensions = [
|
|
93
|
-
EditorView.theme({
|
|
94
|
-
'&.cm-focused': {
|
|
95
|
-
outline: 'none',
|
|
96
|
-
},
|
|
97
|
-
'& *': {
|
|
98
|
-
fontFamily: 'Menlo, Monaco, "Courier New", monospace',
|
|
99
|
-
},
|
|
100
|
-
}),
|
|
101
|
-
EditorView.theme({
|
|
102
|
-
'&.cm-content': {
|
|
103
|
-
wordBreak: 'break-all',
|
|
104
|
-
},
|
|
105
|
-
}),
|
|
106
|
-
];
|
|
107
|
-
export const CodeMirrorCodeEditor = createRenderer([...preset, ...createStyleOptions()], builtinExtensions);
|
|
108
|
-
//# sourceMappingURL=code-editor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/code-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/codemirror-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -1,97 +0,0 @@
|
|
|
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 { EditorProvider } from '@coze-editor/editor/react';
|
|
5
|
-
import { transformerCreator, } from '@coze-editor/editor/preset-code';
|
|
6
|
-
import { json } from '@coze-editor/editor/language-json';
|
|
7
|
-
import { EditorView } from '@codemirror/view';
|
|
8
|
-
import { CodeMirrorCodeEditor } from './code-editor';
|
|
9
|
-
const extensions = [
|
|
10
|
-
EditorView.theme({
|
|
11
|
-
'.cm-activeLineGutter': {
|
|
12
|
-
backgroundColor: 'transparent !important',
|
|
13
|
-
},
|
|
14
|
-
'.cm-activeLine': {
|
|
15
|
-
backgroundColor: 'transparent !important',
|
|
16
|
-
},
|
|
17
|
-
}),
|
|
18
|
-
];
|
|
19
|
-
function findAllMatches(inputString, regex) {
|
|
20
|
-
const globalRegex = new RegExp(regex, regex.flags.includes('g') ? regex.flags : `${regex.flags}g`);
|
|
21
|
-
let match;
|
|
22
|
-
const matches = [];
|
|
23
|
-
while (true) {
|
|
24
|
-
match = globalRegex.exec(inputString);
|
|
25
|
-
if (!match) {
|
|
26
|
-
break;
|
|
27
|
-
}
|
|
28
|
-
if (match.index === globalRegex.lastIndex) {
|
|
29
|
-
globalRegex.lastIndex++;
|
|
30
|
-
}
|
|
31
|
-
matches.push({
|
|
32
|
-
match: match[0],
|
|
33
|
-
range: [match.index, match.index + match[0].length],
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
return matches;
|
|
37
|
-
}
|
|
38
|
-
const transformer = transformerCreator(text => {
|
|
39
|
-
const originalSource = text.toString();
|
|
40
|
-
const matches = findAllMatches(originalSource, /\{\{([^\}]*)\}\}/g);
|
|
41
|
-
if (matches.length > 0) {
|
|
42
|
-
matches.forEach(({ range }) => {
|
|
43
|
-
text.replaceRange(range[0], range[1], 'null');
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
return text;
|
|
47
|
-
});
|
|
48
|
-
export const CodeMirrorJsonEditor = React.forwardRef((props, ref) => {
|
|
49
|
-
const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editerHeight, padding, borderRadius, onFocus, onBlur, } = props;
|
|
50
|
-
const apiRef = useRef(null);
|
|
51
|
-
const handleChange = useCallback((e) => {
|
|
52
|
-
if (typeof onChange === 'function') {
|
|
53
|
-
onChange(e.value);
|
|
54
|
-
}
|
|
55
|
-
}, [onChange]);
|
|
56
|
-
useEffect(() => {
|
|
57
|
-
apiRef.current?.updateASTDecorations();
|
|
58
|
-
}, [isDarkTheme]);
|
|
59
|
-
// 值受控;
|
|
60
|
-
useEffect(() => {
|
|
61
|
-
const editor = apiRef.current;
|
|
62
|
-
if (!editor) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
if (typeof value === 'string' && value !== editor.getValue()) {
|
|
66
|
-
editor.setValue(value);
|
|
67
|
-
}
|
|
68
|
-
}, [value]);
|
|
69
|
-
const formatJson = async () => {
|
|
70
|
-
const view = apiRef.current?.$view;
|
|
71
|
-
if (!view) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
view.dispatch(await json.languageService.format(view.state, {
|
|
75
|
-
tabSize: 2,
|
|
76
|
-
}));
|
|
77
|
-
};
|
|
78
|
-
useImperativeHandle(ref, () => ({
|
|
79
|
-
formatJson,
|
|
80
|
-
}));
|
|
81
|
-
return (_jsx(EditorProvider, { children: _jsx("div", { className: className, children: _jsx(CodeMirrorCodeEditor, { defaultValue: value ?? '', onChange: handleChange, options: {
|
|
82
|
-
placeholder,
|
|
83
|
-
lineWrapping: true,
|
|
84
|
-
theme: isDarkTheme ? 'coze-dark' : 'coze-light',
|
|
85
|
-
languageId: 'json',
|
|
86
|
-
editable: !readonly,
|
|
87
|
-
transformer,
|
|
88
|
-
minHeight,
|
|
89
|
-
maxHeight,
|
|
90
|
-
editerHeight,
|
|
91
|
-
borderRadius,
|
|
92
|
-
padding,
|
|
93
|
-
fontSize: 13,
|
|
94
|
-
lineHeight: 20,
|
|
95
|
-
}, didMount: api => (apiRef.current = api), extensions: extensions, onFocus: onFocus, onBlur: onBlur }) }) }));
|
|
96
|
-
});
|
|
97
|
-
//# sourceMappingURL=json-editor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/json-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
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 } = 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
|
-
}, didMount: api => (apiRef.current = api) }) }) }));
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=raw-text-editor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;AAYrD,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAG/C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GACpE,KAAK,CAAC;IAER,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;iBACf,EACD,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,GAAG,CAAC,GACvC,GACE,GACS,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
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 extensions = [
|
|
33
|
-
mixLanguages({}),
|
|
34
|
-
RawEditorTheme,
|
|
35
|
-
// ...其他 extensions
|
|
36
|
-
history(),
|
|
37
|
-
keymap.of([...defaultKeymap, ...historyKeymap]),
|
|
38
|
-
];
|
|
39
|
-
export const CodeMirrorTextEditor = createRenderer([
|
|
40
|
-
...universal,
|
|
41
|
-
option('minHeight', minHeightOption),
|
|
42
|
-
option('lineHeight', lineHeightOption),
|
|
43
|
-
], extensions);
|
|
44
|
-
//# sourceMappingURL=text-editor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,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;CACvC,EACD,UAAU,CACX,CAAC"}
|
|
@@ -1,113 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"coze-dark.js","sourceRoot":"","sources":["../../../../src/codemirror-editor/themes/coze-dark.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,119 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"coze-light.js","sourceRoot":"","sources":["../../../../src/codemirror-editor/themes/coze-light.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,IAAI,CAAC,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,GAAG;IACb,UAAU,EAAE,MAAM;IAClB,SAAS;IACT,OAAO,EAAE,WAAW;IACpB,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,UAAU,CAAC,KAAK,CAAC;QACf,6BAA6B,EAAE;YAC7B,eAAe,EACb,OAAO;gBACP,gxCAAgxC;gBAChxC,IAAI;YACN,cAAc,EAAE,WAAW;YAC3B,gBAAgB,EAAE,WAAW;YAC7B,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf;QACD,oCAAoC,EAAE;YACpC,OAAO,EAAE,IAAI;SACd;KACF,CAAC;IACF,WAAW,CAAC;QACV,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE;YACR,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,WAAW;YACtB,gBAAgB,EAAE,MAAM,CAAC,UAAU;YACnC,gBAAgB,EAAE,WAAW;YAC7B,iBAAiB,EAAE,aAAa;YAChC,iBAAiB,EAAE,CAAC;YACpB,aAAa,EAAE,WAAW;YAC1B,aAAa,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;YAChD,OAAO,EAAE;gBACP,eAAe,EAAE,mBAAmB;gBACpC,KAAK,EAAE,uBAAuB;gBAC9B,MAAM,EAAE,kCAAkC;gBAC1C,SAAS,EAAE,2BAA2B;gBACtC,YAAY,EAAE,KAAK;aACpB;YACD,iBAAiB,EAAE;gBACjB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,WAAW;aACnB;YACD,mBAAmB,EAAE;gBACnB,eAAe,EAAE,WAAW;aAC7B;YACD,sBAAsB,EAAE;gBACtB,eAAe,EAAE,WAAW;aAC7B;YACD,kBAAkB,EAAE;gBAClB,KAAK,EAAE,WAAW;aACnB;YACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,WAAW;aACnB;YACD,oBAAoB,EAAE;gBACpB,KAAK,EAAE,WAAW;aACnB;SACF;QACD,MAAM,EAAE;YACN,OAAO;YACP;gBACE,GAAG,EAAE,CAAC,CAAC,OAAO;gBACd,KAAK,EAAE,MAAM,CAAC,OAAO;aACtB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;gBACrB,KAAK,EAAE,MAAM,CAAC,GAAG;aAClB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;gBACf,KAAK,EAAE,MAAM,CAAC,MAAM;aACrB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;gBACf,KAAK,EAAE,MAAM,CAAC,MAAM;aACrB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;gBACb,KAAK,EAAE,MAAM,CAAC,OAAO;aACtB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;gBACb,KAAK,EAAE,MAAM,CAAC,IAAI;aACnB;YACD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;gBAClB,KAAK,EAAE,MAAM,CAAC,SAAS;aACxB;YAED,QAAQ;YACR,OAAO;YACP;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;gBACjC,KAAK,EAAE,SAAS;aACjB;YACD,KAAK;YACL;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;gBACtB,KAAK,EAAE,SAAS;aACjB;YACD,uBAAuB;YACvB,sDAAsD;YACtD;gBACE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC1B,KAAK,EAAE,SAAS;aACjB;SACF;KACF,CAAC;CACH,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
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
|