diff --git a/libs/horizon/src/horizonx/proxy/handlers copy/ArrayProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers copy/ArrayProxyHandler.ts
deleted file mode 100644
index 9e9c2845..00000000
--- a/libs/horizon/src/horizonx/proxy/handlers copy/ArrayProxyHandler.ts	
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
- * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
- *
- * openGauss is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- *
- *          http://license.coscl.org.cn/MulanPSL2
- *
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- */
-
-import { getObserver } from '../ProxyHandler';
-import { isSame, isValidIntegerKey } from '../../CommonUtils';
-import { get as objectGet } from './ObjectProxyHandler';
-import { resolveMutation } from '../../CommonUtils';
-import { isPanelActive } from '../../devtools';
-
-export function createArrayProxy(rawObj: any[]): any[] {
-  const handle = {
-    get,
-    set,
-  };
-
-  return new Proxy(rawObj, handle);
-}
-
-function get(rawObj: any[], key: string, receiver: any) {
-  if (key === 'watch') {
-    const observer = getObserver(rawObj);
-
-    return (prop: any, handler: (key: string, oldValue: any, newValue: any) => void) => {
-      if (!observer.watchers[prop]) {
-        observer.watchers[prop] = [] as ((key: string, oldValue: any, newValue: any) => void)[];
-      }
-      observer.watchers[prop].push(handler);
-      return () => {
-        observer.watchers[prop] = observer.watchers[prop].filter(cb => cb !== handler);
-      };
-    };
-  }
-
-  if (isValidIntegerKey(key) || key === 'length') {
-    return objectGet(rawObj, key, receiver);
-  }
-
-  return Reflect.get(rawObj, key, receiver);
-}
-
-function set(rawObj: any[], key: string, value: any, receiver: any) {
-  const oldValue = rawObj[key];
-  const oldLength = rawObj.length;
-  const newValue = value;
-
-  const oldArray = isPanelActive() ? JSON.parse(JSON.stringify(rawObj)) : null;
-
-  const ret = Reflect.set(rawObj, key, newValue, receiver);
-
-  const newLength = rawObj.length;
-  const observer = getObserver(rawObj);
-
-  const mutation = isPanelActive() ? resolveMutation(oldArray, rawObj) : { mutation: true, from: [], to: rawObj };
-
-  if (!isSame(newValue, oldValue)) {
-    // 值不一样，触发监听器
-    if (observer.watchers?.[key]) {
-      observer.watchers[key].forEach(cb => {
-        cb(key, oldValue, newValue, mutation);
-      });
-    }
-
-    // 触发属性变化
-    observer.setProp(key, mutation);
-  }
-
-  if (oldLength !== newLength) {
-    // 触发数组的大小变化
-    observer.setProp('length', mutation);
-  }
-
-  return ret;
-}
diff --git a/libs/horizon/src/horizonx/proxy/handlers copy/CollectionProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers copy/CollectionProxyHandler.ts
deleted file mode 100644
index 05174cc5..00000000
--- a/libs/horizon/src/horizonx/proxy/handlers copy/CollectionProxyHandler.ts	
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
- * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
- *
- * openGauss is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- *
- *          http://license.coscl.org.cn/MulanPSL2
- *
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- */
-
-import { createProxy, getObserver, hookObserverMap } from '../ProxyHandler';
-import { isMap, isWeakMap, isSame } from '../../CommonUtils';
-import { resolveMutation } from '../../CommonUtils';
-import { isPanelActive } from '../../devtools';
-
-const COLLECTION_CHANGE = '_collectionChange';
-const handler = {
-  get,
-  set,
-  add,
-  delete: deleteFun,
-  clear,
-  has,
-  entries,
-  forEach,
-  keys,
-  values,
-  // 判断Symbol类型，兼容IE
-  [typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']: forOf,
-};
-
-export function createCollectionProxy(rawObj: Object, hookObserver = true): Object {
-  const boundHandler = {};
-  Object.entries(handler).forEach(([id, val]) => {
-    boundHandler[id] = (...args: any[]) => {
-      return (val as any)(...args, hookObserver);
-    };
-  });
-  return new Proxy(rawObj, { ...boundHandler });
-}
-
-function get(rawObj: { size: number }, key: any, receiver: any): any {
-  if (key === 'size') {
-    return size(rawObj);
-  } else if (key === 'get') {
-    return getFun.bind(null, rawObj);
-  } else if (Object.prototype.hasOwnProperty.call(handler, key)) {
-    const value = Reflect.get(handler, key, receiver);
-    return value.bind(null, rawObj);
-  } else if (key === 'watch') {
-    const observer = getObserver(rawObj);
-
-    return (prop: any, handler: (key: string, oldValue: any, newValue: any) => void) => {
-      if (!observer.watchers[prop]) {
-        observer.watchers[prop] = [] as ((key: string, oldValue: any, newValue: any) => void)[];
-      }
-      observer.watchers[prop].push(handler);
-      return () => {
-        observer.watchers[prop] = observer.watchers[prop].filter(cb => cb !== handler);
-      };
-    };
-  }
-
-  return Reflect.get(rawObj, key, receiver);
-}
-
-function getFun(rawObj: { get: (key: any) => any }, key: any) {
-  const observer = getObserver(rawObj);
-  observer.useProp(key);
-
-  const value = rawObj.get(key);
-  // 对于value也需要进一步代理
-  const valProxy = createProxy(value, hookObserverMap.get(rawObj));
-
-  return valProxy;
-}
-
-// Map的set方法
-function set(
-  rawObj: { get: (key: any) => any; set: (key: any, value: any) => any; has: (key: any) => boolean },
-  key: any,
-  value: any
-) {
-  const oldValue = rawObj.get(key);
-  const newValue = value;
-  rawObj.set(key, newValue);
-  const valChange = !isSame(newValue, oldValue);
-  const observer = getObserver(rawObj);
-
-  const mutation = isPanelActive() ? resolveMutation(oldValue, rawObj) : { mutation: true, from: null, to: rawObj };
-
-  if (valChange || !rawObj.has(key)) {
-    observer.setProp(COLLECTION_CHANGE, mutation);
-  }
-
-  if (valChange) {
-    if (observer.watchers?.[key]) {
-      observer.watchers[key].forEach(cb => {
-        cb(key, oldValue, newValue, mutation);
-      });
-    }
-
-    observer.setProp(key, mutation);
-  }
-
-  return rawObj;
-}
-
-// Set的add方法
-function add(rawObj: { add: (any) => void; set: (string, any) => any; has: (any) => boolean }, value: any): Object {
-  const oldCollection = isPanelActive() ? JSON.parse(JSON.stringify(rawObj)) : null;
-  if (!rawObj.has(value)) {
-    rawObj.add(value);
-
-    const observer = getObserver(rawObj);
-    const mutation = isPanelActive()
-      ? resolveMutation(oldCollection, rawObj)
-      : { mutation: true, from: null, to: rawObj };
-    observer.setProp(value, mutation);
-    observer.setProp(COLLECTION_CHANGE, mutation);
-  }
-
-  return rawObj;
-}
-
-function has(rawObj: { has: (string) => boolean }, key: any): boolean {
-  const observer = getObserver(rawObj);
-  observer.useProp(key);
-
-  return rawObj.has(key);
-}
-
-function clear(rawObj: { size: number; clear: () => void }) {
-  const oldSize = rawObj.size;
-  rawObj.clear();
-
-  if (oldSize > 0) {
-    const observer = getObserver(rawObj);
-    observer.allChange();
-  }
-}
-
-function deleteFun(rawObj: { has: (key: any) => boolean; delete: (key: any) => void }, key: any) {
-  const oldCollection = isPanelActive() ? JSON.parse(JSON.stringify(rawObj)) : null;
-  if (rawObj.has(key)) {
-    rawObj.delete(key);
-
-    const observer = getObserver(rawObj);
-    const mutation = isPanelActive()
-      ? resolveMutation(oldCollection, rawObj)
-      : { mutation: true, from: null, to: rawObj };
-    observer.setProp(key, mutation);
-    observer.setProp(COLLECTION_CHANGE, mutation);
-
-    return true;
-  }
-
-  return false;
-}
-
-function size(rawObj: { size: number }) {
-  const observer = getObserver(rawObj);
-  observer.useProp(COLLECTION_CHANGE);
-  return rawObj.size;
-}
-
-function keys(rawObj: { keys: () => { next: () => { value: any; done: boolean } } }) {
-  return wrapIterator(rawObj, rawObj.keys());
-}
-
-function values(rawObj: { values: () => { next: () => { value: any; done: boolean } } }) {
-  return wrapIterator(rawObj, rawObj.values());
-}
-
-function entries(rawObj: { entries: () => { next: () => { value: any; done: boolean } } }) {
-  return wrapIterator(rawObj, rawObj.entries(), true);
-}
-
-function forOf(rawObj: {
-  entries: () => { next: () => { value: any; done: boolean } };
-  values: () => { next: () => { value: any; done: boolean } };
-}) {
-  const isMapType = isMap(rawObj) || isWeakMap(rawObj);
-  const iterator = isMapType ? rawObj.entries() : rawObj.values();
-  return wrapIterator(rawObj, iterator, isMapType);
-}
-
-function forEach(
-  rawObj: { forEach: (callback: (value: any, key: any) => void) => void },
-  callback: (valProxy: any, keyProxy: any, rawObj: any) => void
-) {
-  const observer = getObserver(rawObj);
-  observer.useProp(COLLECTION_CHANGE);
-  rawObj.forEach((value, key) => {
-    const valProxy = createProxy(value, hookObserverMap.get(rawObj));
-    const keyProxy = createProxy(key, hookObserverMap.get(rawObj));
-    // 最后一个参数要返回代理对象
-    return callback(valProxy, keyProxy, rawObj);
-  });
-}
-
-function wrapIterator(rawObj: Object, rawIt: { next: () => { value: any; done: boolean } }, isPair = false) {
-  const observer = getObserver(rawObj);
-  const hookObserver = hookObserverMap.get(rawObj);
-  observer.useProp(COLLECTION_CHANGE);
-
-  return {
-    next() {
-      const { value, done } = rawIt.next();
-      if (done) {
-        return { value: createProxy(value, hookObserver), done };
-      }
-
-      observer.useProp(COLLECTION_CHANGE);
-
-      let newVal;
-      if (isPair) {
-        newVal = [createProxy(value[0], hookObserver), createProxy(value[1], hookObserver)];
-      } else {
-        newVal = createProxy(value, hookObserver);
-      }
-
-      return { value: newVal, done };
-    },
-    // 判断Symbol类型，兼容IE
-    [typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']() {
-      return this;
-    },
-  };
-}
diff --git a/libs/horizon/src/horizonx/proxy/handlers copy/ObjectProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers copy/ObjectProxyHandler.ts
deleted file mode 100644
index 721be056..00000000
--- a/libs/horizon/src/horizonx/proxy/handlers copy/ObjectProxyHandler.ts	
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
- *
- * openGauss is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- *
- *          http://license.coscl.org.cn/MulanPSL2
- *
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- */
-
-import { isSame, resolveMutation } from '../../CommonUtils';
-import { createProxy, getObserver, hookObserverMap } from '../ProxyHandler';
-import { OBSERVER_KEY } from '../../Constants';
-import { isPanelActive } from '../../devtools';
-
-export function createObjectProxy<T extends object>(rawObj: T, singleLevel = false): ProxyHandler<T> {
-  const proxy = new Proxy(rawObj, {
-    get: (...args) => get(...args, singleLevel),
-    set,
-  });
-
-  return proxy;
-}
-
-export function get(rawObj: object, key: string | symbol, receiver: any, singleLevel = false): any {
-  // The observer object of symbol ('_horizonObserver') cannot be accessed from Proxy to prevent errors caused by clonedeep.
-  if (key === OBSERVER_KEY) {
-    return undefined;
-  }
-
-  const observer = getObserver(rawObj);
-
-  if (key === 'watch') {
-    return (prop, handler: (key: string, oldValue: any, newValue: any) => void) => {
-      if (!observer.watchers[prop]) {
-        observer.watchers[prop] = [] as ((key: string, oldValue: any, newValue: any) => void)[];
-      }
-      observer.watchers[prop].push(handler);
-      return () => {
-        observer.watchers[prop] = observer.watchers[prop].filter(cb => cb !== handler);
-      };
-    };
-  }
-
-  if (key === 'addListener') {
-    return observer.addListener.bind(observer);
-  }
-
-  if (key === 'removeListener') {
-    return observer.removeListener.bind(observer);
-  }
-
-  observer.useProp(key);
-
-  const value = Reflect.get(rawObj, key, receiver);
-
-  // 对于prototype不做代理
-  if (key !== 'prototype') {
-    // 对于value也需要进一步代理
-    const valProxy = singleLevel ? value : createProxy(value, hookObserverMap.get(rawObj));
-
-    return valProxy;
-  }
-
-  return value;
-}
-
-export function set(rawObj: object, key: string, value: any, receiver: any): boolean {
-  const oldObject = isPanelActive() ? JSON.parse(JSON.stringify(rawObj)) : null;
-  const observer = getObserver(rawObj);
-
-  const oldValue = rawObj[key];
-  const newValue = value;
-
-  const ret = Reflect.set(rawObj, key, newValue, receiver);
-  const mutation = isPanelActive() ? resolveMutation(oldObject, rawObj) : { mutation: true, from: null, to: rawObj };
-
-  if (!isSame(newValue, oldValue)) {
-    if (observer.watchers?.[key]) {
-      observer.watchers[key].forEach(cb => {
-        cb(key, oldValue, newValue, mutation);
-      });
-    }
-    observer.setProp(key, mutation);
-  }
-  return ret;
-}