Skip to content

phsl / new-api

Go to a project
Commit 6b58648d by Seefs
Options

rm editor

parent 768745fd
Showing with 24 additions and 267 deletions
web/package.json
......@@ -7,11 +7,10 @@
"@douyinfe/semi-icons": "^2.63.1",
"@douyinfe/semi-ui": "^2.69.1",
"@lobehub/icons": "^2.0.0",
"@monaco-editor/react": "^4.7.0",
"@visactor/react-vchart": "~1.8.8",
"@visactor/vchart": "~1.8.8",
"@visactor/vchart-semi-theme": "~1.8.8",
"axios": "1.13.5",
"axios": "1.12.0",
"clsx": "^2.1.1",
"dayjs": "^1.11.11",
"history": "^5.3.0",
......@@ -21,7 +20,6 @@
"lucide-react": "^0.511.0",
"marked": "^4.1.1",
"mermaid": "^11.6.0",
"monaco-editor": "^0.55.1",
"qrcode.react": "^4.2.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
......
web/src/components/table/channels/modals/ParamOverrideEditorModal.jsx
......@@ -17,8 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import MonacoEditor from '@monaco-editor/react';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import {
Banner,
......@@ -36,7 +35,6 @@ import {
} from '@douyinfe/semi-ui';
import { IconDelete, IconPlus } from '@douyinfe/semi-icons';
import { showError, verifyJSON } from '../../../../helpers';
import JSONEditor from '../../../common/ui/JSONEditor';
const { Text } = Typography;
......@@ -206,214 +204,6 @@ const OPERATION_TEMPLATE = {
],
};
const MONACO_SCHEMA_URI = 'https://new-api.local/schemas/param-override.schema.json';
const MONACO_MODEL_URI = 'inmemory://new-api/param-override.json';
const JSON_SCALAR_SCHEMA = {
oneOf: [
{ type: 'string' },
{ type: 'number' },
{ type: 'boolean' },
{ type: 'null' },
{ type: 'array' },
{ type: 'object' },
],
};
const PARAM_OVERRIDE_JSON_SCHEMA = {
$schema: 'http://json-schema.org/draft-07/schema#',
type: 'object',
properties: {
operations: {
type: 'array',
description: 'Operation pipeline for new param override format.',
items: {
type: 'object',
properties: {
mode: {
type: 'string',
enum: OPERATION_MODE_OPTIONS.map((item) => item.value),
},
path: { type: 'string' },
from: { type: 'string' },
to: { type: 'string' },
keep_origin: { type: 'boolean' },
value: JSON_SCALAR_SCHEMA,
logic: { type: 'string', enum: ['AND', 'OR'] },
conditions: {
oneOf: [
{
type: 'array',
items: {
type: 'object',
properties: {
path: { type: 'string' },
mode: {
type: 'string',
enum: CONDITION_MODE_OPTIONS.map((item) => item.value),
},
value: JSON_SCALAR_SCHEMA,
invert: { type: 'boolean' },
pass_missing_key: { type: 'boolean' },
},
required: ['path', 'mode'],
additionalProperties: false,
},
},
{
type: 'object',
additionalProperties: JSON_SCALAR_SCHEMA,
},
],
},
},
required: ['mode'],
additionalProperties: false,
allOf: [
{
if: { properties: { mode: { const: 'set' } }, required: ['mode'] },
then: { required: ['path'] },
},
{
if: { properties: { mode: { const: 'delete' } }, required: ['mode'] },
then: { required: ['path'] },
},
{
if: { properties: { mode: { const: 'append' } }, required: ['mode'] },
then: { required: ['path'] },
},
{
if: { properties: { mode: { const: 'prepend' } }, required: ['mode'] },
then: { required: ['path'] },
},
{
if: { properties: { mode: { const: 'copy' } }, required: ['mode'] },
then: { required: ['from', 'to'] },
},
{
if: { properties: { mode: { const: 'move' } }, required: ['mode'] },
then: { required: ['from', 'to'] },
},
{
if: { properties: { mode: { const: 'replace' } }, required: ['mode'] },
then: { required: ['path', 'from'] },
},
{
if: {
properties: { mode: { const: 'regex_replace' } },
required: ['mode'],
},
then: { required: ['path', 'from'] },
},
{
if: {
properties: { mode: { const: 'trim_prefix' } },
required: ['mode'],
},
then: { required: ['path', 'value'] },
},
{
if: {
properties: { mode: { const: 'trim_suffix' } },
required: ['mode'],
},
then: { required: ['path', 'value'] },
},
{
if: {
properties: { mode: { const: 'ensure_prefix' } },
required: ['mode'],
},
then: { required: ['path', 'value'] },
},
{
if: {
properties: { mode: { const: 'ensure_suffix' } },
required: ['mode'],
},
then: { required: ['path', 'value'] },
},
{
if: {
properties: { mode: { const: 'trim_space' } },
required: ['mode'],
},
then: { required: ['path'] },
},
{
if: {
properties: { mode: { const: 'to_lower' } },
required: ['mode'],
},
then: { required: ['path'] },
},
{
if: {
properties: { mode: { const: 'to_upper' } },
required: ['mode'],
},
then: { required: ['path'] },
},
{
if: {
properties: { mode: { const: 'return_error' } },
required: ['mode'],
},
then: { required: ['value'] },
},
{
if: {
properties: { mode: { const: 'prune_objects' } },
required: ['mode'],
},
then: { required: ['value'] },
},
{
if: {
properties: { mode: { const: 'sync_fields' } },
required: ['mode'],
},
then: { required: ['from', 'to'] },
},
{
if: {
properties: { mode: { const: 'set_header' } },
required: ['mode'],
},
then: { required: ['path', 'value'] },
},
{
if: {
properties: { mode: { const: 'delete_header' } },
required: ['mode'],
},
then: { required: ['path'] },
},
{
if: {
properties: { mode: { const: 'copy_header' } },
required: ['mode'],
},
then: {
anyOf: [{ required: ['path'] }, { required: ['from', 'to'] }],
},
},
{
if: {
properties: { mode: { const: 'move_header' } },
required: ['mode'],
},
then: {
anyOf: [{ required: ['path'] }, { required: ['from', 'to'] }],
},
},
],
},
},
},
additionalProperties: true,
};
let localIdSeed = 0;
const nextLocalId = () => `param_override_${Date.now()}_${localIdSeed++}`;
......@@ -649,24 +439,6 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
const [operations, setOperations] = useState([createDefaultOperation()]);
const [jsonText, setJsonText] = useState('');
const [jsonError, setJsonError] = useState('');
const monacoConfiguredRef = useRef(false);
const configureMonaco = useCallback((monaco) => {
if (monacoConfiguredRef.current) return;
monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
validate: true,
allowComments: false,
enableSchemaRequest: false,
schemas: [
{
uri: MONACO_SCHEMA_URI,
fileMatch: [MONACO_MODEL_URI, '*param-override*.json'],
schema: PARAM_OVERRIDE_JSON_SCHEMA,
},
],
});
monacoConfiguredRef.current = true;
}, []);
useEffect(() => {
if (!visible) return;
......@@ -1040,17 +812,19 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
</Space>
{visualMode === 'legacy' ? (
<JSONEditor
field='param_override_legacy'
label={t('旧格式（直接覆盖）：')}
placeholder={JSON.stringify(LEGACY_TEMPLATE, null, 2)}
value={legacyValue}
onChange={setLegacyValue}
template={LEGACY_TEMPLATE}
templateLabel={t('填入模板')}
editorType='keyValue'
showClear
/>
<div>
<Text className='mb-2 block'>{t('旧格式（直接覆盖）：')}</Text>
<Input.TextArea
value={legacyValue}
autosize={{ minRows: 10, maxRows: 20 }}
placeholder={JSON.stringify(LEGACY_TEMPLATE, null, 2)}
onChange={(nextValue) => setLegacyValue(nextValue)}
showClear
/>
<Text type='tertiary' size='small' className='mt-2 block'>
{t('这里直接编辑 JSON 对象，无需额外点开编辑器。')}
</Text>
</div>
) : (
<div>
<div className='flex items-center justify-between mb-3'>
......@@ -1519,32 +1293,17 @@ const ParamOverrideEditorModal = ({ visible, value, onSave, onCancel }) => {
<div style={{ width: '100%' }}>
<Space style={{ marginBottom: 8 }} wrap>
<Button onClick={formatJson}>{t('格式化')}</Button>
<Tag color='cyan'>{t('JSON 智能提示')}</Tag>
<Tag color='grey'>{t('普通编辑')}</Tag>
</Space>
<div className='border rounded-lg overflow-hidden'>
<MonacoEditor
beforeMount={configureMonaco}
path={MONACO_MODEL_URI}
language='json'
value={jsonText}
onChange={(nextValue) => handleJsonChange(nextValue ?? '')}
height='460px'
options={{
minimap: { enabled: false },
fontSize: 13,
lineNumbers: 'on',
automaticLayout: true,
scrollBeyondLastLine: false,
tabSize: 2,
insertSpaces: true,
wordWrap: 'on',
formatOnPaste: true,
formatOnType: true,
}}
/>
</div>
<Input.TextArea
value={jsonText}
autosize={{ minRows: 18, maxRows: 28 }}
onChange={(nextValue) => handleJsonChange(nextValue ?? '')}
placeholder={JSON.stringify(OPERATION_TEMPLATE, null, 2)}
showClear
/>
<Text type='tertiary' size='small' className='mt-2 block'>
{t('支持 mode/conditions 字段补全与 JSON Schema 校验')}
{t('直接编辑 JSON 文本，保存时会校验格式。')}
</Text>
{jsonError ? (
<Text className='text-red-500 text-xs mt-2'>{jsonError}</Text>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment