From ccbf2b44c725a5ea2d370c65a2a7d834ec694bca Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 28 Sep 2022 16:39:59 +0800
Subject: [PATCH 01/33] Match-id-4b13b18c30c711bb1f976790916f8e43047f285b

---
 libs/horizon/index.ts                         | 24 ++++++-
 libs/horizon/src/external/HorizonIs.ts        | 67 +++++++++++++++++++
 scripts/__tests__/HorizonIsTest/index.test.js | 58 ++++++++++++++++
 3 files changed, 148 insertions(+), 1 deletion(-)
 create mode 100644 libs/horizon/src/external/HorizonIs.ts
 create mode 100644 scripts/__tests__/HorizonIsTest/index.test.js

diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index 4c067a3e..c11b255a 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -30,7 +30,15 @@ import {
 import { asyncUpdates } from './src/renderer/TreeBuilder';
 import { callRenderQueueImmediate } from './src/renderer/taskExecutor/RenderQueue';
 import { runAsyncEffects } from './src/renderer/submit/HookEffectHandler';
-
+import {
+  isContextProvider,
+  isElement,
+  isForwardRef,
+  isFragment,
+  isLazy,
+  isMemo,
+  isPortal,
+} from './src/external/HorizonIs';
 import { createStore, useStore, clearStore } from './src/horizonx/store/StoreHandler';
 import * as reduxAdapter from './src/horizonx/adapters/redux';
 import { watch } from './src/horizonx/proxy/watch';
@@ -87,6 +95,13 @@ const Horizon = {
   clearStore,
   reduxAdapter,
   watch,
+  isFragment,
+  isElement,
+  isForwardRef,
+  isLazy,
+  isMemo,
+  isPortal,
+  isContextProvider
 };
 
 export const version = __VERSION__;
@@ -128,6 +143,13 @@ export {
   clearStore,
   reduxAdapter,
   watch,
+  isFragment,
+  isElement,
+  isForwardRef,
+  isLazy,
+  isMemo,
+  isPortal,
+  isContextProvider
 };
 
 export default Horizon;
diff --git a/libs/horizon/src/external/HorizonIs.ts b/libs/horizon/src/external/HorizonIs.ts
new file mode 100644
index 00000000..fb666530
--- /dev/null
+++ b/libs/horizon/src/external/HorizonIs.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ */
+import {
+  TYPE_COMMON_ELEMENT,
+  TYPE_CONTEXT,
+  TYPE_FORWARD_REF,
+  TYPE_FRAGMENT,
+  TYPE_LAZY,
+  TYPE_MEMO,
+  TYPE_PORTAL,
+  TYPE_PROVIDER,
+  TYPE_SUSPENSE,
+} from './JSXElementType';
+
+function isObject(i) {
+  return Object.prototype.toString.call(i) === '[object Object]';
+}
+
+function getType(ele: any) {
+  if (isObject(ele)) {
+    const type = ele.type;
+    if ([TYPE_FRAGMENT, TYPE_SUSPENSE].includes(type)) {
+      return type;
+    }
+
+    const vtypeOfType = type?.vtype;
+    if ([TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) {
+      return vtypeOfType;
+    }
+
+    const vtype = ele.vtype;
+    if([TYPE_MEMO, TYPE_FORWARD_REF, TYPE_PORTAL].includes(vtype)) {
+      return vtype;
+    }
+  }
+
+  return undefined;
+}
+
+export function isElement(ele: any) {
+  return isObject(ele) && ele.vtype === TYPE_COMMON_ELEMENT;
+}
+
+export function isFragment(ele: any) {
+  return getType(ele) === TYPE_FRAGMENT;
+}
+
+export function isForwardRef(ele: any) {
+  return getType(ele) === TYPE_FORWARD_REF;
+}
+
+export function isLazy(ele: any) {
+  return getType(ele) === TYPE_LAZY;
+}
+
+export function isMemo(ele: any) {
+  return getType(ele) === TYPE_MEMO;
+}
+
+export function isPortal(ele: any) {
+  return getType(ele) === TYPE_PORTAL;
+}
+
+export function isContextProvider(ele: any) {
+  return getType(ele) === TYPE_PROVIDER;
+}
diff --git a/scripts/__tests__/HorizonIsTest/index.test.js b/scripts/__tests__/HorizonIsTest/index.test.js
new file mode 100644
index 00000000..5a4b47e1
--- /dev/null
+++ b/scripts/__tests__/HorizonIsTest/index.test.js
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ */
+
+import * as Horizon from '@cloudsop/horizon/index.ts';
+
+function App() {
+  return <></>;
+}
+
+describe('HorizonIs', () => {
+  it('should identify horizon elements', () => {
+    expect(Horizon.isElement(<div />)).toBe(true);
+    expect(Horizon.isElement('span')).toBe(false);
+    expect(Horizon.isElement(111)).toBe(false);
+    expect(Horizon.isElement(false)).toBe(false);
+    expect(Horizon.isElement(null)).toBe(false);
+    expect(Horizon.isElement([])).toBe(false);
+    expect(Horizon.isElement({})).toBe(false);
+    expect(Horizon.isElement(undefined)).toBe(false);
+
+    const TestContext = Horizon.createContext(false);
+    expect(Horizon.isElement(<TestContext.Provider />)).toBe(true);
+    expect(Horizon.isElement(<TestContext.Consumer />)).toBe(true);
+    expect(Horizon.isElement(<></>)).toBe(true);
+    expect(Horizon.isElement(<Horizon.Suspense />)).toBe(true);
+  });
+
+  it('should identify Fragment', () => {
+    expect(Horizon.isFragment(<></>)).toBe(true);
+  });
+
+  it('should identify memo component', () => {
+    const memo = Horizon.memo(App);
+    expect(Horizon.isMemo(memo)).toBe(true);
+  });
+
+  it('should identify forwardRef', () => {
+    const ForwardRefComp = Horizon.forwardRef(App);
+    expect(Horizon.isForwardRef(<ForwardRefComp />)).toBe(true);
+  });
+
+  it('should identify lazy', () => {
+    const LazyComp = Horizon.lazy(() => App);
+    expect(Horizon.isLazy(<LazyComp />)).toBe(true);
+  });
+
+  it('should identify portal', () => {
+    const portal = Horizon.createPortal(<div />, container);
+    expect(Horizon.isPortal(portal)).toBe(true);
+  });
+
+  it('should identify ContextProvider', () => {
+    const TestContext = Horizon.createContext(false);
+    expect(Horizon.isContextProvider(<TestContext.Provider />)).toBe(true);
+    expect(Horizon.isContextProvider(<TestContext.Consumer />)).toBe(false);
+  });
+});

From 0c13e7c7de2bd2fac46707bfe197464e9c6cf0a4 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 28 Sep 2022 17:10:18 +0800
Subject: [PATCH 02/33] Match-id-98ddbf9f0fc3a569ddf1eedfc960b09377dbc737

---
 libs/horizon/index.ts                         |  7 +++++--
 libs/horizon/src/external/HorizonIs.ts        | 21 +++++++++++++++----
 scripts/__tests__/HorizonIsTest/index.test.js |  6 ++++--
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index c11b255a..05aa5d6f 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -32,6 +32,7 @@ import { callRenderQueueImmediate } from './src/renderer/taskExecutor/RenderQueu
 import { runAsyncEffects } from './src/renderer/submit/HookEffectHandler';
 import {
   isContextProvider,
+  isContextConsumer,
   isElement,
   isForwardRef,
   isFragment,
@@ -101,7 +102,8 @@ const Horizon = {
   isLazy,
   isMemo,
   isPortal,
-  isContextProvider
+  isContextProvider,
+  isContextConsumer
 };
 
 export const version = __VERSION__;
@@ -149,7 +151,8 @@ export {
   isLazy,
   isMemo,
   isPortal,
-  isContextProvider
+  isContextProvider,
+  isContextConsumer
 };
 
 export default Horizon;
diff --git a/libs/horizon/src/external/HorizonIs.ts b/libs/horizon/src/external/HorizonIs.ts
index fb666530..e2301e9e 100644
--- a/libs/horizon/src/external/HorizonIs.ts
+++ b/libs/horizon/src/external/HorizonIs.ts
@@ -13,10 +13,18 @@ import {
   TYPE_SUSPENSE,
 } from './JSXElementType';
 
-function isObject(i) {
-  return Object.prototype.toString.call(i) === '[object Object]';
+function isObject(anyThing) {
+  return Object.prototype.toString.call(anyThing) === '[object Object]';
 }
 
+/**
+ * 获取传入的element的类型
+ * 1. fragment, suspense 属于内置标签，类型位于type
+ * 2. memo, lazy, forwardRef 属于包装函数，产生新的对象，类型位于type.vtype
+ * 3. Context.Provider/Consumer 的类型是框架定义的对象，类型位于type.vtype
+ * 4. portal比较特殊，函数结果直接可以作为element，类型位于vtype
+ * @param ele
+ */
 function getType(ele: any) {
   if (isObject(ele)) {
     const type = ele.type;
@@ -25,12 +33,12 @@ function getType(ele: any) {
     }
 
     const vtypeOfType = type?.vtype;
-    if ([TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) {
+    if ([TYPE_MEMO, TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) {
       return vtypeOfType;
     }
 
     const vtype = ele.vtype;
-    if([TYPE_MEMO, TYPE_FORWARD_REF, TYPE_PORTAL].includes(vtype)) {
+    if(TYPE_PORTAL === vtype) {
       return vtype;
     }
   }
@@ -65,3 +73,8 @@ export function isPortal(ele: any) {
 export function isContextProvider(ele: any) {
   return getType(ele) === TYPE_PROVIDER;
 }
+
+// Context.consumer的类型就是context的类型
+export function isContextConsumer(ele: any) {
+  return getType(ele) === TYPE_CONTEXT;
+}
diff --git a/scripts/__tests__/HorizonIsTest/index.test.js b/scripts/__tests__/HorizonIsTest/index.test.js
index 5a4b47e1..0fe87e87 100644
--- a/scripts/__tests__/HorizonIsTest/index.test.js
+++ b/scripts/__tests__/HorizonIsTest/index.test.js
@@ -31,8 +31,8 @@ describe('HorizonIs', () => {
   });
 
   it('should identify memo component', () => {
-    const memo = Horizon.memo(App);
-    expect(Horizon.isMemo(memo)).toBe(true);
+    const MemoComp = Horizon.memo(App);
+    expect(Horizon.isMemo(<MemoComp />)).toBe(true);
   });
 
   it('should identify forwardRef', () => {
@@ -54,5 +54,7 @@ describe('HorizonIs', () => {
     const TestContext = Horizon.createContext(false);
     expect(Horizon.isContextProvider(<TestContext.Provider />)).toBe(true);
     expect(Horizon.isContextProvider(<TestContext.Consumer />)).toBe(false);
+    expect(Horizon.isContextConsumer(<TestContext.Provider />)).toBe(false);
+    expect(Horizon.isContextConsumer(<TestContext.Consumer />)).toBe(true);
   });
 });

From 83a64c0a7944fcadaa9fb18c2847cebdfa74657a Mon Sep 17 00:00:00 2001
From: * <8>
Date: Thu, 29 Sep 2022 10:49:52 +0800
Subject: [PATCH 03/33] Match-id-ec8a8f9972bcae8740d613b2cd548e345cc6b188

---
 libs/horizon/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index 05aa5d6f..eae3c451 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -145,6 +145,7 @@ export {
   clearStore,
   reduxAdapter,
   watch,
+  // 兼容ReactIs
   isFragment,
   isElement,
   isForwardRef,

From b990abb748084ac101c4d2c9f6fce14e2966dbe5 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Sat, 8 Oct 2022 11:54:03 +0800
Subject: [PATCH 04/33] Match-id-18248370ee22699bae092800d3caf4cf65b1a782

---
 .cloudbuild/release.js                        |  13 +-
 .eslintrc.js                                  |  15 +++
 .prettierrc.js                                |  15 +++
 License                                       | 125 ++++++++++++++++++
 babel.config.js                               |  15 +++
 jest.config.js                                |  15 +++
 libs/horizon/global.d.ts                      |  15 +++
 libs/horizon/index.ts                         |  15 +++
 libs/horizon/npm/index.js                     |  15 +++
 libs/horizon/src/dom/DOMExternal.ts           |  15 +++
 libs/horizon/src/dom/DOMInternalKeys.ts       |  15 +++
 libs/horizon/src/dom/DOMOperator.ts           |  15 +++
 .../DOMPropertiesHandler.ts                   |  15 +++
 .../dom/DOMPropertiesHandler/StyleHandler.ts  |  15 +++
 .../DOMPropertiesHandler/UpdateCommonProp.ts  |  15 +++
 libs/horizon/src/dom/SelectionRangeHandler.ts |  15 +++
 libs/horizon/src/dom/utils/Common.ts          |  15 +++
 libs/horizon/src/dom/utils/DomCreator.ts      |  15 +++
 libs/horizon/src/dom/utils/Interface.ts       |  15 +++
 .../src/dom/validators/PropertiesData.ts      |  15 +++
 .../src/dom/validators/ValidateProps.ts       |  15 +++
 .../src/dom/valueHandler/InputValueHandler.ts |  15 +++
 .../dom/valueHandler/OptionValueHandler.ts    |  15 +++
 .../dom/valueHandler/SelectValueHandler.ts    |  15 +++
 .../dom/valueHandler/TextareaValueHandler.ts  |  15 +++
 .../dom/valueHandler/ValueChangeHandler.ts    |  15 +++
 libs/horizon/src/dom/valueHandler/index.ts    |  15 +++
 libs/horizon/src/event/EventBinding.ts        |  15 +++
 libs/horizon/src/event/EventHub.ts            |  15 +++
 libs/horizon/src/event/EventWrapper.ts        |  15 +++
 libs/horizon/src/event/FormValueController.ts |  13 +-
 libs/horizon/src/event/HorizonEventMain.ts    |  15 +++
 libs/horizon/src/event/ListenerGetter.ts      |  15 +++
 libs/horizon/src/event/Types.ts               |  15 +++
 libs/horizon/src/event/utils.ts               |  15 +++
 libs/horizon/src/external/ChildrenUtil.ts     |  15 +++
 libs/horizon/src/external/HorizonIs.ts        |  13 +-
 libs/horizon/src/external/JSXElement.ts       |  15 +++
 libs/horizon/src/external/JSXElementType.ts   |  15 +++
 libs/horizon/src/external/devtools.ts         |  15 +++
 libs/horizon/src/horizonx/CommonUtils.js      |  15 +++
 libs/horizon/src/horizonx/Constants.ts        |  15 +++
 libs/horizon/src/horizonx/adapters/redux.ts   |  15 +++
 .../src/horizonx/adapters/reduxReact.ts       |  15 +++
 .../src/horizonx/adapters/reduxThunk.ts       |  15 +++
 .../src/horizonx/proxy/HooklessObserver.ts    |  15 +++
 libs/horizon/src/horizonx/proxy/Observer.ts   |  15 +++
 .../src/horizonx/proxy/ProxyHandler.ts        |  15 +++
 .../proxy/handlers/ArrayProxyHandler.ts       |  15 +++
 .../proxy/handlers/CollectionProxyHandler.ts  |  15 +++
 .../proxy/handlers/ObjectProxyHandler.ts      |  15 +++
 .../src/horizonx/proxy/readonlyProxy.ts       |  15 +++
 libs/horizon/src/horizonx/proxy/watch.ts      |  15 +++
 .../src/horizonx/store/StoreHandler.ts        |  15 +++
 libs/horizon/src/horizonx/types.d.ts          |  15 +++
 libs/horizon/src/renderer/ContextSaver.ts     |  15 +++
 libs/horizon/src/renderer/ErrorHandler.ts     |  15 +++
 libs/horizon/src/renderer/ExecuteMode.ts      |  15 +++
 libs/horizon/src/renderer/GlobalVar.ts        |  15 +++
 libs/horizon/src/renderer/Renderer.ts         |  15 +++
 libs/horizon/src/renderer/RootStack.ts        |  13 +-
 libs/horizon/src/renderer/TreeBuilder.ts      |  15 +++
 libs/horizon/src/renderer/Types.ts            |  15 +++
 libs/horizon/src/renderer/UpdateHandler.ts    |  15 +++
 .../renderer/components/BaseClassComponent.ts |  15 +++
 .../src/renderer/components/CreatePortal.ts   |  15 +++
 .../src/renderer/components/CreateRef.ts      |  15 +++
 .../src/renderer/components/ForwardRef.ts     |  15 +++
 libs/horizon/src/renderer/components/Lazy.ts  |  15 +++
 libs/horizon/src/renderer/components/Memo.ts  |  15 +++
 .../renderer/components/context/Context.ts    |  15 +++
 .../components/context/CreateContext.ts       |  15 +++
 libs/horizon/src/renderer/diff/DiffTools.ts   |  15 +++
 .../src/renderer/diff/nodeDiffComparator.ts   |  15 +++
 libs/horizon/src/renderer/hooks/BaseHook.ts   |  15 +++
 .../src/renderer/hooks/EffectConstant.js      |  15 +++
 .../src/renderer/hooks/HookExternal.ts        |  15 +++
 libs/horizon/src/renderer/hooks/HookMain.ts   |  15 +++
 libs/horizon/src/renderer/hooks/HookStage.ts  |  15 +++
 libs/horizon/src/renderer/hooks/HookType.ts   |  15 +++
 .../src/renderer/hooks/UseCallbackHook.ts     |  15 +++
 .../src/renderer/hooks/UseEffectHook.ts       |  15 +++
 .../src/renderer/hooks/UseImperativeHook.ts   |  15 +++
 .../horizon/src/renderer/hooks/UseMemoHook.ts |  15 +++
 .../src/renderer/hooks/UseReducerHook.ts      |  15 +++
 libs/horizon/src/renderer/hooks/UseRefHook.ts |  15 +++
 .../src/renderer/hooks/UseStateHook.ts        |  15 +++
 .../src/renderer/render/BaseComponent.ts      |  15 +++
 .../src/renderer/render/ClassComponent.ts     |  15 +++
 .../src/renderer/render/ContextConsumer.ts    |  15 +++
 .../src/renderer/render/ContextProvider.ts    |  15 +++
 .../src/renderer/render/DomComponent.ts       |  15 +++
 libs/horizon/src/renderer/render/DomPortal.ts |  15 +++
 libs/horizon/src/renderer/render/DomText.ts   |  15 +++
 .../horizon/src/renderer/render/ForwardRef.ts |  15 +++
 libs/horizon/src/renderer/render/Fragment.ts  |  15 +++
 .../src/renderer/render/FunctionComponent.ts  |  15 +++
 .../src/renderer/render/LazyComponent.ts      |  15 +++
 .../src/renderer/render/MemoComponent.ts      |  15 +++
 .../src/renderer/render/SuspenseComponent.ts  |  15 +++
 libs/horizon/src/renderer/render/TreeRoot.ts  |  15 +++
 .../render/class/ClassLifeCycleProcessor.ts   |  15 +++
 libs/horizon/src/renderer/render/index.ts     |  15 +++
 .../src/renderer/submit/HookEffectHandler.ts  |  21 ++-
 .../src/renderer/submit/LifeCycleHandler.ts   |  15 +++
 libs/horizon/src/renderer/submit/Submit.ts    |  15 +++
 .../src/renderer/taskExecutor/BrowserAsync.ts |  15 +++
 .../src/renderer/taskExecutor/RenderQueue.ts  |  15 +++
 .../src/renderer/taskExecutor/TaskExecutor.ts |  15 +++
 .../src/renderer/taskExecutor/TaskQueue.ts    |  15 +++
 libs/horizon/src/renderer/utils/compare.ts    |  15 +++
 .../horizon/src/renderer/utils/throwIfTrue.ts |  15 +++
 libs/horizon/src/renderer/utils/vNodePath.ts  |  15 +++
 libs/horizon/src/renderer/vnode/VNode.ts      |  15 +++
 .../src/renderer/vnode/VNodeCreator.ts        |  15 +++
 libs/horizon/src/renderer/vnode/VNodeFlags.ts |  15 +++
 .../src/renderer/vnode/VNodeShouldUpdate.ts   |  15 +++
 libs/horizon/src/renderer/vnode/VNodeTags.ts  |  15 +++
 libs/horizon/src/renderer/vnode/VNodeUtils.ts |  15 +++
 .../ComponentTest/ComponentError.test.js      |  19 ++-
 .../__tests__/ComponentTest/Context.test.js   |  15 +++
 .../ComponentTest/DiffAlgorithm.test.js       |  13 +-
 .../ComponentTest/ForwardRef.test.js          |  15 +++
 .../ComponentTest/FragmentComponent.test.js   |  17 ++-
 .../ComponentTest/FunctionComponent.test.js   |  17 ++-
 .../HookTest/UseCallback.test.js              |  15 +++
 .../ComponentTest/HookTest/UseContext.test.js |  15 +++
 .../ComponentTest/HookTest/UseEffect.test.js  |  15 +++
 .../HookTest/UseImperativeHandle.test.js      |  15 +++
 .../HookTest/UseLayoutEffect.test.js          |  15 +++
 .../ComponentTest/HookTest/UseMemo.test.js    |  15 +++
 .../ComponentTest/HookTest/UseReducer.test.js |  15 +++
 .../ComponentTest/HookTest/UseRef.test.js     |  15 +++
 .../ComponentTest/HookTest/UseState.test.js   |  15 +++
 .../ComponentTest/LazyComponent.test.js       |  15 +++
 .../__tests__/ComponentTest/LifeCycle.test.js |  15 +++
 scripts/__tests__/ComponentTest/Memo.test.js  |  13 +-
 .../ComponentTest/PortalComponent.test.js     |  15 +++
 .../ComponentTest/SuspenseComponent.test.js   |  15 +++
 scripts/__tests__/DomTest/Attribute.test.js   |  15 +++
 scripts/__tests__/DomTest/DomInput.test.js    |  15 +++
 scripts/__tests__/DomTest/DomSelect.test.js   |  15 +++
 scripts/__tests__/DomTest/DomTextarea.test.js |  15 +++
 scripts/__tests__/EventTest/EventMain.test.js |  15 +++
 .../__tests__/EventTest/FocusEvent.test.js    |  15 +++
 .../__tests__/EventTest/KeyboardEvent.test.js |  15 +++
 .../__tests__/EventTest/MouseEvent.test.js    |  15 +++
 .../__tests__/EventTest/WheelEvent.test.js    |  17 ++-
 scripts/__tests__/HorizonIsTest/index.test.js |  13 +-
 .../StateManager/StateArray.test.tsx          |  15 +++
 .../StateManager/StateMap.test.tsx            |  15 +++
 .../StateManager/StateMixType.test.tsx        |  15 +++
 .../StateManager/StateSet.test.tsx            |  15 +++
 .../StateManager/StateWeakMap.test.tsx        |  15 +++
 .../StateManager/StateWeakSet.test.tsx        |  15 +++
 .../StoreFunctionality/async.test.tsx         |  15 +++
 .../StoreFunctionality/basicAccess.test.tsx   |  25 +++-
 .../StoreFunctionality/cloneDeep.test.js      |  15 +++
 .../StoreFunctionality/dollarAccess.test.tsx  |  15 +++
 .../StoreFunctionality/otherCases.test.tsx    |  15 +++
 .../HorizonXText/StoreFunctionality/reset.js  |  15 +++
 .../HorizonXText/StoreFunctionality/store.ts  |  15 +++
 .../StoreFunctionality/watch.test.tsx         |  15 +++
 .../adapters/ReduxAdapter.test.tsx            |  15 +++
 .../adapters/ReduxAdapterThunk.test.tsx       |  15 +++
 .../adapters/ReduxReactAdapter.test.tsx       |  15 +++
 .../class/ClassException.test.tsx             |  15 +++
 .../class/ClassStateArray.test.tsx            |  15 +++
 .../HorizonXText/class/ClassStateMap.test.tsx |  15 +++
 .../clear/ClassVNodeClear.test.tsx            |  15 +++
 .../clear/FunctionVNodeClear.test.tsx         |  15 +++
 .../edgeCases/multipleStores.test.tsx         |  15 +++
 .../HorizonXText/edgeCases/proxy.test.tsx     |  15 +++
 scripts/__tests__/jest/commonComponents.js    |  15 +++
 scripts/__tests__/jest/jestEnvironment.js     |  15 +++
 scripts/__tests__/jest/jestSetting.js         |  15 +++
 scripts/__tests__/jest/logUtils.js            |  15 +++
 scripts/__tests__/jest/testUtils.js           |  15 +++
 .../__tests__/utils/dispatchChangeEvent.js    |  13 +-
 scripts/gen3rdLib.js                          |  15 +++
 scripts/rollup/copy-plugin.js                 |  15 +++
 scripts/rollup/rollup.config.js               |  15 +++
 182 files changed, 2829 insertions(+), 21 deletions(-)
 create mode 100644 License

diff --git a/.cloudbuild/release.js b/.cloudbuild/release.js
index be212829..4e9edfb0 100644
--- a/.cloudbuild/release.js
+++ b/.cloudbuild/release.js
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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.
  */
 
 const fs = require('fs');
diff --git a/.eslintrc.js b/.eslintrc.js
index 43a84822..860de8a4 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 module.exports = {
   extends: [
     'eslint:recommended',
diff --git a/.prettierrc.js b/.prettierrc.js
index 18746c04..9835a18f 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 'use strict';
 
 module.exports = {
diff --git a/License b/License
new file mode 100644
index 00000000..0d8d3801
--- /dev/null
+++ b/License
@@ -0,0 +1,125 @@
+木兰宽松许可证, 第2版
+木兰宽松许可证， 第2版
+
+2020年1月 http://license.coscl.org.cn/MulanPSL2
+
+您对“软件”的复制、使用、修改及分发受木兰宽松许可证，第2版（“本许可证”）的如下条款的约束：
+
+0.   定义
+
+“软件” 是指由“贡献”构成的许可在“本许可证”下的程序和相关文档的集合。
+
+“贡献” 是指由任一“贡献者”许可在“本许可证”下的受版权法保护的作品。
+
+“贡献者” 是指将受版权法保护的作品许可在“本许可证”下的自然人或“法人实体”。
+
+“法人实体” 是指提交贡献的机构及其“关联实体”。
+
+“关联实体” 是指，对“本许可证”下的行为方而言，控制、受控制或与其共同受控制的机构，此处的控制是指有受控方或共同受控方至少50%直接或间接的投票权、资金或其他有价证券。
+
+1.   授予版权许可
+
+每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的版权许可，您可以复制、使用、修改、分发其“贡献”，不论修改与否。
+
+2.   授予专利许可
+
+每个“贡献者”根据“本许可证”授予您永久性的、全球性的、免费的、非独占的、不可撤销的（根据本条规定撤销除外）专利许可，供您制造、委托制造、使用、许诺销售、销售、进口其“贡献”或以其他方式转移其“贡献”。前述专利许可仅限于“贡献者”现在或将来拥有或控制的其“贡献”本身或其“贡献”与许可“贡献”时的“软件”结合而将必然会侵犯的专利权利要求，不包括对“贡献”的修改或包含“贡献”的其他结合。如果您或您的“关联实体”直接或间接地，就“软件”或其中的“贡献”对任何人发起专利侵权诉讼（包括反诉或交叉诉讼）或其他专利维权行动，指控其侵犯专利权，则“本许可证”授予您对“软件”的专利许可自您提起诉讼或发起维权行动之日终止。
+
+3.   无商标许可
+
+“本许可证”不提供对“贡献者”的商品名称、商标、服务标志或产品名称的商标许可，但您为满足第4条规定的声明义务而必须使用除外。
+
+4.   分发限制
+
+您可以在任何媒介中将“软件”以源程序形式或可执行形式重新分发，不论修改与否，但您必须向接收者提供“本许可证”的副本，并保留“软件”中的版权、商标、专利及免责声明。
+
+5.   免责声明与责任限制
+
+“软件”及其中的“贡献”在提供时不带任何明示或默示的担保。在任何情况下，“贡献者”或版权所有者不对任何人因使用“软件”或其中的“贡献”而引发的任何直接或间接损失承担责任，不论因何种原因导致或者基于何种法律理论，即使其曾被建议有此种损失的可能性。
+
+6.   语言
+
+“本许可证”以中英文双语表述，中英文版本具有同等法律效力。如果中英文版本存在任何冲突不一致，以中文版为准。
+
+条款结束
+
+如何将木兰宽松许可证，第2版，应用到您的软件
+
+如果您希望将木兰宽松许可证，第2版，应用到您的新软件，为了方便接收者查阅，建议您完成如下三步：
+
+1， 请您补充如下声明中的空白，包括软件名、软件的首次发表年份以及您作为版权人的名字；
+
+2， 请您在软件包的一级目录下创建以“LICENSE”为名的文件，将整个许可证文本放入该文件中；
+
+3， 请将如下声明文本放入每个源文件的头部注释中。
+
+Copyright (c) [Year] [name of copyright holder]
+[Software Name] 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.
+Mulan Permissive Software License，Version 2
+Mulan Permissive Software License，Version 2 (Mulan PSL v2)
+
+January 2020 http://license.coscl.org.cn/MulanPSL2
+
+Your reproduction, use, modification and distribution of the Software shall be subject to Mulan PSL v2 (this License) with the following terms and conditions:
+
+0. Definition
+
+Software means the program and related documents which are licensed under this License and comprise all Contribution(s).
+
+Contribution means the copyrightable work licensed by a particular Contributor under this License.
+
+Contributor means the Individual or Legal Entity who licenses its copyrightable work under this License.
+
+Legal Entity means the entity making a Contribution and all its Affiliates.
+
+Affiliates means entities that control, are controlled by, or are under common control with the acting entity under this License, ‘control’ means direct or indirect ownership of at least fifty percent (50%) of the voting power, capital or other securities of controlled or commonly controlled entity.
+
+1. Grant of Copyright License
+
+Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable copyright license to reproduce, use, modify, or distribute its Contribution, with modification or not.
+
+2. Grant of Patent License
+
+Subject to the terms and conditions of this License, each Contributor hereby grants to you a perpetual, worldwide, royalty-free, non-exclusive, irrevocable (except for revocation under this Section) patent license to make, have made, use, offer for sale, sell, import or otherwise transfer its Contribution, where such patent license is only limited to the patent claims owned or controlled by such Contributor now or in future which will be necessarily infringed by its Contribution alone, or by combination of the Contribution with the Software to which the Contribution was contributed. The patent license shall not apply to any modification of the Contribution, and any other combination which includes the Contribution. If you or your Affiliates directly or indirectly institute patent litigation (including a cross claim or counterclaim in a litigation) or other patent enforcement activities against any individual or entity by alleging that the Software or any Contribution in it infringes patents, then any patent license granted to you under this License for the Software shall terminate as of the date such litigation or activity is filed or taken.
+
+3. No Trademark License
+
+No trademark license is granted to use the trade names, trademarks, service marks, or product names of Contributor, except as required to fulfill notice requirements in section 4.
+
+4. Distribution Restriction
+
+You may distribute the Software in any medium with or without modification, whether in source or executable forms, provided that you provide recipients with a copy of this License and retain copyright, patent, trademark and disclaimer statements in the Software.
+
+5. Disclaimer of Warranty and Limitation of Liability
+
+THE SOFTWARE AND CONTRIBUTION IN IT ARE PROVIDED WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. IN NO EVENT SHALL ANY CONTRIBUTOR OR COPYRIGHT HOLDER BE LIABLE TO YOU FOR ANY DAMAGES, INCLUDING, BUT NOT LIMITED TO ANY DIRECT, OR INDIRECT, SPECIAL OR CONSEQUENTIAL DAMAGES ARISING FROM YOUR USE OR INABILITY TO USE THE SOFTWARE OR THE CONTRIBUTION IN IT, NO MATTER HOW IT’S CAUSED OR BASED ON WHICH LEGAL THEORY, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+6. Language
+
+THIS LICENSE IS WRITTEN IN BOTH CHINESE AND ENGLISH, AND THE CHINESE VERSION AND ENGLISH VERSION SHALL HAVE THE SAME LEGAL EFFECT. IN THE CASE OF DIVERGENCE BETWEEN THE CHINESE AND ENGLISH VERSIONS, THE CHINESE VERSION SHALL PREVAIL.
+
+END OF THE TERMS AND CONDITIONS
+
+How to Apply the Mulan Permissive Software License，Version 2 (Mulan PSL v2) to Your Software
+
+To apply the Mulan PSL v2 to your work, for easy identification by recipients, you are suggested to complete following three steps:
+
+Fill in the blanks in following statement, including insert your software name, the year of the first publication of your software, and your name identified as the copyright owner;
+Create a file named "LICENSE" which contains the whole context of this License in the first directory of your software package;
+Attach the statement to the appropriate annotated syntax at the beginning of each source file.
+Copyright (c) [Year] [name of copyright holder]
+[Software Name] 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.
diff --git a/babel.config.js b/babel.config.js
index dd703552..46b2d085 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 module.exports = {
   presets: ['@babel/preset-typescript', ['@babel/preset-env', { targets: { node: 'current' } }]],
   plugins: [
diff --git a/jest.config.js b/jest.config.js
index c0193a04..ddff3e15 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 module.exports = {
   coverageDirectory: 'coverage',
   resetModules: true,
diff --git a/libs/horizon/global.d.ts b/libs/horizon/global.d.ts
index a3777f70..34c32508 100644
--- a/libs/horizon/global.d.ts
+++ b/libs/horizon/global.d.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /*
   区分是否开发者模式
  */
diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index eae3c451..ebd80121 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   TYPE_FRAGMENT as Fragment,
   TYPE_PROFILER as Profiler,
diff --git a/libs/horizon/npm/index.js b/libs/horizon/npm/index.js
index 5e307ea8..c2cf8335 100644
--- a/libs/horizon/npm/index.js
+++ b/libs/horizon/npm/index.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
diff --git a/libs/horizon/src/dom/DOMExternal.ts b/libs/horizon/src/dom/DOMExternal.ts
index 0baa43c2..556f5952 100644
--- a/libs/horizon/src/dom/DOMExternal.ts
+++ b/libs/horizon/src/dom/DOMExternal.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { asyncUpdates, getFirstCustomDom, syncUpdates, startUpdate, createTreeRootVNode } from '../renderer/Renderer';
 import { createPortal } from '../renderer/components/CreatePortal';
 import type { Container } from './DOMOperator';
diff --git a/libs/horizon/src/dom/DOMInternalKeys.ts b/libs/horizon/src/dom/DOMInternalKeys.ts
index f389a0cf..056793ca 100644
--- a/libs/horizon/src/dom/DOMInternalKeys.ts
+++ b/libs/horizon/src/dom/DOMInternalKeys.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 文件整体功能：给dom节点赋 VNode 的结构体和事件初始化标记
  */
diff --git a/libs/horizon/src/dom/DOMOperator.ts b/libs/horizon/src/dom/DOMOperator.ts
index dfa668de..8e944175 100644
--- a/libs/horizon/src/dom/DOMOperator.ts
+++ b/libs/horizon/src/dom/DOMOperator.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   saveVNode,
   updateVNodeProps,
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts b/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
index 0d9dc259..d8e64743 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { allDelegatedHorizonEvents } from '../../event/EventHub';
 import { updateCommonProp } from './UpdateCommonProp';
 import { setStyles } from './StyleHandler';
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts b/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
index b93e1581..fea7e9d2 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 function isNeedUnitCSS(styleName: string) {
   return !(noUnitCSS.includes(styleName)
     || styleName.startsWith('borderImage')
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
index 468408ac..7800addf 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   getPropDetails,
   PROPERTY_TYPE,
diff --git a/libs/horizon/src/dom/SelectionRangeHandler.ts b/libs/horizon/src/dom/SelectionRangeHandler.ts
index 284faa41..8ed611f8 100644
--- a/libs/horizon/src/dom/SelectionRangeHandler.ts
+++ b/libs/horizon/src/dom/SelectionRangeHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 处理文本框、输入框中框选范围内的数据
  */
diff --git a/libs/horizon/src/dom/utils/Common.ts b/libs/horizon/src/dom/utils/Common.ts
index 3ed6a462..1926f185 100644
--- a/libs/horizon/src/dom/utils/Common.ts
+++ b/libs/horizon/src/dom/utils/Common.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {HorizonDom} from './Interface';
 import {Props} from '../DOMOperator';
 
diff --git a/libs/horizon/src/dom/utils/DomCreator.ts b/libs/horizon/src/dom/utils/DomCreator.ts
index 360aea81..31f30544 100644
--- a/libs/horizon/src/dom/utils/DomCreator.ts
+++ b/libs/horizon/src/dom/utils/DomCreator.ts
@@ -1,4 +1,19 @@
 
+/*
+ * 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.
+ */
+
 export const NSS = {
   html: 'http://www.w3.org/1999/xhtml',
   math: 'http://www.w3.org/1998/Math/MathML',
diff --git a/libs/horizon/src/dom/utils/Interface.ts b/libs/horizon/src/dom/utils/Interface.ts
index b6a901e3..dd8e2c52 100644
--- a/libs/horizon/src/dom/utils/Interface.ts
+++ b/libs/horizon/src/dom/utils/Interface.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export interface Props {
   [propName: string]: any;
 }
diff --git a/libs/horizon/src/dom/validators/PropertiesData.ts b/libs/horizon/src/dom/validators/PropertiesData.ts
index 70645aae..f2db0dd8 100644
--- a/libs/horizon/src/dom/validators/PropertiesData.ts
+++ b/libs/horizon/src/dom/validators/PropertiesData.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /* eslint-disable no-sparse-arrays */
 
 // 属性值的数据类型
diff --git a/libs/horizon/src/dom/validators/ValidateProps.ts b/libs/horizon/src/dom/validators/ValidateProps.ts
index 9dcf4a23..48de7df2 100644
--- a/libs/horizon/src/dom/validators/ValidateProps.ts
+++ b/libs/horizon/src/dom/validators/ValidateProps.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   getPropDetails, PROPERTY_TYPE, PropDetails,
 } from './PropertiesData';
diff --git a/libs/horizon/src/dom/valueHandler/InputValueHandler.ts b/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
index d9e9f8ef..ee374e43 100644
--- a/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { updateCommonProp } from '../DOMPropertiesHandler/UpdateCommonProp';
 import { Props } from '../utils/Interface';
 
diff --git a/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts b/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
index 3f867293..89f33bc7 100644
--- a/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { Children } from '../../external/ChildrenUtil';
 import { Props } from '../utils/Interface';
 
diff --git a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
index c651432b..ed78b5c9 100644
--- a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {HorizonSelect, Props} from '../utils/Interface';
 
 function updateMultipleValue(options, newValues) {
diff --git a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
index dd87c6ae..595fd663 100644
--- a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {Props} from '../utils/Interface';
 
 
diff --git a/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts b/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
index 134e980e..d95c2be5 100644
--- a/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * Horizon的输入框和文本框的change事件在原生的change事件上做了一层处理
  * 只有值发生变化时才会触发change事件。
diff --git a/libs/horizon/src/dom/valueHandler/index.ts b/libs/horizon/src/dom/valueHandler/index.ts
index 178727d5..828190e0 100644
--- a/libs/horizon/src/dom/valueHandler/index.ts
+++ b/libs/horizon/src/dom/valueHandler/index.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * <input> <textarea> <select> <option> 对 value 做了特殊处理
  * 处理组件被代理和不被代理情况下的不同逻辑
diff --git a/libs/horizon/src/event/EventBinding.ts b/libs/horizon/src/event/EventBinding.ts
index 9236eaa6..3a6819ac 100644
--- a/libs/horizon/src/event/EventBinding.ts
+++ b/libs/horizon/src/event/EventBinding.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 事件绑定实现，分为绑定委托事件和非委托事件
  */
diff --git a/libs/horizon/src/event/EventHub.ts b/libs/horizon/src/event/EventHub.ts
index b357730a..35ad13ac 100644
--- a/libs/horizon/src/event/EventHub.ts
+++ b/libs/horizon/src/event/EventHub.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // 需要委托的horizon事件和原生事件对应关系
 export const allDelegatedHorizonEvents = new Map();
 // 所有委托的原生事件集合
diff --git a/libs/horizon/src/event/EventWrapper.ts b/libs/horizon/src/event/EventWrapper.ts
index 37098a8e..6e922129 100644
--- a/libs/horizon/src/event/EventWrapper.ts
+++ b/libs/horizon/src/event/EventWrapper.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // 兼容IE的event key
 import { AnyNativeEvent } from './Types';
 
diff --git a/libs/horizon/src/event/FormValueController.ts b/libs/horizon/src/event/FormValueController.ts
index 931f33b2..a8a5b514 100644
--- a/libs/horizon/src/event/FormValueController.ts
+++ b/libs/horizon/src/event/FormValueController.ts
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 { getVNodeProps } from '../dom/DOMInternalKeys';
diff --git a/libs/horizon/src/event/HorizonEventMain.ts b/libs/horizon/src/event/HorizonEventMain.ts
index 80dd9ddb..ea5fb202 100644
--- a/libs/horizon/src/event/HorizonEventMain.ts
+++ b/libs/horizon/src/event/HorizonEventMain.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { AnyNativeEvent, ListenerUnitList } from './Types';
 import type { VNode } from '../renderer/Types';
 import { isInputElement, setPropertyWritable } from './utils';
diff --git a/libs/horizon/src/event/ListenerGetter.ts b/libs/horizon/src/event/ListenerGetter.ts
index 7637bd6d..efd363fb 100644
--- a/libs/horizon/src/event/ListenerGetter.ts
+++ b/libs/horizon/src/event/ListenerGetter.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { VNode } from '../renderer/Types';
 import { DomComponent } from '../renderer/vnode/VNodeTags';
 import { WrappedEvent } from './EventWrapper';
diff --git a/libs/horizon/src/event/Types.ts b/libs/horizon/src/event/Types.ts
index db9ab5ba..ecfae44c 100644
--- a/libs/horizon/src/event/Types.ts
+++ b/libs/horizon/src/event/Types.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../renderer/Types';
 import { WrappedEvent } from './EventWrapper';
 
diff --git a/libs/horizon/src/event/utils.ts b/libs/horizon/src/event/utils.ts
index 37ec6218..ad8b119c 100644
--- a/libs/horizon/src/event/utils.ts
+++ b/libs/horizon/src/event/utils.ts
@@ -1,4 +1,19 @@
 
+/*
+ * 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.
+ */
+
 export function isInputElement(dom?: HTMLElement): boolean {
   return dom instanceof HTMLInputElement || dom instanceof HTMLTextAreaElement;
 
diff --git a/libs/horizon/src/external/ChildrenUtil.ts b/libs/horizon/src/external/ChildrenUtil.ts
index b034107a..39c2e96c 100644
--- a/libs/horizon/src/external/ChildrenUtil.ts
+++ b/libs/horizon/src/external/ChildrenUtil.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { throwIfTrue } from '../renderer/utils/throwIfTrue';
 import { TYPE_COMMON_ELEMENT, TYPE_PORTAL } from './JSXElementType';
 
diff --git a/libs/horizon/src/external/HorizonIs.ts b/libs/horizon/src/external/HorizonIs.ts
index e2301e9e..8e3a4ccc 100644
--- a/libs/horizon/src/external/HorizonIs.ts
+++ b/libs/horizon/src/external/HorizonIs.ts
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 {
   TYPE_COMMON_ELEMENT,
diff --git a/libs/horizon/src/external/JSXElement.ts b/libs/horizon/src/external/JSXElement.ts
index 93fe1246..fee74176 100644
--- a/libs/horizon/src/external/JSXElement.ts
+++ b/libs/horizon/src/external/JSXElement.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { TYPE_COMMON_ELEMENT } from './JSXElementType';
 import { getProcessingClassVNode } from '../renderer/GlobalVar';
 import { Source } from '../renderer/Types';
diff --git a/libs/horizon/src/external/JSXElementType.ts b/libs/horizon/src/external/JSXElementType.ts
index b692f39a..0a83c6aa 100644
--- a/libs/horizon/src/external/JSXElementType.ts
+++ b/libs/horizon/src/external/JSXElementType.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export const TYPE_COMMON_ELEMENT = 1;
 export const TYPE_PORTAL = 2;
 export const TYPE_FRAGMENT = 3;
diff --git a/libs/horizon/src/external/devtools.ts b/libs/horizon/src/external/devtools.ts
index 1fb1af9b..633827fb 100644
--- a/libs/horizon/src/external/devtools.ts
+++ b/libs/horizon/src/external/devtools.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { travelVNodeTree } from '../renderer/vnode/VNodeUtils';
 import { Hook, Reducer, Ref, Effect, CallBack, Memo } from '../renderer/hooks/HookType';
 import { VNode } from '../renderer/vnode/VNode';
diff --git a/libs/horizon/src/horizonx/CommonUtils.js b/libs/horizon/src/horizonx/CommonUtils.js
index 85a328b4..13f2c73f 100644
--- a/libs/horizon/src/horizonx/CommonUtils.js
+++ b/libs/horizon/src/horizonx/CommonUtils.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export function isObject(obj) {
   const type = typeof obj;
   return obj != null && (type === 'object' || type === 'function');
diff --git a/libs/horizon/src/horizonx/Constants.ts b/libs/horizon/src/horizonx/Constants.ts
index 334f0ef6..d023d434 100644
--- a/libs/horizon/src/horizonx/Constants.ts
+++ b/libs/horizon/src/horizonx/Constants.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // The two constants must be the same as those in horizon.
 export const FunctionComponent = 'FunctionComponent';
 export const ClassComponent = 'ClassComponent';
diff --git a/libs/horizon/src/horizonx/adapters/redux.ts b/libs/horizon/src/horizonx/adapters/redux.ts
index 11617f5d..fe71cf34 100644
--- a/libs/horizon/src/horizonx/adapters/redux.ts
+++ b/libs/horizon/src/horizonx/adapters/redux.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { createStore as createStoreX } from '../store/StoreHandler';
 
 import { ReduxStoreHandler } from '../store/StoreHandler';
diff --git a/libs/horizon/src/horizonx/adapters/reduxReact.ts b/libs/horizon/src/horizonx/adapters/reduxReact.ts
index 0954fbb3..4b1ff6e6 100644
--- a/libs/horizon/src/horizonx/adapters/reduxReact.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxReact.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // @ts-ignore
 import { useState, useContext, useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { createContext } from '../../renderer/components/context/CreateContext';
diff --git a/libs/horizon/src/horizonx/adapters/reduxThunk.ts b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
index 28ce23e0..3fab9b2d 100644
--- a/libs/horizon/src/horizonx/adapters/reduxThunk.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { ReduxAction, ReduxMiddleware } from './redux';
 import { ReduxStoreHandler } from '../store/StoreHandler';
 
diff --git a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
index 59539000..42e7da21 100644
--- a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
+++ b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // TODO: implement vNode type
 
 import {IObserver} from './Observer';
diff --git a/libs/horizon/src/horizonx/proxy/Observer.ts b/libs/horizon/src/horizonx/proxy/Observer.ts
index e35701af..6a2216db 100644
--- a/libs/horizon/src/horizonx/proxy/Observer.ts
+++ b/libs/horizon/src/horizonx/proxy/Observer.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 一个对象（对象、数组、集合）对应一个Observer
  */
diff --git a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
index f67dcc47..1f17dd74 100644
--- a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { createObjectProxy } from './handlers/ObjectProxyHandler';
 import { Observer } from './Observer';
 import { HooklessObserver } from './HooklessObserver';
diff --git a/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
index 391aee8c..745e35f3 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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';
diff --git a/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
index 99c3a26a..cad085bc 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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';
 
diff --git a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
index 29ab2658..ac871e90 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 } from '../../CommonUtils';
 import { createProxy, getObserver, hookObserverMap } from '../ProxyHandler';
 import { OBSERVER_KEY } from '../../Constants';
diff --git a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
index cd848c1f..72fc776a 100644
--- a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
+++ b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { isObject } from '../CommonUtils';
 
 export function readonlyProxy<T extends object>(target: T): ProxyHandler<T> {
diff --git a/libs/horizon/src/horizonx/proxy/watch.ts b/libs/horizon/src/horizonx/proxy/watch.ts
index 11b65b9e..b7e06e31 100644
--- a/libs/horizon/src/horizonx/proxy/watch.ts
+++ b/libs/horizon/src/horizonx/proxy/watch.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export function watch(stateVariable: any, listener: (state: any) => void) {
   listener = listener.bind(null, stateVariable);
   stateVariable.addListener(listener);
diff --git a/libs/horizon/src/horizonx/store/StoreHandler.ts b/libs/horizon/src/horizonx/store/StoreHandler.ts
index 757a5b02..867e8cb4 100644
--- a/libs/horizon/src/horizonx/store/StoreHandler.ts
+++ b/libs/horizon/src/horizonx/store/StoreHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import { useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { getProcessingVNode } from '../../renderer/GlobalVar';
diff --git a/libs/horizon/src/horizonx/types.d.ts b/libs/horizon/src/horizonx/types.d.ts
index 9b54c139..8c93e132 100644
--- a/libs/horizon/src/horizonx/types.d.ts
+++ b/libs/horizon/src/horizonx/types.d.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export interface IObserver {
 
   useProp: (key: string | symbol) => void;
diff --git a/libs/horizon/src/renderer/ContextSaver.ts b/libs/horizon/src/renderer/ContextSaver.ts
index e0ea8432..2003e412 100644
--- a/libs/horizon/src/renderer/ContextSaver.ts
+++ b/libs/horizon/src/renderer/ContextSaver.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 保存与深度遍历相关的一些context。
  * 在深度遍历过程中，capture阶段会修改一些全局的值，在bubble阶段会恢复。
diff --git a/libs/horizon/src/renderer/ErrorHandler.ts b/libs/horizon/src/renderer/ErrorHandler.ts
index 1f629d97..34461b14 100644
--- a/libs/horizon/src/renderer/ErrorHandler.ts
+++ b/libs/horizon/src/renderer/ErrorHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 异常错误处理
  */
diff --git a/libs/horizon/src/renderer/ExecuteMode.ts b/libs/horizon/src/renderer/ExecuteMode.ts
index 490c8595..f7071936 100644
--- a/libs/horizon/src/renderer/ExecuteMode.ts
+++ b/libs/horizon/src/renderer/ExecuteMode.ts
@@ -1,4 +1,19 @@
 
+/*
+ * 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.
+ */
+
 export const ByAsync = 'BY_ASYNC';
 export const BySync = 'BY_SYNC';
 export const InRender = 'IN_RENDER';
diff --git a/libs/horizon/src/renderer/GlobalVar.ts b/libs/horizon/src/renderer/GlobalVar.ts
index 71008d95..272cad79 100644
--- a/libs/horizon/src/renderer/GlobalVar.ts
+++ b/libs/horizon/src/renderer/GlobalVar.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from './Types';
 
 // 当前处理的classVNode，用于设置inst.refs
diff --git a/libs/horizon/src/renderer/Renderer.ts b/libs/horizon/src/renderer/Renderer.ts
index 8928805a..a58a953f 100644
--- a/libs/horizon/src/renderer/Renderer.ts
+++ b/libs/horizon/src/renderer/Renderer.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from './Types';
 import type { Update } from './UpdateHandler';
 
diff --git a/libs/horizon/src/renderer/RootStack.ts b/libs/horizon/src/renderer/RootStack.ts
index 8bce59e6..110cad72 100644
--- a/libs/horizon/src/renderer/RootStack.ts
+++ b/libs/horizon/src/renderer/RootStack.ts
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 { VNode } from './vnode/VNode';
diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index d9a10bd7..71dd01e0 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from './Types';
 
 import { callRenderQueueImmediate, pushRenderCallback } from './taskExecutor/RenderQueue';
diff --git a/libs/horizon/src/renderer/Types.ts b/libs/horizon/src/renderer/Types.ts
index 45f76fa9..1503fee9 100644
--- a/libs/horizon/src/renderer/Types.ts
+++ b/libs/horizon/src/renderer/Types.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export { VNode } from './vnode/VNode';
 
 type Trigger<A> = (A) => void;
diff --git a/libs/horizon/src/renderer/UpdateHandler.ts b/libs/horizon/src/renderer/UpdateHandler.ts
index e50d1e21..acb9c71e 100644
--- a/libs/horizon/src/renderer/UpdateHandler.ts
+++ b/libs/horizon/src/renderer/UpdateHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from './Types';
 import { FlagUtils, ShouldCapture } from './vnode/VNodeFlags';
 
diff --git a/libs/horizon/src/renderer/components/BaseClassComponent.ts b/libs/horizon/src/renderer/components/BaseClassComponent.ts
index 08b6fb30..fff07c8d 100644
--- a/libs/horizon/src/renderer/components/BaseClassComponent.ts
+++ b/libs/horizon/src/renderer/components/BaseClassComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * Component的api setState和forceUpdate在实例生成阶段实现
  */
diff --git a/libs/horizon/src/renderer/components/CreatePortal.ts b/libs/horizon/src/renderer/components/CreatePortal.ts
index 9e5e6a65..767bb21e 100644
--- a/libs/horizon/src/renderer/components/CreatePortal.ts
+++ b/libs/horizon/src/renderer/components/CreatePortal.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {TYPE_PORTAL} from '../../external/JSXElementType';
 import type {PortalType} from '../Types';
 
diff --git a/libs/horizon/src/renderer/components/CreateRef.ts b/libs/horizon/src/renderer/components/CreateRef.ts
index 38496640..cc1c65af 100644
--- a/libs/horizon/src/renderer/components/CreateRef.ts
+++ b/libs/horizon/src/renderer/components/CreateRef.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {RefType} from '../Types';
 
 export function createRef(): RefType {
diff --git a/libs/horizon/src/renderer/components/ForwardRef.ts b/libs/horizon/src/renderer/components/ForwardRef.ts
index 63b2c791..a2c9dac3 100644
--- a/libs/horizon/src/renderer/components/ForwardRef.ts
+++ b/libs/horizon/src/renderer/components/ForwardRef.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {TYPE_FORWARD_REF} from '../../external/JSXElementType';
 
 export function forwardRef(render: Function) {
diff --git a/libs/horizon/src/renderer/components/Lazy.ts b/libs/horizon/src/renderer/components/Lazy.ts
index ecdec465..e04e3ff6 100644
--- a/libs/horizon/src/renderer/components/Lazy.ts
+++ b/libs/horizon/src/renderer/components/Lazy.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {PromiseType} from '../Types';
 
 import {TYPE_LAZY} from '../../external/JSXElementType';
diff --git a/libs/horizon/src/renderer/components/Memo.ts b/libs/horizon/src/renderer/components/Memo.ts
index 9d84e8c1..c3c18f07 100644
--- a/libs/horizon/src/renderer/components/Memo.ts
+++ b/libs/horizon/src/renderer/components/Memo.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {TYPE_MEMO} from '../../external/JSXElementType';
 
 export function memo<Props>(type, compare?: (oldProps: Props, newProps: Props) => boolean) {
diff --git a/libs/horizon/src/renderer/components/context/Context.ts b/libs/horizon/src/renderer/components/context/Context.ts
index 4052a0ed..4c1242af 100644
--- a/libs/horizon/src/renderer/components/context/Context.ts
+++ b/libs/horizon/src/renderer/components/context/Context.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode, ContextType} from '../../Types';
 import {getHookStage} from '../../hooks/HookStage';
 import {throwNotInFuncError} from '../../hooks/BaseHook';
diff --git a/libs/horizon/src/renderer/components/context/CreateContext.ts b/libs/horizon/src/renderer/components/context/CreateContext.ts
index cbd6f96f..8c654726 100644
--- a/libs/horizon/src/renderer/components/context/CreateContext.ts
+++ b/libs/horizon/src/renderer/components/context/CreateContext.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {ContextType} from '../../Types';
 import {TYPE_PROVIDER, TYPE_CONTEXT} from '../../../external/JSXElementType';
 
diff --git a/libs/horizon/src/renderer/diff/DiffTools.ts b/libs/horizon/src/renderer/diff/DiffTools.ts
index 42fd2864..49e2a79d 100644
--- a/libs/horizon/src/renderer/diff/DiffTools.ts
+++ b/libs/horizon/src/renderer/diff/DiffTools.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode, JSXElement } from '../Types';
 
 // 当前vNode和element是同样的类型
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index 686b0692..3899dae9 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 import { FlagUtils } from '../vnode/VNodeFlags';
 import { TYPE_COMMON_ELEMENT, TYPE_FRAGMENT, TYPE_PORTAL } from '../../external/JSXElementType';
diff --git a/libs/horizon/src/renderer/hooks/BaseHook.ts b/libs/horizon/src/renderer/hooks/BaseHook.ts
index 52a00695..d34f4c1f 100644
--- a/libs/horizon/src/renderer/hooks/BaseHook.ts
+++ b/libs/horizon/src/renderer/hooks/BaseHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { Hook } from './HookType';
 import {getProcessingVNode} from '../GlobalVar';
 
diff --git a/libs/horizon/src/renderer/hooks/EffectConstant.js b/libs/horizon/src/renderer/hooks/EffectConstant.js
index ba459e76..0e7bef62 100644
--- a/libs/horizon/src/renderer/hooks/EffectConstant.js
+++ b/libs/horizon/src/renderer/hooks/EffectConstant.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export const EffectConstant = {
   NoEffect: 0,
   DepsChange: 1, // dependence发生了改变
diff --git a/libs/horizon/src/renderer/hooks/HookExternal.ts b/libs/horizon/src/renderer/hooks/HookExternal.ts
index ce67040c..45e87ef2 100644
--- a/libs/horizon/src/renderer/hooks/HookExternal.ts
+++ b/libs/horizon/src/renderer/hooks/HookExternal.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {ContextType} from '../Types';
 
 import {useRefImpl} from './UseRefHook';
diff --git a/libs/horizon/src/renderer/hooks/HookMain.ts b/libs/horizon/src/renderer/hooks/HookMain.ts
index d28b3feb..b51b366d 100644
--- a/libs/horizon/src/renderer/hooks/HookMain.ts
+++ b/libs/horizon/src/renderer/hooks/HookMain.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 
 import {
diff --git a/libs/horizon/src/renderer/hooks/HookStage.ts b/libs/horizon/src/renderer/hooks/HookStage.ts
index 5f0a5a65..bdd8beb0 100644
--- a/libs/horizon/src/renderer/hooks/HookStage.ts
+++ b/libs/horizon/src/renderer/hooks/HookStage.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // hooks阶段
 export enum HookStage {
   Init = 1,
diff --git a/libs/horizon/src/renderer/hooks/HookType.ts b/libs/horizon/src/renderer/hooks/HookType.ts
index dce9e1c8..bdfdbab9 100644
--- a/libs/horizon/src/renderer/hooks/HookType.ts
+++ b/libs/horizon/src/renderer/hooks/HookType.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {EffectConstant} from './EffectConstant';
 type ValueOf<T> = T[keyof T];
 export interface Hook<S, A> {
diff --git a/libs/horizon/src/renderer/hooks/UseCallbackHook.ts b/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
index 8545bd62..c9cb74a9 100644
--- a/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   createHook,
   getCurrentHook,
diff --git a/libs/horizon/src/renderer/hooks/UseEffectHook.ts b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
index f2ac1076..7e57a5cf 100644
--- a/libs/horizon/src/renderer/hooks/UseEffectHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   createHook,
   getCurrentHook,
diff --git a/libs/horizon/src/renderer/hooks/UseImperativeHook.ts b/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
index 9dce6fed..19c466a4 100644
--- a/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {useLayoutEffectImpl} from './UseEffectHook';
 import {getHookStage} from './HookStage';
 import {throwNotInFuncError} from './BaseHook';
diff --git a/libs/horizon/src/renderer/hooks/UseMemoHook.ts b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
index 2411872b..9a4a8a19 100644
--- a/libs/horizon/src/renderer/hooks/UseMemoHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {
   createHook,
   getCurrentHook,
diff --git a/libs/horizon/src/renderer/hooks/UseReducerHook.ts b/libs/horizon/src/renderer/hooks/UseReducerHook.ts
index 9dd38319..39d227e1 100644
--- a/libs/horizon/src/renderer/hooks/UseReducerHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseReducerHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { Hook, Reducer, Trigger, Update } from './HookType';
 import { createHook, getCurrentHook, throwNotInFuncError } from './BaseHook';
 import { launchUpdateFromVNode } from '../TreeBuilder';
diff --git a/libs/horizon/src/renderer/hooks/UseRefHook.ts b/libs/horizon/src/renderer/hooks/UseRefHook.ts
index 754a16d2..e09cb3db 100644
--- a/libs/horizon/src/renderer/hooks/UseRefHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseRefHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 {createHook, getCurrentHook, throwNotInFuncError} from './BaseHook';
 import {getHookStage, HookStage} from './HookStage';
 import type {Ref} from './HookType';
diff --git a/libs/horizon/src/renderer/hooks/UseStateHook.ts b/libs/horizon/src/renderer/hooks/UseStateHook.ts
index 4a4b7136..942f7d20 100644
--- a/libs/horizon/src/renderer/hooks/UseStateHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseStateHook.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {Trigger} from './HookType';
 import {useReducerImpl} from './UseReducerHook';
 
diff --git a/libs/horizon/src/renderer/render/BaseComponent.ts b/libs/horizon/src/renderer/render/BaseComponent.ts
index 34ba6b6c..27449235 100644
--- a/libs/horizon/src/renderer/render/BaseComponent.ts
+++ b/libs/horizon/src/renderer/render/BaseComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 
 import { ContextProvider, DomComponent, DomPortal, TreeRoot, SuspenseComponent } from '../vnode/VNodeTags';
diff --git a/libs/horizon/src/renderer/render/ClassComponent.ts b/libs/horizon/src/renderer/render/ClassComponent.ts
index c8a56178..a90370ea 100644
--- a/libs/horizon/src/renderer/render/ClassComponent.ts
+++ b/libs/horizon/src/renderer/render/ClassComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 
 import { mergeDefaultProps } from './LazyComponent';
diff --git a/libs/horizon/src/renderer/render/ContextConsumer.ts b/libs/horizon/src/renderer/render/ContextConsumer.ts
index 15e6c2d4..c072d536 100644
--- a/libs/horizon/src/renderer/render/ContextConsumer.ts
+++ b/libs/horizon/src/renderer/render/ContextConsumer.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode, ContextType} from '../Types';
 
 import {resetDepContexts, getNewContext} from '../components/context/Context';
diff --git a/libs/horizon/src/renderer/render/ContextProvider.ts b/libs/horizon/src/renderer/render/ContextProvider.ts
index 42058bb8..103a302e 100644
--- a/libs/horizon/src/renderer/render/ContextProvider.ts
+++ b/libs/horizon/src/renderer/render/ContextProvider.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode, ContextType, ProviderType } from '../Types';
 
 import { isSame } from '../utils/compare';
diff --git a/libs/horizon/src/renderer/render/DomComponent.ts b/libs/horizon/src/renderer/render/DomComponent.ts
index 5e8e5164..0419878e 100644
--- a/libs/horizon/src/renderer/render/DomComponent.ts
+++ b/libs/horizon/src/renderer/render/DomComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 import type { Props } from '../../dom/DOMOperator';
 
diff --git a/libs/horizon/src/renderer/render/DomPortal.ts b/libs/horizon/src/renderer/render/DomPortal.ts
index 719a5b60..4ef690fe 100644
--- a/libs/horizon/src/renderer/render/DomPortal.ts
+++ b/libs/horizon/src/renderer/render/DomPortal.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 import { resetNamespaceCtx, setNamespaceCtx } from '../ContextSaver';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
diff --git a/libs/horizon/src/renderer/render/DomText.ts b/libs/horizon/src/renderer/render/DomText.ts
index 525d8a04..6ed00173 100644
--- a/libs/horizon/src/renderer/render/DomText.ts
+++ b/libs/horizon/src/renderer/render/DomText.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 
 import {throwIfTrue} from '../utils/throwIfTrue';
diff --git a/libs/horizon/src/renderer/render/ForwardRef.ts b/libs/horizon/src/renderer/render/ForwardRef.ts
index ead06587..67e21370 100644
--- a/libs/horizon/src/renderer/render/ForwardRef.ts
+++ b/libs/horizon/src/renderer/render/ForwardRef.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 import {captureRender as funCaptureRender} from './FunctionComponent';
 
diff --git a/libs/horizon/src/renderer/render/Fragment.ts b/libs/horizon/src/renderer/render/Fragment.ts
index 37dc6c93..6a80ff23 100644
--- a/libs/horizon/src/renderer/render/Fragment.ts
+++ b/libs/horizon/src/renderer/render/Fragment.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 
diff --git a/libs/horizon/src/renderer/render/FunctionComponent.ts b/libs/horizon/src/renderer/render/FunctionComponent.ts
index ec03ebb6..4638c2d7 100644
--- a/libs/horizon/src/renderer/render/FunctionComponent.ts
+++ b/libs/horizon/src/renderer/render/FunctionComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 
 import { mergeDefaultProps } from './LazyComponent';
diff --git a/libs/horizon/src/renderer/render/LazyComponent.ts b/libs/horizon/src/renderer/render/LazyComponent.ts
index 27feb0af..152e541e 100644
--- a/libs/horizon/src/renderer/render/LazyComponent.ts
+++ b/libs/horizon/src/renderer/render/LazyComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../Types';
 
 import { FlagUtils } from '../vnode/VNodeFlags';
diff --git a/libs/horizon/src/renderer/render/MemoComponent.ts b/libs/horizon/src/renderer/render/MemoComponent.ts
index 270346e7..32aa4bf3 100644
--- a/libs/horizon/src/renderer/render/MemoComponent.ts
+++ b/libs/horizon/src/renderer/render/MemoComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { Source, VNode } from '../Types';
 
 import { mergeDefaultProps } from './LazyComponent';
diff --git a/libs/horizon/src/renderer/render/SuspenseComponent.ts b/libs/horizon/src/renderer/render/SuspenseComponent.ts
index b57bef99..0b7b3d2e 100644
--- a/libs/horizon/src/renderer/render/SuspenseComponent.ts
+++ b/libs/horizon/src/renderer/render/SuspenseComponent.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode, PromiseType } from '../Types';
 
 import { FlagUtils, Interrupted } from '../vnode/VNodeFlags';
diff --git a/libs/horizon/src/renderer/render/TreeRoot.ts b/libs/horizon/src/renderer/render/TreeRoot.ts
index 949dc89b..b0367a73 100644
--- a/libs/horizon/src/renderer/render/TreeRoot.ts
+++ b/libs/horizon/src/renderer/render/TreeRoot.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 import {throwIfTrue} from '../utils/throwIfTrue';
 import {processUpdates} from '../UpdateHandler';
diff --git a/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts b/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
index 153094e0..e7ef08fb 100644
--- a/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
+++ b/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNode } from '../../Types';
 import type { Callback } from '../../UpdateHandler';
 
diff --git a/libs/horizon/src/renderer/render/index.ts b/libs/horizon/src/renderer/render/index.ts
index 4e300c93..dda8e9c0 100644
--- a/libs/horizon/src/renderer/render/index.ts
+++ b/libs/horizon/src/renderer/render/index.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 * as BaseComponentRender from './BaseComponent';
 import * as ClassComponentRender from './ClassComponent';
 import * as ContextConsumerRender from './ContextConsumer';
diff --git a/libs/horizon/src/renderer/submit/HookEffectHandler.ts b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
index f1811d93..c0c31f21 100644
--- a/libs/horizon/src/renderer/submit/HookEffectHandler.ts
+++ b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * useEffect 和 useLayoutEffect的执行逻辑
  */
@@ -36,7 +51,7 @@ export function callUseEffects(vNode: VNode) {
       ) {
         hookEffects.push(effect);
         hookRemoveEffects.push(effect);
-  
+
         // 异步调用
         if (!isScheduling) {
           isScheduling = true;
@@ -89,11 +104,11 @@ export function callEffectRemove(vNode: VNode) {
   if (effectList !== null) {
     effectList.forEach(effect => {
       const {removeEffect, effectConstant} = effect;
-  
+
       if (removeEffect !== undefined) {
         if ((effectConstant & EffectConstant.Effect) !== EffectConstant.NoEffect) { // 如果是useEffect，就异步调用
           hookRemoveEffects.push(effect);
-  
+
           if (!isScheduling) {
             isScheduling = true;
             runAsync(runAsyncEffects);
diff --git a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
index ee639f4a..5a639aa7 100644
--- a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
+++ b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 该文件负责把更新应用到界面上 以及 和生命周期的相关调用
  */
diff --git a/libs/horizon/src/renderer/submit/Submit.ts b/libs/horizon/src/renderer/submit/Submit.ts
index d19dfea2..ecdab322 100644
--- a/libs/horizon/src/renderer/submit/Submit.ts
+++ b/libs/horizon/src/renderer/submit/Submit.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type {VNode} from '../Types';
 
 import {FlagUtils, Addition, Snapshot, ResetText, Ref, Update, Deletion, Clear, Callback} from '../vnode/VNodeFlags';
diff --git a/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts b/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
index 46bc1fde..b9672e3d 100644
--- a/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
+++ b/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 浏览器相关实现
  */
diff --git a/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts b/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
index de3203d8..71fbfee5 100644
--- a/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
+++ b/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 利用TaskExecutor的异步任务，封装一个renderQueue来执行同步的渲染callback
  */
diff --git a/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts b/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
index 15a8c147..4345a461 100644
--- a/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
+++ b/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 调度器的核心实现
  */
diff --git a/libs/horizon/src/renderer/taskExecutor/TaskQueue.ts b/libs/horizon/src/renderer/taskExecutor/TaskQueue.ts
index 66478039..3c0bfcfe 100644
--- a/libs/horizon/src/renderer/taskExecutor/TaskQueue.ts
+++ b/libs/horizon/src/renderer/taskExecutor/TaskQueue.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 任务列表的实现
  */
diff --git a/libs/horizon/src/renderer/utils/compare.ts b/libs/horizon/src/renderer/utils/compare.ts
index e6fb69a1..b7c039b3 100644
--- a/libs/horizon/src/renderer/utils/compare.ts
+++ b/libs/horizon/src/renderer/utils/compare.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 兼容IE浏览器没有Object.is
  */
diff --git a/libs/horizon/src/renderer/utils/throwIfTrue.ts b/libs/horizon/src/renderer/utils/throwIfTrue.ts
index 5cf8522e..c5c326b9 100644
--- a/libs/horizon/src/renderer/utils/throwIfTrue.ts
+++ b/libs/horizon/src/renderer/utils/throwIfTrue.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // 当条件不成立报错
 // 接收模板
 export function throwIfTrue(condition: boolean, errTemplate: string, ...errExpressions: string[]) {
diff --git a/libs/horizon/src/renderer/utils/vNodePath.ts b/libs/horizon/src/renderer/utils/vNodePath.ts
index 5f8b78ac..e5a1f956 100644
--- a/libs/horizon/src/renderer/utils/vNodePath.ts
+++ b/libs/horizon/src/renderer/utils/vNodePath.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { VNode } from '../vnode/VNode';
 
 const PATH_DELIMITER = ',';
diff --git a/libs/horizon/src/renderer/vnode/VNode.ts b/libs/horizon/src/renderer/vnode/VNode.ts
index 752c99cc..1bf707f7 100644
--- a/libs/horizon/src/renderer/vnode/VNode.ts
+++ b/libs/horizon/src/renderer/vnode/VNode.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 虚拟DOM结构体
  */
diff --git a/libs/horizon/src/renderer/vnode/VNodeCreator.ts b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
index 6416a7b7..6b96e49e 100644
--- a/libs/horizon/src/renderer/vnode/VNodeCreator.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 type { VNodeTag } from './VNodeTags';
 import { FlagUtils } from './VNodeFlags';
 import {
diff --git a/libs/horizon/src/renderer/vnode/VNodeFlags.ts b/libs/horizon/src/renderer/vnode/VNodeFlags.ts
index bb811c82..95bb92e2 100644
--- a/libs/horizon/src/renderer/vnode/VNodeFlags.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeFlags.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * vNode结构的变化标志
  */
diff --git a/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts b/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
index ec5dce84..9d9cb958 100644
--- a/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // 从当前节点向上遍历，更新shouldUpdate和childShouldUpdate
 import {VNode} from './VNode';
 import {TreeRoot} from './VNodeTags';
diff --git a/libs/horizon/src/renderer/vnode/VNodeTags.ts b/libs/horizon/src/renderer/vnode/VNodeTags.ts
index 6e02e450..13c34b86 100644
--- a/libs/horizon/src/renderer/vnode/VNodeTags.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeTags.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 定义vNode的类型
  */
diff --git a/libs/horizon/src/renderer/vnode/VNodeUtils.ts b/libs/horizon/src/renderer/vnode/VNodeUtils.ts
index 789b8d2e..529ca3c4 100644
--- a/libs/horizon/src/renderer/vnode/VNodeUtils.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeUtils.ts
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /**
  * 提供：vNode的“遍历”，“查找”，“判断”的相关工具方法
  */
diff --git a/scripts/__tests__/ComponentTest/ComponentError.test.js b/scripts/__tests__/ComponentTest/ComponentError.test.js
index 7a833d04..3f087f5e 100755
--- a/scripts/__tests__/ComponentTest/ComponentError.test.js
+++ b/scripts/__tests__/ComponentTest/ComponentError.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
@@ -35,9 +50,9 @@ describe('Component Error Test', () => {
         <UndefinedElement />
       );
     };
-    
+
     expect(() => {
       Horizon.render(<App />, document.createElement('div'));
     }).toThrow('Component type is invalid, got: undefined');
   });
-});
\ No newline at end of file
+});
diff --git a/scripts/__tests__/ComponentTest/Context.test.js b/scripts/__tests__/ComponentTest/Context.test.js
index 14423b34..ba1ea1d7 100644
--- a/scripts/__tests__/ComponentTest/Context.test.js
+++ b/scripts/__tests__/ComponentTest/Context.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
diff --git a/scripts/__tests__/ComponentTest/DiffAlgorithm.test.js b/scripts/__tests__/ComponentTest/DiffAlgorithm.test.js
index 0f5ab14d..c2e9340f 100644
--- a/scripts/__tests__/ComponentTest/DiffAlgorithm.test.js
+++ b/scripts/__tests__/ComponentTest/DiffAlgorithm.test.js
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
diff --git a/scripts/__tests__/ComponentTest/ForwardRef.test.js b/scripts/__tests__/ComponentTest/ForwardRef.test.js
index 993d800a..6425fd25 100644
--- a/scripts/__tests__/ComponentTest/ForwardRef.test.js
+++ b/scripts/__tests__/ComponentTest/ForwardRef.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
diff --git a/scripts/__tests__/ComponentTest/FragmentComponent.test.js b/scripts/__tests__/ComponentTest/FragmentComponent.test.js
index eee9ceb4..f057065f 100755
--- a/scripts/__tests__/ComponentTest/FragmentComponent.test.js
+++ b/scripts/__tests__/ComponentTest/FragmentComponent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { Text } from '../jest/commonComponents';
 import { getLogUtils } from '../jest/testUtils';
@@ -438,7 +453,7 @@ describe('Fragment', () => {
           LogUtils.log('useEffect');
         }
       });
- 
+
       return <p>{props.logo}</p>;
     };
 
diff --git a/scripts/__tests__/ComponentTest/FunctionComponent.test.js b/scripts/__tests__/ComponentTest/FunctionComponent.test.js
index 004dc15d..717a0d2f 100644
--- a/scripts/__tests__/ComponentTest/FunctionComponent.test.js
+++ b/scripts/__tests__/ComponentTest/FunctionComponent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 describe('FunctionComponent Test', () => {
   it('渲染无状态组件', () => {
@@ -45,4 +60,4 @@ describe('FunctionComponent Test', () => {
     expect(realNode).toBe(null);
   });
 
-}); 
\ No newline at end of file
+});
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseCallback.test.js b/scripts/__tests__/ComponentTest/HookTest/UseCallback.test.js
index f63afe30..36cba63e 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseCallback.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseCallback.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('useCallback Hook Test', () => {
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseContext.test.js b/scripts/__tests__/ComponentTest/HookTest/UseContext.test.js
index 5c9494b1..dea603f4 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseContext.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseContext.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('useContext Hook Test', () => {
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseEffect.test.js b/scripts/__tests__/ComponentTest/HookTest/UseEffect.test.js
index 443894a5..e5d31c5f 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseEffect.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseEffect.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../../jest/testUtils';
 import { Text } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseImperativeHandle.test.js b/scripts/__tests__/ComponentTest/HookTest/UseImperativeHandle.test.js
index 6a21741a..317d0242 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseImperativeHandle.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseImperativeHandle.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { Text } from '../../jest/commonComponents';
 import { getLogUtils } from '../../jest/testUtils';
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseLayoutEffect.test.js b/scripts/__tests__/ComponentTest/HookTest/UseLayoutEffect.test.js
index b0dd89d4..169a9b99 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseLayoutEffect.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseLayoutEffect.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../../jest/testUtils';
 import { Text } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseMemo.test.js b/scripts/__tests__/ComponentTest/HookTest/UseMemo.test.js
index 24d381fe..0c0b1f03 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseMemo.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseMemo.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../../jest/testUtils';
 import { Text } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseReducer.test.js b/scripts/__tests__/ComponentTest/HookTest/UseReducer.test.js
index 5e7f0876..f7cee61c 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseReducer.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseReducer.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('useReducer Hook Test', () => {
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseRef.test.js b/scripts/__tests__/ComponentTest/HookTest/UseRef.test.js
index b219e63b..987fb683 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseRef.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseRef.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../../jest/testUtils';
 import { Text } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/ComponentTest/HookTest/UseState.test.js b/scripts/__tests__/ComponentTest/HookTest/UseState.test.js
index 75aaf380..86f14d54 100644
--- a/scripts/__tests__/ComponentTest/HookTest/UseState.test.js
+++ b/scripts/__tests__/ComponentTest/HookTest/UseState.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../../jest/testUtils';
 import { Text } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/ComponentTest/LazyComponent.test.js b/scripts/__tests__/ComponentTest/LazyComponent.test.js
index b59c7805..60e84713 100755
--- a/scripts/__tests__/ComponentTest/LazyComponent.test.js
+++ b/scripts/__tests__/ComponentTest/LazyComponent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { Text } from '../jest/commonComponents';
 import { getLogUtils } from '../jest/testUtils';
diff --git a/scripts/__tests__/ComponentTest/LifeCycle.test.js b/scripts/__tests__/ComponentTest/LifeCycle.test.js
index 07a0f7c2..68b979bc 100644
--- a/scripts/__tests__/ComponentTest/LifeCycle.test.js
+++ b/scripts/__tests__/ComponentTest/LifeCycle.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
diff --git a/scripts/__tests__/ComponentTest/Memo.test.js b/scripts/__tests__/ComponentTest/Memo.test.js
index b1a6fa9f..f56e7cac 100644
--- a/scripts/__tests__/ComponentTest/Memo.test.js
+++ b/scripts/__tests__/ComponentTest/Memo.test.js
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
diff --git a/scripts/__tests__/ComponentTest/PortalComponent.test.js b/scripts/__tests__/ComponentTest/PortalComponent.test.js
index 2dcadc38..ef9baf30 100755
--- a/scripts/__tests__/ComponentTest/PortalComponent.test.js
+++ b/scripts/__tests__/ComponentTest/PortalComponent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 import dispatchChangeEvent from '../utils/dispatchChangeEvent';
diff --git a/scripts/__tests__/ComponentTest/SuspenseComponent.test.js b/scripts/__tests__/ComponentTest/SuspenseComponent.test.js
index 4409dd9c..f0d2d3dd 100755
--- a/scripts/__tests__/ComponentTest/SuspenseComponent.test.js
+++ b/scripts/__tests__/ComponentTest/SuspenseComponent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { Text } from '../jest/commonComponents';
 import { getLogUtils } from '../jest/testUtils';
diff --git a/scripts/__tests__/DomTest/Attribute.test.js b/scripts/__tests__/DomTest/Attribute.test.js
index 32fe44a5..60b01522 100755
--- a/scripts/__tests__/DomTest/Attribute.test.js
+++ b/scripts/__tests__/DomTest/Attribute.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('Dom Attribute', () => {
diff --git a/scripts/__tests__/DomTest/DomInput.test.js b/scripts/__tests__/DomTest/DomInput.test.js
index 2e8ccc23..6af47eb0 100755
--- a/scripts/__tests__/DomTest/DomInput.test.js
+++ b/scripts/__tests__/DomTest/DomInput.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 /* eslint-disable @typescript-eslint/no-empty-function */
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
diff --git a/scripts/__tests__/DomTest/DomSelect.test.js b/scripts/__tests__/DomTest/DomSelect.test.js
index 48932033..0f93ee87 100755
--- a/scripts/__tests__/DomTest/DomSelect.test.js
+++ b/scripts/__tests__/DomTest/DomSelect.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('Dom Select', () => {
diff --git a/scripts/__tests__/DomTest/DomTextarea.test.js b/scripts/__tests__/DomTest/DomTextarea.test.js
index ff3e8d92..1a891298 100644
--- a/scripts/__tests__/DomTest/DomTextarea.test.js
+++ b/scripts/__tests__/DomTest/DomTextarea.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 
 describe('Dom Textarea', () => {
diff --git a/scripts/__tests__/EventTest/EventMain.test.js b/scripts/__tests__/EventTest/EventMain.test.js
index 7f719e1d..4589f67c 100644
--- a/scripts/__tests__/EventTest/EventMain.test.js
+++ b/scripts/__tests__/EventTest/EventMain.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as TestUtils from '../jest/testUtils';
 
diff --git a/scripts/__tests__/EventTest/FocusEvent.test.js b/scripts/__tests__/EventTest/FocusEvent.test.js
index c7cdb019..f3dfae14 100644
--- a/scripts/__tests__/EventTest/FocusEvent.test.js
+++ b/scripts/__tests__/EventTest/FocusEvent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
diff --git a/scripts/__tests__/EventTest/KeyboardEvent.test.js b/scripts/__tests__/EventTest/KeyboardEvent.test.js
index ccc29222..ed87dd95 100644
--- a/scripts/__tests__/EventTest/KeyboardEvent.test.js
+++ b/scripts/__tests__/EventTest/KeyboardEvent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import {getLogUtils} from '../jest/testUtils';
 
diff --git a/scripts/__tests__/EventTest/MouseEvent.test.js b/scripts/__tests__/EventTest/MouseEvent.test.js
index 61895616..e7cc9f9d 100644
--- a/scripts/__tests__/EventTest/MouseEvent.test.js
+++ b/scripts/__tests__/EventTest/MouseEvent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
diff --git a/scripts/__tests__/EventTest/WheelEvent.test.js b/scripts/__tests__/EventTest/WheelEvent.test.js
index e26b4c9b..59934b84 100644
--- a/scripts/__tests__/EventTest/WheelEvent.test.js
+++ b/scripts/__tests__/EventTest/WheelEvent.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from '../jest/testUtils';
 
@@ -51,4 +66,4 @@ describe('合成滚轮事件', () => {
     ]);
   });
 
-});
\ No newline at end of file
+});
diff --git a/scripts/__tests__/HorizonIsTest/index.test.js b/scripts/__tests__/HorizonIsTest/index.test.js
index 0fe87e87..0a878c51 100644
--- a/scripts/__tests__/HorizonIsTest/index.test.js
+++ b/scripts/__tests__/HorizonIsTest/index.test.js
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateArray.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateArray.test.tsx
index fbe1de0b..a2c91334 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateArray.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateArray.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateMap.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateMap.test.tsx
index e5d1b141..5f4afe65 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateMap.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateMap.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateMixType.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateMixType.test.tsx
index bb38773d..1d07e414 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateMixType.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateMixType.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateSet.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateSet.test.tsx
index a1a245f0..f0060427 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateSet.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateSet.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateWeakMap.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateWeakMap.test.tsx
index 2d5a441f..6114c30b 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateWeakMap.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateWeakMap.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StateManager/StateWeakSet.test.tsx b/scripts/__tests__/HorizonXText/StateManager/StateWeakSet.test.tsx
index ecbc632d..369ce46e 100644
--- a/scripts/__tests__/HorizonXText/StateManager/StateWeakSet.test.tsx
+++ b/scripts/__tests__/HorizonXText/StateManager/StateWeakSet.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
index d7cab296..9ad65d8a 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '../../../../libs/horizon';
 import { createStore } from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/basicAccess.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/basicAccess.test.tsx
index 9d95c95f..3f89de81 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/basicAccess.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/basicAccess.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import Horizon from '@cloudsop/horizon/index.ts';
 import { triggerClickEvent } from '../../jest/commonComponents';
@@ -125,10 +140,10 @@ describe('Basic store manipulation', () => {
         }
       }
     });
-  
+
     function App() {
       const incrementStore = useIncrementStore();
-  
+
       return (
         <div>
           <button
@@ -143,13 +158,13 @@ describe('Basic store manipulation', () => {
         </div>
       );
     }
-  
+
     Horizon.render(<App />, container);
-  
+
     Horizon.act(() => {
       triggerClickEvent(container, BUTTON_ID);
     });
-  
+
     expect(document.getElementById(RESULT_ID)?.innerHTML).toBe('5');
   })
 });
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/cloneDeep.test.js b/scripts/__tests__/HorizonXText/StoreFunctionality/cloneDeep.test.js
index 9f0dd806..07bf1415 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/cloneDeep.test.js
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/cloneDeep.test.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { clearStore, createStore, useStore } from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
 import { OBSERVER_KEY } from '../../../../libs/horizon/src/horizonx/Constants';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/dollarAccess.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/dollarAccess.test.tsx
index 94d149f0..26d5c56b 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/dollarAccess.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/dollarAccess.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import { triggerClickEvent } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/otherCases.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/otherCases.test.tsx
index ad6a4028..51a00865 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/otherCases.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/otherCases.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import { createStore } from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/reset.js b/scripts/__tests__/HorizonXText/StoreFunctionality/reset.js
index 0cc4a4d3..877bffa2 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/reset.js
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/reset.js
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import {createStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
 import {triggerClickEvent} from '../../jest/commonComponents';
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/store.ts b/scripts/__tests__/HorizonXText/StoreFunctionality/store.ts
index ccdbc6a6..b6d28d75 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/store.ts
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/store.ts
@@ -1,3 +1,18 @@
+/*
+ * 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 { createStore } from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
 
 export const useLogStore = createStore({
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/watch.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/watch.test.tsx
index d423f3bf..8d685539 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/watch.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/watch.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 { createStore } from '@cloudsop/horizon/src/horizonx/store/StoreHandler';
 import { watch } from '@cloudsop/horizon/src/horizonx/proxy/watch';
 
diff --git a/scripts/__tests__/HorizonXText/adapters/ReduxAdapter.test.tsx b/scripts/__tests__/HorizonXText/adapters/ReduxAdapter.test.tsx
index e14c5d9e..703d72e0 100644
--- a/scripts/__tests__/HorizonXText/adapters/ReduxAdapter.test.tsx
+++ b/scripts/__tests__/HorizonXText/adapters/ReduxAdapter.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import {
diff --git a/scripts/__tests__/HorizonXText/adapters/ReduxAdapterThunk.test.tsx b/scripts/__tests__/HorizonXText/adapters/ReduxAdapterThunk.test.tsx
index 39e4fc83..11afe114 100644
--- a/scripts/__tests__/HorizonXText/adapters/ReduxAdapterThunk.test.tsx
+++ b/scripts/__tests__/HorizonXText/adapters/ReduxAdapterThunk.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import { createStore, applyMiddleware, thunk } from '../../../../libs/horizon/src/horizonx/adapters/redux';
 import {describe, it, expect} from '@jest/globals';
diff --git a/scripts/__tests__/HorizonXText/adapters/ReduxReactAdapter.test.tsx b/scripts/__tests__/HorizonXText/adapters/ReduxReactAdapter.test.tsx
index 4f6feec6..3720e943 100644
--- a/scripts/__tests__/HorizonXText/adapters/ReduxReactAdapter.test.tsx
+++ b/scripts/__tests__/HorizonXText/adapters/ReduxReactAdapter.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import horizon, * as Horizon from '@cloudsop/horizon/index.ts';
 import {
diff --git a/scripts/__tests__/HorizonXText/class/ClassException.test.tsx b/scripts/__tests__/HorizonXText/class/ClassException.test.tsx
index 7933d376..7db90307 100644
--- a/scripts/__tests__/HorizonXText/class/ClassException.test.tsx
+++ b/scripts/__tests__/HorizonXText/class/ClassException.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
 import {clearStore, createStore, useStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/class/ClassStateArray.test.tsx b/scripts/__tests__/HorizonXText/class/ClassStateArray.test.tsx
index 2ca08ef5..6a65d840 100644
--- a/scripts/__tests__/HorizonXText/class/ClassStateArray.test.tsx
+++ b/scripts/__tests__/HorizonXText/class/ClassStateArray.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
 import {clearStore, createStore, useStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/class/ClassStateMap.test.tsx b/scripts/__tests__/HorizonXText/class/ClassStateMap.test.tsx
index bb790d8a..68990620 100644
--- a/scripts/__tests__/HorizonXText/class/ClassStateMap.test.tsx
+++ b/scripts/__tests__/HorizonXText/class/ClassStateMap.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
 import {clearStore, createStore, useStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/clear/ClassVNodeClear.test.tsx b/scripts/__tests__/HorizonXText/clear/ClassVNodeClear.test.tsx
index 4fe4e719..d19a78c6 100644
--- a/scripts/__tests__/HorizonXText/clear/ClassVNodeClear.test.tsx
+++ b/scripts/__tests__/HorizonXText/clear/ClassVNodeClear.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
 import {clearStore, createStore, useStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/clear/FunctionVNodeClear.test.tsx b/scripts/__tests__/HorizonXText/clear/FunctionVNodeClear.test.tsx
index 76633b76..83952a83 100644
--- a/scripts/__tests__/HorizonXText/clear/FunctionVNodeClear.test.tsx
+++ b/scripts/__tests__/HorizonXText/clear/FunctionVNodeClear.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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 * as Horizon from '@cloudsop/horizon/index.ts';
 import * as LogUtils from '../../jest/logUtils';
 import {clearStore, createStore, useStore} from '../../../../libs/horizon/src/horizonx/store/StoreHandler';
diff --git a/scripts/__tests__/HorizonXText/edgeCases/multipleStores.test.tsx b/scripts/__tests__/HorizonXText/edgeCases/multipleStores.test.tsx
index 9c9f847c..845fd235 100644
--- a/scripts/__tests__/HorizonXText/edgeCases/multipleStores.test.tsx
+++ b/scripts/__tests__/HorizonXText/edgeCases/multipleStores.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 //@ts-ignore
 import Horizon, { createStore } from '@cloudsop/horizon/index.ts';
 import { triggerClickEvent } from '../../jest/commonComponents';
diff --git a/scripts/__tests__/HorizonXText/edgeCases/proxy.test.tsx b/scripts/__tests__/HorizonXText/edgeCases/proxy.test.tsx
index d402e35c..61e7e7ba 100644
--- a/scripts/__tests__/HorizonXText/edgeCases/proxy.test.tsx
+++ b/scripts/__tests__/HorizonXText/edgeCases/proxy.test.tsx
@@ -1,3 +1,18 @@
+/*
+ * 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} from '../../../../libs/horizon/src/horizonx/proxy/ProxyHandler';
 import {readonlyProxy} from '../../../../libs/horizon/src/horizonx/proxy/readonlyProxy';
 import {describe, beforeEach, afterEach, it, expect} from '@jest/globals';
diff --git a/scripts/__tests__/jest/commonComponents.js b/scripts/__tests__/jest/commonComponents.js
index 4823b9b7..1d81dba0 100644
--- a/scripts/__tests__/jest/commonComponents.js
+++ b/scripts/__tests__/jest/commonComponents.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as Horizon from '@cloudsop/horizon/index.ts';
 import { getLogUtils } from './testUtils';
diff --git a/scripts/__tests__/jest/jestEnvironment.js b/scripts/__tests__/jest/jestEnvironment.js
index 824f8a9d..cac1d2c6 100644
--- a/scripts/__tests__/jest/jestEnvironment.js
+++ b/scripts/__tests__/jest/jestEnvironment.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 global.MessageChannel = function MessageChannel() {
   this.port1 = {};
   this.port2 = {
diff --git a/scripts/__tests__/jest/jestSetting.js b/scripts/__tests__/jest/jestSetting.js
index 2b2f91e7..95d1329a 100644
--- a/scripts/__tests__/jest/jestSetting.js
+++ b/scripts/__tests__/jest/jestSetting.js
@@ -1,3 +1,18 @@
+/*
+ * 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 { unmountComponentAtNode } from '../../../libs/horizon/src/dom/DOMExternal';
 import { getLogUtils } from './testUtils';
 
diff --git a/scripts/__tests__/jest/logUtils.js b/scripts/__tests__/jest/logUtils.js
index ecb32c98..2e381ccd 100644
--- a/scripts/__tests__/jest/logUtils.js
+++ b/scripts/__tests__/jest/logUtils.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 let dataArray = null;
 
 const log = value => {
diff --git a/scripts/__tests__/jest/testUtils.js b/scripts/__tests__/jest/testUtils.js
index 485702b7..2c1ea02c 100755
--- a/scripts/__tests__/jest/testUtils.js
+++ b/scripts/__tests__/jest/testUtils.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 export const stopBubbleOrCapture = (e, value) => {
   const LogUtils = getLogUtils();
   LogUtils.log(value);
diff --git a/scripts/__tests__/utils/dispatchChangeEvent.js b/scripts/__tests__/utils/dispatchChangeEvent.js
index 1b8bbd04..533f4b87 100644
--- a/scripts/__tests__/utils/dispatchChangeEvent.js
+++ b/scripts/__tests__/utils/dispatchChangeEvent.js
@@ -1,5 +1,16 @@
 /*
- * Copyright (c) Huawei Technologies Co., Ltd. 2022-2022. All rights reserved.
+ * 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.
  */
 export default function dispatchChangeEvent(inputEle, value) {
   const nativeInputSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
diff --git a/scripts/gen3rdLib.js b/scripts/gen3rdLib.js
index b8495dc0..cd6d139f 100644
--- a/scripts/gen3rdLib.js
+++ b/scripts/gen3rdLib.js
@@ -1,3 +1,18 @@
+/*
+ * 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.
+ */
+
 'use strict';
 const path = require('path');
 const fs = require('fs');
diff --git a/scripts/rollup/copy-plugin.js b/scripts/rollup/copy-plugin.js
index 45d9652f..9a4dae8b 100644
--- a/scripts/rollup/copy-plugin.js
+++ b/scripts/rollup/copy-plugin.js
@@ -1,3 +1,18 @@
+/*
+ * 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 fs from 'fs';
 
 export default function copyFiles(copyPairs) {
diff --git a/scripts/rollup/rollup.config.js b/scripts/rollup/rollup.config.js
index 05c7bf81..efe2aabd 100644
--- a/scripts/rollup/rollup.config.js
+++ b/scripts/rollup/rollup.config.js
@@ -1,3 +1,18 @@
+/*
+ * 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 nodeResolve from '@rollup/plugin-node-resolve';
 import babel from '@rollup/plugin-babel';
 import path from 'path';

From d472e1871583115ea60dd779f23f10d4cda42eaf Mon Sep 17 00:00:00 2001
From: * <8>
Date: Sat, 8 Oct 2022 14:28:32 +0800
Subject: [PATCH 05/33] Match-id-c391e83c25fe251d1fd4aa2f660a1cb6ebaa5295

---
 .idea/copyright/huawei.xml            | 6 ++++++
 .idea/copyright/profiles_settings.xml | 8 ++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 .idea/copyright/huawei.xml
 create mode 100644 .idea/copyright/profiles_settings.xml

diff --git a/.idea/copyright/huawei.xml b/.idea/copyright/huawei.xml
new file mode 100644
index 00000000..ce060b15
--- /dev/null
+++ b/.idea/copyright/huawei.xml
@@ -0,0 +1,6 @@
+<component name="CopyrightManager">
+  <copyright>
+    <option name="notice" value="Copyright (c) 2020 Huawei Technologies Co.,Ltd.&#10;&#10;openGauss is licensed under Mulan PSL v2.&#10;You can use this software according to the terms and conditions of the Mulan PSL v2.&#10;You may obtain a copy of Mulan PSL v2 at:&#10;&#10;         http://license.coscl.org.cn/MulanPSL2&#10;&#10;THIS SOFTWARE IS PROVIDED ON AN &quot;AS IS&quot; BASIS, WITHOUT WARRANTIES OF ANY KIND,&#10;EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,&#10;MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.&#10;See the Mulan PSL v2 for more details." />
+    <option name="myName" value="huawei" />
+  </copyright>
+</component>
diff --git a/.idea/copyright/profiles_settings.xml b/.idea/copyright/profiles_settings.xml
new file mode 100644
index 00000000..b1ab840c
--- /dev/null
+++ b/.idea/copyright/profiles_settings.xml
@@ -0,0 +1,8 @@
+<component name="CopyrightManager">
+  <settings default="huawei">
+    <LanguageOptions name="JavaScript">
+      <option name="fileTypeOverride" value="3" />
+      <option name="addBlankAfter" value="false" />
+    </LanguageOptions>
+  </settings>
+</component>

From 94820681d6e3f0aa1e9a1840a992cdfe8e771dfc Mon Sep 17 00:00:00 2001
From: * <8>
Date: Sat, 8 Oct 2022 14:32:14 +0800
Subject: [PATCH 06/33] Match-id-691c04a377f4c6fc5ffdcf9f17b68cbd52e04d1a

---
 .idea/copyright/profiles_settings.xml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.idea/copyright/profiles_settings.xml b/.idea/copyright/profiles_settings.xml
index b1ab840c..258fa527 100644
--- a/.idea/copyright/profiles_settings.xml
+++ b/.idea/copyright/profiles_settings.xml
@@ -2,7 +2,6 @@
   <settings default="huawei">
     <LanguageOptions name="JavaScript">
       <option name="fileTypeOverride" value="3" />
-      <option name="addBlankAfter" value="false" />
     </LanguageOptions>
   </settings>
 </component>

From 2a438a2fe756f5054d8196e8fe87da6062b49fbd Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 17 Oct 2022 15:49:31 +0800
Subject: [PATCH 07/33] Match-id-96182a2cc2adbc3bd23f61c82f1ab0e9ec5446b8

---
 libs/horizon/index.ts                  |  3 +++
 libs/horizon/src/external/HorizonIs.ts | 27 +++++++++++++++++++++++---
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index ebd80121..e715cf13 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -49,6 +49,7 @@ import {
   isContextProvider,
   isContextConsumer,
   isElement,
+  isValidElementType,
   isForwardRef,
   isFragment,
   isLazy,
@@ -113,6 +114,7 @@ const Horizon = {
   watch,
   isFragment,
   isElement,
+  isValidElementType,
   isForwardRef,
   isLazy,
   isMemo,
@@ -163,6 +165,7 @@ export {
   // 兼容ReactIs
   isFragment,
   isElement,
+  isValidElementType,
   isForwardRef,
   isLazy,
   isMemo,
diff --git a/libs/horizon/src/external/HorizonIs.ts b/libs/horizon/src/external/HorizonIs.ts
index 8e3a4ccc..7cb4369f 100644
--- a/libs/horizon/src/external/HorizonIs.ts
+++ b/libs/horizon/src/external/HorizonIs.ts
@@ -28,6 +28,13 @@ function isObject(anyThing) {
   return Object.prototype.toString.call(anyThing) === '[object Object]';
 }
 
+function isBuiltinTag(type: any) {
+  return [TYPE_FRAGMENT, TYPE_SUSPENSE].includes(type);
+}
+
+function isBuiltinComponent(type: any) {
+  return [TYPE_MEMO, TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(type);
+}
 /**
  * 获取传入的element的类型
  * 1. fragment, suspense 属于内置标签，类型位于type
@@ -39,17 +46,17 @@ function isObject(anyThing) {
 function getType(ele: any) {
   if (isObject(ele)) {
     const type = ele.type;
-    if ([TYPE_FRAGMENT, TYPE_SUSPENSE].includes(type)) {
+    if (isBuiltinTag(type)) {
       return type;
     }
 
     const vtypeOfType = type?.vtype;
-    if ([TYPE_MEMO, TYPE_PROVIDER, TYPE_LAZY, TYPE_FORWARD_REF, TYPE_CONTEXT].includes(vtypeOfType)) {
+    if (isBuiltinComponent(vtypeOfType)) {
       return vtypeOfType;
     }
 
     const vtype = ele.vtype;
-    if(TYPE_PORTAL === vtype) {
+    if (TYPE_PORTAL === vtype) {
       return vtype;
     }
   }
@@ -89,3 +96,17 @@ export function isContextProvider(ele: any) {
 export function isContextConsumer(ele: any) {
   return getType(ele) === TYPE_CONTEXT;
 }
+
+export function isValidElementType(type: any) {
+  if (typeof type === 'string' || typeof type === 'function' || isBuiltinTag(type)) {
+    return true;
+  }
+
+  if (isObject(type)) {
+    if (isBuiltinComponent(type.vtype)) {
+      return true;
+    }
+  }
+
+  return false;
+}

From c773b91dbae4d7b8c274eba8bd3d3a8543247371 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 17 Oct 2022 15:51:52 +0800
Subject: [PATCH 08/33] Match-id-c84c340a0c26d2228d1aaf5ccd35ad91dad1d997

---
 CHANGELOG.md              | 3 +++
 libs/horizon/package.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d8d338d8..10f970ab 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.0.23 (2022-09-23)
+- **core**: #86 兼容ReactIs API
+-
 ## 0.0.22 (2022-09-22)
 - **core**: #83 #75 #72 input支持受控
 
diff --git a/libs/horizon/package.json b/libs/horizon/package.json
index 0950fd50..8b0f2127 100644
--- a/libs/horizon/package.json
+++ b/libs/horizon/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "horizon"
   ],
-  "version": "0.0.22",
+  "version": "0.0.23",
   "homepage": "",
   "bugs": "",
   "main": "index.js",

From cbd821aed32ec0e68ef346eb0e8c5c62bdb82054 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 24 Oct 2022 15:03:29 +0800
Subject: [PATCH 09/33] Match-id-ac71480e1967c2760b0d88d9e33224ac422176b8

---
 libs/horizon/src/horizonx/Constants.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/horizon/src/horizonx/Constants.ts b/libs/horizon/src/horizonx/Constants.ts
index d023d434..0eb3a9a7 100644
--- a/libs/horizon/src/horizonx/Constants.ts
+++ b/libs/horizon/src/horizonx/Constants.ts
@@ -17,4 +17,4 @@
 export const FunctionComponent = 'FunctionComponent';
 export const ClassComponent = 'ClassComponent';
 
-export const OBSERVER_KEY = Symbol('_horizonObserver');
+export const OBSERVER_KEY = '_horizonObserver';

From 5d8d24ee89f245e96fefe3e43d8cb0bf51857928 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 25 Oct 2022 14:43:20 +0800
Subject: [PATCH 10/33] Match-id-7a9e111a1362e0c42f098a02691676c6e05fd91b

---
 .../src/horizonx/proxy/HooklessObserver.ts    |  3 -
 .../proxy/handlers/CollectionProxyHandler.ts  |  6 +-
 .../src/horizonx/store/StoreHandler.ts        |  8 +--
 libs/horizon/src/horizonx/types.d.ts          | 63 -------------------
 4 files changed, 7 insertions(+), 73 deletions(-)

diff --git a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
index 42e7da21..6a5c6968 100644
--- a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
+++ b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
@@ -13,13 +13,10 @@
  * See the Mulan PSL v2 for more details.
  */
 
-// TODO: implement vNode type
-
 import {IObserver} from './Observer';
 
 /**
  * 一个对象（对象、数组、集合）对应一个Observer
- *
  */
 export class HooklessObserver implements IObserver {
 
diff --git a/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
index cad085bc..dad28366 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/CollectionProxyHandler.ts
@@ -28,7 +28,8 @@ const handler = {
   forEach,
   keys,
   values,
-  [Symbol.iterator]: forOf,
+  // 判断Symbol类型，兼容IE
+  [typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']: forOf,
 };
 
 export function createCollectionProxy(rawObj: Object, hookObserver = true): Object {
@@ -214,7 +215,8 @@ function wrapIterator(rawObj: Object, rawIt: { next: () => { value: any; done: b
 
       return { value: newVal, done };
     },
-    [Symbol.iterator]() {
+    // 判断Symbol类型，兼容IE
+    [typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']() {
       return this;
     },
   };
diff --git a/libs/horizon/src/horizonx/store/StoreHandler.ts b/libs/horizon/src/horizonx/store/StoreHandler.ts
index 867e8cb4..6c1cac0a 100644
--- a/libs/horizon/src/horizonx/store/StoreHandler.ts
+++ b/libs/horizon/src/horizonx/store/StoreHandler.ts
@@ -13,13 +13,13 @@
  * See the Mulan PSL v2 for more details.
  */
 
-//@ts-ignore
+// @ts-ignore
 import { useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { getProcessingVNode } from '../../renderer/GlobalVar';
 import { createProxy } from '../proxy/ProxyHandler';
 import readonlyProxy from '../proxy/readonlyProxy';
 import { Observer } from '../proxy/Observer';
-import { FunctionComponent, ClassComponent } from '../Constants';
+import { FunctionComponent, ClassComponent } from '../../renderer/vnode/VNodeTags';
 import { VNode } from '../../renderer/Types';
 
 const storeMap = new Map<string, StoreHandler<any, any, any>>();
@@ -80,13 +80,11 @@ type AsyncAction<T extends ActionFunction<any>, S extends object> = (
 type StoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: Action<A[K], S> };
 type QueuedStoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K], S> };
 type ComputedValues<S extends object, C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
-type PostponedAction = (state: object, ...args: any[]) => Promise<any>;
-type PostponedActions = { [key: string]: PostponedAction };
 
 export function createStore<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
   config: StoreConfig<S, A, C>
 ): () => StoreHandler<S, A, C> {
-  //create a local shalow copy to ensure consistency (if user would change the config object after store creation)
+  // create a local shalow copy to ensure consistency (if user would change the config object after store creation)
   config = {
     id: config.id,
     options: config.options,
diff --git a/libs/horizon/src/horizonx/types.d.ts b/libs/horizon/src/horizonx/types.d.ts
index 8c93e132..db79637c 100644
--- a/libs/horizon/src/horizonx/types.d.ts
+++ b/libs/horizon/src/horizonx/types.d.ts
@@ -31,66 +31,3 @@ export interface IObserver {
 
   clearByVNode: (vNode: any) => void;
 }
-
-type RemoveFirstFromTuple<T extends any[]> =
-  T['length'] extends 0 ? [] :
-  (((...b: T) => void) extends (a, ...b: infer I) => void ? I : [])
-
-
-type UserActions<S extends object> = { [K:string]: ActionFunction<S> };
-type UserComputedValues<S extends object> = { [K:string]: ComputedFunction<S> };
-
-type ActionFunction<S extends object> = (state: S, ...args: any[]) => any;
-type ComputedFunction<S extends object> = (state: S) => any;
-type Action<T extends UserActions<?>> = (...args:RemoveFirstFromTuple<Parameters<T>>)=>ReturnType<T>
-type AsyncAction<T extends UserActions<?>> = (...args:RemoveFirstFromTuple<Parameters<T>>)=>Promise<ReturnType<T>>
-
-type StoreActions<S extends object,A extends UserActions<S>> = { [K in keyof A]: Action<A[K]> };
-type QueuedStoreActions<S extends object,A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K]> };
-type ComputedValues<S extends object,C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
-type PostponedAction = (state: object, ...args: any[]) => Promise<any>;
-type PostponedActions = { [key:string]: PostponedAction }
-
-export type StoreHandler<S extends object,A extends UserActions<S>,C extends UserComputedValues<S>> =
-  {$subscribe: ((listener: () => void) => void),
-  $unsubscribe: ((listener: () => void) => void),
-  $state: S,
-  $config: StoreConfig<S,A,C>,
-  $queue: QueuedStoreActions<S,A>,
-  $actions: StoreActions<S,A>,
-  $computed: ComputedValues<S,C>,
-  reduxHandler?:ReduxStoreHandler}
-  &
-  {[K in keyof S]: S[K]}
-  &
-  {[K in keyof A]: Action<A[K]>}
-  &
-  {[K in keyof C]: ReturnType<C[K]>}
-
-export type StoreConfig<S extends object,A extends UserActions<S>,C extends UserComputedValues<S>> = {
-  state?: S,
-  options?:{suppressHooks?: boolean},
-  actions?: A,
-  id?: string,
-  computed?: C
-}
-
-type ReduxStoreHandler = {
-  reducer:(state:any,action:{type:string})=>any,
-  dispatch:(action:{type:string})=>void,
-  getState:()=>any,
-  subscribe:(listener:()=>void)=>((listener:()=>void)=>void)
-  replaceReducer: (reducer: (state:any,action:{type:string})=>any)=>void
-  _horizonXstore: StoreHandler
-}
-
-type ReduxAction = {
-  type:string
-}
-
-type ReduxMiddleware = (store:ReduxStoreHandler, extraArgument?:any) =>
-  (next:((action:ReduxAction)=>any)) =>
-  (action:(
-    ReduxAction|
-    ((dispatch:(action:ReduxAction)=>void,store:ReduxStoreHandler,extraArgument?:any)=>any)
-  )) => ReduxStoreHandler

From 26f520cfc48aabcfed08226a5f41ed6deb90d06e Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 25 Oct 2022 14:54:18 +0800
Subject: [PATCH 11/33] Match-id-33838147efb73c637b1314bd819ddeb781b0b680

---
 CHANGELOG.md              | 3 +++
 libs/horizon/package.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 10f970ab..7404c980 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.0.24 (2022-10-25)
+- **core**: fix 修改IE上报Symbol错误的问题
+
 ## 0.0.23 (2022-09-23)
 - **core**: #86 兼容ReactIs API
 -
diff --git a/libs/horizon/package.json b/libs/horizon/package.json
index 8b0f2127..0f6ee886 100644
--- a/libs/horizon/package.json
+++ b/libs/horizon/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "horizon"
   ],
-  "version": "0.0.23",
+  "version": "0.0.24",
   "homepage": "",
   "bugs": "",
   "main": "index.js",

From 06e73eb13170bcf2b5ef60dd107c4affeaaa4ab0 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 25 Oct 2022 17:51:56 +0800
Subject: [PATCH 12/33] Match-id-293b5d8b9c2678e17d9ccda1aeae0b5e13d2396e

---
 libs/horizon/src/dom/valueHandler/SelectValueHandler.ts       | 2 +-
 libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts     | 2 +-
 libs/horizon/src/horizonx/adapters/reduxReact.ts              | 2 +-
 libs/horizon/src/horizonx/proxy/Observer.ts                   | 2 +-
 .../horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts | 4 ++--
 libs/horizon/src/renderer/ErrorHandler.ts                     | 2 +-
 libs/horizon/src/renderer/components/CreatePortal.ts          | 2 +-
 libs/horizon/src/renderer/components/context/Context.ts       | 2 +-
 libs/horizon/src/renderer/hooks/HookExternal.ts               | 2 +-
 libs/horizon/src/renderer/hooks/UseEffectHook.ts              | 2 +-
 libs/horizon/src/renderer/hooks/UseMemoHook.ts                | 2 +-
 libs/horizon/src/renderer/hooks/UseReducerHook.ts             | 2 +-
 libs/horizon/src/renderer/submit/HookEffectHandler.ts         | 2 +-
 libs/horizon/src/renderer/submit/LifeCycleHandler.ts          | 2 +-
 libs/horizon/src/renderer/submit/Submit.ts                    | 2 +-
 libs/horizon/src/renderer/vnode/VNodeCreator.ts               | 2 +-
 package.json                                                  | 3 ++-
 17 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
index ed78b5c9..ba9a4716 100644
--- a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
@@ -61,7 +61,7 @@ export function getSelectPropsWithoutValue(dom: HorizonSelect, properties: Objec
   };
 }
 
-export function updateSelectValue(dom: HorizonSelect, props: Props, isInit: boolean = false) {
+export function updateSelectValue(dom: HorizonSelect, props: Props, isInit = false) {
   const {value, defaultValue, multiple} = props;
 
   const oldMultiple = dom._multiple !== undefined ? dom._multiple : dom.multiple;
diff --git a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
index 595fd663..ea344f23 100644
--- a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
@@ -45,7 +45,7 @@ export function getTextareaPropsWithoutValue(dom: HTMLTextAreaElement, propertie
   };
 }
 
-export function updateTextareaValue(dom: HTMLTextAreaElement, props: Props, isInit: boolean = false) {
+export function updateTextareaValue(dom: HTMLTextAreaElement, props: Props, isInit = false) {
   if (isInit) {
     const initValue = getInitValue(props);
     if (initValue !== '') {
diff --git a/libs/horizon/src/horizonx/adapters/reduxReact.ts b/libs/horizon/src/horizonx/adapters/reduxReact.ts
index 4b1ff6e6..58321399 100644
--- a/libs/horizon/src/horizonx/adapters/reduxReact.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxReact.ts
@@ -19,7 +19,7 @@ import { createContext } from '../../renderer/components/context/CreateContext';
 import { createElement } from '../../external/JSXElement';
 import { BoundActionCreator } from './redux';
 import { ReduxAction } from './redux';
-import { ReduxStoreHandler } from '../store/StoreHandler'
+import { ReduxStoreHandler } from '../store/StoreHandler';
 
 const DefaultContext = createContext(null);
 type Context = typeof DefaultContext;
diff --git a/libs/horizon/src/horizonx/proxy/Observer.ts b/libs/horizon/src/horizonx/proxy/Observer.ts
index 6a2216db..950c16c6 100644
--- a/libs/horizon/src/horizonx/proxy/Observer.ts
+++ b/libs/horizon/src/horizonx/proxy/Observer.ts
@@ -109,7 +109,7 @@ export class Observer implements IObserver {
   }
 
   allChange(): void {
-    let keyIt = this.keyVNodes.keys();
+    const keyIt = this.keyVNodes.keys();
     let keyItem = keyIt.next();
     while (!keyItem.done) {
       this.setProp(keyItem.value);
diff --git a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
index ac871e90..6074b28b 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
@@ -42,8 +42,8 @@ export function get(rawObj: object, key: string | symbol, receiver: any, singleL
       observer.watchers[prop].push(handler);
       return ()=>{
         observer.watchers[prop]=observer.watchers[prop].filter(cb=>cb!==handler);
-      }
-    }
+      };
+    };
   }
 
   if (key === 'addListener') {
diff --git a/libs/horizon/src/renderer/ErrorHandler.ts b/libs/horizon/src/renderer/ErrorHandler.ts
index 34461b14..10ec83f3 100644
--- a/libs/horizon/src/renderer/ErrorHandler.ts
+++ b/libs/horizon/src/renderer/ErrorHandler.ts
@@ -78,7 +78,7 @@ function createClassErrorUpdate(
   return update;
 }
 function isPromise(error: any): error is PromiseType<any> {
-  return error !== null && typeof error === 'object' && typeof error.then === 'function'
+  return error !== null && typeof error === 'object' && typeof error.then === 'function';
 }
 // 处理capture和bubble阶段抛出的错误
 export function handleRenderThrowError(
diff --git a/libs/horizon/src/renderer/components/CreatePortal.ts b/libs/horizon/src/renderer/components/CreatePortal.ts
index 767bb21e..f477d528 100644
--- a/libs/horizon/src/renderer/components/CreatePortal.ts
+++ b/libs/horizon/src/renderer/components/CreatePortal.ts
@@ -19,7 +19,7 @@ import type {PortalType} from '../Types';
 export function createPortal(
   children: any,
   realNode: any,
-  key: string = '',
+  key = '',
 ): PortalType {
   return {
     vtype: TYPE_PORTAL,
diff --git a/libs/horizon/src/renderer/components/context/Context.ts b/libs/horizon/src/renderer/components/context/Context.ts
index 4c1242af..c1899b9c 100644
--- a/libs/horizon/src/renderer/components/context/Context.ts
+++ b/libs/horizon/src/renderer/components/context/Context.ts
@@ -35,7 +35,7 @@ function collectDeps<T>(vNode: VNode, context: ContextType<T>) {
   }
 }
 
-export function getNewContext<T>(vNode: VNode, ctx: ContextType<T>, isUseContext: boolean = false): T {
+export function getNewContext<T>(vNode: VNode, ctx: ContextType<T>, isUseContext = false): T {
   // 如果来自于useContext，则需要在函数组件中调用
   if (isUseContext && getHookStage() === null) {
     throwNotInFuncError();
diff --git a/libs/horizon/src/renderer/hooks/HookExternal.ts b/libs/horizon/src/renderer/hooks/HookExternal.ts
index 45e87ef2..d869aae8 100644
--- a/libs/horizon/src/renderer/hooks/HookExternal.ts
+++ b/libs/horizon/src/renderer/hooks/HookExternal.ts
@@ -37,7 +37,7 @@ export function useContext<T>(
   return getNewContext(processingVNode!, Context, true);
 }
 
-export function useState<S>(initialState: (() => S) | S,): [S, Dispatch<BasicStateAction<S>>] {
+export function useState<S>(initialState: (() => S) | S): [S, Dispatch<BasicStateAction<S>>] {
   return useStateImpl(initialState);
 }
 
diff --git a/libs/horizon/src/renderer/hooks/UseEffectHook.ts b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
index 7e57a5cf..e44f0f6c 100644
--- a/libs/horizon/src/renderer/hooks/UseEffectHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
@@ -26,7 +26,7 @@ import {getHookStage, HookStage} from './HookStage';
 import {isArrayEqual} from '../utils/compare';
 import {getProcessingVNode} from '../GlobalVar';
 
-export function useEffectImpl(effectFunc: () => (() => void) | void, deps?: Array<any> | null,): void {
+export function useEffectImpl(effectFunc: () => (() => void) | void, deps?: Array<any> | null): void {
   // 异步触发的effect
   useEffect(effectFunc, deps, EffectConstant.Effect);
 }
diff --git a/libs/horizon/src/renderer/hooks/UseMemoHook.ts b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
index 9a4a8a19..db12d545 100644
--- a/libs/horizon/src/renderer/hooks/UseMemoHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
@@ -21,7 +21,7 @@ import {
 import {getHookStage, HookStage} from './HookStage';
 import {isArrayEqual} from '../utils/compare';
 
-export function useMemoImpl<V>(fun: () => V, deps?: Array<any> | null,): V {
+export function useMemoImpl<V>(fun: () => V, deps?: Array<any> | null): V {
   const stage = getHookStage();
   if (stage === null) {
     throwNotInFuncError();
diff --git a/libs/horizon/src/renderer/hooks/UseReducerHook.ts b/libs/horizon/src/renderer/hooks/UseReducerHook.ts
index 39d227e1..3637f775 100644
--- a/libs/horizon/src/renderer/hooks/UseReducerHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseReducerHook.ts
@@ -137,7 +137,7 @@ function updateReducerHookState<S, A>(currentHookUpdates, currentHook, reducer):
 
 // 计算stateValue值
 function calculateNewState<S, A>(currentHookUpdates: Array<Update<S, A>>, currentHook, reducer: (S, A) => S) {
-  let reducerObj = currentHook.state;
+  const reducerObj = currentHook.state;
   let state = reducerObj.stateValue;
 
   // 循环遍历更新数组，计算新的状态值
diff --git a/libs/horizon/src/renderer/submit/HookEffectHandler.ts b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
index c0c31f21..88e4b1fc 100644
--- a/libs/horizon/src/renderer/submit/HookEffectHandler.ts
+++ b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
@@ -31,7 +31,7 @@ import {EffectConstant} from '../hooks/EffectConstant';
 let hookEffects: Array<HookEffect | VNode> = [];
 let hookRemoveEffects: Array<HookEffect | VNode> = [];
 // 是否正在异步调度effects
-let isScheduling: boolean = false;
+let isScheduling = false;
 
 export function setSchedulingEffects(value) {
   isScheduling = value;
diff --git a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
index 5a639aa7..f844b3de 100644
--- a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
+++ b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
@@ -172,7 +172,7 @@ function attachRef(vNode: VNode) {
 }
 
 function detachRef(vNode: VNode, isOldRef?: boolean) {
-  let ref = (isOldRef ? vNode.oldRef : vNode.ref);
+  const ref = (isOldRef ? vNode.oldRef : vNode.ref);
 
   handleRef(vNode, ref, null);
 }
diff --git a/libs/horizon/src/renderer/submit/Submit.ts b/libs/horizon/src/renderer/submit/Submit.ts
index ecdab322..30ec1bf9 100644
--- a/libs/horizon/src/renderer/submit/Submit.ts
+++ b/libs/horizon/src/renderer/submit/Submit.ts
@@ -41,7 +41,7 @@ let rootThrowError = null;
 
 // 防止死循环调用update
 const LOOPING_UPDATE_LIMIT = 50;
-let loopingUpdateCount: number = 0;
+let loopingUpdateCount = 0;
 let lastRoot: VNode | null = null;
 
 export function submitToRender(treeRoot) {
diff --git a/libs/horizon/src/renderer/vnode/VNodeCreator.ts b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
index 6b96e49e..cc596c03 100644
--- a/libs/horizon/src/renderer/vnode/VNodeCreator.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
@@ -74,7 +74,7 @@ export function getLazyVNodeTag(lazyComp: any): string {
   } else if (lazyComp !== undefined && lazyComp !== null && typeLazyMap[lazyComp.vtype]) {
     return typeLazyMap[lazyComp.vtype];
   }
-  throw Error("Horizon can't resolve the content of lazy");
+  throw Error('Horizon can\'t resolve the content of lazy');
 }
 
 // 创建processing
diff --git a/package.json b/package.json
index c939f970..c8b44fb3 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
     "libs/*"
   ],
   "scripts": {
-    "lint": "eslint . --ext .ts",
+    "lint": "eslint . --ext .ts --fix",
+    "prettier": "prettier -w libs/**/*.ts",
     "build": "rollup --config ./scripts/rollup/rollup.config.js",
     "build:watch": "rollup --watch --config ./scripts/rollup/rollup.config.js",
     "build:3rdLib": "node ./scripts/gen3rdLib.js build:3rdLib",

From f645bd74307f107072486247ed284375e83309d8 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 25 Oct 2022 17:52:19 +0800
Subject: [PATCH 13/33] Match-id-b0371a69193797c3022489b625f16bc8b1e7669e

---
 libs/horizon/index.ts                         |   4 +-
 libs/horizon/src/dom/DOMInternalKeys.ts       |  26 +---
 libs/horizon/src/dom/DOMOperator.ts           |  55 ++-----
 .../DOMPropertiesHandler.ts                   |   6 +-
 .../dom/DOMPropertiesHandler/StyleHandler.ts  |  40 +++--
 .../DOMPropertiesHandler/UpdateCommonProp.ts  |  99 +++++++++---
 libs/horizon/src/dom/SelectionRangeHandler.ts |  12 +-
 libs/horizon/src/dom/utils/Common.ts          |  13 +-
 libs/horizon/src/dom/utils/DomCreator.ts      |   6 +-
 .../src/dom/validators/ValidateProps.ts       |  19 +--
 .../src/dom/valueHandler/InputValueHandler.ts |  11 +-
 .../dom/valueHandler/OptionValueHandler.ts    |   2 +-
 .../dom/valueHandler/SelectValueHandler.ts    |  12 +-
 .../dom/valueHandler/TextareaValueHandler.ts  |   8 +-
 .../dom/valueHandler/ValueChangeHandler.ts    |   2 +-
 libs/horizon/src/dom/valueHandler/index.ts    |  28 +---
 libs/horizon/src/event/EventBinding.ts        |  13 +-
 libs/horizon/src/event/EventWrapper.ts        |   6 +-
 libs/horizon/src/event/FormValueController.ts |   3 +-
 libs/horizon/src/event/HorizonEventMain.ts    |  35 +----
 libs/horizon/src/event/utils.ts               |   4 +-
 libs/horizon/src/external/JSXElement.ts       |   4 +-
 libs/horizon/src/external/devtools.ts         |   2 +-
 libs/horizon/src/horizonx/adapters/redux.ts   |   2 +-
 .../src/horizonx/adapters/reduxReact.ts       |  12 +-
 .../src/horizonx/adapters/reduxThunk.ts       |  28 ++--
 .../src/horizonx/proxy/HooklessObserver.ts    |  17 +--
 .../src/horizonx/proxy/ProxyHandler.ts        |   2 +-
 .../proxy/handlers/ObjectProxyHandler.ts      |  14 +-
 .../src/horizonx/proxy/readonlyProxy.ts       |   2 +-
 libs/horizon/src/horizonx/types.d.ts          |  99 ++++++------
 libs/horizon/src/renderer/ErrorHandler.ts     |  53 +++----
 libs/horizon/src/renderer/ExecuteMode.ts      |   3 +-
 libs/horizon/src/renderer/GlobalVar.ts        |   2 +-
 libs/horizon/src/renderer/Renderer.ts         |  22 +--
 libs/horizon/src/renderer/TreeBuilder.ts      |  34 ++---
 libs/horizon/src/renderer/UpdateHandler.ts    |  13 +-
 .../src/renderer/components/CreatePortal.ts   |  10 +-
 .../src/renderer/components/CreateRef.ts      |   2 +-
 .../src/renderer/components/ForwardRef.ts     |   2 +-
 libs/horizon/src/renderer/components/Lazy.ts  |  10 +-
 libs/horizon/src/renderer/components/Memo.ts  |   2 +-
 .../renderer/components/context/Context.ts    |   6 +-
 .../components/context/CreateContext.ts       |   4 +-
 libs/horizon/src/renderer/diff/DiffTools.ts   |   2 +-
 .../src/renderer/diff/nodeDiffComparator.ts   |  54 +++----
 libs/horizon/src/renderer/hooks/BaseHook.ts   |  11 +-
 .../src/renderer/hooks/HookExternal.ts        |  57 +++----
 libs/horizon/src/renderer/hooks/HookMain.ts   |  13 +-
 libs/horizon/src/renderer/hooks/HookType.ts   |   2 +-
 .../src/renderer/hooks/UseCallbackHook.ts     |  14 +-
 .../src/renderer/hooks/UseEffectHook.ts       |  25 +--
 .../src/renderer/hooks/UseImperativeHook.ts   |  15 +-
 .../horizon/src/renderer/hooks/UseMemoHook.ts |  12 +-
 libs/horizon/src/renderer/hooks/UseRefHook.ts |   8 +-
 .../src/renderer/hooks/UseStateHook.ts        |   4 +-
 .../src/renderer/render/ClassComponent.ts     |  19 +--
 .../src/renderer/render/ContextConsumer.ts    |   5 +-
 .../src/renderer/render/ContextProvider.ts    |  29 ++--
 .../src/renderer/render/DomComponent.ts       |  60 +++-----
 libs/horizon/src/renderer/render/DomText.ts   |  21 ++-
 .../horizon/src/renderer/render/ForwardRef.ts |   5 +-
 libs/horizon/src/renderer/render/Fragment.ts  |   2 +-
 .../src/renderer/render/FunctionComponent.ts  |  27 +---
 .../src/renderer/render/LazyComponent.ts      |  19 +--
 .../src/renderer/render/SuspenseComponent.ts  |  19 +--
 libs/horizon/src/renderer/render/TreeRoot.ts  |  14 +-
 .../render/class/ClassLifeCycleProcessor.ts   |  16 +-
 libs/horizon/src/renderer/render/index.ts     |   4 +-
 .../src/renderer/submit/HookEffectHandler.ts  |  29 ++--
 .../src/renderer/submit/LifeCycleHandler.ts   | 144 +++++++++---------
 libs/horizon/src/renderer/submit/Submit.ts    |  39 +++--
 .../src/renderer/taskExecutor/BrowserAsync.ts |   5 +-
 .../src/renderer/taskExecutor/RenderQueue.ts  |   4 +-
 .../src/renderer/taskExecutor/TaskExecutor.ts |  19 +--
 libs/horizon/src/renderer/utils/compare.ts    |   6 +-
 .../horizon/src/renderer/utils/throwIfTrue.ts |   2 +-
 libs/horizon/src/renderer/vnode/VNode.ts      |   8 +-
 .../src/renderer/vnode/VNodeCreator.ts        |   2 +-
 libs/horizon/src/renderer/vnode/VNodeFlags.ts |  33 ++--
 .../src/renderer/vnode/VNodeShouldUpdate.ts   |   7 +-
 libs/horizon/src/renderer/vnode/VNodeUtils.ts |  32 ++--
 82 files changed, 655 insertions(+), 881 deletions(-)

diff --git a/libs/horizon/index.ts b/libs/horizon/index.ts
index e715cf13..59045fbb 100644
--- a/libs/horizon/index.ts
+++ b/libs/horizon/index.ts
@@ -120,7 +120,7 @@ const Horizon = {
   isMemo,
   isPortal,
   isContextProvider,
-  isContextConsumer
+  isContextConsumer,
 };
 
 export const version = __VERSION__;
@@ -171,7 +171,7 @@ export {
   isMemo,
   isPortal,
   isContextProvider,
-  isContextConsumer
+  isContextConsumer,
 };
 
 export default Horizon;
diff --git a/libs/horizon/src/dom/DOMInternalKeys.ts b/libs/horizon/src/dom/DOMInternalKeys.ts
index 056793ca..f3ac8089 100644
--- a/libs/horizon/src/dom/DOMInternalKeys.ts
+++ b/libs/horizon/src/dom/DOMInternalKeys.ts
@@ -17,17 +17,10 @@
  * 文件整体功能：给dom节点赋 VNode 的结构体和事件初始化标记
  */
 
-import type {VNode} from '../renderer/Types';
-import type {
-  Container,
-  Props,
-} from './DOMOperator';
+import type { VNode } from '../renderer/Types';
+import type { Container, Props } from './DOMOperator';
 
-import {
-  DomComponent,
-  DomText,
-  TreeRoot,
-} from '../renderer/vnode/VNodeTags';
+import { DomComponent, DomText, TreeRoot } from '../renderer/vnode/VNodeTags';
 
 const INTERNAL_VNODE = '_horizon_VNode';
 const INTERNAL_PROPS = '_horizon_Props';
@@ -35,7 +28,7 @@ const INTERNAL_NONDELEGATEEVENTS = '_horizon_NonDelegatedEvents';
 
 // 通过 VNode 实例获取 DOM 节点
 export function getDom(vNode: VNode): Element | Text | null {
-  const {tag} = vNode;
+  const { tag } = vNode;
   if (tag === DomComponent || tag === DomText) {
     return vNode.realNode;
   }
@@ -43,18 +36,15 @@ export function getDom(vNode: VNode): Element | Text | null {
 }
 
 // 将 VNode 属性相关信息挂到 DOM 对象的特定属性上
-export function saveVNode(
-  vNode: VNode,
-  dom: Element | Text | Container,
-): void {
+export function saveVNode(vNode: VNode, dom: Element | Text | Container): void {
   dom[INTERNAL_VNODE] = vNode;
 }
 
 // 用 DOM 节点，来找其对应的 VNode 实例
-export function getVNode(dom: Node|Container): VNode | null {
+export function getVNode(dom: Node | Container): VNode | null {
   const vNode = dom[INTERNAL_VNODE] || (dom as Container)._treeRoot;
   if (vNode) {
-    const {tag} = vNode;
+    const { tag } = vNode;
     if (tag === DomComponent || tag === DomText || tag === TreeRoot) {
       return vNode;
     }
@@ -78,7 +68,7 @@ export function getNearestVNode(dom: Node): null | VNode {
 }
 
 // 获取 vNode 上的属性相关信息
-export function getVNodeProps(dom: Element | Text): Props | null{
+export function getVNodeProps(dom: Element | Text): Props | null {
   return dom[INTERNAL_PROPS] || null;
 }
 
diff --git a/libs/horizon/src/dom/DOMOperator.ts b/libs/horizon/src/dom/DOMOperator.ts
index 8e944175..ed3047b8 100644
--- a/libs/horizon/src/dom/DOMOperator.ts
+++ b/libs/horizon/src/dom/DOMOperator.ts
@@ -13,27 +13,15 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  saveVNode,
-  updateVNodeProps,
-} from './DOMInternalKeys';
-import {
-  createDom,
-} from './utils/DomCreator';
+import { saveVNode, updateVNodeProps } from './DOMInternalKeys';
+import { createDom } from './utils/DomCreator';
 import { getSelectionInfo, resetSelectionRange, SelectionData } from './SelectionRangeHandler';
 import { shouldAutoFocus } from './utils/Common';
 import { NSS } from './utils/DomCreator';
 import { adjustStyleValue } from './DOMPropertiesHandler/StyleHandler';
 import type { VNode } from '../renderer/Types';
-import {
-  setInitValue,
-  getPropsWithoutValue,
-  updateValue,
-} from './valueHandler';
-import {
-  compareProps,
-  setDomProps,
-} from './DOMPropertiesHandler/DOMPropertiesHandler';
+import { setInitValue, getPropsWithoutValue, updateValue } from './valueHandler';
+import { compareProps, setDomProps } from './DOMPropertiesHandler/DOMPropertiesHandler';
 import { isNativeElement, validateProps } from './validators/ValidateProps';
 import { watchValueChange } from './valueHandler/ValueChangeHandler';
 import { DomComponent, DomText } from '../renderer/vnode/VNodeTags';
@@ -81,12 +69,7 @@ export function resetAfterSubmit(): void {
 }
 
 // 创建 DOM 对象
-export function newDom(
-  tagName: string,
-  props: Props,
-  parentNamespace: string,
-  vNode: VNode,
-): Element {
+export function newDom(tagName: string, props: Props, parentNamespace: string, vNode: VNode): Element {
   const dom: Element = createDom(tagName, parentNamespace);
   // 将 vNode 节点挂到 DOM 对象上
   saveVNode(vNode, dom);
@@ -119,12 +102,7 @@ export function initDomProps(dom: Element, tagName: string, rawProps: Props): bo
 }
 
 // 准备更新之前进行一系列校验 DOM，寻找属性差异等准备工作
-export function getPropChangeList(
-  dom: Element,
-  type: string,
-  lastRawProps: Props,
-  nextRawProps: Props,
-): Object {
+export function getPropChangeList(dom: Element, type: string, lastRawProps: Props, nextRawProps: Props): Object {
   // 校验两个对象的不同
   validateProps(type, nextRawProps);
 
@@ -151,10 +129,7 @@ export function isTextChild(type: string, props: Props): boolean {
   }
 }
 
-export function newTextDom(
-  text: string,
-  processing: VNode,
-): Text {
+export function newTextDom(text: string, processing: VNode): Text {
   const textNode: Text = document.createTextNode(text);
   saveVNode(processing, textNode);
   return textNode;
@@ -198,26 +173,16 @@ export function clearText(dom: Element): void {
 }
 
 // 添加child元素
-export function appendChildElement(
-  parent: Element | Container,
-  child: Element | Text
-): void {
+export function appendChildElement(parent: Element | Container, child: Element | Text): void {
   parent.appendChild(child);
 }
 
 // 插入dom元素
-export function insertDomBefore(
-  parent: Element | Container,
-  child: Element | Text,
-  beforeChild: Element | Text,
-) {
+export function insertDomBefore(parent: Element | Container, child: Element | Text, beforeChild: Element | Text) {
   parent.insertBefore(child, beforeChild);
 }
 
-export function removeChildDom(
-  parent: Element | Container,
-  child: Element | Text
-) {
+export function removeChildDom(parent: Element | Container, child: Element | Text) {
   parent.removeChild(child);
 }
 
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts b/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
index d8e64743..a0ab84b3 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/DOMPropertiesHandler.ts
@@ -81,11 +81,7 @@ export function compareProps(oldProps: Object, newProps: Object): Object {
         styleProp = styleProps[j];
         updatesForStyle[styleProp] = '';
       }
-    } else if (
-      propName === 'autoFocus' ||
-      propName === 'children' ||
-      propName === 'dangerouslySetInnerHTML'
-    ) {
+    } else if (propName === 'autoFocus' || propName === 'children' || propName === 'dangerouslySetInnerHTML') {
       continue;
     } else if (isEventProp(propName)) {
       if (!allDelegatedHorizonEvents.has(propName)) {
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts b/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
index fea7e9d2..012f438f 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/StyleHandler.ts
@@ -14,14 +14,16 @@
  */
 
 function isNeedUnitCSS(styleName: string) {
-  return !(noUnitCSS.includes(styleName)
-    || styleName.startsWith('borderImage')
-    || styleName.startsWith('flex')
-    || styleName.startsWith('gridRow')
-    || styleName.startsWith('gridColumn')
-    || styleName.startsWith('stroke')
-    || styleName.startsWith('box')
-    || styleName.endsWith('Opacity'));
+  return !(
+    noUnitCSS.includes(styleName) ||
+    styleName.startsWith('borderImage') ||
+    styleName.startsWith('flex') ||
+    styleName.startsWith('gridRow') ||
+    styleName.startsWith('gridColumn') ||
+    styleName.startsWith('stroke') ||
+    styleName.startsWith('box') ||
+    styleName.endsWith('Opacity')
+  );
 }
 
 /**
@@ -29,7 +31,7 @@ function isNeedUnitCSS(styleName: string) {
  * 对空值或布尔值进行适配，转为空字符串
  * 去掉多余空字符
  */
- export function adjustStyleValue(name, value) {
+export function adjustStyleValue(name, value) {
   let validValue = value;
 
   if (typeof value === 'number' && value !== 0 && isNeedUnitCSS(name)) {
@@ -50,7 +52,7 @@ export function setStyles(dom, styles) {
   }
 
   const style = dom.style;
-  Object.keys(styles).forEach((name) => {
+  Object.keys(styles).forEach(name => {
     const styleVal = styles[name];
 
     style[name] = adjustStyleValue(name, styleVal);
@@ -60,5 +62,19 @@ export function setStyles(dom, styles) {
 /**
  * 不需要加长度单位的 css 属性
  */
-const noUnitCSS = ['animationIterationCount', 'columnCount', 'columns', 'gridArea', 'fontWeight', 'lineClamp',
-  'lineHeight', 'opacity', 'order', 'orphans', 'tabSize', 'widows', 'zIndex', 'zoom'];
+const noUnitCSS = [
+  'animationIterationCount',
+  'columnCount',
+  'columns',
+  'gridArea',
+  'fontWeight',
+  'lineClamp',
+  'lineHeight',
+  'opacity',
+  'order',
+  'orphans',
+  'tabSize',
+  'widows',
+  'zIndex',
+  'zoom',
+];
diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
index 7800addf..fb92ddbe 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
@@ -13,25 +13,77 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  getPropDetails,
-  PROPERTY_TYPE,
-} from '../validators/PropertiesData';
-import {isInvalidValue} from '../validators/ValidateProps';
-import {getNamespaceCtx} from '../../renderer/ContextSaver';
-import {NSS} from '../utils/DomCreator';
-import {getDomTag} from '../utils/Common';
+import { getPropDetails, PROPERTY_TYPE } from '../validators/PropertiesData';
+import { isInvalidValue } from '../validators/ValidateProps';
+import { getNamespaceCtx } from '../../renderer/ContextSaver';
+import { NSS } from '../utils/DomCreator';
+import { getDomTag } from '../utils/Common';
 
-const svgHumpAttr = new Set(['allowReorder', 'autoReverse', 'baseFrequency', 'baseProfile', 'calcMode', 'clipPathUnits',
-      'contentScriptType', 'contentStyleType', 'diffuseConstant', 'edgeMode', 'externalResourcesRequired', 'filterRes',
-      'filterUnits', 'glyphRef', 'gradientTransform', 'gradientUnits', 'kernelMatrix', 'kernelUnitLength', 'keyPoints',
-      'keySplines', 'keyTimes', 'lengthAdjust', 'limitingConeAngle', 'markerHeight', 'markerUnits', 'markerWidth',
-      'maskContentUnits', 'maskUnits', 'numOctaves', 'pathLength', 'patternContentUnits', 'patternTransform,',
-      'patternUnits', 'pointsAtX', 'pointsAtY', 'pointsAtZ', 'preserveAlpha', 'preserveAspectRatio', 'primitiveUnits',
-      'referrerPolicy', 'refX', 'refY', 'repeatCount', 'repeatDur', 'requiredExtensions', 'requiredFeatures',
-      'specularConstant', 'specularExponent', 'spreadMethod', 'startOffset', 'stdDeviation',
-      'stitchTiles', 'surfaceScale','systemLanguage', 'tableValues', 'targetX', 'targetY',
-      'textLength','viewBox', 'viewTarget', 'xChannelSelector','yChannelSelector', 'zoomAndPan']);
+const svgHumpAttr = new Set([
+  'allowReorder',
+  'autoReverse',
+  'baseFrequency',
+  'baseProfile',
+  'calcMode',
+  'clipPathUnits',
+  'contentScriptType',
+  'contentStyleType',
+  'diffuseConstant',
+  'edgeMode',
+  'externalResourcesRequired',
+  'filterRes',
+  'filterUnits',
+  'glyphRef',
+  'gradientTransform',
+  'gradientUnits',
+  'kernelMatrix',
+  'kernelUnitLength',
+  'keyPoints',
+  'keySplines',
+  'keyTimes',
+  'lengthAdjust',
+  'limitingConeAngle',
+  'markerHeight',
+  'markerUnits',
+  'markerWidth',
+  'maskContentUnits',
+  'maskUnits',
+  'numOctaves',
+  'pathLength',
+  'patternContentUnits',
+  'patternTransform,',
+  'patternUnits',
+  'pointsAtX',
+  'pointsAtY',
+  'pointsAtZ',
+  'preserveAlpha',
+  'preserveAspectRatio',
+  'primitiveUnits',
+  'referrerPolicy',
+  'refX',
+  'refY',
+  'repeatCount',
+  'repeatDur',
+  'requiredExtensions',
+  'requiredFeatures',
+  'specularConstant',
+  'specularExponent',
+  'spreadMethod',
+  'startOffset',
+  'stdDeviation',
+  'stitchTiles',
+  'surfaceScale',
+  'systemLanguage',
+  'tableValues',
+  'targetX',
+  'targetY',
+  'textLength',
+  'viewBox',
+  'viewTarget',
+  'xChannelSelector',
+  'yChannelSelector',
+  'zoomAndPan',
+]);
 
 // 驼峰 变 “-”
 function convertToLowerCase(str) {
@@ -65,19 +117,22 @@ export function updateCommonProp(dom: Element, attrName: string, value: any, isN
       dom.setAttribute(attrName, String(value));
     }
   } else if (['checked', 'multiple', 'muted', 'selected'].includes(propDetails.attrName)) {
-    if (value === null) { // 必填属性设置默认值
+    if (value === null) {
+      // 必填属性设置默认值
       dom[propDetails.attrName] = false;
     } else {
       dom[propDetails.attrName] = value;
     }
-  } else { // 处理其他普通属性
+  } else {
+    // 处理其他普通属性
     if (value === null) {
       dom.removeAttribute(propDetails.attrName);
     } else {
-      const {type, attrNS} = propDetails; // 数据类型、固有属性命名空间
+      const { type, attrNS } = propDetails; // 数据类型、固有属性命名空间
       const attributeName = propDetails.attrName; // 固有属性名
       let attributeValue;
-      if (type === PROPERTY_TYPE.BOOLEAN) { // 即可以用作标志又可以是属性值的属性
+      if (type === PROPERTY_TYPE.BOOLEAN) {
+        // 即可以用作标志又可以是属性值的属性
         attributeValue = '';
       } else {
         attributeValue = String(value);
diff --git a/libs/horizon/src/dom/SelectionRangeHandler.ts b/libs/horizon/src/dom/SelectionRangeHandler.ts
index 8ed611f8..e09e0dad 100644
--- a/libs/horizon/src/dom/SelectionRangeHandler.ts
+++ b/libs/horizon/src/dom/SelectionRangeHandler.ts
@@ -17,9 +17,9 @@
  * 处理文本框、输入框中框选范围内的数据
  */
 
-import {getIFrameFocusedDom, isText} from './utils/Common';
+import { getIFrameFocusedDom, isText } from './utils/Common';
 
-import {isElement} from './utils/Common';
+import { isElement } from './utils/Common';
 
 /**
  * 设置聚焦的 textarea 或 input 节点的选择范围
@@ -76,7 +76,8 @@ function isNodeContainsByTargetNode(targetNode, node) {
   if (typeof targetNode.contains === 'function') {
     return targetNode.contains(node); // 该的节点是否为目标节点的后代节点
   }
-  if (typeof targetNode.compareDocumentPosition === 'function') { // compareDocumentPosition 数值，表示两个节点彼此做比较的位置
+  if (typeof targetNode.compareDocumentPosition === 'function') {
+    // compareDocumentPosition 数值，表示两个节点彼此做比较的位置
     const CONTAINS_CODE = 16;
     // 返回 16 代表 第二节点在第一节点内部
     return targetNode.compareDocumentPosition(node) === CONTAINS_CODE;
@@ -153,9 +154,10 @@ export function resetSelectionRange(preSelectionRangeData: SelectionData) {
     let ancestor = preFocusedDom.parentNode;
     // 查找先前的 focus 节点的先祖
     while (ancestor) {
-      if (isElement(ancestor)) { // 是元素节点，就把先祖信息放到先祖数组中
+      if (isElement(ancestor)) {
+        // 是元素节点，就把先祖信息放到先祖数组中
         // @ts-ignore
-        const {scrollLeft, scrollTop} = ancestor;
+        const { scrollLeft, scrollTop } = ancestor;
         ancestors.push({
           dom: ancestor,
           scrollLeft,
diff --git a/libs/horizon/src/dom/utils/Common.ts b/libs/horizon/src/dom/utils/Common.ts
index 1926f185..30c172cf 100644
--- a/libs/horizon/src/dom/utils/Common.ts
+++ b/libs/horizon/src/dom/utils/Common.ts
@@ -13,8 +13,8 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {HorizonDom} from './Interface';
-import {Props} from '../DOMOperator';
+import { HorizonDom } from './Interface';
+import { Props } from '../DOMOperator';
 
 /**
  * 获取当前聚焦的 input 或者 textarea 元素
@@ -35,12 +35,15 @@ export function getIFrameFocusedDom() {
   while (focusedDom instanceof currentWindow.HTMLIFrameElement) {
     try {
       // 访问 HTMLIframeElement 的 contentDocument 可能会导致浏览器抛出错误
-      if (typeof focusedDom.contentWindow.location.href === 'string') { // iframe 的内容为同源
+      if (typeof focusedDom.contentWindow.location.href === 'string') {
+        // iframe 的内容为同源
         focusedDom = getFocusedDom(focusedDom.contentWindow.document);
-      } else { // 非同源 iframe 因为安全性原因无法获取其中的具体元素
+      } else {
+        // 非同源 iframe 因为安全性原因无法获取其中的具体元素
         break;
       }
-    } catch (e) { // 非同源 iframe 因为安全性原因无法获取其中的具体元素
+    } catch (e) {
+      // 非同源 iframe 因为安全性原因无法获取其中的具体元素
       break;
     }
   }
diff --git a/libs/horizon/src/dom/utils/DomCreator.ts b/libs/horizon/src/dom/utils/DomCreator.ts
index 31f30544..3eb2d1ca 100644
--- a/libs/horizon/src/dom/utils/DomCreator.ts
+++ b/libs/horizon/src/dom/utils/DomCreator.ts
@@ -1,4 +1,3 @@
-
 /*
  * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
  *
@@ -21,10 +20,7 @@ export const NSS = {
 };
 
 // 创建DOM元素
-export function createDom(
-  tagName: string,
-  parentNamespace: string,
-): Element {
+export function createDom(tagName: string, parentNamespace: string): Element {
   let dom: Element;
   const selfNamespace = NSS[tagName] || NSS.html;
   const ns = parentNamespace !== NSS.html ? parentNamespace : selfNamespace;
diff --git a/libs/horizon/src/dom/validators/ValidateProps.ts b/libs/horizon/src/dom/validators/ValidateProps.ts
index 48de7df2..d6629b29 100644
--- a/libs/horizon/src/dom/validators/ValidateProps.ts
+++ b/libs/horizon/src/dom/validators/ValidateProps.ts
@@ -13,23 +13,16 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  getPropDetails, PROPERTY_TYPE, PropDetails,
-} from './PropertiesData';
+import { getPropDetails, PROPERTY_TYPE, PropDetails } from './PropertiesData';
 
 const INVALID_EVENT_NAME_REGEX = /^on[^A-Z]/;
 
-
 // 是内置元素
 export function isNativeElement(tagName: string, props: Record<string, any>) {
   return !tagName.includes('-') && props.is === undefined;
 }
 
-function isInvalidBoolean(
-  attributeName: string,
-  value: any,
-  propDetails: PropDetails,
-): boolean {
+function isInvalidBoolean(attributeName: string, value: any, propDetails: PropDetails): boolean {
   if (propDetails.type === PROPERTY_TYPE.SPECIAL) {
     return false;
   }
@@ -78,7 +71,7 @@ export function isInvalidValue(
   name: string,
   value: any,
   propDetails: PropDetails | null,
-  isNativeTag: boolean,
+  isNativeTag: boolean
 ): boolean {
   if (value == null) {
     return true;
@@ -122,11 +115,7 @@ export function validateProps(type, props) {
     const propString = invalidProps.map(prop => '`' + prop + '`').join(', ');
 
     if (invalidProps.length >= 1) {
-      console.error(
-        'Invalid value for prop %s on <%s> tag.',
-        propString,
-        type,
-      );
+      console.error('Invalid value for prop %s on <%s> tag.', propString, type);
     }
   }
 }
diff --git a/libs/horizon/src/dom/valueHandler/InputValueHandler.ts b/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
index ee374e43..824d57dd 100644
--- a/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/InputValueHandler.ts
@@ -28,7 +28,7 @@ function getInitValue(dom: HTMLInputElement, props: Props) {
 
 export function getInputPropsWithoutValue(dom: HTMLInputElement, props: Props) {
   // checked属于必填属性，无法置
-  let {checked} = props;
+  let { checked } = props;
   if (checked == null) {
     checked = getInitValue(dom, props).initChecked;
   }
@@ -43,9 +43,10 @@ export function getInputPropsWithoutValue(dom: HTMLInputElement, props: Props) {
 }
 
 export function updateInputValue(dom: HTMLInputElement, props: Props) {
-  const {value, checked} = props;
+  const { value, checked } = props;
 
-  if (value != null) { // 处理 dom.value 逻辑
+  if (value != null) {
+    // 处理 dom.value 逻辑
     if (dom.value !== String(value)) {
       dom.value = String(value);
     }
@@ -56,8 +57,8 @@ export function updateInputValue(dom: HTMLInputElement, props: Props) {
 
 // 设置input的初始值
 export function setInitInputValue(dom: HTMLInputElement, props: Props) {
-  const {value, defaultValue} = props;
-  const {initValue, initChecked} = getInitValue(dom, props);
+  const { value, defaultValue } = props;
+  const { initValue, initChecked } = getInitValue(dom, props);
 
   if (value != null || defaultValue != null) {
     // value 的使用优先级 value 属性 > defaultValue 属性 > 空字符串
diff --git a/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts b/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
index 89f33bc7..d1c8022a 100644
--- a/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/OptionValueHandler.ts
@@ -19,7 +19,7 @@ import { Props } from '../utils/Interface';
 // 把 const a = 'a'; <option>gir{a}ffe</option> 转成 giraffe
 function concatChildren(children) {
   let content = '';
-  Children.forEach(children, function(child) {
+  Children.forEach(children, function (child) {
     content += child;
   });
 
diff --git a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
index ba9a4716..fb9f859e 100644
--- a/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/SelectValueHandler.ts
@@ -13,12 +13,12 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {HorizonSelect, Props} from '../utils/Interface';
+import { HorizonSelect, Props } from '../utils/Interface';
 
 function updateMultipleValue(options, newValues) {
   const newValueSet = new Set();
 
-  newValues.forEach((val) => {
+  newValues.forEach(val => {
     newValueSet.add(String(val));
   });
 
@@ -62,7 +62,7 @@ export function getSelectPropsWithoutValue(dom: HorizonSelect, properties: Objec
 }
 
 export function updateSelectValue(dom: HorizonSelect, props: Props, isInit = false) {
-  const {value, defaultValue, multiple} = props;
+  const { value, defaultValue, multiple } = props;
 
   const oldMultiple = dom._multiple !== undefined ? dom._multiple : dom.multiple;
   const newMultiple = Boolean(multiple);
@@ -71,7 +71,8 @@ export function updateSelectValue(dom: HorizonSelect, props: Props, isInit = fal
   // 设置了 value 属性
   if (value != null) {
     updateValue(dom.options, value, newMultiple);
-  } else if (oldMultiple !== newMultiple) { // 修改了 multiple 属性
+  } else if (oldMultiple !== newMultiple) {
+    // 修改了 multiple 属性
     // 切换 multiple 之后，如果设置了 defaultValue 需要重新应用
     if (defaultValue != null) {
       updateValue(dom.options, defaultValue, newMultiple);
@@ -79,7 +80,8 @@ export function updateSelectValue(dom: HorizonSelect, props: Props, isInit = fal
       // 恢复到未选定状态
       updateValue(dom.options, newMultiple ? [] : '', newMultiple);
     }
-  } else if (isInit && defaultValue != null) { // 设置了 defaultValue 属性
+  } else if (isInit && defaultValue != null) {
+    // 设置了 defaultValue 属性
     updateValue(dom.options, defaultValue, newMultiple);
   }
 }
diff --git a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
index ea344f23..82b2203e 100644
--- a/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/TextareaValueHandler.ts
@@ -13,15 +13,14 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {Props} from '../utils/Interface';
-
+import { Props } from '../utils/Interface';
 
 // 值的优先级 value > children > defaultValue
 function getInitValue(props: Props) {
-  const {value} = props;
+  const { value } = props;
 
   if (value == null) {
-    const {defaultValue, children} = props;
+    const { defaultValue, children } = props;
     let initValue = defaultValue;
 
     // children content存在时，会覆盖defaultValue
@@ -63,4 +62,3 @@ export function updateTextareaValue(dom: HTMLTextAreaElement, props: Props, isIn
     }
   }
 }
-
diff --git a/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts b/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
index d95c2be5..d1c39fd8 100644
--- a/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
+++ b/libs/horizon/src/dom/valueHandler/ValueChangeHandler.ts
@@ -52,7 +52,7 @@ export function watchValueChange(dom) {
     const setFunc = descriptor?.set;
     Object.defineProperty(dom, keyForValue, {
       ...descriptor,
-      set: function(value) {
+      set: function (value) {
         currentVal = String(value);
         setFunc?.apply(this, [value]);
       },
diff --git a/libs/horizon/src/dom/valueHandler/index.ts b/libs/horizon/src/dom/valueHandler/index.ts
index 828190e0..6e96281a 100644
--- a/libs/horizon/src/dom/valueHandler/index.ts
+++ b/libs/horizon/src/dom/valueHandler/index.ts
@@ -18,23 +18,11 @@
  * 处理组件被代理和不被代理情况下的不同逻辑
  */
 
-import {HorizonDom, HorizonSelect, Props} from '../utils/Interface';
-import {
-  getInputPropsWithoutValue,
-  setInitInputValue,
-  updateInputValue,
-} from './InputValueHandler';
-import {
-  getOptionPropsWithoutValue,
-} from './OptionValueHandler';
-import {
-  getSelectPropsWithoutValue,
-  updateSelectValue,
-} from './SelectValueHandler';
-import {
-  getTextareaPropsWithoutValue,
-  updateTextareaValue,
-} from './TextareaValueHandler';
+import { HorizonDom, HorizonSelect, Props } from '../utils/Interface';
+import { getInputPropsWithoutValue, setInitInputValue, updateInputValue } from './InputValueHandler';
+import { getOptionPropsWithoutValue } from './OptionValueHandler';
+import { getSelectPropsWithoutValue, updateSelectValue } from './SelectValueHandler';
+import { getTextareaPropsWithoutValue, updateTextareaValue } from './TextareaValueHandler';
 
 // 获取元素除了被代理的值以外的属性
 function getPropsWithoutValue(type: string, dom: HorizonDom, props: Props) {
@@ -86,8 +74,4 @@ function updateValue(type: string, dom: HorizonDom, props: Props) {
   }
 }
 
-export {
-  getPropsWithoutValue,
-  setInitValue,
-  updateValue,
-};
+export { getPropsWithoutValue, setInitValue, updateValue };
diff --git a/libs/horizon/src/event/EventBinding.ts b/libs/horizon/src/event/EventBinding.ts
index 3a6819ac..e9d88308 100644
--- a/libs/horizon/src/event/EventBinding.ts
+++ b/libs/horizon/src/event/EventBinding.ts
@@ -16,10 +16,7 @@
 /**
  * 事件绑定实现，分为绑定委托事件和非委托事件
  */
-import {
-  allDelegatedHorizonEvents,
-  allDelegatedNativeEvents,
-} from './EventHub';
+import { allDelegatedHorizonEvents, allDelegatedNativeEvents } from './EventHub';
 import { isDocument } from '../dom/utils/Common';
 import { getNearestVNode, getNonDelegatedListenerMap } from '../dom/DOMInternalKeys';
 import { asyncUpdates, runDiscreteUpdates } from '../renderer/TreeBuilder';
@@ -27,11 +24,7 @@ import { handleEventMain } from './HorizonEventMain';
 import { decorateNativeEvent } from './EventWrapper';
 import { VNode } from '../renderer/vnode/VNode';
 
-const listeningMarker =
-  '_horizonListening' +
-  Math.random()
-    .toString(36)
-    .slice(4);
+const listeningMarker = '_horizonListening' + Math.random().toString(36).slice(4);
 
 // 触发委托事件
 function triggerDelegatedEvent(
@@ -71,7 +64,7 @@ export function lazyDelegateOnRoot(currentRoot: VNode, eventName: string) {
   const nativeEvents = allDelegatedHorizonEvents.get(eventName);
 
   nativeEvents.forEach(nativeEvent => {
-    const nativeFullName =  isCapture ? nativeEvent + 'capture' : nativeEvent;
+    const nativeFullName = isCapture ? nativeEvent + 'capture' : nativeEvent;
 
     // 事件存储在DOM节点属性，避免多个VNode(root和portal)对应同一个DOM, 造成事件重复监听
     let events = currentRoot.realNode.$EV;
diff --git a/libs/horizon/src/event/EventWrapper.ts b/libs/horizon/src/event/EventWrapper.ts
index 6e922129..6ed15a19 100644
--- a/libs/horizon/src/event/EventWrapper.ts
+++ b/libs/horizon/src/event/EventWrapper.ts
@@ -40,7 +40,7 @@ export class WrappedEvent {
   stopPropagation: () => void;
   preventDefault: () => void;
 
-  propagationStopped = false
+  propagationStopped = false;
   isPropagationStopped = (): boolean => this.propagationStopped;
 
   // 适配Keyboard键盘事件该函数不能由合成事件调用
@@ -51,9 +51,9 @@ export class WrappedEvent {
   constructor(customEventName: string, nativeEvtName: string, nativeEvent: AnyNativeEvent) {
     for (const name in nativeEvent) {
       this[name] = nativeEvent[name];
-      if(name === 'getModifierState') {
+      if (name === 'getModifierState') {
         const keyBoardEvent = nativeEvent as KeyboardEvent;
-        this.getModifierState = (keyArg) => keyBoardEvent.getModifierState(keyArg);
+        this.getModifierState = keyArg => keyBoardEvent.getModifierState(keyArg);
       }
     }
     // stopPropagation和preventDefault 必须通过Event实例调用
diff --git a/libs/horizon/src/event/FormValueController.ts b/libs/horizon/src/event/FormValueController.ts
index a8a5b514..ac0603e8 100644
--- a/libs/horizon/src/event/FormValueController.ts
+++ b/libs/horizon/src/event/FormValueController.ts
@@ -15,7 +15,7 @@
 
 import { getVNodeProps } from '../dom/DOMInternalKeys';
 import { getDomTag } from '../dom/utils/Common';
-import {  Props } from '../dom/utils/Interface';
+import { Props } from '../dom/utils/Interface';
 import { updateTextareaValue } from '../dom/valueHandler/TextareaValueHandler';
 import { updateInputHandlerIfChanged } from '../dom/valueHandler/ValueChangeHandler';
 import { updateInputValue } from '../dom/valueHandler/InputValueHandler';
@@ -87,4 +87,3 @@ function controlInputValue(inputDom: HTMLInputElement, props: Props) {
     updateInputValue(inputDom, props);
   }
 }
-
diff --git a/libs/horizon/src/event/HorizonEventMain.ts b/libs/horizon/src/event/HorizonEventMain.ts
index ea5fb202..5c0ae747 100644
--- a/libs/horizon/src/event/HorizonEventMain.ts
+++ b/libs/horizon/src/event/HorizonEventMain.ts
@@ -78,11 +78,7 @@ function getChangeListeners(
   if (shouldTriggerChangeEvent(targetDom, nativeEvtName)) {
     recordChangeEventTargets(target);
 
-    const event = decorateNativeEvent(
-      'onChange',
-      'change',
-      nativeEvt,
-    );
+    const event = decorateNativeEvent('onChange', 'change', nativeEvt);
     return getListenersFromTree(vNode, 'onChange', event, EVENT_TYPE_ALL);
   }
 
@@ -95,7 +91,7 @@ function getCommonListeners(
   vNode: null | VNode,
   nativeEvent: AnyNativeEvent,
   target: null | EventTarget,
-  isCapture: boolean,
+  isCapture: boolean
 ): ListenerUnitList {
   const horizonEvtName = transformToHorizonEvent(nativeEvtName);
 
@@ -117,12 +113,7 @@ function getCommonListeners(
   }
 
   const horizonEvent = decorateNativeEvent(horizonEvtName, nativeEvtName, nativeEvent);
-  return getListenersFromTree(
-    vNode,
-    horizonEvtName,
-    horizonEvent,
-    isCapture ? EVENT_TYPE_CAPTURE : EVENT_TYPE_BUBBLE,
-  );
+  return getListenersFromTree(vNode, horizonEvtName, horizonEvent, isCapture ? EVENT_TYPE_CAPTURE : EVENT_TYPE_BUBBLE);
 }
 
 // 按顺序执行事件队列
@@ -145,27 +136,16 @@ function triggerHorizonEvents(
   nativeEvtName: string,
   isCapture: boolean,
   nativeEvent: AnyNativeEvent,
-  vNode: VNode | null,
+  vNode: VNode | null
 ) {
   const target = nativeEvent.target || nativeEvent.srcElement!;
 
   // 触发普通委托事件
-  let listenerList: ListenerUnitList = getCommonListeners(
-    nativeEvtName,
-    vNode,
-    nativeEvent,
-    target,
-    isCapture,
-  );
+  let listenerList: ListenerUnitList = getCommonListeners(nativeEvtName, vNode, nativeEvent, target, isCapture);
 
   // 触发特殊handler委托事件
   if (!isCapture && horizonEventToNativeMap.get('onChange')!.includes(nativeEvtName)) {
-    const changeListeners = getChangeListeners(
-      nativeEvtName,
-      nativeEvent,
-      vNode,
-      target
-    );
+    const changeListeners = getChangeListeners(nativeEvtName, nativeEvent, vNode, target);
     if (changeListeners.length) {
       listenerList = listenerList.concat(changeListeners);
     }
@@ -175,7 +155,6 @@ function triggerHorizonEvents(
   processListeners(listenerList);
 }
 
-
 // 其他事件正在执行中标记
 let isInEventsExecution = false;
 
@@ -185,7 +164,7 @@ export function handleEventMain(
   isCapture: boolean,
   nativeEvent: AnyNativeEvent,
   vNode: null | VNode,
-  targetDom: EventTarget,
+  targetDom: EventTarget
 ): void {
   let startVNode = vNode;
   if (startVNode !== null) {
diff --git a/libs/horizon/src/event/utils.ts b/libs/horizon/src/event/utils.ts
index ad8b119c..6f21e52e 100644
--- a/libs/horizon/src/event/utils.ts
+++ b/libs/horizon/src/event/utils.ts
@@ -1,4 +1,3 @@
-
 /*
  * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
  *
@@ -16,12 +15,11 @@
 
 export function isInputElement(dom?: HTMLElement): boolean {
   return dom instanceof HTMLInputElement || dom instanceof HTMLTextAreaElement;
-
 }
 
 export function setPropertyWritable(obj, propName) {
   const desc = Object.getOwnPropertyDescriptor(obj, propName);
   if (!desc || !desc.writable) {
-    Object.defineProperty(obj, propName, { writable : true });
+    Object.defineProperty(obj, propName, { writable: true });
   }
 }
diff --git a/libs/horizon/src/external/JSXElement.ts b/libs/horizon/src/external/JSXElement.ts
index fee74176..ebb43d18 100644
--- a/libs/horizon/src/external/JSXElement.ts
+++ b/libs/horizon/src/external/JSXElement.ts
@@ -56,8 +56,8 @@ function mergeDefault(sourceObj, defaultObj) {
 
 function buildElement(isClone, type, setting, children) {
   // setting中的值优先级最高，clone情况下从 type 中取值，创建情况下直接赋值为 null
-  const key = (setting && setting.key !== undefined) ? String(setting.key) : (isClone ? type.key : null);
-  const ref = (setting && setting.ref !== undefined) ? setting.ref : (isClone ? type.ref : null);
+  const key = setting && setting.key !== undefined ? String(setting.key) : isClone ? type.key : null;
+  const ref = setting && setting.ref !== undefined ? setting.ref : isClone ? type.ref : null;
   const props = isClone ? { ...type.props } : {};
   let vNode = isClone ? type.belongClassVNode : getProcessingClassVNode();
 
diff --git a/libs/horizon/src/external/devtools.ts b/libs/horizon/src/external/devtools.ts
index 633827fb..ba9922e3 100644
--- a/libs/horizon/src/external/devtools.ts
+++ b/libs/horizon/src/external/devtools.ts
@@ -54,7 +54,7 @@ export const helper = {
       return { name: HookName.RefHook, hIndex, value: (state as Ref<any>).current };
     } else if (isEffectHook(state)) {
       const name =
-        state.effectConstant == EffectConstant.LayoutEffect || (EffectConstant.LayoutEffect | EffectConstant.DepsChange)
+        state.effectConstant == EffectConstant.LayoutEffect || EffectConstant.LayoutEffect | EffectConstant.DepsChange
           ? HookName.LayoutEffectHook
           : HookName.EffectHook;
       return { name, hIndex, value: (state as Effect).effect };
diff --git a/libs/horizon/src/horizonx/adapters/redux.ts b/libs/horizon/src/horizonx/adapters/redux.ts
index fe71cf34..359981ef 100644
--- a/libs/horizon/src/horizonx/adapters/redux.ts
+++ b/libs/horizon/src/horizonx/adapters/redux.ts
@@ -73,7 +73,7 @@ export function createStore(reducer: Reducer, preloadedState?: any, enhancers?):
 
   const result = {
     reducer,
-    getState: function() {
+    getState: function () {
       return store.$s.stateWrapper;
     },
     subscribe: listener => {
diff --git a/libs/horizon/src/horizonx/adapters/reduxReact.ts b/libs/horizon/src/horizonx/adapters/reduxReact.ts
index 58321399..615c5d9b 100644
--- a/libs/horizon/src/horizonx/adapters/reduxReact.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxReact.ts
@@ -44,8 +44,8 @@ export function createStoreHook(context: Context) {
 }
 
 export function createSelectorHook(context: Context): (selector?: (any) => any) => any {
-  const store = (createStoreHook(context)() as unknown) as ReduxStoreHandler;
-  return function(selector = state => state) {
+  const store = createStoreHook(context)() as unknown as ReduxStoreHandler;
+  return function (selector = state => state) {
     const [b, fr] = useState(false);
 
     useEffect(() => {
@@ -59,9 +59,9 @@ export function createSelectorHook(context: Context): (selector?: (any) => any)
   };
 }
 
-export function createDispatchHook(context: Context): ()=>BoundActionCreator {
-  const store = (createStoreHook(context)() as unknown) as ReduxStoreHandler;
-  return function() {
+export function createDispatchHook(context: Context): () => BoundActionCreator {
+  const store = createStoreHook(context)() as unknown as ReduxStoreHandler;
+  return function () {
     return action => {
       store.dispatch(action);
     };
@@ -120,7 +120,7 @@ export function connect(
     function Wrapper(props) {
       const [f, forceReload] = useState(true);
 
-      const store = (useStore() as unknown) as ReduxStoreHandler;
+      const store = useStore() as unknown as ReduxStoreHandler;
 
       useEffect(() => {
         const unsubscribe = store.subscribe(() => forceReload(!f));
diff --git a/libs/horizon/src/horizonx/adapters/reduxThunk.ts b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
index 3fab9b2d..70dfe622 100644
--- a/libs/horizon/src/horizonx/adapters/reduxThunk.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
@@ -17,20 +17,22 @@ import { ReduxAction, ReduxMiddleware } from './redux';
 import { ReduxStoreHandler } from '../store/StoreHandler';
 
 function createThunkMiddleware(extraArgument?: any): ReduxMiddleware {
-  return (store: ReduxStoreHandler) => (next: (action: ReduxAction) => any) => (
-    action:
-      | ReduxAction
-      | ((dispatch: (action: ReduxAction) => void, store: ReduxStoreHandler, extraArgument?: any) => any)
-  ) => {
-    // This gets called for every action you dispatch.
-    // If it's a function, call it.
-    if (typeof action === 'function') {
-      return action(store.dispatch, store.getState.bind(store), extraArgument);
-    }
+  return (store: ReduxStoreHandler) =>
+    (next: (action: ReduxAction) => any) =>
+    (
+      action:
+        | ReduxAction
+        | ((dispatch: (action: ReduxAction) => void, store: ReduxStoreHandler, extraArgument?: any) => any)
+    ) => {
+      // This gets called for every action you dispatch.
+      // If it's a function, call it.
+      if (typeof action === 'function') {
+        return action(store.dispatch, store.getState.bind(store), extraArgument);
+      }
 
-    // Otherwise, just continue processing this action as usual
-    return next(action);
-  };
+      // Otherwise, just continue processing this action as usual
+      return next(action);
+    };
 }
 
 export const thunk = createThunkMiddleware();
diff --git a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
index 42e7da21..bc1dbda0 100644
--- a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
+++ b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
@@ -15,18 +15,16 @@
 
 // TODO: implement vNode type
 
-import {IObserver} from './Observer';
+import { IObserver } from './Observer';
 
 /**
  * 一个对象（对象、数组、集合）对应一个Observer
  *
  */
 export class HooklessObserver implements IObserver {
+  listeners: (() => void)[] = [];
 
-  listeners:(() => void)[] = [];
-
-  useProp(key: string | symbol): void {
-  }
+  useProp(key: string | symbol): void {}
 
   addListener(listener: () => void) {
     this.listeners.push(listener);
@@ -49,12 +47,9 @@ export class HooklessObserver implements IObserver {
     });
   }
 
-  triggerUpdate(vNode): void {
-  }
+  triggerUpdate(vNode): void {}
 
-  allChange(): void {
-  }
+  allChange(): void {}
 
-  clearByVNode(vNode): void {
-  }
+  clearByVNode(vNode): void {}
 }
diff --git a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
index 1f17dd74..0004aae9 100644
--- a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
@@ -54,7 +54,7 @@ export function createProxy(rawObj: any, hookObserver = true): any {
   // 创建Proxy
   let proxyObj;
   if (!hookObserver) {
-    proxyObj = createObjectProxy(rawObj,true);
+    proxyObj = createObjectProxy(rawObj, true);
   } else if (isArray(rawObj)) {
     // 数组
     proxyObj = createArrayProxy(rawObj as []);
diff --git a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
index 6074b28b..a231988e 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/ObjectProxyHandler.ts
@@ -34,14 +34,14 @@ export function get(rawObj: object, key: string | symbol, receiver: any, singleL
 
   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)[];
+  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);
+      return () => {
+        observer.watchers[prop] = observer.watchers[prop].filter(cb => cb !== handler);
       };
     };
   }
@@ -81,7 +81,7 @@ export function set(rawObj: object, key: string, value: any, receiver: any): boo
   const ret = Reflect.set(rawObj, key, newValue, receiver);
 
   if (!isSame(newValue, oldValue)) {
-    if(observer.watchers?.[key]){
+    if (observer.watchers?.[key]) {
       observer.watchers[key].forEach(cb => {
         cb(key, oldValue, newValue);
       });
diff --git a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
index 72fc776a..f2853fed 100644
--- a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
+++ b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
@@ -23,7 +23,7 @@ export function readonlyProxy<T extends object>(target: T): ProxyHandler<T> {
         if (isObject(result)) {
           return readonlyProxy(result);
         }
-      } catch(err) {
+      } catch (err) {
         // 不处理
       }
       return result;
diff --git a/libs/horizon/src/horizonx/types.d.ts b/libs/horizon/src/horizonx/types.d.ts
index 8c93e132..243d6f8a 100644
--- a/libs/horizon/src/horizonx/types.d.ts
+++ b/libs/horizon/src/horizonx/types.d.ts
@@ -14,7 +14,6 @@
  */
 
 export interface IObserver {
-
   useProp: (key: string | symbol) => void;
 
   addListener: (listener: () => void) => void;
@@ -32,65 +31,65 @@ export interface IObserver {
   clearByVNode: (vNode: any) => void;
 }
 
-type RemoveFirstFromTuple<T extends any[]> =
-  T['length'] extends 0 ? [] :
-  (((...b: T) => void) extends (a, ...b: infer I) => void ? I : [])
+type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0
+  ? []
+  : ((...b: T) => void) extends (a, ...b: infer I) => void
+  ? I
+  : [];
 
-
-type UserActions<S extends object> = { [K:string]: ActionFunction<S> };
-type UserComputedValues<S extends object> = { [K:string]: ComputedFunction<S> };
+type UserActions<S extends object> = { [K: string]: ActionFunction<S> };
+type UserComputedValues<S extends object> = { [K: string]: ComputedFunction<S> };
 
 type ActionFunction<S extends object> = (state: S, ...args: any[]) => any;
 type ComputedFunction<S extends object> = (state: S) => any;
-type Action<T extends UserActions<?>> = (...args:RemoveFirstFromTuple<Parameters<T>>)=>ReturnType<T>
-type AsyncAction<T extends UserActions<?>> = (...args:RemoveFirstFromTuple<Parameters<T>>)=>Promise<ReturnType<T>>
+type Action<T extends UserActions<?>> = (...args: RemoveFirstFromTuple<Parameters<T>>) => ReturnType<T>;
+type AsyncAction<T extends UserActions<?>> = (...args: RemoveFirstFromTuple<Parameters<T>>) => Promise<ReturnType<T>>;
 
-type StoreActions<S extends object,A extends UserActions<S>> = { [K in keyof A]: Action<A[K]> };
-type QueuedStoreActions<S extends object,A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K]> };
-type ComputedValues<S extends object,C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
+type StoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: Action<A[K]> };
+type QueuedStoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K]> };
+type ComputedValues<S extends object, C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
 type PostponedAction = (state: object, ...args: any[]) => Promise<any>;
-type PostponedActions = { [key:string]: PostponedAction }
+type PostponedActions = { [key: string]: PostponedAction };
 
-export type StoreHandler<S extends object,A extends UserActions<S>,C extends UserComputedValues<S>> =
-  {$subscribe: ((listener: () => void) => void),
-  $unsubscribe: ((listener: () => void) => void),
-  $state: S,
-  $config: StoreConfig<S,A,C>,
-  $queue: QueuedStoreActions<S,A>,
-  $actions: StoreActions<S,A>,
-  $computed: ComputedValues<S,C>,
-  reduxHandler?:ReduxStoreHandler}
-  &
-  {[K in keyof S]: S[K]}
-  &
-  {[K in keyof A]: Action<A[K]>}
-  &
-  {[K in keyof C]: ReturnType<C[K]>}
+export type StoreHandler<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
+  $subscribe: (listener: () => void) => void;
+  $unsubscribe: (listener: () => void) => void;
+  $state: S;
+  $config: StoreConfig<S, A, C>;
+  $queue: QueuedStoreActions<S, A>;
+  $actions: StoreActions<S, A>;
+  $computed: ComputedValues<S, C>;
+  reduxHandler?: ReduxStoreHandler;
+} & { [K in keyof S]: S[K] } & { [K in keyof A]: Action<A[K]> } & { [K in keyof C]: ReturnType<C[K]> };
 
-export type StoreConfig<S extends object,A extends UserActions<S>,C extends UserComputedValues<S>> = {
-  state?: S,
-  options?:{suppressHooks?: boolean},
-  actions?: A,
-  id?: string,
-  computed?: C
-}
+export type StoreConfig<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
+  state?: S;
+  options?: { suppressHooks?: boolean };
+  actions?: A;
+  id?: string;
+  computed?: C;
+};
 
 type ReduxStoreHandler = {
-  reducer:(state:any,action:{type:string})=>any,
-  dispatch:(action:{type:string})=>void,
-  getState:()=>any,
-  subscribe:(listener:()=>void)=>((listener:()=>void)=>void)
-  replaceReducer: (reducer: (state:any,action:{type:string})=>any)=>void
-  _horizonXstore: StoreHandler
-}
+  reducer: (state: any, action: { type: string }) => any;
+  dispatch: (action: { type: string }) => void;
+  getState: () => any;
+  subscribe: (listener: () => void) => (listener: () => void) => void;
+  replaceReducer: (reducer: (state: any, action: { type: string }) => any) => void;
+  _horizonXstore: StoreHandler;
+};
 
 type ReduxAction = {
-  type:string
-}
+  type: string;
+};
 
-type ReduxMiddleware = (store:ReduxStoreHandler, extraArgument?:any) =>
-  (next:((action:ReduxAction)=>any)) =>
-  (action:(
-    ReduxAction|
-    ((dispatch:(action:ReduxAction)=>void,store:ReduxStoreHandler,extraArgument?:any)=>any)
-  )) => ReduxStoreHandler
+type ReduxMiddleware = (
+  store: ReduxStoreHandler,
+  extraArgument?: any
+) => (
+  next: (action: ReduxAction) => any
+) => (
+  action:
+    | ReduxAction
+    | ((dispatch: (action: ReduxAction) => void, store: ReduxStoreHandler, extraArgument?: any) => any)
+) => ReduxStoreHandler;
diff --git a/libs/horizon/src/renderer/ErrorHandler.ts b/libs/horizon/src/renderer/ErrorHandler.ts
index 10ec83f3..af115325 100644
--- a/libs/horizon/src/renderer/ErrorHandler.ts
+++ b/libs/horizon/src/renderer/ErrorHandler.ts
@@ -18,16 +18,16 @@
  */
 
 import type { PromiseType, VNode } from './Types';
-import type {Update} from './UpdateHandler';
+import type { Update } from './UpdateHandler';
 
-import {ClassComponent, TreeRoot} from './vnode/VNodeTags';
-import {FlagUtils, Interrupted, DidCapture, InitFlag} from './vnode/VNodeFlags';
-import {newUpdate, UpdateState, pushUpdate} from './UpdateHandler';
-import {launchUpdateFromVNode, tryRenderFromRoot} from './TreeBuilder';
-import {setRootThrowError} from './submit/Submit';
-import {handleSuspenseChildThrowError} from './render/SuspenseComponent';
-import {updateShouldUpdateOfTree} from './vnode/VNodeShouldUpdate';
-import {BuildErrored, setBuildResult} from './GlobalVar';
+import { ClassComponent, TreeRoot } from './vnode/VNodeTags';
+import { FlagUtils, Interrupted, DidCapture, InitFlag } from './vnode/VNodeFlags';
+import { newUpdate, UpdateState, pushUpdate } from './UpdateHandler';
+import { launchUpdateFromVNode, tryRenderFromRoot } from './TreeBuilder';
+import { setRootThrowError } from './submit/Submit';
+import { handleSuspenseChildThrowError } from './render/SuspenseComponent';
+import { updateShouldUpdateOfTree } from './vnode/VNodeShouldUpdate';
+import { BuildErrored, setBuildResult } from './GlobalVar';
 
 function consoleError(error: any): void {
   if (isTest) {
@@ -38,18 +38,13 @@ function consoleError(error: any): void {
   }
 }
 
-function handleRootError(
-  error: any,
-) {
+function handleRootError(error: any) {
   // 注意：如果根节点抛出错误，不会销毁整棵树，只打印日志，抛出异常。
   setRootThrowError(error);
   consoleError(error);
 }
 
-function createClassErrorUpdate(
-  vNode: VNode,
-  error: any,
-): Update {
+function createClassErrorUpdate(vNode: VNode, error: any): Update {
   const update = newUpdate();
   update.type = UpdateState.Error;
 
@@ -81,10 +76,7 @@ function isPromise(error: any): error is PromiseType<any> {
   return error !== null && typeof error === 'object' && typeof error.then === 'function';
 }
 // 处理capture和bubble阶段抛出的错误
-export function handleRenderThrowError(
-  sourceVNode: VNode,
-  error: any,
-) {
+export function handleRenderThrowError(sourceVNode: VNode, error: any) {
   // vNode抛出了异常，标记Interrupted中断
   FlagUtils.markInterrupted(sourceVNode);
   // dirtyNodes 不再有效
@@ -117,10 +109,8 @@ export function handleRenderThrowError(
         const instance = vNode.realNode;
         if (
           (vNode.flags & DidCapture) === InitFlag &&
-          (
-            typeof ctor.getDerivedStateFromError === 'function' ||
-            (instance !== null && typeof instance.componentDidCatch === 'function')
-          )
+          (typeof ctor.getDerivedStateFromError === 'function' ||
+            (instance !== null && typeof instance.componentDidCatch === 'function'))
         ) {
           FlagUtils.markShouldCapture(vNode);
 
@@ -155,7 +145,6 @@ function triggerUpdate(vNode, state) {
   }
 }
 
-
 // 处理submit阶段的异常
 export function handleSubmitError(vNode: VNode, error: any) {
   if (vNode.tag === TreeRoot) {
@@ -169,20 +158,19 @@ export function handleSubmitError(vNode: VNode, error: any) {
     if (node.tag === TreeRoot) {
       handleRootError(error);
       return;
-    } else if (node.tag === ClassComponent) { // 只有 class 组件才可以成为错误边界组件
+    } else if (node.tag === ClassComponent) {
+      // 只有 class 组件才可以成为错误边界组件
       const ctor = node.type;
       const instance = node.realNode;
-      if (
-        typeof ctor.getDerivedStateFromError === 'function' ||
-        typeof instance.componentDidCatch === 'function'
-      ) {
+      if (typeof ctor.getDerivedStateFromError === 'function' || typeof instance.componentDidCatch === 'function') {
         const getDerivedStateFromError = node.type.getDerivedStateFromError;
         if (typeof getDerivedStateFromError === 'function') {
           // 打印错误
           consoleError(error);
 
           const retState = getDerivedStateFromError(error);
-          if (retState) { // 有返回值
+          if (retState) {
+            // 有返回值
             // 触发更新
             triggerUpdate(node, retState);
           }
@@ -190,7 +178,8 @@ export function handleSubmitError(vNode: VNode, error: any) {
 
         // 处理componentDidCatch
         if (instance !== null && typeof instance.componentDidCatch === 'function') {
-          if (typeof getDerivedStateFromError !== 'function') { // 没有getDerivedStateFromError
+          if (typeof getDerivedStateFromError !== 'function') {
+            // 没有getDerivedStateFromError
             // 打印错误
             consoleError(error);
           }
diff --git a/libs/horizon/src/renderer/ExecuteMode.ts b/libs/horizon/src/renderer/ExecuteMode.ts
index f7071936..e0ddf54d 100644
--- a/libs/horizon/src/renderer/ExecuteMode.ts
+++ b/libs/horizon/src/renderer/ExecuteMode.ts
@@ -1,4 +1,3 @@
-
 /*
  * Copyright (c) 2020 Huawei Technologies Co.,Ltd.
  *
@@ -42,7 +41,7 @@ export function isExecuting() {
 }
 
 export function copyExecuteMode() {
-  return {...executeMode};
+  return { ...executeMode };
 }
 
 export function setExecuteMode(mode: typeof executeMode) {
diff --git a/libs/horizon/src/renderer/GlobalVar.ts b/libs/horizon/src/renderer/GlobalVar.ts
index 272cad79..fac2f8aa 100644
--- a/libs/horizon/src/renderer/GlobalVar.ts
+++ b/libs/horizon/src/renderer/GlobalVar.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from './Types';
+import type { VNode } from './Types';
 
 // 当前处理的classVNode，用于设置inst.refs
 let processingClassVNode: VNode | null = null;
diff --git a/libs/horizon/src/renderer/Renderer.ts b/libs/horizon/src/renderer/Renderer.ts
index a58a953f..37f77f92 100644
--- a/libs/horizon/src/renderer/Renderer.ts
+++ b/libs/horizon/src/renderer/Renderer.ts
@@ -16,30 +16,15 @@
 import type { VNode } from './Types';
 import type { Update } from './UpdateHandler';
 
-import {
-  asyncUpdates,
-  syncUpdates,
-  runDiscreteUpdates,
-  launchUpdateFromVNode,
-} from './TreeBuilder';
+import { asyncUpdates, syncUpdates, runDiscreteUpdates, launchUpdateFromVNode } from './TreeBuilder';
 import { runAsyncEffects } from './submit/HookEffectHandler';
 import { Callback, newUpdate, pushUpdate } from './UpdateHandler';
 
-
 export { createVNode, createTreeRootVNode } from './vnode/VNodeCreator';
 export { createPortal } from './components/CreatePortal';
-export {
-  asyncUpdates,
-  syncUpdates,
-  runDiscreteUpdates,
-  runAsyncEffects,
-};
+export { asyncUpdates, syncUpdates, runDiscreteUpdates, runAsyncEffects };
 
-export function startUpdate(
-  element: any,
-  treeRoot: VNode,
-  callback?: Callback,
-) {
+export function startUpdate(element: any, treeRoot: VNode, callback?: Callback) {
   const update: Update = newUpdate();
   update.content = { element };
 
@@ -58,4 +43,3 @@ export function getFirstCustomDom(treeRoot?: VNode | null): Element | Text | nul
   }
   return null;
 }
-
diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index 71dd01e0..2abace80 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -45,12 +45,7 @@ import {
   isExecuting,
   setExecuteMode,
 } from './ExecuteMode';
-import {
-  resetContext,
-  resetNamespaceCtx,
-  setContext,
-  setNamespaceCtx,
-} from './ContextSaver';
+import { resetContext, resetNamespaceCtx, setContext, setNamespaceCtx } from './ContextSaver';
 import {
   updateChildShouldUpdate,
   updateParentsChildShouldUpdate,
@@ -110,7 +105,8 @@ function bubbleVNode(vNode: VNode): void {
   do {
     const parent = node.parent;
 
-    if ((node.flags & Interrupted) === InitFlag) { // vNode没有抛出异常
+    if ((node.flags & Interrupted) === InitFlag) {
+      // vNode没有抛出异常
       componentRenders[node.tag].bubbleRender(node);
 
       // 设置node的childShouldUpdate属性
@@ -133,7 +129,8 @@ function bubbleVNode(vNode: VNode): void {
     }
 
     const siblingVNode = node.next;
-    if (siblingVNode !== null) { // 有兄弟vNode
+    if (siblingVNode !== null) {
+      // 有兄弟vNode
       processing = siblingVNode;
       return;
     }
@@ -244,7 +241,8 @@ function buildVNodeTree(treeRoot: VNode) {
   // 清空toUpdateNodes
   treeRoot.toUpdateNodes.clear();
 
-  if (startVNode.tag !== TreeRoot) { // 不是根节点
+  if (startVNode.tag !== TreeRoot) {
+    // 不是根节点
     // 设置namespace，用于createElement
     let parent = startVNode.parent;
     while (parent !== null) {
@@ -290,7 +288,8 @@ function buildVNodeTree(treeRoot: VNode) {
       handleError(treeRoot, thrownValue);
     }
   }
-  if (startVNode.tag !== TreeRoot) { // 不是根节点
+  if (startVNode.tag !== TreeRoot) {
+    // 不是根节点
     // 恢复父节点的context
     resetTreeContext(startVNode);
   }
@@ -308,7 +307,7 @@ function recoverTreeContext(vNode: VNode) {
     if (parent.tag === ContextProvider) {
       contextProviders.unshift(parent);
     }
-    if(parent.tag === DomPortal){
+    if (parent.tag === DomPortal) {
       pushCurrentRoot(parent);
     }
     parent = parent.parent;
@@ -326,7 +325,7 @@ function resetTreeContext(vNode: VNode) {
     if (parent.tag === ContextProvider) {
       resetContext(parent);
     }
-    if(parent.tag === DomPortal){
+    if (parent.tag === DomPortal) {
       popCurrentRoot();
     }
     parent = parent.parent;
@@ -365,9 +364,7 @@ function renderFromRoot(treeRoot) {
 export function tryRenderFromRoot(treeRoot: VNode) {
   if (treeRoot.shouldUpdate && treeRoot.task === null) {
     // 任务放进queue，但是调度开始还是异步的
-    treeRoot.task = pushRenderCallback(
-      renderFromRoot.bind(null, treeRoot),
-    );
+    treeRoot.task = pushRenderCallback(renderFromRoot.bind(null, treeRoot));
   }
 }
 
@@ -387,8 +384,11 @@ export function launchUpdateFromVNode(vNode: VNode) {
   // 保存待刷新的节点
   treeRoot.toUpdateNodes?.add(vNode);
 
-  if (checkMode(BySync) && // 非批量
-    !checkMode(InRender)) { // 不是渲染阶段触发
+  if (
+    checkMode(BySync) && // 非批量
+    !checkMode(InRender)
+  ) {
+    // 不是渲染阶段触发
 
     // 业务直接调用Horizon.render的时候会进入这个分支，同步渲染。
     // 不能改成下面的异步，否则会有时序问题，因为业务可能会依赖这个渲染的完成。
diff --git a/libs/horizon/src/renderer/UpdateHandler.ts b/libs/horizon/src/renderer/UpdateHandler.ts
index acb9c71e..c906bd1c 100644
--- a/libs/horizon/src/renderer/UpdateHandler.ts
+++ b/libs/horizon/src/renderer/UpdateHandler.ts
@@ -53,13 +53,7 @@ export function pushUpdate(vNode: VNode, update: Update) {
 }
 
 // 根据update获取新的state
-function calcState(
-  vNode: VNode,
-  update: Update,
-  inst: any,
-  oldState: any,
-  props: any,
-): any {
+function calcState(vNode: VNode, update: Update, inst: any, oldState: any, props: any): any {
   switch (update.type) {
     case UpdateState.Override:
       const content = update.content;
@@ -73,9 +67,7 @@ function calcState(
     case UpdateState.Update:
       const updateContent = update.content;
       const newState = typeof updateContent === 'function' ? updateContent.call(inst, oldState, props) : updateContent;
-      return (newState === null || newState === undefined)
-        ? oldState
-        : { ...oldState, ...newState };
+      return newState === null || newState === undefined ? oldState : { ...oldState, ...newState };
     default:
       return oldState;
   }
@@ -118,7 +110,6 @@ export function processUpdates(vNode: VNode, inst: any, props: any): void {
       calcUpdates(vNode, props, inst, toProcessUpdates);
     }
   }
-
 }
 
 export function pushForceUpdate(vNode: VNode) {
diff --git a/libs/horizon/src/renderer/components/CreatePortal.ts b/libs/horizon/src/renderer/components/CreatePortal.ts
index f477d528..1c9cbc67 100644
--- a/libs/horizon/src/renderer/components/CreatePortal.ts
+++ b/libs/horizon/src/renderer/components/CreatePortal.ts
@@ -13,14 +13,10 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {TYPE_PORTAL} from '../../external/JSXElementType';
-import type {PortalType} from '../Types';
+import { TYPE_PORTAL } from '../../external/JSXElementType';
+import type { PortalType } from '../Types';
 
-export function createPortal(
-  children: any,
-  realNode: any,
-  key = '',
-): PortalType {
+export function createPortal(children: any, realNode: any, key = ''): PortalType {
   return {
     vtype: TYPE_PORTAL,
     key: key == '' ? '' : '' + key,
diff --git a/libs/horizon/src/renderer/components/CreateRef.ts b/libs/horizon/src/renderer/components/CreateRef.ts
index cc1c65af..9abbcb27 100644
--- a/libs/horizon/src/renderer/components/CreateRef.ts
+++ b/libs/horizon/src/renderer/components/CreateRef.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {RefType} from '../Types';
+import type { RefType } from '../Types';
 
 export function createRef(): RefType {
   return {
diff --git a/libs/horizon/src/renderer/components/ForwardRef.ts b/libs/horizon/src/renderer/components/ForwardRef.ts
index a2c9dac3..80270175 100644
--- a/libs/horizon/src/renderer/components/ForwardRef.ts
+++ b/libs/horizon/src/renderer/components/ForwardRef.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {TYPE_FORWARD_REF} from '../../external/JSXElementType';
+import { TYPE_FORWARD_REF } from '../../external/JSXElementType';
 
 export function forwardRef(render: Function) {
   return {
diff --git a/libs/horizon/src/renderer/components/Lazy.ts b/libs/horizon/src/renderer/components/Lazy.ts
index e04e3ff6..9359ca1f 100644
--- a/libs/horizon/src/renderer/components/Lazy.ts
+++ b/libs/horizon/src/renderer/components/Lazy.ts
@@ -13,9 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {PromiseType} from '../Types';
+import type { PromiseType } from '../Types';
 
-import {TYPE_LAZY} from '../../external/JSXElementType';
+import { TYPE_LAZY } from '../../external/JSXElementType';
 
 enum LayStatus {
   UnProcessed = 'UnProcessed',
@@ -26,7 +26,7 @@ enum LayStatus {
 
 type LazyContent<T> = {
   _status: string;
-  _value: () => PromiseType<{default: T}> | PromiseType<T> | T | any;
+  _value: () => PromiseType<{ default: T }> | PromiseType<T> | T | any;
 };
 
 export type LazyComponent<T, P> = {
@@ -59,7 +59,7 @@ function lazyLoader<T>(lazyContent: LazyContent<T>): any {
           lazyContent._status = LayStatus.Rejected;
           lazyContent._value = error;
         }
-      },
+      }
     );
   }
   if (lazyContent._status === LayStatus.Fulfilled) {
@@ -69,7 +69,7 @@ function lazyLoader<T>(lazyContent: LazyContent<T>): any {
   }
 }
 
-export function lazy<T>(promiseCtor: () => PromiseType<{default: T}>): LazyComponent<T, LazyContent<T>> {
+export function lazy<T>(promiseCtor: () => PromiseType<{ default: T }>): LazyComponent<T, LazyContent<T>> {
   return {
     vtype: TYPE_LAZY,
     _content: {
diff --git a/libs/horizon/src/renderer/components/Memo.ts b/libs/horizon/src/renderer/components/Memo.ts
index c3c18f07..f8889dd2 100644
--- a/libs/horizon/src/renderer/components/Memo.ts
+++ b/libs/horizon/src/renderer/components/Memo.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {TYPE_MEMO} from '../../external/JSXElementType';
+import { TYPE_MEMO } from '../../external/JSXElementType';
 
 export function memo<Props>(type, compare?: (oldProps: Props, newProps: Props) => boolean) {
   return {
diff --git a/libs/horizon/src/renderer/components/context/Context.ts b/libs/horizon/src/renderer/components/context/Context.ts
index c1899b9c..3fc5d681 100644
--- a/libs/horizon/src/renderer/components/context/Context.ts
+++ b/libs/horizon/src/renderer/components/context/Context.ts
@@ -13,9 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode, ContextType} from '../../Types';
-import {getHookStage} from '../../hooks/HookStage';
-import {throwNotInFuncError} from '../../hooks/BaseHook';
+import type { VNode, ContextType } from '../../Types';
+import { getHookStage } from '../../hooks/HookStage';
+import { throwNotInFuncError } from '../../hooks/BaseHook';
 
 // 重置依赖
 export function resetDepContexts(vNode: VNode): void {
diff --git a/libs/horizon/src/renderer/components/context/CreateContext.ts b/libs/horizon/src/renderer/components/context/CreateContext.ts
index 8c654726..db4b0e02 100644
--- a/libs/horizon/src/renderer/components/context/CreateContext.ts
+++ b/libs/horizon/src/renderer/components/context/CreateContext.ts
@@ -13,8 +13,8 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {ContextType} from '../../Types';
-import {TYPE_PROVIDER, TYPE_CONTEXT} from '../../../external/JSXElementType';
+import type { ContextType } from '../../Types';
+import { TYPE_PROVIDER, TYPE_CONTEXT } from '../../../external/JSXElementType';
 
 export function createContext<T>(val: T): ContextType<T> {
   const context: ContextType<T> = {
diff --git a/libs/horizon/src/renderer/diff/DiffTools.ts b/libs/horizon/src/renderer/diff/DiffTools.ts
index 49e2a79d..46c92c5c 100644
--- a/libs/horizon/src/renderer/diff/DiffTools.ts
+++ b/libs/horizon/src/renderer/diff/DiffTools.ts
@@ -18,7 +18,7 @@ import type { VNode, JSXElement } from '../Types';
 // 当前vNode和element是同样的类型
 // LazyComponent 会修改type的类型，所以特殊处理这种类型
 export const isSameType = (vNode: VNode, ele: JSXElement) =>
-   vNode.type === ele.type || (vNode.isLazyComponent && vNode.lazyType === ele.type);
+  vNode.type === ele.type || (vNode.isLazyComponent && vNode.lazyType === ele.type);
 
 export function isTextType(newChild: any) {
   return typeof newChild === 'string' || typeof newChild === 'number';
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index 3899dae9..56753063 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -24,13 +24,7 @@ import {
   createPortalVNode,
   createDomTextVNode,
 } from '../vnode/VNodeCreator';
-import {
-  isSameType,
-  getIteratorFn,
-  isTextType,
-  isIteratorType,
-  isObjectType,
-} from './DiffTools';
+import { isSameType, getIteratorFn, isTextType, isIteratorType, isObjectType } from './DiffTools';
 import { travelChildren } from '../vnode/VNodeUtils';
 import { markVNodePath } from '../utils/vNodePath';
 
@@ -120,10 +114,12 @@ function getNodeType(newChild: any): string | null {
 function setVNodeAdditionFlag(newNode: VNode, lastPosition: number): number {
   let position = lastPosition;
 
-  if (newNode.isCreated || newNode.eIndex < lastPosition) { // 位置 小于 上一个复用的位置
+  if (newNode.isCreated || newNode.eIndex < lastPosition) {
+    // 位置 小于 上一个复用的位置
     // 标记为新增
     FlagUtils.setAddition(newNode);
-  } else { // 复用
+  } else {
+    // 复用
     position = newNode.eIndex;
   }
 
@@ -206,15 +202,16 @@ function transRightChildrenToArray(child) {
   return rightChildrenArray;
 }
 
-function transLeftChildrenToMap(
-  startChild: VNode,
-  rightEndVNode: VNode | null,
-): Map<string | number, VNode> {
+function transLeftChildrenToMap(startChild: VNode, rightEndVNode: VNode | null): Map<string | number, VNode> {
   const leftChildrenMap: Map<string | number, VNode> = new Map();
 
-  travelChildren(startChild, node => {
-    leftChildrenMap.set(node.key !== null ? node.key : node.eIndex, node);
-  }, node => node === rightEndVNode);
+  travelChildren(
+    startChild,
+    node => {
+      leftChildrenMap.set(node.key !== null ? node.key : node.eIndex, node);
+    },
+    node => node === rightEndVNode
+  );
 
   return leftChildrenMap;
 }
@@ -235,11 +232,7 @@ function getOldNodeFromMap(nodeMap: Map<string | number, VNode>, newIdx: number,
 }
 
 // diff数组类型的节点，核心算法
-function diffArrayNodesHandler(
-  parentNode: VNode,
-  firstChild: VNode | null,
-  newChildren: Array<any>,
-): VNode | null {
+function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
   let resultingFirstChild: VNode | null = null;
 
   let prevNewNode: VNode | null = null;
@@ -366,13 +359,14 @@ function diffArrayNodesHandler(
 
   // 4. 新节点还有一部分，但是老节点已经没有了
   if (oldNode === null) {
-
     let isDirectAdd = false;
     // TODO: 是否可以扩大至非dom类型节点
     // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
-    if (parentNode.tag === DomComponent &&
+    if (
+      parentNode.tag === DomComponent &&
       parentNode.oldProps?.children?.length === 0 &&
-      rightIdx - leftIdx === newChildren.length) {
+      rightIdx - leftIdx === newChildren.length
+    ) {
       isDirectAdd = true;
     }
     const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
@@ -424,7 +418,8 @@ function diffArrayNodesHandler(
           const eIndex = newNode.eIndex;
           eIndexes.push(eIndex);
           last = eIndexes[result[result.length - 1]];
-          if (eIndex > last || last === undefined) { // 大的 eIndex直接放在最后
+          if (eIndex > last || last === undefined) {
+            // 大的 eIndex直接放在最后
             preIndex[i] = result[result.length - 1];
             result.push(i);
           } else {
@@ -500,7 +495,7 @@ function setVNodesCIndex(startChild: VNode | null, startIdx: number) {
 function diffIteratorNodesHandler(
   parentNode: VNode,
   firstChild: VNode | null,
-  newChildrenIterable: Iterable<any>,
+  newChildrenIterable: Iterable<any>
 ): VNode | null {
   const iteratorFn = getIteratorFn(newChildrenIterable);
   const iteratorObj = iteratorFn.call(newChildrenIterable);
@@ -517,12 +512,7 @@ function diffIteratorNodesHandler(
 }
 
 // 新节点是字符串类型
-function diffStringNodeHandler(
-  parentNode: VNode,
-  newChild: any,
-  firstChildVNode: VNode,
-  isComparing: boolean
-) {
+function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode, isComparing: boolean) {
   let newTextNode: VNode | null = null;
 
   // 第一个vNode是Text，则复用
diff --git a/libs/horizon/src/renderer/hooks/BaseHook.ts b/libs/horizon/src/renderer/hooks/BaseHook.ts
index d34f4c1f..3ffcaf62 100644
--- a/libs/horizon/src/renderer/hooks/BaseHook.ts
+++ b/libs/horizon/src/renderer/hooks/BaseHook.ts
@@ -14,7 +14,7 @@
  */
 
 import type { Hook } from './HookType';
-import {getProcessingVNode} from '../GlobalVar';
+import { getProcessingVNode } from '../GlobalVar';
 
 // lastTimeHook是上一次执行func时产生的hooks中，与currentHook对应的hook
 let lastTimeHook: Hook<any, any> | null = null;
@@ -35,9 +35,7 @@ export function setCurrentHook(hook: Hook<any, any> | null) {
 }
 
 export function throwNotInFuncError() {
-  throw Error(
-    'Hooks should be used inside function component.',
-  );
+  throw Error('Hooks should be used inside function component.');
 }
 
 // 新建一个hook，并放到vNode.hooks中
@@ -63,9 +61,8 @@ export function getNextHook(hook: Hook<any, any>, hooks: Array<Hook<any, any>>)
 // 原因：1.比对hook的数量有没有变化（非必要）；2.从上一次执行中的hook获取removeEffect
 export function getCurrentHook(): Hook<any, any> {
   const processingVNode = getProcessingVNode();
-  currentHook = currentHook !== null ?
-    getNextHook(currentHook, processingVNode.hooks) :
-    (processingVNode.hooks[0] || null);
+  currentHook =
+    currentHook !== null ? getNextHook(currentHook, processingVNode.hooks) : processingVNode.hooks[0] || null;
 
   if (lastTimeHook !== null) {
     lastTimeHook = getNextHook(lastTimeHook, processingVNode.oldHooks);
diff --git a/libs/horizon/src/renderer/hooks/HookExternal.ts b/libs/horizon/src/renderer/hooks/HookExternal.ts
index d869aae8..60adc0bd 100644
--- a/libs/horizon/src/renderer/hooks/HookExternal.ts
+++ b/libs/horizon/src/renderer/hooks/HookExternal.ts
@@ -13,26 +13,23 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {ContextType} from '../Types';
+import type { ContextType } from '../Types';
 
-import {useRefImpl} from './UseRefHook';
-import {useEffectImpl, useLayoutEffectImpl} from './UseEffectHook';
-import {useCallbackImpl} from './UseCallbackHook';
-import {useMemoImpl} from './UseMemoHook';
-import {useImperativeHandleImpl} from './UseImperativeHook';
-import {useReducerImpl} from './UseReducerHook';
-import {useStateImpl} from './UseStateHook';
-import {getNewContext} from '../components/context/Context';
-import {getProcessingVNode} from '../GlobalVar';
-import {Ref, Trigger} from './HookType';
+import { useRefImpl } from './UseRefHook';
+import { useEffectImpl, useLayoutEffectImpl } from './UseEffectHook';
+import { useCallbackImpl } from './UseCallbackHook';
+import { useMemoImpl } from './UseMemoHook';
+import { useImperativeHandleImpl } from './UseImperativeHook';
+import { useReducerImpl } from './UseReducerHook';
+import { useStateImpl } from './UseStateHook';
+import { getNewContext } from '../components/context/Context';
+import { getProcessingVNode } from '../GlobalVar';
+import { Ref, Trigger } from './HookType';
 
 type BasicStateAction<S> = ((S) => S) | S;
 type Dispatch<A> = (A) => void;
 
-
-export function useContext<T>(
-  Context: ContextType<T>,
-): T {
+export function useContext<T>(Context: ContextType<T>): T {
   const processingVNode = getProcessingVNode();
   return getNewContext(processingVNode!, Context, true);
 }
@@ -41,11 +38,7 @@ export function useState<S>(initialState: (() => S) | S): [S, Dispatch<BasicStat
   return useStateImpl(initialState);
 }
 
-export function useReducer<S, I, A>(
-  reducer: (S, A) => S,
-  initialArg: I,
-  init?: (I) => S,
-): [S, Trigger<A>] | void {
+export function useReducer<S, I, A>(reducer: (S, A) => S, initialArg: I, init?: (I) => S): [S, Trigger<A>] | void {
   return useReducerImpl(reducer, initialArg, init);
 }
 
@@ -53,38 +46,26 @@ export function useRef<T>(initialValue: T): Ref<T> {
   return useRefImpl(initialValue);
 }
 
-export function useEffect(
-  create: () => (() => void) | void,
-  deps?: Array<any> | null,
-): void {
+export function useEffect(create: () => (() => void) | void, deps?: Array<any> | null): void {
   return useEffectImpl(create, deps);
 }
 
-export function useLayoutEffect(
-  create: () => (() => void) | void,
-  deps?: Array<any> | null,
-): void {
+export function useLayoutEffect(create: () => (() => void) | void, deps?: Array<any> | null): void {
   return useLayoutEffectImpl(create, deps);
 }
 
-export function useCallback<T>(
-  callback: T,
-  deps?: Array<any> | null,
-): T {
+export function useCallback<T>(callback: T, deps?: Array<any> | null): T {
   return useCallbackImpl(callback, deps);
 }
 
-export function useMemo<T>(
-  create: () => T,
-  deps?: Array<any> | null,
-): T {
+export function useMemo<T>(create: () => T, deps?: Array<any> | null): T {
   return useMemoImpl(create, deps);
 }
 
 export function useImperativeHandle<T>(
-  ref: {current: T | null} | ((inst: T | null) => any) | null | void,
+  ref: { current: T | null } | ((inst: T | null) => any) | null | void,
   create: () => T,
-  deps?: Array<any> | null,
+  deps?: Array<any> | null
 ): void {
   return useImperativeHandleImpl(ref, create, deps);
 }
diff --git a/libs/horizon/src/renderer/hooks/HookMain.ts b/libs/horizon/src/renderer/hooks/HookMain.ts
index b51b366d..31a5be53 100644
--- a/libs/horizon/src/renderer/hooks/HookMain.ts
+++ b/libs/horizon/src/renderer/hooks/HookMain.ts
@@ -13,21 +13,17 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
+import type { VNode } from '../Types';
 
-import {
-  getLastTimeHook,
-  setLastTimeHook,
-  setCurrentHook, getNextHook
-} from './BaseHook';
-import {HookStage, setHookStage} from './HookStage';
+import { getLastTimeHook, setLastTimeHook, setCurrentHook, getNextHook } from './BaseHook';
+import { HookStage, setHookStage } from './HookStage';
 
 // hook对外入口
 export function runFunctionWithHooks<Props extends Record<string, any>, Arg>(
   funcComp: (props: Props, arg: Arg) => any,
   props: Props,
   arg: Arg,
-  processing: VNode,
+  processing: VNode
 ) {
   // 重置全局变量
   resetGlobalVariable();
@@ -67,4 +63,3 @@ function resetGlobalVariable() {
   setLastTimeHook(null);
   setCurrentHook(null);
 }
-
diff --git a/libs/horizon/src/renderer/hooks/HookType.ts b/libs/horizon/src/renderer/hooks/HookType.ts
index bdfdbab9..9377c456 100644
--- a/libs/horizon/src/renderer/hooks/HookType.ts
+++ b/libs/horizon/src/renderer/hooks/HookType.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {EffectConstant} from './EffectConstant';
+import { EffectConstant } from './EffectConstant';
 type ValueOf<T> = T[keyof T];
 export interface Hook<S, A> {
   state: Reducer<S, A> | Effect | Memo<S> | CallBack<S> | Ref<S>;
diff --git a/libs/horizon/src/renderer/hooks/UseCallbackHook.ts b/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
index c9cb74a9..7316939d 100644
--- a/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseCallbackHook.ts
@@ -13,13 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  createHook,
-  getCurrentHook,
-  throwNotInFuncError
-} from './BaseHook';
-import {getHookStage, HookStage} from './HookStage';
-import {isArrayEqual} from '../utils/compare';
+import { createHook, getCurrentHook, throwNotInFuncError } from './BaseHook';
+import { getHookStage, HookStage } from './HookStage';
+import { isArrayEqual } from '../utils/compare';
 
 export function useCallbackImpl<F>(func: F, dependencies?: Array<any> | null): F {
   const stage = getHookStage();
@@ -31,7 +27,7 @@ export function useCallbackImpl<F>(func: F, dependencies?: Array<any> | null): F
   const deps = dependencies !== undefined ? dependencies : null;
   if (stage === HookStage.Init) {
     hook = createHook();
-    hook.state = {func, dependencies: deps};
+    hook.state = { func, dependencies: deps };
   } else if (stage === HookStage.Update) {
     hook = getCurrentHook();
 
@@ -40,7 +36,7 @@ export function useCallbackImpl<F>(func: F, dependencies?: Array<any> | null): F
     if (lastState !== null && deps !== null && isArrayEqual(deps, lastState.dependencies)) {
       return lastState.func;
     }
-    hook.state = {func, dependencies: deps};
+    hook.state = { func, dependencies: deps };
   }
 
   return func;
diff --git a/libs/horizon/src/renderer/hooks/UseEffectHook.ts b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
index e44f0f6c..cd8e4313 100644
--- a/libs/horizon/src/renderer/hooks/UseEffectHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseEffectHook.ts
@@ -13,18 +13,13 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  createHook,
-  getCurrentHook,
-  getLastTimeHook,
-  throwNotInFuncError
-} from './BaseHook';
-import {FlagUtils} from '../vnode/VNodeFlags';
-import {EffectConstant} from './EffectConstant';
-import type {Effect, EffectList} from './HookType';
-import {getHookStage, HookStage} from './HookStage';
-import {isArrayEqual} from '../utils/compare';
-import {getProcessingVNode} from '../GlobalVar';
+import { createHook, getCurrentHook, getLastTimeHook, throwNotInFuncError } from './BaseHook';
+import { FlagUtils } from '../vnode/VNodeFlags';
+import { EffectConstant } from './EffectConstant';
+import type { Effect, EffectList } from './HookType';
+import { getHookStage, HookStage } from './HookStage';
+import { isArrayEqual } from '../utils/compare';
+import { getProcessingVNode } from '../GlobalVar';
 
 export function useEffectImpl(effectFunc: () => (() => void) | void, deps?: Array<any> | null): void {
   // 异步触发的effect
@@ -36,11 +31,7 @@ export function useLayoutEffectImpl(effectFunc: () => (() => void) | void, deps?
   useEffect(effectFunc, deps, EffectConstant.LayoutEffect);
 }
 
-function useEffect(
-  effectFunc: () => (() => void) | void,
-  deps: Array<any> | void | null,
-  effectType: number
-): void {
+function useEffect(effectFunc: () => (() => void) | void, deps: Array<any> | void | null, effectType: number): void {
   const stage = getHookStage();
   if (stage === null) {
     throwNotInFuncError();
diff --git a/libs/horizon/src/renderer/hooks/UseImperativeHook.ts b/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
index 19c466a4..b9f6d581 100644
--- a/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseImperativeHook.ts
@@ -13,15 +13,15 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {useLayoutEffectImpl} from './UseEffectHook';
-import {getHookStage} from './HookStage';
-import {throwNotInFuncError} from './BaseHook';
-import type {Ref} from './HookType';
+import { useLayoutEffectImpl } from './UseEffectHook';
+import { getHookStage } from './HookStage';
+import { throwNotInFuncError } from './BaseHook';
+import type { Ref } from './HookType';
 
 export function useImperativeHandleImpl<R>(
   ref: { current: R | null } | ((any) => any) | null | void,
   func: () => R,
-  dependencies?: Array<any> | null,
+  dependencies?: Array<any> | null
 ): void {
   const stage = getHookStage();
   if (stage === null) {
@@ -36,10 +36,7 @@ function isNotNull(object: any): boolean {
   return object !== null && object !== undefined;
 }
 
-function effectFunc<R>(
-  func: () => R,
-  ref: Ref<R> | ((any) => any) | null,
-): (() => void) | void {
+function effectFunc<R>(func: () => R, ref: Ref<R> | ((any) => any) | null): (() => void) | void {
   if (typeof ref === 'function') {
     const value = func();
     ref(value);
diff --git a/libs/horizon/src/renderer/hooks/UseMemoHook.ts b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
index db12d545..5b72a055 100644
--- a/libs/horizon/src/renderer/hooks/UseMemoHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseMemoHook.ts
@@ -13,13 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {
-  createHook,
-  getCurrentHook,
-  throwNotInFuncError
-} from './BaseHook';
-import {getHookStage, HookStage} from './HookStage';
-import {isArrayEqual} from '../utils/compare';
+import { createHook, getCurrentHook, throwNotInFuncError } from './BaseHook';
+import { getHookStage, HookStage } from './HookStage';
+import { isArrayEqual } from '../utils/compare';
 
 export function useMemoImpl<V>(fun: () => V, deps?: Array<any> | null): V {
   const stage = getHookStage();
@@ -45,6 +41,6 @@ export function useMemoImpl<V>(fun: () => V, deps?: Array<any> | null): V {
     result = fun();
   }
 
-  hook.state = {result, dependencies: nextDeps};
+  hook.state = { result, dependencies: nextDeps };
   return hook.state.result;
 }
diff --git a/libs/horizon/src/renderer/hooks/UseRefHook.ts b/libs/horizon/src/renderer/hooks/UseRefHook.ts
index e09cb3db..a9e597fb 100644
--- a/libs/horizon/src/renderer/hooks/UseRefHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseRefHook.ts
@@ -13,9 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import {createHook, getCurrentHook, throwNotInFuncError} from './BaseHook';
-import {getHookStage, HookStage} from './HookStage';
-import type {Ref} from './HookType';
+import { createHook, getCurrentHook, throwNotInFuncError } from './BaseHook';
+import { getHookStage, HookStage } from './HookStage';
+import type { Ref } from './HookType';
 
 export function useRefImpl<V>(value: V): Ref<V> {
   const stage = getHookStage();
@@ -26,7 +26,7 @@ export function useRefImpl<V>(value: V): Ref<V> {
   let hook;
   if (stage === HookStage.Init) {
     hook = createHook();
-    hook.state = {current: value};
+    hook.state = { current: value };
   } else if (stage === HookStage.Update) {
     hook = getCurrentHook();
   }
diff --git a/libs/horizon/src/renderer/hooks/UseStateHook.ts b/libs/horizon/src/renderer/hooks/UseStateHook.ts
index 942f7d20..e7d10eb0 100644
--- a/libs/horizon/src/renderer/hooks/UseStateHook.ts
+++ b/libs/horizon/src/renderer/hooks/UseStateHook.ts
@@ -13,8 +13,8 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {Trigger} from './HookType';
-import {useReducerImpl} from './UseReducerHook';
+import type { Trigger } from './HookType';
+import { useReducerImpl } from './UseReducerHook';
 
 function defaultReducer<S>(state: S, action: ((S) => S) | S): S {
   // @ts-ignore
diff --git a/libs/horizon/src/renderer/render/ClassComponent.ts b/libs/horizon/src/renderer/render/ClassComponent.ts
index a90370ea..f486b6b4 100644
--- a/libs/horizon/src/renderer/render/ClassComponent.ts
+++ b/libs/horizon/src/renderer/render/ClassComponent.ts
@@ -30,9 +30,7 @@ import {
 } from './class/ClassLifeCycleProcessor';
 import { FlagUtils, DidCapture } from '../vnode/VNodeFlags';
 import { markRef } from './BaseComponent';
-import {
-  processUpdates,
-} from '../UpdateHandler';
+import { processUpdates } from '../UpdateHandler';
 import { setProcessingClassVNode } from '../GlobalVar';
 import { onlyUpdateChildVNodes } from '../vnode/VNodeCreator';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
@@ -41,9 +39,7 @@ const emptyContextObj = {};
 // 获取当前节点的context
 export function getCurrentContext(clazz, processing: VNode) {
   const context = clazz.contextType;
-  return typeof context === 'object' && context !== null
-    ? getNewContext(processing, context)
-    : emptyContextObj;
+  return typeof context === 'object' && context !== null ? getNewContext(processing, context) : emptyContextObj;
 }
 
 // 挂载实例
@@ -84,9 +80,7 @@ function createChildren(clazz: any, processing: VNode) {
   const isCatchError = (processing.flags & DidCapture) === DidCapture;
 
   // 按照已有规格，如果捕获了错误却没有定义getDerivedStateFromError函数，返回的child为null
-  const newElements = isCatchError && typeof clazz.getDerivedStateFromError !== 'function'
-    ? null
-    : inst.render();
+  const newElements = isCatchError && typeof clazz.getDerivedStateFromError !== 'function' ? null : inst.render();
 
   processing.child = createChildrenByDiff(processing, processing.child, newElements, !processing.isCreated);
   return processing.child;
@@ -136,7 +130,8 @@ export function captureRender(processing: VNode): VNode | null {
     // 挂载新组件，一定会更新
     mountInstance(ctor, processing, nextProps);
     shouldUpdate = true;
-  } else { // 更新
+  } else {
+    // 更新
     const newContext = getCurrentContext(ctor, processing);
 
     // 子节点抛出异常时，如果本class是个捕获异常的处理节点，这时候oldProps是null，所以需要使用props
@@ -150,9 +145,7 @@ export function captureRender(processing: VNode): VNode | null {
     processUpdates(processing, inst, nextProps);
 
     // 如果 props, state, context 都没有变化且 isForceUpdate 为 false则不需要更新
-    shouldUpdate = oldProps !== processing.props ||
-      inst.state !== processing.state ||
-      processing.isForceUpdate;
+    shouldUpdate = oldProps !== processing.props || inst.state !== processing.state || processing.isForceUpdate;
 
     if (shouldUpdate) {
       // derivedStateFromProps会修改nextState，因此需要调用
diff --git a/libs/horizon/src/renderer/render/ContextConsumer.ts b/libs/horizon/src/renderer/render/ContextConsumer.ts
index c072d536..7c945816 100644
--- a/libs/horizon/src/renderer/render/ContextConsumer.ts
+++ b/libs/horizon/src/renderer/render/ContextConsumer.ts
@@ -13,9 +13,9 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode, ContextType} from '../Types';
+import type { VNode, ContextType } from '../Types';
 
-import {resetDepContexts, getNewContext} from '../components/context/Context';
+import { resetDepContexts, getNewContext } from '../components/context/Context';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 
 function captureContextConsumer(processing: VNode) {
@@ -36,4 +36,3 @@ export function captureRender(processing: VNode): VNode | null {
 }
 
 export function bubbleRender() {}
-
diff --git a/libs/horizon/src/renderer/render/ContextProvider.ts b/libs/horizon/src/renderer/render/ContextProvider.ts
index 103a302e..1eadd6cc 100644
--- a/libs/horizon/src/renderer/render/ContextProvider.ts
+++ b/libs/horizon/src/renderer/render/ContextProvider.ts
@@ -18,10 +18,7 @@ import type { VNode, ContextType, ProviderType } from '../Types';
 import { isSame } from '../utils/compare';
 import { ClassComponent, ContextProvider } from '../vnode/VNodeTags';
 import { pushForceUpdate } from '../UpdateHandler';
-import {
-  resetContext,
-  setContext,
-} from '../ContextSaver';
+import { resetContext, setContext } from '../ContextSaver';
 import { travelVNodeTree } from '../vnode/VNodeUtils';
 import { launchUpdateFromVNode } from '../TreeBuilder';
 import { onlyUpdateChildVNodes } from '../vnode/VNodeCreator';
@@ -62,15 +59,20 @@ function handleContextChange(processing: VNode, context: ContextType<any>): void
   let isMatch = false;
 
   // 从vNode开始遍历
-  travelVNodeTree(vNode, node => {
-    const depContexts = node.depContexts;
-    if (depContexts && depContexts.length) {
-      isMatch = matchDependencies(depContexts, context, node) ?? isMatch;
-    }
-  }, node =>
-    // 如果这是匹配的provider，则不要更深入地扫描
-    node.tag === ContextProvider && node.type === processing.type
-    , processing, null);
+  travelVNodeTree(
+    vNode,
+    node => {
+      const depContexts = node.depContexts;
+      if (depContexts && depContexts.length) {
+        isMatch = matchDependencies(depContexts, context, node) ?? isMatch;
+      }
+    },
+    node =>
+      // 如果这是匹配的provider，则不要更深入地扫描
+      node.tag === ContextProvider && node.type === processing.type,
+    processing,
+    null
+  );
 
   // 找到了依赖context的子节点，触发一次更新
   if (isMatch) {
@@ -117,4 +119,3 @@ export function captureRender(processing: VNode): VNode | null {
 export function bubbleRender(processing: VNode) {
   resetContext(processing);
 }
-
diff --git a/libs/horizon/src/renderer/render/DomComponent.ts b/libs/horizon/src/renderer/render/DomComponent.ts
index 0419878e..2eaef98b 100644
--- a/libs/horizon/src/renderer/render/DomComponent.ts
+++ b/libs/horizon/src/renderer/render/DomComponent.ts
@@ -16,28 +16,15 @@
 import type { VNode } from '../Types';
 import type { Props } from '../../dom/DOMOperator';
 
-import {
-  getNamespaceCtx,
-  setNamespaceCtx,
-  resetNamespaceCtx,
-} from '../ContextSaver';
-import {
-  appendChildElement,
-  newDom,
-  initDomProps, getPropChangeList,
-  isTextChild,
-} from '../../dom/DOMOperator';
+import { getNamespaceCtx, setNamespaceCtx, resetNamespaceCtx } from '../ContextSaver';
+import { appendChildElement, newDom, initDomProps, getPropChangeList, isTextChild } from '../../dom/DOMOperator';
 import { FlagUtils } from '../vnode/VNodeFlags';
 import { markRef } from './BaseComponent';
 import { DomComponent, DomPortal, DomText } from '../vnode/VNodeTags';
 import { travelVNodeTree } from '../vnode/VNodeUtils';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 
-function updateDom(
-  processing: VNode,
-  type: any,
-  newProps: Props,
-) {
+function updateDom(processing: VNode, type: any, newProps: Props) {
   // 如果oldProps !== newProps，意味着存在更新，并且需要处理其相关的副作用
   const oldProps = processing.oldProps;
   if (oldProps === newProps) {
@@ -47,12 +34,7 @@ function updateDom(
 
   const dom: Element = processing.realNode;
 
-  const changeList = getPropChangeList(
-    dom,
-    type,
-    oldProps,
-    newProps,
-  );
+  const changeList = getPropChangeList(dom, type, oldProps, newProps);
 
   // 输入类型的直接标记更新
   if (type === 'input' || type === 'textarea' || type === 'select' || type === 'option') {
@@ -74,11 +56,7 @@ export function bubbleRender(processing: VNode) {
   const newProps = processing.props;
   if (!processing.isCreated && processing.realNode != null) {
     // 更新dom属性
-    updateDom(
-      processing,
-      type,
-      newProps,
-    );
+    updateDom(processing, type, newProps);
 
     if (processing.oldRef !== processing.ref) {
       FlagUtils.markRef(processing);
@@ -87,25 +65,25 @@ export function bubbleRender(processing: VNode) {
     const parentNamespace = getNamespaceCtx();
 
     // 创建dom
-    const dom = newDom(
-      type,
-      newProps,
-      parentNamespace,
-      processing,
-    );
+    const dom = newDom(type, newProps, parentNamespace, processing);
 
     // 把dom类型的子节点append到parent dom中
     const vNode = processing.child;
     if (vNode !== null) {
       // 向下递归它的子节点，查找所有终端节点。
-      travelVNodeTree(vNode, node => {
-        if (node.tag === DomComponent || node.tag === DomText) {
-          appendChildElement(dom, node.realNode);
-        }
-      }, node =>
-        // 已经append到父节点，或者是DomPortal都不需要处理child了
-        node.tag === DomComponent || node.tag === DomText || node.tag === DomPortal
-        , processing, null);
+      travelVNodeTree(
+        vNode,
+        node => {
+          if (node.tag === DomComponent || node.tag === DomText) {
+            appendChildElement(dom, node.realNode);
+          }
+        },
+        node =>
+          // 已经append到父节点，或者是DomPortal都不需要处理child了
+          node.tag === DomComponent || node.tag === DomText || node.tag === DomPortal,
+        processing,
+        null
+      );
     }
 
     processing.realNode = dom;
diff --git a/libs/horizon/src/renderer/render/DomText.ts b/libs/horizon/src/renderer/render/DomText.ts
index 6ed00173..6f46901c 100644
--- a/libs/horizon/src/renderer/render/DomText.ts
+++ b/libs/horizon/src/renderer/render/DomText.ts
@@ -13,11 +13,11 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
+import type { VNode } from '../Types';
 
-import {throwIfTrue} from '../utils/throwIfTrue';
-import {newTextDom} from '../../dom/DOMOperator';
-import {FlagUtils} from '../vnode/VNodeFlags';
+import { throwIfTrue } from '../utils/throwIfTrue';
+import { newTextDom } from '../../dom/DOMOperator';
+import { FlagUtils } from '../vnode/VNodeFlags';
 
 export function captureRender(): VNode | null {
   return null;
@@ -26,25 +26,24 @@ export function captureRender(): VNode | null {
 export function bubbleRender(processing: VNode) {
   const newText = processing.props;
 
-  if (!processing.isCreated && processing.realNode != null) { // 更新
+  if (!processing.isCreated && processing.realNode != null) {
+    // 更新
     const oldText = processing.oldProps;
     // 如果文本不同，将其标记为更新
     if (oldText !== newText) {
       FlagUtils.markUpdate(processing);
     }
-  } else { // 初始化
+  } else {
+    // 初始化
     if (typeof newText !== 'string') {
       // 如果存在bug，可能出现这种情况
       throwIfTrue(
         processing.realNode === null,
         'We must have new text for new mounted node. This error is likely ' +
-        'caused by a bug in Horizon. Please file an issue.',
+          'caused by a bug in Horizon. Please file an issue.'
       );
     }
     // 获得对应节点
-    processing.realNode = newTextDom(
-      newText,
-      processing,
-    );
+    processing.realNode = newTextDom(newText, processing);
   }
 }
diff --git a/libs/horizon/src/renderer/render/ForwardRef.ts b/libs/horizon/src/renderer/render/ForwardRef.ts
index 67e21370..960a4763 100644
--- a/libs/horizon/src/renderer/render/ForwardRef.ts
+++ b/libs/horizon/src/renderer/render/ForwardRef.ts
@@ -13,12 +13,11 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
-import {captureRender as funCaptureRender} from './FunctionComponent';
+import type { VNode } from '../Types';
+import { captureRender as funCaptureRender } from './FunctionComponent';
 
 export function captureRender(processing: VNode): VNode | null {
   return funCaptureRender(processing);
 }
 
 export function bubbleRender() {}
-
diff --git a/libs/horizon/src/renderer/render/Fragment.ts b/libs/horizon/src/renderer/render/Fragment.ts
index 6a80ff23..8947c27d 100644
--- a/libs/horizon/src/renderer/render/Fragment.ts
+++ b/libs/horizon/src/renderer/render/Fragment.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
+import type { VNode } from '../Types';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 
 export function bubbleRender() {}
diff --git a/libs/horizon/src/renderer/render/FunctionComponent.ts b/libs/horizon/src/renderer/render/FunctionComponent.ts
index 4638c2d7..c9ddcc8c 100644
--- a/libs/horizon/src/renderer/render/FunctionComponent.ts
+++ b/libs/horizon/src/renderer/render/FunctionComponent.ts
@@ -26,14 +26,11 @@ import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 // 在useState, useReducer的时候，会触发state变化
 let stateChange = false;
 
-export function bubbleRender() {
-}
+export function bubbleRender() {}
 
 // 判断children是否可以复用
 function checkIfCanReuseChildren(processing: VNode) {
-  return !processing.isCreated &&
-    processing.oldProps === processing.props &&
-    !processing.isDepContextChange;
+  return !processing.isCreated && processing.oldProps === processing.props && !processing.isDepContextChange;
 }
 
 export function setStateChange(isUpdate) {
@@ -44,11 +41,7 @@ export function isStateChange() {
   return stateChange;
 }
 
-export function captureFunctionComponent(
-  processing: VNode,
-  funcComp: any,
-  nextProps: any,
-) {
+export function captureFunctionComponent(processing: VNode, funcComp: any, nextProps: any) {
   // 函数组件内已完成异步动作
   if (processing.isSuspended) {
     // 由于首次被打断，应仍为首次渲染
@@ -67,7 +60,7 @@ export function captureFunctionComponent(
     processing.tag === ForwardRef ? funcComp.render : funcComp,
     nextProps,
     processing.tag === ForwardRef ? processing.ref : undefined,
-    processing,
+    processing
   );
 
   // 这里需要判断是否可以复用，因为函数组件比起其他组件，多了context、stateChange、或者store改变了 三个因素
@@ -86,15 +79,7 @@ export function captureFunctionComponent(
 export function captureRender(processing: VNode): VNode | null {
   const Component = processing.type;
   const unresolvedProps = processing.props;
-  const resolvedProps =
-    processing.isLazyComponent
-      ? mergeDefaultProps(Component, unresolvedProps)
-      : unresolvedProps;
+  const resolvedProps = processing.isLazyComponent ? mergeDefaultProps(Component, unresolvedProps) : unresolvedProps;
 
-  return captureFunctionComponent(
-    processing,
-    Component,
-    resolvedProps,
-  );
+  return captureFunctionComponent(processing, Component, resolvedProps);
 }
-
diff --git a/libs/horizon/src/renderer/render/LazyComponent.ts b/libs/horizon/src/renderer/render/LazyComponent.ts
index 152e541e..a385aa3d 100644
--- a/libs/horizon/src/renderer/render/LazyComponent.ts
+++ b/libs/horizon/src/renderer/render/LazyComponent.ts
@@ -17,18 +17,13 @@ import type { VNode } from '../Types';
 
 import { FlagUtils } from '../vnode/VNodeFlags';
 import { getLazyVNodeTag } from '../vnode/VNodeCreator';
-import {
-  ClassComponent,
-  ForwardRef,
-  FunctionComponent,
-  MemoComponent,
-} from '../vnode/VNodeTags';
+import { ClassComponent, ForwardRef, FunctionComponent, MemoComponent } from '../vnode/VNodeTags';
 import { throwIfTrue } from '../utils/throwIfTrue';
 import { captureFunctionComponent } from './FunctionComponent';
 import { captureRender as captureClassComponent } from './ClassComponent';
 import { captureMemoComponent } from './MemoComponent';
 
-export function bubbleRender() { }
+export function bubbleRender() {}
 
 const LazyRendererMap = {
   [FunctionComponent]: captureFunctionComponent,
@@ -51,11 +46,7 @@ export function mergeDefaultProps(Component: any, props: object): object {
   return props;
 }
 
-function captureLazyComponent(
-  processing,
-  lazyComponent,
-  shouldUpdate,
-) {
+function captureLazyComponent(processing, lazyComponent, shouldUpdate) {
   if (!processing.isCreated) {
     // 每次加载lazy都当作mount来处理
     processing.isCreated = true;
@@ -87,9 +78,9 @@ function captureLazyComponent(
     throwIfTrue(
       true,
       'Element type is invalid. Received a promise that resolves to: %s. ' +
-      'Lazy element type must resolve to a class or function.%s',
+        'Lazy element type must resolve to a class or function.%s',
       Component,
-      '',
+      ''
     );
     return null;
   }
diff --git a/libs/horizon/src/renderer/render/SuspenseComponent.ts b/libs/horizon/src/renderer/render/SuspenseComponent.ts
index 0b7b3d2e..82c04dee 100644
--- a/libs/horizon/src/renderer/render/SuspenseComponent.ts
+++ b/libs/horizon/src/renderer/render/SuspenseComponent.ts
@@ -17,12 +17,7 @@ import type { VNode, PromiseType } from '../Types';
 
 import { FlagUtils, Interrupted } from '../vnode/VNodeFlags';
 import { onlyUpdateChildVNodes, updateVNode, createFragmentVNode } from '../vnode/VNodeCreator';
-import {
-  ClassComponent,
-  ForwardRef,
-  FunctionComponent,
-  SuspenseComponent,
-} from '../vnode/VNodeTags';
+import { ClassComponent, ForwardRef, FunctionComponent, SuspenseComponent } from '../vnode/VNodeTags';
 import { pushForceUpdate } from '../UpdateHandler';
 import { launchUpdateFromVNode, tryRenderFromRoot } from '../TreeBuilder';
 import { updateShouldUpdateOfTree } from '../vnode/VNodeShouldUpdate';
@@ -141,11 +136,7 @@ function updateFallback(processing: VNode): Array<VNode> | VNode | null {
 }
 
 export function captureRender(processing: VNode, shouldUpdate: boolean): Array<VNode> | VNode | null {
-  if (
-    !processing.isCreated &&
-    processing.oldProps === processing.props &&
-    !shouldUpdate
-  ) {
+  if (!processing.isCreated && processing.oldProps === processing.props && !shouldUpdate) {
     if (processing.suspenseState.childStatus === SuspenseChildStatus.ShowFallback) {
       // 当显示fallback时，suspense的子组件要更新
       return updateFallback(processing);
@@ -158,8 +149,9 @@ export function captureRender(processing: VNode, shouldUpdate: boolean): Array<V
 
 export function bubbleRender(processing: VNode) {
   const { childStatus, oldChildStatus } = processing.suspenseState;
-  if (childStatus === SuspenseChildStatus.ShowFallback
-    || (!processing.isCreated && oldChildStatus === SuspenseChildStatus.ShowFallback)
+  if (
+    childStatus === SuspenseChildStatus.ShowFallback ||
+    (!processing.isCreated && oldChildStatus === SuspenseChildStatus.ShowFallback)
   ) {
     FlagUtils.markUpdate(processing);
   }
@@ -183,7 +175,6 @@ export function handleSuspenseChildThrowError(parent: VNode, processing: VNode,
       }
       vNode.suspenseState.promiseSet.add(promise);
 
-
       // 移除生命周期flag 和 中断flag
       FlagUtils.removeLifecycleEffectFlags(processing);
       FlagUtils.removeFlag(processing, Interrupted);
diff --git a/libs/horizon/src/renderer/render/TreeRoot.ts b/libs/horizon/src/renderer/render/TreeRoot.ts
index b0367a73..760e7ae5 100644
--- a/libs/horizon/src/renderer/render/TreeRoot.ts
+++ b/libs/horizon/src/renderer/render/TreeRoot.ts
@@ -13,11 +13,11 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
-import {throwIfTrue} from '../utils/throwIfTrue';
-import {processUpdates} from '../UpdateHandler';
-import {resetNamespaceCtx, setNamespaceCtx} from '../ContextSaver';
-import {onlyUpdateChildVNodes} from '../vnode/VNodeCreator';
+import type { VNode } from '../Types';
+import { throwIfTrue } from '../utils/throwIfTrue';
+import { processUpdates } from '../UpdateHandler';
+import { resetNamespaceCtx, setNamespaceCtx } from '../ContextSaver';
+import { onlyUpdateChildVNodes } from '../vnode/VNodeCreator';
 import { createChildrenByDiff } from '../diff/nodeDiffComparator';
 
 export function bubbleRender(processing: VNode) {
@@ -31,8 +31,8 @@ function updateTreeRoot(processing) {
   throwIfTrue(
     processing.isCreated || updates === null,
     'If the root does not have an updates, we should have already ' +
-    'bailed out. This error is likely caused by a bug. Please ' +
-    'file an issue.',
+      'bailed out. This error is likely caused by a bug. Please ' +
+      'file an issue.'
   );
 
   const newProps = processing.props;
diff --git a/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts b/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
index e7ef08fb..f1fe2d1d 100644
--- a/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
+++ b/libs/horizon/src/renderer/render/class/ClassLifeCycleProcessor.ts
@@ -17,12 +17,7 @@ import type { VNode } from '../../Types';
 import type { Callback } from '../../UpdateHandler';
 
 import { shallowCompare } from '../../utils/compare';
-import {
-  pushUpdate,
-  newUpdate,
-  UpdateState,
-  processUpdates,
-} from '../../UpdateHandler';
+import { pushUpdate, newUpdate, UpdateState, processUpdates } from '../../UpdateHandler';
 import { launchUpdateFromVNode } from '../../TreeBuilder';
 import { FlagUtils } from '../../vnode/VNodeFlags';
 import { getCurrentContext } from '../ClassComponent';
@@ -31,7 +26,7 @@ import { PureComponent } from '../../components/BaseClassComponent';
 export function callDerivedStateFromProps(
   processing: VNode,
   getDerivedStateFromProps: (props: object, state: object) => object,
-  nextProps: object,
+  nextProps: object
 ) {
   if (getDerivedStateFromProps) {
     const oldState = processing.state;
@@ -40,9 +35,7 @@ export function callDerivedStateFromProps(
     const newState = getDerivedStateFromProps(nextProps, oldState);
 
     // 组件未返回state,需要返回旧的preState
-    processing.state = newState === null || newState === undefined
-      ? oldState
-      : { ...oldState, ...newState };
+    processing.state = newState === null || newState === undefined ? oldState : { ...oldState, ...newState };
   }
 }
 
@@ -68,7 +61,7 @@ export function callShouldComponentUpdate(
   oldProps: object,
   newProps: object,
   newState: object,
-  newContext: object,
+  newContext: object
 ) {
   const inst = processing.realNode;
 
@@ -169,4 +162,3 @@ export function markComponentDidUpdate(processing: VNode) {
     FlagUtils.markUpdate(processing);
   }
 }
-
diff --git a/libs/horizon/src/renderer/render/index.ts b/libs/horizon/src/renderer/render/index.ts
index dda8e9c0..d11c4191 100644
--- a/libs/horizon/src/renderer/render/index.ts
+++ b/libs/horizon/src/renderer/render/index.ts
@@ -44,9 +44,7 @@ import {
   SuspenseComponent,
 } from '../vnode/VNodeTags';
 
-export {
-  BaseComponentRender,
-};
+export { BaseComponentRender };
 
 export default {
   [ClassComponent]: ClassComponentRender,
diff --git a/libs/horizon/src/renderer/submit/HookEffectHandler.ts b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
index 88e4b1fc..140eceef 100644
--- a/libs/horizon/src/renderer/submit/HookEffectHandler.ts
+++ b/libs/horizon/src/renderer/submit/HookEffectHandler.ts
@@ -17,16 +17,11 @@
  * useEffect 和 useLayoutEffect的执行逻辑
  */
 
-import type {VNode} from '../Types';
-import type {
-  Effect as HookEffect,
-  EffectList,
-} from '../hooks/HookType';
-import {runAsync} from '../taskExecutor/TaskExecutor';
-import {
-  copyExecuteMode, InRender, setExecuteMode,changeMode
-} from '../ExecuteMode';
-import {EffectConstant} from '../hooks/EffectConstant';
+import type { VNode } from '../Types';
+import type { Effect as HookEffect, EffectList } from '../hooks/HookType';
+import { runAsync } from '../taskExecutor/TaskExecutor';
+import { copyExecuteMode, InRender, setExecuteMode, changeMode } from '../ExecuteMode';
+import { EffectConstant } from '../hooks/EffectConstant';
 
 let hookEffects: Array<HookEffect | VNode> = [];
 let hookRemoveEffects: Array<HookEffect | VNode> = [];
@@ -44,7 +39,7 @@ export function callUseEffects(vNode: VNode) {
   const effectList: EffectList = vNode.effectList;
   if (effectList !== null) {
     effectList.forEach(effect => {
-      const {effectConstant} = effect;
+      const { effectConstant } = effect;
       if (
         (effectConstant & EffectConstant.Effect) !== EffectConstant.NoEffect &&
         (effectConstant & EffectConstant.DepsChange) !== EffectConstant.NoEffect
@@ -69,7 +64,7 @@ export function runAsyncEffects() {
   // 调用effect destroy
   const removeEffects = hookRemoveEffects;
   hookRemoveEffects = [];
-  removeEffects.forEach((effect) => {
+  removeEffects.forEach(effect => {
     const destroy = effect.removeEffect;
     effect.removeEffect = undefined;
 
@@ -85,7 +80,7 @@ export function runAsyncEffects() {
   // 调用effect create
   const createEffects = hookEffects;
   hookEffects = [];
-  createEffects.forEach((effect) => {
+  createEffects.forEach(effect => {
     try {
       const create = effect.effect;
 
@@ -103,17 +98,19 @@ export function callEffectRemove(vNode: VNode) {
   const effectList: EffectList = vNode.effectList;
   if (effectList !== null) {
     effectList.forEach(effect => {
-      const {removeEffect, effectConstant} = effect;
+      const { removeEffect, effectConstant } = effect;
 
       if (removeEffect !== undefined) {
-        if ((effectConstant & EffectConstant.Effect) !== EffectConstant.NoEffect) { // 如果是useEffect，就异步调用
+        if ((effectConstant & EffectConstant.Effect) !== EffectConstant.NoEffect) {
+          // 如果是useEffect，就异步调用
           hookRemoveEffects.push(effect);
 
           if (!isScheduling) {
             isScheduling = true;
             runAsync(runAsyncEffects);
           }
-        } else { // 是useLayoutEffect，直接执行
+        } else {
+          // 是useLayoutEffect，直接执行
           removeEffect();
         }
       }
diff --git a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
index f844b3de..cd3461b2 100644
--- a/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
+++ b/libs/horizon/src/renderer/submit/LifeCycleHandler.ts
@@ -50,12 +50,7 @@ import {
   callUseLayoutEffectRemove,
 } from './HookEffectHandler';
 import { handleSubmitError } from '../ErrorHandler';
-import {
-  travelVNodeTree,
-  clearVNode,
-  isDomVNode,
-  getSiblingDom,
-} from '../vnode/VNodeUtils';
+import { travelVNodeTree, clearVNode, isDomVNode, getSiblingDom } from '../vnode/VNodeUtils';
 import { shouldAutoFocus } from '../../dom/utils/Common';
 
 function callComponentWillUnmount(vNode: VNode, instance: any) {
@@ -67,13 +62,10 @@ function callComponentWillUnmount(vNode: VNode, instance: any) {
 }
 
 // 调用界面变化前的生命周期
-function callBeforeSubmitLifeCycles(
-  vNode: VNode,
-): void {
-  if (vNode.tag === ClassComponent && !vNode.isCreated) { // 调用instance.getSnapshotBeforeUpdate
-    const prevProps = vNode.isLazyComponent
-      ? mergeDefaultProps(vNode.type, vNode.oldProps)
-      : vNode.oldProps;
+function callBeforeSubmitLifeCycles(vNode: VNode): void {
+  if (vNode.tag === ClassComponent && !vNode.isCreated) {
+    // 调用instance.getSnapshotBeforeUpdate
+    const prevProps = vNode.isLazyComponent ? mergeDefaultProps(vNode.type, vNode.oldProps) : vNode.oldProps;
     const prevState = vNode.oldState;
     const instance = vNode.realNode;
 
@@ -98,9 +90,7 @@ function callStateCallback(vNode: VNode, obj: any): void {
 }
 
 // 调用界面变化后的生命周期
-function callAfterSubmitLifeCycles(
-  vNode: VNode,
-): void {
+function callAfterSubmitLifeCycles(vNode: VNode): void {
   switch (vNode.tag) {
     case FunctionComponent:
     case ForwardRef: {
@@ -116,17 +106,10 @@ function callAfterSubmitLifeCycles(
         if (vNode.isCreated) {
           instance.componentDidMount();
         } else {
-          const prevProps =
-            vNode.isLazyComponent
-              ? mergeDefaultProps(vNode.type, vNode.oldProps)
-              : vNode.oldProps;
+          const prevProps = vNode.isLazyComponent ? mergeDefaultProps(vNode.type, vNode.oldProps) : vNode.oldProps;
           const prevState = vNode.oldState;
 
-          instance.componentDidUpdate(
-            prevProps,
-            prevState,
-            instance.__snapshotResult,
-          );
+          instance.componentDidUpdate(prevProps, prevState, instance.__snapshotResult);
         }
       }
 
@@ -152,17 +135,23 @@ function callAfterSubmitLifeCycles(
 }
 
 function hideOrUnhideAllChildren(vNode, isHidden) {
-  travelVNodeTree(vNode, (node: VNode) => {
-    const instance = node.realNode;
+  travelVNodeTree(
+    vNode,
+    (node: VNode) => {
+      const instance = node.realNode;
 
-    if (node.tag === DomComponent || node.tag === DomText) {
-      if (isHidden) {
-        hideDom(node.tag, instance);
-      } else {
-        unHideDom(node.tag, instance, node.props);
+      if (node.tag === DomComponent || node.tag === DomText) {
+        if (isHidden) {
+          hideDom(node.tag, instance);
+        } else {
+          unHideDom(node.tag, instance, node.props);
+        }
       }
-    }
-  }, null, vNode, null);
+    },
+    null,
+    vNode,
+    null
+  );
 }
 
 function attachRef(vNode: VNode) {
@@ -172,7 +161,7 @@ function attachRef(vNode: VNode) {
 }
 
 function detachRef(vNode: VNode, isOldRef?: boolean) {
-  const ref = (isOldRef ? vNode.oldRef : vNode.ref);
+  const ref = isOldRef ? vNode.oldRef : vNode.ref;
 
   handleRef(vNode, ref, null);
 }
@@ -233,12 +222,17 @@ function unmountVNode(vNode: VNode): void {
 
 // 卸载vNode，递归遍历子vNode
 function unmountNestedVNodes(vNode: VNode): void {
-  travelVNodeTree(vNode, (node) => {
+  travelVNodeTree(
+    vNode,
+    node => {
       unmountVNode(node);
-    }, node =>
+    },
+    node =>
       // 如果是DomPortal，不需要遍历child
-      node.tag === DomPortal
-    , vNode, null);
+      node.tag === DomPortal,
+    vNode,
+    null
+  );
 }
 
 function submitAddition(vNode: VNode): void {
@@ -269,11 +263,7 @@ function submitAddition(vNode: VNode): void {
   insertOrAppendPlacementNode(vNode, before, parentDom);
 }
 
-function insertOrAppendPlacementNode(
-  node: VNode,
-  beforeDom: Element | null,
-  parent: Element | Container,
-): void {
+function insertOrAppendPlacementNode(node: VNode, beforeDom: Element | null, parent: Element | Container): void {
   const { tag, realNode } = node;
 
   if (isDomVNode(node)) {
@@ -305,42 +295,48 @@ function unmountDomComponents(vNode: VNode): void {
   // 这两个变量要一起更新
   let currentParent;
 
-  travelVNodeTree(vNode, (node) => {
-    if (!currentParentIsValid) {
-      let parent = node.parent;
-      let tag;
-      while (parent !== null) {
-        tag = parent.tag;
-        if (tag === DomComponent || tag === TreeRoot || tag === DomPortal) {
-          currentParent = parent.realNode;
-          break;
+  travelVNodeTree(
+    vNode,
+    node => {
+      if (!currentParentIsValid) {
+        let parent = node.parent;
+        let tag;
+        while (parent !== null) {
+          tag = parent.tag;
+          if (tag === DomComponent || tag === TreeRoot || tag === DomPortal) {
+            currentParent = parent.realNode;
+            break;
+          }
+          parent = parent.parent;
         }
-        parent = parent.parent;
+        currentParentIsValid = true;
       }
-      currentParentIsValid = true;
-    }
 
-    if (node.tag === DomComponent || node.tag === DomText) {
-      // 卸载vNode，递归遍历子vNode
-      unmountNestedVNodes(node);
+      if (node.tag === DomComponent || node.tag === DomText) {
+        // 卸载vNode，递归遍历子vNode
+        unmountNestedVNodes(node);
 
-      // 在所有子项都卸载后，删除dom树中的节点
-      removeChildDom(currentParent, node.realNode);
-    } else if (node.tag === DomPortal) {
-      if (node.child !== null) {
-        currentParent = node.realNode;
+        // 在所有子项都卸载后，删除dom树中的节点
+        removeChildDom(currentParent, node.realNode);
+      } else if (node.tag === DomPortal) {
+        if (node.child !== null) {
+          currentParent = node.realNode;
+        }
+      } else {
+        unmountVNode(node);
+      }
+    },
+    node =>
+      // 如果是dom不用再遍历child
+      node.tag === DomComponent || node.tag === DomText,
+    vNode,
+    node => {
+      if (node.tag === DomPortal) {
+        // 当离开portal，需要重新设置parent
+        currentParentIsValid = false;
       }
-    } else {
-      unmountVNode(node);
     }
-  }, node =>
-    // 如果是dom不用再遍历child
-    node.tag === DomComponent || node.tag === DomText, vNode, (node) => {
-    if (node.tag === DomPortal) {
-      // 当离开portal，需要重新设置parent
-      currentParentIsValid = false;
-    }
-  });
+  );
 }
 
 function submitClear(vNode: VNode): void {
diff --git a/libs/horizon/src/renderer/submit/Submit.ts b/libs/horizon/src/renderer/submit/Submit.ts
index 30ec1bf9..4ea6d47c 100644
--- a/libs/horizon/src/renderer/submit/Submit.ts
+++ b/libs/horizon/src/renderer/submit/Submit.ts
@@ -13,29 +13,26 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import type {VNode} from '../Types';
+import type { VNode } from '../Types';
 
-import {FlagUtils, Addition, Snapshot, ResetText, Ref, Update, Deletion, Clear, Callback} from '../vnode/VNodeFlags';
-import {prepareForSubmit, resetAfterSubmit} from '../../dom/DOMOperator';
-import {handleSubmitError} from '../ErrorHandler';
+import { FlagUtils, Addition, Snapshot, ResetText, Ref, Update, Deletion, Clear, Callback } from '../vnode/VNodeFlags';
+import { prepareForSubmit, resetAfterSubmit } from '../../dom/DOMOperator';
+import { handleSubmitError } from '../ErrorHandler';
 import {
   attachRef,
   callAfterSubmitLifeCycles,
-  callBeforeSubmitLifeCycles, submitDeletion, submitAddition,
-  submitResetTextContent, submitUpdate, detachRef, submitClear,
+  callBeforeSubmitLifeCycles,
+  submitDeletion,
+  submitAddition,
+  submitResetTextContent,
+  submitUpdate,
+  detachRef,
+  submitClear,
 } from './LifeCycleHandler';
-import {tryRenderFromRoot} from '../TreeBuilder';
-import {
-  InRender,
-  copyExecuteMode,
-  setExecuteMode,
-  changeMode,
-} from '../ExecuteMode';
-import {
-  isSchedulingEffects,
-  setSchedulingEffects,
-} from './HookEffectHandler';
-import {getStartVNode} from '../GlobalVar';
+import { tryRenderFromRoot } from '../TreeBuilder';
+import { InRender, copyExecuteMode, setExecuteMode, changeMode } from '../ExecuteMode';
+import { isSchedulingEffects, setSchedulingEffects } from './HookEffectHandler';
+import { getStartVNode } from '../GlobalVar';
 
 let rootThrowError = null;
 
@@ -104,7 +101,7 @@ export function submitToRender(treeRoot) {
 function beforeSubmit(dirtyNodes: Array<VNode>) {
   let node;
   const nodesLength = dirtyNodes.length;
-  for(let i = 0; i < nodesLength; i++) {
+  for (let i = 0; i < nodesLength; i++) {
     node = dirtyNodes[i];
     try {
       if ((node.flags & Snapshot) === Snapshot) {
@@ -123,7 +120,7 @@ function submit(dirtyNodes: Array<VNode>) {
   let isUpdate;
   let isDeletion;
   let isClear;
-  for(let i = 0; i < nodesLength; i++) {
+  for (let i = 0; i < nodesLength; i++) {
     node = dirtyNodes[i];
     try {
       if ((node.flags & ResetText) === ResetText) {
@@ -170,7 +167,7 @@ function submit(dirtyNodes: Array<VNode>) {
 function afterSubmit(dirtyNodes: Array<VNode>) {
   let node;
   const nodesLength = dirtyNodes.length;
-  for(let i = 0; i < nodesLength; i++) {
+  for (let i = 0; i < nodesLength; i++) {
     node = dirtyNodes[i];
     try {
       if ((node.flags & Update) === Update || (node.flags & Callback) === Callback) {
diff --git a/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts b/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
index b9672e3d..28e17a84 100644
--- a/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
+++ b/libs/horizon/src/renderer/taskExecutor/BrowserAsync.ts
@@ -21,7 +21,6 @@ let isMessageLoopRunning = false;
 let browserCallback = null;
 const { port1, port2 } = new MessageChannel();
 
-
 export function isOverTime() {
   return false;
 }
@@ -36,7 +35,8 @@ const callRenderTasks = () => {
     // 执行callback
     const hasMoreTask = browserCallback();
 
-    if (!hasMoreTask) { // 没有更多task
+    if (!hasMoreTask) {
+      // 没有更多task
       isMessageLoopRunning = false;
       browserCallback = null;
     } else {
@@ -49,7 +49,6 @@ const callRenderTasks = () => {
   }
 };
 
-
 port1.onmessage = callRenderTasks;
 
 export function requestBrowserCallback(callback) {
diff --git a/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts b/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
index 71fbfee5..0fe3e533 100644
--- a/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
+++ b/libs/horizon/src/renderer/taskExecutor/RenderQueue.ts
@@ -17,7 +17,7 @@
  * 利用TaskExecutor的异步任务，封装一个renderQueue来执行同步的渲染callback
  */
 
-import {runAsync, cancelTask, ImmediatePriority} from './TaskExecutor';
+import { runAsync, cancelTask, ImmediatePriority } from './TaskExecutor';
 
 type RenderCallback = () => RenderCallback | null;
 
@@ -45,7 +45,7 @@ function callRenderQueue() {
 
     try {
       let callback;
-      while (callback = renderQueue.shift()) {
+      while ((callback = renderQueue.shift())) {
         callback();
       }
 
diff --git a/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts b/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
index 4345a461..8613cfca 100644
--- a/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
+++ b/libs/horizon/src/renderer/taskExecutor/TaskExecutor.ts
@@ -18,10 +18,7 @@
  */
 
 import { Node } from '../taskExecutor/TaskQueue';
-import {
-  requestBrowserCallback,
-  isOverTime,
-} from './BrowserAsync';
+import { requestBrowserCallback, isOverTime } from './BrowserAsync';
 
 import { add, shift, first, remove } from './TaskQueue';
 
@@ -41,7 +38,7 @@ function callTasks() {
   isWaiting = false;
   isProcessing = true;
 
-  let task: Node | null= null;
+  let task: Node | null = null;
   try {
     task = first();
 
@@ -60,7 +57,8 @@ function callTasks() {
 
         if (task === first()) {
           shift();
-        } else { // 执行任务中可能插入了新任务
+        } else {
+          // 执行任务中可能插入了新任务
           remove(task);
         }
       } else {
@@ -77,7 +75,7 @@ function callTasks() {
   }
 }
 
-function runAsync(callback, priorityLevel= NormalPriority) {
+function runAsync(callback, priorityLevel = NormalPriority) {
   let increment;
   switch (priorityLevel) {
     case ImmediatePriority:
@@ -109,9 +107,4 @@ function cancelTask(task) {
   task.callback = null;
 }
 
-export {
-  ImmediatePriority,
-  NormalPriority,
-  runAsync,
-  cancelTask,
-};
+export { ImmediatePriority, NormalPriority, runAsync, cancelTask };
diff --git a/libs/horizon/src/renderer/utils/compare.ts b/libs/horizon/src/renderer/utils/compare.ts
index b7c039b3..eb04a627 100644
--- a/libs/horizon/src/renderer/utils/compare.ts
+++ b/libs/horizon/src/renderer/utils/compare.ts
@@ -57,10 +57,10 @@ export function shallowCompare(paramX: any, paramY: any): boolean {
       return false;
     }
 
-    return keysX.every((key, i) =>
-      Object.prototype.hasOwnProperty.call(paramY, key) && isSame(paramX[key], paramY[keysX[i]])
+    return keysX.every(
+      (key, i) => Object.prototype.hasOwnProperty.call(paramY, key) && isSame(paramX[key], paramY[keysX[i]])
     );
   }
 
-   return false;
+  return false;
 }
diff --git a/libs/horizon/src/renderer/utils/throwIfTrue.ts b/libs/horizon/src/renderer/utils/throwIfTrue.ts
index c5c326b9..79c792a0 100644
--- a/libs/horizon/src/renderer/utils/throwIfTrue.ts
+++ b/libs/horizon/src/renderer/utils/throwIfTrue.ts
@@ -20,7 +20,7 @@ export function throwIfTrue(condition: boolean, errTemplate: string, ...errExpre
     // 将%s 替换成对应的变量
     const msg = errTemplate.split('%s').reduce((prevSentence: string, part: string, idx: number) => {
       // %s对应的变量
-      const expression = idx < errExpressions.length ? errExpressions[idx] : '' ;
+      const expression = idx < errExpressions.length ? errExpressions[idx] : '';
       return prevSentence + part + expression;
     }, '');
     throw Error(msg);
diff --git a/libs/horizon/src/renderer/vnode/VNode.ts b/libs/horizon/src/renderer/vnode/VNode.ts
index 1bf707f7..1cea3243 100644
--- a/libs/horizon/src/renderer/vnode/VNode.ts
+++ b/libs/horizon/src/renderer/vnode/VNode.ts
@@ -32,10 +32,10 @@ import {
   Profiler,
   MemoComponent,
 } from './VNodeTags';
-import type {VNodeTag} from './VNodeTags';
-import type {RefType, ContextType, SuspenseState, Source} from '../Types';
-import type {Hook} from '../hooks/HookType';
-import {InitFlag} from './VNodeFlags';
+import type { VNodeTag } from './VNodeTags';
+import type { RefType, ContextType, SuspenseState, Source } from '../Types';
+import type { Hook } from '../hooks/HookType';
+import { InitFlag } from './VNodeFlags';
 
 export class VNode {
   tag: VNodeTag;
diff --git a/libs/horizon/src/renderer/vnode/VNodeCreator.ts b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
index cc596c03..6b96e49e 100644
--- a/libs/horizon/src/renderer/vnode/VNodeCreator.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeCreator.ts
@@ -74,7 +74,7 @@ export function getLazyVNodeTag(lazyComp: any): string {
   } else if (lazyComp !== undefined && lazyComp !== null && typeLazyMap[lazyComp.vtype]) {
     return typeLazyMap[lazyComp.vtype];
   }
-  throw Error('Horizon can\'t resolve the content of lazy');
+  throw Error("Horizon can't resolve the content of lazy");
 }
 
 // 创建processing
diff --git a/libs/horizon/src/renderer/vnode/VNodeFlags.ts b/libs/horizon/src/renderer/vnode/VNodeFlags.ts
index 95bb92e2..d1971106 100644
--- a/libs/horizon/src/renderer/vnode/VNodeFlags.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeFlags.ts
@@ -19,22 +19,21 @@
 
 import type { VNode } from './VNode';
 
-
-export const InitFlag =   /**     */    0;
+export const InitFlag = /**     */ 0;
 // vNode节点的flags
-export const DirectAddition = /**  */  1 << 0; // 在本次更新前入股父dom没有子节点，说明本次可以直接添加至父节点，不需要通过 getSiblingDom 找到 before 节点
-export const Addition =  /**     */    1 << 1;
-export const Update =     /**     */   1 << 2;
-export const Deletion = /**     */     1 << 3;
-export const ResetText =/**     */     1 << 4;
-export const Callback =   /**     */   1 << 5;
-export const DidCapture =/**     */    1 << 6;
-export const Ref =       /**     */    1 << 7;
-export const Snapshot =  /**     */    1 << 8;
-export const Interrupted =  /**     */ 1 << 9; // 被中断了，抛出错误的vNode以及它的父vNode
-export const ShouldCapture =/**     */ 1 << 11;
-export const ForceUpdate = /**     */  1 << 12; // For suspense
-export const Clear =     /**     */    1 << 13;
+export const DirectAddition = /**  */ 1 << 0; // 在本次更新前入股父dom没有子节点，说明本次可以直接添加至父节点，不需要通过 getSiblingDom 找到 before 节点
+export const Addition = /**     */ 1 << 1;
+export const Update = /**     */ 1 << 2;
+export const Deletion = /**     */ 1 << 3;
+export const ResetText = /**     */ 1 << 4;
+export const Callback = /**     */ 1 << 5;
+export const DidCapture = /**     */ 1 << 6;
+export const Ref = /**     */ 1 << 7;
+export const Snapshot = /**     */ 1 << 8;
+export const Interrupted = /**     */ 1 << 9; // 被中断了，抛出错误的vNode以及它的父vNode
+export const ShouldCapture = /**     */ 1 << 11;
+export const ForceUpdate = /**     */ 1 << 12; // For suspense
+export const Clear = /**     */ 1 << 13;
 const LifecycleEffectArr = Update | Callback | Ref | Snapshot;
 
 export class FlagUtils {
@@ -44,7 +43,8 @@ export class FlagUtils {
   static removeLifecycleEffectFlags(node) {
     node.flags &= ~LifecycleEffectArr;
   }
-  static hasAnyFlag(node: VNode) { // 有标志位
+  static hasAnyFlag(node: VNode) {
+    // 有标志位
     return node.flags !== InitFlag;
   }
 
@@ -97,4 +97,3 @@ export class FlagUtils {
     node.flags |= Clear;
   }
 }
-
diff --git a/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts b/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
index 9d9cb958..7530db0f 100644
--- a/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeShouldUpdate.ts
@@ -14,8 +14,8 @@
  */
 
 // 从当前节点向上遍历，更新shouldUpdate和childShouldUpdate
-import {VNode} from './VNode';
-import {TreeRoot} from './VNodeTags';
+import { VNode } from './VNode';
+import { TreeRoot } from './VNodeTags';
 
 export function updateShouldUpdateOfTree(vNode: VNode): VNode | null {
   vNode.shouldUpdate = true;
@@ -70,7 +70,8 @@ export function updateParentsChildShouldUpdate(vNode: VNode) {
   let node = vNode.parent;
   const isShouldUpdate = vNode.shouldUpdate || vNode.childShouldUpdate;
 
-  if (isShouldUpdate) { // 开始节点是shouldUpdate或childShouldUpdate
+  if (isShouldUpdate) {
+    // 开始节点是shouldUpdate或childShouldUpdate
     // 更新从当前节点到根节点的childShouldUpdate为true
     setParentsChildShouldUpdate(node);
   } else {
diff --git a/libs/horizon/src/renderer/vnode/VNodeUtils.ts b/libs/horizon/src/renderer/vnode/VNodeUtils.ts
index 529ca3c4..6616d4c5 100644
--- a/libs/horizon/src/renderer/vnode/VNodeUtils.ts
+++ b/libs/horizon/src/renderer/vnode/VNodeUtils.ts
@@ -17,11 +17,11 @@
  * 提供：vNode的“遍历”，“查找”，“判断”的相关工具方法
  */
 
-import type {VNode} from '../Types';
+import type { VNode } from '../Types';
 
-import {DomComponent, DomPortal, DomText, TreeRoot} from './VNodeTags';
-import {isComment} from '../../dom/utils/Common';
-import {getNearestVNode} from '../../dom/DOMInternalKeys';
+import { DomComponent, DomPortal, DomText, TreeRoot } from './VNodeTags';
+import { isComment } from '../../dom/utils/Common';
+import { getNearestVNode } from '../../dom/DOMInternalKeys';
 import { Addition, InitFlag } from './VNodeFlags';
 
 export function travelChildren(beginVNode: VNode, handleVNode: Function, isFinish?: Function) {
@@ -125,20 +125,22 @@ export function isDomVNode(node: VNode) {
 
 // 是容器类型的vNode
 function isDomContainer(vNode: VNode): boolean {
-  return (
-    vNode.tag === DomComponent ||
-    vNode.tag === TreeRoot ||
-    vNode.tag === DomPortal
-  );
+  return vNode.tag === DomComponent || vNode.tag === TreeRoot || vNode.tag === DomPortal;
 }
 
 export function findDomVNode(vNode: VNode): VNode | null {
-  return travelVNodeTree(vNode, (node) => {
-    if (node.tag === DomComponent || node.tag === DomText) {
-      return node;
-    }
-    return null;
-  }, null, vNode, null);
+  return travelVNodeTree(
+    vNode,
+    node => {
+      if (node.tag === DomComponent || node.tag === DomText) {
+        return node;
+      }
+      return null;
+    },
+    null,
+    vNode,
+    null
+  );
 }
 
 export function findDOMByClassInst(inst) {

From 0a3296bfa55d5971f27360ae9dbcd40926e39090 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Fri, 28 Oct 2022 19:38:38 +0800
Subject: [PATCH 14/33] Match-id-72395bb12719e682d0641a4812d7ce8a7b7b9b23

---
 .../src/dom/DOMPropertiesHandler/UpdateCommonProp.ts        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
index fb92ddbe..2fc56869 100644
--- a/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
+++ b/libs/horizon/src/dom/DOMPropertiesHandler/UpdateCommonProp.ts
@@ -19,7 +19,9 @@ import { getNamespaceCtx } from '../../renderer/ContextSaver';
 import { NSS } from '../utils/DomCreator';
 import { getDomTag } from '../utils/Common';
 
-const svgHumpAttr = new Set([
+// 不需要装换的svg属性集合
+const svgHumpAttr = new Set();
+[
   'allowReorder',
   'autoReverse',
   'baseFrequency',
@@ -83,7 +85,7 @@ const svgHumpAttr = new Set([
   'xChannelSelector',
   'yChannelSelector',
   'zoomAndPan',
-]);
+].forEach((name) => svgHumpAttr.add(name));
 
 // 驼峰 变 “-”
 function convertToLowerCase(str) {

From 9ae4489880cca671a622869590b93132e51f1fd7 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 31 Oct 2022 17:16:45 +0800
Subject: [PATCH 15/33] Match-id-d567fc7a5a8671f9fc0d095b9141b3d14fd10be1

---
 libs/horizon/src/horizonx/CommonUtils.js      |  67 -----------
 libs/horizon/src/horizonx/CommonUtils.ts      |  70 +++++++++++
 libs/horizon/src/horizonx/Constants.ts        |   4 -
 libs/horizon/src/horizonx/adapters/redux.ts   |  10 +-
 .../src/horizonx/adapters/reduxReact.ts       |   4 +-
 .../src/horizonx/adapters/reduxThunk.ts       |   3 +-
 .../src/horizonx/proxy/HooklessObserver.ts    |   1 -
 libs/horizon/src/horizonx/proxy/Observer.ts   |  65 ++++++-----
 .../src/horizonx/proxy/ProxyHandler.ts        |  10 +-
 .../proxy/handlers/ArrayProxyHandler.ts       |   4 +
 .../src/horizonx/proxy/readonlyProxy.ts       |   9 +-
 .../src/horizonx/store/StoreHandler.ts        | 110 +++++++++---------
 libs/horizon/src/renderer/hooks/HookType.ts   |   2 +-
 13 files changed, 185 insertions(+), 174 deletions(-)
 delete mode 100644 libs/horizon/src/horizonx/CommonUtils.js
 create mode 100644 libs/horizon/src/horizonx/CommonUtils.ts

diff --git a/libs/horizon/src/horizonx/CommonUtils.js b/libs/horizon/src/horizonx/CommonUtils.js
deleted file mode 100644
index 13f2c73f..00000000
--- a/libs/horizon/src/horizonx/CommonUtils.js
+++ /dev/null
@@ -1,67 +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.
- */
-
-export function isObject(obj) {
-  const type = typeof obj;
-  return obj != null && (type === 'object' || type === 'function');
-}
-
-export function isSet(obj) {
-  return obj != null && (Object.prototype.toString.call(obj) === '[object Set]' || obj.constructor === Set);
-}
-
-export function isWeakSet(obj) {
-  return obj != null && (Object.prototype.toString.call(obj) === '[object WeakSet]' || obj.constructor === WeakSet);
-}
-
-export function isMap(obj) {
-  return obj != null && (Object.prototype.toString.call(obj) === '[object Map]' || obj.constructor === Map);
-}
-
-export function isWeakMap(obj) {
-  return obj != null && (Object.prototype.toString.call(obj) === '[object WeakMap]' || obj.constructor === WeakMap);
-}
-
-export function isArray(obj) {
-  return Object.prototype.toString.call(obj) === '[object Array]';
-}
-
-export function isCollection(obj) {
-  return isSet(obj) || isWeakSet(obj) || isMap(obj) || isWeakMap(obj);
-}
-
-export function isString(obj) {
-  return typeof obj === 'string';
-}
-
-export function isValidIntegerKey(key) {
-  return isString(key) && key !== 'NaN' && key[0] !== '-' && String(parseInt(key, 10)) === key;
-}
-
-export const noop = () => {};
-
-export function isSame(x, y) {
-  if (!(typeof Object.is === 'function')) {
-    if (x === y) {
-      // +0 != -0
-      return x !== 0 || 1 / x === 1 / y;
-    } else {
-      // NaN == NaN
-      return x !== x && y !== y;
-    }
-  } else {
-    return Object.is(x, y);
-  }
-}
diff --git a/libs/horizon/src/horizonx/CommonUtils.ts b/libs/horizon/src/horizonx/CommonUtils.ts
new file mode 100644
index 00000000..e799c963
--- /dev/null
+++ b/libs/horizon/src/horizonx/CommonUtils.ts
@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+export function isObject(obj: any): boolean {
+  const type = typeof obj;
+  return (obj !== null || obj !== undefined) && (type === 'object' || type === 'function');
+}
+
+export function isSet(obj: any): boolean {
+  return (obj !== null || obj !== undefined) && (Object.prototype.toString.call(obj) === '[object Set]' || obj.constructor === Set);
+}
+
+export function isWeakSet(obj: any): boolean {
+  return (obj !== null || obj !== undefined) && (Object.prototype.toString.call(obj) === '[object WeakSet]' || obj.constructor === WeakSet);
+}
+
+export function isMap(obj: any): boolean {
+  return (obj !== null || obj !== undefined) && (Object.prototype.toString.call(obj) === '[object Map]' || obj.constructor === Map);
+}
+
+export function isWeakMap(obj: any): boolean {
+  return (obj !== null || obj !== undefined) && (Object.prototype.toString.call(obj) === '[object WeakMap]' || obj.constructor === WeakMap);
+}
+
+export function isArray(obj: any): boolean {
+  return Object.prototype.toString.call(obj) === '[object Array]';
+}
+
+export function isCollection(obj: any): boolean {
+  return isSet(obj) || isWeakSet(obj) || isMap(obj) || isWeakMap(obj);
+}
+
+export function isString(obj: any): boolean {
+  return typeof obj === 'string';
+}
+
+// key是有效的正整数字的字符串
+export function isValidIntegerKey(key: any): boolean {
+  return isString(key) && key !== 'NaN' && key[0] !== '-' && String(parseInt(key, 10)) === key;
+}
+
+export function isPromise(obj: any): boolean {
+  return isObject(obj) && typeof obj.then === 'function';
+}
+
+export function isSame(x, y) {
+  if (!(typeof Object.is === 'function')) {
+    if (x === y) {
+      // +0 != -0
+      return x !== 0 || 1 / x === 1 / y;
+    } else {
+      // NaN == NaN
+      return x !== x && y !== y;
+    }
+  } else {
+    return Object.is(x, y);
+  }
+}
diff --git a/libs/horizon/src/horizonx/Constants.ts b/libs/horizon/src/horizonx/Constants.ts
index 0eb3a9a7..6d65ab52 100644
--- a/libs/horizon/src/horizonx/Constants.ts
+++ b/libs/horizon/src/horizonx/Constants.ts
@@ -13,8 +13,4 @@
  * See the Mulan PSL v2 for more details.
  */
 
-// The two constants must be the same as those in horizon.
-export const FunctionComponent = 'FunctionComponent';
-export const ClassComponent = 'ClassComponent';
-
 export const OBSERVER_KEY = '_horizonObserver';
diff --git a/libs/horizon/src/horizonx/adapters/redux.ts b/libs/horizon/src/horizonx/adapters/redux.ts
index 359981ef..d84acbf0 100644
--- a/libs/horizon/src/horizonx/adapters/redux.ts
+++ b/libs/horizon/src/horizonx/adapters/redux.ts
@@ -15,8 +15,6 @@
 
 import { createStore as createStoreX } from '../store/StoreHandler';
 
-import { ReduxStoreHandler } from '../store/StoreHandler';
-
 export { thunk } from './reduxThunk';
 
 export {
@@ -29,6 +27,14 @@ export {
   createDispatchHook,
 } from './reduxReact';
 
+export type ReduxStoreHandler = {
+  reducer: (state: any, action: { type: string }) => any;
+  dispatch: (action: { type: string }) => void;
+  getState: () => any;
+  subscribe: (listener: () => void) => () => void;
+  replaceReducer: (reducer: (state: any, action: { type: string }) => any) => void;
+};
+
 export type ReduxAction = {
   type: string;
   [key: string]: any;
diff --git a/libs/horizon/src/horizonx/adapters/reduxReact.ts b/libs/horizon/src/horizonx/adapters/reduxReact.ts
index 615c5d9b..c804c469 100644
--- a/libs/horizon/src/horizonx/adapters/reduxReact.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxReact.ts
@@ -17,9 +17,7 @@
 import { useState, useContext, useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { createContext } from '../../renderer/components/context/CreateContext';
 import { createElement } from '../../external/JSXElement';
-import { BoundActionCreator } from './redux';
-import { ReduxAction } from './redux';
-import { ReduxStoreHandler } from '../store/StoreHandler';
+import type { ReduxStoreHandler, ReduxAction, BoundActionCreator } from './redux';
 
 const DefaultContext = createContext(null);
 type Context = typeof DefaultContext;
diff --git a/libs/horizon/src/horizonx/adapters/reduxThunk.ts b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
index 70dfe622..36e25af0 100644
--- a/libs/horizon/src/horizonx/adapters/reduxThunk.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxThunk.ts
@@ -13,8 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import { ReduxAction, ReduxMiddleware } from './redux';
-import { ReduxStoreHandler } from '../store/StoreHandler';
+import { ReduxStoreHandler, ReduxAction, ReduxMiddleware } from './redux';
 
 function createThunkMiddleware(extraArgument?: any): ReduxMiddleware {
   return (store: ReduxStoreHandler) =>
diff --git a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
index 063fba9f..1f2bf922 100644
--- a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
+++ b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
@@ -17,7 +17,6 @@ import { IObserver } from './Observer';
 
 /**
  * 一个对象（对象、数组、集合）对应一个Observer
- *
  */
 export class HooklessObserver implements IObserver {
   listeners: (() => void)[] = [];
diff --git a/libs/horizon/src/horizonx/proxy/Observer.ts b/libs/horizon/src/horizonx/proxy/Observer.ts
index 950c16c6..73d4a2cc 100644
--- a/libs/horizon/src/horizonx/proxy/Observer.ts
+++ b/libs/horizon/src/horizonx/proxy/Observer.ts
@@ -13,14 +13,10 @@
  * See the Mulan PSL v2 for more details.
  */
 
-/**
- * 一个对象（对象、数组、集合）对应一个Observer
- */
-
-//@ts-ignore
 import { launchUpdateFromVNode } from '../../renderer/TreeBuilder';
 import { getProcessingVNode } from '../../renderer/GlobalVar';
 import { VNode } from '../../renderer/vnode/VNode';
+
 export interface IObserver {
   useProp: (key: string) => void;
 
@@ -39,6 +35,9 @@ export interface IObserver {
   clearByVNode: (vNode: any) => void;
 }
 
+/**
+ * 一个对象（对象、数组、集合）对应一个Observer
+ */
 export class Observer implements IObserver {
   vNodeKeys = new WeakMap();
 
@@ -48,16 +47,18 @@ export class Observer implements IObserver {
 
   watchers = {} as { [key: string]: ((key: string, oldValue: any, newValue: any) => void)[] };
 
+  // 对象的属性被使用时调用
   useProp(key: string | symbol): void {
     const processingVNode = getProcessingVNode();
     if (processingVNode === null || !processingVNode.observers) {
+      // 异常场景
       return;
     }
 
     // vNode -> Observers
     processingVNode.observers.add(this);
 
-    // key -> vNodes
+    // key -> vNodes，记录这个prop被哪些VNode使用了
     let vNodes = this.keyVNodes.get(key);
     if (!vNodes) {
       vNodes = new Set();
@@ -65,7 +66,7 @@ export class Observer implements IObserver {
     }
     vNodes.add(processingVNode);
 
-    // vNode -> keys
+    // vNode -> keys，记录这个VNode使用了哪些props
     let keys = this.vNodeKeys.get(processingVNode);
     if (!keys) {
       keys = new Set();
@@ -74,6 +75,32 @@ export class Observer implements IObserver {
     keys.add(key);
   }
 
+  // 对象的属性被赋值时调用
+  setProp(key: string | symbol): void {
+    const vNodes = this.keyVNodes.get(key);
+    vNodes?.forEach((vNode: VNode) => {
+      if (vNode.isStoreChange) {
+        // VNode已经被触发过，不再重复触发
+        return;
+      }
+      vNode.isStoreChange = true;
+
+      // 触发vNode更新
+      this.triggerUpdate(vNode);
+    });
+
+    this.triggerChangeListeners();
+  }
+
+  triggerUpdate(vNode: VNode): void {
+    if (!vNode) {
+      return;
+    }
+
+    // 触发VNode更新
+    launchUpdateFromVNode(vNode);
+  }
+
   addListener(listener: () => void): void {
     this.listeners.push(listener);
   }
@@ -82,32 +109,11 @@ export class Observer implements IObserver {
     this.listeners = this.listeners.filter(item => item != listener);
   }
 
-  setProp(key: string | symbol): void {
-    const vNodes = this.keyVNodes.get(key);
-    vNodes?.forEach((vNode: VNode) => {
-      if (vNode.isStoreChange) {
-        // update already triggered
-        return;
-      }
-      vNode.isStoreChange = true;
-
-      // 触发vNode更新
-      this.triggerUpdate(vNode);
-    });
-    this.triggerChangeListeners();
-  }
-
   triggerChangeListeners(): void {
     this.listeners.forEach(listener => listener());
   }
 
-  triggerUpdate(vNode: VNode): void {
-    if (!vNode) {
-      return;
-    }
-    launchUpdateFromVNode(vNode);
-  }
-
+  // 触发所有使用的props的VNode更新
   allChange(): void {
     const keyIt = this.keyVNodes.keys();
     let keyItem = keyIt.next();
@@ -117,6 +123,7 @@ export class Observer implements IObserver {
     }
   }
 
+  // 删除keyVNodes中保存的这个VNode的关系数据
   clearByVNode(vNode: VNode): void {
     const keys = this.vNodeKeys.get(vNode);
     if (keys) {
diff --git a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
index 0004aae9..9dc22b16 100644
--- a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
@@ -22,16 +22,18 @@ import { createCollectionProxy } from './handlers/CollectionProxyHandler';
 import { IObserver } from '../types';
 import { OBSERVER_KEY } from '../Constants';
 
+// 保存rawObj -> Proxy
 const proxyMap = new WeakMap();
 
 export const hookObserverMap = new WeakMap();
 
-export function createProxy(rawObj: any, hookObserver = true): any {
+export function createProxy(rawObj: any, isHookObserver = true): any {
   // 不是对象（是原始数据类型）不用代理
   if (!isObject(rawObj)) {
     return rawObj;
   }
 
+  // 已代理过
   const existProxy = proxyMap.get(rawObj);
   if (existProxy) {
     return existProxy;
@@ -45,15 +47,15 @@ export function createProxy(rawObj: any, hookObserver = true): any {
   // 创建Observer
   let observer: IObserver = getObserver(rawObj);
   if (!observer) {
-    observer = hookObserver ? new Observer() : new HooklessObserver();
+    observer = isHookObserver ? new Observer() : new HooklessObserver();
     rawObj[OBSERVER_KEY] = observer;
   }
 
-  hookObserverMap.set(rawObj, hookObserver);
+  hookObserverMap.set(rawObj, isHookObserver);
 
   // 创建Proxy
   let proxyObj;
-  if (!hookObserver) {
+  if (!isHookObserver) {
     proxyObj = createObjectProxy(rawObj, true);
   } else if (isArray(rawObj)) {
     // 数组
diff --git a/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts b/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
index 745e35f3..8279512f 100644
--- a/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/handlers/ArrayProxyHandler.ts
@@ -44,6 +44,7 @@ function get(rawObj: any[], key: string, receiver: any) {
   if (isValidIntegerKey(key) || key === 'length') {
     return objectGet(rawObj, key, receiver);
   }
+
   return Reflect.get(rawObj, key, receiver);
 }
 
@@ -58,16 +59,19 @@ function set(rawObj: any[], key: string, value: any, receiver: any) {
   const observer = getObserver(rawObj);
 
   if (!isSame(newValue, oldValue)) {
+    // 值不一样，触发监听器
     if (observer.watchers?.[key]) {
       observer.watchers[key].forEach(cb => {
         cb(key, oldValue, newValue);
       });
     }
 
+    // 触发属性变化
     observer.setProp(key);
   }
 
   if (oldLength !== newLength) {
+    // 触发数组的大小变化
     observer.setProp('length');
   }
 
diff --git a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
index f2853fed..24575067 100644
--- a/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
+++ b/libs/horizon/src/horizonx/proxy/readonlyProxy.ts
@@ -15,10 +15,11 @@
 
 import { isObject } from '../CommonUtils';
 
-export function readonlyProxy<T extends object>(target: T): ProxyHandler<T> {
-  return new Proxy(target, {
-    get(target, property, receiver) {
-      const result = Reflect.get(target, property, receiver);
+export function readonlyProxy<T extends object>(rawObj: T): ProxyHandler<T> {
+  return new Proxy(rawObj, {
+    get(rawObj, property, receiver) {
+      const result = Reflect.get(rawObj, property, receiver);
+
       try {
         if (isObject(result)) {
           return readonlyProxy(result);
diff --git a/libs/horizon/src/horizonx/store/StoreHandler.ts b/libs/horizon/src/horizonx/store/StoreHandler.ts
index 6c1cac0a..30ba7a89 100644
--- a/libs/horizon/src/horizonx/store/StoreHandler.ts
+++ b/libs/horizon/src/horizonx/store/StoreHandler.ts
@@ -21,35 +21,33 @@ import readonlyProxy from '../proxy/readonlyProxy';
 import { Observer } from '../proxy/Observer';
 import { FunctionComponent, ClassComponent } from '../../renderer/vnode/VNodeTags';
 import { VNode } from '../../renderer/Types';
+import { isPromise } from '../CommonUtils';
 
 const storeMap = new Map<string, StoreHandler<any, any, any>>();
 
-function isPromise(obj: any): boolean {
-  return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';
-}
-
 type StoreConfig<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
+  id?: string;
   state?: S;
   actions?: A;
-  id?: string;
   computed?: C;
+  options?: any;
 };
 
-export type ReduxStoreHandler = {
-  reducer: (state: any, action: { type: string }) => any;
-  dispatch: (action: { type: string }) => void;
-  getState: () => any;
-  subscribe: (listener: () => void) => () => void;
-  replaceReducer: (reducer: (state: any, action: { type: string }) => any) => void;
-};
+type UserActions<S extends object> = { [K: string]: ActionFunction<S> };
+type ActionFunction<S extends object> = (this: StoreHandler<S, any, any>, state: S, ...args: any[]) => any;
+type StoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: Action<A[K], S> };
+type Action<T extends ActionFunction<any>, S extends object> = (
+  this: StoreHandler<S, any, any>,
+  ...args: RemoveFirstFromTuple<Parameters<T>>
+) => ReturnType<T>;
 
 type StoreHandler<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
-  $subscribe: (listener: () => void) => void;
-  $unsubscribe: (listener: () => void) => void;
   $s: S;
-  $queue: QueuedStoreActions<S, A>;
   $a: StoreActions<S, A>;
   $c: UserComputedValues<S>;
+  $queue: QueuedStoreActions<S, A>;
+  $subscribe: (listener: () => void) => void;
+  $unsubscribe: (listener: () => void) => void;
 } & { [K in keyof S]: S[K] } & { [K in keyof A]: Action<A[K], S> } & { [K in keyof C]: ReturnType<C[K]> };
 
 type PlannedAction<S extends object, F extends ActionFunction<S>> = {
@@ -63,41 +61,35 @@ type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0
   ? I
   : [];
 
-type UserActions<S extends object> = { [K: string]: ActionFunction<S> };
 type UserComputedValues<S extends object> = { [K: string]: ComputedFunction<S> };
 
-type ActionFunction<S extends object> = (this: StoreHandler<S, any, any>, state: S, ...args: any[]) => any;
 type ComputedFunction<S extends object> = (state: S) => any;
-type Action<T extends ActionFunction<any>, S extends object> = (
-  this: StoreHandler<S, any, any>,
-  ...args: RemoveFirstFromTuple<Parameters<T>>
-) => ReturnType<T>;
+
 type AsyncAction<T extends ActionFunction<any>, S extends object> = (
   this: StoreHandler<S, any, any>,
   ...args: RemoveFirstFromTuple<Parameters<T>>
 ) => Promise<ReturnType<T>>;
 
-type StoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: Action<A[K], S> };
 type QueuedStoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K], S> };
 type ComputedValues<S extends object, C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
 
 export function createStore<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
-  config: StoreConfig<S, A, C>
+  storeConfig: StoreConfig<S, A, C>
 ): () => StoreHandler<S, A, C> {
-  // create a local shalow copy to ensure consistency (if user would change the config object after store creation)
-  config = {
-    id: config.id,
-    options: config.options,
-    state: config.state,
-    actions: config.actions ? { ...config.actions } : undefined,
-    computed: config.computed ? { ...config.computed } : undefined,
-  };
-
   // 校验
-  if (Object.prototype.toString.call(config) !== '[object Object]') {
+  if (Object.prototype.toString.call(storeConfig) !== '[object Object]') {
     throw new Error('store obj must be pure object');
   }
 
+  // 创建本地浅拷贝以确保一致性（避免用户在创建存储后更改配置对象）
+  const config = {
+    id: storeConfig.id,
+    state: storeConfig.state,
+    actions: storeConfig.actions ? { ...storeConfig.actions } : undefined,
+    computed: storeConfig.computed ? { ...storeConfig.computed } : undefined,
+    options: storeConfig.options
+  };
+
   const proxyObj = createProxy(config.state, !config.options?.reduxAdapter);
 
   proxyObj.$pending = false;
@@ -114,14 +106,14 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
   const $a: Partial<StoreActions<S, A>> = {};
   const $queue: Partial<StoreActions<S, A>> = {};
   const $c: Partial<ComputedValues<S, C>> = {};
-  const handler = {
+  const storeHandler = {
+    $s: proxyObj,
+    $a: $a as StoreActions<S, A>,
+    $c: $c as ComputedValues<S, C>,
+    $queue: $queue as QueuedStoreActions<S, A>,
+    $config: config,
     $subscribe,
     $unsubscribe,
-    $a: $a as StoreActions<S, A>,
-    $s: proxyObj,
-    $c: $c as ComputedValues<S, C>,
-    $config: config,
-    $queue: $queue as QueuedStoreActions<S, A>,
   } as unknown as StoreHandler<S, A, C>;
 
   function tryNextAction() {
@@ -132,7 +124,7 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
 
     const nextAction = plannedActions.shift()!;
     const result = config.actions
-      ? config.actions[nextAction.action].bind(handler, proxyObj)(...nextAction.payload)
+      ? config.actions[nextAction.action].bind(storeHandler, proxyObj)(...nextAction.payload)
       : undefined;
 
     if (isPromise(result)) {
@@ -153,7 +145,7 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
         return new Promise(resolve => {
           if (!proxyObj.$pending) {
             proxyObj.$pending = true;
-            const result = config.actions![action].bind(handler, proxyObj)(...payload);
+            const result = config.actions![action].bind(storeHandler, proxyObj)(...payload);
 
             if (isPromise(result)) {
               result.then(value => {
@@ -174,45 +166,50 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
         });
       };
 
+      // 让store.$a[action]可以访问到action方法
       ($a as any)[action] = function Wrapped(...payload) {
-        return config.actions![action].bind(handler, proxyObj)(...payload);
+        return config.actions![action].bind(storeHandler, proxyObj)(...payload);
       };
 
-      // direct store access
-      Object.defineProperty(handler, action, {
+      // 让store[action]可以访问到action方法
+      Object.defineProperty(storeHandler, action, {
         writable: false,
         value: (...payload) => {
-          return config.actions![action].bind(handler, proxyObj)(...payload);
+          return config.actions![action].bind(storeHandler, proxyObj)(...payload);
         },
       });
     });
   }
 
   if (config.computed) {
-    Object.keys(config.computed).forEach(key => {
-      ($c as any)[key] = config.computed![key].bind(handler, readonlyProxy(proxyObj));
+    Object.keys(config.computed).forEach(computeKey => {
+      // 让store.$c[computeKey]可以访问到computed方法
+      ($c as any)[computeKey] = config.computed![computeKey].bind(storeHandler, readonlyProxy(proxyObj));
 
-      // direct store access
-      Object.defineProperty(handler, key, {
-        get: $c[key] as () => any,
+      // 让store[computeKey]可以访问到computed的值
+      Object.defineProperty(storeHandler, computeKey, {
+        get: $c[computeKey] as () => any,
       });
     });
   }
 
-  // direct state access
+  // 让store[key]可以访问到state的值
   if (config.state) {
     Object.keys(config.state).forEach(key => {
-      Object.defineProperty(handler, key, {
-        get: () => proxyObj[key],
+      Object.defineProperty(storeHandler, key, {
+        get: () => {
+          // 从Proxy对象获取值，会触发代理
+          return proxyObj[key];
+        },
       });
     });
   }
 
   if (config.id) {
-    storeMap.set(config.id, handler);
+    storeMap.set(config.id, storeHandler);
   }
 
-  return createStoreHook(handler);
+  return createStoreHook(storeHandler);
 }
 
 export function clearVNodeObservers(vNode) {
@@ -238,8 +235,7 @@ function hookStore() {
 
   if (processingVNode.tag === FunctionComponent) {
     // from FunctionComponent
-    const vNodeRef = useRef(null) as unknown as { current: VNode };
-    vNodeRef.current = processingVNode;
+    const vNodeRef = useRef(processingVNode);
 
     useEffect(() => {
       return () => {
diff --git a/libs/horizon/src/renderer/hooks/HookType.ts b/libs/horizon/src/renderer/hooks/HookType.ts
index 9377c456..fddf5223 100644
--- a/libs/horizon/src/renderer/hooks/HookType.ts
+++ b/libs/horizon/src/renderer/hooks/HookType.ts
@@ -54,7 +54,7 @@ export type CallBack<F> = {
 };
 
 export type Ref<V> = {
-  current: V | null;
+  current: V;
 };
 
 export type Trigger<A> = (A) => void;

From ed2f6e8df5a2c992186ab77cc127bb52dceeab59 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 1 Nov 2022 20:12:47 +0800
Subject: [PATCH 16/33] Match-id-3d913d35f0eb68f4d311fcf073625132167ca7b4

---
 libs/horizon/src/renderer/TreeBuilder.ts      | 20 +++---
 .../src/renderer/diff/nodeDiffComparator.ts   | 65 ++++++++-----------
 2 files changed, 39 insertions(+), 46 deletions(-)

diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index 71dd01e0..4e1e864d 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -86,7 +86,7 @@ function collectDirtyNodes(vNode: VNode, parent: VNode): void {
     if (parent.dirtyNodes === null) {
       parent.dirtyNodes = dirtyNodes;
     } else {
-      parent.dirtyNodes.push(...vNode.dirtyNodes);
+      parent.dirtyNodes.push(...dirtyNodes);
       dirtyNodes.length = 0;
     }
     vNode.dirtyNodes = null;
@@ -105,7 +105,7 @@ function collectDirtyNodes(vNode: VNode, parent: VNode): void {
 
 // 尝试完成当前工作单元，然后移动到下一个兄弟工作单元。如果没有更多的同级，请返回父vNode。
 function bubbleVNode(vNode: VNode): void {
-  let node = vNode;
+  let node : VNode | null = vNode;
 
   do {
     const parent = node.parent;
@@ -182,14 +182,18 @@ function isEqualByIndex(idx: number, pathArrays: string[][]) {
 function getChildByIndex(vNode: VNode, idx: number) {
   let node = vNode.child;
   for (let i = 0; i < idx; i++) {
-    node = node.next;
+    if (node) {
+      node = node.next;
+    } else {
+      return null;
+    }
   }
   return node;
 }
 
 // 从多个更新节点中，计算出开始节点。即：找到最近的共同的父辈节点
 export function calcStartUpdateVNode(treeRoot: VNode) {
-  const toUpdateNodes = Array.from(treeRoot.toUpdateNodes);
+  const toUpdateNodes = Array.from(treeRoot.toUpdateNodes!);
 
   if (toUpdateNodes.length === 0) {
     return treeRoot;
@@ -218,12 +222,12 @@ export function calcStartUpdateVNode(treeRoot: VNode) {
   // 得到相等的路径
   const startNodePath = pathArrays[0].slice(0, commonPathEndIndex);
 
-  let node = treeRoot;
+  let node: VNode | null = treeRoot;
   for (let i = 1; i < startNodePath.length; i++) {
     const pathIndex = Number(startNodePath[i]);
-    node = getChildByIndex(node, pathIndex)!;
+    node = getChildByIndex(node, pathIndex);
     // 路径错误时，回退到从根更新
-    if (node == null) {
+    if (node === null) {
       return treeRoot;
     }
   }
@@ -242,7 +246,7 @@ function buildVNodeTree(treeRoot: VNode) {
   setStartVNode(startVNode);
 
   // 清空toUpdateNodes
-  treeRoot.toUpdateNodes.clear();
+  treeRoot.toUpdateNodes!.clear();
 
   if (startVNode.tag !== TreeRoot) { // 不是根节点
     // 设置namespace，用于createElement
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index 3899dae9..4186d361 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -24,13 +24,7 @@ import {
   createPortalVNode,
   createDomTextVNode,
 } from '../vnode/VNodeCreator';
-import {
-  isSameType,
-  getIteratorFn,
-  isTextType,
-  isIteratorType,
-  isObjectType,
-} from './DiffTools';
+import { isSameType, getIteratorFn, isTextType, isIteratorType, isObjectType } from './DiffTools';
 import { travelChildren } from '../vnode/VNodeUtils';
 import { markVNodePath } from '../utils/vNodePath';
 
@@ -120,10 +114,12 @@ function getNodeType(newChild: any): string | null {
 function setVNodeAdditionFlag(newNode: VNode, lastPosition: number): number {
   let position = lastPosition;
 
-  if (newNode.isCreated || newNode.eIndex < lastPosition) { // 位置 小于 上一个复用的位置
+  if (newNode.isCreated || newNode.eIndex < lastPosition) {
+    // 位置 小于 上一个复用的位置
     // 标记为新增
     FlagUtils.setAddition(newNode);
-  } else { // 复用
+  } else {
+    // 复用
     position = newNode.eIndex;
   }
 
@@ -206,15 +202,16 @@ function transRightChildrenToArray(child) {
   return rightChildrenArray;
 }
 
-function transLeftChildrenToMap(
-  startChild: VNode,
-  rightEndVNode: VNode | null,
-): Map<string | number, VNode> {
+function transLeftChildrenToMap(startChild: VNode, rightEndVNode: VNode | null): Map<string | number, VNode> {
   const leftChildrenMap: Map<string | number, VNode> = new Map();
 
-  travelChildren(startChild, node => {
-    leftChildrenMap.set(node.key !== null ? node.key : node.eIndex, node);
-  }, node => node === rightEndVNode);
+  travelChildren(
+    startChild,
+    node => {
+      leftChildrenMap.set(node.key !== null ? node.key : node.eIndex, node);
+    },
+    node => node === rightEndVNode
+  );
 
   return leftChildrenMap;
 }
@@ -235,11 +232,7 @@ function getOldNodeFromMap(nodeMap: Map<string | number, VNode>, newIdx: number,
 }
 
 // diff数组类型的节点，核心算法
-function diffArrayNodesHandler(
-  parentNode: VNode,
-  firstChild: VNode | null,
-  newChildren: Array<any>,
-): VNode | null {
+function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
   let resultingFirstChild: VNode | null = null;
 
   let prevNewNode: VNode | null = null;
@@ -358,7 +351,7 @@ function diffArrayNodesHandler(
 
     if (rightNewNode) {
       appendNode(rightNewNode);
-      setVNodesCIndex(rightNewNode, prevNewNode.cIndex + 1);
+      setVNodesCIndex(rightNewNode, rightNewNode.cIndex + 1);
     }
 
     return resultingFirstChild;
@@ -366,13 +359,14 @@ function diffArrayNodesHandler(
 
   // 4. 新节点还有一部分，但是老节点已经没有了
   if (oldNode === null) {
-
     let isDirectAdd = false;
     // TODO: 是否可以扩大至非dom类型节点
     // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
-    if (parentNode.tag === DomComponent &&
+    if (
+      parentNode.tag === DomComponent &&
       parentNode.oldProps?.children?.length === 0 &&
-      rightIdx - leftIdx === newChildren.length) {
+      rightIdx - leftIdx === newChildren.length
+    ) {
       isDirectAdd = true;
     }
     const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
@@ -424,7 +418,8 @@ function diffArrayNodesHandler(
           const eIndex = newNode.eIndex;
           eIndexes.push(eIndex);
           last = eIndexes[result[result.length - 1]];
-          if (eIndex > last || last === undefined) { // 大的 eIndex直接放在最后
+          if (eIndex > last || last === undefined) {
+            // 大的 eIndex直接放在最后
             preIndex[i] = result[result.length - 1];
             result.push(i);
           } else {
@@ -500,13 +495,13 @@ function setVNodesCIndex(startChild: VNode | null, startIdx: number) {
 function diffIteratorNodesHandler(
   parentNode: VNode,
   firstChild: VNode | null,
-  newChildrenIterable: Iterable<any>,
+  newChildrenIterable: Iterable<any>
 ): VNode | null {
   const iteratorFn = getIteratorFn(newChildrenIterable);
-  const iteratorObj = iteratorFn.call(newChildrenIterable);
+  const iteratorObj: Iterator<any> = iteratorFn.call(newChildrenIterable);
 
   // 把iterator转测数组
-  const childrenArray = [];
+  const childrenArray: any[] = [];
   let result = iteratorObj.next();
   while (!result.done) {
     childrenArray.push(result.value);
@@ -517,12 +512,7 @@ function diffIteratorNodesHandler(
 }
 
 // 新节点是字符串类型
-function diffStringNodeHandler(
-  parentNode: VNode,
-  newChild: any,
-  firstChildVNode: VNode,
-  isComparing: boolean
-) {
+function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode | null, isComparing: boolean) {
   let newTextNode: VNode | null = null;
 
   // 第一个vNode是Text，则复用
@@ -550,7 +540,6 @@ function diffObjectNodeHandler(
   parentNode: VNode,
   firstChild: VNode | null,
   newChild: any,
-  firstChildVNode: VNode,
   isComparing: boolean
 ) {
   let canReuseNode: VNode | null = null;
@@ -569,7 +558,7 @@ function diffObjectNodeHandler(
   }
 
   let resultNode: VNode | null = null;
-  let startDelVNode = firstChildVNode;
+  let startDelVNode: VNode | null = firstChild;
   if (newChild.vtype === TYPE_COMMON_ELEMENT) {
     if (canReuseNode) {
       // 可以复用
@@ -664,7 +653,7 @@ export function createChildrenByDiff(
 
   // 5. newChild是对象类型
   if (isObjectType(newChild)) {
-    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, firstChild, isComparing);
+    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, isComparing);
     if (newVNodes) {
       return newVNodes;
     }

From cc93ced47802f1caef477293398afe73d90e1694 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 1 Nov 2022 20:26:21 +0800
Subject: [PATCH 17/33] Match-id-835607f8b2fd6715e190a54cee5627437d7cb51f

---
 libs/horizon/src/horizonx/adapters/redux.ts   |   2 +-
 .../src/horizonx/adapters/reduxReact.ts       |  26 +-
 .../src/horizonx/proxy/HooklessObserver.ts    |   2 +-
 libs/horizon/src/horizonx/proxy/Observer.ts   |   2 +-
 .../src/horizonx/proxy/ProxyHandler.ts        |   2 +-
 .../src/horizonx/store/StoreHandler.ts        | 228 ++++++++----------
 libs/horizon/src/horizonx/types.d.ts          |  65 +++++
 libs/horizon/src/renderer/vnode/VNode.ts      |   5 +-
 .../StoreFunctionality/async.test.tsx         |  10 +-
 9 files changed, 175 insertions(+), 167 deletions(-)

diff --git a/libs/horizon/src/horizonx/adapters/redux.ts b/libs/horizon/src/horizonx/adapters/redux.ts
index d84acbf0..a838d45f 100644
--- a/libs/horizon/src/horizonx/adapters/redux.ts
+++ b/libs/horizon/src/horizonx/adapters/redux.ts
@@ -73,7 +73,7 @@ export function createStore(reducer: Reducer, preloadedState?: any, enhancers?):
       },
     },
     options: {
-      reduxAdapter: true,
+      isReduxAdapter: true,
     },
   })();
 
diff --git a/libs/horizon/src/horizonx/adapters/reduxReact.ts b/libs/horizon/src/horizonx/adapters/reduxReact.ts
index c804c469..8f2818b3 100644
--- a/libs/horizon/src/horizonx/adapters/reduxReact.ts
+++ b/libs/horizon/src/horizonx/adapters/reduxReact.ts
@@ -13,7 +13,6 @@
  * See the Mulan PSL v2 for more details.
  */
 
-// @ts-ignore
 import { useState, useContext, useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { createContext } from '../../renderer/components/context/CreateContext';
 import { createElement } from '../../external/JSXElement';
@@ -78,31 +77,12 @@ export const useStore = () => {
   return createStoreHook(DefaultContext)();
 };
 
-// function shallowCompare(a,b){
-//     return Object.keys(a).length === Object.keys(b).length &&
-//     Object.keys(a).every(key => a[key] === b[key]);
-// }
-
-//TODO: implement options
-// context?: Object,
-// areStatesEqual?: Function, :)
-// areOwnPropsEqual?: Function,
-// areStatePropsEqual?: Function,
-// areMergedPropsEqual?: Function,
-// forwardRef?: boolean,
-// const defaultOptions = {
-//     areStatesEqual: shallowCompare,
-//     areOwnPropsEqual: shallowCompare,
-//     areStatePropsEqual: shallowCompare,
-//     areMergedPropsEqual: shallowCompare
-// };
-
 export function connect(
-  mapStateToProps?: (state: any, ownProps: { [key: string]: any }) => Object,
+  mapStateToProps?: (state: any, ownProps: { [key: string]: any }) => object,
   mapDispatchToProps?:
     | { [key: string]: (...args: any[]) => ReduxAction }
-    | ((dispatch: (action: ReduxAction) => any, ownProps?: Object) => Object),
-  mergeProps?: (stateProps: Object, dispatchProps: Object, ownProps: Object) => Object,
+    | ((dispatch: (action: ReduxAction) => any, ownProps?: object) => object),
+  mergeProps?: (stateProps: object, dispatchProps: object, ownProps: object) => object,
   options?: {
     areStatesEqual?: (oldState: any, newState: any) => boolean;
     context?: any; // TODO: type this
diff --git a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
index 1f2bf922..ba390a3a 100644
--- a/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
+++ b/libs/horizon/src/horizonx/proxy/HooklessObserver.ts
@@ -13,7 +13,7 @@
  * See the Mulan PSL v2 for more details.
  */
 
-import { IObserver } from './Observer';
+import type { IObserver } from './Observer';
 
 /**
  * 一个对象（对象、数组、集合）对应一个Observer
diff --git a/libs/horizon/src/horizonx/proxy/Observer.ts b/libs/horizon/src/horizonx/proxy/Observer.ts
index 73d4a2cc..0db792a0 100644
--- a/libs/horizon/src/horizonx/proxy/Observer.ts
+++ b/libs/horizon/src/horizonx/proxy/Observer.ts
@@ -123,7 +123,7 @@ export class Observer implements IObserver {
     }
   }
 
-  // 删除keyVNodes中保存的这个VNode的关系数据
+  // 删除Observer中保存的这个VNode的关系数据
   clearByVNode(vNode: VNode): void {
     const keys = this.vNodeKeys.get(vNode);
     if (keys) {
diff --git a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
index 9dc22b16..9ea2c7af 100644
--- a/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
+++ b/libs/horizon/src/horizonx/proxy/ProxyHandler.ts
@@ -19,7 +19,7 @@ import { HooklessObserver } from './HooklessObserver';
 import { isArray, isCollection, isObject } from '../CommonUtils';
 import { createArrayProxy } from './handlers/ArrayProxyHandler';
 import { createCollectionProxy } from './handlers/CollectionProxyHandler';
-import { IObserver } from '../types';
+import type { IObserver } from '../types';
 import { OBSERVER_KEY } from '../Constants';
 
 // 保存rawObj -> Proxy
diff --git a/libs/horizon/src/horizonx/store/StoreHandler.ts b/libs/horizon/src/horizonx/store/StoreHandler.ts
index 30ba7a89..aaa8e029 100644
--- a/libs/horizon/src/horizonx/store/StoreHandler.ts
+++ b/libs/horizon/src/horizonx/store/StoreHandler.ts
@@ -13,150 +13,81 @@
  * See the Mulan PSL v2 for more details.
  */
 
-// @ts-ignore
 import { useEffect, useRef } from '../../renderer/hooks/HookExternal';
 import { getProcessingVNode } from '../../renderer/GlobalVar';
 import { createProxy } from '../proxy/ProxyHandler';
 import readonlyProxy from '../proxy/readonlyProxy';
 import { Observer } from '../proxy/Observer';
 import { FunctionComponent, ClassComponent } from '../../renderer/vnode/VNodeTags';
-import { VNode } from '../../renderer/Types';
 import { isPromise } from '../CommonUtils';
+import type {
+  ActionFunction, ComputedValues,
+  PlannedAction, QueuedStoreActions,
+  StoreActions,
+  StoreConfig,
+  StoreObj,
+  UserActions,
+  UserComputedValues
+} from '../types';
+import {VNode} from '../../renderer/vnode/VNode';
 
-const storeMap = new Map<string, StoreHandler<any, any, any>>();
+const storeMap = new Map<string, StoreObj<any, any, any>>();
 
-type StoreConfig<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
-  id?: string;
-  state?: S;
-  actions?: A;
-  computed?: C;
-  options?: any;
-};
-
-type UserActions<S extends object> = { [K: string]: ActionFunction<S> };
-type ActionFunction<S extends object> = (this: StoreHandler<S, any, any>, state: S, ...args: any[]) => any;
-type StoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: Action<A[K], S> };
-type Action<T extends ActionFunction<any>, S extends object> = (
-  this: StoreHandler<S, any, any>,
-  ...args: RemoveFirstFromTuple<Parameters<T>>
-) => ReturnType<T>;
-
-type StoreHandler<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
-  $s: S;
-  $a: StoreActions<S, A>;
-  $c: UserComputedValues<S>;
-  $queue: QueuedStoreActions<S, A>;
-  $subscribe: (listener: () => void) => void;
-  $unsubscribe: (listener: () => void) => void;
-} & { [K in keyof S]: S[K] } & { [K in keyof A]: Action<A[K], S> } & { [K in keyof C]: ReturnType<C[K]> };
-
-type PlannedAction<S extends object, F extends ActionFunction<S>> = {
-  action: string;
-  payload: any[];
-  resolve: ReturnType<F>;
-};
-type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0
-  ? []
-  : ((...b: T) => void) extends (a, ...b: infer I) => void
-  ? I
-  : [];
-
-type UserComputedValues<S extends object> = { [K: string]: ComputedFunction<S> };
-
-type ComputedFunction<S extends object> = (state: S) => any;
-
-type AsyncAction<T extends ActionFunction<any>, S extends object> = (
-  this: StoreHandler<S, any, any>,
-  ...args: RemoveFirstFromTuple<Parameters<T>>
-) => Promise<ReturnType<T>>;
-
-type QueuedStoreActions<S extends object, A extends UserActions<S>> = { [K in keyof A]: AsyncAction<A[K], S> };
-type ComputedValues<S extends object, C extends UserComputedValues<S>> = { [K in keyof C]: ReturnType<C[K]> };
 
 export function createStore<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
-  storeConfig: StoreConfig<S, A, C>
-): () => StoreHandler<S, A, C> {
+  config: StoreConfig<S, A, C>
+): () => StoreObj<S, A, C> {
   // 校验
-  if (Object.prototype.toString.call(storeConfig) !== '[object Object]') {
+  if (Object.prototype.toString.call(config) !== '[object Object]') {
     throw new Error('store obj must be pure object');
   }
 
-  // 创建本地浅拷贝以确保一致性（避免用户在创建存储后更改配置对象）
-  const config = {
-    id: storeConfig.id,
-    state: storeConfig.state,
-    actions: storeConfig.actions ? { ...storeConfig.actions } : undefined,
-    computed: storeConfig.computed ? { ...storeConfig.computed } : undefined,
-    options: storeConfig.options
-  };
-
-  const proxyObj = createProxy(config.state, !config.options?.reduxAdapter);
+  const proxyObj = createProxy(config.state, !config.options?.isReduxAdapter);
 
   proxyObj.$pending = false;
 
-  const $subscribe = listener => {
-    proxyObj.addListener(listener);
-  };
-
-  const $unsubscribe = listener => {
-    proxyObj.removeListener(listener);
-  };
-
-  const plannedActions: PlannedAction<S, ActionFunction<S>>[] = [];
   const $a: Partial<StoreActions<S, A>> = {};
   const $queue: Partial<StoreActions<S, A>> = {};
   const $c: Partial<ComputedValues<S, C>> = {};
-  const storeHandler = {
+  const storeObj = {
     $s: proxyObj,
     $a: $a as StoreActions<S, A>,
     $c: $c as ComputedValues<S, C>,
     $queue: $queue as QueuedStoreActions<S, A>,
     $config: config,
-    $subscribe,
-    $unsubscribe,
-  } as unknown as StoreHandler<S, A, C>;
+    $subscribe: listener => {
+      proxyObj.addListener(listener);
+    },
+    $unsubscribe: listener => {
+      proxyObj.removeListener(listener);
+    },
+  } as unknown as StoreObj<S, A, C>;
 
-  function tryNextAction() {
-    if (!plannedActions.length) {
-      proxyObj.$pending = false;
-      return;
-    }
-
-    const nextAction = plannedActions.shift()!;
-    const result = config.actions
-      ? config.actions[nextAction.action].bind(storeHandler, proxyObj)(...nextAction.payload)
-      : undefined;
-
-    if (isPromise(result)) {
-      result.then(value => {
-        nextAction.resolve(value);
-        tryNextAction();
-      });
-    } else {
-      nextAction.resolve(result);
-      tryNextAction();
-    }
-  }
+  const plannedActions: PlannedAction<S, ActionFunction<S>>[] = [];
 
   // 包装actions
   if (config.actions) {
     Object.keys(config.actions).forEach(action => {
+      // 让store.$queue[action]可以访问到action方法
+      // 要达到的效果：如果通过store.$queue[action1]调用的action1返回promise,会阻塞下一个store.$queue[action2]
       ($queue as any)[action] = (...payload) => {
         return new Promise(resolve => {
           if (!proxyObj.$pending) {
             proxyObj.$pending = true;
-            const result = config.actions![action].bind(storeHandler, proxyObj)(...payload);
+
+            const result = config.actions![action].bind(storeObj, proxyObj)(...payload);
 
             if (isPromise(result)) {
               result.then(value => {
                 resolve(value);
-                tryNextAction();
+                tryNextAction(storeObj, proxyObj, config, plannedActions);
               });
             } else {
               resolve(result);
-              tryNextAction();
+              tryNextAction(storeObj, proxyObj, config, plannedActions);
             }
           } else {
+            // 加入队列
             plannedActions.push({
               action,
               payload,
@@ -168,14 +99,14 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
 
       // 让store.$a[action]可以访问到action方法
       ($a as any)[action] = function Wrapped(...payload) {
-        return config.actions![action].bind(storeHandler, proxyObj)(...payload);
+        return config.actions![action].bind(storeObj, proxyObj)(...payload);
       };
 
       // 让store[action]可以访问到action方法
-      Object.defineProperty(storeHandler, action, {
+      Object.defineProperty(storeObj, action, {
         writable: false,
         value: (...payload) => {
-          return config.actions![action].bind(storeHandler, proxyObj)(...payload);
+          return config.actions![action].bind(storeObj, proxyObj)(...payload);
         },
       });
     });
@@ -184,10 +115,10 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
   if (config.computed) {
     Object.keys(config.computed).forEach(computeKey => {
       // 让store.$c[computeKey]可以访问到computed方法
-      ($c as any)[computeKey] = config.computed![computeKey].bind(storeHandler, readonlyProxy(proxyObj));
+      ($c as any)[computeKey] = config.computed![computeKey].bind(storeObj, readonlyProxy(proxyObj));
 
       // 让store[computeKey]可以访问到computed的值
-      Object.defineProperty(storeHandler, computeKey, {
+      Object.defineProperty(storeObj, computeKey, {
         get: $c[computeKey] as () => any,
       });
     });
@@ -196,7 +127,7 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
   // 让store[key]可以访问到state的值
   if (config.state) {
     Object.keys(config.state).forEach(key => {
-      Object.defineProperty(storeHandler, key, {
+      Object.defineProperty(storeObj, key, {
         get: () => {
           // 从Proxy对象获取值，会触发代理
           return proxyObj[key];
@@ -206,14 +137,56 @@ export function createStore<S extends object, A extends UserActions<S>, C extend
   }
 
   if (config.id) {
-    storeMap.set(config.id, storeHandler);
+    storeMap.set(config.id, storeObj);
   }
 
-  return createStoreHook(storeHandler);
+  return createGetStore(storeObj);
 }
 
-export function clearVNodeObservers(vNode) {
-  if (!vNode.observers) return;
+// 通过该方法执行store.$queue中的action
+function tryNextAction(storeObj, proxyObj, config, plannedActions) {
+  if (!plannedActions.length) {
+    proxyObj.$pending = false;
+    return;
+  }
+
+  const nextAction = plannedActions.shift()!;
+  const result = config.actions
+    ? config.actions[nextAction.action].bind(storeObj, proxyObj)(...nextAction.payload)
+    : undefined;
+
+  if (isPromise(result)) {
+    result.then(value => {
+      nextAction.resolve(value);
+      tryNextAction(storeObj, proxyObj, config, plannedActions);
+    });
+  } else {
+    nextAction.resolve(result);
+    tryNextAction(storeObj, proxyObj, config, plannedActions);
+  }
+}
+
+// createStore返回的是一个getStore的函数，这个函数必须要在组件（函数/类组件）里面被执行，因为要注册VNode销毁时的清理动作
+function createGetStore<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
+  storeObj: StoreObj<S, A, C>
+): () => StoreObj<S, A, C> {
+  const getStore = () => {
+    if (!storeObj.$config.options?.isReduxAdapter) {
+      registerDestroyFunction();
+    }
+
+    return storeObj;
+  };
+
+  return getStore;
+}
+
+// 删除Observers中保存的这个VNode的相关数据
+export function clearVNodeObservers(vNode: VNode) {
+  if (!vNode.observers) {
+    return;
+  }
+
   vNode.observers.forEach(observer => {
     observer.clearByVNode(vNode);
   });
@@ -221,10 +194,11 @@ export function clearVNodeObservers(vNode) {
   vNode.observers.clear();
 }
 
-function hookStore() {
+// 注册VNode销毁时的清理动作
+function registerDestroyFunction() {
   const processingVNode = getProcessingVNode();
 
-  // did not execute in a component
+  // 获取不到当前运行的VNode，说明不在组件中运行，属于非法场景
   if (!processingVNode) {
     return;
   }
@@ -233,8 +207,8 @@ function hookStore() {
     processingVNode.observers = new Set<Observer>();
   }
 
+  // 函数组件
   if (processingVNode.tag === FunctionComponent) {
-    // from FunctionComponent
     const vNodeRef = useRef(processingVNode);
 
     useEffect(() => {
@@ -243,10 +217,9 @@ function hookStore() {
         vNodeRef.current.observers = null;
       };
     }, []);
-  } else if (processingVNode.tag === ClassComponent) {
-    // from ClassComponent
+  } else if (processingVNode.tag === ClassComponent) { // 类组件
     if (!processingVNode.classComponentWillUnmount) {
-      processingVNode.classComponentWillUnmount = function (vNode) {
+      processingVNode.classComponentWillUnmount = (vNode) => {
         clearVNodeObservers(vNode);
         vNode.observers = null;
       };
@@ -254,28 +227,17 @@ function hookStore() {
   }
 }
 
-function createStoreHook<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
-  storeHandler: StoreHandler<S, A, C>
-): () => StoreHandler<S, A, C> {
-  const storeHook = () => {
-    if (!storeHandler.$config.options?.suppressHooks) {
-      hookStore();
-    }
-
-    return storeHandler;
-  };
-
-  return storeHook;
-}
-
+// 函数组件中使用的hook
 export function useStore<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>>(
   id: string
-): StoreHandler<S, A, C> {
+): StoreObj<S, A, C> {
   const storeObj = storeMap.get(id);
 
-  if (storeObj && !storeObj.$config.options?.suppressHooks) hookStore();
+  if (storeObj && !storeObj.$config.options?.isReduxAdapter) {
+    registerDestroyFunction();
+  }
 
-  return storeObj as StoreHandler<S, A, C>;
+  return storeObj as StoreObj<S, A, C>;
 }
 
 export function clearStore(id: string): void {
diff --git a/libs/horizon/src/horizonx/types.d.ts b/libs/horizon/src/horizonx/types.d.ts
index e7868c35..f1a88e56 100644
--- a/libs/horizon/src/horizonx/types.d.ts
+++ b/libs/horizon/src/horizonx/types.d.ts
@@ -30,3 +30,68 @@ export interface IObserver {
 
   clearByVNode: (vNode: any) => void;
 }
+
+export type StoreConfig<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
+  id?: string;
+  state?: S;
+  actions?: A;
+  computed?: C;
+  options?: {
+    isReduxAdapter?: boolean;
+  };
+};
+
+export type UserActions<S extends object> = {
+  [K: string]: ActionFunction<S>
+};
+
+type ActionFunction<S extends object> = (this: StoreObj<S, any, any>, state: S, ...args: any[]) => any;
+
+export type StoreActions<S extends object, A extends UserActions<S>> = {
+  [K in keyof A]: Action<A[K], S>
+};
+
+type Action<T extends ActionFunction<any>, S extends object> = (
+  this: StoreObj<S, any, any>,
+  ...args: RemoveFirstFromTuple<Parameters<T>>
+) => ReturnType<T>;
+
+export type StoreObj<S extends object, A extends UserActions<S>, C extends UserComputedValues<S>> = {
+  $s: S;
+  $a: StoreActions<S, A>;
+  $c: UserComputedValues<S>;
+  $queue: QueuedStoreActions<S, A>;
+  $subscribe: (listener: () => void) => void;
+  $unsubscribe: (listener: () => void) => void;
+} & { [K in keyof S]: S[K] } & { [K in keyof A]: Action<A[K], S> } & { [K in keyof C]: ReturnType<C[K]> };
+
+export type PlannedAction<S extends object, F extends ActionFunction<S>> = {
+  action: string;
+  payload: any[];
+  resolve: ReturnType<F>;
+};
+
+type RemoveFirstFromTuple<T extends any[]> = T['length'] extends 0
+  ? []
+  : ((...b: T) => void) extends (a, ...b: infer I) => void
+    ? I
+    : [];
+
+export type UserComputedValues<S extends object> = {
+  [K: string]: ComputedFunction<S>
+};
+
+type ComputedFunction<S extends object> = (state: S) => any;
+
+export type AsyncAction<T extends ActionFunction<any>, S extends object> = (
+  this: StoreObj<S, any, any>,
+  ...args: RemoveFirstFromTuple<Parameters<T>>
+) => Promise<ReturnType<T>>;
+
+export type QueuedStoreActions<S extends object, A extends UserActions<S>> = {
+  [K in keyof A]: AsyncAction<A[K], S>
+};
+
+export type ComputedValues<S extends object, C extends UserComputedValues<S>> = {
+  [K in keyof C]: ReturnType<C[K]>
+};
diff --git a/libs/horizon/src/renderer/vnode/VNode.ts b/libs/horizon/src/renderer/vnode/VNode.ts
index 1cea3243..a5ec09bc 100644
--- a/libs/horizon/src/renderer/vnode/VNode.ts
+++ b/libs/horizon/src/renderer/vnode/VNode.ts
@@ -36,6 +36,7 @@ import type { VNodeTag } from './VNodeTags';
 import type { RefType, ContextType, SuspenseState, Source } from '../Types';
 import type { Hook } from '../hooks/HookType';
 import { InitFlag } from './VNodeFlags';
+import { Observer } from '../../horizonx/proxy/Observer';
 
 export class VNode {
   tag: VNodeTag;
@@ -100,8 +101,8 @@ export class VNode {
 
   // 状态管理器HorizonX使用
   isStoreChange: boolean;
-  observers: Set<any> | null = null; // 记录这个函数组件/类组件依赖哪些Observer
-  classComponentWillUnmount: Function | null; // HorizonX会在classComponentWillUnmount中清除对VNode的引入用
+  observers: Set<Observer> | null = null; // 记录这个函数组件/类组件依赖哪些Observer
+  classComponentWillUnmount: ((vNode: VNode) => any) | null; // HorizonX会在classComponentWillUnmount中清除对VNode的引入用
   src: Source | null; // 节点所在代码位置
 
   constructor(tag: VNodeTag, props: any, key: null | string, realNode) {
diff --git a/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx b/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
index 9ad65d8a..b05b8fdd 100644
--- a/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
+++ b/scripts/__tests__/HorizonXText/StoreFunctionality/async.test.tsx
@@ -31,7 +31,7 @@ function postpone(timer, func) {
 }
 
 describe('Asynchronous store', () => {
-  const useAsyncCounter = createStore({
+  const getStore = createStore({
     state: {
       counter: 0,
       check: false,
@@ -61,13 +61,13 @@ describe('Asynchronous store', () => {
   });
 
   beforeEach(() => {
-    useAsyncCounter().reset();
+    getStore().reset();
   });
 
   it('should return promise when queued function is called', () => {
     jest.useFakeTimers();
 
-    const store = useAsyncCounter();
+    const store = getStore();
 
     return new Promise(resolve => {
       store.$queue.increment().then(() => {
@@ -82,9 +82,9 @@ describe('Asynchronous store', () => {
   it('should queue async functions', () => {
     jest.useFakeTimers();
     return new Promise(resolve => {
-      const store = useAsyncCounter();
+      const store = getStore();
 
-      //initial value
+      // initial value
       expect(store.value).toBe('false0');
 
       // no blocking action action

From a39db5b6f9c59a96222a3c174f934ea40fb83878 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 1 Nov 2022 20:38:46 +0800
Subject: [PATCH 18/33] Match-id-b6f9fc4a755903e35420b220d2b1dc6edd52fe24

---
 .../horizon/src/renderer/diff/nodeDiffComparator.ts | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index 56753063..4186d361 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -351,7 +351,7 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
 
     if (rightNewNode) {
       appendNode(rightNewNode);
-      setVNodesCIndex(rightNewNode, prevNewNode.cIndex + 1);
+      setVNodesCIndex(rightNewNode, rightNewNode.cIndex + 1);
     }
 
     return resultingFirstChild;
@@ -498,10 +498,10 @@ function diffIteratorNodesHandler(
   newChildrenIterable: Iterable<any>
 ): VNode | null {
   const iteratorFn = getIteratorFn(newChildrenIterable);
-  const iteratorObj = iteratorFn.call(newChildrenIterable);
+  const iteratorObj: Iterator<any> = iteratorFn.call(newChildrenIterable);
 
   // 把iterator转测数组
-  const childrenArray = [];
+  const childrenArray: any[] = [];
   let result = iteratorObj.next();
   while (!result.done) {
     childrenArray.push(result.value);
@@ -512,7 +512,7 @@ function diffIteratorNodesHandler(
 }
 
 // 新节点是字符串类型
-function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode, isComparing: boolean) {
+function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode | null, isComparing: boolean) {
   let newTextNode: VNode | null = null;
 
   // 第一个vNode是Text，则复用
@@ -540,7 +540,6 @@ function diffObjectNodeHandler(
   parentNode: VNode,
   firstChild: VNode | null,
   newChild: any,
-  firstChildVNode: VNode,
   isComparing: boolean
 ) {
   let canReuseNode: VNode | null = null;
@@ -559,7 +558,7 @@ function diffObjectNodeHandler(
   }
 
   let resultNode: VNode | null = null;
-  let startDelVNode = firstChildVNode;
+  let startDelVNode: VNode | null = firstChild;
   if (newChild.vtype === TYPE_COMMON_ELEMENT) {
     if (canReuseNode) {
       // 可以复用
@@ -654,7 +653,7 @@ export function createChildrenByDiff(
 
   // 5. newChild是对象类型
   if (isObjectType(newChild)) {
-    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, firstChild, isComparing);
+    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, isComparing);
     if (newVNodes) {
       return newVNodes;
     }

From c123693a4522db46872a3098c09d9d0f04eaf9bb Mon Sep 17 00:00:00 2001
From: * <8>
Date: Thu, 3 Nov 2022 14:28:46 +0800
Subject: [PATCH 19/33] Match-id-b78e2c9331f3f3a908bad4d2bed1e0f16f6ab172

---
 CHANGELOG.md              | 5 ++++-
 libs/horizon/package.json | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7404c980..8d4e453d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,9 +1,12 @@
+## 0.0.25 (2022-11-03)
+- **core**: fix 修改IE中Set的不兼容问题
+
 ## 0.0.24 (2022-10-25)
 - **core**: fix 修改IE上报Symbol错误的问题
 
 ## 0.0.23 (2022-09-23)
 - **core**: #86 兼容ReactIs API
--
+
 ## 0.0.22 (2022-09-22)
 - **core**: #83 #75 #72 input支持受控
 
diff --git a/libs/horizon/package.json b/libs/horizon/package.json
index 0f6ee886..5a8aeec1 100644
--- a/libs/horizon/package.json
+++ b/libs/horizon/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "horizon"
   ],
-  "version": "0.0.24",
+  "version": "0.0.25",
   "homepage": "",
   "bugs": "",
   "main": "index.js",

From 88b13ffaa4efa38f22ad823584f982661164e8b0 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 7 Nov 2022 10:21:25 +0800
Subject: [PATCH 20/33] Match-id-1dba96d1d4a0290164da813181e61c44591c21d0

---
 libs/horizon/src/renderer/TreeBuilder.ts      |  35 ++-
 .../src/renderer/diff/nodeDiffComparator.ts   | 255 +++++++++++-------
 2 files changed, 175 insertions(+), 115 deletions(-)

diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index b85a6930..622475be 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -100,7 +100,7 @@ function collectDirtyNodes(vNode: VNode, parent: VNode): void {
 
 // 尝试完成当前工作单元，然后移动到下一个兄弟工作单元。如果没有更多的同级，请返回父vNode。
 function bubbleVNode(vNode: VNode): void {
-  let node : VNode | null = vNode;
+  let node: VNode | null = vNode;
 
   do {
     const parent = node.parent;
@@ -351,16 +351,10 @@ function renderFromRoot(treeRoot) {
   // 2. 提交变更
   submitToRender(treeRoot);
   popCurrentRoot();
-  if (window.__HORIZON_DEV_HOOK__) {
-    const hook = window.__HORIZON_DEV_HOOK__;
-    // injector.js 可能在 Horizon 代码之后加载，此时无 __HORIZON_DEV_HOOK__ 全局变量
-    // Horizon 代码初次加载时不会初始化 helper
-    if (!hook.isInit) {
-      injectUpdater();
-    }
-    hook.addIfNotInclude(treeRoot);
-    hook.send(treeRoot);
-  }
+
+  // 与Devtool通信
+  sendRootToDevTool(treeRoot);
+
   return null;
 }
 
@@ -407,6 +401,25 @@ export function launchUpdateFromVNode(vNode: VNode) {
   }
 }
 
+declare global {
+  interface Window {
+    __HORIZON_DEV_HOOK__: any;
+  }
+}
+
+function sendRootToDevTool(treeRoot) {
+  if (window.__HORIZON_DEV_HOOK__) {
+    const hook = window.__HORIZON_DEV_HOOK__;
+    // injector.js 可能在 Horizon 代码之后加载，此时无 __HORIZON_DEV_HOOK__ 全局变量
+    // Horizon 代码初次加载时不会初始化 helper
+    if (!hook.isInit) {
+      injectUpdater();
+    }
+    hook.addIfNotInclude(treeRoot);
+    hook.send(treeRoot);
+  }
+}
+
 // ============================== HorizonDOM使用 ==============================
 export function runDiscreteUpdates() {
   if (checkMode(ByAsync) || checkMode(InRender)) {
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index 4186d361..a66a627a 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -34,6 +34,13 @@ enum DiffCategory {
   ARR_NODE = 'ARR_NODE',
 }
 
+type AppendVNode = (vnode: VNode) => void;
+interface DiffRightSideResult {
+  rightIdx: number;
+  rightEndOldNode: VNode;
+  rightNewNode: VNode | null;
+}
+
 // 检查是不是被 FRAGMENT 包裹
 function isNoKeyFragment(child: any) {
   return child != null && child.type === TYPE_FRAGMENT && child.key === null;
@@ -111,19 +118,12 @@ function getNodeType(newChild: any): string | null {
 }
 
 // 设置vNode的flag
-function setVNodeAdditionFlag(newNode: VNode, lastPosition: number): number {
-  let position = lastPosition;
-
-  if (newNode.isCreated || newNode.eIndex < lastPosition) {
+function setVNodeAdditionFlag(newNode: VNode) {
+  if (newNode.isCreated) {
     // 位置 小于 上一个复用的位置
     // 标记为新增
     FlagUtils.setAddition(newNode);
-  } else {
-    // 复用
-    position = newNode.eIndex;
   }
-
-  return position;
 }
 
 // 获取新节点
@@ -231,33 +231,10 @@ function getOldNodeFromMap(nodeMap: Map<string | number, VNode>, newIdx: number,
   return null;
 }
 
-// diff数组类型的节点，核心算法
-function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
-  let resultingFirstChild: VNode | null = null;
-
-  let prevNewNode: VNode | null = null;
-
-  let oldNode = firstChild;
+function diffLeftSide(oldNode: VNode | null, newChildren: Array<any>, parentNode: VNode, appendNode: AppendVNode) {
   let nextOldNode: VNode | null = null;
-
-  let theLastPosition = 0;
   // 从左边开始的位置
   let leftIdx = 0;
-
-  function appendNode(newNode: VNode) {
-    if (prevNewNode === null) {
-      resultingFirstChild = newNode;
-      newNode.cIndex = 0;
-    } else {
-      prevNewNode.next = newNode;
-      newNode.cIndex = prevNewNode.cIndex + 1;
-    }
-    markVNodePath(newNode);
-    prevNewNode = newNode;
-  }
-
-  let canBeReuse;
-  let newNode;
   // 1. 从左侧开始比对currentVNode和newChildren，若不能复用则跳出循环
   for (; oldNode !== null && leftIdx < newChildren.length; leftIdx++) {
     if (oldNode.eIndex > leftIdx) {
@@ -268,14 +245,13 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
       nextOldNode = oldNode.next;
     }
 
-    canBeReuse = checkCanReuseNode(oldNode, newChildren[leftIdx], leftIdx);
     // 不能复用，break
-    if (!canBeReuse) {
+    if (!checkCanReuseNode(oldNode, newChildren[leftIdx], leftIdx)) {
       oldNode = oldNode ?? nextOldNode;
       break;
     }
 
-    newNode = getNewNode(parentNode, newChildren[leftIdx], oldNode);
+    const newNode = getNewNode(parentNode, newChildren[leftIdx], oldNode);
     // 没有生成新节点，break
     if (!newNode) {
       oldNode = oldNode ?? nextOldNode;
@@ -287,12 +263,23 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
       deleteVNode(parentNode, oldNode);
     }
 
-    theLastPosition = setVNodeAdditionFlag(newNode, theLastPosition);
+    setVNodeAdditionFlag(newNode);
     newNode.eIndex = leftIdx;
     appendNode(newNode);
     oldNode = nextOldNode;
   }
 
+  return { oldNode, leftIdx };
+}
+
+function diffRightSide(
+  oldNode: VNode | null,
+  leftIdx: number,
+  newChildren: Array<any>,
+  parentNode: VNode
+): DiffRightSideResult {
+  let newNode;
+  let canBeReuse = false;
   let rightIdx = newChildren.length;
   let rightEndOldNode; // 老节点中最右边匹配的节点引用 abcde --> abfde 则rightEndOldNode = c;
   let rightNewNode: VNode | null = null; // 最右边匹配的节点引用 abcde --> abfde 则rightNewNode = d;
@@ -333,72 +320,101 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
         deleteVNode(parentNode, rightOldNode);
       }
 
-      setVNodeAdditionFlag(newNode, theLastPosition);
+      setVNodeAdditionFlag(newNode);
       newNode.eIndex = rightIdx - 1;
       rightOldIndex--;
       rightEndOldNode = rightOldNode;
     }
   }
 
-  // 3. 新节点已经处理完成
-  if (leftIdx === rightIdx) {
-    if (firstChild && parentNode.tag === DomComponent && newChildren.length === 0) {
-      FlagUtils.markClear(parentNode);
-      parentNode.clearChild = firstChild;
-    } else {
-      deleteVNodes(parentNode, oldNode, rightEndOldNode);
-    }
+  return { rightIdx, rightEndOldNode, rightNewNode };
+}
 
-    if (rightNewNode) {
-      appendNode(rightNewNode);
-      setVNodesCIndex(rightNewNode, rightNewNode.cIndex + 1);
-    }
+function appendRightSideNode(
+  oldNode: VNode | null,
+  parentNode: VNode,
+  firstChild: VNode | null,
+  newChildren: Array<any>,
+  diffRightSideResult: DiffRightSideResult,
+  appendNode: AppendVNode
+) {
+  const { rightEndOldNode, rightNewNode } = diffRightSideResult;
 
-    return resultingFirstChild;
+  if (firstChild && parentNode.tag === DomComponent && newChildren.length === 0) {
+    FlagUtils.markClear(parentNode);
+    parentNode.clearChild = firstChild;
+  } else {
+    deleteVNodes(parentNode, oldNode, rightEndOldNode);
   }
 
-  // 4. 新节点还有一部分，但是老节点已经没有了
-  if (oldNode === null) {
-    let isDirectAdd = false;
-    // TODO: 是否可以扩大至非dom类型节点
-    // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
-    if (
-      parentNode.tag === DomComponent &&
-      parentNode.oldProps?.children?.length === 0 &&
-      rightIdx - leftIdx === newChildren.length
-    ) {
-      isDirectAdd = true;
-    }
-    const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
-    for (; leftIdx < rightIdx; leftIdx++) {
-      newNode = getNewNode(parentNode, newChildren[leftIdx], null);
+  if (rightNewNode) {
+    appendNode(rightNewNode);
+    setVNodesCIndex(rightNewNode, rightNewNode.cIndex + 1);
+  }
+}
 
-      if (newNode !== null) {
-        if (isAddition) {
-          FlagUtils.setAddition(newNode);
-        }
-        if (isDirectAdd) {
-          FlagUtils.markDirectAddition(newNode);
-        }
-        newNode.eIndex = leftIdx;
-        appendNode(newNode);
+function appendAllRestNode(
+  oldNode: VNode | null,
+  parentNode: VNode,
+  firstChild: VNode | null,
+  newChildren: Array<any>,
+  leftIdx: number,
+  diffRightSideResult: DiffRightSideResult,
+  appendNode: AppendVNode
+) {
+  let isDirectAdd = false;
+  const { rightIdx, rightNewNode } = diffRightSideResult;
+
+  // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
+  if (
+    parentNode.tag === DomComponent &&
+    parentNode.oldProps?.children?.length === 0 &&
+    rightIdx - leftIdx === newChildren.length
+  ) {
+    isDirectAdd = true;
+  }
+  const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
+  for (; leftIdx < rightIdx; leftIdx++) {
+    const newNode = getNewNode(parentNode, newChildren[leftIdx], null);
+
+    if (newNode !== null) {
+      if (isAddition) {
+        FlagUtils.setAddition(newNode);
       }
+      if (isDirectAdd) {
+        FlagUtils.markDirectAddition(newNode);
+      }
+      newNode.eIndex = leftIdx;
+      appendNode(newNode);
     }
-
-    if (rightNewNode) {
-      appendNode(rightNewNode);
-      setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
-    }
-
-    return resultingFirstChild;
   }
 
-  // 5. 新节点还有一部分，但是老节点也还有一部分
+  if (rightNewNode) {
+    appendNode(rightNewNode);
+    setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
+  }
+}
+
+/**
+ * 双端对比完成，新老节点都有剩余时，构造LIS（最长递增子序列）
+ * 属于LIS的新节点直接复用，否则新增
+ */
+function appendNodeWithLIS(
+  oldNode: VNode,
+  parentNode: VNode,
+  firstChild: VNode | null,
+  newChildren: Array<any>,
+  leftIdx: number,
+  diffRightSideResult: DiffRightSideResult,
+  appendNode: AppendVNode
+) {
+  const { rightIdx, rightNewNode, rightEndOldNode } = diffRightSideResult;
+
   // 把剩下的currentVNode转成Map
   const leftChildrenMap = transLeftChildrenToMap(oldNode, rightEndOldNode);
   // 通过贪心算法+二分法获取最长递增子序列
   const eIndexes: Array<number> = []; // 记录 eIndex 值
-  const result: Array<number> = []; // 记录最长子序列在eIndexes中的 index 值
+  const subsequence: Array<number> = []; // 记录最长子序列在eIndexes中的 index 值
   const preIndex: Array<number> = []; // 贪心算法在替换的过程中会使得数组不正确，通过记录preIndex找到正确值
   const reuseNodes: (VNode | null)[] = []; // 记录复用的 VNode
   let i = 0;
@@ -406,7 +422,7 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
   let last;
   for (; leftIdx < rightIdx; leftIdx++) {
     oldNodeFromMap = getOldNodeFromMap(leftChildrenMap, leftIdx, newChildren[leftIdx]);
-    newNode = getNewNode(parentNode, newChildren[leftIdx], oldNodeFromMap);
+    const newNode = getNewNode(parentNode, newChildren[leftIdx], oldNodeFromMap);
     if (newNode !== null) {
       if (newNode.isCreated) {
         // 新VNode，直接打上标签新增，不参与到复用，旧的VNode会在后面打上delete标签
@@ -417,27 +433,27 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
         if (oldNodeFromMap !== null) {
           const eIndex = newNode.eIndex;
           eIndexes.push(eIndex);
-          last = eIndexes[result[result.length - 1]];
+          last = eIndexes[subsequence[subsequence.length - 1]];
           if (eIndex > last || last === undefined) {
             // 大的 eIndex直接放在最后
-            preIndex[i] = result[result.length - 1];
-            result.push(i);
+            preIndex[i] = subsequence[subsequence.length - 1];
+            subsequence.push(i);
           } else {
             let start = 0;
-            let end = result.length - 1;
+            let end = subsequence.length - 1;
             let middle;
             // 二分法找到需要替换的值
             while (start < end) {
               middle = Math.floor((start + end) / 2);
-              if (eIndexes[result[middle]] > eIndex) {
+              if (eIndexes[subsequence[middle]] > eIndex) {
                 end = middle;
               } else {
                 start = middle + 1;
               }
             }
-            if (eIndex < eIndexes[result[start]]) {
-              preIndex[i] = result[start - 1];
-              result[start] = i;
+            if (eIndex < eIndexes[subsequence[start]]) {
+              preIndex[i] = subsequence[start - 1];
+              subsequence[start] = i;
             }
           }
           i++;
@@ -450,13 +466,13 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
   }
 
   // 向前回溯找到正确的结果
-  let length = result.length;
-  let prev = result[length - 1];
+  let length = subsequence.length;
+  let prev = subsequence[length - 1];
   while (length-- > 0) {
-    result[length] = prev;
-    prev = preIndex[result[length]];
+    subsequence[length] = prev;
+    prev = preIndex[subsequence[length]];
   }
-  result.forEach(idx => {
+  subsequence.forEach(idx => {
     // 把需要复用的节点从 restNodes 中清理掉，因为不需要打 add 标记，直接复用 dom 节点
     reuseNodes[idx] = null;
   });
@@ -474,7 +490,43 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
     appendNode(rightNewNode);
     setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
   }
+}
 
+// diff数组类型的节点，核心算法
+function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
+  let resultingFirstChild: VNode | null = null;
+  let prevNewNode: VNode | null = null;
+
+  function appendNode(newNode: VNode) {
+    if (prevNewNode === null) {
+      resultingFirstChild = newNode;
+      newNode.cIndex = 0;
+    } else {
+      prevNewNode.next = newNode;
+      newNode.cIndex = prevNewNode.cIndex + 1;
+    }
+    markVNodePath(newNode);
+    prevNewNode = newNode;
+  }
+
+  const { oldNode, leftIdx } = diffLeftSide(firstChild, newChildren, parentNode, appendNode);
+
+  const diffRightSideResult = diffRightSide(oldNode, leftIdx, newChildren, parentNode);
+
+  // 3. 新节点已经处理完成
+  if (leftIdx === diffRightSideResult.rightIdx) {
+    appendRightSideNode(oldNode, parentNode, firstChild, newChildren, diffRightSideResult, appendNode);
+    return resultingFirstChild;
+  }
+
+  // 4. 新节点还有一部分，但是老节点已经没有了
+  if (oldNode === null) {
+    appendAllRestNode(oldNode, parentNode, firstChild, newChildren, leftIdx, diffRightSideResult, appendNode);
+    return resultingFirstChild;
+  }
+
+  // 5. 新节点还有一部分，但是老节点也还有一部分
+  appendNodeWithLIS(oldNode, parentNode, firstChild, newChildren, leftIdx, diffRightSideResult, appendNode);
   return resultingFirstChild;
 }
 
@@ -536,12 +588,7 @@ function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode
 }
 
 // 新节点是对象类型
-function diffObjectNodeHandler(
-  parentNode: VNode,
-  firstChild: VNode | null,
-  newChild: any,
-  isComparing: boolean
-) {
+function diffObjectNodeHandler(parentNode: VNode, firstChild: VNode | null, newChild: any, isComparing: boolean) {
   let canReuseNode: VNode | null = null;
 
   // 通过key比对是否有可以reuse

From 1961f931fb41e311b61271349264cdfc722597b0 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Mon, 7 Nov 2022 11:58:57 +0800
Subject: [PATCH 21/33] Match-id-65a76025e906c80ddf9f33b914818e6f89209ddf

---
 libs/horizon/src/renderer/TreeBuilder.ts      |   2 +-
 .../src/renderer/diff/nodeDiffComparator.ts   | 100 ++++++++++++------
 2 files changed, 71 insertions(+), 31 deletions(-)

diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index 622475be..44db6d7b 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -179,7 +179,7 @@ function isEqualByIndex(idx: number, pathArrays: string[][]) {
 function getChildByIndex(vNode: VNode, idx: number) {
   let node = vNode.child;
   for (let i = 0; i < idx; i++) {
-    if (node) {
+    if (node !== null) {
       node = node.next;
     } else {
       return null;
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index a66a627a..a713fc88 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -231,49 +231,63 @@ function getOldNodeFromMap(nodeMap: Map<string | number, VNode>, newIdx: number,
   return null;
 }
 
-function diffLeftSide(oldNode: VNode | null, newChildren: Array<any>, parentNode: VNode, appendNode: AppendVNode) {
+/**
+ * 左端新老节点对比
+ * @param firstNode 第一个VNode
+ * @param newChildren 新的JSX children
+ * @param parentNode 父节点
+ * @param appendNode 添加节点
+ */
+function diffLeftSide(firstNode: VNode | null, newChildren: Array<any>, parentNode: VNode, appendNode: AppendVNode) {
   let nextOldNode: VNode | null = null;
   // 从左边开始的位置
   let leftIdx = 0;
   // 1. 从左侧开始比对currentVNode和newChildren，若不能复用则跳出循环
-  for (; oldNode !== null && leftIdx < newChildren.length; leftIdx++) {
-    if (oldNode.eIndex > leftIdx) {
+  for (; firstNode !== null && leftIdx < newChildren.length; leftIdx++) {
+    if (firstNode.eIndex > leftIdx) {
       // 当新旧节点位置不一，则将缓存当前的旧节点，放到下一次对比
-      nextOldNode = oldNode;
-      oldNode = null;
+      nextOldNode = firstNode;
+      firstNode = null;
     } else {
-      nextOldNode = oldNode.next;
+      nextOldNode = firstNode.next;
     }
 
     // 不能复用，break
-    if (!checkCanReuseNode(oldNode, newChildren[leftIdx], leftIdx)) {
-      oldNode = oldNode ?? nextOldNode;
+    if (!checkCanReuseNode(firstNode, newChildren[leftIdx], leftIdx)) {
+      firstNode = firstNode ?? nextOldNode;
       break;
     }
 
-    const newNode = getNewNode(parentNode, newChildren[leftIdx], oldNode);
+    const newNode = getNewNode(parentNode, newChildren[leftIdx], firstNode);
     // 没有生成新节点，break
     if (!newNode) {
-      oldNode = oldNode ?? nextOldNode;
+      firstNode = firstNode ?? nextOldNode;
       break;
     }
 
     // diff过程中，需要将现有的节点清除掉，如果是创建，则不需要处理（因为没有现存节点）
-    if (oldNode && newNode.isCreated) {
-      deleteVNode(parentNode, oldNode);
+    if (firstNode && newNode.isCreated) {
+      deleteVNode(parentNode, firstNode);
     }
 
     setVNodeAdditionFlag(newNode);
     newNode.eIndex = leftIdx;
     appendNode(newNode);
-    oldNode = nextOldNode;
+    firstNode = nextOldNode;
   }
 
-  return { oldNode, leftIdx };
+  return { leftEndOldNode: firstNode, leftIdx };
 }
 
+/**
+ * 右端新老节点对比
+ * @param leftEndOldNode 左端对比完成后第一个不同的老节点
+ * @param leftIdx 左端diff完成后Index
+ * @param newChildren 新的JSX children
+ * @param parentNode 父节点
+ */
 function diffRightSide(
-  oldNode: VNode | null,
+  leftEndOldNode: VNode | null,
   leftIdx: number,
   newChildren: Array<any>,
   parentNode: VNode
@@ -284,8 +298,8 @@ function diffRightSide(
   let rightEndOldNode; // 老节点中最右边匹配的节点引用 abcde --> abfde 则rightEndOldNode = c;
   let rightNewNode: VNode | null = null; // 最右边匹配的节点引用 abcde --> abfde 则rightNewNode = d;
   // 从后往前，新资源的位置还没有到最末端，旧的vNode也还没遍历完，则可以考虑从后往前开始
-  if (rightIdx > leftIdx && oldNode !== null) {
-    const rightRemainingOldChildren = transRightChildrenToArray(oldNode);
+  if (rightIdx > leftIdx && leftEndOldNode !== null) {
+    const rightRemainingOldChildren = transRightChildrenToArray(leftEndOldNode);
     let rightOldIndex: number | null = rightRemainingOldChildren.length - 1;
 
     // 2. 从右侧开始比对currentVNode和newChildren，若不能复用则跳出循环
@@ -330,8 +344,17 @@ function diffRightSide(
   return { rightIdx, rightEndOldNode, rightNewNode };
 }
 
+/**
+ * 添加所有右端Diff完成的节点
+ * @param leftEndOldNode 左端对比完成后第一个不同的老节点
+ * @param parentNode 父节点
+ * @param firstChild 第一个VNode
+ * @param newChildren 新的JSX children
+ * @param diffRightSideResult 右端diff结果
+ * @param appendNode 添加节点
+ */
 function appendRightSideNode(
-  oldNode: VNode | null,
+  leftEndOldNode: VNode | null,
   parentNode: VNode,
   firstChild: VNode | null,
   newChildren: Array<any>,
@@ -340,11 +363,12 @@ function appendRightSideNode(
 ) {
   const { rightEndOldNode, rightNewNode } = diffRightSideResult;
 
+  // 清除中间残留的节点
   if (firstChild && parentNode.tag === DomComponent && newChildren.length === 0) {
     FlagUtils.markClear(parentNode);
     parentNode.clearChild = firstChild;
   } else {
-    deleteVNodes(parentNode, oldNode, rightEndOldNode);
+    deleteVNodes(parentNode, leftEndOldNode, rightEndOldNode);
   }
 
   if (rightNewNode) {
@@ -353,10 +377,18 @@ function appendRightSideNode(
   }
 }
 
+/**
+ * 添加左右端比较完成后剩余新节点和右侧节点
+ * @param leftEndOldNode 左端对比完成后第一个不同的老节点
+ * @param parentNode 父节点
+ * @param newChildren 新的JSX children
+ * @param leftIdx 左端diff完成后Index
+ * @param diffRightSideResult 右端diff结果
+ * @param appendNode 添加节点
+ */
 function appendAllRestNode(
-  oldNode: VNode | null,
+  leftEndOldNode: VNode | null,
   parentNode: VNode,
-  firstChild: VNode | null,
   newChildren: Array<any>,
   leftIdx: number,
   diffRightSideResult: DiffRightSideResult,
@@ -395,14 +427,20 @@ function appendAllRestNode(
   }
 }
 
+
 /**
  * 双端对比完成，新老节点都有剩余时，构造LIS（最长递增子序列）
  * 属于LIS的新节点直接复用，否则新增
+ * @param leftEndOldNode 左端对比完成后第一个不同的老节点
+ * @param parentNode 父节点
+ * @param newChildren 新的JSX children
+ * @param leftIdx 左端diff完成后Index
+ * @param diffRightSideResult 右端diff结果
+ * @param appendNode 添加节点
  */
 function appendNodeWithLIS(
-  oldNode: VNode,
+  leftEndOldNode: VNode,
   parentNode: VNode,
-  firstChild: VNode | null,
   newChildren: Array<any>,
   leftIdx: number,
   diffRightSideResult: DiffRightSideResult,
@@ -411,7 +449,7 @@ function appendNodeWithLIS(
   const { rightIdx, rightNewNode, rightEndOldNode } = diffRightSideResult;
 
   // 把剩下的currentVNode转成Map
-  const leftChildrenMap = transLeftChildrenToMap(oldNode, rightEndOldNode);
+  const leftChildrenMap = transLeftChildrenToMap(leftEndOldNode, rightEndOldNode);
   // 通过贪心算法+二分法获取最长递增子序列
   const eIndexes: Array<number> = []; // 记录 eIndex 值
   const subsequence: Array<number> = []; // 记录最长子序列在eIndexes中的 index 值
@@ -509,24 +547,26 @@ function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newC
     prevNewNode = newNode;
   }
 
-  const { oldNode, leftIdx } = diffLeftSide(firstChild, newChildren, parentNode, appendNode);
+  // 1. 左端新老节点对比
+  const { leftEndOldNode, leftIdx } = diffLeftSide(firstChild, newChildren, parentNode, appendNode);
 
-  const diffRightSideResult = diffRightSide(oldNode, leftIdx, newChildren, parentNode);
+  // 2. 右端新老节点对比
+  const diffRightSideResult = diffRightSide(leftEndOldNode, leftIdx, newChildren, parentNode);
 
   // 3. 新节点已经处理完成
   if (leftIdx === diffRightSideResult.rightIdx) {
-    appendRightSideNode(oldNode, parentNode, firstChild, newChildren, diffRightSideResult, appendNode);
+    appendRightSideNode(leftEndOldNode, parentNode, firstChild, newChildren, diffRightSideResult, appendNode);
     return resultingFirstChild;
   }
 
   // 4. 新节点还有一部分，但是老节点已经没有了
-  if (oldNode === null) {
-    appendAllRestNode(oldNode, parentNode, firstChild, newChildren, leftIdx, diffRightSideResult, appendNode);
+  if (leftEndOldNode === null) {
+    appendAllRestNode(leftEndOldNode, parentNode, newChildren, leftIdx, diffRightSideResult, appendNode);
     return resultingFirstChild;
   }
 
   // 5. 新节点还有一部分，但是老节点也还有一部分
-  appendNodeWithLIS(oldNode, parentNode, firstChild, newChildren, leftIdx, diffRightSideResult, appendNode);
+  appendNodeWithLIS(leftEndOldNode, parentNode, newChildren, leftIdx, diffRightSideResult, appendNode);
   return resultingFirstChild;
 }
 

From 805f59c8fe1a0d05a2ad0e286b5933ad78a4a01d Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 8 Nov 2022 10:29:40 +0800
Subject: [PATCH 22/33] Match-id-abcf03478cbcdf950f7350df7f2e23add28411d0

---
 libs/horizon/src/renderer/TreeBuilder.ts      |  53 +--
 .../src/renderer/diff/nodeDiffComparator.ts   | 344 +++++++-----------
 2 files changed, 147 insertions(+), 250 deletions(-)

diff --git a/libs/horizon/src/renderer/TreeBuilder.ts b/libs/horizon/src/renderer/TreeBuilder.ts
index 44db6d7b..2abace80 100644
--- a/libs/horizon/src/renderer/TreeBuilder.ts
+++ b/libs/horizon/src/renderer/TreeBuilder.ts
@@ -81,7 +81,7 @@ function collectDirtyNodes(vNode: VNode, parent: VNode): void {
     if (parent.dirtyNodes === null) {
       parent.dirtyNodes = dirtyNodes;
     } else {
-      parent.dirtyNodes.push(...dirtyNodes);
+      parent.dirtyNodes.push(...vNode.dirtyNodes);
       dirtyNodes.length = 0;
     }
     vNode.dirtyNodes = null;
@@ -100,7 +100,7 @@ function collectDirtyNodes(vNode: VNode, parent: VNode): void {
 
 // 尝试完成当前工作单元，然后移动到下一个兄弟工作单元。如果没有更多的同级，请返回父vNode。
 function bubbleVNode(vNode: VNode): void {
-  let node: VNode | null = vNode;
+  let node = vNode;
 
   do {
     const parent = node.parent;
@@ -179,18 +179,14 @@ function isEqualByIndex(idx: number, pathArrays: string[][]) {
 function getChildByIndex(vNode: VNode, idx: number) {
   let node = vNode.child;
   for (let i = 0; i < idx; i++) {
-    if (node !== null) {
-      node = node.next;
-    } else {
-      return null;
-    }
+    node = node.next;
   }
   return node;
 }
 
 // 从多个更新节点中，计算出开始节点。即：找到最近的共同的父辈节点
 export function calcStartUpdateVNode(treeRoot: VNode) {
-  const toUpdateNodes = Array.from(treeRoot.toUpdateNodes!);
+  const toUpdateNodes = Array.from(treeRoot.toUpdateNodes);
 
   if (toUpdateNodes.length === 0) {
     return treeRoot;
@@ -219,12 +215,12 @@ export function calcStartUpdateVNode(treeRoot: VNode) {
   // 得到相等的路径
   const startNodePath = pathArrays[0].slice(0, commonPathEndIndex);
 
-  let node: VNode | null = treeRoot;
+  let node = treeRoot;
   for (let i = 1; i < startNodePath.length; i++) {
     const pathIndex = Number(startNodePath[i]);
-    node = getChildByIndex(node, pathIndex);
+    node = getChildByIndex(node, pathIndex)!;
     // 路径错误时，回退到从根更新
-    if (node === null) {
+    if (node == null) {
       return treeRoot;
     }
   }
@@ -243,7 +239,7 @@ function buildVNodeTree(treeRoot: VNode) {
   setStartVNode(startVNode);
 
   // 清空toUpdateNodes
-  treeRoot.toUpdateNodes!.clear();
+  treeRoot.toUpdateNodes.clear();
 
   if (startVNode.tag !== TreeRoot) {
     // 不是根节点
@@ -351,10 +347,16 @@ function renderFromRoot(treeRoot) {
   // 2. 提交变更
   submitToRender(treeRoot);
   popCurrentRoot();
-
-  // 与Devtool通信
-  sendRootToDevTool(treeRoot);
-
+  if (window.__HORIZON_DEV_HOOK__) {
+    const hook = window.__HORIZON_DEV_HOOK__;
+    // injector.js 可能在 Horizon 代码之后加载，此时无 __HORIZON_DEV_HOOK__ 全局变量
+    // Horizon 代码初次加载时不会初始化 helper
+    if (!hook.isInit) {
+      injectUpdater();
+    }
+    hook.addIfNotInclude(treeRoot);
+    hook.send(treeRoot);
+  }
   return null;
 }
 
@@ -401,25 +403,6 @@ export function launchUpdateFromVNode(vNode: VNode) {
   }
 }
 
-declare global {
-  interface Window {
-    __HORIZON_DEV_HOOK__: any;
-  }
-}
-
-function sendRootToDevTool(treeRoot) {
-  if (window.__HORIZON_DEV_HOOK__) {
-    const hook = window.__HORIZON_DEV_HOOK__;
-    // injector.js 可能在 Horizon 代码之后加载，此时无 __HORIZON_DEV_HOOK__ 全局变量
-    // Horizon 代码初次加载时不会初始化 helper
-    if (!hook.isInit) {
-      injectUpdater();
-    }
-    hook.addIfNotInclude(treeRoot);
-    hook.send(treeRoot);
-  }
-}
-
 // ============================== HorizonDOM使用 ==============================
 export function runDiscreteUpdates() {
   if (checkMode(ByAsync) || checkMode(InRender)) {
diff --git a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
index a713fc88..56753063 100644
--- a/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
+++ b/libs/horizon/src/renderer/diff/nodeDiffComparator.ts
@@ -34,13 +34,6 @@ enum DiffCategory {
   ARR_NODE = 'ARR_NODE',
 }
 
-type AppendVNode = (vnode: VNode) => void;
-interface DiffRightSideResult {
-  rightIdx: number;
-  rightEndOldNode: VNode;
-  rightNewNode: VNode | null;
-}
-
 // 检查是不是被 FRAGMENT 包裹
 function isNoKeyFragment(child: any) {
   return child != null && child.type === TYPE_FRAGMENT && child.key === null;
@@ -118,12 +111,19 @@ function getNodeType(newChild: any): string | null {
 }
 
 // 设置vNode的flag
-function setVNodeAdditionFlag(newNode: VNode) {
-  if (newNode.isCreated) {
+function setVNodeAdditionFlag(newNode: VNode, lastPosition: number): number {
+  let position = lastPosition;
+
+  if (newNode.isCreated || newNode.eIndex < lastPosition) {
     // 位置 小于 上一个复用的位置
     // 标记为新增
     FlagUtils.setAddition(newNode);
+  } else {
+    // 复用
+    position = newNode.eIndex;
   }
+
+  return position;
 }
 
 // 获取新节点
@@ -231,75 +231,74 @@ function getOldNodeFromMap(nodeMap: Map<string | number, VNode>, newIdx: number,
   return null;
 }
 
-/**
- * 左端新老节点对比
- * @param firstNode 第一个VNode
- * @param newChildren 新的JSX children
- * @param parentNode 父节点
- * @param appendNode 添加节点
- */
-function diffLeftSide(firstNode: VNode | null, newChildren: Array<any>, parentNode: VNode, appendNode: AppendVNode) {
+// diff数组类型的节点，核心算法
+function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
+  let resultingFirstChild: VNode | null = null;
+
+  let prevNewNode: VNode | null = null;
+
+  let oldNode = firstChild;
   let nextOldNode: VNode | null = null;
+
+  let theLastPosition = 0;
   // 从左边开始的位置
   let leftIdx = 0;
-  // 1. 从左侧开始比对currentVNode和newChildren，若不能复用则跳出循环
-  for (; firstNode !== null && leftIdx < newChildren.length; leftIdx++) {
-    if (firstNode.eIndex > leftIdx) {
-      // 当新旧节点位置不一，则将缓存当前的旧节点，放到下一次对比
-      nextOldNode = firstNode;
-      firstNode = null;
+
+  function appendNode(newNode: VNode) {
+    if (prevNewNode === null) {
+      resultingFirstChild = newNode;
+      newNode.cIndex = 0;
     } else {
-      nextOldNode = firstNode.next;
+      prevNewNode.next = newNode;
+      newNode.cIndex = prevNewNode.cIndex + 1;
+    }
+    markVNodePath(newNode);
+    prevNewNode = newNode;
+  }
+
+  let canBeReuse;
+  let newNode;
+  // 1. 从左侧开始比对currentVNode和newChildren，若不能复用则跳出循环
+  for (; oldNode !== null && leftIdx < newChildren.length; leftIdx++) {
+    if (oldNode.eIndex > leftIdx) {
+      // 当新旧节点位置不一，则将缓存当前的旧节点，放到下一次对比
+      nextOldNode = oldNode;
+      oldNode = null;
+    } else {
+      nextOldNode = oldNode.next;
     }
 
+    canBeReuse = checkCanReuseNode(oldNode, newChildren[leftIdx], leftIdx);
     // 不能复用，break
-    if (!checkCanReuseNode(firstNode, newChildren[leftIdx], leftIdx)) {
-      firstNode = firstNode ?? nextOldNode;
+    if (!canBeReuse) {
+      oldNode = oldNode ?? nextOldNode;
       break;
     }
 
-    const newNode = getNewNode(parentNode, newChildren[leftIdx], firstNode);
+    newNode = getNewNode(parentNode, newChildren[leftIdx], oldNode);
     // 没有生成新节点，break
     if (!newNode) {
-      firstNode = firstNode ?? nextOldNode;
+      oldNode = oldNode ?? nextOldNode;
       break;
     }
 
     // diff过程中，需要将现有的节点清除掉，如果是创建，则不需要处理（因为没有现存节点）
-    if (firstNode && newNode.isCreated) {
-      deleteVNode(parentNode, firstNode);
+    if (oldNode && newNode.isCreated) {
+      deleteVNode(parentNode, oldNode);
     }
 
-    setVNodeAdditionFlag(newNode);
+    theLastPosition = setVNodeAdditionFlag(newNode, theLastPosition);
     newNode.eIndex = leftIdx;
     appendNode(newNode);
-    firstNode = nextOldNode;
+    oldNode = nextOldNode;
   }
 
-  return { leftEndOldNode: firstNode, leftIdx };
-}
-
-/**
- * 右端新老节点对比
- * @param leftEndOldNode 左端对比完成后第一个不同的老节点
- * @param leftIdx 左端diff完成后Index
- * @param newChildren 新的JSX children
- * @param parentNode 父节点
- */
-function diffRightSide(
-  leftEndOldNode: VNode | null,
-  leftIdx: number,
-  newChildren: Array<any>,
-  parentNode: VNode
-): DiffRightSideResult {
-  let newNode;
-  let canBeReuse = false;
   let rightIdx = newChildren.length;
   let rightEndOldNode; // 老节点中最右边匹配的节点引用 abcde --> abfde 则rightEndOldNode = c;
   let rightNewNode: VNode | null = null; // 最右边匹配的节点引用 abcde --> abfde 则rightNewNode = d;
   // 从后往前，新资源的位置还没有到最末端，旧的vNode也还没遍历完，则可以考虑从后往前开始
-  if (rightIdx > leftIdx && leftEndOldNode !== null) {
-    const rightRemainingOldChildren = transRightChildrenToArray(leftEndOldNode);
+  if (rightIdx > leftIdx && oldNode !== null) {
+    const rightRemainingOldChildren = transRightChildrenToArray(oldNode);
     let rightOldIndex: number | null = rightRemainingOldChildren.length - 1;
 
     // 2. 从右侧开始比对currentVNode和newChildren，若不能复用则跳出循环
@@ -334,125 +333,72 @@ function diffRightSide(
         deleteVNode(parentNode, rightOldNode);
       }
 
-      setVNodeAdditionFlag(newNode);
+      setVNodeAdditionFlag(newNode, theLastPosition);
       newNode.eIndex = rightIdx - 1;
       rightOldIndex--;
       rightEndOldNode = rightOldNode;
     }
   }
 
-  return { rightIdx, rightEndOldNode, rightNewNode };
-}
-
-/**
- * 添加所有右端Diff完成的节点
- * @param leftEndOldNode 左端对比完成后第一个不同的老节点
- * @param parentNode 父节点
- * @param firstChild 第一个VNode
- * @param newChildren 新的JSX children
- * @param diffRightSideResult 右端diff结果
- * @param appendNode 添加节点
- */
-function appendRightSideNode(
-  leftEndOldNode: VNode | null,
-  parentNode: VNode,
-  firstChild: VNode | null,
-  newChildren: Array<any>,
-  diffRightSideResult: DiffRightSideResult,
-  appendNode: AppendVNode
-) {
-  const { rightEndOldNode, rightNewNode } = diffRightSideResult;
-
-  // 清除中间残留的节点
-  if (firstChild && parentNode.tag === DomComponent && newChildren.length === 0) {
-    FlagUtils.markClear(parentNode);
-    parentNode.clearChild = firstChild;
-  } else {
-    deleteVNodes(parentNode, leftEndOldNode, rightEndOldNode);
-  }
-
-  if (rightNewNode) {
-    appendNode(rightNewNode);
-    setVNodesCIndex(rightNewNode, rightNewNode.cIndex + 1);
-  }
-}
-
-/**
- * 添加左右端比较完成后剩余新节点和右侧节点
- * @param leftEndOldNode 左端对比完成后第一个不同的老节点
- * @param parentNode 父节点
- * @param newChildren 新的JSX children
- * @param leftIdx 左端diff完成后Index
- * @param diffRightSideResult 右端diff结果
- * @param appendNode 添加节点
- */
-function appendAllRestNode(
-  leftEndOldNode: VNode | null,
-  parentNode: VNode,
-  newChildren: Array<any>,
-  leftIdx: number,
-  diffRightSideResult: DiffRightSideResult,
-  appendNode: AppendVNode
-) {
-  let isDirectAdd = false;
-  const { rightIdx, rightNewNode } = diffRightSideResult;
-
-  // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
-  if (
-    parentNode.tag === DomComponent &&
-    parentNode.oldProps?.children?.length === 0 &&
-    rightIdx - leftIdx === newChildren.length
-  ) {
-    isDirectAdd = true;
-  }
-  const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
-  for (; leftIdx < rightIdx; leftIdx++) {
-    const newNode = getNewNode(parentNode, newChildren[leftIdx], null);
-
-    if (newNode !== null) {
-      if (isAddition) {
-        FlagUtils.setAddition(newNode);
-      }
-      if (isDirectAdd) {
-        FlagUtils.markDirectAddition(newNode);
-      }
-      newNode.eIndex = leftIdx;
-      appendNode(newNode);
+  // 3. 新节点已经处理完成
+  if (leftIdx === rightIdx) {
+    if (firstChild && parentNode.tag === DomComponent && newChildren.length === 0) {
+      FlagUtils.markClear(parentNode);
+      parentNode.clearChild = firstChild;
+    } else {
+      deleteVNodes(parentNode, oldNode, rightEndOldNode);
     }
+
+    if (rightNewNode) {
+      appendNode(rightNewNode);
+      setVNodesCIndex(rightNewNode, prevNewNode.cIndex + 1);
+    }
+
+    return resultingFirstChild;
   }
 
-  if (rightNewNode) {
-    appendNode(rightNewNode);
-    setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
+  // 4. 新节点还有一部分，但是老节点已经没有了
+  if (oldNode === null) {
+    let isDirectAdd = false;
+    // TODO: 是否可以扩大至非dom类型节点
+    // 如果dom节点在上次添加前没有节点，说明本次添加时，可以直接添加到最后，不需要通过 getSiblingDom 函数找到 before 节点
+    if (
+      parentNode.tag === DomComponent &&
+      parentNode.oldProps?.children?.length === 0 &&
+      rightIdx - leftIdx === newChildren.length
+    ) {
+      isDirectAdd = true;
+    }
+    const isAddition = parentNode.tag === DomPortal || !parentNode.isCreated;
+    for (; leftIdx < rightIdx; leftIdx++) {
+      newNode = getNewNode(parentNode, newChildren[leftIdx], null);
+
+      if (newNode !== null) {
+        if (isAddition) {
+          FlagUtils.setAddition(newNode);
+        }
+        if (isDirectAdd) {
+          FlagUtils.markDirectAddition(newNode);
+        }
+        newNode.eIndex = leftIdx;
+        appendNode(newNode);
+      }
+    }
+
+    if (rightNewNode) {
+      appendNode(rightNewNode);
+      setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
+    }
+
+    return resultingFirstChild;
   }
-}
-
-
-/**
- * 双端对比完成，新老节点都有剩余时，构造LIS（最长递增子序列）
- * 属于LIS的新节点直接复用，否则新增
- * @param leftEndOldNode 左端对比完成后第一个不同的老节点
- * @param parentNode 父节点
- * @param newChildren 新的JSX children
- * @param leftIdx 左端diff完成后Index
- * @param diffRightSideResult 右端diff结果
- * @param appendNode 添加节点
- */
-function appendNodeWithLIS(
-  leftEndOldNode: VNode,
-  parentNode: VNode,
-  newChildren: Array<any>,
-  leftIdx: number,
-  diffRightSideResult: DiffRightSideResult,
-  appendNode: AppendVNode
-) {
-  const { rightIdx, rightNewNode, rightEndOldNode } = diffRightSideResult;
 
+  // 5. 新节点还有一部分，但是老节点也还有一部分
   // 把剩下的currentVNode转成Map
-  const leftChildrenMap = transLeftChildrenToMap(leftEndOldNode, rightEndOldNode);
+  const leftChildrenMap = transLeftChildrenToMap(oldNode, rightEndOldNode);
   // 通过贪心算法+二分法获取最长递增子序列
   const eIndexes: Array<number> = []; // 记录 eIndex 值
-  const subsequence: Array<number> = []; // 记录最长子序列在eIndexes中的 index 值
+  const result: Array<number> = []; // 记录最长子序列在eIndexes中的 index 值
   const preIndex: Array<number> = []; // 贪心算法在替换的过程中会使得数组不正确，通过记录preIndex找到正确值
   const reuseNodes: (VNode | null)[] = []; // 记录复用的 VNode
   let i = 0;
@@ -460,7 +406,7 @@ function appendNodeWithLIS(
   let last;
   for (; leftIdx < rightIdx; leftIdx++) {
     oldNodeFromMap = getOldNodeFromMap(leftChildrenMap, leftIdx, newChildren[leftIdx]);
-    const newNode = getNewNode(parentNode, newChildren[leftIdx], oldNodeFromMap);
+    newNode = getNewNode(parentNode, newChildren[leftIdx], oldNodeFromMap);
     if (newNode !== null) {
       if (newNode.isCreated) {
         // 新VNode，直接打上标签新增，不参与到复用，旧的VNode会在后面打上delete标签
@@ -471,27 +417,27 @@ function appendNodeWithLIS(
         if (oldNodeFromMap !== null) {
           const eIndex = newNode.eIndex;
           eIndexes.push(eIndex);
-          last = eIndexes[subsequence[subsequence.length - 1]];
+          last = eIndexes[result[result.length - 1]];
           if (eIndex > last || last === undefined) {
             // 大的 eIndex直接放在最后
-            preIndex[i] = subsequence[subsequence.length - 1];
-            subsequence.push(i);
+            preIndex[i] = result[result.length - 1];
+            result.push(i);
           } else {
             let start = 0;
-            let end = subsequence.length - 1;
+            let end = result.length - 1;
             let middle;
             // 二分法找到需要替换的值
             while (start < end) {
               middle = Math.floor((start + end) / 2);
-              if (eIndexes[subsequence[middle]] > eIndex) {
+              if (eIndexes[result[middle]] > eIndex) {
                 end = middle;
               } else {
                 start = middle + 1;
               }
             }
-            if (eIndex < eIndexes[subsequence[start]]) {
-              preIndex[i] = subsequence[start - 1];
-              subsequence[start] = i;
+            if (eIndex < eIndexes[result[start]]) {
+              preIndex[i] = result[start - 1];
+              result[start] = i;
             }
           }
           i++;
@@ -504,13 +450,13 @@ function appendNodeWithLIS(
   }
 
   // 向前回溯找到正确的结果
-  let length = subsequence.length;
-  let prev = subsequence[length - 1];
+  let length = result.length;
+  let prev = result[length - 1];
   while (length-- > 0) {
-    subsequence[length] = prev;
-    prev = preIndex[subsequence[length]];
+    result[length] = prev;
+    prev = preIndex[result[length]];
   }
-  subsequence.forEach(idx => {
+  result.forEach(idx => {
     // 把需要复用的节点从 restNodes 中清理掉，因为不需要打 add 标记，直接复用 dom 节点
     reuseNodes[idx] = null;
   });
@@ -528,45 +474,7 @@ function appendNodeWithLIS(
     appendNode(rightNewNode);
     setVNodesCIndex(rightNewNode.next, rightNewNode.cIndex + 1);
   }
-}
 
-// diff数组类型的节点，核心算法
-function diffArrayNodesHandler(parentNode: VNode, firstChild: VNode | null, newChildren: Array<any>): VNode | null {
-  let resultingFirstChild: VNode | null = null;
-  let prevNewNode: VNode | null = null;
-
-  function appendNode(newNode: VNode) {
-    if (prevNewNode === null) {
-      resultingFirstChild = newNode;
-      newNode.cIndex = 0;
-    } else {
-      prevNewNode.next = newNode;
-      newNode.cIndex = prevNewNode.cIndex + 1;
-    }
-    markVNodePath(newNode);
-    prevNewNode = newNode;
-  }
-
-  // 1. 左端新老节点对比
-  const { leftEndOldNode, leftIdx } = diffLeftSide(firstChild, newChildren, parentNode, appendNode);
-
-  // 2. 右端新老节点对比
-  const diffRightSideResult = diffRightSide(leftEndOldNode, leftIdx, newChildren, parentNode);
-
-  // 3. 新节点已经处理完成
-  if (leftIdx === diffRightSideResult.rightIdx) {
-    appendRightSideNode(leftEndOldNode, parentNode, firstChild, newChildren, diffRightSideResult, appendNode);
-    return resultingFirstChild;
-  }
-
-  // 4. 新节点还有一部分，但是老节点已经没有了
-  if (leftEndOldNode === null) {
-    appendAllRestNode(leftEndOldNode, parentNode, newChildren, leftIdx, diffRightSideResult, appendNode);
-    return resultingFirstChild;
-  }
-
-  // 5. 新节点还有一部分，但是老节点也还有一部分
-  appendNodeWithLIS(leftEndOldNode, parentNode, newChildren, leftIdx, diffRightSideResult, appendNode);
   return resultingFirstChild;
 }
 
@@ -590,10 +498,10 @@ function diffIteratorNodesHandler(
   newChildrenIterable: Iterable<any>
 ): VNode | null {
   const iteratorFn = getIteratorFn(newChildrenIterable);
-  const iteratorObj: Iterator<any> = iteratorFn.call(newChildrenIterable);
+  const iteratorObj = iteratorFn.call(newChildrenIterable);
 
   // 把iterator转测数组
-  const childrenArray: any[] = [];
+  const childrenArray = [];
   let result = iteratorObj.next();
   while (!result.done) {
     childrenArray.push(result.value);
@@ -604,7 +512,7 @@ function diffIteratorNodesHandler(
 }
 
 // 新节点是字符串类型
-function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode | null, isComparing: boolean) {
+function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode: VNode, isComparing: boolean) {
   let newTextNode: VNode | null = null;
 
   // 第一个vNode是Text，则复用
@@ -628,7 +536,13 @@ function diffStringNodeHandler(parentNode: VNode, newChild: any, firstChildVNode
 }
 
 // 新节点是对象类型
-function diffObjectNodeHandler(parentNode: VNode, firstChild: VNode | null, newChild: any, isComparing: boolean) {
+function diffObjectNodeHandler(
+  parentNode: VNode,
+  firstChild: VNode | null,
+  newChild: any,
+  firstChildVNode: VNode,
+  isComparing: boolean
+) {
   let canReuseNode: VNode | null = null;
 
   // 通过key比对是否有可以reuse
@@ -645,7 +559,7 @@ function diffObjectNodeHandler(parentNode: VNode, firstChild: VNode | null, newC
   }
 
   let resultNode: VNode | null = null;
-  let startDelVNode: VNode | null = firstChild;
+  let startDelVNode = firstChildVNode;
   if (newChild.vtype === TYPE_COMMON_ELEMENT) {
     if (canReuseNode) {
       // 可以复用
@@ -740,7 +654,7 @@ export function createChildrenByDiff(
 
   // 5. newChild是对象类型
   if (isObjectType(newChild)) {
-    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, isComparing);
+    const newVNodes = diffObjectNodeHandler(parentNode, firstChild, newChild, firstChild, isComparing);
     if (newVNodes) {
       return newVNodes;
     }

From 9e2cd9ad2a2ed94a4b78b7bd8a946246dc153f33 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 8 Nov 2022 11:31:13 +0800
Subject: [PATCH 23/33] Match-id-5897bdce820681a8cecc6cd79ea82f1cda23ecf6

---
 .cloudbuild/build.yml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index b6fcaac9..12e7a48c 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -27,6 +27,9 @@ steps:
         path: CI
   BUILD:
     - build_execute:
+        enhance:
+          - feature: md5_source_tracement
+            build_tools: [npm]
         command: |
           npm install yarn -g
           yarn config set strict-ssl false

From d6b76fbdababf1466dbe56c3cf39cd1aaed57474 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 8 Nov 2022 15:14:43 +0800
Subject: [PATCH 24/33] Match-id-c782df980c94d3ed8b3a0aac9a92025041f7e910

---
 .cloudbuild/build.yml | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index 12e7a48c..a366f0fa 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -27,9 +27,6 @@ steps:
         path: CI
   BUILD:
     - build_execute:
-        enhance:
-          - feature: md5_source_tracement
-            build_tools: [npm]
         command: |
           npm install yarn -g
           yarn config set strict-ssl false
@@ -38,3 +35,8 @@ steps:
           yarn run test
           yarn run build
           node .cloudbuild/release.js
+        enhance:
+          - feature: md5_source_tracement
+            build_tools: [npm]
+        check:
+          auto: true

From 250633c405c03d602b0f485ede0119e6cead86f6 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 8 Nov 2022 17:05:07 +0800
Subject: [PATCH 25/33] Match-id-dd2235e42185c77861992fcae5d0653e2c44615d

---
 .cloudbuild/build.yml | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index a366f0fa..105dc22d 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -40,3 +40,5 @@ steps:
             build_tools: [npm]
         check:
           auto: true
+          buildcheck: true
+          mode: sync

From 6efb2a85db58418ce5c4d47edd74bebc7cf29a4c Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 10:23:12 +0800
Subject: [PATCH 26/33] Match-id-fbe927b5b473399b58a2d0d8d2d93387db83ea83

---
 .cloudbuild/build.yml  |  2 +-
 .cloudbuild/release.js | 71 ------------------------------------------
 .cloudbuild/release.sh | 35 +++++++++++++++++++++
 3 files changed, 36 insertions(+), 72 deletions(-)
 delete mode 100644 .cloudbuild/release.js
 create mode 100644 .cloudbuild/release.sh

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index 105dc22d..848616d0 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -34,7 +34,7 @@ steps:
           yarn
           yarn run test
           yarn run build
-          node .cloudbuild/release.js
+          sh .cloudbuild/release.sh
         enhance:
           - feature: md5_source_tracement
             build_tools: [npm]
diff --git a/.cloudbuild/release.js b/.cloudbuild/release.js
deleted file mode 100644
index 4e9edfb0..00000000
--- a/.cloudbuild/release.js
+++ /dev/null
@@ -1,71 +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.
- */
-
-const fs = require('fs');
-const path = require('path');
-const childProcess = require('child_process');
-
-const version = process.env.releaseVersion;
-const DIST_PATH = path.resolve(__dirname, '../build/horizon');
-
-const NPMRC = `registry=https://cmc.centralrepo.rnd.huawei.com/npm
-@cloudsop:registry=https://cmc.centralrepo.rnd.huawei.com/artifactory/product_npm
-_auth = Y2xvdWRzb3BhcnRpZmFjdG9yeTpDbG91ZHNvcDY2NiEhIQ
-always-auth = true
-email = cloudsop@huawei.com
-`;
-if (!version) {
-  process.exit();
-}
-if (!/\d+\.\d+\.\d+/.test(version)) {
-  console.log('请输入正确版本号');
-  process.exit();
-}
-
-const exec = (cmd, cwd) => {
-  return new Promise((resolve, reject) => {
-    childProcess.exec(
-      cmd,
-      {
-        cwd,
-      },
-      function (error, stdout, stderr) {
-        if (error) {
-          error && console.log(`Error: ${error}`);
-          reject(error);
-        } else {
-          stdout && console.log(`STDOUT: ${stdout}`);
-          resolve(stdout);
-        }
-      }
-    );
-  });
-};
-
-const main = async () => {
-  try {
-    console.log(`==== Horizon Upgrade ${version} ====`);
-    await exec(`npm version ${version}`, DIST_PATH);
-    fs.writeFileSync(path.resolve(DIST_PATH, '.npmrc'), NPMRC);
-
-    console.log('==== Publish new version====');
-    await exec('npm publish', DIST_PATH);
-    process.exit();
-  } catch (err) {
-    console.error(err);
-    process.exit(1);
-  }
-};
-main();
diff --git a/.cloudbuild/release.sh b/.cloudbuild/release.sh
new file mode 100644
index 00000000..54b4e1fb
--- /dev/null
+++ b/.cloudbuild/release.sh
@@ -0,0 +1,35 @@
+#!/bin/bash
+#
+# 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.
+#
+
+if [ -n "${releaseVersion}" ] ; then
+  echo "==== Horizon Upgrade ${releaseVersion} ===="
+  cd ../build/horizon || exit 1
+  npm version "${releaseVersion}"
+  cat >.npmrc <<- EndOfMessage
+registry=https://cmc.centralrepo.rnd.huawei.com/npm
+@cloudsop:registry=https://cmc.centralrepo.rnd.huawei.com/artifactory/product_npm
+_auth = Y2xvdWRzb3BhcnRpZmFjdG9yeTpDbG91ZHNvcDY2NiEhIQ
+always-auth = true
+email = cloudsop@huawei.com
+EndOfMessage
+
+  echo "==== Publish new version===="
+  npm publish
+  npm view @cloudsop/horizon@"${releaseVersion}"
+else
+  echo "No release version, quit."
+fi
+

From b2c44570fe5472ad6596f841ef4e94c6d5af9dcf Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 10:53:22 +0800
Subject: [PATCH 27/33] Match-id-02076ef719a1471daa19a7b130cb7dc5264d93c7

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c8b44fb3..f2d728f2 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
     "build:3rdLib": "node ./scripts/gen3rdLib.js build:3rdLib",
     "build:3rdLib-dev": "npm run build & node ./scripts/gen3rdLib.js build:3rdLib-dev",
     "build:horizon3rdLib-dev": "npm run build & node ./scripts/gen3rdLib.js build:horizon3rdLib-dev",
-    "build-types": "tsc -p ./libs/horizon/index.ts --emitDeclarationOnly --declaration --declarationDir ./build/horizon/@types --skipLibCheck",
+    "build-types": "tsc -p ./libs/horizon/index.ts --emitDeclarationOnly --declaration --declarationDir ./build/horizon/@types --skipLibCheck || echo \"WARNING: TSC exited with status $?\"",
     "debug-test": "yarn test --debug",
     "test": "jest --config=jest.config.js",
     "watch-test": "yarn test --watch --dev"

From 3941245f12bbed41b4970b7a156f6296466834b4 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 11:11:23 +0800
Subject: [PATCH 28/33] Match-id-2de33c120aff072a30d6741ea2e9b135126dec08

---
 .cloudbuild/release.sh | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.cloudbuild/release.sh b/.cloudbuild/release.sh
index 54b4e1fb..57350246 100644
--- a/.cloudbuild/release.sh
+++ b/.cloudbuild/release.sh
@@ -16,7 +16,8 @@
 
 if [ -n "${releaseVersion}" ] ; then
   echo "==== Horizon Upgrade ${releaseVersion} ===="
-  cd ../build/horizon || exit 1
+  cd ./build/horizon ||  { echo 'ERROR: Build directory not found' ; exit 1; }
+  # 写入新版本号
   npm version "${releaseVersion}"
   cat >.npmrc <<- EndOfMessage
 registry=https://cmc.centralrepo.rnd.huawei.com/npm

From 4edc491b5ecf9a75c424b46edd1c7813c37e6594 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 11:51:55 +0800
Subject: [PATCH 29/33] Match-id-f3bb0b6b67b4c5d5cab6c46e87a8b6b8c6f0ee0a

---
 .cloudbuild/release.sh | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.cloudbuild/release.sh b/.cloudbuild/release.sh
index 57350246..ddb9c659 100644
--- a/.cloudbuild/release.sh
+++ b/.cloudbuild/release.sh
@@ -28,7 +28,8 @@ email = cloudsop@huawei.com
 EndOfMessage
 
   echo "==== Publish new version===="
-  npm publish
+  # npm仓库发布接口返回HTML，屏蔽错误码
+  npm publish || echo 'WARNING: Parsing publish response failed'
   npm view @cloudsop/horizon@"${releaseVersion}"
 else
   echo "No release version, quit."

From 599b8c615416346fa19c6ee34c14c71ce2f36f2e Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 14:52:17 +0800
Subject: [PATCH 30/33] Match-id-a390b1e56b97beb470dfce4476fdd098c3167d47

---
 .cloudbuild/release.sh | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.cloudbuild/release.sh b/.cloudbuild/release.sh
index ddb9c659..ec87ddab 100644
--- a/.cloudbuild/release.sh
+++ b/.cloudbuild/release.sh
@@ -13,7 +13,6 @@
 # MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 # See the Mulan PSL v2 for more details.
 #
-
 if [ -n "${releaseVersion}" ] ; then
   echo "==== Horizon Upgrade ${releaseVersion} ===="
   cd ./build/horizon ||  { echo 'ERROR: Build directory not found' ; exit 1; }
@@ -21,7 +20,7 @@ if [ -n "${releaseVersion}" ] ; then
   npm version "${releaseVersion}"
   cat >.npmrc <<- EndOfMessage
 registry=https://cmc.centralrepo.rnd.huawei.com/npm
-@cloudsop:registry=https://cmc.centralrepo.rnd.huawei.com/artifactory/product_npm
+@cloudsop:registry=https://cmc.centralrepo.rnd.huawei.com/artifactory/api/npm/product_npm
 _auth = Y2xvdWRzb3BhcnRpZmFjdG9yeTpDbG91ZHNvcDY2NiEhIQ
 always-auth = true
 email = cloudsop@huawei.com

From 6a8e8dfdf2a9051b0f4dff4336a0dcd25bcfa336 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 15:48:18 +0800
Subject: [PATCH 31/33] Match-id-738065d70158d7458ee67dc555015670c66362bb

---
 .cloudbuild/build.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index 848616d0..1fc975bb 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -8,7 +8,7 @@ notifications:
 buildspace:
   log_collect:
     - config/CI/build/logs
-  fixed: true
+  fixed: false
 env:
   resource:
     type: docker

From 40ee4d9fc351f353f08a43ab06a39cd740b378cd Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 15:57:03 +0800
Subject: [PATCH 32/33] Match-id-7649bbf89255b5825177a462fa996c49c3114871

---
 .cloudbuild/build.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.cloudbuild/build.yml b/.cloudbuild/build.yml
index 1fc975bb..905877bf 100644
--- a/.cloudbuild/build.yml
+++ b/.cloudbuild/build.yml
@@ -15,8 +15,6 @@ env:
     image: kweecr04.his.huawei.com:80/ecr-build-arm-gzkunpeng/euleros_v2r7spc522_x64_opmt_cs5.0_sz:v5.0
     class: 4U8G
     mode: toolbox
-  cache:
-    - type: workspace
 steps:
   PRE_BUILD:
     - checkout:

From c862e580eb4532aeecb744cdb1484143c3061484 Mon Sep 17 00:00:00 2001
From: * <8>
Date: Wed, 9 Nov 2022 16:47:04 +0800
Subject: [PATCH 33/33] Match-id-151e1b74dbb6e9ec7cbc54346c09b69636f1764d

---
 CHANGELOG.md              | 3 +++
 libs/horizon/package.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8d4e453d..b1b9cfbc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.0.26 (2022-11-09)
+- **CI**: 包信息同步CMC
+
 ## 0.0.25 (2022-11-03)
 - **core**: fix 修改IE中Set的不兼容问题
 
diff --git a/libs/horizon/package.json b/libs/horizon/package.json
index 5a8aeec1..0658232f 100644
--- a/libs/horizon/package.json
+++ b/libs/horizon/package.json
@@ -4,7 +4,7 @@
   "keywords": [
     "horizon"
   ],
-  "version": "0.0.25",
+  "version": "0.0.26",
   "homepage": "",
   "bugs": "",
   "main": "index.js",