diff --git a/ace/ace_standard/src/main/config.json b/ace/ace_standard/src/main/config.json
index dfff1010f3c4bab27c16fe91374150b70fd2eeee..eefd29a478fb0144a1582296c3eb5de1952aa318 100755
--- a/ace/ace_standard/src/main/config.json
+++ b/ace/ace_standard/src/main/config.json
@@ -64,7 +64,8 @@
           "pages/label/router/index",
           "pages/label/prop/index",
           "pages/rating/index",
-          "pages/search/index",
+          "pages/search/router/index",
+          "pages/search/prop/index",
           "pages/toolbar/index",
           "pages/textarea/index",
           "pages/menu/router/index",
@@ -96,7 +97,8 @@
           "pages/listItem/prop/index",
           "pages/listItemGroup/router/index",
           "pages/listItemGroup/prop/index",
-          "pages/marquee/index",
+          "pages/marquee/router/index",
+          "pages/marquee/prop/index",
           "pages/imageAnimator/index",
           "pages/panel/router/index",
           "pages/panel/prop/index",
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.css b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..fcba97baba5d28495a0c1061f62011ed3e7c2153
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.css
@@ -0,0 +1,458 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+  flex-direction:row;
+  width:100%;
+  height:100%;
+}
+
+.title{
+  width: 100%;
+  font-size: 18px;
+  margin: 2px;
+  padding: 2px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.sub-title{
+  width: 100%;
+  font-size: 14px;
+  text-align: left;
+  margin: 2px;
+  padding: 2px;
+}
+
+.prop-container{
+  flex-direction: column;
+  flex-weight: 1;
+}
+
+#idProp {
+  flex-weight: 1;
+  background-color:#f00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+.classProp {
+  flex-weight: 1;
+  background-color:#0f0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#classPropNone {
+  flex-weight: 1;
+  background-color:#0000e0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#refProp {
+  flex-weight: 1;
+  background-color:#00f000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#refPropNone {
+  flex-weight: 1;
+  background-color:#00000e;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropTrue {
+  flex-weight: 1;
+  background-color:#000f00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropFalse {
+  flex-weight: 1;
+  background-color:#0000f0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropNone {
+  flex-weight: 1;
+  background-color:#d00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropTrue {
+  flex-weight: 1;
+  background-color:#00000f;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropFalse {
+  flex-weight: 1;
+  background-color:#ff0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropNone {
+  flex-weight: 1;
+  background-color:#0d0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataProp {
+  flex-weight: 1;
+  background-color:#0ff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataPropNone {
+  flex-weight: 1;
+  background-color:#00d000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropSmall {
+  height: 15px;
+  background-color:#00ff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropMedium {
+  height: 15px;
+  background-color:#000ff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropLarge {
+  height: 15px;
+  background-color:#fff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropNone{
+  height: 15px;
+  background-color:#000d00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropRtl {
+  flex-weight: 1;
+  background-color:#0fff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropAuto {
+  flex-weight: 1;
+  background-color:#00fff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropLtr {
+  flex-weight: 1;
+  background-color:#000fff;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropNone {
+  flex-weight: 1;
+  background-color:#0000d0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropNull {
+  flex-weight: 1;
+  background-color:#ffff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropOne {
+  flex-weight: 1;
+  background-color:#00e000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropThree {
+  flex-weight: 1;
+  background-color:#000e00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#ifPropTrue {
+  flex-weight: 1;
+  background-color:#0ffff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#ifPropFalse {
+  flex-weight: 1;
+  background-color:#00ffff;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#ifPropNone {
+  flex-weight: 1;
+  background-color:#00000d;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropTrue {
+  flex-weight: 1;
+  background-color:#e00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropFalse {
+  flex-weight: 1;
+  background-color:#0e0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropNone {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+.specific-container{
+  flex-direction: column;
+  flex-weight: 1;
+}
+
+#typeScrollamountNull{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+}
+
+#typeScrollamount10{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeScrollamount20{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeLoopNull{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeLoop1{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeLoop3{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeDirectionNull{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+#typeDirectionLeft{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+#typeDirectionRight{
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+  margin-bottom: 4px;
+
+}
+
+
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..e400b34ac875cc35dfe764c802261062c63e7582
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.hml
@@ -0,0 +1,208 @@
+<!--/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */-->
+
+<div class="container">
+    <div class="prop-container">
+        <text class="title">
+            marquee通用属性
+        </text>
+
+        <text class="sub-title">
+            通用属性 -- id
+        </text>
+        <marquee id="idProp">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- class
+        </text>
+        <marquee id="classProp"
+             class="classProp">
+        </marquee>
+        <marquee id="classPropNone"
+             class="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- style
+        </text>
+        <marquee id="styleProp"
+             style="width:10%;height:20px;background-color:red">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- ref
+        </text>
+        <marquee id="refProp"
+             ref="refProp">
+        </marquee>
+        <marquee id="refPropNone"
+             ref="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- disabled
+        </text>
+        <marquee id="disabledPropTrue"
+             disabled="true">
+        </marquee>
+        <marquee id="disabledPropFalse"
+             disabled="false">
+        </marquee>
+        <marquee id="disabledPropNone"
+             disabled="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- focusable
+        </text>
+        <marquee id="focusablePropTrue"
+             focusable="true">
+        </marquee>
+        <marquee id="focusablePropFalse"
+             focusable="false">
+        </marquee>
+        <marquee id="focusablePropNone"
+             focusable="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- data-*
+        </text>
+        <marquee id="dataProp"
+             data-marquee="通用属性 -- data-*">
+        </marquee>
+        <marquee id="dataPropNone"
+             data-marquee="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- click-effect
+        </text>
+        <marquee id="clickEffectPropSmall"
+             click-effect="spring-small">
+        </marquee>
+        <marquee id="clickEffectPropMedium"
+             click-effect="spring-medium">
+        </marquee>
+        <marquee id="clickEffectPropLarge"
+             click-effect="spring-large">
+        </marquee>
+        <marquee id="clickEffectPropNone"
+             click-effect="">
+        </marquee>
+
+        <text class="sub-title">
+            通用属性 -- dir
+        </text>
+        <marquee id="dirPropRtl"
+             dir="rtl">
+        </marquee>
+        <marquee id="dirPropAuto"
+             dir="auto">
+        </marquee>
+        <marquee id="dirPropLtr"
+             dir="ltr">
+        </marquee>
+        <marquee id="dirPropNone"
+             dir="">
+        </marquee>
+
+        <text class="sub-title">
+            渲染属性 -- for
+        </text>
+        <marquee id="forPropNull"
+             for="">
+        </marquee>
+        <marquee id="forPropOne"
+             for="{{listOne}}">
+        </marquee>
+        <marquee id="forPropThree"
+             for="{{listThree}}">
+        </marquee>
+
+        <text class="sub-title">
+            渲染属性 -- if
+        </text>
+        <marquee id="ifPropTrue"
+             if="true">
+        </marquee>
+        <marquee id="ifPropFalse"
+             if="false">
+        </marquee>
+        <marquee id="ifPropNone"
+             if="">
+        </marquee>
+
+        <text class="sub-title">
+            渲染属性 -- show
+        </text>
+        <marquee id="showPropTrue"
+             show="true">
+        </marquee>
+        <marquee id="showPropFalse"
+             show="false">
+        </marquee>
+        <marquee id="showPropNone"
+             show="false">
+        </marquee>
+    </div>
+
+    <div style="background-color: #000000; width: 2px; height: 100%;">
+    </div>
+    <div class="specific-container">
+        <text class="title">
+            marquee特有属性
+        </text>
+
+        <text class="sub-title">
+            特有属性 -- scrollamount
+        </text>
+        <marquee id="typeScrollamountNull"
+                 scrollamount="">
+        </marquee>
+        <marquee id="typeScrollamount10"
+               scrollamount="10">
+        </marquee>
+        <marquee id="typeScrollamount20"
+                 scrollamount="20">
+        </marquee>
+        <text class="sub-title">
+            特有属性 -- loop
+        </text>
+        <marquee id="typeLoopNull"
+                 scrollamount="">
+        </marquee>
+        <marquee id="typeLoop1"
+                 loop="-1">
+        </marquee>
+        <marquee id="typeLoop3"
+                 loop="3">
+        </marquee>
+        <text class="sub-title">
+            特有属性 -- direction
+        </text>
+        <marquee id="typeDirectionNull"
+                 direction="">
+        </marquee>
+        <marquee id="typeDirectionLeft"
+                 direction="left">
+        </marquee>
+        <marquee id="typeDirectionRight"
+                 direction="right">
+        </marquee>
+
+    </div>
+</div>
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.js b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..b962411b5660e440107545617863e7b4f821a86f
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/prop/index.js
@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import prompt from '@system.prompt';
+
+export default {
+    data:{
+        listOne:[{}],
+        listThree:[{},{},{}],
+        idProp : null,
+        classProp : null,
+        classPropNone : null,
+        styleProp : null,
+        refProp : null,
+        refPropNone : null,
+        disabledPropTrue : null,
+        disabledPropFalse : null,
+        disabledPropNone : null,
+        focusablePropTrue : null,
+        focusablePropFalse : null,
+        focusablePropNone : null,
+        dataProp : null,
+        dataPropNone : null,
+        clickEffectPropSmall : null,
+        clickEffectPropMedium : null,
+        clickEffectPropLarge : null,
+        clickEffectPropNone : null,
+        dirPropRtl : null,
+        dirPropAuto : null,
+        dirPropLtr : null,
+        dirPropNone : null,
+        forPropNull : null,
+        forPropOne : null,
+        forPropThree : null,
+        ifPropTrue : null,
+
+        showPropTrue : null,
+        showPropFalse : null,
+        showPropNone : null,
+
+        typeScrollamountNull : null,
+        typeScrollamount10 : null,
+        typeScrollamount20 : null,
+        typeLoopNull : null,
+        typeLoop1 : null,
+        typeLoop3 : null,
+        typeDirectionNull : null,
+        typeDirectionLeft : null,
+        typeDirectionRight : null,
+        typeLoopLeft : null,
+        typeRight : null,
+    },
+    onShow(){
+        this.getCommonPropValues();
+        this.getSpecificPropValues();
+        globalThis.value = {
+            idProp : this.idProp,
+            classProp : this.classProp,
+            classPropNone : this.classPropNone,
+            styleProp : this.styleProp,
+            refProp : this.refProp,
+            refPropNone : this.refPropNone,
+            disabledPropTrue : this.disabledPropTrue,
+            disabledPropFalse : this.disabledPropFalse,
+            disabledPropNone : this.disabledPropNone,
+            focusablePropTrue : this.focusablePropTrue,
+            focusablePropFalse : this.focusablePropFalse,
+            focusablePropNone : this.focusablePropNone,
+            dataProp : this.dataProp,
+            dataPropNone : this.dataPropNone,
+            clickEffectPropSmall : this.clickEffectPropSmall,
+            clickEffectPropMedium : this.clickEffectPropMedium,
+            clickEffectPropLarge : this.clickEffectPropLarge,
+            clickEffectPropNone : this.clickEffectPropNone,
+            dirPropRtl : this.dirPropRtl,
+            dirPropAuto : this.dirPropAuto,
+            dirPropLtr : this.dirPropLtr,
+            dirPropNone : this.dirPropNone,
+            forPropNull : this.forPropNull,
+            forPropOne : this.forPropOne,
+            forPropThree : this.forPropThree,
+            ifPropTrue : this.ifPropTrue,
+            showPropTrue : this.showPropTrue,
+            showPropFalse : this.showPropFalse,
+            showPropNone : this.showPropNone,
+
+            typeScrollamountNull : this.typeScrollamountNull,
+            typeScrollamount10 : this.typeScrollamount10,
+            typeScrollamount20 : this.typeScrollamount20,
+            typeLoopNull : this.typeLoopNull,
+            typeLoop1 : this.typeLoop1,
+            typeLoop3 : this.typeLoop3,
+            typeDirectionNull : this.typeDirectionNull,
+            typeDirectionLeft : this.typeDirectionLeft,
+            typeDirectionRight : this.typeDirectionRight,
+            typeLoopLeft : this.typeLoopLeft,
+            typeRight : this.typeRight,
+        }
+    },
+    getCommonPropValues(){
+        this.idProp = this.$element("idProp").getInspector()
+        this.classProp = this.$element("classProp").getInspector()
+        this.classPropNone = this.$element("classPropNone").getInspector()
+        this.styleProp = this.$element("styleProp").getInspector()
+        this.refProp = this.$element("refProp").getInspector()
+        this.refPropNone = this.$element("refPropNone").getInspector()
+        this.disabledPropTrue = this.$element("disabledPropTrue").getInspector()
+        this.disabledPropFalse = this.$element("disabledPropFalse").getInspector()
+        this.disabledPropNone = this.$element("disabledPropNone").getInspector()
+        this.focusablePropTrue = this.$element("focusablePropTrue").getInspector()
+        this.focusablePropFalse = this.$element("focusablePropFalse").getInspector()
+        this.focusablePropNone = this.$element("focusablePropNone").getInspector()
+        this.dataProp = this.$element("dataProp").getInspector()
+        this.dataPropNone = this.$element("dataPropNone").getInspector()
+        this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector()
+        this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector()
+        this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector()
+        this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector()
+        this.dirPropRtl = this.$element("dirPropRtl").getInspector()
+        this.dirPropAuto = this.$element("dirPropAuto").getInspector()
+        this.dirPropLtr = this.$element("dirPropLtr").getInspector()
+        this.dirPropNone = this.$element("dirPropNone").getInspector()
+        this.forPropNull = this.$element("forPropNull").getInspector()
+        this.forPropOne = this.$element("forPropOne").getInspector()
+        this.forPropThree = this.$element("forPropThree").getInspector()
+        this.ifPropTrue = this.$element("ifPropTrue").getInspector()
+        this.showPropTrue = this.$element("showPropTrue").getInspector()
+        this.showPropFalse = this.$element("showPropFalse").getInspector()
+        this.showPropNone = this.$element("showPropNone").getInspector()
+
+
+
+    },
+    getSpecificPropValues(){
+        this.typeScrollamountNull = this.$element("typeScrollamountNull").getInspector()
+        this.typeScrollamount10 = this.$element("typeScrollamount10").getInspector()
+        this.typeScrollamount20 = this.$element("typeScrollamount20").getInspector()
+
+        this.typeLoopNull = this.$element("typeLoopNull").getInspector()
+        this.typeLoop1 = this.$element("typeLoop1").getInspector()
+        this.typeLoop3 = this.$element("typeLoop3").getInspector()
+
+        this.typeDirectionNull = this.$element("typeDirectionNull").getInspector()
+        this.typeDirectionLeft = this.$element("typeDirectionLeft").getInspector()
+        this.typeDirectionRight = this.$element("typeDirectionRight").getInspector()
+        this.typeRight = this.$element("typeDirectionRight").getInspector()
+        this.typeLoopLeft = this.$element("typeDirectionLeft").getInspector()
+
+    }
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/router/index.css b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..641419b0cf66b62dbc886f4a4ba2965e35cb2087
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.css
@@ -0,0 +1,487 @@
+/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* xxx.css */
+.container {
+    flex-direction:row;
+    width:100%;
+    height:100%;
+    padding: 1px;
+}
+
+.sub-container{
+    flex-direction: column;
+    height: 100%;
+    flex-weight: 1;
+}
+
+.style-container{
+    flex-direction: column;
+    height: 70%;
+}
+
+.title{
+    width: 100%;
+    font-size: 18px;
+    margin: 2px;
+    padding: 2px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.sub-title{
+    width: 100%;
+    font-size: 14px;
+    text-align: left;
+    margin: 2px;
+    padding: 2px;
+}
+
+.style1{
+    width: 100%;
+    height: 100%;
+    min-width: 25px;
+    min-height: 10px;
+    max-width: 300px;
+    max-height: 50px;
+    padding-left: 2px;
+    padding-top: 2px;
+    padding-right:2px;
+    padding-bottom: 2px;
+    margin-left: 10px;
+    margin-top: 20px;
+    margin-right: 15px;
+    margin-bottom: 5px;
+    border-left-style: solid;
+    border-right-style: dashed;
+    border-top-style: dashed;
+    border-bottom-style: dotted;
+    border-left-width: 1px;
+    border-right-width: 2px;
+    border-top-width: 2px;
+    border-bottom-width: 1px;
+    border-left-color: #ff0000;
+    border-right-color: #00ff00;
+    border-top-color: #0000ff;
+    border-bottom-color: #fff000;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 15px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 12px;
+    background: linear-gradient(pink,#fff000);
+    box-shadow: 2px 4px 6px 8px #888888;
+    opacity: 0.5;
+    display: flex;
+    visibility: visible;
+    align-self: center;
+    image-fill: #000fff;
+    clip-path: margin-box;
+}
+
+.style2{
+    width: 50px;
+    height: 20px;
+    padding-start: 10px;
+    padding-end: 15px;
+    margin-start: 5px;
+    margin-end: 10px;
+    border-style: dotted;
+    border-width: 2px;
+    border-color:#000000;
+    border-radius:5px;
+    background-color:#ffaa00;
+    mask-image: url('common/images/icon.png');
+    mask-size: cover;
+    mask-position: center;
+}
+
+.style3{
+    width:80%;
+    height: 30px;
+    padding: 2px;
+    margin: 5px;
+    border-left: 1px solid #000000;
+    border-right:  2px dashed #00ff00;
+    border-top:  1.5px dotted #0000ff;
+    border-bottom:  2.5px dotted #fff000;
+    background-image:url('common/images/image.png');
+    background-size:cover;
+    background-repeat: repeat-x;
+    background-position: center;
+    flex:1;
+    flex-grow: 2;
+/*    flex-basis: 30px;*/
+    flex-shrink: 1;
+}
+
+.style4{
+    width: 60%;
+    height: 5%;
+    padding: 2px;
+    margin: 5px;
+    border: 2px solid #000000;
+}
+
+.contain1{
+    width: 100%;
+    height: 70px;
+    flex-direction: column;
+}
+
+.style5{
+    width: 50%;
+    height: 30px;
+    background-color: yellow;
+    border-image-source: url('/common/images/image.png');
+    border-image-slice: 1px 2px 3px 4px;
+    border-image-width: 2px 3px 4px 5px;
+    border-image-outset: 3px 4px 5px 6px;
+    border-image-repeat: repeat;
+}
+
+.style6{
+    width: 70px;
+    height: 30px;
+    position: absolute;
+    left: 10px;
+    top: 35px;
+    bottom: 5px;
+    right: 10px;
+    background-color: pink;
+    border-image: url('common/images/icon.png') 1px 2px 3px 4px 2px 3px 4px 5px 3px 4px 5px 6px round;
+}
+
+.style7 {
+    flex-direction: column;
+    flex-wrap:wrap;
+    justify-content:flex-start;
+    align-items: flex-end;
+    align-content:space-around;
+    display: flex;
+    height: 30px;
+}
+
+.flex-item {
+    width: 20px;
+    height: 20px;
+    border-radius: 16px;
+}
+
+.style8{
+    flex-direction: row;
+    flex-wrap:nowrap;
+    scrollbar-color: yellow;
+    scrollbar-width: 10px;
+    overscroll-effect:spring;
+    height: 20px;
+    overflow:scroll;
+}
+
+.style9{
+    display: grid;
+    height: 20px;
+    grid-template-columns: 20% 20%;
+    grid-columns-gap: 14px;
+    grid-rows-gap: 4px;
+    grid-template-rows: 15% 15%;
+}
+
+.color-primary {
+    color: #fff;
+    background-color: mediumpurple;
+}
+
+.color-warning {
+    font-size:24px;
+    background-color: pink;
+}
+
+.color-success {
+    allow-scale:true;
+    font-weight: 700;
+    background-color: cornflowerblue;
+}
+
+.grid-child {
+    width: 100%;
+    border-radius: 2px;
+}
+
+.grid-left-top {
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    border: 1px solid plum;
+    background: linear-gradient(pink, purple);
+    box-shadow: 0px 0px 1px 1px pink;
+    grid-row-start: 0;
+    grid-column-start: 0;
+    grid-row-end: 0;
+    grid-column-end: 0;
+}
+
+.grid-left-bottom {
+    width: 20px;
+    height: 20px;
+    border-radius: 5px;
+    border: 1px solid plum;
+    background: linear-gradient(pink, #00aaee);
+    box-shadow: 0px 0px 1px 1px pink;
+    grid-row-start: 1;
+    grid-column-start: 0;
+    grid-row-end: 1;
+    grid-column-end: 0;
+}
+
+.grid-right-top {
+    width: 20px;
+    height: 20px;
+    border-radius: 3px;
+    border: 1px dotted plum;
+    background: linear-gradient(mediumpurple, #00aaee);
+    box-shadow: 0px 0px 1px 1px pink;
+    grid-row-start: 0;
+    grid-column-start: 1;
+    grid-row-end: 0;
+    grid-column-end: 1;
+}
+
+.grid-right-bottom {
+    width: 20px;
+    height: 20px;
+    border-radius: 5px;
+    border: 1px dotted plum;
+    background: linear-gradient(pink, mediumpurple);
+    box-shadow: 0px 0px 2px 2px pink;
+    grid-row-start: 1;
+    grid-column-start: 1;
+    grid-row-end: 1;
+    grid-column-end: 1;
+}
+
+.event-container{
+    flex-direction: column;
+    flex-weight: 1;
+}
+
+.event1{
+    width: 60%;
+    height: 20px;
+    flex-weight: 1;
+    background-color: yellow;
+}
+
+.event2{
+    width: 70%;
+    height: 20px;
+    flex-weight: 1;
+    background-color: red;
+}
+
+.event3{
+    width: 80%;
+    height: 20px;
+    flex-weight: 1;
+    background-color: #ad4e2a;
+}
+
+.event4{
+    flex-direction: row;
+    width: 90%;
+    height: 20px;
+    flex-weight: 1;
+    overflow:scroll;
+}
+
+.prop-container{
+    flex-direction: column;
+}
+
+#prop1 {
+    color: #ad4e2a;
+    height: 20px;
+    background-color: mediumslateblue;
+    width: 100%;
+    margin: 5px;
+}
+
+.prop2 {
+    color: #343524;
+    height: 20px;
+    background-color: pink;
+    width: 100%;
+    margin: 5px;
+}
+
+.prop3 {
+    color: #456345;
+    height: 20px;
+    background-color: darkseagreen;
+    width: 100%;
+    margin: 5px;
+}
+
+.prop5 {
+    color: #831834;
+    line-cap: square;
+    margin: 5px;
+    height: 70px;
+}
+
+.ani-container{
+    flex-direction: column;
+    height: 100%;
+    flex-weight: 1;
+}
+
+.ani1{
+    color: #72ac33;
+    line-cap: square;
+    margin: 5px;
+    transform-origin: 0% 0%;
+    animation: ani1Go 3s infinite;
+}
+
+@keyframes ani1Go
+{
+    from {
+        background-color: #f76160;
+        opacity:0.3;
+        width:50px;
+        height: 50px;
+        transform:translate(20px) rotate(10deg) scale(0.2);
+        background-position:10% 10%
+    }
+    30% {
+        background-color: #60f761;
+        opacity:0.5;
+        width:70px;
+        height: 70px;
+        background-position:12% 12%;
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
+    }
+    to {
+        background-color: #6160f7;
+        opacity:1;
+        width:90px;
+        height: 90px;
+        background-position:22% 22%;
+        transform:rotate(180deg) scale(2)
+    }
+}
+
+.ani2{
+    color: #ad4e2a;
+    width: 55px;
+    height: 55px;
+    margin: 5px;
+}
+
+.gradient-container{
+    flex-direction: column;
+}
+
+.gradient1{
+    width: 100%;
+    height: 20px;
+    margin: 5px;
+    background: linear-gradient(red, #00ff00);
+}
+
+.gradient2{
+    width: 100%;
+    height: 20px;
+    margin: 5px;
+    background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0));
+}
+
+.gradient3{
+    width: 100%;
+    height: 20px;
+    margin: 5px;
+    background: linear-gradient(to right, rgb(255,0,0) 90px, rgb(0, 255, 0) 60%);
+}
+
+.gradient4{
+    width: 100%;
+    height: 20px;
+    margin: 5px;
+    background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px);
+}
+
+.access-container{
+    flex-direction: column;
+}
+
+.access1{
+    background-color: #321124;
+    margin: 5px;
+    width: 90%;
+    height: 30px;
+}
+
+.atom-container{
+    flex-direction: column;
+}
+
+.multiMode-container{
+    flex-direction: column;
+}
+
+.multiMode1{
+    background-color: #978666;
+    width: 100%;
+    height: 30px;
+    margin: 5px;
+}
+
+.function-container{
+    flex-direction: column;
+}
+
+.function1{
+    background-color: #ff0000;
+    width: 60%;
+    height: 20px;
+}
+
+.function2{
+    background-color: #00ff00;
+    width: 60%;
+    height: 20px;
+}
+
+.function3{
+    background-color: #0000ff;
+    width: 100%;
+    height: 20px;
+}
+
+.function4{
+    flex-direction: row;
+    width: 60%;
+    height: 20px;
+    overflow:scroll;
+}
+.flex-class{
+    margin-top: 5px;
+    width: 100%;
+    height: 30px;
+    display: flex;
+/*    background-color: #ee6363;*/
+    justify-content: space-around;
+    align-items: center;
+
+}
\ No newline at end of file
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/router/index.hml b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..8b6ad0485c43cbf7dae1be1c38a77f742ef82ead
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.hml
@@ -0,0 +1,308 @@
+<!--/**
+ * Copyright (c) 2022 Shenzhen kaiHong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */-->
+
+<div class="container">
+    <div class="sub-container">
+        <div class="style-container">
+            <text class="title">
+                通用样式
+            </text>
+            <text class="sub-title">
+                通用样式1
+            </text>
+            <marquee class="style1">
+            </marquee>
+            <text  class="sub-title">
+               通用样式2
+            </text>
+            <marquee class="style2">
+            </marquee>
+            <text class="sub-title">
+                通用样式3
+            </text>
+            <marquee class="style3">
+            </marquee>
+            <text  class="sub-title">
+                通用样式4
+            </text>
+            <marquee class="style4">
+            </marquee>
+            <text  class="sub-title">
+                通用样式5
+            </text>
+            <div class="contain1">
+                <marquee class="style5">
+                </marquee>
+                <marquee class="style6">
+                </marquee>
+            </div>
+            <text  class="sub-title">
+                特有样式
+            </text>
+            <div class="style7">
+                <marquee class="flex-item color-primary">
+                </marquee>
+                <marquee class="flex-item color-warning">
+                </marquee>
+                <marquee class="flex-item color-success">
+                </marquee>
+            </div>
+        </div>
+        <divider style="color: #000000; stroke-width: 2px;" vertical="false">
+        </divider>
+        <div class="ani-container">
+            <text class="title">
+                动画样式
+            </text>
+            <text class="sub-title">
+                动画样式1
+            </text>
+            <marquee class="ani1" >
+            </marquee>
+            <text class="sub-title">
+                动画样式2
+            </text>
+            <marquee class="ani2" >
+            </marquee>
+        </div>
+    </div>
+
+    <div style="background-color: #000000; width: 2px; height: 100%;">
+    </div>
+
+    <div class="sub-container">
+        <div class="prop-container">
+            <text class="title">
+                通用属性
+            </text>
+            <text class="sub-title">
+                通用属性1
+            </text>
+            <marquee id="prop1" class="prop1"
+                 disabled = "true" focusable ="true"
+                 data-name ="prop1" click-effect="spring-medium"
+                 dir ="rtl">
+            </marquee>
+            <text  class="sub-title">
+                通用属性2
+            </text>
+            <marquee class="prop2" ref ="prop2"
+                 disabled = "false" focusable ="false"
+                 data-name ="prop2" click-effect="spring-large"
+                 dir ="ltr">
+            </marquee>
+            <text  class="sub-title">
+                通用属性3
+            </text>
+            <marquee style="color: #679855; margin: 2px;" class="prop3">
+            </marquee>
+            <text  class="sub-title">
+                特有属性
+            </text>
+            <marquee style="color: #679855; margin: 5px;" class="prop3"
+                     crollamount="10" loop="-1" direction="right">
+                特有属性
+            </marquee>
+        </div>
+        <div style="background-color: #000000; width: 100%; height: 2px;">
+        </div>
+        <div class="event-container" >
+            <text class="title">
+                通用事件
+            </text>
+            <text  class="sub-title">
+                通用事件1
+            </text>
+            <marquee class ="event1" ontouchstart="touchStart" ontouchmove="touchMove"
+                 ontouchend="touchEnd" ontouchcancel="touchCancel">
+            </marquee>
+            <text  class="sub-title">
+                通用事件2
+            </text>
+            <marquee class ="event2" onclick="click" ondoubleclick="doubleClick"
+                 onlongpress="longPress" onfocus="focus" onblur="blur" onkey="key"
+                 onswipe="swipe" onattached="attached" ondetached="detached">
+            </marquee>
+            <text  class="sub-title">
+                通用事件3
+            </text>
+            <marquee class ="event3" onpinchstart="pinchStart" onpinchupdate="pinchUpdate"
+                 onpinchend="pinchEnd" onpinchcancel="pinchCancel"
+                 ondragstart="dragStart" ondrag="drag"
+                 ondragend="dragEnd" ondragenter="dragEnter"
+                 ondragover="dragOver" ondragleave="dragLeave"
+                 ondrop="drop">
+            </marquee>
+            <text  class="sub-title">
+                特有事件1
+            </text>
+            <div class ="event4" onreachstart="reachStart" onreachend="reachEnd">
+                <marquee id="customMarquee" loop="4" onbounce="onMarqueeBounce" onstart="onMarqueeStart" onfinish="onMarqueeFinish" style="height: 100%; width: 100%; background-color: red; margin-left: 10px;">
+                特有事件----</marquee>
+            </div>
+        </div>
+        <div style="background-color: #000000; width: 100%; height: 2px;">
+        </div>
+        <div class="function-container">
+            <text class="title">
+                通用方法
+            </text>
+            <text class="sub-title">
+                通用方法1
+            </text>
+            <marquee id="function1" class="function1" ontouchstart="functionTest1">
+            </marquee>
+            <text class="sub-title">
+                通用方法2
+            </text>
+            <marquee id="function2" class="function2" ontouchstart="functionTest2">
+            </marquee>
+            <text class="sub-title">
+                通用方法3
+            </text>
+            <marquee id="function3" class="function3" ontouchstart="functionTest3">
+            </marquee>
+            <text class="sub-title">
+                特有方法
+            </text>
+            <div class="flex-class">
+                <button onclick="onStartClick">
+                    滚动
+                </button>
+                <button onclick="onStopClick">
+                    停止
+                </button>
+
+            </div>
+        </div>
+    </div>
+
+    <div style="background-color: #000000; width: 2px; height: 100%;">
+    </div>
+
+    <div class="sub-container">
+        <div class="gradient-container">
+            <text class="title">
+                渐变样式
+            </text>
+            <text class="sub-title">
+                渐变样式1
+            </text>
+            <marquee class="gradient1">
+            </marquee>
+            <text  class="sub-title">
+                渐变样式2
+            </text>
+            <marquee class="gradient2">
+            </marquee>
+            <text  class="sub-title">
+                渐变样式3
+            </text>
+            <marquee class="gradient3">
+            </marquee>
+            <text  class="sub-title">
+                渐变样式4
+            </text>
+            <marquee class="gradient4">
+            </marquee>
+        </div>
+        <div style="background-color: #000000; width: 100%; height: 2px;">
+        </div>
+        <div class="accessibility-container">
+            <text class="title">
+                无障碍
+            </text>
+            <text class="sub-title">
+                无障碍1
+            </text>
+            <marquee class="accessibility1" accessibilitygroup ="true"
+                 accessibilitytext="这是div"
+                 accessibilitydescription="点击此按键会弹出一个对话框"
+                 accessibilityimportance="no-hide-descendants">
+            </marquee>
+        </div>
+        <div style="background-color: #000000; width: 100%; height: 2px;">
+        </div>
+        <div class="atom-container">
+            <text class="title">
+                原子布局
+            </text>
+            <text class="sub-title">
+                原子布局1
+            </text>
+            <div style="flex-direction: row;height: 30px;width: 100%;">
+                <marquee style="width:20px;height:20px;background-color: blue;display-index: 1;">
+                </marquee>
+                <marquee style="width:30px; height:20px;background-color: black;display-index: 5;">
+                </marquee>
+                <marquee style="width:40px; height:20px;background-color: yellow;display-index: 4;">
+                </marquee>
+                <marquee style="width:10px; height:20px;background-color: red;display-index: 3;">
+                </marquee>
+                <marquee style="width:25px; height:20px;background-color:pink;display-index: 7;">
+                </marquee>
+                <marquee style="width:15px; height:20px;background-color: palegoldenrod;display-index: 2;">
+                </marquee>
+            </div>
+            <text class="sub-title">
+                原子布局2
+            </text>
+            <div style="flex-direction: row;height: 30px;width: 100%;">
+                <marquee style="height:20px;background-color: blue;flex-weight: 1;">
+                </marquee>
+                <marquee style="height:20px;background-color: black;flex-weight: 5;">
+                </marquee>
+                <marquee style="height:20px;background-color: yellow;flex-weight: 4;">
+                </marquee>
+                <marquee style="height:20px;background-color: red;flex-weight: 3;">
+                </marquee>
+                <marquee style="height:20px;background-color:pink;flex-weight: 7;">
+                </marquee>
+                <marquee style="height:20px;background-color: palegoldenrod;flex-weight: 2;">
+                </marquee>
+            </div>
+            <text class="sub-title">
+                原子布局3
+            </text>
+            <div style="flex-direction: row;height:60px;width: 100%;">
+                <marquee style="width:30px;background-color: blue;aspect-ratio: 0.6;">
+                </marquee>
+                <marquee style="width:30px;background-color: black;aspect-ratio:0.5;">
+                </marquee>
+                <marquee style="width:30px;background-color: yellow;aspect-ratio: 1.5;">
+                </marquee>
+                <marquee style="width:30px;background-color: red;aspect-ratio: 1.3;">
+                </marquee>
+                <marquee style="width:30px;background-color:pink;aspect-ratio: 1;">
+                </marquee>
+                <marquee style="width:30px;background-color: palegoldenrod;aspect-ratio:2;">
+                </marquee>
+            </div>
+            <div style="background-color: #000000; width: 100%; height: 2px;">
+            </div>
+            <div class="multiMode-container">
+                <text class="title">
+                    多模输入
+                </text>
+                <text class="sub-title">
+                    多模输入1
+                </text>
+                <marquee class="multiMode1" voicelabel = "voice"
+                     subscriptflag="on" subscriptlabel="div" scenelabel="common">
+                </marquee>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/router/index.js b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..b5106a4791950cc1c91a4d210a3ff309b76e007b
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/router/index.js
@@ -0,0 +1,522 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import prompt from '@system.prompt';
+
+var options = {
+    duration: 1500,
+    easing: 'friction',
+    delay: 100,
+    fill: 'forwards',
+    iterations: 2,
+    direction: 'normal',
+};
+var frames = [
+    {
+        transform: {
+            translate: '-120px',
+            rotate:'10deg',
+            scale:0.2,
+            skew:'40deg'
+        },
+        opacity: 0.1,
+        offset: 0.0,
+        width: '40%',
+        height:'20px',
+        backgroundColor:'#ff0000',
+        backgroundPosition:'10px 20px',
+        transformOrigin:'left top'
+    },
+    {
+        transform: {
+            translateX: '0px',
+            translateY: '5px',
+            rotateX:'10deg',
+            rotateY:'10deg',
+            scaleX:0.5,
+            scaleY:0.7,
+            skewX:'22deg',
+            skewY:'30deg'
+        },
+        opacity: 0.6,
+        offset: 2.0,
+        width: '60%',
+        height:'30px',
+        backgroundColor:'#ff00ff',
+        backgroundPosition:'15px 25px',
+        transformOrigin:'center top'
+    },
+    {
+        transform: {
+            translateX: '100px',
+            translateY: '0px',
+            translateZ: '20px',
+            rotateX:'0deg',
+            rotateY:'0deg',
+            rotateZ:'30deg',
+            scaleX:1,
+            scaleY:1,
+            scaleZ:2,
+            skewX:'0',
+            skewY:'0',
+            skewZ:'30deg'
+        },
+        opacity: 1,
+        offset: 0.0,
+        width: '100%',
+        height:'30px',
+        backgroundColor:'#ffff00',
+        backgroundPosition:'0px',
+        transformOrigin:'center center'
+    },
+];
+
+export default {
+
+    onShow(){
+        // 通用属性
+        var prop1 =  this.$element('prop1');
+        var name1 = prop1.dataSet.name
+        var prop2 =  this.$refs.prop2;
+        var name2 = prop2.dataSet.name
+        prompt.showToast({
+            message: 'prop1--' + name1 + '\nprop2--' + name2
+        });
+    },
+
+    touchStart(event){
+        var globalX = event.touches[0].globalX
+        var globalY = event.touches[0].globalY
+        var localX = event.touches[0].localX
+        var localY = event.touches[0].localY
+        var size = event.touches[0].size
+        var force = event.touches[0].force
+        var changeGlobalX = event.changedTouches[0].globalX
+        var changeGlobalY = event.changedTouches[0].globalY
+        var changeLocalX = event.changedTouches[0].localX
+        var changeLocalY = event.changedTouches[0].localY
+        var changeSize = event.changedTouches[0].size
+        var changeForce = event.changedTouches[0].force
+        var message = 'globalX--' + globalX + ',globalY--' + globalY +
+        ',localX--' + localX + ',localY--' + localY  + ',size--' + size + ',force--' + force +
+        ',changeGlobalX--' + changeGlobalX + ',changeGlobalY--' + changeGlobalY +
+        ',changeLocalX--' + changeLocalX + ',changeLocalY--' + changeLocalY  +
+        ',changeSize--' + changeSize + ',changeForce--' + changeForce;
+        prompt.showToast({
+            message: 'touchstart:\n' + message
+        });
+    },
+
+    touchMove(event){
+        var globalX = event.touches[0].globalX
+        var globalY = event.touches[0].globalY
+        var localX = event.touches[0].localX
+        var localY = event.touches[0].localY
+        var size = event.touches[0].size
+        var force = event.touches[0].force
+        var changeGlobalX = event.changedTouches[0].globalX
+        var changeGlobalY = event.changedTouches[0].globalY
+        var changeLocalX = event.changedTouches[0].localX
+        var changeLocalY = event.changedTouches[0].localY
+        var changeSize = event.changedTouches[0].size
+        var changeForce = event.changedTouches[0].force
+        var message = 'globalX--' + globalX + ',globalY--' + globalY +
+        ',localX--' + localX + ',localY--' + localY  + ',size--' + size + ',force--' + force +
+        ',changeGlobalX--' + changeGlobalX + ',changeGlobalY--' + changeGlobalY +
+        ',changeLocalX--' + changeLocalX + ',changeLocalY--' + changeLocalY  +
+        ',changeSize--' + changeSize + ',changeForce--' + changeForce;
+        prompt.showToast({
+            message: 'touchMove:\n' +message
+        });
+    },
+
+    touchEnd(event){
+        var globalX = event.touches[0].globalX
+        var globalY = event.touches[0].globalY
+        var localX = event.touches[0].localX
+        var localY = event.touches[0].localY
+        var size = event.touches[0].size
+        var force = event.touches[0].force
+        var changeGlobalX = event.changedTouches[0].globalX
+        var changeGlobalY = event.changedTouches[0].globalY
+        var changeLocalX = event.changedTouches[0].localX
+        var changeLocalY = event.changedTouches[0].localY
+        var changeSize = event.changedTouches[0].size
+        var changeForce = event.changedTouches[0].force
+        var message = 'globalX--' + globalX + ',globalY--' + globalY +
+        ',localX--' + localX + ',localY--' + localY  + ',size--' + size + ',force--' + force +
+        ',changeGlobalX--' + changeGlobalX + ',changeGlobalY--' + changeGlobalY +
+        ',changeLocalX--' + changeLocalX + ',changeLocalY--' + changeLocalY  +
+        ',changeSize--' + changeSize + ',changeForce--' + changeForce;
+        prompt.showToast({
+            message: 'touchEnd:\n' +message
+        });
+    },
+
+    touchCancel(event){
+        var globalX = event.touches[0].globalX
+        var globalY = event.touches[0].globalY
+        var localX = event.touches[0].localX
+        var localY = event.touches[0].localY
+        var size = event.touches[0].size
+        var force = event.touches[0].force
+        var changeGlobalX = event.changedTouches[0].globalX
+        var changeGlobalY = event.changedTouches[0].globalY
+        var changeLocalX = event.changedTouches[0].localX
+        var changeLocalY = event.changedTouches[0].localY
+        var changeSize = event.changedTouches[0].size
+        var changeForce = event.changedTouches[0].force
+        var message = 'globalX--' + globalX + ',globalY--' + globalY +
+        ',localX--' + localX + ',localY--' + localY  + ',size--' + size + ',force--' + force +
+        ',changeGlobalX--' + changeGlobalX + ',changeGlobalY--' + changeGlobalY +
+        ',changeLocalX--' + changeLocalX + ',changeLocalY--' + changeLocalY  +
+        ',changeSize--' + changeSize + ',changeForce--' + changeForce;
+        prompt.showToast({
+            message: 'touchCancel:\n' +message
+        });
+    },
+
+    click(){
+        prompt.showToast({
+            message: 'click'
+        });
+    },
+
+    doubleClick(){
+        prompt.showToast({
+            message: 'doubleClick'
+        });
+    },
+
+    longPress(){
+        prompt.showToast({
+            message: 'longPress'
+        });
+    },
+
+    focus(){
+        prompt.showToast({
+            message: 'focus'
+        });
+    },
+
+    blur(){
+        prompt.showToast({
+            message: 'blur'
+        });
+    },
+
+    key(event){
+        var code = event.code;
+        var action = event.action;
+        var repeatCount = event.repeatCount;
+        var timestampStart = event.timestampStart;
+        var message = 'code--' + code + ',action--' + action +
+        ',repeatCount--' + repeatCount + ',timestampStart--' + timestampStart;
+        prompt.showToast({
+            message: 'key:\n' + message
+        });
+    },
+
+    swipe(event){
+        var direction = event.direction;
+        var distance = event.distance;
+        var message = 'direction--' + direction + ',distance--' + distance;
+        prompt.showToast({
+            message: 'swipe:\n' + message
+        });
+    },
+
+    attached(){
+        prompt.showToast({
+            message: 'attached'
+        });
+    },
+
+    detached(){
+        prompt.showToast({
+            message: 'detached'
+        });
+    },
+
+//
+    onMarqueeBounce: function() {
+        console.log("onMarqueeBounce");
+        prompt.showToast({
+            message: 'Bounce'
+        });
+    },
+    onMarqueeStart: function() {
+        console.log("onMarqueeStart");
+        prompt.showToast({
+            message: 'Start'
+        });
+    },
+    onMarqueeFinish: function() {
+        console.log("onMarqueeFinish");
+        prompt.showToast({
+            message: 'Finish'
+        });
+    },
+    onStartClick (evt) {
+        this.$element('customMarquee').start();
+        prompt.showToast({
+            message: 'Start'
+        });
+    },
+    onStopClick (evt) {
+        this.$element('customMarquee').stop();
+        prompt.showToast({
+            message: 'Stop'
+        });
+    },
+//
+
+    pinchStart(event){
+        var scale = event.scale
+        var pinchCenterX = event.pinchCenterX
+        var pinchCenterY = event.pinchCenterY
+        var message = 'scale--' + scale + ',pinchCenterX--' + pinchCenterX +
+        ',pinchCenterY--' + pinchCenterY;
+        prompt.showToast({
+            message: 'pinchStart:\n' + message
+        });
+    },
+
+    pinchUpdate(event){
+        var scale = event.scale
+        var pinchCenterX = event.pinchCenterX
+        var pinchCenterY = event.pinchCenterY
+        var message = 'scale--' + scale + ',pinchCenterX--' + pinchCenterX +
+        ',pinchCenterY--' + pinchCenterY;
+        prompt.showToast({
+            message: 'pinchUpdate:\n' + message
+        });
+    },
+
+    pinchEnd(event){
+        var scale = event.scale
+        var pinchCenterX = event.pinchCenterX
+        var pinchCenterY = event.pinchCenterY
+        var message = 'scale--' + scale + ',pinchCenterX--' + pinchCenterX +
+        ',pinchCenterY--' + pinchCenterY;
+        prompt.showToast({
+            message: 'pinchUpdate:\n' + message
+        });
+    },
+
+    pinchCancel(event){
+        var scale = event.scale
+        var pinchCenterX = event.pinchCenterX
+        var pinchCenterY = event.pinchCenterY
+        var message = 'scale--' + scale + ',pinchCenterX--' + pinchCenterX +
+        ',pinchCenterY--' + pinchCenterY;
+        prompt.showToast({
+            message: 'pinchCancel:\n' + message
+        });
+    },
+
+    dragStart(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'dragStart:\n' + message
+        });
+    },
+
+    drag(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'drag:\n' + message
+        });
+    },
+
+    dragEnd(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'dragEnd:\n' + message
+        });
+    },
+
+    dragEnter(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'dragEnter:\n' + message
+        });
+    },
+
+    dragOver(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'dragOver:\n' + message
+        });
+    },
+
+    dragLeave(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'dragLeave:\n' + message
+        });
+    },
+
+    drop(event){
+        var type = event.type
+        var globalX = event.globalX
+        var globalY = event.globalY
+        var timestamp = event.timestamp
+        var message = 'type--' + type + ',globalX--' + globalX +
+        ',globalY--' + globalY + ',timestamp--' + timestamp;
+        prompt.showToast({
+            message: 'drop:\n' + message
+        });
+    },
+
+    functionTest1(event){
+        var function1 =  this.$element('function1');
+        function1.focus(true)
+        var rect = function1.getBoundingClientRect();
+        var width = rect.width;
+        var height = rect.height;
+        var left = rect.left;
+        var top = rect.top;
+        var message = 'width--' + width + ',height--' + height +
+        ',left--' + left + ',top--' + top;
+        prompt.showToast({
+            message: 'function1 rect:\n' + message
+        });
+    },
+
+    functionTest2(event){
+        var function2 =  this.$element('function2');
+        let observer = function2.createIntersectionObserver({
+            ratios: [0.2, 0], // number
+        });
+        observer.observe((isVisible, ratio)=> {
+            console.info('this element is ' + isVisible + 'ratio is ' + ratio)
+            prompt.showToast({
+                message: 'function2 observer:\n' + 'isVisible--' + isVisible + ',ratio--' + ratio
+            });
+        })
+
+        observer.unobserve()
+    },
+
+    functionTest3(event){
+        var function3 =  this.$element('function3');
+
+        var animation = function3.animate(frames, options);
+        animation.play()
+        animation.onfinish = function(){
+            prompt.showToast({
+                message: 'The animation is finished.'
+            });
+        };
+
+        animation.oncancel = function(){
+            prompt.showToast({
+                message: 'The animation is canceled.'
+            });
+        };
+
+        animation.onrepeat = function(){
+            prompt.showToast({
+                message: 'The animation is repeated.'
+            });
+        };
+
+        setTimeout(() => {
+            animation.reverse()
+        }, 500)
+
+        setTimeout(() => {
+            animation.pause()
+        }, 1000)
+
+        setTimeout(() => {
+            animation.cancel()
+        }, 1500)
+    },
+
+    functionTest4(event){
+        var function4 =  this.$element('function4');
+        var scrollOffset = function4.getScrollOffset();
+        var x = scrollOffset.x;
+        var y = scrollOffset.y;
+        var message = 'x--' + x + ',y--' + y;
+        prompt.showToast({
+            message: 'functionTest4 scrollOffset:\n' + message
+        });
+
+        var scrollParam = {
+            dx:60,
+            dy:0,
+            smooth:true
+        }
+        function4.scrollBy(scrollParam)
+    },
+
+    reachStart(){
+        prompt.showToast({
+            message: 'reachStart'
+        });
+    },
+
+    reachEnd(){
+        prompt.showToast({
+            message: 'reachEnd'
+        });
+    },
+
+    reachTop(){
+        prompt.showToast({
+            message: 'reachTop'
+        });
+    },
+
+    reachBottom(){
+        prompt.showToast({
+            message: 'reachBottom'
+        });
+    }
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/style/index.css b/ace/ace_standard/src/main/js/default/pages/marquee/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/style/index.hml b/ace/ace_standard/src/main/js/default/pages/marquee/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/marquee/style/index.js b/ace/ace_standard/src/main/js/default/pages/marquee/style/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..336492c8796cfa5ad4c6daef37793e77aebe4d8a
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/marquee/style/index.js
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
diff --git a/ace/ace_standard/src/main/js/default/pages/search/prop/index.css b/ace/ace_standard/src/main/js/default/pages/search/prop/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..5c11e2c2b47b8c4fffa3df0ffd243d9ecf9701b4
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/search/prop/index.css
@@ -0,0 +1,500 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.container {
+  flex-direction:row;
+  width:100%;
+  height:100%;
+}
+
+.title{
+  width: 100%;
+  font-size: 18px;
+  margin: 2px;
+  padding: 2px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.sub-title{
+  width: 100%;
+  font-size: 14px;
+  text-align: left;
+  margin: 2px;
+  padding: 2px;
+}
+
+.prop-container{
+  flex-direction: column;
+  flex-weight: 1;
+}
+
+#idProp {
+  flex-weight: 1;
+  background-color:#f00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+.classProp {
+  flex-weight: 1;
+  background-color:#0f0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#classPropNone {
+  flex-weight: 1;
+  background-color:#0000e0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#refProp {
+  flex-weight: 1;
+  background-color:#00f000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#refPropNone {
+  flex-weight: 1;
+  background-color:#00000e;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropTrue {
+  flex-weight: 1;
+  background-color:#000f00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropFalse {
+  flex-weight: 1;
+  background-color:#0000f0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#disabledPropNone {
+  flex-weight: 1;
+  background-color:#d00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropTrue {
+  flex-weight: 1;
+  background-color:#00000f;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropFalse {
+  flex-weight: 1;
+  background-color:#ff0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#focusablePropNone {
+  flex-weight: 1;
+  background-color:#0d0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataProp {
+  flex-weight: 1;
+  background-color:#0ff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dataPropNone {
+  flex-weight: 1;
+  background-color:#00d000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropSmall {
+  height: 15px;
+  background-color:#00ff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropMedium {
+  height: 15px;
+  background-color:#000ff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropLarge {
+  height: 15px;
+  background-color:#fff000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#clickEffectPropNone{
+  height: 15px;
+  background-color:#000d00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropRtl {
+  flex-weight: 1;
+  background-color:#0fff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropAuto {
+  flex-weight: 1;
+  background-color:#00fff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropLtr {
+  flex-weight: 1;
+  background-color:#000fff;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#dirPropNone {
+  flex-weight: 1;
+  background-color:#0000d0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropNull {
+  flex-weight: 1;
+  background-color:#ffff00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropOne {
+  flex-weight: 1;
+  background-color:#00e000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#forPropThree {
+  flex-weight: 1;
+  background-color:#000e00;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#ifPropTrue {
+  flex-weight: 1;
+  background-color:#0ffff0;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropTrue {
+  flex-weight: 1;
+  background-color:#e00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropFalse {
+  flex-weight: 1;
+  background-color:#0e0000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#showPropNone {
+  flex-weight: 1;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+.specific-container{
+  flex-direction: column;
+  flex-weight: 1;
+}
+
+#typeArc{
+  height: 30px;
+  margin-bottom: 20px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+#typeCapsule{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#typeCircle{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#typeText{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#typeDownload{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#typeNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#value{
+  height: 15px;
+  font-size: 10px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+#valueNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#icon{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#iconNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#hintNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#hint{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#searchbuttonNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#searchbutton{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#menuoptionsNone{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+#menuoptions{
+  height: 15px;
+  margin-bottom: 3px;
+  background-color:#c00000;
+  width: 100%;
+  margin-left: 10px;
+  margin-right: 10px;
+  padding-start: 10px;
+  padding-end: 10px;
+}
+
+
+
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/pages/search/prop/index.hml b/ace/ace_standard/src/main/js/default/pages/search/prop/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..9519c6224c6e7743e726194fa975762af8648244
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/search/prop/index.hml
@@ -0,0 +1,211 @@
+<!--/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */-->
+
+<div class="container">
+    <div class="prop-container">
+        <text class="title">
+            search通用属性
+        </text>
+
+        <text class="sub-title">
+            通用属性 -- id
+        </text>
+        <search id="idProp">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- class
+        </text>
+        <search id="classProp"
+             class="classProp">
+        </search>
+        <search id="classPropNone"
+             class="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- style
+        </text>
+        <search id="styleProp"
+             style="width:10%;height:20px;background-color:red">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- ref
+        </text>
+        <search id="refProp"
+             ref="refProp">
+        </search>
+        <search id="refPropNone"
+             ref="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- disabled
+        </text>
+        <search id="disabledPropTrue"
+             disabled="true">
+        </search>
+        <search id="disabledPropFalse"
+             disabled="false">
+        </search>
+        <search id="disabledPropNone"
+             disabled="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- focusable
+        </text>
+        <search id="focusablePropTrue"
+             focusable="true">
+        </search>
+        <search id="focusablePropFalse"
+             focusable="false">
+        </search>
+        <search id="focusablePropNone"
+             focusable="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- data-*
+        </text>
+        <search id="dataProp"
+             data-search="通用属性 -- data-*">
+        </search>
+        <search id="dataPropNone"
+             data-search="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- click-effect
+        </text>
+        <search id="clickEffectPropSmall"
+             click-effect="spring-small">
+        </search>
+        <search id="clickEffectPropMedium"
+             click-effect="spring-medium">
+        </search>
+        <search id="clickEffectPropLarge"
+             click-effect="spring-large">
+        </search>
+        <search id="clickEffectPropNone"
+             click-effect="">
+        </search>
+
+        <text class="sub-title">
+            通用属性 -- dir
+        </text>
+        <search id="dirPropRtl"
+             dir="rtl">
+        </search>
+        <search id="dirPropAuto"
+             dir="auto">
+        </search>
+        <search id="dirPropLtr"
+             dir="ltr">
+        </search>
+        <search id="dirPropNone"
+             dir="">
+        </search>
+
+        <text class="sub-title">
+            渲染属性 -- for
+        </text>
+        <search id="forPropNull"
+             for="">
+        </search>
+        <search id="forPropOne"
+             for="{{listOne}}">
+        </search>
+        <search id="forPropThree"
+             for="{{listThree}}">
+        </search>
+
+        <text class="sub-title">
+            渲染属性 -- if
+        </text>
+        <search id="ifPropTrue"
+             if="true">
+        </search>
+
+        <text class="sub-title">
+            渲染属性 -- show
+        </text>
+        <search id="showPropTrue"
+             show="true">
+        </search>
+        <search id="showPropFalse"
+             show="false">
+        </search>
+        <search id="showPropNone"
+             show="">
+        </search>
+    </div>
+
+    <div style="background-color: #000000; width: 2px; height: 100%;">
+    </div>
+    <div class="specific-container">
+        <text class="title">
+            search特有属性
+        </text>
+        <text class="sub-title">
+            特有属性 -- value
+        </text>
+        <search id="value"
+                value="text">
+        </search>
+        <search id="valueNone"
+                value="">
+        </search>
+
+        <text class="sub-title">
+            特有属性 -- icon
+        </text>
+        <search id="icon"
+                icon="common/images/image.png">
+        </search>
+        <search id="iconNone"
+                icon="">
+        </search>
+
+        <text class="sub-title">
+            特有属性 -- hint
+        </text>
+        <search id="hintNone"
+                hint="">
+        </search>
+        <search id="hint"
+                hint="提示">
+        </search>
+        <text class="sub-title">
+            特有属性 -- searchbutton
+        </text>
+        <search id="searchbuttonNone"
+                searchbutton="">
+        </search>
+        <search id="searchbutton"
+                searchbutton="按钮">
+        </search>
+        <text class="sub-title">
+            特有属性 -- menuoptions
+        </text>
+        <search id="menuoptionsNone"
+                  menuoptions="">
+        </search>
+        <search id="menuoptions"
+                  menuoptions="{{OptionArray}}">
+        </search>
+    </div>
+</div>
diff --git a/ace/ace_standard/src/main/js/default/pages/search/prop/index.js b/ace/ace_standard/src/main/js/default/pages/search/prop/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..9a4be64ce7664a4c929d3cdaefb89a9e7aedcf8d
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/search/prop/index.js
@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import prompt from '@system.prompt';
+
+export default {
+    data:{
+OptionArray:{icon:"common/images/icon.png",content:"复制"},
+        listOne:[{}],
+        listThree:[{},{},{}],
+        idProp : null,
+        classProp : null,
+        classPropNone : null,
+        styleProp : null,
+        refProp : null,
+        refPropNone : null,
+        disabledPropTrue : null,
+        disabledPropFalse : null,
+        disabledPropNone : null,
+        focusablePropTrue : null,
+        focusablePropFalse : null,
+        focusablePropNone : null,
+        dataProp : null,
+        dataPropNone : null,
+        clickEffectPropSmall : null,
+        clickEffectPropMedium : null,
+        clickEffectPropLarge : null,
+        clickEffectPropNone : null,
+        dirPropRtl : null,
+        dirPropAuto : null,
+        dirPropLtr : null,
+        dirPropNone : null,
+        forPropNull : null,
+        forPropOne : null,
+        forPropThree : null,
+        ifPropTrue : null,
+        showPropTrue : null,
+        showPropFalse : null,
+        showPropNone : null,
+
+        value : null,
+        valueNone : null,
+        icon : null,
+        iconNone : null,
+        hintNone : null,
+        hint : null,
+        searchbuttonNone : null,
+        searchbutton : null,
+        menuoptionsNone : null,
+        menuoptions : null,
+    },
+    onShow(){
+        this.getCommonPropValues();
+        this.getSpecificPropValues();
+        globalThis.value = {
+            idProp : this.idProp, classProp : this.classProp, classPropNone : this.classPropNone,
+            styleProp : this.styleProp, refProp : this.refProp, refPropNone : this.refPropNone,
+            disabledPropTrue : this.disabledPropTrue, disabledPropFalse : this.disabledPropFalse,
+            disabledPropNone : this.disabledPropNone, focusablePropTrue : this.focusablePropTrue,
+            focusablePropFalse : this.focusablePropFalse, focusablePropNone : this.focusablePropNone,
+            dataProp : this.dataProp, dataPropNone : this.dataPropNone,
+            clickEffectPropSmall : this.clickEffectPropSmall,
+            clickEffectPropMedium : this.clickEffectPropMedium,
+            clickEffectPropLarge : this.clickEffectPropLarge,
+            clickEffectPropNone : this.clickEffectPropNone, dirPropRtl : this.dirPropRtl,
+            dirPropAuto : this.dirPropAuto,
+            dirPropLtr : this.dirPropLtr, dirPropNone : this.dirPropNone, forPropNull : this.forPropNull,
+            forPropOne : this.forPropOne, forPropThree : this.forPropThree, ifPropTrue : this.ifPropTrue,
+            showPropTrue : this.showPropTrue, showPropFalse : this.showPropFalse, showPropNone : this.showPropNone,
+
+            value : this.value,
+            valueNone : this.valueNone,
+            icon : this.icon,
+            iconNone : this.iconNone,
+            hintNone :  this.hintNone,
+            hint :  this.hint,
+            searchbuttonNone :  this.searchbuttonNone,
+            searchbutton :  this.searchbutton,
+            menuoptionsNone :  this.menuoptionsNone,
+            menuoptions :  this.menuoptions,
+
+
+        }
+    },
+    getCommonPropValues(){
+        this.idProp = this.$element("idProp").getInspector()
+        this.classProp = this.$element("classProp").getInspector()
+        this.classPropNone = this.$element("classPropNone").getInspector()
+        this.styleProp = this.$element("styleProp").getInspector()
+        this.refProp = this.$element("refProp").getInspector()
+        this.refPropNone = this.$element("refPropNone").getInspector()
+        this.disabledPropTrue = this.$element("disabledPropTrue").getInspector()
+        this.disabledPropFalse = this.$element("disabledPropFalse").getInspector()
+        this.disabledPropNone = this.$element("disabledPropNone").getInspector()
+        this.focusablePropTrue = this.$element("focusablePropTrue").getInspector()
+        this.focusablePropFalse = this.$element("focusablePropFalse").getInspector()
+        this.focusablePropNone = this.$element("focusablePropNone").getInspector()
+        this.dataProp = this.$element("dataProp").getInspector()
+        this.dataPropNone = this.$element("dataPropNone").getInspector()
+        this.clickEffectPropSmall = this.$element("clickEffectPropSmall").getInspector()
+        this.clickEffectPropMedium = this.$element("clickEffectPropMedium").getInspector()
+        this.clickEffectPropLarge = this.$element("clickEffectPropLarge").getInspector()
+        this.clickEffectPropNone = this.$element("clickEffectPropNone").getInspector()
+        this.dirPropRtl = this.$element("dirPropRtl").getInspector()
+        this.dirPropAuto = this.$element("dirPropAuto").getInspector()
+        this.dirPropLtr = this.$element("dirPropLtr").getInspector()
+        this.dirPropNone = this.$element("dirPropNone").getInspector()
+        this.forPropNull = this.$element("forPropNull").getInspector()
+        this.forPropOne = this.$element("forPropOne").getInspector()
+        this.forPropThree = this.$element("forPropThree").getInspector()
+        this.ifPropTrue = this.$element("ifPropTrue").getInspector()
+        this.showPropTrue = this.$element("showPropTrue").getInspector()
+        this.showPropFalse = this.$element("showPropFalse").getInspector()
+        this.showPropNone = this.$element("showPropNone").getInspector()
+    },
+    getSpecificPropValues(){
+
+        this.value = this.$element("value").getInspector()
+        this.valueNone = this.$element("valueNone").getInspector()
+        this.icon = this.$element("icon").getInspector()
+        this.iconNone = this.$element("iconNone").getInspector()
+        this.hintNone = this.$element("hintNone").getInspector()
+        this.hint = this.$element("hint").getInspector()
+        this.searchbuttonNone = this.$element("searchbuttonNone").getInspector()
+        this.searchbutton = this.$element("searchbutton").getInspector()
+        this.menuoptionsNone = this.$element("menuoptionsNone").getInspector()
+        this.menuoptions = this.$element("menuoptions").getInspector()
+
+    }
+}
diff --git a/ace/ace_standard/src/main/js/default/pages/search/index.css b/ace/ace_standard/src/main/js/default/pages/search/router/index.css
similarity index 100%
rename from ace/ace_standard/src/main/js/default/pages/search/index.css
rename to ace/ace_standard/src/main/js/default/pages/search/router/index.css
diff --git a/ace/ace_standard/src/main/js/default/pages/search/index.hml b/ace/ace_standard/src/main/js/default/pages/search/router/index.hml
similarity index 100%
rename from ace/ace_standard/src/main/js/default/pages/search/index.hml
rename to ace/ace_standard/src/main/js/default/pages/search/router/index.hml
diff --git a/ace/ace_standard/src/main/js/default/pages/search/index.js b/ace/ace_standard/src/main/js/default/pages/search/router/index.js
similarity index 100%
rename from ace/ace_standard/src/main/js/default/pages/search/index.js
rename to ace/ace_standard/src/main/js/default/pages/search/router/index.js
diff --git a/ace/ace_standard/src/main/js/default/pages/search/style/index.css b/ace/ace_standard/src/main/js/default/pages/search/style/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/search/style/index.hml b/ace/ace_standard/src/main/js/default/pages/search/style/index.hml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/ace/ace_standard/src/main/js/default/pages/search/style/index.js b/ace/ace_standard/src/main/js/default/pages/search/style/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..336492c8796cfa5ad4c6daef37793e77aebe4d8a
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/pages/search/style/index.js
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
diff --git a/ace/ace_standard/src/main/js/default/test/List.test.js b/ace/ace_standard/src/main/js/default/test/List.test.js
index cefcb64aa855d5e74d6b8c3b4f861a53e404fcbb..37a2b60334cdf456b186d9014d2c7f5cbc4a428f 100755
--- a/ace/ace_standard/src/main/js/default/test/List.test.js
+++ b/ace/ace_standard/src/main/js/default/test/List.test.js
@@ -21,6 +21,7 @@ require('./buttonProps.test.js')
 require('./chartProps.test.js')
 require('./imageProps.test.js')
 require('./spanProps.test.js')
+require('./marqueeProps.test.js')
 require('./menuProps.test.js')
 require('./switchProps.test.js')
 require('./tabsProps.test.js')
@@ -47,3 +48,4 @@ require('./listItemProps.test.js')
 require('./listItemGroupProps.test.js')
 require('./stepperProps.test.js')
 require('./stepperItemProps.test.js')
+require('./searchProps.test.js')
diff --git a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
index 9940814191d42b6178fc8576465116fb4173b55c..aa00a9508677dfaf02ba3fd7a2feea5b10a2d37f 100644
--- a/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
+++ b/ace/ace_standard/src/main/js/default/test/commonComponentJsApi.test.js
@@ -219,6 +219,27 @@ describe('aceJsTest', function () {
             done();
         });
 
+        /**
+         * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+         * @tc.name      testMarqueeComponent
+         * @tc.desc      ACE
+         */
+         it('testMarqueeComponent', 0, async function (done) {
+            let result;
+            let options = {
+                uri: 'pages/marquee/router/index'
+            }
+            try {
+                result = router.push(options)
+            } catch (err) {
+                result = err
+            }
+            await sleep(1000)
+            let pages = router.getState();
+            expect("pages/marquee/router/").assertEqual(pages.path);
+            done();
+        });
+
         /**
          * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
          * @tc.name      testDividerComponent
@@ -311,7 +332,7 @@ describe('aceJsTest', function () {
         it('testSearchComponent', 0, async function (done) {
             let result;
             let options = {
-                uri: 'pages/search/index'
+                uri: 'pages/search/router/index'
             }
             try {
                 result = router.push(options)
@@ -320,7 +341,7 @@ describe('aceJsTest', function () {
             }
             await sleep(1000)
             let pages = router.getState();
-            expect("pages/search/").assertEqual(pages.path);
+            expect("pages/search/router/").assertEqual(pages.path);
             done();
         });
 
diff --git a/ace/ace_standard/src/main/js/default/test/marqueeProps.test.js b/ace/ace_standard/src/main/js/default/test/marqueeProps.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..e950c2ed8974c7771a8504ec6c2832cba90ea8f6
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/test/marqueeProps.test.js
@@ -0,0 +1,867 @@
+/*
+ * Copyright (C) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import router from '@system.router';
+import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index';
+
+
+describe('marqueePropsJsTest', function () {
+
+    async function sleep(time) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => {
+                resolve()
+            }, time)
+        }).then(() => {
+            console.info(`sleep ${time} over...`)
+        })
+    };
+
+    async function backToIndex() {
+        let backToIndexPromise = new Promise((resolve, reject) => {
+            setTimeout(() => {
+                router.back({
+                    uri: 'pages/index/index'
+                });
+                resolve();
+            }, 500);
+        });
+        let clearPromise = new Promise((resolve, reject) => {
+            setTimeout(() => {
+                router.clear();
+                resolve();
+            }, 500);
+        });
+        await backToIndexPromise.then(() => {
+            return clearPromise;
+        });
+    }
+
+    /**
+    * run before testcase
+    */
+    beforeAll(async function (done) {
+        console.info('[marqueePropsJsTest] before each called')
+
+        let result;
+        let options = {
+            uri: 'pages/marquee/prop/index'
+        }
+        try {
+            result = router.push(options)
+            console.info("push marqueeProps page success " + JSON.stringify(result));
+        } catch (err) {
+            console.error("push marqueeProps page error " + JSON.stringify(result));
+        }
+        await sleep(4000)
+        done()
+    });
+
+    /**
+    * run after testcase
+    */
+    afterAll(async function () {
+        console.info('[marqueePropsJsTest] after each called')
+        await backToIndex()
+        await sleep(1000)
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeIdProp
+     * @tc.desc      ACE
+     */
+    it('testmarqueeIdProp', 0, async function (done) {
+        console.info('testmarqueeIdProp START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.idProp);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('idProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClassProp
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClassProp', 0, async function (done) {
+        console.info('testmarqueeClassProp START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.classProp);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('classProp')
+        expect(obj.$attrs.className).assertEqual('classProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClassPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClassPropNone', 0, async function (done) {
+        console.info('testmarqueeClassPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.classPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('classPropNone')
+        expect(obj.$attrs.className).assertEqual(undefined)
+        console.info("[marqueeProps] get className value is: " + JSON.stringify(obj.$attrs.className));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeStyleProp
+     * @tc.desc      ACEs
+     */
+    //    it('testmarqueeStyleProp', 0, async function (done) {
+    //        console.info('testmarqueeStyleProp START');
+    //        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.styleProp);
+    //        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('marquee')
+    //        expect(obj.$attrs.id).assertEqual('styleProp')
+    //        expect(obj.$attrs.style).assertEqual(undefined)
+    //        console.info("[marqueeProps] get style value is: " + JSON.stringify(obj.$attrs.style));
+    //
+    //        expect(obj.$styles.width).assertEqual(undefined);
+    //        console.info("[marqueeProps] get style width value is: " + JSON.stringify(obj.$styles.width));
+    //        expect(obj.$styles.height).assertEqual(undefined);
+    //        console.info("[marqueeProps] get style height value is: " + JSON.stringify(obj.$styles.height));
+    //        expect(obj.$styles.get('background-color')).assertEqual(undefined);
+    //        console.info("[marqueeProps] get style background-color value is: " + JSON.stringify(obj.$styles.get('background-color')));
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeRefProp
+     * @tc.desc      ACE
+     */
+    it('testmarqueeRefProp', 0, async function (done) {
+        console.info('testmarqueeRefProp START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.refProp);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('refProp')
+        expect(obj.$attrs.ref).assertEqual('refProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeRefPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeRefPropNone', 0, async function (done) {
+        console.info('testmarqueeRefPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.refPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('refPropNone')
+        expect(obj.$attrs.ref).assertEqual(undefined)
+        console.info("[marqueeProps] get ref value is: " + JSON.stringify(obj.$attrs.ref));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDisabledPropTrue
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDisabledPropTrue', 0, async function (done) {
+        console.info('testmarqueeDisabledPropTrue START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropTrue);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('disabledPropTrue')
+        expect(obj.$attrs.disabled).assertEqual('true')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDisabledPropFalse
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDisabledPropFalse', 0, async function (done) {
+        console.info('testmarqueeDisabledPropFalse START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropFalse);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('disabledPropFalse')
+        expect(obj.$attrs.disabled).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDisabledPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDisabledPropNone', 0, async function (done) {
+        console.info('testmarqueeDisabledPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('disabledPropNone')
+        expect(obj.$attrs.disabled).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeFocusablePropTrue
+     * @tc.desc      ACE
+     */
+    it('testmarqueeFocusablePropTrue', 0, async function (done) {
+        console.info('testmarqueeFocusablePropTrue START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropTrue);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('focusablePropTrue')
+        expect(obj.$attrs.focusable).assertEqual('true')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeFocusablePropFalse
+     * @tc.desc      ACE
+     */
+    it('testmarqueeFocusablePropFalse', 0, async function (done) {
+        console.info('testmarqueeFocusablePropFalse START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropFalse);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('focusablePropFalse')
+        expect(obj.$attrs.focusable).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeFocusablePropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeFocusablePropNone', 0, async function (done) {
+        console.info('testmarqueeFocusablePropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('focusablePropNone')
+        expect(obj.$attrs.focusable).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDataProp
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDataProp', 0, async function (done) {
+        console.info('testmarqueeDataProp START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dataProp);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dataProp')
+        expect(obj.$attrs.datamarquee).assertEqual(undefined);
+        console.info("[marqueeProps] get datamarquee value is: " + JSON.stringify(obj.$attrs.datamarquee));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDataPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDataPropNone', 0, async function (done) {
+        console.info('testmarqueeDataPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dataPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dataPropNone')
+        expect(obj.$attrs.datamarquee).assertEqual(undefined)
+        console.info("[marqueeProps] get datamarquee value is: " + JSON.stringify(obj.$attrs.datamarquee));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClickEffectPropSmall
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClickEffectPropSmall', 0, async function (done) {
+        console.info('testmarqueeClickEffectPropSmall START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropSmall);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropSmall')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-small')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClickEffectPropMedium
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClickEffectPropMedium', 0, async function (done) {
+        console.info('testmarqueeClickEffectPropMedium START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropMedium);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropMedium')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-medium')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClickEffectPropLarge
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClickEffectPropLarge', 0, async function (done) {
+        console.info('testmarqueeClickEffectPropLarge START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropLarge);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropLarge')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-large')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeClickEffectPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeClickEffectPropNone', 0, async function (done) {
+        console.info('testmarqueeClickEffectPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropNone')
+        expect(obj.$attrs.clickEffect).assertEqual(undefined)
+        console.info("[marqueeProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDirPropRtl
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirPropRtl', 0, async function (done) {
+        console.info('testmarqueeDirPropRtl START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropRtl);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dirPropRtl')
+        expect(obj.$attrs.dir).assertEqual('rtl')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDirPropLtr
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirPropLtr', 0, async function (done) {
+        console.info('testmarqueeDirPropLtr START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropLtr);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dirPropLtr')
+        expect(obj.$attrs.dir).assertEqual('ltr')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDirPropAuto
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirPropAuto', 0, async function (done) {
+        console.info('testmarqueeDirPropAuto START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropAuto);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dirPropAuto')
+        expect(obj.$attrs.dir).assertEqual('auto')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeDirPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirPropNone', 0, async function (done) {
+        console.info('testmarqueeDirPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('dirPropNone')
+        expect(obj.$attrs.dir).assertEqual('auto')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeForPropNull
+     * @tc.desc      ACE
+     */
+    it('testmarqueeForPropNull', 0, async function (done) {
+        console.info('testmarqueeForPropNull START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropNull);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('forPropNull')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[marqueeProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeForPropOne
+     * @tc.desc      ACE
+     */
+    it('testmarqueeForPropOne', 0, async function (done) {
+        console.info('testmarqueeForPropOne START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropOne);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('forPropOne')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[marqueeProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeForPropThree
+     * @tc.desc      ACE
+     */
+    it('testmarqueeForPropThree', 0, async function (done) {
+        console.info('testmarqueeForPropThree START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropThree);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('forPropThree')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[marqueeProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeIfPropTrue
+     * @tc.desc      ACE
+     */
+    it('testmarqueeIfPropTrue', 0, async function (done) {
+        console.info('testmarqueeIfPropTrue START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.ifPropTrue);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('ifPropTrue')
+        expect(obj.$attrs.if).assertEqual(undefined)
+        console.info("[marqueeProps] get for value is: " + JSON.stringify(obj.$attrs.if));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeIfPropFalse
+     * @tc.desc      ACE
+     */
+    //    it('testmarqueeIfPropFalse', 0, async function (done) {
+    //        console.info('testmarqueeIfPropFalse START');
+    //        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.ifPropFalse);
+    //        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('marquee')
+    //        expect(obj.$attrs.id).assertEqual('ifPropFalse')
+    //        expect(obj.$attrs.if).assertEqual(false)
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeIfPropNone
+     * @tc.desc      ACE
+     */
+    //    it('testmarqueeIfPropNone', 0, async function (done) {
+    //        console.info('testmarqueeIfPropNone START');
+    //        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.ifPropNone);
+    //        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('marquee')
+    //        expect(obj.$attrs.id).assertEqual('ifPropNone')
+    //        expect(obj.$attrs.if).assertEqual(false)
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropTrue
+     * @tc.desc      ACE
+     */
+    it('testmarqueeShowPropTrue', 0, async function (done) {
+        console.info('testmarqueeShowPropTrue START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropTrue);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('showPropTrue')
+        expect(obj.$attrs.show).assertEqual('true')
+        console.info("[marqueeProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropFalse
+     * @tc.desc      ACE
+     */
+    it('testmarqueeShowPropFalse', 0, async function (done) {
+        console.info('testmarqueeShowPropFalse START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropFalse);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('showPropFalse')
+        expect(obj.$attrs.show).assertEqual('false')
+        console.info("[marqueeProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeShowPropNone', 0, async function (done) {
+        console.info('testmarqueeShowPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropNone);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('showPropNone')
+        expect(obj.$attrs.show).assertEqual("false")
+        console.info("[marqueeProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeScrollamountPropNone', 0, async function (done) {
+        console.info('testmarqueeXsPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeScrollamountNull);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeScrollamountNull')
+        expect(obj.$attrs.scrollamount).assertEqual("6")
+        console.info("[marqueeProps] get scrollamount value is: " + JSON.stringify(obj.$attrs.scrollamount));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeScrollamountProp10', 0, async function (done) {
+        console.info('testmarqueeXsPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeScrollamount10);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeScrollamount10')
+        expect(obj.$attrs.scrollamount).assertEqual('10')
+        console.info("[marqueeProps] get scrollamount value is: " + JSON.stringify(obj.$attrs.scrollamount));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeScrollamountProp20', 0, async function (done) {
+        console.info('testmarqueeXsPropNone START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeScrollamount20);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeScrollamount20')
+        expect(obj.$attrs.scrollamount).assertEqual('20')
+        console.info("[marqueeProps] get scrollamount value is: " + JSON.stringify(obj.$attrs.scrollamount));
+        done();
+    });
+/**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+it('testmarqueeLoopPropNull', 0, async function (done) {
+    console.info('testmarqueeXsPropObject START');
+    console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+    let obj = JSON.parse(globalThis.value.typeLoopNull);
+    console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+    console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+    expect(obj.$type).assertEqual('marquee')
+    expect(obj.$attrs.id).assertEqual('typeLoopNull')
+    expect(obj.$attrs.loop).assertEqual('-1')
+    console.info("[marqueeProps] get loop value is: " + JSON.stringify(obj.$attrs.loop));
+    done();
+});
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeLoopProp1', 0, async function (done) {
+        console.info('testmarqueeXsPropObject START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeLoop1);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeLoop1')
+        expect(obj.$attrs.loop).assertEqual("-1")
+        console.info("[marqueeProps] get loop value is: " + JSON.stringify(obj.$attrs.loop));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeLoopProp3', 0, async function (done) {
+        console.info('testmarqueeXsPropObject START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeLoop3);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeLoop3')
+        expect(obj.$attrs.loop).assertEqual("3")
+        console.info("[marqueeProps] get loop value is: " + JSON.stringify(obj.$attrs.loop));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirectionPropNull', 0, async function (done) {
+        console.info('testmarqueeXsPropObject START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeDirectionNull);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeDirectionNull')
+        expect(obj.$attrs.direction).assertEqual("left")
+        console.info("[marqueeProps] get direction value is: " + JSON.stringify(obj.$attrs.direction));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirectionPropRight', 0, async function (done) {
+        console.info('testmarqueeXsPropObject START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeDirectionRight);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeDirectionRight')
+        expect(obj.$attrs.direction).assertEqual("right")
+        console.info("[marqueeProps] get direction value is: " + JSON.stringify(obj.$attrs.direction));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testmarqueeShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testmarqueeDirectionPropLeft', 0, async function (done) {
+        console.info('testmarqueeXsPropObject START');
+        console.info("[marqueeProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.typeDirectionLeft);
+        console.info("[marqueeProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[marqueeProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('marquee')
+        expect(obj.$attrs.id).assertEqual('typeDirectionLeft')
+        expect(obj.$attrs.direction).assertEqual("left")
+        console.info("[marqueeProps] get direction value is: " + JSON.stringify(obj.$attrs.direction));
+        done();
+    });
+
+});
+
+
+
diff --git a/ace/ace_standard/src/main/js/default/test/searchProps.test.js b/ace/ace_standard/src/main/js/default/test/searchProps.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..41d1866cf06574acf5ad9e2ee54df60279fffec3
--- /dev/null
+++ b/ace/ace_standard/src/main/js/default/test/searchProps.test.js
@@ -0,0 +1,884 @@
+/*
+ * Copyright (C) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import router from '@system.router';
+import {describe, beforeAll,afterAll, it, expect} from 'deccjsunit/index';
+
+
+describe('searchPropsJsTest', function () {
+
+    async function sleep(time) {
+        return new Promise((resolve, reject) => {
+            setTimeout(() => {
+                resolve()
+            }, time)
+        }).then(() => {
+            console.info(`sleep ${time} over...`)
+        })
+    };
+
+    async function backToIndex() {
+        let backToIndexPromise = new Promise((resolve, reject) => {
+            setTimeout(() => {
+                router.back({
+                    uri: 'pages/index/index'
+                });
+                resolve();
+            }, 500);
+        });
+        let clearPromise = new Promise((resolve, reject) => {
+            setTimeout(() => {
+                router.clear();
+                resolve();
+            }, 500);
+        });
+        await backToIndexPromise.then(() => {
+            return clearPromise;
+        });
+    }
+
+    /**
+    * run before testcase
+    */
+    beforeAll(async function (done) {
+        console.info('[searchPropsJsTest] before each called')
+
+        let result;
+        let options = {
+            uri: 'pages/search/prop/index'
+        }
+        try {
+            result = router.push(options)
+            console.info("push searchProps page success " + JSON.stringify(result));
+        } catch (err) {
+            console.error("push searchProps page error " + JSON.stringify(result));
+        }
+        await sleep(4000)
+        done()
+    });
+
+    /**
+    * run after testcase
+    */
+    afterAll(async function () {
+        console.info('[searchPropsJsTest] after each called')
+        await backToIndex()
+        await sleep(1000)
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchIdProp
+     * @tc.desc      ACE
+     */
+    it('testsearchIdProp', 0, async function (done) {
+        console.info('testsearchIdProp START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.idProp);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('idProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClassProp
+     * @tc.desc      ACE
+     */
+    it('testsearchClassProp', 0, async function (done) {
+        console.info('testsearchClassProp START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.classProp);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('classProp')
+        expect(obj.$attrs.className).assertEqual('classProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClassPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchClassPropNone', 0, async function (done) {
+        console.info('testsearchClassPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.classPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('classPropNone')
+        expect(obj.$attrs.className).assertEqual(undefined)
+        console.info("[searchProps] get className value is: " + JSON.stringify(obj.$attrs.className));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchStyleProp
+     * @tc.desc      ACEs
+     */
+    //    it('testsearchStyleProp', 0, async function (done) {
+    //        console.info('testsearchStyleProp START');
+    //        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.styleProp);
+    //        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('search')
+    //        expect(obj.$attrs.id).assertEqual('styleProp')
+    //        expect(obj.$attrs.style).assertEqual(undefined)
+    //        console.info("[searchProps] get style value is: " + JSON.stringify(obj.$attrs.style));
+    //
+    //        expect(obj.$styles.width).assertEqual(undefined);
+    //        console.info("[searchProps] get style width value is: " + JSON.stringify(obj.$styles.width));
+    //        expect(obj.$styles.height).assertEqual(undefined);
+    //        console.info("[searchProps] get style height value is: " + JSON.stringify(obj.$styles.height));
+    //        expect(obj.$styles.get('background-color')).assertEqual(undefined);
+    //        console.info("[searchProps] get style background-color value is: " + JSON.stringify(obj.$styles.get('background-color')));
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchRefProp
+     * @tc.desc      ACE
+     */
+    it('testsearchRefProp', 0, async function (done) {
+        console.info('testsearchRefProp START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.refProp);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('refProp')
+        expect(obj.$attrs.ref).assertEqual('refProp')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchRefPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchRefPropNone', 0, async function (done) {
+        console.info('testsearchRefPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.refPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('refPropNone')
+        expect(obj.$attrs.ref).assertEqual(undefined)
+        console.info("[searchProps] get ref value is: " + JSON.stringify(obj.$attrs.ref));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDisabledPropTrue
+     * @tc.desc      ACE
+     */
+    it('testsearchDisabledPropTrue', 0, async function (done) {
+        console.info('testsearchDisabledPropTrue START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropTrue);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('disabledPropTrue')
+        expect(obj.$attrs.disabled).assertEqual('true')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDisabledPropFalse
+     * @tc.desc      ACE
+     */
+    it('testsearchDisabledPropFalse', 0, async function (done) {
+        console.info('testsearchDisabledPropFalse START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropFalse);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('disabledPropFalse')
+        expect(obj.$attrs.disabled).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDisabledPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchDisabledPropNone', 0, async function (done) {
+        console.info('testsearchDisabledPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.disabledPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('disabledPropNone')
+        expect(obj.$attrs.disabled).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchFocusablePropTrue
+     * @tc.desc      ACE
+     */
+    it('testsearchFocusablePropTrue', 0, async function (done) {
+        console.info('testsearchFocusablePropTrue START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropTrue);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('focusablePropTrue')
+        expect(obj.$attrs.focusable).assertEqual('true')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchFocusablePropFalse
+     * @tc.desc      ACE
+     */
+    it('testsearchFocusablePropFalse', 0, async function (done) {
+        console.info('testsearchFocusablePropFalse START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropFalse);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('focusablePropFalse')
+        expect(obj.$attrs.focusable).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchFocusablePropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchFocusablePropNone', 0, async function (done) {
+        console.info('testsearchFocusablePropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.focusablePropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('focusablePropNone')
+        expect(obj.$attrs.focusable).assertEqual('false')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDataProp
+     * @tc.desc      ACE
+     */
+    it('testsearchDataProp', 0, async function (done) {
+        console.info('testsearchDataProp START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dataProp);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dataProp')
+        expect(obj.$attrs.datasearch).assertEqual(undefined);
+        console.info("[searchProps] get datasearch value is: " + JSON.stringify(obj.$attrs.datasearch));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDataPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchDataPropNone', 0, async function (done) {
+        console.info('testsearchDataPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dataPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dataPropNone')
+        expect(obj.$attrs.datasearch).assertEqual(undefined)
+        console.info("[searchProps] get datasearch value is: " + JSON.stringify(obj.$attrs.datasearch));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClickEffectPropSmall
+     * @tc.desc      ACE
+     */
+    it('testsearchClickEffectPropSmall', 0, async function (done) {
+        console.info('testsearchClickEffectPropSmall START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropSmall);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropSmall')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-small')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClickEffectPropMedium
+     * @tc.desc      ACE
+     */
+    it('testsearchClickEffectPropMedium', 0, async function (done) {
+        console.info('testsearchClickEffectPropMedium START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropMedium);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropMedium')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-medium')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClickEffectPropLarge
+     * @tc.desc      ACE
+     */
+    it('testsearchClickEffectPropLarge', 0, async function (done) {
+        console.info('testsearchClickEffectPropLarge START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropLarge);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropLarge')
+        expect(obj.$attrs.clickEffect).assertEqual('spring-large')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchClickEffectPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchClickEffectPropNone', 0, async function (done) {
+        console.info('testsearchClickEffectPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.clickEffectPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('clickEffectPropNone')
+        expect(obj.$attrs.clickEffect).assertEqual(undefined)
+        console.info("[searchProps] get clickEffect value is: " + JSON.stringify(obj.$attrs.clickEffect));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDirPropRtl
+     * @tc.desc      ACE
+     */
+    it('testsearchDirPropRtl', 0, async function (done) {
+        console.info('testsearchDirPropRtl START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropRtl);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dirPropRtl')
+        expect(obj.$attrs.dir).assertEqual('rtl')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDirPropLtr
+     * @tc.desc      ACE
+     */
+    it('testsearchDirPropLtr', 0, async function (done) {
+        console.info('testsearchDirPropLtr START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropLtr);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dirPropLtr')
+        expect(obj.$attrs.dir).assertEqual('ltr')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDirPropAuto
+     * @tc.desc      ACE
+     */
+    it('testsearchDirPropAuto', 0, async function (done) {
+        console.info('testsearchDirPropAuto START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropAuto);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dirPropAuto')
+        expect(obj.$attrs.dir).assertEqual('auto')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchDirPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchDirPropNone', 0, async function (done) {
+        console.info('testsearchDirPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.dirPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('dirPropNone')
+        expect(obj.$attrs.dir).assertEqual('auto')
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchForPropNull
+     * @tc.desc      ACE
+     */
+    it('testsearchForPropNull', 0, async function (done) {
+        console.info('testsearchForPropNull START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropNull);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('forPropNull')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[searchProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchForPropOne
+     * @tc.desc      ACE
+     */
+    it('testsearchForPropOne', 0, async function (done) {
+        console.info('testsearchForPropOne START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropOne);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('forPropOne')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[searchProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchForPropThree
+     * @tc.desc      ACE
+     */
+    it('testsearchForPropThree', 0, async function (done) {
+        console.info('testsearchForPropThree START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.forPropThree);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('forPropThree')
+        expect(obj.$attrs.for).assertEqual(undefined)
+        console.info("[searchProps] get for value is: " + JSON.stringify(obj.$attrs.for));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchIfPropTrue
+     * @tc.desc      ACE
+     */
+    it('testsearchIfPropTrue', 0, async function (done) {
+        console.info('testsearchIfPropTrue START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.ifPropTrue);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('ifPropTrue')
+        expect(obj.$attrs.if).assertEqual(undefined)
+        console.info("[searchProps] get for value is: " + JSON.stringify(obj.$attrs.if));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchIfPropFalse
+     * @tc.desc      ACE
+     */
+    //    it('testsearchIfPropFalse', 0, async function (done) {
+    //        console.info('testsearchIfPropFalse START');
+    //        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.ifPropFalse);
+    //        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('search')
+    //        expect(obj.$attrs.id).assertEqual('ifPropFalse')
+    //        expect(obj.$attrs.if).assertEqual(false)
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchIfPropNone
+     * @tc.desc      ACE
+     */
+    //    it('testsearchIfPropNone', 0, async function (done) {
+    //        console.info('testsearchIfPropNone START');
+    //        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+    //
+    //        let obj = JSON.parse(globalThis.value.ifPropNone);
+    //        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+    //        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+    //
+    //        expect(obj.$type).assertEqual('search')
+    //        expect(obj.$attrs.id).assertEqual('ifPropNone')
+    //        expect(obj.$attrs.if).assertEqual(false)
+    //        done();
+    //    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropTrue
+     * @tc.desc      ACE
+     */
+    it('testsearchShowPropTrue', 0, async function (done) {
+        console.info('testsearchShowPropTrue START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropTrue);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('showPropTrue')
+        expect(obj.$attrs.show).assertEqual('true')
+        console.info("[searchProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropFalse
+     * @tc.desc      ACE
+     */
+    it('testsearchShowPropFalse', 0, async function (done) {
+        console.info('testsearchShowPropFalse START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropFalse);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('showPropFalse')
+        expect(obj.$attrs.show).assertEqual('false')
+        console.info("[searchProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchShowPropNone', 0, async function (done) {
+        console.info('testsearchShowPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.showPropNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('showPropNone')
+        expect(obj.$attrs.show).assertEqual("true")
+        console.info("[searchProps] get show value is: " + JSON.stringify(obj.$attrs.show));
+        done();
+    });
+
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchValuePropNone', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.valueNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('valueNone')
+        expect(obj.$attrs.value).assertEqual(undefined)
+        console.info("[searchProps] get value value is: " + JSON.stringify(obj.$attrs.value));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchValueProp', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.value);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('value')
+        expect(obj.$attrs.value).assertEqual('text')
+        console.info("[searchProps] get value value is: " + JSON.stringify(obj.$attrs.value));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchIconPropNone', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.iconNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('iconNone')
+        expect(obj.$attrs.icon).assertEqual(undefined)
+        console.info("[searchProps] get checked value is: " + JSON.stringify(obj.$attrs.icon));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchIconProp', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.icon);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('icon')
+        expect(obj.$attrs.icon).assertEqual("common/images/image.png")
+        console.info("[searchProps] get checked value is: " + JSON.stringify(obj.$attrs.icon));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchHintPropNone', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.hintNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('hintNone')
+        expect(obj.$attrs.hint).assertEqual(undefined)
+        console.info("[searchProps] get hint value is: " + JSON.stringify(obj.$attrs.hint));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchHintProp', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.hint);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('hint')
+        expect(obj.$attrs.hint).assertEqual("提示")
+        console.info("[searchProps] get hint value is: " + JSON.stringify(obj.$attrs.hint));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchMenuoptionsPropNone', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.menuoptionsNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('menuoptionsNone')
+        expect(obj.$attrs.menuoptions).assertEqual(undefined)
+        console.info("[searchProps] get menuoptions value is: " + JSON.stringify(obj.$attrs.menuoptions));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchMenuoptionsProp', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.menuoptions);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('menuoptions')
+        expect(obj.$attrs.menuoptions).assertEqual(undefined)
+        console.info("[searchProps] get menuoptions value is: " + JSON.stringify(obj.$attrs.menuoptions));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchSearchbuttonPropNone', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.searchbuttonNone);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('searchbuttonNone')
+        expect(obj.$attrs.searchbutton).assertEqual(undefined)
+        console.info("[searchProps] get searchbutton value is: " + JSON.stringify(obj.$attrs.searchbutton));
+        done();
+    });
+    /**
+     * @tc.number    SUB_ACE_BASIC_COMPONENT_JS_API_0100
+     * @tc.name      testsearchShowPropNone
+     * @tc.desc      ACE
+     */
+    it('testsearchSearchbuttonProp', 0, async function (done) {
+        console.info('testsearchXsPropNone START');
+        console.info("[searchProps] get globalThis.value is: " + JSON.stringify(globalThis.value));
+
+        let obj = JSON.parse(globalThis.value.searchbutton);
+        console.info("[searchProps] get inspector value is: " + JSON.stringify(obj));
+        console.info("[searchProps] get inspector attrs value is: " + JSON.stringify(obj.$attrs));
+
+        expect(obj.$type).assertEqual('search')
+        expect(obj.$attrs.id).assertEqual('searchbutton')
+        expect(obj.$attrs.searchbutton).assertEqual("按钮")
+        console.info("[searchProps] get searchbutton value is: " + JSON.stringify(obj.$attrs.searchbutton));
+        done();
+    });
+
+
+});
+
+
+