add test cases

Signed-off-by: Nliwenbo <liwenbo01@kaihongdigi.com>

ace/ace_standard/src/main/js/default/pages/search/prop/index.css

+/**
+ * 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;
+}
+
+
+
+
+
+

ace/ace_standard/src/main/js/default/pages/search/prop/index.hml

+<!--/**
+ * 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>

ace/ace_standard/src/main/js/default/pages/search/prop/index.js

+/**
+ * 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()
+
+    }
+}

ace/ace_standard/src/main/js/default/pages/search/style/index.js

+/**
+ * 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.
+ */