diff --git a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
index 786c8b71072bb94445a8c1c89b80ab732f1db65d..5d1bf9a36c2150bf513309726e0c9ba12da5ed71 100644
--- a/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
+++ b/packages/ui-vue/components/dynamic-form/src/composition/use-type-resolver.ts
@@ -74,7 +74,7 @@ export function useTypeResolver(): UseTypeResolver {
             case 'response-layout-editor-setting':
             case 'response-layout-splitter':
             case 'menu-lookup':
-            case 'configuration-parameter-editor':
+            case 'json-editor':
                 return 'onChange';
             case 'field-selector': case 'binding-selector':
                 return 'onFieldSelected';
diff --git a/packages/ui-vue/components/dynamic-form/src/types.ts b/packages/ui-vue/components/dynamic-form/src/types.ts
index d10c2663b284ad2b208a536f5902090ceda341bb..c9814ffcfcbcd0c6e95bf6d24d0d517cbc1e8add 100644
--- a/packages/ui-vue/components/dynamic-form/src/types.ts
+++ b/packages/ui-vue/components/dynamic-form/src/types.ts
@@ -3,7 +3,7 @@ export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-li
     'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' |
     'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor' |
     'textarea' | 'response-form-layout-setting' | 'binding-selector' | 'query-solution-config' | 'solution-preset' | 'item-collection-editor' |
-    'menu-lookup' | 'response-layout-splitter' | 'configuration-parameter-editor' | 'property-editor' | 'sort-condition-editor' |
+    'menu-lookup' | 'response-layout-splitter' | 'json-editor' | 'property-editor' | 'sort-condition-editor' |
     'filter-condition-editor' | 'expression-editor' | 'code-editor';
 
 export interface EditorConfig {
diff --git a/packages/ui-vue/components/dynamic-view/src/components/maps.ts b/packages/ui-vue/components/dynamic-view/src/components/maps.ts
index 5286eb9dfb8ab6a5c2ee6f74311950d4e29e6266..c4da05aed6981af64f7367bc4f293ac8eeb538c0 100644
--- a/packages/ui-vue/components/dynamic-view/src/components/maps.ts
+++ b/packages/ui-vue/components/dynamic-view/src/components/maps.ts
@@ -64,7 +64,7 @@ import FFieldset from '@farris/ui-vue/components/fieldset';
 import FSortConditionEditor from '@farris/ui-vue/components/sort-condition-editor';
 import FMenuLookup from '@farris/ui-vue/components/menu-lookup';
 import FDrawer from '@farris/ui-vue/components/drawer';
-import FConfigurationParameterEditor from '@farris/ui-vue/components/configuration-parameter-editor';
+import FJsonEditor from '@farris/ui-vue/components/json-editor';
 import FPropertyEditor from '@farris/ui-vue/components/property-editor';
 import FExpressionEditor from '@farris/ui-vue/components/expression-editor';
 import FCodeEditor from '@farris/ui-vue/components/code-editor';
@@ -150,7 +150,7 @@ function loadRegister() {
         FFieldset.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
         FMenuLookup.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
         FDrawer.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
-        FConfigurationParameterEditor.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
+        FJsonEditor.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
         FPropertyEditor.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
         FCodeEditor.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
         FHtmlTemplate.register(componentMap, componentPropsConverter, componentPropertyConfigConverter, resolverMap);
diff --git a/packages/ui-vue/components/event-parameter/src/composition/editors/use-filter-condition-editor.ts b/packages/ui-vue/components/event-parameter/src/composition/editors/use-filter-condition-editor.ts
index 2220e8031b33c2c5ac4eb1d953138ce0e6fa4324..a569f83d8c75ecd165729bd0b6849fa0172576cd 100644
--- a/packages/ui-vue/components/event-parameter/src/composition/editors/use-filter-condition-editor.ts
+++ b/packages/ui-vue/components/event-parameter/src/composition/editors/use-filter-condition-editor.ts
@@ -30,8 +30,19 @@ export default function (
         return JSON.stringify(editorValue);
     }
 
+    function getFieldTreeNodes(): any[] {
+        const fields: any[] = props.activeViewModelFieldData || [];
+        const treeNodes: any[] = [];
+        fields.forEach((field) => {
+            treeNodes.push(
+                Object.assign({}, field, { id: field.path, parent: field.parentNode?.path })
+            );
+        });
+        return treeNodes;
+    }
+
     function beforeOpen(): Promise<any> {
-        const fieldList = [...(props.activeViewModelFieldData || [])];
+        const fieldList = getFieldTreeNodes();
         const conditionList = convertEventParamValue2EditorValue(props.modelValue);
         const entities = [];
         const variables = [];
@@ -46,7 +57,7 @@ export default function (
         editorMap[props.editorType] = {
             type: 'filter-condition-editor',
             componentProps: {
-                fields: props.activeViewModelFieldData,
+                fields: getFieldTreeNodes(),
                 singleValue: false,
                 beforeOpen,
             },
diff --git a/packages/ui-vue/components/event-parameter/src/composition/editors/use-configuration-parameter-editor.ts b/packages/ui-vue/components/event-parameter/src/composition/editors/use-json-editor.ts
similarity index 83%
rename from packages/ui-vue/components/event-parameter/src/composition/editors/use-configuration-parameter-editor.ts
rename to packages/ui-vue/components/event-parameter/src/composition/editors/use-json-editor.ts
index 4198d575b0ba257dfb0623ceb333dd0ac8c27ed2..2d5ed688d8adc19882edf6afc71bef4525d27fad 100644
--- a/packages/ui-vue/components/event-parameter/src/composition/editors/use-configuration-parameter-editor.ts
+++ b/packages/ui-vue/components/event-parameter/src/composition/editors/use-json-editor.ts
@@ -18,7 +18,7 @@ export default function (
             }
             return [];
         } catch (error) {
-            console.error(`Expected array of parameter schema for ConfigurationParameterEditor, but received invalid JSON.`, error);
+            console.error(`Expected array of parameter schema for JsonEditor, but received invalid JSON.`, error);
             return [];
         }
     }
@@ -36,7 +36,7 @@ export default function (
 
     function createEditorProps(): void {
         editorMap[props.editorType] = {
-            type: 'configuration-parameter-editor',
+            type: 'json-editor',
             componentProps: {
                 parameterDescriptors: getParameterDescriptors(),
                 formContextData: {
@@ -45,6 +45,11 @@ export default function (
                     formData: props.formData,
                 },
                 beforeOpen,
+                dialogTitle: '可配置参数编辑器',
+                keyColumnTitle: '参数',
+                valueColumnTitle: '参数值',
+                addButtonText: '添加配置参数',
+                keyColumnPlaceholder: '请输入参数',
             },
         };
     }
diff --git a/packages/ui-vue/components/event-parameter/src/composition/editors/use-sort-condition-editor.ts b/packages/ui-vue/components/event-parameter/src/composition/editors/use-sort-condition-editor.ts
index 8c0b2a2825bb5e1308cfcb10fae1a3d90ba5e9cf..b35c2c6a31f485831eb362e97bcfe42c3e6dcf96 100644
--- a/packages/ui-vue/components/event-parameter/src/composition/editors/use-sort-condition-editor.ts
+++ b/packages/ui-vue/components/event-parameter/src/composition/editors/use-sort-condition-editor.ts
@@ -52,8 +52,19 @@ export default function (
         return JSON.stringify(editorValue);
     }
 
+    function getFieldTreeNodes(): any[] {
+        const fields: any[] = props.activeViewModelFieldData || [];
+        const treeNodes: any[] = [];
+        fields.forEach((field) => {
+            treeNodes.push(
+                Object.assign({}, field, { id: field.path, parent: field.parentNode?.path })
+            );
+        });
+        return treeNodes;
+    }
+
     function beforeOpen(): Promise<any> {
-        const fieldList = [...(props.activeViewModelFieldData || [])];
+        const fieldList = getFieldTreeNodes();
         const conditionList = convertEventParamValue2EditorValue(props.modelValue);
         const entities = [];
         const variables = [];
@@ -65,7 +76,7 @@ export default function (
         editorMap[props.editorType] = {
             type: 'sort-condition-editor',
             componentProps: {
-                fields: props.activeViewModelFieldData,
+                fields: getFieldTreeNodes(),
                 beforeOpen,
             },
             convertEditorValue2EventParamValue,
diff --git a/packages/ui-vue/components/event-parameter/src/composition/use-editor.ts b/packages/ui-vue/components/event-parameter/src/composition/use-editor.ts
index b3e370e8f4053243f4a38a3ea7356f95ec3eed68..0a76834cb9bb9757fab48b3138e80999abc17b15 100644
--- a/packages/ui-vue/components/event-parameter/src/composition/use-editor.ts
+++ b/packages/ui-vue/components/event-parameter/src/composition/use-editor.ts
@@ -6,7 +6,7 @@ import useEditorSwitch from './editors/use-switch';
 import useEditorInput from './editors/use-input';
 import useComboLookup from './editors/use-combo-tree';
 import useMenuLookup from './editors/use-menu-lookup';
-import useConfigurationParameterEditor from './editors/use-configuration-parameter-editor';
+import useJsonEditor from './editors/use-json-editor';
 import useSortConditionEditor from "./editors/use-sort-condition-editor";
 import useFilterConditionEditor from "./editors/use-filter-condition-editor";
 
@@ -25,8 +25,8 @@ export default function (
     const useEditorComboLookupComposition = useComboLookup(props);
     // 功能菜单选择器组件
     const useMenuLookupComposition = useMenuLookup(props);
-    // 可配置参数编辑器组件
-    const useConfigurationParameterEditorComposition = useConfigurationParameterEditor(props);
+    // JSON编辑器组件
+    const useJsonEditorComposition = useJsonEditor(props);
     // 排序条件编辑器组件
     const useSortConditionEditorComposition = useSortConditionEditor(props);
     // 过滤条件编辑器组件
@@ -44,7 +44,7 @@ export default function (
         } else if (editorTypeValue === EditorType.MenuIdSelector) {
             useMenuLookupComposition.createEditorProps();
         } else if (editorTypeValue === EditorType.ConfigurationParameterEditor) {
-            useConfigurationParameterEditorComposition.createEditorProps();
+            useJsonEditorComposition.createEditorProps();
         } else if (editorTypeValue === EditorType.SortEditor) {
             useSortConditionEditorComposition.createEditorProps();
         } else if (editorTypeValue === EditorType.FilterEditor) {
diff --git a/packages/ui-vue/components/filter-condition-editor/index.ts b/packages/ui-vue/components/filter-condition-editor/index.ts
index f81b73146968f3c69a2bfef57e430cb0a9234cfd..7c3686837e169725e508f9ca4a4bd9fe698da6f1 100644
--- a/packages/ui-vue/components/filter-condition-editor/index.ts
+++ b/packages/ui-vue/components/filter-condition-editor/index.ts
@@ -3,6 +3,7 @@ import FilterConditionEditor from './src/filter-condition-editor.component';
 import { propsResolver } from './src/filter-condition-editor.props';
 import ConditionActions from './src/components/filter-condition-actions.component';
 
+import './src/filter-condition-editor.scss';
 
 export * from './src/filter-condition-editor.props';
 export * from './src/composition/types';
diff --git a/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-actions.component.tsx b/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-actions.component.tsx
index 3ef16112e2de9747a221a7146e9edf0d2776e3a2..6370c6c7eca3d861a9eae1c2f66983d74916b5fc 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-actions.component.tsx
+++ b/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-actions.component.tsx
@@ -51,7 +51,7 @@ export default defineComponent({
                 <button type="button" onClick={onMoveTop} disabled={!props.canMove.value('up')}
                     class="btn btn-default f-btn-ml"><span class="f-icon f-icon-arrow-end-up" style={buttonIconStyle}></span>置顶</button>
                 <button type="button" onClick={onMovePrev} disabled={!props.canMove.value('up')}
-                    class="btn btn-default f-btn-ml"><span class="f-icon f-icon-arrow-60-up" style={buttonIconStyle}></span> 上移</button>
+                    class="btn btn-default f-btn-ml"><span class="f-icon f-icon-arrow-60-up" style={buttonIconStyle}></span>上移</button>
                 <button type="button" onClick={onMoveNext} disabled={!props.canMove.value('down')}
                     class="btn btn-default f-btn-ml"><span class="f-icon f-icon-arrow-60-down" style={buttonIconStyle}></span>下移</button>
                 <button type="button" onClick={onMoveBottom} disabled={!props.canMove.value('down')}
diff --git a/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-grid.component.tsx b/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-grid.component.tsx
index a228436a7af7c5730356bdae1740c0d98236c4e8..b19a8f2e677f6ddf82c9921291031e462100f149 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-grid.component.tsx
+++ b/packages/ui-vue/components/filter-condition-editor/src/components/filter-condition-grid.component.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, onUpdated, ref, render } from "vue";
+import { defineComponent, onUpdated, ref } from "vue";
 import { conditionGridProps } from "./condition-grid.props";
 import { FComboList } from "../../../combo-list";
 import { FButtonEdit } from '../../../button-edit';
@@ -64,7 +64,7 @@ export default defineComponent({
         });
 
         return () => {
-            return <div class="table-body f-utils-fill win11Scroll show nobtn " style="margin-left:14px; margin-right: 0; overflow-y: scroll;">
+            return <div class="fv-filter-condition-grid table-body f-utils-fill win11Scroll show nobtn" style="margin-left:14px; margin-right: 0; overflow-y: scroll;">
                 <table class="table table-bordered" style="margin-bottom: 0;">
                     <thead style="position: sticky; top: 0; z-index: 1;">
                         <tr>
diff --git a/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-data.ts b/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-data.ts
index 1ababd43521b5bc5fb294e3b1ba16614f3e123b3..61b442bfc9feff00e6c631325f31bcddfa19e9e5 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-data.ts
+++ b/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-data.ts
@@ -1,14 +1,27 @@
-import { computed, ref } from "vue";
+import { computed, ref, Ref } from "vue";
+import { FilterConditionEditorProps } from '../filter-condition-editor.props';
 import { Compare, ValueType, FilterRelation } from "./types";
 
-export function useConditionData(props, conditions) {
-    const activeRow = ref<any>({ index: -1, condition: null });
+export function useConditionData(props: FilterConditionEditorProps, conditions: Ref<any[]>) {
+
+    const activeRowIndex = ref<number>(-1);
+
+    function getActiveRow(): any {
+        return conditions.value[activeRowIndex.value];
+    }
+
+    function resetActiveRow(): void {
+        if (conditions.value.length > 0) {
+            activeRowIndex.value = 0;
+        } else {
+            activeRowIndex.value = -1;
+        }
+    }
 
     const displayText = computed(() => {
         if (props.displayText) {
             return props.displayText;
         }
-
         if (typeof props.modelValue === 'string') {
             return props.modelValue;
         }
@@ -24,90 +37,90 @@ export function useConditionData(props, conditions) {
         rbracket: '',
         relation: FilterRelation.Empty,
         compare: Compare.Equal,
-        expresstype:props.singleValue ? ValueType.Value : ValueType.Variable
+        expresstype: props.singleValue ? ValueType.Value : ValueType.Variable
     } : {
         sortField: '',
         sortType: 'asc'
     };
 
-    
     const canClear = computed(() => {
         return conditions.value.length > 0;
     });
 
     const canMove = computed(() => {
-        return (direction: 'up'| 'down' = 'down') => {
+        return (direction: 'up' | 'down' = 'down') => {
             if (conditions.value.length > 1) {
                 if (direction === 'up') {
-                    return activeRow.value.index > 0;
+                    return activeRowIndex.value > 0;
                 } else {
-                    return activeRow.value.index < conditions.value.length - 1;
+                    return activeRowIndex.value < conditions.value.length - 1;
                 }
             }
-
             return false;
         };
     });
 
+    function setDefaultRelation(): void {
+        if (props.editorType !== 'filter') {
+            return;
+        }
+        for (let index = 0; index < conditions.value.length - 1; index++) {
+            const condition = conditions.value[index];
+            if (condition.relation === FilterRelation.Empty || !condition.relation) {
+                condition.relation = FilterRelation.And;
+            }
+        }
+    }
 
     function onAddFilter() {
         const newItem = Object.assign({}, newCondition);
-        if (props.editorType !== 'sort') {
-            conditions.value.forEach(condition => {
-                if (condition.relation === FilterRelation.Empty || !condition.relation) {
-                    condition.relation = FilterRelation.And;
-                }
-            });
-        }
-       
         conditions.value = [...conditions.value, newItem];
         const newIndex = conditions.value.length - 1;
-        activeRow.value = { index: newIndex, condition: newItem };
-    }
+        activeRowIndex.value = newIndex;
 
-    function insertCondition({index}) {
-
-        const _newCondition = Object.assign({}, newCondition);
-        if (props.editorType !== 'sort') {
-            Object.assign({}, _newCondition,  { relation: FilterRelation.And  });
-        }
+        setDefaultRelation();
+    }
 
+    function insertCondition({ index }) {
+        const newItem = Object.assign({}, newCondition);
         if (props.insertType === 'above') {
-            if (index  === 0) {
-                conditions.value.unshift(_newCondition);
+            if (index === 0) {
+                conditions.value.unshift(newItem);
             } else {
-                conditions.vlaue.splice(index, 0, _newCondition);
+                conditions.value.splice(index, 0, newItem);
             }
         } else {
-            conditions.value.splice(index + 1, 0, _newCondition);
+            conditions.value.splice(index + 1, 0, newItem);
         }
         conditions.value = [...conditions.value];
+
+        setDefaultRelation();
     }
 
-    function removeCondition({index}) {
+    function removeCondition({ index }) {
         conditions.value.splice(index, 1);
         conditions.value = [...conditions.value];
 
-        if (activeRow.value) {
-            if (index === activeRow.value.index) {
-                if (conditions.value[index]) {
-                    activeRow.value = { index: index, condition: conditions.value[index] };
-                } else {
-                    if (conditions.value[index - 1]) {
-                        activeRow.value = { index: index - 1, condition: conditions.value[index - 1] };
-                    } else {
-                        activeRow.value = null;
-                    }
-                }
+        if (activeRowIndex.value < 0) {
+            return;
+        }
+
+        if (index === activeRowIndex.value) {
+            if (conditions.value[index]) {
+                activeRowIndex.value = index;
             } else {
-                if (!conditions.value[activeRow.value.index]) {
-                    if (activeRow.value.index > index) {
-                        activeRow.value.index = activeRow.value.index - 1;
-                    } else {
-                        activeRow.value.index = activeRow.value.index + 1 ;
-                    }
+                if (conditions.value[index - 1]) {
+                    activeRowIndex.value = index - 1;
+                } else {
+                    activeRowIndex.value = -1;
                 }
             }
+        } else if (index < activeRowIndex.value) {
+            if (conditions.value[activeRowIndex.value - 1]) {
+                activeRowIndex.value = activeRowIndex.value - 1;
+            } else if (!conditions.value[activeRowIndex.value]) {
+                activeRowIndex.value = -1;
+            }
         }
     }
 
@@ -116,52 +129,52 @@ export function useConditionData(props, conditions) {
     }
 
     function onMoveTop() {
-        if (activeRow.value) {
-            conditions.value.unshift(activeRow.value.condition);
-            conditions.value.splice(activeRow.value.index + 1, 1);
+        if (activeRowIndex.value >= 0) {
+            conditions.value.unshift(getActiveRow());
+            conditions.value.splice(activeRowIndex.value + 1, 1);
 
-            activeRow.value.index = 0;
+            activeRowIndex.value = 0;
         }
     }
 
     function onMovePrev() {
-        if (activeRow.value) {
-            const {index} = activeRow.value;
-            const tempArr = conditions.value.splice(index, 1);
-            conditions.value.splice(index - 1, 0, ...tempArr);
+        if (activeRowIndex.value >= 0) {
+            const index = activeRowIndex.value;
+            const tempArray = conditions.value.splice(index, 1);
+            conditions.value.splice(index - 1, 0, ...tempArray);
 
-            activeRow.value.index = index - 1;
+            activeRowIndex.value = index - 1;
         }
     }
 
     function onMoveNext() {
-        if (activeRow.value) {
-            const {index} = activeRow.value;
-            const tempArr = conditions.value.splice(index, 1);
-            conditions.value.splice(index + 1, 0, ...tempArr);
+        if (activeRowIndex.value >= 0) {
+            const index = activeRowIndex.value;
+            const tempArray = conditions.value.splice(index, 1);
+            conditions.value.splice(index + 1, 0, ...tempArray);
 
-            activeRow.value.index = index + 1;
+            activeRowIndex.value = index + 1;
         }
     }
 
     function onMoveBottom() {
-        if (activeRow.value) {
-            conditions.value.push(activeRow.value.condition);
-            conditions.value.splice(activeRow.value.index, 1);
-            activeRow.value.index = conditions.value.length - 1;
+        if (activeRowIndex.value >= 0) {
+            conditions.value.push(getActiveRow());
+            conditions.value.splice(activeRowIndex.value, 1);
+
+            activeRowIndex.value = conditions.value.length - 1;
         }
     }
 
-    function onSelectRow({index}) {
-        activeRow.value = { index: index, condition: conditions.value[index] };
+    function onSelectRow({ index }) {
+        activeRowIndex.value = index;
     }
 
     function validateCondition() {
         const total = conditions.value.length;
         if (total) {
-            
-            let bracketChecked = true; // 括号是否匹配
-            let relationChecked = true; // 关系连接符是否完整
+            let bracketChecked = true;   // 括号是否匹配
+            let relationChecked = true;  // 关系连接符是否完整
 
             if (props.editorType !== 'sort') {
                 // 清除最后条件的关系符
@@ -176,26 +189,24 @@ export function useConditionData(props, conditions) {
                         return null;
                     })
                     .filter((condition: any, index) => {
-                        return condition && index !== total - index;
+                        return condition && index !== total - 1;
                     });
 
-               
                 if (emptyRelations.length) {
                     relationChecked = false;
                 }
 
-                
                 let bracketResult = '';
                 for (let i = 0; i < total; i++) {
                     const item = conditions.value[i];
                     bracketResult += item.lbracket + item.rbracket;
                 }
-            
-                const l = bracketResult.length ;
-                if (l % 2 > 0) {
+
+                const bracketResultLength = bracketResult.length;
+                if (bracketResultLength % 2 > 0) {
                     bracketChecked = false;
                 } else {
-                    for(let i =0; i< l; i++){
+                    for (let i = 0; i < bracketResultLength; i++) {
                         bracketResult = bracketResult.replace('()', '');
                     }
                     bracketChecked = !bracketResult.length;
@@ -216,7 +227,7 @@ export function useConditionData(props, conditions) {
                 },
                 {
                     result: emptyFields,
-                    message:  '字段不允许为空，请检查。'
+                    message: '字段不允许为空，请检查。'
                 }
             ];
 
@@ -226,10 +237,9 @@ export function useConditionData(props, conditions) {
         return true;
     }
 
-
     return {
         displayText,
-        activeRow,
+        activeRowIndex,
         canClear,
         canMove,
         onAddFilter,
@@ -241,6 +251,7 @@ export function useConditionData(props, conditions) {
         onMoveNext,
         onMoveBottom,
         onSelectRow,
-        validateCondition
+        validateCondition,
+        resetActiveRow,
     };
 }
diff --git a/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-editor.ts b/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-editor.ts
index d1f6d1b1014fa299a9adad995283fe7d4d33d642..68e841c582c02f2a1cd8567cba69da3c0e378b63 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-editor.ts
+++ b/packages/ui-vue/components/filter-condition-editor/src/composition/use-condition-editor.ts
@@ -43,10 +43,12 @@ export function useConditionEditor<T>(props, context, tbodyRef) {
 
 
     function onInsert(index: number, $event: MouseEvent) {
+        $event.stopPropagation();
         context.emit('insert', { index, $event });
     }
 
     function onRemove(index: number, $event: MouseEvent) {
+        $event.stopPropagation();
         context.emit('remove', { index, $event });
     }
 
diff --git a/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.component.tsx b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.component.tsx
index b363b1653b6e6261605eacd9b2d727c7cc523e93..d430736ee5907b4cdf69ec7ddd5586b1eac329a8 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.component.tsx
+++ b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.component.tsx
@@ -34,7 +34,7 @@ export default defineComponent({
         const originalConditions = ref([]);
 
         const { displayText, onAddFilter, onClear, onMoveBottom, onMoveNext, onMovePrev, onMoveTop,
-            onInsert, onRemove, activeRow, onSelectRow, canClear, canMove, validateCondition
+            onInsert, onRemove, activeRowIndex, onSelectRow, canClear, canMove, validateCondition, resetActiveRow
         } = useConditionData(props, conditions);
 
         const dialogTitle = computed(() => {
@@ -47,7 +47,7 @@ export default defineComponent({
                 return <SortConditionGrid
                     conditions={conditions.value}
                     fields={fields.value}
-                    activeIndex={activeRow.value?.index}
+                    activeIndex={activeRowIndex.value}
                     onInsert={(payload) => onInsert(payload)}
                     onRemove={(payload) => onRemove(payload)}
                     onRowClick={(payload) => onSelectRow(payload)}></SortConditionGrid>;
@@ -59,7 +59,7 @@ export default defineComponent({
                 enableExpression={props.enableExpression}
                 conditions={conditions.value}
                 fields={fields.value}
-                activeIndex={activeRow.value?.index}
+                activeIndex={activeRowIndex.value}
                 onInsert={(payload) => onInsert(payload)}
                 onRemove={(payload) => onRemove(payload)}
                 onRowClick={(payload) => onSelectRow(payload)}
@@ -67,9 +67,12 @@ export default defineComponent({
         }
 
 
-        const noChanged = computed(() => {
+        const unChanged = computed(() => {
             return JSON.stringify(conditions.value) === JSON.stringify(originalConditions.value);
         });
+        const shouldDisableConfirmButton = computed<boolean>(() => {
+            return props.disableConfirmWhenUnchanged && unChanged.value;
+        });
 
         async function saveConditions() {
 
@@ -80,7 +83,7 @@ export default defineComponent({
                 const canClose = await props.onSubmitModal({ loadingService, repository, conditions, originalConditions, FMessageBoxService });
                 loadingService?.clearAll();
                 if (canClose) {
-                    activeRow.value.index = -1;
+                    activeRowIndex.value = -1;
                     notifyService.success('过滤条件配置成功！');
                 }
                 return canClose;
@@ -100,7 +103,7 @@ export default defineComponent({
             resizeable: true,
             draggable: true,
             closedCallback: () => {
-                activeRow.value.index = -1;
+                activeRowIndex.value = -1;
             },
             buttons: [
                 {
@@ -115,10 +118,14 @@ export default defineComponent({
                     name: 'accept',
                     text: '确定',
                     class: 'btn btn-primary',
-                    disabled: noChanged,
+                    disabled: shouldDisableConfirmButton,
                     handle: async ($event: MouseEvent) => {
                         const failedResult = validateCondition();
 
+                        if (unChanged.value) {
+                            return true;
+                        }
+
                         if (typeof failedResult === "object" && failedResult !== null) {
                             if (failedResult && failedResult.message) {
                                 notifyService.warning(failedResult.message);
@@ -148,6 +155,7 @@ export default defineComponent({
                         formContextData.value = formContext || {};
 
                         loadingService?.clearAll();
+                        resetActiveRow();
                         return true;
                     }
                 } catch (error) {
@@ -157,6 +165,7 @@ export default defineComponent({
                     loadingService?.clearAll();
                 }
             }
+            resetActiveRow();
             return true;
         }
 
diff --git a/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.props.ts b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.props.ts
index 7017eb0ea026dea26b06bd8a6f58d42211b41add..09b72a52c91a559de4dd89941a0f9bdc52956b1a 100644
--- a/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.props.ts
+++ b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.props.ts
@@ -69,6 +69,10 @@ export const filterConditionEditorProps = {
     singleValue: {
         type: Boolean,
         default: true
+    },
+    disableConfirmWhenUnchanged: {
+        type: Boolean,
+        default: false
     }
 } as Record<string, any>;
 
diff --git a/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.scss b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a60e4a85f7872b3efa64261678889b90015bafe4
--- /dev/null
+++ b/packages/ui-vue/components/filter-condition-editor/src/filter-condition-editor.scss
@@ -0,0 +1,9 @@
+.fv-filter-condition-grid {
+  td .form-group {
+    margin-bottom: 0;
+  }
+
+  td {
+    vertical-align: middle;
+  }
+}
\ No newline at end of file
diff --git a/packages/ui-vue/components/index.ts b/packages/ui-vue/components/index.ts
index c53096cdb1bc723af803b30ba6ef69a8da214e66..86097beba66b628b6eed8033855c99feafdb3610 100644
--- a/packages/ui-vue/components/index.ts
+++ b/packages/ui-vue/components/index.ts
@@ -89,7 +89,7 @@ import BindingSelector from './binding-selector';
 import FilterConditionEditor from './filter-condition-editor';
 import SortConditionEditor from './sort-condition-editor';
 import MenuLookup from './menu-lookup';
-import ConfigurationParameterEditor from './configuration-parameter-editor';
+import JsonEditor from './json-editor';
 import DynamicView from './dynamic-view';
 import CodeEditor from './code-editor';
 import HtmlTemplate from './html-template';
@@ -178,7 +178,7 @@ export default {
             .use(EventParemeter)
             .use(FilterConditionEditor)
             .use(SortConditionEditor)
-            .use(ConfigurationParameterEditor)
+            .use(JsonEditor)
             .use(CodeEditor)
             .use(HtmlTemplate);
     }
diff --git a/packages/ui-vue/components/configuration-parameter-editor/index.ts b/packages/ui-vue/components/json-editor/index.ts
similarity index 59%
rename from packages/ui-vue/components/configuration-parameter-editor/index.ts
rename to packages/ui-vue/components/json-editor/index.ts
index 83d9fdd1b7a51dad7f0aee9f5d1ad480e1f95cbf..b8bdc4f57fa555a284d69cf9bc011d201e879791 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/index.ts
+++ b/packages/ui-vue/components/json-editor/index.ts
@@ -13,22 +13,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import FConfigurationParameterEditor from './src/configuration-parameter-editor.component';
-import { propsResolver } from './src/configuration-parameter-editor.props';
+import FJsonEditor from './src/json-editor.component';
+import { propsResolver } from './src/json-editor.props';
 import { withInstall } from '@farris/ui-vue/components/common';
-import './src/configuration-parameter-editor.scss';
+import './src/json-editor.scss';
 
-export * from './src/configuration-parameter-editor.props';
+export * from './src/json-editor.props';
 
-FConfigurationParameterEditor.register = (
+FJsonEditor.register = (
     componentMap: Record<string, any>,
     propsResolverMap: Record<string, any>,
     configResolverMap: Record<string, any>,
     resolverMap: Record<string, any>,
 ) => {
-    componentMap['configuration-parameter-editor'] = FConfigurationParameterEditor;
-    propsResolverMap['configuration-parameter-editor'] = propsResolver;
+    componentMap['json-editor'] = FJsonEditor;
+    propsResolverMap['json-editor'] = propsResolver;
 };
 
-export { FConfigurationParameterEditor };
-export default withInstall(FConfigurationParameterEditor);
+export { FJsonEditor };
+export default withInstall(FJsonEditor);
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/editable-combo.component.tsx b/packages/ui-vue/components/json-editor/src/components/editable-combo/editable-combo.component.tsx
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/editable-combo.component.tsx
rename to packages/ui-vue/components/json-editor/src/components/editable-combo/editable-combo.component.tsx
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/editable-combo.props.ts b/packages/ui-vue/components/json-editor/src/components/editable-combo/editable-combo.props.ts
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/editable-combo.props.ts
rename to packages/ui-vue/components/json-editor/src/components/editable-combo/editable-combo.props.ts
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/popup-container.component.tsx b/packages/ui-vue/components/json-editor/src/components/editable-combo/popup-container.component.tsx
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/popup-container.component.tsx
rename to packages/ui-vue/components/json-editor/src/components/editable-combo/popup-container.component.tsx
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/popup-container.props.ts b/packages/ui-vue/components/json-editor/src/components/editable-combo/popup-container.props.ts
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/editable-combo/popup-container.props.ts
rename to packages/ui-vue/components/json-editor/src/components/editable-combo/popup-container.props.ts
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.component.tsx b/packages/ui-vue/components/json-editor/src/components/modal-container.component.tsx
similarity index 85%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.component.tsx
rename to packages/ui-vue/components/json-editor/src/components/modal-container.component.tsx
index 5c3df075665dee1795f0de0da9a62cacdd2bddf2..206a68cfd5cece23c958effd7e2fb8e17570cf36 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.component.tsx
+++ b/packages/ui-vue/components/json-editor/src/components/modal-container.component.tsx
@@ -5,7 +5,7 @@ import { modalContainerProps, ModalContainerProps } from './modal-container.prop
 import { ParameterItem } from '../composition/types';
 
 export default defineComponent({
-    name: 'FConfigurationParameterEditorModalContainer',
+    name: 'FJsonEditorModalContainer',
     props: modalContainerProps,
     emits: [],
     setup(props: ModalContainerProps) {
@@ -26,9 +26,9 @@ export default defineComponent({
         function renderHeader() {
             return (
                 <div class="fv-json-editor-header">
-                    <div class="fv-json-editor-key-col">参数</div>
-                    <div class="fv-json-editor-value-col">参数值</div>
-                    <div class="fv-json-editor-operation-col">操作</div>
+                    <div class="fv-json-editor-key-col">{props.jsonEditorProps.keyColumnTitle}</div>
+                    <div class="fv-json-editor-value-col">{props.jsonEditorProps.valueColumnTitle}</div>
+                    <div class="fv-json-editor-operation-col">{props.jsonEditorProps.operationColumnTitle}</div>
                 </div>
             );
         }
@@ -38,18 +38,18 @@ export default defineComponent({
                 <div class="fv-json-editor-placeholder">
                     <div class="fv-json-editor-default-add-button" onClick={appendNewParameter}>
                         <span class="fv-json-editor-default-add-icon f-icon f-icon-add"></span>
-                        <span class="fv-json-editor-default-add-text">添加配置参数</span>
+                        <span class="fv-json-editor-default-add-text">{props.jsonEditorProps.addButtonText}</span>
                     </div>
                 </div>
             );
         }
 
-        function renderParamCodeEditor(item: ParameterItem) {
+        function renderParamKeyEditor(item: ParameterItem) {
             return (
                 <FEditableCombo
                     v-model={item.code}
                     options={parameterCodeOptions.value}
-                    placeholder={'请输入参数'}
+                    placeholder={props.jsonEditorProps.keyColumnPlaceholder}
                     onUpdate:modelValue={() => onParameterCodeChanged(item.id)}
                 ></FEditableCombo>
             );
@@ -71,7 +71,7 @@ export default defineComponent({
             return (
                 <div class="fv-json-editor-row">
                     <div class="fv-json-editor-key-col">
-                        {renderParamCodeEditor(item)}
+                        {renderParamKeyEditor(item)}
                     </div>
                     <div class="fv-json-editor-value-col">
                         {renderParamValueEditor(item)}
@@ -96,7 +96,7 @@ export default defineComponent({
             return (
                 <div class="fv-json-editor-add-button" onClick={appendNewParameter}>
                     <span class="fv-json-editor-add-icon f-icon f-icon-add"></span>
-                    <span class="fv-json-editor-add-text">添加配置参数</span>
+                    <span class="fv-json-editor-add-text">{props.jsonEditorProps.addButtonText}</span>
                 </div>
             );
         }
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.props.ts b/packages/ui-vue/components/json-editor/src/components/modal-container.props.ts
similarity index 75%
rename from packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.props.ts
rename to packages/ui-vue/components/json-editor/src/components/modal-container.props.ts
index 131855e773c4009411f25e794ef4f90cfbcc5e27..2126d255b529b00b7dd43e8e692309dcc4b012cd 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/components/modal-container.props.ts
+++ b/packages/ui-vue/components/json-editor/src/components/modal-container.props.ts
@@ -1,8 +1,10 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { UseParameters, FormContextData } from '../composition/types';
+import { JsonEditorProps } from '../json-editor.props';
 
 export const modalContainerProps = {
     useParametersComposition: { type: Object as PropType<UseParameters>, require: true },
+    jsonEditorProps: { type: Object as PropType<JsonEditorProps>, default: {} },
     formContextData: { type: Object as PropType<FormContextData>, default: {} },
 };
 
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/composition/types.ts b/packages/ui-vue/components/json-editor/src/composition/types.ts
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/composition/types.ts
rename to packages/ui-vue/components/json-editor/src/composition/types.ts
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/composition/use-dialog.ts b/packages/ui-vue/components/json-editor/src/composition/use-dialog.ts
similarity index 85%
rename from packages/ui-vue/components/configuration-parameter-editor/src/composition/use-dialog.ts
rename to packages/ui-vue/components/json-editor/src/composition/use-dialog.ts
index fe36b64276ee1f7667ea539dc7c9602e601d4e93..7c39a3776b8272b5bd0446fca0082d392172017d 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/composition/use-dialog.ts
+++ b/packages/ui-vue/components/json-editor/src/composition/use-dialog.ts
@@ -1,9 +1,9 @@
 import { SetupContext, reactive, inject } from 'vue';
 import { F_NOTIFY_SERVICE_TOKEN, FNotifyService } from '@farris/ui-vue/components/notify';
-import { ConfigurationParameterEditorProps } from '../configuration-parameter-editor.props';
+import { JsonEditorProps } from '../json-editor.props';
 import { UseParameters } from './types';
 
-export function useDialog(props: ConfigurationParameterEditorProps, context: SetupContext, useParametersComposition: UseParameters) {
+export function useDialog(props: JsonEditorProps, context: SetupContext, useParametersComposition: UseParameters) {
 
     const notifyService: FNotifyService | null = inject(F_NOTIFY_SERVICE_TOKEN, null);
     const {
@@ -21,7 +21,7 @@ export function useDialog(props: ConfigurationParameterEditorProps, context: Set
 
     function onConfirm(): boolean {
         if (hasDuplicateParameter()) {
-            notifyService?.warning({ message: '配置中存在重复的参数，请修改。', position: 'top-center' });
+            notifyService?.warning({ message: `配置中存在重复的${props.keyColumnTitle}，请修改。`, position: 'top-center' });
             return false;
         }
         const newValue = getNewValue();
@@ -30,7 +30,7 @@ export function useDialog(props: ConfigurationParameterEditorProps, context: Set
     }
 
     const modalConfigs = reactive({
-        title: '可配置参数编辑器',
+        title: props.dialogTitle,
         width: 675,
         height: 500,
         fitContent: false,
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/composition/use-parameters.ts b/packages/ui-vue/components/json-editor/src/composition/use-parameters.ts
similarity index 97%
rename from packages/ui-vue/components/configuration-parameter-editor/src/composition/use-parameters.ts
rename to packages/ui-vue/components/json-editor/src/composition/use-parameters.ts
index 8220f1f9281fa5524b5699a38936f6c5c28b6a85..c785e369c20cb16d6030146362ad223cc048ea74 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/composition/use-parameters.ts
+++ b/packages/ui-vue/components/json-editor/src/composition/use-parameters.ts
@@ -1,11 +1,11 @@
 /* eslint-disable no-use-before-define */
 import { computed, ref, watch, reactive } from 'vue';
 import { useGuid } from '@farris/ui-vue/components/common';
-import { ConfigurationParameterEditorProps } from '../configuration-parameter-editor.props';
+import { JsonEditorProps } from '../json-editor.props';
 import { ParameterItem, ParameterDescriptor, UseParameters, FormContextData } from './types';
 import { EditorType } from '@farris/ui-vue/components/event-parameter';
 
-export function useParameters(editorProps: ConfigurationParameterEditorProps): UseParameters {
+export function useParameters(editorProps: JsonEditorProps): UseParameters {
 
     /** 正在编辑的参数列表 */
     const parameterItems = ref<ParameterItem[]>([]);
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.component.tsx b/packages/ui-vue/components/json-editor/src/json-editor.component.tsx
similarity index 87%
rename from packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.component.tsx
rename to packages/ui-vue/components/json-editor/src/json-editor.component.tsx
index 74e8974b2cf8f4f7d72107b03acf76801fc45b8f..cdbcafa7f1b148d82aea6e015d18110780d2b3fd 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.component.tsx
+++ b/packages/ui-vue/components/json-editor/src/json-editor.component.tsx
@@ -14,20 +14,20 @@
  * limitations under the License.
  */
 import { defineComponent, SetupContext } from 'vue';
-import { configurationParameterEditorProps, ConfigurationParameterEditorProps } from './configuration-parameter-editor.props';
+import { jsonEditorProps, JsonEditorProps } from './json-editor.props';
 import { FButtonEdit } from "@farris/ui-vue/components/button-edit";
 import { useDialog } from './composition/use-dialog';
 import ModalContainer from './components/modal-container.component';
 import { useParameters } from './composition/use-parameters';
 
 export default defineComponent({
-    name: 'FConfigurationParameterEditor',
-    props: configurationParameterEditorProps,
+    name: 'FJsonEditor',
+    props: jsonEditorProps,
     emits: [
         'change',
         'update:modelValue',
     ] as (string[] & ThisType<void>) | undefined,
-    setup(props: ConfigurationParameterEditorProps, context: SetupContext) {
+    setup(props: JsonEditorProps, context: SetupContext) {
 
         const useParametersComposition = useParameters(props);
         const {
@@ -51,6 +51,7 @@ export default defineComponent({
                 >
                     <ModalContainer
                         useParametersComposition={useParametersComposition}
+                        jsonEditorProps={props}
                         formContextData={formContextData.value}
                     ></ModalContainer>
                 </FButtonEdit>
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.props.ts b/packages/ui-vue/components/json-editor/src/json-editor.props.ts
similarity index 69%
rename from packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.props.ts
rename to packages/ui-vue/components/json-editor/src/json-editor.props.ts
index 59f92eac1b3f3927140a26bdda2d63f6602c37c3..49ab61a5d0e104c4deefd648307e12c630407c22 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.props.ts
+++ b/packages/ui-vue/components/json-editor/src/json-editor.props.ts
@@ -15,14 +15,14 @@
  */
 import { ExtractPropTypes, PropType } from 'vue';
 import { createPropsResolver } from "../../dynamic-resolver";
-import configurationParameterEditorSchema from './schema/configuration-parameter-editor.schema.json';
+import JsonEditorSchema from './schema/json-editor.schema.json';
 import { schemaMapper } from './schema/schema-mapper';
 import { schemaResolver } from './schema/schema-resolver';
 import { ParameterDescriptor, FormContextData } from './composition/types';
 
 export type BeforeOpenFunction = (...params: any) => (Promise<{ formContextData?: any; parameterDescriptors?: ParameterDescriptor[]; }> | void);
 
-export const configurationParameterEditorProps = {
+export const jsonEditorProps = {
 
     /** 组件值 */
     modelValue: { type: String, default: '' },
@@ -35,8 +35,22 @@ export const configurationParameterEditorProps = {
 
     /** 打开编辑框前回调 */
     beforeOpen: { type: Function as PropType<BeforeOpenFunction>, default: null },
+
+    dialogTitle: { type: String, default: 'JSON编辑器' },
+
+    keyColumnTitle: { type: String, default: '键' },
+
+    valueColumnTitle: { type: String, default: '值' },
+
+    operationColumnTitle: { type: String, default: '操作' },
+
+    keyColumnPlaceholder: { type: String, default: '' },
+
+    valueColumnPlaceholder: { type: String, default: '' },
+
+    addButtonText: { type: String, default: '添加' },
 };
 
-export type ConfigurationParameterEditorProps = ExtractPropTypes<typeof configurationParameterEditorProps>;
+export type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;
 
-export const propsResolver = createPropsResolver(configurationParameterEditorProps, configurationParameterEditorSchema, schemaMapper, schemaResolver);
+export const propsResolver = createPropsResolver(jsonEditorProps, JsonEditorSchema, schemaMapper, schemaResolver);
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.scss b/packages/ui-vue/components/json-editor/src/json-editor.scss
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/configuration-parameter-editor.scss
rename to packages/ui-vue/components/json-editor/src/json-editor.scss
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/schema/configuration-parameter-editor.schema.json b/packages/ui-vue/components/json-editor/src/schema/json-editor.schema.json
similarity index 34%
rename from packages/ui-vue/components/configuration-parameter-editor/src/schema/configuration-parameter-editor.schema.json
rename to packages/ui-vue/components/json-editor/src/schema/json-editor.schema.json
index f9307767547d2516232e4e34f64951b2809ad06c..2f39752c2587739ac8f3696db8a0177dbc0abcda 100644
--- a/packages/ui-vue/components/configuration-parameter-editor/src/schema/configuration-parameter-editor.schema.json
+++ b/packages/ui-vue/components/json-editor/src/schema/json-editor.schema.json
@@ -1,14 +1,14 @@
 {
     "$schema": "https://json-schema.org/draft/2020-12/schema",
-    "$id": "https://farris-design.gitee.io/configuration-parameter-editor.schema.json",
-    "title": "configuration-parameter-editor",
+    "$id": "https://farris-design.gitee.io/json-editor.schema.json",
+    "title": "json-editor",
     "description": "A Farris Component",
     "type": "object",
     "properties": {
         "type": {
-            "description": "The type string of configuration-parameter-editor",
+            "description": "The type string of json-editor",
             "type": "string",
-            "default": "configuration-parameter-editor"
+            "default": "json-editor"
         },
         "parameterDescriptors": {
             "description": "Description of parameters to be configured",
@@ -24,8 +24,46 @@
             "description": "Before opening the configuration dialog, the callback function is executed",
             "type": "function",
             "default": null
+        },
+        "dialogTitle": {
+            "description": "Title of the dialog modal",
+            "type": "string",
+            "default": "JSON编辑器"
+        },
+        "keyColumnTitle": {
+            "description": "Title for the key column in the table",
+            "type": "string",
+            "default": "键"
+        },
+        "valueColumnTitle": {
+            "description": "Title for the value column in the table",
+            "type": "string",
+            "default": "值"
+        },
+        "operationColumnTitle": {
+            "description": "Title for the operation column",
+            "type": "string",
+            "default": "操作"
+        },
+        "keyColumnPlaceholder": {
+            "description": "Placeholder text for key input fields",
+            "type": "string",
+            "default": ""
+        },
+        "valueColumnPlaceholder": {
+            "description": "Placeholder text for value input fields",
+            "type": "string",
+            "default": ""
+        },
+        "addButtonText": {
+            "description": "Text displayed on the add new row button",
+            "type": "string",
+            "default": "添加"
         }
     },
-    "required": [],
+    "required": [
+        "id",
+        "type"
+    ],
     "ignore": []
 }
\ No newline at end of file
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/schema/schema-mapper.ts b/packages/ui-vue/components/json-editor/src/schema/schema-mapper.ts
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/schema/schema-mapper.ts
rename to packages/ui-vue/components/json-editor/src/schema/schema-mapper.ts
diff --git a/packages/ui-vue/components/configuration-parameter-editor/src/schema/schema-resolver.ts b/packages/ui-vue/components/json-editor/src/schema/schema-resolver.ts
similarity index 100%
rename from packages/ui-vue/components/configuration-parameter-editor/src/schema/schema-resolver.ts
rename to packages/ui-vue/components/json-editor/src/schema/schema-resolver.ts
diff --git a/packages/ui-vue/components/menu-lookup/src/components/modal-container.component.tsx b/packages/ui-vue/components/menu-lookup/src/components/modal-container.component.tsx
index 5ca977115707e0207a91afa1b54878e483a0bb86..5d1fef04e9fe1d5086eba7c120c641a32df21f90 100644
--- a/packages/ui-vue/components/menu-lookup/src/components/modal-container.component.tsx
+++ b/packages/ui-vue/components/menu-lookup/src/components/modal-container.component.tsx
@@ -40,23 +40,28 @@ export default defineComponent({
             field: 'code',
             title: '编号',
             dataType: 'string',
+            resizable: true,
         }, {
             field: 'name',
             title: '名称',
             dataType: 'string',
+            resizable: true,
         }];
         const appDataGridColumns: DataGridColumn[] = [{
             field: 'code',
             title: '编号',
             dataType: 'string',
+            resizable: true,
         }, {
             field: 'name',
             title: '名称',
             dataType: 'string',
+            resizable: true,
         }, {
             field: 'appEntrance',
             title: '入口',
             dataType: 'string',
+            resizable: true,
         }];
         const dataGridColumns = props.targetType === 'app' ? appDataGridColumns : menuDataGridColumns;
 
@@ -87,6 +92,12 @@ export default defineComponent({
             );
         }
 
+        function renderDataGridCell({ cell }: any) {
+            return (
+                <span title={cell.data ?? ''}>{cell.data}</span>
+            );
+        }
+
         function renderDataGrid() {
             return (
                 <FDataGrid
@@ -100,8 +111,11 @@ export default defineComponent({
                     selection={dataGridSelectionOptions}
                     virtualized={true}
                     onSelectionChange={onDataGridSelectionChange}
-                    onUnSelectItem={onDataGridUnSelectItem}
-                ></FDataGrid>
+                    onUnSelectItem={onDataGridUnSelectItem}>
+                    {{
+                        cellTemplate: renderDataGridCell,
+                    }}
+                </FDataGrid>
             );
         }
 
diff --git a/packages/ui-vue/demos/configuration-parameter-editor/basic.vue b/packages/ui-vue/demos/json-editor/basic.vue
similarity index 84%
rename from packages/ui-vue/demos/configuration-parameter-editor/basic.vue
rename to packages/ui-vue/demos/json-editor/basic.vue
index b83d1f3f0e7c585ff208e16dad9af972748d818d..176ce6780f138e66a0ad5e218ba2c488c5c610da 100644
--- a/packages/ui-vue/demos/configuration-parameter-editor/basic.vue
+++ b/packages/ui-vue/demos/json-editor/basic.vue
@@ -25,7 +25,7 @@ const schema = ref<any[]>([
 
 <template>
     <div class="container">
-        <f-configuration-parameter-editor v-model="value" :parameterDescriptors="schema"></f-configuration-parameter-editor>
+        <f-json-editor v-model="value" :parameterDescriptors="schema"></f-json-editor>
     </div>
 </template>
 
diff --git a/packages/ui-vue/src/app.vue b/packages/ui-vue/src/app.vue
index bb1717921d5beff38237d5d6ebfb925ea0e225d5..c51b99cf900ef1dcef928b64c1d942ad9abd52a3 100644
--- a/packages/ui-vue/src/app.vue
+++ b/packages/ui-vue/src/app.vue
@@ -311,7 +311,7 @@ import FieldSelectorBasic from '../demos/field-selector/basic.vue';
 import ExpressionEditorBasic from '../demos/expression-editor/basic.vue';
 import TextareaBasic from '../demos/textarea/basic.vue';
 import FilterConditionEditor from '../demos/filter-condition-editor/basic.vue';
-import ConfigurationParameterEditor from '../demos/configuration-parameter-editor/basic.vue';
+import JsonEditor from '../demos/json-editor/basic.vue';
 
 const routes: Record<string, any> = {
     '/': DataGridBasic,
@@ -622,7 +622,7 @@ const routes: Record<string, any> = {
     '/expression-editor/basic': ExpressionEditorBasic,
     '/textarea/basic': TextareaBasic,
     '/filter-condition-editor/basic': FilterConditionEditor,
-    '/configuration-parameter-editor/basic': ConfigurationParameterEditor,
+    '/json-editor/basic': JsonEditor,
 };
 
 const currentPath = ref(window.location.hash);