@cozeloop/components 0.0.7 → 0.0.8
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 +529 -391
- package/dist/es/loopIcons.js +2 -0
- package/dist/lib/base-search-select/base-search-select.js +2 -1
- package/dist/lib/base-search-select/base-search-select.js.map +1 -1
- package/dist/lib/code-editor-with-loading/index.d.ts +10 -0
- package/dist/lib/code-editor-with-loading/index.js +31 -0
- package/dist/lib/code-editor-with-loading/index.js.map +1 -0
- package/dist/lib/codemirror-editor/code-editor.js +9 -1
- package/dist/lib/codemirror-editor/code-editor.js.map +1 -1
- package/dist/lib/codemirror-editor/index.d.ts +2 -0
- package/dist/lib/codemirror-editor/index.js +2 -0
- package/dist/lib/codemirror-editor/index.js.map +1 -1
- package/dist/lib/codemirror-editor/json-editor.d.ts +1 -1
- package/dist/lib/codemirror-editor/json-editor.js +9 -3
- package/dist/lib/codemirror-editor/json-editor.js.map +1 -1
- package/dist/lib/codemirror-editor/raw-code-editor.d.ts +20 -0
- package/dist/lib/codemirror-editor/raw-code-editor.js +103 -0
- package/dist/lib/codemirror-editor/raw-code-editor.js.map +1 -0
- package/dist/lib/collapse-card/index.d.ts +2 -1
- package/dist/lib/collapse-card/index.js.map +1 -1
- package/dist/lib/columns-select/index.js +5 -4
- package/dist/lib/columns-select/index.js.map +1 -1
- package/dist/lib/copyable/index.d.ts +5 -0
- package/dist/lib/copyable/index.js +12 -0
- package/dist/lib/copyable/index.js.map +1 -0
- package/dist/lib/footer-actions/index.js +2 -3
- package/dist/lib/footer-actions/index.js.map +1 -1
- package/dist/lib/hooks/use-unsave-leave-warning.d.ts +4 -1
- package/dist/lib/hooks/use-unsave-leave-warning.js +6 -4
- package/dist/lib/hooks/use-unsave-leave-warning.js.map +1 -1
- package/dist/lib/id-render/index.js +4 -3
- package/dist/lib/id-render/index.js.map +1 -1
- package/dist/lib/index-controller/record-navigation.js +2 -1
- package/dist/lib/index-controller/record-navigation.js.map +1 -1
- package/dist/lib/index.d.ts +5 -4
- package/dist/lib/index.js +5 -4
- package/dist/lib/index.js.map +1 -1
- package/dist/lib/infinite-scroll-table/index.js +2 -1
- package/dist/lib/infinite-scroll-table/index.js.map +1 -1
- package/dist/lib/logic-editor/logic-editor.d.ts +2 -4
- package/dist/lib/logic-editor/logic-editor.js +5 -4
- package/dist/lib/logic-editor/logic-editor.js.map +1 -1
- package/dist/lib/logic-editor/logic-left-render.js +5 -3
- package/dist/lib/logic-editor/logic-left-render.js.map +1 -1
- package/dist/lib/logic-editor/logic-operator-render.js +4 -2
- package/dist/lib/logic-editor/logic-operator-render.js.map +1 -1
- package/dist/lib/logic-editor/logic-right-render.js +2 -1
- package/dist/lib/logic-editor/logic-right-render.js.map +1 -1
- package/dist/lib/logic-editor/logic-types.d.ts +6 -2
- package/dist/lib/logic-editor/logic-types.js +59 -51
- package/dist/lib/logic-editor/logic-types.js.map +1 -1
- package/dist/lib/logic-expr/expr-group-render.js +2 -3
- package/dist/lib/logic-expr/expr-group-render.js.map +1 -1
- package/dist/lib/logic-expr/expr-render.js +2 -3
- package/dist/lib/logic-expr/expr-render.js.map +1 -1
- package/dist/lib/logic-expr/logic-not.js +2 -3
- package/dist/lib/logic-expr/logic-not.js.map +1 -1
- package/dist/lib/logic-expr/logic-toggle.js +1 -2
- package/dist/lib/logic-expr/logic-toggle.js.map +1 -1
- package/dist/lib/loop-icons/index.d.ts +1 -0
- package/dist/lib/loop-icons/index.js +3 -0
- package/dist/lib/loop-icons/index.js.map +1 -0
- package/dist/lib/multi-part-editor/components/image-item-renderer.js +2 -1
- package/dist/lib/multi-part-editor/components/image-item-renderer.js.map +1 -1
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js +2 -1
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map +1 -1
- package/dist/lib/multi-part-editor/components/url-input-modal.js +19 -18
- package/dist/lib/multi-part-editor/components/url-input-modal.js.map +1 -1
- package/dist/lib/multi-part-editor/components/video-item-renderer.js +2 -1
- package/dist/lib/multi-part-editor/components/video-item-renderer.js.map +1 -1
- package/dist/lib/multi-part-editor/index.js +10 -9
- package/dist/lib/multi-part-editor/index.js.map +1 -1
- package/dist/lib/multi-part-editor/type.d.ts +1 -1
- package/dist/lib/multi-part-editor/type.js +19 -17
- package/dist/lib/multi-part-editor/type.js.map +1 -1
- package/dist/lib/multi-part-editor/upload-button.js +8 -7
- package/dist/lib/multi-part-editor/upload-button.js.map +1 -1
- package/dist/lib/open-detail-button/index.js +2 -1
- package/dist/lib/open-detail-button/index.js.map +1 -1
- package/dist/lib/page-content/index.js +4 -3
- package/dist/lib/page-content/index.js.map +1 -1
- package/dist/lib/provider/index.d.ts +10 -9
- package/dist/lib/provider/index.js +27 -28
- package/dist/lib/provider/index.js.map +1 -1
- package/dist/lib/sentinel-form/index.js +26 -14
- package/dist/lib/sentinel-form/index.js.map +1 -1
- package/dist/lib/table/index.js +2 -1
- package/dist/lib/table/index.js.map +1 -1
- package/dist/lib/table/sort-icon.d.ts +3 -3
- package/dist/lib/table/sort-icon.js +6 -5
- package/dist/lib/table/sort-icon.js.map +1 -1
- package/dist/lib/table/table-with-pagination.js +2 -2
- package/dist/lib/table/table-with-pagination.js.map +1 -1
- package/dist/lib/table/table-without-pagniation.js +3 -3
- package/dist/lib/table/table-without-pagniation.js.map +1 -1
- package/dist/lib/table-batch-operate/table-batch-operation.js +6 -3
- package/dist/lib/table-batch-operate/table-batch-operation.js.map +1 -1
- package/dist/lib/table-col-actions/index.d.ts +2 -0
- package/dist/lib/table-col-actions/index.js +17 -13
- package/dist/lib/table-col-actions/index.js.map +1 -1
- package/dist/lib/table-cols-config/index.js +8 -5
- package/dist/lib/table-cols-config/index.js.map +1 -1
- package/dist/lib/table-empty/index.js +2 -3
- package/dist/lib/table-empty/index.js.map +1 -1
- package/dist/lib/table-header/index.js +3 -2
- package/dist/lib/table-header/index.js.map +1 -1
- package/dist/lib/text-with-copy/index.js +2 -1
- package/dist/lib/text-with-copy/index.js.map +1 -1
- package/dist/lib/tsconfig.build.tsbuildinfo +1 -1
- package/dist/lib/utils/basic.js +3 -2
- package/dist/lib/utils/basic.js.map +1 -1
- package/dist/lib/version-list/version-descriptions.js +4 -3
- package/dist/lib/version-list/version-descriptions.js.map +1 -1
- package/dist/lib/version-list/version-list.js +2 -1
- package/dist/lib/version-list/version-list.js.map +1 -1
- package/dist/lib/version-list/version-switch-panel.js +2 -1
- package/dist/lib/version-list/version-switch-panel.js.map +1 -1
- package/package.json +24 -5
- 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
|
@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
|
4
4
|
import { isNull, isUndefined } from 'lodash-es';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { useRequest } from 'ahooks';
|
|
7
|
+
import { I18n } from '@cozeloop/i18n';
|
|
7
8
|
import { IconCozRefresh } from '@coze-arch/coze-design/icons';
|
|
8
9
|
import { Select, Tooltip, Button, } from '@coze-arch/coze-design';
|
|
9
10
|
import { getOptionsNotInList, transformValueToArray } from './utils';
|
|
@@ -113,7 +114,7 @@ const BaseSearchSelect = (props) => {
|
|
|
113
114
|
}
|
|
114
115
|
return renderOpt?.label || renderOpt?.value;
|
|
115
116
|
}, [renderSelectedItem]);
|
|
116
|
-
return (_jsx(Select, { suffix: showRefreshBtn && dropdownVisible ? (_jsx(Tooltip, { theme: "dark", content:
|
|
117
|
+
return (_jsx(Select, { suffix: showRefreshBtn && dropdownVisible ? (_jsx(Tooltip, { theme: "dark", content: I18n.t('refresh'), children: _jsxs("div", { className: "flex flex-row items-center", children: [_jsx(Button, { className: "!h-6 !w-6", icon: _jsx(IconCozRefresh, {}), size: "small", color: "secondary", onClick: () => onClickRefresh?.() }), _jsx("div", { className: "h-3 w-0 border-0 border-l border-solid coz-stroke-primary ml-[2px]" })] }) })) : null, ...props, onDropdownVisibleChange: visible => {
|
|
117
118
|
setDropdownVisible(visible);
|
|
118
119
|
onDropdownVisibleChange?.(visible);
|
|
119
120
|
}, dropdownClassName: classNames(styles['select-dropdown-style'], props.dropdownClassName), optionList: isOptionListNotExists ? undefined : cacheOptions, renderSelectedItem: RenderSelectedItem, onSearch: (vs, e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-search-select.js","sourceRoot":"","sources":["../../../src/base-search-select/base-search-select.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"base-search-select.js","sourceRoot":"","sources":["../../../src/base-search-select/base-search-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type editor } from '../code-editor';
|
|
2
|
+
export declare const codeOptionsConfig: editor.IStandaloneEditorConstructionOptions;
|
|
3
|
+
interface CodeEditorWithLoadingProps {
|
|
4
|
+
value: string;
|
|
5
|
+
onChange?: (value: string) => void;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const CodeEditorWithLoading: ({ value, onChange, disabled, className, }: CodeEditorWithLoadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import cls from 'classnames';
|
|
4
|
+
import { Loading } from '@coze-arch/coze-design';
|
|
5
|
+
import { CodeEditor } from '../code-editor';
|
|
6
|
+
import styles from './index.module.less';
|
|
7
|
+
export const codeOptionsConfig = {
|
|
8
|
+
lineNumbersMinChars: 3,
|
|
9
|
+
automaticLayout: true,
|
|
10
|
+
scrollBeyondLastLine: false,
|
|
11
|
+
renderLineHighlight: 'none',
|
|
12
|
+
tabSize: 2, // 设置 tab 大小为2
|
|
13
|
+
insertSpaces: true,
|
|
14
|
+
minimap: {
|
|
15
|
+
enabled: false,
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export const CodeEditorWithLoading = ({ value, onChange, disabled, className, }) => {
|
|
19
|
+
const [loading, setLoading] = useState(true);
|
|
20
|
+
const LoadingNode = loading && (_jsx("div", { className: "absolute bg-[white] z-20 top-0 bottom-0 left-0 right-0 flex items-center justify-center", children: _jsx(Loading, { loading: true }) }));
|
|
21
|
+
const onEditorMount = () => {
|
|
22
|
+
setLoading(false);
|
|
23
|
+
};
|
|
24
|
+
return (_jsxs("div", { className: cls(styles['code-container'], className), children: [LoadingNode, _jsx(CodeEditor, { language: 'json', value: value, options: {
|
|
25
|
+
readOnly: disabled,
|
|
26
|
+
...codeOptionsConfig,
|
|
27
|
+
}, onMount: onEditorMount, theme: "vs-dark", onChange: newValue => {
|
|
28
|
+
onChange?.(newValue || '');
|
|
29
|
+
} })] }));
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-editor-with-loading/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAgD;IAC5E,mBAAmB,EAAE,CAAC;IACtB,eAAe,EAAE,IAAI;IACrB,oBAAoB,EAAE,KAAK;IAC3B,mBAAmB,EAAE,MAAM;IAC3B,OAAO,EAAE,CAAC,EAAE,cAAc;IAC1B,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACkB,EAAE,EAAE;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,OAAO,IAAI,CAC7B,cAAK,SAAS,EAAC,0FAA0F,YACvG,KAAC,OAAO,IAAC,OAAO,EAAE,IAAI,GAAI,GACtB,CACP,CAAC;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAC,aACrD,WAAW,EACZ,KAAC,UAAU,IACT,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,QAAQ,EAAE,QAAQ;oBAClB,GAAG,iBAAiB;iBACrB,EACD,OAAO,EAAE,aAAa,EACtB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,QAAQ,CAAC,EAAE;oBACnB,QAAQ,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;gBAC7B,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { createRenderer, option } from '@coze-editor/editor/react';
|
|
2
2
|
import preset, { languages, themes } from '@coze-editor/editor/preset-code';
|
|
3
|
+
import { typescript } from '@coze-editor/editor/language-typescript';
|
|
3
4
|
import { shell } from '@coze-editor/editor/language-shell';
|
|
5
|
+
import { python } from '@coze-editor/editor/language-python';
|
|
4
6
|
import { json } from '@coze-editor/editor/language-json';
|
|
5
7
|
import { mixLanguages } from '@coze-editor/editor';
|
|
6
8
|
import { EditorView } from '@codemirror/view';
|
|
9
|
+
import { goLanguage } from '@codemirror/lang-go';
|
|
7
10
|
import { cozeLight } from './themes/coze-light';
|
|
8
11
|
import { cozeDark } from './themes/coze-dark';
|
|
9
12
|
// 注册语言
|
|
@@ -15,6 +18,11 @@ languages.register('json', {
|
|
|
15
18
|
languageService: json.languageService,
|
|
16
19
|
});
|
|
17
20
|
languages.register('shell', shell);
|
|
21
|
+
languages.register('python', python);
|
|
22
|
+
languages.register('typescript', typescript);
|
|
23
|
+
languages.register('go', {
|
|
24
|
+
language: goLanguage,
|
|
25
|
+
});
|
|
18
26
|
// 注册主题
|
|
19
27
|
themes.register('coze-light', cozeLight);
|
|
20
28
|
themes.register('coze-dark', cozeDark);
|
|
@@ -83,7 +91,7 @@ function createStyleOptions() {
|
|
|
83
91
|
return [
|
|
84
92
|
option('minHeight', minHeightOption),
|
|
85
93
|
option('maxHeight', maxHeightOption),
|
|
86
|
-
option('
|
|
94
|
+
option('editorHeight', heightOption),
|
|
87
95
|
option('borderRadius', borderRadiusOption),
|
|
88
96
|
option('padding', paddingOption),
|
|
89
97
|
option('lineHeight', lineHeightOption),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/code-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/code-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
export { EditorProvider } from '@coze-editor/editor/react';
|
|
1
2
|
export { CodeMirrorCodeEditor } from './code-editor';
|
|
2
3
|
export { CodeMirrorTextEditor } from './text-editor';
|
|
3
4
|
export { CodeMirrorJsonEditor } from './json-editor';
|
|
4
5
|
export { CodeMirrorRawTextEditor } from './raw-text-editor';
|
|
6
|
+
export { CodeMirrorRawCodeEditor } from './raw-code-editor';
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
export { EditorProvider } from '@coze-editor/editor/react';
|
|
1
2
|
export { CodeMirrorCodeEditor } from './code-editor';
|
|
2
3
|
export { CodeMirrorTextEditor } from './text-editor';
|
|
3
4
|
export { CodeMirrorJsonEditor } from './json-editor';
|
|
4
5
|
export { CodeMirrorRawTextEditor } from './raw-text-editor';
|
|
6
|
+
export { CodeMirrorRawCodeEditor } from './raw-code-editor';
|
|
5
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/codemirror-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,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;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -9,7 +9,7 @@ interface BaseJsonEditorProps {
|
|
|
9
9
|
readonly?: boolean;
|
|
10
10
|
minHeight?: string | number;
|
|
11
11
|
maxHeight?: string | number;
|
|
12
|
-
|
|
12
|
+
editorHeight?: string | number;
|
|
13
13
|
padding?: string | number;
|
|
14
14
|
borderRadius?: string | number;
|
|
15
15
|
onFocus?: () => void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable security/detect-non-literal-regexp */
|
|
3
3
|
import React, { useCallback, useEffect, useRef, useImperativeHandle, } from 'react';
|
|
4
|
+
import { useDebounceFn } from 'ahooks';
|
|
4
5
|
import { EditorProvider } from '@coze-editor/editor/react';
|
|
5
6
|
import { transformerCreator, } from '@coze-editor/editor/preset-code';
|
|
6
7
|
import { json } from '@coze-editor/editor/language-json';
|
|
@@ -46,15 +47,20 @@ const transformer = transformerCreator(text => {
|
|
|
46
47
|
return text;
|
|
47
48
|
});
|
|
48
49
|
export const CodeMirrorJsonEditor = React.forwardRef((props, ref) => {
|
|
49
|
-
const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight,
|
|
50
|
+
const { value, onChange, placeholder, className, isDarkTheme, readonly, minHeight = '100px', maxHeight, editorHeight, padding, borderRadius, onFocus, onBlur, } = props;
|
|
50
51
|
const apiRef = useRef(null);
|
|
51
52
|
const handleChange = useCallback((e) => {
|
|
52
53
|
if (typeof onChange === 'function') {
|
|
53
54
|
onChange(e.value);
|
|
54
55
|
}
|
|
55
56
|
}, [onChange]);
|
|
56
|
-
|
|
57
|
+
const updateAst = useDebounceFn(() => {
|
|
57
58
|
apiRef.current?.updateASTDecorations();
|
|
59
|
+
}, {
|
|
60
|
+
wait: 200,
|
|
61
|
+
});
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
updateAst.run();
|
|
58
64
|
}, [isDarkTheme]);
|
|
59
65
|
// 值受控;
|
|
60
66
|
useEffect(() => {
|
|
@@ -87,7 +93,7 @@ export const CodeMirrorJsonEditor = React.forwardRef((props, ref) => {
|
|
|
87
93
|
transformer,
|
|
88
94
|
minHeight,
|
|
89
95
|
maxHeight,
|
|
90
|
-
|
|
96
|
+
editorHeight,
|
|
91
97
|
borderRadius,
|
|
92
98
|
padding,
|
|
93
99
|
fontSize: 13,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/json-editor.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"json-editor.js","sourceRoot":"","sources":["../../../src/codemirror-editor/json-editor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface BaseCodeEditorProps {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange?: (value: string) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
dataTestID?: string;
|
|
7
|
+
placeholder?: string | HTMLElement;
|
|
8
|
+
isDarkTheme?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
minHeight?: string | number;
|
|
11
|
+
maxHeight?: string | number;
|
|
12
|
+
editorHeight?: string | number;
|
|
13
|
+
padding?: string | number;
|
|
14
|
+
borderRadius?: string | number;
|
|
15
|
+
language?: string;
|
|
16
|
+
onFocus?: () => void;
|
|
17
|
+
onBlur?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const CodeMirrorRawCodeEditor: React.ForwardRefExoticComponent<BaseCodeEditorProps & React.RefAttributes<unknown>>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,103 @@
|
|
|
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', } = 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
|
+
}, didMount: api => (apiRef.current = api), extensions: extensions, onFocus: onFocus, onBlur: onBlur }) }) }));
|
|
102
|
+
});
|
|
103
|
+
//# 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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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
|
+
interface CollapseCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
2
3
|
className?: string;
|
|
3
4
|
title: React.ReactNode;
|
|
4
5
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collapse-card/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,
|
|
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"}
|
|
@@ -3,14 +3,15 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
/* eslint-disable @coze-arch/no-batch-import-or-export */
|
|
4
4
|
import * as sort from 'react-sortable-hoc';
|
|
5
5
|
import { Fragment, useEffect, useMemo, useState } from 'react';
|
|
6
|
+
import { I18n } from '@cozeloop/i18n';
|
|
6
7
|
import { IconCozHandle, IconCozTableSetting, } from '@coze-arch/coze-design/icons';
|
|
7
8
|
import { Button, Checkbox, Dropdown, Typography, Divider, Tooltip, } from '@coze-arch/coze-design';
|
|
8
9
|
// @ts-expect-error react-sortable-hoc ts type issue
|
|
9
10
|
const { sortableContainer, sortableElement, sortableHandle } = sort;
|
|
10
11
|
const { arrayMove } = sort;
|
|
11
12
|
const SortableContainer = sortableContainer(({ children }) => (_jsx("div", { className: "max-w-[200px] w-fit rounded-[6px] py-2 px-1 max-h-[372px] overflow-y-auto flex gap-y-1 flex-col", children: children })));
|
|
12
|
-
const DragHandle = sortableHandle(() => (_jsx(IconCozHandle, { className: "cursor-grab", "aria-label":
|
|
13
|
-
export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText
|
|
13
|
+
const DragHandle = sortableHandle(() => (_jsx(IconCozHandle, { className: "cursor-grab", "aria-label": I18n.t('drag_to_sort'), role: "button" })));
|
|
14
|
+
export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText, className, sortable = true, itemRender, footerRender, }) => {
|
|
14
15
|
const [list, setList] = useState(() => [...columns]);
|
|
15
16
|
const selectedKeys = useMemo(() => list.filter(item => item.checked).map(item => item.key), [list]);
|
|
16
17
|
const disabledKeys = useMemo(() => list.filter(item => item.disabled).map(item => item.key), [list]);
|
|
@@ -44,7 +45,7 @@ export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, bu
|
|
|
44
45
|
});
|
|
45
46
|
setList(newColumns);
|
|
46
47
|
onChange?.(newColumns);
|
|
47
|
-
}, children: [_jsx(Checkbox, { disabled: disabledKeys.includes(value.key ?? '') || value.disabled, checked: selectedKeys.includes(value.key ?? ''), "aria-label":
|
|
48
|
+
}, children: [_jsx(Checkbox, { disabled: disabledKeys.includes(value.key ?? '') || value.disabled, checked: selectedKeys.includes(value.key ?? ''), "aria-label": `${I18n.t('select')}${value.value}` }), _jsx(Typography.Text, { ellipsis: {
|
|
48
49
|
showTooltip: {
|
|
49
50
|
opts: {
|
|
50
51
|
content: value.value,
|
|
@@ -72,6 +73,6 @@ export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, bu
|
|
|
72
73
|
}, [columns]);
|
|
73
74
|
return (_jsx("div", { className: className, children: _jsx(Dropdown, { position: "bottomRight", render: _jsxs("div", { onClick: event => {
|
|
74
75
|
event.stopPropagation();
|
|
75
|
-
}, children: [_jsx(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: _jsx(_Fragment, { children: list.map((value, index) => value?.disabled || !sortable ? (_jsx(Fragment, { children: RenderItem(value) }, `item-${value.key}`)) : (_jsx(SortableItem, { index: index, value: value }, `item-${value.key}`))) }) }), _jsx(Divider, {}), footerRender ? (_jsxs("div", { className: "flex items-center", children: [footerRender(list), _jsx(Button, { color: "secondary", type: "secondary", className: "text-center flex-1", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) })] })) : (_jsx(Button, { color: "secondary", type: "secondary", className: "w-full text-center", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) }))] }), trigger: "click", children: _jsx("div", { children: _jsx(Tooltip, { content:
|
|
76
|
+
}, children: [_jsx(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: _jsx(_Fragment, { children: list.map((value, index) => value?.disabled || !sortable ? (_jsx(Fragment, { children: RenderItem(value) }, `item-${value.key}`)) : (_jsx(SortableItem, { index: index, value: value }, `item-${value.key}`))) }) }), _jsx(Divider, {}), footerRender ? (_jsxs("div", { className: "flex items-center", children: [footerRender(list), _jsx(Button, { color: "secondary", type: "secondary", className: "text-center flex-1", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText || I18n.t('reset_to_default') }) })] })) : (_jsx(Button, { color: "secondary", type: "secondary", className: "w-full text-center", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText || I18n.t('reset_to_default') }) }))] }), trigger: "click", children: _jsx("div", { children: _jsx(Tooltip, { content: I18n.t('column_management'), theme: "dark", position: "top", children: _jsx(Button, { icon: _jsx(IconCozTableSetting, {}), type: "primary", color: "primary", className: "flex items-center justify-center", "aria-label": buttonText }) }) }) }) }));
|
|
76
77
|
};
|
|
77
78
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/columns-select/index.tsx"],"names":[],"mappings":";AAAA,qDAAqD;AACrD,yDAAyD;AACzD,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EACL,aAAa,EACb,mBAAmB,GACpB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,GAER,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/columns-select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import cls from 'classnames';
|
|
3
|
+
import { I18n } from '@cozeloop/i18n';
|
|
4
|
+
import { IconCozCopy } from '@coze-arch/coze-design/icons';
|
|
5
|
+
import { Toast } from '@coze-arch/coze-design';
|
|
6
|
+
export function Copyable({ className, text }) {
|
|
7
|
+
return (_jsxs("div", { className: cls(className, 'inline-flex items-center gap-1'), children: [text, _jsx(IconCozCopy, { className: "cursor-pointer", onClick: async () => {
|
|
8
|
+
await navigator.clipboard.writeText(text);
|
|
9
|
+
Toast.success(I18n.t('copy_success'));
|
|
10
|
+
} })] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/copyable/index.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAO/C,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAiB;IACzD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,gCAAgC,CAAC,aAC7D,IAAI,EACL,KAAC,WAAW,IACV,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;oBAClB,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;oBAC1C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;gBACxC,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
/* eslint-disable @typescript-eslint/naming-convention */
|
|
3
|
+
import { I18n } from '@cozeloop/i18n';
|
|
3
4
|
import { Button } from '@coze-arch/coze-design';
|
|
4
|
-
import { useI18n } from '../provider';
|
|
5
5
|
export function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps } = {}, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps } = {}, }) {
|
|
6
|
-
|
|
7
|
-
return (_jsxs("div", { className: "flex justify-end", children: [_jsx(Button, { color: "primary", ...cancelBtnProps, children: cancelBtnText ?? I18n.t('global_btn_cancel') }), _jsx(Button, { className: "ml-2", ...confirmBtnProps, children: confirmBtnText ?? I18n.t('global_btn_confirm') })] }));
|
|
6
|
+
return (_jsxs("div", { className: "flex justify-end", children: [_jsx(Button, { color: "primary", ...cancelBtnProps, children: cancelBtnText ?? I18n.t('cancel') }), _jsx(Button, { className: "ml-2", ...confirmBtnProps, children: confirmBtnText ?? I18n.t('global_btn_confirm') })] }));
|
|
8
7
|
}
|
|
9
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/footer-actions/index.tsx"],"names":[],"mappings":";AAAA,yDAAyD;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/footer-actions/index.tsx"],"names":[],"mappings":";AAAA,yDAAyD;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAclE,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,GACzD;IACN,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,KAAK,cAAc,YACvC,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAC3B,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,MAAM,KAAK,eAAe,YACzC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,GACxC,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,7 +6,10 @@ interface UnsaveLeaveWarningProps {
|
|
|
6
6
|
}
|
|
7
7
|
/**
|
|
8
8
|
* 离开页面时的警告
|
|
9
|
-
*
|
|
9
|
+
* 触发时机:关闭浏览器、关闭浏览器标签页、刷新页面
|
|
10
|
+
*
|
|
11
|
+
* 注意:此钩子只处理浏览器层面的离开警告(beforeunload事件)
|
|
12
|
+
* React Router 导航离开处理需要用户自己在组件中使用 useBlocker 或其他方式实现
|
|
10
13
|
*/
|
|
11
14
|
export declare const useUnsaveLeaveWarning: ({ block, message, }: UnsaveLeaveWarningProps) => void;
|
|
12
15
|
export {};
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { I18n } from '@cozeloop/i18n';
|
|
3
3
|
/**
|
|
4
4
|
* 离开页面时的警告
|
|
5
|
-
*
|
|
5
|
+
* 触发时机:关闭浏览器、关闭浏览器标签页、刷新页面
|
|
6
|
+
*
|
|
7
|
+
* 注意:此钩子只处理浏览器层面的离开警告(beforeunload事件)
|
|
8
|
+
* React Router 导航离开处理需要用户自己在组件中使用 useBlocker 或其他方式实现
|
|
6
9
|
*/
|
|
7
10
|
export const useUnsaveLeaveWarning = ({ block, message, }) => {
|
|
8
|
-
const
|
|
9
|
-
const warnMessage = message || i18n.t('unsave_leave_confirm_warning') || 'Close confirm';
|
|
11
|
+
const warnMessage = message || I18n.t('unsave_leave_confirm_warning') || 'Close confirm';
|
|
10
12
|
useEffect(() => {
|
|
11
13
|
const handleBeforeUnload = (event) => {
|
|
12
14
|
if (block) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-unsave-leave-warning.js","sourceRoot":"","sources":["../../../src/hooks/use-unsave-leave-warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"use-unsave-leave-warning.js","sourceRoot":"","sources":["../../../src/hooks/use-unsave-leave-warning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAStC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,KAAK,EACL,OAAO,GACiB,EAAE,EAAE;IAC5B,MAAM,WAAW,GACf,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,8BAA8B,CAAC,IAAI,eAAe,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAwB,EAAE,EAAE;YACtD,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,CAAC,sBAAsB;YACzD,CAAC;QACH,CAAC,CAAC;QAEF,kBAAkB;QAClB,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;AAC3B,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { I18n } from '@cozeloop/i18n';
|
|
2
3
|
import classNames from 'classnames';
|
|
3
4
|
import { IconCozCopy } from '@coze-arch/coze-design/icons';
|
|
4
5
|
import { Toast, Tooltip } from '@coze-arch/coze-design';
|
|
@@ -6,15 +7,15 @@ import { IconButtonContainer } from './icon-button-container';
|
|
|
6
7
|
export function IDRender({ id, showSuffixLength = 5, enableCopy = true, useTag = false, defaultShowCopyBtn, }) {
|
|
7
8
|
const idString = id?.toString() ?? '';
|
|
8
9
|
const suffix = idString.slice(Math.max(idString.length - showSuffixLength, 0), idString.length);
|
|
9
|
-
return (_jsxs("div", { className: "group flex items-center gap-1", onClick: e => e.stopPropagation(), children: [_jsx(Tooltip, { content: idString, theme: "dark", children: useTag ? (_jsxs("div", { className: "shrink-0 h-5 flex items-center px-2 rounded-[3px] border border-solid border-[var(--coz-stroke-plus)] font-medium text-[var(--coz-fg-primary)]", children: ["#", suffix || '-'] })) : (_jsxs("span", { className: "shrink-0", children: ["#", suffix || '-'] })) }), enableCopy ? (_jsx(Tooltip, { content:
|
|
10
|
+
return (_jsxs("div", { className: "group flex items-center gap-1", onClick: e => e.stopPropagation(), children: [_jsx(Tooltip, { content: idString, theme: "dark", children: useTag ? (_jsxs("div", { className: "shrink-0 h-5 flex items-center px-2 rounded-[3px] border border-solid border-[var(--coz-stroke-plus)] font-medium text-[var(--coz-fg-primary)]", children: ["#", suffix || '-'] })) : (_jsxs("span", { className: "shrink-0", children: ["#", suffix || '-'] })) }), enableCopy ? (_jsx(Tooltip, { content: I18n.t('copy_id'), theme: "dark", children: _jsx("div", { children: _jsx(IconButtonContainer, { className: classNames('id-render-copy-action-button shrink-0 text-sm', defaultShowCopyBtn ? '' : ' hidden group-hover:flex'), icon: _jsx(IconCozCopy, {}), onClick: async (e) => {
|
|
10
11
|
e.stopPropagation();
|
|
11
12
|
try {
|
|
12
13
|
await navigator.clipboard.writeText(idString);
|
|
13
|
-
Toast.success('
|
|
14
|
+
Toast.success(I18n.t('copy_success'));
|
|
14
15
|
}
|
|
15
16
|
catch (error) {
|
|
16
17
|
console.error(error);
|
|
17
|
-
Toast.error('
|
|
18
|
+
Toast.error(I18n.t('copy_failed'));
|
|
18
19
|
}
|
|
19
20
|
} }) }) })) : null] }));
|
|
20
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/id-render/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,UAAU,QAAQ,CAAC,EACvB,EAAE,EACF,gBAAgB,GAAG,CAAC,EACpB,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,KAAK,EACd,kBAAkB,GAOnB;IACC,MAAM,QAAQ,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAC3B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,gBAAgB,EAAE,CAAC,CAAC,EAC/C,QAAQ,CAAC,MAAM,CAChB,CAAC;IACF,OAAO,CACL,eACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEjC,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,YACrC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,gJAAgJ,kBAC3J,MAAM,IAAI,GAAG,IACX,CACP,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,UAAU,kBAAG,MAAM,IAAI,GAAG,IAAQ,CACnD,GACO,EACT,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,OAAO,IAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/id-render/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,UAAU,QAAQ,CAAC,EACvB,EAAE,EACF,gBAAgB,GAAG,CAAC,EACpB,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,KAAK,EACd,kBAAkB,GAOnB;IACC,MAAM,QAAQ,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAC3B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,gBAAgB,EAAE,CAAC,CAAC,EAC/C,QAAQ,CAAC,MAAM,CAChB,CAAC;IACF,OAAO,CACL,eACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEjC,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,YACrC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,gJAAgJ,kBAC3J,MAAM,IAAI,GAAG,IACX,CACP,CAAC,CAAC,CAAC,CACF,gBAAM,SAAS,EAAC,UAAU,kBAAG,MAAM,IAAI,GAAG,IAAQ,CACnD,GACO,EACT,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAC,MAAM,YAC/C,wBACE,KAAC,mBAAmB,IAClB,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,0BAA0B,CACrD,EACD,IAAI,EAAE,KAAC,WAAW,KAAG,EACrB,OAAO,EAAE,KAAK,EAAC,CAAC,EAAC,EAAE;4BACjB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,IAAI,CAAC;gCACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gCAC9C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;4BACxC,CAAC;4BAAC,OAAO,KAAK,EAAE,CAAC;gCACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gCACrB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;4BACrC,CAAC;wBACH,CAAC,GACD,GACE,GACE,CACX,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { I18n } from '@cozeloop/i18n';
|
|
2
3
|
import { IconCozArrowLeft, IconCozArrowRight, } from '@coze-arch/coze-design/icons';
|
|
3
4
|
import { Space, Button, Tooltip } from '@coze-arch/coze-design';
|
|
4
5
|
/** 控制上一个下一个记录的控制器组件 */
|
|
5
6
|
export function IndexControllerView({ indexControllerStore, className, }) {
|
|
6
7
|
const { hasPrevious, hasNext, currentIndex, total, loading, goToPrevious, goToNext, } = indexControllerStore ?? {};
|
|
7
|
-
return (_jsxs(Space, { className: className, spacing: 4, children: [_jsx(Tooltip, { content:
|
|
8
|
+
return (_jsxs(Space, { className: className, spacing: 4, children: [_jsx(Tooltip, { content: I18n.t('prev_item'), theme: "dark", children: _jsx("div", { className: "flex items-center", children: _jsx(Button, { icon: _jsx(IconCozArrowLeft, {}), size: "mini", color: "primary", style: { height: 20 }, disabled: !hasPrevious || loading, onClick: goToPrevious }) }) }), _jsxs("span", { className: "text-sm text-gray-500 min-w-[64px] text-center", children: [currentIndex + 1, " / ", total] }), _jsx(Tooltip, { content: I18n.t('next_one'), theme: "dark", children: _jsx("div", { className: "flex items-center", children: _jsx(Button, { icon: _jsx(IconCozArrowRight, {}), size: "mini", color: "primary", style: { height: 20 }, disabled: !hasNext || loading, onClick: goToNext }) }) })] }));
|
|
8
9
|
}
|
|
9
10
|
//# sourceMappingURL=record-navigation.js.map
|